@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); */


/*
 index
==============================*/

/* mv ----------*/
#mv { position: relative; z-index: 1; display: flex; gap: 2rem; padding: 4rem 0; align-items: center; }
#mv::before { content: ""; position: absolute; z-index: 1; left: -44%; width: 88%; aspect-ratio: 1; border-radius: 100%; background-color: #FFF; }
#mv .tw { position: relative; z-index: 2; width: 40%; padding-left: 5vw; }
#mv .tw h1 { margin-bottom: 2rem; font-size: 9.6rem; font-weight: 700; font-family: "Cabin", sans-serif; line-height: 1; }
#mv .tw h2 { font-size: 3.2rem; font-weight: 600; font-family: "Cabin", sans-serif; line-height: 1.4; }
#mv .tw h1 span, #mv .tw h2 span { color: #EA7224; }
#mv .tw .info { margin-top: 6rem; }
#mv .tw .info li { display: flex; margin-top: 2rem; align-items: center; gap: 1rem; }
#mv .tw .info li:first-child { margin-top: 0; }
#mv .tw .info li span { display: inline-block; }
#mv .tw .info li .h { padding: 0.5rem 2rem; border-radius: 0 2rem 2rem 0; color: #FFF; background-color: #EA7224; font-size: 1.4rem; line-height: 1.4; }
#mv .tw .info li .t { font-size: 2rem; gap: 0.2rem; display: flex; flex-flow: wrap; align-items: center; }
#mv .tw .info li .t.-l { font-size: 2.6rem; }
#mv .tw .info li .t .d { display: inline-block; width: 1.8rem; height: 1.8rem; border-radius: 3rem; color: #FFF; background-color: #999; font-size: 1.2rem; text-align: center; line-height: 1.8rem; }
#mv .tw .info li .t.-l .d { width: 2rem; height: 2rem; font-size: 1.4rem; line-height: 2rem; }
#mv .pw { position: relative; z-index: 2; width: 60%; height: 50rem; border-radius: 100rem 0 0 100rem; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0 3rem 0 0 #EA7224; }
@media screen and (max-width:1024px) { /* l */
	#mv::before { width: 100%; }
	#mv .tw { width: 50%; }
	#mv .pw { width: 50%; }
}
@media screen and (max-width:896px) { /* m */
	#mv { display: block; padding: 6vw 0; }
	#mv::before { width: 155%; left: -60%; top: -60vw; }
	#mv .tw { width: 100%; margin-bottom: 3rem; }
	#mv .tw .info { margin-top: 6vw; }
	#mv .pw { width: calc(100% - 10%); margin-left: 10%; height: 60vw; }
}
@media screen and (max-width:480px) { /* s */
	#mv .tw h1 { margin-bottom: 3vw; font-size: 15vw; }
	#mv .tw h2 { font-size: 5vw; }
	#mv .tw .info li { margin-top: 2vw;  }
	#mv .pw { box-shadow: 0 1.5rem 0 0 #EA7224; }
}


/* directors ----------*/
#directors { position: relative; z-index: 2; padding: 12rem 0; }
#directors .directors_lis_wrap { border-bottom: solid 4px #EA7224; padding-bottom: 4rem; }
#directors .directors_list {}
#directors .directors_list li {}
#directors .directors_list li  span { display: block; text-align: center; }
#directors .directors_list li  .pw { margin-bottom: 2.5rem; width: 100%; aspect-ratio: 1; border-radius: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; box-shadow: 0px 12px 0px 0px #EA7224; }
#directors .directors_list li  .tw { line-height: 1.4; }
#directors .directors_list li  .tw .n { font-size: 1.6rem; color: #FFF; font-weight: bold; }
#directors .directors_list li  .tw .en { font-size: 1.4rem; color: #EA7224; margin-top: 0.5rem; }
#directors .directors_list li  .tw .f { font-size: 1.4rem; color: rgba(255,255,255,0.5); margin-top: 1rem; }
@media screen and (max-width:480px) { /* s */
	#directors { padding: 8rem 0; }
}

/* thankYou ----------*/
#thankYou { padding-bottom: 10rem; }
#thankYou .h2 { margin-bottom: 1em !important; }

/* award ----------*/
#award { padding-bottom: 10rem; }
#award .h2 { margin-bottom: 1em !important; }
#award h3 { margin-top: 2rem; margin-bottom: 1rem; }
#award .award_list {}
#award .award_list li { display: flex; gap: 2rem; border-bottom: solid 1px rgba(0,0,0,0.1); padding-bottom: 0.5rem; margin-bottom: 0.5rem; }
#award .award_list li span { display: block; }
#award .award_list li .s1 { width: 2em; flex-shrink: 0; }
#award .award_list li .s2 { width: 10em; flex-shrink: 0; }
#award .award_list li .s3 {}
#award .award_list li .s4 { width: 10em; flex-shrink: 0; }
#award .award_list li .s5 {}
@media screen and (max-width:480px) { /* s */
	#award .award_list li { flex-direction: column; gap: 0; }
}

/* video ----------*/
#video { padding-bottom: 10rem; }
#video .vid_contents { width: 100%; margin: auto; padding: 4% 4% 4% 4%; background: rgba(0,0,0,0.7); text-align: center; border-radius: 1rem; }
#video .vid_main { width: 100%; max-width: 920px; }

/* news ----------*/
#news { padding-bottom: 10rem; }
#news .wrap { background-color: #FFF; padding: 6rem; border-radius: 1rem; display: flex; gap: 8rem; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); }
#news .wrap2 { background-color: #FFF; padding: 6rem; border-radius: 1rem; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10); }
#news .wrap .hw { flex-shrink: 0; }
#news .wrap .lw { width: 100%; }
#news .h2 { margin-bottom: 1em; }
#news .news_list li { display: none; }
#news .news_list li:nth-child(-n+5) { display: flex; }
#news .news_list li:nth-child(5) { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
@media screen and (max-width:896px) { /* m */
	#news .wrap { padding: 4rem; display: block; }
	#news .wrap .hw { text-align: center; margin-bottom: 3rem; }
}

/* sns ----------*/
#sns { padding-bottom: 16rem; }
#sns a { display: inline-block; filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 0.30)); }
#sns .future_topic { display: flex; flex-flow: wrap; align-items: center; justify-content: center; color: #FFF; gap: 4rem; row-gap: 2rem; }
#sns .future_topic li { width: 25rem; padding: 2rem; border: solid 1px rgba(255,255,255,0.3); border-radius: 0.5rem; }
#sns .future_topic li span { display: block; text-align: center; font-weight: normal; opacity: 0.7; }
#sns .future_topic li .t { font-weight: bold; opacity: 1; font-size: 1.8rem; }


/* banner ----------*/
#banner { background-color: rgba(0,0,0,0.7); padding: 8rem 0; }
#banner .banner_list { display: flex; flex-flow: wrap; gap: 2rem; row-gap: 2rem; align-items: center; justify-content: center; flex-flow: wrap; }
#banner .banner_list li {}
#banner .banner_list li img { border-radius: 0.5rem; max-width: 120px; }
@media screen and (max-width:480px) { /* s */
	#banner .banner_list { gap: 2rem; }
}