@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
img{vertical-align:bottom;}
a img{border:0;}
a:hover img{opacity:0.7;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}

body{
font:1em/1.5 "HGS教科書体", "小塚明朝 Pro M", "A-OTF リュウミン Pro M-KL", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "ＭＳ 明朝","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif;
color:#333;
font-weight:bold;
-webkit-text-size-adjust:none;
background:#fff;
}

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#460707;
}
a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#c00;
}

/**** Clearfix ****/
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/* 汎用クラス
*****************************************************/
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.mt10{margin-top:10px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.flL{float:left !important;}
.flR{float:right !important;}
img.alignLeft{float:left !important;margin:0 10px 10px 0 !important;display:inline !important;}
img.alignRight{float:right !important;margin:0 0 10px 10px !important;display:inline !important;}
.cent{text-align:center !important;}
.vm{vertical-align:middle !important;}
.alL{text-align:left !important;}
.alR{text-align:right !important;}
.block{display:block !important;}

.fontSS{font-size:0.7em !important;}
.fontS{font-size:0.9em !important;}
.fontM{font-size:1.2em !important;}
.fontML{font-size:1.3em !important;}
.fontL{font-size:1.5em !important;}
.fontLL{font-size:2em !important;}
.fontXL{font-size:2.4em !important;}
.fontBold{font-weight:bold !important;}
.abs{color:#c00 !important;}
.font13 {
	font-size: 13px!important;
}
ol.number li{list-style:decimal !important;margin:0 0 5px 30px !important;}
ul.disc li{list-style:disc !important;margin:0 0 0 20px !important;line-height:1.2;}

.PCnone{display: none}

.vertical-align_top {
	vertical-align: top;
}
.text_center {
	text-align: center;
}
.w-45 {
	width: 45%;
}
.w-100 {
	width: 100%;
}
.m-auto {
	margin: 0 auto;
}

/* レイアウト
------------------------------------------------------------*/
#wrapper,.inner{width:960px;margin:0 auto;}
#wrapper{margin-top:40px;margin-bottom:40px;clear:both;}
#headerBtm{width:960px;margin:0 auto 10px;clear:both;padding-top: 20px}
#headerBtm #logo{width:410px;float:left;}
#headerBtm #tel{width:384px;float:right;}
#content{width:960px;color:#4f1710;}
#footer{width:960px;margin:0 auto;clear:both;} 

/* ヘッダー
*****************************************************/


/* メインメニュー
------------------------------------------------------------*/
nav#mainNav{clear:both;}
nav#mainNav li{float:left;border-right: 1px dotted #845d58;box-sizing: border-box;width: 160px}
nav#mainNav li:first-child{border-left: 1px dotted #845d58;}
button {display: none}


#menu01 a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a,.tel-link a{
display:block;
height: 35px;
line-height:2em;
text-align: center
}



/* トップページ　メイン画像
----------------------------------*/
#mainImg{
width:960px;
margin:0 0 20px 0;
clear:both;
order: 2;
}

/* タイポグラフィ
*****************************************************/
.heading01{margin-bottom:40px;}
.heading02{background:url(images/heading02_bg.png) no-repeat left center;padding:2px 0 13px 20px;margin:0 0 10px 0;font-size:1em;}
.flowTit01{background:url(images/flow_tit01.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}
.flowTit02{background:url(images/flow_tit02.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}
.flowTit03{background:url(images/flow_tit03.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}
.flowTit04{background:url(images/flow_tit04.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}
.flowTit05{background:url(images/flow_tit05.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}
.flowTit06{background:url(images/flow_tit06.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}
.flowTit07{background:url(images/flow_tit07.png) no-repeat left center;padding:2px 0 13px 42px;margin:0 0 10px 0;font-size:1.2em;}

/* コンテンツ
*****************************************************/
.post{margin:0 0 20px 0;}
.post:last-child{margin:0 !important;}
#btmLink{width:100%;margin:0 0 20px 0;text-align:center;clear:both;}
#btmLink a{color:#191919;text-decoration:none;}
#btmLink a:hover{color:#c00;text-decoration:underline;}
.contentsBox01{width:100%;clear:both;display: flex;flex-direction: column;}
.contentsBox02{width:100%;clear:both;}
.contentsBox02 .contentsBox02Left{width:184px;margin:7px 0 10px 20px;position:fixed;float:left;}
.contentsBox02 .contentsBox02Right{width:720px;margin:0 25px 0 0;float:right;}
.indexBox01{width:100%;clear:both;}
.indexBox01 .indexBox01Left{width:610px;float:left;}
.indexBox01 .indexBox01Left .indexBox01LeftA{width:586px;padding:10px;margin:0 0 10px;font-size:0.9em;border:#a0a0a0 2px solid;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;float:left;}
/*20181010追記*/
.indexBox01LeftA p {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}
.indexBox01LeftA p:last-of-type {
    margin-bottom: 0
}
.indexBox01LeftA p::before {
    content: "";
    background: url(images/news-icon/matsu.png) no-repeat 0 0/contain;
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    left: 0
}
.indexBox01LeftA p:nth-of-type(2)::before {
    background: url(images/news-icon/iwa.png) no-repeat 0 0/contain;
}
.indexBox01LeftA p:nth-of-type(3)::before {
    background: url(images/news-icon/hasami.png) no-repeat 0 0/contain;
}
.indexBox01LeftA p:nth-of-type(4)::before {
    background: url(images/news-icon/tourou.png) no-repeat 0 0/contain;
}
.indexBox01LeftA p:nth-of-type(5)::before,
.indexBox01LeftA p:last-of-type::before{
    background: url(images/news-icon/ume.png) no-repeat 0 0/contain;
}

.indexBox01 .indexBox01Left .indexBox01LeftB{width:45%;min-height:230px;padding:10px;border:#a0a0a0 2px solid;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;float:left;}
.indexBox01 .indexBox01Left .indexBox01LeftC{width:45%;min-height:215px;padding:35px 10px 0;text-align:center;border:#a0a0a0 2px solid;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;float:right;}
.indexBox01 .indexBox01Right{width:313px;float:right;}

.flowBox01{width:680px;min-height:160px;margin:0 auto 20px;position:relative;font-size:0.8em;clear:both;}
.flowBox01 .flowBox01Left{width:170px;position:absolute;left:0;}
.flowBox01 .flowBox01Right{width:400px;position:absolute;left:230px;}
.flowBox02{width:680px;margin:0 auto 20px;font-size:0.8em;clear:both;}
.flowBox03{width:680px;min-height:230px;margin:0 auto 20px;position:relative;font-size:0.8em;clear:both;}
.flowBox03 .flowBox03Left{width:680px;position:absolute;left:0;}
.flowBox03 .flowBox03Right{width:400px;position:absolute;left:270px;}
.flowBox04{width:680px;min-height:163px;margin:0 auto 20px;position:relative;font-size:0.8em;clear:both;}
.flowBox04 .flowBox04Left{width:170px;position:absolute;left:0;}
.flowBox04 .flowBox04Right{width:400px;position:absolute;left:230px;}
.flowBox05{width:680px;margin:0 auto 20px;font-size:0.8em;clear:both;}
.flowBox06{width:680px;min-height:160px;margin:0 auto 20px;position:relative;font-size:0.8em;clear:both;}
.flowBox06 .flowBox06Left{width:170px;position:absolute;left:0;}
.flowBox06 .flowBox06Right{width:400px;position:absolute;left:270px;}
.flowBox07{width:680px;min-height:210px;margin:0 auto 20px;position:relative;font-size:0.8em;clear:both;}
.flowBox07 .flowBox07Left{width:170px;position:absolute;left:0;}
.flowBox07 .flowBox07Right{width:400px;position:absolute;left:270px;}
.exampleBox01{width:890px;margin:0 auto 25px;clear:both;}
.exampleBox01 .exampleBox01Left{width:280px;margin:0 25px 0 0;float:left;}
.exampleBox01 .exampleBox01Center{width:280px;margin:0 25px 0 0;float:left;}
.exampleBox01 .exampleBox01Right{width:280px;margin:0;float:left;}
.exampleBox01 dt{margin:0 0 5px 0;display:block;}
.exampleBox01 dd{font-size:0.8em;text-align:right;display:block;}
.companyBox01{width:850px;margin:0 auto 10px;clear:both;}
.companyBox01 .companyBox01Left{width:330px;margin:0 20px 0 0;float:left;}
.companyBox01 .companyBox01Right{width:500px;margin:0;float:left;}
.companyBox02{width:850px;margin:0 auto 20px;clear:both;}
.companyBox03{width:850px;margin:0 auto 20px;clear:both;}
.companyBox03 .companyBox03Left{width:450px;margin:0 20px 0 0;float:left;}
.companyBox03 .companyBox03Left table{width:100%;border-right:#4d4d4d 1px solid;border-bottom:#4d4d4d 1px solid;clear:both;}
.companyBox03 .companyBox03Left th{width:30%;padding:5px;border-left:#4d4d4d 1px solid;border-top:#4d4d4d 1px solid;clear:both;}
.companyBox03 .companyBox03Left td{padding:5px;border-left:#4d4d4d 1px solid;border-top:#4d4d4d 1px solid;clear:both;}
.companyBox03 .companyBox03Left_mdf tr td:nth-child(1) {
	width: 23%;
}
.companyBox03 .companyBox03Right{width:380px;margin:0;float:right;}
.companyBox04{width:850px;margin:0 auto 20px;clear:both;}
.companyBox05{width:770px;margin:0 auto 20px;clear:both;}
.companyBox05 .companyBox05Left{width:375px;margin:0 24px 0 0;float:left;}
.companyBox05 .companyBox05Right{width:371px;float:left;}
.companyBox06{width:680px;margin:0 auto 20px;clear:both;}
.companyBox06 .companyBox06Left{width:285px;margin:0 109px 0 0;float:left;}
.companyBox06 .companyBox06Right{width:286px;float:left;}
.qaBox01{width:850px;margin:0 auto 20px;clear:both;}
.qaBox01 li{margin:0 0 5px 0;}
.qaBox01 a{text-decoration:underline;}
.qaBox02{width:850px;padding:0 0 10px 0;margin:0 auto 20px;border-bottom:#999 2px dotted;clear:both;}
.qaBox02 a{font-size:0.9em;text-decoration:underline;}
.question{
color:#510a01;
font-weight:bolder;
font-size:1.4em;
line-height:1;
background:url(images/question.png) no-repeat 10px 5px;
padding:6px 0 8px 40px;
margin:0 0 5px 0;
}
.anser{
background:url(images/anser.png) no-repeat 10px 5px;
padding:7px 0 9px 40px;
margin:0 0 20px 0;
color:#4d4d4d;
font-size:0.85em;
}
.qaBox02 table{border-right:#4d4d4d 1px solid;border-bottom:#4d4d4d 1px solid;clear:both;}
.qaBox02 th{padding:5px;border-left:#4d4d4d 1px solid;border-top:#4d4d4d 1px solid;clear:both;}
.qaBox02 td{padding:5px;border-left:#4d4d4d 1px solid;border-top:#4d4d4d 1px solid;clear:both;}
.contact table{border-right:#4d4d4d 1px solid;border-bottom:#4d4d4d 1px solid;margin-right: auto;margin-left: auto;}
.contact th{width:30%;padding:10px;border-left:#4d4d4d 1px solid;border-top:#4d4d4d 1px solid;text-align:left;vertical-align:top;}
.contact td{padding:10px;border-left:#4d4d4d 1px solid;border-top:#4d4d4d 1px solid;}


.info_content {
	width: 35%;
}
.info_content a {
	display: block;
}
.info_inner {
	display: flex;
	justify-content: space-around;
}
.figure_wrap {
	position: relative;
}
.figure {
	position: absolute;
	top: calc(50% + 1em);
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.figure span {
	display: block
}
/* フッター
*****************************************************/
#copyright{font-size:0.9em;font-family:"メイリオ", Helvetica, "ＭＳ ゴシック";font-weight:normal;text-align:center;word-break:break-all !important;clear:both;}


/* RSS
*****************************************************/
#feed{
max-height:380px;
overflow:auto;
font-size:12px;
padding:0 5px 0 5px;
}
#feed dl{
line-height:1.5;
}
#feed dl dt{
margin:5px 0 0 0;
font-weight:bold;
color:#07084d;
}
#feed dl dd{
border-bottom:dashed 1px #07084d;
}
.indexBox_wrap {
	display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
	-webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.indexBox01 .indexBox01Left .indexBox01LeftC_mdf {
	padding: 10px 10px;
	margin-bottom: 0px!important;
}
.blog_img {
	width: 58%;
}
.instagram_img {
	width: 20%;
}
/* .recruit {
	font-size: 45px;
	text-align: center;
	border: #a0a0a0 2px solid;
	border-radius: 6px;
	margin-bottom: 10px;
	text-decoration: underline;
} */
.underline {
	text-decoration: underline;
}



/* iPadサイズ以下（このサイトは960pxが基準なので960px）から
------------------------------------------------------------*/
@media only screen and (max-width:960px){
	/* 共通	*****************************************************/	
	*{box-sizing: border-box}
	body{margin: 0 auto}
	.img-fluid{width: 100%;height: auto}
	.px-tab10{padding: 0 10px !important;}

	
	/* ヘッダー	*****************************************************/
	#headerBtm{width: 95%}
	#headerBtm #logo{width: 60%}
	#headerBtm #tel{width: 40%}
	#headerBtm #logo img{width: 65%;height: auto}
	
	
	/* メインメニュー	*****************************************************/
	nav#mainNav li:first-child{margin-left: 20px}
	#menu01 a,#menu02 a,#menu03 a,#menu04 a,#menu05 a,#menu06 a{width: 100%;}
	#mainNav > .inner button {display: none}
	
	
	/* コンテンツ	*****************************************************/
	#wrapper,#content,#mainImg,
	.indexBox01 .indexBox01Left,
	.indexBox01 .indexBox01Left .indexBox01LeftA,
	.indexBox01 .indexBox01Right {
		width: 100%;
	}
	
	.indexBox01 .indexBox01Left .indexBox01LeftB,
	.indexBox01 .indexBox01Left .indexBox01LeftC {
		width: 48%;
		min-height: 250px;
	}
	
	.indexBox01 .indexBox01Left .indexBox01LeftC {
		margin-bottom: 10px;
	}
	
	/* フッター	*****************************************************/
	#footer,.inner{width: 100%}
	
	
	
	/* 下層ページ	*****************************************************/
	/* 施工の流れ */
	.flowBox01,
	.flowBox02,
	.flowBox03,
	.flowBox04,
	.flowBox05,
	.flowBox06,
	.flowBox07 {
		width: 100%;
	}
	
	/* 施工事例 */
	.exampleBox01{width: 100%;padding-left:10px;}
	.companyBox01 .companyBox01Left{padding-left: 10px}
	
	/* 会社概要 */ 
	.companyBox01,
	.companyBox02,
	.companyBox03,
	.companyBox04,
	.companyBox05,
	.companyBox06,
	.companyBox05 .companyBox05Left img,
	.companyBox05 .companyBox05Right img {
		width: 100%;
	}
	
	.companyBox02,
	.companyBox03,
	.companyBox04 {
		padding: 0 10px;
	}
	
	.companyBox01 .companyBox01Left,
	.companyBox01 .companyBox01Right,
	.companyBox03 .companyBox03Left,
	.companyBox03 .companyBox03Right,
	.companyBox05Left,
	.companyBox05 .companyBox05Right {
		width: 45%;
	}
	
	.companyBox05 .companyBox05Left,
	.companyBox06 .companyBox06Left {
		padding-left: 10px;
	}

	
	/* Q&A */
	.qaBox01{width: 100%;padding: 0 10px;}
	.qaBox02{width: 100%;padding: 0 10px 0 0;}
	
	/*お問い合わせ*/
	.contact table{margin: 0 10px;margin-right: auto;margin-left: auto;width: calc(100% - 20px);}
}



/* 幅768px以下　
------------------------------------------------------------*/
@media only screen and (max-width: 768px){
	nav#mainNav li{width: 121.5px}

	/* 施工の流れ */
	.contentsBox02 .contentsBox02Left{display: none}
}





/* 幅645px以上　telのリンク非表示
------------------------------------------------------------*/
@media only screen and (min-width: 645px){
	a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	/* 共通	*****************************************************/	
	img{width: 100%;height: auto}
	.PCnone,.SPblock{display: block}
	.SPnone{display: none}
	.SPflN{float: none !important}

	#wrapper{margin-top:15px;}
	
	
	/* ヘッダー	*****************************************************/
	#headerBtm{margin:0 auto;}
	#headerBtm #logo{width: 100%;}
	#headerBtm #tel{width: 95%;margin: 0 auto;display: none}
	#headerBtm #logo,#headerBtm #tel{float: none;}
    #headerBtm #logo a{margin-left: 35px;}
	
	/* メインメニュー	*****************************************************/
	nav#mainNav li{width: 100%;border: none;float:none;display: inline-block;}
	nav#mainNav li:first-child{margin-left: 0;border-left: none}
	nav#mainNav li:last-child {background: #dacdcd;position: relative;}
	nav#mainNav li:last-child::before {
		content: '';
		display: inline-block;
		position: absolute;
		width: 30px;
		height: 60px;
		background: url(images/tel-icon.png) no-repeat center;
		top: 15%;
		left: 10px
	}
	nav#mainNav li:last-child a{color: #460707;padding-left: 50px}
	nav#mainNav li a{text-align: left;padding: 10px;height: auto;border-bottom: 1px solid #fff;color: #fff}
	nav#mainNav li a:hover{color: #fff;background:#845d58;border: none }
	
	.tel-link span {font-size: 21px;}
	
	#mainNav > .inner {
		background-color: #b59c9c;
    	width: 350px;
    	height: 100%;
    	top: 0;
    	right: -350px;
    	position: fixed;
        z-index: 1000
	}
	
	#mainNav > .inner ul {
    	margin: 0;
    	padding: 0;
    	top: 0;
    	position: absolute;
	}
	
	#mainNav > .inner button {
    	display: block;
    	position: absolute;
    	top: 0;
    	right: 350px;
    	border: none;
		box-sizing: content-box;
		width: 1.5rem;
		margin: 12px 10px 0 0;
		padding: 16px .65rem 32px;
		background: none;
     	border-radius: 8px;
	}


	/*線の動き*/
	#mainNav > .inner button span {
		display: block;
		background: #460707;
		width: 25px;
		height: 3px;
		position: absolute;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
	}
	#mainNav > .inner button span:first-child {
		top: 13px;
	}
	#mainNav > .inner button span:nth-child(2) {
		margin-top: -1px;
		top: 50%;
	}
	#mainNav > .inner button span:last-child {
		bottom: 12px;
	}
	#mainNav > .inner button.move span:first-child {
		-webkit-transform: translateY(12px) rotate(45deg);
		-moz-transform: translateY(12px) rotate(45deg);
		-ms-transform: translateY(12px) rotate(45deg);
		transform: translateY(12px) rotate(45deg);
	}
	#mainNav > .inner button.move span:nth-child(2) {
		opacity: 0;
	}
	#mainNav > .inner button.move span:last-child {
		-webkit-transform: translateY(-8px) rotate(-45deg);
		-moz-transform: translateY(-8px) rotate(-45deg);
		-ms-transform: translateY(-8px) rotate(-45deg);
		transform: translateY(-8px) rotate(-45deg);
	}
	
	

	/* トップページ　メイン画像
	----------------------------------*/
	#mainImg{
	order: 0;
	}
	
	
	

	/* コンテンツ	*****************************************************/
	.contentsBox01{width: 95%;margin: 0 auto;}
	
	.indexBox01 .indexBox01Left,
	.indexBox01 .indexBox01Left .indexBox01LeftA,
	.indexBox01 .indexBox01Left .indexBox01LeftB,
	.indexBox01 .indexBox01Left .indexBox01LeftC,
	.indexBox01 .indexBox01Right {
		width: 100%;
		float: none;
	}
	
	.indexBox01 .indexBox01Left .indexBox01LeftB,
	.indexBox01 .indexBox01Left .indexBox01LeftC {
		margin-bottom: 10px;
	}
	
	.indexBox01 .indexBox01Left .indexBox01LeftC {
		padding: 10px 10px 0;
	}
	.indexBox01 .indexBox01Left .indexBox01LeftC_mdf {
		padding: 10px 10px;
	}

	/* フッター	*****************************************************/
	#footer,address{padding: 0 10px}
	
	
	
	
	/* 下層ページ	*****************************************************/
	/* 施工の流れ */
	.flowBox01 .flowBox01Left,
	.flowBox01 .flowBox01Right,
	.contentsBox02 .contentsBox02Right,
	.flowBox03 .flowBox03Left,
	.flowBox03 .flowBox03Right,
	.flowBox03 .flowBox03Right,
	.flowBox04 .flowBox04Left,
	.flowBox04 .flowBox04Right,
	.flowBox06 .flowBox06Left,
	.flowBox06 .flowBox06Right,
	.flowBox07 .flowBox07Left,
	.flowBox07 .flowBox07Right {
		width: 100%;
	}
	
	.contentsBox02 .contentsBox02Right{float: none;margin: 0}
	
	.flowBox01,
	.flowBox01 .flowBox01Left,
	.flowBox01 .flowBox01Right,
	.flowBox03,
	.flowBox03 .flowBox03Left,
	.flowBox03 .flowBox03Right,
	.flowBox04,
	.flowBox04 .flowBox04Left,
	.flowBox04 .flowBox04Right,
	.flowBox06,
	.flowBox06 .flowBox06Left,
	.flowBox06 .flowBox06Right,
	.flowBox07,
	.flowBox07 .flowBox07Left,
	.flowBox07 .flowBox07Right{
		position: static;
	}
	
	.flowBox01,
	.flowBox02,
	.flowBox03,
	.flowBox04,
	.flowBox05,
	.flowBox06 {
		margin: 0 auto 50px;
		padding: 0 10px;
	}
	.flowBox07{margin: 0 auto 20px;padding: 0 10px;}
	
	.flowBox01 .flowBox01Left,
	.flowBox02 {
		text-align: center
	}
	
	.flowBox02 p{text-align: left}
	
	.flowBox01 .flowBox01Left img,
	.flowBox02 img,
	.flowBox04 .flowBox04Left img,
	.flowBox07 .flowBox07Left img {
		width: 80%;
	}
	.flowBox02 img{float: none !important;}
	.flowBox03 .flowBox03Left img,
	.flowBox04 .flowBox04Left img,
	.flowBox05 img,
	.flowBox06 .flowBox06Left,
	.flowBox07 .flowBox07Left {
		margin-bottom: 10px
	}

	
	
	/* 施工事例 */
	.exampleBox01 .exampleBox01Left {
		float: none;
		margin: 0 auto;
	}
	
	.exampleBox01,.companyBox01 .companyBox01Left{padding-left:0;}
	
	
	/* 会社概要 */
	.companyBox01 .companyBox01Left,
	.companyBox01 .companyBox01Right,
	.companyBox03 .companyBox03Left,
	.companyBox03 .companyBox03Right,
	.companyBox05 .companyBox05Left,
	.companyBox05 .companyBox05Right {
		width: 100%;
	}
	
	.companyBox03 .companyBox03Left {
		margin-bottom: 10px;
	}
	
	.companyBox01,
	.companyBox05 .companyBox05Left {
		padding: 0 10px 20px;
	}
	.companyBox05 .companyBox05Right {
		padding: 0 10px;
	}
	
	.companyBox05 .companyBox05Left,
	.companyBox05 .companyBox05Right,
	.companyBox06 .companyBox06Left,
	.companyBox06 .companyBox06Right {
		text-align: center;
	}
	
	.companyBox06 .companyBox06Left,
	.companyBox06 .companyBox06Right {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	
	.companyBox06 .companyBox06Left {
		padding: 0 0 10px;
	}
	
	
	/*お問い合わせ*/
	.contact th{width:100%;display: block}
	.contact td{display: block}

	.indexBox_wrap {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			 -ms-flex-direction: column;
					 flex-direction: column;
		margin-bottom: 10px;
	}
}



.formErrorContent {
    font-size: 0.8em;
    color: #c00;
}

.k-form_category .undefinedformError:last-of-type {
	display: none!important;
}
.k-form_category td {
	display: flex;
	flex-wrap: wrap;
}
.k-form_category td:last-of-type label:last-of-type {
	display: flex;
}
.k-form_category td:last-of-type label:last-of-type .formError {
	order: 9;
}