@charset "utf-8";

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

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1150px) {
	/*==========　会社案内  company/  ==========*/
	.section.aboutus{background-size: 70%;}
	
	/*==========　測量、3次元計測  business/survey.html ==========*/
	.section.survey {background-size: 60%;}
	.section.uav.bg-blue {background-size: 80%;}
	
	/*==========　地盤調査  business/ground.html  ==========*/
	.section.ground{background-size: 60%;}
	
	/*==========　採用情報  recruit/  ==========*/
	.section.recruit{background-size: 70%;}
}




@media screen and (max-width: 1150px) {
	/*パンくず------------*/
	.breadcrumb-box {width: 97%;}
}





@media screen and (max-width: 1000px) {
	body.naka .section {padding: 60px 0 60px 0;}
	
	/*==========　会社案内  company/  ==========*/
	.president-aisatu-com{padding: 20px 0 0 0;}
	.president-name {padding: 20px 0 0 0;}
	.li-p{width:auto;}
	
	/*==========　採用情報  recruit/  ==========*/
	.thumb-img-left {width: 230px;}
	.thumb-img-right {padding: 0 0 0 255px;}
	
	
	/*==========　お問合せ　form/　==========*/
	.container.kakunin {width: 97%;}
	#chuui-waku {width:100%;}
}







@media screen and (max-width: 860px) {
	body.naka #wrapper {padding-top: 60px;}
	
	/*中ページ上部のbig画像-------------*/
	.naka-headerimg {height: 200px;background-size: cover !important;}
	/*中ページ上部のbig画像のタイトル*/
	.naka-headerimg p {left: 4%;width: 340px;height: 70px;padding: 11px 0 0 25px; font-size: 180%; background-position:left 25px bottom 8px;}
	
	/*==========　採用情報  recruit/  ==========*/
	body.toiawase .naka-headerimg {background-position: right top;}
	.recruit-list-dl dt .icon{float: none;}
	.recruit-list-dl dt .title{float: none;margin-top: 8px;}

}







@media screen and (max-width: 740px) {
	/*==========　会社案内  company/  ==========*/
	.section.aboutus {padding: 70px 0 40px 0;background-position: top 40px right;}
	.naka-headmidashi {font-size: 140%;line-height: 1.4;margin: 20px 0 15px 0;}
	.naka-headcom {text-align: left;}
	
	/*==========　測量、3次元計測  business/survey.html ==========*/
	.survey-box-img {float: none;width: 400px;margin: 0 auto 20px auto;}
	.survey-box-com {padding-right: 0;}
	
	/*==========　開発設計  business/application.html  ==========*/
	.survey-box-img2 img {max-width:400px;margin-bottom: 10px;width: 80%;}
	.survey-box-img2{font-size:1px;}
}






@media screen and (max-width: 640px) {
	/*==========　会社案内  company/  ==========*/
	table.company-table th{display: block;padding: 14px 10px 7px 7px;width: 100% !important;border: none;font-weight: bold;}
	table.company-table td{display: block;padding: 0 10px 14px 15px;border-top: none;}
	table.company-table td dl dd {padding: 3px 0 10px 10px;}
	table.company-table td dl dd > dl > dt {float: none;}
	table.company-table td dl dd > dl > dd {padding: 3px 0 10px 20px;}
	/*社内交流*/
	ul.turi-ul {margin: 0 !important;}
	ul.turi-ul li {width: 45%;margin: 0 2% 0 0;}
	
	/*==========　測量、3次元計測  business/survey.html ==========*/
	h2 {font-size: 190%;margin-bottom: 20px;}
	h3 {font-size: 160%;display: block;margin-bottom: 30px;}
	h3 span {display: table; margin: 5px auto 0 auto;}
	.midashi4 {font-size: 160%;}
	.section.uav h3 { font-size: 150%;}
	#section2 .midashi4 {font-size: 140%;}
	
	.nagare-box {padding: 30px 4% 0 4%;}
	.tokubetu-com {text-align: left;line-height: 1.8;margin: -70px 0 100px 0;}

	/*==========　採用情報  recruit/  ==========*/
	.recruit-single-dd {padding:5px 15px 5px 15px;}
	table.youkou-table th {width: 130px !important;padding: 14px 0 12px 4px;}
	table.youkou-table td {padding: 14px 0 14px 20px;}
	.responsive-video {margin: 30px auto 30px auto;}
	/*先輩の声*/
	.thumb-img-left {width: 300px;float: none;margin: 0 auto;}
	.thumb-img-right {padding: 15px 0 0 0;}
	
	/*==========　お問合せ　form/　==========*/
	.container.kakunin {width:93%;}
	#chuui-waku {font-size: 79%;}
	#toiawase-form {margin:30px auto 0 auto;}
	#toiawase-form dt.title {float: none;font-size: 100%;width: 100%;line-height: 40px;height: 40px;}
	#toiawase-form dd {font-size: 93%;padding: 0px 0px 10px 0px;}
	/*内容確認*/
	.form-midashi1 {font-size: 115%;}
	.toiawase-midashi2 {font-size: 100%;}
	#toiawase-form.kakunin dd {padding: 0px 0px 12px 20px;}
	.form-kakunin2 {font-size: 100%;}
}






@media screen and (max-width:540px) {
	/*中ページ上部のbig画像のタイトル*/
	.naka-headerimg p {left: 2%;width: 280px;height: 55px;padding: 8px 0 0 20px; font-size: 150%; background-position:left 20px bottom 4px;}

	/*==========　会社案内  company/  ==========*/
	.naka-headmidashi {font-size: 129%;}
	.president-aisatu-midashi2 {font-size: 122%;}
	.president-aisatu-midashi2 br{display:none;}

	/*==========　測量、3次元計測  business/survey.html ==========*/
	.survey-box-img {width: 80%;}
	
	/*==========　採用情報  recruit/  ==========*/
	body.recruit .naka-headmidashi {font-size: 129%;}

	/*==========　お問合せ　form/　==========*/
	body.toiawase .naka-headerimg {background-position: right -130px top;}
	.privacy-box {font-size: 93%;}
	.check-space {font-size: 100%;}
	fieldset {margin: 0 0 0 5px;}
	.form-submit input {font-size: 100%;width: 250px;}
	.form-submit input.reset {width: 100px;margin-left: 15px;font-size: 93%;}
}






@media screen and (max-width:480px) {
	/*==========　採用情報  recruit/  ==========*/
	/*募集要項*/
	.recruit-list-dl dt .title {margin-left: 0;padding-left: 0;}
	table.youkou-table th{display: block;padding: 5px 0 5px 0;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;padding: 0;}
	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;}
	/*先輩の声*/
	.voice-list-box {border: 3px solid #e3f0fb;padding: 20px 15px 5px 15px;}
	
	/*==========　お問合せ　form/　==========*/
	.toiawase-com1 {font-size: 115%;}
	.errorBox {font-size: 90%;}
	/*完了*/
	.toiawase-kanryo-midashi {font-size: 115%;}
	.kanryou-waku p.form-kanryo2 {text-align: left;}	
	.kanryou-waku p.form-kanryo2 span{display:inline;}
}





@media screen and (max-width:420px) {
	/*==========　お問合せ　form/　==========*/
	.form-submit input {width: 180px;}
	.form-submit input.reset {width: 90px;margin-left: 10px;}

}