@charset "UTF-8";

/*-------------------------
__top_style
-------------------------*/
.fv_box{height:100dvh;width:100%;background:url("/images/main_bg.jpg")no-repeat center center/cover;min-height:700px;position:relative;}
.fv_box .main_text_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFF;}
.fv_box .main_text_wrap .main_text_eng{display:inline-block;font-size:7.2em;position:relative;}
.fv_box .main_text_wrap .main_text_eng::after{content:"";display:block;width:100%;height:6px;background:#FFF;margin:15px 0 0;}
.fv_box .main_text_wrap .main_text{display:block;font-size:3.5em;font-weight:700;letter-spacing:0.04em;margin-top:18px;}
.fv_box .main_text_wrap .main_text span{display:block;font-size:0.48em;line-height:1.7em;padding-top:25px;}
.fv_box .c_name_eng{font-size:2.5em;color:#FFF;position:absolute;right:30px;bottom:20px;}
/*スクロールアニメーションここから*/
.fv_box .scroll_wrap{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);}
.fv_box .mouse_icon{width:30px;height:50px;border:2px solid #ffffff;border-radius:20px;position:relative;display:inline-block;}
.fv_box .mouse_wheel{width:4px;height:8px;background-color:#ffffff;border-radius:2px;position:absolute;top:8px;left:50%;transform:translateX(-50%);animation:scrollWheel 1.5s infinite;}
@keyframes scrollWheel {
	0% {
		transform: translate(-50%, 0);
		opacity: 1;
	   }
	100% {
		transform: translate(-50%, 20px); /* 下に20px移動 */
		opacity: 0; /* 透明になって消える */
		 }
	}
/*スクロールアニメーションここまで*/

@media screen and (max-width:999px) {
	.fv_box .main_text_wrap{width:calc(100% - 40px);}
	.fv_box .main_text_wrap .main_text_eng{font-size:6em;}
	.fv_box .main_text_wrap .main_text_eng::after{height:4px;}
	.fv_box .main_text_wrap .main_text{font-size:3em;margin-top:18px;}
	.fv_box .c_name_eng{font-size:2em;right:20px;}
}
@media screen and (max-width:767px) {
	.fv_box{min-height:550px;}
	.fv_box .main_text_wrap .main_text_eng{font-size:4.5em;line-height:1.2;}
	.fv_box .main_text_wrap .main_text_eng::after{display:none;}
	.fv_box .main_text_wrap .main_text_eng span{display:inline-block;position:relative;border-bottom:3px solid #FFF;}
	.fv_box .main_text_wrap .main_text{font-size:1.8em;line-height:1.5;}
	.fv_box .main_text_wrap .main_text span{font-size:14px;padding-top:15px;font-weight:500;}
	.fv_box .c_name_eng{font-size:1.4em;right:10px;bottom:5px}
}
/*-------------------------
__sec1
-------------------------*/
#sec1{box-sizing:border-box;padding:100px 20px 0;}
#sec1 .inner{max-width:1000px;margin:0 auto;}
#sec1 .inner .about_box{display:flex;text-align:left;}
#sec1 .inner .about_box .left_box{width:57%;box-sizing:border-box;padding-top:60px;}
#sec1 .inner .about_box .left_box .title{font-size:2.4em;line-height:1.45;font-weight:700;}
#sec1 .inner .about_box .left_box .title span{display:inline-block;}
#sec1 .inner .about_box .left_box .text_box{margin-top:30px;font-size:1.5em;line-height:2;font-weight:400; }
#sec1 .inner .about_box .right_box{width:43%;box-sizing:border-box;padding-left:60px;}
#sec1 .inner .about_box .right_box .img_box{position:relative;}
#sec1 .inner .about_box .right_box .img_box img{width:100%;height:auto;}
#sec1 .inner .about_box .right_box .img_box .career_box{display:inline-block;position:absolute;background:rgba(255,255,255,0.95);box-shadow:7px 7px 25px rgba(0,0,0,0.25);width:95%;bottom:35px;left:50%;transform:translateX(-50%);box-sizing:border-box;padding:20px;border-radius:10px;}
#sec1 .inner .about_box .right_box .img_box .career_box .name{padding-bottom:5px;}
#sec1 .inner .about_box .right_box .img_box .career_box .name .name1{font-size:1.4em;font-weight:700;padding-right:0.6em;}
#sec1 .inner .about_box .right_box .img_box .career_box .name .name2{font-size:2.2em;font-weight:700;padding-right:0.3em;}
#sec1 .inner .about_box .right_box .img_box .career_box .name .name3{font-size:1.5em;font-weight:500;}
#sec1 .inner .about_box .right_box .img_box .career_box .career_txt{font-size:1.4em;line-height:1.5;}
#sec1 .inner .about_box .right_box .img_box .career_box .career_inbox{margin-top:15px;}
#sec1 .inner .about_box .right_box .img_box .career_box .career_inbox .career_inbox_title{font-size:1.5em;font-weight:600;display:block;margin-bottom:7px;}

#sec1 .inner .about_box .right_box .img_box .career_box .career_inbox .career_list{position:relative;padding-left:10px;}
#sec1 .inner .about_box .right_box .img_box .career_box .career_inbox .career_list::before{content:"";display:block;width:2px;height:100%;background:var(--linear);position:absolute;left:0;top:0;}

@media screen and (max-width:999px) {
	#sec1{padding:80px 20px;}
	#sec1 .inner .about_box{align-items:flex-end;}
	#sec1 .inner .about_box .left_box{width:52%;}
	#sec1 .inner .about_box .left_box .title{font-size:2em;}
	#sec1 .inner .about_box .left_box .text_box{margin-top:20px;font-size:1.4em;line-height:1.8;font-weight:400;}
	#sec1 .inner .about_box .right_box{padding-left:30px;margin-bottom:-80px;width:48%;}
	#sec1 .inner .about_box .right_box .img_box{max-width:330px;margin-left:auto;}
	#sec1 .inner .about_box .right_box .img_box .career_box .name .name2{font-size:1.8em;}
	#sec1 .inner .about_box .right_box .img_box .career_box .name .name3{font-size:1.4em;display:block;padding-top:5px;}
	#sec1 .inner .about_box .right_box .img_box .career_box .career_txt{line-height:1.3;}
	#sec1 .inner .about_box .right_box .img_box .career_box .career_inbox{margin-top:10px;}
	#sec1 .inner .about_box .right_box .img_box .career_box .career_inbox .career_inbox_title{line-height:1.2;margin-bottom:7px;}
}
@media screen and (max-width:767px) {
	#sec1{padding:50px 20px;}
	#sec1 .inner .about_box{display:block;}
	#sec1 .inner .about_box .left_box{width:100%;padding-top:30px;}
	#sec1 .inner .about_box .left_box .title{font-size:1.9em;}
	#sec1 .inner .about_box .right_box{padding-left:0;margin:20px auto 0;width:100%;}
	#sec1 .inner .about_box .right_box .pre_img{display:block;max-width:300px;width:65%;margin:0 auto;}
	#sec1 .inner .about_box .right_box .img_box{margin:auto;max-width:auto;}
	#sec1 .inner .about_box .right_box .img_box .career_box{max-width:350px;display:block;position:static;background:rgba(255,255,255,1);width:100%;transform:translateX(0);margin:-140px auto 0;}
}
@media screen and (max-width:374px) {
	#sec1 .inner .about_box .left_box .title{font-size:1.6em;}
}
/*-------------------------
__sec2
-------------------------*/
#sec2{background:var(--bg);box-sizing:border-box;padding:100px 20px;}
#sec2 .inner{max-width:1000px;margin:0 auto;}
/*タブここから*/
.property-tabs{display:flex;justify-content:center;margin:60px auto 45px;}
.tab-item{background:#fff;border:1px solid var(--main_co1);color:var(--main_co1);padding:8px 150px 12px;cursor:pointer;/*transition:background 0.3s;*/font-size:2.2em;font-weight:700;letter-spacing:0.04em;border-radius:10px;position:relative;}
.tab-item2{border:1px solid var(--main_co2);color:var(--main_co2);}
.tab-item.active::after{content:"";display:block;width:0;height:0;border-style:solid;border-right:14px solid transparent;border-left: 14px solid transparent;border-top: 24px solid var(--main_co1);border-bottom:0;position:absolute;top:100%;left:50%;transform:translateX(-50%);transition:0.3s;}

.tab-item2{border:1px solid var(--main_co2);color:var(--main_co2);margin-left:20px;}
.tab-item.active{background:var(--main_co1);color:#fff;}
.tab-item2.active{background:var(--main_co2);color:#fff;}
.tab-item2.active::after{border-top:24px solid var(--main_co2);}
/*タブここまで*/
#sec2 .inner .property_grid{display:flex;flex-wrap:wrap;}
/* タブ切り替え用の非表示クラス */
#sec2 .inner .property_grid.is-hidden{display:none;}
#sec2 .inner .property_grid .pro_box{width:30.6%;background:#FFF;margin-right:4.1%;}
#sec2 .inner .property_grid .pro_box:nth-of-type(3n){margin-right:0;}
#sec2 .inner .property_grid .pro_box:nth-of-type(n + 4){margin-top:4%;}
#sec2 .inner .property_grid .pro_box a{display:block;width:100%;height:100%;text-decoration:none;color:var(--black);background:#FFF;}
#sec2 .inner .property_grid .pro_box.closed .img_box::before{content:"成約物件";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;height:100%;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;font-size:3.0em;font-weight:500;letter-spacing:0.04em;color:#FFF;}
#sec2 .inner .property_grid .pro_box .img_box{display:block;height:220px;background:#e1e1e1;overflow:hidden;position:relative;}
#sec2 .inner .property_grid .pro_box .img_box img{height:100%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#sec2 .inner .property_grid .pro_box .pro_detail{box-sizing:border-box;padding:10px 20px;text-align:left;height:182px;}
#sec2 .inner .property_grid .pro_box .pro_detail .mark_box{display:flex;margin-bottom:7px;}
#sec2 .inner .property_grid .pro_box .pro_detail .mark_box .mark{display:inline-block;box-sizing:border-box;padding:2px 10px 3px;font-size:1.3em;font-weight:500;margin-right:5px;}
/*ここからマーク*/
#sec2 .inner .property_grid .pro_box .pro_detail .mark_box .mark.new{border:1px solid #f7677b;color:#f7677b;}
#sec2 .inner .property_grid .pro_box .pro_detail .mark_box .mark.bas{border:1px solid var(--main_co1);color:#fff;background:var(--main_co1);}
#sec2 .inner .property_grid .pro_box .pro_detail .mark_box .mark.rent{border:1px solid var(--main_co2);color:#fff;background:var(--main_co2);}
/*ここまでマーク*/
#sec2 .inner .property_grid .pro_box .pro_detail .pro_title{display:block;font-size:1.5em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;}
#sec2 .inner .property_grid .pro_box .pro_detail .pro_pli{display:block;font-size:1.4em;font-weight:400;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;}
#sec2 .inner .property_grid .pro_box .pro_detail .pro_pli .num{font-size:1.2em;font-weight:500;padding-left:0.3em;}
#sec2 .inner .property_grid .pro_box .pro_detail .pro_pli .yen{font-weight:500;padding-left:0.08em;}
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot{border-top:1px solid #999;padding-top:8px;margin-top:10px;}
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot .add,
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot .traf{font-size:1.4em;line-height:1.2;padding-left:24px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;position:relative;}
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot .add{margin-bottom:5px;}
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot .add::before,
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot .traf::before{content:"";display:inline-block;width:15px;height:16px;background:url("/images/top_ico04@2x.png")no-repeat;background-size:contain;position:absolute;left:0;top:0;}
#sec2 .inner .property_grid .pro_box .pro_detail  .pro_detail_bot .traf::before{background:url("/images/top_ico05@2x.png")no-repeat;background-size:contain;}
#sec2 .inner .property_grid .details_btn{text-align:center;width:100%;margin-top:70px;}
#sec2 .inner .property_grid .details_btn a{display:inline-block;text-decoration:none;font-size:2.2em;font-weight:600;letter-spacing:0.04em;color:#FFF;background:var(--main_co1);width:450px;height:60px;line-height:58px;border-radius:30px;}
#sec2 .inner .property_grid .details_btn.rent a{background:var(--main_co2);}

@media screen and (min-width:768px) {
	.tab-item:hover{transform:translateY(-2%);box-shadow:2px 2px 15px rgba(0,0,0,0.15);transition:transform 0.3s;}
	#sec2 .inner .property_grid .pro_box a:hover{transform:scale(1.005);box-shadow:2px 2px 15px rgba(0,0,0,0.15);transition:transform 0.3s;}
	#sec2 .inner .property_grid a:hover .img_box img{transform:translate(-50%,-50%) scale(1.1);transition:transform 0.3s;}
	#sec2 .inner .property_grid .details_btn a:hover{background:#76B9E9;transition:background 0.3s;}
	#sec2 .inner .property_grid .details_btn.rent a:hover{background:#70C5B2;}
}
@media screen and (max-width:999px) {
	#sec2{padding:80px 20px;}
	.tab-item{padding:8px 10px 12px;font-size:2.0em;radius:10px;width:45%;}
	#sec2 .inner .property_grid .pro_box{width:49%;background:#FFF;margin-right:2%;}
	#sec2 .inner .property_grid .pro_box:nth-of-type(3n){margin-right:2%;}
	#sec2 .inner .property_grid .pro_box:nth-of-type(2n){margin-right:0;}
	#sec2 .inner .property_grid .pro_box:nth-of-type(n + 3){margin-top:2%;}
}
@media screen and (max-width:767px) {
	#sec2{padding:50px 20px;}
	.property-tabs{margin:30px auto 30px;}
	.tab-item{padding:8px 0 12px;font-size:1.6em;radius:5px;width:calc((100% - 10px)/2);max-width:250px;}
	.tab-item.active::after{top:80%;}
	.tab-item2{margin-left:10px;}
	#sec2 .inner .property_grid .pro_box{width:100%;margin-right:0;}
	#sec2 .inner .property_grid .pro_box:nth-of-type(3n){margin-right:0;}
	#sec2 .inner .property_grid .pro_box:nth-of-type(2n){margin-right:0;}
	#sec2 .inner .property_grid .pro_box:nth-of-type(n + 2){margin-top:20px;}
	#sec2 .inner .property_grid .pro_box .img_box{height:230px;}
	#sec2 .inner .property_grid .details_btn{margin-top:30px;}
	#sec2 .inner .property_grid .details_btn a{display:block;font-size:1.8em;width:100%;}
}
/*-------------------------
__sec3
-------------------------*/
#sec3{display:flex;}
#sec3 .con_box{width:50%;}
#sec3 .con_box a{display:block;text-decoration:none;color:#FFF;height:450px;position:relative;overflow:hidden;}
#sec3 .con_box a::before{content:"";display:block;background:url("/images/top_img01.jpg")no-repeat center center;background-size:cover;width:100%;height:100%;z-index:-1;position:absolute;transition:transform 0.3s;}
#sec3 .con_box.right_box a::before{background:url("/images/top_img02.jpg")no-repeat center center;background-size:cover;}
#sec3 .con_box a:hover::before{transform:scale(1.2);}
#sec3 .con_box a::after{content:"";display:block;background:var(--main_co2);width:100%;height:100%;z-index:1;position:absolute;top:0;mix-blend-mode:multiply;}
#sec3 .con_box.right_box a::after{background:var(--main_co1);}
#sec3 .con_box .title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;letter-spacing:0.04em;}
#sec3 .con_box .title .eng{display:block;font-size:5.0em;line-height:1.06;margin-bottom:30px;}
#sec3 .con_box .title .jap{display:block;width:300px;height:40px;background:#FFF;border-radius:20px;color:var(--main_co2);font-size:1.5em;font-weight:600;line-height:38px;}
#sec3 .con_box.right_box .title .jap{color:var(--main_co1);}
#sec3 .con_box a:hover .title .jap{background:#70C5B2;transition:background 0.3s;color:#FFF;}
#sec3 .con_box.right_box a:hover .title .jap{background:#76B9E9;}

@media screen and (max-width:999px) {
	#sec3 .con_box a{height:330px;}
	#sec3 .con_box .title .eng{font-size:4.0em;margin-bottom:25px;}
}
@media screen and (max-width:767px) {
	#sec3{display:block;}
	#sec3 .con_box{width:100%;}
	#sec3 .con_box a{height:200px;}
	#sec3 .con_box .title .eng{font-size:2.5em;margin-bottom:20px;}
	#sec3 .con_box .title .jap{width:200px;}
}
@media screen and (max-width:374px) {
	#sec3 .con_box .title .eng{font-size:2.0em;margin-bottom:10px;}
	#sec3 .con_box .title .jap{width:120px;}
}
/*-------------------------
__sec4
-------------------------*/
#sec4{box-sizing:border-box;padding:100px 20px;}
#sec4 .inner{max-width:1000px;margin:0 auto;}
#sec4 .inner .ov_list{margin-top:60px;text-align:left;}
#sec4 .inner .ov_list dl{display:flex;border-bottom:1px solid #999;padding:30px 20px;}
#sec4 .inner .ov_list dt{width:177px;padding-right:20px;box-sizing:border-box;font-size:1.6em;font-weight:500;line-height:1.8;}
#sec4 .inner .ov_list dd{font-size:1.6em;line-height:1.8;width:calc(100% - 177px);}
#sec4 .inner .google_map{width:100%;position:relative;padding-top:50%;height:0;margin-top:50px;}
#sec4 .inner .google_map iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

@media screen and (max-width:999px) {
	#sec4{padding:80px 20px;}
}
@media screen and (max-width:767px) {
	#sec4{padding:50px 20px;}
	#sec4 .inner .ov_list{margin-top:30px;}
	#sec4 .inner .ov_list dl{display:block;padding:20px 0;}
	#sec4 .inner .ov_list dt{width:100%;padding-right:0px;font-size:1.6em;line-height:1.6;margin-bottom:10px;}
	#sec4 .inner .ov_list dd{font-size:1.5em;line-height:1.6;width:100%;}
	#sec4 .inner .google_map{padding-top:90%;margin-top:30px;}
}