@charset "UTF-8";

/*-------------------------
__property_grid
-------------------------*/
.bas_con .property_grid{display:flex;flex-wrap:wrap;margin-top:40px;}
.bas_con .property_grid .pro_box{width:30.6%;background:#FFF;margin-right:4.1%;}
.bas_con .property_grid .pro_box:nth-of-type(3n){margin-right:0;}
.bas_con .property_grid .pro_box:nth-of-type(n + 4){margin-top:4%;}
.bas_con .property_grid .pro_box a{display:block;width:100%;height:100%;text-decoration:none;color:var(--black);background:#FFF;}
.bas_con .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;}
.bas_con .property_grid .pro_box .img_box{display:block;height:220px;background:#e1e1e1;overflow:hidden;position:relative;}
.bas_con .property_grid .pro_box .img_box img{height:100%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.bas_con .property_grid .pro_box .pro_detail{box-sizing:border-box;padding:10px 20px;text-align:left;height:182px;}
.bas_con .property_grid .pro_box .pro_detail .mark_box{display:flex;margin-bottom:7px;}
.bas_con .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;}
/*ここからマーク*/
.bas_con .property_grid .pro_box .pro_detail .mark_box .mark.new{border:1px solid #f7677b;color:#f7677b;}
.bas_con .property_grid .pro_box .pro_detail .mark_box .mark.bas{border:1px solid var(--main_co1);color:#fff;background:var(--main_co1);}
.bas_con .property_grid .pro_box .pro_detail .mark_box .mark.rent{border:1px solid var(--main_co2);color:#fff;background:var(--main_co2);}
/*ここまでマーク*/
.bas_con .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;}
.bas_con .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;}
.bas_con .property_grid .pro_box .pro_detail .pro_pli .num{font-size:1.2em;font-weight:500;padding-left:0.3em;}
.bas_con .property_grid .pro_box .pro_detail .pro_pli .yen{font-weight:500;padding-left:0.08em;}
.bas_con .property_grid .pro_box .pro_detail  .pro_detail_bot{border-top:1px solid #999;padding-top:8px;margin-top:10px;}
.bas_con .property_grid .pro_box .pro_detail  .pro_detail_bot .add,
.bas_con .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;}
.bas_con .property_grid .pro_box .pro_detail  .pro_detail_bot .add{margin-bottom:5px;}
.bas_con .property_grid .pro_box .pro_detail  .pro_detail_bot .add::before,
.bas_con .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;}
.bas_con .property_grid .pro_box .pro_detail  .pro_detail_bot .traf::before{background:url("/images/top_ico05@2x.png")no-repeat;background-size:contain;}

@media screen and (min-width:768px) {
	.bas_con .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;}
	.bas_con .property_grid a:hover .img_box img{transform:translate(-50%,-50%) scale(1.1);transition:transform 0.3s;}
}
@media screen and (max-width:999px) {
	.bas_con .property_grid .pro_box{width:49%;background:#FFF;margin-right:2%;}
	.bas_con .property_grid .pro_box:nth-of-type(3n){margin-right:2%;}
	.bas_con .property_grid .pro_box:nth-of-type(2n){margin-right:0;}
	.bas_con .property_grid .pro_box:nth-of-type(n + 3){margin-top:2%;}
}
@media screen and (max-width:767px) {
	.bas_con .property_grid{margin-top:20px;}
	.bas_con .property_grid .pro_box{width:100%;margin-right:0;}
	.bas_con .property_grid .pro_box:nth-of-type(3n){margin-right:0;}
	.bas_con .property_grid .pro_box:nth-of-type(2n){margin-right:0;}
	.bas_con .property_grid .pro_box:nth-of-type(n + 2){margin-top:20px;}
	.bas_con .property_grid .pro_box .img_box{height:230px;}
}
/*-------------------------
__pro_title_box
-------------------------*/
#content_inner{background:#F5F5F5;text-align:left;}
#content_inner .content_body{max-width:1040px;box-sizing:border-box;margin:auto;padding:0 20px 100px;}
#content .pro_title_box{margin:40px auto 30px;display:flex;flex-wrap:wrap;align-items:flex-start;}
#content .pro_title_box .pro_mark{font-size:1.4em;padding:2px 5px 3px;font-weight:500;margin-top:10px;margin-right:5px;display:inline-block;}
#content .pro_title_box .pro_mark:last-child{margin-right:15px!important;}
#content .pro_title_box .pro_mark.new{color:#f7677b;border:1px solid #f7677b;}
#content .pro_title_box .pro_mark.nas{color:#fff;border:1px solid var(--main_co1);background:var(--main_co1);}
#content .pro_title_box .pro_mark.rent{color:#fff;border:1px solid var(--main_co2);background:var(--main_co2)}
#content .pro_title_box .title{font-size:2.5em;line-height:1.5;font-weight:600;}
#content .main_vi{background:#e1e1e1;overflow:hidden;height:560px;text-align:center;margin-bottom:50px;}
#content .main_vi img{height:100%;width:auto;}

@media screen and (max-width:999px) {
	#content_inner .content_body{padding:0 20px 80px;}
	#content .pro_title_box{margin:40px auto 20px;}
	#content .pro_title_box .pro_mark{margin-top:5px;}
	#content .pro_title_box .title{font-size:2.2em;}
	#content .main_vi{height:400px;margin-bottom:40px;}
}
@media screen and (max-width:767px) {
	#content_inner .content_body{padding:0 20px 50px;}
	#content .pro_title_box{margin:20px auto 10px;}
	#content .pro_title_box .title{font-size:1.8em;}
	#content .main_vi{height:200px;margin-bottom:20px;}
}
/*-------------------------
__pickup
-------------------------*/
#content .pickup{background:#FFF;border-radius:10px;padding:30px;}
#content .pickup .main_txt{font-size:2.4em;font-weight:600;letter-spacing:0.02em;line-height:1.3;}
#content .pickup .pickup_inner{display:flex;margin:28px 0 0;}
#content .pickup .pickup_inner .left_box {width:35%;padding-right:30px;border-right:solid #999 1px;}
#content .pickup .pickup_inner .left_box .sub_txt{font-size:1.6em;line-height:1.4em;}
#content .pickup .pickup_inner .right_box{width:65%;padding-left:30px;display:flex;flex-wrap:wrap;}
#content .pickup .pickup_inner .right_box dl{width:100%;display:flex;align-items:flex-start;box-sizing:border-box;margin-top:5px;}
#content .pickup .pickup_inner .right_box dl:first-child{margin-top:0;}
#content .pickup .pickup_inner .right_box dl:nth-of-type(n + 3){width:50%;}
#content .pickup .pickup_inner .right_box dl:nth-of-type(3){padding-right:10px;}
#content .pickup .pickup_inner .right_box dl dt{font-size:1.4em;font-weight: 600;background:var(--linear);width:80px;text-align:center;padding:5px 0;color:#FFF;letter-spacing:0.04em;border-radius:2px;}
#content .pickup .pickup_inner .right_box dl dd{font-size:1.4em;font-weight: 400;line-height:1.4;padding:3px 0 0 10px;width:calc(100% - 80px);overflow-wrap:break-word;}

@media screen and (max-width:999px) {
	#content .pickup .main_txt{font-size:2em;}
	#content .pickup .pickup_inner .left_box {padding-right:20px;}
	#content .pickup .pickup_inner .right_box{padding-left:20px;}
}
@media screen and (max-width:767px) {
	#content .pickup{padding:20px;}
	#content .pickup .main_txt{font-size:1.6em;}
	#content .pickup .pickup_inner{display:block;margin:20px 0 0;}
	#content .pickup .pickup_inner .left_box{width:100%;padding:20px 0 20px;border-right:none;border-top:solid #999 1px;}
	#content .pickup .pickup_inner .left_box .sub_txt{font-size:1.5em;}
	#content .pickup .pickup_inner .right_box{width:100%;padding-left:0;}
	#content .pickup .pickup_inner .right_box dl{margin-top:10px;}
	#content .pickup .pickup_inner .right_box dl:nth-of-type(n + 3){width:100%;}
	#content .pickup .pickup_inner .right_box dl:nth-of-type(3){padding-right:0;}
	#content .pickup .pickup_inner .right_box dl dt{font-size:1.2em;width:65px;}
	#content .pickup .pickup_inner .right_box dl dd{width:calc(100% - 65px);}
}
/*-------------------------
__sec
-------------------------*/
#content .sec{margin-top:50px;}
#content .sec .sec_title{font-size:4.0em;color:var(--main_co1);}
#content .sec .sec_title.rent{color:var(--main_co2);}
#content .sec .gallery{margin-top:20px;}
#content .sec .gallery ul{display:flex;flex-wrap:wrap;}
#content .sec .gallery ul li{overflow:hidden;position:relative;}
#content .sec .gallery1 ul li{width:calc((100% - 30px) / 2);height:280px;}
#content .sec .gallery1 ul li:first-child{margin-right:30px;}
#content .sec .gallery2 ul li{width:calc((100% - 90px) / 4);height:227px;margin:0 30px 30px 0;}
#content .sec .gallery2 ul li:nth-of-type(4n){margin-right:0;}
#content .sec .gallery ul li a{display:block;position:absolute;top:0;right:0;bottom:0;left:0;}
#content .sec .gallery ul li img{width:100%;height:100%;object-fit:cover;}
	
@media screen and (min-width:768px) {
	#content .sec .gallery ul li a:hover{transform:scale(1.1);transition:transform 0.3s;}
}
@media screen and (max-width:999px) {
	#content .sec{margin-top:40px;}
	#content .sec .sec_title{font-size:3.5em;}
	#content .sec .gallery1 ul li{width:calc((100% - 20px) / 2);height:250px;}
	#content .sec .gallery1 ul li:first-child{margin-right:20px;}
	#content .sec .gallery2 ul li{width:calc((100% - 60px) / 4);height:180px;margin:0 20px 20px 0;}
}
@media screen and (max-width:767px) {
	#content .sec{margin-top:30px;}
	#content .sec .sec_title{font-size:2.8em;}
	#content .sec .gallery1 ul{display:block;}
	#content .sec .gallery1 ul li{width:100%;height:200px;}
	#content .sec .gallery1 ul li:first-child{margin-bottom:10px;}
	#content .sec .gallery2 ul li{width:calc((100% - 10px) / 2);height:160px;margin:0 10px 10px 0;}
	#content .sec .gallery2 ul li:nth-of-type(4n){margin-right:10px;}
	#content .sec .gallery2 ul li:nth-of-type(2n){margin-right:0;}
}
@media screen and (max-width:374px) {
	#content .sec .gallery2 ul li{height:125px;}
}

/*-------------------------
__sec3
-------------------------*/
#content .sec3{position:relative;}
#content .sec3::before{content:"";display:block;width:100%;height:2px;background:var(--linear);margin-bottom:30px;}
#content .sec3 .pd_list{display:flex;flex-wrap:wrap;margin:20px 0 0;}
#content .sec3 .pd_list dl{width:calc((100% - 30px)/2);display:flex;border-bottom:1px solid #999;padding:30px 20px;box-sizing:border-box;margin-right:30px;}
#content .sec3 .pd_list dl.no_flex{width:100%;margin-right:0;}
#content .sec3 .pd_list dl:nth-of-type(2n){margin-right:0;}
#content .sec3 .pd_list dl dt,
#content .sec3 .pd_list dl dd{box-sizing:border-box;font-size:1.6em;line-height:1.37;}
#content .sec3 .pd_list dl dt{width:150px;padding-right:20px;font-weight:600;}
#content .sec3 .pd_list dl dd{width:calc(100% - 150px);}

@media screen and (max-width:767px) {
	#content .sec3 .pd_list{display:block;margin:10px 0 0;}
	#content .sec3 .pd_list dl{width:100%;display:block;padding:20px 0;margin-right:0;}
	#content .sec3 .pd_list dl dt{width:100%;margin-bottom:10px;}
	#content .sec3 .pd_list dl dd{width:100%;font-size:1.5em;line-height:1.6;}
}
/*-------------------------
__link_wrap
-------------------------*/
#content .link_wrap{text-align:center;margin:100px auto 0;position:relative;}
#content .link_wrap a{text-decoration:none;box-sizing:border-box;font-size:2.0em;letter-spacing:0.04em;font-weight:600;color:#FFF;background:#838383;display:inline-block;width:300px;height:50px;border-radius:25px;margin:0 auto;position:relative;}
#content .link_wrap a.contact_btn{width:500px;height:70px;border-radius:35px;font-size:2.5em;margin-bottom:35px;  background: linear-gradient(90deg, rgba(62,157,225,1) 0%, rgba(69,172,149,1) 50%, rgba(27,145,226,1.00) 100%);background-size: 200% 100%;}
#content .link_wrap a span{display:inline-block;position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);}
#content .link_wrap a.contact_btn span::before{content:"";display:inline-block;width:35px;height:25px;background:url("/images/b_ico03@2x.png")no-repeat center;vertical-align:bottom;background-size:contain;margin-right:15px;}

@media screen and (min-width:768px) {
	#content .link_wrap a.a_btn:hover{opacity:0.7;transition:opacity 0.3s;}
	#content .link_wrap a.contact_btn:hover {background-position: 100% 0;transition:background-position 0.3s;}
}
@media screen and (max-width:999px) {
	#content .link_wrap{margin:80px auto 0;}
}
@media screen and (max-width:767px) {
	#content .link_wrap{text-align:center;margin:50px auto 0;position:relative;}
	#content .link_wrap a{font-size:1.4em;width:70%;height:50px;}
	#content .link_wrap a.contact_btn{width:100%;height:60px;border-radius:30px;font-size:1.6em;margin-bottom:20px;}
	#content .link_wrap a.contact_btn span::before{width:30px;height:21px;vertical-align:top;margin-right:8px;}
}
@media screen and (max-width:374px) {
	#content .link_wrap a.contact_btn{height:60px;font-size:1.5em;}
	#content .link_wrap a.contact_btn span::before{display:none;}
}