@charset "utf-8";

@import url("/contents/style/recommend.css?t=1");
#wrap_top section{ position: relative;}
#wrap_top img{ max-width: 100%;}


/*------------------------------------------ main ----------------------------------------*/
#top_main{ position: relative; z-index: 100;}
#main_image{position: relative; width:100%; margin:0 auto 0 auto; padding:0; position: relative;}
#main_image .inn{ display: flex; width:100%; min-width: 1200px; margin: auto; position: relative; padding: 0; flex-wrap: nowrap; flex-direction: row;}
	
#main_image .txt_area{ width:35%; background: #007a42; color: #ffffff; text-align: center;}
	
#main_image .h{color: #ffffff; text-align: center; padding-top: 235px;}
#main_image .h > img{display: inline-block;  width: 81.5%; max-width: 456px; margin-bottom: 70px;}
#main_image .h > img + img{ width: 75.5%; max-width: 275px;}
	
#main_image .slider-for{ width:65%; }
#main_image .slider-for .slick-slide{ height: auto !important; min-height: 650px; margin: 0;}
#main_image .slider-for .slick-slide img{ min-height: 950px; object-fit: cover; object-position: top center; }

	
#contents.no_width {width:100%; max-width:100%;}
#contents.no_width .inn {width:1200px; height:100%; margin:0 auto 0 auto; padding:0; position:relative;}

#main_image .scrolldown{ position:absolute; right:2.5%; bottom:-90px; height:250px; z-index: 900; }
#main_image .scrolldown span{ display: block; width: 9px; height: 55px; }
#main_image .scrolldown::after{ content: ""; position: absolute; top: 55px; right:3.5px; width: 1px; height: 100px; background: #ffffff; animation: pathmove 1.6s ease-in-out infinite; opacity:0; }

@keyframes pathmove{ 0%{ height:0; top:55px; opacity: 0;} 30%{ height:100px; opacity: 1; } 100%{ height:0; top:250px; opacity: 0;}}
	


/*--- wrap_add01 --------------------------------------------------------------------------------*/
#wrap_add01 {width:100%; height: 100%; box-sizing: border-box; padding-top: 120px; position: relative; z-index: 1;}
#wrap_add01:after{ display: block; content: ""; background:#ecf5f1; width:100%; height: 60%; z-index: -1; position: absolute; top:0; left:0;}
#wrap_add01 .inn {width:calc(100% - 200px); min-width:1200px; margin:0 auto 0 auto; position:relative;}

#wrap_add01 h2{ color: #007741; margin-bottom: 160px;}
#wrap_add01 h2 span{ display: block; margin-bottom: 15px;}
	
#wrap_add01 .business_list{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap;}
	
#wrap_add01 .business_list > div{ position: relative; width: 520px; max-width: 31%;}
#wrap_add01 .business_list .box_01{}
#wrap_add01 .business_list .box_02{ margin-top: -100px;}
#wrap_add01 .business_list .box_03{ margin-top: -200px;}
	
#wrap_add01 .business_list .img{ width: 100%; max-width: 520px; margin-bottom: 25px;}
#wrap_add01 .business_list h3{ font-size: 28px; font-weight: 200; color: #ffffff; background-color: #242025; padding: 0 0 25px 0; box-sizing: border-box; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; letter-spacing: 0.06em; text-align: center; align-items: center; position: absolute; left:38px; top:-45px;}
#wrap_add01 .business_list h3 > span{display: inline-block; font-family: 'Dosis', sans-serif; font-size: 30px; font-weight: 200; width: 100%; background-color: #333333; -webkit-text-combine: horizontal; -ms-text-combine-horizontal: all; text-combine-upright: all; padding: 20px 15px 20px 15px; margin-bottom: 25px; align-items: center;}
#wrap_add01 .business_list p{ margin-bottom: 20px;}
	
	
/*--- wrap_add02 --------------------------------------------------------------------------------*/
#wrap_add02 {width:100%; height: 100%; box-sizing: border-box; position: relative; z-index: 0; background:url(../images/top/works_bg.png) no-repeat right top; margin-top: -45px;}
#wrap_add02:after{ display: block; content: ""; background:#ecf5f1; width:100%; height: 560px; z-index: -1; position: absolute; top:410px; left:0;}
#wrap_add02 .inn {width:100%; min-width:1200px; margin:0 auto 0 auto;}

#wrap_add02 h2{ float: right; padding: 84px 445px 0 0; }
#wrap_add02 .works-slider:before{ display: block; clear: both; content: "";}

#wrap_add02 .works-slider .slick-list{overflow: inherit !important;}
#wrap_add02 .works-slider .slick-slide { width: 550px; height: 550px; margin: 0 10px 0 10px;}
#wrap_add02 .works-slider .slick-slide a{ display: block; width: 100%; height: 100%;}
#wrap_add02 .works-slider .slick-slide img{ width: 100%; height: 100%; object-fit: cover;}

#wrap_add02 .btn_normal{ position: absolute; right:50px; bottom:-120px;}
	

/*--- wrap_add03 --------------------------------------------------------------------------------*/
#wrap_add03 {width:auto; height: 100%; box-sizing: border-box; position: relative; z-index: 0; margin-top: 120px;}
#wrap_add03 .inn {width:calc(100% - 200px); min-width:1200px; margin:0 auto 0 auto; display: flex; flex-direction: row-reverse; justify-content: flex-end; align-items: center; flex-wrap: nowrap; }

#wrap_add03 .txt{  margin-left: 8%; }
	
#wrap_add03 .txt h2{ margin-left: -2px; margin-top: 25px; margin-bottom: 20px;}
#wrap_add03 .txt p{ margin-bottom: 50px;}



@media print, screen and (max-width: 1800px) {
	#wrap_add01 .inn,#wrap_add02 .inn,#wrap_add03 .inn{width: calc(100% - 100px);}
}

@media print, screen and (max-width: 1500px) {
	#wrap_add02 {background: url(../images/top/works_bg.png) no-repeat right -200px top;}
	#wrap_add02 h2 { padding: 84px 180px 0 0; }
	#wrap_add03 .txt {margin-left: 5%;}
	#wrap_add03 .img{ max-width: 500px;}
}

@media print, screen and (max-width: 1300px) {
	#wrap_add02 .works-slider .slick-slide { width: 450px; height: 450px; }
	#wrap_add02:after { height: 430px; }
	#wrap_add03 {margin-top: 110px;}
}	

/*--------------- 1カラムバナー --------------*/
#wrap_add.top_banner{ background-color: #fff;}
#wrap_add.top_banner .inner{ padding-top: 30px; margin-bottom: -46px;}
#wrap_add.top_banner .inner > div{ margin-bottom: 25px;}



/*-------------------------- open_house -------------------------*/
#contents-inner-top .open_house { margin-bottom: 80px;}

#contents-inner-top .openhouse_list{ position: relative; z-index: 2; margin-top: 70px;}

#contents-inner-top .openhouse_one{ width: 100%; height: 370px; background-color: #fbf7ee; position: relative; border-radius: 20px; box-sizing: border-box; padding:25px 50px 25px 445px; margin: 20px 0 20px 0;  }
#contents-inner-top .openhouse_one + .openhouse_one{ margin-top: 3.333333%;}
#contents-inner-top .openhouse_one .new{ position: absolute; top:30px; left:-4px; z-index: 5;}
#contents-inner-top .openhouse_one .img{ border-radius: 20px 0 0 20px; width: 400px; height: 100%; overflow: hidden; position: absolute; top:0; left:0;}
#contents-inner-top .openhouse_one .img > a img{ width: 100%; height: 100%; object-fit: cover;}
#contents-inner-top .openhouse_one .txt{ letter-spacing: 0.03em;}
#contents-inner-top .openhouse_one .txt > .time{ color: #5eb43e; font-size: 20px; font-weight: 800; border-bottom: 1px dotted rgba(94,180,62,0.5); padding-bottom: 20px; margin-bottom: 20px;}
#contents-inner-top .openhouse_one .txt > .time:before{ display: inline-block; content: "開催期間"; background: #5eb43e; width: 107px; height: 33px; vertical-align: middle; margin-right: 22px; margin-bottom: 5px; font-size:18px; font-weight: 400; color:#ffffff; text-align: center; padding-top: 3px; box-sizing: border-box;}
#contents-inner-top .openhouse_one .txt > .h{font-size: 20px; font-weight: 800; color: #41340f; margin-bottom: 20px;}
#contents-inner-top .openhouse_one .txt > .h:after{ display: block; content: "";  clear: both;}
#contents-inner-top .openhouse_one .txt > .h span.redtxt{display: inline-block; margin-left: 80px; font-size: 20px; font-weight: 800; color: #ff8650;}
#contents-inner-top .openhouse_one .txt > .h span.redtxt > span{font-size: 16px; margin-right: 13px;}
#contents-inner-top .openhouse_one .openhouse_ul{ font-size: 15px; font-weight:400; color: #41340f; display: flex; flex-wrap: wrap; }
#contents-inner-top .openhouse_one .openhouse_ul:after{ display: block; content: ""; clear: both;}
#contents-inner-top .openhouse_one .openhouse_ul li{ width: 50%; margin-bottom: 10px;}
#contents-inner-top .openhouse_one .txt .cmnt{ background-color: #ffffff; border-radius: 10px; padding: 15px 30px 14px 30px; margin-top: 15px;}
#contents-inner-top .openhouse_one .txt .cmnt .sub_h{  font-size: 14px; font-weight: 500; color: #5eb43e; margin-bottom: 3px; height: 23px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#contents-inner-top .openhouse_one .txt .cmnt p{ font-size: 14px; font-weight: 300; line-height: 1.61; height: 46px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

@media print, screen and (max-width: 1450px) {
	#contents-inner-top .openhouse_one{ padding:28px 30px 20px 350px;  }
	#contents-inner-top .openhouse_one .img{ width: 320px;}
	#contents-inner-top .openhouse_one .txt > .time{font-size: 18px;}
	#contents-inner-top .openhouse_one .txt > .time:before{ width: 95px; }
	#contents-inner-top .openhouse_one .txt > .h span.redtxt{display: block; margin-left: 0; float: right;}
	#contents-inner-top .openhouse_one .openhouse_ul{ font-size: 14px; }
}

/*-------------------------- 非公開物件 -------------------------*/
#contents-inner-top .member {
background: url("../images/top/member_bg.jpg") no-repeat scroll center center;
height: 150px;
margin: 30px 0 0 0;
position: relative;
width: 690px;
box-sizing:border-box;
}
#contents-inner-top .member ul {
padding: 0;
position: absolute;
right: 40px;
top: 20px;
}
#contents-inner-top .member li {}
#contents-inner-top .member li:first-child {margin-bottom:4px;}
#contents-inner-top .member li img {vertical-align:bottom;}

/*---------------------------- case ---------------------------*/
#wrap_case{background:#ecedee; padding:45px 0 80px 0; text-align:center;}
#wrap_case .h_img{text-align:center; margin-bottom:38px;}

/* 物件検索 */
#wrap_add.wrap_map {background:#f5f0e3; display:none;}
/*#wrap_add.wrap_map .inner{padding-top:46px;}*/
#wrap_add.wrap_map .inner{padding:50px 0 40px 0;}
#wrap_add.wrap_map .h_img{}
#wrap_add.wrap_map .area_map .block{display:inline-block; vertical-align:top; /*width:530px;*/}
#wrap_add.wrap_map .area_map .block:last-child{margin-left:20px;}

#wrap_add.wrap_map .area_map .block .list .h_border{ margin-bottom:20px;}

#wrap_add.wrap_map .area_map table{margin:auto; width:1100px;}
#wrap_add.wrap_map .area_map td{padding:0 10px 10px 0;}
#wrap_add.wrap_map .area_map td:last-child{padding:0 0 10px 0;}
#wrap_add.wrap_map .area_map img{margin:0; padding:0; vertical-align:top;}

/*---------------------------- search_property ---------------------------*/
#contents-inner-top .search_property{background-color:#f9f6ec;margin-left:-500%;padding-left: 500%;padding:40px 0 35px 500%;}
#contents-inner-top .search_property::after{ display:block; content:""; clear:both;}
#contents-inner-top .search_property .block{ float:left;}
#contents-inner-top .search_property .block:first-of-type{ margin-right:10px;}
#contents-inner-top .search_property .block .h_border{ /*height:28px;*/ margin-bottom:28px;}
#contents-inner-top .search_property table{border-collapse:separate; border-spacing:0;}
#contents-inner-top .search_property td{ padding-bottom:2px;}
#contents-inner-top .search_property td:first-child{ padding-right:2px;}
#contents-inner-top .search_property a{}