@charset "UTF-8";
/*!	メインイメージ
---------------------------------------- */#mainImg{ background:url(../img/home/bg_home01.png) center top no-repeat;background-size:cover; }
#mainImg .mainImgIn{margin:0 auto;  width:1040px; }
/*!	メインイメージ下のコンバージョン
---------------------------------------- */.cv{ background:#003f98;margin-bottom:70px; }
.cv .cvIn{margin:0 auto;-webkit-transform:translateX(-48px);transform:translateX(-48px);  width:1040px; }
.cv .cvIn img{ margin-top:-9px; }
/*!	適正工事を行うので低価格
---------------------------------------- */
#price #lowPrice{ background:#d7f8ff; }
#price #lowPrice .lowPriceIn{background:url(../img/home/bg_price01.png) left top no-repeat; margin:0 auto; padding:52px 0 46px 520px;-webkit-transform:translateX(-77px);transform:translateX(-77px);width:672px; }
#price #lowPrice .lowPriceIn .crossheading{ margin-bottom:14px; }
#price #lowPrice .lowPriceIn .txt{ letter-spacing:.05em; }
#price #lowPrice .lowPriceIn .notes{font-size:1.1rem;letter-spacing:.1em; line-height:1.64; margin-top:27px; }
#price #lowPrice .lowPriceIn .notes:before{ content:"※"; }
/*!	選ばれる4つの理由
---------------------------------------- */#reason{ background:#e7f8fa;padding:50px 0 60px; }
#reason .crossheading{margin-bottom:24px;  text-align:center; }
#reason .crossheading img{ -webkit-transform:translateX(16px);transform:translateX(16px); }
#reason .reasonList{margin:0 auto;  width:1040px; }
#reason .reasonList li{background:#fff;border-radius:6px;box-shadow:0 2px 0 0 rgba(0, 0, 0, .1);  float:left;margin-bottom:30px;padding-bottom:27px;width:505px; }
#reason .reasonList li .pic{ margin-bottom:16px; }
#reason .reasonList li .subheading{ margin-bottom:12px;text-align:center; }
#reason .reasonList li .txt{letter-spacing:.05em; line-height:1.71; margin:0 30px; }
#reason .reasonList li .notes{color:#808080; font-size:1.1rem;letter-spacing:.1em;line-height:1.64;margin:17px 30px 0;text-align:right; }
#reason .reasonList li .notes:before{ content:"※"; }
#reason .reasonList li:nth-of-type(2n){ margin-left:30px; }
#reason .reasonList li:nth-last-of-type(-n+2){ margin-bottom:0; }
/*!	こんな状態は要注意！
---------------------------------------- */#attention{ padding:60px 0 0; }
#attention>.crossheading{margin-bottom:26px;  text-align:center; }
#attention .attentionList{margin:0 auto 60px;  width:1040px; }
#attention .attentionList li{float:left;  width:330px; }
#attention .attentionList li+li{ margin-left:25px; }
#attention .attentionList li .subheading{ margin-bottom:13px;text-align:center; }
#attention .attentionList li .txt{letter-spacing:.05em;  line-height:1.71; }
#attention .attentionList li:not(:first-of-type) .subheading{ -webkit-transform:translateX(-13px);transform:translateX(-13px); }
#attention #maintenance{ background:#d7f8ff; }
#attention #maintenance .maintenanceIn{ background:url(../img/home/bg_attention01.png) left top no-repeat;margin:0 auto; padding:48px 0 43px 460px;-webkit-transform:translateX(-57px);transform:translateX(-57px);width:674px; }
#attention #maintenance .maintenanceIn .crossheading{ margin-bottom:21px; }
#attention #maintenance .maintenanceIn .txt{letter-spacing:.05em;  line-height:1.71; }
/*!	雨漏りのお役立ち情報
---------------------------------------- */#useful{background:#e2f6f9;  padding:60px 0 30px; }
#useful .crossheading{margin-bottom:48px;  text-align:center; }
#useful .usefulList{margin:0 auto;  width:1040px; }
#useful .usefulList li{background:#fff;border:3px solid #003f98;border-radius:6px; float:left;margin-bottom:30px; padding:22px 40px 26px 28px;width:431px; }
#useful .usefulList li .subheading{background:url(../img/home/img_useful01.png) left 3px no-repeat;letter-spacing:.05em;line-height:1.5;margin-bottom:8px;  padding:7px 0 10px 87px; }
#useful .usefulList li .subheading a{color:#333; font-size:2rem;font-weight:bold; }
#useful .usefulList li .txt{letter-spacing:.05em;  line-height:1.71; }
#useful .usefulList li:nth-of-type(2n){ margin-left:30px; }
#useful .btnWrap{ margin-bottom: 40px; text-align: center; }
/*!	エリア情報
---------------------------------------- */#area{margin:0 auto;padding:50px 0 43px;  width:1040px; }
#area .crossheading{border-bottom:3px solid #e0e0e0;  margin-bottom:20px;padding-bottom:11px; }
#area .regionList dt{background:#3d6399;border-radius:4px;clear:left; color:#fff; float:left;padding:1px 0;text-align:center;width:100px; }
#area .regionList dd{margin-bottom:7px;  padding:3px 0 0 130px; }
#area .regionList dd .prefList li{ display:inline-block;letter-spacing:.05em; }
#area .regionList dd .prefList li a{ color:#414148; }
/*! mediaArea
================================================== */
#mediaArea {
	padding: 70px 0 22px;
}
#mediaArea h2{
	text-align: center;
}
#mediaArea h2 span {
	display: none;
}
#mediaArea .inner {
	width: 1042px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#mediaArea .inner .block {
	float: left;
	width: 326px;
	margin: 0 32px 30px 0;
}
#mediaArea .inner .block:nth-child(3n) {
	margin-right: 0;
}
#mediaArea .inner .block:nth-child(3n+1) {
	clear: both;
}
#mediaArea .inner .block img {
	float: left;
	width: 196px;
	margin-right: 10px;
}
#mediaArea .inner .block p {
	font-weight: bold;
	line-height: 1.5;
}
#mediaArea .inner .block p span {
	color: #003491;
	position: relative;
	padding-left: 12px;
}
#mediaArea .inner .block p span::before{
  content: '';
  width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #003491;
  position: absolute;
  top: 5px;
  left: 0;
}
