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

body {
	font-size: 16px; font-weight:400; line-height: 1.6;
	font-family: 'Noto Sans JP', sans-serif;
	margin: 0 auto; height: 100%; min-width:350px;
}

.inner { width:92%; padding: 0 4% 0 4%; max-width:768px; margin: 0 auto; }

.c-both { clear: both; }
.clearfix:after { content: ""; clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.fb {font-weight: bold;}
em,strong {font-style: normal;}
.box_style {inline-size: min(730px,95.125%);margin-inline:auto;background-color: #fff;box-sizing: border-box;padding-inline: 1.86125em;}
ol {padding-inline-start: 0;}
ol li {list-style-type: none;}
dd {margin-inline-start: 0;}


header#header { padding: 0.3em 0 0.3em 0; border-bottom: solid min(1vw,10px) #00A328; }
header#header img#logo { max-width:336px; width:49%; }

header#header dl.right { width: 45%; margin: 0 0 0 0; padding: 0; }
header#header dl.right dt.free_dial { line-height:1; text-align: right; }
header#header dl.right dt.free_dial img#fd { display: inline-block; vertical-align: bottom; max-width:53px; width: 18%; margin: 0 0.3em 0 0; }
header#header dl.right dt.free_dial a { color:#000000; font-size:min(5vw,34px); text-decoration:none; }
header#header dl.right dd.times { font-size: min(3vw,18px); text-align: right; margin: 0; padding: 0 min(7.8vw,75px) 0 0; }
header#header dl.right dd.pepp { font-size: min(2.8vw,18px); text-align: right; margin: 0; padding: 0; }

#step1,#step2,#step3,#step4,#step5,#step6 { padding:1em 0 1em 0; }
#step2,#step3,#step4,#step5,#step6 { display:none; }/**/

main { background-color:#EBF1F1; }

main section#fv { background-color:#FFFFFF; padding: 0 0 0.8em 0; }

main section#fv h1 { margin: 0 0 0.3em 0; padding:0; border-bottom: solid min(1vw,5px) #EBF1F1; font-weight:bold; font-size: min(5vw,28px); line-height: 1.5; }
main section#fv h1 em { color:#FF6566; font-style:normal; font-size: min(7vw,48px); display: inline-block; margin: 0 0.2em 0 0; }
main section#fv h1 strong { color:#FF6566; font-size: min(6vw,37px); display: inline-block; margin: 0 0 0 0.2em;}

main section#fv dl.job_openings { width:63%; margin: 0.5em 0 0 0; }
main section#fv img.sum { width:32%; max-width:217px; }

main section#fv dl.job_openings dt { text-align:center; }
main section#fv dl.job_openings dt p { display:inline-block; text-align:center; font-weight:bold; background-color:#FFFFFF; margin: 0; padding:0 0.5em 0 0.5em; }
main section#fv dl.job_openings dt p em { font-style:normal; font-size: min(4.8vw,32px); }
main section#fv dl.job_openings dt p strong { font-size: min(4.3vw,27px); }
main section#fv dl.job_openings dd {
	border: solid 2px #00A328; display: block; margin: -0.8em 0 0 0; padding: 0.6em 1em 0.3em 1em; text-align:center; font-size: min(5vw,27px); font-weight:bold;
	border-bottom-left-radius:0.6em; border-bottom-right-radius:0.6em; border-top-left-radius:0.6em; border-top-right-radius:0.6em;
}

main section#fv dl.job_openings dd span#count { display:inline-block; color:#FF6566; font-size: min(6.2vw,41px); margin:0 0.2em 0 0; }

main section#fv h1.job { padding-top:0.2em; }
main section#fv .pink { color: #FF6566; }
main section#fv p.catch { margin: 0.3em 0 0 0; width: 65%; font-size: min(3.8vw,24px); color: #00678C; font-weight: 500; }
main section#fv p.catch em { font-weight: bold; font-style: normal; }

main section#fv p.catch span.small { font-size: min(3vw,16px); color: #000000;}

main section#fv p.catch_def { margin: 0.3em 0 0 0; width: 66%; font-size: min(3.8vw,32px); }
main section#fv p.catch_def em { font-weight: bold; font-style: normal; }

main section#fv p.catch_def span.small { font-size: min(3vw,16px); }

main section#fv p.catch_free { margin: 0.1em 0 0 0; width: 65%; font-size: min(3.8vw,32px); font-weight: 500; }
main section#fv p.catch_free em { font-weight: bold; font-style: normal; }

main section#fv p.catch_free span.small { font-size: min(3vw,16px); color: #000000; display: block; margin: 0.2em 0 0 0; }

main p.summary { background-color:#00A328; color:#FFFFFF; margin:0; padding:0.5em 0 0.5em; font-size: min(3vw,24px); }

mark { background: linear-gradient(#FFD600, #FFD600) 0 100%/0 0.3em no-repeat; background-size: 100% 0.3em; }

main form .select_area {
	background-color:#FFFFFF; padding:1em;
	border-bottom-left-radius:1.8em; border-bottom-right-radius:1.8em; border-top-left-radius:1.8em; border-top-right-radius:1.8em;
}

main form img.sum { width: 10%; max-width:76px; }

main form p.txt {
	position:relative; width: 80%; padding:0.6em; font-size: min(3.6vw,26px); background-color:#FFFFFF;
	border-bottom-left-radius:0.6em; border-bottom-right-radius:0.6em; border-top-left-radius:0.6em; border-top-right-radius:0.6em;
	margin:1em 0 1em 0;
}
main form p.txt span.memo { display:block; color:#666; font-size: min(2.6vw,18px);}
main form p.txt:before { content: ""; position: absolute; top: 45%; left: -1.6em; margin-top: -1em; border: 0.7em solid transparent; border-right: 1em solid #FFF; }




main form .select_area input,
main form .select_area select,
main form .select_area button { font-family: 'Noto Sans JP', sans-serif; appearance:none; }
main form .select_area input[type=checkbox],
main form .select_area input[type=radio] { display: none; }
main form .select_area label {
	display: grid; place-items: center;
	position: relative; text-align:center; cursor: pointer;
	background-color: #FFFFFF; border:solid 2px #00A328;
	width: calc(50% - 4px - 3em); height:3em; padding: 0 1em 0 1em; margin: 0.5em; font-size: min(3.6vw,26px); line-height: 1.16em;
	border-bottom-left-radius:1.8em; border-bottom-right-radius:1.8em; border-top-left-radius:1.8em; border-top-right-radius:1.8em;
}
main form .select_area input[type=checkbox]:checked + label,
main form .select_area input[type=radio]:checked + label { background-color:#00A328; color:#FFFFFF; }

main form .select_area input[type=text],
main form .select_area input[type=tel],
main form .select_area input[type=email] {
	display:block; margin:0.3em auto 1em auto;
	border:solid 2px #00A328; width: calc(90% - 4px - 2em); padding: 1em 1em 1em 1em; text-align:center; font-size: min(3.6vw,26px);
	border-bottom-left-radius:1.8em; border-bottom-right-radius:1.8em; border-top-left-radius:1.8em; border-top-right-radius:1.8em;
}

main form .select_area select {
	display:block; margin:0.3em auto 1em auto; background-color:#FFFFFF;
	border:solid 2px #00A328; width: calc(90% - 4px); padding: 1em 1em 1em 35%; /*text-align:center; text-align:-webkit-center;*/ font-size: min(3.6vw,26px);
	border-bottom-left-radius:1.8em; border-bottom-right-radius:1.8em; border-top-left-radius:1.8em; border-top-right-radius:1.8em;
}
main form select { appearance:none; -webkit-appearance: none;-moz-appearance: none;}


main form .select_area .selectwrap {
	position: relative; width: 100%;
}
main form .select_area .selectwrap::after {
	font-family: "Font Awesome 6 Pro"; content: "\f0d7"; font-weight: 900; font-size: 1.8em; color: #00A328;
	position: absolute; top: calc(50% - 0.9em); font-size: 1.8em; color: #00A328; right: min(10vw,2.2em); padding: 0; pointer-events: none;
}
main form .select_area #birthwrap::before {
	position: absolute; content: "西暦"; top: calc(50% - 0.92em); left: min(10vw,4em);
	font-size: min(3.6vw,26px); color: #00A328;
}


main form .select_area div.exp { font-size: min(3.6vw,20px); margin:0 0 0 6%; line-height: 1.4em; }
main form .select_area div.exp i { color:#00A328; margin:0 0.4em 0 0; }
main form .select_area span.required {
	display:inline-block; vertical-align: top; padding: 0.5em 0em 0.5em 0; margin:0 0 0 0.2em; color:#FFF; font-size:0.8em; width:4em; text-align:center; line-height: 0.8em;
	border-bottom-left-radius:0.8em; border-bottom-right-radius:0.8em; border-top-left-radius:0.8em; border-top-right-radius:0.8em;
	background:#FF6566;
}
main form .select_area span.any {
	display:inline-block; vertical-align: top; padding: 0.5em 0em 0.5em 0; margin:0 0 0 0.2em; color:#FFF; font-size:0.8em; width:4em; text-align:center; line-height: 0.8em;
	border-bottom-left-radius:0.8em; border-bottom-right-radius:0.8em; border-top-left-radius:0.8em; border-top-right-radius:0.8em;
	background:#00A328;
}

main form .select_area p.private { font-size: min(3.6vw,20px); margin: 0 0 1.5em 0; }
main form .select_area p.private i { color:#00A328; margin:0 0.4em 0 0; }

main form .select_area .error_txt { display: block; color: #FF5555; font-size: min(2.6vw,18px); text-align: center; margin: 0 0 2em 0; }



a.btn {
	display:block; width:60%; padding:1em 1em 1em 1em; margin:1.8em auto 1em auto; pointer-events:none; border:none;
	color:#FFF; background-color:#CCCCCC;
	border-bottom-left-radius:1.8em; border-bottom-right-radius:1.8em; border-top-left-radius:1.8em; border-top-right-radius:1.8em;
	text-decoration:none; text-align:center; font-size: min(3.6vw,26px); font-weight:bold;
}

button#send_btn {
	display:block; width:68%; padding:0.7em 1em 0.7em 1em; margin:1.8em auto 8em auto; pointer-events:none; border:none;
	color:#FFF; background-color:#CCCCCC; line-height:1.16em; cursor:pointer;
	border-bottom-left-radius:1.8em; border-bottom-right-radius:1.8em; border-top-left-radius:1.8em; border-top-right-radius:1.8em;
	text-decoration:none; text-align:center; font-size: min(3.6vw,26px); font-weight:bold;
}

button#send_btn span { display:block; font-size:0.8em; font-weight:normal; }

a.btn:hover,
button#send_btn:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }


.center {display: block;text-align: center;margin-inline: auto; }
#thanks {padding: 2.5em 0 1em 0;font-weight: 500;border-top: 8px solid #00A328;font-size: clamp(8px,2.083vw,16px);}
#thanks .top_message {padding-block: 1.5em 1em;margin-block-end: 3.125em;}
#thanks .top_message .p_1 {font-size: 1.688em;inline-size: fit-content;margin-inline: auto;margin-block-start: 1.45em;line-height: 1.8em;transform: translateX(7px);}
#thanks .top_message .ttl {font-size: 2.063em;letter-spacing: 0.03em;position: relative;margin-block: 0;box-sizing: border-box;padding: 1.075em 0 1em 4.75em;line-height: 1.8em;}
#thanks .top_message .ttl .illust1 {position: absolute;inset: 1.5% auto auto 2.25%;inline-size: min(94px,15%);}
#thanks .top_message .ttl mark {font-size: 1em;background: linear-gradient(transparent 0,transparent 70%, #FFE957 70%);font-weight: bold;}
#thanks .advice {display: flex;justify-content: flex-start;flex-wrap: wrap;gap: 3.3%;text-align: center;padding-inline: 4px;margin-block-start: 2.125em;}
#thanks .advice .contents {inline-size: min(320px,48.35%);box-sizing: border-box;outline: 4px solid #FFE957;outline-offset: -4px;padding-block-start: 1.25em;margin-block-end: 1em;}
#thanks .advice .contents .img {inline-size: min(95px,30%);}
#thanks .advice .contents:nth-of-type(2n) .img {transform: translateX(2px);}
#thanks .advice .contents .p_2 {font-size: 1.375em;margin-block: 0.1em 0.55em;}
#thanks .advice .contents .p_2 em.fb {font-size: 1em;}
#thanks .top_message .p_3 {font-size: 1.563em;letter-spacing: 0.03em;margin-block: 0.7em 1em;}

#thanks .user_voice {padding-inline: 0;padding-block-end: 1.5em;}
#thanks .user_voice .y_ttl {margin-block: 0 0.775em;font-size: 1.938em;text-align: center;padding-block: 0.5em;background-color: #FFE957;}
#thanks .user_voice .y_ttl .fa-comment-lines {color: #fff;font-size: 1.161em;margin-inline-end: 0.4em;transform: translateY(2px);}
#thanks .user_voice .y_ttl em.fb {font-size: 1em;}
#thanks .user_voice .voice_dl {inline-size: 93%;margin-inline: auto;display: table;margin-block: 0.825em;}
#thanks .user_voice .voice_dl .dt {display: table-cell;inline-size: min(8.55em,88.7px);box-sizing: border-box;padding: 1px 0 0 2px;}
#thanks .user_voice .voice_dl .dt .icon {inline-size: min(60px,70%);}
#thanks .user_voice .voice_dl .dd {position: relative;background-color: #fff;display: table-cell;vertical-align: top;font-size: 1.375em;border: 3px solid #FFE957;box-sizing: border-box;padding: 0.9% 2.25% 1.25% 2.25%;}
#thanks .user_voice .voice_dl .dd:before {content: "";position: absolute;background-color: #FFE957;clip-path: polygon(100% 1%, 0 50%, 100% 100%);inline-size:19px;block-size:28px;inset: 1em 100% auto auto;}
#thanks .user_voice .voice_dl .dd:after {content: "";position: absolute;background-color: #FFF;clip-path: polygon(100% 1%, 0 50%, 100% 100%);inline-size: 14px;block-size: 22px;inset: 1em 100% auto auto;transform: translateY(3px);}

#thanks .tel_contact {margin-block: 3.125em 3.25em;padding-block-end: 2.25em;}
#thanks .tel_contact .contact_ttl {font-size: 1.938em;text-align: center;margin-block: 0;border-bottom: 4px solid #FF6566;padding-block: 0.7em 0.3em;box-sizing: border-box;}
#thanks .tel_contact .contact_ttl .illust2 {position: absolute;inset:-1.65em auto auto -2.8em;inline-size: min(69px,21%);}
#thanks .tel_contact .contact_ttl em.fb {position: relative;}
#thanks .tel_contact .p_1 {font-size: 1.563em;text-align: center;transform: translateX(7px);margin-block: 1.45em 1.5em;}
#thanks .tel_contact a.tel {margin-inline: auto;display: block;inline-size: min(500px,75%);box-sizing: border-box;font-size: 2.188em;text-decoration: none;color: #000;border: 3px solid #00A328;text-align: center;padding-block: 0.55em;border-radius: 2.5em;box-shadow: 4px 4px 1px #DDD;padding-inline-start: 3px;}
#thanks .tel_contact a.tel .img {margin-inline-end: 0.3em;transform: translateY(4px);inline-size: min(66px,15%);}
#thanks .tel_contact a.tel em.fb {font-size: 1.085em;letter-spacing: 0.06em;line-height: 1em;}
#thanks .tel_contact .p_2 {text-align: center;font-size: 1.375em;letter-spacing: 0.06em;margin-block: 0.5em 0;}

#thanks .flow_cintents {padding-inline: 0;padding-block-end: 0.5em;}
#thanks .flow_ttl {margin-block: 0 1.125em;font-size: 1.938em;text-align: center;padding-block: 0.5em;background-color: #00A328;color: #fff;}
#thanks .flow_ttl .fa-clipboard-list-check {color: #fff;font-size: 1.161em;margin-inline-end: 0.4em;transform: translateY(2px);}
#thanks .flow_ttl em.fb {font-size: 1em;}
#thanks ol.flow_list {inline-size: 91.875%;margin-inline: auto;}
#thanks ol.flow_list li.list {}
#thanks ol.flow_list li.list .fa-caret-down {font-size: 4.313em;color: #FF6566;display: block;text-align: center;line-height: 0.5em;margin-block: 0.15em 0.2em;}
#thanks .flow_dl {}
#thanks .flow_dl .dt {margin-block-end: 1.05em;}
#thanks .flow_dl .dt .step {font-size: 1.5em;letter-spacing: 0.03em;background-color: #FF6566;color: #fff;padding-inline: 1.125em;border-radius: 1em;padding-block: 1px 4px;margin-inline-end: 1.25em;}
#thanks .flow_dl .dt em.fb {font-size: 1.75em;letter-spacing: 0.03em;}
#thanks .flow_dl .dd {position: relative;background-color: #EBF1F1;font-size: 1.375em;letter-spacing: 0.03em;box-sizing: border-box;padding: 1.5% 3.5% 3% 3.5%;line-height: 1.7em;}
#thanks .flow_cintents .p_1 {font-size: 1.750em;border: 3px solid #FF6566;inline-size: min(420px,70%);text-align: center;margin-inline: auto;padding-block: 0.2em 0.2em;border-radius: 2em;}
#thanks .flow_cintents .p_1 em.fb {font-size: 1em;letter-spacing: 0.03em;}

footer#footer.in_thanks {padding-block: 0;font-size: 1.125em;font-size: clamp(10px,2.344vw,18px);}
footer#footer.in_thanks p.p_1 {margin-block-start: 0;letter-spacing: 0.05em;}
footer#footer.in_thanks p.copy {font-size: 1.111em;}


footer#footer { border-bottom:solid 0.5em #00A328; background-color:#EBF1F1; padding: 9em 0 0 0; font-size: 0.8em; }
footer#footer a {color:#000; text-decoration:none; }
footer#footer p.copy { background-color:#FFFFFF; margin: 0; padding: 0.2em 0 0.2em 0; }

@media (min-width: 1px) and (max-width: 430px) {
    #thanks .top_message .p_1 {font-size: 1.7em;transform: translateX(0);inline-size: 100%;}
    #thanks .top_message .p_3 {font-size: 1.65em;}
    #thanks .top_message .p_1 br.small {display: none;}
    #thanks .top_message .p_3 br.small {display: none;}
    #thanks .top_message .ttl {padding: 1.075em 0 1em 4.25em;}
    #thanks .user_voice,#thanks .tel_contact,#thanks .flow_cintents {font-size: 1.125em;}
    #thanks .user_voice .voice_dl .dd,#thanks .flow_dl .dd {font-size: 1.5em;}
    #thanks .user_voice .y_ttl,#thanks .flow_ttl {font-size: 2.25em;}
}