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

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


/*
 recruiting
==============================*/

/* #mvp ----------*/
#mvp { background-image: url(../_img/recruiting/mv.jpg); }

/* fs_points ----------*/
#fs_points .tw { min-height: 39rem; background-color: rgba(255, 235, 128, 0.84) !important; }
#fs_points .-dataonly { flex-direction: row; }
#fs_points .-dataonly .pw {
    margin-left: 0;
    margin-right: 1.2rem !important;
}

.banners {}
.banners > div { width: 100%; position: relative; display: flex; background-color: #FFF; box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.16); align-items: center; }
.banners > div:before, .banners > div:after { position: absolute; z-index: 1; top: 0; content: ""; height: 100%; }
.banners > div:before { width: 20%; left: 0; }
.banners > div:after { width: 60%; left: 19.5%; background-repeat: no-repeat; background-position: left center;  }
.banners > div h3 { position: relative; z-index: 2; width: 22%; margin-right: 10%; color: #FFF; text-align: center; font-size: 2rem; }
.banners > div ul { position: relative; z-index: 2; width: 68%; padding: 2rem 8rem; align-items: center; }
.banners .new_graduates { margin-bottom: 3rem; }
.banners .new_graduates h3 { color: #0D0B0B; }
.banners .new_graduates ul { padding: 4rem 8rem; }
.banners .new_graduates::before { background-color: #F5CD00; }
.banners .new_graduates::after { background-image: url(../_img/recruiting/bg_arrow_1.svg); }
.banners .new_graduates .bt-contact { width: 100%; text-align: center; }
.banners .career {}
.banners .career .bt { width: 100%; text-align: center; }
.banners .career::before { background-color: #EFAE00; }
.banners .career::after { background-image: url(../_img/recruiting/bg_arrow_2.svg); }
@media screen and (max-width:1300px) {
	.banners .new_graduates { margin-right: 2rem; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	.banners > div ul { padding: 2rem 4rem; }
	.banners .new_graduates ul { padding: 4rem 4rem; }
	.banners > div h3 { width: 30%; margin-right: 10%; }
	.banners > div ul { width: 60%; }
}
@media screen and (max-width:1024px) { /* iPad 横 l */
	.banners > div h3 { font-size: 2.2rem; }
	.banners .new_graduates { margin-right: 0; margin-bottom: 3rem; }
}

/* occupation ----------*/
#occupation {}
#occupation .occupation_list {}
#occupation .occupation_list li { display: flex; align-items: center; background-color: #FFF; position: relative; margin-top: 2rem; }
#occupation .occupation_list li::before { content: ""; position: absolute; width: 2px; height: 100%; top: 0; left: 20rem; background-color: #EFAE00; }
#occupation .occupation_list li .h { width: 20rem; font-size: 1.8rem; font-weight: bold;text-align: center; padding: 2rem 1rem;  }
#occupation .occupation_list li .t { width: calc(100% - 30% - 20rem); padding: 2rem; font-size: 1.6rem; }
#occupation .occupation_list li .i { width: 30%; padding: 2rem; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#occupation .occupation_list li { display: block; }
	#occupation .occupation_list li::before { display: none; }
	#occupation .occupation_list li span { display: block; }
	#occupation .occupation_list li .h { width: 100%; border-bottom: solid 2px #3591D5; }
	#occupation .occupation_list li .t { width: 100%; }
	#occupation .occupation_list li .i { width: 100%; text-align: center; }
}

.link_box.-fs { margin-bottom: 18rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	.link_box.-fs { margin-bottom: 8rem; }
}

/* data ----------*/
#data {}
#data .data_list {}
#data .data_list li { padding: 2.4rem; background-color: #FFF; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
#data .data_list li span { display: block; }
#data .data_list li .h { color: #E28D06; line-height: 1.4; font-weight: bold; font-size: 3rem; }
#data .data_list li .t { margin-top: 3rem; line-height: 1.6; font-weight: bold; font-size: 2.2rem; }
#data .data_list li .tw { position: relative; margin-top: 1rem; text-align: center; }