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


/*
 people
==============================*/


/* peopleDetail ----------*/
#peopleDetail {
	background-image: url(../img/about/philosophy_bg_02.png), url(../img/about/philosophy_bg_03.png), url(../img/about/philosophy_bg_04.png);
	background-position: right top -6rem, left bottom, right bottom;
	background-size: 48rem auto;
	background-repeat: no-repeat;
}
#peopleDetail .info { display: flex; margin-top: -4rem; }
#peopleDetail.nop .info { margin-top: 0; }
#peopleDetail .info .w { width: 100%; max-width: 32rem; margin-left: auto; background-color: #007BC7; padding: 2rem; color: #FFF; display: flex; flex-direction: column; gap: 0.5rem; }
#peopleDetail .info .w  span { text-align: center; line-height: 1.4; }
#peopleDetail .info .w  .t1 { font-size: 1.8rem; font-weight: bold; }
#peopleDetail .info .w  .t2 { font-size: 2.4rem; font-weight: bold; }
#peopleDetail .info .w  .t3 { font-size: 1.8rem; }
#peopleDetail h2 { color: #00458D; font-size: 3.2rem; line-height: 1.4; margin-top: 3.4rem; }
#peopleDetail h3 { margin-top: 5.8rem; margin-bottom: 4rem; }
#peopleDetail h3 span { font-size: 2.4rem; color: #007BC7; line-height: 1.4; background-color: #FFF; display: inline-block; padding: 1rem 2rem; border: solid 2px #00458D;  }
@media screen and (max-width:1500px) {
	#peopleDetail { background-position: right -6rem top -4rem, left bottom, right bottom; }
}
@media screen and (max-width:1300px) {
	#peopleDetail.sec.-space { background-size: 33% auto; background-position: right -5vw top -3vw, left bottom, right bottom; padding-top: 25vw !important;  padding-bottom: 30vw !important; }
}
@media screen and (max-width:480px) { /* s */
	#peopleDetail.sec.-space { background-size: 50% auto; padding-left: 5% !important; padding-right: 5% !important; }
}


/* schedule ----------*/
#schedule {}
#schedule .schedule_list {}
#schedule .schedule_list li { display: flex; gap: 0.5rem; margin-top: 3rem; }
#schedule .schedule_list li span { line-height: 1.4; }
#schedule .schedule_list li .t { font-size: 2rem; font-weight: bold; width: 10.8rem; flex-grow: 0; }
#schedule .schedule_list li .t span {  background-color: #FED93F; text-align: center; border-radius: 10rem; border: solid 1px #00458D; display: block; padding: 1.6rem 0; }
#schedule .schedule_list li .h { width: calc((100% - 10.8rem) * 0.35); background-color: #E7FBFB; font-size: 2rem; font-weight: bold; padding: 1.6rem 2.5rem; border: solid 1px #00458D; }
#schedule .schedule_list li .d { width: calc((100% - 10.8rem) * 0.65); background-color: #FFF; font-size: 1.6rem; font-weight: 500; padding: 1.6rem 2.5rem; border: solid 1px #00458D; }
@media screen and (max-width:1024px) { /* l */
	#schedule .schedule_list li { flex-direction: column; }
	#schedule .schedule_list li .h, #schedule .schedule_list li .d { width: 100%; }
}

/* other ----------*/
#other {
	background-image: url(../img/index/people_bg_02.png), url(../img/index/people_bg_03.png);
	background-position: left bottom, right bottom;
	background-size: 48rem auto;
	background-repeat: no-repeat;
}
#other h2 { text-align: center; font-size: 2.6rem; font-family: "ADLaM Display", serif; font-weight: 400; letter-spacing: 0.1em; color: #131C54; margin-bottom: 4rem; }
@media screen and (max-width:480px) { /* s */
	#people { background-size: 50% auto; background-position: left bottom, right bottom; padding-left: 10% !important; padding-right: 10% !important; }
}