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


/*
 job_introduction
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/job_introduction/mv_bg.svg); background-repeat: no-repeat; background-size: contain; background-position: left bottom; }
#mvp .deco.-d1 { bottom: 3rem; left: -12rem; }
@media screen and (max-width:1260px) { /* x */
	#mvp .w .tw h1 span { width: auto; }
	#mvp .w .tw h1 span strong { display: block; padding-left: 0; text-align: left; }
}
@media screen and (max-width:1200px) { /* l */
	#mvp .deco.-d1 { transform: scale(0.6,0.6); transform-origin: right bottom; }
}
@media screen and (max-width:480px) { /* s */
	#mvp { background-size: 52%; }
	#mvp .deco.-d1 { transform: scale(0.4,0.4); left: -18rem;  }
}

/* h2 ----------*/
.h2.-page span { background-color: #FAFF9B; }

/* text_photo ----------*/
.text_photo h3 { font-size: 2.8rem; color: #01398D; font-weight: var(--bold); margin-bottom: 3.8rem; }
.text_photo p { font-size: 1.4rem; font-weight: var(--regular); }


/* jobContent ----------*/
#jobContent {}

/* appeal ----------*/
#appeal {}

/* businessOutline ----------*/
#businessOutline {}
#businessOutline .outline_list { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2.4rem; row-gap: 4.3rem; }
#businessOutline .outline_list li { padding: 4rem; background-color: #EAFDFF; border: solid 2px #000; border-radius: 2rem; }
#businessOutline .outline_list li h3 { color: #01398D; font-size: 2.8rem; font-weight: var(--black); }
#businessOutline .outline_list li p { font-size: 1.4rem; font-weight: var(--regular); margin-top: 1.8rem; }
@media screen and (max-width:480px) { /* s */
	#businessOutline .outline_list { grid-template-columns: 1fr; row-gap: 2.4rem; }
	#businessOutline .outline_list li { padding: 2rem;  }
	#businessOutline .outline_list li h3 { font-size: 2.4rem; }
	#businessOutline .outline_list li p { margin-top: 1.2rem; }
}

/* schedule ----------*/
#schedule {}
#schedule .profile { display: flex; max-width: 64rem; margin: auto; gap: 3rem; align-items: center; }
#schedule .profile .pw { width: 43%; }
#schedule .profile .pw .p { overflow: hidden; }
#schedule .profile .tw { position: relative; width: 57%; padding: 2rem 3rem; border: solid 1px #000; border-radius: 2rem; background-color: #FFF; }
#schedule .profile .tw::before { content: ""; position: absolute; top: 0; bottom: 0; left: -3rem; width: 4.2rem; height: 3.4rem; margin: auto; background-image: url(../img/job_introduction/icon_arrow_01.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#schedule .profile .tw p { color: #01398D; font-size: 1.4rem; font-weight: var(--medium); }
#schedule .schedule_list { max-width: 90rem; margin: 4rem auto 0;  }
#schedule .schedule_list li { position: relative; display: flex; margin-top: 3rem; padding: 2rem 4rem 2rem 6rem; border: solid 2px #01398D; border-radius: 1rem; background-color: #FFF; align-items: center; }
#schedule .schedule_list li::after { content: ""; position: absolute; bottom: -3.2rem; left: 0; right: 0; margin: auto; width: 3rem; height: 3rem; background-image: url(../img/job_introduction/icon_arrow_02.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#schedule .schedule_list li:last-child:after { display: none; }
#schedule .schedule_list li span {}
#schedule .schedule_list li .time { position: absolute; left: -4.5rem; display: grid; width: 8.8rem; height: 8.8rem; border: solid 2px #01398D; border-radius: 10rem; color: #01398D; background-color: #FAFF9B; font-size: 2rem; font-weight: var(--black); text-align: center; place-items: center; }
#schedule .schedule_list li.launch .time { color: #FFF; background-color: #F77156; }
#schedule .schedule_list li h3 { width: 40%; color: #01398D; font-size: 1.8rem; font-weight: var(--black); padding-right: 1em; }
#schedule .schedule_list li .t { width: 60%; font-size: 1.4rem; font-weight: var(--regular); }
@media screen and (max-width:1024px) { /* l */
	#schedule .schedule_list { max-width: none; margin: 4rem 0 0 3rem;  }
}
@media screen and (max-width:480px) { /* s */
	#schedule .schedule_list li { padding: 2rem 2rem 2rem 6rem; }
	#schedule .profile .pw { width: 50%; }
	#schedule .profile .tw { width: 50%; }
}

/* youtube-container ----------*/
.youtube-container { position: relative; width: 100%; }
.youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* video-container ----------*/
.video-container { position: relative; width: 100%; aspect-ratio: 9 / 16; }
.video-container video { width: 100%; height: 100%; object-fit: cover; }