@charset "UTF-8";
/* reset
----------------------------------------------- */

* html td,* html th{
  font-size: 82.5%;
  line-height: 170%;
  letter-spacing: 1px;
}
body{
  /* font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; */
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 82.5%;
  line-height: 1.7;
  letter-spacing: 1px;
  background:#f6f3ee;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  color: #411e00;
}
a{
  color: #717171;
}
h1,h2,h3,h4,h5,ul,li,p,form{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-weight: normal;
}
img{
  border: none;
  vertical-align: middle;
  max-width:100%;
  height:auto;
}
li img{
  line-height: 0;
}
.clear{
  clear: both;
}
.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix{
  display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
/* End hide from IE-mac */

.float_left{
  float:left;
  padding-right:10px;
}
.float_right{
  float:right;
  padding-left:10px;
}
.paragraph{
  margin : 1em;
}
.look{
  margin : 1em;
	padding:1em;
	border:2px solid #e7492e;
	border-radius:2em;
	color:#e7492e;
	font-weight:bold;
}
.m0{
	margin:0 !important;
}
.mt0{
	margin-top:0 !important;
}
.mt30{
	margin-top:30px !important;
}
.mt50{
	margin-top:50px !important;
}

/* flex
----------------------------------------------- */
.flex{
	display:flex;
}
.flexw{
	display:flex;
	flex-wrap:wrap;
}
.flexsb{
	justify-content:space-between;
}
.flexc{
	align-items:center;
}
.col-2{
	width:49%;
}
.col-3{
	width:32%;
}
.col-4{
	width:24%;
}
.col-5{
	width:19%;
}
.col-65{
	width:65%;
}
.col-73{
	width:73%;
}

/* font
----------------------------------------------- */
.left{
  text-align:left;
}
.right{
  text-align:right;
}
.center{
  text-align:center;
}
.red{
  color:#e64370;
}
.green{
  color:#477f0a;
}
.purple{
  color : #c32b5a;
}
.f80{
  font-size: 80% !important;
}
.f120{
  font-size: 120% !important;
}
.f140{
  font-size: 140% !important;
}
.f160{
  font-size: 160% !important;
}
.f180{
  font-size: 180% !important;
}

/* レイアウト
----------------------------------------------- */

.wrapper{
  margin: 0 auto;
  width: 940px;
}
#header{
  margin: 0 auto;
  width: 940px;
  height: 70px;
}
#gnav{
  clear: both;
  margin: 0 auto;
  height: 50px;
  background:#e8e1d7;
}

#slider2{
	width:940px;
	margin:20px auto 3px;
	border:1px solid #ccc;
}
#pankuzu{
  clear: both;
  width: 940px;
  margin: 0 auto 20px;
  padding: 5px 0;
  text-align: left;
  font-size: 11px;
}

#contents{
  clear: both;
  margin: 0 auto;
  padding-bottom:50px;
  width: 940px;
}
#main{
  float: right;
  width: 650px;
  margin-bottom:50px;
  padding:15px;
  text-align:left;
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
}
* html #main{
	width:680px;
}
body.home #main{
  width:680px;
  padding:0;
  background:none;
  border:none;
  border-radius:none;
}
#sidebar{
  float:left;
  width:230px;
  margin-bottom:50px;
  text-align:left;
}
#footer{
  clear: both;
  margin-bottom: 10px;
  padding-top:20px;
  padding-bottom: 30px;
  width: 100%;
  background: #d7d7d7;
  font-size:11px;
}

/* header
----------------------------------------------- */

h1{
  margin: 5px auto;
  width: 940px;
  font-size: 11px;
  text-align: left;
}
h1 a{
  color: #411e00;
  text-decoration: none;
}
#header .float_left{
  width: 460px;
  text-align: left;
}
#header .float_right{
  width: 460px;
  text-align: right;
}
/* gnav
----------------------------------------------- */
#gnav ul{
  width:940px;
  margin:0 auto;
}
#gnav li{
  float:left;
  width:156px;
  font-size:14px;
  font-weight:bold;
  line-height:1;
}
#gnav li a{
  display:block;
  padding-top:12px;
  width:188px;
  height:38px;
  color:#6b6151;
  text-decoration:none;
}
* html #gnav li a{
  height:50px;
}
#gnav li a:hover{
  background:#dad0c2;
}
#gnav li a span{
  display:block;
  font-size:11px;
  color:#d1b6b4;
  font-family:Arial;
}
/* pankuzu
----------------------------------------------- */
#pankuzu ul li{
  float: left;
  padding-left: 20px;
  margin-right: 5px;
  background: url(../../img/pankuzu.jpg) no-repeat 0% 50%;
}
#pankuzu ul li.home{
  background: url(../../img/ico_home.jpg) no-repeat 0% 50%;
}
/* sidebar
----------------------------------------------- */
#sidebar .box{
  margin:10px 0 0 0;
  padding: 0 15px 15px 15px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:5px;
}
#sidebar h3{
  color: #a6653a;
  font-size: 12pt;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding: 5px 0 0 0;
  border-bottom: 1px solid #636163;
}
#sidebar ul.list_cate{
  overflow:hidden;
  width:100%;
  margin:-7px 0 0 0;
}
#sidebar ul.list_cate li{
  color:#494949;
  background:url(../../img/share/divider.gif) repeat-x top;
  margin:-1px 0 7px 0;
  padding:6px 0 0 0;
}
#sidebar ul.list_cate li a{
  background:url(../../img/share/marker-2.gif) no-repeat left 5px;
  padding-left:15px;
  display:inline-block;
  color:#494949;
  text-decoration:none;
}
#sidebar ul.list_cate li a:hover{
  text-decoration:underline;
}
#sidebar ul.list_link{
  width:100%;
  overflow:hidden;
  margin:-14px 0 10px 0;
}
#sidebar ul.list_link li{
  font-size:.92em;
  color:#adadad;
  background:url(../../img/share/divider.gif) repeat-x top;
  margin:-1px 0 9px 0;
  padding-top:14px;
}
#sidebar ul.list_link li a{
  font-size:1.09em;
  font-weight:bold;
  color:#ff7800;
}
#sidebar h4{
  margin-top:5px;
  font-weight:bold;
}
#sidebar .phone{
  margin-left:1em;
}

#sidebar .navi_sidebar{
	margin-bottom:15px;
}

#sidebar .navi_sidebar h3{
	margin:10px 0 5px;
	padding:0 7px 3px !important;
	font-size:18px;
	color:#fff;
}

#sidebar .navi_sidebar .title_1{
	background:url(../../img/top/bg_title_1.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_2{
	background:url(../../img/top/bg_title_2.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_3{
	background:url(../../img/top/bg_title_3.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_4{
	background:url(../../img/top/bg_title_4.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_5{
	background:url(../../img/top/bg_title_5.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_6{
	background:url(../../img/top/bg_title_6.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_7{
	background:url(../../img/top/bg_title_7.jpg) repeat-x;
}
#sidebar .navi_sidebar .title_8{
	background:url(../../img/top/bg_title_8.jpg) repeat-x;
}

#sidebar .navi_sidebar p{
	line-height:1.3 !important;
	font-weight:bold;
}

#sidebar .navi_sidebar ul{
  overflow:hidden;
  width:100%;
  margin:7px 0 0 0;
}
#sidebar .navi_sidebar ul li{
  color:#494949;
  background:url(../../img/share/divider.gif) repeat-x top;
  margin:3px 0;
  padding:6px 0 0 0;
}
#sidebar .navi_sidebar ul li a{
  background:url(../../img/share/marker-2.gif) no-repeat left 5px;
  padding-left:15px;
  display:inline-block;
  color:#494949;
  text-decoration:none;
}
#sidebar .navi_sidebar ul li a:hover{
  text-decoration:underline;
}

/* footer
----------------------------------------------- */
.pagetop{
  clear:both;
  margin:0 auto;
  text-align:right;
}
#footer a{
  text-decoration: none;
}
#footer a:hover{
  text-decoration: underline;
}
#copyright{
  margin:20px auto 0;
  width:940px;
}
/* #main
----------------------------------------------- */
#main p{
  font-size:13px;
  line-height:1.7;
}

#main .h3{
  color: #a6653a;
  font-size: 12pt;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding: 0 0 6px 15px;
  border-bottom: 1px solid #636163;
  border-left: 10px #636163 ;
}

#main h4{
  color:#ff7800;
  font-weight:normal;
  font-size:1em;
  margin-top:18px;
}
#main h4 a{
  color:#ff7800;
  font-weight:bold;
}
#main .h5,
#main h5{
  color: #4e7b4e;
  font-size: 12pt;
  font-weight: bold;
  background-color: #f1faf6;
	margin-top:2em;
  padding: 5px 12px;
  border: solid 1px ;
}
#main h5 a{
  color:#717171;
  font-weight:normal;
}
#main h6{
	margin-bottom:0.5em;
  color:#ff7800;
  font-size:1em;
}

#main .title{
  padding:0.5em 1em;
  background:#e8e1d7;
  border-left:20px solid #dad0c2;
  font-size:24px;
  font-weight:bold;
  line-height:1.3;
  color:#411e00;
}

p.txt1{
  font-size:.92em;
  margin-bottom:20px;
}
p.txt1 a{
  color:#ff7800;
}
.txt2{
  color:#ff7800;
  font-weight:bold;
}
.link{
  display:block;
  background:url(images/link-bgd.gif) left top repeat-x;
  text-transform:uppercase;
  color:#fff;
  text-decoration:none;
  position:absolute;
  right:23px;
  top:8px;
}
.link em{
  display:block;
  background:url(images/link-left.gif) no-repeat left top;
}
.link b{
  display:block;
  background:url(images/link-right.gif) no-repeat right top;
  padding:2px 12px 2px 12px;
  font-weight:normal;
  font-style:normal;
}
.link:hover{
  text-decoration:underline;
}
.link1{
  background:url(images/icon-2.gif) no-repeat left top;
  color:#ff7800;
  padding-left:23px;
}
.link2{
  background:url(images/icon-3.gif) no-repeat left top;
  padding-left:23px;
  color:#717171;
  margin-right:37px;
}
.link3{
  display:block;
  float:right;
  background:#ff8000;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:.92em;
  line-height:1.1em;
}
.link3 em{
  display:block;
  background:url(images/link1-left.gif) no-repeat left top;
}
.link3 b{
  display:block;
  background:url(images/link1-right.gif) no-repeat right top;
  padding:4px 15px 4px 15px;
  font-weight:normal;
  font-style:normal;
}
.link3:hover{
  text-decoration:underline;
}
.line-hor{
  background:url(images/line-hor.gif) repeat-x;
  height:4px;
  font-size:0;
  line-height:0;
  margin:26px 0 26px 0;
}
.line-hor1{
  background:url(images/line-hor1.gif) repeat-x;
  height:4px;
  font-size:0;
  line-height:0;
  margin:28px 0 28px 0;
}
.table{
	border-collapse:collapse;
  border-top:1px solid #aaa;
  border-right:1px solid #aaa;
}
.table th,
.table td{
  border-bottom:1px solid #aaa;
  border-left:1px solid #aaa;
  padding:7px 14px;
}
.table th{
  background:#f0f0f0;
}
.table td{
  background:#fff;
}

.link_navigation .float_left,
.link_navigation .float_right{
  width:300px;
	margin:15px auto;
}

.link_navigation .float_right{
	text-align:right;
}

.link_navigation  a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	color:#796a55;
}
span.link_navigation a{
	display:inline-block;
	margin:0 0 0 15px;
	padding:5px 30px 5px 7px;
	background:#e8e1d7 url(../../img/share/arrow_right.jpg) no-repeat 95% 50%;
}

.link_navigation .float_left a{
	padding:5px 5px 5px 30px;
	background:#e8e1d7 url(../../img/share/arrow_left.jpg) no-repeat 3% 50%;
}

.link_navigation .float_right a{
	padding:5px 30px 5px 5px;
	background:#e8e1d7 url(../../img/share/arrow_right.jpg) no-repeat 97% 50%;
}

.link_navigation  a:hover{
	color:#649433;
}

body.home #main .box_gyomu h4{
	margin:10px 0 5px;
	padding:5px 0 5px 15px !important;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:1;
}

.box_gyomu .title_1{
	background:url(../../img/top/bg_title_1.jpg) repeat-x;
}
.box_gyomu .title_2{
	background:url(../../img/top/bg_title_2.jpg) repeat-x;
}
.box_gyomu .title_3{
	background:url(../../img/top/bg_title_3.jpg) repeat-x;
}
.box_gyomu .title_4{
	background:url(../../img/top/bg_title_4.jpg) repeat-x;
}

.box_gyomu p{
	line-height:1.3 !important;
	font-weight:bold;
}

.list_ul,
.list_ol{
	margin-left:1em;
	margin-bottom:2em;
}
.list_ul li{
	margin-left:1em;
	margin-bottom:0.5em;
	list-style-type:disc;
}
.list_ol li{
	margin-left:1em;
	margin-bottom:0.5em;
	list-style-type:decimal;
}

ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list::after{
	content:"";
	display: block;
	width:31%;
}

ul.works_list li {
	width: 31%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
ul.works_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

ul.works_list li a:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(100%);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	color: #000;
}


/* ホーム
----------------------------------------------- */
/* 最初の部分
---------------------------------- */
.box_greeting .float_left{
  width:350px;
}
.box_greeting .float_right{
  width:310px;
}
.box_greeting h3{
  margin-bottom:5px;
  font-size:28px;
}

/* 断熱材・工法
---------------------------------- */
.box_gyomu h3{
	font-size:20px;
	font-weight:bold;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom:1px solid #000;
}

.box_gyomu .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding-top:30px;
}

.box_gyomu div.box_type,
.box_gyomu div.box_type2{
	width:calc(48% - 20px);
	margin-bottom:20px;
	padding:10px;
	border:1px solid #ccc;
	background:#fff;
}

.box_gyomu h4{
	margin:10px 0 5px;
	padding:0 0 3px 15px !important;
	font-size:20px;
	color:#fff;
}

.box_gyomu .title_1{
	background:url(../../img/top/bg_title_1.jpg) repeat-x;
}
.box_gyomu .title_2{
	background:url(../../img/top/bg_title_2.jpg) repeat-x;
}
.box_gyomu .title_3{
	background:url(../../img/top/bg_title_3.jpg) repeat-x;
}
.box_gyomu .title_4{
	background:url(../../img/top/bg_title_4.jpg) repeat-x;
}
.box_gyomu .title_5{
	background:url(../../img/top/bg_title_5.jpg) repeat-x;
}
.box_gyomu .title_6{
	background:url(../../img/top/bg_title_6.jpg) repeat-x;
}
.box_gyomu .title_7{
	background:url(../../img/top/bg_title_7.jpg) repeat-x;
}
.box_gyomu .title_8{
	background:url(../../img/top/bg_title_8.jpg) repeat-x;
}

.box_gyomu p{
	line-height:1.3 !important;
	font-weight:bold;
}

.box_gyomu ul{
  overflow:hidden;
  width:100%;
  margin:7px 0 0 0;
}
.box_gyomu ul li{
  color:#494949;
  background:url(../../img/share/divider.gif) repeat-x top;
  margin:3px 0;
  padding:6px 0 0 0;
}
.box_gyomu ul li a{
  background:url(../../img/share/marker-2.gif) no-repeat left 5px;
  padding-left:20px;
  display:inline-block;
  color:#494949;
  text-decoration:none;
}
.box_gyomu ul li a:hover{
  text-decoration:underline;
}


/* .feature_polyurea
----------------------------------------------- */
.feature_polyurea .col{
	margin-bottom:15px;
	padding:2%;
	background:#f0f0f0;
}
.feature_polyurea .midashi{
	margin-bottom:15px;
	font-size:20px !important;
	font-weight:bold;
}


/* .purpose_polyurea
----------------------------------------------- */
.purpose_polyurea{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:30px;
	margin-bottom:15px;
}
.purpose_polyurea .col-3{
	position:relative;
	width:28%;
	margin-bottom:15px;
	padding:2%;
	background:#f0f0f0;
}
.purpose_polyurea .ico{
	position:relative;
	width:50px;
	height:50px;
	margin:-25px auto 0;
	border-radius:50%;
	z-index:100;
}
.purpose_polyurea .photo{
	position:relative;
}
.purpose_polyurea .midashi{
	margin-bottom:7px;
	font-size:20px !important;
	font-weight:bold;
	text-align:center;
}
.purpose_polyurea .col-3:nth-of-type(1) .ico{
	background:#9a5b87;
}
.purpose_polyurea .col-3:nth-of-type(1) .midashi{
	color:#9a5b87;
}
.purpose_polyurea .col-3:nth-of-type(2) .ico{
	background:#ca5531;
}
.purpose_polyurea .col-3:nth-of-type(2) .midashi{
	color:#ca5531;
}
.purpose_polyurea .col-3:nth-of-type(3) .ico{
	background:#7a9b36;
}
.purpose_polyurea .col-3:nth-of-type(3) .midashi{
	color:#7a9b36;
}
.purpose_polyurea .col-3:nth-of-type(4) .ico{
	background:#464c9a;
}
.purpose_polyurea .col-3:nth-of-type(4) .midashi{
	color:#464c9a;
}
.purpose_polyurea .col-3:nth-of-type(5) .ico{
	background:#2281c7;
}
.purpose_polyurea .col-3:nth-of-type(5) .midashi{
	color:#2281c7;
}
.purpose_polyurea .col-3:nth-of-type(6) .ico{
	background:#d2a13a;
}
.purpose_polyurea .col-3:nth-of-type(6) .midashi{
	color:#d2a13a;
}


/* .polyurea_sekoushiyo
----------------------------------------------- */
.polyurea_sekoushiyo{
	margin:1em 0;
	padding:2%;
	background:#f0f0f0;
	font-size:13px;
}
.polyurea_sekoushiyo ul{
	display:flex;
	flex-wrap:wrap;
}
.polyurea_sekoushiyo ul li{
	padding-right:20px;
	background:url(../../img/polyurea/arrow.png) no-repeat 100% 50%;
}
.polyurea_sekoushiyo ul li:last-child{
	padding-right:0;
	background:none;
}
.polyurea_sekoushiyo ul li:nth-of-type(2){
	color:#585d98;
}
.polyurea_sekoushiyo ul li:nth-of-type(3){
	color:#364d95;
}
.polyurea_sekoushiyo ul li:nth-of-type(4){
	color:#3370b0;
}
.polyurea_sekoushiyo ul li:nth-of-type(5){
	color:#3794b7;
}

/* .table_polyurea
----------------------------------------------- */
.table_polyurea2,
.table_polyurea{
	width:100%;
}
.table_polyurea td{
	text-align:center;
}
.table_polyurea2 td{
	font-size:10px;
	text-align:center;
}
.table_polyurea2 .mark{
	display:block;
	color:#217adf;
	font-size:18px !important;
}

/* .polyurea_roof
----------------------------------------------- */
.polyurea_roof{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:30px;
	margin-bottom:15px;
}
.polyurea_roof .col-2{
	margin-bottom:15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}