@charset "utf-8";
/* CSS Document */
.pc {display: none;}
.sp {display: block;}
.left {float: none;}
.right {float: none;}
.sp_left {text-align: left !important;}
.sp_center {text-align: center;}
.flex {display: block;}
.in_flex {display: flex;}
.table {display: block;}
.table dt,.table dd {display: block;}
.left_side,.right_side{inline-size:100%;}
:root {
--h-size: 6.25em;
}
.ttl1 {font-size: 2.2em;line-height: 1em;}
.ttl1 .small {font-size: 0.455em;}
.more1 {font-size: 1.5em;padding: 0.25em 4.125em 0.35em 4.125em;}
.dl_style1 {font-size: 1.25em;}
.dl_style1 .dt {inline-size: 100%;}
.dl_style2 {font-size: 1.25em;}
.dl_style2 .dt .btn {inline-size: 1.5em;inset: 0.25em 0.5em auto auto;}
.page_ttl1 {font-size: 2em;margin-inline-start: 0.825em;margin-block-start: 0.875em;}
.area_tag {margin-block: 0 0.5em;}

.inner {inline-size: min(1400px,90%);}
.middle_inner {inline-size: min(1200px,90%);}

#header .site_name {font-size: 0.975em;margin-inline-start: 1.25em;margin-block-start: 0;}
#header .site_name .link {inline-size: min(175px,15.75em);margin-block-start: 0.75em;}
#header .menu_btn {inset: 1.25em 1em auto auto;inline-size: 4.5em;}
#header .header_nav {inset: 0 -80% 0 auto;inline-size: 80%;padding: 2.35em 1.75em 0 1.75em;}
#header .header_nav .ul .list {inline-size: 100%;font-size: 1.35em;}
#header .header_nav .ul .list .link {padding-block: 0.5em;}
#fv {background-image: url(../img/top/fv_sp.jpg);aspect-ratio: 768 / 1000;  padding-block-start: 0.25em;box-sizing: border-box;}
#fv .text_img {margin: 22.125em auto auto 2.875em;inline-size: min(650px,85%);}
.form_search .dl {inline-size: min(1100px,90%);padding: 1.7em 0% 1.75em 0%;}
.form_search .dl .dt {inline-size: 100%;text-align: center;  font-size: 1.5em;  margin-block-end: 0.5em;}
.form_search .dl .dd input[type="text"] {padding: 0.5em 0.25em;}
#top_search .ttl1 {margin-block-end: 0;}
#top_search {background-image: url(../img/top/search_bg_sp.jpg);padding-block: 3.25em 3em;}
#top_search .inner {padding-block: 0.5em 2.5em;}
.form_search .dl .dd .ul .list label {font-size: 1.111em;padding: 0.025em 1em 0.125em 1em;}
.form_search .dl .dd .ul.salarie_ul .list label {inline-size: 8.65em;}
#top_search .more1 {padding: 0.5em 2.75em 0.5em 2.75em;margin-block-start: 0.875em;}
#top_ski_resort {padding-block: 4em 1em;}
#top_ski_resort .ttl1 {margin-block-end: 0.75em;}
#top_ski_resort .ul {margin-block-end: 1em;gap: 2.5%;}
#top_ski_resort .ul .list {inline-size: min(250px,48.5%);margin-block-end: 1em;}
#top_ski_resort .ul .list .area,#search_result .ul .list .area {font-size: 1.1em;padding: 0.1em 0.5em 0.25em 0.5em;line-height: 1.125em;}
#top_ski_resort .ul .list .link_text {font-size: 1.2em;}
#search_result .ttl1 {line-height: 1em;margin-block: 0.5em 1em;}
#search_result .ul {gap: 3.5%;}
#search_result .ul .list {inline-size: min(350px,48.25%);}
#search_result .ul .list .cate {font-size: 1.125em;}
#search_result .ul .list .text {font-size: 1.35em;}
#search_result .ul .list .dl {font-size: 1.25em;margin: 0.125em auto 0.125em auto;line-height: 1.5em;}
#search_result .ul .list .dl .dd {padding-inline-start: 1.25em;}
#search_result {padding-block: 0.75em 2.55em;}
#top_about .ttl1 {line-height: 1.1em;margin-block: 0.5em 0.75em;}
#top_about .p_1 {padding-inline-start: 0;margin-block-end: 1em;font-size: 1.375em;}
#top_about .ul {margin-block: 2.25em 0;}
#top_about .ul .list {inline-size: min(350px,48.5%);padding-block-end: 1.875em;border-radius: 0 0 2em 2em;  margin-block-end: 2.5em;}
#top_about .ul .list .ttl2 {font-size: 1.425em;}
#top_about .ul .list .text {font-size: 1.25em;margin: 0em auto 0 auto;}
#top_about,
#top_about.in_page,
#top_about.in_job_info,
#top_about.in_job_search,
#top_about.in_area,
#top_about.in_company,
#top_about.in_privacy,
#top_about.in_attractive,
#top_about.in_flow,
#top_about.in_faq {padding-block: 1.5em 0.875em;background-image: url(../img/top/about_bg_sp.jpg);background-position: center bottom;}
#top_bnr {padding-block: 2.5em 2.5em;}
#top_bnr .lower_inner {inline-size: min(1000px,90%);}
#top_bnr a.bnr0 {background-image: url(../img/top/link_bg_sp.jpg);inline-size: min(700px,100%);aspect-ratio: 700 / 180;text-align: left;padding-inline-start: 54%;line-height: 1.45em;border-radius: 1em;}
#top_bnr a.bnr .fa-angle-right {position: absolute;inset: 50% 0.5em auto auto;transform: translateY(-50%);}
#top_bnr .bnr_box .bnr_txt {font-size:1.0625em;}
.bottom_img_box .list {inline-size: 50%;}

#footer {padding-block: 4em 6em;}
#footer .footer_nav .ul {inline-size: 100%;}
#footer .footer_nav .ul .list {font-size: 1.25em;inline-size: 48%;border-block-end: 1px solid #f3c4ca;margin-inline-end: 4%;}
#footer .footer_nav .ul .list .fa-angle-right {display: inline-block;margin-inline-start: 0.25em;}
#footer .footer_nav .ul .list:last-of-type { margin-inline-end: 0;}
#footer .footer_nav .ul .list::after {content: none;}
#footer .dl {inline-size: fit-content;font-size: 1.125em;}
#footer .dl .dt a.db {inline-size: min(135px,10.5em);margin: 0 auto 1em auto;}
#footer .footer_nav .ul .list {font-size:1.15em; inline-size: 32%;margin-inline-end: 2%;}
#footer .footer_nav .ul .list .link {padding-inline: 0;}

#sp_scroll_top {position: fixed;inset: auto 2em 8em auto;z-index: 4;inline-size: 5.5em;text-align: center;box-sizing: border-box;padding-block-start: 1em;block-size: auto;aspect-ratio: 1;border-radius: 50%;
  font-size: 0.800em;}
#sp_scroll_top i {display: block;text-align: center;font-size: 2em;}
.sp_search_box {position: fixed;inset: auto 0 0 0;z-index: 6;background-color: rgba(256,256,256,0.8);box-sizing: border-box;padding: 0.875em 1em 0.875em 1.5em;}
.sp_search_box .dl2 {inline-size: fit-content;margin-inline: auto;}
.sp_search_box .dl2 .dt2 {text-align: center;inline-size: 10.25em;}
.sp_search_box .dl2 .dt2 #sp_search {font-size: 1.5em;inline-size: 100%;box-sizing: border-box;background-color: #ff7b7f;color: #fff;border-radius: 3em;padding: 0.125em 0 0.25em 0;}
.sp_search_box .dl2 .dt2 #sp_search.open {background-color: #d2d9db;color: #1d1d1f;}
.sp_search_box .dl2 .dt2 #sp_search .fa-filter-list {display: inline-block;}
.sp_search_box .dl2 .dt2 #sp_search.open .fa-filter-list {display: none;}
.sp_search_box .dl2 .dt2 #sp_search .fa-xmark {display: none;}
.sp_search_box .dl2 .dt2 #sp_search.open .fa-xmark {display: inline-block;}
.sp_search_box .dl2 .dt2 #sp_search .text {font-size: 0.875em;}
.sp_search_box .dl2 .dt2 #sp_search .text.open {display: inline-block;}
.sp_search_box .dl2 .dt2 #sp_search.open .text.open {display: none;}
.sp_search_box .dl2 .dt2 #sp_search .text.close {display: none;}
.sp_search_box .dl2 .dt2 #sp_search.open .text.close {display: inline-block;}
.sp_search_box .dl2 .dd2 {font-size: 1.5em;inline-size: 16.5em;box-sizing: border-box;padding-inline-start: 0.65em;}
.sp_search_box .dl2 .dd2 input[type="text"] {background-color: #fef1f2;border: 1px solid #d2d9db;appearance: none;border-radius: 3em;inline-size: 100%;box-sizing: border-box;font-family: inherit;padding: 0.5em 0.5em 0.5em 1em;font-weight: bold;}

.sp_search_box .dl2 .dd2 button[type="submit"] { inset: 50% 0.75em auto auto;transform: translateY(-50%);opacity: 0.5;cursor: pointer; background-color: #fef1f2; border:none; appearance:none; }
.sp_search_box .dl2 .dd2 .fa-magnifying-glass {opacity: 0.5;}
#item_nav_list {position: fixed;inset: auto 0 0 0;z-index: 5;inline-size: 100%;block-size: calc(100vh - var(--h-size));background-color: #ffc3c3;box-sizing: border-box;padding: 2em 1.3em 7em 1.3em;}

#item_nav_list .scroll {block-size: 100%;overflow-y: scroll;border-radius: 1.5em;box-sizing: border-box;padding-block-start: 1em;padding-bottom: 2em;}
#item_nav_list .dl {inline-size: min(1100px,94%);padding: 0.5em 0% 1.75em 0%;margin-inline: auto;border-block-end: 1px solid #d2d9db;box-sizing: border-box;}
#item_nav_list .dl:last-of-type {border-block-end: none;}
#item_nav_list .dl .dt {inline-size: 100%;text-align: center;font-size: 1.5em;margin-block-end: 0.875em;}
#item_nav_list .dl .dd .ul {justify-content: flex-start;gap: 0.75em;}
#item_nav_list .dl .dd {font-size: 1em;padding-inline-start: 0em;}
#item_nav_list .dl .dd .ul .list input[type="checkbox"] {display: none;}
#item_nav_list .dl .dd .ul .list input[type="checkbox"]:checked + label {background-color: #fff;color: #ff7a7f;}
#item_nav_list .dl .dd .ul .list label { font-size: 3.2vw;/*font-size: 1.111em;*/padding: 0.025em 1em 0.125em 1em;border-radius: 3em;border: 2px solid #fde4e5;display: inline-block;font-weight: normal;box-sizing: border-box;letter-spacing: 0.025em;}
#item_nav_list input[type="checkbox"]:checked + label {background-color: #fff;color: #ff7a7f;}
#item_nav_list .dl .dd .ul.area_ul .list label { display:inline-block;padding-inline: 0;text-align: center;}
#item_nav_list .dl .dd .ul.salarie_ul .list label {/*inline-size: 8.3em;*/ display:inline-block;padding-inline: 0;text-align: center;}

/*page*/
#page_fv {aspect-ratio: 1920 / 600;}
#info .swiper-wrapper .img_box {inline-size: min(730px,86%);}
#info .swiper-button-next {inset: 50% 2em auto auto;}
#info .swiper-button-prev {inset: 50% auto auto 2em;}
#info .column .color_ttl {font-size: 1.875em;}
.category_tag .list {inline-size: min(160px,32%);}
.category_tag .list .text {font-size: 1.125em;}
#info .pr_box .p_1 {font-size: 1.25em;}
#search .ttl1.bar {font-size: 1.875em;}
#search_result .ttl1.bar {font-size: 1.875em;}
.tel_nom {padding: 0.25em 1.75em 0.35em 1.65em;margin-block-start: 0.25em;}
#company .map_box {padding-block: 1.5em 1em;}
#company .map_box iframe {aspect-ratio: 10 / 10;}
/*flow*/
#flow .flow_ol1 .list .num {font-size: 3.5em;position: absolute;inset: 50% auto auto 1.5em;transform: translateY(-50%);}
#flow .flow_ol1 .list {inline-size: 20em;aspect-ratio: auto;border-radius: 1em;font-size: 1.25em;padding-block: 1em;margin-block-end: 2em;margin-inline: auto;  padding-inline-start: 1em;}
#flow .flow_ol2 .list .text_side::before {font-size: 13.5em;inset: 0 0 auto 0;margin-inline: auto;}
#flow .flow_ol1 .list .fa-angles-right {inset: 105% 0 auto 0;transform: translateY(0);font-size: 1.5em;transform: rotate(90deg);}
#flow .p_1 {padding-inline-start: 1em;font-size: 1.25em;text-indent: -1em;  margin-block-end: 2.25em;}
#flow .flow_ol2 .list .text_side {inline-size: 100%;  font-size: 1.35em;  padding-inline-start: 0;}
#flow .flow_ol2 .list .text_side .side_ttl {margin-inline-start: 2.5em;}
#flow .flow_ol2 .list .img_side {inline-size: min(560px,100%);margin: 2em auto 2em auto;}
#flow .flow_ol2 .list:last-of-type {padding-block-end: 1em;}
/*area*/
#area .area_scroll {gap: 4%;padding: 0 0.556em 1.25em 0.556em;}
#area .area_scroll .page_link {inline-size: min(180px, 48%);font-size: 1.25em;}
#area .area_box .top_detail .img_side {inline-size: min(560px,96%);margin: 0.35em auto 2em auto;}
#area .area_box .top_detail .text_side {inline-size: 96%;margin-inline: auto;font-size: 1.25em;}
#area .area_box .area_other .flex_item {inline-size: 96%;margin: 0 auto 3em auto;font-size: 1.25em;}
/*faq*/
#faq .faq_scroll {padding: 1em 1em 2.125em 1em;}
#faq .faq_scroll .page_link {inline-size: 100%;display: block;font-size: 1.35em;margin-block-end: 1em;}
#faq .dl .icon i {inset: 55% 0 auto 0;}
/*privacy*/
#privacy .column .color_ttl {font-size: 1.875em;}
#privacy .column .p_1,#privacy .column .ol,#privacy .column .ul {font-size: 1.35em;inline-size: 100%;}
#privacy .column .ol .list {text-indent: -2em;padding-inline-start: 2em;}
/*compliance*/
#compliance .ttl1 .p_1, #compliance .column .p_1, #compliance .column .link {font-size: 1.35em;}

/*attractive*/
#introduction .p_1 {font-size: 1.35em;}
#introduction .box {margin-inline: auto;inline-size: min(540px,100%);}
#introduction .flex_item {inline-size: min(260px,48%);}
#introduction .flex_item figcaption {font-size: 1.35em;}
#introduction .flex_item figcaption em {font-size: 1.1em;}
#attractive .attractive_ol .list .text_side {inline-size: 100%;  font-size: 1.35em;  padding-inline-start: 0;}
#attractive .attractive_ol .list .text_side::before {font-size: 13.5em;inset: 0 0 auto 0;margin-inline: auto;}
#attractive .attractive_ol .list .text_side .side_ttl {margin-inline-start: 2.5em;font-size: 1.35em;}
#attractive .attractive_ol .list .img_side {inline-size: min(560px,100%);margin: 2em auto 2em auto;}
#note .box {padding-block-end: 0.25em;}
#note .flex_item {inline-size: 96%;padding-block-start: 0.5em;margin-block-end: 4em;}
#note .flex_item i {font-size: 2.875em;margin-block-start: 0.5em;}
#note .flex_item .note_ttl {font-size: 1.75em;}
#note .flex_item .p_2 {font-size: 1.35em;inline-size: 90%;}
/*advertisement*/
#advertisement .p_1 {font-size: 1.35em;}
#advertisement .p_2 {font-size: 1.35em;}
#advertisement form {inline-size: min(1100px,100%);}
.form_dl {font-size: 1.5em;}
.form_dl dt {inline-size: 100%;padding: 1em 0.25em 1em 0.5em;}
.form_dl dd {inline-size: 100%;padding: 1em 0.5em 1em 0.5em;}
.form_dl dd .radio_input + label {display: block;margin-block: 0.65em;}
.form_dl dd textarea {aspect-ratio: 12 / 7;}
.send_btn input[type="submit"] {padding: 0.875em 2.75em 1.125em 2.75em;font-size: 1.25em;}
.conf_btn {font-size: 1.35em;}
.conf_btn .back {margin-block-end: 1.25em;}
/*entry*/
#entry .p_1,
#entry .p_2 {font-size: 1.25em;}
#entry .column .p_1 {font-size: 1.5em;}
#entry form {inline-size: min(1100px,100%);}
#entry .form_dl dd.birth span.size1 {inline-size: 6.25em;}
#entry .form_dl dd.birth span.size2 {inline-size: 5em;}
#entry .form_dl dd.birth select {padding: 0.75em 1em 0.75em 1.25em;}
#entry .form_dl dd.birth .fa-angle-down {inset: 55% 0.35em auto auto;font-size: 1em;}
#entry .form_dl dd .radio_input + label {display: inline-block;inline-size: 4em;margin-block: 0;}
#entry .color_ttl {font-size: 1.75em;}