@charset "utf-8";

@media screen and (max-width: 1100px) {
	/*パンくず------------*/
	.breadcrumb-box{width: 97%;}
	
	/*= 会社概要 =*/
	.company-naka-cont {width: 96%;}
	
	/*============　採用情報　recruit/　=============*/
	body.recruit #wrapper .container {width:96%;}
	ul.recruit-ul1 {width: 100%;}
}





@media screen and (max-width: 920px) {
	/* =============中ページ共通のスタイル================== */
	body.naka #wrapper {padding-top: 60px;}

	/*中ページ上部のbig画像-------------*/
	body.naka #naka-headerimgs {background-size: cover !important;}
	.naka-headerimg {height: 200px;background-size: 400px;}
	.naka-headerimg p {line-height: 1.1;font-size: 170%;}

	/* =============中ページ共通のスタイル================== */
	/*見出し----------------*/
	body.naka h2 {font-size: 320%;}

	/*============　採用情報　recruit/　=============*/
	body.recruit #naka-headerimgs {background-position: center right -100px;}
	.recruit-midashi {font-size: 7.2vw;}
	dl.recruit-dl1 dt {width: 45%;margin-top: 10px;}
	dl.recruit-dl1 dd {padding: 0px 0 0 49%;}
	.recruit-point {text-align: center;margin: 30px auto;width:55%;}
	/*先輩の声*/
	dl.staff-img-dl dt {font-size: 85%;}
	dl.staff-img-dl dt .staff-voice {padding-bottom: 10px;}
	dl.staff-img-dl dt .name {margin-top: 30px;}
	dl.staff-img-dl dt .etc {font-size: 108%;margin: 20px 0 10px 0;}
}





@media screen and (max-width: 850px) {
	/*==========　会社案内　company/  ==========*/
	table.company-table td ul.float li {float: none;width: 100%;}
	
	/*==========　事業内容　business/  ==========*/
	.busi-midashi1 {font-size: 170%;}
	.busi-com1 {padding: 0;}
	dl.anzen-dl dt {float: none;width: 100%;}
	dl.anzen-dl dd {float: none;width: 70%;margin: 10px auto 0 auto;}

	/*============　採用情報　recruit/　=============*/
	ul.recruit-ul1 {text-align: center;}
	ul.recruit-ul1 li {margin: 0 0 12px 1%;font-size: 122%;}
	
}





@media screen and (max-width: 780px) {
	/* =============中ページ共通のスタイル================== */
	/*見出し----------------*/
	h3 {font-size: 230%;}
	
	/*==========　会社案内　company/  ==========*/
	ul.rinen-ul {width: 96%;}
	dl.president-dl dt {width: 100%;display: block;text-align: center;}
	dl.president-dl dd {padding: 25px 0 0 0;display: block;}
	dl.president-dl dd .president-name {margin: 10px 5% 30px 0;text-align: right;}

	/*============　採用情報　recruit/　=============*/
	dl.recruit-dl1 dt {float: none;width: 65%;margin: 0 auto;}
	dl.recruit-dl1 dd {padding: 25px 0 0 0;}
	/*募集要項*/
	body.naka .section.youkou {padding: 20px 0 20px 0;}
	/*先輩の声*/
	.voice-list-box {border: 3px solid #ffccbf;padding: 14px 2% 0 2%;margin: 15px 0 15px 0;}
	dl.staff-img-dl2 > dd.second {padding: 15px 0 0 0;}
	
}





@media screen and (max-width: 640px) {
	/*中ページ上部のbig画像-------------*/
	.naka-headerimg {height:150px;background-size:360px;}

	/*パンくず------------*/
	.breadcrumb-box{width: 95%;}
	
	/*= 会社概要 =*/
	.company-naka-cont {width: 93%;}

	/*==========　会社案内　company/  ==========*/
	ul.rinen-ul {margin: 40px auto 0 auto !important;}
	dl.president-dl {margin: 40px auto 0 auto !important;}
	.taiken-com1 {text-align:left;font-size: 108%;}
	.taiken-com1 br{display:none;}
	
	/*==========　事業内容　business/  ==========*/
	ul.busi-ul li {display: block;width: 85%;margin: 0 auto 50px auto !important;}
	/*= 対応エリア =*/
	dl.area-dl dt{float:none;width:100%;}
	dl.area-dl dd{float:none;width:80%;margin: 10px auto 0 auto;}	

	/*============　採用情報　recruit/　=============*/
	body.recruit #wrapper .container {width:93%;}
	ul.recruit-ul1 li {display: block;width: 90%;margin: 0 auto 12px auto !important;}
  ul.recruit-ul1 li br{display:none;}
	ul.recruit-ul2 {margin-left: 0 !important;}
	/*募集要項*/
	.recruit-single-dd {padding:8px 8px 0 8px;}
	table.youkou-table th{display: block;padding:0 0 5px 10px;border-top: none;border-bottom: none;margin-top: 10px;}
	table.youkou-table td{display: block;padding: 0 0 9px 15px;}
	table.youkou-table th.youkou-th {border-bottom: none;}
	table.youkou-table th.youkou-th p {margin: 5px 0 7px 0;}
	table.youkou-table td.youkou-td {padding: 0 0 0px 15px;}
	table.youkou-table td.youkou-td h1 {font-size: 115%;margin: 0 0 10px 0;}
	/*先輩の声*/
	.recruit-voice-com1 {text-align: left;font-size: 100%;}
	.recruit-voice-com1 br{display:none;}
	dl.staff-img-dl dt .staff-voice {padding-bottom: 7px;font-size:122%;}
	dl.staff-img-dl dt .name {margin-top: 15px;font-size: 136%;}
	dl.staff-img-dl dt .etc {font-size: 100%;margin: 10px 0 0px 0;}
	dl.staff-img-dl2 > dt {width: 32%;}
	dl.staff-img-dl2 > dd {padding: 0 0 0 34%;}
}





@media screen and (max-width: 540px) {
	/* =============中ページ共通のスタイル================== */
	body.naka #wrapper {font-size: 90%;}

	/* =============中ページ共通のスタイル================== */
	/*見出し----------------*/
	body.naka h2 {font-size: 280%;}
	body.naka h2::before {margin-right: 0.4em;}
	body.naka h2::after {margin-left: 0.4em;}
	h3 {font-size: 200%;}

	/*==========　事業内容　business/  ==========*/
	.busi-midashi1 {font-size: 150%;text-align: left;}
	.busi-midashi1 br{display:none;}
	
	/*============　採用情報　recruit/　=============*/
	.recruit-midashi-cap {font-size:4.5vw;letter-spacing: 0.2em;}
	dl.recruit-dl1 dt {width: 80%;}
	.recruit-point {width: 75%;}
	/*募集要項*/
	.recruit-list-dl dt {padding: 10px 7px;}
	.recruit-list-dl dt .recruit-date {width: 95px;}
	/*先輩の声*/
	dl.staff-img-dl dt{display:block;width:100%;padding:15px 4% 10px 4%;}
	dl.staff-img-dl dd{display:block;width:100%;}
	
}





@media screen and (max-width: 450px) {
	/*中ページ上部のbig画像-------------*/
	.naka-headerimg {height: 120px;background-size: 260px;}

	/* =============中ページ共通のスタイル================== */
	/*見出し----------------*/
	body.naka h2 {font-size: 250%;}
	
	/*==========　会社案内　company/  ==========*/
	table.company-table th{display: block;padding: 10px 10px 0px 5px;width: 100% !important;border-bottom: 0;}
	table.company-table td{display: block;border: none;padding: 8px 10px 14px 20px;}
	table.company-table td span {padding-right: 0;display: block;}
	table.company-table td span br{display:none;}
	
	/*==========　事業内容　business/  ==========*/
	.busi-midashi1 {font-size: 136%;}
	dl.anzen-dl dd {width: 90%;}
	dl.area-dl dd {width: 100%;}
	
	/*============　採用情報　recruit/　=============*/
	/*先輩の声*/
	dl.staff-img-dl2 {margin: -40px 0 0 0;position: relative;}
	dl.staff-img-dl2 > dt {float: none;width: 40%;border: 3px solid #fff;margin-left:10px;}
	dl.staff-img-dl2 > dd {padding: 0;}
	dl.faq-box dt.que {background-size: 25px;padding: 3px 0 15px 30px;}
	dl.faq-box dd.ans {background-position:left 2px top;background-size: 27px;padding: 0 0 0 33px;}
}





@media screen and (max-width: 390px) {
	/*============　採用情報　recruit/　=============*/
	ul.recruit-ul1 li {width: 100%;font-size: 115%;}

}