@charset "UTF-8";

body	{margin: 0;
	     font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
		 background-color: #FFFFEC}

.header, .main, .footer {background-color: #FFFFFF}

/* ヘッダー */
.header h1 {margin: 0}

.header img {margin-top: 10px;
			 margin-bottom: 0;
			 border: none;
			 width:100%}

.header i {margin-right: 5px}

.header:after {content: "";
			   display: block;
			   clear: both}
				 
.nav	{float: left;
		 width: 100%}				 
				 	 				 
/* ヘッダー下ナビ */
.nav {background-color: #58C274}

.menu ul {margin: 0;
		  padding: 0;
		  list-style: none}
		  
.menu li a {display: block;
			padding: 5px 5px;
			color: #ffffff;
			font-size: 14px;
			text-decoration: none;
			text-align: center;
			border-right:1px solid #ffffff}
			

.menu li:last-child a{border-right: none}			
			
.menu li a:hover {background-color: #3AA357}

.menu ul:after {content: "";
				display: block;
				clear: both}

.menu li	{float: left;
			 width: 16.6666%}
			 
/* サイド画像 */
.side-pick1 {margin-top: 10px;
		     margin-left: 10px}
			 
.side-pick1 img {width:100%;
				 height: auto;
				 border:none}			 
			 
/* サイドナビ */
.sidenav1 {margin-top: 0px;
		   margin-left: 10px;
		   border: solid 1px #3AA357}

.sidenav1 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav1 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #3AA357}
				   
.sidenav1 li a:hover	{background-color: #58c274;
						 color: #ffffff}

.sidenav1 li:last-child a{border-bottom: none}

.sidenav1 i {margin-right: 5px}


#dai1 {background-color: #3AA357;
      border-bottom: solid 1px #3AA357;
	  font-size: 14px;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 3px 5px}
	  
.sidenav2 {margin-top: 10px;
		   margin-left: 10px;
		   border: solid 1px #3AA357}

.sidenav2 ul {margin: 0;
		      padding: 0;
		      list-style: none}
			
.sidenav2 li a {display: block;
				padding: 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none;
				border-bottom: dashed 1px #3AA357}
				   
.sidenav2 li a:hover	{background-color: #58c274;
						 color: #ffffff}

.sidenav2 li:last-child a{border-bottom: none}

.sidenav2 i {margin-right: 5px}

#dai2 {background-color: #3AA357;
      border-bottom: solid 1px #3AA357;
	  font-size: 14px;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 3px 5px}
	  
/* 対応エリア */
.area {margin-top: 10px;
	   margin-left: 10px;
	   border: solid 1px #FFBD35}
	   
.area ul {margin: 0;
		  padding: 0;
		  list-style: none}  
		  
.area h3 {margin:0}

.area p {margin-top:0;
		 margin-left: 10px;
		 margin-right: 10px;
         font-size:12px}		  
		  
#map {margin-top: 5px;
	  margin-left: 5px;
	  margin-right: 5px;}		  
	   	   
.area i {margin-right: 5px}

.area img {width:100%}	   
	   
#dai3 {background-color: #FFBD35;
	  font-size: 14px;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 3px 5px}
	  
/* カラシュミ */
.color {margin-top: 5px;
	   margin-left: 10px}

.color img {width:100%;
			border:none}
  	   
/* 使用メーカー */
.meka {margin-left: 10px}

.meka h3 {margin:0}

.meka p {margin: 0;
		 font-size: 12px}

.meka i {margin-right: 5px}

.meka img {margin-top: 0;
		   width:100%;
		   border:none}
	  
#dai4 {background-color: #FF6666;
	  font-size: 14px;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 3px 5px;
	  margin-bottom: 5px}	
	  
/* リンク */
.link {margin-top: 5px;
	   margin-left: 10px}

.link h3 {margin:0}

.link i {margin-right: 5px}

.link img {margin-top: 0;
		   width:100%;
		   border:none}
	  
#dai5 {background-color: #FF6666;
	  font-size: 14px;
	  color: #ffffff;
	  font-weight: bold;
	  padding: 3px 5px;
	  margin-bottom: 5px}
	  
/* top注意書き */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #dc143c;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #dc143c;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}		 	  	 		
	  		  
/* ####外壁塗装##### */
.gaiheki {margin-top: 20px;
          margin-right:10px}

.gaiheki ul {margin: 0;
		     padding: 0;
		     list-style: none}
						
.gaiheki img {width: 100%;
			 border: none;
			 display: block;
	         margin: 0 auto;
	         padding: 0;}
			 
.gaiheki h2 {margin: 0;
			 padding-bottom:10px}

.gaiheki:after	{content: "";
	             display: block;
	             clear: both}
				 
.katetopimg {float: left;
	         width: 33.333333%}

.katetopimg	{padding-right: 10px;
			 padding-bottom: 5px;
	         -moz-box-sizing: border-box;
	         -webkit-box-sizing: border-box;
	         box-sizing: border-box}
			 
.katetop-simg {float: left;
	           width: 20%}

.katetop-simg {padding-right: 10px;
	           -moz-box-sizing: border-box;
	           -webkit-box-sizing: border-box;
	           box-sizing: border-box}			 
			 
.daiimg {float: left;
	     width: 50%}

.daiimg	{padding-right: 10px;
	     -moz-box-sizing: border-box;
	     -webkit-box-sizing: border-box;
	     box-sizing: border-box}
		 
/* 外壁メニュー */		 
.gaimenu {margin-top: 20px;
          margin-right: 10px;
		  border: solid 1px #3AA357;
		  padding:10px}
		  
.gaimenu ul {margin: 0;
		     padding: 0;
		     list-style: none}
			 
.gaimenu li a {display: block;
			   padding: 5px;
			   color: #000000;
			   font-size: 16px;
			   text-decoration: none;
			   margin-left: 10px;}
				
.gaimenu li a:hover	{background-color: #eeeeee}				
			   
.gaimenu h1 {margin-top: 0;
			 margin-bottom: 0;
			 border-bottom: dotted 2px #dddddd;
			 font-size: 20px}		  		 

.gaimenu i {margin-right: 5px}

.grey1 {border: solid 1px #DFDFDF;
		margin-top:10px;
		margin-right:10px;
		background:#F5F5F5;}
		
.grey2 {border: solid 1px #F5F5F5;
	    margin: 3px;
		background:#ffffff;
		padding:5px;
		font-size:14px}
		
.grey1 ul {margin: 0;
		   padding: 0;
		   list-style: none}
			 
.grey1 li a {display: block;
			 padding: 5px;
			 color: #0099CC;
			 font-size: 16px;
			 text-decoration: none;
			 margin-left: 10px}
				
.grey1 li a:hover	{background-color: #eeeeee}				
			   
.grey1 h1 {margin-top: 0;
		   margin-bottom: 10px;
		   border-bottom: dotted 2px #dddddd;
		   font-size: 20px;
		   padding:5px;
		   letter-spacing: 10px;
		   color:#666666}		  		 

.grey1 i {margin-right: 5px}
		
		

/* 塗り替えの必要性 */
.hituyou h2 {margin-top:20px;
             padding-left: 10px;
			 border-left:solid 10px #7cbac1;
			 font-size: 20px}
		
.hituyou {margin-right: 10px}

.hituyoukakoi{border: solid 1px #3AA357}		
			 
.hituyoucenter {margin-bottom:10px;}

.hituyou p {font-size:14px;
			line-height: 1.8;
			padding-left:10px;
			padding-right:10px}
			
.hituyou img {width:100%;
			  height:auto;
			  border:none}			

.midoridai {font-size: 18px;
		    color: #009966;
			font-weight: bold}
			
.midorifuto {color: #009966;
			font-weight: bold}
			
.akafuto {color: #FF0000;
		  font-weight: bold;
		  text-decoration: underline}
		 
.akasen {color: #FF0000;
	  text-decoration: underline}
	  
.aka {color: #FF0000}	  
	  
	  
/* 塗り替えの必要な主な状態 */
.joutai h2 {margin-top:40px;
             padding-left: 10px;
			 border-left:solid 10px #7cbac1;
			 font-size: 20px}
			 
.joutai {margin-right: 10px}

.joutaikakoi{border: solid 1px #3AA357}

.joutai p {font-size:14px;
		   line-height: 1.8;
		   padding-left:10px;
		   padding-right:10px}
		   
.futo {font-weight: bold}

.genshou1 {margin-top:10px;
           border: solid 1px #FFBD35}
		   
.genshou1 h3{font-size:14px;
			 background-color:#FFFF99;
			 margin:0;
			 padding:2px;
			 border-bottom: solid 1px #FFBD35;
			 font-weight: bold}

.genshou1 p{font-size:14px;
		    line-height: 1.8;
			margin-top:5px;
			padding-right:5px}
			
.genshou2 {margin-top:10px;
           border: solid 1px #FFBD35}
		   
.genshou2 h3{font-size:14px;
			 background-color:#FFFF99;
			 margin:0;
			 padding:2px;
			 border-bottom: solid 1px #FFBD35;
			 font-weight: bold}

.genshou2 p{font-size:14px;
		    line-height: 1.8;
			margin-top:5px;
			padding-right:5px}
									 
/* 外壁の施工手順 */
.gaitejun {margin-right: 10px}

.gaitejun h2 {margin-top:40px;
              padding-left: 10px;
			  border-left:solid 10px #7cbac1;
			  font-size: 20px}	
			   
.gaitejun h3 {font-size:14px;
			  background-color:#FFBD35;
			  margin:0;
			  padding:2px;
			  border-bottom: solid 1px #FFBD35;
			  font-weight: bold}
			  
.gaitejun p {font-size:14px;
		     line-height: 1.8;
			 margin-top:5px;
			 padding-right:5px;
			 padding-left:5px}
			 
.store1 {border: solid 1px #FFBD35;
	     margin-top:20px;}	   

.store2 {background:#ff9900;
	   	 color:#FFFFFF;
	   	 padding:5px;
	   	 font-size:16px;}
		 
.store3 {padding:10px;
	   	 font-size:14px;
	   	 line-height:1.8;}
		 
.store3 span{padding-right:5px;
			 padding-left:5px;
			 display:block;
			 float:left;
		   	 font-weight: bold;
			 color:#ffffff;
			 background-color:#00cccc;}			 		 
			 
.store3 p {display:block;
		   overflow: auto;
		   margin:0;
		   font-weight: bold;
		   color:#333333;}
				 				  
.gaitejun1 {margin-top:10px;
			margin-bottom:20px;
            border: solid 1px #FFBD35;
			padding-bottom:10px;}
			 
.gaitejun1-1 {margin:10px}			 
			   		 					 
.gaitejun1 img {width:100%;
		        height:auto}
				
.gaitejun img {border:none}

.gaitejun2, .yatejun2, .botejun2, .shtejun2, .futejun2 {margin-top:20px}

.gaitejun2, .gaitejun3, .gaitejun4, .gaitejun5, .gaitejun6, .gaitejun7, .gaitejun8, .gaitejun9 {border: solid 1px #FFBD35;}
			
.mojinuri {display:inline-block;
		   padding: 5px 10px;
		   background-color:#009933;
		   color:#ffffff;
		   font-weight: bold;
		   margin-left:5px;
		   margin-bottom:5px;}
		   
.mojidai, .mojidais {font-size:18px;
		  margin-left:5px;
		  color:#009933;
		  font-weight: bold;}		   

#kasen {border-bottom: dotted 2px #dddddd;}
			 
.migi {float:right;
	   margin-right:5px;
	   margin-left:5px;}
	   
.migi-dan {float:right;
	   margin-right:5px;
	   margin-left:5px}	  
	   
.yaji {text-align: center;
       padding-top:5px}
	   
.yatejun2, .yatejun3, .yatejun4, .yatejun5, .yatejun6, .yatejun7, .yatejun8 {border: solid 1px #FFBD35;}	   

.botejun2, .botejun3, .botejun4, .botejun5, .botejun6, .botejun7 {border: solid 1px #FFBD35;}

.shtejun2, .shtejun3, .shtejun4, .shtejun5, .shtejun6 {border: solid 1px #FFBD35;}

.futejun1 {border: solid 1px #3AA357;
		   margin-bottom:10px;
		   padding-top:5px}

.futejun2, .futejun3, .futejun4, .futejun5, .futejun6 {border: solid 1px #FFBD35;
													   margin-bottom:10px;}
			
/* ###お問合せ### */
.toi1 {margin-top: 10px;
	   margin-right:10px;
	   border: solid 1px #3AA357}

.toi1 ul {margin: 0;
		  padding: 0;
		  list-style: none}
			
.toi1 li {padding:5px;
		  border-bottom: solid 1px #3AA357}
		
.toi1 li:last-child {border-bottom: none}		
					   
.backgreen{background-color:#3AA357;
		   color:#ffffff;
		   text-align:center}
		   
.bango1{font-size:30px;
	   color:#FF3366;
	   text-align:center}
		   
.toi1 i {margin-right: 5px;
		 color:#3AA357;
		 vertical-align: middle}
		 
.toi1 p {font-size:14px;
		 line-height:1.8;
		 margin-top:0}
		 
.toi1 li a {color:#0033FF}

.toi1 li hover {color:#0033FF}
		 
		 
.toi2 {margin-top: 10px;
	   margin-right:10px;
	   border: solid 1px #3AA357}

.toi2 ul {margin: 0;
		  padding: 0;
		  list-style: none}
			
.toi2 li {padding:5px;
		  border-bottom: solid 1px #3AA357}
		  
.toi2 li a {color:#FF3366;}

.toi2 li hover {color:#FF3366;}
		
.toi2 li:last-child {border-bottom: none}

.toi2 i {margin-right: 5px;
		 color:#3AA357;
		 font-size:30px;
		 vertical-align: middle}
		 
.toi2 p {font-size:14px;
		 line-height:1.8;
		 margin-top:0}
		 
.bango2{font-size:20px;
	   color:#FF3366;
	   text-align:center}
	   
.keitai {margin-top:10px;
		 margin-right:10px;
		 padding:5px;
	     border: solid 1px #3AA357}
		 
.keitai p {font-size:12px;
		 line-height:1.8;
		 margin-top:0}
		 
/* 会社概要 */
.gaiyou {margin-right:10px}		 
.gaiyou table   {width:100%;
				 border-collapse: separate;
				 border-spacing: 0;
				 text-align: left;
				 line-height: 1.5;
				 border-top: 1px solid #ccc;
				 border-left: 1px solid #ccc;}
				 
.gaiyou th {padding: 10px;
			width:25%;
			vertical-align: top;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-top: 1px solid #fff;
			border-left: 1px solid #fff;
			background: #eee;}

.gaiyou td  {padding: 10px;
			 vertical-align: top;
			 border-right: 1px solid #ccc;
			 border-bottom: 1px solid #ccc;}
			 
.gaiyou img {vertical-align: middle;
			 margin-right:5px}
			 
.access {margin-top:10px;
		 margin-right:10px;
		 border: solid 1px #3AA357}
		 
.access h2 {background-color: #3AA357;
	        margin-top:0;
			font-size: 14px;
	  		color: #ffffff;
	  		font-weight: bold;
	 		padding: 3px 5px}
		 			 			 
.ggmap {position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;}
 
.ggmap iframe, .ggmap object, .ggmap embed {position: absolute;
											top: 0;
											left: 0;
											width: 100%;
											height: 100%;}
											
.privacy{margin-top:10px;
		 margin-right:10px}

.privacy table{border-spacing: 0;
			   border-collapse: collapse;
			   border: solid 1px #3AA357;
			   }

.privacy th {background-color: #3AA357;
			 font-size: 14px;
	  		 color: #ffffff;
	  		 font-weight: bold;
	 		 padding: 3px 5px;
			 text-align:left;}
			 
.privacy td {border: solid 1px #3AA357;
			 padding:5px;
			 font-size:14px}			 
/* 施工流れ */	
#nagaredai{margin-top:10px}

.mojinuripin {display:inline-block;
		   padding: 5px 10px;
		   background-color:#FF6666;
		   color:#ffffff;
		   font-weight: bold;
		   margin-left:5px;
		   margin-bottom:5px;}
		   
.mojidaipin {font-size:18px;
		  margin-left:5px;
		  color:#FF6666;
		  font-weight: bold;}		   
										
.nagare {border: solid 1px #FF6666;}

.nagare a {color:#0000FF}

.jimu {padding-left:20px;}

/* Q&A */	
.qa {margin-right:10px;
	 margin-top:10px}

.qamenu {border: solid 1px #3AA357;
		 padding-bottom:10px}

.qa h2 {background: #3AA357;
		font-size:16px;
		color:#FFFFFF;
		margin-top:0;
		padding:5px;}
		
.qa p{line-height:2.0;
	  padding-left:10px;
	  padding-right:10px;
	  font-size:16px}		 	  	   		
		
.qa a {color:#0000FF;}
	   
.an {margin-top:20px;
	 margin-right:10px;
	 border: solid 1px #FF9900;}
	  
.an h3 {background:#FF9900;
		 font-size:14px;
		 color:#FFFFFF;
		 margin-top:0;
		 margin-bottom:0;
		 padding:3px}
		 
.qaan p{margin-top:5px;
		line-height:1.8;
		padding-left:10px;
		padding-right:10px;
		font-size:14px}
		
/* 施工実績 */
.sejiseki {margin-top:10px;
		   margin-right:10px}
		   
.jisekito {border: solid 1px #3AA357}

.jisekito h2 {background:#3AA357;
		 	  font-size:16px;
		 	  color:#FFFFFF;
			  padding:3px;
			  margin-top:0}
			  
.jisekito p{padding-left:10px;
			padding-right:10px;
	  		font-size:14px;}
			
.jiseki1 h2 {background:#60c0a0;
		 	 font-size:20px;
		 	 color:#FFFFFF;
			 padding:5px}
			 
.jiseki1:after	{content: "";
	             display: block;
	             clear: both}
				 
.jiseki2:after	{content: "";
	             display: block;
	             clear: both}
				 
.jiseki2 img {width: 100%;
			  max-height:300px;
			  border: none}
			  
img.h-top1 {max-width: 240px;
		    height:100%;
		    border: none}
			
img.h-top2 {max-width: 260px;
		    height:100%;
		    border: none}
			
.jidaiimg {float: left;
	       width: 49%;
		   text-align:center;
		   padding-right: 10px;
	       -moz-box-sizing: border-box;
	       -webkit-box-sizing: border-box;
	       box-sizing: border-box;
		   margin-bottom:10px}
			 
.sekoumoji {background:#FF0066;
			font-size:16px;
			color:#FFFFFF;
			padding:4px;}
			
.jiseki2 {border-bottom: dashed 1px #dddddd}

.jiseki3 {border-bottom: dashed 1px #dddddd;
		  margin-bottom:10px;}
		  
.jiseki4 {border-bottom: dashed 1px #dddddd;
		  padding-bottom:10px;}
		  

.jiseki3:after	{content: "";
	             display: block;
	             clear: both}
				 
.jishoimg {float: left;
	       width: 19%;
		   text-align:center;
		   margin-right: 5px;
	       -moz-box-sizing: border-box;
	       -webkit-box-sizing: border-box;
	       box-sizing: border-box;
		   font-size:14px;
		   margin-bottom:10px}
				 
.jiseki3 img {width: 100%;
			  height:170px;
			  border: none;}
			  
img.h-top3 {width: 100%;
		    height:140px;
		    border: none}
			
img.h-top4 {width: 100%;
		    height:110px;
		    border: none}						  									  
			  
.jiseki3 h2 {padding-left: 10px;
			 border-left:solid 10px #7cbac1;
			 font-size: 18px}
			 
.jishoshoimg {float: left;
	       width: 19%;
		   text-align:center;
		   margin-right: 5px;
	       -moz-box-sizing: border-box;
	       -webkit-box-sizing: border-box;
	       box-sizing: border-box;
		   font-size:14px;
		   margin-bottom:10px}
			 
			  
.jishoshoimg img{width: 100%;
			     height:auto;
			     border: none;}
				 
.jiseki4 h2 {padding-left: 10px;
			 border-left:solid 10px #7cbac1;
			 font-size: 18px}
				 		  				 
				 
.jiseki4 table{border-spacing: 0;
			   border-collapse: collapse;
			   width:100%;
			   border: solid 3px #666666;}
			 
.jiseki4 td {border: solid 1px #666666;
			 padding:5px;
			 font-size:14px;
			 line-height:1.8}			 
			 
td.sp1 {background-color: #eee;}
td.sp3 {background-color: #eee;}
td.sp4 {font-size:12px}

.jiceimg {text-align:center;
		  margin-bottom:10px}			 			 

.tw {width:100%;
     height:600px}
	 
/* スーパーセラン */
	 
.super {margin-top: 20px;
        margin-right:10px}
		 
.super_img img{display: block;
			   margin:auto;
			   width:100%;}
			   
.super_migi {float:right;
	   margin-right:5px;
	   margin-left:5px;}			
			   
.super1 h1 {position: relative;
		   border-top: solid 2px #80c8d1;
		   border-bottom: solid 2px #80c8d1;
		   background: #f4f4f4;
		   line-height: 1.4;
		   padding: 0.4em 0.5em;
		   margin: 35px 0 0.5em;}

.super1 h1:after {position: absolute;
  				  font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
				  content: '\f0a7\ POINT';
				  background: #80c8d1;
				  color: #fff;
				  left: 0px;
				  bottom: 100%;
				  border-radius: 5px 5px 0 0;
				  padding: 5px 7px 3px;
				  font-size: 0.7em;
				  line-height: 1;
				  letter-spacing: 0.05em;}
				  
.super h2{position: relative;
          padding: 0 0;
		  font-size:24px;}
   
.super h2:after {content: "";
				 display: block;
				 height: 4px;
				 background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
				 background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
				 background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);}
				 
.super2 h1{position: relative;
		   color: black;
		   background: #d0ecff;
		   line-height: 1.4;
		   padding: 0.25em 0.5em;
		   margin: 2em 0 0.5em;
		   border-radius: 0 5px 5px 5px;
		   font-size:24px;}

.super2 h1:after {position: absolute;
  				  font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
				  content: '\f00c Check';
				  background: #2196F3;
				  color: #fff;
				  left: 0px;
				  bottom: 100%;
				  border-radius: 5px 5px 0 0;
				  padding: 3px 7px 1px;
				  font-size: 20px;
				  line-height: 1;
				  letter-spacing: 0.05em}
				  
.super3 h1 {position: relative;
		   border-top: solid 2px #000000;
		   border-bottom: solid 2px #000000;
		   background: #f4f4f4;
		   line-height: 1.4;
		   padding: 0.4em 0.5em;
		   margin: 35px 0 0.5em;}

.super3 h1:after {position: absolute;
  				  font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
				  content: '\f0a7\ POINT';
				  background: #000000;
				  color: #fff;
				  left: 0px;
				  bottom: 100%;
				  border-radius: 5px 5px 0 0;
				  padding: 5px 7px 3px;
				  font-size: 0.7em;
				  line-height: 1;
				  letter-spacing: 0.05em;}
				  
.super h3 {border: solid 3px #1E90FF;/*線色*/
			padding: 0.5em;/*文字周りの余白*/
			border-radius: 0.5em;/*角丸*/
			font-size:20px;}				  
				  
.super h4 {border: solid 3px #364e96;/*線色*/
			padding: 0.5em;/*文字周りの余白*/
			border-radius: 0.5em;/*角丸*/
			font-size:20px;
			border-width: 2px;}
			
.super5 h1{position: relative;
		   color: #ffffff;
		   background: #a9a9a9;
		   line-height: 1.4;
		   padding: 0.25em 0.5em;
		   margin: 2em 0 0.5em;
		   border-radius: 0 5px 5px 5px;
		   font-size:24px;}

.super5 h1:after {position: absolute;
  				  font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
				  content: '\f00c Check';
				  background: #000000;
				  color: #fff;
				  left: 0px;
				  bottom: 100%;
				  border-radius: 5px 5px 0 0;
				  padding: 3px 7px 1px;
				  font-size: 20px;
				  line-height: 1;
				  letter-spacing: 0.05em}

.super6 h1 {position: relative;
		   border-top: solid 2px #000000;
		   border-bottom: solid 2px #000000;
		   background: #f4f4f4;
		   line-height: 1.4;
		   padding: 0.4em 0.5em;
		   margin: 35px 0 0.5em;}

.super6 h1:after {position: absolute;
  				  font-family: "FontAwesome",'Quicksand','Avenir','Arial',sans-serif;
				  background: #000000;
				  color: #fff;
				  left: 0px;
				  bottom: 100%;
				  border-radius: 5px 5px 0 0;
				  padding: 5px 7px 3px;
				  font-size: 0.7em;
				  line-height: 1;
				  letter-spacing: 0.05em;}
				  				  
				  
.midasi1 {font-size:18px;
		  font-weight:bold;}
		  
.akafuto2 {color: #DC143C;
		   font-weight: bold;
		   text-decoration: underline}		  				  				 				  		 
	 
.shou1 {font-size:12px;}

#video {width:100%;}

.toikabu {border-top: dashed 1px #cccccc;
		  padding-top:10px;}
		  
.super7 {padding-top:20px;
		 border-bottom: dashed 1px #cccccc;}

.super7 h1{position: relative;
		   padding: 0.25em 1em;
		   border: solid 2px black;
		   border-radius: 3px 0 3px 0;}

.super7 h1:before,.super7 h1:after{content: '';
								   position: absolute;
								   width:10px;
								   height: 10px;
								   border: solid 2px black;
								   border-radius: 50%;}

.super7 h1:after {top:-12px;left:-12px;}
.super7 h1:before {bottom:-12px;right:-12px;}		  
		  
.supermar {padding-top:10px;}		  		  				  				 				  		 
		 
/* フッター */
.footer {margin: 0;
         font-size: 14px;
         color:#666666;
         text-align: center}
		 
/* ページネーション */
.pagenation	{text-align: center;
			 margin-top:20px}

.pagenation ul {display: inline-block;
				margin: 0;
				padding: 0;
				list-style: none}

.pagenation li a {display: block;
				  margin-left: 5px;
				  margin-right: 5px;
				  padding: 5px 10px;
				  border: solid 1px #aaaaaa;
				  color: #000000;
				  font-size: 14px;
				  text-decoration: none}
				  
#zengo {border:none;
		font-size:14px}				  

.pagenation li a.active	{background-color: #FF9900}

.pagenation li a:hover	{background-color: #60c0a0;
						 color: #ffffff}

.pagenation ul:after	{content: "";
						 display: block;
						 clear: both}

.pagenation li	{float: left;
				 width: auto}

.pagenation i, .pagenation2 i, .pagenation3 i {margin-right: 5px}

.pagenation2 {text-align:right;
		  	  padding-top:5px}
			  
.pagenation3 {text-align:left;
		  	  padding-top:5px}				 			  				 
		 
.pagenation2 a, .pagenation3 a {font-size:12px;}
			
.pagenation2 a:visited, .pagenation3 a:visited {color: #0000FF}

.pagenation2 a:hover, .pagenation3 a:hover {color:#FF0000}

/* form */
.yoyaku {margin-right:10px;
		 margin-top:10px;}

.waku {border-radius: 10px;  
       -webkit-border-radius: 10px;  
       -moz-border-radius: 10px;}
		 
.waku1 {background: #58C274;
		border:2px solid #999; 
		padding: 5px;
		margin-bottom:10px;
		text-align: center;
		color:#FFFFFF;
		font-weight:bold;}
		
.fonagare {margin-top:20px;
		 margin-bottom:10px;
		 font-size:16px;
		 font-weight:bold;
		 border-bottom:solid 1px #999999;}
		 
.yoaowaku {padding-top:15px;
		   padding-left:10px;
		   font-size:14px;}
		   
.yoaowaku ul {list-style-type: decimal;
			  line-height:2.0;}		   
			  
.yoaowaku:after {content: "";
	           display: block;
	           clear: both}
			   
.yoaowaku a {font-weight:bold;}

.yoaowaku a:visited {color: #0000FF}

.yoaowaku a:hover {color:#FF0000}
			 
.yosho1 {float: left;
	     width: 15%;
		 font-weight:bold;}
	 
.yosho2 {float: left;
	     width: 13%;}
		  
.yosho3 {float: left;
	     width: 42%;}
		  
.yosho4 {float: left;
	     width: 30%;}
		 		 
.yosho5 {float: left;
	     width: 22%;
		 font-weight:bold;}
		 
.yosho6 {float: left;
	     width: 78%;}
		 
.yosho7 {float: left;
	     width: 100%;
		 margin-top:10px;
		 line-height:2.0;}
		 		 
.fomojinuri {display:inline-block;
		   background-color:#ff0000;
		   padding-left:5px;
		   padding-right:5px;
		   color:#ffffff;
		   font-weight: bold;
		   margin-left:5px;
		   border-radius: 5px;}
		   
.yoshotyu {line-height:2.0;}

input.sho2 {width:100px;
			height:20px;}
			
input.sho4 {width:200px;
			height:20px;}						  		  		  			 
			
input.sho5 {width:100px;
			height:20px;}						  		  		  			 
			
input.sho6 {width:500px;
			height:20px;}						  		  		  			 
									  		  		  			 
input.sho7 {width:200px;
			height:20px;}
			
input.sho8 {width:350px;
			height:20px;}
						  
textarea.sho11 {width:600px;
			    height:100px;}
				
textarea.sho12 {width:500px;
			    height:200px;}
							  
/* ########### 599px以下 ########### */
@media (max-width: 599px)  {

/* サービスフォントサイズと改行と施工実績フォントサイズ */
.sabisu p {font-size:10px}

.sabisu span{display:inline-block;}

.jirei p {font-size:10px}

/* 左右の余白調整 */
.header-waku, .right-main, .fotter-inner {padding-left: 10px}
									 
.sidenav	{padding-right: 10px}
									 
.nav {margin-bottom:10px}

/* ヘッダー下ナビ３行バージョン */
.menu li	{width: 50%;
		     border-bottom: 1px solid #ffffff;}
			 
.menu li a {font-size: 12px}			 		
			  
/* フッターサイズとライン */			 
.footer 	{width: 100%;
			 border-top: solid 1px #58c274;}
			 
/* ナビ画像非表示 */						
.side-pick1 img {display:none}
								 
/* エリアその下横並び及び下余白 */
.sidenav:after	{content: "";
	             display: block;
	             clear: both}

.area, .etc	{float: left;
	     width: 48%}
		 
.area{margin-bottom:10px}		 

/* ####外壁塗装#### */
.gaitejun1 img {width:100%;
			    height:auto;
			    border:none}

/* 外壁塗装-塗り替えの必要な高さ調整 */			 
.gaitejun4 {height:250px}

.botejun3, .botejun6, .botejun7 {height:300px}

.yatejun8 {height:250px}

.shtejun6 {height:250px}

.migi-dan {margin-top:5px;}

.botejun5 {height:430px}

/* お問合せ */		
.bango2{font-size:16px}

/* 概要 */		
.gaiyou th {font-size:12px}

.gaiyou td {font-size:14px}

.privacy th, .privacy td{display:block}

/* 施工実績 */	
.jisekito h2 {font-size:12px;
			  padding:2px;
			  margin-top:0}
			  
.jisekito p {font-size:12px;
			 padding-left:5px;
			 padding-right:5px;}
			  
			  
.jiseki1 h2 {font-size:14px;}			  

.sekoumoji {font-size:14px;
			padding:2px;}


.jiseki3 h2 {font-size:13px;}

.jiseki3 img {height:84px;}
		   
.jishoimg {float: left;
	       width: 18%;
		   font-size:12px;}
		   
.jishoshoimg {float: left;
	          width: 18%;
		      font-size:12px;}
			  
.jishoshoimg img{height:auto;}
			  
.jiseki4 td {font-size:12px;
			 line-height:1.8}
			 
.jiseki4 td{display:block}

img.h-top3 {max-height:70px}						  

.jishoimg, .jishoshoimg {font-size:10px}

img.h-top4 {max-height:50px}

img.h-top5 {max-height:74px}

.mojidais {font-size:16px;}

/* フォーム */
.waku {display:none;}
		
.yoaowaku {font-size:12px;}

input.sho6, input.sho8 {width:280px;}
	   
textarea.sho11 {width:250px;}
				
textarea.sho12 {width:250px;}

.yosho1, .yosho2, .yosho3, .yosho4, .yosho6 {float: left;
	     									 width: 100%;}
											 
.yosho5 {float: left;
		 width: 100%;
		 margin-bottom:5px;}
		 
label {display:block;}

.jimu {display:none;}	

/* カレイド */

.super_migi{width:100%;}
	 
}			  

/* ########### 600px 以上～ 767px 以下 ########### */
@media (min-width: 600px) and (max-width: 767px) {
/* 左右の余白調整 */
.header-waku, .right-main, .fotter-inner {padding-left: 10px}
									 
.sidenav	{padding-right: 10px}
									 
.nav {margin-bottom:10px}

/* ヘッダー下ナビサイズ調整 */
.menu li a {padding: 3px 3px;
		    font-size: 11px}
			
/* フッターサイズとライン */			 
.footer 	{width: 100%;
			 border-top: solid 1px #58c274;}
			 
					
/* ナビ画像非表示 */						
.side-pick1 img {display:none}
								 
/* エリアその下横並び及び下余白 */
.sidenav:after	{content: "";
	             display: block;
	             clear: both}
				 
.sidenav2 {margin-top: 0px;
		   margin-left: 10px}
				 
.sidenav1, .sidenav2{float:left;
					 width:47%}				 

.area, .etc	{float: left;
	     width: 48.2%}
		 
.area{margin-bottom:10px}

/* 外壁塗装-塗り替えの必要な高さ調整 */			 
.gaitejun2, .gaitejun3, .gaitejun4 {height:250px}

.yatejun2, .yatejun5, .yatejun6, .yatejun8 {height:250px}

.yatejun3 {height:350px}

.botejun2, .botejun3, .botejun5, .botejun6, .botejun7 {height:250px}

.shtejun3, .shtejun6 {height:250px}

.futejun2, .futejun5, .futejun6 {height:270px}

/* 施工実績 */	
.jiseki3 img {height:140px;}

.jishoshoimg img{height:auto;}

img.h-top3 {max-height:120px}

img.h-top4 {max-height:80px}

/* フォーム */
.waku {display:none;}
		
.yoaowaku {font-size:12px;}

input.sho6 {width:420px;}
	   
textarea.sho11 {width:500px;}
				
textarea.sho12 {width:400px;}

.jimu {width:50%;}

}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {
/* ヘッダー画像調整 */
.header img {margin-top: 10px;
			 margin-bottom: 0;
			 border: none;
			 width:70%}

/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 10px;
	right: 5px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ヘッダー上ナビ（縦並び） */
.header-nav	{display: none}

.header-nav ul	{margin: 0;
	padding: 0;
	list-style: none}

.header-nav li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.header-nav li a:hover	{background-color: #eeeeee}


}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {
/* ヘッダー */
.header-site	{float: left;
				 width: auto}

.header-nav	{float: right;
			 width: auto}
				 

/* メイン　横に並べる設定 */
.main:after	{content: "";
	         display: block;
	         clear: both}

.right-main	{float: right;
	     width: 75%}

.sidenav	{float: left;
	         width: 25%}
			 
.footer 	{width: 100%;
			 border-top: solid 1px #58c274;}
			 
.main {padding-bottom: 10px}

/* トグルボタン */
#menubtn	{display: none}

/* ヘッダー上ナビ */
#header-navmenu	{display: block !important}

.header-nav ul {margin: 0;
				padding: 0;
				list-style: none}

.header-nav li a {display: block;
				  padding: 10px 5px;
				  color: #000000;
				  font-size: 14px;
				  text-decoration: none}

.header-nav li a:hover	{background-color: #eeeeee}

.header-nav ul:after {content: "";
					  display: block;
					  clear: both}

.header-nav li	{float: left;
				 width: auto}	
					
/* サイド余白を含める */
.sidenav	{padding-right: 20px;
	         -moz-box-sizing: border-box;
	         -webkit-box-sizing: border-box;
	         box-sizing: border-box}
			 
/* 外壁塗装-塗り替えの必要な横並び */			 
.joutai:after	{content: "";
	             display: block;
	             clear: both}

.genshou1 {float: left;
	       width: 32%;
		   margin-right:5px;
		   margin-bottom:5px;
		   height:510px}
		   
.genshou2 {float: left;
	       width: 32%;
		   margin-right:5px;
		   margin-bottom:5px;
		   height:410px}
			 
.gaitejun2, .gaitejun3, .gaitejun4 {height:250px}

.yatejun2, .yatejun6, .yatejun8 {height:250px}

.yatejun3 {height:370px}

.botejun3, .botejun5, .botejun6, .botejun7 {height:250px}

.shtejun3, .shtejun6 {height:250px}

.futejun2, .futejun5, .futejun6 {height:270px}

.toiawase:after	{content: "";
	             display: block;
	             clear: both}
				 
/* お問合せ */	
.toi1 {float:left;
	   width:47%;
	   height:300px}
	   
.toi2 {float:left;
	   width:47%;}
	   
/* フォーム */
input.sho6 {width:420px;}
	   
textarea.sho11 {width:500px;}
				
textarea.sho12 {width:400px;}			  
	   	   
}			 
			 			
/* ########### 960px以上 ########### */
@media (min-width: 960px) {

/* 全体の横幅を固定 */
.header-waku, .menu, .main, .fotter-inner
	{width: 1080px;
	margin-left: auto;
	margin-right: auto;}
	
/* 外壁塗装-塗り替えの必要な高さ調整 */			 
.genshou1 {height:380px}
		   
.genshou2 {height:310px}

.yatejun2, .yatejun5, .yatejun6, .yatejun7 {height:250px}

.yatejun3 {height:290px}

.botejun2, .botejun3, .botejun5, .botejun6, .botejun7 {height:250px}

.shtejun3, .shtejun5, .shtejun6 {height:250px}

.shtejun5 {height:270px}

.futejun2, .futejun3, .futejun4, .futejun5, .futejun6 {height:270px}

}