@charset "UTF-8";

/*************************
 地域別リフォーム
 *************************/

p{
	margin:0;
}

.local_main {
  margin-bottom: 50px;
  text-align: center;
}

.local_main h2{
	margin-bottom:20px;	
}

.local_main p {
	line-height: 1.8;
  text-align: left;
}

.local_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align:center;
  letter-spacing:1px;
}

.local_title_img {
	text-align: center;
  margin-bottom: 50px;
}

.local_dl01{
	margin-bottom:80px;	
}

.local_dl01 dt {
  font-size: 24px;
  font-weight: bold;
  padding: 10px 10px 7px;
 background:#f1f0ee;
  text-align:center;
  letter-spacing:1px;
}
.local_dl01 dd {
  line-height: 1.8;
  padding:25px 25px 20px;
  text-align:center;
  border:1px solid #f1f0ee;
  border-top:none;
}

.local02 .local02ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
  padding: 0 110px 5px 0;
  border-bottom:1px solid #ccc;
  position: relative;
}
.local02 .local02ttl span {
  display: inline-block;
  color: #fff;
  font-size: 16px;
  line-height: 1.0;
  text-align: center;
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  letter-spacing:1px;
}
.local02 .local02ttl span.green {
  background: #7bac2f;
}

.local02 .local02_inner {
  line-height: 1.8;
  margin-bottom: 50px;
}

.local_box {
  display: table;
  width: 100%;
  margin-bottom:80px;
}
.local_box .pl20 {
  padding-left: 20px;
}
.local_box .pr20 {
  padding-right: 20px;
}
.local_box .figure {
  margin: 0 auto;
  text-align: left;
}
.local_box .right {
  text-align: right;
}
.local_box p {
line-height: 1.8;
  text-align: left;
  margin:0 0 20px 0;
}
.local_box .btn {
  text-align: center;
}

.local_box .col_4,
.local_box .col_8 {
  float: left;
}
.local_box .col_4_r,
.local_box .col_8_r {
  float: right;
}
.local_box .col_4,
.local_box .col_4_r {
  width: 33.33333333%;
}
.local_box .col_8,
.local_box .col_8_r {
  width: 66.66666667%;
  text-align: center;
}
.local_box .col_4:after,
.local_box .col_8:after,
.local_box .col_4_r:after,
.local_box .col_8_r:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .local_box .pl20 {
    padding-left: 0;
  }
  .local_box .pr20 {
    padding-right: 0;
  }
  .local_box .right {
    text-align: inherit;
  }
  .local_box .figure {
    margin: 0 auto 15px;
    text-align: center;
  }
  .local_box .col_4,
  .local_box .col_8,
  .local_box .col_4_r,
  .local_box .col_8_r {
    display: block;
    width: 100%;
  }
}

/* リフォームお役立ち情報 */
.local_list01 {
  margin-bottom: 80px;
}
.local_list01 ul:after {
  content:"";
  display:block;
  clear:both;
}
.local_list01 ul li {
  float:left;
  width:32%;
  margin-right: 2%;
}

.local_list01 ul li:last-child{
	margin-right:0;	
}

.local_list01 ul li a{
	display:block;	
}

.local_list01 ul li a:hover{
	color:#7bac2f;	
}

.local_list01 ul li img{
	margin-bottom:15px;	
}

.local_list01 ul li .info_ttl{
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}

.local_list01 ul li .info_ttl i{
	margin-right:6px;	
}

.local_list01 ul li .info_detail{
	margin-bottom:0;	
}

@media (max-width: 640px){
.local_list01 ul li .info_detail{
	min-height:65px;
}
}

.local_list02 {
  margin-bottom: 80px;
}
.local_list02 ul {
  display: table;
  margin: 0 auto;
  text-align: center;
}
.local_list02 li {
  display: table-cell;
  width: 49%;
  padding: 15px 15px 90px;
  text-align: left;
  vertical-align: top;
  position: relative;
  border:2px solid #efefef;
}
.local_list02 li.white_box {
  width: 2%;
  border:none;
}
.local_list02 li .shop_name {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 5px;
}
.local_list02 li .shop_img {
  text-align: center;
}
.local_list02 li .shop_info {
  font-weight: bold;
  margin: 10px 0 0;
}
.local_list02 li .shop_detail {
  margin: 15px 0 0;
}
.local_list02 li .shop_link {
  width: 80%;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 15px auto 0;
  padding: 10px;
  border: 1px solid #333;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
}

.local_list02 li a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



@media (max-width: 767px) {
  .local_list01 {
    margin: 0 -1.5%;
  }
  .local_list01 li {
    width: 30.33333333%;
    margin: 20px 1.5% 0;
  }
  .local_list02 ul {
    display: block;
  }
  .local_list02 li {
    display: block;
    width: 100%;
    margin: 20px auto 0;
    padding: 10px 10px 20px;
  }
  .local_list02 li.white_box {
    display: none;
  }
  .local_list02 li .shop_link {
    width: 80%;
    margin: 15px auto 0;
    position: inherit;
    left: inherit;
    bottom: inherit;
  }
}

.local_info {
  margin: 20px auto 60px;
}
.local_info:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.local_info .figure {
  float: left;
}
.local_info .text {
  margin: 0 0 20px 370px;
}
.local_info .text ul{
	margin-bottom:0;	
}
.local_info .text li {
  padding: 6px 10px;
  border-bottom: 1px dotted #d2d2d2;
}
.local_info .text li span {
  font-weight: bold;
}
.local_info .text p {
  margin: 15px 10px 0;
}
@media (max-width: 767px) {
  .local_info .figure {
    float: inherit;
    text-align: center;
  }
  .local_info .text {
    margin: 20px 0 0;
  }
  .local_info .text ul {
    border-top: none;
  }
}

/* ページ下部　共通部分（ページリンク・お問い合わせ・ページトップへ戻る） */
.local_link {
  margin: 60px -15px 0;
}
.local_link ul {
  width: 100%;
  max-width: 715px;
  display: table;
  margin: 0 auto;
  letter-spacing: -0.4em;
}
.local_link li {
  display: inline-block;
  width: 208px;
  text-align: center;
  margin: 0 15px;
}
.local_contact {
  margin: 60px auto 0;
  text-align: center;
}
.local_pagetop {
  margin: 60px 0 0;
  text-align: right;
}
@media (max-width: 767px) {
  .local_link {
    margin: 60px -1.5% 0;
  }
  .local_link ul {
  }
  .local_link li {
    width: 30.33333333%;
    margin: 0 1.5%;
  }
  .local_contact {
    margin: 30px auto 0;
  }
}

@media (max-width: 640px) {

.local_box p br,
.local_dl01 dd br{
	display:none;
}

.local_dl01{
	margin-bottom:60px;	
}

.local_title{
	font-size:20px;
}

.local_list01 ul{
	margin-bottom:50px;
}

.local_list01 ul li{
	width:48%;
	margin:0;
}

.local_list01 ul li:first-child{
	margin-right:4%;	
}

.local_list01 ul li:first-child,
.local_list01 ul li:nth-child(2){
	margin-bottom:20px;
}

.local_dl01 dt{
	font-size:20px;	
}

.local_box{
	margin-bottom:60px;
}

.local02 .local02ttl{
	font-size:16px;
}

.local02 .local02ttl span{
	font-size:14px;	
}

.local_list02 li .shop_link{
	width:100%;	
}

.local_info .text ul{
	margin-bottom:20px;	
}

}