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

.inner { width:96%; }
article.job.half { width: 44%; }
header#header dl.header_left dt { width:16vw; }
header#header .header_right ul { padding: 2.5vw 0em 2.5vw 1em; }
header#header .header_right div.tel { font-size:1.5em; width:9.5em; }
header#header .header_right div.tel img { width:2em; }
header#header nav ul.inner li.left:first-child { border-left:none; }
header#header nav ul.inner li.left.end { border-right:none; }

section#main_visual { font-size:0.8em; }
section#main_visual .half h2 { font-size:3em; }
section#main_visual .half h2::before { left: 0; }
section#main_visual .half h2::after { right: 0; }
section#main_visual .inner::before {
    animation: main_inner_before 1.2s;
    position: absolute;
    bottom: -13em;
    left: 0;
    content: "";
    background-image: url(../img/top/main_before.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 10em;
    height: 10em;
}
section#main_visual .inner::after {
    animation: main_inner_after 1.2s;
    position: absolute;
    bottom: -8em;
    right: 1em;
    content: "";
    background-image: url(../img/top/main_after.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12em;
    height: 12em;
}


section#top_area dl.area_list.hokkaido { right:1vw; }
section#top_area dl.area_list.tohoku { right:1vw; }
section#top_area dl.area_list.kanto { right:1vw; }
section#top_area dl.area_list.tokai { right:1vw; }

section#top_area dl.area_list.kyusyu { left:1vw; }

aside.subscription .subscription_box { font-size:0.9em; }
aside.subscription .subscription_box .stroke::after { top: -5.6em; right: 0.5em; width: 12.3em; height: 8.3em; }
aside.subscription .subscription_box a.entry_btn { font-size: 1.5em; width: 12.94em; padding: 0.8em; margin: 0 0.8em 1em 0.8em; }
aside.subscription .subscription_box a.tel_btn { font-size: 1.9em; line-height: 0.8em; width: 9.78em; padding: 0.2em 0.8em 0.6em 0.8em; margin: 0 0.8em 1em 0.8em; }
aside.subscription .subscription_box a.tel_btn img { width: 1.8em; }


a.set em { font-size: 1.3em; }
.keyword_box dd input { width: 20em; }

dl.job_offer dt { width: 10em; }


section.feature .feature_text2 { width: 96%; }

section.worry.before1::before { width: 7em; height: 11em; }
section.worry.before2::before { width: 12em; height: 9.5em; }
section.worry.before3::before { width: 12em; height: 7.9em; }


section.worry::after { width: 10em; height: 9.1em; }


section.worry dl.circle { margin: 1.5em 1em 1.5em 1em; }

section.voice a.more {width: 13.5em;}
section.flow figure.flow_box { margin: 0 0 0 0; }
section.flow a.more {font-size: 1.2em;width: 13.5em;}
section.description a.more {font-size: 1.2em;width: 13.5em;}
section#top_service a.more {width: 13.5em;}

section.summary a.more {font-size:1.2em;width: 13.5em;}

section.flow dl.step_box.after::after { top: 1.3em; font-size: 2.5em; }

article.voice_detail dl.score dd em.asse { font-family:'Noto Sans JP',Meiryo,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Verdana,sans-serif;font-weight: bold;vertical-align: bottom;}

article.voice_detail dl.header dd.prf { padding: 0 0 0 5em; }


section.job_detail div.recruitment{
	width:100%;
}
section.job_detail div.trip{
	width:100%;
}
a.more{
	width: calc( 100% - 3em);
}

/* ---20221110--- */
article#survey_area .img_pc {display: block;}
article#survey_area .img_res {display: none;}
article#survey_area dd.img_box {width: min(403px,32%);bottom: 0;right: 0%;}
article#survey_area .img_box2 {width: min(180px,15%);right: -15.5%;}

@media (min-width: 768px) and (max-width: 1079px) {
	body { font-size:14px; }
	
	:root {--h-size: 7em;}
	section#top_area dl.area_list.hokuriku { left:41vw; }
	section#top_area dl.area_list.kansai { left:41vw; }
	section#top_area dl.area_list.shikoku { left:22vw; }
	section#top_area dl.area_list.chugoku { left:22vw; }
	
	article.voice_detail dl.score dt { font-size:0.9em;width: 15em; }
	article.voice_detail dl.score dd { font-size:1.5em; }
	
	article.job.half { width: 43%; font-size: 0.9em; margin: 0 0 4vw 0; }
	
	
	
	figure.third { min-height:19em; }
	
	a.set ,.keyword_box dt { font-size:0.9em; }
	a.set em { font-size:1.16em; }
	
	dl.job_offer dt { width: 6em; }
	#secret div.caption { left:30%; right:70%; }
	#secret a.entry_btn { top:11em; left: 25%; right: 75%; font-size: 1.4em; }
	#secret div.caption::after { right: -17em; width: 11em; height: 15.5em; }
	
	section.feature .feature_text2 { text-align:left; }
	
	section.worry.before1::before,section.worry.before2::before,section.worry.before3::before { bottom: 23%; width: 6em; height: 9em; }
	/*
	section.worry.before2::before { bottom: 23%; width: 10em; height: 8em; }
	section.worry.before3::before { bottom: 23%; width: 10em; height: 6.7em; }
	*/
	
	section.worry::after { top: -2em; width: 8em; height: 7.4em; }
	
	section.flow figure.flow_box figcaption.text dl dt { font-size: 1.2em; }
	
	section.flow dl.step_box { width:calc(17% - 1em) }
	section.flow dl.step_box dd { font-size: 0.8em; }
	
	section.flow dl.step_box.after::after { top: 2.5em; font-size: 1.5em; }
	
	section.description div.introduce dl.introduce_box dd img.sum { margin: 0 0 0 0; }
	
	.private_box div.sum { margin: -3em auto 0 auto; }
	.private_box div.sum img { width: 55%; }

	/* ---20221110--- */
	article#survey_area dd.img_box {width: min(403px,26%);bottom: 0;right: 0%;}
	article#survey_area .img_box2 {width: min(180px,16%);bottom: -80%;right: 0;}
	article#survey_area .img_pc {display: none;}
	article#survey_area .img_res {display: block;}
}