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


/*
 recruit
==============================*/

/* mvp ----------*/
#mvp { position: relative; background-image: url(../img/recruit/mv_bg.svg); background-repeat: no-repeat; background-size: contain; background-position: center bottom; }
#mvp::before { content: ""; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0;
	background-image: url(../img/recruit/mv_bg_02.svg), url(../img/recruit/mv_bg_03.svg);
	background-repeat: no-repeat;
	background-position: right top, right bottom;
}
#mvp .w .pw { position: relative; ;}
#mvp .w .pw img { width: 140%; max-width: none; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }
@media screen and (max-width:1260px) { /* x */
	#mvp::before { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#mvp { background-size: 140% auto; background-position: right bottom; }
	#mvp .w .pw .p { aspect-ratio: 76 / 25;  }
	#mvp .w .pw img { width: 100%; }
}

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

/* main ----------*/
#main .sec { padding-left: 6rem !important; padding-right: 6rem !important; }
@media screen and (max-width:480px) { /* s */
	#main .sec { padding-left: 4rem !important; padding-right: 4rem !important; }
}


/* cats ----------*/
.cats { display: flex; flex-flow: wrap; gap: 1.7rem; }
.cats.-ac { justify-content: center; }
.cats a { text-decoration: none; line-height: 1; display: inline-block; padding: 0.8rem 1.5rem; background-color: #FFF; border: solid 1px #01398D; border-radius: 4rem; color: #01398D; font-weight: var(--bold); font-size: 2rem; }
.cats a:hover, .cats a.active { background-color: #01398D; color: #FFF; box-shadow: 3px 3px 0px 0px #CFB72C; }
@media screen and (max-width:480px) { /* s */
	.cats { gap: 1rem; }
}

/* search ----------*/
#search {
	background-image: url(../img/recruit/bg_01_01.svg), url(../img/recruit/bg_01_02.svg);
	background-repeat: no-repeat;
	background-position: right top, left bottom;
}
#search h3 { font-size: 2.2rem; font-weight: var(--bold); color: #01398D; margin-top: 2rem; margin-bottom: 1.5rem; }
#search .btw .-clear span { background-color: #DDD; }
#search .btw .-clear:hover span { background-color: #666; }
@media screen and (max-width:1260px) { /* x */
	#search { background-size: 60% auto; }
}
@media screen and (max-width:480px) { /* s */
	#search { background-size: 80% auto; }
}


/* searchList ----------*/
#searchList {
	background-image: url(../img/recruit/bg_02_01.svg), url(../img/recruit/bg_02_02.svg);
	background-repeat: no-repeat;
	background-position: right top, left bottom;
}
#searchList .preparing { color: #FFF; }
#searchList .search_list {}
#searchList .search_list li { display: flex; align-items: center; gap: 3rem; background-color: #FFF; margin-top: 2rem; border: solid 1px #000; border-radius: 1rem; padding: 1rem 1rem 1rem 2.5rem; }
#searchList .search_list li span { display: block;}
#searchList .search_list li .tw { flex-grow: 1; }
#searchList .search_list li .tw h3 { font-size: 2.2rem; font-weight: var(--bold); color: #01398D; border-bottom: solid 1px #01398D; padding-bottom: 1rem; margin-bottom: 1.6rem; }
#searchList .search_list li .tw .iw { display: flex; flex-flow: wrap; gap: 3rem; row-gap: 1rem; font-size: 1.6rem; font-weight: var(--bold); line-height: 1.4; }
#searchList .search_list li .tw .iw .d {}
#searchList .search_list li .tw .iw .s {}
#searchList .search_list li .bw { width: 19rem; flex-shrink: 0; }
#searchList .search_list li .bw .bt {}
#searchList .search_list li .bw .bt span { white-space: nowrap;}
#searchList .search_list li .bw .bt.-more { max-width: 19rem; }
#searchList .search_list li .bw .bt.-more::after { background-color: #01398D; }
#searchList .search_list li .bw .bt.-more span { background-color: #A9F1FF; }
#searchList .search_list li .bw .bt.-more:hover span { background-color: #FAFF9B; color: #000; }
#searchList .search_list li .bw .bt.-more span svg { fill: #FFF; background-color: #01398D; border: solid 1px #FFF; }
@media screen and (max-width:1260px) { /* x */
	#searchList { background-size: 60% auto; }
}
@media screen and (max-width:896px) { /* m */
	#searchList .search_list li { display: block; padding: 1.5rem; }
	#searchList .search_list li .bw { width: 100%; text-align: center; margin-top: 2rem; }

}
@media screen and (max-width:480px) { /* s */
	#searchList { background-size: 80% auto; }
}