@charset "utf-8";

/*###########################################################
 採用情報全体のレスポンシブ

#############################################################/*/

@media screen and (max-width: 1240px) {
	/*==========　採用情報TOP　recruit/ ==========*/
	dl.top-mymavi-dl dt {display: none;}
}




@media screen and (max-width: 1140px) {
	body.recruit-new .container {padding: 0 3%;}
	img{max-width: 100%;height: auto;width /***/:auto;　}
	
	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- MESSAGE -----*/
	body.recruit-index .section.message {background-position:center top 120px;margin-top: -57px;background-size: contain;}
	.midashi-cap {font-size: 150%;}
	.recruit-title {padding: 0 0 17px 0;transform: scale(0.9);}
	/*--- ENTRY -----*/
	ul.entry-ul li a {font-size: 130%;padding: 40px 0 40px 7%;background-size: 25px;}
	ul.entry-ul li a:hover {padding:40px 0 40px 10%;background-position: right 10px center;}
	.middle-img1,
	.middle-img2,
	.middle-img3{height: 270px;}
	/*--- MISSION -----*/
	dl.mission-dl {display: block;}
	dl.mission-dl dt {display: table;width: 90%; padding: 20px 3% 40px 3%;border: 5px solid #f7a8a8;margin: 0 auto;}
	dl.mission-dl dd {display: table;width: 100%;max-width: 500px;margin: -30px auto 0 auto;}

	/*==========　中ページTOP共通 ==========*/
	.container.nakatop {margin-top: -20px;}
	
	/*============　社員の声　voice.html =============*/
	ul.voice-list-ul li {margin: 0 2%;max-width: unset;width: 45%;}

	/*============　社員の声single　voice01.html =============*/
	dl.voice-shop {margin: -60px auto 0 auto;}
	dl.voice-shop dt {width: 80%;}
	dl.voice-shop dd {top: -30px}
	dl.voice-shop dd img{width:38%;}
}





@media screen and (max-width: 1012px) {
	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- VISION -----*/
	ul.vision-ul {margin-top: 76px;}
	ul.vision-ul li {width: 31%;margin: 0 0.7%;}
	.vision-com {margin-top: 20px;}
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	#chuui-waku {width: 98%;}
}




@media screen and (max-width: 970px) {
	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- ENTRY -----*/
	ul.entry-ul li {display: block;width: 80%;margin: 0 auto 15px auto;}
	ul.entry-ul li a {padding: 30px 0 30px 7%;}
	ul.entry-ul li a:hover {padding:30px 0 30px 9%;}
	/*--- STAFF -----*/
	ul.staff-ul li {height: 160px;}
	ul.staff-ul li a{background-size: 45px , 250px , cover !important;}

	/*==========　中ページTOP共通 ==========*/
	.container.nakatop {margin-top: 10px;}
	
	/*============　社員の声　voice.html =============*/
	ul.voice-list-ul {margin: 30px 0 70px 0;}
	.voice-shokushu {font-size: 143%;}
	.voice-no {font-size: 450%;}
	ul.voice-list-ul::before {height: 200px;}
}





@media screen and (max-width: 860px) {	
	/*==========　採用情報TOP　recruit/ ==========*/
	body.recruit-new #header {height: 65px;}
	dl.top-mymavi-dl dd {padding: 0 10px 5px 10px;width: 170px;}
	dl.top-mymavi-dl {top: 11px;border: 1px solid #009de8;}
	body.recruit-new .header-logo {width: 250px;line-height: 1.1;top: 8px;}
	body.recruit-new .header-logo img{max-width:100%;height:auto;margin-top: 0;}
	body.recruit-new .header-logo a {font-size: 60%;letter-spacing: 0.1em;font-weight: bold;}
	.hamburger {width: 80px;height: 65px;}
	.hamburger__icon {margin:20px 0 0 11px;width: 35px;}
	.hamburger__icon::before {top: -13px;}
	.hamburger__icon::after {top: 13px;}
	.hamburger__icon,
	.hamburger__icon::before,
	.hamburger__icon::after {width: 35px;}
	a.hamburger.active .hamburger__icon {margin: 7px 0 0 12px;}
	.fat-nav li {padding: 13px 0;font-size: 110%;}
	.headerimgs-wrapper {padding-top: 65px;}
	.fat-nav ul {padding: 65px 0 0 0;}
	/*--- MESSAGE -----*/
	.midashi-cap span {display: block;}
	body.recruit-index .section.message {background-position: center top 169px;}
	.recruit-mida1 {font-size: 130%;}
	/*--- VISION -----*/
	ul.vision-ul li {font-size: 126%;width:295px;margin: 0 0.7%;}
	/*--- SUPPORT -----*/
	ul.support-ul li {width: 31%;margin: 0 0.7%;}
	
	/*==========　中ページTOP共通 ==========*/
	.recruit-nakatop-wrapp {padding-top: 63px;}
	
	/*============　社員の声single　voice01.html =============*/
	dl.voice-single-dl > dd {margin-top: 120px;}
	.voice-single-dl-wrapp::before {top: 167px;}
	
}






@media screen and (max-width: 770px) {		
	/*============　社員の声　voice.html =============*/
	ul.voice-list-ul li {display: block;max-width: 500px;width: 100%;margin: 0 auto 70px auto;}
	.voice-shokushu {font-size: 155%;}
	body.recruit-new .section.voice-list {padding: 0 0 0 0;}

	/*============　社員の声single　voice01.html =============*/
	dl.voice-single-dl > dd {margin-top: 90px;font-size: 80%;}
	.voice-single-dl-wrapp::before {top: 125px;height: 290px;}
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	/* 内容確認用のスタイル------------*/
	body.kakunin .midashi1 {font-size: 159%;}
	body.kakunin .recruit-midashi3 {font-size: 130%;text-align:center;}
	.form-midashi1 {font-size: 115%;line-height: 33px;height: 34px;}
}






@media screen and (max-width: 720px) {	
	/*==========　採用情報TOP　recruit/ ==========*/
	dl.top-mymavi-dl {display: none;}
	/*マイナビボタン*/
	body.recruit-new #navi_sp ul#yoko-menu-sp li.spbox00.mynavi{display:block;}
	body.recruit-new #navi_sp ul#yoko-menu-sp li.spbox00.mynavi a{border: 1px solid #009de8;background-color: #fff;padding: 2px 10px 7px 10px;width: 180px;display: table;margin: 0 auto;}
	body.recruit-new #navi_sp ul#yoko-menu-sp li.spbox00.mynavi a img{max-width:100%;height:auto;}
	
	/*全ページ共通のページ下部の上部へ戻る */
	#pagetop a {bottom: 15px;right: 15px;width: 55px;height: 55px;background-size: contain;}
	/*--- MESSAGE -----*/
	body.recruit-index .section.message {margin-top: -34px;}
	/*--- STAFF -----*/
	ul.staff-ul li {display: block;width: 85%;margin: 0 auto 30px auto;}
	/*--- VISION -----*/
	ul.vision-ul li {font-size: 118%;width:250px;margin: 0 1.5%;}
	/*--- 最下部のENTRY -----*/
	.entry-midashi {margin-top: 30px;font-size: 160%;}
	dl.entry-dl {margin: 0 0 5px 0;}
	dl.entry-dl dt {display: block;margin-bottom: 15px;margin-right:0;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {margin-top: -63px;}
	.container.nakatop {margin-top: 35px;}

	/*============　採用情報／正社員  recruit/shain　=============*/
	.recruit-com1 {text-align: left;}
	.recruit-com1 br{display:none;}
	table.recruit-table th {display: block;border: none;font-weight:bold;color:#333;}
	table.recruit-table th br{display:none;}
	table.recruit-table td {display: block;border-top: none;padding-top: 0;padding-bottom:25px;}
	
	table.recruit-table2 th {display: block;border-top: none;font-weight: bold;color: #333;background-color: #f1f1f1;padding: 8px 0 6px 13px;}
	table.recruit-table2 th small {display: inline;padding-right: 10px;}
	table.recruit-table2 td {display: block;border-top: none;padding-top: 8px;padding-bottom:25px;font-size: 93%;}
	
	/*============　社員の声　voice.html =============*/
	body.voice .midashi-cap {font-size: 140%;}
}





@media screen and (max-width: 640px) {	
	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- MESSAGE -----*/
	.recruit-title {padding: 0px 0 7px 0;transform: scale(0.8);}
	.midashi-cap {font-size: 138% !important;margin-bottom: 50px; !important}
	.recruit-mida1 {font-size: 120%;margin-top: 82px;}
	.recruit-mida2 {font-size: 120%;}
	/*--- MISSION -----*/
	dl.mission-dl dt {width: 100%;padding: 20px 4% 20px 5%;}
	dl.mission-dl dd {margin: 5px auto 0 auto;}
	/*--- VISION -----*/
	ul.vision-ul {margin-top: 68px;}
	ul.vision-ul li {font-size:109%;width:230px;}
	/*--- SUPPORT -----*/
	.support-midashi1 {font-size: 120%;}
	ul.support-ul {margin-top: 20px;}
	ul.support-ul li {width: 42%;margin: 15px 1% 0 1%;}
	.support-com1 {margin: 10px 0 0 0;}
	.support-waku ul.support-ul li {width: 44%;margin: 0 1%;}

	/*==========　採用情報のフッター　recruit/ ==========*/
	.footer-logo {text-align: center;margin-right: 0;}
	.footer-zip {text-align: center;margin-top: 12px;}
	.footer-zip span {display: block;padding-right: 0;}
	.footer-zip-box {margin-top: 15px;}
	#footer .copyright {margin-top: 10px;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {margin-top: -54px;}

	/*============　社員の声single　voice01.html =============*/
	.voice-single-dl-wrapp::before {top: 90px;height: 230px;}
	dl.voice-single-dl > dt {float: none;margin: 0 auto;}
	dl.voice-single-dl > dd {float: none;font-size: 80%;margin: 10px auto 40px auto;width: 80%;}
	dl.voice-single-dl .voice-shokushu {font-size: 180%;border-bottom: 3px solid #f00;padding-bottom: 18px;margin: 3px 0 21px 0;}
	dl.voice-comment-box dt.q-no {margin: -7px 0 0 0;font-size: 260%;}
	dl.voice-comment-box dd {padding-left: 77px;}
	dl.off-shot dd {width: 38%;}
	dl.off-shot dt {height: 193px;background-size: 140%;background-position: right bottom;}
	dl.off-shot dd .off-cap {right: 276px;bottom: 25px;}
	
	/*============　採用情報／［募集要項］正社員  recruit/shain　=============*/
	.midashi2 {font-size: 132%;line-height: 1.6;margin-bottom: 15px;font-weight: 700 !important;}
	
}






@media screen and (max-width: 560px) {
	body.recruit-new #wrapper {font-size: 90%;}

	/*==========　採用情報TOP　recruit/ ==========*/
	body.recruit-new .header-logo {margin: 0 0 0 10px;text-align: left;}
	.fat-nav li {padding: 11px 0;font-size: 100%;}
	/*--- MESSAGE -----*/
	.recruit-title {padding: 0px 0 2px 0;transform: scale(0.7);}
	.midashi-cap {font-size: 122% !important;margin-bottom: 40px;}
	body.recruit-index .section.message {background-position: center top 145px;}
	#index-movie-box {margin: 60px auto 30px auto;}
	.recruit-mida1 {margin-top: 60px;}
	.recruit-comm1 {line-height: 2;}
	/*--- ENTRY -----*/
	ul.entry-ul li a {padding: 23px 0 23px 7%;background-size: 20px; font-size: 125%;}
	ul.entry-ul li a:hover{padding: 23px 0 23px 9%;}
	.middle-img1,
	.middle-img2,
	.middle-img3 {height: 180px;}
	/*--- VISION -----*/
	ul.vision-ul {margin-top: 54px;}
	ul.vision-ul li {font-size: 109%;width: 85%;margin: 0 auto 15px auto;display: block;padding: 16px 0 16px 0;border-radius: 30px;}
	ul.vision-ul li:nth-child(3) {padding: 16px 0 16px 0;}
	ul.vision-ul li::before {width: 90px;height: 90px;top: -20px;}
	.vision-com {margin-top: 10px;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {margin-top: -48px;}

	/*============　社員の声single　voice01.html =============*/
	.recruit-nakatop-wrapp-inner {margin: 0 auto 30px auto;min-height: 0;}
	body.recruit-new .section.voice-single {padding: 0;}
	dl.voice-single-dl > dt {width: 65%;}
	dl.voice-shop {margin: -40px auto 0 auto;}
	dl.voice-shop dt {width: 90%;float: none;margin: 0 auto;}
	dl.voice-shop.left dt {float: none;}
	dl.voice-shop dd {position: unset;width: 65%;margin: 15px auto 0 auto;}
	dl.voice-shop dd img {width: 100%;margin: 0 0 15px 0;}

	/*============　採用情報／［募集要項］正社員  recruit/shain　=============*/
	body.recruit-new.entry .section.entry {padding: 0 0 60px 0;margin-top: -20px;}
	.recruit-com1 {line-height: 1.9;margin-top: 20px;}	
	.recruit-midashi {font-size: 165%;padding: 30px 0 20px 0;}
	body.recruit-new.entry .section.entry {padding:0;}
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	#toiawase-form dt.title {float: none;width: 100%;line-height: 3.0;height: auto;}
	#toiawase-form dd {padding: 0px 0px 10px 0px;}
	#toiawase-form.kakunin dd {padding: 0px 0px 10px 10px;}
	.form-submit input {width: 60%;}
	.form-submit input.reset {width: 25%;margin-left: 5%;}
}







@media screen and (max-width: 500px) {
	body.recruit-new .section {padding: 40px 0 40px 0;}

	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- VISION -----*/
	ul.vision-ul li {width: 95%;padding: 16px 0 16px 30px;}
	ul.vision-ul li:nth-child(3) {padding: 16px 0 16px 30px;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {margin-top: -41px;}
	.container.nakatop {margin-top: 15px;}

	/*============　社員の声single　voice01.html =============*/
	dl.off-shot dt {height: 157px;background-size: 150%;width: calc(100% - 212px);}
	dl.off-shot dd .off-cap {right: 234px;}
	
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	/*送信完了しました*/
	.recruit-midashi3 {font-size: 136%;text-align: left;}
	.kanryou-waku .form-kanryo2 {text-align: left;}
	.kanryou-waku .form-kanryo2 br{display:none;}
	.kanryou-waku .form-kanryo2 span {display: inline;}
}






@media screen and (max-width: 450px) {
	/*==========　採用情報TOP　recruit/ ==========*/
	/*動画-----------*/
	/*サーバー内埋め込み*/
	#index-movie-box {margin: 60px auto 30px auto;}
	
	/*--- MESSAGE -----*/
	.recruit-title {padding: 0;transform: scale(0.6);}
	.midashi-cap {font-size: 115% !important;margin-bottom: 32px;margin-top: -19px;}
	body.recruit-index .section.message {padding: 0 0 40px 0;}
	.recruit-mida1 {font-size: 110%;}
	.recruit-mida2 {font-size: 110%;}
	/*--- STAFF -----*/
	ul.staff-ul {margin-top: 40px;margin-bottom: -10px;}
	ul.staff-ul li {width: 95%;height: 140px;}
	/*--- ENTRY -----*/
	ul.entry-ul li a {background-size: 15px;font-size: 110%;}
	ul.entry-ul li {box-shadow: 4px 4px 0 rgba(0,0,0,0.4);}
	.middle-img1,
	.middle-img2,
	.middle-img3 {height: 150px;}
	/*--- SUPPORT -----*/
	.support-midashi1 {font-size: 110%;}
	ul.support-ul li {width: 47%;margin: 10px 1% 0 1%;}
	.support-waku ul.support-ul li {width: 47%;margin: 0 1%;}
	/*--- FAQ -----*/
	dl.faq-dl:first-child {margin-top: 13px;}
	dl.faq-dl dt {font-size: 100%;}
	dl.faq-dl::before {width: 35px;height: 38px;background-repeat: no-repeat;}
	dl.faq-dl dt {padding: 19px 2% 0 3%;}
	dl.faq-dl dd {padding: 4px 2% 0 3%;}
	
	/*==========　採用情報のフッター　recruit/ ==========*/
	.entry-midashi {font-size: 140%;letter-spacing: 0;}
	#footer .copyright {font-size: 50%;letter-spacing: 0;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {margin-top: -36px;}

	/*============　社員の声　voice.html =============*/
	ul.voice-list-ul {margin: 0 0 50px 0;}

	/*============　社員の声single　voice01.html =============*/
	dl.voice-single-dl .voice-no {font-size: 550%;}
	dl.voice-single-dl > dd > dl > dt.rogo-kaiou {width: 80px;}
	dl.voice-single-dl > dd > dl > dt.rogo-daifuku{width:125px;}
	dl.voice-single-dl > dd > dl > dt.rogo-ajiya{width:130px;}
	dl.voice-single-dl > dd > dl > dt.rogo-daisen{width:75px;}
	dl.off-shot {margin: 20px 0 30px 0;}
	dl.off-shot dd {width: 35%;}
	dl.off-shot dt {height: 130px;width: calc(100% - 169px);}
	dl.off-shot dd .off-cap {right: 186px;font-size: 12px;}
	
	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	/* 内容確認用のスタイル------------*/
	body.kakunin .recruit-midashi3 {font-size: 115%;margin-bottom: 0;}
	body.kakunin #toiawase-form {margin: 30px auto 0 auto;}
	/*送信完了しました*/
	.recruit-midashi3 br{display:none;}
}







@media screen and (max-width: 400px) {
	body.recruit-new #wrapper {font-size: 80%;}
	
	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- VISION -----*/
	ul.vision-ul li {width: 100%;padding: 16px 0 16px 40px;}
	ul.vision-ul li:nth-child(3) {padding: 16px 0 16px 60px;}
	ul.vision-ul li::before {width: 80px;height: 80px;top: -11px;left: 8px;}
	.cap-img-waku {padding: 50px 5% 47px 5%; min-height: unset;}
	
	/*============　社員の声　voice.html =============*/
	ul.voice-list-ul::before {display: none;}	

	/*============　社員の声single　voice01.html =============*/
	dl.voice-single-dl .voice-shokushu {padding-bottom: 16px;margin: 3px 0 16px 0;}
	dl.voice-single-dl > dd {margin: 10px auto 10px auto;}
	dl.voice-comment-box dt.q-no {margin: -3px 0 0 0;font-size: 220%;}
	dl.voice-comment-box dd {padding-left: 59px;}
	dl.voice-comment-box {margin: 25px 0 25px 0;}
	dl.voice-shop {margin: 0 auto;}

	/*============　社員の1日　aday.html =============*/
	.koujichuu{font-size: 100%;}

	/*============　採用情報／［募集要項］正社員  recruit/shain　=============*/
	body.recruit-new.entry .midashi-cap span {display: inline-block;}
	.midashi2 {letter-spacing: 0;text-align:left;}
	.midashi2 br{display:none;}

	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	.toiawase-tel a {font-size: 159%;}
	.midashi1 {font-size: 159%;}
	.form-kakunin2 {font-size: 100%;text-align: left;}
	.form-kakunin2 br{display:none;}
}




	
@media screen and (max-width: 380px) {
	body.recruit-new .section {padding: 25px 0 40px 0;}
	body.recruit-new .container {padding: 0 4%;}		
	
	/*==========　採用情報TOP　recruit/ ==========*/
	/*--- MESSAGE -----*/
	.recruit-title {transform: scale(0.5);}
	/*--- SUPPORT -----*/
	ul.support-ul li {width: 85%;margin: 10px auto 0 auto;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {margin-top: -32px;}
	
	/*============　社員の声　voice.html =============*/
	body.voice .midashi-cap {font-size: 100% !important;}
	body.recruit-new .section.voice-list {margin: -30px 0 0 0;}

	/*============　社員の声single　voice01.html =============*/
	.voice-single-dl-wrapp::before {top: 50px;height: 180px;}
	.recruit-nakatop-wrapp-inner {margin: 0 auto 15px auto;}
	dl.voice-single-dl .voice-no {font-size: 450%;}
	dl.voice-single-dl > dd {width: 95%;}
	dl.voice-single-dl .voice-shokushu {padding-bottom: 14px;margin: 0px 0 15px 0;border-bottom: 2px solid #f00;}
	dl.voice-single-dl > dd > dl > dt.rogo-kaiou {width: 60px;}
	dl.voice-single-dl > dd > dl > dt.rogo-daifuku{width:105px;}
	dl.voice-single-dl > dd > dl > dt.rogo-ajiya{width:110px;}
	dl.voice-single-dl > dd > dl > dt.rogo-daisen{width:65px;} 
	dl.off-shot dt {height: 120px;width: calc(100% - 140px);}
	dl.off-shot dd .off-cap {right: 158px;bottom: 7px;}

	/*==========　採用情報／求人お問合せ・資料請求　recruit/toiawase　==========*/
	body.toiawase .midashi-cap span {display: inline;}
}







@media screen and (max-width: 360px) {	
	/*==========　採用情報TOP　recruit/ ==========*/
	body.recruit-new .header-logo {width: 220px;line-height: 1;top: 9px;}
	body.recruit-new .header-logo a {font-size: 59%;letter-spacing: 0;}

	/*==========　中ページTOP共通 ==========*/
	/*パンくず------------*/
	body.recruit-new .breadcrumb-box {display:none;}
	.container.nakatop {margin-top: -20px;}

	/*==========　採用情報のフッター　recruit/ ==========*/
	dl.entry-dl dd {display: block; width: 90%;margin: 0 auto;}

	/*============　社員の声　voice.html =============*/
	body.recruit-new .section.voice-list {margin: -60px 0 0 0;}

	/*============　社員の声single　voice01.html =============*/
	dl.off-shot dt {height: 107px;width: calc(100% - 133px);}
}