@charset "UTF-8";


/*****************************************************
 共通 
*****************************************************/
html{
	font-size: 62.5%;
}
body{
	margin:0;
	padding:0;
	font-size:20px;
	font-size:2.0rem;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#000;
}
div,p,span,object,iframe,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video,
table,tr,td,th,tbody,tfoot,thead{
	font-size:20px;
	font-size:2.0rem;
	line-height:1;
	margin:0;
}
/* wrapper 
------------------------------------------------- */
.wrapper{
	width:10197px;
}
/* allwrap 
------------------------------------------------- */
.allwrap{
	background:#ffe300;
	height:800px;
	margin:5vh 0 0;
	display:flex;
	box-shadow:20px 15px 20px 0px #8f7602;
	transition:transform 0.6s ease-out;
	animation:show 1s both;
}
/* 画像 
------------------------------------------------- */
img{
	max-width:100%;
	width:auto;
	display:inline;
	vertical-align:bottom;
	margin:0;
	padding:0;
}
/* セクション 
------------------------------------------------- */
.section{
	width:auto;
	overflow:visible;
	box-sizing:border-box;
}


/*****************************************************
 ヘッダー 
*****************************************************/
/* スマホヘッダー 
------------------------------------------------- */
.sp-head{
	display:none;
}
/* ヘッダー 
------------------------------------------------- */
.header{
	background:#d5131c;
	width:100%;
	color:#fff;
	padding:18px 60px 19px;
	display:flex;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
}
.head-inner{
	display:flex;
}
.head-nav-ttl{
	border-right:4px solid #fff;
	font-size:18px;
	font-size:1.8rem;
	padding:0 30px 0 0;
}
.head-nav ul{
	display:flex;
}
.head-nav ul li{
	font-size:18px;
	font-size:1.8rem;
	margin:0 0 0 35px;
}
.head-nav ul li a{
	color:inherit;
}
.head-nav ul li.nav-summary,
.head-nav ul li.nav-home{
	display:none;
}


/*****************************************************
 グローバルナビ 
*****************************************************/
.gnav{
	top:9.39vh;
}


/*****************************************************
 ファーストビュー 
*****************************************************/
.firstview{
	background:#fefefe;
	/*width:850px;*/
	padding:0 160px 0 0;
	position:relative;
	overflow:hidden;
}
.firstview:before,
.firstview:after{
	content:'';
	width:0;
	height:0;
	display:block;
	position:absolute;
	right:0;
	z-index:0;
}
.firstview:before{
	border-left:160px solid transparent;
	border-top:400px solid #ffe300;
	top:0;
}
.firstview:after{
	border-left:160px solid transparent;
	border-bottom:400px solid #ffe300;
	bottom:0;
}
/* タイトル 
------------------------------------------------- */
.firstview-ttl{
	background:#d5131c;
	color:#fff;
	padding:26px 38px;
	position:relative;
}
.firstview-ttl:before{
	content:'';
	background:#d5131c;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	right:-100%;
	z-index:-1;
}
/* 画像 
------------------------------------------------- */
.firstview-mainimg{
	margin:12px 0 0 75px;
}


/*****************************************************
 会社のこと 
*****************************************************/
.company{
	background:#ffc31b;
	/*width:2852px;*/
	padding:0 153px 0 0;
	position:relative;
	z-index:3;
}
.company-inner{
	background:#ffe300;
	height:100%;
	padding:40px 0 25px 30px;
}
.company:before{
	content:'';
	border-top:400px solid transparent;
	border-bottom:400px solid transparent;
	border-left:153px solid #ffe300;
	width:0;
	height:0;
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}
/* タイトル 
------------------------------------------------- */
.company-ttl{
	margin:0 0 20px;
}
.company-ttl img + img{
	margin:0 0 0 7px;
}
/* ブロック 
------------------------------------------------- */
.company-block{
	display:flex;
}
.company-block .block{
	border-left:2px solid #fff;
	padding:20px 28px 65px 23px;
}
/* ----- 各タイトル ----- */
.company-block .block .block-ttl{
	margin:0 0 30px;
	padding:0 30px 10px;
	position:relative;
	z-index:0;
}
.company-block .block .block-ttl:before{
	content:'';
	background:url('../images/sp_recruit/block_ttl_bg.png') repeat-x left center;
	width:100%;
	height:17px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
}
/* ----- 各コンテンツ ----- */
.company-block .block_1 .block-content{
	padding:0 52px 0 34px;
}
.company-block .block_2 .block-content{
	padding:0 72px 0 45px;
}
.company-block .block_3 .block-content{
	padding:0 48px 0 50px;
}
.company-block .block_4 .block-content{
	padding:0 80px 0 40px;
}
/* ----- ボタン ----- */
.morebtn{
	border-radius:10px;
	background:url('../images/sp_recruit/morebtn_bg.png') repeat 0 0;
	width:500px;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:90px;
	margin:0 auto;
}
.morebtn a{
	color:inherit;
	display:block;
}
/* ----- 何をやってる会社なの？ ----- */
.whatlist li{
	border-radius:10px;
	background:#fffce9;
	padding:12px 38px 14px;
	display:flex;
	align-items:center;
}
.whatlist li + li{
	margin:18px 0 0;
}
.whatlist li span{
	margin:0 27px 0 0;
}
.whatlist li img.sp{
	display:none;
}
/* ----- 大事にしていることは？ ----- */
.important-dl dt{
	padding:0 15px 10px;
	position:relative;
	z-index:0;
}
.important-dl dt:before{
	content:'';
	background:#d5131c;
	width:100%;
	height:30px;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
}
.important-dl dd{
	line-height:1.5;
	padding:20px 15px 0;
}
.important-dl + .important-dl{
	margin:40px 0 0;
}
/* ----- 会社をひと言で表すなら？ ----- */
.company-block .block_3 .block-content{
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
.company-block .block_3 .questionnaire-img{
	text-align:center;
}
.company-block .block_3 .questionnaire-img figure{
	width:100%;
}
.company-block .block_3 .questionnaire-img .caption{
	width:100%;
	margin:30px 0 0;
}
/* ----- 瞬間を、仲間と喜び合う ----- */
.company-block .block_4 .block-content{
	margin:45px 0 0;
}
.happylist{
	margin:30px 0 45px;
}
.happylist li{
	line-height:1.5;
	letter-spacing:0.06em;
	padding:0 0 0 1em;
}
.happylist li:before{
	content:'●';
	font-size:inherit;
	color:#d5131c;
	margin:0 0 0 -1em;
}


/*****************************************************
 見学・体験 
*****************************************************/
.experience{
	background:url('../images/sp_recruit/natural_bg.png') repeat 0 0;
	/*width:2050px;*/
	/*padding:40px 240px 55px 0;*/
	padding:40px 240px 55px 0;
	position:relative;
}
.experience:before,
.experience:after{
	content:'';
	width:0;
	height:0;
	display:block;
	position:absolute;
	right:0;
	z-index:0;
}
.experience:before{
	border-left:153px solid transparent;
	border-top:400px solid #ffe300;
	top:0;
}
.experience:after{
	content:'';
	border-left:153px solid transparent;
	border-bottom:400px solid #ffe300;
	bottom:0;
}
.experience-contents{
	height:100%;
	display:flex;
}
/* タイトル 
------------------------------------------------- */
.experience-ttl{
	margin:0 0 20px;
}
.experience-ttl img + img{
	margin:0 0 0 28px;
}
/* サブタイトル 
------------------------------------------------- */
.experience-subttl{
	text-align:center;
}
/* テキスト画像 
------------------------------------------------- */
.experience-contents .txtimg{
	margin:20px 0 25px;
}
/* 宮崎県外やUIJターンの方 
------------------------------------------------- */
.experience-uij{
	width:537px;
	padding:0 0 0 40px;
}
.experience-uij:before,
.experience-uij:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	z-index:-1;
}
.experience-uij:before{
	background:#ffc31b;
	width:593px;
	height:100%;
	left:0;
}
.experience-uij:after{
	background:url('../images/sp_recruit/wave_bg.png') no-repeat left center;
	background-size:100% auto;
	-webkit-background-size:100% auto;
	width:54px;
	height:100%;
	left:593px;
}
/* ----- タイトル ----- */
.experience-uij .experience-subttl{
	margin:0 0 30px;
}
/* ----- テキスト ----- */
.experience-uij p{
	text-align:justify;
	line-height:1.6;
}
/* 宮崎県在住の方 
------------------------------------------------- */
.experience-resident{
	width:509px;
	margin:0 0 0 193px;
}
/* ----- タイトル ----- */
.experience-resident .experience-subttl{
	margin:0 0 16px;
}
.experience-resident .experience-subttl-2{
	font-size:29px;
	font-size:2.9rem;
	font-weight:bold;
	color:#82c201;
	line-height:1;
	margin:0 0 26px;
}
/* ----- テキスト ----- */
.experience-resident p{
	line-height:1.6;
}
/* お申し込み 
------------------------------------------------- */
.experience-apply{
	margin:0 0 0 80px;
}
/* ----- 画像 ----- */
.experience-apply-img{
	text-align:center;
}
/* ----- 見出し ----- */
.experience-apply .ttl{
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	color:#d5131c;
	text-align:center;
	margin:10px 0 14px;
	position:relative;
}
/* ----- 矢印 ----- */
.experience-apply .ttl:after{
	content:'';
	border-right:89px solid transparent;
	border-left:89px solid transparent;
	border-top:35px solid #d5131c;
	width:0;
	height:0;
	margin:10px auto 0;
	display:block;
}
/* ----- ボタン ----- */
.experience-apply .morebtn span{
	background:url('../images/sp_recruit/mailicon.png') no-repeat left center;
	background-size:55px auto;
	-webkit-background-size:55px auto;
	font-size:inherit;
	padding:4px 0 5px 70px;
}
/* ----- 電話 ----- */
.experience-apply .telblock{
	border-top:4px solid #d5131c;
	border-bottom:4px solid #d5131c;
	background:#fff;
	color:#d5151e;
	text-align:center;
	margin:24px 0 0;
	padding:26px 22px 12px;
}
.experience-apply .telblock-tel{
	background:url('../images/sp_recruit/telicon.png') no-repeat left center;
	background-size:76px auto;
	-webkit-background-size:76px auto;
	text-align:left;
	padding:0 0 0 90px;
}
.experience-apply .telblock-tel .txt{
	font-size:26px;
	font-size:2.6rem;
}
.experience-apply .telblock-tel .num{
	font-size:26px;
	font-size:2.6rem;
	font-weight:bold;
	margin:14px 0 0;
}
.experience-apply .telblock-tel .num span{
	font-size:40px;
}
.experience-apply .telblock-txt{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.7;
	margin:14px 0 0;
}


/*****************************************************
 社員の1日 
*****************************************************/
.schedule{
	background:url('../images/sp_recruit/natural_bg.png') repeat 0 0;
	/*width:836px;*/
	padding:0 153px 0 0;
	position:relative;
	z-index:3;
}
.schedule-inner{
	background:#ffe300;
	height:100%;
	padding:40px 68px 50px 0;
}
.schedule:before{
	content:'';
	border-top:400px solid transparent;
	border-bottom:400px solid transparent;
	border-left:153px solid #ffe300;
	width:0;
	height:0;
	display:block;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}
/* タイトル 
------------------------------------------------- */
.schedule-ttl{
	margin:0 0 30px;
}
.schedule-ttl img + img{
	margin:0 0 0 25px;
}
/* 画像 
------------------------------------------------- */
.schedule-img{
	text-align:center;
	padding:0 60px;
}


/*****************************************************
 将来の自分 
*****************************************************/
.future{
	background:url('../images/sp_recruit/natural_bg.png') repeat 0 0;
	/*width:908px;*/
	padding:40px 290px 55px 0;
	position:relative;
}
.future:before,
.future:after{
	content:'';
	width:0;
	height:0;
	display:block;
	position:absolute;
	right:0;
	z-index:0;
}
.future:before{
	border-left:153px solid transparent;
	border-top:400px solid #ffc31b;
	top:0;
}
.future:after{
	border-left:153px solid transparent;
	border-bottom:400px solid #ffc31b;
	bottom:0;
}
/* タイトル 
------------------------------------------------- */
.future-ttl{
	margin:0 0 30px;
}
.future-ttl img + img{
	margin:0 0 0 20px;
}
/* 画像 
------------------------------------------------- */
.future-img{
	text-align:right;
	margin:0 0 55px;
}
/* ボタン 
------------------------------------------------- */
.future .morebtn{
	margin:0 0 0 auto;
}


/*****************************************************
 将来の自分 
*****************************************************/
.voice{
	/*width:2050px;*/
	display:flex;
}
.voice-inner{
	background:#ffc31b;
	height:100%;
	padding:40px 0;
	position:relative;
	z-index:3;
}
.voice-inner:before{
	content:'';
	border-top:137px solid transparent;
	border-bottom:137px solid transparent;
	border-left:110px solid #ffc31b;
	margin:-137px 0 0;
	display:block;
	position:absolute;
	top:50%;
	right:-110px;
	z-index:0;
}
/* タイトル 
------------------------------------------------- */
.voice-ttl{
	margin:0 0 30px;
}
.voice-ttl img + img{
	margin:0 0 0 15px;
}
/* voice-contents 
------------------------------------------------- */
.voice-contents{
	padding:0 93px 0 50px;
	display:flex;
}
.voice-contents-inner + .voice-contents-inner{
	margin:0 0 0 50px;
}
/* item 
------------------------------------------------- */
.voice-contents .item{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.voice-contents .item:nth-child(even){
	flex-flow:row-reverse;
}
.voice-contents .item + .item{
	margin:5px 0 0;
}
.voice-contents .item .img{
	width:210px;
	margin:0 20px 0 0;
}
.voice-contents .item .img img{
	width:100%;
}
.voice-contents .item:nth-child(even) .img{
	margin:0 0 0 20px;
}
.voice-contents .item .txt{
	width:370px;
	font-size:19px;
	font-size:2.1rem;
	line-height:1.4;
	text-align:justify;
	padding:15px 12px;
	position:relative;
}
.voice-contents .item .txt:before,
.voice-contents .item .txt:after{
	content:'';
	width:61px;
	height:58px;
	display:block;
	position:absolute;
	z-index:0;
}
.voice-contents .item .txt:before{
	background:url('../images/sp_recruit/voice_item_bg.png') no-repeat left top;
	background-size:contain;
	-webkit-background-size:contain;
	top:0;
	left:0;
}
.voice-contents .item .txt:after{
	background:url('../images/sp_recruit/voice_item_bg_2.png') no-repeat right bottom;
	background-size:contain;
	-webkit-background-size:contain;
	bottom:0;
	right:0;
}
/* 会社内で飛び交っている言葉No.1 
------------------------------------------------- */
.voice-word{
	background:url('../images/sp_recruit/natural_bg.png') repeat 0 0;
	width:780px;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.voice-word .txt{
	font-size:24px;
	font-size:2.4rem;
	margin:30px 0 65px;
}


/*****************************************************
 募集概要 
*****************************************************/
.summary{
	/*width:660px;*/
	display:flex;
}
/* お問い合わせ情報 
------------------------------------------------- */
.summary-info{
	background:#ffc31b;
}
/* ----- ボタン ----- */
.summary-info .btnarea{
	background:#fff;
	padding:24px 0;
}
/* ----- タイトル ----- */
.summary-info .infoarea{
	padding:30px 50px 50px;
}
.summary-info .infoarea .infoarea-ttl{
	border-top:3px solid #6d1e21;
	border-bottom:3px solid #6d1e21;
	font-size:27px;
	font-size:2.7rem;
	color:#6d1e21;
	text-align:center;
	line-height:1.4;
	letter-spacing:0.1em;
	padding:20px 0;
}
.summary-info .infoarea .infoarea-ttl span{
	font-size:36px;
	font-size:3.6rem;
	font-weight:bold;
	line-height:1.1;
	margin:5px 0 0;
}
/* ----- お問い合わせ情報 ----- */
.summary-info .infoarea dl{
	color:#333;
	margin:17px 0 0;
}
.summary-info .infoarea dl dt{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.3;
}
.summary-info .infoarea dl dd{
	font-size:22px;
	font-size:2.2rem;
	line-height:1.4;
}


@media screen and (max-width: 900px) and (min-width: 769px){
	/*****************************************************
	 ヘッダー 
	*****************************************************/
	/* ヘッダー 
	------------------------------------------------- */
	.header{
		padding:18px 30px 19px;
	}
	.head-nav-ttl{
		font-size:17px;
		font-size:1.7rem;
		padding:0 25px 0 0;
	}
	.head-nav ul li{
		font-size:17px;
		font-size:1.7rem;
		margin:0 0 0 25px;
	}
}


@media screen and (max-width: 768px){
	/*****************************************************
	 共通 
	*****************************************************/
	body{
		font-size:3.12vw;
	}
	div,p,span,object,iframe,blockquote,pre,
	abbr,address,cite,code,
	del,dfn,em,img,ins,kbd,q,samp,
	small,strong,sub,sup,var,
	b,i,
	dl,dt,dd,ol,ul,li,
	fieldset,form,label,legend,
	article,aside,canvas,details,figcaption,figure, 
	footer,header,hgroup,menu,nav,section,summary,
	time,mark,audio,video,
	table,tr,td,th,tbody,tfoot,thead{
		font-size:3.12vw;
		line-height:1;
		margin:0;
	}
	/* wrapper 
	------------------------------------------------- */
	.wrapper{
		width:auto;
		padding:0;
	}
	/* allwrap 
	------------------------------------------------- */
	.allwrap{
		height:auto;
		margin:0;
		display:block;
		box-shadow:none;
		/*transition:transform 0.6s ease-out;
		animation:show 1s both;*/
	}


	/*****************************************************
	 ヘッダー 
	*****************************************************/
	/* スマホヘッダー 
	------------------------------------------------- */
	.sp-head{
		display:flex;
		align-items:center;
	}
	.sp-head .navicon{
		background:#d5131c;
		width:11.6vw;
		height:11.6vw;
	}
	.sp-head .homebtn{
		border-left:0.15vw solid #fff;
		border-right:0.15vw solid #fff;
		position:absolute;
		top:0;
		right:11.75vw;
		z-index:5;
	}
	.sp-head .homebtn a{
		height:100%;
		display:block;
	}
	.sp-head .homebtn img{
		width:100%;
	}
	.sp-head .spnav-btn{
		padding:3vw 0 0;
		position:fixed;
		top:0;
		right:0;
		z-index:10;
		cursor:pointer;
	}
	.sp-head .spnav-btn span{
		background:#fff;
		width:6.25vw;
		height:0.78vw;
		margin:0 auto;
		display:block;
		transition:all 0.3s ease-out;
	}
	.sp-head .spnav-btn span + span{
		margin:1.4vw auto 0;
	}
	.sp-head .spnav-btn.open span:nth-child(1){
		transform:translateY(2.18vw) rotate(-45deg);
		-webkit-transform:translateY(2.18vw) rotate(-45deg);
	}
	.sp-head .spnav-btn.open span:nth-child(2){
		opacity:0;
	}
	.sp-head .spnav-btn.open span:nth-child(3){
		transform:translateY(-2.18vw) rotate(45deg);
		-webkit-transform:translateY(-2.18vw) rotate(45deg);
	}
	/* ヘッダー 
	------------------------------------------------- */
	.header{
		height:100vh;
		text-align:center;
		padding:0 6.25vw;
		align-items:center;
		display:none;
	}
	.header.open{
		display:flex;
	}
	.head-inner{
		width:100%;
		display:block;
	}
	.head-nav-ttl{
		border-right:none;
		border-bottom:4px solid #fff;
		font-size:3.75vw;
		margin:0 0 11.71vw;
		padding:0 0 2.34vw;
	}
	.head-nav ul{
		display:block;
	}
	.head-nav ul li{
		font-size:5vw;
		margin:0;
	}
	.head-nav ul li + li{
		margin:1em 0 0;
	}
	.head-nav ul li.nav-summary,
	.head-nav ul li.nav-home{
		width:100%;
		line-height:15.15vw;
		display:block;
	}
	.head-nav ul li.nav-summary{
		background:#fff;
		color:#e60012;
		margin:10.15vw 0 0;
	}
	.head-nav ul li.nav-home{
		border:0.625vw solid #fff;
		margin:4.68vw 0 0;
	}
	.head-nav ul li.nav-summary a,
	.head-nav ul li.nav-home a{
		display:block;
	}


	/*****************************************************
	 グローバルナビ 
	*****************************************************/
	.gnav{
		display:none;
	}


	/*****************************************************
	 ファーストビュー 
	*****************************************************/
	.firstview{
		padding:0;
		overflow:visible;
	}
	.firstview:before,
	.firstview:after{
		display:none;
	}
	/* タイトル 
	------------------------------------------------- */
	.firstview-ttl{
		padding:3.12vw 6.25vw;
		position:relative;
	}
	.firstview-ttl:before{
		display:none;
	}
	.firstview-ttl img{
		width:50.78vw;
	}
	/* 画像 
	------------------------------------------------- */
	.firstview-mainimg{
		margin:0;
		padding:4.68vw 4.06vw 1.56vw 3.75vw;
	}
	.firstview-mainimg img{
		width:100%;
	}


	/*****************************************************
	 会社のこと 
	*****************************************************/
	.company{
		background:#ffe300;
		padding:11.71vw 0 0;
		z-index:0;
	}
	.company:before{
		content:'';
		border-left:50vw solid transparent;
		border-right:50vw solid transparent;
		border-top:33.59vw solid #fff;
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
	}
	.company-inner{
		background:transparent;
		height:auto;
		padding:0;
	}
	/* タイトル 
	------------------------------------------------- */
	.company-ttl{
		text-align:center;
		margin:0 0 15.62vw;
	}
	.company-ttl img{
		height:9.06vw;
		margin:0 auto;
		display:block;
	}
	.company-ttl img + img{
		margin:0 auto;
	}
	/* ブロック 
	------------------------------------------------- */
	.company-block{
		display:block;
	}
	.company-block .block{
		border-left:none;
		padding:0;
	}
	.company-block .block + .block{
		margin:14.06vw 0 0;
	}
	/* ----- 各タイトル ----- */
	.company-block .block .block-ttl{
		background:url('../images/sp_recruit/block_ttl_bg.png') repeat 0 0;
		text-align:center;
		line-height:10.31vw;
		margin:0 0 2.81vw;
		padding:0;
	}
	.company-block .block_1 .block-ttl{
		margin:0 0 17.96vw;
	}
	.company-block .block_2 .block-ttl{
		margin:0 0 10.93vw;
	}
	.company-block .block_4 .block-ttl{
		margin:0 0 6.25vw;
	}
	.company-block .block .block-ttl:before{
		display:none;
	}
	.company-block .block .block-ttl img{
		vertical-align:middle;
	}
	.company-block .block_1 .block-ttl img{
		width:62.18vw;
	}
	.company-block .block_2 .block-ttl img{
		width:59.68vw;
	}
	.company-block .block_3 .block-ttl img{
		width:69.37vw;
	}
	.company-block .block_4 .block-ttl img{
		width:65.15vw;
	}
	/* ----- 各コンテンツ ----- */
	.company-block .block_1 .block-content{
		padding:0 10.93vw;
	}
	.company-block .block_2 .block-content{
		padding:0 6.25vw;
	}
	.company-block .block_3 .block-content{
		padding:0;
	}
	.company-block .block_4 .block-content{
		padding:0 10.93vw;
	}
	/* ----- ボタン ----- */
	.morebtn{
		border-radius:1.56vw;
		width:78.12vw;
		font-size:5.62vw;
		line-height:17.81vw;
	}
	/* ----- 何をやってる会社なの？ ----- */
	.whatlist li{
		border-radius:1.56vw;
		padding:10.93vw 3.12vw 3.12vw;
		display:block;
		position:relative;
	}
	.whatlist li + li{
		margin:14.84vw 0 0;
	}
	.whatlist li span{
		width:16.87vw;
		margin:0 0 1.87vw -8.75vw;
		display:block;
		position:absolute;
		top:-9.37vw;
		left:50%;
		z-index:0;
	}
	.whatlist li span img{
		width:100%;
	}
	.whatlist li img.pc{
		display:none;
	}
	.whatlist li img.sp{
		margin:0 auto;
		display:block;
	}
	.whatlist li:nth-child(1) img{
		width:55.31vw;
	}
	.whatlist li:nth-child(2) img{
		width:63.12vw;
	}
	.whatlist li:nth-child(3) img{
		width:61.25vw;
	}
	.whatlist li:nth-child(4) img{
		width:57.03vw;
	}
	/* ----- 大事にしていることは？ ----- */
	.important-dl dt{
		text-align:center;
		padding:0 1.56vw 1.87vw;
	}
	.important-dl dt:before{
		height:4.68vw;
	}
	.important_1 dt img{
		width:53.75vw;
	}
	.important_2 dt img{
		width:79.68vw;
	}
	.important_3 dt img{
		width:73.43vw;
	}
	.important-dl dd{
		padding:3.9vw 0 0;
	}
	.important-dl + .important-dl{
		margin:9.37vw 0 0;
	}
	/* ----- 会社をひと言で表すなら？ ----- */
	.company-block .block_3 .block-content{
		height:auto;
		display:block;
	}
	.company-block .block_3 .questionnaire-img{
		display:flex;
		flex-wrap:wrap;
	}
	.company-block .block_3 .questionnaire-img figure{
		order:2;
	}
	.company-block .block_3 .questionnaire-img figure img{
		width:80.31vw;
	}
	.company-block .block_3 .questionnaire-img .caption{
		margin:0 0 10.15vw;
		order:1;
	}
	.company-block .block_3 .questionnaire-img .caption img{
		width:25.46vw;
	}
	/* ----- 瞬間を、仲間と喜び合う ----- */
	.company-block .block_4 .block-content{
		margin:0;
	}
	.happy-img{
		width:74.84vw;
		margin:0 auto;
	}
	.happy-img img{
		width:100%;
	}
	.happylist{
		margin:6.25vw 0 10.93vw;
	}


	/*****************************************************
	 見学・体験 
	*****************************************************/
	.experience{
		background:#ffc31b;
		padding:11.71vw 0 0;
	}
	.experience:before{
		border-left:50vw solid transparent;
		border-right:50vw solid transparent;
		border-top:33.59vw solid #ffe300;
		position:absolute;
		top:0;
		z-index:-1;
	}
	.experience:after{
		display:none;
	}
	.experience-contents{
		height:auto;
		display:block;
	}
	/* タイトル 
	------------------------------------------------- */
	.experience-ttl{
		text-align:center;
		margin:0 0 15.62vw;
	}
	.experience-ttl img{
		height:8.9vw;
		margin:0 auto;
		display:block;
	}
	.experience-ttl img + img{
		margin:0 auto;
	}
	/* テキスト画像 
	------------------------------------------------- */
	.experience-contents .txtimg{
		margin:4.68vw 0 5.46vw;
	}
	/* 宮崎県外やUIJターンの方 
	------------------------------------------------- */
	.experience-uij{
		width:auto;
		padding:0 11.175vw;
		position:relative;
	}
	.experience-uij:before{
		display:none;
	}
	.experience-uij:after{
		background:url('../images/sp_recruit/wave_bg_sp.png') no-repeat left center;
		background-size:100% auto;
		-webkit-background-size:100% auto;
		width:100%;
		height:11.56vw;
		left:0;
		top:auto;
		bottom:-11.56vw;
		z-index:0;
	}
	/* ----- タイトル ----- */
	.experience-uij .experience-subttl{
		margin:0 0 4.68vw;
	}
	.experience-uij .experience-subttl img{
		width:71.87vw;
	}
	/* ----- テキスト画像 ----- */
	.experience-uij .txtimg img{
		width:74.84vw;
	}
	/* 宮崎県在住の方 
	------------------------------------------------- */
	.experience-resident{
		background: url(../images/sp_recruit/natural_bg.png) repeat 0 0;
		width:auto;
		margin:0;
		padding:24.21vw 0 4.68vw;
	}
	/* ----- タイトル ----- */
	.experience-resident .experience-subttl{
		margin:0 0 3.12vw;
	}
	.experience-resident .experience-subttl img{
		width:46.25vw;
	}
	.experience-resident .experience-subttl-2{
		font-size:4.68vw;
		text-align:center;
		margin:0 0 5.46vw;
		padding:0;
	}
	/* ----- 画像 ----- */
	.experience-resident figure img{
		width:100%;
	}
	/* ----- テキスト画像 ----- */
	.experience-resident .txtimg{
		padding:0 9.37vw 0 12.5vw;
	}
	.experience-resident .txtimg img{
		width:78.9vw;
	}
	/* ----- テキスト ----- */
	.experience-resident p{
		padding:0 9.37vw 0 12.5vw;
	}
	/* お申し込み 
	------------------------------------------------- */
	.experience-apply{
		background: url(../images/sp_recruit/natural_bg.png) repeat 0 0;
		margin:0;
	}
	/* ----- 画像 ----- */
	.experience-apply-img{
		display:none;
	}
	/* ----- 見出し ----- */
	.experience-apply .ttl{
		border:0.31vw solid #db363e;
		background:#fff;
		width:78.12vw;
		font-size:4.53vw;
		margin:0 auto 8.9vw;
		padding:2.18vw 3.43vw;
		position:relative;
	}
	/* ----- 矢印 ----- */
	.experience-apply .ttl:after{
		border:none;
		background:url('../images/sp_recruit/arrow.png') no-repeat center center;
		background-size:contain;
		-webkit-background-size:contain;
		width:5.93vw;
		height:5vw;
		margin:0 0 0 -2.96vw;
		position:absolute;
		bottom:-6.87vw;
		left:50%;
		z-index:0;
	}
	/* ----- ボタン ----- */
	.experience-apply .morebtn span{
		background-size:10.46vw auto;
		-webkit-background-size:10.46vw auto;
		padding:1.25vw 0 1.25vw 12.5vw;
	}
	/* ----- 電話 ----- */
	.experience-apply .telblock{
		display:none;
	}


	/*****************************************************
	 社員の1日 
	*****************************************************/
	.schedule{
		background:#ffe300;
		padding:14.84vw 0 3.12vw;
	}
	.schedule:before{
		border:none;
		background:url('../images/sp_recruit/natural_bg.png') repeat 0 0;
		width:100vw;
		height:33.59vw;
		z-index:-1;
	}
	.schedule-inner{
		background:transparent;
		height:auto;
		padding:0;
	}
	.schedule-inner:before,
	.schedule-inner:after{
		content:'';
		width:50vw;
		height:33.59vw;
		display:block;
		position:absolute;
		top:0;
		z-index:-1;
	}
	.schedule-inner:before{
		border-right:50vw solid transparent;
		border-bottom:33.59vw solid #ffe300;
		left:0;
	}
	.schedule-inner:after{
		border-left:50vw solid transparent;
		border-bottom:33.59vw solid #ffe300;
		right:0;
	}
	/* タイトル 
	------------------------------------------------- */
	.schedule-ttl{
		margin:0 0 11.71vw;
	}
	.schedule-ttl img{
		height:7.18vw;
		margin:0 auto;
		display:block;
	}
	.schedule-ttl img + img{
		margin:0 auto;
	}
	/* 画像 
	------------------------------------------------- */
	.schedule-img{
		width:75.78vw;
		margin:0 auto;
		padding:0;
	}
	.schedule-img img{
		width:100%;
	}


	/*****************************************************
	 将来の自分 
	*****************************************************/
	.future{
		padding:11.71vw 0 2.34vw;
	}
	.future:before{
		border-left:50vw solid transparent;
		border-right:50vw solid transparent;
		border-top:33.59vw solid #ffe300;
		z-index:-1;
	}
	.future:after{
		display:none;
	}
	/* タイトル 
	------------------------------------------------- */
	.future-ttl{
		margin:0 0 10.93vw;
	}
	.future-ttl img{
		height:8.9vw;
		margin:0 auto;
		display:block;
	}
	.future-ttl img + img{
		margin:0 auto;
	}
	/* 画像 
	------------------------------------------------- */
	.future-img{
		width:75.46vw;
		text-align:center;
		margin:0 auto 8.59vw;
	}
	.future--img img{
		width:100%;
	}
	/* ボタン 
	------------------------------------------------- */
	.future .morebtn{
		margin:0 auto;
	}


	/*****************************************************
	 将来の自分 
	*****************************************************/
	.voice{
		background:#ffc31b;
		display:block;
	}
	.voice:before{
		content:'';
		border:none;
		background:url('../images/sp_recruit/natural_bg.png') repeat 0 0;
		width:100vw;
		height:33.5vw;
		display:block;
		position:absolute;
		top:0;
		left:0;
		z-index:-1;
	}
	.voice-inner{
		background:transparent;
		height:auto;
		padding:0;
	}
	.voice-inner:before,
	.voice-inner:after{
		content:'';
		width:0;
		height:0;
		display:block;
		position:absolute;
		top:0;
		z-index:-1;
	}
	.voice-inner:before{
		border-top:none;
		border-left:none;
		border-right:50vw solid transparent;
		border-bottom:33.59vw solid #ffc31b;
		margin:0;
		left:0;
		right:auto;
	}
	.voice-inner:after{
		border-left:50vw solid transparent;
		border-bottom:33.59vw solid #ffc31b;
		right:0;
	}
	/* タイトル 
	------------------------------------------------- */
	.voice-ttl{
		text-align:center;
		margin:0 0 13.12vw;
		padding:14.06vw 0 0;
	}
	.voice-ttl img{
		height:6.56vw;
		margin:0 auto;
		display:block;
	}
	.voice-ttl img + img{
		margin:0 auto;
	}
	/* voice-contents 
	------------------------------------------------- */
	.voice-contents{
		padding:0 0 7.81vw;
		display:block;
	}
	.voice-contents-inner + .voice-contents-inner{
		margin:2.34vw 0 0;
	}
	/* item 
	------------------------------------------------- */
	.voice-contents .item{
		width:83.27vw;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	.voice-contents .voice-contents-inner:nth-child(even) .item:nth-child(odd){
		flex-flow:row-reverse;
	}
	.voice-contents .voice-contents-inner:nth-child(even) .item:nth-child(even){
		flex-flow:row;
	}
	.voice-contents .item + .item{
		margin:2.34vw auto 0;
	}
	.voice-contents .item .img{
		width:33.12vw;
		margin:0 2.34vw 0 0;
	}
	.voice-contents .item:nth-child(even) .img,
	.voice-contents .voice-contents-inner:nth-child(even) .item:nth-child(odd) .img{
		margin:0 0 0 2.34vw;
	}
	.voice-contents .voice-contents-inner:nth-child(even) .item:nth-child(even) .img{
		margin:0 2.34vw 0 0;
	}
	.voice-contents .item .txt{
		width:57.81vw;
		font-size:3.45vw;
		padding: 3.44vw 3.5vw;
	}
	.voice-contents .item .txt:before,
	.voice-contents .item .txt:after{
		width:9.06vw;
		height:8.75vw;
	}
	/* 会社内で飛び交っている言葉No.1 
	------------------------------------------------- */
	.voice-word{
		width:auto;
		padding:16.4vw 0 9.37vw;
		position:relative;
	}
	.voice-word:before{
		content:'';
		border-left:17.81vw solid transparent;
		border-right:17.81vw solid transparent;
		border-top:11.71vw solid #ffc31b;
		margin:0 0 0 -17.81vw;
		position:absolute;
		top:0;
		left:50%;
		z-index:0;
	}
	.voice-word img{
		width:100%;
	}
	.voice-word_img1{
		width:60.31vw;
		margin:0 auto;
	}
	.voice-word .txt{
		font-size:3.28vw;
		margin:7.5vw 0 7.03vw;
	}
	.voice-word_img2{
		width:16.87vw;
		margin:0 auto;
	}


	/*****************************************************
	 募集概要 
	*****************************************************/
	.summary{
		display:block;
	}
	/* お問い合わせ情報 
	------------------------------------------------- */
	.summary-info figure{
		display:none;
	}
	/* ----- ボタン ----- */
	.summary-info .btnarea{
		padding:4.68vw 0;
	}
	/* ----- タイトル ----- */
	.summary-info .infoarea{
		padding:6.25vw 6.25vw 21.09vw;
	}
	.summary-info .infoarea .infoarea-ttl{
		border-top:0.62vw solid #6d1e21;
		border-bottom:0.62vw solid #6d1e21;
		font-size:4.21vw;
		padding:3.12vw 0;
	}
	.summary-info .infoarea .infoarea-ttl span{
		font-size:5.62vw;
		margin:0.78vw 0 0;
	}
	/* ----- お問い合わせ情報 ----- */
	.summary-info .infoarea dl{
		margin:4.68vw 0 0;
	}
	.summary-info .infoarea dl dt,
	.summary-info .infoarea dl dd{
		font-size:3.75vw;
	}
}