@charset "utf-8";
/*###########################################################

 中ページのレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1100px) {
	/* =======中ページ上部のヘッダー画像======== */
	.naka-headerimgs-wrapper {height: 200px;background-size: cover;}
	.naka-headerimgs-wrapper .container {height: 200px;}
	.nakatop-title {font-size: 110%;height: 65px;width: 420px;}
}





@media screen and (max-width: 960px) {
	/* =============中ページ共通のスタイル================== */
	/*中ページ共通のテーブル構造　-------------------*/
	body.naka #wrapper{margin-top:64px;}

	/*==========　［会社案内］沿革 company/history.html)  ==========*/
	body.history .section.first {padding: 80px 0 50px 0;}
	dl.history-dl dt {float: none;width: 100%;}
	dl.history-dl dd {float: none;width: 100%;}
	body.history ul.repeatimgbox-ul {margin: 40px 0 0 0;text-align: center;}
	body.history ul.repeatimgbox-ul li {display: inline-block;max-width: 340px;margin: 0 11px;}
	
	/* =======　協力業者募集フォーム　./partner/======== */
	body#toiawase fieldset span,
	body#partner fieldset span {width: 49%;}
}





@media screen and (max-width: 860px) {
	/* =======　実績の検索結果　cgi_bin/101_works_list_skin.html ======== */
	ul.kensaku-ul li {width: 31%;}
	ul.kensaku-ul li:nth-child(4n) {margin: 30px 2.5% 0 0;}
	ul.kensaku-ul li:nth-child(3n) {margin: 30px 0 0 0;}
}





@media screen and (max-width: 750px) {
	/* =======中ページ上部のヘッダー画像======== */
	.naka-headerimgs-wrapper {height: 140px;}
	.naka-headerimgs-wrapper .container {height:140px;}
	.nakatop-title {font-size: 105%;height: 50px;width: 340px;}
	
	/* =============中ページ共通のスタイル================== */
	/* ページの各セクション-------------------*/
	body.naka .section.first {padding: 60px 0 50px 0;}

	h2{font-size:160%;}

	/*==========　［会社案内］会社概要 company/index.html)  ==========*/
	dl.rinen-dl dt{float:none;width:fit-content;margin: 0 auto;padding-bottom: 33px;border-bottom: 1px solid #ccc;}
	dl.rinen-dl dd{float:none;width:fit-content;padding: 0;margin: 36px auto 0 auto;}
	ul.company-img-ul li {width: 42%;}

	/* =======　協力業者募集フォーム　./partner/======== */
	#toiawase-form dt.title {float: none;width: 100%;padding: 14px 0 6px 43px;background-position: left top 14px !important;}
	#toiawase-form dt.title br{display:none;}
	#toiawase-form dt.title small{padding-left: 10px;}
	#toiawase-form dd {padding: 0 0px 12px 0;}
	body#toiawase fieldset,
	body#partner fieldset {margin: 10px 0 10px 10px;}
	fieldset span { margin-bottom: 9px;}
	/*確認ページ*/
	#toiawase-form.kakunin dd {padding: 8px 0px 14px 20px;}
	
}




@media screen and (max-width: 640px) {
	/* =============中ページ共通のスタイル================== */	
	.naka-kuwashii a[href$=".pdf"]::after,
	.naka-kuwashii a[href$=".pdf"]::after {width: 1.5em;height: 1em;background-size: 17px;background-position: center top 0px;}
	
	.btn-pdf {font-size: 93%;}
	
	/*table表のtdの改行*/
	table td.border-zero{display:block;}

	/*グレイ色の枠*/
	.waku-glay {padding: 10px 15px;margin: 15px 0 10px 0;}
	/*赤色の枠*/
	.waku-red{padding: 10px 15px;margin: 15px 0 10px 0;}
	/*グリーン色の枠*/
	.waku-green {padding: 10px 15px;margin: 15px 0 10px 0;}
	
	/*小さな画像／繰り返しボックス*/
	ul.repeatimgbox-ul li{width: 80% !important;margin: 0 auto 15px auto !important;display: block;}

	/*写真ギャラリー*/
	.gallery-item {width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery-columns-2 .gallery-item {width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery-columns-3 .gallery-item {width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery-columns-4 .gallery-item {width: 80% !important;margin: 0 auto 15px auto !important;display: block;}
	.gallery br{display:none;}
	
	ul.news-single-yokoimg{width: 80% !important;margin:30px auto 0 auto !important;display: block;}
	ul.news-single-yokoimg li{width: 100% !important;margin: 0 auto 15px auto !important;display: block; max-width: 100%;}

	
	/*画像位置*/
	.alignright,
	.alignleft,
	img.alignright,
	img.alignleft{float: none;display: block;margin: 5px auto 12px auto;}
	.wp-caption.alignright,
	.wp-caption.alignleft,
	.wp-caption.alignnone{float: none;display: block;margin: 10px auto 5px auto;display: table;}
	
	.alignnone,
	img.alignnone {margin: 5px 0 5px 0;}
		
	/*文字サイズ*/	
	.font-size17{font-size:100%;line-height:1.7;}
	.font-size19{font-size:110%;line-height:1.7;}
	.font-size20{font-size:115%;line-height:1.5;}
	.font-size23{font-size:119%;line-height:1.5;}
	.font-size24{font-size:122%;line-height:1.5;}
	.font-size28{font-size:128%;line-height:1.4;}
	.font-size32{font-size:134%;line-height:1.3;}
	.font-size36{font-size:156%;line-height:1.3;}
	.font-size40{font-size:172%;line-height:1.2;}
	.font-size50{font-size:184%;line-height:1.2;}
	.font-size60{font-size:200%;line-height:1.2;}

	/*==========　［会社案内］会社概要 company/index.html)  ==========*/
	body#company.index .section.first h2{margin-bottom: 35px;}
	.message-cap {margin: 15px 5px 0 0;}
	.message-cap img {max-width: 120px;}
	/*会社概要*/
	body.naka .section.gaiyou {padding: 60px 0 40px 0;}
	table.gaiyou-table th{border-top:1px solid #ccc;padding: 10px 10px 0px 15px;width:100% !important;display: block;}
	table.gaiyou-table td{border-top:none;padding: 3px 10px 13px 25px;display: block;}
	table.gaiyou-table tr:last-child th {border-bottom: none;}
	ul.company-img-ul li {display: block;margin: 0 auto 15px auto !important;width: 100%;max-width: 450px;}
	#leafletmap1 {margin-top: 20px;}
	/*流れ*/
	.section.flow h2 {font-size: 150%;margin-bottom: 40px;letter-spacing: 0.1em;}
	dl.flow-dl dd{min-height: 94px;}
	dl.flow-dl dd .title {font-size: 113%;padding-left: 014px;margin-top: 5px;}
	dl.flow-dl dd .com {line-height: 1.4;}

	/* =======　実績の検索結果　cgi_bin/101_works_list_skin.html ======== */
	ul.kensaku-ul li {width: 47%;margin: 20px 3% 0 0;}
	ul.kensaku-ul li:nth-child(4n) {margin: 20px 3% 0 0;}
	ul.kensaku-ul li:nth-child(3n) {margin: 20px 3% 0 0;}
	ul.kensaku-ul li:nth-child(2n) {margin: 20px 0 0 0;}
	.kensaku-box {margin: 0 auto 30px auto;}
	
	/*==========　採用情報 recruit/  ==========*/
	dl.recruit-dl dt {padding: 28px 0 25px 4%;width: 27%;}
	dl.recruit-dl dd {padding: 30px 0 19px 27%;}

	/* =======　協力業者募集フォーム　./partner/======== */
	body#partner h2 {font-size: 140%;margin-bottom: 30px;}
	#form-box {margin-top: 30px;}
	
	/* =======　お問合せフォーム　toiawase/======== */
	body#toiawase h2{font-size: 130%;margin-bottom: 15px;}
	.toiawase-com1 br {display: unset;}
}





@media screen and (max-width: 560px) {
	/*==========　［会社案内］沿革 company/history.html)  ==========*/
	table.history-table th {padding: 20px 31px 17px 7px;width: 164px !important;}
	table.history-table th::after {top: 20px;}
	table.history-table th::before {top: 27px;right: 6px;}
	table.history-table td {padding: 20px 10px 17px 10px;}
	.section table.history-table td ul li {line-height: 1.4;}
	
	/* =======　施工実績　./works/======== */
	body#works .sekou-box.gyoutai {padding-top: 40px;}
}





@media screen and (max-width: 500px) {
	/* =======中ページ上部のヘッダー画像======== */
	.naka-headerimgs-wrapper {height: 120px;}
	.naka-headerimgs-wrapper .container {height:120px;}
	.nakatop-title {ffont-size: 100%;height: 43px;width: 255px;letter-spacing: 0.3em;}

	/* =======　協力業者募集フォーム　./partner/======== */
	body#toiawase fieldset span,
	body#partner fieldset span {width: 60%;}
	body#toiawase fieldset span:nth-child(2n),
	body#partner fieldset span:nth-child(2n) {width: 38%;}
	.check-space.need {padding-left: 32px;background-position: left top 14px;}
	#toiawase-form dt.title {background-position: left top 13px !important;}
}





@media screen and (max-width: 450px) {
	/* =============中ページ共通のスタイル================== */
	body.naka .section.first {padding: 50px 0 20px 0;}
	body.naka h2 {margin-bottom: 25px;}

	/*==========　［会社案内］会社概要 company/index.html)  ==========*/
	body#company.index .section.first {padding: 50px 0 50px 0;}
	.message-com1 {line-height: 2.2;}
	/*流れ*/
	.section.flow{padding: 50px 0 20px 0;}
	.flow-dl-bar p {margin: 0 0 0 70px;}
	dl.flow-dl dd {padding: 2px 0 0 0;}
	dl.flow-dl dt {width: 33%;padding-top: 3px;}
	dl.flow-dl dt::before{background-position: right bottom 2px !important;}
	#leafletmap1 {height: 400px;}

	/*==========　［会社案内］沿革 company/history.html)  ==========*/
	table.history-table th {padding: 20px 19px 17px 5px;width: 120px !important;letter-spacing: -0.05em;font-size: 90%;}
	table.history-table th::before {right: 4px;}
	table.history-table td {padding: 20px 6px 17px 2px;}

	/* =======　実績の検索結果　cgi_bin/101_works_list_skin.html ======== */
	ul.kensaku-ul {margin-top: 10px;}
	ul.kensaku-ul li {margin: 14px 3% 0 0;}
	ul.kensaku-ul li:nth-child(4n) {margin: 14px 3% 0 0;}
	ul.kensaku-ul li:nth-child(3n) {margin: 14px 3% 0 0;}
	ul.kensaku-ul li:nth-child(2n) {margin: 14px 0 0 0;}
	
	/*==========　採用情報 recruit/  ==========*/
	.recruit-box h3 {font-size: 136%;margin-bottom: 10px;}
	.recruit-com1 {margin-bottom: 30px;line-height: 2.1;}
 dl.recruit-dl dt {padding: 17px 0 0 3%;}
	dl.recruit-dl dd {padding: 5px 0 12px 20px;}
	dl.recruit-dl ul.link li {margin: 7px 0 7px 0;}

	/* =======　協力業者募集フォーム　./partner/======== */
	body#toiawase .section.first,
	body#partner .section.first{padding: 50px 0 60px 0;}
	body#toiawase fieldset,
	body#partner fieldset {margin: 4px 0 4px 3px;}
	body#toiawase fieldset span,
	body#partner fieldset span {width: auto;margin-right: 25px;}
	body#toiawase fieldset span:nth-child(2n),
	body#partner fieldset span:nth-child(2n) {width: auto;}
 .check-space.need {padding-left: 36px;background-position: left top 8px;}
	body.naka .privacy-box ol.privacy-ol {margin-left: 0;}
	#toiawase-form dd.paddingtop {padding-top: 0;}
	/*確認ページ*/
	body#partner.kakunin h2 {font-size: 120%;}
	/*送信完了ページ*/
	.kanryou-waku {width: 100%;}
	.kanryou-waku .form-kanryo1 {margin-bottom: 20px;font-size: 120%;}
	.kanryou-waku .form-kanryo2 {line-height: 1.8;text-align: left;}
	
}





@media screen and (max-width: 400px) {
	/* =============中ページ共通のスタイル================== */
	h2 {margin-bottom: 25px;}
	h3 {font-size: 120%;margin-bottom: 14px;}
	
	/* =======中ページ上部のヘッダー画像======== */
	.naka-headerimgs-wrapper {height: 100px;}
	.naka-headerimgs-wrapper .container {height:100px;}
	.nakatop-title {ffont-size: 95%;height: 32px;width:180px;}

	/*==========　［会社案内］会社概要 company/index.html)  ==========*/
	body#company.index .section.first h2 {margin-bottom: 25px;font-size: 150%;}
	.message-cap img {max-width: 100px;margin-bottom: 3px;}
	/*会社概要*/
	body.naka .section.gaiyou {padding: 45px 0 40px 0;}
	table.gaiyou-table th{padding: 7px 10px 0px 10px;}
	table.gaiyou-table td{padding: 3px 10px 13px 17px;}
	
	
	/* =======　協力業者募集フォーム　./partner/======== */
  body#partner h2 {font-size: 130%;letter-spacing: 0.05em;}
	/*送信完了ページ*/
	.kanryou-waku .form-kanryo1 {font-size: 107%;}

	/* =======　お問合せフォーム　toiawase/======== */
	body#toiawase h2{font-size: 117%;}
}





@media screen and (max-width: 370px) {

}