@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(../plugin/slick/slick.css); @import url(../plugin/slick/slick-theme.css);
@import url(common_parts.css);
@import url(common.css);

/*
 career
==============================*/

/* index-header ----------*/
#index-header { position: relative; z-index: 2; margin-bottom: 3vw; padding: 10rem 2rem 6rem; }
#index-header .inner { position: relative; }
#index-header .inner::before { position: absolute; right: 0; bottom: -14rem; content: ""; width: 20.8rem; height: 25rem; background-image: url(../images/career/bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#index-header h1 { color: #FFF; line-height: 1; }
#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 8rem; font-weight: 800; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
#index-header .bgimg { margin-top: -2rem; text-align: center; }
@media screen and (max-width:1460px) {
	#index-header { background-size: 140%; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-header .inner::before { bottom: -13rem; content: ""; width: 20.8vw; height: 25vw; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-header { padding-top: 4rem; }
	#index-header h1 { margin-bottom: 4rem; }
	#index-header h1 .e { font-size: 6rem; }
	#index-header h1 .j { margin-top: 1rem; font-size: 2.4rem; }
}

/* index-link ----------*/
#index-link { background-color: #B1D5FF; }
#index-link .inner { max-width: 110rem; }
#index-link .link_list { display: flex; flex-flow: wrap; justify-content: center; }
#index-link .link_list li { margin: 0 0.5rem 2rem; }
#index-link .link_list li a { display: flex; align-items: center; padding: 1rem 3rem; border-radius: 3rem; color: #003B80; background-color: #FFF; text-decoration: none; line-height: 1; font-size: 2rem; }
#index-link .link_list li a img { margin-left: 1rem; }

/* index-contents ----------*/
#index-contents { overflow: hidden; }
#index-contents .ww { margin-top: 14rem; position: relative; }
#index-contents .ww::before { position: absolute; z-index: 1; right: -6rem; top: -16rem; content: ""; width: 30%; height: 35rem; background-repeat: no-repeat; background-position: right bottom; background-size: contain;  }
#index-contents h2 { display: inline-block; max-width: 70%; padding: 2rem 6rem; border-radius: 4rem 4rem 0 0; color: #003B80; background-color: #FAF000; line-height: 1.4; font-size: 3.6rem; }
#index-contents .w { padding: 8rem 10rem; border-radius: 0 4rem 4rem 4rem; background-color: #FFF; }
#index-contents .w .table { position: relative; z-index: 5; }
#index-contents .w .table th { white-space: nowrap; }
#index-contents .btw { margin-top: 6rem; text-align: center; }
#job1::before { background-image: url(../images/career/bg_1.svg); }
#job2::before { background-image: url(../images/career/bg_2.svg); }
#job3::before { background-image: url(../images/career/bg_3.svg); }
#job4::before { background-image: url(../images/career/bg_4.svg); }
#job5::before { background-image: url(../images/career/bg_5.svg); }
#job6::before { background-image: url(../images/career/bg_6.svg); }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-contents .ww { margin-top: 10rem; }
	#index-contents .ww::before {  right: -3rem; top: -20rem; }
	#index-contents h2 { padding: 1.5rem 3rem; font-size: 3rem; }
	#index-contents .w { padding: 4rem 5rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-contents .ww { margin-top: 6rem; }
	#index-contents .ww::before {  right: -1rem; top: -24rem; }
	#index-contents h2 { padding: 1.5rem 3rem; font-size: 2.4rem; }
	#index-contents .w { padding: 3rem 2rem; }
}