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


/*
 apply
==============================*/

/* common ----------*/
#contentsWrap .sec_inner { max-width: 136.5rem; margin: auto; padding: 0 16rem; }
@media screen and (max-width:896px) { /* m */
	#contentsWrap .sec_inner { padding: 0 10rem; }
}
@media screen and (max-width:480px) { /* s */
	#contentsWrap .sec_inner { padding: 0 6rem; }
}

/* mvp ----------*/
#mvp { width: 100%; aspect-ratio: 1 / 0.42; /*max-height: 62rem;*/ padding-bottom: 4rem; }
#mvp .mvp_p { max-width: 60rem; margin: auto; padding-bottom: 6rem; }
@media screen and (max-width:480px) { /* s */
	#mvp .mvp_p { padding-bottom: 4rem; }
}


/* applyList ----------*/
#applyList {}
#applyList .sec_inner { margin-top: -10rem; padding-bottom: 13rem; }
#applyList .search { max-width: 96.8rem; margin: auto; padding: 6rem 5rem; border-radius: 3rem; background: rgba(255, 250, 221, 0.60); }
#applyList .search h2 { font-size: 2.8rem; text-align: center; margin-top: 4rem; margin-bottom: 2.5rem; }
#applyList .search h2:first-child { margin-top: 0; }
#applyList .search .cats { display: flex; flex-flow: wrap; justify-content: center; gap: 2rem; }
#applyList .search .cats li {}
#applyList .search .cats li label { transition: all 0.3s ease-out; }
#applyList .search .cats li label:hover { opacity: 0.7; cursor: pointer; }
#applyList .search .cats li label input { display: none; }
#applyList .search .cats li span { display: block; min-width: 19.4rem; padding: 1rem; border-radius: 1rem; color: #FFF; background-color: #F9A49C; font-size: 1.8rem; font-weight: bold; text-align: center; text-decoration: none; line-height: 1; }
#applyList .search .cats li label input:checked + span { background-color: #97B0DB; }
#applyList .apply_list { margin-top: 13rem; position: relative; z-index: 3; width: 100%; }
#applyList .apply_list tr { position: relative; }
#applyList .apply_list tr:hover { cursor: pointer; }
#applyList .apply_list tr::before { content: ""; width: 100%; height: 0.6rem; display: block; position: absolute; left: 0; bottom: 0; background-image: url(../img/common/blog_line.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#applyList .apply_list th, #applyList .apply_list td { padding-bottom: 2rem; padding-top: 1.4rem; padding-right: 1.4rem; line-height: 1.7; }
#applyList .apply_list th { text-align: left; }
#applyList .apply_list td {}
#applyList .apply_list td:nth-child(1) span { display: block; }
#applyList .apply_list td:nth-child(5) { width: 30%; }
#applyList .apply_list td:nth-child(6) { width: 5%; padding-right: 0; }
#applyList .apply_list td .more { display: block; width: 4.2rem; height: 7rem; }
#applyList .btw { display: flex; flex-direction: column; gap: 4rem; margin-top: 6rem; align-items: center; }
#applyList .btw	.bt-search { min-width: 35rem; text-align: center; display: inline-block; border-radius: 1rem; padding: 1rem 1.5rem; color: #FFF; background-color: #5AC3A0; font-size: 2.2rem; font-weight: bold; text-decoration: none; line-height: 1; }
#applyList .btw	.bt-reset { min-width: 27rem; text-align: center; display: inline-block; border-radius: 1rem; padding: 1rem 1.5rem; border: solid 2px #5AC3A0; color: #5AC3A0; background-color: #FFF; font-size: 2.2rem; font-weight: bold; text-decoration: none; line-height: 1; }
#applyList .btw2 { position: relative; z-index: 3; margin-top: 12rem; text-align: center; }
#applyList .btw2 .bt-entry { min-width: 41rem; }
@media screen and (max-width:1024px) { /* l */
	#applyList .sec_inner { margin-top: 0; }
}
@media screen and (max-width:896px) { /* m */
	#applyList .search { padding: 4rem 2rem; border-radius: 2rem; }
	#applyList .search h2 { margin-top: 3rem; margin-bottom: 2rem; font-size: 2.2rem; }
	#applyList .search h2:first-child { margin-top: 0; }
	#applyList .search .cats { gap: 1rem; }
	#applyList .search .cats li a { min-width: 17rem; font-size: 1.6rem; }
	#applyList .btw { margin-top: 3rem; gap: 2rem; }
	#applyList .btw	.bt-search { min-width: auto; font-size: 2rem; }
	#applyList .btw	.bt-reset { min-width: auto; font-size: 2rem; }
	#applyList .apply_list { display: block; margin-top: 6rem; }
	#applyList .apply_list tbody { display: block; width: 100%; }
	#applyList .apply_list tr { display: flex; flex-flow: wrap; width: 100%; }
	#applyList .apply_list tr:first-child { display: none; }
	#applyList .apply_list td { display: flex; width: calc(100% - 6rem) !important; padding-bottom: 0; padding-top: 1rem; padding-right: 0; }
	#applyList .apply_list td::before { width: 5em; white-space: nowrap; font-weight: bold; }
	#applyList .apply_list td:nth-child(1) span::after { content: "、"; }
	#applyList .apply_list td:nth-child(1) span:last-child::after { content: ""; }
	#applyList .apply_list td:nth-child(1)::before { content: "雇用形態："; }
	#applyList .apply_list td:nth-child(2)::before { content: "施設名："; }
	#applyList .apply_list td:nth-child(3)::before { content: "職種："; }
	#applyList .apply_list td:nth-child(4)::before { content: "勤務地："; }
	#applyList .apply_list td:nth-child(5)::before { content: "施設住所："; }
	#applyList .apply_list td .more { position: absolute; top: calc(50% - 1.4rem); right: 0; }
}
@media screen and (max-width:480px) { /* s */
	#applyList .sec_inner { margin-top: 4rem; padding-bottom: 6rem; padding-left: 4rem; padding-right: 4rem; }
	#applyList .search { padding: 3rem 1rem; }
	#applyList .search .cats { gap: 0.5rem; }
	#applyList .search .cats li a { min-width: 16rem; font-size: 1.4rem; }
	#applyList .apply_list td::before { font-size: 1.2rem; padding-top: 0.2em; }
	#applyList .btw2 { margin-top: 6rem; ; }
	#applyList .btw2 .bt-entry { min-width: auto; }
}


/* applyDetail ----------*/
#applyDetail {}
#applyDetail .sec_inner { padding-bottom: 13rem; }
#applyDetail table { position: relative; width: 100%; position: relative; z-index: 3; }
#applyDetail table::before { content: ""; width: 100%; height: 0.6rem; display: block; position: absolute; left: 0; top: -0.4rem; background-image: url(../img/common/blog_line.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#applyDetail table tr { position: relative; }
#applyDetail table tr::after { content: ""; width: 100%; height: 0.6rem; display: block; position: absolute; left: 0; bottom: 0; background-image: url(../img/common/blog_line.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#applyDetail table th, #applyDetail table td { padding-bottom: 2.4rem; padding-top: 1.8rem; padding-right: 1.4rem; line-height: 1.7; }
#applyDetail table th { text-align: left; vertical-align: middle; }
#applyDetail table td {}
@media screen and (max-width:480px) { /* s */
	#applyDetail table, #applyDetail table tbody, #applyDetail table tr, #applyDetail table th, #applyDetail table td { width: 100%; display: block; }
	#applyDetail table td { padding-top: 0; }
}


/* applyapplyDetail ----------*/
#applyEntry { background-color: #F9ECEC; overflow: hidden; }
#applyEntry .sec_inner { padding-top: 8rem; padding-bottom: 8rem; }
#applyEntry h2 { position: relative; z-index: 3; text-align: center; font-size: 2.4rem; margin-bottom: 4rem; }
#applyEntry .btw { position: relative; z-index: 3; text-align: center; }
#applyEntry .btw .bt-entry { min-width: 41rem; }
#applyEntry .ov_01 { top: 0; right: calc(100% - 21%); width: 40%; }
#applyEntry .ov_02 { bottom: 0; left: calc(100% - 21%); width: 36%; }
@media screen and (max-width:480px) { /* s */
	#applyEntry .btw .bt-entry { min-width: auto; }
}

/* otherApply ----------*/
#otherApply {}
#otherApply .sec_inner { max-width: 115.4rem; padding: 0 4rem; padding-top: 7rem; padding-bottom: 5rem; }
#otherApply h2 { position: relative; display: flex; flex-direction: column; margin-bottom: 1.33em; font-size: 2.4rem; font-weight: bold; text-align: center; gap: 0.6em; }
#otherApply h2::before { content: ""; display: block; width: 100%; height: 2.1rem; background-image: url(../img/common/h2_bg_03.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
#otherApply .other_apply_list {}
#otherApply .other_apply_list li { position: relative; }
#otherApply .other_apply_list li::after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
#otherApply .other_apply_list li.even::after { background-image: url(../img/apply/article_bg_01.svg); }
#otherApply .other_apply_list li.odd::after { background-image: url(../img/apply/article_bg_02.svg); }
#otherApply .other_apply_list li > a { position: relative; z-index: 2; display: block; padding: 4rem 4rem 5rem; text-decoration: none; }
#otherApply .other_apply_list li > a ul {}
#otherApply .other_apply_list li > a ul li { display: flex; padding: 0.8rem 0; border-bottom: solid 1px #FFF; gap: 2rem; }
#otherApply .other_apply_list li > a ul li span { color: #5F5049; }
#otherApply .other_apply_list li > a ul li .h { width: 30%; font-weight: bold; }
#otherApply .other_apply_list li > a ul li .t { width: 70%; }
#otherApply .btw { margin-top: 5rem; text-align: center; }
#otherApply .ov_01 { top: 0; right: calc(100% - 18%); width: 31.2%; }
#otherApply .ov_02 { bottom: 0; left: calc(100% - 21%); width: 31%; }
#otherApply .owl-carousel .owl-stage-outer { overflow: visible; }
#otherApply .owl-nav { display: flex; margin-top: 6rem; justify-content: flex-end; gap: 6rem; }
#otherApply .owl-nav .disabled { opacity: 0.3; }
@media screen and (max-width:999px) {
	#otherApply .sec_inner { max-width: 60rem; }
	#otherApply .owl-nav { margin-top: 3rem; gap: 3rem; }
}