@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%; height: 2000px; margin:0 auto 0 auto; padding:0; box-sizing:border-box; position: relative; background: #04050a; z-index: 2;}
#main_image:after{ display: block; content: ""; clear: both;}

#main_image > .inn{ position:sticky; top:0; width: 100%; z-index:0; margin-bottom: -100px;}

#main_image .img{ position: relative; z-index: -1; width: 100%; height: 100%; overflow: hidden;}
#main_image .img * {width: 100%;height: 100%;object-fit: cover;object-position:center;}

#main_image .img .main_scene01{ background: url("../images/top/main/scene01.jpg?t=1") no-repeat center top; background-size: cover; }
#main_image .img .main_scene01 img{width: 100%; vertical-align: bottom; opacity: 0; -webkit-backface-visibility: hidden; -webkit-filter: blur(10px); filter: blur(10px); transition: 1s;}

#main_image .img .main_scene01.on img{opacity: 1;}

#main_image .text_area{opacity: 1; transition: 1s;}
#main_image:has(.on) .text_area{ opacity: 0;}

#main_image .h{position: absolute; top:13.5%; right:12%; z-index: 2; color:#ffffff; font-size:26px;}
#main_image .h .eng{font-family: "Jost", sans-serif; font-size:150px; font-weight:200; line-height: 1em;}
#main_image .h .gold{ color: #c7ba8c;}
#main_image .h .sub_txt{ padding:0 0 0 8px;}

.h .main-animation-text{ opacity: 0; transition: .3s;}
.h .main-animation-text.js-initialized{ opacity: 1;}
.h .main-animation-text span{opacity: 0;display: inline-block;}
.h .main-animation-text.main-animation--up span {
  animation: translateX 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both, fadeIn 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;
}
@keyframes translateX { 0% { transform: translateX(50%); }  100% { transform: translateX(0); } }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

#main_image .h .sub_txt span:nth-child(1){animation-delay:1.05s !important;}
#main_image .h .sub_txt span:nth-child(2){animation-delay:1.10s !important;}
#main_image .h .sub_txt span:nth-child(3){animation-delay:1.15s !important;}
#main_image .h .sub_txt span:nth-child(4){animation-delay:1.20s !important;}
#main_image .h .sub_txt span:nth-child(5){animation-delay:1.25s !important;}
#main_image .h .sub_txt span:nth-child(6){animation-delay:1.30s !important;}
#main_image .h .sub_txt span:nth-child(7){animation-delay:1.35s !important;}
#main_image .h .sub_txt span:nth-child(8){animation-delay:1.40s !important;}
#main_image .h .sub_txt span:nth-child(9){animation-delay:1.45s !important;}
#main_image .h .sub_txt span:nth-child(10){animation-delay:1.50s !important;}
#main_image .h .sub_txt span:nth-child(11){animation-delay:1.55s !important;}
#main_image .h .sub_txt span:nth-child(12){animation-delay:1.60s !important;}

.main-animation.img{opacity: 0;}
.main-animation.main-animation--up.img{
  animation: text_anime_on 1s ease-out forwards;
	animation-delay:0s;
}

@keyframes text_anime_on { 0% {opacity: 0;} 100% {opacity: 1;} }

@media print, screen and (max-width: 1750px) {
	#main_image .h { bottom: 15%; font-size: 22px;}
	#main_image .h .eng{font-size: 135px;}
}

@media print, screen and (max-width: 1600px) {
	#main_image .h { right: 10%; font-size: 20px; top: 200px; bottom: initial;}
	#main_image .h .eng{font-size: 130px;}
}

@media print, screen and (max-width: 1450px) {
		#main_image .h { right: 8%; font-size: 18px; top: 200px; bottom: initial;}
	#main_image .h .eng{font-size: 125px;}
	#main_image > .inn{ height: 55%;}
}

@media print, screen and (max-width: 1350px) {
	#main_image .h .eng{font-size: 120px;}
}

@media print, screen and ( max-width: 1000px) {
	#main_image{height: 1600px;}
	#main_image > .inn{ height: 100%;}
}


/*--------------- 非公開物件情報 --------------*/

#main_image .private_blocks{ position: absolute; bottom:0; left:0; right:0; width: 100%; opacity: 0; transition: 1s;}
#main_image .private_blocks.on{ opacity: 1;}

#main_image .private_blocks > p{ text-align: center; color: #ffffff; font-size: 18px; line-height:2.2em; padding-left: 165px; -webkit-text-stroke-width: 0 !important;}
#main_image .private_blocks .box{display: flex; flex-wrap: wrap; justify-content: space-between; width: 1280px; margin: auto; padding: 70px 0 125px 165px; box-sizing: border-box; position: relative;}
#main_image .private_blocks .box:after{ display: block; content: ""; background: url("../images/top/private_img.png") no-repeat; width: 380px; height:520px; position: absolute; bottom:0; left: -87px;}

#main_image .private_blocks .box > div{ background: #ffffff; color: #3d3d3d; width: 49%; box-sizing: border-box; box-shadow: 0 0 30px rgba(0,46,109,0.05); text-align: center; padding:25px 0 45px 0; position: relative;}
#main_image .private_blocks .box > div.ippan{ padding-left: 85px;}
#main_image .private_blocks .box > div.kaiin{ background: #e55f75; color: #ffffff;}

#main_image .private_blocks .box .txt{display: flex; flex-wrap: wrap; font-size: 30px; font-weight: normal; justify-content: center; align-items: center;letter-spacing: 0.03em;-webkit-text-stroke-width: 0px !important; margin-bottom: 15px;}
#main_image .private_blocks .box .txt > .num{ margin-left:50px; }
#main_image .private_blocks .box .txt > .num em{font-size: 60px; font-weight: 300; font-family: "Jost", sans-serif;}
#main_image .private_blocks .box .txt > .num span{font-size: 26px; font-weight: normal; display: inline-block;vertical-align: text-bottom;margin: 0 0 -1px 8px;}

#main_image .private_blocks .box .btn_normal{ margin: auto;}
#main_image .private_blocks .box .btn_normal a{border: 1px solid #3d3d3d; color: #3d3d3d; background: transparent; width: 300px; height: 65px; font-weight: normal; padding-top: 15px;}
#main_image .private_blocks .box .kaiin .btn_normal a{border: 1px solid #ffffff; color: #ffffff; }
#main_image .private_blocks .box .ippan .btn_normal a:after{ background:url("../images/top/indent.png") no-repeat; margin-left: 15px;}

#main_image .private_blocks .box .kaiin .btn_normal a:before{background: #ffffff;}
#main_image .private_blocks .box .ippan .btn_normal a:before{background: #3d3d3d;}

#main_image .private_blocks .box .kaiin .btn_normal a:hover{background: #ffffff; color: #e55f75; font-weight: bold;}
#main_image .private_blocks .box .ippan .btn_normal a:hover{background: #3d3d3d; color: #ffffff;}

#main_image .private_blocks .box .kaiin .btn_normal a:hover:after{ background:url("../images/top/indent_pink.png") no-repeat;}
#main_image .private_blocks .box .ippan .btn_normal a:hover:after{ background:url("../images/top/indent_wh.png") no-repeat;}


@media print, screen and ( max-width: 1450px) {
	#main_image .private_blocks .box{ width: 1150px; padding: 70px 0 125px 235px;}
	#main_image .private_blocks .box:after{left: -20px;}
	#main_image .private_blocks .box .txt{ font-size: 26px;}
	#main_image .private_blocks .box .txt > .num {margin-left: 30px;}
	#main_image .private_blocks .box .txt > .num em {font-size: 50px;}
}


@media print, screen and ( max-width: 1000px) {
	#main_image:has(.on) .private_blocks{ opacity: 1;}
}


/*--------------- 不動産を購入したい --------------*/
#wrap_add01.property_search{ width: 100%; padding: 300px 0 150px 0;}
#wrap_add01.property_search .inn{width: calc(100% - 160px); max-width: 2000px; margin: auto;}

#wrap_add01.property_search h2{ margin-bottom: 80px;}

#wrap_add01.property_search .inn{ height: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: flex-end;}
#wrap_add01.property_search .search_box{width: calc(50% - 45px); padding-bottom: 10px;}
#wrap_add01.property_search .search_box ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: space-between;}
#wrap_add01.property_search .search_box li{display: block; width: calc(50% - 25px); height: auto; aspect-ratio: 5 / 3.85; margin-bottom: 25px; text-align: center; margin-right: 25px;}
#wrap_add01.property_search .search_box li a{ display: block; width: 100%; height: 100%; color:inherit; background: #000000; box-sizing: border-box; position: relative; z-index: 1; transition: .3s; overflow: hidden;}
#wrap_add01.property_search .search_box li a:hover{ opacity: 1 !important;}
#wrap_add01.property_search .search_box li p{ display: block; font-size: 25px; font-weight: normal; color: #ffffff; letter-spacing: .08em; transition: .3s; position: absolute; top:30px; left:25px; z-index: 5; }
#wrap_add01.property_search .search_box li p span{ font-size: 32px; font-weight: bold;}
#wrap_add01.property_search .search_box li img{ opacity: .85; transition: .3s; width: 100%; height: 100%; object-fit: cover;}
#wrap_add01.property_search .search_box li a:hover img{transform: scale(1.1); opacity: 1;}



#wrap_add01.property_search .map_box{ width: 50%; max-width: 810px; height: 100%; position: relative; box-sizing: border-box; padding-top: 23px}
#wrap_add01.property_search .map_box img.map_bg{ width: 100%;}
#wrap_add01.property_search .map_box .btn_area a{position: absolute; text-align: center; box-sizing: border-box; border-radius: 50px; letter-spacing: .08em;  transition: .3s; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 1;}

#wrap_add01.property_search .map_box .btn_area a:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #e55f75; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; }
#wrap_add01.property_search .map_box .btn_area a:hover::before { transform-origin: 50% 100%; transform: scaleY(1);}

#wrap_add01.property_search .map_box .btn_area a.btn_black{ width: 21.49%; height: 7.28%; background-color: #3d3d3d; color: #ffffff; font-size: 20px; font-weight:normal; }
#wrap_add01.property_search .map_box .btn_area a.btn_black:hover{background: transparent;}


#wrap_add01.property_search .map_box .btn_area a.btn_border{ padding: .6% 2.7% .6% 2.7%; border: 1px solid #3d3d3d; color: #3d3d3d; font-size: 15px; font-weight:bold; }
#wrap_add01.property_search .map_box .btn_area a.btn_border:before{background: #e55f75; }
#wrap_add01.property_search .map_box .btn_area a.btn_border:hover{color: #ffffff; font-weight: normal; border-color: transparent;}


#wrap_add01.property_search .map_box .city_takatsuki{ top:22%; right:29%;}
#wrap_add01.property_search .map_box .city_ibaraki{ top:29%; left:11%;}

#wrap_add01.property_search .map_box .jr_ibaraki{ top:63%; left:16%;}
#wrap_add01.property_search .map_box .jr_sojiji{ top:54%; left:23%;}
#wrap_add01.property_search .map_box .jr_setsutonda{ top:48%; left:36%;}
#wrap_add01.property_search .map_box .jr_takatsuki{ top:43%; left:52%;}

#wrap_add01.property_search .map_box .hk_minamiibaraki{ top:75%; left:35%;}
#wrap_add01.property_search .map_box .hk_ibarakishi{ top:68%; left:42%;}
#wrap_add01.property_search .map_box .hk_sojiji{ top:62%; left:47.5%;}
#wrap_add01.property_search .map_box .hk_tomita{ top:57%; left:58%;}
#wrap_add01.property_search .map_box .hk_takatsuki{ top:52%; left:69%;}


@media print, screen and ( max-width: 1750px) {
	#wrap_add01.property_search .search_box{width: 50%;}
	#wrap_add01.property_search .map_box{ width: 49%; }
}

@media print, screen and ( max-width: 1550px) {
	#wrap_add01.property_search .inn{width: calc(100% - 100px);}
	#wrap_add01.property_search .search_box li { width: calc(50% - 15px); margin-bottom: 15px; margin-right: 15px; }
	#wrap_add01.property_search .search_box li p{ font-size: 20px; top: 20px;}
	#wrap_add01.property_search .search_box li p span { font-size: 28px; }
	#wrap_add01.property_search .map_box .btn_area a.btn_black { width: 21.49%; height: 7%; font-size: 18px; }
	#wrap_add01.property_search .map_box .btn_area a.btn_border { padding: .8% 2% .6% 2%; font-size: 13px; }
}

@media print, screen and ( max-width: 1400px) {
	#wrap_add01.property_search .search_box li p{ font-size: 18px; }
	#wrap_add01.property_search .search_box li p span { font-size: 24px; }
	#wrap_add01.property_search .map_box .btn_area a.btn_border { padding: .8% 2% .6% 2%; font-size: 12px; }
}


/*--------------- 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: #f5f5f5; 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: #e55f75;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 #e55f75;width: 100px;height: 40px;vertical-align: middle;font-size: 16px;color: #e55f75;text-align: center;font-weight: 600;margin-right: 20px;margin-bottom: 6px;box-sizing: border-box;padding-top: 6px;}

/*#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: #3d3d3d;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: #e55f75;}
#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: 15px; font-weight: normal; color:#a89550; margin-bottom: 10px;}
#contents-inner-top .openhouse_one .txt .cmnt p{ font-size: 14px; line-height: 1.61; }


@media print, screen and (max-width: 1600px) {
	#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 div.h2:after{width: calc(100% + 200px); left: -200px;}


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