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


/*
recruitment
==============================*/

/* mvp ----------*/
#mvp { text-align: center; }
#mvp .c { display: inline-block; font-size: 2.4rem; font-weight: 500; color: #FFF; background-color: #08599F; border-radius: 10rem; padding: 1rem 3rem; line-height: 1; margin-bottom: 2rem; }
@media screen and (max-width:480px) { /* s */
	#mvp .c { font-size: 2rem; }
}

/* mvp ----------*/
#HCS #mvp { background-image: url(../img/recruitment/HCS_kv.jpg); }
#HRP #mvp { background-image: url(../img/recruitment/HRP_kv.jpg); }
#career #mvp { background-image: url(../img/recruitment/career_kv.jpg); }
#disabledPerson #mvp { background-image: url(../img/recruitment/career_kv.jpg); }


/* recruitment ----------*/
#recruitment { overflow: hidden; margin-bottom: -7.1rem; padding-bottom: 10rem !important; }
#recruitment .w { padding: 6rem 9rem; border-radius: 2rem; color: #506A79; background-color: #F0F4F6; display: flex; flex-direction: column; gap: 4rem; }
#recruitment .w h2 { font-size: 2.4rem; color: #08599F; margin-bottom: 2rem; }
#recruitment .w h3 { font-size: 1.6rem; color: #FFF; background-color: #08599F; padding: 0.5rem 1rem; margin-bottom: -1rem; }
#recruitment .w .table th { width: 15rem; }
#recruitment .w .table.-ths th { width: 4rem; }
#recruitment .w a { color: #398DDB; }
#recruitment .btw { text-align: center; margin-top: 8rem; }
#recruitment .btw span { background-color: #08599F; font-size: 2.2rem; }
#recruitment .btw.-hw a { width: 100%; max-width: 50rem; }
#recruitment .btw.-hw span { width: 100%; height: 7rem; justify-content: center; }
#recruitment .btw a:hover span { background-color: #D9EEF9; color: #08599F; }
#recruitment .btw a::after, #recruitment .btw span::before, #recruitment .btw span::after { display: none; }
#recruitment .btw .other { position: absolute; right: 3rem; top: calc(50% - 0.75rem); color: #FFF; width: 2rem; aspect-ratio: 2 / 1.5; transition: all 0.3s ease-out; }
#recruitment .btw a:hover .other { color: #08599F; }
@media screen and (max-width:896px) { /* m */
	#recruitment .w { padding: 4rem 3rem; }
	#recruitment .btw span { padding-left: 6rem; padding-right: 6rem; }
}
@media screen and (max-width:480px) { /* s */
	#recruitment .btw span { font-size: 2rem; }
	#recruitment .btw { margin-top: 4rem; }
}