@charset "utf-8";
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. 共通パーツ
　00. WEB連 更新情報／D-PC更新情報
　00. コンテンツリンク
　00. 連合連絡／大和ハウス工業のリリース情報

******************************************************************************* */


/* ==

　00. 共通パーツ
 
=============================================================================== */
.info li{
    width: 100%;
    margin-bottom:10px;
    display: table;
}
.info li a{ text-decoration: none; }
.info li a:hover{
    /* color:#016bb6; */
    text-decoration: underline;
}
.info li .item{
    width:10em;
    display: table-cell;
    /*
    vertical-align: middle;
    text-align:center;
    */
}
.info li .item span{
    width:calc(100% - 12px);
    display: inline-block;
    padding:5px 5px 7px;
    font-size:100%;
    line-height: 1.3;
    color:#016bb6;
    border: 1px solid #016bb6;
    text-align: center;
}
.info li .item br.devPcTbl{ display:inline; }
.info li span.date{
    width:7em;
    display: table-cell;
    font-size: 125%;
    color:#969696;
}
.info li div.txt{
    display: table-cell;
    font-size: 133.33%;
    color: #666565;
    vertical-align: top;
}

.info li div.item ~ div.txt p{ margin-left:1em; }


/* ==

　00. WEB連 更新情報／D-PC更新情報

=============================================================================== */
#info01{
  padding: 45px 0 65px;
  background: url("../../images/rn/img_bgImg01.jpg") no-repeat center top;
  background-size: cover;
}
#info01 .info01_in{
    width:740px;
    margin:0 auto;
    padding:110px 40px 20px;
    background-color: #fff;
    box-shadow:0 3px 30px rgba(0,0,0,0.4);
    position: relative;
}
#info01 .hdTxt{
    width: calc(50% - 20px);
    padding:10px;
    background-color: #ededed;
    color:#666565;
    text-align: center;
    position: absolute;
    top:0;
    left:0;
}
#info01 .hdTxt:hover{ background-color:#ebf7ff; }
#info01 .info01_on .hdTxt{
    background-color: #016bb6;
    color:#fff;
}
#info01 .info01_on .hdTxt:hover{ background-color: #016bb6; }
#info01 .info01_on .hdTxt:before{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 14px solid #016bb6;
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
}
#info01 .hdTxt h2{
    font-size:150%;
}
#info01 #update_D-PC .hdTxt{
    left:50%;
}

#info01 .info{ display: none; }
#info01 .info01_on .info{ display: block; }
#info01 .info li{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px solid #e9e9e9;
}



/* ==

　00. コンテンツリンク

=============================================================================== */
.contLink{
    margin-bottom:50px;
    display: flex;
}
.contLink a{ display:block; }
.contLink > div{
    width:25%;
    position: relative;
}
.contLink > div img{
    width:100%;
    height:auto;
}
.contLink .txt{
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    font-weight: bold;
    text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 28%;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size:134%;
}


/* ==

　00. 連合連絡／大和ハウス工業のリリース情報

=============================================================================== */
#info02{
    margin-bottom:60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
    */
}
#info02 .rengo{
  width: 100%;
  max-width: calc((100% - 80px) / 2);
  margin-right:40px;
}
#info02 .dh_release{
  width: 100%;
  max-width: calc((100% - 80px) / 2);
}



/* ==

　以下追加CSS

=============================================================================== */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ==

　スムーススクロール

=============================================================================== */


html{
  scroll-behavior: smooth;
}


/* ==

　content_color

=============================================================================== */

.ca_topics	{
	--theme-color:#DD6A50;
	}

.ca_district	{
	--theme-color:#8CB26A;
	}

/* ==

　PC SP 切り替え

=============================================================================== */


.pc { display: block !important; }
.sp { display: none !important; }

/* ==

　topへ戻る

=============================================================================== */

.post_btn	{
	width:120px;
	background-color:var(--theme-color);
	border-radius:30px;
	padding:5px 10px;
	margin-left: auto;
	margin-top:30px;
	margin-bottom:25px;
	}

.post_btn a	{
	text-decoration:none;
	color:#FFF;
	font-size:16px;
	padding-left:5px;
	}

.re_top_btn	{
	text-align:right;
	margin-bottom:35px;
	}

/* ==

　topics

=============================================================================== */

.topics_header_wrap	{
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	}

.topics_header_1	{
	width:10%;
	height:130px;
	float:left;
	background-color:#1066AA;
	color:#FFF;
	text-align:center;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size:20px;
	 font-weight: bold;
 	}


.topics_header_2	{
	width:80%;
	height:130px;
	float:left;
	background-color:var(--theme-color);
	color:#fff;
	padding:0 60px 0 30px;
	margin:0;
	}

	.topics_header_2 h2	{
		font-size:24px;
		font-weight:bold;
		margin:20px 0;
		}

.tag_cloud	{
	width:90%;
	background-color:#F6F5F5;
	clear:both;
	padding:20px 45px;
	font-family: 'Noto Sans JP', sans-serif;
	}

.tag_cloud a	{
	margin:5px;
	padding:5px 15px;
	background-color:var(--theme-color);
	color:#fff;
	border-radius: 30px ;
	display:inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	font-size:14px;
	}

.tag_wrap	{
	margin:0 25px;
	}

	.head-border {
		display: flex;
		align-items: center;
		margin-bottom:20px;
	}
	
	.head-border:before,
	.head-border:after {
		content: "";
		height: 1px;
		flex-grow: 1;
		background-color: #ccc;
	}
	
	.head-border:before {
		margin-right: 1rem;
	}
	
	.head-border:after {
		margin-left: 1rem;
	}
	
.topics_wrap	{
	width:90%;
	margin:40px 0 0 0;
	padding:40px 45px 40px 45px;
	border:7px solid var(--theme-color);
	}	

	.topics_wrap h3	{
		font-size:36px;
		margin:20px 0;
		}

.title_bottom_border	{
	width:70px;
	height:7px;
	background-color:var(--theme-color);
	margin:0 0 20px 0;
	}

.date	{
	font-size:14px;
	font-weight:100;
	color:#b2b2b2;
	}

.articleDetailArea	{
	font-size:18px;
	font-weight:800;
	}	
	
.m-topics	{
	font-size:18px;
	margin-bottom:35px;
	}

.mt0	{
	font-size:14px;
	line-height:28px;
	}
	
.m_h	{
	font-size:24px;
	border-left:3px solid var(--theme-color);
	padding:0 0 0 15px;
	}	

.table	{
	background-color: #FFF;
  margin: 20px;
  display: flex;
  flex-wrap: wrap;
	}

	.table dt	{
		padding: 15px;
		width: 10%;
		background-color: #FBFBFB;
		font-weight: bold;
		border-bottom: 1px solid #E4E4E4;
		}

		.table dt:first-child	{
			border-top: 1px solid #E4E4E4;
			}

		.table dt:first-child+ dd	{
			border-top: 1px solid #E4E4E4;
			}
		
	.table dd	{
		padding: 15px;
		width: 80%;
		box-sizing: border-box;
		border-bottom: 1px solid #E4E4E4;
		margin:0;
		}

.hidden_box input {
    display: none;
}

/* ==

　district

=============================================================================== */

.district_header_wrap	{
	font-family: 'Noto Sans JP', sans-serif;
	width:100%;
	}

.district_header_1	{
	width:10%;
	height: 130px;
	float:left;
	padding:0;
	margin:0;
	background-color:#1066AA;
	color:#FFF;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size:20px;
	 font-weight: bold;
	}

.district_header_2	{
	width:80%;
	height:130px;
	float:left;
	background-color:var(--theme-color);
	color:#fff;
	padding:0 60px 0 30px;
	margin:0;
	}

	.district_header_2 h2	{
		font-size:24px;
		font-weight:bold;
		margin:20px 0;
		}


.tag_cloud2	{
	width:90%;
	background-color:#F6F5F5;
	clear:both;
	padding:20px 45px;
	font-family: 'Noto Sans JP', sans-serif;
	}

.tag_cloud2 a	{
	margin:5px;
	padding:5px 15px;
	background-color:var(--theme-color);
	color:#fff;
	border-radius: 30px ;
	display:inline-block;
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	font-size:14px;
	}


.dl_btn_wrap	{
	width:95%;
	margin-top:20px;
	}

.dl_btn	{
	margin-left:auto;
	color:#fff;
	border-radius: 30px ;
	background-color:var(--theme-color);
	width: 400px;
	text-align:center;
	padding:5px;
	}

.dl_btn a	{
	font-size:12px;
	color:#fff;
	text-decoration:none;
	}

.district_wrap	{
	width:90%;
	margin:20px 0 0 0;
	padding:40px 45px 40px 45px;
	border:7px solid var(--theme-color);
	vertical-align:middle;
	}

	.district_wrap h3	{
		font-size:36px;
		margin:0;
		float:left;
		}

	.all_btn a	{
		color:#000;
		text-decoration:none;
		background-color:#F1F4EE;
		float:left;
		padding:5px 20px;
		border-radius:30px;
		margin:5px 0 0 0;
		}

	.all_btn_2 a	{
		color:#fff;
		text-decoration:none;
		background-color:var(--theme-color);
		float:left;
		padding:5px 20px;
		border-radius:30px;
		margin:5px 0 0 0;
		}
	
	.arrow	{
		float:left;
		color:var(--theme-color);
		font-size:26px;
		font-weight:bold;
		margin:0 10px;
		}

	.district_wrap p	{
		clear:both;
		}

.district_wrap2	{
	width:90%;
	margin:20px 0 0 0;
	padding:40px 45px 40px 45px;
	border:7px solid var(--theme-color);
	vertical-align:middle;
	}

	.district_wrap2 h3	{
		font-size:36px;
		margin:0;
		float:left;
		}

	.district_wrap2 p	{
		clear:both;
		}

.district_inner_wrap	{
	border-top:1px solid #ccc;
	}

	.district_inner_wrap ul	{
	margin-left:5px;
	padding-left:0;
		}

	.district_inner_wrap li	{
		padding-left: 20px;
		background: url(../../images/district/list_icon.jpg) left 0px top 3px no-repeat;
		background-size: 15px auto;
		list-style:none;
				}

	.district_inner_wrap li a	{
		text-decoration:none;
		color:#000;
		}
	
.tb_district a	{
	font-size:28px;
	color:var(--theme-color);
	text-decoration:none;
	}	

.district	{
	margin-top:0;
	margin-left:5px;
	padding-left:0;
	}
	
	.district ul	{
		}

	.district li	{
		padding-left: 20px;
		background: url(../../images/district/list_icon.jpg) left 0px top 3px no-repeat;
		background-size: 15px auto;
		list-style:none;
		}
	
	.district a	{
		text-decoration:none;
		color:#000;
		}

.hidden_box_2 input {
    display: none;
}