@charset "utf-8";
@import url("/contents/style/recommend.css?t=1");


@media print, screen and (max-width: 1650px) {
	#wrap { width: calc(100% - 180px); }
}

#wrap_top section{ position: relative; z-index: 3;}


/*------------------------------------------ main ----------------------------------------*/
#main_image { width: 100%; margin:0 auto 0 auto; padding:1px 0 120px 0; box-sizing:border-box; position: relative; background: url("/contents/images/top/mainbg_gray.jpg") no-repeat center top,#ffffff; border-bottom-left-radius: 2000px 450px; border-bottom-right-radius: 2000px 450px; z-index: 2;}
#main_image:after{ display: block; content: ""; clear: both;}

#main_image .main_slide{ position: relative; z-index: 1; margin-top: 216px;}
#main_image .img{ float: right; margin:0 50px 0 0; width: 56.5%; height: 800px; overflow: hidden;}
#main_image .img * {width: 100%;height: 100%;object-fit: cover;object-position:center;}

#main_image .h{ position: absolute; top:50px; left:4.5%;}

#main_image .main_slide .scene01 .h{ min-height: 513px; background: url("/contents/images/top/mainbg_illust.png") no-repeat bottom right 65px;}

#main_image .main_slide .main_search_btn{ margin-top: 117px;}
#main_image .main_slide .main_search_btn a{ display: block; position: relative; width: 510px; height: 90px; box-sizing: border-box; text-align: center; background: #e3540e; color: #ffffff; font-size: 16px; font-weight: 600; border-radius: 45px; padding-top: 23px;}
#main_image .main_slide .main_search_btn a span{display: inline-block; background: url("../images/top/icon_search.png") no-repeat center left; padding-left: 43px;}
#main_image .main_slide .main_search_btn a strong{font-weight: 600; font-size: 22px; font-feature-settings: "palt" 1; letter-spacing: 0.08em;}
#main_image .main_slide .main_search_btn a img{ position: absolute; top:-65px; left:0;}


#main_image .scrolldown{ position:absolute; bottom:-140px; left:15px; font-family: 'Urbanist', sans-serif;}
#main_image .scrolldown span{position: absolute;left:10px;bottom:10px;color: #b5b5b5;font-size: 11px;letter-spacing: 0.05em;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;height: 75px;letter-spacing: .23em;}
#main_image .scrolldown:before { content: ""; position: absolute; bottom:0; left:-4px; width:10px; height:10px; border-radius: 50%; background:#b5b5b5; animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;}

@keyframes circlemove{ 0%{bottom:85px;} 100%{bottom:-5px;} }
@keyframes cirlemovehide{ 0%{opacity:0} 50%{opacity:1;}  80%{opacity:0.9;} 100%{opacity:0;} }

#main_image .scrolldown:after{ content:""; position: absolute; bottom:0; left:0; width:1px; height: 90px; background:#b5b5b5;}


@media print, screen and (max-width: 1800px) {
#main_image .img{ width: 50.5%;}
}

@media print, screen and (max-width: 1650px) {
	#main_image .main_slide {margin-top: 190px;}
}

@media print, screen and (max-width: 1600px) {
#main_image .img{ height: 750px;}
	
#main_image .main_slide .scene01 .h{background-size: 350px auto; width: 38%; left: 3.8%;}
#main_image .main_slide .scene01 .h .scene_txt{width: 100%;}

#main_image .main_slide .main_search_btn a { width: 440px; height: 85px;}
#main_image .main_slide .main_search_btn a strong { font-size: 20px; letter-spacing: 0.06em;}

}

@media print, screen and (max-width: 1500px) {
#main_image .img{ height: 700px;}
}

@media print, screen and (max-width: 1400px) {
#main_image .img{ height: 650px;}
}

@media print, screen and (max-width: 1300px) {
#main_image .img{ height: 600px;}
}


/*--------------- 不動産を購入したい --------------*/
#wrap_add01.property_search{width: 100%;padding: 310px 0 200px 0;margin: -210px 0 100px 0;overflow-x: clip;z-index:0;position: relative; background: #e8be07; border-bottom-left-radius: 2000px 450px; border-bottom-right-radius: 2000px 450px;}

#wrap_add01.property_search h2.normal_tit{ width: 1200px; margin: 0 auto 100px auto; position: relative;}
#wrap_add01.property_search h2.normal_tit,#wrap_add01.property_search h2.normal_tit span{ color: #ffffff; text-shadow: 2px 2px 0 rgba(0,0,0,.1);}
#wrap_add01.property_search h2.normal_tit:before{ display: block; content: ""; background: url("/contents/images/top/search_illust.png") no-repeat; width: 306px; height: 252px; position: absolute; bottom:-100px; right:8px;}

#wrap_add01.property_search .inn.search_blocks{ width: 100%; max-width: 1950px; min-width: 1200px; margin: auto; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: center; }


#wrap_add01.property_search .private_box{width: 43.6%;margin-right: 3%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
#wrap_add01.property_search .total{background: #474747;display: flex;text-align: center;color: #ffffff;width: 100%;justify-content: center;align-items: center;flex-wrap: nowrap;padding: 3.5% 0 4.5% 0;margin: 0 0 .35% 0;}
#wrap_add01.property_search .total .txt{font-weight: 600; align-content: center;width: 100%;height: 100%;}
#wrap_add01.property_search .total .txt p{ font-size: 24px; display: inline-block; vertical-align: middle;}
#wrap_add01.property_search .total .txt p span{display: block; font-size: 17px;}
#wrap_add01.property_search .total .txt .num{font-size: 70px;display: inline-block;vertical-align: middle;margin-left: 5%;}
#wrap_add01.property_search .total .txt .num span{font-size: 33px;display: inline-block;vertical-align: middle;margin-bottom: -5px;margin-left: 15px;}

#wrap_add01.property_search .ippan,#wrap_add01.property_search .kaiin{ background: #ffffff; width: 49.8%; aspect-ratio: 5 / 4.8; text-align: center; box-sizing: border-box; padding:35px 25px 0 25px; position: relative;}
#wrap_add01.property_search .ippan .txt,#wrap_add01.property_search .kaiin .txt{ color: #119cb5; font-weight: 600; border-bottom:1px solid rgba(17,156,181,.3); padding-bottom: 8%; margin-bottom: 6%;}
#wrap_add01.property_search .kaiin .txt{color: #e85a3a; border-color: rgba(232,90,58,.3);}

#wrap_add01.property_search .ippan .txt:before{ display: block; content: ""; background: url("../images/top/private_icon01.png") no-repeat center center; width: 66px; height: 57px; margin: 0 auto 20px auto;}
#wrap_add01.property_search .kaiin .txt:before{ display: block; content: ""; background: url("../images/top/private_icon02.png") no-repeat center center; width: 54px; height: 57px; margin: 0 auto 20px auto;}

#wrap_add01.property_search .ippan .txt p,#wrap_add01.property_search .kaiin .txt p{ font-size: 26px;}
#wrap_add01.property_search .ippan .txt .num,#wrap_add01.property_search .kaiin .txt .num{ font-size: 55px; line-height: 1;}
#wrap_add01.property_search .ippan .txt .num span,#wrap_add01.property_search .kaiin .txt .num span{ font-size: 26px; display: inline-block;vertical-align: middle;margin-bottom: -5px;margin-left: 8px;}
#wrap_add01.property_search .ippan > p,#wrap_add01.property_search .kaiin > p{font-size: 15px; line-height: 1.8em;}

#wrap_add01.property_search .kaiin > p .red{ font-size: 16px; color: #e85a3a; font-weight: 600;}
#wrap_add01.property_search .kaiin > p .red strong{ font-size: 18px;}

#wrap_add01.property_search .btn_normal{ position: absolute; bottom:-13%; left:0; right:0; width: 85%; margin: auto; font-feature-settings: "palt" 1; background: #fff; border-radius: 40px;}
#wrap_add01.property_search .btn_normal a{ width: 100%; font-weight: 500; padding-top: 23px; box-shadow: 0 5px 15px rgba(0,0,0,0.10);}
#wrap_add01.property_search .btn_normal a:after{ display: none;}
#wrap_add01.property_search .btn_normal a span{ display: inline-block; margin-right: 3px;}

#wrap_add01.property_search .ippan .btn_normal a{ background: #119cb5; font-size: 14px;}
#wrap_add01.property_search .ippan .btn_normal a:before{ display: inline-block; content: ""; background:url("../images/top/icon_search.png") repeat; width: 24px; height: 25px; vertical-align: middle; margin:0 10px 6px 0; }
#wrap_add01.property_search .ippan .btn_normal a span{ font-size: 18px;}
#wrap_add01.property_search .kaiin .btn_normal.btn_pink a{ font-size: 16px;}
#wrap_add01.property_search .kaiin .btn_normal.btn_pink a:before{ display: inline-block; content: ""; background:url("../images/top/icon_member.png") repeat; width: 33px; height: 26px; vertical-align: middle; margin:0 10px 6px 0; }
#wrap_add01.property_search .kaiin .btn_normal.btn_pink a span{ font-size: 19px;}
#wrap_add01.property_search .kaiin .btn_normal.btn_pink .fukidashi{position: absolute; top:-12px; left:-20px;}


#wrap_add01.property_search .map_box{ width: 40.5%; position: relative; border: 4px solid #494949;}
#wrap_add01.property_search .map_box img.map_bg{ width: 100%;}

#wrap_add01.property_search .map_box .btn_area a{ position: absolute; display: block; width: 160px; height: 60px; background: #494949; text-align: center; margin: auto; font-size: 20px; color: #ffffff; font-weight: 500; box-sizing: border-box; border-radius: 30px; transition: .3s; padding-top: 13px; letter-spacing: 0.06em; box-shadow: 0 3px 0 rgba(0,0,0,0.15);}
#wrap_add01.property_search .map_box .btn_area a.btn_ichinomiya{top: 30%;left: 52%;}
#wrap_add01.property_search .map_box .btn_area a.btn_inazawa{bottom: 20%;left: 43%;}


#wrap_add01.property_search .map_box .btn_area a:after{ display: inline-block; content: ""; background:url("../images/top/btn_indent.png") repeat; width: 23px; height: 15px; vertical-align: middle; margin:0 0 3px 10px; }
#wrap_add01.property_search .map_box .btn_area a:hover{transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }

@media print, screen and (max-width: 1850px) {
	#wrap_add01.property_search .total{padding: 2.5% 0 3.5% 0;}
	#wrap_add01.property_search .ippan, #wrap_add01.property_search .kaiin { padding: 30px 20px 52px 20px; }
	#wrap_add01.property_search .ippan .txt p, #wrap_add01.property_search .kaiin .txt p { font-size: 24px;}
	#wrap_add01.property_search .ippan .txt .num, #wrap_add01.property_search .kaiin .txt .num {font-size: 50px; }
	#wrap_add01.property_search .ippan .txt, #wrap_add01.property_search .kaiin .txt { padding-bottom: 6%; margin-bottom: 4%; }
	
	#wrap_add01.property_search .btn_normal { width: 91%; }
	#wrap_add01.property_search .ippan .btn_normal a span,#wrap_add01.property_search .kaiin .btn_normal.btn_pink a span {font-size: 17px;}
	
	#wrap_add01.property_search .map_box img.map_bg { width: 100%; height: 555px; object-fit: cover; object-position: left;}
}

@media print, screen and (max-width: 1650px) {
	#wrap_add01.property_search .total { padding: 1.5% 0 2.5% 0;}
	#wrap_add01.property_search .total .txt p { font-size: 22px; }
	#wrap_add01.property_search .total .txt p span {font-size: 15px;}
	#wrap_add01.property_search .total .txt .num {font-size: 60px; }
	#wrap_add01.property_search .total .txt .num span {font-size: 25px;margin-bottom: -9px; margin-left: 6px; }
	#wrap_add01.property_search .ippan, #wrap_add01.property_search .kaiin { padding: 30px 15px 0 15px; aspect-ratio: 5 / 5.4;}
	#wrap_add01.property_search .ippan .txt, #wrap_add01.property_search .kaiin .txt { padding-bottom: 7%; margin-bottom: 6%; }
	
	#wrap_add01.property_search .ippan .txt p, #wrap_add01.property_search .kaiin .txt p { font-size: 22px;}
	#wrap_add01.property_search .ippan .txt .num, #wrap_add01.property_search .kaiin .txt .num {font-size: 45px; }
	#wrap_add01.property_search .ippan > p, #wrap_add01.property_search .kaiin > p { font-size: 14px; line-height: 1.7em;}
	
	#wrap_add01.property_search .btn_normal a:before{ display: none !important;}
	#wrap_add01.property_search .kaiin .btn_normal.btn_pink .fukidashi { top: 0; left: -10px; width: 60px; }
}


@media print, screen and (max-width: 1550px) {
	#wrap_add01.property_search .private_box{width: 50%;}
	#wrap_add01.property_search .map_box {width: 40%;}
	
	#wrap_add01.property_search .ippan, #wrap_add01.property_search .kaiin{ aspect-ratio: 5 / 5;}
}

@media print, screen and (max-width: 1450px) {
	#wrap_add01.property_search .map_box img.map_bg { width: 100%; height: 500px;}
	
	#wrap_add01.property_search .ippan .txt, #wrap_add01.property_search .kaiin .txt { padding-bottom: 6%; margin-bottom: 5%; }
	
	#wrap_add01.property_search .ippan .txt:before { background: url(../images/top/private_icon01.png) no-repeat center center; background-size: auto 100%; height: 45px; margin: 0 auto 10px auto; }
	
	#wrap_add01.property_search .kaiin .txt:before { background: url(../images/top/private_icon02.png) no-repeat center center; background-size: auto 100%; height: 45px; margin: 0 auto 10px auto;}
}

@media print, screen and (max-width: 1350px) {
	#wrap_add01.property_search .ippan, #wrap_add01.property_search .kaiin{ padding-top: 20px; padding-left: 20px; padding-right: 20px;}
	#wrap_add01.property_search .ippan p br, #wrap_add01.property_search .kaiin p br { display: none; }
	
	#wrap_add01.property_search .ippan .txt p, #wrap_add01.property_search .kaiin .txt p { font-size: 20px;}
	#wrap_add01.property_search .ippan .txt .num, #wrap_add01.property_search .kaiin .txt .num {font-size: 40px; }
	#wrap_add01.property_search .ippan .txt .num span, #wrap_add01.property_search .kaiin .txt .num span {font-size: 20px;}

	#wrap_add01.property_search .ippan .btn_normal a,#wrap_add01.property_search .kaiin .btn_normal a{ height: 70px;  padding-top: 20px; font-weight: bold;}
	#wrap_add01.property_search .kaiin .btn_normal.btn_pink .fukidashi {width: 50px; }
	#wrap_add01.property_search .ippan .btn_normal a span,#wrap_add01.property_search .kaiin .btn_normal.btn_pink a span {font-size: 16px; margin: 0;}
}



/*--------------- 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;}



/*--------------- オープンハウス情報 --------------*/

#contents-inner-top .openhouse{ margin: 0 0 90px 0; position: relative; box-sizing: border-box;}

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

#contents-inner-top .openhouse_one{ min-height: 380px; background-color: #fdfaec; position: relative; box-sizing: border-box; padding:15px 30px 25px 490px; margin-top: 30px; }
#contents-inner-top .openhouse_one > a{ color: inherit;}
#contents-inner-top .openhouse_one .new{ position: absolute; top:10px; left:-3px; z-index: 5;}
#contents-inner-top .openhouse_one .img{ width: 465px; height: 100%; overflow: hidden; position: absolute; top:0; left:0;}
#contents-inner-top .openhouse_one .img a,#contents-inner-top .openhouse_one .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
#contents-inner-top .openhouse_one .img a{ background: url("/contents/images/store/photo_nowprinting.jpg") no-repeat center,#f1f0ee;}
#contents-inner-top .openhouse_one .txt{ letter-spacing: 0.03em;}
#contents-inner-top .openhouse_one .txt > .time{color: #e3540e;font-size: 22px;font-weight: 600;border-bottom: 1px dotted rgb(61,61,61,0.2);padding-bottom: 10px;margin-bottom: 15px;}
/*#contents-inner-top .openhouse_one .txt > .time:before{ display: inline-block; content: "開催"; border:1px solid #e3540e; width: 60px; height: 60px; vertical-align: middle; font-size: 16px; color: #e3540e; text-align: center; font-weight: 600; margin-right: 20px; margin-bottom:6px; box-sizing: border-box; padding-top: 16px; border-radius: 50%;}*/
#contents-inner-top .openhouse_one .txt > .time:before {display: inline-block;content: "開催日時";border: 1px solid #e3540e;width: 100px;height: 40px;vertical-align: middle;font-size: 16px;color: #e3540e;text-align: center;font-weight: 600;margin-right: 20px;margin-bottom: 6px;box-sizing: border-box;padding-top: 6px;border-radius: 3px;}

/*#contents-inner-top .openhouse_one .txt > .time span{ font-size: 17px;}*/
#contents-inner-top .openhouse_one .txt .detail_btn{display: block;position: absolute;top: 3px;right: 0;display: block;width: 160px;height: 38px;background: #e8be07;text-align: center;margin: auto;font-size: 15px;color: #ffffff;font-weight: 500;box-sizing: border-box;border-radius: 30px;transition: .3s;padding-top: 7px;letter-spacing: 0.06em;}

#contents-inner-top .openhouse_one .txt > .h{font-size: 24px; font-weight: bold; color: #3d3d3d; margin-bottom: 15px; position: relative;}
#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: 45px; font-size: 26px; font-weight: bold; color: #e3540e;}
#contents-inner-top .openhouse_one .txt > .h span.redtxt > span{font-size: 18px; margin-right: 13px;}
#contents-inner-top .openhouse_one .openhouse_ul{ font-size: 16px; color: #272616; }
#contents-inner-top .openhouse_one .openhouse_ul ul{display: flex; flex-wrap: wrap;}
#contents-inner-top .openhouse_one .openhouse_ul li{width: auto;margin-bottom: 5px;display: inline-block; min-width: 35%; padding-right: 3%; box-sizing: border-box;}
#contents-inner-top .openhouse_one .txt .cmnt{ background-color: #ffffff; padding: 17px 20px 13px 24px; margin-top: 21px;}
#contents-inner-top .openhouse_one .txt .cmnt .sub_h{  font-size: 14px; font-weight: 600; color: #e8be07; margin-bottom: 10px;}
#contents-inner-top .openhouse_one .txt .cmnt p{ font-size: 14px; line-height: 1.61; height: 50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}


@media print, screen and (max-width: 1500px) {
	#contents-inner-top .openhouse_one .txt .detail_btn{ display: none;}
	#contents-inner-top .openhouse_one .openhouse_ul li{ display: block;}
	#contents-inner-top .openhouse_one .txt > .h{ font-size: 22px;}
	#contents-inner-top .openhouse_one .txt > .h span.redtxt { display: block; margin-left: 0; font-size: 24px; float: right; }

#contents-inner-top .openhouse_one { padding-left:430px; }
#contents-inner-top .openhouse_one .img { width: 400px; }
#contents-inner-top .openhouse_one .txt > .time{font-size: 18px;}
#contents-inner-top .openhouse_one .txt > .time:before {width: 80px;height: 40px;font-size: 14px;padding-top: 7.5px;}
}



/*-------------------------- contact -------------------------*/
#contents-inner-top .contact {
margin:30px auto 0;
width:690px;
height:160px;
position:relative;
background:url(../images/top/contact_tel.png) no-repeat;
}
#contents-inner-top .contact .mail{
position:absolute;
top:78px;
right:18px;
}


/*-------------------------- 非公開物件 -------------------------*/
#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{}


/* board_information ----------------------------------------------------------------------------------------------*/
#contents-inner-top .board_information{margin:0 0px 20px 0px;}
#contents-inner-top .board_information.movie_blocks{ margin-bottom: 50px;}


/* netde ----------------------------------------------------------------------------------------------*/
#contents-inner-top .netde {width:660px; text-align:right;}