@charset "utf-8";


.clearfix {
  background: #fff;
  *zoom: 1;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.box1,
.box2 {
  float: left;
  background: #eee;
  width: 240px;
  height: 80px;
  margin: 24px;
}
.box2 {
  float: none;
  margin: 60px 0 0 280px;
}




/* CSS Document */
@media screen and (max-width: 320px) {
html {font-size: 62.5%; }
h1{
	background:#000000;
	color:#fff;
	font-size:1.8rem;
	padding:5px 0 0px 0px;
	height:4.69%;
	font-weight:bold;
	text-align:center;
}
.price_step_title{
	border-bottom:1px dotted #15458C;
}
.left_title{
	border-left:2.5px solid #0C5AA9;
}

.eco_come_box01{
	border:1px solid #1C2D61;
}

.chiiki_box{
	border:1px solid #15458C;
	background:#E6EEFF;
}
.company_table td{
	border-bottom:1.5px solid #fff;
}

}
@media screen and (min-width: 321px) {
	


   html { font-size: 72.5%; }
   h1{
	background:#000000;
	color:#fff;
	font-size:2rem;
	padding:5px 0 0px 0px;
	height:4.69%;
	font-weight:bold;
	text-align:center;
	}
.price_step_title{
	border-bottom:2px dotted #15458C;
}
.left_title{
	border-left:5px solid #0C5AA9;
}
.eco_come_box01{
	border:2px solid #1C2D61;
}
.chiiki_box{
	border:2px solid #15458C;
	background:#E6EEFF;
}
.company_table td{
	border-bottom:3px solid #fff;
}
}




/* 全体の設定
--------------------*/
header,footer,nav,section{display:block;}

body,h1,h2,h3,h4,h5,h6,
ul,li,img{
	margin:0;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
	padding: 0;
}


body{
	font-size:70%;
	line-height:140%;
	font-weight:normal;
}


/*p{
	margin:10px 0px 10px 0px;
	padding:0;
	font-size:70%;
	line-height:140%;
	font-weight:normal;
}*/




.clearfix{zoom:1;}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
}

img {
	max-width: 100%; 
    vertical-align: bottom;
    -ms-interpolation-mode: bicubic; /* IE7で画像縮小時の劣化防止 */
	border:none;
}

strong{font-size:1rem; color:#F00;}
body{-webkit-text-size-adjust:none;}

li{list-style:none;}

a{color:#0C5BA9;}/* リンク色変更はここ */

.pb18{padding-bottom:2.8125%;}
.mb18{margin-bottom:2.8125%;}
.mb20{margin-bottom:3.125%;}
.mb30{margin-bottom:4.6875%;}
.mb40{margin-bottom:6.25%;}
.mb50{margin-bottom:7.8125%;}
.mb100{margin-bottom:15.625%;}

.w580{width:90.625%; margin-left:4.6875%;}
.w600{width:93.75%;	margin:0 auto;}

.fs13{font-size:1.3rem;}
.lh150{line-height:150%;}

.ml10{margin-left:10px;}


/*----------------------------------------
 トップページここから
----------------------------------------*/

/* hd */


#box_top{
	width:100%;
}

h2#top img{
	max-width: 100%; 
    height:auto;
}


#btn_box{
top:0%;
	position:relative;
	height:145px;
	

}

.btn_title{
	top:-5%;
	position:absolute;
	width:100%;

}


.btn_box_in{
	width:45.31%;
	position:absolute;
	top:35.19%;
	left:3.125%;
}
.btn_box_in2{
	width:45.31%;
	position:absolute;
	top:35.19%;
	right:3.125%;
}
.btn_box_in img,.btn_box_in2 img{
	max-width: 100%; 
    height:auto;
}


article{
	width:90.625%;
	margin-left:4.6875%;
}
article p{
	font-size:1.3rem;
	line-height:150%;
}


.topbn{
	width:93.7%;
	margin-left:3.2%;
}
.topbn p{
	font-size:1.3rem;
	line-height:150%;
}


.index_table{
	width:100%;
}
.index_table td{
	padding-top:1%;
	padding-bottom:1%;
	text-align:center;
}

.index_table .tdh1,.index_table .tdh2,.index_table .tdh3{
	border-right:1px solid #fff;
	color:#fff;
	background:#0C59A9;
}
.index_table .tdh1{
	width:26.5625%;
}
.index_table .tdh2{
	width:20.3125%;
}
.index_table .tdh3{
	width:17.5%;
}
.index_table .tdh4{
	width:17.5%;
	color:#fff;
	background:#0C59A9;
}
.index_table .td1{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.index_table .td2{
	border-bottom:1px solid #ccc;
}
.index_table .p0{
	letter-spacing:-0.175rem
}
.index_table .p1{
	font-size:0.85rem;
	text-align:center;
}
.index_table .p1 span{
	font-size:0.85rem;
	color:#ff0000;
	font-weight:bold;
}
.index_table .p2{
	text-align:center;
	font-size:1rem;
	color:#ff0000;
	font-weight:bold;
}

.article2_box{
    height: 0;
    padding-top:61%;
/*    padding-top:83.45%;
*/	width:100%;
	position:relative;
}
.article2_inl{
	width:27.59%;
	position:absolute;
	left:0%;
	top:0%;
}
.article2_inr{
	width:72.41%;
	position:absolute;
	left:27.59%;
	top:0%;
}
.article2_inr p{
	line-height:150%;
}
.article2_inr span{
	font-size:1.1rem;
	color:#0C5AA9;
	line-height:150%;
}

.gonav{border-bottom:1px solid #C3C3C3;}


div.gallery_set2 ul {
	width:100%;
	margin-left:0px;
	margin-top:20px;
}

div.gallery_set2 ul{
	font-size: 0;
}

div.gallery_set2 ul li {
/* float:left; */
display: inline-block;
vertical-align: top;
width:calc(50% - 10px);
margin-bottom:10px;
margin-right: 20px;
text-align:center;
/* padding:5%;	 */
}
div.gallery_set2 ul li:nth-child(2n){
	margin-right: 0;
}
/* 20210331 */






/* フッタ部分
--------------------*/
#footer{
	text-align:center;
	background:#000000;
	margin-top:7.81%;
	color:#fff;
}

#footer a{color:#fff; text-decoration:underline;}

.ft01{font-size:1.9rem; color:#fff; line-height:120%; font-weight:bold; padding-top:4.22%; margin-bottom:4%}
.ft01 span{font-size:1.3rem; color:#fff; line-height:120%; font-weight:bold;}

.ft02{font-size:1.3rem; color:#fff; line-height:150%; margin-bottom:4.5%;}

#footer img{max-width:48.5%; height:auto;}

/*----------------------------------------
 カテゴリページここから
----------------------------------------*/
.big_title{
	width:100%;
	height:0px;
	padding-bottom:12.5%;
	background:#15458C;
}
.big_title h2{
	width:100%;
	font-size:1.6rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	padding-top:3.28125%;
}
.mid_title{
	width:100%;
	height:0px;
	padding-bottom:12.5%;
	background:#15458C;
	margin-bottom:3.448275862068966%;
}
.mid_title h4{
	width:100%;
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
	line-height:150%;
	text-align:center;
	padding-top:0.8620689655172414%;
}
.mid_title span{
	font-size:1.2rem;
	font-weight:bold;
	color:#fff;
}
.small_title{
	width:100%;
	height:0px;
	padding-bottom:8.96551724137931%;
	background:url(../img/small_title.jpg) no-repeat;
	margin-bottom:3.448275862068966%;
}
.small_title h3{
	width:97.58620689655172%;
	font-size:12px;
	font-weight:bold;
	padding-top:2.068965517241379%;
	padding-left:2.413793103448276%;
}

.left_title{
	width:100%;
	height:6.03448275862069%;
	margin-bottom:2.586206896551724%;
}
.left_title h4{
	font-size:1.25rem;
	font-weight:bold;
	color:#0C5AA9;
	padding-left:2.586206896551724%;
}

/*施工事例-料金*/

.title_bg {
	background: url(../img/works_title_bg.jpg) bottom;
	background-repeat: no-repeat;
	line-height: 35px;
	color: #000;
	padding: 0 0 0 10px;
	font-size: 150%;
	font-weight: bold;
	margin: 0 0 20px 0px;
}


.price_p1{
	width:100%;
	font-size:1.3rem;
	line-height:150%;
}
.price_p2{
	width:100%;
	font-size:1.3rem;
	line-height:120%;
	color:#15458C;
	font-weight:bold;
}

.price_step{
	width:100%;
}
.price_step img{
	width:12.06896551724138%;
	float:left;
}
.price_step div{
	width:87.93103448275862%;
	float:left;
}
.price_step_title{
	width:100%;
	font-size:1.3rem;
	font-weight:bold;
	color:#0C5AA9;
	margin-bottom:2.9%;
}

/*eco*/
.eco_p1{
	width:100%;
	font-size:1.3rem;
	line-height:150%;
}
.eco_come_box01{
	width:93.10344827586207%;
	padding:3.448275862068966%;
}
.eco_come_box01 p{
	font-size:1rem;
	line-height:150%;
}
.eco_come_box01 span{
	font-size:1rem;
	color:#1C2D61;
}
.eco_table{
	width:100%;
}
.eco_table td{
	padding-top:1%;
	padding-bottom:1%;
	text-align:center;
	font-size:0.7rem;
}
.eco_table .tdh1{
	border-right:1px solid #fff;
	color:#fff;
	background:#0C59A9;
}
.eco_table .tdh2{
	border-right:1px solid #0C59A9;
	color:#fff;
	background:#0C59A9;
}
.eco_table .tdh1{
	width:29.31034482758621%;
}
.eco_table .tdh2{
	width:70.68965517241379%;
}
.eco_table .td1{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.eco_table .td2{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height:130%;
}
.eco_table .td1 span{
	font-size:1.0rem;
	color:#F00;
}
.eco_table .td2 span{
	font-size:0.7rem;
	color:#F00;
}

/*対応地域*/
.chiiki_box{
	width:93.10344827586207%;
	padding:3.448275862068966%;
}
.chiiki_box p{
	font-size:1rem;
	line-height:150%;
}
.chiiki_box h4{
	font-size:1rem;
	font-weight:bold;
}
	
/*会社*/
.company_table{
	width:100%;
	margin-bottom:6.896551724137931%;
}
.company_table td{
	width:96.9%;
	padding-left:3.1%;
	padding-top:2.58%;
	padding-bottom:2.58%;
	font-size:1.3rem;
	line-height:150%;
}
.company_table td.g{
	background:#FFFFFF;
}
.company_table td.gb{
	background:#F0F0F0;
}

iframe{width:100%; height:80%;}

/*問い合わせ*/
.contact_p{
	width:100%;
	font-size:1.3rem;
	line-height:150%;
}
.contact_p span{
	color:#0099FF;
	font-size:1.3rem;
}
.contact_box{
	width:93.75%;
	margin-left:3.125%;
}

.point_red	 			{color:#ff0000 ; font-size: 14px ; margin:10px 0px 10px 0px ; padding-top: 12px ; padding-bottom: 8px ;border-bottom: 1px dashed #999 ;border-top: 1px dashed #999 ; width:100%;font-size:1.3rem;line-height:150%;}

.subtitle{
	width:95%;
	padding:3% 0% 3% 0%;
	margin-left:2.5%;
	margin-top:2.5%;	
	background-color:#fff;
	text-align:center;
	font-size:140%;
	border-bottom:solid 2px #016EBE;
	border-top:solid 2px #016EBE;	
}

.hyou1{
	width:100%;
}

.hyou1 td{
	font-size:1.3rem;
	line-height:150%;
}









.index_box{
	width:50%;
	height:auto;
	float:left;
    margin-top: 65px;
}
.index_box img{
	margin-bottom:10px;
}
.index_box .come01{
	font-size:12px;
    margin-top: 10px;

}

.index_box .title{
	font-size:20px;
    text-align: center;
    margin-bottom: 4px;
    font-weight: bold;

}


.index_box .title_sub{
	font-size:14px;
    text-align: center;
    font-weight: bold;
margin-bottom: 15px;
    letter-spacing: 3px;
}




.index_box .btn{
    text-align: center;
    margin-top: 20px;
}