@charset "utf-8";
@font-face {
      font-family: 'Noto Sans JP';
      src: url('../fonts/NotoSansJP-VariableFont_wght.ttf') format('ttf');
      font-weight: normal;
      font-style: normal;
    }

body {
	font-family:'Noto Sans','Noto Sans JP',sans-serif;
	background-color: #fff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	overflow-x: hidden !important;
	color:#353434;
	
	overflow-wrap: anywhere; /* 収まらない場合に折り返す */
	word-break:keep-all; /* 単語の分割はデフォルトに依存 */
	line-break: strict; /* 禁則処理を厳格に適用 */	
	text-size-adjust: none;
}

body.bodyjp{word-break: auto-phrase; font-feature-settings: 'palt';}
body.bodyjp p{line-height: 30px;}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* Container */
.container {
	width: 90%;
	max-width:1130px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.container2 {
	width: 90%;
	max-width:1030px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
*{margin:0; padding:0;}
a:link,a:hover,a:visited{text-decoration:none;}
img, object, embed, video {
	max-width: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

.ie6 img {
	width:100%;
}

img{width:100%; height:auto; display:block;}

.logo{max-width:180px;}

header,main,footer{width:100%; margin:0 auto;}

.side{text-align: justify; text-justify: inter-ideograph;}

.fw{font-weight: bold;}
nav{font-size:16px;}
.t_c{text-align: center;}

.f_title{font-size:calc(20px + 16 * (100vw - 320px)/1080); /*20px-36px*/}
.f_title2{font-size:calc(18px + 2 * (100vw - 320px)/1080); /*18px-20px*/;}
.f_text{font-size:16px; /*16px-16px*/;}
body.bodyjp .f_title{line-height: 1.5;}

.p1{padding:3rem 0;}
.p2{padding:2rem 0;}
/******************************* header ****************************************/

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.header {
    position: relative;
}

.header .r_top .r_nav li a{transition:1.0s;}


main{padding-bottom:3rem;}


.r_top{display: flex; justify-content: space-between; padding:0 2.8%;}
.r_top h1{margin:0.26em 0;}

.r_top {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 100%;
    z-index: 4;
}

.r_top h1 a{display:flex; align-items: center;}
.r_top h1 a span{font-size:14px; white-space: nowrap; line-height: 20px;}

.btn2{display: flex; justify-content: center;}

.btn2{background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg); color:#fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width: 100%; height: 100%; padding-left: 30px; padding-right: 30px; padding-top: 12px; padding-bottom: 12px; overflow: hidden; border-radius: 15px; justify-content: center; align-items: center; gap: 10px; display: inline-flex;}
.btn2 a{text-align: center; justify-content: center; display: flex; flex-direction: column; color: white; font-size: 16px; font-family: Noto Sans; font-weight: 700; line-height: 20px; word-wrap: break-word; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.btn2:hover{background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg), linear-gradient(0deg, rgba(0, 173, 238, 0.6), rgba(0, 173, 238, 0.6)) !important; display: block; background: linear-gradient(0deg, #0095CE, #0095CE),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) !important;}



.main1{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    height: -webkit-calc(77vh - 100px);
    height: calc(77vh - 100px);
}
.main-img-box {
	width:90%;	
    z-index: 2;
	overflow: hidden;
	border-radius: 15px;
	margin:0 auto;
}

.main1-sub{padding:2rem 0;}

.main-text-box{display:flex; align-items: center; justify-content:space-between; /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);*/ width:100%; height: -webkit-fill-available;}

.main1-l{display:flex; flex-direction: column; grid-row-gap: 0.8rem;}
.main1_p,.main1_p2,.alumni_h3{font-size: calc(16px + 6 * (100vw - 320px)/1080);/*16px-22px*/}
.main1_h2{font-size: calc(26px + 24 * (100vw - 320px)/1080); /*26px-50px*/ line-height: 56px;}

.main2{padding:1.5rem 0 2.5rem 0;}

.main2_div1,.main2_div3{display:flex; flex-direction: column; grid-row-gap:1rem; line-height: 22px;}
.main2_div2{display:flex; align-items:flex-start; grid-column-gap: 0.5rem; justify-content: center;}
.main2_div2 img{max-width:200px;}

.main2_div2{width:98%; margin:0 auto;}
.main2_div3{position:relative; width:100%; margin:2rem auto; padding-left:40px; padding-right:40px;}
.main2_div3::before{content:""; position: absolute; top:-15px; left:0; background:url("../img/icon1.png") no-repeat; width:30px; height:30px;}

.main2_div3::after{content:""; position: absolute; bottom:-15px; right:0; background:url("../img/icon1.png") no-repeat; width:30px; height:30px; transform: scale(-1, 1);}

.main2_div4{width:100%; padding-left:40px; padding-right:40px; padding-bottom:3rem;}

.main3_div1{display:flex; justify-content: center;}
.main3_h3{color:#009FDE; line-height: 24px; position: relative; padding-left:40px; padding-right:40px; display: inline-block;}
body.bodyjp .main3_h3{line-height: 30px;}
.main3_h3::before{content:""; position: absolute; top:-15px; left:0; background:url("../img/icon2.png") no-repeat; width:30px; height:30px;}

.main3_h3::after{content:""; position: absolute; top:-15px; right:0; background:url("../img/icon2.png") no-repeat; width:30px; height:30px; transform: scale(-1, 1);}

.main3_div2{display:flex; align-items:flex-start; grid-column-gap: 2rem;}
.m3_d2-l{width:100%; max-width:609px; display:flex; flex-direction: column; grid-row-gap: 2rem; line-height: 20px;}
.m3_d2-r{margin-top:5rem;}

.fot{background:#F9FDFF; padding: 3rem 40px;}
.fot_div{display:flex; align-items: center; justify-content: space-between; grid-column-gap: 1rem;}
.fot_div2{display:flex; align-items:flex-start; grid-column-gap: 0.5rem; justify-content: center;}
.logo_f{max-width:282px;}
.fot_div2 img{max-width:150px;}
.fot_ul{display:flex; flex-direction: column; grid-row-gap: 0.8rem; justify-content: center;}
.fot_ul li{text-align: center;}

.fot_div4{display:flex; align-items: center; grid-column-gap: 1rem; font-size:14px; color:#333; flex-wrap: wrap; grid-row-gap: 1rem;}

.main1-r{display:flex; flex-direction: column; width:100%; max-width:409px; height: auto; max-height:439px; grid-row-gap: 1rem;}
.m1-r1{display:flex; justify-content: space-between;}
.m1-r2{display:flex; justify-content: center;}
.m1-r3{display:flex; justify-content: space-between;}
.m1-r1-1{position: relative; width:100%; height:69px; overflow: hidden; margin-left: 5%;}
.r1-1a {
    width: 100%;
	max-width:69px;
	height:100%;
    max-height: 69px;
    position: absolute;
    top: 0;
    background: center center no-repeat;
    animation: anime 1s forwards;
    z-index: 0;
    opacity: 0;
}

.r1-1a {
    background-image: url("../img/green2.svg");
	background-size: contain;
    animation-delay: 1s;
	
}

.m1-r1-2{position: relative; width:100%; height:69px; overflow: hidden; display: flex;
    justify-content:flex-end; margin-top: -3%;
}
.r1-2a {
    width: 100%;
	max-width:69px;
    height: 69px;
    position: absolute;
    top: 0;
    background: center center no-repeat;
    animation: anime 1s forwards;
    z-index: 0;
    opacity: 0;
}

.r1-2a {
    background-image: url("../img/red2.svg");
	background-size: contain;
    animation-delay: 1.2s;
}


.m1-r2-1{position: relative; width:100%; height:246px; overflow: hidden; display: flex
; justify-content: center;}
.r2-1a, .r2-1b {
    width: 100%;
	max-width:381px;
    height: 246px;
    position: absolute;
    top: 0;
    background: center center no-repeat;
    animation: anime 0s forwards;
    z-index: 0;
    opacity: 0;
}
.r2-1a {
    background-image:url("../img/main-logo1.svg");
	background-size: contain;
}
.r2-1b {
    background-image: url("../img/main-logo2.svg");
	background-size: contain;
    animation-delay: 2s;
	animation-duration: 1s;
}

.m1-r3-1{position: relative; width:100%; height:69px; overflow: hidden;}
.r1-3a {
    width: 100%;
	max-width:69px;
    height: 69px;
    position: absolute;
    top: 0;
    background: center center no-repeat;
    animation: anime 1s forwards;
    z-index: 0;
    opacity: 0;
}

.r1-3a {
    background-image: url("../img/yellow2.svg");
	background-size: contain;
    animation-delay: 1.4s;
}

.m1-r3-2{position: relative; width:100%; height:69px; overflow: hidden; display: flex;
    justify-content:flex-end;}
.r1-4a {
    width: 100%;
	max-width:69px;
    height: 69px;
    position: absolute;
    top: 0;
    background: center center no-repeat;
    animation: anime 1s forwards;
    z-index: 0;
    opacity: 0;
}

.r1-4a {
    background-image: url("../img/blue2.svg");
	background-size: contain;
    animation-delay: 1.6s;
}

@keyframes anime {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/***********************/
/*** our vision ********/
/***********************/

.our-l{max-width:475px; align-items: center;}

.our_ul{display:flex; flex-direction: column; grid-row-gap: 1rem;}
.our_li span{position:relative; padding-left:45px; display:inline-block; height:35px; display: flex; align-items: center;}
.our_li span::before{content:""; position: absolute; top: 50%; left: 0%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width:35px; height:35px;} 

.our_li1{background:url("../img/icon3.png") no-repeat;}
.our_li2{background:url("../img/icon4.png") no-repeat;}
.our_li3{background:url("../img/icon5.png") no-repeat;}
.our_li4{background:url("../img/icon6.png") no-repeat;}

.our_p2{line-height: 22px;}

.movie_box {width: 100%; aspect-ratio: 16 / 9; padding:2rem 0;}
.movie_box iframe {width: 100%; height: 100%;}

.our_h2_span{color:#009FDE; display: block;}
.our_h2_span_j{color:#009FDE;}

.our3_div{display:flex; grid-column-gap: 68px; justify-content: center;}
.our3_div1{width:100%; max-width: 212px; display:flex; flex-direction: column; align-items: center; grid-row-gap: 1rem;}
.our3_div1 p img{margin:0 auto;}
.our3_h3{color:#009FDE;}
.o3_d1_div{display:flex; align-items: center; width:100%; padding:22px; box-shadow: 0px 4px 80px 20px #0000000D; box-shadow: 0px 4px 100px 10px #0000000F; background:#fff; border-radius: 10px; flex:1;}
body.bodyjp .o3_d1_div,body.bodyjp .imp2_div1{line-height: 22px;}

.our2img,.our3img,.our4img{max-width:175px;}

.our5_box2{display:flex; grid-column-gap: 50px; justify-content: center;}
.our5_b2_oya{box-shadow: 0px 4px 80px 20px #0000000D; box-shadow: 0px 4px 100px 10px #0000000F; background:#fff; border-radius:10px; padding:25px 21px; display:flex; align-items: center; flex-direction: column; grid-row-gap: 0.5rem; flex:1;}

.our5_b2-1,.our5_b2-2,.our5_b2-3,.our5_b2-4{padding-top:53px; position: relative; max-width:181px; width:100%; display:flex;}
.our5_b2-1::before,.our5_b2-2::before,.our5_b2-3::before,.our5_b2-4::before{content:""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width:68px; height:68px;}

.our5_b2-1::before{background: url("../img/red2.svg") no-repeat;}
.our5_b2-2::before{background: url("../img/green2.svg") no-repeat;}
.our5_b2-3::before{background: url("../img/blue2.svg") no-repeat;}
.our5_b2-4::before{background: url("../img/yellow2.svg") no-repeat;}

.our5_b2-1 h3{color:#D53333;}
.our5_b2-2 h3{color:#24AB4C;}
.our5_b2-3 h3{color:#009FDE;}
.our5_b2-4 h3{color:#F7B114;}

/***********************/
/*** our impact ********/
/***********************/

.impact-l{max-width:415px; grid-row-gap: 1.3rem; line-height: 22px;}

.sub_impact{position: relative; /*height:48vh;*/}
.impact1{width:52.7%; height:349px; background:url("../img/impact.jpg") center no-repeat; background-size: cover; margin-left: auto;}

.impact_p{font-size:18px;}
.impact_p span{display:block;}

.sub_impact2{position: relative;}

.impact-l2{max-width:274px; grid-row-gap: 1.3rem; line-height: 22px;}

.impact2box{display:flex; grid-column-gap: 40px; justify-content:center; align-items: stretch; margin-bottom:2rem;}
.imp2_div1{background:#fff; padding:25px 21px; border-radius: 10px; box-shadow: 0px 4px 80px 20px #0000000D; box-shadow: 0px 4px 100px 10px #0000000F; width:100%; max-width: 181px; display: flex; align-items: center; justify-content: center; font-size:14px; line-height: 20px;}

.sub_impact3{position: relative;}

.sub_impact4{position: relative;}
.imp_main{padding-bottom:0;}


/***********************/
/*** our Alumni ********/
/***********************/

.alumni_div1{display:flex; flex-direction: column; justify-content: center; grid-row-gap: 1rem;}
.alumni_p2{line-height: 22px;}
body.bodyjp .alumni_p2 {line-height: 25px;}
.slider {
   width:100%;
	max-width:825px;
    margin:0 auto;
}

.slider img {
    width:100%;
    height:auto;
}

.slick-list{padding:2rem 0 !important;}

.slider .slick-slide {
    margin:0 10px;
}
/*
.slick-slide{width:251px !important;}
*/
/*矢印の設定*/

.slick-prev, 
.slick-next {
    position: absolute;
    top: 42%;
    cursor: pointer;
    outline: none;
    height: 40px;
    width: 40px;
}

.slick-prev {
    left: -6.5%;
	background:url("../img/arrow.svg") no-repeat;
}

.slick-next {
    right: -6.5%;
	background:url("../img/arrow.svg") no-repeat;
	transform: scale(-1, 1);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:15px;
    height:15px;
    display:block;
    border-radius:50%;
    border:1.5px solid #009FDE;
}

.slick-dots .slick-active button{
    background:#009FDE;
}

.alumni_slide{display:flex; align-items: stretch; justify-content: center;}
.alumni_box1{width:100%; max-width:251px; border-radius: 20px; background:#fff; display:flex; flex-direction: column; grid-row-gap:0.5rem; padding:21px; justify-content: center; align-items: center;}

.alumni_box1{box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.06); margin: 0 auto;}

.alumni1_p2{color:#009FDE;}
.alumni1_h4{font-size:14px;}
.alumni1_h4 span{display: block;}
.alumni1_date{color:#8C8C8C; font-size:14px;}
.alumni1_a{width:100%; max-width:100px; padding:9px 5px; border-radius: 9px; background:#4BCAF0; color:#fff; display: block; text-align: center;}
.alumni1_a:hover{background: linear-gradient(0deg, #0095CE, #0095CE),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
.alumni1_a span{text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); font-size:12px; display: block;}
.alumni1_p1{width:100%;}
.alumni1_p1 img{width:209px; height:129px; object-fit: cover; margin:0 auto;}

.alumni_div3-1{display:flex; flex-direction: column; grid-row-gap: 1rem;}

.alumni_div3-2{display:flex; flex-direction: column; grid-row-gap: 1rem;}

.involved_div2{display:flex; grid-column-gap: 68px; justify-content: center;}
.involved_div2-1{width:100%; max-width: 212px; display:flex; flex-direction: column; align-items: center; grid-row-gap: 1rem;}
.involved_div2-1 p img{margin:0 auto;}


.involved_btn{display: flex; justify-content: center;}
.involved_btn a{padding:12px 30px; border-radius: 15px; background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg); color:#fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.involved_btn a:hover{background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg), linear-gradient(0deg, rgba(0, 173, 238, 0.6), rgba(0, 173, 238, 0.6)); display: block; background: linear-gradient(0deg, #0095CE, #0095CE),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}
.involved_btn span{text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); font-size:14px; display: block;}
.in_d1_div{display:flex; flex-direction: column; grid-row-gap: 1rem; width:100%; padding:22px; box-shadow: 0px 4px 80px 20px #0000000D; box-shadow: 0px 4px 100px 10px #0000000F; background:#fff; border-radius: 10px; flex:1; font-size:14px; line-height: 20px; justify-content: space-between;}
.in_h3{color:#009FDE;}
.involved1img,.involved2img,.involved3img{max-width:175px;}
.involved_btn2{display: flex; justify-content: center;}
.involved_btn2 a{padding:12px 30px; border-radius: 15px; background: #F7B114; color:#fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.involved_btn2 a:hover{background:#ad7c0e;}
.involved_btn2 span{text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); font-size:14px; display: block;}
.involved_btn3{display:flex; align-items: center; justify-content: center; height:44px;}
.involved_btn3 span{font-size:12px; display: block; color:#009FDE;}
.in_h3 span{display: block;}

.donation_btn{display: flex; justify-content: center;}
.donation_btn a{padding:12px 30px; border-radius: 15px; background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg); color:#fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.donation_btn a:hover{background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg), linear-gradient(0deg, rgba(0, 173, 238, 0.6), rgba(0, 173, 238, 0.6)); display: block; background: linear-gradient(0deg, #0095CE, #0095CE),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
.donation_btn span{text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); font-size:16px; display: block;}

.donation_div2{display:flex; flex-direction: column; grid-row-gap: 1rem; align-items: center; max-width: 250px; width:100%; margin:0 auto;}
.donation_h4{color:#009FDE; font-size:18px;}
.donation_p2{line-height:22px;}

.donation_d1_p2{padding:1rem 0;}
.donation_div3{display:flex; flex-direction: column; grid-row-gap: 1rem;}

.donation4_div1{padding:20px; background:#fff; border-radius: 10px; box-shadow: 0px 4px 74px 10px #0000000F; width:215px; min-height:215px; display: flex; flex-direction: column; grid-row-gap: 0.5rem; align-items: center;}

.donation4_h5{color:#009FDE; font-size:16px;}
.donation4_p1{color:#8C8C8C; font-size:16px;}
.donation4_p2{font-size:14px; line-height: 20px;}

.donation_div4ko1{display:flex; flex-direction: column; grid-row-gap: 1.5rem; width:100%; max-width:215px; padding:1.5rem 0;}
.donation_div4ko1_j{max-width:340px;}
.donation_div4ko1_j .donation4_div1{width:340px;}

.icon8img,.icon9img{max-width:126px; margin:0 auto;}
.donation_div4oya{display:flex; align-items: flex-start; grid-column-gap:130px; justify-content: center;}

.contact_box{background:#fff; border-radius: 20px; width:100%; max-width:850px; box-shadow: 0px 10px 60px 0px #262D7614; box-shadow: 5px 3px 30px 0px #00000026; padding:45px 66px; margin:2rem auto;}

.contact_table{display:flex; flex-direction: column; grid-row-gap: 1.3rem;}
.contact_table .wpcf7-list-item.last.has-free-text{display:flex; grid-column-gap: 0.5rem;}

.con_table1{display:flex; align-items: center; grid-column-gap: 1rem;}
.con_table1-1{font-size:16px; line-height:20px; white-space: nowrap; text-align: right; width:17%;}

.con_table1-2{width:100%;}
.contact_table input[type="text"],.contact_table input[type="email"],.contact_table textarea,.contact_table select,.wpcf7-form-control.wpcf7-validates-as-date {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
	background: rgba(0, 168, 225, 0.08);
	color:#8C8C8C;
}

#displayBox input[type="text"],#displayBox input[type="email"],#displayBox textarea,#displayBox select,#displayBox .wpcf7-form-control.wpcf7-validates-as-date{ background: rgba(37, 165, 76, 0.1);}
.contact_table2 input[type="text"],.contact_table2 input[type="email"],.contact_table2 textarea,.contact_table2 select,.con_table1-2_date .wpcf7-form-control.wpcf7-validates-as-date{
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 10px;
    box-sizing: border-box;
	background: #fdefd0;
	color:#8C8C8C;
}
.contact_table2 select option:focus{background:rgba(247, 177, 20, 0.5);}


.con_table1-2_date .wpcf7-form-control.wpcf7-validates-as-date{min-height:42px;}
.contact_table2 .wpcf7-form-control.wpcf7-checkbox{display:flex; flex-direction: column; grid-row-gap: 0.5rem;}
.contact_table2 input[type=checkbox],
.contact_accept input[type=checkbox]{
    display: none;
}
.contact_table2 .wpcf7-checkbox .wpcf7-list-item-label,
.contact_accept .wpcf7-acceptance .wpcf7-list-item-label{
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px 5px 35px;
    position: relative;
    width: auto;
}


.contact_table2 .wpcf7-checkbox .wpcf7-list-item-label::before,
.contact_accept .wpcf7-acceptance .wpcf7-list-item-label::before{
    background: #fff;
    border: 1px solid #F7B114;
    border-radius: 3px;
    content: '';
    display: block;
    height: 20px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 20px;
}
.contact_table2 .wpcf7-checkbox .wpcf7-list-item-label::after,
.contact_accept .wpcf7-acceptance .wpcf7-list-item-label::after {
    border-right: 6px solid #F7B114;
    border-bottom: 3px solid #F7B114;
    content: '';
    display: block;
    height: 20px;
    left: 13px;
    margin-top: -16px;
    opacity: 0;
    position: absolute;
    top: 56%;
    transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 9px;
}
.contact_table2 input[type=checkbox]:checked + .wpcf7-list-item-label::before,
.contact_accept input[type=checkbox]:checked + .wpcf7-list-item-label::before{
    border-color: #F7B114;
}
.contact_table2 input[type=checkbox]:checked + .wpcf7-list-item-label::after,
.contact_accept input[type=checkbox]:checked + .wpcf7-list-item-label::after{
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1);
}

.contact_table2 input[type=radio] {
    display: none;
}
.contact_table2 .wpcf7-radio .wpcf7-list-item-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px 5px 40px;
    position: relative;
    width: auto;
}
.contact_table2 .wpcf7-radio .wpcf7-list-item-label::before {
    background: #fff;
    border: 2.5px solid rgba(53, 52, 52, 1);
    border-radius: 50%;
    content: '';
    display: block;
    height: 25px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 32%;
    width: 25px;
}
.contact_table2 .wpcf7-radio .wpcf7-list-item-label::after {
    background: rgba(53, 52, 52, 1);
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 12px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 42%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 10px;
}

.contact_table2 .wpcf7-radio .wpcf7-list-item,.contact_table2 .wpcf7-checkbox .wpcf7-list-item{margin:0;}
.contact_table2 input[type=radio]:checked + .wpcf7-list-item-label::before {
    border-color: rgba(53, 52, 52, 1);
}
.contact_table2 input[type=radio]:checked + .wpcf7-list-item-label::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}

.contact_table2 .con_table1-1{width:22%;}

.submit_btn{display:flex; justify-content: center; padding:2rem 0 0;}
.submit_btn input[type="submit"]{background:#006DC0; color:#fff; padding:12px 30px; text-align: center; font-size:14px; line-height: 20px; position: relative; width: 100%; display: block; max-width: 130px; margin: 0 auto; border-radius: 6px; height:42px; border-radius: 15px; text-shadow: 0px 4px 4px 0px #00000040; font-weight: bold;}
.submit_btn input[type="submit"]:hover{background:#006991;}
.submit_btn2 input[type="submit"]{background:rgba(247, 177, 20, 1);}
.submit_btn2 input[type="submit"]:hover{background:#ad7c0e;}

#displayBox .submit_btn input[type="submit"]{padding:12px 30px; border-radius: 15px; background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg); color:#fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size:14px;}
#displayBox .submit_btn input[type="submit"]:hover{background: conic-gradient(from 180deg at 50% 50%, #F7B114 -69.47deg, #00ADEE 129.81deg, #D63647 244.04deg, #F7B114 290.53deg, #00ADEE 489.81deg), linear-gradient(0deg, rgba(0, 173, 238, 0.6), rgba(0, 173, 238, 0.6)); display: block; background: linear-gradient(0deg, #0095CE, #0095CE),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}


.contact_box2{display:flex; align-items: center; justify-content: center; grid-row-gap: 1rem; flex-direction: column; text-align:center; font-size:16px; line-height: 22px;}
.contact_accept{display:flex; flex-direction: column; grid-row-gap: 1rem; padding:1rem 0; width:80%; margin:0 auto;}
.contact_box2-1{width:90%;}	
.contact_table .wpcf7-list-item.last.has-free-text .wpcf7-list-item-label{white-space: nowrap;}
.contact_table .wpcf7-list-item.last.has-free-text input[type="text"]{background:none; border-bottom:1px solid rgba(0, 0, 0, 1); border-radius: 0; padding:0;}


.contactbox_btn{display: flex; justify-content: center;}
.contactbox_btn a{padding:12px 30px; border-radius: 10px; background: rgba(0, 159, 222, 1); color:#fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); width:100%; max-width:130px;}
.contactbox_btn span{text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); font-size:12px; display: block;}
.contactbox_btn a:hover{background:#006991;}
/*
#radioBtn input[type=radio] {
    display: none;
}
#radioBtn label span {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px 5px 40px;
    position: relative;
    width: auto;
}
#radioBtn label span::before {
    background: #fff;
    border: 2.5px solid rgba(53, 52, 52, 1);
    border-radius: 50%;
    content: '';
    display: block;
    height: 25px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 32%;
    width: 25px;
}
#radioBtn label span::after {
    background: rgba(53, 52, 52, 1);
    border-radius: 50%;
    content: '';
    display: block;
    height: 10px;
    left: 12px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 42%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 10px;
}


#radioBtn input[type=radio]:checked + label span::before {
    border-color: rgba(53, 52, 52, 1);
}
#radioBtn input[type=radio]:checked + label span::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}
*/

#radioBtn input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 25px;
  height: 25px;
  border: 2px solid rgba(53, 52, 52, 1);
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  margin-right: 5px;
  position: relative;
  padding: 0;
}
#radioBtn input[type="radio"]:checked {
  border-color: rgba(53, 52, 52, 1);
}
#radioBtn input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: rgba(53, 52, 52, 1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#radioBtn label {
  display: inline-flex;
  align-items: center;
}

.tab-area .con_table1tit{margin-bottom:1.3rem;}
.con_table1-2-2{display:flex; grid-column-gap: 2rem;}


.con_table1radio input[type=radio] {
    display: none;
}
.con_table1radio .wpcf7-radio .wpcf7-list-item-label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px 5px 40px;
    position: relative;
    width: auto;
}
.con_table1radio .wpcf7-radio .wpcf7-list-item-label::before {
    background: #fff;
    border: 2.5px solid rgba(53, 52, 52, 1);
    border-radius: 50%;
    content: '';
    display: block;
    height: 25px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 32%;
    width: 25px;
}
.con_table1radio .wpcf7-radio .wpcf7-list-item-label::after {
    background: rgba(53, 52, 52, 1);
    border-radius: 50%;
    content: '';
    display: block;
    height: 14px;
    left: 10px;
    margin-top: -4px;
    opacity: 0;
    position: absolute;
    top: 37%;
    transform: scale3d(.3,.3,1);
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    width: 14px;
}

.con_table1radio .wpcf7-radio .wpcf7-list-item,.con_table1radio .wpcf7-checkbox .wpcf7-list-item{margin:0;}
.con_table1radio input[type=radio]:checked + .wpcf7-list-item-label::before {
    border-color: rgba(53, 52, 52, 1);
}
.con_table1radio input[type=radio]:checked + .wpcf7-list-item-label::after {
    opacity: 1;
    transform: scale3d(1,1,1);
}

.contact_titleh2{padding-bottom:1rem;}
.donate_comp_p1{color:rgba(0, 159, 222, 1);}
.donate_comp_p2{color:rgba(36, 171, 76, 1);}

.donatecontact_boxoya{background:#fff; border-radius: 20px; width:100%; max-width:651px; box-shadow: 0px 10px 60px 0px #262D7614; box-shadow: 5px 3px 30px 0px #00000026; padding:47px 52px; margin:2rem auto; font-size:16px; line-height: 22px; display:flex; flex-direction: column; grid-row-gap: 1.5rem; align-items: center; text-align: center;}

.donate_comp1{display:flex; align-items: center; flex-direction: column; grid-row-gap: 1rem; font-size:16px; line-height:22px;}

.f_title_comp{font-size:22px; line-height:28px;}
.fotmenu{margin-top:1rem;}

#displayBox .tab_box {
  display: none;
}
#displayBox .tab_box.active {
  display: block;
}

body.bodyen .bogo-language-switcher .en{display:none;}
body.bodyjp .bogo-language-switcher .ja{display:none;}
.bogo-language-switcher a{font-weight: bold;}

.involved_div3{text-align: center; padding:2rem 0;}
.involved_div3 iframe{width:100%;}

input::placeholder,textarea::placeholder  {font-size: 12px;}

.fot_div2 p.fadeIn_up{
 	opacity: 0;
 	transform: translate(0, 0);
	transition: .3s;
}
.fot_div2 p:nth-child(1).fadeIn_up{transition-delay: 0s;}
.fot_div2 p:nth-child(2).fadeIn_up{transition-delay: .2s;}
.fot_div2 p:nth-child(3).fadeIn_up{transition-delay: .4s;}
.fot_div2 p:nth-child(4).fadeIn_up{transition-delay: .6s;}
.fot_div2 p:nth-child(5).fadeIn_up{transition-delay: .8s;}

.fot_div2 .fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


