@charset "utf-8";

/* ------------------------------------------------------------------------- common */
:root{
	--maincolor: #00368C;
	--accentcolor: #9C0918;
	--subcolor: #F2F7FF;
	--transition: all 0.6s;
}

body{ min-width: 1250px; margin: 0 auto; font-family: 'Noto-Sans-JP-Regular'; }
main{ padding: 80px 0 0; }
a{ transition: var(--transition); }
a:hover{ opacity: 0.8; }
.sp{ display: none; }

.title{ position: relative; }
.title--center{ text-align: center; }
.main-title{ position: relative; display: inline-block; font-size: 21px; font-family: 'Noto-Sans-JP-Medium'; }
.en-title{ display: block; padding: 0 0 5px; font-size: 55px; font-family: 'din1451alt'; color: var(--maincolor); }
.bg-title{ display: block; font-size: 100px; color: var(--maincolor); }

.title--white .main-title,
.title--white .en-title{ color: #fff; }

.link__tel{ gap: 3px; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 214px; }
.tel__link{ gap: 5px; display: flex; align-items: center; }
.tel__icon{ width: 20px; height: auto; }
.tel__number{ font-size: 32px; font-family: 'din1451alt'; color: var(--maincolor); }
.tel__note{ float: right; font-size: 12px; color: var(--maincolor);  }

.link__sns{ display: flex; align-items: center; gap: 10px; }
.link__mail{ width: 300px; }
.link__mail a{ display: flex; align-items: center; gap: 30px; padding: 24px 20px; background: var(--maincolor); color: #fff; font-size: 16px; }

.link__search{ width: min(300px,17vw); }
.search__field{ display: flex; align-items: center; }
.search__input{ width: calc(100% - 50px); padding: 12px 15px; font-size: 11px; border: 1px solid #C9C9C9; border-radius: 100px 0 0 100px; }
.search__submit{ width: 50px; padding: 12px 15px 12px 10px; border-radius: 0 100px 100px 0; background: var(--accentcolor); }
.button__text{ font-size: 13px; }
.button__icon{ width: 20px; height: auto; }

.btns{ display: flex; align-items: center; justify-content: center; gap: 40px; }
.btn{ position: relative; display: flex; align-items: center; justify-content: center; width: 331px; height: 69px; background: var(--maincolor); color: #fff!important; font-size: 16px; font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 500; }
.btn:after{ position: absolute; content: ""; right: 20px; top: 47%; transform: rotate(45deg) translate(0,-50%); width: 13px; height: 13px; border-top: 1px solid #fff; border-right: 1px solid #fff; }

.btn--white{ background: #fff; color: var(--maincolor)!important; }
.btn--white:after{ border-color: var(--maincolor); }

.tags-btn{ position: relative; }
.tags-btn:before{ z-index: -1; opacity: 0; content: ""; display: block; width: calc(100% + 10px); height: calc(100% + 10px); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 8px; border: 1px solid var(--maincolor); }
.tags-btn:hover:before{ animation: hoverTags 1s infinite ease; }
@keyframes hoverTags {
    0% { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); opacity: 0; }
	10% { opacity: 0.6; }
    100% { opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
}

.pagetop-btns{ padding: 60px 0; background: #fff; }

.fixed-right-link{position: fixed;top:150px;right:0;z-index: 100;}
.fixed-right-link a{ margin-bottom: 10px;display: block;padding:25px 10px 20px;font-size: 18px;font-weight: 700;width:60px;box-sizing: border-box; -webkit-box-sizing: border-box;line-height: 1;
text-align: center;}
.fixed-right-link img{margin-bottom: 8px;}
.fixed-email{color: #9f0410;border:4px solid #9f0410; background: #fff;}
.fixed-email:link, .fixed-email:visited{ color: #9f0410;}
.fixed-line{ background-color: #fff;border:4px solid #06c755;color: #06c755;}
.fixed-line:link, .fixed-line:visited{color: #06c755;}
.fixed-serch{ display: none!important;background-color: #7E2D21;border:4px solid #7E2D21;color: #fff;}
.fixed-serch:link, .fixed-serch:visited{color: #fff;}

/* ------------------------------------------------------------------------- header */
header{ z-index: 100; position: fixed; left: 0; top: 0; width: 100%; min-width: 1250px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; background: #fff; }
header .link__tel{ margin-right: 25px; }
header .link__sns{ margin-right: 15px; }
header .link__search{ margin-right: 22px; }

.header__logo{ width: 38%; padding-left: 2%; }
.header__logo a{ display: flex; align-items: center; gap: 10px; }
.header__logo h1{ font-size: min(12px,1vw); color: #707070; line-height: 1.5; }
.header__logo img{ width: min(220px,21vw); height: auto; }

.header__right{ width: 65%; display: flex; align-items: center; justify-content: flex-end; }
.header__button a{ display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; width: 92px; height: 80px; background: var(--maincolor); color: #fff; }

.header__burger{ cursor: pointer; position: relative; width: 92px; height: 80px; }
.header__burger span{ position: absolute; transform: translate(-50%,0); left: 50%; width: 34px; height: 2px; background: var(--maincolor); }
.header__burger span:first-of-type{ top: 37%; }
.header__burger span:nth-of-type(2){ top: 48%; }
.header__burger span:nth-of-type(3){ top: 60%; }

#navigation{ overflow: scroll; display: none; position: fixed; z-index: 500; top: 0; left: 0; width: 100%; height: 100vh; background: #fff; }
#navigation .link__tel{ margin: 0 auto 25px; }
#navigation .link__search{ width: 100%; margin-bottom: 25px; }
#navigation .tags{ padding: 0; }
#navigation .tags_header{ flex-direction: column; align-items: flex-start; gap: 25px;}
#navigation .tags-link{ width: 90%; }
#navigation .link__sns{ justify-content: center; }

.nav-wrapper{ display: flex; align-items: flex-start; justify-content: center; gap: 5%; height: 100%; width: 1100px; margin: 5% auto; padding: 0 50px; box-sizing: content-box; box-sizing: border-box; }
.navigation_left{ width: 40%; }
.navigation__button{ margin-bottom: 25px; }
.navigation__button a{ display: flex; justify-content: center; align-items: center; gap: 25px; padding: 15px 20px; background: var(--maincolor); color: #fff; }
.navigation__button .button__text{ font-size: 22px; }
.navigation__button .button__icon{ width: 22px; }
.navigation_nav { font-size: 14px; z-index: 999; width: 100%; background:#fff; padding:0; margin-bottom: 25px; }
.navigation_nav li { background: #fff; text-align: left; border-bottom: #959595 solid 1px; padding: 0; }
.navigation_nav li a { font-size: 20px; color: #003d9a; display: block; padding:23px 15px; font-weight: bold; }
.navigation_nav li a:hover{ background: var(--subcolor); }
.navigation_nav li a svg{float:right;margin-top: 8px;}

.navigation_right{ width: 55%; }
.navigation__burger{ position: fixed; right: 5%; top: 5%; width: 50px; height: 50px; }
.navigation__burger span{ width: 50px; }
.navigation__burger span:first-of-type{ top: 50%; left: 0; transform: rotate(45deg); }
.navigation__burger span:nth-of-type(2){ opacity: 0; }
.navigation__burger span:nth-of-type(3){ top: 50%; left: 0;  transform: rotate(-45deg); }

/* ------------------------------------------------------------------------- contact-cta */
#contact-cta{ padding: 60px 0 68px; background: var(--maincolor); }
#contact-cta .flex{ display: flex; align-items: flex-start; gap: 90px; }
.contact__head{ padding: 0 0 50px; color: #fff; }
.contact__head .en-title{ font-size: 72px; color: #fff; }
.contact__head .main-title{ padding: 5px 0 0; font-size: 14px; }
.contact__lead{ width: 640px; color: #fff; }
.contact__lead p{ font-size: 29px; font-family: 'Noto-Sans-JP-Medium'; line-height: 1.7; }

.contact__list{ display: flex; align-items: stretch; gap: 28px; }
.contact__item{ width: calc(100% / 3 - 28px); }
.contact__card{ display: flex; align-items: center; justify-content: center; width: 100%; height: 83px; background: #fff; }
.contact__text{ font-size: 17px; color: var(--maincolor); }
.contact__icon{ position: relative; left: -9%; display: inline-block; width: 45px; height: auto; }

.contact__item--tel{ background: #fff; }

/* ------------------------------------------------------------------------- tags */
.tags{padding:50px 0 30px;}
.tags_header{margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; gap: 2%; }
.tags-text{ width: 73%; }
.tags-title{padding: 0 0 10px; line-height: 1.5; font-size: 35px;font-family: 'Noto-Sans-JP-Bold';color: var(--maincolor);letter-spacing: 0;border-bottom: 2px solid var(--maincolor);}
.tags-link{ width: 35%; }

.list_hastag{text-align: left;margin-left: -5px;margin-right: -5px;}
.list_hastag li{display: block;float:left;margin-bottom: 5px; padding-left: 3px; padding-right: 3px;}
.list_hastag li .hash{display: block;font-size: 12px;color: #003d9a;font-weight: 700;background-color: rgb(244, 247, 252);line-height: 22px;padding:5px 10px;border-radius: 5px;text-align: center;letter-spacing: 0;}

/* ------------------------------------------------------------------------- footer */
footer{ padding: 50px 0 17px; }

.footer__nav{ width: 100%; display: flex; gap: 15px 0; align-items: center; justify-content: space-between; padding: 0 0 27px; }
.footer__nav a{ font-size: 15px; padding: 18px 15px; display: inline-block; position: relative; width: 100%;}
.footer__nav a:before{content: ""; display: block; width: 0; height: 0; border-left: 6px solid #00368C;border-top: 6px solid transparent; border-bottom: 6px solid transparent; position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.footer__nav a:hover{ color: var(--maincolor); }

.footer__content{ display: flex; align-items: flex-start; justify-content: space-between; padding: 30px 0 0; border-top: 1px solid #EAEAEA; }
.footer__company{ width: 50%; }
.footer__logo{ padding: 0 0 30px; }
.footer__address{ padding: 0 0 30px; font-size: 18px; line-height: 2; font-family: 'Noto-Sans-JP-Medium'; }

.footer__contact{ gap: 35px; display: flex; align-items: center; width: 50%; }
.footer__copy{ display: block; padding: 40px 0 0; text-align: right; font-size: 16px; }

/* ------------------------------------------------------------------------- bread */
#bread{ display: flex; align-items: center; padding: 0 2% 32px; }
.bread__item a{ position: relative; padding: 0 20px 0 0; }
.bread__item a,
.bread__item strong{ font-size: 12px; }
.bread__item a:after{ position: absolute; content: ""; right: 14px; top: 50%; transform: rotate(30deg) translate(0,-50%); width: 1px; height: 85%; background: #000; }
.bread__item:last-of-type a:after{ display: none; }

/* ------------------------------------------------------------------------- cta */
.cta__content{ display: flex; align-items: center; gap: 35px; margin: 0 0 40px; padding: 20px 35px 35px; background: var(--subcolor) url(../images/common/img_cta_03.png) right bottom/240px no-repeat; }
.cta__comment{ width: 280px; }
.cta__comment-item{ display: block; width: 214px; height: auto; }
.cta__comment-item:first-of-type{ margin: 0 0 0 auto; }
.cta__tel{ width: 600px; }
.cta__lead{ display: inline-block; font-size: 26px; font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 700; font-style: normal; line-height: 1.5; background: linear-gradient(transparent 50%, #EBFF52 50%); }
.cta__phone{ display: block; padding: 9px 0 5px; font-size: 72px; font-family: 'din1451alt'; color: var(--maincolor)!important; }
.cta__note{ display: block; font-size: 19px; }

.btn--circle{ display: flex; justify-content: center; align-items: center; width: calc(100% / 2 - 25px); height: 90px; border-radius: 100px; color: #fff!important; font-size: 23px; font-family: 'Noto-Sans-JP-Medium'; }
.btn--line{ background: #07C755 url(../images/common/logo_line.png) 20px center/ 75px no-repeat; box-shadow: 0px 10px 0px 0px #04A546; }
.btn--mail{ background: #FFA852 url(../images/common/icn_mail-white.svg) 50px center/ 43px no-repeat; box-shadow: 0px 10px 0px 0px #EF9339; }

/* ------------------------------------------------------------------------- pickup */
#pickup{ padding: 50px 0 107px; background: #012d7e;}
.pickup__title{ padding: 0 0 38px; }
.pickup__title .bg-title{color: #fff;}
.pickup__title .main-title{ padding: 50px 0 0; color: #fff;}

.pickup-list{ padding: 0 0 50px; }
.pickup-list__item{ margin-bottom: 20px; border-bottom: 1px solid #fff;transition: 0.5s; }
.pickup-list__item:last-of-type{ margin-bottom: 0; }
.pickup-list__link{ position: relative; display: flex; align-items: center; gap: 30px; padding: 27px 20px; transition: 0.5s;}
.pickup-list__link:after{ position: absolute; content: ""; right: 20px; top: 50%; transform: rotate(45deg) translate(0,-50%); width: 13px; height: 13px; border-top: 1px solid #fff; border-right: 1px solid #fff; transition: 0.5s;}

.pickup-list__date{ font-size: 14px; color: #fff; transition: 0.5s;}
.pickup-list__text{ font-size: 14px; line-height: 1.5; color: #fff; transition: 0.5s; }

.pickup-list__link:hover .pickup-list__item{ border-bottom: 1px solid var(--maincolor); transition: 0.5s;}
.pickup-list__link:hover{ background: #fff; transition: 0.5s;}
.pickup-list__link:hover .pickup-list__date{ color: var(--maincolor); transition: 0.5s;}
.pickup-list__link:hover .pickup-list__text{ color: #000; transition: 0.5s;}
.pickup-list__link:hover:after{  border-top: 1px solid var(--maincolor); border-right: 1px solid var(--maincolor); transition: 0.5s;}

.recommended{ padding: 20px 0 0; }
.rec-slider{ padding: 0 0 77px; }
.rec-slider__item{ width: 90%!important; margin: 0 25px; }
.property-card{ width: 100%; }
.property-card__link{ display: block; }
.property-card__thumb img{ width: 100%; height: auto; }
.property-card__meta{ padding: 16px 0; display: flex; align-items: baseline; justify-content: center; gap: 5px; letter-spacing: .02em; color: #fff;}
.property-card__tag{ font-size: 13px; }
.property-card__price{ display: inline-flex; align-items: baseline; gap: 4px; }
.property-card__price-num{ color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 26px; }
.property-card__price-unit{ font-size: 14px; }

.property-card__title{ padding: 0 0 10px; font-size: 18px; line-height: 1.5; font-family: "neue-haas-grotesk-display", sans-serif; font-family: 'Noto-Sans-JP-Bold'; font-style: normal; text-align: center; border-bottom: 1px solid #DBDBDB; color: #fff;}
.property-card__title-prefix, .property-card__title-note{ font-family: 'Noto-Sans-JP-Bold'; }

.property-card__spec{ margin: 0; padding: 13px 0 18px; color: #fff;}
.property-card__spec-row{ display: grid; grid-template-columns: 50px 1fr; align-items: center; gap: 8px; padding: 7px 0; }
.property-card__spec-key{ font-family: 'Noto-Sans-JP-Medium'; font-size: 14px; }
.property-card__spec-val{ font-size: 14px; }

.property-card__chips{ display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.property-card__chip{ display: inline-flex; align-items: center; justify-content: center; padding: 8px 18px; border-radius: 100px; background: #fff; font-size: 14px; border: 1px solid #F5F7FC; color: var(--maincolor); font-family: 'Noto-Sans-JP-Medium'; }

#pickup .btns .btn{background: #fff; color: var(--maincolor) !important; }

/* ------------------------------------------------------------ pager */
#pager 				{ text-align: center; padding: 40px 0; font-size: 14px; }
/* #pager li			{ display: flex; align-items: center; justify-content: center; } */
#pager ul span,
#pager ul .number a { display: inline-flex; align-items: center; justify-content: center; width: 33px; height: 33px; padding: 5px 0; margin: 3px; }
#pager ul span 		{ background: #000; color: #fff; }
#pager ul .number a { background: #fff; color: #000; border: 1px solid #000; }


/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	
	
/* ------------------------------------------------------------------------- common */
	body{ min-width: 100%; }
	main{ padding: 50px 0 0; }
	.pc{ display: none; }
	.sp{ display: block; }
	
	.main-title{ font-size: 15px; }
	.en-title{ padding: 0; font-size: 45px; }
	.bg-title{ font-size: 50px; }
	
	.btn{ width: 80%; height: 60px; font-size: 14px; }
	.btn::after{ width: 10px; height: 10px; }

	.fixed-right-link{left: 0;bottom:0;top: auto;display: flex; align-items: stretch;}
	.fixed-right-link a{ margin-bottom: 0;width: 50%; height: 60px; flex-direction: column; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px; font-size: 13px;}
	.fixed-right-link img{ width: 20px; height: auto; margin-bottom: 0;}
	.fixed-line{border-width: 2px;}
	.fixed-email{margin-bottom: 0;line-height: 30px;border-width: 2px;}
	.fv-left, .fv-right{float: none;width: 100%;padding-left: 0;padding-right: 0;max-width: 400px;margin:30px auto;}
	#firstview .navigation_search{max-width: 400px;margin:40px auto 0;}
	
/* ------------------------------------------------------------------------- header */
	header{ min-width: 100%; padding: 10px 2%; }
	header .link__tel,
	header .link__sns,
	header .link__search,
	.header__button{ display: none; }
	
	.header__logo{ width: 88%; padding-left: 0; }
	.header__logo h1{ font-size: 0.4rem; }
	.header__logo img{ width: clamp(140px, 55vw, 160px); }
	.header__right{ width: 40px; }
	.header__burger{ width: 30px; height: 30px; }
	.header__burger span{ width: 30px; }
	.header__burger span:first-of-type{ top: 31%; }
	.header__burger span:nth-of-type(3){ top: 65%; }
	
	#navigation .link__tel{ margin: 0 auto 10px; }
	#navigation .link__search{ margin-bottom: 20px; }
	#navigation .tags-link{ margin: 0 auto; }
	#navigation .tags_header{ gap: 15px; }

	.nav-wrapper{ width: 100%; height: auto; margin: 0; padding: 50px 25px 130px; flex-direction: column; }
	.navigation__burger{ right: 3%; top: 3%; }
	.navigation__burger span:first-of-type{ top: 50%; }
	.navigation__burger span:nth-of-type(3){ top: 50%; }

	.navigation_left{ width: 100%; padding: 0 0 40px; }
	.navigation__button{ margin-bottom: 15px; width: 80%; margin: 0 auto 20px; }
	.navigation__button .button__icon{ width: 16px; }
	.navigation__button .button__text{ font-size: 18px; }

	.navigation_nav{ margin-bottom: 22px; }
	.navigation_nav li a{ font-size: 15px; padding: 17px 10px; }
	.navigation_nav li a svg{ margin-top: 3px; width: 10px; height: auto; }

	.navigation_right{ width: 100%; }

/* ------------------------------------------------------------------------- contact-cta */
	#contact-cta{ padding: 30px 0; }
	#contact-cta .flex{ gap: 15px; flex-direction: column; }
	.contact__head{ padding: 0; }
	.contact__head .en-title{ font-size: 50px; }
	.contact__lead{ width: 100%; }
	.contact__lead p{ font-size: 16px; line-height: 1.5; }
	
	.contact__list{ gap: 15px; flex-direction: column; padding: 20px 0 0; }
	.contact__item{ width: 100%; }
	.contact__card{ height: 60px; }
	.contact__icon{ left: -4%; width: 35px; }
	.contact__text{ font-size: 15px; }
	.link__tel{ height: 60px; }
	
	.contact__item--mail img{ width: 22px; height: auto; }

/* ------------------------------------------------------------------------- tags */
	.tags{ padding: 30px 0 0; }
	.tags_header{ align-items: flex-start; gap: 17px; flex-direction: column; margin-bottom: 20px; }
	.tags-text{ width: 100%; }
	.tags-title{ line-height: 1.3; font-size: 23px; }
	.tags-link{ width: 100%; }
	.list_hastag li{ margin-bottom: 5px; }
	.list_hastag li .hash{ font-size: 10px; padding: 4px 10px; line-height: 19px; }

/* ------------------------------------------------------------------------- footer */
	footer{ padding: 30px 0 80px; }
	.footer__nav{ width: 100%; gap: 12px 0; justify-content: flex-start; padding: 0 0 20px; flex-wrap: wrap;}
	.footer__nav a{ font-size: 12px; padding: 10px 15px;}
	.footer__nav li{ width: calc(100% / 2); }
	.footer__content{ padding: 20px 0 0; flex-direction: column; }
	.footer__company{ width: 100%; padding: 0 0 20px; }
	.footer__logo{ padding: 0 0 10px; width: 55%; }
	.footer__address{ padding: 0 0 11px; font-size: 14px; line-height: 1.7; }
	
	.footer__contact{ gap: 15px; width: 100%; flex-direction: column; }
	.link__mail{ width: 100%; }
	.link__mail a{ gap: 20px; justify-content: center; }
	
	.footer__copy{ padding: 25px 0 0; font-size: 10px; }

/* ------------------------------------------------------------------------- bread */
	#bread{ padding-bottom: 15px; }
	.bread__item a,
	.bread__item strong{ font-size: 11px; }

/* ------------------------------------------------------------------------- cta */
	.cta__content{ align-items: flex-start; gap: 20px; flex-direction: column-reverse; margin: 0 0 30px; padding: 30px 5%; background-size: 39%; }
	.cta__comment{ width: 70%; }
	.cta__comment-item{ width: 70%; }
	.cta__tel{ width: 100%; text-align: center; }
	.cta__lead{ font-size: 15px; line-height: 1; }
	.cta__phone{ font-size: 41px; }
	.cta__note{ font-size: 12px; }
	
	.btns{ gap: 15px; flex-direction: column; }
	.btn--circle{ width: 100%; height: 60px; font-size: 17px; }
	.btn--line{ background: #07C755 url(../images/common/logo_line.png) 20px center/45px no-repeat; box-shadow: 0px 5px 0px 0px #04A546; }
	.btn--mail{ background: #FFA852 url(../images/common/icn_mail-white.svg) 30px center/27px no-repeat; box-shadow: 0px 5px 0px 0px #EF9339; }


/* ------------------------------------------------------------------------- pickup */
	#pickup{ padding: 30px 0 40px; }
	.pickup__title{ padding: 0 0 20px; }
	.pickup__title .main-title{ padding: 15px 0 0; }
	
	.pickup-list{ padding: 0 0 30px; }
	.pickup-list__link{ align-items: flex-start; gap: 10px; padding: 10px; flex-direction: column; }
	.pickup-list__date{ font-size: 13px; }
	.pickup-list__text{ font-size: 13px; }
	.pickup-list__link::after{ width: 10px; height: 10px; }
	
	.rec-slider{ padding: 0 0 35px; }
/* 	.rec-slider__item{ width: 200px !important; margin: 0 15px; } */
	.rec-slider__item{ width: 90% !important; margin: 0 15px; }
	
	.property-card__meta{ padding: 11px 0; }
	.property-card__title{ padding: 0 0 10px; font-size: 14px; }
	.property-card__tag{ font-size: 12px; }
	.property-card__price-num{ font-size: 22px; }
	.property-card__price-unit{ font-size: 12px; }
	.property-card__spec{ padding: 8px 0; }
	.property-card__spec-row{ gap: 5px; padding: 5px 0; }
	.property-card__spec-key{ font-size: 12px; }
	.property-card__spec-val{ font-size: 13px; }
	.property-card__chips{ gap: 8px; margin: 8px 0 0; }
	.property-card__chip{ padding: 6px 13px; font-size: 12px; }




}