@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
@import url(../libs/lightGallery/css/lightgallery.min.css);
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 page
==============================*/
#bodyWrap { padding-top: 0; }

#main a.other::after { content: "\f2d2"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; display: inline-block; font-size: 1rem; margin-left: 0.5rem; opacity: 0.6; }

/* pageContents ----------*/
#pageContents { overflow: hidden; }
#pageContents.main_wrap { padding: 22rem 0 12rem; }
#pageContents.main_wrap h1 { position: relative; margin-bottom: 10rem; padding-bottom: 2rem; padding-right: 20vw; border-bottom: solid 2px #EA7224; color: #FFF; font-size: 4rem; letter-spacing: 0.1em; }
#pageContents.main_wrap h1::before { content: ""; position: absolute; z-index: -1; top: 50%; right: -25vw; width: 60vw; max-width: 100rem; aspect-ratio: 1; border-radius: 100%; background-repeat: no-repeat; background-position: right center; background-size: cover; background-image: url(../img/index/mv_img_01.jpg); box-shadow: 0 3rem 0 0 #EA7224; transform: translateY(-50%); }
#pageContents.main_wrap .w { padding: 6rem 10rem; border-radius: 1rem; background-color: #FFF; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10); }
#pageContents.main_wrap .w p { margin-top: 2em; }
#pageContents.main_wrap .w p.-fsp, #pageContents.main_wrap .w p:first-child { margin-top: 0; }
@media screen and (max-width:896px) { /* m */
	#pageContents.main_wrap { padding: 12rem 0 6rem; }
	#pageContents.main_wrap .w { padding: 6vw;  }
	#pageContents.main_wrap h1 { margin-bottom: 6rem; font-size: 3rem; }
	#pageContents.main_wrap h1::before { box-shadow: 0 1.5rem 0 0 #EA7224; }
}

.album { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 2rem; }
.lg-backdrop { background-color: rgba(0,0,0,0.9) !important; }
@media screen and (max-width:1024px) { /* l */
	.album { grid-template-columns: 1fr 1fr 1fr 1fr; }
}
@media screen and (max-width:896px) { /* m */
	.album { grid-template-columns: 1fr 1fr 1fr; }
}
@media screen and (max-width:480px) { /* s */
	.album { grid-template-columns: 1fr 1fr; }
}

.global_partnership_list {}
.global_partnership_list li { text-align: center; }
.global_partnership_list li a {}
.global_partnership_list li span { display: block; text-align: center; }

.past_topics_list {}
.past_topics_list li { margin-bottom: 2rem; }
.past_topics_list li a { text-align: center; text-decoration: none; display: block; padding: 2rem; border: solid 1px rgba(0,0,0,0.2); }
.past_topics_list li a .e { font-family: "Cabin", sans-serif; font-weight: 600; font-size: 2rem; color: #000; }
.past_topics_list li a .e strong { color: #EA7224; }

.step_list {}
.step_list > li { position: relative; border: solid 1px #DDD; border-radius: 1rem; padding: 3rem 3rem 3rem 0; display: grid; grid-template-columns: 20rem 1fr; gap: 2rem; margin-top: 4rem; }
.step_list > li::after { position: absolute; top: calc(100% + 0.2rem); left: 4rem; content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; font-size: 2rem; color: #003650; }
.step_list > li:last-child:after { display: none; }
.step_list > li .sw {}
.step_list > li .sw span { font-weight: bold; font-size: 1.4rem; display: inline-block; background-color: #EA7224; color: #FFF; padding: 1rem 3rem 1rem 1.5rem; border-radius: 0 5rem 5rem 0; }
.step_list > li .tw {}
@media screen and (max-width:480px) { /* s */
	.step_list > li { grid-template-columns: 1fr; padding: 1rem 3rem 3rem 0; }
	.step_list > li .tw { padding-left: 3rem; }
}

.flyer_lit { display: grid; }
.flyer_lit li { position: relative; border: solid 1px #DDD; }
.flyer_lit li .t { position: absolute; top: -0.95rem; left: 50%; display: inline-block; padding: 0.3rem 1rem 0.1rem; border: solid 1px #DDD; border-radius: 2rem; color: #666; background-color: #FFF; font-size: 1.4rem; line-height: 1; white-space: nowrap; transform: translateX(-50%); }
.flyer_lit li h3 { margin-top: 1rem; font-size: 1.4rem; text-align: center; }
.flyer_lit li img { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); }
.flyer_lit.-list_1 { grid-template-columns: 31.3% 31.3% 31.3%; gap: 3%; }
.flyer_lit.-list_1 li { padding: 2rem 4rem 3rem; }
.flyer_lit.-list_2 { grid-template-columns: 19.2% 19.2% 19.2% 19.2% 19.2%; gap: 1%; }
.flyer_lit.-list_2 li { padding: 3rem 2rem 2rem; }
@media screen and (max-width:1024px) { /* l */
	.flyer_lit.-list_1 li { padding: 2rem; }
	.flyer_lit.-list_2 { grid-template-columns: 32% 32% 32%; gap: 2%; row-gap: 1.5rem; }
}
@media screen and (max-width:480px) { /* s */
	.flyer_lit li { margin: 0 3rem; }
	.flyer_lit.-list_1 li { padding: 3rem; }
	.flyer_lit.-list_1 { grid-template-columns: 1fr; gap: 1.5rem; }
	.flyer_lit.-list_2 { grid-template-columns: 1fr; gap: 1.5rem; }
	.flyer_lit.-list_2 li { padding: 3rem; }
}

.programs_bts { display: flex; flex-flow: wrap; gap: 2rem; align-items: center; justify-content: center; }
.programs_bts	.inactive { opacity: 0.5; pointer-events: none; }