@charset "utf-8";
/* CSS Document */



article.job { background-color:#FFF; padding:1.3em 1.5em 1.5em 1.6em; margin:0 0 4em 0; position:relative; }
article.job.half { width: 44%; }

article.job .job_name { position:relative; font-size:1.4em; font-weight:700; line-height: 1.5em; margin:0 0 1em 0; }
article.job .sum { width:46%; max-width:255px; }
article.job .text { width:50%; max-width:285px; }
article.job .catch { font-size:1em; font-weight: 500; margin:0 0 1em 0; }
article.job .work_style {  }

address.prefectures { color:#FF6566; border:solid 1px #FF6566; border-radius:1em; width: 13em; text-align: center; display: inline-block; }
address.street { font-size:0.9em; margin-top: 1em; }
ul.commitment { margin:1em 0 0.5em 0; padding:0; list-style-type:none; height: 5em; overflow: hidden; }
ul.commitment li { display:inline-block; font-size:0.9em; border-radius:1em; padding: 0.2em 0.8em 0.3em 0.8em; margin:0 0.2em 0.6em 0; }

.job_detail ul.commitment { height:auto; overflow:auto; }

article.job dl.job_offer dt { width:4em; }

article.job.half a.more { width:calc(100% - 4em); margin:1.2em 0 0 0; }

article.job .new_icon { position:absolute; top:-1em; right:0; left:0; margin:auto; font-size: 1em; width: 2.5em; }

section.search_set { padding:2em 0 3em 0; }

a.set {
	display: inline-block; padding:0.5em 0 0.5em 0; width:17.9%; height:4.5em; line-height: 4.5em; margin:1em 0 1em 2%;
	position:relative; border:none; box-shadow: 8px 8px 1px -3px rgba(0,0,0,0.1);
	border-radius:0.5em; font-size:1.1em; text-align:center; vertical-align: middle; cursor:pointer;
}
a.set:first-child { margin-left:0; }
a.set i { font-size:1.2em; margin-right:0.5em; }
a.set em { font-size:1.4em; font-weight:bold; }
a.set i.fa-circle-plus { position:absolute; bottom:0.5em; right:0; font-size:1em; }
a#set_commitment { line-height:1.5em; padding: 1em 0 0 0; }

.keyword_box { margin-top:2em; }

section.search_set .pc { display:inline-block; }
.keyword_box dt {
	font-size:1.1em; text-align:center; vertical-align: middle; border-top-left-radius:0.5em; border-bottom-left-radius:0.5em; padding:0.5em 1em 0.5em 1em;
}
.keyword_box dt i { font-size:1.2em; margin-right:0.5em; }
.keyword_box dt em { font-size:1.4em; font-weight:bold; }
.keyword_box dd { margin:0; padding:0; }
.keyword_box dd input {
	font-size: 1.11em; vertical-align: top; width: 26em; padding: 1em; margin:0; background-color:#F2F2F2;
	border-top-right-radius:0.5em; border-bottom-right-radius:0.5em;
}
.keyword_box dd button {
	position:relative; cursor:pointer; width: 6.84em; border:none;
	font-size:1.4em; font-weight:700;
	margin:0 0 0 0.5em ; padding:0.63em 1em 0.69em 1em; box-shadow: 6px 9px 1px -5px rgba(0,0,0,0.1);
	border-top-left-radius: 1.6em; border-bottom-left-radius: 1.6em; border-top-right-radius: 1.6em; border-bottom-right-radius: 1.6em;
}
.keyword_box dd button i { margin-right:0.5em; }

section.job_list { padding:1em 0 2em 0; }

.search_title { width:100%; padding: 0 0 2em 0; }
.search_title dt { vertical-align: bottom; }
.search_title dt h2 { display:inline-block; font-size:1.2em; margin: 0; }
.search_title strong,.search_title em { font-size:1.6em; }
.search_title dd {vertical-align: bottom; margin:0; }
.search_title dd.total { font-size:1.2em; padding:0 0 0 2em; }
.search_title dd.range { text-align:right; padding-top: 1.2em; }

#area_hid .form_inline { height: 7em; }
#occupation_hid .form_inline { height: 14em; }
#work_style_hid .form_inline { height: 8em; }
#facility_hid .form_inline {  }
#commitment_hid .form_inline {  }

.page_link {  }
.page_link a, .page_link em {
	display:inline-block; text-align: center; margin: 0 0.3em 1em 0.3em;
	font-size:1.1em; border-radius:50%; width: 2.103em; height: 2.103em; line-height:2.103em;
}
.page_link a {
	background-color:#FFFFFF; color:#000000;
}
.page_link em {
	background-color:#48BDCE; color:#FFFFFF;
}
.page_link a.next, .page_link a.prev { color:#48BDCE; background:none; vertical-align: bottom; }

.page_link a.next i, .page_link a.prev i { font-size:2.102em; line-height: 1.11em; }


.job_detail { padding: 2em 0 2em 0; }
.job_detail .job_title { font-size: 1.8em; font-weight: bold; margin: 0 0 0 0; }

.job_detail img.sum { width:38%; max-width:450px; }
.job_detail .txt { width:60% }

.job_detail span.occupation_name.work_style_name { font-size:0.9em; }
.job_detail .job_catch { color:#00678C; font-size:1.1em; font-weight: 700; }

section.job_detail dl.job_feature,
article.job dl.job_feature,
article.job dl.job_feature { border:solid 1px #48BDCE; border-radius:0.5em; margin:1.5em 0 1.5em 0; }

section.job_detail dl.job_feature dt,
.new_job_list dl.job_feature,
article.job dl.job_feature dt { position:relative; padding: 0.5em 1em 0.5em 3.5em; margin:0; font-weight:700; border-top-right-radius:0.5em; border-top-left-radius:0.5em; }

section.job_detail dl.job_feature dt::before,
.new_job_list dl.job_feature,
article.job dl.job_feature dt::before { position:absolute; bottom:0; left:0.5em; content:""; background:url(../img/job/character1.png); background-size:100%; width:2.75em; height:4em;background-repeat: no-repeat; }

article.job dl.job_feature dd,
.job_detail dl.job_feature dd { padding:1em; margin:0; }
.job_detail a.more { margin-top: 1em; }

dl.job_offer { width:100%; margin: 0 0 0.5em 0; }
dl.job_offer dt { padding:1em; width:15em; border-right: solid 0.5em #FFF; }
dl.job_offer dd { border:solid 1px #EBF1F1; padding:1em; }

#recruit p.read { margin: 2.5em auto 2.5em auto; max-width: 38em; }

main#job .sub_ttl2 { font-size:1.26em; font-weight: bold; margin-top: 0; margin-bottom: 0; padding: 1.5em 0 0.7em 0;}
main#job .sub_ttl2 i { margin-right:0.4em; font-size:1.1em; color:#00BFB1; }

#recruit { padding-bottom:1em; }
#recruit dl.message { margin:1.5em 0 2.5em 0; }
#recruit dl.message dt { }
#recruit dl.message dd { position:relative; margin: 0; padding: 1em 1em 1em 6.862em; font-size: 0.9em; min-height: 5em; }
#recruit dl.message dd img { position:absolute; top:1em; left:1em; width: 4.862em; }

section.job_other_list { padding-bottom:3em; }
section.job_other_list a.more { background-color: #00BFB1; }

#secret { position:relative; }
#secret dl.job_offer dd { 
    color: transparent; text-shadow: 0 0 8px rgba(0,0,0,0.7); 
    user-select: none; -moz-user-select: none; -webkit-user-select: none; }
#secret div.caption {
	position:absolute; top:9em; left:38%; right:62%; margin:auto; text-align:center; width: 15em; border-radius:0.9em; background-color:#FFF;
	border:solid 2px #00BFB1; padding:0.5em 2em 0.5em 2em; text-shadow: 2px 0px 0px #fff, 2px 0px 0px #fff, 1px 2px 3px #aaaaaa; font-weight:bold;
}
#secret div.caption strong { font-size:1.2em; }
#secret div.caption::after {
	position:absolute; top:1em; right:-20em; content:"";
	background-image:url(../img/job/secret_after.png); background-size:100%; background-repeat:no-repeat;
	width:13.5em; height:19.5em;
}


#secret a.entry_btn {
	position:absolute; top:10em; left:32%; right:68%; margin:auto; text-align: center;
	display: block; width: 17em; padding: 0.8em;
	font-size: 1.5em; color: #FFF; font-weight: bold;
	border-top-left-radius: 1.8em; border-bottom-left-radius: 1.8em; border-top-right-radius: 1.8em; border-bottom-right-radius: 1.8em;
	margin: 1em auto 1em auto; box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);
}
#secret a.entry_btn i {
	position:absolute; top:calc(50% - 0.4em); right:0.8em;
}
#secret a.entry_btn::before {
	position:absolute; top:-2.2em; left:-2.2em; content:"";
	background-image:url(../img/top/main_free_before.png); background-size:100%; background-repeat:no-repeat;
	width:3.5em; height:3.5em;
}


#secret { position:relative;display: none;}

section.area_link { border-bottom:solid 5px #FFE957; padding:2em 0 1em 0; }
section.area_link dl.area_link_type { }
section.area_link dl.area_link_type dt { border-left:solid 5px #00B8BF; line-height: 1.1em; font-size:1.2em; font-weight:500; margin:0; padding:0 0 0 0.5em; }
section.area_link dl.area_link_type dd { font-size:1.1em; margin:0; padding:0.5em 0.4em 1em 0.4em; }
section.area_link dl.area_link_type dd a { display:inline-block; padding:0; margin:0.5em 0.5em 0.5em 0.5em; text-decoration:underline; color:#009F94; }


section.feature .feature_text { font-size:1.8em; line-height: 1.5; }
section.feature hr { border: none; border-bottom: dotted 2px #CCC; width: 100%; }
section.feature .feature_text2 { width: 80%; margin-top:1em; margin-top: 1.8em; }



#feature_area_search { margin-top: 2em; }
#feature_area_search span.search_menu { display:inline-block; margin-top: 0; margin-bottom: 0; padding: 0.7em 1em 1em 0; font-size: 1.75em; font-weight: bold; vertical-align:middle; }
#feature_area_search span.search_menu i { margin-right: 0.4em; font-size: 1.1em; color: #00BFB1;}


/*20220819追加*/
.fb {font-weight: bold;}
.job_detail.in_free {padding-block-end: 0;}
.middle_contents {}
.middle_contents h3.center {font-size: clamp(19px,3.35vw,2em);margin-block: 0.25em 0;inline-size: fit-content;}
.middle_contents h3.center:before {content: "|";position: absolute;inset: auto auto 0.25em -0.875em;color: #00bfb1;font-size: 1.35em;transform: rotate(-25deg);}
.middle_contents h3.center:after {content: "|";position: absolute;inset: auto -0.875em 0.25em auto;color: #00bfb1;font-size: 1.35em;transform: rotate(25deg);}
.middle_contents h3.center span.text_red {font-size: 1.875em;letter-spacing: 0.025em;font-weight: 800;margin-inline: 0.075em 0.175em;}
.middle_contents .flex1 {}
.middle_contents .flex1 .flex_item {}
.middle_contents .flex1 .flex_item .in_flex {}
.middle_contents .flex1 .left_side {inline-size: min(625px,49.75%);}
.middle_contents .flex1 .left_side .in_flex {padding-block-start: 0.75em;}
.middle_contents .flex1 .left_side .in_flex .left_img_box {inline-size: min(208px,33.25%);}
.middle_contents .flex1 .left_side .in_flex .left_img {}
.middle_contents .flex1 .left_side .in_flex .text_ul {padding-inline-start: 0;inline-size: min(405px,64.5%);}
.middle_contents .flex1 .left_side .in_flex .text_ul .text_li {list-style-type: none;font-size: clamp(11px,1.4vw,1.125em);letter-spacing: -0.05em;border-radius: 10px;margin-block-end: 0.5em;inline-size: fit-content;padding: 0px 2em 3px 1.125em;}
.middle_contents .flex1 .right_side {inline-size: min(605px,48.25%);}
.middle_contents .flex1 .right_side .in_flex {}
.middle_contents .flex1 .right_side .in_flex p.p_1 {font-size: clamp(16px,2.175vw ,1.75em);margin-block-start: 0.75em;line-height: 2em;}
.middle_contents .flex1 .right_side .in_flex p.p_1 em.fb {}
.middle_contents .flex1 .right_side .in_flex p.p_1 em.fb span.text_green {}
.middle_contents .flex1 .right_side .in_flex .right_img_box {inline-size: min(260px,43%);}
.middle_contents .flex1 .right_side .in_flex .right_img {block-size: auto;}
.middle_contents .flex2 {margin-block-start: 1.35em;}
.middle_contents .flex2 .flex_item {inline-size: min(612px,48.75%);border: 1px solid #01bfb1;border-radius: 0.5em;}
.middle_contents .flex2 .flex_item em.pa {inset: -1.35em 0 auto 0;inline-size: 11em;font-size: 1.25em;font-weight: 500;border-radius: 1em;}
.middle_contents .flex2 .flex_item p.center {font-size: 1.063em;margin-block: 1.25em 0.75em;}
.middle_contents .flex2 .flex_item p.center img.tri {margin-inline: 2em 2.5em;vertical-align: sub;}
.middle_contents .flex2 .flex_item p.center span.text_red {}
.middle_contents .more {margin-block: 0.75em 2em;}

.check_contents {border: 2px solid #fd7e00;margin-block: 3.5em 3.5em;box-sizing: border-box;border-radius: 20px;padding-block-end: 1.5em;}
.check_contents .free_img {inset: -3em auto auto 1.5em;inline-size: min(173px,14%);}
.check_contents h3.center {margin-block: 0;background-image: url(../../img/job/bg.jpg);background-position: left top;background-repeat: repeat;background-size: auto;border-radius: 15px 15px 0 0;font-size: clamp(19px,3.35vw,2em);padding-block: 0.5em 0.25em;line-height: 1.75em;}
.check_contents h3.center span.bg_white {display: block;color: #f47a00;inline-size: fit-content;margin-inline: auto;line-height: 1em;font-size: 0.563em;padding: 0.2em 1em 0.35em 1em;border-radius: 1em;}
.check_contents .check_ul {flex-wrap: wrap;padding-inline-start: 0;inline-size: min(920px,94%);margin: 1.5em auto 0.5em auto;}
.check_contents .check_ul .list {
    position: relative;
    list-style-type: none;
    inline-size: min(450px, 48.95%);
    box-sizing: border-box;
    margin-block-end: 0.5em;
}

.check_contents .check_ul .list label {
    display: inline-block;
    inline-size: 100%;
    background-color:  #fff7db;
    padding: 0.95em 0.5em 0.95em 3.25em;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #fff7db;
    font-weight: 500;
}
.check_contents .check_ul .list input {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;}
.check_contents .btn {position: relative;inline-size:fit-content;margin-inline: auto;}
.check_contents .btn .more {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    border: none;
    color: #FFF;
    font-weight: 700;
    padding: 0.66em 3.875em 0.8em 3.875em;
    box-shadow: 6px 9px 1px -5px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 1.6em;
    border-bottom-left-radius: 1.6em;
    border-top-right-radius: 1.6em;
    border-bottom-right-radius: 1.6em;
    background-color: #954a00;
    font-size: 1.5em;
}

.check_contents .btn i {
  position: absolute;
  top: 1em;
  right: 0.9em;
  font-size: 1.5em;
    color: #fff;
}

.check_contents .check_ul .list input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    inset: 50% auto auto 1em;
    transform: translateY(-50%);
    height: 28px;
    width: 28px;
    transition:all .15s ease-out 0s;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    outline: none;
}
.check_contents .check_ul .list input[type=radio] {
    border-radius: 50%;
}
.check_contents .check_ul .list input[type=radio]:checked:before {
    transform: scale(1);
}
.check_contents .check_ul .list input[type=radio]:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 4px;
    transform: scale(0);
    transition: all ease-out 250ms;
}
.check_contents .check_ul .list input[type=radio].blue {
    border: 2px solid #f2bc78;
}
.check_contents .check_ul .list input[type=radio].blue:checked {
    border: 2px solid #954a00;
}
.check_contents .check_ul .list input[type=radio].blue:checked:before {
    background: #954a00;
}
.check_contents .check_ul .list input[type=radio].blue:checked + label {
    background-color: #fff;
    border: 1px solid #954a00;
    color: #954a00;
}
@media (min-width: 768px) and (max-width: 1079px) {
    .middle_contents .flex2 .flex_item p.center {font-size: 0.925em;}
    .middle_contents .flex2 .flex_item p.center img.tri {margin-inline: 1em 1em;inline-size: 10px;}
    .check_contents .free_img {inline-size: min(173px,18%);}
    .check_contents .check_ul {inline-size: min(920px,96%);}
    .check_contents .check_ul .list input[type="radio"] {inset: 50% auto auto 0.5em;height: 23px;width: 23px;}
    .check_contents .check_ul .list input[type="radio"]::before {width: 11px;height: 11px;}
    .check_contents .check_ul .list label {padding: 0.95em 0.5em 0.95em 2.75em;font-size: 0.9em;}
}