@charset "utf-8";
/* # =================================================================
#### model house
# ================================================================= */
/* スウェーデンハウス R+house ainoe */
.sweden{

}
.model_header{
	margin-bottom : 100px;
}
.model_img_sub{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.model_img_sub a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.model_img_sub a:hover{
	opacity : 0.5;
}
.model_img_sub img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.sweden .model_header h1{
	position : relative;
	display : block;
	width : 250px;
	height : auto;
	margin : 0 auto;
	text-align : center;
}
.model_header img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.model_header h2{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 30px;
	color : #BF9E73;
	text-align : center;
}
.model_header p{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 30px;
	text-align : justify;
	line-height : 1.8;
}
.model_header_image{
	position : relative;
	width : 100%;
	height : auto;
}
.model_header_image img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.model_house{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : -100px auto 100px;
	padding-top : 100px;
	/* 20200613 */
	margin : 0 auto 100px;
	padding-top : 0;
}
.model_house h3{
	color : #F18B00;
	margin-bottom : 30px;
}
.model_house.rhouse h3{
	color : #2D4F35;
}
.model_floor{
	color : #8E8C48;
	margin-top : 30px;
}
.model_info{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-top : 30px;
	margin-bottom : 30px;
}
.model_info h4{
	position : relative;
	display : block;
	width : 100%;
	margin : 0 0 30px;
}
.model_info dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 48%;
	border-bottom : 1px solid #DDDDDD;
	border-left : 1px solid #DDDDDD;
	border-right : 1px solid #DDDDDD;;
}
.model_info dl dt{
	position : relative;
	display : block;
	width : 20%;
	padding : 5px 10px;
	background : #EDEDEB;
	border-top : 1px solid #DDDDDD;
}
.model_info dl dd{
	position : relative;
	display : block;
	width : 80%;
	padding : 5px 10px;
	border-top : 1px solid #DDDDDD;
}
.model_info .ggmap{
	position : relative;
	display : block;
	width : 48%;
}
.model_house a{
	position : relative;
	display : block;
	width : 270px;
	height : auto;
	color : #fff;
	background : #6292E0;
	border : 1px solid #6292E0;
	text-align : center;
	padding : 10px 0;
	margin : 0 auto;
}
.model_house a:hover{
	color :#6292E0;
	background : #fff;
}
.model_house a.reserve_tel{
	background : none;
	color : #1D1D1D;
	border : none;
	text-align : left;
	width : auto;
	text-decoration : underline;
}
.model_house a.reserve_tel:hover{
	color : #6292e0;
}
.model_house .video_link{
	display : block;
	width : 100%;
	height : auto;
	margin : 50px 0;
	text-align : center;
}
.model_house .video_link a{
	display : inline-block;
	background : #f00;
	border : 1px solid #f00;
}
.model_house .video_link a:hover{
	color : #f00;
	background : #fff;
}
.model_house .video_link a:nth-child(2){
	display : inline-block;
	background : #0000ff;
	border : 1px solid #0000ff;
}
.model_house .video_link a:nth-child(2):hover{
	color : #0000ff;
	background : #fff;
}
.brand_link{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 450px;
	height : auto;
	margin : 0 auto 50px;
	text-align : center;
}
.brand_link a{
	position : relative;
	display : block;
	width : 210px;
	height : auto;
	color : #1D1D1D;
	background : #fff;
	border : 1px solid #1D1D1D;
	padding : 10px 0;
}
.brand_link a:hover{
	color : #fff;
	background : #1D1D1D;
}
/* 20211220 */
.model_sns{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin : 30px 0;
}
.model_sns a{
	position : relative;
	display : inline-block;
	width : auto;
	text-align : center;
	color : #fff;
	background : #ff8800;
	border : 1px solid #ff8800;
	border-radius : 25px;
	padding : 10px 20px;
	font-size : 16px;
	margin : 0 auto 0;
}
.model_sns a:hover{
	color : #fff;
	background : #1D1D1D;
	opacity : 1;
}
.sns_btn{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 90px;
	height : auto;
	margin : 0 auto;
}
.sns_btn a{
	position : relative;
	display : block;
	width : 40px;
	height : auto;
}
.sns_btn a:hover{
	opacity : 0.5;
}
.sns_btn a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* ainoe */
.cubo,
.cubo_feature,
.cubo_experiment{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 50px;
}
.cubo h2{
	position : relative;
	display : block;
	width : 400px;
	height : auto;
	margin : 0 auto 20px;
}
.cubo h2 img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 28px;
}
.cubo h3{
	color : #603224;
	text-align : center;
	margin-bottom : 30px;
	font-size : 28px;
}
.cubo h3 span{
	position : relative;
	display : block;
	font-size : 16px;
}
.cubo h4{
	color : #603224;
	text-align : center;
	margin-bottom : 30px;
	font-size : 20px;
}
.cubo h4 span{
	position : relative;
	display : block;
	font-size : 16px
}
.cube_model{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.cube_model p{
	position : relative;
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	justify-content : center;
	-webkit-justify-content : center;
	-ms-justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 50%;
	height : auto;
	background : #F2EDE6;
	padding : 0 50px;
}
.cube_model span{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.cube_model span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* cubo_feature */
.cubo_feature{

}
.cubo_feature h2{
	text-align : center;
	margin-bottom : 30px;
}
.cubo_feature h3{
	color : #8E8C48;
	margin-bottom : 10px

}
.cubo_feature h4{
	color : #fff;
	background : #8E8C48;
	margin-bottom : 20px;
	padding : 5px 1em;
}
/* feature01 */
.feature01{
	position : relative;
	display : block;
	margin-bottom : 30px;
}
.feature01 ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	padding : 0 20px;
}
.feature01 ul li{
	position : relative;
	display : block;
	width : 23%;
	height : auto;
}
.feature01 ul li h5{
	font-size : 18px;
	font-weight : bold;
	text-align : center;
	margin-bottom : 20px;
}
.feature01 ul li h6{
	color : #F18B00;
	font-size : 16px;
	text-align : center;
	margin-bottom : 20px;
}
.feature01 ul li h6 span{
	position : relative;
	display : block;
	border : 1px solid #F18B00;
	padding : 3px 0;
}
.feature01 ul li p{
	text-align : justify;
}
/* feature02 */
.feature02{
	position : relative;
	display : block;
	margin-bottom : 30px;
}
.feature02 ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.feature02 ul li{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.feature02 ul li h5{
	font-size : 18px;
	font-weight : bold;
	margin-bottom : 20px;
	padding : 0 20px;
}
.feature02 ul li h5 span{
	position : relative;
	display : block;
	font-size : 16px;
	font-weight : normal;
}
.feature02 ul li dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	padding : 0 20px;
}
.feature02 ul li dl dt{
	position : relative;
	display : block;
	color : #8E8C48;
	margin-bottom : 10px;
	width : 30%;
	height : auto;
}
.feature02 ul li dl dd{
	position : relative;
	display : block;
	color : #8E8C48;
	margin-bottom : 10px;
	width : 70%;
	height : auto;
	border : 1px solid #8E8C48;
	padding : 3px 0;
	text-align : center;
}
/* feature03 */
.feature03{
	position : relative;
	display : block;
	margin-bottom : 30px;
}
.feature03 .f3_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	padding : 0 20px;
}
.feature03 .f3_box p{
	position : relative;
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	justify-content : center;
	-webkit-justify-content : center;
	-ms-justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 48%;
	height : auto;
}
.feature03 .f3_box span{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	text-align : center;
}
.feature03 .f3_box span img{
	position : relative;
	display : inline-block;
	width : 150px;
	height : auto;
}
/* feature04 */
.feature04{
	position : relative;
	display : block;
	margin-bottom : 30px;
}
.feature04 .f3_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	padding : 0 20px;
}
.feature04 .left_box{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
	padding-right : 25px;
}
.feature04 .left_box h5{
	color : #8E8C48;
	font-size : 18px;
	font-weight : bold;
	margin-bottom : 10px;
}
.feature04 .left_box h5 span {
	display : block;
	text-indent : 5em;
}
.feature04 .left_box ul{
	margin-bottom : 20px;
}
.feature04 .left_box p{
	margin-bottom : 20px;
}
.feature04 .right_box{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
}
.feature04 .right_box .f_top,
.feature04 .right_box .f_bottom{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.feature04 .right_box .f_top span{
	position : relative;
	display : block;
	width : 49%;
	height : auto;
	margin-bottom : 20px;
}
.feature04 .right_box .f_bottom span{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
}
.feature04 .right_box .f_top span img,
.feature04 .right_box .f_bottom span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* case02 */
.feature04 .case02 .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.feature04 .case02 .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.feature04 .case02 .right_box .f_top span{
	width : 48%;
}
.feature04 .case02 .right_box .f_top span span{
	width : 100%;
	height : 78px;
	text-align : center;
}
.feature02 .f_top{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.feature02 .f_top span{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.feature02 .f_top span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.feature02 p{
	margin-bottom : 30px;
}
.flowchart{
	text-align : center;
}
.flowchart .text{
	position : relative;
	display : block;
	width : 225px;
	border : 1px solid #1D1D1D;
	background : #fff;
	padding : 3px 0;
	margin : 0 auto 20px;
}
.flowchart .shape{
	position : relative;
	display : block;
	font-size : 40px;
	margin-bottom : 20px;
}
/* cubo_experiment */
.cubo_experiment{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
	padding : 50px 0;
	background : #F2EDE6;
}
.cubo_experiment h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 30px;
}
.cubo_experiment p{
	text-align : center;
	margin-bottom : 30px;
}
.ex_wrap{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 1200px;
	height : auto;
	margin : 0 auto;
}
.cubo_experiment .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.cubo_experiment .left_box a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.cubo_experiment .left_box a:hover{
	opacity : 0.8;
}
.cubo_experiment .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.cubo_experiment .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	text-align : right;
}
.cubo_experiment .right_box h4{
	color : #8E8C48;
	margin-bottom : 30px;
	text-align : left;
}
.cubo_experiment .right_box p{
	line-height : 1.8;
	text-align : justify;
	margin-bottom : 30px;
}
.cubo_experiment .right_box a{
	position : relative;
	display : inline-block;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px;
	text-align : center;
	font-size : 14px;
}
.cubo_experiment .right_box a:hover{
	color : #fff;
	background : #1D1D1D;
}
.award{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	margin : 50px auto 0;
	overflow : hidden;
}
.award a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.award img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.award img:nth-child(2){
	width : 50%;
	margin-top : 10px;
	float : right;
}
/* 20200711 */
.model_banner_wrap{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	margin : 50px 0 100px;
}
.banner_3d{
	position : relative;
	display : block;
	width : 49%;
	height : 100%;
}
.banner_3d span{
	position : relative;
	display : block;
	width : 100%;
	height : 0;
	padding-top : 56.25%;
	margin-bottom : 10px;
}
.banner_3d span iframe{
	position : absolute;
	display : block;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
}
.model_house  .banner_3d a{
	color : #000;
	font-weight : bold;
	text-decoration : none;
	background : none;
	border : none;
	width : 100%;
	height : auto;
}
.model_house  .banner_3d a:hover{
	color : red;
}
/* # =================================================================
#### 不動産 暮らし
# ================================================================= */
.common_header{
	position : relative;
	display : block;
	margin-bottom : 100px;
}
.page_link_btn{
	position : relative;
	display : block;
	text-align : center;
	margin-top : 20px;
}
.page_link_btn a{
	position : relative;
	display : inline-block !important;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px !important;
	text-align : center;
	font-size : 14px;
}
.page_link_btn a:hover{
	color : #fff;
	background : #1D1D1D;
}
.page_common{

}
.page_title{
	text-align : center;
}
.common_header.smile p{
	margin-bottom : 50px;
}
.page_common h1.headline{
	position : relative;
	display : inline-block;
	text-align : center;
	border-bottom : 1px solid #1D1D1D;
	padding-bottom : 5px;
	margin-bottom : 30px;
}
.page_common h2.headline{
	color : #BF9E73;
	text-align : center;
	margin-bottom : 30px;
}
.page_common p.headline{
	position : relative;
	display : block;
	width : 950px;/* 900 */
	margin : 0 auto 30px;
	text-align : justify;
}
.page_common .header_image{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.page_common .header_image img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.contents_brand.page_temp{
	background : none;
}
.contents_brand.page_temp h2{
	text-align : center;
	margin-bottom : 20px;
}
.contents_brand.page_temp p{
	text-align : center;
	margin-bottom : 50px;
}
.contents_brand.page_temp ul li{
	margin-bottom : 80px;
}
.contents_brand.page_temp ul li p{
	text-align : justify;
}
.temp_link{
	text-align : center;
}
.page_temp span a{
	position : relative;
	display : inline-block !important;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px !important;
	text-align : center;
	font-size : 14px;
	margin-top : 30px;
}
.page_temp span a:hover{
	color : #fff;
	background : #F18B00;
	border : 1px solid #F18B00;
	opacity : 1 !important;
}
.page_temp02{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.page_temp02 h2{
	text-align : center;
	margin-bottom : 30px;
}
.page_temp02 p{
	text-align : center;
	margin-bottom : 30px;
}
.temp_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-bottom : 50px;
}
.temp_box .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.temp_box .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}


.temp_box .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.temp_box .right_box h3{
	border-bottom : 1px solid #1D1D1D;
	margin-bottom : 20px;
}
.temp_box .right_box h4{
	font-size : 16px;
	margin-bottom : 10px;
}
.temp_box .right_box p{
	text-align : left;
}
.temp_box .right_box ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-bottom : 20px;
}
.temp_box .right_box ul li{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	margin-bottom : 1em;
}
.page_temp02 .bottom_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.page_temp02 .bottom_box span{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
}
.page_temp02 .bottom_box span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.right_bottom{
	position : relative;
	display : block;
	overflow : hidden:
}
.right_bottom p{
	position : relative;
	display : block;
	float : left;
	margin : 0;
}
.temp_link{
	position : relative;
	display : block;
	float : right;
}
.right_bottom a{
	position : relative;
	display : inline-block !important;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px !important;
	text-align : center;
	font-size : 14px;
}
.right_bottom a:hover{
	color : #fff;
	background : #F18B00;
	border : 1px solid #F18B00;
}
.banner{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.banner a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.banner a:hover{
	opacity : 0.8;
}
.banner img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* 暮らし */
.contents_brand.kurashi{
	background : none;
}
.contents_brand.kurashi ul li{
	margin-bottom : 80px;
}
.contents_brand.kurashi ul li h3{
	margin-bottom : 10px;
}
.contents_brand.kurashi ul li h4{
	height : 60px;
	margin-bottom : 20px;
	text-align : justify;
}
.contents_brand.kurashi ul li span{
	margin-bottom : 20px;
}
.contents_brand.kurashi ul li a{
	position : relative;
	display : inline-block !important;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px !important;
	text-align : center;
	font-size : 14px;
	margin-top : 30px;
}
.contents_brand.kurashi ul li a:hover{
	color : #fff;
	background : #F18B00;
	border : 1px solid #F18B00;
}
/* 暮らしTOPページ */
.contents_brand.kurashi ul.front_list li{
	margin-bottom : 0;
}
/* # =================================================================
#### 住宅事業
# ================================================================= */
.housing01{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.housing01 ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	background : url(../images/top/top_bkimg.png);
	padding : 50px 100px;
}
.housing01 ul:nth-child(even){
	background : none;
}
.housing01 ul li{
	position : relative;
	display : block;
	width : 24%;
	height : auto;
}
.housing01 ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	transition : 0.5s;
}
.housing01 ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #193e6c;
}
.housing01 ul li a:hover img{
	opacity : 0.5;
	transition : 0.5s;
}
/* housing02 */
.housing02{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.housing02 h2{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}
.housing02 p.center{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 50px;
}
.housing02 h3{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}
.housing02 h3 span{
	background : #fff;
	padding : 0 20px;
}
.housing02 h3:after{
	content : "";
	position : relative;
	display : block;
	width : 100%;
	border : 1px solid #1D1D1D;
	top : -17px;
	z-index : -1;
}
.housing02 p{
	text-align : justify;
	margin-bottom : 50px;
}
.housing02 ol{

}
.housing02 ol li{
	margin-bottom : 30px;
}
.housing02 ol li h4{
	margin-bottom : 10px;
}
.housing02 ol li h4 span{
	position : relative;
	color : #fff;
	background : #5FADFC;
	padding : 5px 20px;
	margin-right : 20px;
	font-size : 18px;
	font-weight : bold;
}
.housing02 ol li p{

}
/* housing03 */
.housing03{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.housing03 h2{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 50px;
}
.housing03 h2 span{
	background : #fff;
	padding : 0 20px;
}
.housing03 h2:after{
	content : "";
	position : relative;
	display : block;
	width : 100%;
	border : 1px solid #1D1D1D;
	top : -17px;
	z-index : -1;
}
.housing03 ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.housing03 ul:after{
	content :"";
	display : block;
	width :32%;
}
.housing03 ul li{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
	margin-bottom : 50px;
}
.housing03 ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.housing03 ul li h3{
	margin-bottom : 20px;
	text-align : center;
}
.housing03 ul li .housing_cate{
	display : inline-block;
	border : 1px solid #1D1D1D;
	padding : 1px 20px;
	margin : 10px 0;
}
.housing03 ul li a{
	position : relative;
	display : block;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px;
	text-align : center;
	font-size : 14px;
	margin : 0 auto;
}
.housing03 ul li a:hover{
	color : #fff;
	background : #F18B00;
	border : 1px solid #F18B00;
}
/* # =================================================================
#### インテリア
# ================================================================= */
.interior{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.interior .left_box{
	position : relative;
	display : block;
	width : 37%;
	height : auto;
	margin-bottom : 50px;
}
.interior .left_box p{
	font-size : 20px;
	line-height : 1.8;
}
.interior .right_box{
	position : relative;
	display : block;
	width : 58%;
	height : auto;
	margin-bottom : 50px;
}
.interior .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 20px;
}
.interior .left_box:last-child img{
	position : absolute;
	bottom : 0;
	margin-bottom : 0;
}
.interior .left_box:last-child p{
	margin-top : 1em;
}
.interior .right_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### リフォーム
# ================================================================= */
.logo_headline{
	position : relative;
	display : block;
	width : 501px;
	height : auto;
	margin : 0 auto 30px;
}
.logo_headline img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.reform{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.reform .reform_box01,
.reform .reform_box02,
.reform .reform_box03,
.reform .reform_box04{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-bottom : 50px;
}
.reform .reform_box01 h3,
.reform .reform_box02 h3,
.reform .reform_box03 h3,
.reform .reform_box04 h3{
	position : relative;
	display : block;
	border-bottom : 1px solid #1D1D1D;
	padding-bottom : 5px;
	margin-bottom : 20px;
}
.reform .reform_box01 .left_box{
	position : relative;
	display : block;
	width : 28%;
	height : auto;
}
.reform .reform_box01 .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.reform .reform_box01 .right_box{
	position : relative;
	display : block;
	width : 68%;
	height : auto;
}
.reform .reform_box01 .right_box span{
	position : absolute;
	display : block;
	bottom : 0;
}
.reform .reform_box01 .right_box span img{
	position : relative;
	display : inline-block;
	width : 48%;
	height : auto;
}
.reform .reform_box01 .right_box span img:nth-child(2){
	margin-left : 2%;
}

.reform .reform_box02 .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.reform .reform_box02 .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.reform .reform_box02 .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}

.reform .reform_box03 .left_box{
	position : relative;
	display : block;
	width : 28%;
	height : auto;
}
.reform .reform_box03 .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.reform .reform_box03 .right_box{
	position : relative;
	display : block;
	width : 68%;
	height : auto;
}

.reform .reform_box04 .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.reform .reform_box04 .left_box span{
	position : relative;
	display : block;
	overflow : hidden;
}
.reform .reform_box04 .left_box span img{
	position : relative;
	display : block;
	float : left;
	width : 48%;
	height : auto;
}
.reform .reform_box04 .left_box span img:nth-child(2){
	margin-left : 2%;
}
.reform .reform_box04 .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
/* cx */
.reform_cx{
	position : relative;
	display : block;
}
.reform_cx h2{
	text-align : center;
	margin-bottom : 30px;
}
/* cx_box */
.cx_box{
	position : relative;
	display : block;
}
.cx_top{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	background : #f8f7f3;
	padding : 25px;
}
.cx_bottom{
	position : relative;
	display : block;
	background : #d2d2ca;
	padding : 25px;
}
.reform_before h3,
.reform_afte h3{

}
.reform_before h3 span,
.reform_afte h3 span{

}
/* before */
.reform_before{
	position : relative;
	display : block;
	width : 40%;
	height : auto;
}
.before_image{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.before_image a{
	position : relative;
	display : block;
	margin-bottom : 10px;
}
.before_image a:nth-child(odd){
	width : 61.5%;
	height : auto;
}
.before_image a:nth-child(even){
	width : 37%;
	height : auto;
}
.before_image a:nth-child(odd) img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.before_image a:nth-child(even) img{
	position : relative;
	display : block;
	width : 98.5%;
	height : auto;
}
.before_image a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* center */
.reform_center{
	position : relative;
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	justify-content : center;
	-webkit-justify-content : center;
	-ms-justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 15%;
	height : auto;
}
.reform_center img{
	position : relative;
	display : block;
	width : 40%;
	height : auto;
}
/* after */
.reform_after{
	position : relative;
	display : block;
	width : 40%;
	height : auto;
}
.after_image{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.after_image a{
	position : relative;
	display : block;
}
.after_image a:nth-child(1){
	width : 100%;
	margin-bottom : 10px;
}
.after_image a:nth-child(2){
	width : 40%;
}
.after_image a:nth-child(3){
	width : 32%;
}
.after_image a:nth-child(4){
	width : 28%;
}
.after_image a:nth-child(1) img{
	width : 100%;
}
.after_image a:nth-child(2) img{
	width : 95%;
}
.after_image a:nth-child(3) img{
	width : 95%;
}
.after_image a:nth-child(4) img{
	width : 102%;
}
.after_image a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* cx_bottom */
.cx_bottom{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.cx_bottom .left_box{
	position : relative;
	display : block;
	width : 40%;
	height : auto;
}
.cx_bottom .left_box h3{
	font-size : 16px;
	margin-bottom : 5px;
}
.cx_bottom .left_box p{
	font-size : 14px;
}
.cx_bottom .left_box dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.cx_bottom .left_box dl dt{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
	font-size : 14px;
	margin-bottom : 5px;
}
.cx_bottom .left_box dl dd{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	font-size : 14px;
	margin-bottom : 5px;
}
.cx_bottom .right_box{
	position : relative;
	display : block;
	width : 60%;
	height : auto;
}
.cx_bottom .right_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* cx_image */
.cx_image{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-top : 50px;
}
.cx_image a{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.cx_image a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### お客様センター
# ================================================================= */
.customer{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.customer h3{
	text-align : center;
	margin-bottom : 30px;
}
.customer_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.customer_box .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.customer_box .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 20px;
}
.customer_box .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.customer_box .right_box p{
	line-height : 1.8;
	text-align : justify;
}
/* # =================================================================
#### わたしたちの理念
# ================================================================= */
.mes{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.mes .left_box{
	position : relative;
	display : block;
	width : 35%;
	height : auto;
	margin-bottom : 100px;
}
.mes .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.mes .left_box p{
	text-align : right;
}
.mes .right_box{
	position : relative;
	display : block;
	width : 62%;
	height : auto;
	margin-bottom : 100px;
}
.mes .right_box h3{
	margin-bottom : 20px;
}
.mes .right_box p{
	line-height : 1.8;
	text-align : justify;
}
.mes .mes_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.mes .mes_box .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	margin-bottom : 50px;
}
.mes .mes_box .left_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.mes .mes_box .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	margin-bottom : 50px;
}
.mes .mes_box .right_box h3{
	margin-bottom : 20px;
}
.mes .mes_box .right_box h4{
	margin-bottom : 5px;
}
.mes .mes_box .right_box p{
	margin-bottom : 30px;
	text-align : left;
}
/* mes_slider */
.mes_slider{
	position : relative;
	display : block;
	padding : 30px 0;
	background : #F2EDE6;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.mes_slider h2{
	text-align : center;
	margin-bottom : 30px;
}
.mes_caption{
	font-size : 15px;
	margin-top : 15px;
}
/**/
.mes_video_area{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
	margin : 0 auto 100px;

}
.mes_video_area h2{
	text-align : center;
	margin-bottom : 10px;
}
.mes_video_area p{
	font-size : 14px;
	margin-top : 10px;
}
.mes_video{
	position :relative;
	width :100%;
	padding-top :56.25%;
}
.mes_video iframe{
	position:absolute;
	top :0;
	right :0;
	width :100%;
	height :100%;
}
/* # =================================================================
#### 歴史
# ================================================================= */
.history{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.history_box01{
	position : relative;
	display : block;
	margin-bottom : 100px;
}
.history_box01 h2{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}
.history_box01 h3{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
	color : #BF9E73;
}
.h_box_header{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-bottom : 20px;
}
.h_box_header a{
	position : relative;
	display : block;
	width : 38%;
	height : auto;
}
.h_box_header a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.h_box_header .person{
	position : relative;
	display : block;
	width : 60%;
	height : auto;
}
.h_box_header .person h4{
	color : #8E8C48;
	font-size : 18px;
	font-weight : bold;
}
.h_box_header .person p{
	position : relative;
	display : block;
}
.h_box_header .person p span{
	position : relative;
	display : block;
}
.h_img{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 20px;
}
.h_img img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.h_img_bottom{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.h_img_bottom span{
	position : relative;
	display : block;
	width : 49%;
	height : auto;
	text-align : center;
	margin-bottom : 20px;
}
.h_img_bottom span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.h_box_area{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.h_box{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
	background : #F2EDE6;
	padding : 15px 20px;
	margin-bottom : 50px;
}
p.h_story{
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 50px;
}
/* video */
.history_video{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.history_video .video_wrap{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.history_video .video_wrap h4{
	position : relative;
	display : block;
	text-align : center;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 10px;
}
.history_video .video_wrap p{
	margin-top : 10px;
}
.history_video .video_wrap .video{
	position :relative;
	width :100%;
	padding-top :56.25%;
}
.history_video .video_wrap .video iframe{
	position:absolute;
	top :0;
	right :0;
	width :100%;
	height :100%;
}
/* history_box02 */
.history_box02{
	position : relative;
	display : block;
}
.history_box02 h2{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}
.history_box02 p{
	position : relative;
	display : block;
	line-height : 1.8;
	text-align : justify;
	margin-bottom : 50px;
}
.h_link{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	margin-bottom : 50px;
}
.h_link li{
	position : relative;
	display : block;
	width : 18%;
	height : auto;
}
.h_link a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #fff;
	border : 1px solid #1D1D1D;
	padding : 3px 0;
	text-align : center;
}
.h_link a:hover{
	color : #fff;
	background : #F18B00;
	border : 1px solid #F18B00;
}
.history_box02 section ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.history_box02 section ul:after{
	content : "";
	display : block;
	width : 32%;
}
.history_box02 section{
	padding-top : 40px;
	margin-bottom : 50px;
}
.history_box02 section h3{
	text-align : center;
	margin-bottom : 30px;
}
.history_box02 section ul li{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
	margin-bottom : 50px;
}
.history_box02 section ul li h4{
	font-size : 18px;
	margin-bottom : 10px;
}
.history_box02 section ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* 20210901 */
.new_h_box{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	padding : 15px;
	background : #F2EDE6;
	margin-bottom : 100px;
}
.new_h_box .new_h_img_box{
	position : relative;
	display : block;
	width : 10%;
	height : auto;
}
.new_h_box .new_h_img_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.new_h_box .new_h_data_box{
	position : relative;
	display : block;
	width : 90%;
	height : auto;
	padding-left : 50px;
}
.new_h_box .new_h_data_box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1.8;
	text-align : justify;
}
.new_h_box .new_h_data_box p.bold{
	color : #8E8C48;
	font-size : 18px;
	margin-bottom : 15px;
}
/* # =================================================================
#### 企業情報
# ================================================================= */
.company_wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.company01,
.company02,
.company03,
.company04,
.company05,
.company06{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.company01 h3,
.company02 h3,
.company03 h3,
.company04 h3,
.company05 h3,
.company06 h3{
	text-align : center;
	margin-bottom : 20px;
}
/* company01 */
.company01{

}
.company01 dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	border-bottom : 1px solid #DDDDDD;
	border-left : 1px solid #DDDDDD;
	border-right : 1px solid #DDDDDD;
}
.company01 dl dt{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
	background : #EDEDEB;
	border-top : 1px solid #DDDDDD;
	padding : 10px 10px 10px 15px;
	font-weight : bold;
}
.company01 dl dd{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	border-top : 1px solid #DDDDDD;
	padding : 10px 10px 10px 15px;
	font-weight : bold;
}
/* company02 */
.company02{

}
.company02 dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.company02 dl dt{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
	border-bottom : 1px solid #DDDDDD;
	padding : 10px 10px 10px 15px;
	font-weight : bold;
}
.company02 dl dd{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	border-bottom : 1px solid #DDDDDD;
	padding : 10px 10px 10px 15px;
	font-weight : bold;
}
/* company03 */
.company03{

}
.company03 table{
	position : relative;
	width : 100%;
	height : auto;
}
.company03 table th{
	padding : 10px;
	text-align : left;
	background : #EDEDEB;
	font-weight : bold;
}
.company03 table td{
	padding : 10px;
	text-align : left;
	font-weight : bold;
}
.company03 table th:nth-child(1),
.company03 table td:nth-child(1){
	width : 26%;
}
.company03 table th:nth-child(2),
.company03 table td:nth-child(2){
	width : 35%;
}
.company03 table th:nth-child(3),
.company03 table td:nth-child(3){
	width : 22%;
}
.company03 table th:nth-child(4),
.company03 table td:nth-child(4){
	width : 17%;
}
.company03 table td a{
	color : #6292E0;
}
.company03 table td a:hover{
	color : #F18B00;
}
/* company04 */
.company04{

}
.company04 p{
	margin-bottom : 30px;
}
.company04 dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.company04 dl dt{
	position : relative;
	display : block;
	width : 10%;
	height : auto;
	font-weight : bold;
	margin-bottom : 20px;
}
.company04 dl dd{
	position : relative;
	display : block;
	width : 90%;
	height : auto;
	font-weight : bold;
	margin-bottom : 20px;
	padding-left : 20px;
}
.company04 dl dd span{
	position : relative;
	display : block;
	font-weight : normal;
	text-align : justify;
}
/* company05 */
.company05{

}
.company05 ul li{
	margin-bottom : 15px;
	text-align : justify;
}
/* company06 */
.company06{

}
.company06 p{
	position : relative;
	display : block;
	font-weight : bold;
	margin-bottom : 20px;
}
.company06 ul{
	position : relative;
	display : block;
	text-indent : 0.5em;
	margin-bottom : 30px;
}
.company06 ul li{
	margin-bottom : 5px;
}
.company06 span{
	position : relative;
	display : block;
	font-weight : bold;
}
/* # =================================================================
#### 個人情報保護方針
# ================================================================= */
.privacy{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 50px;
}
.privacy ol{

}
.privacy ol li{
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 30px;
}
.privacy ol li h2{
	font-size : 18px;
	font-weight : bold;
	border-bottom : 1px solid #1D1D1D;
	margin-bottom : 10px;
}
.privacy ol li p{
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 20px;
}
.privacy ol li span{
	display : block;
}
.privacy ol li ul,
.privacy ol li ol{
	padding-left : 1.5em;
}
.privacy ol li ul li,
.privacy ol li ol li{
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 5px;
}
/* # =================================================================
#### お問い合わせ
# ================================================================= */
.contact_area{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto;
}
.red{
	color : red;
	margin-left : 10px;
}
/* form_header */
.form_header{
	position : relative;
	display : block;
	margin-bottom : 30px;
}
.form_header ul{

}
.form_header ul li{

}
.form_header p{
	margin-bottom : 30px;
}
.form_header .bold{

}
.form_header bold a{

}
.form_header bold a:hover{

}
/* form_footer */
.form_footer{
	position : relative;
	display : block;
	margin-bottom : 30px;
}
.form_footer h2{
	font-size : 16px;
	font-weight : normal;
}
.form_footer p{
	position : relative;
	display : block;
	margin-bottom : 20px;
	text-align : center;
	font-weight : bold;
}
.form_footer ul{
	margin-bottom : 30px;
}
.form_footer ul li{
	margin-bottom : 10px;
}
.form_footer ul li a{
	position : relative;
	display : block;
	color : #5FADFC;
}
.form_footer ul li a:hover{

}
/* form_body */
.form_body{
	position : relative;
	display : block;
	background : #EDEDEB;
	margin-bottom : 50px;
	padding : 50px 30px;
}

/* .form_body */
.form_body dl{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	padding : 20px 30px;
}
.form_body dl dt{
	position : relative;
	display : block;
	width : 30%;
	margin-bottom : 30px;
}
.form_body dl dd{
	position : relative;
	display : block;
	width : 70%;
	margin-bottom : 30px;
}
.form_body dl dd p{
	margin-bottom : 15px;
}
.form_body dl dd p span.rubi{
	position : relative;
	display : block;
	font-size : 14px;
	margin-bottom : 5px;
}
.form_data{
	position : relative;
	display : block;
	padding : 0 15px;
}
/* input */
button, input, optgroup, select, textarea{
	padding : 5px;
	border : 1px solid #000;
}
input#zip1{
	width : 56px;
}
input#zip2{
	width : 64px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	width : 400px;
}
span.wpcf7-list-item{
	display : inline-block;
	margin : 0 1em 0 0;
}
/* ボタン */
.form_btn{
	text-align : center;
}
input.wpcf7-form-control.wpcf7-confirm.kakunin.wpcf7c-elm-step1.wpcf7c-btn-confirm,
input.wpcf7-form-control.wpcf7-back.modoru.wpcf7c-elm-step2.wpcf7c-btn-back,
input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2{
	position : relative;
	display : inline-block;
	width : 200px;
	height : auto;
	text-align : center;
	color : #1D1D1D;
	background : #fff;
	border : 1px solid #1D1D1D;
	padding : 10px 0;
	margin : 0 auto;
	transition : 0.8s
}
input.wpcf7-form-control.wpcf7-back.modoru.wpcf7c-elm-step2.wpcf7c-btn-back{
	margin-right : 20px;
}
input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2{
	margin-left : 20px;
}
input.wpcf7-form-control.wpcf7-confirm.kakunin.wpcf7c-elm-step1.wpcf7c-btn-confirm:hover,
input.wpcf7-form-control.wpcf7-back.modoru.wpcf7c-elm-step2.wpcf7c-btn-back:hover,
input.wpcf7-form-control.wpcf7-submit.wpcf7c-elm-step2:hover{
	color : #fff;
	background : #6292E0;
	border : 1px solid #6292E0;
	transition : 0.8s;
}
form.wpcf7-form{
	margin-top : -95px;
	padding-top : 95px;
}
.form_data {
	position : relative;
	width : 1200px;
	height : auto;
	margin : 0 auto 50px;
}
/* 完成見学会タイトルの制御 */
.event_title_get{
	text-align : center;
}
h2.event_title_get input[type="text"]{
	position : relative;
	text-align : center;
	width : 100%;
	background : none;
	border : 0;
	outline : 0;
	padding : 0;
}
p.hope01,
p.hope02{
	position : relative;
	display : inline-block;
}
p.hope01{
	width : 130px;
	margin-right : 30px;
}
p.hope01 input[type="text"]{
	width : 100%;
}
p.hope02{
	width : 75px;
}
p.hope02 input[type="text"]{
	width : 100%;
}
/* Thanks */
.thnks_area{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 300px;
}
.thnks_area h2{
	margin-bottom : 30px;
}
.thnks_area h2 p{

}
/* # =================================================================
#### 404 sitemap
# ================================================================= */
.site_map{
	position : relative;
	display : block;
}
.site_map h2{
	text-align : center;
	margin-bottom : 20px;
}
.site_map p.e404{
	text-align : center;
	margin-bottom : 30px;
	padding-bottom : 30px;
	border-bottom : 1px solid #1D1D1D;
}
/* site_map_area */
.site_map_area{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 1200px;
	height : auto;
	margin : 50px auto 100px;
}
.site_map_box:nth-child(1){
	position : relative;
	width : 49.8%;
	height : auto;
}
.site_map_box:nth-child(2){
	position : relative;
	width : 49.8%;
	height : auto;
}
.site_map_box:nth-child(3){
	position : relative;
	width : 33%;
	height : auto;
}
.site_map_box:nth-child(4){
	position : relative;
	width : 33%;
	height : auto;
}
.site_map_box:nth-child(5){
	position : relative;
	width : 33%;
	height : auto;
}
.site_map_box:nth-child(6){
	position : relative;
	width : 49.8%;
	height : auto;
}
.site_map_box:nth-child(7){
	position : relative;
	width : 49.8%;
	height : auto;
}
/* site_map_box */
.site_map_box{
	margin-bottom : 5px;
	padding : 10px;
	background : #a78d5f;
}
.site_map_box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #fff;
	font-size : 16px;
	font-weight : normal;
	margin-bottom : 5px;
}
.site_map_box .flex_area{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	height : calc(100% - 26px);
}
.site_map_box span{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
	/* 20211215 */
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	justify-content : center;
	-webkit-justify-content : center;
	-ms-justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	height : 100%;
}
.site_map_box span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.site_map_box .site_wrap{
	position : relative;
	display : flex;
	display : -ms-flexbox;
	display : -webkit-box;
	display : -webkit-flex;
	justify-content : center;
	-webkit-justify-content : center;
	-ms-justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	width : 50%;
}
.site_map_box ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 30px;
}
.site_map_box ul li{
	margin-bottom : 15px;
	line-height : 1;
}
.site_map_box ul li a{
	color : #fff;
}
.site_map_box ul li a:hover{
	color : #5FADFC;
}
.site_map_box ul li a span{
	display : inline-block;
	width : 100%;
	height : auto;
	font-size : 13px;
	line-height : 1;
	margin-bottom : 5px;
}
/* # =================================================================
#### Linnel
# ================================================================= */
.linnel_01,
.linnel_02,
.linnel_03{
	position : relative;
	width : 1200px;
	margin : 0 auto 50px;
}
.linnel_01{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.linnel_01 .left_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.linnel_01 .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.linnel_01 .left_box img,
.linnel_01 .right_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.linnel_01 .left_box p,
.linnel_01 .right_box p{
	text-align : justify;
}
.linnel_01 .left_box p,
.linnel_01 .right_box img{
	margin-bottom : 10px;
}
/**/
.linnel_02{

}
.linnel_02 h3{
	border-bottom : 1px solid #333;
	margin-bottom : 10px;
	padding-bottom : 10px;
}
.linnel_02 p{
	margin-bottom : 20px;
}
.linnel_02 .bottom_box{
	position : relative;
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.linnel_02 .bottom_box a{
	position : relative;
	display : inline-block;
	width : 32%;
	height : auto;
	margin-bottom : 20px;
}
.linnel_02 .bottom_box a img{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : 'object-fit: cover;'; /*IE対策*/
}
/**/
.linnel_03{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.linnel_03 .left_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 48%;
	height : auto;
}
.linnel_03 .left_box a{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.linnel_03 .left_box a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.linnel_03 .right_box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.linnel_03 .right_box h3{
	border-bottom : 1px solid #333;
	margin-bottom : 10px;
	padding-bottom : 10px;
}
.linnel_03 .right_box p{

}
.linnel_03 .bottom_box{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
	margin-top : 20px;
}
.linnel_03 .bottom_box a{
	position : relative;
	display : inline-block;
	width : 32%;
	height : auto;
	margin-bottom : 20px;
}
.linnel_03 .bottom_box img{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	font-family : 'object-fit: cover;'; /*IE対策*/
}
/* linnel instagram */
.linnel_insta{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.linnel_insta h2{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}
/* 20200609修正 */
/* ainone */
.feature02 .f_top span{
	margin : 0 auto;
}
/* # =================================================================
#### オンライン相談会 20200617コンテンツ追加
# ================================================================= */
h2.online_title_header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin : 50px 0 0;
}
h2.online_title_header span{
	position : relative;
	display : inline-block;
	width : auto;
	border-bottom : 1px solid #000;
	padding-bottom : 10px;
}
.online_main_image{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 50px 0;
}
.online_main_image img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
main.online{
	position : relative;
	display : block;
	margin : 0 auto 100px;
}
main.online article section:nth-child(3){
	background : #EFEFEF;
	padding : 100px 0 50px;
	margin-bottom : 100px;
}
.online_area{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online_area h3{
	position : relative;
	display : block;
	text-align : center;
	margin-bottom : 30px;
}
.online_sub_info{
	position : relative;
	display : block;
	font-size : 14px;
	margin-bottom : 50px;
}
.online_area .link_button_small{
	margin : 0 auto;
}
/* online01 */
.online01{
	position : relative;
	display : block;
	width : 1080px;
	height : auto;
	margin : 0 auto 100px;
}
.online01 .online_list{
	list-style : none;
	margin-bottom : 25px;
}
.online01 .online_list li{
	position : relative;
	display : block;
	margin-bottom : 10px;
	background : #EFEFEF;
}
.online01 .online_list li span.number{
	position : relative;
	display : inline-block;
	background : #000;
	color : #fff;
	padding : 15px;
	margin-right : 20px;
}
.online01 .online_list li span.yellow_line{
	position : relative;
	display : inline-block;
	z-index : 1;
}
.online01 .online_list li span.yellow_line:after{
	content : "";
	position : absolute;
	background : #ff0;
	height : 0.5em;
	width : 100%;
	bottom : 0;
	left : 0;
	z-index : -1;
}
.online01 .yellow_bg{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #FFFFA7;
	padding : 20px 0;
	margin-bottom : 50px;
}
.online01 .yellow_bg span{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	margin : 0 auto 30px;
}
.online01 .yellow_bg span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online01 .yellow_bg h4{
	text-align : center;
	margin-bottom : 30px;
	font-size : 24px;
	color : #4A4A4A;
}
.online01 .yellow_bg h4 span.red_line{
	position : relative;
	display : inline-block;
	width : auto;
	margin : 0;
	border-bottom : 3px dotted #f00;
}
.online01 .yellow_bg ul{
	position : relative;
	display : block;
	list-style : none;
	width : 340px;
	margin : 0 auto;
}
.online01 .yellow_bg ul li{
	position : relative;
	display : block;
	color : #4A4A4A;
	margin-bottom : 5px;
}
.online01 .yellow_bg ul li:before{
	content : "";
	position : absolute;
	display : block;
	background : url(../images/online/img02.png)no-repeat;
	width : 1em;
	height : 1em;
	background-size : cover;
	top : 6px;
	left : -1.5em;
}
.online01 .online_list li div{
	position : relative;
	display : inline-block;
	width : auto;
}
/* online02 */
.online_sub_wrap{
	position : relative;
	display : block;
	width : 1080px;
	height : auto;
	margin : 0 auto 50px;
	border : 1px solid #000;
	background : #fff;
	padding : 50px;
}
/* 削除予定
.online_sub_wrap span{
	position : absolute;
	display : block;
	width : 120px;
	height : auto;
	z-index : 1;
	right : 70px;
}
.online_sub_wrap span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}

*/
.online_sub_wrap h3{

}
.online_sub_wrap p.sub_title{
	text-align : center;
	margin-bottom : 50px;
}
.online_sub_wrap p.sub_title.title02{
	width : 450px;
	margin : 0 auto 50px;
	text-align : justify;
	line-height : 1.8;
}
.online_image_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online_image_wrap p{
	position : relative;
	display : block;
	width : 450px;
	height : auto;
	margin : 0 auto 30px;
}
.online_image_wrap p img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online_sub_wrap ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	background : #EFEFEF;
	padding : 30px;
	margin-bottom : 50px;
}
.online_sub_wrap ul li{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
	margin-bottom : 10px;
}
.online_sub_wrap ul li:before{
	
	content : "●";
	color : #9DC815;
	margin-right : 0.5em;
}
.online_sub_wrap h4{
	color : #fff;
	font-size : 20px;
	background : #2F4F35;
	text-align : center;
	padding : 10px 0;
}
.online_info{
	background : #EFEFEF;
	padding : 30px;
	margin-bottom : 50px;
	text-align : center;
}
/* online03 */
.online03{
	position : relative;
	display : block;
	width : 1080px;
	height : auto;
	margin : 0 auto 100px;
}
.online03 .online_flow_list{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	list-style : none;
	margin-bottom : 30px;
}
.online03 .online_flow_list li{
	position : relative;
	display : block;
	width : 23%;
	height : auto;
	border : 1px solid #707070;
	background : #fff;
	padding : 20px;
}
.online03 .online_flow_list li:nth-child(even){
	background : #EFEFEF;
}
.online03 .online_flow_list li span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 20px;
}
.online03 .online_flow_list li h4{
	position : relative;
	display : block;
	width : 100%;
	height : 70px;
	text-align : center;
	border-bottom : 1px solid #000;
	margin-bottom : 30px;
}
.online03 .online_flow_list li p{
	text-align : justify;
	line-height : 1.8;
}
.online03 .online_sub_info{

}
.link_button_small{
	position : relative;
	display : block;
	width : 400px;
	height : auto;
}
.link_button_small a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #fff;
	border : 1px solid #000;
	color : #000;
	font-size : 21px;
	font-weight : bold;
	text-decoration : none;
	text-align : center;
	padding : 8px 0;
}
.link_button_small a:hover{
	background : #1D1D1D;
	border : 1px solid #1D1D1D;
	color : #fff;
}
/* 追加 20200718 */
.online_yellow_bg_wrap{
	position : relative;
	display : block;
	width : 1080px;
	height : auto;
	padding: 50px 100px;
	border: 1px solid #707070;
	margin : 0 auto 50px;
	background : #fff;
}
.online_yellow_bg_wrap_header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.online_yellow_bg_wrap_header h3{

}
.online_yellow_bg_wrap_header p{
	text-align : justify;
}
.online_yellow_bg_wrap_header p .strong,
.online_sub_wrap p.sub_title .strong{
	font-size : 18px;
	font-weight : bold;
}
.online02 .yellow_bg{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #FFFFA7;
	padding : 20px 0;
	margin-bottom : 50px;
}
.online02 .yellow_bg span{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	margin : 0 auto 30px;
}
.online02 .yellow_bg span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online02 .yellow_bg h4{
	text-align : center;
	margin-bottom : 30px;
	font-size : 24px;
	color : #4A4A4A;
}
.online02 .yellow_bg h4 span.red_line{
	position : relative;
	display : inline-block;
	width : auto;
	margin : 0;
	border-bottom : 3px dotted #f00;
}
.online02 .yellow_bg ul{
	position : relative;
	display : block;
	list-style : none;
	width : 340px;
	margin : 0 auto;
}
.online02 .yellow_bg ul li{
	position : relative;
	display : block;
	color : #4A4A4A;
	margin-bottom : 5px;
}
.online02 .yellow_bg ul li:before{
	content : "";
	position : absolute;
	display : block;
	background : url(../images/online/img02.png)no-repeat;
	width : 1em;
	height : 1em;
	background-size : cover;
	top : 6px;
	left : -1.5em;
}
/* 修正↓ 20200718 */
.online_sub_wrap p.sub_title.title02{
	width : 700px;
	margin : 0 auto 50px;
	text-align : justify;
	line-height : 1.8;
}
.online_area h3.images_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online_area h3.images_title img{
	position : relative;
	display : block;
	width : 300px;
	height : auto;
	margin : 0 auto;
}
.online_sub_wrap .online_image_header_wrap{
	position : relative;
	display : block;
	width : 500px;
	height : auto;
	margin : 30px auto;
	text-align : center;
	font-size : 13px;
	right : auto;
}
.online_image_header_wrap img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.online_image_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.online_image_wrap_area{
	position : relative;
	display : block;
	width : auto;
	height : auto;
	font-size : 0;
	text-align : center;
}
.online_image_wrap p{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	margin : 0 10px;
}
.online_image_wrap p img{
	position : relative;
	display : block;
	width : auto;
	height : 100%;
	margin-bottom : 10px;
}
.online_image_wrap p span.online_image_head{
	position : relative;
	display : inline-block;
	width : auto;
	height : 250px;
	right : auto;
}
.online_image_wrap p span.online_image_info{
	position : relative;
	display : block;
	font-size : 13px;
	text-align : left;
}
/* 修正↑ */
/* 追加 20200718 */
.online_bunner_area{
	position : relative;
	display : block;
	width : 1080px;
	height : auto;
	margin : 0 auto;
}
.online_bunner_area span.pc{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online_bunner_area span.sp{
	position : relative;
	display : none;
	width : 100%;
	height : auto;
}
.online_bunner_area span a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.online_bunner_area span a:hover{
	opacity : 0.5;
}
.online_bunner_area span a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### モデルハウス動画 20200709コンテンツ追加
# ================================================================= */
.video_archive{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 100px;
}
.video_archive ul{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
}
.video_archive ul li{
	position : relative;
	display : block;
	width : 45%;
	height : auto;
	margin : 0 0 50px;
}
.video_archive ul li span.frame_wrap{
	position : relative;
	display : block;
	width : 100%;
	height :0;
	padding-top : 56.25%;
	margin-bottom : 20px;
}
.video_archive ul li iframe{
	position : absolute;
	display : block;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
}
.video_archive ul li h3{

}
.video_archive ul li a{

}
.video_archive ul li a:hover{
	color : red;
}
/* 20200903 */
.reCAPTCHA{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 50px 0 0;
}
.reCAPTCHA p{

}
.reCAPTCHA a{
	color : #5FADFC;
	text-decoration : underline;
}
.reCAPTCHA a:hover{
	color : red;
}
/* 20201120 リンネルボタン設置 */
.model_sns.sns_button{
	width : 400px;
	height : auto;
	padding : 0 15px;
}
.model_sns.sns_button a:first-child{
	width : 135px;
	margin : 0;
}
.model_sns.sns_button a{
	text-align : center;
	color : #1D1D1D;
	background : #fff;
	border : 1px solid #1D1D1D;
	border-radius : 20px;
	padding : 3px 10px;
	font-size : 14px;
	width : auto;
}
.model_sns.sns_button a:hover{
	color : #fff;
	background : #1D1D1D;
	opacity : 1;
}
/* # =================================================================
#### IGELKOTT 20210304
# ================================================================= */
.igelkott{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.igelkott h2{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 0 auto 30px;
	color : #BF9E73;
	text-align : center;
}
.igelkott h2 br.sp{
	display : none;
}
.igelkott .wrap01{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #000000;
	padding : 50px 15px;
}
.igelkott .wrap01 img{
	position : relative;
	display : block;
	width : 500px;
	height : auto;
	margin : 0 auto;
}
.igelkott .wrap02{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #343434;
	padding : 50px 15px;
}
.igelkott .wrap02 .contents_box{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 1200px;
	height : auto;
	margin : 0 auto 20px;
}
.igelkott .wrap02 .contents_box span{
	position : relative;
	display : block;
	width : 49%;
	height : auto;
	margin-bottom : 20px;
}
.igelkott .wrap02 .contents_box span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.igelkott .wrap02 .banner{
	width : 880px;
	margin-bottom : 0;
}
.igelkott .wrap02 a:hover{
	opacity : 0.5;
}
/* # =================================================================
#### エクステリア詳細
# ================================================================= */
.exterior_wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto;
}
.exterior_wrap .images_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #000;
	padding : 15px 0;
	margin-bottom : 50px;
}
.exterior_wrap .images_title img{
	position : relative;
	display : block;
	width : 440px;
	height : auto;
	margin : 0 auto;
}
/*  */
.exterior_wrap .images_banner{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.exterior_wrap .images_banner img{
	position : relative;

	width : 100%;
	height : auto;
}
.exterior_wrap .images_banner img.pc{
	display : block;
}
.exterior_wrap .images_banner img.sp{
	display : none;
}
/*  */
.exterior_wrap .item_list{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.exterior_wrap .item_list h2.item_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #000;
	padding : 5px 0;
	margin-bottom : 30px;
}
.exterior_wrap .item_list h2.item_title img{
	position : relative;
	display : block;
	width : 180px;
	height : auto;
	margin : 0 auto;
}
.exterior_wrap .item_list ul{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.exterior_wrap .item_list ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.exterior_wrap .item_list ul.list01 li{
	position : relative;
	display : block;
	width : 24%;
	height : auto;
}
.exterior_wrap .item_list ul.list02 li{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
}
.exterior_wrap .item_list ul.list03 li{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.exterior_wrap .item_list ul.list03{
	background : #000;
	padding : 15px;
}
/* # =================================================================
#### マツモト物置 20210715
# ================================================================= */
.item_maps{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.item_maps p.item_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 28px;
	font-weight : bold;
	text-align : center;
	margin-bottom : 30px;
}
/**/
.item_maps .item_wrap{
	position : relative;
	display : block;
	width : 45%;
	height : auto;
	margin-bottom : 50px;
}
.item_maps .item_wrap p.item_sub_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 22px;
	margin-bottom : 10px;
}
.item_maps .item_wrap .ggmap{
	position : relative;
	padding-bottom : 56.25%;
	padding-top : 30px;
	height : 0;
	overflow : hidden;
	margin-bottom : 15px;
}
.item_maps .item_wrap .ggmap iframe,
.item_maps .item_wrap .ggmap object,
.item_maps .item_wrap .ggmap embed{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
.item_maps .item_wrap dl{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.item_maps .item_wrap dt{
	position : relative;
	display : block;
	width : 15%;
	height : auto;
	margin-bottom : 10px;
}
.item_maps .item_wrap dd{
	position : relative;
	display : block;
	width : 85%;
	height : auto;
	margin-bottom : 10px;
}
/* # =================================================================
#### CLT建築 20220421
# ================================================================= */
/*** top ***/
.banner_wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 30px auto 0;
	background : #005593;
}
.banner_wrap a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.banner_wrap a:hover{
	opacity : 0.5;
}
.banner_wrap a img{
	position : relative;

	width : 100%;
	height : auto;
}
.banner_wrap a img.pc{
	display : block;
}
.banner_wrap a img.sp{
	display : none;
}
/*** page ***/
.common_wrap.clt_wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto 50px;
	padding : 50px 0 50px;
	border-bottom : 1px solid #CCC;
}
.common_wrap.clt_wrap h2.title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 24px;
	margin-bottom : 50px;
}
.common_wrap.clt_wrap h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 24px;
	margin-bottom : 30px;
}
.common_wrap.clt_wrap h3 span{
	position : relative;
	display : inline-block;
	width : auto;
	font-size : 20px;
	font-weight : normal;
}
.common_wrap.clt_wrap p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1.8;
	text-align : justify;
	margin-bottom : 30px;
}
.common_wrap.clt_wrap p:last-child{
	margin-bottom : 0;
}
.common_wrap.clt_wrap p.bold{

}
/** flex_box **/
.common_wrap.clt_wrap .flex_box{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
/* box */
.common_wrap.clt_wrap .flex_box .box{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .box:last-child{
	padding : 30px;
}
.common_wrap.clt_wrap .image_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-top : 50px;
}
.common_wrap.clt_wrap .image_wrap img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* li */
.common_wrap.clt_wrap .flex_box li{
	position : relative;
	display : block;
	width : 17%;
	height : auto;
	margin-bottom : 50px;
}
.common_wrap.clt_wrap .flex_box li h3{
	text-align : center;
	color : #30B5A9;
	font-size : 18px;
	margin-bottom : 15px;
}
.common_wrap.clt_wrap .flex_box li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
}
.common_wrap.clt_wrap .flex_box li p{
	text-align : center;
	font-size : 20px;
	font-weight : bold;
	margin-bottom : 0;
}
/* img_box text_box */
.common_wrap.clt_wrap .flex_box .img_box{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .img_box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .text_box{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
	padding : 20px 30px;
}
.common_wrap.clt_wrap .flex_box .text_box h3{
	font-size : 18px;
	margin-bottom : 30px;
}
.common_wrap.clt_wrap .flex_box .text_box p{
	font-size : 14px;
	margin-bottom : 0;
}
.common_wrap.clt_wrap .flex_box .img_box.order{
	order : 2;
}
.common_wrap.clt_wrap .flex_box .text_box.order{
	order : 1;
}
/*  */
.common_wrap.clt_wrap .flex_box.margin{
	margin-bottom : 50px;
}
.common_wrap.clt_wrap h3.name{
	margin-bottom : 5px;
}
.common_wrap.clt_wrap .flex_box .left_img{
	position : relative;
	display : block;
	width : 45%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .left_img img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .right_info{
	position : relative;
	display : block;
	width : 55%;
	height : auto;
	background : #EBEBEB;
	padding : 25px 30px;
}
.common_wrap.clt_wrap .flex_box .right_info h4{
	color : #777777;
	font-size : 24px;
	margin-bottom : 20px;
}
.common_wrap.clt_wrap .flex_box .right_info p{
	line-height : 1.2;
}
.common_wrap.clt_wrap .flex_box .right_info p.bold{
	font-size : 24px;
	font-weight : bold;
	margin-bottom : 0;
}
.common_wrap.clt_wrap .flex_box .box02{
	position : relative;
	display : block;
	width : 45%;
	height : auto;
}
.common_wrap.clt_wrap .flex_box .box02 img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/*  */
.common_wrap.clt_wrap .flex_box figure{
	position : relative;
	display : block;
	width : 24%;
	height : auto;
	margin-bottom : 10px;
}
.common_wrap.clt_wrap .flex_box figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* catalog */
.common_wrap.clt_wrap:last-child{
	border-bottom : 0;
	padding : 0;
}
.common_wrap.clt_wrap .catalog{
	position : relative;
	display : block;
	width : 400px;
	height : auto;
	margin : 0 auto;
}
.common_wrap.clt_wrap .catalog a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.common_wrap.clt_wrap .catalog a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### ご紹介制度のご案内 20220516
# ================================================================= */
/**** common ****/
.new_section{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 50px 0;
}
.new_section.list_page{
	padding : 0 0 50px;
}
.new_section .wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto;
}
h2.new_headline{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 0 auto;
}
h2.new_headline img{
	position : relative;
	display : block;
	width : 450px;
	height : auto;
	margin : 0 auto;
}
h3.new_headline{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #CD4F85;
	font-size : 28px;
	margin-bottom : 30px;
}
h3.image_headline{
	position : relative;
	display : block;
	width : 500px;
	height : auto;
	margin : 0 auto 30px;
}
h3.image_headline img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	image-rendering : -webkit-optimize-contrast;
}
a.new_link{
	position : relative;
	display : block;
	width : 375px;
	height : auto;
	line-height : 1;
	text-align : center;
	border-radius : 25px;
	border : 1px solid #F18B00;
	background : #F18B00;
	color : #FFF;
	font-size : 20px;
	padding : 15px 0;
	margin : 0 auto;
}
a.new_link:hover{
	background : #FFF;
	color : #F18B00;
}
.new_section p.impact{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 20px;
	font-weight : 600;
	margin-bottom : 50px;
}
.new_section p.notes{
	position : relative;
	display : block;
	width : 950px;
	height : auto;
	text-align : justify;
	line-height : 1.5;
	font-size : 16px;
	margin : 0 auto 50px;
}
.new_section p.notes.small{
	font-size : 14px;
}
.page_common p.headline.center{
	text-align : center;
}
/*** n01 ***/
.n01{

}
.n01 h3.new_headline img{
	position : relative;

	width : auto;
	height : auto;
	margin : 0 auto;
}
.n01 h3.new_headline img.pc{
	display : block;
}
.n01 h3.new_headline img.sp{
	display : none;
}
/**/
.new_section.n01 p.notes span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 15px;
}
.n01 .present_image{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.n01 .present_image img{
	position : relative;

	width : 100%;
	height : auto;
}
.n01 .present_image img.pc{
	display : block;
}
.n01 .present_image img.sp{
	display : none;
}
/*** n02 ***/
.n02{

}
.n02 .present_image{
	position : relative;
	display : block;
	width : 900px;
	height : auto;
	margin : 0 auto 50px;
}
.n02 .present_image img{
	position : relative;
	width : 100%;
	height : auto;
}
.n02 .present_image img.pc{
	display : block;
}
.n02 .present_image img.sp{
	display : none;
}
/*** n03 ***/
.n03{

}
.n03 .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.n03 .flex .box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.n03 .flex .box > p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	line-height : 1.5;
	margin-bottom : 30px;
}
.n03 .flex .box > p .impact{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #CD4F85;
	font-size : 20px;
}
.n03 .flex .box > p.small{
	font-size : 16px;
	margin-bottom : 5px;
}
.n03 .flex .box > p.small.mark{
	padding-left : 1em;
}
.n03 .flex .box > p.small.mark:before{
	content : "※";
	position : absolute;
	display : block;
	left : 0;
}
.n03 .flex .box a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #003BFF;
	font-size : 16px;
	text-decoration : underline;
	margin-bottom : 30px;
}
.n03 .flex .box a:hover{
	color : red;
}
.n03 .flex .box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.n03 .flex .box .list_box{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-radius : 15px;
	background : #E8F3F4;
	padding : 15px;
}
.n03 .flex .box .list_box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #4F9A99;
	font-size : 16px;
	margin-bottom : 15px;
}
.n03 .flex .box .list_box p.small{
	color : #000000;
	font-size : 14px;
	margin-bottom : 0;
}
.n03 .flex .box .list_box ol{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
	padding-left : 1em;
}
.n03 .flex .box .list_box ol li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	list-style : auto;
}
/**/
.n03 ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
}
.n03 ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 1.5em;
}
.n03 ul li:before{
	content : "・";
	position : absolute;
	display : blcok;
	left : 0;
}
/*** n04 ***/
.n04{

}
.n04 h4.new_headline{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	background : #D1D1D1;
	font-size : 18px;
	font-weight : bold;
	padding : 15px 0;
	margin-bottom : 50px;
}
/** flex **/
.n04 .flex{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.n04 .flex ul{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.n04 .flex ul:after{
	content : "";
	display : block;
	width : 32%;
}
.n04 .flex ul li{
	position : relative;
	display : block;
	width : 32%;
	height : auto;
	margin-bottom : 30px;
}
.n04 .flex ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.n04 .flex ul li p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #4F9A99;
	font-size : 16px;
}
/** accordion **/
.n04 .accordion{
	position : relative;
	display : block;
	width : 800px;
	height : auto;
	border-bottom : 1px solid #000;
	margin : 0 auto 50px;
}
.n04 .accordion > li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.n04 .accordion > li p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	cursor : pointer;
	border-top : 1px solid #000;
	padding : 15px 2em 15px 2em;
	text-align : justify;
}
.n04 .accordion > li p span{
	position : absolute;
	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;
	top : 0;
	bottom : 0;
	right : 0;
	margin : auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.7px 5px 0 5px;
	border-color: #4f9a99 transparent transparent transparent;
	transition : 0.5s;
}
.n04 .accordion > li p span.open{
	position : absolute;
	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;
	top : 0;
	bottom : 0;
	right : 0;
	margin : auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.7px 5px 0 5px;
	border-color: #4f9a99 transparent transparent transparent;
	transform : rotate(-180deg);
	transition : 0.5s;
}
.n04 .accordion > li > ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.n04 .accordion > li > ul > li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-bottom : 15px;
	padding-left : 2em;
	color : #4F9A99;
	font-weight : 600;
}
/*** count ***/
.n04 .accordion > li:nth-child(1) p:before{
	content : "Q1.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(2) p:before{
	content : "Q2.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(3) p:before{
	content : "Q3.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(4) p:before{
	content : "Q4.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(5) p:before{
	content : "Q5.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(6) p:before{
	content : "Q6.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(7) p:before{
	content : "Q7.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li:nth-child(8) p:before{
	content : "Q8.";
	position : absolute;
	display : block;
	left : 0;
}
.n04 .accordion > li > ul > li:nth-child(1):after{
	content : "A1.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(2):after{
	content : "A2.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(3):after{
	content : "A3.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(4):after{
	content : "A4.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(5):after{
	content : "A5.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(6):after{
	content : "A6.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(7):after{
	content : "A7.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
.n04 .accordion > li > ul > li:nth-child(8):after{
	content : "A8.";
	position : absolute;
	display : block;
	left : 0;
	top : 0;
}
/* # =================================================================
#### 提携特典のご案内
# ================================================================= */
main.page2{
	position : relative;
	padding-top : 75px;
}
main.page2 h2{
	text-align : center;
	margin-bottom : 50px;
}
/*** common ***/
.special h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 26px;
	font-weight : bold;
	margin-bottom : 30px;
}
.special h3 span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 16px;
	font-weight : normal;
	margin-top : 15px;
}
.impact_link{
	position : relative;
	display : block;
	width : 560px;
	height : auto;
	margin : 0 auto;
	text-align : center;
	border-radius : 50px;
	border : 1px solid #4F9A99;
	background : #4F9A99;
	color : #FFF;
	font-size : 30px;
	padding : 15px 0;
}
.impact_link:hover{
	background : #FFF;
	color : #4F9A99;
}
/* b01 */
.b01{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #EAEFF7;
}
/** point **/
.point_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.point_wrap ol{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.point_wrap ol > li{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
}
.point_wrap ol > li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 10px;
}
.point_wrap ol > li p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
}
.point_wrap ol > li ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.point_wrap ol > li ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : jsutify;
	padding-left : 1em;
}
.point_wrap ol > li ul li:before{
	content : "・";
	position : absolute;
	display : block;
	left : 0;
}
/** request_wrap **/
.request_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #223F69;
	padding : 30px;
}
.request_wrap p.bold{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #FFF;
	font-size : 26px;
	margin-bottom : 30px;
}
.request_wrap p.bold span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 18px;
	margin-top : 15px;
}
.request_wrap ul{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 30px
}
.request_wrap ul li{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	margin-bottom : 20px;
}
.request_wrap ul li:nth-last-child(2),
.request_wrap ul li:last-child{
	margin-bottom : 0;
}
.request_wrap ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.request_wrap ul li a:hover{
	opacity: 0.5;
}
.request_wrap ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.request_wrap p.small{
	position : relative;
	display : block;
	width : 700px;
	height : auto;
	color : #FFF;
	font-size : 14px;
	padding-left : 1.5em;
	margin : 0 auto;
}
.request_wrap p.small:before{
	content : "※";
	position : absolute;
	display : block;
	left : 0;
}
/* b02 */
.b02{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #FFF;
}
.b02 .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-top : 50px;
}
.b02 .flex a{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.b02 .flex a:hover{
	opacity : 0.5;
}
.b02 .flex a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* b03 */
.b03{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #EAEFF7;
}
.business_flex{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.business_flex ul{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.business_flex ul:after{
	content : "";
	display : block;
	width : 30%;
}
.business_flex ul li{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
	margin-bottom : 50px;
}
.business_flex ul li h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 20px;
	margin-bottom : 30px;
}
.business_flex ul li h4 span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 16px;
	border-top : 1px solid #000;
	padding-top : 10px;
	margin-top : 10px;
}
.business_flex ul li img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
}
.business_flex ul li p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 30px;
}
.business_flex ul li a{
	position : relative;
	display : block;
	border : 1px solid #1D1D1D;
	border-radius : 25px;
	padding : 2px 0;
	width : 180px;
	text-align : center;
	font-size : 14px;
	margin : 0 auto;
	background : #FFF;
}
.business_flex ul li a:hover{
	border : 1px solid #F18B00;
	color : #fff;
	background : #F18B00;
}
/* b04 */
.b04{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #FFF;
}
.b04 .flex{
	position : relative;
	display : block;
	width : 900px;
	height : auto;
	margin : 0 auto 50px;
}
.b04 .flex ul{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.b04 .flex ul li{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
	margin-bottom : 20px;
}
.b04 .flex ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.b04 .flex ul li a:hover{
	opacity : 0.5;
}
.b04 .flex ul li a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### 提携企業様一覧 20220516
# ================================================================= */
.list_page{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.list_page dl{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.list_page dl dt{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #EAEFF7;
	padding : 10px;
	font-size : 16px;
}
.list_page dl dt span{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	font-size : 20px;
	margin-left : 0.5em;
}
.list_page dl dd{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 20px;
	font-weight : bold;
	padding : 10px;
}
.list_page p.small{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 14px;
	font-weight : bold;
	margin-bottom : 50px;
}
.list_page .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.list_page .flex a{
	width : 45%;
}
/* # =================================================================
#### 売りたい 20220726
# ================================================================= */
h2.common_headline{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 30px;
	margin-bottom : 50px;
}
h2.common_headline.ub{
	padding-bottom : 15px;
}
h2.common_headline.ub:after{
	content : "";
	position : absolute;
	display : block;
	width : 2em;
	height : 3px;
	border-bottom : 3px solid #297196;
	left : 0;
	right : 0;
	bottom : 0;
	margin : auto;
}
.page_contents_wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto;
}
/* content05 */
.buy .content05{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	margin : 0 auto;
	padding : 0 0 50px;
}
.buy .content05 ul{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	padding : 100px 0;
	background : url(../images/sale/image_01.png)no-repeat;
	background-position : bottom center;
	background-size : contain;
	margin-top: 50px;
	margin-bottom : 50px;
}
.buy .content05 ul li{
	position  : relative;
	display: block;
	width : 30%;
	height : auto;
	background : #F2F2F2;
	padding : 60px 30px 30px;
	text-align : justify;
	line-height : 2;
}
.buy .content05 ul li:nth-child(1):before{
	content : "";
	position : absolute;
	display : block;
	width : 100px;
	height : 100px;
	background : url(../images/sale/image_02.png)no-repeat;
	background-size : cover;
	top : -50px;
	left : 0;
	right : 0;
	margin : auto;
}
.buy .content05 ul li:nth-child(2):before{
	content : "";
	position : absolute;
	display : block;
	width : 100px;
	height : 100px;
	background : url(../images/sale/image_03.png)no-repeat;
	background-size : cover;
	top : -50px;
	left : 0;
	right : 0;
	margin : auto;
}
.buy .content05 ul li:nth-child(3):before{
	content : "";
	position : absolute;
	display : block;
	width : 100px;
	height : 100px;
	background : url(../images/sale/image_04.png)no-repeat;
	background-size : cover;
	top : -50px;
	left : 0;
	right : 0;
	margin : auto;
}
.buy .content05 p.impact{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	color : #E48F33;
	font-size : 24px;
	font-weight : 700;
	text-align : center;
}
/* content07 */
.buy .content07{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
	background : #FAF5EF;
	padding : 50px 0;
}
.buy .content07 ol{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 900px;
	height : auto;
	margin : 0 auto;
}
.buy .content07 ol li{
	position : relative;
	display : block;
	width : 23%;
	height : auto;
	border : 1px solid #2F2F2F;
	background : #fff;
	padding : 0 15px 30px;
	text-align : justify;
	line-height : 1.8;
}
.buy .content07 ol li span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #F18B00;
	font-size : 40px;
	font-family : impact;
	margin-bottom : 30px;
}
/* content04 */
.buy .content04{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.buy .content04 p.sub_header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 50px;
}
.pdf_link{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	background : #2F2F2F;
	margin-bottom : 50px;
	margin-top : 100px;
}
.pdf_link a{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #fff;
	font-size : 26px;
	font-weight :600;
	padding : 30px 0;
}
.pdf_link a:hover{
	opacity : 0.5;
}
.pdf_link a span{
	position  : relative;
	display: block;
	width : 100%;
	height : auto;
	font-size : 18px;
}
.pdf_link a img{
	position  : absolute;
	display: block;
	width : 110px;
	height : auto;
	bottom : 20px;
	right : 100px;
}
/* # =================================================================
#### 貸したい
# ================================================================= */
.lend{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
}
/* content_header */
.lend .content_header{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.lend .content_header .inner_box{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.lend .content_header .inner_box p{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 30px;
}
.lend .content_header .inner_box p.impact{
	color : #F18B00;
	font-size : 18px;
}
.lend .content_header .inner_box .center_box{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.lend .content_header .inner_box .center_box .left_box{
	position : relative;
	display :  block;
	width : 60%;
	height : auto;
}
.lend .content_header .inner_box .center_box .left_box ul{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	padding-left : 1.5em;
}
.lend .content_header .inner_box .center_box .left_box ul li{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 20px;
}
.lend .content_header .inner_box .center_box .left_box ul li:before{
	content : "●";
	position : absolute;
	display : block;
	width : 10px;
	height : 10px;
	color : #297196;
	text-indent : -1.5em;
}
.lend .content_header .inner_box .center_box .right_box{
	position : relative;
	display :  block;
	width : 35%;
	height : auto;
}
.lend .content_header .inner_box .center_box .right_box img{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
}
.lend .content_header .inner_box img.img01{
	position : relative;
	display :  block;
	width : 800px;
	height : auto;
	margin : 0 auto;
}
/*  */
.lend .content_header .footer_inner_box{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	background : url(../images/lend/image_03.png)no-repeat;
	background-size: cover;
	padding : 50px 100px;
}
.lend .content_header .footer_inner_box h3{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #1192BE;
	margin-bottom : 30px;
}
.lend .content_header .footer_inner_box h4{
	position : relative;
	display :  block;
	width : 450px;
	height : auto;
	color : #fff;
	background : #1192BE;
	border-radius : 30px;
	text-align : center;
	margin : 0 auto 50px;
	padding : 10px 0;
}
.lend .content_header .footer_inner_box p{
	position : relative;
	display :  block;
	width : 100%;
	height : auto;
	text-align : justify;
	line-height : 1.8;
	margin-bottom : 30px;
}
.lend .content_header .footer_inner_box p span{
	color : #1192BE;
}
/* # =================================================================
#### carport
# ================================================================= */
.carport{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 50px 0;
}
.carport .car_wrap{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	margin : 0 auto;
}
.carport .car_wrap h2.title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 24px;
	font-weight : 600;
	margin-bottom : 30px;
}
.carport .car_wrap p.info.center{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 18px;
	margin-bottom : 30px;
}
/* # =================================================================
#### cp01 carport
# ================================================================= */
.carport.cp01 .car_wrap{

}
.carport.cp01 .car_wrap p.info{
	position : relative;
	display : block;
	width : 1000px;
	height : auto;
	margin : 0 auto 30px;
}
.carport.cp01 .car_wrap ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.carport.cp01 .car_wrap ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 18px;
	font-weight : 600;
	line-height : 1.2;
	margin-bottom : 20px;
	padding-left : 1.5em;
}
.carport.cp01 .car_wrap ul li .orange{
	color : #E84700;
}
.carport.cp01 .car_wrap ul li:last-child{
	margin-bottom : 0;
}
.carport.cp01 .car_wrap ul li:before{
	content : "";
	position : absolute;
	display : block;
	left : 0;
	width : 0;
	height : 0;
	border-style : solid;
	border-width : 9px 0 9px 15.6px;
	border-color : transparent transparent transparent #9bc046;
}
/**  **/
.carport.cp01 .car_wrap .image_wrap{
	position : relative;
	display : block;
	width : 800px;
	height : auto;
	margin : 0 auto;
}
.carport.cp01 .car_wrap .image_wrap img{
	position : relative;

	width : 100%;
	height : auto;
}
.carport.cp01 .car_wrap .image_wrap img.pc{
	display : block;
}
.carport.cp01 .car_wrap .image_wrap img.sp{
	display : none;
}
/* # =================================================================
#### cp02 carport
# ================================================================= */
.carport.cp02 .car_wrap{

}
.carport.cp02 .car_wrap .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.carport.cp02 .car_wrap .flex:after{
	content : "";
	display : block;
	width : 28%;
}
/** box **/
.carport.cp02 .car_wrap .flex .box{
	position : relative;
	display : block;
	width : 28%;
	height : auto;
	margin-bottom : 50px;
}
.carport.cp02 .car_wrap .flex .box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-bottom : 1px solid #707070;
	text-align : center;
	font-size : 20px;
	padding-bottom : 5px;
	margin-bottom : 5px;
}
.carport.cp02 .car_wrap .flex .box img{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	margin : 0 auto 10px;
}
.carport.cp02 .car_wrap .flex .box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 16px;
}
/* # =================================================================
#### cp03 carport
# ================================================================= */
.carport.cp03 .car_wrap{

}
.carport.cp03 .car_wrap .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.carport.cp03 .car_wrap .flex:after{
	content : "";
	display : block;
	width : 28%;
}
/** box **/
.carport.cp03 .car_wrap .flex .box{
	position : relative;
	display : block;
	width : 28%;
	height : auto;
	margin-bottom : 50px;
}
.carport.cp03 .car_wrap .flex .box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-bottom : 1px solid #707070;
	text-align : center;
	font-size : 20px;
	padding-bottom : 5px;
	margin-bottom : 5px;
}
.carport.cp03 .car_wrap .flex .box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin : 0 auto 0;
}
.carport.cp03 .car_wrap .flex .box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	font-size : 16px;
	margin-bottom : 10px;
}
/* # =================================================================
#### cp00 carport
# ================================================================= */
.carport.cp00 .car_wrap{

}
.carport.cp00 .car_wrap .section{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.carport.cp00 .car_wrap .section h2.sub_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 24px;
	margin-bottom : 30px;
}
.carport.cp00 .car_wrap .section h2.sub_title span{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	margin : 50px auto 0;
}
.carport.cp00 .car_wrap .section h2.sub_title span img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/**  **/
.carport.cp00 .car_wrap .section .image_wrap{
	position : relative;
	display : block;
	width : 800px;
	height : auto;
	margin : 0 auto;
}
.carport.cp00 .car_wrap .section img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
}
/**  **/
.carport.cp00 .car_wrap .section p.title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #E7E6E6;
	text-align : center;
	font-size : 18px;
	font-weight : 600;
	padding : 10px 0;
	margin-bottom : 30px;
}
.carport.cp00 .car_wrap .section p.center{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 16px;
	margin-bottom : 30px;
}
.carport.cp00 .car_wrap .section img{

}
/**  **/
.carport.cp00 .car_wrap .section h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 26px;
	font-weight : 600;
	margin-bottom : 30px;
}
.carport.cp00 .car_wrap .section h3:before{
	content : "";
}
.carport.cp00 .car_wrap .section p.center span{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	background : #FFF3BC;
	font-size : 14px;
	padding : 5px 0;
}
/**  **/
.carport.cp00 .car_wrap .section p.bold{
	font-size : 20px;
	font-weight : bold;
}
.carport.cp00 .car_wrap .section p .blue{
	color : #FFF;
	background : #003cdd;
}
.carport.cp00 .car_wrap .section p .green{
	color : #FFF;
	background : #299800;
}
.carport.cp00 .car_wrap .section p .red{
	color : #FF0000;
}
/* # =================================================================
#### cp04 carport
# ================================================================= */
.carport.cp04 .car_wrap{

}
.carport.cp04 .car_wrap img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/* # =================================================================
#### cp05 carport
# ================================================================= */
.carport.cp05 .car_wrap{

}
.carport.cp05 .car_wrap p.bg{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 10px;
}
.carport.cp05 .car_wrap p.bg span{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	font-size : 18px;
	border-radius : 20px;
	background : #FBE8A4;
	padding : 5px 15px;
}
.carport.cp05 .car_wrap p.center{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-bottom : 30px;
}
/**  **/
.carport.cp05 .car_wrap p.bar{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #FFF;
	font-size : 18px;
	font-weight : 600;
	margin-bottom : 30px;
	padding : 10px 0;
}
.carport.cp05 .car_wrap .bar.blue{
	background : #65ABEB;
}
.carport.cp05 .car_wrap .bar.green{
	background : #A2CB7E;
}
/*  */
.carport.cp05 .car_wrap .text_box p.sub_title{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	color : #FFF;
	font-size : 16px;
	margin-bottom : 5px;
	padding : 5px;
}
.carport.cp05 .car_wrap .text_box .sub_title.blue{
	background : #65ABEB;
}
.carport.cp05 .car_wrap .text_box .sub_title.green{
	background : #A2CB7E;
}
/*  */
.carport.cp05 .car_wrap .text_box p.impact{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 20px;
	font-weight : 600;
}
.carport.cp05 .car_wrap .text_box .impact.blue{
	color : #65ABEB;
}
.carport.cp05 .car_wrap .text_box .impact.green{
	color : #A2CB7E;
}
/**  **/
.carport.cp05 .car_wrap .text_box{
	position : relative;
	display : block;
	width : 900px;
	height : auto;
	margin : 0 auto 30px;
}
.carport.cp05 .car_wrap .text_box ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 15px;
}
.carport.cp05 .car_wrap .text_box ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 1.5em;
	margin-bottom : 5px;
}
.carport.cp05 .car_wrap .text_box ul li:last-child{
	margin-bottom : 0;
}
.carport.cp05 .car_wrap .text_box ul li:before{
	content : "・";
	position : absolute;
	display : block;
	left : 0;
}
/**  **/
.carport.cp05 .car_wrap dl{
	position : relative;
	display : block;
	width : 900px;
	height : auto;
	margin : 0 auto;
	background : #F2F2F2;
	padding : 30px;
}
.carport.cp05 .car_wrap dt{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 18px;
	font-weight : 600;
}
.carport.cp05 .car_wrap dd{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 16px;
	margin-bottom : 15px;
}
/**  **/
.carport.cp05 .car_wrap img.image01{
	position : relative;
	display : block;
	width : 300px;
	height : auto;
	margin : 0 auto;
}
.carport.cp05 .car_wrap img.image02{
	position : relative;
	display : block;
	width : 600px;
	height : auto;
	margin : 0 auto 30px;
}
/* # =================================================================
#### cp06 carport
# ================================================================= */
.carport.cp06 .car_wrap{

}
.carport.cp06 .car_wrap dl{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.carport.cp06 .car_wrap dt{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 20px;
	font-weight : 600;
	padding-left : 1.5em;
}
.carport.cp06 .car_wrap dt:before{
	content : "Q.";
	position : absolute;
	display : block;
	left : 0;
}
.carport.cp06 .car_wrap dd{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 18px;
	padding-left : 3.5em;
	margin-bottom : 30px;
}
.carport.cp06 .car_wrap dd:before{
	content : "A.";
	position : absolute;
	display : block;
	left : 2em;
}
/* # =================================================================
#### とやまに移住しませんか
# ================================================================= */
/***** emigration_common *****/
.emigration_common figure.header{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.emigration_common figure.header img{
	position : relative;

	width : 100%;
	height : auto;
}
.emigration_common img.pc{
	display : block;
}
.emigration_common img.sp{
	display : none;
}
.emigration_common p.headline{
	margin-top : 50px;
}
/***** em-contents *****/
.em-contents{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding : 50px 0;
}
.em-contents .wrap{
	position : relative;
	display : block;
	width : 1200px;
	height : auto;
	margin : 0 auto;
}
.em-contents h2.em-title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 24px;
	font-weight : 600;
	margin-bottom : 30px;
}
.em-contents p.em-info{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-radius : 50px;
	background-color : #306F37;
	color : #FFF;
	font-size : 18px;
	padding : 15px 50px;
	margin-bottom : 50px;
}
.em-contents q{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : right;
	font-size : 15px;
	margin-top : 15px;
}
.em-contents q:before,
.em-contents q:after{
	content : none;
}
.em-contents q a{
	position : relative;
	display : inline-block;
	width :auto;
	height : auto;
	color : blue;
	font-size : 15px;
}
.em-contents q a:hover{
	color : red;
}
/* # =================================================================
#### em-contents c01 とやまに移住しませんか
# ================================================================= */
.em-contents.c01{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-top : 0;
}
.em-contents.c01 .area{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.em-contents.c01 .area:last-child{
	margin-bottom : 0;
}
.em-contents.c01 .area:nth-child(4){
	margin-bottom : 0;
}
/**** a01 ****/
.area.a01 img{
	position : relative;

	width : 100%;
	height : auto;
}
/**** a02 ****/
.area.a02 .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.area.a02 .flex figure{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.area.a02 .flex figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/**** a03 ****/
.area.a03 .box{
	position : relative;
	display : block;
	width : 750px;
	height : auto;
	margin : 0 auto 50px;;
}
.area.a03 .box:nth-child(3){
	margin-bottom : 0;
}
.area.a03 .box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 22px;
	font-weight : 600;
	margin-bottom : 10px;
}
.area.a03 .box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	border : 1px solid #707070;
	padding : 15px;
}
/**** a04 ****/
.area.a04 .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.area.a04 .flex:last-child{
	margin-bottom : 0;
}
.area.a04 .flex .box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.area.a04 .flex.reverse .box:first-child{
	order : 2;
}
.area.a04 .flex.reverse .box:last-child{
	order : 1;
}
.area.a04 .flex .box h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-bottom : 1px solid #1D1D1D;
	font-size : 20px;
	font-weight : 600;
	padding-bottom : 15px;
	margin-bottom : 15px;
}
.area.a04 .flex .box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 30px;
}
.area.a04 .flex .box img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.area.a04 .flex .box ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.area.a04 .flex .box ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 1em;
}
.area.a04 .flex .box ul li:last-child{
	margin-bottom : 0;
}
.area.a04 .flex .box ul li:before{
	content : "・";
	position : absolute;
	display : block;
	left : 0;
}
.area.a04 .flex .box .inner{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.area.a04 .flex .box .inner h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 1em;
	font-size : 16px;
	font-weight : 600;
	margin-bottom : 10px;
}
.area.a04 .flex .box .inner h4:before{
	content : "●";
	position : absolute;
	display : block;
	left : 0;
	color : #DD8443;
}
.area.a04 .flex .box .inner p{
	margin-bottom : 0;
}
.area.a04 .flex .box .inner ul{
	margin-bottom : 0;
}
.area.a04 .flex .box .inner:last-child{
	margin-bottom : 0;
}
/* # =================================================================
#### em-contents c02 とやまに移住しませんか
# ================================================================= */
.em-contents.c02{
	background-color : #EDF4EA;
}
.em-contents.c02 figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.em-contents.c02 figure img{
	position : relative;

	width : 100%;
	height : auto;
}
.em-contents.c02 h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #9D651B;
	font-size : 24px;
	font-weight : 600;
	margin-bottom : 30px;
}
.em-contents.c02 .flex{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
/*** f01 ***/
.em-contents.c02 .flex.f01 .box{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.em-contents.c02 .flex.f01 .box h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	color : #9D651B;
	font-size : 20px;
	font-weight : 600;
	margin-bottom : 10px;
}
.em-contents.c02 .flex.f01 .box .inner{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border : 1px solid #9D651B;
	background-color : #FFF;
	padding : 15px;
}
.em-contents.c02 .flex.f01 .box .inner p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 20px;
}
.em-contents.c02 .flex.f01 .box .inner p:last-child{
	margin-bottom : 0;
}
.em-contents.c02 .flex.f01 .box .inner ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.em-contents.c02 .flex.f01 .box .inner ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	padding-left : 1em;
	margin-bottom : 15px;
}
.em-contents.c02 .flex.f01 .box .inner ul li:last-child{
	margin-bottom : 0;
}
.em-contents.c02 .flex.f01 .box .inner ul li:before{
	content : "・";
	position : absolute;
	display : block;
	left : 0;
}
/*** f02 ***/
.em-contents.c02 .flex.f02 h3{
	color : #1D1D1D;
	font-size : 24px;
}
.em-contents.c02 .flex.f02{
	width : 800px;
	margin : 0 auto 50px;
}
.em-contents.c02 .flex.f02 .box01{
	position : relative;
	display : block;
	width : 70%;
	height : auto;
	padding-right : 50px;
}
.em-contents.c02 .flex.f02 .box02{
	position : relative;
	display : block;
	width : 30%;
	height : auto;
}
.em-contents.c02 .flex.f02 .box02 .ggmap{
	position : relative;
	display : block;
	width : 100%;
	height : 0;
	padding-top : 56.25%;
}
/* # =================================================================
#### em-contents c03 とやまに移住しませんか
# ================================================================= */
.em-contents.c03 .em-info02{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 50px;
}
/**** link anchor ****/
.em-contents.c03 .link,
.em-contents.c03 .anchor{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.em-contents.c03 .anchor{
	margin-bottom : 50px;
}
.em-contents.c03 .link ul,
.em-contents.c03 .anchor ul{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
}
.em-contents.c03 .link ul li,
.em-contents.c03 .anchor ul li{
	position : relative;
	display : block;
	width : 24%;
	height : auto;
}
.em-contents.c03 .link ul li a,
.em-contents.c03 .anchor ul li a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.em-contents.c03 .link ul li a:hover,
.em-contents.c03 .anchor ul li a:hover{
	opacity : 0.5;
}
.em-contents.c03 .link ul li a img,
.em-contents.c03 .anchor ul li a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/**** city ****/
.em-contents.c03 .city{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 100px;
}
.em-contents.c03 .city:last-child{
	margin-bottom : 0;
}
.em-contents.c03 .city h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	border-bottom : 1px solid #1D1D1D;
	font-size : 24px;
	font-weight : 600;
	padding-bottom : 10px;
	margin-bottom : 10px;
}
.em-contents.c03 .city a.btn{
	position : relative;
	display : block;
	width : 240px;
	height : auto;
}
.em-contents.c03 .city a.btn:hover{
	opacity : 0.5;
}
.em-contents.c03 .city a.btn img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/*** information ***/
.em-contents.c03 .city .information{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 30px;
}
.em-contents.c03 .city .information h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 16px;
	font-weight : 600;
	margin-bottom : 10px;
}
.em-contents.c03 .city .information h5{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	background-color : #E6E6E6;
	font-size : 16px;
	font-weight : normal;
	margin-bottom : 10px;
}
.em-contents.c03 .city .information p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	margin-bottom : 15px;
}
.em-contents.c03 .city .information p:last-child{
	margin-bottom : 0;
}
/*** images-area ***/
.em-contents.c03 .city .images-area{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.em-contents.c03 .city .images-area figure{
	position : relative;
	display : block;
	width : 48%;
	height : auto;
}
.em-contents.c03 .city .images-area figure figcaption{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	font-size : 14px;
}
.em-contents.c03 .city .images-area figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
/*** contact-btn ***/
.contact-btn{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : center;
	margin-top : 100px;
}
.contact-btn a{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	border : 1px solid #F18B00;
	border-radius : 50px;
	background-color : #F18B00;
	color : #FFF;
	font-size : 28px;
	font-weight : 600;
	padding : 10px 50px;
	line-height : 1;
}
.contact-btn a:hover{
	background-color : #FFF;
	color : #F18B00;
}






















