:root{ --orange:#df744c;--orange2:#ef8b65;--green:#6aa858;--green-dark:#548c47;--ivory:#fffaf5;--warm:#fbf3ea;--sand:#f3e5d6;--text:#40342d;--muted:#74675f;--line:#eaded4;--white:#fff;--shadow:0 12px 34px rgba(84,63,48,.07);--r:18px;--container:1180px; --sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif; } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdfb;color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container,.frame__inner{width:min(calc(100% - 42px),var(--container));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link:focus{width:auto;height:auto;clip:auto;top:10px;left:10px;background:#fff;padding:10px 16px;z-index:99999}.fkr-icon{width:1.3em;height:1.3em;flex:0 0 auto}.center{text-align:center;margin-top:28px} :focus-visible{outline:3px solid rgba(223,116,76,.38);outline-offset:3px;border-radius:5px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* header */ .site-header{height:74px;position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid transparent;transition:.2s}.site-header.is-scrolled{box-shadow:0 5px 18px rgba(58,44,35,.08);border-color:#f1e8e0}.site-header__inner{width:min(calc(100% - 34px),1240px);height:100%;margin:auto;display:flex;align-items:center;gap:22px}.site-brand{display:flex;align-items:center;min-width:150px}.custom-logo{max-height:46px;width:auto}.brand-fallback{display:flex;align-items:center;gap:9px}.brand-mark{width:34px;height:34px;border:2px solid #c59a72;display:grid;place-items:center;border-radius:9px;color:var(--green);font-size:20px}.brand-fallback strong{display:block;font-family:var(--serif);font-size:17px;letter-spacing:.04em}.brand-fallback small{display:block;font-size:8px;color:#9a8c81;letter-spacing:.08em}.site-nav{margin-left:auto}.site-nav__list{display:flex;align-items:center;gap:22px;list-style:none;margin:0;padding:0;font-size:12px;font-weight:700}.site-nav__list>li{position:relative}.site-nav__list>li>a{display:block;padding:26px 0}.site-nav__list>li>a:after{content:"";position:absolute;left:0;right:100%;bottom:18px;height:2px;background:var(--orange);transition:right .2s}.site-nav__list>li>a:hover:after,.site-nav__list>li.current-menu-item>a:after{right:0}.sub-menu{position:absolute;top:62px;left:-18px;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);list-style:none;margin:0;padding:10px;opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s}.has-submenu:hover>.sub-menu,.has-submenu:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}.sub-menu a{display:block;padding:8px 11px;border-radius:7px}.sub-menu a:hover{background:var(--warm)}.site-header__cta{font-size:12px;min-height:42px;padding:8px 14px}.menu-toggle,.mobile-menu,.mobile-fixed-line{display:none} /* buttons */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:45px;padding:10px 22px;border:1.5px solid transparent;border-radius:999px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(70,50,37,.11)}.btn--large{min-height:52px;padding:12px 26px}.btn--line{background:var(--green);color:#fff}.btn--line:hover{background:var(--green-dark)}.btn--outline{background:#fff;border-color:#eb9574;color:#9c5f48}.btn--soft{background:#fff;border-color:#b9cfb2;color:#4e7146}.btn--accent{background:#fff;border-color:#ef9a76;color:#d26b43}.btn--green{background:var(--green);color:#fff}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.text-link{font-size:12px;color:#8c776b;text-decoration:underline;text-underline-offset:4px}.small-label{font-size:12px;color:#93785f;font-weight:700;letter-spacing:.04em}.eyebrow{font-size:12px;color:#ca7959;font-weight:800;letter-spacing:.13em}.eyebrow span{color:#d8c7ba;margin:0 6px} /* one visual frame = one section */ .approved-page{padding:14px 0 0}.frame{margin:0 auto 14px;position:relative}.frame__inner{background:#fff;border:1px solid #efe3da;border-radius:16px;padding:34px 38px;box-shadow:0 2px 10px rgba(86,63,47,.025)}.frame--warm .frame__inner{background:linear-gradient(135deg,#fffaf6,#fbf2e9)}.frame--hero .frame__inner{padding:0;overflow:hidden}.section-number{font-family:var(--serif);font-size:18px;line-height:1;color:#e27c54;margin:0 0 14px}.frame h1,.frame h2{font-family:var(--serif);font-weight:700;letter-spacing:.035em;line-height:1.55;color:#3d312b}.frame h1{font-size:clamp(34px,4.4vw,56px);margin:0 0 16px}.frame h2{font-size:clamp(26px,3vw,38px);margin:0 0 15px}.frame p{color:var(--muted);margin:0 0 16px}.frame-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:24px}.frame-title--left{display:block}.frame-title>span{font-size:12px;color:#9b7e68;font-weight:700}.frame-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.frame-split--narrow{grid-template-columns:.52fr 1.48fr}.frame-media img,.wide-photo{width:100%;aspect-ratio:16/7.2;object-fit:cover;border-radius:14px}.small-feature-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.small-feature-grid--reverse>div:first-child{order:2}.small-feature-grid--reverse>img{order:1}.small-feature-grid>img{width:100%;aspect-ratio:16/8.5;object-fit:cover;border-radius:13px} /* hero */ .hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;min-height:480px}.hero-copy{padding:42px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,#fffdfb 0%,#fffaf6 92%,rgba(255,250,246,.72) 100%)}.hero-copy>p:not(.eyebrow):not(.section-number){max-width:550px}.hero-media{min-height:420px}.hero-media img{width:100%;height:100%;object-fit:cover}.sub-hero .frame__inner{padding:20px 0 0}.sub-hero .fkr-breadcrumb{padding:0 28px 14px}.sub-hero .hero-grid{min-height:360px}.sub-hero .hero-copy{padding:32px 30px}.sub-hero .hero-media{min-height:330px} /* cards/grids */ .intent-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-left:145px;margin-top:-70px}.intent-cards article{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;text-align:center;box-shadow:var(--shadow)}.intent-cards img{width:100%;aspect-ratio:16/8.8;object-fit:cover}.intent-cards h3{font-family:var(--serif);color:#db754e;font-size:24px;margin:14px 0 2px}.intent-cards p{font-size:12px;margin-bottom:10px}.intent-cards .btn{margin-bottom:16px}.icon-grid{display:grid;gap:10px}.icon-grid--3{grid-template-columns:repeat(3,1fr)}.icon-grid--4{grid-template-columns:repeat(4,1fr)}.icon-grid--5{grid-template-columns:repeat(5,1fr)}.icon-grid--6{grid-template-columns:repeat(6,1fr)}.icon-card{min-height:118px;padding:17px 10px;background:#fff;border:1px solid #eee1d6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.icon-card .fkr-icon{width:34px;height:34px;color:#b68763}.icon-card span{font-size:12px;font-weight:700}.icon-card small{font-size:10px;color:#93857b}.reason-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reason-grid-new article{position:relative;min-height:128px;background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px 12px 12px;text-align:center}.reason-grid-new .reason-no{position:absolute;top:7px;left:9px;width:auto;height:auto;background:var(--orange);border-radius:999px;color:white;padding:2px 6px;font-size:10px;line-height:1.3}.reason-grid-new .fkr-icon{width:32px;height:32px;color:#ae7e60;margin:5px auto}.reason-grid-new h3{font-size:12px;margin:6px 0}.check-list-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 18px;margin:18px 0}.check-list-2col span,.check-chip-grid span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.check-list-2col .fkr-icon,.check-chip-grid .fkr-icon{color:var(--green)}.keyword-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:-38px;position:relative;z-index:2}.keyword-row span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 15px;font-size:12px;font-weight:700;box-shadow:0 4px 13px rgba(75,55,42,.05)}.keyword-row b{color:#d2b8a6}.keyword-row--large{margin:15px 0 0;justify-content:flex-start}.keyword-row--large span{padding:18px 22px;font-size:14px}.mini-step-row,.step-cards{display:grid;list-style:none;margin:0;padding:0;gap:8px}.mini-step-row{grid-template-columns:repeat(5,1fr)}.mini-step-row li,.step-cards li{position:relative;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:105px;padding:13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.mini-step-row b,.step-cards b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#87b777;color:#fff;font-size:12px}.mini-step-row span,.step-cards span{font-size:11px;font-weight:700;margin-top:7px}.step-cards--5{grid-template-columns:repeat(5,1fr)}.feature-illustration{background:#fff;border:1px solid var(--line);border-radius:15px;min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#aa795c}.feature-illustration .fkr-icon{width:70px;height:70px}.feature-illustration span{font-weight:700;color:var(--text)} /* representative */ .representative-new{display:grid;grid-template-columns:190px 1.25fr 1fr;gap:32px;align-items:center}.representative-new>.section-number{position:absolute}.representative-new__photo img{width:170px;height:190px;object-fit:cover;border-radius:16px}.rep-name{font-weight:800;color:#5a4d45!important}.mission-box{border-left:1px solid var(--line);padding-left:30px}.mission-box span{display:block;color:var(--green);font-size:12px;font-weight:800;margin-bottom:10px}.mission-box strong{display:block;font-family:var(--serif);font-size:19px;line-height:1.8;margin-bottom:17px}.representative-strip{display:grid;grid-template-columns:1fr 180px .5fr;gap:28px;align-items:center}.representative-strip img{width:160px;height:170px;object-fit:cover;border-radius:15px}.representative-strip strong{display:block;margin-bottom:8px} /* voices / faq / guide */ .voice-grid,.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.voice-card,.guide-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.voice-card img,.guide-card__image img{width:100%;aspect-ratio:16/8.8;object-fit:cover}.voice-card__body,.guide-card__body{padding:14px}.voice-card h3,.guide-card h3{font-size:14px;margin:0 0 6px}.voice-card p{font-size:11px;margin:0}.guide-card__meta{font-size:10px;color:#9d8b7f}.guide-card h3 a:hover{color:var(--orange)}.guide-grid .content-placeholder,.voice-grid .content-placeholder{grid-column:1/-1}.content-placeholder{background:#fff;border:1px dashed #d9c9bd;border-radius:13px;padding:24px;text-align:center;color:var(--muted)}.content-placeholder strong{display:block;color:var(--text);margin-bottom:4px}.content-placeholder p{margin:0}.faq-list{max-width:900px;margin:auto}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{list-style:none;cursor:pointer;min-height:57px;display:flex;align-items:center;gap:10px;padding:11px 0;font-weight:700;font-size:13px}.faq-item summary::-webkit-details-marker{display:none}.faq-q{color:var(--orange);font-family:var(--serif);font-size:18px}.faq-toggle{margin-left:auto;color:#b38b70;font-size:18px}.faq-answer{display:flex;gap:10px;padding:0 0 19px 28px}.faq-answer>span{color:var(--green);font-weight:800}.faq-answer p{font-size:12px;margin:0}.faq-list--2col{display:grid;grid-template-columns:1fr 1fr;gap:0 28px} /* compare/persona */ .compare-panels{display:grid;grid-template-columns:1fr 60px 1fr;gap:10px;align-items:center}.compare-panels article{background:#fff;border:1px solid #e8d9ce;border-radius:14px;padding:19px 24px}.compare-panels article>span{display:block;background:#eadbce;border-radius:999px;text-align:center;font-weight:800;padding:4px 10px;margin-bottom:8px}.compare-panels__good>span{background:#dcead8!important;color:#577d4e}.compare-panels ul,.persona-grid ul{margin:0;padding-left:20px;font-size:12px;color:var(--muted)}.compare-arrow{display:grid;place-items:center;color:var(--orange)}.compare-arrow .fkr-icon{width:32px;height:32px}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.persona-grid article{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.persona-grid h3{font-family:var(--serif);font-size:18px;margin:0 0 10px} /* flow page */ .step-layout{display:grid;grid-template-columns:90px 245px 1fr;gap:22px;align-items:center}.step-label{font-size:10px;color:#b88c6f;font-weight:700;line-height:1.2}.step-label b{display:block;font-family:var(--serif);font-size:28px;color:#eb7d4e;margin-top:3px}.step-layout h2{margin:0}.step-layout .icon-grid,.step-layout .faq-list,.step-layout .guide-grid,.step-layout .compare-panels,.step-layout .room-check-grid{grid-column:3}.step-photo{width:100%;max-height:160px;object-fit:cover;border-radius:12px}.step-copy{font-size:13px}.step-copy strong{font-family:var(--serif);font-size:18px}.step-copy p{font-size:12px;margin-top:8px}.step-copy--wide{grid-column:3}.step-note{grid-column:3;font-size:11px;margin:0!important}.room-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.room-check-grid>div{background:#fff;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.room-check-grid .fkr-icon{width:26px;height:26px;color:#b88364}.room-check-grid span{font-size:11px;font-weight:700} /* cta */ .frame--cta .frame__inner{background:linear-gradient(135deg,#fff9f3,#f5e7d7)}.cta-grid{display:grid;grid-template-columns:1.1fr .8fr .9fr;gap:24px;align-items:center}.cta-grid>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.cta-actions{display:flex;flex-direction:column;gap:10px} /* breadcrumbs */ .fkr-breadcrumb{font-size:11px;color:#8d7f76}.fkr-breadcrumb ol{display:flex;list-style:none;flex-wrap:wrap;margin:0;padding:0}.fkr-breadcrumb li:not(:last-child):after{content:"›";margin:0 8px;color:#c4b2a6} /* footer */ .site-footer{border-top:1px solid var(--line);padding-top:38px;background:#fffdfa}.site-footer__grid{display:grid;grid-template-columns:1.8fr repeat(5,1fr);gap:24px}.site-footer h2{font-size:12px;margin:0 0 9px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{font-size:10px;color:var(--muted);margin:5px 0}.site-footer__brand p{font-size:10px;margin:6px 0;color:var(--muted)}.site-footer__phone{font-family:var(--serif);font-size:21px;font-weight:700}.footer-line{margin-top:14px;width:100%;padding-inline:8px;font-size:11px}.site-footer__bottom{border-top:1px solid #eee2d9;margin-top:28px}.site-footer__bottom .container{min-height:54px;display:flex;align-items:center;gap:22px;font-size:9px;color:#9a8b80}.site-footer__bottom span{margin-left:auto} /* generic content */ .content-page{padding:46px 0 90px}.container--article{max-width:880px}.entry-content h2{font-family:var(--serif);font-size:30px;margin:55px 0 18px;padding-left:18px;border-left:4px solid var(--orange)}.entry-content h3{font-size:21px;margin:38px 0 14px}.entry-content a{color:#d56742;text-decoration:underline;text-underline-offset:3px}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border:1px solid var(--line);padding:10px}.not-found{text-align:center;padding:80px 0}.search-form{display:flex}.search-field{min-height:48px;flex:1;border:1px solid var(--line);border-radius:10px 0 0 10px;padding:9px 13px}.search-submit{border:0;background:var(--orange);color:#fff;padding:0 18px;border-radius:0 10px 10px 0} @media(max-width:1120px){.site-nav__list{gap:13px;font-size:11px}.site-header__cta{display:none}.site-footer__grid{grid-template-columns:1.6fr repeat(3,1fr)}.site-footer__grid>div:nth-child(5),.site-footer__grid>div:nth-child(6){margin-top:10px}.intent-cards{margin-left:80px}.icon-grid--6{grid-template-columns:repeat(3,1fr)}.persona-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:820px){ body{font-size:15px;padding-bottom:66px}.container,.frame__inner{width:min(calc(100% - 24px),var(--container))}.site-header{height:62px}.site-header__inner{width:calc(100% - 22px)}.site-nav{display:none}.site-brand{min-width:0}.brand-fallback strong{font-size:14px}.site-header__cta{display:none}.menu-toggle{display:block;margin-left:auto;width:44px;height:44px;border:0;background:transparent}.menu-toggle span{display:block;height:2px;background:var(--text);margin:6px 0}.mobile-menu{display:block;position:fixed;inset:62px 0 0;background:rgba(255,253,250,.99);z-index:999;overflow:auto}.mobile-menu[hidden]{display:none}.mobile-menu__inner{padding:24px;display:grid;gap:5px}.mobile-menu__inner>a,.mobile-menu__group>a{display:block;padding:11px 5px;border-bottom:1px solid var(--line)}.mobile-menu__group{background:var(--warm);border-radius:12px;padding:12px}.mobile-menu__group strong{display:block;padding:5px}.mobile-fixed-line{position:fixed;display:flex;align-items:center;justify-content:center;gap:8px;left:12px;right:12px;bottom:10px;z-index:950;background:var(--green);color:white;border-radius:999px;min-height:48px;font-weight:800;box-shadow:0 8px 24px rgba(58,76,49,.28)} .approved-page{padding-top:8px}.frame{margin-bottom:9px}.frame__inner{padding:26px 20px;border-radius:13px}.frame h1{font-size:clamp(31px,9vw,43px)}.frame h2{font-size:clamp(25px,7vw,32px)}.section-number{font-size:16px}.hero-grid,.frame-split,.frame-split--narrow,.small-feature-grid,.representative-new,.representative-strip,.cta-grid,.step-layout{grid-template-columns:1fr}.hero-grid{min-height:0}.hero-copy{padding:28px 22px 25px}.hero-media{min-height:240px}.hero-media img{aspect-ratio:16/9}.sub-hero .frame__inner{padding-top:14px}.sub-hero .fkr-breadcrumb{padding:0 18px 10px}.sub-hero .hero-grid{min-height:0}.sub-hero .hero-copy{padding:24px 20px}.sub-hero .hero-media{min-height:230px}.button-row{flex-direction:column;align-items:stretch}.btn{width:100%} .intent-cards{grid-template-columns:1fr;margin:0;gap:10px}.intent-cards article{display:grid;grid-template-columns:120px 1fr;align-items:center;text-align:left;padding-right:12px}.intent-cards img{height:100%;aspect-ratio:1/1;grid-row:1/4;object-fit:cover}.intent-cards h3{font-size:20px;margin:10px 0 0}.intent-cards p{margin:0}.intent-cards .btn{margin:6px 0 10px;min-height:38px;padding:7px 11px} .icon-grid--3,.icon-grid--4,.icon-grid--5,.icon-grid--6{grid-template-columns:repeat(2,1fr)}.icon-card{min-height:104px;padding:13px 8px}.reason-grid-new{grid-template-columns:repeat(2,1fr)}.check-list-2col{grid-template-columns:1fr}.small-feature-grid--reverse>div:first-child,.small-feature-grid--reverse>img{order:initial}.small-feature-grid>img{aspect-ratio:16/9}.frame-title{display:block}.frame-title .text-link,.frame-title .btn{display:inline-flex;margin-top:7px;width:auto}.mini-step-row,.step-cards--5{grid-template-columns:repeat(2,1fr)}.keyword-row{margin:10px 0;justify-content:flex-start}.keyword-row--large span{padding:12px 14px}.representative-new__photo img{width:150px;height:165px}.mission-box{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.representative-strip img{width:140px;height:150px}.voice-grid,.guide-grid{grid-template-columns:1fr}.faq-list--2col{grid-template-columns:1fr}.compare-panels{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg)}.persona-grid{grid-template-columns:1fr}.step-layout{gap:12px}.step-label{margin-bottom:-2px}.step-layout .icon-grid,.step-layout .faq-list,.step-layout .guide-grid,.step-layout .compare-panels,.step-layout .room-check-grid,.step-copy--wide,.step-note{grid-column:auto}.step-photo{max-height:220px}.room-check-grid{grid-template-columns:repeat(2,1fr)}.cta-grid>img{order:3}.cta-actions{order:2}.site-footer{padding-top:28px}.site-footer__grid{grid-template-columns:1fr 1fr;gap:20px}.site-footer__brand{grid-column:1/-1}.site-footer__bottom .container{flex-wrap:wrap;padding:12px 0}.site-footer__bottom span{margin-left:0;width:100%} } @media(max-width:480px){.frame__inner{width:calc(100% - 16px);padding:22px 16px}.hero-copy{padding:24px 17px}.icon-grid--3,.icon-grid--4,.icon-grid--5,.icon-grid--6{grid-template-columns:repeat(2,1fr)}.reason-grid-new{grid-template-columns:1fr 1fr}.intent-cards article{grid-template-columns:105px 1fr}.site-footer__grid{grid-template-columns:1fr 1fr}.brand-fallback small{display:none}} .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.post-card__image img{width:100%;aspect-ratio:16/9;object-fit:cover}.post-card__body{padding:15px}.post-card h2,.post-card h3{font-size:16px;margin:0 0 8px}.post-card p{font-size:12px}.article__header h1,.archive-header h1,.not-found h1{font-family:var(--serif);line-height:1.5}.article__meta{display:flex;gap:16px;font-size:11px;color:#99887d}.article__eyecatch img{border-radius:15px}.article__cat{display:inline-block;background:var(--warm);color:var(--orange);border-radius:999px;padding:4px 10px;font-size:11px}.author-box{display:grid;grid-template-columns:1fr 2fr;gap:20px;background:var(--warm);border-radius:13px;padding:20px;margin-top:55px}.author-box p{margin:0;color:var(--muted)}@media(max-width:820px){.post-grid{grid-template-columns:1fr}.author-box{grid-template-columns:1fr}} .voice-card__meta{font-size:10px;color:#9a897d;margin-bottom:5px} /* TOP hero full-bleed + approved-page routing fix */ .top-hero{width:100%;max-width:none;margin-left:0;margin-right:0} .top-hero>.frame__inner{width:100%;max-width:none;margin-inline:0;border-radius:0;border-left:0;border-right:0;box-shadow:none} .top-hero .hero-grid{width:100%;max-width:none} @media(max-width:767px){.top-hero>.frame__inner{width:100%;padding:0}} /* ========================================================= v1.3.0 — Distinct visual systems for rental pages Each .frame remains one semantic/visual section. ========================================================= */ .page-kicker{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.18em;font-weight:800;color:#a58066;margin-bottom:14px}.page-kicker:before{content:"";width:28px;height:1px;background:currentColor} /* ---------- RENT HUB / editorial lifestyle ---------- */ .rent-hub-page{--rent-ink:#3c312b;--rent-soft:#f8f0e7;--rent-line:#eadbcf;--rent-accent:#cf7650;--rent-green:#6d9c63} .rent-hub-page .frame{margin-bottom:16px}.rent-hub-page .frame__inner{border-radius:22px;border-color:#eee2d8} .rent-hub-hero__inner{padding:18px 0 0!important;overflow:hidden;background:linear-gradient(120deg,#fffdfb 0 46%,#f7eee5 46% 100%)!important}.rent-hub-hero__inner .fkr-breadcrumb{padding:0 34px 12px}.rent-hub-hero__grid{display:grid;grid-template-columns:.93fr 1.07fr;min-height:445px}.rent-hub-hero__copy{padding:46px 32px 52px 48px;align-self:center}.rent-hub-hero__copy h1{font-size:clamp(40px,4.5vw,61px);line-height:1.5;margin:0 0 18px}.rent-hub-hero__copy p{max-width:520px;font-size:15px}.rent-hub-hero__media{position:relative;min-height:445px;overflow:hidden;border-radius:44px 0 0 0}.rent-hub-hero__media:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 35%);z-index:1}.rent-hub-hero__media img{width:100%;height:100%;object-fit:cover}.rent-hub-hero__badge{position:absolute;right:26px;bottom:24px;z-index:2;background:rgba(255,255,255,.92);backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.7);border-radius:16px;padding:12px 16px;box-shadow:0 10px 26px rgba(64,45,33,.11)}.rent-hub-hero__badge b{display:block;font-family:var(--serif);font-size:14px;color:var(--rent-green)}.rent-hub-hero__badge span{display:block;font-size:10px;color:#7f7167} .rent-section-heading{display:flex;align-items:flex-start;gap:26px}.rent-section-heading>div:first-child{min-width:122px}.rent-section-heading>div:first-child span{font-family:var(--serif);display:block;color:var(--rent-accent);font-size:19px}.rent-section-heading small{display:block;color:#9a806f;font-size:10px;font-weight:700;margin-top:4px}.rent-section-heading h2{margin:0}.rent-section-heading--inline{align-items:center;margin-bottom:26px}.rent-section-heading--left{display:grid;grid-template-columns:120px 1fr;align-items:start}.rent-section-heading--left p{grid-column:2;max-width:660px}.rent-section-heading--split{display:grid;grid-template-columns:120px 1fr auto;align-items:end;margin-bottom:24px} .rent-hub-worries .frame__inner{background:#fbf5ef}.rent-worry-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.rent-worry-chip{background:#fff;border:1px solid var(--rent-line);border-radius:18px;min-height:150px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center;box-shadow:0 5px 18px rgba(83,60,43,.035)}.rent-worry-chip .fkr-icon{width:38px;height:38px;color:#b9805f}.rent-worry-chip span{font-size:12px;font-weight:800;line-height:1.6} .rent-hub-philosophy__inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:32px;align-items:stretch;background:#fff!important;overflow:hidden}.rent-hub-philosophy__copy{padding:20px 6px 20px 4px;align-self:center}.rent-hub-philosophy__copy small,.rent-hub-route__copy small{display:block;color:#a27e66;font-weight:700;font-size:10px;margin-bottom:8px}.rent-hub-philosophy__visual{position:relative;min-height:330px}.rent-hub-philosophy__visual img{width:100%;height:100%;object-fit:cover;border-radius:18px}.rent-hub-keywords{position:absolute;left:24px;right:24px;bottom:18px;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.rent-hub-keywords span{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(6px);border-radius:12px;padding:12px 8px;text-align:center;font-size:10px;font-weight:800;box-shadow:0 5px 15px rgba(72,50,37,.07)} .rent-hub-route__inner{display:grid;grid-template-columns:.72fr 1.28fr;gap:30px;align-items:center;padding:28px 34px}.rent-hub-route--area .frame__inner{background:linear-gradient(115deg,#fffaf5,#f1f6ed)}.rent-hub-route--family .frame__inner{background:linear-gradient(115deg,#fff9f4,#f8eee7)}.rent-hub-route__inner--reverse{grid-template-columns:1.28fr .72fr}.rent-hub-route__inner--reverse .rent-hub-route__copy{order:2}.rent-hub-route__inner--reverse .rent-hub-route__media{order:1}.rent-hub-route__copy{padding:20px 8px}.rent-hub-route__media{position:relative;overflow:hidden;border-radius:18px;min-height:270px}.rent-hub-route__media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.rent-route-caption{position:absolute;right:14px;bottom:13px;background:rgba(255,255,255,.9);border-radius:999px;padding:7px 12px;font-size:9px;letter-spacing:.14em;font-weight:800}.rent-route-link{display:inline-flex;align-items:center;gap:8px;margin-top:8px;color:#5b7954;font-size:12px;font-weight:800;border-bottom:1px solid #a9bea4;padding-bottom:4px}.rent-route-link .fkr-icon{width:16px} .rent-hub-flow .frame__inner{background:#fffdfb}.rent-hub-timeline{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.rent-hub-timeline:before{content:"";position:absolute;top:24px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,#e7c2ad,#a9c5a5)}.rent-hub-timeline li{position:relative;text-align:center;padding:0 8px}.rent-hub-timeline b{position:relative;z-index:1;width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e6c6b4;color:#cf7650;font-family:var(--serif);font-size:17px;box-shadow:0 4px 15px rgba(90,63,47,.06)}.rent-hub-timeline li:nth-child(n+4) b{border-color:#b8cfb4;color:#67905f}.rent-hub-timeline span{font-size:11px;font-weight:800} .rent-hub-values__inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center;background:linear-gradient(125deg,#fffaf5 0 42%,#fff 42%)}.rent-hub-values__people{position:relative}.rent-hub-values__people img{width:100%;min-height:300px;object-fit:cover;border-radius:18px}.rent-hub-values__note{position:absolute;left:-24px;bottom:20px;background:#fff;border-left:4px solid var(--rent-green);border-radius:0 13px 13px 0;padding:14px 18px;box-shadow:var(--shadow)}.rent-hub-values__note strong{display:block;font-family:var(--serif);font-size:16px}.rent-hub-values__note span{font-size:10px;color:#8b7c72}.rent-hub-kids__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.rent-hub-kids__media img{width:100%;min-height:300px;object-fit:cover;border-radius:18px}.rent-hub-kids__copy{padding:22px}.rent-voice-grid .voice-card,.rent-guide-grid .guide-card{border-radius:16px;overflow:hidden;box-shadow:none}.rent-hub-faq .frame__inner{background:#fbf5ef}.rent-faq-list{max-width:940px;margin-left:auto}.rent-hub-cta__inner{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;padding:0!important;background:#f4e7d8!important}.rent-hub-cta__copy{padding:42px 44px}.rent-hub-cta__inner>img{width:100%;height:100%;min-height:330px;object-fit:cover} /* ---------- AREA GUIDE / planning + city ---------- */ .area-guide-page{--area-blue:#dfeaf0;--area-green:#708f67;--area-green-soft:#eef4eb;--area-gold:#b1875e;--area-ink:#3d352f}.area-guide-page .frame{margin-bottom:14px}.area-guide-page .frame__inner{border-radius:20px}.area-index{display:block;font-family:var(--serif);font-size:19px;line-height:1;color:#d9774f;margin-bottom:12px}.area-hero__inner{padding:18px 0 0!important;overflow:hidden;background:linear-gradient(90deg,#fffdfa 0 43%,#eef5f5 43% 100%)!important}.area-hero__inner .fkr-breadcrumb{padding:0 30px 12px}.area-hero__grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:430px}.area-hero__copy{padding:42px 30px 44px 44px;align-self:center}.area-hero__copy h1{font-size:clamp(38px,4vw,54px)}.area-hero__media{position:relative;overflow:hidden;border-radius:36px 0 0 0}.area-hero__media img{width:100%;height:100%;object-fit:cover}.area-hero__legend{position:absolute;left:20px;right:20px;bottom:17px;display:flex;gap:8px}.area-hero__legend span{background:rgba(255,255,255,.9);backdrop-filter:blur(5px);border-radius:999px;padding:7px 12px;font-size:9px;font-weight:800;box-shadow:0 4px 15px rgba(52,67,65,.07)} .area-priority__inner{display:grid;grid-template-columns:.72fr 1.08fr .7fr;gap:24px;align-items:center;background:#fbf6ef}.area-copy-block h2{font-size:32px}.area-priority__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.area-priority__cards>div{background:#fff;border:1px solid #e8ddd2;border-radius:16px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center}.area-priority__cards .fkr-icon{width:42px;height:42px;color:#b58563}.area-priority__cards strong{font-size:12px}.area-priority__note{font-size:11px;line-height:1.8;color:#776c65;padding-left:20px;border-left:1px solid #e0d4ca}.area-priority__note b{color:#4d433d} .area-section-header{display:grid;grid-template-columns:70px 1fr;gap:14px;align-items:start;margin-bottom:24px}.area-section-header h2{margin:0}.area-section-header p{max-width:760px}.area-section-header--wide{grid-template-columns:70px .9fr}.area-section-header--split{grid-template-columns:70px 1fr auto;align-items:end}.area-mobility__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.area-mobility__grid article{background:linear-gradient(180deg,#fff,#f7faf9);border:1px solid #dce6e2;border-radius:18px;padding:22px 18px;min-height:200px}.area-mobility__grid .fkr-icon{width:44px;height:44px;color:#6c8f85}.area-mobility__grid h3{font-family:var(--serif);font-size:19px;margin:15px 0 6px}.area-mobility__grid p{font-size:11px} .area-band{display:grid;grid-template-columns:.65fr 1.35fr;gap:22px;align-items:center}.area-band__items{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.area-band__items--5{grid-template-columns:repeat(5,1fr)}.area-band__items>div,.area-life__tiles>div{background:#fff;border:1px solid #e3e3dc;border-radius:14px;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.area-band__items .fkr-icon,.area-life__tiles .fkr-icon{width:32px;height:32px;color:#6f9168}.area-band__items span,.area-life__tiles strong{font-size:11px}.area-family-env .frame__inner{background:#f8f7f0}.area-life .frame__inner{background:linear-gradient(120deg,#fffaf5,#f5f8f3)}.area-life__tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.area-car .frame__inner{background:#f9f5ef} .area-balance__compare{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch;gap:16px;max-width:900px;margin-left:auto}.area-balance__compare article{background:linear-gradient(145deg,#f6efe7,#fff);border:1px solid #eaded2;border-radius:20px;padding:24px}.area-balance__compare article.is-good{background:linear-gradient(145deg,#eef5eb,#fff);border-color:#d5e3d1}.area-balance__compare article>span{display:inline-block;border-radius:999px;background:#eadbce;color:#715a48;padding:6px 14px;font-size:10px;font-weight:800}.area-balance__compare .is-good>span{background:#dcebd8;color:#55784e}.area-balance__compare ul{margin:16px 0 0;padding-left:20px;font-size:12px;color:#74675f}.area-balance__arrow{display:grid;place-items:center;color:#d7744f}.area-balance__arrow .fkr-icon{width:38px;height:38px} .area-daynight .frame__inner{background:#faf7f1}.area-daynight__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.area-scene{min-height:180px;border-radius:18px;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(99,85,72,.08);position:relative;overflow:hidden}.area-scene:before{content:"";position:absolute;inset:0;opacity:.55}.area-scene>*{position:relative;z-index:1}.area-scene .fkr-icon{position:absolute;top:18px;left:18px;width:34px;height:34px}.area-scene b{font-family:var(--serif);font-size:20px}.area-scene small{font-size:10px}.area-scene--day{background:linear-gradient(180deg,#eaf5fb,#fff7e5)}.area-scene--people{background:linear-gradient(180deg,#f5efe7,#e9dccf)}.area-scene--noise{background:linear-gradient(180deg,#e9ebef,#f8f4ef)}.area-scene--traffic{background:linear-gradient(180deg,#e7edf1,#e5e0db)} .area-persona__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.area-persona__grid article{position:relative;border:1px solid #e2ded5;border-radius:18px;padding:24px 18px 20px;background:#fff;min-height:220px}.area-persona__grid article>span{position:absolute;top:14px;right:14px;font-family:var(--serif);font-size:28px;color:#e6ddd4}.area-persona__grid h3{font-family:var(--serif);font-size:18px;margin:16px 0 14px;color:#52654e}.area-persona__grid ul{font-size:11px;color:#786b62;padding-left:18px}.area-consult__inner{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;padding:0!important;overflow:hidden;background:#f2eee6!important}.area-consult__copy{padding:42px 40px}.area-consult__inner>img{width:100%;height:100%;min-height:330px;object-fit:cover}.area-guide__grid .guide-card{border-radius:16px;overflow:hidden}.area-cta__inner{display:grid;grid-template-columns:1.1fr 240px auto;gap:24px;align-items:center;background:linear-gradient(120deg,#fbf5eb,#edf5eb)!important}.area-cta__portrait img{width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:15px} /* ---------- FAMILY LIFE / soft home magazine ---------- */ .family-life-page{--family-peach:#efd2bd;--family-peach-soft:#fff6ef;--family-green:#6f9869;--family-ink:#3d3029}.family-life-page .frame{margin-bottom:14px}.family-life-page .frame__inner{border-radius:24px}.family-index{display:block;font-family:var(--serif);font-size:19px;line-height:1;color:#dc7b54;margin-bottom:12px}.family-hero__inner{padding:18px 0 0!important;overflow:hidden;background:linear-gradient(90deg,#fffdfb 0 42%,#faeee4 42% 100%)!important}.family-hero__inner .fkr-breadcrumb{padding:0 32px 12px}.family-hero__grid{display:grid;grid-template-columns:.85fr 1.15fr;min-height:430px}.family-hero__copy{padding:38px 20px 42px 44px;align-self:center}.family-hero__copy h1{font-size:clamp(38px,4vw,55px)}.family-hero__media{position:relative;overflow:hidden;border-radius:52px 0 0 0}.family-hero__media img{width:100%;height:100%;object-fit:cover}.family-hero__stamp{position:absolute;right:22px;bottom:20px;background:#fff8f1;border:1px solid #e9c6ac;border-radius:50%;width:118px;height:118px;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:12px;line-height:1.7;color:#9a6d4f;transform:rotate(-5deg);box-shadow:0 10px 22px rgba(91,60,42,.08)} .family-worries__inner{display:grid;grid-template-columns:.62fr 1.38fr;gap:28px;align-items:center;background:#fbf3eb}.family-section-title h2{margin:0}.family-worries__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.family-worries__grid>div{background:#fff;border:1px solid #eadfd6;border-radius:18px;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.family-worries__grid .fkr-icon{width:36px;height:36px;color:#bb7f58}.family-worries__grid span{font-size:11px;font-weight:800} .family-story__inner{display:grid;grid-template-columns:.78fr 1.22fr;gap:0;overflow:hidden;padding:0!important}.family-story__copy{padding:36px 34px;align-self:center}.family-story__media{min-height:290px}.family-story__media img{width:100%;height:100%;object-fit:cover}.family-story--noise .frame__inner{background:linear-gradient(115deg,#fffdfb,#fff7f0)}.family-story--storage .frame__inner{background:linear-gradient(115deg,#fbf3eb,#fff)}.family-story__inner--reverse{grid-template-columns:1.22fr .78fr}.family-story__inner--reverse .family-story__copy{order:2}.family-story__inner--reverse .family-story__media{order:1}.family-mini-points{display:flex;gap:8px;margin-top:16px}.family-mini-points span{background:#fff;border:1px solid #ecd8c9;border-radius:999px;padding:6px 10px;font-size:10px}.family-storage-meter{margin-top:20px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;position:relative}.family-storage-meter:before{content:"";position:absolute;left:0;right:0;top:8px;height:2px;background:#ebd7c8}.family-storage-meter i{position:absolute;top:4px;left:4%;width:10px;height:10px;background:#d97e58;border-radius:50%;box-shadow:0 0 0 4px #fff}.family-storage-meter span{padding-top:20px;font-size:9px;text-align:center;color:#87766a} .family-section-title--wide{display:grid;grid-template-columns:70px 1fr;gap:14px;margin-bottom:24px}.family-section-title--split{display:grid;grid-template-columns:70px 1fr auto;gap:14px;align-items:end;margin-bottom:22px}.family-flow .frame__inner{background:#fffaf6}.family-flow__rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;max-width:880px;margin-left:auto}.family-flow__rail>div{border-radius:18px;background:#fff;border:1px solid #e8dad0;padding:18px 16px;text-align:center;min-height:105px}.family-flow__rail b{display:block;color:#d97b54;font-family:var(--serif);font-size:13px}.family-flow__rail span{font-size:12px;font-weight:800}.family-flow__rail i{font-style:normal;color:#c39b7d;font-size:20px} .family-parking__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;background:linear-gradient(120deg,#fff,#f5eee8)}.family-parking__visual{display:flex;align-items:center;gap:20px;padding:28px;border-radius:20px;background:#fff;border:1px solid #e9ddd4}.family-parking__visual .fkr-icon{width:72px;height:72px;color:#a97555}.family-parking__visual strong{display:block;font-family:var(--serif);font-size:20px}.family-parking__visual span{display:block;font-size:11px;color:#8b7b70}.family-neighborhood .frame__inner{background:#fbf7f1}.family-neighborhood__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.family-neighborhood__grid>div{background:#fff;border:1px solid #e6dfd6;border-radius:16px;min-height:120px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.family-neighborhood__grid .fkr-icon{width:35px;height:35px;color:#6d9768}.family-neighborhood__grid span{font-size:11px;font-weight:800} .family-together__inner{position:relative;min-height:350px;padding:0!important;overflow:hidden}.family-together__inner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.family-together__inner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,251,247,.98) 0,rgba(255,251,247,.86) 40%,rgba(255,251,247,.18) 70%,transparent)}.family-together__copy{position:relative;z-index:1;padding:55px 45px;width:48%}.family-together__copy p{max-width:420px}.family-check__inner{display:grid;grid-template-columns:.6fr 1.15fr .65fr;gap:20px;align-items:center}.family-check__chips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.family-check__chips span{background:#fff;border:1px solid #eadfd5;border-radius:14px;padding:13px 9px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:6px}.family-check__chips .fkr-icon{color:#d78158;width:16px}.family-flow-card{position:relative;min-height:155px;border:1.5px solid #e0a16f;border-radius:18px;padding:24px;background:#fff;display:flex;flex-direction:column;justify-content:center}.family-flow-card small{font-size:9px;color:#aa856a}.family-flow-card strong{font-family:var(--serif);font-size:20px;margin-top:5px}.family-flow-card .fkr-icon{position:absolute;right:16px;bottom:16px} .family-staff__inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;background:linear-gradient(110deg,#fff9f4,#f8eee7)}.family-staff__profile{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:22px}.family-staff__profile img{width:180px;height:190px;object-fit:cover;border-radius:50% 50% 18px 18px}.family-staff__profile small{display:block;font-size:10px;color:#9f846e}.family-staff__profile strong{display:block;font-family:var(--serif);font-size:24px;margin:4px 0 10px}.family-staff__profile a{font-size:11px;text-decoration:underline}.family-voice .frame__inner{background:#fbf5ee}.family-voice__grid .voice-card{background:#fff;border-radius:18px}.family-guide__grid{grid-template-columns:repeat(4,1fr)}.family-guide__grid .guide-card{border-radius:16px;overflow:hidden}.family-faq__list{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.family-cta__inner{display:grid;grid-template-columns:.78fr 1.22fr;padding:0!important;overflow:hidden;background:#f5eadf!important}.family-cta__copy{padding:42px}.family-cta__inner>img{width:100%;height:100%;min-height:300px;object-fit:cover} /* ---------- VIEWING FLOW / structured guidebook ---------- */ .viewing-flow-page{--view-orange:#e47d4f;--view-tan:#f7efe6;--view-line:#eadbcf;--view-ink:#3b302b}.viewing-flow-page .frame{margin-bottom:12px}.viewing-flow-page .frame__inner{border-radius:18px}.viewing-hero__inner{padding:18px 0 0!important;overflow:hidden;background:linear-gradient(90deg,#fffdfb 0 44%,#f7efe7 44% 100%)!important}.viewing-hero__inner .fkr-breadcrumb{padding:0 30px 12px}.viewing-hero__grid{display:grid;grid-template-columns:.86fr 1.14fr;min-height:390px}.viewing-hero__copy{padding:40px 26px 42px 42px;align-self:center}.viewing-hero__copy h1{font-size:clamp(39px,4vw,56px)}.viewing-hero__media{overflow:hidden}.viewing-hero__media img{width:100%;height:100%;object-fit:cover}.viewing-hero__meta{display:flex;gap:8px;margin-top:18px}.viewing-hero__meta span{border:1px solid #debca7;background:#fff;border-radius:999px;padding:6px 11px;font-size:9px;font-weight:800;color:#9b6e52} .viewing-step__inner{display:grid;grid-template-columns:78px 250px 1fr;gap:22px;align-items:center;position:relative;padding-top:28px;padding-bottom:28px}.viewing-step__inner:before{content:"";position:absolute;left:75px;top:-13px;bottom:-13px;width:1px;background:#ead9ce}.viewing-step:first-of-type .viewing-step__inner:before{top:28px}.viewing-step__number{position:relative;z-index:2;background:#fff;width:58px;text-align:center}.viewing-step__number small{display:block;font-size:8px;letter-spacing:.12em;color:#b38b71;font-weight:800}.viewing-step__number b{display:block;font-family:var(--serif);font-size:31px;line-height:1.1;color:var(--view-orange)}.viewing-step__title h2{font-size:clamp(25px,2.5vw,34px);margin:0}.viewing-step:nth-child(even) .frame__inner{background:#fbf6f0}.viewing-step__content{min-width:0}.viewing-step__content--icons{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.viewing-step__content--icons>div,.viewing-precheck>div,.viewing-strip>div,.viewing-review-grid>div{background:#fff;border:1px solid var(--view-line);border-radius:13px;min-height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.viewing-step__content--icons .fkr-icon,.viewing-precheck .fkr-icon,.viewing-strip .fkr-icon,.viewing-review-grid .fkr-icon{width:27px;height:27px;color:#a87a5c}.viewing-step__content--icons span,.viewing-precheck span,.viewing-strip span,.viewing-review-grid span{font-size:10px;font-weight:800}.viewing-step__content--story{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center}.viewing-step__content--story img{width:100%;height:185px;object-fit:cover;border-radius:14px}.viewing-step__content--story strong{display:block;font-family:var(--serif);font-size:18px;margin-bottom:8px}.viewing-step__content--story p{font-size:12px}.viewing-precheck{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.viewing-note{font-size:10px;margin:10px 0 0!important}.viewing-room-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--view-line);border-radius:14px;overflow:hidden;background:var(--view-line);gap:1px}.viewing-room-grid>div{min-height:88px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.viewing-room-grid .fkr-icon{width:27px;height:27px;color:#aa7b5c}.viewing-room-grid span{font-size:10px;font-weight:800}.viewing-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.viewing-strip--wide{grid-template-columns:repeat(7,1fr)}.viewing-compare-note{background:#fff;border:1px dashed #d9bba8;border-radius:16px;padding:22px}.viewing-compare-note>div{display:flex;align-items:center;gap:13px}.viewing-compare-note .fkr-icon{width:36px;height:36px;color:#d17c54}.viewing-compare-note strong{font-family:var(--serif);font-size:18px}.viewing-compare-note p{font-size:11px;margin:8px 0 0 50px!important}.viewing-balance{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch;gap:10px}.viewing-balance article{border:1px solid #e4c0aa;border-radius:15px;background:#fff;padding:20px}.viewing-balance article.is-good{border-color:#bcd4b7}.viewing-balance article>span{display:inline-block;font-size:10px;font-weight:800;color:#d1744e}.viewing-balance .is-good>span{color:#5f8c59}.viewing-balance ul{font-size:11px;padding-left:18px;color:#76685f}.viewing-balance>div{display:grid;place-items:center;color:#c68b65}.viewing-balance>div .fkr-icon{width:34px;height:34px}.viewing-review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.viewing-faq-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.viewing-faq-layout img{width:100%;height:100%;max-height:290px;object-fit:cover;border-radius:14px}.viewing-guide-grid{grid-template-columns:repeat(3,1fr)}.viewing-guide-grid .guide-card{border-radius:15px;overflow:hidden}.viewing-cta .frame__inner{background:linear-gradient(110deg,#fff7ef,#f2eadf)}.viewing-cta__content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.viewing-cta__content img{width:100%;height:190px;object-fit:cover;border-radius:14px} /* Shared card polish inside the new rental page systems */ .rent-hub-page .voice-card,.family-life-page .voice-card,.area-guide-page .guide-card,.rent-hub-page .guide-card,.family-life-page .guide-card,.viewing-flow-page .guide-card{border:1px solid #eadfd6;background:#fff}.rent-hub-page .voice-card img,.family-life-page .voice-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.rent-hub-page .faq-item,.family-life-page .faq-item,.viewing-flow-page .faq-item{background:#fff;border-color:#eadfd6} @media(max-width:1040px){ .rent-worry-row{grid-template-columns:repeat(3,1fr)}.rent-hub-keywords{grid-template-columns:repeat(3,1fr)}.area-priority__inner{grid-template-columns:.8fr 1.2fr}.area-priority__note{grid-column:1/-1;border-left:0;border-top:1px solid #e0d4ca;padding:15px 0 0}.area-band{grid-template-columns:.8fr 1.2fr}.area-band__items{grid-template-columns:repeat(3,1fr)}.area-band__items--5,.area-life__tiles{grid-template-columns:repeat(5,1fr)}.area-persona__grid{grid-template-columns:repeat(2,1fr)}.family-worries__inner{grid-template-columns:.7fr 1.3fr}.family-neighborhood__grid{grid-template-columns:repeat(3,1fr)}.viewing-step__inner{grid-template-columns:70px 220px 1fr}.viewing-step__content--icons{grid-template-columns:repeat(4,1fr)}.viewing-strip--wide{grid-template-columns:repeat(4,1fr)} } @media(max-width:820px){ .rent-hub-page .frame__inner,.area-guide-page .frame__inner,.family-life-page .frame__inner,.viewing-flow-page .frame__inner{border-radius:15px} .rent-hub-hero__grid,.area-hero__grid,.family-hero__grid,.viewing-hero__grid{grid-template-columns:1fr}.rent-hub-hero__copy,.area-hero__copy,.family-hero__copy,.viewing-hero__copy{padding:28px 20px}.rent-hub-hero__media,.area-hero__media,.family-hero__media,.viewing-hero__media{min-height:245px;border-radius:24px 24px 0 0}.rent-hub-hero__badge{right:14px;bottom:12px}.rent-section-heading,.rent-section-heading--left,.rent-section-heading--split,.area-section-header,.area-section-header--wide,.area-section-header--split,.family-section-title--wide,.family-section-title--split{display:block}.rent-section-heading>div:first-child{min-width:0;margin-bottom:8px}.rent-section-heading--left p{grid-column:auto}.rent-worry-row{grid-template-columns:repeat(2,1fr)}.rent-worry-chip{min-height:115px}.rent-hub-philosophy__inner,.rent-hub-route__inner,.rent-hub-route__inner--reverse,.rent-hub-values__inner,.rent-hub-kids__inner,.rent-hub-cta__inner{grid-template-columns:1fr}.rent-hub-route__inner--reverse .rent-hub-route__copy,.rent-hub-route__inner--reverse .rent-hub-route__media{order:initial}.rent-hub-route__media{min-height:220px}.rent-hub-keywords{position:static;margin-top:10px}.rent-hub-timeline{grid-template-columns:1fr}.rent-hub-timeline:before{top:0;bottom:0;left:24px;right:auto;width:1px;height:auto}.rent-hub-timeline li{display:grid;grid-template-columns:48px 1fr;align-items:center;text-align:left;padding:7px 0}.rent-hub-timeline b{margin:0}.rent-hub-timeline span{padding-left:12px}.rent-hub-values__note{left:10px}.rent-hub-cta__copy{padding:28px 20px}.rent-hub-cta__inner>img{min-height:220px} .area-priority__inner,.area-band,.area-consult__inner,.area-cta__inner{grid-template-columns:1fr}.area-priority__cards{grid-template-columns:repeat(3,1fr)}.area-mobility__grid{grid-template-columns:repeat(2,1fr)}.area-band__items,.area-band__items--5,.area-life__tiles{grid-template-columns:repeat(3,1fr)}.area-balance__compare{grid-template-columns:1fr}.area-balance__arrow{transform:rotate(90deg)}.area-daynight__grid{grid-template-columns:repeat(2,1fr)}.area-persona__grid{grid-template-columns:1fr 1fr}.area-consult__copy{padding:28px 20px}.area-consult__inner>img{min-height:230px}.area-cta__portrait{display:none} .family-worries__inner,.family-story__inner,.family-story__inner--reverse,.family-parking__inner,.family-check__inner,.family-staff__inner,.family-cta__inner{grid-template-columns:1fr}.family-story__inner--reverse .family-story__copy,.family-story__inner--reverse .family-story__media{order:initial}.family-worries__grid{grid-template-columns:repeat(2,1fr)}.family-flow__rail{grid-template-columns:1fr}.family-flow__rail i{transform:rotate(90deg);text-align:center}.family-neighborhood__grid{grid-template-columns:repeat(3,1fr)}.family-together__copy{width:70%;padding:35px 22px}.family-check__chips{grid-template-columns:repeat(2,1fr)}.family-staff__profile{grid-template-columns:130px 1fr}.family-staff__profile img{width:130px;height:150px}.family-guide__grid{grid-template-columns:1fr 1fr}.family-faq__list{grid-template-columns:1fr}.family-cta__copy{padding:28px 20px}.family-cta__inner>img{min-height:220px} .viewing-step__inner{grid-template-columns:54px 1fr;gap:12px}.viewing-step__inner:before{left:52px}.viewing-step__number{width:46px}.viewing-step__title{grid-column:2}.viewing-step__content{grid-column:2}.viewing-step__content--icons{grid-template-columns:repeat(2,1fr)}.viewing-step__content--story{grid-template-columns:1fr}.viewing-precheck,.viewing-strip,.viewing-strip--wide,.viewing-review-grid{grid-template-columns:repeat(2,1fr)}.viewing-room-grid{grid-template-columns:repeat(2,1fr)}.viewing-balance{grid-template-columns:1fr}.viewing-balance>div{transform:rotate(90deg)}.viewing-faq-layout{grid-template-columns:1fr}.viewing-guide-grid{grid-template-columns:1fr}.viewing-cta__content{grid-template-columns:1fr} } @media(max-width:520px){ .rent-worry-row,.area-mobility__grid,.area-daynight__grid,.area-persona__grid,.family-guide__grid{grid-template-columns:1fr 1fr}.rent-hub-keywords{grid-template-columns:repeat(2,1fr)}.area-priority__cards{grid-template-columns:1fr}.area-band__items,.area-band__items--5,.area-life__tiles{grid-template-columns:repeat(2,1fr)}.family-neighborhood__grid{grid-template-columns:repeat(2,1fr)}.family-together__copy{width:100%;padding:32px 18px;background:linear-gradient(90deg,rgba(255,251,247,.96),rgba(255,251,247,.72))}.family-together__inner:after{display:none}.family-staff__profile{grid-template-columns:100px 1fr}.family-staff__profile img{width:100px;height:120px}.viewing-step__title h2{font-size:25px}.viewing-step__content--icons,.viewing-precheck,.viewing-strip,.viewing-strip--wide,.viewing-review-grid{grid-template-columns:repeat(2,1fr)} } /* ========================================================= v1.3.1 — Vertical-first section composition User requirement: except hero sections, major section columns stack top-to-bottom rather than using left/right split layouts. Small card collections / comparison UI may remain multi-column. ========================================================= */ /* ---------- shared vertical rhythm ---------- */ .approved-page--top .frame:not(.top-hero) .frame__inner, .rent-hub-page .frame:not(.rent-hub-hero) .frame__inner, .area-guide-page .frame:not(.area-hero) .frame__inner, .family-life-page .frame:not(.family-hero) .frame__inner, .viewing-flow-page .frame:not(.viewing-hero) .frame__inner{ padding-top:44px; padding-bottom:44px; } /* ---------- TOP: hero stays split, all major sections become vertical ---------- */ .approved-page--top .frame:not(.top-hero) .frame-split, .approved-page--top .frame:not(.top-hero) .frame-split--narrow, .approved-page--top .frame:not(.top-hero) .small-feature-grid, .approved-page--top .frame:not(.top-hero) .representative-new, .approved-page--top .frame:not(.top-hero) .cta-grid{ display:grid; grid-template-columns:1fr; gap:28px; align-items:stretch; } .approved-page--top .frame:not(.top-hero) .small-feature-grid--reverse>div:first-child, .approved-page--top .frame:not(.top-hero) .small-feature-grid--reverse>img{ order:initial; } .approved-page--top .frame:not(.top-hero) .frame-title{ display:block; margin-bottom:24px; } .approved-page--top .frame:not(.top-hero) .frame-title .text-link, .approved-page--top .frame:not(.top-hero) .frame-title .btn{ display:inline-flex; margin-top:12px; } .approved-page--top .frame:not(.top-hero) .frame-media, .approved-page--top .frame:not(.top-hero) .small-feature-grid>img, .approved-page--top .frame:not(.top-hero) .cta-grid>img{ width:100%; max-height:480px; aspect-ratio:16/7; object-fit:cover; border-radius:18px; } .approved-page--top .representative-new__photo{ width:min(100%,760px); } .approved-page--top .representative-new__photo img{ width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:22px; } .approved-page--top .mission-box{ border-left:0; border-top:1px solid var(--line); padding:24px 0 0; } /* ---------- RENT HUB: editorial content stacks copy -> visual ---------- */ .rent-hub-page .rent-section-heading, .rent-hub-page .rent-section-heading--inline, .rent-hub-page .rent-section-heading--left, .rent-hub-page .rent-section-heading--split{ display:block; margin-bottom:26px; } .rent-hub-page .rent-section-heading>div:first-child{min-width:0;margin-bottom:9px} .rent-hub-page .rent-section-heading--left p{grid-column:auto;max-width:760px;margin-top:10px} .rent-hub-page .rent-section-heading--split .text-link{display:inline-flex;margin-top:10px} .rent-hub-philosophy__inner, .rent-hub-route__inner, .rent-hub-route__inner--reverse, .rent-hub-values__inner, .rent-hub-kids__inner, .rent-hub-cta__inner{ display:grid; grid-template-columns:1fr; gap:26px; align-items:stretch; } .rent-hub-route__inner--reverse .rent-hub-route__copy, .rent-hub-route__inner--reverse .rent-hub-route__media{order:initial} .rent-hub-philosophy__copy, .rent-hub-route__copy, .rent-hub-values__copy, .rent-hub-kids__copy{ padding:0; max-width:840px; } .rent-hub-philosophy__visual, .rent-hub-route__media, .rent-hub-values__people, .rent-hub-kids__media{ width:100%; } .rent-hub-philosophy__visual{min-height:390px} .rent-hub-route__media{min-height:360px} .rent-hub-philosophy__visual img, .rent-hub-route__media img, .rent-hub-values__people img, .rent-hub-kids__media img{ width:100%; min-height:0; height:auto; aspect-ratio:16/7; object-fit:cover; border-radius:18px; } .rent-hub-values__note{ position:static; display:inline-block; margin-top:12px; border-left:4px solid var(--rent-green); border-radius:0 13px 13px 0; } .rent-hub-kids__copy{order:1} .rent-hub-kids__media{order:2} .rent-hub-cta__copy{padding:0;max-width:840px} .rent-hub-cta__inner{padding:44px!important;background:#f4e7d8!important} .rent-hub-cta__inner>img{min-height:0;height:auto;aspect-ratio:16/7;border-radius:18px} .rent-hub-faq .rent-faq-list{max-width:none;margin-left:0} /* ---------- AREA GUIDE: planning content becomes title -> content ---------- */ .area-priority__inner, .area-band, .area-consult__inner, .area-cta__inner{ display:grid; grid-template-columns:1fr; gap:26px; align-items:stretch; } .area-section-header, .area-section-header--wide, .area-section-header--split{ display:block; margin-bottom:24px; } .area-section-header .area-index{margin-bottom:10px} .area-section-header--split .text-link{display:inline-flex;margin-top:10px} .area-priority__note{ padding:18px 0 0; border-left:0; border-top:1px solid #e0d4ca; max-width:820px; } .area-copy-block{max-width:820px} .area-priority__cards{width:100%} .area-band__copy{max-width:820px} .area-balance__compare{margin:0;max-width:none} .area-consult__inner{padding:44px!important;background:#f2eee6!important} .area-consult__copy{padding:0;max-width:840px} .area-consult__inner>img{min-height:0;height:auto;aspect-ratio:16/7;border-radius:18px} .area-cta__inner{padding:44px!important} .area-cta__inner>div:first-child{max-width:840px} .area-cta__inner>.btn{order:2;justify-self:start} .area-cta__portrait{order:3;max-width:none} .area-cta__portrait img{width:100%;aspect-ratio:16/7;border-radius:18px} /* ---------- FAMILY: home-magazine sections stack copy -> media ---------- */ .family-worries__inner, .family-story__inner, .family-story__inner--reverse, .family-parking__inner, .family-check__inner, .family-staff__inner, .family-cta__inner{ display:grid; grid-template-columns:1fr; gap:26px; align-items:stretch; } .family-story__inner--reverse .family-story__copy, .family-story__inner--reverse .family-story__media{order:initial} .family-story__inner, .family-story__inner--reverse{padding:44px!important} .family-story__copy{padding:0;max-width:840px} .family-story__media{min-height:0} .family-story__media img{width:100%;height:auto;aspect-ratio:16/7;border-radius:18px} .family-section-title--wide, .family-section-title--split{ display:block; margin-bottom:24px; } .family-section-title--split .text-link{display:inline-flex;margin-top:10px} .family-parking__copy, .family-check__title, .family-staff__copy{max-width:840px} .family-parking__visual{width:100%} .family-check__chips{width:100%} .family-flow-card{width:min(100%,520px)} .family-staff__profile{ display:grid; grid-template-columns:1fr; gap:16px; justify-items:start; } .family-staff__profile img{width:220px;height:240px} .family-faq__list{grid-template-columns:1fr} .family-cta__inner{padding:44px!important;background:#f5eadf!important} .family-cta__copy{padding:0;max-width:840px} .family-cta__inner>img{width:100%;height:auto;min-height:0;aspect-ratio:16/7;border-radius:18px} /* ---------- VIEWING FLOW: each step reads vertically ---------- */ .viewing-step__inner{ display:grid; grid-template-columns:1fr; gap:16px; position:relative; } .viewing-step__inner:before{display:none} .viewing-step__number{ position:static; width:auto; display:flex; align-items:baseline; gap:8px; background:transparent; text-align:left; } .viewing-step__number small{display:inline-block} .viewing-step__number b{display:inline-block;font-size:34px} .viewing-step__title, .viewing-step__content{ grid-column:auto; width:100%; } .viewing-step__title{max-width:880px} .viewing-step__content--story, .viewing-faq-layout, .viewing-cta__content{ display:grid; grid-template-columns:1fr; gap:18px; } .viewing-step__content--story img, .viewing-faq-layout img, .viewing-cta__content img{ width:100%; height:auto; max-height:none; aspect-ratio:16/7; object-fit:cover; border-radius:16px; } .viewing-step__content--story strong{font-size:20px} .viewing-note{margin-top:12px!important} .viewing-cta__content .btn{justify-self:start} /* ---------- responsive tuning for the new vertical desktop system ---------- */ @media(max-width:820px){ .approved-page--top .frame:not(.top-hero) .frame__inner, .rent-hub-page .frame:not(.rent-hub-hero) .frame__inner, .area-guide-page .frame:not(.area-hero) .frame__inner, .family-life-page .frame:not(.family-hero) .frame__inner, .viewing-flow-page .frame:not(.viewing-hero) .frame__inner{padding-top:30px;padding-bottom:30px} .rent-hub-cta__inner,.area-consult__inner,.area-cta__inner,.family-story__inner,.family-story__inner--reverse,.family-cta__inner{padding:30px 20px!important} .rent-hub-philosophy__visual img,.rent-hub-route__media img,.rent-hub-values__people img,.rent-hub-kids__media img,.rent-hub-cta__inner>img,.area-consult__inner>img,.area-cta__portrait img,.family-story__media img,.family-cta__inner>img,.viewing-step__content--story img,.viewing-faq-layout img,.viewing-cta__content img,.approved-page--top .frame:not(.top-hero) .frame-media,.approved-page--top .frame:not(.top-hero) .small-feature-grid>img,.approved-page--top .frame:not(.top-hero) .cta-grid>img{aspect-ratio:16/9} .family-staff__profile img{width:160px;height:180px} .area-cta__inner>.btn,.viewing-cta__content .btn{justify-self:stretch} } /* ========================================================= v1.3.2 — Centered section titles + full-width subpage heroes - All non-hero section H2 titles are centered. - /rent/, /rent/area/, /rent/family/, /rent/flow/ heroes use full-width blocks, matching the TOP hero treatment. ========================================================= */ /* ---------- full-width hero blocks on the four rent pages ---------- */ .rent-hub-hero>.frame__inner, .area-hero>.frame__inner, .family-hero>.frame__inner, .viewing-hero>.frame__inner{ width:100%; max-width:none; margin-inline:0; border-radius:0; border-left:0; border-right:0; box-shadow:none; } /* ---------- center every section title except hero titles ---------- */ .approved-page--top .frame:not(.top-hero) h2, .rent-hub-page .frame:not(.rent-hub-hero) h2, .area-guide-page .frame:not(.area-hero) h2, .family-life-page .frame:not(.family-hero) h2, .viewing-flow-page .frame:not(.viewing-hero) h2{ text-align:center; margin-left:auto; margin-right:auto; } /* Keep title wrappers visually balanced around the centered H2. */ .approved-page--top .frame:not(.top-hero) .frame-title, .rent-hub-page .frame:not(.rent-hub-hero) .rent-section-heading, .rent-hub-page .frame:not(.rent-hub-hero) .rent-section-heading--inline, .rent-hub-page .frame:not(.rent-hub-hero) .rent-section-heading--left, .rent-hub-page .frame:not(.rent-hub-hero) .rent-section-heading--split, .area-guide-page .frame:not(.area-hero) .area-section-header, .area-guide-page .frame:not(.area-hero) .area-section-header--wide, .area-guide-page .frame:not(.area-hero) .area-section-header--split, .family-life-page .frame:not(.family-hero) .family-section-title--wide, .family-life-page .frame:not(.family-hero) .family-section-title--split, .viewing-flow-page .frame:not(.viewing-hero) .viewing-step__title{ text-align:center; } @media(max-width:767px){ .rent-hub-hero>.frame__inner, .area-hero>.frame__inner, .family-hero>.frame__inner, .viewing-hero>.frame__inner{ width:100%; padding-left:0; padding-right:0; } } /* ========================================================= v1.3.3 — Official-site clarity / centered section content - Non-hero section titles, body copy and CTAs are centered. - Decorative section counters are removed from presentation. - Visual hierarchy, contrast, spacing and card legibility are strengthened. - Hero layouts remain editorial / split and full-width where specified. ========================================================= */ /* Decorative counters must never reappear through stale markup/cache. */ .section-number, .area-index, .family-index, .reason-no, .viewing-step__number{ display:none!important; } /* ---------- overall official-site readability ---------- */ body{ color:#342c27; background:#fffdfb; font-size:16.5px; line-height:1.9; } .site-header{ border-bottom-color:#eee5de; } .site-header.is-scrolled{ box-shadow:0 8px 28px rgba(55,41,32,.09); } .site-nav__list{ font-size:13px; letter-spacing:.015em; } .btn{ min-height:50px; padding:11px 24px; font-size:13.5px; box-shadow:0 4px 13px rgba(66,49,38,.045); } .btn--large{ min-height:56px; padding:13px 30px; } /* One visual block remains one section, but each section now reads as a polished official-site panel. */ .approved-page--top .frame:not(.top-hero), .rent-hub-page .frame:not(.rent-hub-hero), .area-guide-page .frame:not(.area-hero), .family-life-page .frame:not(.family-hero), .viewing-flow-page .frame:not(.viewing-hero){ margin-bottom:22px; } .approved-page--top .frame:not(.top-hero) .frame__inner, .rent-hub-page .frame:not(.rent-hub-hero) .frame__inner, .area-guide-page .frame:not(.area-hero) .frame__inner, .family-life-page .frame:not(.family-hero) .frame__inner, .viewing-flow-page .frame:not(.viewing-hero) .frame__inner{ padding-top:72px; padding-bottom:72px; border-color:#eadfd7; border-radius:26px; box-shadow:0 10px 34px rgba(73,54,41,.045); text-align:center; } /* ---------- centered heading/body/CTA system ---------- */ .approved-page--top .frame:not(.top-hero) h2, .rent-hub-page .frame:not(.rent-hub-hero) h2, .area-guide-page .frame:not(.area-hero) h2, .family-life-page .frame:not(.family-hero) h2, .viewing-flow-page .frame:not(.viewing-hero) h2{ max-width:900px; margin-left:auto; margin-right:auto; margin-bottom:18px; font-size:clamp(29px,3.25vw,42px); line-height:1.5; color:#352c27; text-align:center; } .approved-page--top .frame:not(.top-hero) h2::after, .rent-hub-page .frame:not(.rent-hub-hero) h2::after, .area-guide-page .frame:not(.area-hero) h2::after, .family-life-page .frame:not(.family-hero) h2::after, .viewing-flow-page .frame:not(.viewing-hero) h2::after{ content:""; display:block; width:42px; height:2px; margin:16px auto 0; border-radius:999px; background:linear-gradient(90deg,var(--orange),#d7b99f); } .approved-page--top .frame:not(.top-hero) p, .rent-hub-page .frame:not(.rent-hub-hero) p, .area-guide-page .frame:not(.area-hero) p, .family-life-page .frame:not(.family-hero) p, .viewing-flow-page .frame:not(.viewing-hero) p{ max-width:820px; margin-left:auto; margin-right:auto; color:#625750; font-size:15px; line-height:1.95; text-align:center; } .approved-page--top .frame:not(.top-hero) .button-row, .rent-hub-page .frame:not(.rent-hub-hero) .button-row, .area-guide-page .frame:not(.area-hero) .button-row, .family-life-page .frame:not(.family-hero) .button-row, .viewing-flow-page .frame:not(.viewing-hero) .button-row{ justify-content:center; } .approved-page--top .frame:not(.top-hero) .text-link, .rent-hub-page .frame:not(.rent-hub-hero) .text-link, .area-guide-page .frame:not(.area-hero) .text-link, .family-life-page .frame:not(.family-hero) .text-link, .viewing-flow-page .frame:not(.viewing-hero) .text-link{ display:inline-flex; justify-content:center; margin-left:auto; margin-right:auto; } /* Descriptive labels become centered, quiet navigation aids rather than decorative counters. */ .rent-hub-page .frame:not(.rent-hub-hero) small, .area-guide-page .frame:not(.area-hero) .page-kicker, .family-life-page .frame:not(.family-hero) small{ text-align:center; } .rent-hub-page .rent-section-heading>div:first-child, .rent-hub-page .rent-section-heading--inline>div:first-child, .rent-hub-page .rent-section-heading--left>div:first-child, .rent-hub-page .rent-section-heading--split>div:first-child{ min-width:0; margin:0 auto 10px; text-align:center; } .rent-hub-page .rent-section-heading small, .rent-hub-page .rent-hub-philosophy__copy>small, .rent-hub-page .rent-hub-route__copy>small, .rent-hub-page .rent-hub-values__copy>small, .rent-hub-page .rent-hub-kids__copy>small{ display:inline-flex; width:auto; align-items:center; justify-content:center; min-height:28px; padding:5px 12px; margin:0 auto 10px; border:1px solid #ead8ca; border-radius:999px; background:#fffaf6; color:#8d6f5c; font-size:10.5px; letter-spacing:.06em; } /* ---------- TOP page ---------- */ .approved-page--top .frame:not(.top-hero) .frame-title, .approved-page--top .frame:not(.top-hero) .frame-title--left{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } .approved-page--top .frame:not(.top-hero) .frame-split>div, .approved-page--top .frame:not(.top-hero) .small-feature-grid>div, .approved-page--top .frame:not(.top-hero) .cta-grid>div{ text-align:center; } .approved-page--top .frame:not(.top-hero) .check-list-2col{ max-width:760px; margin-left:auto; margin-right:auto; } .approved-page--top .frame:not(.top-hero) .check-list-2col span{ justify-content:center; } .approved-page--top .representative-new{ justify-items:center; text-align:center; } .approved-page--top .representative-new__photo{ margin-inline:auto; } .approved-page--top .mission-box{ width:min(100%,760px); margin-inline:auto; text-align:center; } .approved-page--top .guide-card__body, .approved-page--top .voice-card__body{ text-align:center; } /* ---------- RENT TOP ---------- */ .rent-hub-page .rent-section-heading, .rent-hub-page .rent-section-heading--inline, .rent-hub-page .rent-section-heading--left, .rent-hub-page .rent-section-heading--split{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } .rent-hub-page .rent-section-heading--left p{ margin:10px auto 0; } .rent-hub-philosophy__copy, .rent-hub-route__copy, .rent-hub-values__copy, .rent-hub-kids__copy, .rent-hub-cta__copy{ max-width:880px; margin-inline:auto; text-align:center; } .rent-hub-page .rent-route-link{ margin:12px auto 0; justify-content:center; } .rent-hub-page .rent-hub-values__note{ text-align:center; } .rent-hub-page .rent-faq-list{ margin-left:auto; margin-right:auto; } .rent-hub-page .voice-card__body, .rent-hub-page .guide-card__body{ text-align:center; } /* ---------- AREA GUIDE ---------- */ .area-guide-page .area-copy-block, .area-guide-page .area-band__copy, .area-guide-page .area-consult__copy, .area-guide-page .area-cta__inner>div:first-child{ max-width:880px; margin-inline:auto; text-align:center; } .area-guide-page .area-section-header, .area-guide-page .area-section-header--wide, .area-guide-page .area-section-header--split{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; } .area-guide-page .area-section-header p{ margin-left:auto; margin-right:auto; } .area-guide-page .area-priority__note{ max-width:760px; margin:18px auto 0; padding:18px 20px 0; border-left:0; border-top:1px solid #ddd2c8; text-align:center; font-size:13px; } .area-guide-page .area-balance__compare{ margin-left:auto; margin-right:auto; } .area-guide-page .area-consult__copy .btn{ margin-inline:auto; } .area-guide-page .area-cta__inner>.btn{ justify-self:center; } .area-guide-page .guide-card__body{ text-align:center; } /* ---------- FAMILY RENT ---------- */ .family-life-page .family-section-title, .family-life-page .family-section-title--wide, .family-life-page .family-section-title--split, .family-life-page .family-story__copy, .family-life-page .family-parking__copy, .family-life-page .family-check__title, .family-life-page .family-staff__copy, .family-life-page .family-cta__copy{ max-width:880px; margin-left:auto; margin-right:auto; text-align:center; } .family-life-page .family-section-title--wide, .family-life-page .family-section-title--split{ display:flex; flex-direction:column; align-items:center; justify-content:center; } .family-life-page .family-mini-points{ justify-content:center; } .family-life-page .family-parking__visual{ justify-content:center; text-align:center; } .family-life-page .family-flow-card{ margin-inline:auto; text-align:center; } .family-life-page .family-staff__profile{ justify-items:center; text-align:center; } .family-life-page .family-staff__profile img{ margin-inline:auto; } .family-life-page .voice-card__body, .family-life-page .guide-card__body{ text-align:center; } /* ---------- VIEWING FLOW ---------- */ .viewing-flow-page .viewing-step__title, .viewing-flow-page .viewing-step__content{ max-width:980px; margin-left:auto; margin-right:auto; text-align:center; } .viewing-flow-page .viewing-step__content--story>div{ text-align:center; } .viewing-flow-page .viewing-step__content--story strong{ text-align:center; } .viewing-flow-page .viewing-compare-note>div{ justify-content:center; } .viewing-flow-page .viewing-compare-note p{ margin:10px auto 0!important; } .viewing-flow-page .viewing-cta__content{ justify-items:center; } .viewing-flow-page .viewing-cta__content .btn{ justify-self:center; } .viewing-flow-page .guide-card__body{ text-align:center; } /* ---------- FAQ: keep the component easy to scan while respecting centered-copy request ---------- */ .approved-page .faq-list{ width:min(100%,920px); margin-left:auto; margin-right:auto; } .approved-page .faq-item{ margin-bottom:10px; padding:0 18px; border:1px solid #eadfd7; border-radius:14px; background:#fff; } .approved-page .faq-item summary{ justify-content:center; min-height:64px; text-align:center; } .approved-page .faq-toggle{ margin-left:6px; } .approved-page .faq-answer{ justify-content:center; padding:0 18px 20px; text-align:center; } .approved-page .faq-answer p{ margin:0!important; text-align:center; } /* ---------- card clarity ---------- */ .approved-page .icon-card, .approved-page .rent-worry-chip, .approved-page .area-mobility__grid article, .approved-page .area-priority__cards>div, .approved-page .family-worries__grid>div, .approved-page .voice-card, .approved-page .guide-card{ border-color:#e6d9cf; box-shadow:0 8px 24px rgba(70,51,39,.045); } .approved-page .voice-card h3, .approved-page .guide-card h3{ line-height:1.65; } /* ---------- responsive ---------- */ @media(max-width:820px){ body{font-size:16px} .approved-page--top .frame:not(.top-hero) .frame__inner, .rent-hub-page .frame:not(.rent-hub-hero) .frame__inner, .area-guide-page .frame:not(.area-hero) .frame__inner, .family-life-page .frame:not(.family-hero) .frame__inner, .viewing-flow-page .frame:not(.viewing-hero) .frame__inner{ padding:52px 24px; border-radius:20px; } .approved-page--top .frame:not(.top-hero) p, .rent-hub-page .frame:not(.rent-hub-hero) p, .area-guide-page .frame:not(.area-hero) p, .family-life-page .frame:not(.family-hero) p, .viewing-flow-page .frame:not(.viewing-hero) p{ font-size:14.5px; } .button-row{align-items:center} .button-row .btn{width:min(100%,420px)} .area-guide-page .area-cta__inner>.btn, .viewing-flow-page .viewing-cta__content .btn{ width:min(100%,420px); justify-self:center; } } @media(max-width:520px){ .approved-page--top .frame:not(.top-hero) .frame__inner, .rent-hub-page .frame:not(.rent-hub-hero) .frame__inner, .area-guide-page .frame:not(.area-hero) .frame__inner, .family-life-page .frame:not(.family-hero) .frame__inner, .viewing-flow-page .frame:not(.viewing-hero) .frame__inner{ padding:44px 18px; border-radius:16px; } .approved-page--top .frame:not(.top-hero), .rent-hub-page .frame:not(.rent-hub-hero), .area-guide-page .frame:not(.area-hero), .family-life-page .frame:not(.family-hero), .viewing-flow-page .frame:not(.viewing-hero){ margin-bottom:14px; } .approved-page .faq-item{padding:0 12px} } /* ========================================================= v1.4.0 — Purchase cluster / official-site design system /buy/, /buy/area/, /buy/mansion/, /buy/house/, /buy/flow/ - one visual block = one section - all non-hero section title/copy/CTA centered - no decorative section counters - full-width heroes - page-specific visual identities inside one brand system ========================================================= */ .buy-page{ --buy-ink:#372f29; --buy-copy:#675c54; --buy-orange:#db7b53; --buy-green:#65965b; --buy-sage:#8ba181; --buy-cream:#fff9f3; --buy-line:#eadfd6; --buy-panel:#fffdfb; padding-top:0; background:#fffdfb; } .buy-page .frame{margin-bottom:22px} .buy-page .frame:not(.buy-hero) .frame__inner{ padding:74px 52px; border:1px solid var(--buy-line); border-radius:26px; background:rgba(255,255,255,.96); box-shadow:0 12px 38px rgba(70,52,40,.05); text-align:center; overflow:hidden; } .buy-page .frame:nth-of-type(even):not(.buy-hero) .frame__inner{ background:linear-gradient(145deg,#fffdfb,#fbf4ec); } .buy-page h2{ max-width:920px; margin:0 auto 18px; font-family:var(--serif); font-size:clamp(30px,3.25vw,43px); line-height:1.48; letter-spacing:.035em; color:var(--buy-ink); text-align:center; } .buy-page h2::after{ content:""; display:block; width:46px; height:2px; margin:17px auto 0; border-radius:999px; background:linear-gradient(90deg,var(--buy-orange),#d9c0aa); } .buy-page .frame:not(.buy-hero) p{ max-width:830px; margin:0 auto 18px; color:var(--buy-copy); font-size:15px; line-height:1.95; text-align:center; } .buy-page .button-row{ justify-content:center; align-items:center; margin-top:28px; } .buy-page .section-kicker{ display:inline-flex; align-items:center; justify-content:center; min-height:30px; margin:0 auto 12px; padding:5px 13px; border:1px solid #e7d8cc; border-radius:999px; background:#fffaf6; color:#8e705d; font-size:10px; line-height:1; font-weight:800; letter-spacing:.13em; } .buy-section-heading{ width:min(100%,940px); margin:0 auto 34px; text-align:center; } .buy-section-heading p:last-child{margin-bottom:0!important} /* ---------- Purchase hero: full width, centered copy within editorial split ---------- */ .buy-hero{margin:0 0 24px!important} .buy-hero>.frame__inner{ width:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; box-shadow:none; background:linear-gradient(90deg,#fffdfb 0 44%,#f6eee5 44% 100%); overflow:hidden; } .buy-hero .fkr-breadcrumb{ width:min(calc(100% - 48px),1240px); margin:0 auto; padding:15px 0 10px; } .buy-hero__grid{ display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); min-height:520px; } .buy-hero__copy{ display:flex; flex-direction:column; align-items:center; justify-content:center; padding:54px clamp(28px,6vw,86px); text-align:center; background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.95),rgba(255,250,245,.88) 62%,rgba(255,250,245,.58)); } .buy-hero__copy .page-kicker{ display:inline-flex; margin-bottom:14px; color:#a67d62; font-size:11px; font-weight:800; letter-spacing:.16em; } .buy-hero__copy h1{ max-width:640px; margin:0 auto 20px; font-family:var(--serif); font-size:clamp(38px,4.6vw,62px); line-height:1.48; letter-spacing:.04em; text-align:center; color:#362d28; } .buy-hero__copy p{ max-width:590px!important; margin:0 auto!important; color:#665a52; font-size:15px; line-height:2; text-align:center; } .buy-hero__copy .button-row{justify-content:center;margin-top:30px} .buy-hero__media{min-height:520px;position:relative;overflow:hidden} .buy-hero__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,250,245,.26),transparent 32%); pointer-events:none; } .buy-hero__media img{width:100%;height:100%;object-fit:cover} .buy-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:19px} .buy-hero__tags span{padding:6px 12px;border:1px solid #e4d1c2;border-radius:999px;background:rgba(255,255,255,.8);font-size:10px;font-weight:800;color:#8d6d59} /* ---------- reusable official-site modules ---------- */ .buy-card-grid{display:grid;gap:12px;margin:30px auto 0} .buy-card-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))} .buy-card-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))} .buy-card-grid--8{grid-template-columns:repeat(8,minmax(0,1fr))} .buy-mini-card{ min-height:136px; padding:22px 14px; border:1px solid #e7dcd3; border-radius:18px; background:#fff; box-shadow:0 9px 26px rgba(70,52,40,.045); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; text-align:center; } .buy-mini-card .fkr-icon{width:34px;height:34px;color:#b08261} .buy-mini-card strong{font-size:12.5px;line-height:1.7} .buy-life-mosaic{width:min(100%,960px);margin:0 auto;display:grid;grid-template-columns:1fr;gap:20px;justify-items:center} .buy-life-mosaic>img{width:100%;max-height:480px;aspect-ratio:16/7;object-fit:cover;border-radius:22px} .buy-life-points{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:10px} .buy-life-points span{min-height:80px;padding:12px 9px;border:1px solid #eadfd6;border-radius:15px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:800} .buy-life-points .fkr-icon{width:25px;height:25px;color:#8f9b77} .buy-choice__visual{width:min(100%,1000px);margin:0 auto;position:relative} .buy-choice__visual img,.buy-wide-photo,.buy-flow-photo,.buy-final-photo{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:22px} .buy-choice__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:-23px;position:relative;z-index:2} .buy-choice__chips span{padding:11px 16px;border:1px solid #e5d8ce;border-radius:999px;background:#fff;box-shadow:0 6px 18px rgba(61,45,35,.06);font-size:11px;font-weight:800} .buy-icon-row{width:min(100%,1000px);margin:30px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px} .buy-icon-row--wide{grid-template-columns:repeat(6,1fr)} .buy-icon-row>div{min-height:112px;padding:14px;border:1px solid #e8ddd4;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 22px rgba(70,52,40,.035)} .buy-icon-row .fkr-icon{width:31px;height:31px;color:#9a7b60} .buy-icon-row span{font-size:11px;font-weight:800} .buy-budget-flow{width:min(100%,1040px);margin:30px auto 0;display:grid;grid-template-columns:repeat(7,auto);gap:10px;align-items:center;justify-content:center} .buy-budget-flow>div{min-width:145px;min-height:100px;padding:16px;border:1px solid #e3d7ce;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(70,52,40,.035)} .buy-budget-flow>div strong{font-size:13px}.buy-budget-flow>div small{font-size:9px;color:#8a7b71;margin-top:5px}.buy-budget-flow>b{font-size:22px;color:#d08b69}.buy-budget-result{grid-column:1/-1;justify-self:center;margin-top:10px;padding:12px 26px;border-radius:999px;background:#f6ede4;color:#675044;font-weight:800;font-size:13px} .buy-compare__grid{width:min(100%,920px);margin:30px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px} .buy-compare__grid article{padding:28px;border:1px solid #e2d7ce;border-radius:22px;background:#fff;box-shadow:0 9px 25px rgba(68,50,39,.045);text-align:center} .buy-compare__grid article.is-mansion{border-top:5px solid #7da778}.buy-compare__grid article.is-house{border-top:5px solid #e08a58} .buy-compare__grid h3{font-family:var(--serif);font-size:22px;margin:0 0 14px} .buy-compare__grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.buy-compare__grid li{padding:8px 10px;border-radius:10px;background:#faf7f3;color:#665950;font-size:12px;text-align:center} .buy-process-rail{width:min(100%,1080px);margin:32px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;position:relative} .buy-process-rail--6{grid-template-columns:repeat(6,1fr)} .buy-process-rail::before{content:"";position:absolute;left:6%;right:6%;top:40px;height:1px;background:#d7c4b6;z-index:0} .buy-process-rail li{position:relative;z-index:1;min-height:120px;padding:15px 8px;border:1px solid #e7dcd3;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center} .buy-process-rail .fkr-icon{width:31px;height:31px;color:#ab7e61;background:#fff} .buy-process-rail span{font-size:10.5px;font-weight:800} .buy-advisor__card{width:min(100%,780px);margin:30px auto 0;padding:26px;border:1px solid #e4d8cf;border-radius:24px;background:linear-gradient(135deg,#fff,#faf4ed);display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center;text-align:center} .buy-advisor__card img{width:150px;height:170px;object-fit:cover;border-radius:20px;margin:auto}.buy-advisor__card strong{font-family:var(--serif);font-size:20px}.buy-advisor__card p{font-size:13px!important;margin:8px auto!important} .buy-photo-cards{width:min(100%,1020px);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.buy-photo-cards--4{grid-template-columns:repeat(4,1fr)} .buy-photo-cards article{overflow:hidden;border:1px solid #e8ddd4;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(70,52,40,.04)} .buy-photo-cards img{width:100%;aspect-ratio:16/9;object-fit:cover}.buy-photo-cards strong{display:block;padding:13px 10px;font-size:11.5px;text-align:center} .buy-check-grid{width:min(100%,960px);margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px} .buy-check-grid span{min-height:70px;padding:12px;border:1px solid #e7dcd3;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;font-size:11.5px;font-weight:800}.buy-check-grid .fkr-icon{color:#6f9b63} .buy-type-panels{width:min(100%,940px);margin:30px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px} .buy-type-panels article{overflow:hidden;border:1px solid #e5d9d0;border-radius:22px;background:#fff;padding-bottom:24px;text-align:center}.buy-type-panels img{width:100%;aspect-ratio:16/8;object-fit:cover}.buy-type-panels h3{font-family:var(--serif);font-size:22px;margin:20px 20px 8px}.buy-type-panels p{font-size:12px!important;margin:0 auto 16px!important;padding:0 20px}.buy-type-panels .btn{margin:0 auto} .buy-priority-grid{width:min(100%,900px);margin:30px auto 0;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.buy-priority-grid span{min-height:74px;padding:12px;border:1px solid #d9e3d5;border-radius:15px;background:#fbfdf9;display:grid;place-items:center;color:#5d7358;font-size:12px;font-weight:800;text-align:center} .buy-perspective-cards{width:min(100%,860px);margin:30px auto 0;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.buy-perspective-cards article{padding:30px;border:1px solid #e2d8cf;border-radius:22px;background:#fff;box-shadow:0 8px 24px rgba(70,52,40,.04)}.buy-perspective-cards article:first-child{border-top:5px solid #aeb6ac}.buy-perspective-cards article:last-child{border-top:5px solid #e09567}.buy-perspective-cards h3{font-family:var(--serif);font-size:22px;margin:0 0 10px}.buy-perspective-cards p{font-size:12.5px!important;margin:0!important} .buy-mobility-grid{width:min(100%,960px);margin:30px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.buy-mobility-grid article{min-height:170px;padding:24px 14px;border:1px solid #dfe3d9;border-radius:19px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.buy-mobility-grid .fkr-icon{width:38px;height:38px;color:#718c69}.buy-mobility-grid h3{margin:6px 0 0;font-size:15px}.buy-mobility-grid p{font-size:10.5px!important;margin:0!important} .buy-management-panel{width:min(100%,900px);margin:30px auto 0;display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}.buy-management-panel img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:20px}.buy-management-panel ul{list-style:none;margin:0;padding:25px;border:1px solid #dbe4d9;border-radius:20px;background:#fbfdf9;display:flex;flex-direction:column;justify-content:center;gap:13px}.buy-management-panel li{padding:11px 12px;border-radius:12px;background:#fff;color:#526451;font-size:12px;font-weight:800;text-align:center}.buy-management-panel li::before{content:"✓";color:#6a9c62;margin-right:7px} .buy-land-diagram{width:min(100%,820px);min-height:330px;margin:30px auto 0;position:relative;border:1px solid #dde6d7;border-radius:28px;background:radial-gradient(circle,#fff 0 32%,#f8fbf6 33% 100%)}.buy-land-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:130px;border:1px solid #d8e3d3;border-radius:24px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:0 10px 30px rgba(58,78,52,.08)}.buy-land-core .fkr-icon{width:48px;height:48px;color:#78926e}.buy-land-diagram>span{position:absolute;padding:10px 15px;border:1px solid #dce5d8;border-radius:999px;background:#fff;font-size:11px;font-weight:800;color:#5e7159}.buy-land-diagram>span:nth-of-type(1){top:26px;left:50%;transform:translateX(-50%)}.buy-land-diagram>span:nth-of-type(2){top:115px;right:35px}.buy-land-diagram>span:nth-of-type(3){bottom:34px;right:70px}.buy-land-diagram>span:nth-of-type(4){bottom:34px;left:70px}.buy-land-diagram>span:nth-of-type(5){top:115px;left:35px} .buy-sun-grid{width:min(100%,820px);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.buy-sun-grid>div{min-height:180px;padding:24px;border:1px solid #e5d9d0;border-radius:20px;background:linear-gradient(160deg,#fff,#fff7ed);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.buy-sun-grid .fkr-icon{width:45px;height:45px;color:#d69658}.buy-sun-grid span{font-family:var(--serif);font-size:20px}.buy-sun-grid small{font-size:11px;color:#75685f} .buy-recheck-card{width:min(100%,800px);margin:30px auto 0;min-height:150px;padding:25px;border:1px solid #e5d9d0;border-radius:24px;background:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px}.buy-recheck-card .fkr-icon{width:36px;height:36px;color:#8d9b75}.buy-recheck-card strong{font-size:13px}.buy-recheck-card span{color:#d79a79;font-size:22px} .buy-flow-symbol{width:130px;height:130px;margin:28px auto 0;border-radius:50%;background:#fff8f0;border:1px solid #eadbd0;display:grid;place-items:center}.buy-flow-symbol .fkr-icon{width:55px;height:55px;color:#b38365} .buy-final-cta__inner{background:linear-gradient(135deg,#fff8f1,#f4ede2)!important}.buy-final-photo{width:min(100%,980px);margin:28px auto 0;max-height:450px} /* ---------- page-specific identity ---------- */ .buy-area-page{--buy-orange:#d38660;--buy-green:#6e9566}.buy-area-page .frame:not(.buy-hero) .frame__inner{border-color:#e1e6dc}.buy-area-page h2::after{background:linear-gradient(90deg,#71946b,#cbb794)}.buy-area-page .section-kicker{border-color:#dce5d8;background:#fbfdf9;color:#637a60} .buy-mansion-page{--buy-orange:#c97959;--buy-green:#6e8c7b}.buy-mansion-page .frame:not(.buy-hero) .frame__inner{background:linear-gradient(150deg,#fff,#f8faf9);border-color:#dfe5e1}.buy-mansion-page .frame:nth-of-type(even):not(.buy-hero) .frame__inner{background:linear-gradient(145deg,#fffaf6,#f5f8f7)}.buy-mansion-page h2::after{background:linear-gradient(90deg,#6f8f7f,#d5ad8d)}.buy-mansion-page .section-kicker{background:#f7fbf8;border-color:#d7e3db;color:#5f776b} .buy-house-page{--buy-orange:#d77f50;--buy-green:#76966e}.buy-house-page .frame:not(.buy-hero) .frame__inner{border-color:#dee7d9}.buy-house-page h2::after{background:linear-gradient(90deg,#77986e,#d59d72)}.buy-house-page .section-kicker{background:#fbfdf8;border-color:#dbe6d6;color:#667a5f} .buy-flow-page{--buy-orange:#df7f52;--buy-green:#6d925f}.buy-flow-page .frame:not(.buy-hero) .frame__inner{border-color:#e9ddd4}.buy-flow-page .frame:nth-of-type(odd):not(.buy-hero) .frame__inner{background:linear-gradient(145deg,#fff,#fbf6f0)}.buy-flow-page .section-kicker{background:#fff8f3;color:#a26e52} /* Buy pages inherit centered official-site voice/guide/FAQ presentation. */ .buy-page .voice-grid,.buy-page .guide-grid{margin-top:30px}.buy-page .voice-card__body,.buy-page .guide-card__body{text-align:center}.buy-page .faq-list{width:min(100%,920px);margin:30px auto 0}.buy-page .faq-item summary,.buy-page .faq-answer{text-align:center;justify-content:center}.buy-page .faq-answer p{text-align:center!important} @media(max-width:1050px){ .buy-card-grid--8{grid-template-columns:repeat(4,1fr)} .buy-card-grid--6{grid-template-columns:repeat(3,1fr)} .buy-card-grid--5{grid-template-columns:repeat(3,1fr)} .buy-process-rail{grid-template-columns:repeat(4,1fr)} .buy-process-rail--6{grid-template-columns:repeat(3,1fr)} .buy-process-rail::before{display:none} .buy-life-points{grid-template-columns:repeat(3,1fr)} } @media(max-width:820px){ .buy-page .frame:not(.buy-hero) .frame__inner{padding:54px 24px;border-radius:20px} .buy-hero .fkr-breadcrumb{width:min(calc(100% - 36px),1240px)} .buy-hero__grid{grid-template-columns:1fr;min-height:0} .buy-hero__copy{padding:42px 22px} .buy-hero__copy h1{font-size:clamp(34px,10vw,48px)} .buy-hero__media{min-height:300px;order:-1} .buy-hero__media::after{background:linear-gradient(180deg,transparent 65%,rgba(255,250,245,.25))} .buy-card-grid--8,.buy-card-grid--6,.buy-card-grid--5{grid-template-columns:repeat(2,1fr)} .buy-icon-row,.buy-icon-row--wide{grid-template-columns:repeat(3,1fr)} .buy-life-points{grid-template-columns:repeat(2,1fr)} .buy-budget-flow{grid-template-columns:1fr;gap:8px;width:min(100%,520px)} .buy-budget-flow>b{transform:rotate(90deg);line-height:1}.buy-budget-flow>div{width:100%;min-width:0}.buy-budget-result{grid-column:auto;width:100%} .buy-compare__grid,.buy-type-panels,.buy-perspective-cards,.buy-management-panel{grid-template-columns:1fr} .buy-process-rail,.buy-process-rail--6{grid-template-columns:repeat(2,1fr)} .buy-photo-cards,.buy-photo-cards--4{grid-template-columns:repeat(2,1fr)} .buy-check-grid{grid-template-columns:repeat(2,1fr)} .buy-priority-grid{grid-template-columns:repeat(3,1fr)} .buy-mobility-grid{grid-template-columns:repeat(2,1fr)} .buy-advisor__card{grid-template-columns:1fr}.buy-advisor__card img{width:180px;height:205px} .buy-sun-grid{grid-template-columns:1fr}.buy-sun-grid>div{min-height:145px} .buy-land-diagram{min-height:460px}.buy-land-core{width:150px}.buy-land-diagram>span:nth-of-type(1){top:22px}.buy-land-diagram>span:nth-of-type(2){top:100px;right:18px}.buy-land-diagram>span:nth-of-type(3){bottom:32px;right:25px}.buy-land-diagram>span:nth-of-type(4){bottom:32px;left:25px}.buy-land-diagram>span:nth-of-type(5){top:100px;left:18px} } @media(max-width:520px){ .buy-page .frame{margin-bottom:14px} .buy-page .frame:not(.buy-hero) .frame__inner{padding:46px 18px;border-radius:16px} .buy-page h2{font-size:clamp(27px,8.3vw,34px)} .buy-page .frame:not(.buy-hero) p{font-size:14px} .buy-hero__copy{padding:36px 18px 42px}.buy-hero__media{min-height:245px} .buy-hero__copy .button-row{width:100%}.buy-hero__copy .btn{width:100%;max-width:420px} .buy-card-grid--8,.buy-card-grid--6,.buy-card-grid--5{grid-template-columns:1fr 1fr} .buy-mini-card{min-height:116px;padding:15px 10px} .buy-icon-row,.buy-icon-row--wide{grid-template-columns:repeat(2,1fr)} .buy-life-points{grid-template-columns:1fr 1fr} .buy-process-rail,.buy-process-rail--6{grid-template-columns:1fr 1fr} .buy-photo-cards,.buy-photo-cards--4{grid-template-columns:1fr} .buy-check-grid{grid-template-columns:1fr 1fr} .buy-priority-grid{grid-template-columns:1fr 1fr} .buy-mobility-grid{grid-template-columns:1fr 1fr} .buy-choice__visual img,.buy-wide-photo,.buy-flow-photo,.buy-final-photo,.buy-life-mosaic>img{aspect-ratio:4/3;border-radius:17px} .buy-choice__chips{margin-top:12px} .buy-land-diagram{min-height:auto;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.buy-land-core{position:static;transform:none;grid-column:1/-1;width:100%;height:120px}.buy-land-diagram>span{position:static!important;transform:none!important;display:grid;place-items:center;min-height:58px} .buy-recheck-card{flex-direction:column} } /* ========================================================= SELL PAGES v1.5.0 — official-site visual system All non-hero section headings, intro copy and CTA are centered. One .frame = one semantic/visual section. ========================================================= */ .sell-page{--sell-orange:#d56d45;--sell-orange-deep:#bb5b3c;--sell-green:#668d62;--sell-green-dark:#4f7450;--sell-cream:#fff9f4;--sell-paper:#f7efe7;--sell-ink:#3c302b;--sell-line:#eaded4;--sell-shadow:0 16px 44px rgba(81,57,42,.07);background:linear-gradient(180deg,#fffdfb,#fffaf6 55%,#fffdfb)} .sell-page .frame{margin-bottom:16px}.sell-page .frame:not(.sell-hero) .frame__inner{padding:76px 54px;border-radius:26px;border-color:var(--sell-line);box-shadow:0 4px 18px rgba(87,62,44,.035);background:rgba(255,255,255,.94)} .sell-page .frame:not(.sell-hero) h2,.sell-page .frame:not(.sell-hero) .sell-section-heading,.sell-page .frame:not(.sell-hero) .sell-section-heading p{text-align:center}.sell-page .frame:not(.sell-hero) .sell-section-heading{width:min(100%,860px);margin:0 auto 32px}.sell-page .frame:not(.sell-hero) h2{font-size:clamp(30px,3.1vw,43px);line-height:1.55;margin:0 0 14px}.sell-page .frame:not(.sell-hero) h2::after{content:"";display:block;width:62px;height:2px;margin:20px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--sell-orange),#d7aa78)}.sell-page .frame:not(.sell-hero) .sell-section-heading p{font-size:15px;line-height:2;max-width:720px;margin:0 auto;color:#786b63}.sell-page .section-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 12px;margin:0 auto 12px;border:1px solid #eadbd0;border-radius:999px;background:#fff9f5;color:#a56b50;font-size:10px;font-weight:900;letter-spacing:.13em}.sell-page .button-row{justify-content:center;margin-top:28px}.sell-page .btn{min-height:50px;padding-inline:25px}.sell-page .btn--accent{background:linear-gradient(135deg,var(--sell-orange),#df8355);color:#fff;border-color:transparent;box-shadow:0 10px 24px rgba(197,93,55,.16)}.sell-page .btn--accent:hover{background:linear-gradient(135deg,#c65e3d,#d9784a)}.sell-page .btn--soft{background:#f2f7ef;border-color:#cfe0ca;color:#557651}.sell-page .faq-list{width:min(100%,950px);margin:30px auto 0}.sell-page .faq-item summary,.sell-page .faq-answer{text-align:center;justify-content:center}.sell-page .faq-answer p{text-align:center!important}.sell-page .voice-grid,.sell-page .guide-grid{margin-top:30px}.sell-page .voice-card__body,.sell-page .guide-card__body{text-align:center} /* Full-width hero on every sell page */ .sell-page .sell-hero>.frame__inner{width:100%;max-width:none;margin:0;border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:18px 0 0;overflow:hidden;background:linear-gradient(90deg,#fffdf9,#f7efe5)} .sell-page .sell-hero .fkr-breadcrumb{width:min(calc(100% - 52px),1240px);margin:0 auto;padding:0 0 14px}.sell-hero__grid{display:grid;grid-template-columns:.92fr 1.08fr;min-height:480px}.sell-hero__copy{padding:58px 46px 62px max(48px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(90deg,#fffdfb 0%,#fffaf4 88%,rgba(255,250,244,.68) 100%)}.sell-hero__copy .page-kicker{font-size:10px;color:#a66c52;letter-spacing:.15em;font-weight:900;margin-bottom:14px}.sell-hero__copy h1{font-family:var(--serif);font-size:clamp(38px,4.5vw,60px);line-height:1.52;margin:0 0 18px;color:var(--sell-ink)}.sell-hero__copy p{max-width:610px;margin:0;color:#6d625a;font-size:15px;line-height:2}.sell-hero__media{min-height:460px;overflow:hidden;position:relative}.sell-hero__media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,250,244,.24),transparent 30%)}.sell-hero__media img{width:100%;height:100%;object-fit:cover} /* SELL TOP — Editorial Trust */ .sell-hub-page .frame:not(.sell-hero):nth-of-type(even) .frame__inner{background:linear-gradient(145deg,#fff,#fff8f2)} .sell-question-cloud{width:min(100%,900px);margin:20px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:13px}.sell-question-cloud span{padding:15px 22px;border:1px solid #ead9cd;border-radius:999px;background:#fff;box-shadow:0 8px 22px rgba(78,57,43,.045);font-family:var(--serif);font-size:15px;color:#5f5047}.sell-question-cloud span:nth-child(3n){transform:translateY(8px)} .sell-policy-portrait{width:min(100%,880px);margin:34px auto 0;display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center}.sell-policy-portrait img{width:280px;height:330px;object-fit:cover;border-radius:160px 160px 26px 26px;box-shadow:var(--sell-shadow)}.sell-policy-portrait>div{text-align:center;padding:30px;border-top:1px solid #eadbd0;border-bottom:1px solid #eadbd0}.sell-policy-portrait strong{display:block;font-family:var(--serif);font-size:27px;margin-bottom:10px}.sell-policy-portrait p{text-align:center!important;margin:0!important} .sell-desk-collage{width:min(100%,900px);margin:34px auto 0;position:relative}.sell-desk-collage>img{width:100%;height:400px;object-fit:cover;border-radius:24px}.sell-desk-note{position:absolute;right:24px;bottom:24px;width:min(82%,620px);padding:18px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border:1px solid #eadbd0;border-radius:18px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;box-shadow:var(--sell-shadow)}.sell-desk-note span{padding:10px 8px;border-radius:10px;background:#fff7f1;text-align:center;font-size:11px;font-weight:800;color:#755d4f} .sell-architecture-banner,.sell-house-panorama{width:min(100%,1000px);margin:32px auto 0;position:relative;overflow:hidden;border-radius:26px}.sell-architecture-banner img,.sell-house-panorama img{width:100%;height:390px;object-fit:cover}.sell-architecture-banner:after,.sell-house-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(41,38,34,.36))}.sell-architecture-tags{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.sell-architecture-tags span{padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.92);font-size:10px;font-weight:900}.sell-house-panorama img{height:350px} .sell-vertical-rail{width:min(100%,680px);margin:30px auto 0;position:relative;display:grid;gap:8px}.sell-vertical-rail:before{content:"";position:absolute;top:28px;bottom:28px;left:50%;width:1px;background:linear-gradient(#e9c3ad,#9eb99d)}.sell-vertical-rail>div{position:relative;z-index:1;width:58%;margin-left:auto;padding:13px 18px;border:1px solid #eadbd0;border-radius:16px;background:#fff;display:flex;align-items:center;gap:12px;box-shadow:0 7px 20px rgba(78,55,41,.04)}.sell-vertical-rail>div:nth-child(even){margin-left:0;margin-right:auto;justify-content:flex-end}.sell-vertical-rail .fkr-icon{width:26px;height:26px;color:var(--sell-orange)}.sell-vertical-rail strong{font-size:13px} .sell-orbit{width:430px;height:430px;margin:30px auto 0;position:relative;border:1px dashed #d9c2b2;border-radius:50%;background:radial-gradient(circle,#fff 0 35%,#fff8f2 36% 100%)}.sell-orbit__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#d96f47,#c25838);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:23px;line-height:1.6;box-shadow:0 18px 38px rgba(181,82,48,.18)}.sell-orbit>span{position:absolute;width:104px;height:104px;border-radius:50%;background:#fff;border:1px solid #eadbcf;display:grid;place-items:center;font-weight:800;color:#65564c;font-size:12px}.sell-orbit>span:nth-of-type(1){left:50%;top:-12px;transform:translateX(-50%)}.sell-orbit>span:nth-of-type(2){right:-14px;top:98px}.sell-orbit>span:nth-of-type(3){right:30px;bottom:8px}.sell-orbit>span:nth-of-type(4){left:30px;bottom:8px}.sell-orbit>span:nth-of-type(5){left:-14px;top:98px} .sell-before-after{width:min(100%,850px);margin:30px auto 0;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;gap:12px}.sell-before-after>div{position:relative}.sell-before-after img{width:100%;height:250px;object-fit:cover;border-radius:20px}.sell-before-after span{position:absolute;z-index:2;left:14px;top:14px;padding:8px 12px;border-radius:999px;background:#fff;font-size:10px;font-weight:900}.sell-before-after>b{display:grid;place-items:center;color:var(--sell-orange)}.sell-before-after>b .fkr-icon{width:32px;height:32px} .sell-advisor__portrait{width:min(100%,850px);margin:32px auto 0;display:grid;grid-template-columns:250px 1fr;gap:34px;align-items:center}.sell-advisor__portrait img{width:250px;height:290px;object-fit:cover;border-radius:24px}.sell-advisor__portrait>div{text-align:center}.sell-advisor__portrait strong{display:block;font-family:var(--serif);font-size:23px;margin-bottom:10px}.sell-advisor__portrait p{text-align:center!important;margin:0!important}.sell-editorial-voices .voice-card{border:0;box-shadow:none;background:#fffaf6}.sell-guide-featured .guide-card:first-child{grid-column:span 2}.sell-final-photo{width:min(100%,980px);height:380px;object-fit:cover;border-radius:26px;margin:30px auto 0} /* ASSESSMENT — Data & Transparency */ .sell-assessment-page{--sell-orange:#d2643f;--sell-green:#7a946a}.sell-assessment-page .frame:not(.sell-hero) .frame__inner{background:linear-gradient(150deg,#fff,#fffaf6)}.assessment-bubbles{width:min(100%,820px);margin:26px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:14px}.assessment-bubbles span{padding:17px 23px;border:1px solid #e8ded4;border-radius:50% 45% 52% 48%/52% 48% 54% 46%;background:#fff;box-shadow:0 8px 24px rgba(76,57,45,.04);font-family:var(--serif);font-size:15px}.assessment-bubbles span:nth-child(even){transform:translateY(14px)} .assessment-price-flow{width:min(100%,900px);margin:34px auto 0;display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;gap:8px}.assessment-price-flow>div{min-height:200px;border-radius:50%;background:linear-gradient(145deg,#fff8ef,#f6eadc);border:1px solid #eadccf;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.assessment-price-flow strong{font-family:var(--serif);font-size:22px}.assessment-price-flow small{font-size:11px;color:#75685f;margin-top:8px}.assessment-price-flow>b{color:var(--sell-orange);display:grid;place-items:center}.assessment-price-flow>b .fkr-icon{width:28px;height:28px} .assessment-radar{width:440px;height:390px;margin:30px auto 0;position:relative;background:repeating-radial-gradient(circle at center,transparent 0 55px,#dce4d7 56px 57px);border-radius:30px}.assessment-radar:before,.assessment-radar:after{content:"";position:absolute;inset:40px;border:1px solid #dbe4d7;transform:rotate(45deg)}.assessment-radar__core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:rgba(116,151,104,.16);border:1px solid #aec3a8;text-align:center;font-family:var(--serif);font-size:22px;z-index:2}.assessment-radar span{position:absolute;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dce4d7;font-size:11px;font-weight:900;z-index:2}.assessment-radar span:nth-of-type(1){top:24px;left:50%;transform:translateX(-50%)}.assessment-radar span:nth-of-type(2){top:116px;right:12px}.assessment-radar span:nth-of-type(3){bottom:18px;right:64px}.assessment-radar span:nth-of-type(4){bottom:18px;left:44px}.assessment-radar span:nth-of-type(5){top:116px;left:8px} .assessment-cutaway,.assessment-land-model{width:min(100%,900px);margin:30px auto 0;display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:stretch}.assessment-cutaway img,.assessment-land-model img{width:100%;height:340px;object-fit:cover;border-radius:22px}.assessment-cutaway>div,.assessment-land-model>div{display:grid;grid-template-columns:1fr;gap:10px}.assessment-cutaway span,.assessment-land-model span{display:grid;place-items:center;padding:12px;border:1px solid #dae4d6;border-radius:14px;background:#fbfdf9;font-size:11px;font-weight:800;text-align:center}.assessment-paper-stack{width:min(100%,780px);margin:28px auto 0;display:grid;gap:10px;transform:rotate(-1deg)}.assessment-paper-stack span{padding:18px 24px;border:1px solid #e7ddd5;background:#fff;box-shadow:0 8px 18px rgba(68,51,41,.04);text-align:center;font-weight:800}.assessment-paper-stack span:nth-child(even){transform:translateX(20px)}.assessment-trust-icons{width:min(100%,780px);margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.assessment-trust-icons>div{min-height:145px;border-radius:50%;border:1px solid #eadccf;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.assessment-trust-icons .fkr-icon{width:34px;height:34px;color:#986f55}.assessment-trust-icons span{font-size:11px;font-weight:800}.assessment-next-flow{width:min(100%,760px);margin:28px auto 0;display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center}.assessment-next-flow>div{min-height:150px;border:1px solid #e6ddd4;border-radius:18px;background:#fff;padding:24px;text-align:center;font-family:var(--serif);font-size:21px}.assessment-next-flow>div span{display:block;font-family:var(--sans);font-size:10px;color:#82766e;margin-top:8px}.assessment-next-flow>b{display:grid;place-items:center;color:#6e9163}.assessment-advisor-photo{width:min(100%,900px);margin:30px auto 0}.assessment-advisor-photo img{width:100%;height:350px;object-fit:cover;border-radius:24px} /* FLOW — Journey / Roadmap */ .sell-flow-page{--sell-orange:#d66a43;--sell-green:#718e61}.sell-flow-page .frame:not(.sell-hero) .frame__inner{background:#fff}.sell-flow-map .frame__inner{background:linear-gradient(150deg,#fffaf5,#fff)!important}.sell-roadmap{width:min(100%,1050px);margin:32px auto 0;display:grid;grid-template-columns:repeat(9,1fr);gap:5px;position:relative}.sell-roadmap:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:2px;background:linear-gradient(90deg,#d98761,#bca983,#7fa172)}.sell-roadmap span{position:relative;z-index:1;min-height:74px;border-radius:50%;background:#fff;border:1px solid #e8dcd2;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:900;box-shadow:0 8px 20px rgba(70,51,39,.04)} .sell-journey-step .frame__inner{position:relative;overflow:hidden}.sell-journey-step .frame__inner:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#f0e5dc}.sell-journey-visual{width:min(100%,900px);margin:28px auto 0;display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;position:relative;z-index:1}.sell-journey-step:nth-of-type(even) .sell-journey-visual{grid-template-columns:1fr 110px}.sell-journey-step:nth-of-type(even) .sell-journey-icon{order:2}.sell-journey-step:nth-of-type(even) .sell-journey-visual img{order:1}.sell-journey-icon{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#fffaf5;border:1px solid #e9d8ca;box-shadow:0 8px 22px rgba(70,52,40,.05)}.sell-journey-icon .fkr-icon{width:42px;height:42px;color:#b88766}.sell-journey-visual img{width:100%;height:270px;object-fit:cover;border-radius:24px}.sell-flow-family-photo{width:min(100%,900px);height:340px;object-fit:cover;border-radius:26px;margin:30px auto 0}.sell-change-tags{width:min(100%,1000px);margin:28px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.sell-change-tags span{padding:13px 18px;border-radius:999px;background:#fff;border:1px solid #e7ddd3;font-size:11px;font-weight:800} /* MANSION SELL — Urban Architecture */ .sell-mansion-page{--sell-orange:#c96142;--sell-green:#6a857a;background:linear-gradient(180deg,#fbfcfc,#fffaf6)}.sell-mansion-page .frame:not(.sell-hero) .frame__inner{border-color:#dfe5e2;background:linear-gradient(145deg,#fff,#f8faf9)}.sell-mansion-page .frame:not(.sell-hero) h2::after{background:linear-gradient(90deg,#6e8d80,#d99a78)}.sell-mansion-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:470px}.sell-mansion-hero__visual{overflow:hidden}.sell-mansion-hero__visual img{width:100%;height:100%;object-fit:cover}.sell-mansion-page .sell-hero__copy{padding-left:48px;background:#fffdfb} .mansion-window-grid{width:min(100%,950px);margin:30px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:linear-gradient(145deg,#87918e,#606966);border-radius:20px}.mansion-window-grid>div{min-height:155px;padding:20px;border:8px solid #505856;background:linear-gradient(180deg,rgba(255,248,240,.94),rgba(246,225,208,.91));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.mansion-window-grid .fkr-icon{width:32px;height:32px;color:#896c5a}.mansion-window-grid strong{font-family:var(--serif);font-size:19px}.mansion-window-grid span{font-size:10px;color:#6f635b} .mansion-cutaway-large{width:min(100%,900px);margin:30px auto 0;position:relative}.mansion-cutaway-large img{width:100%;height:420px;object-fit:cover;border-radius:22px}.mansion-cutaway-large>div{position:absolute;right:18px;top:18px;bottom:18px;display:flex;flex-direction:column;justify-content:space-between}.mansion-cutaway-large span{padding:8px 12px;background:rgba(255,255,255,.94);border:1px solid #dce4df;border-radius:8px;font-size:10px;font-weight:800}.mansion-room-gallery{width:min(100%,1000px);margin:30px auto 0;display:grid;grid-template-columns:1fr 1.1fr 1.1fr 1fr;gap:7px}.mansion-room-gallery img{width:100%;height:210px;object-fit:cover}.mansion-doc-gallery,.mansion-common-strip{width:min(100%,900px);margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mansion-doc-gallery>div,.mansion-common-strip>div{min-height:130px;border:1px solid #dce4df;background:#fff;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.mansion-doc-gallery .fkr-icon,.mansion-common-strip .fkr-icon{width:34px;height:34px;color:#718e80}.mansion-city-photo{width:min(100%,940px);height:380px;object-fit:cover;border-radius:22px;margin:30px auto 0}.mansion-cost-layers{width:min(100%,720px);margin:28px auto 0;display:grid;gap:8px}.mansion-cost-layers span{padding:17px 24px;border:1px solid #dce4df;background:linear-gradient(90deg,#fff,#f5f8f6);text-align:center;font-weight:800}.mansion-cost-layers span:nth-child(2){margin-inline:30px}.mansion-cost-layers span:nth-child(3){margin-inline:60px}.mansion-cost-layers span:nth-child(4){margin-inline:90px}.mansion-cost-layers span:nth-child(5){margin-inline:120px}.sell-compact-flow{width:min(100%,950px);margin:28px auto 0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.sell-compact-flow span{min-height:92px;display:grid;place-items:center;text-align:center;border:1px solid #dce4df;border-radius:16px;background:#fff;font-size:10px;font-weight:900}.mansion-relocation-icon{width:min(100%,430px);margin:28px auto 0;display:flex;align-items:center;justify-content:center;gap:24px;color:#6f8c7c}.mansion-relocation-icon>.fkr-icon{width:72px;height:72px}.mansion-relocation-icon>b .fkr-icon{width:38px;height:38px;color:#d47b58}.mansion-advisor-row{width:min(100%,760px);margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mansion-advisor-row>div{text-align:center}.mansion-advisor-row img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}.mansion-advisor-row strong{display:block;margin-top:8px;font-size:11px} /* HOUSE SELL — Land & Home */ .sell-house-page{--sell-orange:#c96e44;--sell-green:#6b9166;background:linear-gradient(180deg,#fffdf9,#fbf8f1)}.sell-house-page .frame:not(.sell-hero) .frame__inner{border-color:#e1e7dc;background:linear-gradient(145deg,#fff,#fbfdf8)}.sell-house-page .frame:not(.sell-hero) h2::after{background:linear-gradient(90deg,#6e9468,#d8986a)}.sell-house-hero__visual{position:relative;min-height:500px}.sell-house-hero__visual>img{width:100%;height:500px;object-fit:cover}.sell-house-hero__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.95) 0 36%,rgba(255,253,248,.45) 55%,transparent 75%)}.sell-house-hero__copy{position:absolute;z-index:2;left:max(48px,calc((100vw - 1240px)/2));top:50%;transform:translateY(-50%);width:min(46%,600px);display:flex;flex-direction:column;align-items:flex-start}.sell-house-hero__copy h1{font-family:var(--serif);font-size:clamp(38px,4.2vw,58px);line-height:1.55;margin:0 0 16px}.sell-house-hero__copy p{color:#645b53;max-width:540px}.house-plan-worries{width:min(100%,850px);height:330px;margin:30px auto 0;position:relative;border:1px solid #dfe5db;border-radius:18px;background:linear-gradient(90deg,transparent 49.7%,#e5e8e1 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,#e5e8e1 50%,transparent 50.3%),#fff}.house-plan-worries:before,.house-plan-worries:after{content:"";position:absolute;background:#e5e8e1}.house-plan-worries:before{width:1px;top:0;bottom:0;left:25%}.house-plan-worries:after{height:1px;left:0;right:0;top:25%}.house-plan-worries span{position:absolute;padding:9px 14px;border-radius:999px;background:#fffaf5;border:1px solid #e6ddd3;font-size:11px;font-weight:900}.house-plan-worries span:nth-child(1){left:11%;top:12%}.house-plan-worries span:nth-child(2){left:44%;top:14%}.house-plan-worries span:nth-child(3){right:12%;top:16%}.house-plan-worries span:nth-child(4){left:15%;bottom:18%}.house-plan-worries span:nth-child(5){left:47%;bottom:16%}.house-plan-worries span:nth-child(6){right:14%;bottom:18%}.house-building-photo,.house-land-aerial,.house-relocation-photo{width:min(100%,920px);height:390px;object-fit:cover;border-radius:24px;margin:30px auto 0}.house-road-strip{width:min(100%,920px);margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.house-road-strip>div{min-height:145px;border:1px solid #e0e7dc;border-radius:17px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.house-road-strip .fkr-icon{width:36px;height:36px;color:#76936f}.house-neighborhood-grid{width:min(100%,1000px);margin:28px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.house-neighborhood-grid>div{min-height:135px;padding:12px;border:1px solid #dfe7db;border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.house-neighborhood-grid .fkr-icon{width:34px;height:34px;color:#6f956a}.house-age-timeline{width:min(100%,920px);margin:30px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.house-age-timeline:before{content:"";position:absolute;left:8%;right:8%;top:19px;height:2px;background:linear-gradient(90deg,#7ca073,#c49c75)}.house-age-timeline span{position:relative;z-index:1;padding-top:50px;text-align:center;font-weight:900;font-size:11px}.house-age-timeline span:before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:#fff;border:5px solid #dce7d9;box-shadow:0 0 0 1px #aac3a3}.house-before-after{width:min(100%,850px);margin:30px auto 0;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.house-before-after>div{position:relative}.house-before-after img{width:100%;height:270px;object-fit:cover;border-radius:18px}.house-before-after span{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:8px;background:#8d745d;color:#fff;font-size:10px;font-weight:900}.house-before-after>div:last-child span{background:#6e8f63}.house-before-after>b{display:grid;place-items:center;color:#d3744d}.house-three-circles{width:430px;height:360px;margin:30px auto 0;position:relative}.house-three-circles>span{position:absolute;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:rgba(255,251,246,.88);border:1px solid #dccdbf;font-family:var(--serif);font-size:25px}.house-three-circles>span:nth-child(1){left:10px;top:0}.house-three-circles>span:nth-child(2){right:10px;top:0}.house-three-circles>span:nth-child(3){left:50%;bottom:0;transform:translateX(-50%)}.house-three-circles>strong{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:var(--sell-orange);color:#fff;text-align:center;font-family:var(--serif);font-size:18px;line-height:1.6} /* RELOCATION — Before → After */ .sell-relocation-page{--sell-orange:#d66d44;--sell-green:#60905c;background:linear-gradient(180deg,#f6eee6 0,#fbf7f1 32%,#fff 64%,#f8fbf5 100%)}.sell-relocation-page .frame:not(.sell-hero) .frame__inner{background:rgba(255,255,255,.93)}.sell-relocation-page .frame:nth-of-type(n+9):not(.sell-hero) .frame__inner{border-color:#dce7d8;background:linear-gradient(145deg,#fff,#f9fcf7)}.sell-relocation-page .frame:nth-of-type(n+9):not(.sell-hero) h2::after{background:linear-gradient(90deg,#6e9869,#d2aa70)}.sell-relocation-hero__stage{position:relative;min-height:500px;overflow:hidden}.sell-relocation-hero__stage>img{width:100%;height:500px;object-fit:cover}.sell-relocation-hero__stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,250,245,.94) 0 32%,rgba(255,250,245,.45) 52%,rgba(255,255,255,.12))}.sell-relocation-hero__copy{position:absolute;z-index:2;left:50%;top:44%;transform:translate(-50%,-50%);width:min(86%,860px);text-align:center}.sell-relocation-hero__copy h1{font-family:var(--serif);font-size:clamp(38px,4.3vw,60px);line-height:1.55;margin:0 0 16px}.sell-relocation-hero__copy p{max-width:680px;margin:0 auto;color:#62574f}.sell-relocation-hero__copy .button-row{justify-content:center}.relocation-story-cards{width:min(100%,900px);margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.relocation-story-cards article{min-height:180px;border:1px solid #e8ddd4;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.relocation-story-cards .fkr-icon{width:40px;height:40px;color:#b58161}.relocation-story-cards strong{font-family:var(--serif);font-size:16px}.relocation-thought{width:min(100%,620px);margin:25px auto 0;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center}.relocation-thought span{min-height:150px;border-radius:26px;background:#fff;border:1px solid #e5d9cf;display:grid;place-items:center;font-family:var(--serif);font-size:24px}.relocation-thought b{font-family:var(--serif);font-size:70px;color:#c66d49;text-align:center}.relocation-scenario{width:min(100%,830px);margin:28px auto 0;display:grid;grid-template-columns:1fr 60px 1fr 60px 1fr;align-items:center}.relocation-scenario>div{min-height:160px;border-radius:22px;border:1px solid #eadbd0;background:linear-gradient(145deg,#fff,#fff5ed);display:grid;place-items:center;font-family:var(--serif);font-size:21px}.relocation-scenario>b{display:grid;place-items:center;color:#d16e48}.relocation-scenario--green>div{background:linear-gradient(145deg,#fff,#f2f8ef);border-color:#dbe7d7}.relocation-scenario--green>b{color:#6e9666}.relocation-notes{width:min(100%,720px);margin:15px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.relocation-notes span{padding:13px;border-radius:13px;background:#fff;border:1px solid #e6ddd5;text-align:center;font-size:10px;font-weight:800}.relocation-calendar-grid{width:min(100%,760px);margin:28px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.relocation-calendar-grid span{min-height:120px;border-radius:18px;background:#fff;border:1px solid #e3ded6;display:grid;place-items:center;font-weight:900;color:#6e5d52}.relocation-current-photo,.relocation-next-photo,.relocation-type-photo,.relocation-area-photo{width:min(100%,900px);height:360px;object-fit:cover;border-radius:25px;margin:30px auto 0}.relocation-plan-diagram{width:min(100%,820px);margin:28px auto 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;position:relative}.relocation-plan-diagram>div{min-height:140px;border-radius:50%;background:#fff;border:1px solid #dce6d8;display:grid;place-items:center;font-family:var(--serif);font-size:20px;text-align:center}.relocation-plan-diagram>ul{grid-column:1/-1;list-style:none;padding:18px;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;border:1px solid #dde7d9;border-radius:18px;background:#fbfdf9}.relocation-plan-diagram li{font-size:10px;text-align:center;font-weight:800}.relocation-long-roadmap{width:min(100%,1050px);margin:30px auto 0;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;position:relative}.relocation-long-roadmap:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:2px;background:linear-gradient(90deg,#d4825a,#d1a46f,#75a06e)}.relocation-long-roadmap span{position:relative;z-index:1;min-height:90px;border-radius:20px;background:#fff;border:1px solid #e1e7dc;display:grid;place-items:center;text-align:center;font-size:10px;font-weight:900;padding:8px} @media(max-width:1050px){ .sell-desk-note{grid-template-columns:repeat(3,1fr)}.sell-roadmap{grid-template-columns:repeat(5,1fr)}.sell-roadmap:before{display:none}.sell-compact-flow{grid-template-columns:repeat(4,1fr)}.relocation-long-roadmap{grid-template-columns:repeat(4,1fr)}.relocation-long-roadmap:before{display:none} } @media(max-width:820px){ .sell-page .frame:not(.sell-hero) .frame__inner{padding:56px 24px;border-radius:20px}.sell-page .sell-hero .fkr-breadcrumb{width:min(calc(100% - 30px),1240px)}.sell-hero__grid,.sell-mansion-hero__grid{grid-template-columns:1fr;min-height:0}.sell-hero__copy{padding:40px 22px 46px;align-items:center;text-align:center}.sell-hero__copy p{margin-inline:auto}.sell-hero__media{min-height:300px;order:-1}.sell-house-hero__visual,.sell-house-hero__visual>img,.sell-relocation-hero__stage,.sell-relocation-hero__stage>img{height:540px;min-height:540px}.sell-house-hero__visual:after{background:linear-gradient(180deg,rgba(255,253,248,.15) 0 36%,rgba(255,253,248,.96) 65%)}.sell-house-hero__copy{left:22px;right:22px;top:auto;bottom:28px;transform:none;width:auto;align-items:center;text-align:center}.sell-relocation-hero__copy{left:22px;right:22px;width:auto;transform:none;top:auto;bottom:30px}.sell-relocation-hero__stage:before{background:linear-gradient(180deg,transparent 0 35%,rgba(255,250,245,.92) 70%)} .sell-policy-portrait,.sell-advisor__portrait,.assessment-cutaway,.assessment-land-model{grid-template-columns:1fr}.sell-policy-portrait img,.sell-advisor__portrait img{margin:auto}.sell-desk-note{position:static;width:100%;margin-top:12px;grid-template-columns:repeat(2,1fr)}.sell-before-after,.house-before-after{grid-template-columns:1fr}.sell-before-after>b,.house-before-after>b{transform:rotate(90deg);margin:8px}.sell-orbit{transform:scale(.88);margin-block:-10px}.assessment-price-flow,.assessment-next-flow,.relocation-scenario{grid-template-columns:1fr}.assessment-price-flow>b,.assessment-next-flow>b,.relocation-scenario>b{transform:rotate(90deg);margin:8px}.assessment-radar{transform:scale(.9);margin-block:-5px}.assessment-trust-icons,.relocation-story-cards{grid-template-columns:repeat(2,1fr)}.sell-roadmap{grid-template-columns:repeat(3,1fr)}.sell-journey-visual,.sell-journey-step:nth-of-type(even) .sell-journey-visual{grid-template-columns:1fr}.sell-journey-step:nth-of-type(even) .sell-journey-icon,.sell-journey-step:nth-of-type(even) .sell-journey-visual img{order:initial}.sell-journey-icon{margin:auto}.mansion-window-grid{grid-template-columns:repeat(2,1fr)}.mansion-room-gallery{grid-template-columns:repeat(2,1fr)}.mansion-doc-gallery,.mansion-common-strip{grid-template-columns:repeat(2,1fr)}.sell-compact-flow{grid-template-columns:repeat(2,1fr)}.mansion-advisor-row{grid-template-columns:repeat(3,1fr)}.house-road-strip{grid-template-columns:repeat(2,1fr)}.house-neighborhood-grid{grid-template-columns:repeat(3,1fr)}.relocation-thought{grid-template-columns:1fr}.relocation-thought b{transform:rotate(90deg)}.relocation-calendar-grid{grid-template-columns:repeat(3,1fr)}.relocation-plan-diagram{grid-template-columns:1fr}.relocation-plan-diagram>ul{grid-template-columns:repeat(2,1fr)}.relocation-long-roadmap{grid-template-columns:repeat(3,1fr)} } @media(max-width:520px){ .sell-page .frame{margin-bottom:10px}.sell-page .frame:not(.sell-hero) .frame__inner{padding:46px 18px;border-radius:16px}.sell-page .frame:not(.sell-hero) h2{font-size:clamp(27px,8vw,34px)}.sell-page .frame:not(.sell-hero) .sell-section-heading p{font-size:14px}.sell-hero__copy h1,.sell-house-hero__copy h1,.sell-relocation-hero__copy h1{font-size:clamp(31px,9vw,42px)}.sell-hero__media{min-height:240px}.sell-hero__copy .button-row,.sell-house-hero__copy .button-row,.sell-relocation-hero__copy .button-row{width:100%}.sell-hero__copy .btn,.sell-house-hero__copy .btn,.sell-relocation-hero__copy .btn{width:100%}.sell-question-cloud span{width:100%;text-align:center}.sell-policy-portrait img,.sell-advisor__portrait img{width:190px;height:220px}.sell-architecture-banner img,.sell-house-panorama img,.sell-final-photo,.assessment-advisor-photo img,.mansion-city-photo,.house-building-photo,.house-land-aerial,.house-relocation-photo,.relocation-current-photo,.relocation-next-photo,.relocation-type-photo,.relocation-area-photo{height:260px}.sell-orbit{width:330px;height:330px;transform:none}.sell-orbit__core{width:130px;height:130px;font-size:18px}.sell-orbit>span{width:82px;height:82px;font-size:10px}.sell-orbit>span:nth-of-type(2){right:-5px;top:85px}.sell-orbit>span:nth-of-type(5){left:-5px;top:85px}.assessment-bubbles span{width:46%;text-align:center}.assessment-price-flow>div{min-height:160px}.assessment-radar{width:320px;height:320px;transform:none}.assessment-radar__core{width:120px;height:120px;font-size:18px}.assessment-radar span{font-size:9px}.assessment-cutaway img,.assessment-land-model img{height:260px}.assessment-trust-icons{grid-template-columns:repeat(2,1fr)}.sell-roadmap{grid-template-columns:repeat(2,1fr)}.sell-journey-visual img{height:220px}.mansion-window-grid{grid-template-columns:1fr}.mansion-room-gallery{grid-template-columns:1fr 1fr}.mansion-doc-gallery,.mansion-common-strip{grid-template-columns:1fr 1fr}.mansion-cost-layers span,.mansion-cost-layers span:nth-child(n){margin-inline:0}.mansion-advisor-row{grid-template-columns:1fr 1fr 1fr;gap:7px}.house-plan-worries{height:420px}.house-neighborhood-grid{grid-template-columns:1fr 1fr}.house-age-timeline{grid-template-columns:1fr}.house-age-timeline:before{left:20px;right:auto;top:0;bottom:0;width:2px;height:auto}.house-age-timeline span{padding:10px 10px 10px 58px;text-align:left}.house-age-timeline span:before{top:50%;left:20px}.house-three-circles{width:310px;height:300px}.house-three-circles>span{width:145px;height:145px;font-size:20px}.house-three-circles>strong{width:105px;height:105px;font-size:15px}.relocation-story-cards{grid-template-columns:1fr 1fr}.relocation-calendar-grid{grid-template-columns:1fr 1fr}.relocation-notes{grid-template-columns:1fr}.relocation-plan-diagram>ul{grid-template-columns:1fr 1fr}.relocation-long-roadmap{grid-template-columns:1fr 1fr} } /* Explicit alignment rule requested for sell pages: body copy and CTA are centered. */ .sell-page .frame:not(.sell-hero) .frame__inner p{text-align:center}.sell-page .frame:not(.sell-hero) .button-row{text-align:center;justify-content:center} /* ========================================================= * FIRST / REASON / REAL-ESTATE-COMPANY — v1.6.0 * ======================================================= */ .first-page{--first-green:#62955c;--first-green-dark:#426f42;--first-orange:#df7650;--first-ink:#3d332e;--first-soft:#fbf5ed;--first-line:#eadfd6;background:#fffdf9}.first-page .frame{margin-bottom:14px}.first-page .frame__inner{border-color:#eee3da;box-shadow:0 8px 30px rgba(73,54,41,.035)}.first-page .frame:not(.first-hero) .frame__inner{padding:72px 48px}.first-page .frame:not(.first-hero) h2,.first-page .frame:not(.first-hero) p{text-align:center}.first-page .frame:not(.first-hero) .button-row{justify-content:center}.first-section-heading,.company-chapter-heading{text-align:center;max-width:820px;margin:0 auto 34px}.first-section-heading h2,.company-chapter-heading h2{margin-bottom:14px}.first-section-heading p,.company-chapter-heading p{max-width:700px;margin-inline:auto}.first-section-heading h2:after,.company-chapter-heading h2:after{content:"";display:block;width:54px;height:2px;margin:18px auto 0;background:linear-gradient(90deg,var(--first-orange),#eac39f,var(--first-green));border-radius:99px}.first-wide-photo,.first-final-photo,.reason-family-photo,.reason-city-photo,.company-street-photo,.company-final-photo{width:min(100%,980px);margin:28px auto 0;border-radius:24px;object-fit:cover;box-shadow:0 14px 40px rgba(63,45,34,.08)} /* Shared full-bleed hero */ .first-page .first-hero{margin:0 0 18px}.first-page .first-hero>.frame__inner{width:100%;max-width:none;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff}.first-hero .fkr-breadcrumb,.company-hero .fkr-breadcrumb{width:min(calc(100% - 48px),1240px);margin:0 auto;padding:15px 0}.first-hero__grid,.company-hero__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:520px}.first-hero__copy,.company-hero__copy{padding:70px max(36px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(100deg,#fffdf9 0%,#fff8f1 92%)}.first-hero__copy h1,.company-hero__copy h1{font-family:var(--serif);font-size:clamp(40px,4.8vw,64px);line-height:1.48;margin:0 0 20px;color:var(--first-ink)}.first-hero__copy>p,.company-hero__copy>p{max-width:580px;color:#6d6159}.first-hero__media,.company-hero__media{min-height:520px;overflow:hidden}.first-hero__media img,.company-hero__media img{width:100%;height:100%;object-fit:cover}.first-welcome-hero .first-hero__copy{background:radial-gradient(circle at 15% 20%,#fff 0,#fff8ef 72%)}.first-reason-hero .first-hero__copy{background:linear-gradient(120deg,#fff 0,#fff8ef 65%,#f7f2e9)}.company-hero__copy{background:linear-gradient(110deg,#fffdfb,#f9f4eb)} /* First: Welcome & reassurance */ .first-undecided .frame__inner{background:linear-gradient(145deg,#fff,#fff7ee)}.first-speech-cloud{max-width:900px;margin:18px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.first-speech-cloud span,.first-chat-stream i{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:12px 22px;border-radius:30px;background:#fff;border:1px solid #eadfd4;color:#5c5048;font-style:normal;font-weight:800;box-shadow:0 8px 18px rgba(66,49,38,.04)}.first-speech-cloud span:nth-child(3){background:#eef5e9;border-color:#d3e1cd}.first-chat-stream{max-width:820px;margin:10px auto 0;display:grid;gap:12px}.first-chat-stream>div{display:flex}.first-chat-stream>div:nth-child(even){justify-content:flex-end}.first-chat-stream>div:nth-child(3n) i{background:#f1f6ed;border-color:#d6e5d0}.first-chat-stream>div:nth-child(4n) i{background:#fff0e8;border-color:#f0d6c7}.first-no-rush .frame__inner{background:#fff;min-height:320px;display:grid;place-items:center}.first-section-heading--quiet{margin-bottom:0}.first-section-heading--quiet h2{font-size:clamp(30px,3.6vw,48px)}.first-goodcheck-photo{max-width:850px;margin:0 auto}.first-goodcheck-photo img{width:100%;height:390px;object-fit:cover;border-radius:24px}.first-goodcheck-panels{max-width:850px;margin:14px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.first-goodcheck-panels>div{padding:22px 24px;border-radius:18px;border:1px solid #dfe8da;background:#fbfdf9}.first-goodcheck-panels .is-check{border-color:#efd7c9;background:#fff8f3}.first-goodcheck-panels strong{display:block;text-align:center;color:#6d9a61;letter-spacing:.12em;margin-bottom:9px}.first-goodcheck-panels .is-check strong{color:#d57954}.first-goodcheck-panels ul{margin:0;padding-left:20px;color:#66584f}.first-family .frame__inner{background:linear-gradient(145deg,#fff9f2,#f8f2e8)}.first-family .first-wide-photo{height:360px}.first-contact-cards{max-width:950px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.first-contact-cards article{min-height:230px;padding:30px 20px;border-radius:26px;background:#fff;border:1px solid #e8ded4;text-align:center}.first-contact-cards .fkr-icon{width:46px;height:46px;color:#6a9c61;margin:0 auto 12px}.first-contact-cards strong{font-family:var(--serif);font-size:21px;display:block;margin-bottom:6px}.first-contact-cards p{font-size:13px}.first-route .frame__inner{background:#fbf7f1}.first-branch{max-width:850px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;gap:54px;align-items:center}.first-branch__start{width:200px;height:200px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,#fff,#edf4e8);border:1px solid #cfdcc9;font-family:var(--serif);font-size:24px;position:relative}.first-branch__start:after{content:"";position:absolute;right:-55px;width:55px;border-top:2px dotted #85a77c}.first-branch__paths{display:grid;gap:10px}.first-branch__paths a{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:15px;background:#fff;border:1px solid #e5dcd3;font-weight:900;transition:.2s}.first-branch__paths a:hover{transform:translateX(4px);border-color:#9fbd96}.first-branch__paths .fkr-icon{color:#789e70}.first-why-visual{max-width:900px;margin:0 auto}.first-why-visual img{width:100%;height:330px;object-fit:cover;border-radius:25px}.first-advisor-card{max-width:850px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid #eadfd5;border-radius:26px;overflow:hidden}.first-advisor-card img{width:100%;height:330px;object-fit:cover}.first-advisor-card>div{padding:30px}.first-advisor-card strong{font-family:var(--serif);font-size:25px}.first-advisor-card p{text-align:left!important;margin-top:8px!important}.first-company-guide .frame__inner{background:linear-gradient(135deg,#fff,#f8f3ea)}.first-company-guide .first-wide-photo{height:290px}.first-final .frame__inner{background:linear-gradient(130deg,#f3f8ef,#fff7ed)}.first-final-photo{height:330px} /* Reason: proof & value */ .first-reason-page .frame:not(.first-hero) .frame__inner{border-radius:22px}.reason-showcase{max-width:930px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.reason-showcase>img{width:100%;height:410px;object-fit:cover;border-radius:24px}.reason-showcase__notes{display:grid;gap:14px}.reason-showcase__notes>div{padding:28px;border-radius:22px;border:1px solid #d8e4d4;background:#fbfdf9}.reason-showcase__notes>div:last-child{border-color:#efd4c5;background:#fff8f3}.reason-showcase__notes strong{display:block;color:#689360;font-family:var(--serif);font-size:21px;margin-bottom:8px}.reason-showcase__notes>div:last-child strong{color:#d16f4c}.reason-showcase__notes span{color:#71645c}.reason-orbit{width:580px;height:450px;margin:15px auto 0;position:relative}.reason-orbit:before{content:"";position:absolute;inset:70px 120px;border:2px dotted #91ae86;border-radius:50%}.reason-orbit strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fffaf3;border:1px solid #dcc9b9;font-family:var(--serif);font-size:27px;z-index:2}.reason-orbit span{position:absolute;width:135px;height:92px;border-radius:48px;display:grid;place-items:center;background:#fff;border:1px solid #dce4d7;font-weight:900}.reason-orbit span:nth-of-type(1){left:0;top:40px}.reason-orbit span:nth-of-type(2){right:0;top:40px}.reason-orbit span:nth-of-type(3){right:0;bottom:40px}.reason-orbit span:nth-of-type(4){left:0;bottom:40px}.reason-orbit span:nth-of-type(5){left:50%;top:0;transform:translateX(-50%)}.reason-orbit span:nth-of-type(6){left:50%;bottom:0;transform:translateX(-50%)}.reason-family-photo{height:360px}.reason-three-levels{max-width:850px;margin:15px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reason-three-levels div{padding:20px;background:#fff;border:1px solid #e7ddd3;border-radius:18px;text-align:center}.reason-three-levels strong{font-family:var(--serif);font-size:20px;display:block}.reason-three-levels span{font-size:12px;color:#77685d}.reason-room-map{max-width:950px;margin:0 auto;position:relative}.reason-room-map img{width:100%;height:430px;object-fit:cover;border-radius:25px}.reason-room-map span{position:absolute;padding:8px 13px;border-radius:999px;background:#fff;border:2px solid #e5835d;box-shadow:0 5px 15px rgba(70,50,35,.1);font-size:11px;font-weight:900}.reason-room-map .p1{left:14%;top:35%}.reason-room-map .p2{left:50%;top:18%}.reason-room-map .p3{right:12%;top:24%}.reason-room-map .p4{left:40%;bottom:15%}.reason-room-map .p5{right:18%;bottom:18%}.reason-area .frame__inner{background:#f8faf7}.reason-city-photo{height:310px}.reason-money-orbit{width:500px;height:360px;margin:0 auto;position:relative}.reason-money-orbit strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:#b58361;color:#fff;font-family:var(--serif);font-size:27px}.reason-money-orbit span{position:absolute;width:150px;height:82px;border-radius:40px;background:#fff;border:1px solid #ddcdbf;display:grid;place-items:center;font-weight:900}.reason-money-orbit span:nth-of-type(1){top:0;left:50%;transform:translateX(-50%)}.reason-money-orbit span:nth-of-type(2){right:0;top:50%;transform:translateY(-50%)}.reason-money-orbit span:nth-of-type(3){bottom:0;left:50%;transform:translateX(-50%)}.reason-money-orbit span:nth-of-type(4){left:0;top:50%;transform:translateY(-50%)}.reason-device-showcase{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.reason-device-showcase article{min-height:220px;padding:30px 22px;border-radius:28px;background:linear-gradient(145deg,#fff,#f8f5ef);border:1px solid #e8ddd4;text-align:center}.reason-device-showcase .fkr-icon{width:54px;height:54px;color:#6b9563;margin:0 auto 14px}.reason-device-showcase strong{display:block;font-family:var(--serif);font-size:21px}.reason-after-road{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center}.reason-after-road span{min-height:110px;border-radius:22px;background:#fff;border:1px solid #e6dcd2;display:grid;place-items:center;font-family:var(--serif);font-size:20px}.reason-after-road b{display:grid;place-items:center;color:#d77853}.reason-advisor-panel{max-width:850px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center}.reason-advisor-panel img{width:100%;height:330px;object-fit:cover;border-radius:26px}.reason-advisor-panel>div{padding:20px}.reason-advisor-panel strong{font-family:var(--serif);font-size:26px}.reason-advisor-panel p{text-align:left!important}.reason-compare-panel{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reason-compare-panel span{padding:24px 16px;border-radius:20px;background:#fff;border:1px solid #e7ddd3;display:flex;flex-direction:column;align-items:center;text-align:center;font-weight:900}.reason-compare-panel .fkr-icon{width:40px;height:40px;color:#b48264;margin-bottom:10px}.reason-final .frame__inner{background:linear-gradient(145deg,#fff8ef,#f4f8f0)} /* Company choosing: editorial guide */ .first-company-page{background:#fbfaf7}.first-company-page .frame{margin-bottom:0}.first-company-page .frame:not(.first-hero) .frame__inner{border-radius:0;border-left:0;border-right:0;box-shadow:none;padding:66px 54px}.first-company-page .frame:nth-of-type(even):not(.first-hero) .frame__inner{background:#fffaf4}.first-company-page .frame:nth-of-type(odd):not(.first-hero) .frame__inner{background:#fff}.company-chapter-heading{max-width:760px}.company-chapter-heading h2{font-size:clamp(29px,3vw,42px)}.company-visual-map{max-width:850px;margin:0 auto;display:grid;grid-template-columns:70px repeat(4,1fr);gap:12px;align-items:center}.company-visual-map .fkr-icon{width:52px;height:52px;color:#d57a54}.company-visual-map span{min-height:110px;display:grid;place-items:center;background:#fff;border:1px solid #e7ddd3;border-radius:16px;font-weight:900}.company-process-strip{max-width:920px;margin:0 auto;display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:12px}.company-process-strip span{min-width:125px;padding:18px;border-radius:16px;background:#fff;border:1px solid #e5dcd3;text-align:center;font-weight:900}.company-process-strip .fkr-icon{color:#8fa787}.company-dialogue{max-width:900px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:28px;align-items:center}.company-dialogue img{width:100%;height:280px;object-fit:cover;border-radius:22px}.company-dialogue>div{display:grid;gap:12px}.company-dialogue i{display:block;padding:16px 20px;background:#fff;border:1px solid #e7ddd3;border-radius:18px;font-style:normal;text-align:left}.company-goodcheck{max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 50px 1fr;gap:14px;align-items:center}.company-goodcheck>div{padding:26px;border-radius:20px;background:#fff;border:1px solid #dce7d8}.company-goodcheck>div:last-child{border-color:#efd8c9}.company-goodcheck strong{display:block;text-align:center;color:#6f9767;letter-spacing:.12em}.company-goodcheck>div:last-child strong{color:#d77955}.company-goodcheck ul{padding-left:18px}.company-goodcheck>b{text-align:center;font-size:30px;color:#d7a889}.company-clock{max-width:650px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:13px}.company-clock>.fkr-icon{width:90px;height:90px;color:#bb8b68}.company-clock span{padding:14px 18px;border-radius:999px;background:#fff;border:1px solid #e4dad0;font-weight:900}.company-condition-match{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 60px 1fr;gap:16px;align-items:center}.company-condition-match>div{padding:24px;border-radius:20px;background:#fff;border:1px solid #e7ddd4;display:grid;gap:8px}.company-condition-match strong{text-align:center;font-family:var(--serif);font-size:20px}.company-condition-match span{padding:9px;border-radius:10px;background:#faf6f0;text-align:center}.company-condition-match .ok{background:#eff6ec;color:#56804e}.company-condition-match .ng{background:#fff3ed;color:#b86a4d}.company-condition-match>.fkr-icon{color:#91a889}.company-estimate-sheet{max-width:760px;margin:0 auto;padding:30px;border:1px solid #ddcfc1;background:#fff;box-shadow:0 18px 36px rgba(64,49,39,.07);position:relative}.company-estimate-sheet:before{content:"見積書";position:absolute;top:-13px;left:30px;padding:4px 14px;background:#fff8ef;border:1px solid #e5d7ca;font-size:11px;font-weight:900}.company-estimate-sheet>div{display:grid;grid-template-columns:1fr 170px;border-bottom:1px solid #eee4dc;padding:13px}.company-estimate-sheet>strong{display:block;text-align:right;padding:14px;color:#c56d4b}.company-explain-list,.company-person-points,.company-viewing-points{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.company-explain-list span,.company-person-points span,.company-viewing-points span{min-height:105px;border-radius:18px;background:#fff;border:1px solid #e6ddd4;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;font-weight:900}.company-person-points{grid-template-columns:repeat(5,1fr)}.company-viewing-points{grid-template-columns:repeat(6,1fr)}.company-person-points .fkr-icon,.company-viewing-points .fkr-icon{width:34px;height:34px;color:#9d7d66}.company-street-photo{height:340px}.company-check-sheet{max-width:900px;margin:0 auto;padding:38px;border-radius:4px;background:#fffef9;border:1px solid #d8c9bc;box-shadow:0 16px 36px rgba(65,49,39,.08);display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;position:relative}.company-check-sheet:after{content:"";position:absolute;right:24px;bottom:18px;width:80px;height:120px;background:radial-gradient(ellipse at bottom,#e8f0e3 0 45%,transparent 47%);opacity:.5}.company-check-sheet label{font-weight:800;color:#5f534c}.company-compare-orbit{width:600px;height:360px;margin:0 auto;position:relative}.company-compare-orbit strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:165px;height:165px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#6b9961;color:#fff;font-family:var(--serif);font-size:22px}.company-compare-orbit span{position:absolute;width:160px;height:72px;border-radius:36px;background:#fff;border:1px solid #e0d7ce;display:grid;place-items:center;text-align:center;font-weight:900}.company-compare-orbit span:nth-of-type(1){top:0;left:50%;transform:translateX(-50%)}.company-compare-orbit span:nth-of-type(2){right:0;top:50%;transform:translateY(-50%)}.company-compare-orbit span:nth-of-type(3){bottom:0;left:50%;transform:translateX(-50%)}.company-compare-orbit span:nth-of-type(4){left:0;top:50%;transform:translateY(-50%)}.company-trinity-panel{max-width:900px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:center}.company-trinity-panel img{width:100%;height:300px;object-fit:cover;border-radius:22px}.company-trinity-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.company-trinity-panel span{padding:14px;border-radius:14px;background:#fff;border:1px solid #e4dad1;text-align:center;font-weight:900}.company-final .frame__inner{background:linear-gradient(145deg,#f4f8ef,#fff8f1)!important}.company-final-photo{height:260px} /* Responsive */ @media (max-width:980px){.first-page .frame:not(.first-hero) .frame__inner{padding:60px 28px}.first-hero__grid,.company-hero__grid{grid-template-columns:1fr}.first-hero__media,.company-hero__media{order:-1;min-height:360px}.first-hero__copy,.company-hero__copy{padding:46px 32px;align-items:center;text-align:center}.first-hero__copy .button-row,.company-hero__copy .button-row{justify-content:center}.reason-showcase{grid-template-columns:1fr}.first-branch{grid-template-columns:1fr;justify-items:center}.first-branch__start:after{display:none}.first-branch__paths{width:min(100%,600px)}.company-dialogue,.company-trinity-panel{grid-template-columns:1fr}.company-process-strip{grid-template-columns:1fr 30px 1fr 30px 1fr}.company-process-strip span:nth-of-type(n+4),.company-process-strip svg:nth-of-type(n+4){display:none}.company-viewing-points{grid-template-columns:repeat(3,1fr)}.company-person-points{grid-template-columns:repeat(3,1fr)}} @media (max-width:700px){.first-page .frame:not(.first-hero) .frame__inner{padding:48px 18px}.first-page .frame{margin-bottom:10px}.first-hero .fkr-breadcrumb,.company-hero .fkr-breadcrumb{width:min(calc(100% - 28px),1240px)}.first-hero__media,.company-hero__media{min-height:270px}.first-hero__copy,.company-hero__copy{padding:38px 20px 44px}.first-hero__copy h1,.company-hero__copy h1{font-size:clamp(32px,10vw,44px)}.first-hero__copy .button-row,.company-hero__copy .button-row{width:100%}.first-hero__copy .btn,.company-hero__copy .btn{width:100%}.first-goodcheck-photo img,.reason-room-map img{height:280px}.first-goodcheck-panels,.first-contact-cards,.reason-three-levels,.reason-device-showcase,.reason-compare-panel{grid-template-columns:1fr}.first-branch__start{width:170px;height:170px;font-size:21px}.first-advisor-card,.reason-advisor-panel{grid-template-columns:1fr}.first-advisor-card img,.reason-advisor-panel img{height:300px}.first-advisor-card>div,.reason-advisor-panel>div{padding:20px}.first-advisor-card p,.reason-advisor-panel p{text-align:center!important}.first-final-photo,.first-wide-photo,.reason-family-photo,.reason-city-photo,.company-street-photo,.company-final-photo{height:250px}.reason-orbit{width:330px;height:430px}.reason-orbit:before{inset:95px 60px}.reason-orbit strong{width:130px;height:130px;font-size:22px}.reason-orbit span{width:105px;height:72px;font-size:10px}.reason-money-orbit{width:320px;height:320px}.reason-money-orbit strong{width:120px;height:120px;font-size:22px}.reason-money-orbit span{width:115px;height:66px;font-size:10px}.reason-after-road{grid-template-columns:1fr}.reason-after-road b{transform:rotate(90deg)}.company-visual-map{grid-template-columns:1fr 1fr}.company-visual-map .fkr-icon{grid-column:1/-1;margin:auto}.company-process-strip{grid-template-columns:1fr}.company-process-strip .fkr-icon{transform:rotate(90deg);margin:auto}.company-process-strip span:nth-of-type(n),.company-process-strip svg:nth-of-type(n){display:flex}.company-dialogue img{height:240px}.company-goodcheck,.company-condition-match{grid-template-columns:1fr}.company-goodcheck>b{transform:none}.company-condition-match>.fkr-icon{transform:rotate(90deg);margin:auto}.company-clock{flex-wrap:wrap}.company-clock>.fkr-icon{width:70px;height:70px;flex-basis:100%}.company-estimate-sheet{padding:24px 14px}.company-estimate-sheet>div{grid-template-columns:1fr 100px;font-size:12px}.company-explain-list,.company-person-points,.company-viewing-points{grid-template-columns:1fr 1fr}.company-check-sheet{grid-template-columns:1fr;padding:28px 20px}.company-compare-orbit{width:320px;height:340px}.company-compare-orbit strong{width:125px;height:125px;font-size:18px}.company-compare-orbit span{width:120px;height:62px;font-size:10px}.company-trinity-panel>div{grid-template-columns:1fr}.faq-list--2col{grid-template-columns:1fr}} /* v1.6.0 alignment requirement: titles, lead copy and CTAs centered across these pages. */ .first-page .first-hero__copy,.first-page .company-hero__copy{align-items:center;text-align:center}.first-page .first-hero__copy>p,.first-page .company-hero__copy>p{margin-left:auto;margin-right:auto;text-align:center}.first-page .first-hero__copy .button-row,.first-page .company-hero__copy .button-row{justify-content:center}.first-page .first-advisor-card p,.first-page .reason-advisor-panel p{text-align:center!important}.first-page .first-advisor-card>div,.first-page .reason-advisor-panel>div{text-align:center} .first-page .frame:not(.first-hero) p{text-align:center}.first-page .frame:not(.first-hero) .button-row{justify-content:center;text-align:center} /* ========================================================= VOICE + FAQ PAGES v1.7.0 Official-site readability, one frame = one section. ========================================================= */ .voice-page,.faq-page{--vf-cream:#fffaf5;--vf-paper:#f8efe6;--vf-orange:#d9784a;--vf-orange-soft:#f4c9b5;--vf-green:#6f9868;--vf-green-soft:#e9f1e5;--vf-ink:#3d332e;--vf-muted:#766a62;--vf-line:#eadfd5;--vf-shadow:0 18px 48px rgba(69,52,40,.075);background:linear-gradient(180deg,#fffdfb,#fff9f4 52%,#fffdfb)} .voice-page .frame,.faq-page .frame{margin-bottom:16px} .voice-page .frame:not(.voice-hero) .frame__inner,.faq-page .frame:not(.faq-hero) .frame__inner{padding:78px 54px;border-radius:26px;border:1px solid var(--vf-line);background:rgba(255,255,255,.95);box-shadow:0 4px 20px rgba(74,55,42,.035)} .voice-page .voice-section-heading,.faq-page .faq-section-heading{width:min(100%,860px);margin:0 auto 34px;text-align:center} .voice-page .voice-section-heading h2,.faq-page .faq-section-heading h2{margin:0 0 14px;font-family:var(--serif);font-size:clamp(30px,3.15vw,44px);line-height:1.55;color:var(--vf-ink);text-align:center} .voice-page .voice-section-heading h2::after,.faq-page .faq-section-heading h2::after{content:"";display:block;width:58px;height:2px;margin:20px auto 0;border-radius:99px;background:linear-gradient(90deg,var(--vf-orange),#d9ae84)} .voice-page .voice-section-heading p,.faq-page .faq-section-heading p{max-width:720px;margin:0 auto;color:var(--vf-muted);font-size:15px;line-height:2;text-align:center} .voice-page .section-kicker,.faq-page .section-kicker{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 12px;margin:0 auto 12px;border:1px solid #eadbd0;border-radius:999px;background:#fff9f5;color:#a76c50;font-size:10px;font-weight:900;letter-spacing:.13em} .voice-page .button-row,.faq-page .button-row{justify-content:center;text-align:center;margin-top:28px} .voice-page .btn,.faq-page .btn{min-height:50px;padding-inline:26px} .voice-page .btn--accent{background:linear-gradient(135deg,#d66f48,#e18b61);border-color:transparent;color:#fff;box-shadow:0 12px 26px rgba(202,99,61,.16)} .voice-page .btn--soft,.faq-page .btn--soft{background:#eef5eb;border-color:#cfe0ca;color:#537850} .voice-page .frame:not(.voice-hero) p,.faq-page .frame:not(.faq-hero) p{text-align:center} /* VOICE — full-width editorial collage hero */ .voice-page .voice-hero>.frame__inner{width:100%;max-width:none;margin:0;padding:18px 0 0;border-radius:0;border-left:0;border-right:0;background:linear-gradient(90deg,#fffdf9,#f8f0e8);box-shadow:none;overflow:hidden} .voice-page .voice-hero .fkr-breadcrumb{width:min(calc(100% - 52px),1240px);margin:0 auto;padding:0 0 14px} .voice-hero__grid{display:grid;grid-template-columns:.9fr 1.1fr;min-height:500px} .voice-hero__copy{padding:62px 48px 68px max(48px,calc((100vw - 1240px)/2));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:linear-gradient(90deg,#fffdfa 0%,#fff9f3 92%,rgba(255,249,243,.7) 100%)} .voice-hero__copy .page-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:#a66d54;margin-bottom:14px}.voice-hero__copy h1{margin:0 0 18px;font-family:var(--serif);font-size:clamp(40px,4.6vw,62px);line-height:1.5;color:var(--vf-ink)}.voice-hero__copy p{max-width:540px;margin:0;color:#6f625a;font-size:15px;line-height:2} .voice-hero__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.voice-hero__tabs a{padding:8px 15px;border-top:1px solid #d9c7b9;border-bottom:1px solid #d9c7b9;color:#765e50;font-size:12px;font-weight:800} .voice-hero__collage{position:relative;min-height:500px;overflow:hidden;background:#f5ede5}.voice-hero__main{width:100%;height:100%;object-fit:cover}.voice-hero__sub{position:absolute;width:180px;height:125px;object-fit:cover;border:7px solid #fff;box-shadow:0 16px 34px rgba(55,45,39,.16);transform:rotate(-4deg)}.voice-hero__sub--a{left:28px;bottom:38px}.voice-hero__sub--b{right:30px;top:34px;transform:rotate(5deg)} /* VOICE feature / story system */ .voice-feature .frame__inner{background:linear-gradient(145deg,#fff,#fff9f2)!important}.voice-story{width:min(100%,980px);margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:0;overflow:hidden;border:1px solid #eadfd5;border-radius:24px;background:#fff;box-shadow:var(--vf-shadow)}.voice-story>img{width:100%;height:420px;object-fit:cover}.voice-story__body{padding:48px 44px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.voice-story__tag{display:inline-flex;padding:6px 12px;border-radius:999px;background:#fff1e8;color:#b26344;font-size:10px;font-weight:900;letter-spacing:.08em}.voice-story h3{font-family:var(--serif);font-size:29px;line-height:1.6;margin:14px 0 9px}.voice-story__meta{font-size:12px;color:#8b7c72;margin:0 0 8px!important}.voice-story__body>p:last-child{text-align:center!important;line-height:1.9;margin:0;color:#6e625a}.voice-story--placeholder{border-style:dashed}.voice-story--placeholder .voice-story__tag{background:#f3efe9;color:#7a7068} .voice-photo-grid{width:min(100%,1040px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.voice-photo-card{overflow:hidden;border:1px solid #eadfd5;border-radius:19px;background:#fff;box-shadow:0 10px 28px rgba(75,55,42,.05)}.voice-photo-card img{width:100%;height:210px;object-fit:cover}.voice-photo-card>div{padding:20px;text-align:center}.voice-photo-card span{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef5ea;color:#5d8256;font-size:10px;font-weight:900}.voice-photo-card h3{font-family:var(--serif);font-size:20px;line-height:1.55;margin:12px 0 7px}.voice-photo-card p{text-align:center!important;color:#766a62;font-size:13px;line-height:1.8;margin:0}.voice-photo-card--placeholder{opacity:.9} .voice-buy .frame__inner{background:linear-gradient(160deg,#fffaf5,#fff)!important}.voice-journey{width:min(100%,980px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}.voice-journey:before{content:"";position:absolute;left:15%;right:15%;top:24px;height:1px;background:linear-gradient(90deg,#c8d9c4,#dbb59d)}.voice-journey article{position:relative;z-index:1;padding:0 0 22px;border:1px solid #eadfd5;border-radius:20px;background:#fff;overflow:hidden;text-align:center}.voice-journey article>span{display:inline-flex;margin:14px auto;padding:5px 11px;border-radius:999px;background:#fff7f1;color:#bb6e50;font-size:10px;font-weight:900;letter-spacing:.12em}.voice-journey img{width:100%;height:180px;object-fit:cover}.voice-journey h3{font-size:18px;font-family:var(--serif);margin:16px 16px 8px}.voice-journey p{text-align:center!important;margin:0 18px!important;font-size:12px;line-height:1.8;color:#74675f} .voice-quote-story{width:min(100%,900px);margin:0 auto;display:grid;grid-template-columns:1fr 270px;gap:28px;align-items:center;padding:34px;border:1px solid #eadfd5;border-radius:24px;background:linear-gradient(145deg,#fff,#fff9f3)}.voice-quote-story>div{text-align:center}.voice-quote-story span{font-size:10px;font-weight:900;color:#b2694b;letter-spacing:.1em}.voice-quote-story blockquote{margin:16px auto;font-family:var(--serif);font-size:27px;line-height:1.7;color:#52443b}.voice-quote-story p{text-align:center!important;color:#74675f;line-height:1.9}.voice-quote-story img{width:270px;height:270px;object-fit:cover;border-radius:50%} .voice-worry-orbit{width:640px;height:390px;margin:0 auto;position:relative}.voice-worry-orbit:before{content:"";position:absolute;inset:55px 95px;border:1px dashed #b9cfb4;border-radius:50%}.voice-worry-orbit strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#7da075,#5f865a);color:#fff;font-family:var(--serif);font-size:22px;box-shadow:0 14px 28px rgba(80,120,74,.18)}.voice-worry-orbit span{position:absolute;width:180px;min-height:65px;padding:11px;border:1px solid #e7ddd3;border-radius:32px;background:#fff;display:grid;place-items:center;text-align:center;font-size:12px;font-weight:800}.voice-worry-orbit span:nth-of-type(1){top:10px;left:50%;transform:translateX(-50%)}.voice-worry-orbit span:nth-of-type(2){right:0;top:92px}.voice-worry-orbit span:nth-of-type(3){right:35px;bottom:25px}.voice-worry-orbit span:nth-of-type(4){left:35px;bottom:25px}.voice-worry-orbit span:nth-of-type(5){left:0;top:92px} .voice-process-line{width:min(100%,900px);margin:0 auto;display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr 44px 1fr;gap:8px;align-items:center}.voice-process-line>div{min-height:165px;padding:22px 16px;border:1px solid #eadfd5;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.voice-process-line .fkr-icon{width:34px;height:34px;color:#98785e}.voice-process-line strong{font-family:var(--serif);font-size:19px;margin-top:8px}.voice-process-line small{color:#80736a;line-height:1.6}.voice-process-line>b{text-align:center;font-size:26px;color:#cda889} .voice-advisor-photo,.voice-first-photo{display:block;width:min(100%,900px);height:380px;object-fit:cover;margin:0 auto;border-radius:24px;box-shadow:var(--vf-shadow)} .voice-gallery-placeholder{width:min(100%,900px);margin:0 auto;position:relative;overflow:hidden;border-radius:22px}.voice-gallery-placeholder img{width:100%;height:360px;object-fit:cover}.voice-gallery-placeholder span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.92);font-size:11px;font-weight:900;color:#6e6259}.voice-masonry{columns:4 200px;column-gap:12px}.voice-masonry figure{margin:0 0 12px;break-inside:avoid}.voice-masonry img{width:100%;border-radius:14px;display:block} .voice-faq-list{width:min(100%,900px);margin:0 auto}.voice-faq-list .faq-item summary,.voice-faq-list .faq-answer{justify-content:center;text-align:center}.voice-faq-list .faq-answer p{text-align:center!important}.voice-final .frame__inner{background:linear-gradient(145deg,#f4f8ef,#fff8f1)!important}.voice-final__visual{width:min(100%,760px);margin:0 auto 32px}.voice-final__visual img{width:100%;height:280px;object-fit:cover;border-radius:22px} /* FAQ — knowledge hub, deliberately different from voice */ .faq-page .faq-hero>.frame__inner{width:100%;max-width:none;margin:0;padding:18px 0 0;border-radius:0;border-left:0;border-right:0;background:#fffdfa;box-shadow:none;overflow:hidden}.faq-page .faq-hero .fkr-breadcrumb{width:min(calc(100% - 52px),1240px);margin:0 auto;padding:0 0 14px}.faq-hero__grid{width:min(100%,1240px);margin:0 auto;min-height:470px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:48px;padding:42px 26px 62px}.faq-hero__grid--no-search{grid-template-columns:1fr;max-width:940px;min-height:360px}.faq-hero__grid--no-search .faq-hero__copy{max-width:680px} .faq-hero__copy{display:flex;flex-direction:column;align-items:flex-start}.faq-hero__copy .page-kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:#a66d54;margin-bottom:14px}.faq-hero__copy h1{font-family:var(--serif);font-size:clamp(40px,4.5vw,58px);line-height:1.52;margin:0 0 18px;color:var(--vf-ink)}.faq-hero__copy p{max-width:430px;color:#6f635b;line-height:2;margin:0 0 24px}.faq-hero__media{position:relative;min-height:420px;border-radius:30px;overflow:hidden;background:#f7f1ea;border:1px solid #eadfd5;box-shadow:var(--vf-shadow)}.faq-hero__media img{width:100%;height:100%;display:block;object-fit:cover}.faq-hero__finder{position:relative;padding:46px 44px;border-radius:30px;background:radial-gradient(circle at 90% 12%,#f7eee5 0 16%,transparent 17%),linear-gradient(145deg,#fff,#fff9f3);border:1px solid #eadfd5;box-shadow:var(--vf-shadow)}.faq-hero__finder label{display:block;text-align:center;margin-bottom:12px;font-family:var(--serif);font-size:18px}.faq-hero__icons{display:flex;justify-content:center;gap:26px;margin-bottom:22px;color:#d39877}.faq-hero__icons .fkr-icon{width:38px;height:38px}.faq-hero__icons .fkr-icon:nth-child(4){color:#6e9a67}.faq-searchbox{display:grid;grid-template-columns:1fr 56px;width:min(100%,620px);margin:0 auto;border:1px solid #ddd2c9;border-radius:12px;overflow:hidden;background:#fff}.faq-searchbox input{min-width:0;border:0;padding:16px 18px;font:inherit;outline:0;background:transparent}.faq-searchbox button{border:0;background:#65935f;color:#fff;display:grid;place-items:center;cursor:pointer}.faq-searchbox .fkr-icon{width:22px;height:22px}.faq-keywords{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:16px}.faq-keywords button{border:0;padding:7px 13px;border-radius:999px;background:#f2eee8;color:#6f625a;font-size:11px;font-weight:800;cursor:pointer}.faq-keywords button:hover{background:#e8f1e5;color:#4f784b} .faq-index .frame__inner{background:linear-gradient(145deg,#fff,#fffaf4)!important}.faq-category-map{width:700px;height:420px;margin:0 auto;position:relative}.faq-category-map:before{content:"";position:absolute;inset:70px 135px;border:1px dashed #ddb087;border-radius:50%}.faq-category-map>strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:175px;height:175px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff8f0;border:1px solid #e4c9b4;font-family:var(--serif);font-size:23px;line-height:1.5;color:#55463d}.faq-category-map>a{position:absolute;width:210px;min-height:90px;padding:14px;border:1px solid #e6d9ce;border-radius:18px;background:#fff;display:flex;align-items:center;gap:13px;color:#52453d;box-shadow:0 10px 24px rgba(68,51,39,.04)}.faq-category-map>a .fkr-icon{width:34px;height:34px;flex:none}.faq-category-map>a span{font-size:13px;font-weight:900;line-height:1.5}.faq-category-map>a.is-green .fkr-icon{color:#699460}.faq-category-map>a.is-orange .fkr-icon{color:#d37b56}.faq-category-map>a:nth-of-type(1){left:0;top:52px}.faq-category-map>a:nth-of-type(2){left:0;top:168px}.faq-category-map>a:nth-of-type(3){left:0;top:284px}.faq-category-map>a:nth-of-type(4){right:0;top:52px}.faq-category-map>a:nth-of-type(5){right:0;top:168px}.faq-category-map>a:nth-of-type(6){right:0;top:284px} .faq-group .frame__inner{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:start}.faq-group__heading{text-align:center;position:sticky;top:110px;padding:30px 18px;border-radius:20px;background:#fffaf5}.faq-group__heading .fkr-icon{width:52px;height:52px;margin-bottom:14px}.faq-group.is-green .faq-group__heading{background:#f4f8f1}.faq-group.is-green .faq-group__heading .fkr-icon{color:#699460}.faq-group.is-orange .faq-group__heading .fkr-icon{color:#d37955}.faq-group__heading h2{margin:0 0 8px;font-family:var(--serif);font-size:28px;line-height:1.5;text-align:center}.faq-group__heading p{margin:0!important;text-align:center!important;color:#7c7068;font-size:12px;line-height:1.8}.faq-group__content{display:grid;grid-template-columns:1fr 190px;gap:22px;align-items:start}.faq-hub-list{display:grid;gap:8px}.faq-hub-item{border:1px solid #e7ddd4;border-radius:11px;background:#fff;overflow:hidden}.faq-hub-item[hidden]{display:none!important}.faq-hub-item summary{min-height:52px;padding:12px 15px;display:grid;grid-template-columns:28px 1fr 26px;gap:10px;align-items:center;cursor:pointer;list-style:none;text-align:left}.faq-hub-item summary::-webkit-details-marker{display:none}.faq-hub-item .faq-q{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f4eee8;color:#c27856;font-size:11px;font-weight:900}.faq-group.is-green .faq-hub-item .faq-q{background:#edf5ea;color:#5f8758}.faq-hub-item summary>span:nth-child(2){font-weight:800;font-size:13px;color:#4e443e}.faq-hub-item .faq-toggle{font-size:18px;text-align:center;color:#9a806d}.faq-hub-answer{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:0 15px 16px 53px;color:#655a53}.faq-hub-answer>span{display:none}.faq-hub-answer p{text-align:left!important;margin:0!important;line-height:1.9;font-size:13px}.faq-related{display:grid;gap:8px;padding:18px;border-left:1px solid #eadfd5}.faq-related>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#9a897d;margin-bottom:3px}.faq-related a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;color:#64835f;font-size:12px;font-weight:800;border-bottom:1px solid #eef1eb}.faq-group.is-orange .faq-related a{color:#c36b49}.faq-related .fkr-icon{width:16px;height:16px}.faq-group.is-green .frame__inner{border-color:#dce8d8}.faq-group.is-orange .frame__inner{border-color:#efdbcf} .faq-unresolved .frame__inner{background:linear-gradient(145deg,#fff9f2,#fff)!important}.faq-advisor-photo{display:block;width:min(100%,700px);height:300px;object-fit:cover;margin:0 auto;border-radius:22px}.faq-contact-grid{width:min(100%,900px);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.faq-contact-grid article{padding:28px 20px;border:1px solid #e4d9d0;border-radius:20px;background:#fff;text-align:center}.faq-contact-grid article:first-child{border-color:#cfe1ca}.faq-contact-grid .fkr-icon{width:40px;height:40px;margin-bottom:10px;color:#d07a58}.faq-contact-grid article:first-child .fkr-icon{color:#66995f}.faq-contact-grid h3{font-family:var(--serif);font-size:20px;margin:0 0 8px}.faq-contact-grid p{text-align:center!important;margin:0 0 14px!important;color:#766a62;font-size:12px}.faq-contact-grid a{display:inline-flex;padding:9px 15px;border:1px solid #e2c8b8;border-radius:999px;color:#b96445;font-size:11px;font-weight:900}.faq-contact-grid article:first-child a{border-color:#b9d5b4;color:#56804f}.faq-voice-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,700px);margin:0 auto}.faq-voice-strip img{width:100%;height:220px;object-fit:cover;border-radius:18px}.faq-guide-grid{width:min(100%,900px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.faq-guide-grid a{min-height:160px;padding:22px 15px;border:1px solid #e6dbd2;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.faq-guide-grid .fkr-icon{width:34px;height:34px;color:#69945f}.faq-guide-grid a:nth-child(2) .fkr-icon,.faq-guide-grid a:nth-child(3) .fkr-icon{color:#d17a56}.faq-guide-grid strong{font-family:var(--serif);font-size:19px;margin:10px 0 5px}.faq-guide-grid span{font-size:11px;color:#756960;line-height:1.6}.faq-final .frame__inner{background:linear-gradient(145deg,#fff8ef,#f4f8ef)!important}.faq-no-results{position:fixed;z-index:9999;left:50%;bottom:30px;transform:translateX(-50%);max-width:min(90vw,620px);padding:14px 20px;border-radius:12px;background:#3f3a35;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:13px;text-align:center} @media(max-width:980px){ .voice-hero__grid{grid-template-columns:1fr}.voice-hero__collage{order:-1;min-height:380px}.voice-hero__copy{padding:48px 30px;align-items:center;text-align:center}.voice-hero__copy p{text-align:center}.voice-hero__tabs{justify-content:center}.voice-story{grid-template-columns:1fr}.voice-story>img{height:360px}.voice-photo-grid{grid-template-columns:1fr 1fr}.voice-journey{grid-template-columns:1fr}.voice-journey:before{display:none}.voice-quote-story{grid-template-columns:1fr}.voice-quote-story img{margin:0 auto}.voice-process-line{grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr}.faq-hero__grid{grid-template-columns:1fr;padding:34px 26px 56px}.faq-hero__copy{align-items:center;text-align:center}.faq-hero__copy p{text-align:center}.faq-category-map{width:620px}.faq-category-map>a{width:190px}.faq-group .frame__inner{grid-template-columns:1fr}.faq-group__heading{position:static}.faq-group__content{grid-template-columns:1fr 180px}.faq-contact-grid{grid-template-columns:1fr 1fr}.faq-guide-grid{grid-template-columns:1fr 1fr} } @media(max-width:700px){ .voice-page .frame:not(.voice-hero) .frame__inner,.faq-page .frame:not(.faq-hero) .frame__inner{padding:48px 18px;border-radius:17px}.voice-page .frame,.faq-page .frame{margin-bottom:10px}.voice-page .voice-hero .fkr-breadcrumb,.faq-page .faq-hero .fkr-breadcrumb{width:min(calc(100% - 28px),1240px)}.voice-hero__collage{min-height:270px}.voice-hero__sub{width:110px;height:80px;border-width:4px}.voice-hero__copy{padding:38px 20px 44px}.voice-hero__copy h1,.faq-hero__copy h1{font-size:clamp(32px,10vw,44px)}.faq-hero__media{min-height:240px}.voice-story>img{height:280px}.voice-story__body{padding:30px 20px}.voice-story h3{font-size:23px}.voice-photo-grid{grid-template-columns:1fr}.voice-photo-card img{height:240px}.voice-journey img{height:220px}.voice-quote-story{padding:24px 18px}.voice-quote-story img{width:220px;height:220px}.voice-worry-orbit{width:320px;height:480px}.voice-worry-orbit:before{inset:110px 55px}.voice-worry-orbit strong{width:125px;height:125px;font-size:19px}.voice-worry-orbit span{width:140px;min-height:60px;font-size:10px}.voice-worry-orbit span:nth-of-type(1){top:0}.voice-worry-orbit span:nth-of-type(2){right:0;top:115px}.voice-worry-orbit span:nth-of-type(3){right:10px;bottom:40px}.voice-worry-orbit span:nth-of-type(4){left:10px;bottom:40px}.voice-worry-orbit span:nth-of-type(5){left:0;top:115px}.voice-process-line{grid-template-columns:1fr}.voice-process-line>b{transform:rotate(90deg)}.voice-process-line>div{min-height:145px;border-radius:22px}.voice-advisor-photo,.voice-first-photo{height:260px}.voice-gallery-placeholder img{height:260px}.voice-final__visual img{height:240px}.faq-hero__grid{padding:24px 18px 46px}.faq-hero__copy{align-items:center}.faq-hero__copy .btn{width:100%}.faq-hero__finder{padding:30px 16px;border-radius:20px}.faq-hero__icons{gap:14px}.faq-hero__icons .fkr-icon{width:30px;height:30px}.faq-searchbox{grid-template-columns:1fr 50px}.faq-category-map{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-category-map:before{display:none}.faq-category-map>strong{position:static;transform:none;grid-column:1/-1;width:150px;height:150px;margin:0 auto 10px}.faq-category-map>a{position:static!important;width:auto;min-height:86px}.faq-group__content{grid-template-columns:1fr}.faq-related{border-left:0;border-top:1px solid #eadfd5;padding:16px 4px}.faq-hub-item summary{grid-template-columns:26px 1fr 24px;padding:12px 10px}.faq-hub-item summary>span:nth-child(2){font-size:12px}.faq-hub-answer{padding:0 12px 15px 46px}.faq-contact-grid,.faq-guide-grid{grid-template-columns:1fr}.faq-voice-strip{grid-template-columns:1fr}.faq-voice-strip img{height:240px} } /* v1.7.0 explicit alignment request for FAQ body copy as well as section leads. */ .faq-page .faq-hub-item summary>span:nth-child(2){text-align:center} .faq-page .faq-hub-answer p{text-align:center!important} .faq-page .faq-group.is-filter-empty{display:none} /* ======================================================================== v1.8.0 — HOUSING GUIDE / dynamic WordPress post media pages /guide/ = all posts, /guide/rent/ = cat 2, /guide/buy/ = cat 3, /guide/sell/ = cat 4. One visual frame = one section. ======================================================================== */ .guide-media-page{padding-top:0;background:#fffdfb;--guide-ink:#43372f;--guide-orange:#e8794d;--guide-green:#739867;--guide-paper:#fffaf4;--guide-line:#eadfd5} .guide-media-page .frame{margin-bottom:12px} .guide-media-page .frame__inner{padding:72px 42px;border-radius:20px;text-align:center;background:#fff;box-shadow:0 4px 22px rgba(74,55,42,.035)} .guide-media-page .frame:not(.guide-hero) h2,.guide-media-page .frame:not(.guide-hero) p,.guide-media-page .frame:not(.guide-hero) .button-row{text-align:center;justify-content:center} .guide-media-page .frame:not(.guide-hero) p{max-width:760px;margin-left:auto;margin-right:auto} .guide-media-page .section-kicker,.guide-kicker{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#c46f4e;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px} .guide-section-heading{max-width:840px;margin:0 auto 36px;text-align:center} .guide-section-heading h2{font-family:var(--serif);font-size:clamp(30px,3.4vw,46px);line-height:1.5;margin:0 0 12px} .guide-section-heading p{font-size:13px;line-height:2;color:#786b63} .guide-section-heading:after{content:"";display:block;width:56px;height:1px;background:linear-gradient(90deg,transparent,#d7ab8e,transparent);margin:20px auto 0} .guide-hero{width:100%;position:relative;min-height:470px;overflow:hidden;background:#fff8f1;border-bottom:1px solid #eee2d8} .guide-hero .fkr-breadcrumb{font-size:10px;margin-bottom:24px} .guide-hero h1{font-family:var(--serif);font-size:clamp(38px,4.7vw,62px);line-height:1.5;letter-spacing:.04em;margin:0 0 18px;color:#3e332d} .guide-hero p{font-size:14px;line-height:2;max-width:640px;color:#675b54} .guide-search{width:min(100%,620px);margin:28px auto 0;display:grid;grid-template-columns:1fr 56px;background:#fff;border:1px solid #e4d7cb;border-radius:10px;overflow:hidden;box-shadow:0 12px 32px rgba(67,47,34,.08)} .guide-search input[type=search]{border:0;min-height:54px;padding:0 18px;background:#fff;color:#4c413a;outline:0} .guide-search button{border:0;background:var(--guide-orange);color:#fff;display:grid;place-items:center;cursor:pointer} .guide-search button .fkr-icon{width:24px;height:24px} .guide-search--compact{max-width:520px;margin-top:24px} .guide-media-card{background:#fff;border:1px solid #e9dfd6;border-radius:15px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0;box-shadow:0 7px 22px rgba(75,55,42,.035)} .guide-media-card__image{display:block;overflow:hidden;background:#f5eee8} .guide-media-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease} .guide-media-card:hover .guide-media-card__image img{transform:scale(1.025)} .guide-media-card__body{padding:18px 18px 20px;text-align:center;display:flex;flex:1;flex-direction:column;align-items:center} .guide-media-card__cat{display:inline-flex;padding:3px 8px;border-radius:999px;background:#eef5eb;color:#607e58;font-size:9px;font-weight:900;margin-bottom:8px} .guide-media-card time{display:block;color:#aa9b90;font-size:9px;margin-bottom:7px} .guide-media-card h3{font-family:var(--serif);font-size:18px;line-height:1.65;margin:0 0 9px;color:#473a32;text-align:center} .guide-media-card p{font-size:11px!important;line-height:1.85!important;margin:0 0 12px!important;text-align:center!important;color:#776b63!important} .guide-read-link,.guide-panel-link{margin-top:auto;display:inline-flex;align-items:center;gap:5px;color:#d16f48;font-size:10px;font-weight:900;justify-content:center} .guide-read-link .fkr-icon,.guide-panel-link .fkr-icon,.guide-document-row__read .fkr-icon{width:14px;height:14px} .guide-empty{width:min(100%,760px);margin:0 auto;padding:34px 24px;border:1px dashed #dfcfc2;border-radius:18px;background:#fffaf5;text-align:center;color:#776b63} .guide-empty strong{display:block;font-family:var(--serif);font-size:20px;color:#4c4038;margin-bottom:5px} .guide-empty p{margin:0!important;font-size:12px!important} .guide-pagination{margin-top:38px;display:flex;justify-content:center} .guide-pagination ul{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;padding:0;margin:0} .guide-pagination a,.guide-pagination span{width:38px;height:38px;border:1px solid #e5d8cf;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#fff;color:#6e6158} .guide-pagination .current{background:var(--guide-orange);border-color:var(--guide-orange);color:#fff} .guide-inline-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px auto 0} .guide-inline-links a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid #e5d9cf;border-radius:999px;background:#fff;font-size:10px;font-weight:800;color:#65594f} .guide-inline-links .fkr-icon{width:13px;height:13px;color:#d2724d} /* /guide/ — editorial media hub */ .guide-hub-hero{min-height:520px;display:grid;place-items:center;background:#f9f4ec} .guide-hub-hero__collage{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr} .guide-hub-hero__collage img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(1.03)} .guide-hub-hero__collage img:nth-child(1){object-position:left center}.guide-hub-hero__collage img:nth-child(2){object-position:right center} .guide-hub-hero__overlay{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,253,250,.98) 0 24%,rgba(255,253,250,.9) 38%,rgba(255,253,250,.38) 68%,rgba(255,253,250,.08) 100%)} .guide-hub-hero__content{position:relative;z-index:2;width:min(calc(100% - 42px),860px);margin:auto;text-align:center;padding:54px 20px} .guide-hub-hero__content .fkr-breadcrumb{position:absolute;top:-28px;left:0;right:0;text-align:center} .guide-hub-hero__content p{margin-left:auto;margin-right:auto} .guide-hub-themes .frame__inner{background:linear-gradient(180deg,#fff,#fffaf4)} .guide-theme-radial{width:min(100%,820px);height:310px;margin:0 auto;position:relative} .guide-theme-radial:before{content:"";position:absolute;left:18%;right:18%;top:50%;height:1px;background:#d9c3ae} .guide-theme-radial__center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border:1px solid #d9c3ae;border-radius:50%;background:#fffaf1;display:grid;place-content:center;text-align:center;z-index:2;box-shadow:0 8px 26px rgba(93,67,48,.05)} .guide-theme-radial__center span{font-size:10px;color:#8f7f73}.guide-theme-radial__center strong{font-family:var(--serif);font-size:25px} .guide-theme-node{position:absolute;top:50%;transform:translateY(-50%);width:190px;min-height:185px;padding:22px 16px;border:1px solid #e6dbd1;background:#fff;border-radius:50% 50% 22px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 10px 25px rgba(74,55,40,.045)} .guide-theme-node .fkr-icon{width:42px;height:42px;margin-bottom:8px}.guide-theme-node strong{font-family:var(--serif);font-size:25px}.guide-theme-node span{font-size:10px;line-height:1.7;margin-top:4px}.guide-theme-node--rent{left:0;color:#668459}.guide-theme-node--buy{left:50%;transform:translate(-50%,-50%);color:#dc7149;z-index:3}.guide-theme-node--sell{right:0;color:#67835d}.guide-theme-node--buy{top:calc(50% + 128px);width:200px;min-height:120px;border-radius:22px} .guide-theme-node--buy .fkr-icon{width:34px;height:34px}.guide-theme-node--buy strong{font-size:23px} .guide-feature-layout{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr 1fr;gap:14px} .guide-media-card--feature-main{grid-row:1/3}.guide-media-card--feature-main .guide-media-card__image{height:360px}.guide-media-card--feature-main h3{font-size:27px}.guide-media-card--feature-side{display:grid;grid-template-columns:145px 1fr}.guide-media-card--feature-side .guide-media-card__image{height:100%;min-height:170px}.guide-media-card--feature-side .guide-media-card__body{padding:16px 13px}.guide-media-card--feature-side p{display:none} .guide-new-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-media-card--new .guide-media-card__image{height:150px} .guide-hub-rent .frame__inner{background:#f6f9f3}.guide-rent-preview{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:14px}.guide-rent-preview .guide-media-card:first-child .guide-media-card__image{height:230px}.guide-rent-preview .guide-media-card:not(:first-child) .guide-media-card__image{height:150px} .guide-hub-buy .frame__inner{background:linear-gradient(180deg,#fffaf4,#fff)}.guide-buy-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;padding:22px 22px 8px;border-bottom:12px solid #c7a77e;box-shadow:0 9px 0 #ebdfd0} .guide-media-card--book{border-radius:4px 12px 4px 4px;box-shadow:-8px 9px 0 rgba(156,121,79,.08)}.guide-media-card--book:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:4px;background:linear-gradient(#d37a53,#739468)}.guide-media-card--book .guide-media-card__image{height:160px}.guide-media-card--book .guide-media-card__body{padding-left:22px} .guide-hub-sell .frame__inner{background:#fbf9f5}.guide-sell-preview,.guide-document-index{border-top:1px solid #e8ddd4} .guide-document-row{display:grid;grid-template-columns:104px 90px 1fr 76px;gap:16px;align-items:center;padding:13px;border-bottom:1px solid #e8ddd4;background:#fff;text-align:center} .guide-document-row__thumb{width:104px;height:70px;overflow:hidden;border-radius:7px}.guide-document-row__thumb img{width:100%;height:100%;object-fit:cover}.guide-document-row__cat{font-size:9px;font-weight:900;color:#6c8b61}.guide-document-row__body{text-align:center}.guide-document-row__body h3{font-family:var(--serif);font-size:16px;margin:0 0 3px}.guide-document-row__body p{font-size:10px!important;margin:0!important;line-height:1.65!important}.guide-document-row__read{display:inline-flex;justify-content:center;align-items:center;gap:5px;font-size:10px;font-weight:900;color:#a36d54} .guide-all-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.guide-media-card--all .guide-media-card__image{height:145px} .guide-hub-cta .frame__inner{background:linear-gradient(120deg,#fff7ee,#f0f7ed)} /* /guide/rent/ — notebook / practical living guide */ .guide-rent-page{--guide-green:#678f60}.guide-rent-hero{display:grid;grid-template-columns:.92fr 1.08fr;background:#f6f0e7;min-height:500px}.guide-rent-hero__media{grid-column:2;grid-row:1;overflow:hidden}.guide-rent-hero__media img{width:100%;height:100%;object-fit:cover}.guide-rent-hero__content{grid-column:1;grid-row:1;align-self:center;margin-left:max(24px,calc((100vw - 1180px)/2));width:min(520px,calc(100% - 48px));padding:38px 0;text-align:center;position:relative;z-index:2}.guide-rent-hero__content:before{content:"";position:absolute;inset:-20px -22px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 36px,#e8dfd2 37px);border-left:6px solid #d7c5aa;border-radius:5px;box-shadow:0 14px 38px rgba(77,55,39,.1);z-index:-1}.guide-rent-hero__content h1{font-size:clamp(36px,4.2vw,57px)}.guide-rent-hero__content p{margin-left:auto;margin-right:auto} .guide-rent-worries .frame__inner{background:#fbfcf8}.rent-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(100%,900px);margin:0 auto}.rent-note-grid a{min-height:142px;padding:24px 18px;background:#fffaf0;border:1px solid #e7d9c9;box-shadow:7px 9px 0 rgba(202,182,152,.12);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transform:rotate(-.5deg)}.rent-note-grid a:nth-child(even){background:#f3f8ef;transform:rotate(.6deg)}.rent-note-grid a:nth-child(3n){background:#fff3ee}.rent-note-grid .fkr-icon{width:32px;height:32px;color:#d37650}.rent-note-grid strong{font-family:var(--serif);font-size:20px;margin:5px 0}.rent-note-grid span{font-size:10px;color:#776a60} .guide-starter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-media-card--starter .guide-media-card__image{height:165px}.guide-media-card--starter:before{content:"基礎知識";position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;background:#6f9465;color:#fff;font-size:8px;font-weight:900;z-index:2} .guide-rent-area .frame__inner{background:#f8faf7}.guide-area-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide-media-card--area-story .guide-media-card__image{height:190px}.guide-media-card--area-story{border-radius:8px} .guide-rent-family .frame__inner{background:#fffaf4}.rent-family-editorial{width:min(100%,920px);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:stretch}.rent-family-editorial>img{width:100%;height:100%;min-height:360px;object-fit:cover;border-radius:16px}.rent-family-editorial>div{display:grid;gap:10px}.guide-media-card--family-link{display:grid;grid-template-columns:110px 1fr;border-radius:10px}.guide-media-card--family-link .guide-media-card__image{height:100%;min-height:110px}.guide-media-card--family-link .guide-media-card__body{padding:12px}.guide-media-card--family-link p{display:none}.guide-media-card--family-link h3{font-size:14px} .guide-rent-viewing .frame__inner{background:#f7f2e8}.rent-checklist-book{width:min(100%,800px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#bda17d;padding:14px 18px 14px;border-radius:12px 12px 4px 4px;box-shadow:0 12px 0 #ac8b64,0 20px 32px rgba(64,47,35,.08)}.rent-checklist-book__page{min-height:290px;background:repeating-linear-gradient(#fff 0,#fff 29px,#ebe1d5 30px);padding:28px;display:flex;flex-direction:column;align-items:center;text-align:center}.rent-checklist-book__page:first-child{border-radius:8px 0 0 8px}.rent-checklist-book__page:last-child{border-radius:0 8px 8px 0}.rent-checklist-book__page strong{font-family:var(--serif);font-size:21px;margin-bottom:15px}.rent-checklist-book__page span{font-size:11px;line-height:2.55;color:#665a52} .guide-rent-all .frame__inner{background:#fff}.guide-rent-list{display:grid;gap:0;border-top:1px solid #e7ddd4}.guide-media-card--rent-list{display:grid;grid-template-columns:190px 1fr;border:0;border-bottom:1px solid #e7ddd4;border-radius:0;box-shadow:none}.guide-media-card--rent-list .guide-media-card__image{height:150px}.guide-media-card--rent-list .guide-media-card__body{padding:18px 26px}.guide-rent-service .frame__inner{background:linear-gradient(100deg,#fff7ef,#f7efe5)}.guide-rent-cta .frame__inner{background:#f4f8f1} /* /guide/buy/ — decision planning / bookshelf */ .guide-buy-page{--guide-buy-orange:#e8794d}.guide-buy-hero{display:grid;grid-template-columns:1fr 1fr;min-height:510px;background:#fffaf4}.guide-buy-hero__visual{grid-column:2;overflow:hidden}.guide-buy-hero__visual img{width:100%;height:100%;object-fit:cover}.guide-buy-hero__content{grid-column:1;grid-row:1;align-self:center;width:min(560px,calc(100% - 48px));margin-left:max(24px,calc((100vw - 1180px)/2));text-align:center;padding:46px 0}.guide-buy-hero__content p{margin-left:auto;margin-right:auto} .guide-buy-map .frame__inner{background:#fff}.buy-decision-map{position:relative;width:min(100%,820px);height:410px;margin:0 auto}.buy-decision-map:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:410px;height:260px;border:1px solid #ead9c8;border-radius:50%}.buy-decision-map>strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:#fffaf3;border:1px solid #e6c8b1;display:grid;place-items:center;font-family:var(--serif);font-size:24px;z-index:2}.buy-decision-map>span{position:absolute;width:145px;height:92px;border:1px solid #e7dbd1;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font-size:12px;font-weight:900}.buy-decision-map .fkr-icon{width:26px;height:26px;color:#d9774f}.buy-decision-map .is-a{left:9%;top:3%}.buy-decision-map .is-b{right:9%;top:3%}.buy-decision-map .is-c{left:2%;top:40%}.buy-decision-map .is-d{right:2%;top:40%}.buy-decision-map .is-e{left:11%;bottom:1%}.buy-decision-map .is-f{right:11%;bottom:1%}.buy-decision-map .is-c .fkr-icon,.buy-decision-map .is-f .fkr-icon{color:#6f9365} .guide-buy-themes .frame__inner{background:#fffaf5}.buy-theme-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.buy-theme-panel{border:1px solid #e8ddd3;border-radius:16px;background:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:12px;align-items:center}.buy-theme-panel--wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;justify-items:center}.buy-theme-panel>span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#6f925f}.buy-theme-panel:nth-child(2)>span,.buy-theme-panel:nth-child(4)>span{color:#d5754e}.buy-theme-panel>h3{font-family:var(--serif);font-size:24px;margin:0 0 4px}.guide-media-card--buy-theme{width:100%;box-shadow:none}.guide-media-card--buy-theme .guide-media-card__image{height:140px}.guide-media-card--buy-theme p{display:none}.guide-panel-link{padding:10px 16px;border:1px solid #e2d5ca;border-radius:999px} .guide-buy-flow .frame__inner{background:#fbf8f3}.buy-flow-orbs{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;width:min(100%,900px);margin:0 auto}.buy-flow-orbs>div{width:125px;height:125px;border-radius:50%;border:1px solid #e5d7ca;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.buy-flow-orbs .fkr-icon{width:30px;height:30px;color:#6d9263}.buy-flow-orbs strong{font-family:var(--serif);font-size:17px}.buy-flow-orbs>b{color:#c7ad99;font-size:18px} .guide-buy-all .frame__inner{background:linear-gradient(180deg,#fff,#fffaf3)}.buy-book-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:end;padding:28px 20px 10px;border-bottom:13px solid #b99162;box-shadow:0 8px 0 #eadbc8}.guide-buy-consult .frame__inner{background:#f9f4ed}.guide-buy-consult img{width:min(100%,760px);height:330px;object-fit:cover;margin:0 auto;border-radius:18px}.guide-buy-cta .frame__inner{background:linear-gradient(120deg,#fff7ef,#f1f7ed)} /* /guide/sell/ — calm knowledge library / document index */ .guide-sell-page{--guide-sell-orange:#dd734e}.guide-sell-hero{display:grid;grid-template-columns:.82fr 1.18fr;min-height:510px;background:#fbf8f2}.guide-sell-hero__content{align-self:center;width:min(530px,calc(100% - 48px));margin-left:max(24px,calc((100vw - 1180px)/2));padding:48px 0;text-align:center}.guide-sell-hero__content p{margin-left:auto;margin-right:auto}.guide-sell-hero__media{overflow:hidden}.guide-sell-hero__media img{width:100%;height:100%;object-fit:cover}.guide-sell-index .frame__inner{background:#fff}.sell-topic-index{width:min(100%,940px);margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.sell-topic-index a{min-height:155px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50% 50% 20px 20px;border:1px solid #e6d8cc;background:#fffaf5;text-align:center}.sell-topic-index .fkr-icon{width:34px;height:34px;color:#a07a5e}.sell-topic-index strong{font-family:var(--serif);font-size:18px;margin:6px 0}.sell-topic-index span{font-size:9px;color:#75685f;line-height:1.7}.guide-sell-assessment .frame__inner{background:#fbf9f6}.guide-sell-assessment img,.guide-sell-relocation img{width:min(100%,760px);height:330px;object-fit:cover;margin:0 auto;border-radius:17px}.guide-sell-flow .frame__inner{background:#fffaf4}.sell-flow-mini{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:0 auto}.sell-flow-mini span{min-width:110px;padding:17px 13px;border:1px solid #e5d9cf;border-radius:50px;background:#fff;font-family:var(--serif);font-weight:700}.sell-flow-mini b{color:#c5a387}.guide-sell-types .frame__inner{background:#fff}.sell-type-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(100%,900px);margin:0 auto}.sell-type-panels article{border:1px solid #e5dbd1;border-radius:16px;overflow:hidden;background:#fff;text-align:center;padding-bottom:22px}.sell-type-panels img{width:100%;height:240px;object-fit:cover}.sell-type-panels h3{font-family:var(--serif);font-size:24px;margin:20px 20px 6px}.sell-type-panels p{font-size:11px!important;margin:0 auto 14px!important;padding:0 20px}.sell-type-panels a{display:inline-flex;align-items:center;gap:5px;color:#b76749;font-size:10px;font-weight:900}.guide-sell-relocation .frame__inner{background:#f6f9f3}.guide-sell-all .frame__inner{background:#fff}.guide-sell-service .frame__inner{background:#fbf7f1}.guide-sell-cta .frame__inner{background:linear-gradient(120deg,#fff8ef,#f3f7ef)} @media(max-width:1020px){ .guide-feature-layout{grid-template-columns:1fr 1fr}.guide-media-card--feature-main{grid-column:1/-1;grid-row:auto}.guide-new-grid,.guide-all-grid{grid-template-columns:repeat(2,1fr)}.guide-rent-preview{grid-template-columns:1fr 1fr}.guide-rent-preview .guide-media-card:first-child{grid-column:1/-1}.guide-buy-shelf,.buy-book-shelf{grid-template-columns:repeat(2,1fr)} .guide-rent-hero,.guide-buy-hero,.guide-sell-hero{grid-template-columns:1fr}.guide-rent-hero__media,.guide-buy-hero__visual,.guide-sell-hero__media{grid-column:1;grid-row:1;min-height:390px}.guide-rent-hero__content,.guide-buy-hero__content,.guide-sell-hero__content{grid-column:1;grid-row:2;width:min(calc(100% - 42px),760px);margin:0 auto;padding:46px 20px}.guide-rent-hero__content:before{inset:10px 0 0} .rent-family-editorial{grid-template-columns:1fr}.buy-theme-cards{grid-template-columns:1fr 1fr}.buy-theme-panel--wide{grid-column:1/-1}.buy-flow-orbs{grid-template-columns:1fr auto 1fr auto 1fr}.buy-flow-orbs>div:nth-of-type(4),.buy-flow-orbs>div:nth-of-type(5){margin-top:18px}.sell-topic-index{grid-template-columns:repeat(3,1fr)} } @media(max-width:700px){ .guide-media-page .frame__inner{width:min(calc(100% - 20px),var(--container));padding:52px 18px;border-radius:16px}.guide-section-heading{margin-bottom:28px}.guide-section-heading h2{font-size:clamp(27px,8vw,36px)}.guide-hero{min-height:0}.guide-hero h1{font-size:clamp(34px,10vw,47px)} .guide-hub-hero{min-height:620px}.guide-hub-hero__collage{grid-template-columns:1fr 1fr;grid-template-rows:220px}.guide-hub-hero__overlay{background:linear-gradient(rgba(255,253,250,.48),rgba(255,253,250,.95) 32%,rgba(255,253,250,.98) 70%,rgba(255,253,250,.6))}.guide-hub-hero__content{padding-top:210px}.guide-hub-hero__content .fkr-breadcrumb{top:170px}.guide-search{grid-template-columns:1fr 48px}.guide-search input[type=search]{min-height:50px;font-size:12px} .guide-theme-radial{height:auto;display:grid;grid-template-columns:1fr;gap:12px}.guide-theme-radial:before{display:none}.guide-theme-radial__center,.guide-theme-node{position:static!important;transform:none!important;width:100%;height:auto;min-height:120px;border-radius:18px}.guide-theme-radial__center{min-height:120px}.guide-theme-node--buy{top:auto} .guide-feature-layout,.guide-new-grid,.guide-rent-preview,.guide-all-grid,.guide-starter-grid,.guide-area-story-grid,.guide-buy-shelf,.buy-book-shelf{grid-template-columns:1fr}.guide-media-card--feature-main .guide-media-card__image{height:240px}.guide-media-card--feature-side{grid-template-columns:120px 1fr}.guide-media-card--feature-side .guide-media-card__image{min-height:150px}.guide-media-card--feature-side h3{font-size:15px}.guide-rent-preview .guide-media-card:first-child{grid-column:auto}.guide-buy-shelf,.buy-book-shelf{padding:18px 12px 8px} .guide-document-row{grid-template-columns:82px 1fr 55px;gap:10px}.guide-document-row__thumb{width:82px;height:64px}.guide-document-row__cat{display:none}.guide-document-row__body h3{font-size:13px}.guide-document-row__body p{display:none}.guide-document-row__read{font-size:9px} .guide-rent-hero__media,.guide-buy-hero__visual,.guide-sell-hero__media{min-height:260px}.guide-rent-hero__content,.guide-buy-hero__content,.guide-sell-hero__content{padding:42px 14px}.guide-rent-hero__content:before{inset:6px 0 -5px}.rent-note-grid{grid-template-columns:1fr 1fr;gap:10px}.rent-note-grid a{min-height:125px;padding:18px 10px}.rent-family-editorial>img{min-height:250px}.guide-media-card--family-link{grid-template-columns:95px 1fr}.rent-checklist-book{grid-template-columns:1fr;padding:12px;box-shadow:0 10px 0 #ac8b64}.rent-checklist-book__page{min-height:240px}.rent-checklist-book__page:first-child,.rent-checklist-book__page:last-child{border-radius:8px}.guide-media-card--rent-list{grid-template-columns:110px 1fr}.guide-media-card--rent-list .guide-media-card__image{height:130px}.guide-media-card--rent-list .guide-media-card__body{padding:12px}.guide-media-card--rent-list p{display:none}.guide-media-card--rent-list h3{font-size:14px} .buy-decision-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.buy-decision-map:before{display:none}.buy-decision-map>strong{position:static;transform:none;grid-column:1/-1;width:130px;height:130px;margin:0 auto 10px}.buy-decision-map>span{position:static!important;width:auto;height:95px;border-radius:18px}.buy-theme-cards{grid-template-columns:1fr}.buy-theme-panel--wide{grid-column:auto;display:flex}.buy-flow-orbs{grid-template-columns:1fr;gap:8px}.buy-flow-orbs>div{width:115px;height:115px;margin:auto!important}.buy-flow-orbs>b{transform:rotate(90deg)}.guide-buy-consult img{height:250px} .sell-topic-index{grid-template-columns:1fr 1fr}.sell-topic-index a{min-height:125px;border-radius:18px}.guide-sell-assessment img,.guide-sell-relocation img{height:250px}.sell-type-panels{grid-template-columns:1fr}.sell-type-panels img{height:210px}.sell-flow-mini{display:grid;grid-template-columns:1fr}.sell-flow-mini b{transform:rotate(90deg)} } /* ========================================================= v1.9.0 — About / Message / Company / Access / Contact Official-site visual system. One visual frame = one section. Titles, introductions and CTAs are centered; detailed content such as tables, form fields and long answers remain left-aligned. ========================================================= */ .about-page{padding-top:0;background:#fffdfb}.about-page .frame{margin-bottom:0}.about-page .frame__inner{width:min(calc(100% - 42px),1180px);padding:72px 56px;border-radius:0;border-left:0;border-right:0;box-shadow:none}.about-page .frame:nth-of-type(even) .frame__inner{background:#fffaf5}.about-page .section-kicker{display:block;margin-bottom:10px;font-size:11px;font-weight:900;letter-spacing:.16em;color:#d47b58;text-align:center}.about-section-heading,.message-section-heading,.corporate-section-heading,.access-section-heading,.contact-section-heading{width:min(100%,850px);margin:0 auto 38px;text-align:center}.about-section-heading h2,.message-section-heading h2,.corporate-section-heading h2,.access-section-heading h2,.contact-section-heading h2{font-family:var(--serif);font-size:clamp(29px,3.6vw,45px);line-height:1.55;letter-spacing:.045em;margin:0 0 15px}.about-section-heading p,.message-section-heading p,.corporate-section-heading p,.access-section-heading p,.contact-section-heading p{max-width:720px;margin:0 auto;color:#71645c;line-height:2}.about-page .button-row{justify-content:center}.about-page .content-placeholder{text-align:center} /* About hub: layered brand hero */ .about-hub-hero{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden}.about-hero__media{position:absolute;inset:0}.about-hero__media img{width:100%;height:100%;object-fit:cover}.about-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,251,247,.96) 0%,rgba(255,251,247,.78) 46%,rgba(255,251,247,.32) 72%,rgba(255,251,247,.14) 100%)}.about-hero__content{position:relative;z-index:2;width:min(calc(100% - 42px),1180px);margin:auto;padding:110px 0 90px;text-align:center}.about-hero__content .fkr-breadcrumb{position:absolute;left:0;top:28px}.about-hero__content h1{font-family:var(--serif);font-size:clamp(42px,5.5vw,70px);line-height:1.45;letter-spacing:.06em;margin:0 0 20px}.about-hero__content p{width:min(100%,680px);margin:0 auto;color:#62564f;line-height:2.05}.about-mission .frame__inner{background:linear-gradient(180deg,#fffdfb,#fbf3e9)}.about-mission-orbit{position:relative;width:min(100%,760px);height:390px;margin:20px auto 0}.about-mission-orbit:before{content:"";position:absolute;left:50%;top:50%;width:360px;height:360px;border:1px dashed #d9c9bc;border-radius:50%;transform:translate(-50%,-50%)}.about-mission-orbit>strong{position:absolute;left:50%;top:50%;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;transform:translate(-50%,-50%);background:#fff;border:1px solid #e6d7ca;box-shadow:var(--shadow);font-family:var(--serif);font-size:24px;line-height:1.7;text-align:center;color:#6e8d63}.about-mission-orbit>span{position:absolute;width:170px;min-height:92px;padding:13px;border:1px solid #eaded4;background:#fff;border-radius:999px;display:flex;gap:8px;align-items:center;justify-content:center;text-align:center}.about-mission-orbit>span .fkr-icon{color:#d77e59;width:25px;height:25px}.about-mission-orbit>span:nth-child(1){left:0;top:35px}.about-mission-orbit>span:nth-child(2){right:0;top:35px}.about-mission-orbit>span:nth-child(3){left:0;bottom:35px}.about-mission-orbit>span:nth-child(4){right:0;bottom:35px}.about-value-ribbon{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.about-value-ribbon article{padding:28px 18px;background:#fff;border:1px solid #eadfd5;border-radius:18px;text-align:center}.about-value-ribbon i{width:54px;height:54px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#fff4e9;color:#c57958}.about-value-ribbon i .fkr-icon{width:28px;height:28px}.about-value-ribbon h3{font-family:var(--serif);font-size:19px;margin:0 0 7px}.about-value-ribbon p{font-size:12px;margin:0}.about-life-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:14px;width:min(100%,900px);margin:auto}.about-life-line a{min-height:180px;padding:25px 16px;border-radius:26px;background:#fff;border:1px solid #e8ddd2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about-life-line a i{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:#f8f1e8;color:#d07350}.about-life-line a .fkr-icon{width:31px;height:31px}.about-life-line strong{font-family:var(--serif);font-size:23px;margin:10px 0 4px}.about-life-line small{color:#8b7a70}.about-life-line>b{color:#cbb5a3}.about-family__photo,.about-fukuoka__photo{width:min(100%,920px);height:390px;object-fit:cover;margin:0 auto;border-radius:22px}.about-family-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.about-family-chips span{padding:9px 18px;border:1px solid #ddcfc2;border-radius:999px;background:#fff;font-size:12px;font-weight:700}.about-representative-card{display:grid;grid-template-columns:420px 1fr;gap:35px;align-items:center;width:min(100%,900px);margin:0 auto}.about-representative-card img{width:100%;height:320px;object-fit:cover;border-radius:18px}.about-representative-card>div{text-align:center}.about-representative-card span{color:#d17958;font-size:11px;font-weight:900;letter-spacing:.12em}.about-representative-card h3{font-family:var(--serif);font-size:28px;margin:8px 0}.about-link-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(100%,820px);margin:auto}.about-link-panels a{min-height:190px;padding:28px;background:#fff;border:1px solid #e9ddd3;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transition:.2s}.about-link-panels a:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.about-link-panels .fkr-icon{width:38px;height:38px;color:#c67755}.about-link-panels strong{font-family:var(--serif);font-size:22px;margin:10px 0 4px}.about-link-panels span{font-size:12px;color:#81736a}.about-final .frame__inner{background:linear-gradient(120deg,#fff3e7,#f5f9f2);padding-top:82px;padding-bottom:82px} /* Message: editorial story with alternating visual moods */ .message-hero,.corporate-hero,.access-hero,.contact-hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:560px;background:#fbf8f3}.message-hero__content,.corporate-hero__content,.access-hero__content,.contact-hero__content{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:74px max(34px,calc((100vw - 1180px)/2)) 60px max(34px,calc((100vw - 1180px)/2))}.message-hero__content .fkr-breadcrumb,.corporate-hero__content .fkr-breadcrumb,.access-hero__content .fkr-breadcrumb,.contact-hero__content .fkr-breadcrumb{margin-bottom:32px}.message-hero__content h1,.corporate-hero__content h1,.access-hero__content h1,.contact-hero__content h1{font-family:var(--serif);font-size:clamp(39px,4.8vw,62px);line-height:1.5;letter-spacing:.055em;margin:0 0 18px}.message-hero__content p,.corporate-hero__content p,.access-hero__content p,.contact-hero__content p{max-width:620px;margin:0 auto;line-height:2}.message-hero__media,.corporate-hero__media,.access-hero__media,.contact-hero__media{overflow:hidden;min-height:560px}.message-hero__media img,.corporate-hero__media img,.access-hero__media img,.contact-hero__media img{width:100%;height:100%;object-fit:cover}.message-editorial{display:grid;grid-template-columns:360px 1fr;gap:50px;align-items:center;width:min(100%,900px);margin:auto}.message-editorial img{width:100%;height:300px;object-fit:cover;border-radius:18px}.message-editorial blockquote{font-family:var(--serif);font-size:clamp(24px,3vw,38px);line-height:1.8;color:#6b5a4e;margin:0;text-align:center;position:relative}.message-editorial blockquote:before{content:"“";display:block;font-size:100px;line-height:.6;color:#f0e6dc}.message-struggle .frame__inner{background:#f6f0e9}.message-quiet-visual{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:center;width:min(100%,760px);margin:20px auto 0}.message-quiet-visual span{padding:22px;border:1px solid #ddcfc2;background:#fff;border-radius:999px;text-align:center;font-family:var(--serif);font-weight:700}.message-quiet-visual i{font-style:normal;color:#bba28e}.message-wide-photo{width:min(100%,880px);height:380px;object-fit:cover;margin:auto;border-radius:20px}.message-document-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:min(100%,820px);margin:auto}.message-document-strip span{padding:25px 15px;border:1px solid #e4d8ce;border-radius:16px;background:#fff;text-align:center}.message-document-strip .fkr-icon{display:block;width:31px;height:31px;color:#be7756;margin:0 auto 8px}.message-principles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.message-principles article{padding:25px 12px;border:1px solid #e8ddd3;border-radius:16px;background:#fff;text-align:center}.message-principles .fkr-icon{width:35px;height:35px;color:#9f7b5f;margin-bottom:10px}.message-principles strong{display:block;font-family:var(--serif);font-size:16px}.message-principles span{display:block;font-size:10px;color:#8a7b71;margin-top:6px}.message-mission .frame__inner{padding-top:100px;padding-bottom:100px;background:linear-gradient(180deg,#fffaf4,#f8f0e6)}.message-section-heading--mission{margin-bottom:0}.message-section-heading--mission h2{font-size:clamp(35px,5vw,58px)}.message-profile-card{display:grid;grid-template-columns:260px 1fr;gap:35px;width:min(100%,800px);margin:auto;align-items:center}.message-profile-card img{width:100%;height:310px;object-fit:cover;border-radius:18px}.message-profile-card dl{margin:0}.message-profile-card dl>div{display:grid;grid-template-columns:130px 1fr;border-bottom:1px solid #e5d9cf;padding:14px 0}.message-profile-card dt{font-weight:800}.message-profile-card dd{margin:0}.message-final .frame__inner{background:linear-gradient(120deg,#fff4e9,#f5f8f3)} /* Company: precise corporate trust */ .corporate-page{background:#fff}.corporate-hero{background:#f8f6f2}.corporate-overview .frame__inner{background:#fff}.corporate-table-wrap{width:min(100%,900px);margin:auto;border:1px solid #e5ddd6;overflow:hidden}.corporate-table{width:100%;border-collapse:collapse;font-size:13px}.corporate-table th,.corporate-table td{padding:15px 18px;border-bottom:1px solid #e7dfd8;text-align:left;vertical-align:top}.corporate-table th{width:220px;background:#faf6f1;color:#66574e}.corporate-table tr:last-child th,.corporate-table tr:last-child td{border-bottom:0}.corporate-service-orbit{position:relative;width:min(100%,760px);height:430px;margin:auto}.corporate-service-orbit:before{content:"";position:absolute;left:50%;top:50%;width:390px;height:390px;border-radius:50%;border:1px dashed #daccc0;transform:translate(-50%,-50%)}.corporate-service-orbit>strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:185px;height:185px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:var(--shadow);font-family:var(--serif);text-align:center}.corporate-service-orbit>a{position:absolute;width:150px;height:120px;border:1px solid #e5d9cf;border-radius:20px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.corporate-service-orbit>a .fkr-icon{width:33px;height:33px;color:#c37a59}.corporate-service-orbit>a b{margin-top:7px}.corporate-service-orbit>a:nth-of-type(1){left:45px;top:42px}.corporate-service-orbit>a:nth-of-type(2){right:45px;top:42px}.corporate-service-orbit>a:nth-of-type(3){left:45px;bottom:42px}.corporate-service-orbit>a:nth-of-type(4){right:45px;bottom:42px}.corporate-area-map{width:min(100%,760px);height:350px;margin:auto;border-radius:30% 45% 36% 52%;background:linear-gradient(145deg,#dfead7,#f0f4ea);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.corporate-area-map:before,.corporate-area-map:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid rgba(98,137,84,.15)}.corporate-area-map:before{left:-40px;top:30px}.corporate-area-map:after{right:-30px;bottom:15px}.corporate-area-map>span{font-family:var(--serif);font-size:42px;font-weight:700}.corporate-area-map .fkr-icon{width:45px;height:45px;color:#709260;margin:12px}.corporate-area-map small{font-weight:700;color:#65725e}.corporate-disclosure-list{width:min(100%,850px);margin:auto;border:1px solid #e5ddd6;background:#fff}.corporate-disclosure-list>div:not(.content-placeholder){display:grid;grid-template-columns:230px 1fr;padding:16px 20px;border-bottom:1px solid #e5ddd6;text-align:left}.corporate-disclosure-list>div:last-child{border-bottom:0}.corporate-disclosure-list strong{font-size:13px}.corporate-disclosure-list span{font-size:13px;color:#71645c}.corporate-promise-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.corporate-promise-grid article{padding:25px 12px;border:1px solid #e5d9cf;border-radius:16px;background:#fff;text-align:center}.corporate-promise-grid .fkr-icon{width:35px;height:35px;color:#c48161}.corporate-promise-grid strong{display:block;font-family:var(--serif);margin:8px 0 4px}.corporate-promise-grid span{display:block;font-size:10px;color:#80746b}.corporate-office-photo{width:min(100%,760px);height:340px;object-fit:cover;border-radius:18px;margin:auto}.corporate-final .frame__inner{background:linear-gradient(120deg,#fff8f1,#f8f2e9)} /* Access: local journey guide */ .access-page{background:#fff}.access-map-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:stretch}.access-address-card{padding:28px;border:1px solid #e5d8cc;border-radius:18px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.access-address-card address{font-style:normal;margin:14px 0 20px;color:#72645b}.access-map-box{min-height:390px;border-radius:20px;overflow:hidden;border:1px solid #e4dbd3;background:#f3f0e9}.access-map-box iframe{width:100%;height:100%;min-height:390px;border:0}.access-map-placeholder{height:100%;min-height:390px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(45deg,#f0eee7,#f7f4ee);color:#84756b}.access-map-placeholder .fkr-icon{width:46px;height:46px;color:#cc7b59}.access-route-cards{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center;width:min(100%,900px);margin:auto}.access-route-cards article,.access-car-grid article{min-height:160px;padding:20px;border:1px solid #e6dbd1;border-radius:18px;background:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.access-route-cards .fkr-icon,.access-car-grid .fkr-icon{width:36px;height:36px;color:#9e7659}.access-route-cards strong,.access-car-grid strong{font-family:var(--serif);font-size:18px;margin:8px 0}.access-route-cards span,.access-car-grid span{font-size:11px;color:#81736a}.access-route-cards>b{color:#c7aa91}.access-car-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:min(100%,820px);margin:0 auto 24px}.access-side-photo{width:min(100%,680px);height:290px;object-fit:cover;border-radius:18px;margin:auto}.access-landmark-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.access-landmark-grid div{border:1px solid #e4d8ce;background:#fff;border-radius:16px;overflow:hidden;text-align:center}.access-landmark-grid img{width:100%;height:200px;object-fit:cover}.access-landmark-grid strong{display:block;padding:14px;font-family:var(--serif)}.access-entrance-photo{width:min(100%,900px);height:400px;object-fit:cover;border-radius:18px;margin:auto}.access-info-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.access-info-grid article{padding:22px 12px;border:1px solid #e3d7cd;border-radius:16px;background:#fff;text-align:center}.access-info-grid .fkr-icon{width:34px;height:34px;color:#c07a5a}.access-info-grid strong{display:block;font-family:var(--serif);margin:9px 0}.access-info-grid span{font-size:10px;color:#81736a}.access-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.access-method-grid a{min-height:165px;padding:22px;border:1px solid #e4d8ce;border-radius:18px;background:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.access-method-grid .fkr-icon{width:40px;height:40px;color:#6da35e}.access-method-grid strong{font-family:var(--serif);font-size:19px;margin-top:10px}.access-final .frame__inner{background:#fff3e8} /* Contact: friendly concierge */ .contact-page{background:#fff}.contact-hero__content .button-row{justify-content:center}.contact-method-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(100%,900px);margin:auto}.contact-method-selector a{position:relative;min-height:205px;padding:28px 18px;border:1px solid #e4d8ce;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.contact-method-selector a.is-recommended{border:2px solid #7eb36e;box-shadow:0 10px 24px rgba(93,142,77,.10)}.contact-method-selector em{position:absolute;left:14px;top:-13px;padding:3px 13px;border-radius:999px;background:#6d8a5d;color:#fff;font-size:10px;font-style:normal}.contact-method-selector .fkr-icon{width:45px;height:45px;color:#c17a58}.contact-method-selector .is-recommended .fkr-icon{color:#4da43c}.contact-method-selector strong{font-family:var(--serif);font-size:20px;margin:11px 0 4px}.contact-method-selector span{font-size:11px;color:#85766c}.contact-idea-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:min(100%,850px);margin:auto}.contact-idea-cloud span{padding:12px 21px;border:1px solid #e7ddd5;border-radius:999px;background:#fff;font-size:12px;font-weight:700}.contact-form-section .frame__inner{background:#fffaf5}.contact-form{width:min(100%,850px);margin:auto;padding:32px;border:1px solid #e5d9cf;border-radius:20px;background:#fff;text-align:left}.contact-form__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.contact-form label>span,.contact-form legend{display:block;font-weight:800;font-size:12px;margin-bottom:6px}.contact-form label>span b{color:#d46e48;font-size:9px}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{width:100%;border:1px solid #ddd3cb;border-radius:8px;background:#fff;padding:12px 13px;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:#dd8a68;box-shadow:0 0 0 3px rgba(221,138,104,.12)}.contact-form fieldset{border:0;margin:24px 0;padding:0}.contact-topic-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.contact-topic-row label{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid #e3dad2;border-radius:9px}.contact-message{display:block;margin-top:20px}.contact-consent{display:flex!important;align-items:center;gap:7px;margin:18px 0;font-size:12px}.contact-consent a{text-decoration:underline;color:#6b8a60}.contact-form>button{display:flex;margin:12px auto 0;min-width:320px}.contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.contact-success,.contact-error{width:min(100%,850px);margin:0 auto 20px;padding:18px;border-radius:12px;text-align:center}.contact-success{background:#eef7eb;border:1px solid #c8dfc1;color:#496f43}.contact-error{background:#fff0ec;border:1px solid #efc2b6;color:#9a4d39}.contact-example{width:min(100%,780px);margin:auto;padding:30px 34px;border:1px solid #e7dbd1;border-radius:18px;background:#fff;position:relative;text-align:left}.contact-example:before{content:"";position:absolute;right:28px;top:22px;width:0;height:0;border-left:12px solid #e6d8cb;border-top:8px solid transparent;border-bottom:8px solid transparent}.contact-example strong{display:block;color:#a68165;margin-bottom:8px}.contact-example p{margin:0!important;color:#5e514a!important}.contact-after-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:13px;align-items:center;width:min(100%,850px);margin:auto}.contact-after-flow span{min-height:135px;padding:18px;border:1px solid #e4d8ce;border-radius:17px;background:#fff;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.contact-after-flow .fkr-icon{width:35px;height:35px;color:#c57e5d}.contact-after-flow b{margin-top:8px}.contact-after-flow i{font-style:normal;color:#baa18d}.contact-line-banner{position:relative;width:min(100%,900px);min-height:320px;margin:auto;border-radius:20px;overflow:hidden;background:#e8f4e4}.contact-line-banner img{width:100%;height:320px;object-fit:cover;filter:saturate(.9)}.contact-line-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(64,142,49,.96),rgba(64,142,49,.60) 48%,rgba(64,142,49,.08))}.contact-line-banner .btn{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:2;background:#fff;color:#408d33;min-width:330px}.contact-line-banner .btn:hover{transform:translate(-50%,-2px)}.contact-faq .faq-list{width:min(100%,850px);margin:auto}.contact-safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.contact-safety-grid article{padding:25px 14px;border:1px solid #e5d9cf;border-radius:17px;background:#fff;text-align:center}.contact-safety-grid .fkr-icon{width:35px;height:35px;color:#c78565}.contact-safety-grid strong{display:block;font-family:var(--serif);margin:8px 0}.contact-safety-grid span{font-size:10px;color:#84766d}.contact-final .frame__inner{background:linear-gradient(120deg,#fff9f3,#f8efe4);padding-top:85px;padding-bottom:85px} @media(max-width:1050px){ .about-value-ribbon{grid-template-columns:1fr 1fr}.about-representative-card{grid-template-columns:1fr}.about-representative-card img{width:min(100%,620px);margin:auto}.message-principles,.corporate-promise-grid,.access-info-grid{grid-template-columns:repeat(3,1fr)}.contact-method-selector{grid-template-columns:1fr 1fr}.contact-method-selector a:first-child{grid-column:1/-1}.contact-form__grid{grid-template-columns:1fr 1fr}.contact-form__grid label:last-child{grid-column:1/-1} } @media(max-width:820px){ .about-page .frame__inner{width:min(calc(100% - 22px),1180px);padding:58px 22px}.about-hub-hero{min-height:620px}.about-hero__shade{background:linear-gradient(180deg,rgba(255,251,247,.75),rgba(255,251,247,.95) 55%,rgba(255,251,247,.99))}.about-hero__content{padding:140px 24px 70px}.about-hero__content .fkr-breadcrumb{left:22px;top:25px}.about-mission-orbit{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-mission-orbit:before{display:none}.about-mission-orbit>strong{position:static;transform:none;width:150px;height:150px;grid-column:1/-1;margin:0 auto 5px}.about-mission-orbit>span{position:static!important;width:auto;min-height:100px;border-radius:18px}.about-life-line{grid-template-columns:1fr}.about-life-line>b{transform:rotate(90deg);text-align:center}.about-family__photo,.about-fukuoka__photo,.message-wide-photo,.corporate-office-photo,.access-entrance-photo{height:300px}.about-representative-card img{height:300px}.about-link-panels{grid-template-columns:1fr 1fr} .message-hero,.corporate-hero,.access-hero,.contact-hero{grid-template-columns:1fr;min-height:0}.message-hero__media,.corporate-hero__media,.access-hero__media,.contact-hero__media{grid-row:1;min-height:330px}.message-hero__content,.corporate-hero__content,.access-hero__content,.contact-hero__content{grid-row:2;padding:45px 24px}.message-editorial{grid-template-columns:1fr}.message-editorial img{width:min(100%,520px);margin:auto}.message-quiet-visual{grid-template-columns:1fr}.message-quiet-visual i{transform:rotate(90deg);text-align:center}.message-document-strip{grid-template-columns:1fr 1fr}.message-principles{grid-template-columns:1fr 1fr}.message-profile-card{grid-template-columns:1fr}.message-profile-card img{width:min(100%,320px);margin:auto}.message-profile-card dl>div{grid-template-columns:100px 1fr} .corporate-service-orbit{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}.corporate-service-orbit:before{display:none}.corporate-service-orbit>strong{position:static;transform:none;grid-column:1/-1;width:150px;height:150px;margin:0 auto}.corporate-service-orbit>a{position:static!important;width:auto;height:120px}.corporate-promise-grid{grid-template-columns:1fr 1fr}.corporate-table th{width:150px}.corporate-disclosure-list>div:not(.content-placeholder){grid-template-columns:160px 1fr} .access-map-layout{grid-template-columns:1fr}.access-map-box,.access-map-box iframe,.access-map-placeholder{min-height:320px}.access-route-cards{grid-template-columns:1fr}.access-route-cards>b{transform:rotate(90deg);text-align:center}.access-car-grid{grid-template-columns:1fr 1fr}.access-car-grid article:last-child{grid-column:1/-1}.access-landmark-grid{grid-template-columns:1fr 1fr}.access-landmark-grid div:last-child{grid-column:1/-1}.access-info-grid{grid-template-columns:1fr 1fr}.access-method-grid{grid-template-columns:1fr} .contact-method-selector{grid-template-columns:1fr}.contact-method-selector a:first-child{grid-column:auto}.contact-form{padding:24px 18px}.contact-form__grid{grid-template-columns:1fr}.contact-form__grid label:last-child{grid-column:auto}.contact-topic-row{grid-template-columns:1fr 1fr}.contact-after-flow{grid-template-columns:1fr}.contact-after-flow i{transform:rotate(90deg);text-align:center}.contact-safety-grid{grid-template-columns:1fr 1fr} } @media(max-width:520px){ .about-page .frame__inner{padding:48px 17px}.about-hero__content h1,.message-hero__content h1,.corporate-hero__content h1,.access-hero__content h1,.contact-hero__content h1{font-size:clamp(34px,10vw,47px)}.about-section-heading h2,.message-section-heading h2,.corporate-section-heading h2,.access-section-heading h2,.contact-section-heading h2{font-size:clamp(27px,8.5vw,37px)}.about-value-ribbon,.about-link-panels,.message-document-strip,.message-principles,.corporate-promise-grid,.access-car-grid,.access-landmark-grid,.access-info-grid,.contact-safety-grid{grid-template-columns:1fr}.access-car-grid article:last-child,.access-landmark-grid div:last-child{grid-column:auto}.corporate-table-wrap{overflow-x:auto}.corporate-table{min-width:610px}.corporate-disclosure-list>div:not(.content-placeholder){grid-template-columns:1fr;gap:6px}.message-profile-card dl>div{grid-template-columns:1fr;gap:4px}.contact-topic-row{grid-template-columns:1fr}.contact-form>button,.contact-line-banner .btn{min-width:0;width:calc(100% - 36px)}.contact-line-banner,.contact-line-banner img{height:270px;min-height:270px}.contact-line-banner:after{background:rgba(64,142,49,.72)} } /* ========================================================= v1.10.1 Legal / Sitemap / Thanks / 404 ========================================================= */ .button-row--center{justify-content:center} /* Shared legal utility */ .legal-page,.sitemap-page,.thanks-page,.error404-page{background:#fffdfb} .legal-page .site-main,.sitemap-page .site-main,.thanks-page .site-main,.error404-page .site-main{overflow:hidden} .legal-hero,.sitemap-hero,.thanks-hero,.error404-hero{width:100%;margin:0 0 18px;background:linear-gradient(135deg,#fffdfb,#fff8f1)} .legal-section,.sitemap-section,.thanks-section,.error404-section{margin:0 auto 16px} .legal-section__inner,.sitemap-section__inner,.thanks-section__inner,.error404-section__inner{width:min(calc(100% - 42px),var(--container));margin-inline:auto;border:1px solid #eee2d8;border-radius:22px;background:#fff;padding:70px 54px;box-shadow:0 5px 24px rgba(76,56,43,.035);text-align:center} .legal-section--soft .legal-section__inner,.thanks-section:nth-of-type(even) .thanks-section__inner{background:linear-gradient(145deg,#fff,#fbf7f1)} .legal-section--warm .legal-section__inner{background:linear-gradient(145deg,#fffaf6,#f9efe5)} .legal-section__heading,.sitemap-section__heading,.thanks-section__heading,.error404-section__heading{text-align:center;max-width:880px;margin:0 auto 30px} .legal-section__heading>span,.sitemap-section__heading>span,.thanks-section__heading>span,.error404-section__heading>span{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#c97a56;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px} .legal-section__heading>span .fkr-icon,.sitemap-section__heading>span .fkr-icon{width:25px;height:25px} .legal-section h2,.sitemap-section h2,.thanks-section h2,.error404-section h2{font-family:var(--serif);font-size:clamp(28px,3.3vw,42px);line-height:1.45;letter-spacing:.04em;margin:0 0 16px;color:#3f342d} .legal-section p,.sitemap-section p,.thanks-section p,.error404-section p{max-width:860px;margin:0 auto;color:#70635b;line-height:2;text-align:center} .legal-eyebrow{color:#c97a56!important;font-size:12px;font-weight:800;letter-spacing:.1em} /* Privacy */ .privacy-hero{min-height:430px;border-bottom:1px solid #f0e5db} .legal-hero__inner{width:min(calc(100% - 42px),1240px);min-height:430px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative;padding:48px 20px} .legal-hero__copy{text-align:center;position:relative;z-index:2} .legal-hero__copy .fkr-breadcrumb{position:absolute;left:0;top:-40px} .legal-hero__copy h1{font-family:var(--serif);font-size:clamp(40px,5vw,64px);line-height:1.25;letter-spacing:.04em;margin:12px 0 22px;color:#382e29} .legal-hero__copy p{max-width:580px;margin:0 auto;color:#6e6158;line-height:2} .privacy-hero__art{height:310px;position:relative;display:grid;place-items:center;color:#d4a37f} .privacy-hero__art:before,.privacy-hero__art:after{content:"";position:absolute;border:1px dashed #e9c7ac;border-radius:50%} .privacy-hero__art:before{width:390px;height:200px;transform:rotate(-7deg)} .privacy-hero__art:after{width:320px;height:250px;transform:rotate(14deg)} .privacy-art__shield{width:128px;height:128px;border:1px solid #edcfb7;border-radius:36px 36px 48px 48px;background:#fff8f1;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 16px 40px rgba(130,93,64,.06)} .privacy-art__shield>.fkr-icon{width:82px;height:82px;color:#d9aa86} .privacy-art__shield>span{position:absolute;inset:0;display:grid;place-items:center}.privacy-art__shield>span .fkr-icon{width:33px;height:33px;color:#c98a64} .privacy-art__node{position:absolute;width:72px;height:72px;border:1px solid #efd7c5;border-radius:20px;background:#fff;display:grid;place-items:center;z-index:3}.privacy-art__node .fkr-icon{width:36px;height:36px} .privacy-art__node--key{left:7%;bottom:40px}.privacy-art__node--document{right:9%;top:22px}.privacy-art__node--home{right:3%;bottom:18px} .privacy-data-list{width:min(100%,900px);margin:auto;border:1px solid #eadfd6;border-radius:18px;overflow:hidden;background:#fff} .privacy-data-list>div{display:grid;grid-template-columns:60px 170px 1fr;gap:10px;align-items:center;min-height:72px;padding:12px 22px;border-bottom:1px solid #eee4dc;text-align:center}.privacy-data-list>div:last-child{border-bottom:0}.privacy-data-list .fkr-icon{width:27px;height:27px;color:#c98b67;margin:auto}.privacy-data-list strong{font-family:var(--serif);font-size:17px}.privacy-data-list span{color:#776a61;font-size:13px} .privacy-purpose-list{list-style:none;width:min(100%,850px);margin:0 auto;padding:0;display:grid;gap:10px}.privacy-purpose-list li{padding:14px 18px;border-bottom:1px solid #eee2d8;text-align:center;color:#5f544d}.privacy-purpose-list li:before{content:"●";font-size:8px;color:var(--green);margin-right:9px} .privacy-security-map{width:min(100%,900px);margin:auto;display:grid;grid-template-columns:1fr 190px 1fr;grid-template-areas:"a c b" ". d .";gap:18px;align-items:center}.privacy-security-map article{min-height:150px;border:1px solid #eadfd6;border-radius:20px;background:#fff;padding:25px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.privacy-security-map article:nth-of-type(1){grid-area:a}.privacy-security-map article:nth-of-type(2){grid-area:b}.privacy-security-map article:nth-of-type(3){grid-area:d}.privacy-security-map article .fkr-icon{width:34px;height:34px;color:#c98a64}.privacy-security-map article strong{font-family:var(--serif);font-size:18px;margin:8px 0}.privacy-security-map article span{font-size:11px;color:#84766c}.privacy-security-map__center{grid-area:c;width:170px;height:170px;border-radius:50%;margin:auto;background:linear-gradient(145deg,#fffaf5,#f4e7d8);border:1px solid #ead4c1;display:grid;place-items:center;align-content:center;color:#9b725a}.privacy-security-map__center .fkr-icon{width:48px;height:48px}.privacy-security-map__center strong{font-family:var(--serif);font-size:20px;line-height:1.4;margin-top:5px} .privacy-updated{display:inline-block!important;margin-top:22px!important;padding:10px 18px!important;border:1px solid #eadccf;border-radius:999px;background:#fff;font-size:12px!important;color:#8e7766!important} .privacy-contact-card{width:min(100%,720px);margin:0 auto 24px;border:1px solid #eadfd6;border-radius:18px;background:#fff;padding:25px;display:flex;flex-direction:column;gap:7px;text-align:center}.privacy-contact-card strong{font-family:var(--serif);font-size:19px}.privacy-contact-card span{font-size:12px;color:#75665d} /* Sitemap */ .sitemap-hero{padding:20px 0 0;min-height:350px;background:linear-gradient(180deg,#fffdfa,#fff9f3);position:relative;border-bottom:1px solid #f0e4da}.sitemap-hero__inner{width:min(calc(100% - 42px),1240px);margin:auto;padding:28px 0 74px;text-align:center;position:relative}.sitemap-hero h1{font-family:var(--serif);font-size:clamp(42px,5vw,66px);margin:34px 0 12px;letter-spacing:.06em}.sitemap-hero p{margin:0 auto;color:#74675f}.sitemap-hero__art{height:120px;margin:0 auto -20px;position:relative;width:min(100%,920px)}.sitemap-hero__art b{position:absolute;left:50%;top:36px;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid #e9cbb3;background:#fff;color:#d07b55;z-index:2}.sitemap-hero__art b .fkr-icon{width:34px;height:34px}.sitemap-hero__art:before,.sitemap-hero__art:after{content:"";position:absolute;top:70px;height:1px;background:#efd8c4;width:46%}.sitemap-hero__art:before{left:0;transform:rotate(4deg);transform-origin:right}.sitemap-hero__art:after{right:0;transform:rotate(-4deg);transform-origin:left} .sitemap-intent .sitemap-section__inner{padding-top:65px;background:#fff}.sitemap-route-map{width:min(100%,980px);height:285px;margin:auto;position:relative}.sitemap-route-map__hub{position:absolute;left:50%;top:0;transform:translateX(-50%);width:120px;height:120px;border:1px solid #e7d9ce;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-shadow:0 8px 30px rgba(80,58,43,.06);z-index:2}.sitemap-route-map__hub .fkr-icon{width:36px;height:36px;color:#d27b56}.sitemap-route-map__hub strong{font-size:10px;margin-top:7px}.sitemap-route{position:absolute;bottom:0;width:29%;height:102px;border:1.5px solid #dfc8b8;border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;gap:13px;font-family:var(--serif);font-size:24px;font-weight:700;box-shadow:0 8px 25px rgba(74,53,40,.04)}.sitemap-route:before{content:"";position:absolute;top:-72px;width:1px;height:72px;border-left:1px dashed #d7ad8d}.sitemap-route .fkr-icon{width:38px;height:38px}.sitemap-route>.fkr-icon:last-child{width:18px;height:18px}.sitemap-route--rent{left:0;color:#d77a57}.sitemap-route--buy{left:35.5%;color:#688f5e;border-color:#bfd3ba}.sitemap-route--sell{right:0;color:#d5964b;border-color:#ead0a5} .sitemap-directory__links{display:grid;gap:11px;width:min(100%,980px);margin:auto}.sitemap-directory--rent .sitemap-directory__links{grid-template-columns:repeat(4,1fr)}.sitemap-directory--buy .sitemap-directory__links,.sitemap-directory--about .sitemap-directory__links{grid-template-columns:1fr}.sitemap-directory--sell .sitemap-directory__links{grid-template-columns:repeat(3,1fr)}.sitemap-directory--first .sitemap-directory__links{grid-template-columns:repeat(3,1fr)}.sitemap-directory--guide .sitemap-directory__links{grid-template-columns:repeat(4,1fr)} .sitemap-directory__links a{position:relative;min-height:92px;border:1px solid #e9dfd7;border-radius:14px;background:#fff;padding:19px 44px 16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transition:.2s}.sitemap-directory__links a:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(78,58,43,.06);border-color:#d9b79f}.sitemap-directory__links a strong{font-family:var(--serif);font-size:17px}.sitemap-directory__links a span{font-size:10px;color:#9a8779;margin-top:4px}.sitemap-directory__links a>.fkr-icon{position:absolute;right:14px;width:18px;height:18px;color:#cd8b69} .sitemap-directory--buy .sitemap-directory__links a,.sitemap-directory--about .sitemap-directory__links a{min-height:58px;flex-direction:row;justify-content:space-between;padding:10px 50px 10px 24px}.sitemap-directory--buy .sitemap-directory__links a span,.sitemap-directory--about .sitemap-directory__links a span{margin:0 0 0 auto;padding-left:20px}.sitemap-directory--buy .sitemap-directory__links a strong,.sitemap-directory--about .sitemap-directory__links a strong{text-align:left} .sitemap-minor__grid{width:min(100%,780px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:18px}.sitemap-minor__grid a{min-height:140px;border:1px solid #e8ddd4;border-radius:18px;background:#fff;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.sitemap-minor__grid .fkr-icon{width:38px;height:38px;color:#c98a66}.sitemap-minor__grid strong{font-family:var(--serif);font-size:20px;margin-top:8px}.sitemap-minor__grid span{font-size:10px;color:#9b887a}.sitemap-guide-cta .sitemap-section__inner{background:linear-gradient(125deg,#fff8f0,#f7eee2);padding-top:82px;padding-bottom:82px}.sitemap-final .sitemap-section__inner{border-color:#a9c8a2;background:linear-gradient(135deg,#fff,#f8fcf6);padding-top:76px;padding-bottom:76px}.sitemap-final__avatar{width:72px;height:72px;border-radius:50%;background:#edf6ea;color:#5c9852;display:grid;place-items:center;margin:0 auto 18px}.sitemap-final__avatar .fkr-icon{width:36px;height:36px} /* Thanks */ .thanks-hero{min-height:470px;display:grid;place-items:center;text-align:center;border-bottom:1px solid #eee2d8}.thanks-hero__inner{width:min(calc(100% - 42px),900px);margin:auto;padding:70px 0 78px}.thanks-illustration{width:170px;height:140px;margin:0 auto 22px;position:relative;color:#b98a64}.thanks-house{position:absolute;left:18px;top:8px;width:96px;height:96px;display:grid;place-items:center}.thanks-house .fkr-icon{width:82px;height:82px}.thanks-mail{position:absolute;left:57px;top:45px;width:76px;height:64px;background:#fffaf5;border:1px solid #e5ccb6;border-radius:16px;display:grid;place-items:center}.thanks-mail .fkr-icon{width:42px;height:42px}.thanks-check{position:absolute;right:7px;top:23px;width:55px;height:55px;border-radius:50%;background:#fff;border:2px solid #7ab66b;color:#65a356;display:grid;place-items:center}.thanks-check .fkr-icon{width:28px;height:28px}.thanks-hero h1{font-family:var(--serif);font-size:clamp(38px,5vw,60px);line-height:1.38;margin:0 0 18px}.thanks-hero p{max-width:680px;margin:auto;color:#6e6158;line-height:2}.thanks-status-card{width:min(100%,820px);margin:auto;border:1px solid #e7d9cd;border-radius:18px;background:#fff;padding:28px 34px;display:flex;align-items:center;justify-content:center;gap:24px;text-align:center}.thanks-status-card>.fkr-icon{width:50px;height:50px;color:#d09462}.thanks-status-card strong{display:block;font-family:var(--serif);font-size:19px;margin-bottom:4px}.thanks-status-card span{display:block;color:#7a6c62;font-size:12px}.thanks-journey__flow{width:min(100%,900px);margin:auto;display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr;gap:10px;align-items:center}.thanks-journey__flow article{min-height:190px;border:1px solid #e7dcd3;border-radius:18px;background:#fff;padding:27px 18px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.thanks-journey__flow article .fkr-icon{width:50px;height:50px;color:#b98d67}.thanks-journey__flow article strong{font-family:var(--serif);font-size:18px;margin:10px 0 6px}.thanks-journey__flow article span{font-size:11px;color:#81736a}.thanks-journey__flow>i{color:#bba18d;display:grid;place-items:center}.thanks-journey__flow>i .fkr-icon{width:24px;height:24px}.thanks-email .thanks-section__inner{display:flex;align-items:center;justify-content:center;flex-direction:column}.thanks-email__icon{width:100px;height:80px;color:#c6946e;margin-top:5px}.thanks-email__icon .fkr-icon{width:70px;height:70px}.thanks-additional .thanks-section__inner{background:linear-gradient(135deg,#fffaf5,#f7f0e7)}.thanks-guide-grid{width:min(100%,850px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.thanks-guide-grid a{min-height:112px;border:1px solid #e7dcd3;border-radius:16px;background:#fff;padding:20px;display:flex;align-items:center;justify-content:center;gap:12px}.thanks-guide-grid a>.fkr-icon:first-child{width:34px;height:34px;color:#c58a66}.thanks-guide-grid a>.fkr-icon:last-child{width:18px;height:18px}.thanks-guide-grid strong{font-family:var(--serif);font-size:17px}.thanks-return .thanks-section__inner{padding-top:78px;padding-bottom:78px} /* 404 */ .error404-hero{min-height:530px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff,#fff8f1 70%);border-bottom:1px solid #f0e4da}.error404-hero__inner{width:min(calc(100% - 42px),900px);margin:auto;padding:70px 0;text-align:center;position:relative}.error404-code{font-family:var(--serif);font-size:clamp(120px,20vw,230px);line-height:.75;color:#f5e6d8;letter-spacing:.08em;position:absolute;left:50%;top:76px;transform:translateX(-50%);z-index:0;user-select:none}.error404-icon{width:82px;height:82px;border-radius:50%;display:grid;place-items:center;margin:0 auto 28px;background:#fff;border:1px solid #e8d8ca;color:#c78864;position:relative;z-index:1;box-shadow:0 12px 32px rgba(80,60,45,.05)}.error404-icon .fkr-icon{width:38px;height:38px}.error404-hero h1{font-family:var(--serif);font-size:clamp(38px,5vw,58px);line-height:1.45;position:relative;z-index:1;margin:0 0 16px}.error404-hero p{max-width:700px;margin:0 auto 25px;color:#74665d;position:relative;z-index:1}.error404-search{width:min(100%,620px);margin:auto;position:relative;z-index:1}.error404-search .search-form{display:flex;border:1px solid #e3d6cb;background:#fff;border-radius:999px;padding:5px;box-shadow:0 12px 30px rgba(74,55,42,.05)}.error404-search .search-form label{flex:1}.error404-search .search-field{width:100%;height:50px;border:0;background:transparent;padding:0 20px;outline:0}.error404-search .search-submit{border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:800;padding:0 25px;cursor:pointer}.error404-intents{width:min(100%,900px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.error404-intents a{min-height:180px;border:1px solid #e6dbd2;border-radius:20px;background:#fff;padding:26px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;transition:.2s}.error404-intents a:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(77,57,43,.07)}.error404-intents .fkr-icon{width:43px;height:43px;color:#c88662}.error404-intents strong{font-family:var(--serif);font-size:22px;margin:9px 0 3px}.error404-intents span{font-size:11px;color:#8b7b70}.error404-guide .error404-section__inner{background:linear-gradient(135deg,#fffaf5,#f8eee3)}.error404-final .error404-section__inner{background:linear-gradient(135deg,#f8fcf6,#fff);border-color:#bcd3b7;padding-top:80px;padding-bottom:80px} @media(max-width:900px){ .legal-hero__inner{grid-template-columns:1fr;padding-top:75px}.legal-hero__copy .fkr-breadcrumb{top:-56px}.privacy-hero__art{height:240px}.privacy-security-map{grid-template-columns:1fr 150px 1fr}.privacy-security-map__center{width:140px;height:140px}.privacy-data-list>div{grid-template-columns:48px 140px 1fr} .sitemap-route-map{height:auto;display:grid;grid-template-columns:1fr;gap:14px}.sitemap-route-map__hub{position:static;transform:none;margin:0 auto 30px}.sitemap-route{position:static;width:100%;min-height:90px}.sitemap-route:before{display:none}.sitemap-directory--rent .sitemap-directory__links,.sitemap-directory--sell .sitemap-directory__links,.sitemap-directory--first .sitemap-directory__links,.sitemap-directory--guide .sitemap-directory__links{grid-template-columns:1fr 1fr} .thanks-journey__flow{grid-template-columns:1fr}.thanks-journey__flow>i{transform:rotate(90deg)}.thanks-guide-grid{grid-template-columns:1fr} } @media(max-width:680px){ .legal-section__inner,.sitemap-section__inner,.thanks-section__inner,.error404-section__inner{width:min(calc(100% - 22px),var(--container));padding:50px 18px;border-radius:16px}.legal-hero__inner,.sitemap-hero__inner,.thanks-hero__inner,.error404-hero__inner{width:min(calc(100% - 22px),1240px)} .privacy-hero{min-height:0}.privacy-hero__art{height:205px}.privacy-hero__art:before{width:290px;height:150px}.privacy-hero__art:after{width:240px;height:190px}.privacy-art__shield{width:105px;height:105px}.privacy-art__shield>.fkr-icon{width:66px;height:66px}.privacy-art__node{width:55px;height:55px;border-radius:15px}.privacy-art__node .fkr-icon{width:27px;height:27px} .privacy-data-list>div{grid-template-columns:1fr;padding:18px 14px}.privacy-security-map{display:grid;grid-template-columns:1fr;grid-template-areas:"c" "a" "b" "d"}.privacy-security-map__center{width:145px;height:145px}.privacy-purpose-list li{padding-inline:10px} .sitemap-directory--rent .sitemap-directory__links,.sitemap-directory--sell .sitemap-directory__links,.sitemap-directory--first .sitemap-directory__links,.sitemap-directory--guide .sitemap-directory__links,.sitemap-minor__grid{grid-template-columns:1fr}.sitemap-directory--buy .sitemap-directory__links a,.sitemap-directory--about .sitemap-directory__links a{min-height:84px;flex-direction:column;justify-content:center;padding:18px 42px}.sitemap-directory--buy .sitemap-directory__links a span,.sitemap-directory--about .sitemap-directory__links a span{margin:4px 0 0;padding:0}.sitemap-directory--buy .sitemap-directory__links a strong,.sitemap-directory--about .sitemap-directory__links a strong{text-align:center}.sitemap-route{font-size:21px} .thanks-status-card{flex-direction:column;padding:24px 18px}.thanks-hero__inner{padding-top:55px}.thanks-guide-grid a{min-height:96px}.thanks-section__heading,.legal-section__heading,.sitemap-section__heading,.error404-section__heading{margin-bottom:22px} .error404-code{top:72px;font-size:130px}.error404-intents{grid-template-columns:1fr}.error404-search .search-submit{padding:0 18px}.error404-hero__inner{padding-top:85px} } /* ========================================================= v1.10.4 — expanded supplied Fukuoka/rental lifestyle photography 全ページで段落落ち・1字落ちを抑え、公式サイトとして読みやすい行組みに統一。 ========================================================= */ :root{ --container:1240px; } /* Japanese line composition: prefer phrase-aware, balanced wrapping without overflow. */ .site-main :where(h1,h2,h3,h4,h5,h6){ text-wrap:balance; line-break:strict; word-break:normal; overflow-wrap:normal; font-kerning:normal; font-feature-settings:"palt" 1; } .site-main :where(p,li,dd,dt,summary,label,blockquote,figcaption){ text-wrap:pretty; line-break:strict; word-break:normal; overflow-wrap:break-word; } .site-main :where(.btn,.text-link,.small-label,.section-kicker,.page-kicker,strong){ text-wrap:balance; line-break:strict; } @supports (word-break:auto-phrase){ .site-main :where(h1,h2,h3,h4,h5,h6,p,li,dd,dt,summary,label,blockquote,figcaption){ word-break:auto-phrase; } } /* Give copy a little more breathing room before reducing type. */ .frame:not([class*="hero"]) > .frame__inner{ padding-left:clamp(22px,3.2vw,46px)!important; padding-right:clamp(22px,3.2vw,46px)!important; } .legal-section__inner, .sitemap-section__inner, .thanks-section__inner, .error404-section__inner{ width:min(calc(100% - 38px),1240px); padding-left:clamp(22px,3.2vw,46px); padding-right:clamp(22px,3.2vw,46px); } /* Section lead copy: slightly wider so Japanese sentences do not leave a lone glyph. */ .site-main [class*="section-heading"], .site-main .frame-title, .site-main .rent-section-heading, .site-main .area-section-header, .site-main .family-section-title, .site-main .sell-section-heading, .site-main .legal-section__heading, .site-main .sitemap-section__heading, .site-main .thanks-section__heading, .site-main .error404-section__heading{ width:min(100%,980px); max-width:980px!important; margin-left:auto; margin-right:auto; } .site-main [class*="section-heading"] p, .site-main .frame-title p, .site-main .rent-section-heading p, .site-main .area-section-header p, .site-main .family-section-title p, .site-main .sell-section-heading p, .site-main .legal-section__heading p, .site-main .sitemap-section__heading p, .site-main .thanks-section__heading p, .site-main .error404-section__heading p{ max-width:900px!important; } /* Avoid overly large copy creating an unnecessary 1-character final line. */ .site-main .frame:not([class*="hero"]) h2, .site-main .legal-section h2, .site-main .sitemap-section h2, .site-main .thanks-section h2, .site-main .error404-section h2{ font-size:clamp(27px,2.75vw,40px)!important; line-height:1.55!important; letter-spacing:.025em!important; } .site-main .frame:not([class*="hero"]) h3{ line-height:1.62; letter-spacing:.015em; } .site-main .frame:not([class*="hero"]) p{ line-height:1.95; letter-spacing:.01em; } /* Buttons/CTA should wrap as a balanced phrase, never as a lone final glyph. */ .site-main .btn{ max-width:100%; padding-inline:clamp(18px,2.2vw,28px); line-height:1.5; text-align:center; } /* Card copy: preserve legibility while giving Japanese labels enough room. */ .site-main :where(.icon-card,.voice-card,.guide-card,.buy-mini-card,.rent-worry-chip, .contact-method-selector a,.contact-safety-grid article,.access-info-grid article, .corporate-promise-grid article,.thanks-guide-grid a,.sitemap-minor__grid a) :where(h3,strong,span,small,p){ text-wrap:pretty; line-break:strict; } .site-main :where(.icon-card,.buy-mini-card,.rent-worry-chip, .contact-safety-grid article,.access-info-grid article,.corporate-promise-grid article) strong, .site-main :where(.icon-card,.buy-mini-card,.rent-worry-chip, .contact-safety-grid article,.access-info-grid article,.corporate-promise-grid article) span{ font-size:max(11px,.78rem); line-height:1.65; } /* Prevent 5–6 column feature grids from becoming narrow enough to produce orphan glyphs. */ @media(max-width:1180px){ .icon-grid--5,.icon-grid--6, .mini-step-row,.step-cards--5, .rent-worry-row,.rent-hub-keywords, .area-band__items,.area-band__items--5,.area-life__tiles, .family-neighborhood__grid, .viewing-precheck,.viewing-strip, .buy-life-points,.buy-icon-row,.buy-icon-row--wide,.buy-process-rail--6,.buy-priority-grid, .sell-desk-note,.house-neighborhood-grid,.house-age-timeline, .relocation-calendar-grid,.relocation-plan-diagram>ul, .company-person-points,.company-viewing-points,.sell-topic-index, .message-principles,.corporate-promise-grid,.access-info-grid,.contact-topic-row{ grid-template-columns:repeat(3,minmax(0,1fr))!important; } .rent-hub-timeline{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:22px; } .sell-roadmap{ grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:12px; } .sell-roadmap:before,.rent-hub-timeline:before{display:none} } @media(max-width:900px){ .site-main .frame:not([class*="hero"]) h2, .site-main .legal-section h2, .site-main .sitemap-section h2, .site-main .thanks-section h2, .site-main .error404-section h2{ font-size:clamp(26px,5.8vw,36px)!important; } .site-main .frame:not([class*="hero"]) p, .site-main .legal-section p, .site-main .sitemap-section p, .site-main .thanks-section p, .site-main .error404-section p{ font-size:14.5px!important; } .icon-grid--5,.icon-grid--6, .mini-step-row,.step-cards--5, .rent-worry-row,.rent-hub-keywords, .area-band__items,.area-band__items--5,.area-life__tiles, .family-neighborhood__grid,.viewing-precheck,.viewing-strip, .buy-life-points,.buy-icon-row,.buy-icon-row--wide,.buy-process-rail--6,.buy-priority-grid, .sell-desk-note,.house-neighborhood-grid,.house-age-timeline, .relocation-calendar-grid,.relocation-plan-diagram>ul, .company-person-points,.company-viewing-points,.sell-topic-index, .message-principles,.corporate-promise-grid,.access-info-grid,.contact-topic-row{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .rent-hub-timeline,.sell-roadmap{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:560px){ .container,.frame:not([class*="hero"]) > .frame__inner{width:min(calc(100% - 24px),var(--container))} .frame:not([class*="hero"]) > .frame__inner{ padding-left:16px!important; padding-right:16px!important; } .site-main .frame:not([class*="hero"]) h2, .site-main .legal-section h2, .site-main .sitemap-section h2, .site-main .thanks-section h2, .site-main .error404-section h2{ font-size:clamp(24px,7.2vw,32px)!important; line-height:1.58!important; letter-spacing:.015em!important; } .site-main .frame:not([class*="hero"]) h3{font-size:clamp(17px,4.8vw,21px)} .site-main .frame:not([class*="hero"]) p, .site-main .legal-section p, .site-main .sitemap-section p, .site-main .thanks-section p, .site-main .error404-section p{ font-size:14px!important; line-height:1.9!important; } .site-main .btn{ min-height:48px; padding-inline:18px; font-size:13px; } .rent-hub-timeline,.sell-roadmap{grid-template-columns:1fr} } /* Additional high-density rails: break earlier to preserve readable Japanese labels. */ @media(max-width:1180px){ .viewing-step__content--icons,.viewing-strip--wide, .sell-compact-flow,.relocation-long-roadmap,.buy-process-rail{ grid-template-columns:repeat(4,minmax(0,1fr))!important; row-gap:12px; } .sell-roadmap{grid-template-columns:repeat(3,minmax(0,1fr))!important} .relocation-long-roadmap:before,.sell-compact-flow:before{display:none} } @media(max-width:900px){ .viewing-step__content--icons,.viewing-strip--wide, .sell-compact-flow,.relocation-long-roadmap,.buy-process-rail{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } @media(max-width:560px){ .viewing-step__content--icons,.viewing-strip--wide, .sell-compact-flow,.relocation-long-roadmap,.buy-process-rail, .sell-roadmap{ grid-template-columns:1fr!important; } } /* ========================================================= v1.10.7 — packaged WordPress download bundle + supplied detached-house / mansion exterior / garden imagery 添付画像をファミリー賃貸・戸建て購入/売却・マンション購入へ文脈別に配置。 ========================================================= */ .family-room-gallery, .buy-house-future-gallery, .buy-house-condition-gallery{ width:min(100%,1080px); margin:30px auto 0; display:grid; gap:14px; } .family-room-gallery{grid-template-columns:repeat(4,minmax(0,1fr))} .buy-house-future-gallery{grid-template-columns:repeat(5,minmax(0,1fr))} .buy-house-condition-gallery{grid-template-columns:repeat(3,minmax(0,1fr))} .family-room-gallery figure, .buy-house-future-gallery figure, .buy-house-condition-gallery figure{ margin:0; overflow:hidden; border:1px solid #e9ded3; border-radius:18px; background:#fff; box-shadow:0 10px 26px rgba(73,55,42,.055); } .family-room-gallery img, .buy-house-future-gallery img, .buy-house-condition-gallery img{ display:block; width:100%; aspect-ratio:16/9; object-fit:cover; } .family-room-gallery figcaption, .buy-house-future-gallery figcaption, .buy-house-condition-gallery figcaption{ min-height:54px; padding:12px 10px; display:flex; align-items:center; justify-content:center; text-align:center; font-size:11px; line-height:1.65; font-weight:800; color:#67594f; } .buy-house-sun-photo, .house-neighborhood-photo{ display:block; width:min(100%,980px); aspect-ratio:16/7; object-fit:cover; margin:30px auto 0; border-radius:22px; box-shadow:0 12px 30px rgba(73,55,42,.055); } .family-room-stages .frame__inner{ background:linear-gradient(145deg,#fffdf9,#f7fbf4); } .buy-house-future .frame__inner{ background:linear-gradient(145deg,#fffaf4,#f7faf3); } .buy-house-used .frame__inner, .house-sell-neighborhood .frame__inner{ background:linear-gradient(145deg,#fff,#fbf8f2); } @media(max-width:1100px){ .family-room-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .buy-house-future-gallery{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:760px){ .buy-house-future-gallery, .buy-house-condition-gallery{grid-template-columns:repeat(2,minmax(0,1fr))} .buy-house-sun-photo, .house-neighborhood-photo{aspect-ratio:16/9} } @media(max-width:520px){ .family-room-gallery, .buy-house-future-gallery, .buy-house-condition-gallery{grid-template-columns:1fr} .family-room-gallery figcaption, .buy-house-future-gallery figcaption, .buy-house-condition-gallery figcaption{min-height:48px;font-size:12px} } /* ========================================================= v1.10.18 — Sticky header height stability Keep the desktop navigation inside the fixed 74px header when it becomes sticky. Previous vertical padding on nav links could make their line box taller than the header and visually clip at viewport top. ========================================================= */ @media (min-width:821px){ .site-header{ height:74px; min-height:74px; top:0; overflow:visible; transition:box-shadow .2s ease,border-color .2s ease,background-color .2s ease; } .site-header__inner{ height:74px; min-height:74px; align-items:center; } .site-brand{ height:100%; display:flex; align-items:center; } .custom-logo{ max-height:44px; } .site-nav{ height:100%; display:flex; align-items:center; } .site-nav__list{ height:100%; align-items:stretch; } .site-nav__list>li{ height:100%; display:flex; align-items:center; } .site-nav__list>li>a{ height:100%; min-height:0; padding:0; display:flex; align-items:center; line-height:1.25; white-space:nowrap; } .site-nav__list>li>a:after{ bottom:12px; } .site-header .site-header__cta{ min-height:42px; padding:8px 14px; line-height:1.25; flex:0 0 auto; } .site-header.is-scrolled, .site-header.is-scrolled .site-header__inner, .site-header.is-scrolled .site-nav, .site-header.is-scrolled .site-nav__list{ height:74px; min-height:74px; } } /* v1.10.20 TOP representative section: title -> image -> text -> CTA */ .approved-page--top .representative-new{ display:grid; grid-template-columns:1fr; gap:26px; justify-items:center; text-align:center; } .approved-page--top .representative-new__title{ width:min(100%,760px); margin:0 auto; } .approved-page--top .representative-new__photo{ width:min(100%,900px); margin-inline:auto; } .approved-page--top .representative-new__photo img{ display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:22px; } .approved-page--top .representative-new__text{ width:min(100%,760px); margin-inline:auto; } .approved-page--top .representative-new__text > p:not(.rep-name){ margin-bottom:22px; } .approved-page--top .representative-new__mission{ border-top:1px solid var(--line); padding-top:22px; } .approved-page--top .representative-new__mission span{ display:block; color:var(--green); font-size:12px; font-weight:800; margin-bottom:10px; } .approved-page--top .representative-new__mission strong{ display:block; font-family:var(--serif); font-size:19px; line-height:1.8; } .approved-page--top .representative-new__cta{ width:min(100%,760px); margin-inline:auto; } .approved-page--top .representative-new__cta .btn{ width:auto; min-width:220px; } @media (max-width: 767px){ .approved-page--top .representative-new{gap:20px} .approved-page--top .representative-new__photo{width:100%} .approved-page--top .representative-new__photo img{border-radius:16px} .approved-page--top .representative-new__cta .btn{width:100%;min-width:0} } /* ========================================================= v1.10.22 Global section flow normalization — HERO EXCLUDED - All hero sections return to their original split / two-column layouts. - Non-hero sections that contain title + image + text + CTA keep the approved visual order: title -> image -> text -> CTA. - CTA groups no longer stretch across the full section width. ========================================================= */ @supports selector(section:has(.btn)) { /* Only NON-HERO sections are normalized. Any section whose class contains "hero" is intentionally excluded so the original left/right layouts in the base theme CSS remain active. */ section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner { display:flex !important; flex-direction:column !important; grid-template-columns:none !important; align-items:stretch !important; gap:24px !important; } section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) { display:flex !important; flex-direction:column !important; grid-template-columns:none !important; align-items:stretch !important; gap:24px !important; } section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > *, section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > * { order:40; } /* Flatten only non-hero layout wrappers. */ section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(h1, h2):has(img):has(.btn), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h1), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h2) { display:contents !important; } section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(h1, h2):has(img):has(.btn) > *, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h1) > *, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h2) > * { order:40; } section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(.eyebrow,.page-kicker,.section-kicker) { order:5 !important; } section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(h1,h2) { order:10 !important; } /* Main media follows title. */ section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > img, section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > figure:has(> img), section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > div:has(> img):not(:has(h1, h2)), section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > img, section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > figure:has(> img), section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > div:has(> img):not(:has(h1, h2)), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(h1, h2):has(img):has(.btn) > img, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(h1, h2):has(img):has(.btn) > figure:has(> img), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(h1, h2):has(img):has(.btn) > div:has(> img):not(:has(h1, h2)), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h1) > img, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h2) > img { order:20 !important; } section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) p { order:30; } section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(.button-row,.representative-new__cta), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) .center:has(> .btn) { order:90 !important; width:auto !important; max-width:100%; align-self:center !important; justify-content:center; text-align:center; margin-top:0 !important; } section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h1) > .btn, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h2) > .btn, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(h1, h2):has(img):has(.btn) > .btn { order:90 !important; align-self:center !important; max-width:100%; } /* Keep title/body rhythm from v1.10.21 for non-hero sections only. */ section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(h1,h2) { margin-bottom:0 !important; text-align:center; } section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > p, section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > p, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h1) > p, section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(div,header):has(> h2) > p { width:min(100%,820px); margin:0 auto !important; text-align:center; } section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > img, section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > figure:has(> img), section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner > div:has(> img):not(:has(h1, h2)) { width:min(100%,980px); margin-inline:auto; } /* Preserve the approved TOP representative structure. */ .approved-page--top section:has(.representative-new) > .representative-new { display:grid !important; grid-template-columns:1fr !important; } } @media (max-width:767px) { @supports selector(section:has(.btn)) { section.frame:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) > .frame__inner, section:not(.frame):not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) { gap:18px !important; } /* Respect the theme's existing mobile CTA sizing instead of forcing a full-width section-level CTA container. */ section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) :is(.button-row,.representative-new__cta), section:not([class*="hero"]):has(h1, h2):has(img):has(p):has(.btn) .center:has(> .btn) { width:min(100%,420px) !important; } } } /* ---------- v1.10.23 TOP first section overlap fix ---------- */ .top-intents .frame-title{ margin-bottom:36px; } .top-intents .intent-cards{ margin-top:0; margin-left:0; } @media(min-width:901px){ .top-intents .intent-cards{ align-items:stretch; } } /* ========================================================= v1.10.24 — Mobile responsive hardening Scope: smartphone + portrait tablet. Desktop layouts are preserved. ========================================================= */ html,body{max-width:100%} @media(max-width:980px){ html,body{overflow-x:clip} body.menu-open{overflow:hidden;touch-action:none} .site-header{height:64px!important;min-height:64px!important} .site-header__inner{height:64px!important;min-height:64px!important;width:calc(100% - 24px)!important;gap:12px!important} .site-nav,.site-header__cta{display:none!important} .site-brand{min-width:0!important;max-width:calc(100% - 58px)} .custom-logo{max-width:100%;max-height:42px!important;width:auto} .brand-fallback{min-width:0} .brand-fallback strong{font-size:14px;white-space:nowrap} .brand-fallback small{font-size:7px} .menu-toggle{display:block!important;flex:0 0 44px;margin-left:auto;width:44px;height:44px;padding:8px;border:0;background:transparent;border-radius:10px;cursor:pointer} .menu-toggle span{display:block;width:26px;height:2px;margin:5px auto;background:var(--text);border-radius:2px;transition:transform .2s ease,opacity .2s ease} .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0} .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .mobile-menu{display:block!important;position:fixed;inset:64px 0 0;background:rgba(255,253,250,.995);z-index:999;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} .mobile-menu[hidden]{display:none!important} .mobile-menu__inner{width:min(100%,720px);margin:0 auto;padding:16px 16px calc(96px + env(safe-area-inset-bottom));display:grid;gap:8px} .mobile-menu__inner>a,.mobile-menu__group>a{min-height:44px;display:flex;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px} .mobile-menu__group{padding:10px;border-radius:14px;background:var(--warm)} .mobile-menu__group strong{display:block;padding:5px 10px;font-size:13px} .mobile-menu .btn{width:100%!important;max-width:none!important;margin-top:6px;min-height:50px} } @media(max-width:820px){ body{font-size:15px;line-height:1.85;padding-bottom:calc(74px + env(safe-area-inset-bottom))} .site-main{max-width:100%;overflow:clip} .container,.frame__inner{width:calc(100% - 16px)!important;max-width:var(--container);margin-inline:auto} main.site-main .frame:not([class*="hero"])>.frame__inner, main.site-main .frame:not([class*="hero"]) .frame__inner{padding:34px 18px!important} .frame{margin-bottom:10px} .frame__inner{border-radius:15px} .frame h1,.frame h2,.site-main h1,.site-main h2{overflow-wrap:anywhere;word-break:normal} .frame h1{font-size:clamp(30px,8.6vw,42px)!important;line-height:1.42;letter-spacing:.025em} .frame h2{font-size:clamp(25px,7vw,33px)!important;line-height:1.5;letter-spacing:.025em} .frame h3{line-height:1.55} .frame p,.site-main p{font-size:14px;line-height:1.9} .frame-title{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:8px!important;margin-bottom:22px!important} .frame-title h1,.frame-title h2{margin-bottom:0!important} .section-number,.page-kicker,.section-kicker,.eyebrow{line-height:1.55} /* Generic split layouts */ .hero-grid,.frame-split,.frame-split--narrow,.small-feature-grid,.representative-strip,.cta-grid,.step-layout, .rent-hub-hero__grid,.area-hero__grid,.family-hero__grid,.viewing-hero__grid,.buy-hero__grid,.sell-hero__grid,.sell-mansion-hero__grid, .message-hero,.corporate-hero,.access-hero,.contact-hero,.legal-hero__inner{grid-template-columns:1fr!important} [class*="hero__grid"]{grid-template-columns:1fr!important;min-height:0!important} .hero-grid,.sub-hero .hero-grid{min-height:0!important} .hero-copy,.sub-hero .hero-copy{padding:30px 20px!important;text-align:center;align-items:center} .hero-copy>p:not(.eyebrow):not(.section-number){max-width:620px;margin-inline:auto} .hero-media,.sub-hero .hero-media{min-height:0!important;height:auto!important} .hero-media>img,.sub-hero .hero-media>img{width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover} /* Hero systems with their own class names */ .rent-hub-hero__copy,.area-hero__copy,.family-hero__copy,.viewing-hero__copy,.buy-hero__copy,.sell-hero__copy, .guide-rent-hero__content,.guide-buy-hero__content,.guide-sell-hero__content, .message-hero__content,.corporate-hero__content,.access-hero__content,.contact-hero__content{padding:34px 20px!important;text-align:center!important;align-items:center!important;margin-inline:auto!important} .rent-hub-hero__media,.area-hero__media,.family-hero__media,.viewing-hero__media,.buy-hero__media,.sell-hero__media, .guide-rent-hero__media,.guide-buy-hero__visual,.guide-sell-hero__media, .message-hero__media,.corporate-hero__media,.access-hero__media,.contact-hero__media{min-height:240px!important;height:auto!important;border-radius:0!important} .rent-hub-hero__media>img,.area-hero__media>img,.family-hero__media>img,.viewing-hero__media>img,.buy-hero__media>img,.sell-hero__media>img, .guide-rent-hero__media>img,.guide-buy-hero__visual>img,.guide-sell-hero__media>img, .message-hero__media>img,.corporate-hero__media>img,.access-hero__media>img,.contact-hero__media>img{width:100%;height:100%!important;min-height:240px;max-height:360px;object-fit:cover} .rent-hub-hero__badge{right:12px!important;bottom:12px!important;max-width:calc(100% - 24px)} .family-hero__stamp{right:12px!important;bottom:12px!important;width:96px!important;height:96px!important;font-size:10px!important} /* Keep media consistently proportional */ .frame-media img,.wide-photo,.small-feature-grid>img,.cta-grid>img,.first-wide-photo,.first-final-photo,.reason-family-photo,.reason-city-photo, .company-street-photo,.company-final-photo,.about-family__photo,.about-fukuoka__photo,.message-wide-photo,.corporate-office-photo,.access-entrance-photo, .relocation-current-photo,.relocation-next-photo,.relocation-type-photo,.relocation-area-photo,.guide-buy-consult img,.guide-sell-assessment img,.guide-sell-relocation img{ width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;max-height:none!important } /* CTA / buttons: tap-friendly without edge-to-edge stretching */ .button-row{width:100%;display:flex;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:20px} .site-main .btn,.content-page .btn{width:min(100%,360px)!important;max-width:100%;min-height:48px;padding:11px 18px;margin-inline:auto;white-space:normal;text-align:center;line-height:1.45} .site-main .center{margin-top:22px} .site-main .center>.btn{display:inline-flex} .intent-cards .btn{width:100%!important;min-height:42px!important;margin-inline:0!important;padding:8px 10px!important;font-size:11px} .mobile-menu .btn,.footer-line{width:100%!important;max-width:none!important} /* TOP intent section */ .top-intents .frame-title{margin-bottom:22px!important} .top-intents .intent-cards{margin:0!important;grid-template-columns:1fr!important;gap:12px} .intent-cards article{grid-template-columns:118px minmax(0,1fr)!important;min-width:0;padding-right:12px} .intent-cards img{width:118px;height:100%!important;min-height:142px;aspect-ratio:auto!important;grid-row:1/4;object-fit:cover} .intent-cards h3,.intent-cards p,.intent-cards .btn{min-width:0} /* Common grids */ .icon-grid--3,.icon-grid--4,.icon-grid--5,.icon-grid--6,.reason-grid-new,.room-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .mini-step-row,.step-cards--5{grid-template-columns:repeat(2,minmax(0,1fr))!important} .icon-card,.reason-grid-new article{min-width:0} .check-list-2col{grid-template-columns:1fr!important} .check-list-2col span{justify-content:flex-start!important} .voice-grid,.guide-grid,.post-grid,.persona-grid{grid-template-columns:1fr!important} .guide-card,.voice-card,.post-card{min-width:0} /* Long copy / forms / tables */ .entry-content,.article__content,.contact-form,.corporate-table-wrap,.legal-section,.sitemap-section{max-width:100%;overflow-wrap:anywhere} .entry-content table,.corporate-table{max-width:100%} .corporate-table-wrap,.entry-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch} .search-form{width:100%;min-width:0} .search-field{min-width:0;width:100%;font-size:16px} input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"],input[type="number"],select,textarea{font-size:16px!important;max-width:100%} textarea{min-height:150px;resize:vertical} input[type="checkbox"],input[type="radio"]{width:auto;flex:0 0 auto} .contact-form{padding:22px 16px!important} .contact-form__grid{grid-template-columns:1fr!important} .contact-topic-row{grid-template-columns:1fr 1fr!important} .contact-form>button{min-width:0!important;width:min(100%,360px)!important} /* Footer / fixed LINE */ .site-footer{padding-top:30px} .site-footer__grid{grid-template-columns:1fr 1fr!important;gap:22px 16px} .site-footer__brand{grid-column:1/-1!important;text-align:center} .site-footer__brand .site-brand{justify-content:center;max-width:100%} .site-footer__bottom .container{display:flex;flex-wrap:wrap;justify-content:center!important;gap:8px 16px!important;padding:14px 0;text-align:center} .site-footer__bottom span{width:100%;margin-left:0!important} .mobile-fixed-line{display:flex!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;min-height:52px!important;z-index:950} /* Large decorative visualizations must never create horizontal overflow */ .reason-orbit,.reason-money-orbit,.company-compare-orbit,.sell-orbit,.assessment-radar,.house-three-circles,.voice-worry-orbit, .about-mission-orbit,.corporate-service-orbit,.buy-decision-map,.guide-theme-radial{max-width:100%!important;margin-left:auto!important;margin-right:auto!important} /* Tall overlay heroes */ .sell-house-hero__visual,.sell-house-hero__visual>img,.sell-relocation-hero__stage,.sell-relocation-hero__stage>img{height:500px!important;min-height:500px!important} .sell-house-hero__copy,.sell-relocation-hero__copy{left:18px!important;right:18px!important;width:auto!important} .about-hub-hero{min-height:520px!important} .guide-hub-hero{min-height:560px!important} /* Prevent accidental overlap from negative offsets on mobile */ .keyword-row,.rent-hub-keywords{position:static!important;margin-top:12px!important;transform:none!important} .site-main *{min-width:0} } @media(max-width:560px){ .container,.frame__inner{width:calc(100% - 12px)!important} main.site-main .frame:not([class*="hero"])>.frame__inner, main.site-main .frame:not([class*="hero"]) .frame__inner{padding:30px 15px!important} .frame h1{font-size:clamp(28px,9vw,38px)!important} .frame h2{font-size:clamp(24px,7.7vw,31px)!important} .frame p,.site-main p{font-size:13.5px;line-height:1.9} .page-kicker,.section-kicker,.eyebrow{font-size:10px!important;letter-spacing:.08em!important} .hero-copy,.sub-hero .hero-copy, .rent-hub-hero__copy,.area-hero__copy,.family-hero__copy,.viewing-hero__copy,.buy-hero__copy,.sell-hero__copy, .guide-rent-hero__content,.guide-buy-hero__content,.guide-sell-hero__content, .message-hero__content,.corporate-hero__content,.access-hero__content,.contact-hero__content{padding:28px 16px!important} .rent-hub-hero__media,.area-hero__media,.family-hero__media,.viewing-hero__media,.buy-hero__media,.sell-hero__media, .guide-rent-hero__media,.guide-buy-hero__visual,.guide-sell-hero__media, .message-hero__media,.corporate-hero__media,.access-hero__media,.contact-hero__media{min-height:210px!important} .rent-hub-hero__media>img,.area-hero__media>img,.family-hero__media>img,.viewing-hero__media>img,.buy-hero__media>img,.sell-hero__media>img, .guide-rent-hero__media>img,.guide-buy-hero__visual>img,.guide-sell-hero__media>img, .message-hero__media>img,.corporate-hero__media>img,.access-hero__media>img,.contact-hero__media>img{min-height:210px;max-height:290px} .intent-cards article{grid-template-columns:100px minmax(0,1fr)!important;padding-right:10px} .intent-cards img{width:100px;min-height:132px} .intent-cards h3{font-size:19px!important;margin:9px 0 0!important} .intent-cards p{font-size:11px!important;line-height:1.55!important;margin:2px 0!important} .intent-cards .btn{font-size:10.5px!important;padding:7px 8px!important} .mini-step-row,.step-cards--5{grid-template-columns:1fr!important} .room-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .contact-topic-row{grid-template-columns:1fr!important} .site-footer__grid{grid-template-columns:1fr!important;text-align:center} .site-footer__brand{grid-column:auto!important} .site-footer h2{margin-top:4px} .site-footer li{margin:7px 0} /* Convert compact radial/orbit diagrams into readable cards. */ .reason-orbit,.reason-money-orbit,.company-compare-orbit,.sell-orbit,.assessment-radar,.house-three-circles,.voice-worry-orbit{ width:100%!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;transform:none!important } .reason-orbit:before,.company-compare-orbit:before,.sell-orbit:before,.assessment-radar:before,.house-three-circles:before,.voice-worry-orbit:before{display:none!important} .reason-orbit>strong,.reason-money-orbit>strong,.company-compare-orbit>strong,.house-three-circles>strong,.voice-worry-orbit>strong, .sell-orbit>.sell-orbit__core,.assessment-radar>.assessment-radar__core{ position:static!important;transform:none!important;grid-column:1/-1!important;width:128px!important;height:128px!important;min-height:128px!important;margin:0 auto 4px!important;border-radius:50%!important;font-size:18px!important } .reason-orbit>span,.reason-money-orbit>span,.company-compare-orbit>span,.sell-orbit>span,.assessment-radar>span,.house-three-circles>span,.voice-worry-orbit>span{ position:static!important;transform:none!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;height:auto!important;min-height:70px!important;border-radius:16px!important;padding:10px!important;font-size:10.5px!important;text-align:center!important } .about-mission-orbit,.corporate-service-orbit,.buy-decision-map{grid-template-columns:1fr!important} .about-mission-orbit>strong,.corporate-service-orbit>strong,.buy-decision-map>strong{grid-column:auto!important} .buy-decision-map>span,.corporate-service-orbit>a,.about-mission-orbit>span{min-height:86px!important;height:auto!important} .sell-house-hero__visual,.sell-house-hero__visual>img,.sell-relocation-hero__stage,.sell-relocation-hero__stage>img{height:470px!important;min-height:470px!important} .sell-house-hero__copy,.sell-relocation-hero__copy{bottom:20px!important;left:14px!important;right:14px!important} .sell-house-hero__copy h1,.sell-relocation-hero__copy h1{font-size:clamp(29px,8.7vw,39px)!important;line-height:1.45!important} .sell-house-hero__copy p,.sell-relocation-hero__copy p{font-size:12.5px!important;line-height:1.7!important} .about-hub-hero{min-height:470px!important} .guide-hub-hero{min-height:500px!important} .entry-content h2{font-size:25px;margin:40px 0 15px;padding-left:12px} .entry-content h3{font-size:19px;margin:30px 0 12px} .article__meta{flex-wrap:wrap;gap:6px 12px} } @media(max-width:360px){ .brand-fallback small{display:none!important} .brand-fallback strong{font-size:13px!important} .frame h1{font-size:28px!important} .frame h2{font-size:24px!important} .intent-cards article{grid-template-columns:88px minmax(0,1fr)!important} .intent-cards img{width:88px;min-height:126px} .icon-grid--3,.icon-grid--4,.icon-grid--5,.icon-grid--6,.reason-grid-new{grid-template-columns:1fr!important} .room-check-grid{grid-template-columns:1fr 1fr!important} .site-main .btn,.content-page .btn{font-size:12px;padding-inline:14px} } /* ========================================================= v1.10.25 — Heading two-line fit tuning Hero/section headings are designed to stay within two lines in normal desktop/mobile widths. Existing content and CTA order are preserved. ========================================================= */ /* Let browser balance titles naturally instead of preserving legacy manual line breaks that can force 3+ lines after responsive width changes. */ .site-main [class*="hero"] h1 br, .site-main .frame:not([class*="hero"]) h2 br, .site-main [class*="section-heading"] h2 br, .site-main .frame-title h2 br, .site-main .rent-section-heading h2 br, .site-main .area-section-header h2 br, .site-main .family-section-title h2 br, .site-main .buy-section-heading h2 br, .site-main .sell-section-heading h2 br, .site-main .company-chapter-heading h2 br, .site-main .legal-section__heading h2 br, .site-main .sitemap-section__heading h2 br, .site-main .thanks-section__heading h2 br, .site-main .error404-section__heading h2 br { display:none!important; } /* Wider copy zones + slightly calmer type scale on desktop. */ @media(min-width:821px){ .hero-grid{ grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important; } .rent-hub-hero__grid, .area-hero__grid, .family-hero__grid, .viewing-hero__grid, .buy-hero__grid, .sell-hero__grid, .first-hero__grid, .company-hero__grid, .voice-hero__grid, .faq-hero__grid{ grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important; } .sell-mansion-hero__grid{ grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important; } .guide-rent-hero, .guide-buy-hero, .guide-sell-hero{ grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important; } /* The narrow split was causing otherwise short Japanese headings to become three lines. Give the copy column a practical minimum width. */ .frame-split--narrow{ grid-template-columns:minmax(390px,.76fr) minmax(0,1.24fr)!important; } .step-layout{ grid-template-columns:90px minmax(280px,330px) minmax(0,1fr)!important; } .site-main [class*="hero"] h1, .site-main .guide-rent-hero__content h1, .site-main .guide-buy-hero__content h1, .site-main .guide-sell-hero__content h1, .site-main .guide-hub-hero__content h1, .site-main .privacy-hero h1, .site-main .sitemap-hero h1, .site-main .thanks-hero h1, .site-main .error404-hero h1{ width:100%!important; max-width:none!important; font-size:clamp(36px,3.65vw,52px)!important; line-height:1.42!important; letter-spacing:.022em!important; text-wrap:balance!important; } .site-main .frame:not([class*="hero"]) h2, .site-main [class*="section-heading"] h2, .site-main .frame-title h2, .site-main .rent-section-heading h2, .site-main .area-section-header h2, .site-main .family-section-title h2, .site-main .buy-section-heading h2, .site-main .sell-section-heading h2, .site-main .company-chapter-heading h2, .site-main .legal-section h2, .site-main .sitemap-section h2, .site-main .thanks-section h2, .site-main .error404-section h2{ max-width:100%!important; font-size:clamp(27px,2.35vw,36px)!important; line-height:1.46!important; letter-spacing:.02em!important; text-wrap:balance!important; } .site-main [class*="section-heading"], .site-main .frame-title, .site-main .rent-section-heading, .site-main .area-section-header, .site-main .family-section-title, .site-main .buy-section-heading, .site-main .sell-section-heading, .site-main .company-chapter-heading, .site-main .legal-section__heading, .site-main .sitemap-section__heading, .site-main .thanks-section__heading, .site-main .error404-section__heading{ width:min(100%,1100px)!important; max-width:1100px!important; } } /* Tablet / mobile: keep headings compact enough for two-line composition in most Japanese titles while retaining readable hierarchy. */ @media(max-width:820px){ .site-main [class*="hero"] h1, .site-main .guide-rent-hero__content h1, .site-main .guide-buy-hero__content h1, .site-main .guide-sell-hero__content h1, .site-main .guide-hub-hero__content h1, .site-main .privacy-hero h1, .site-main .sitemap-hero h1, .site-main .thanks-hero h1, .site-main .error404-hero h1{ width:100%!important; max-width:100%!important; font-size:clamp(27px,6.6vw,35px)!important; line-height:1.4!important; letter-spacing:.015em!important; text-wrap:balance!important; } .site-main .frame:not([class*="hero"]) h2, .site-main [class*="section-heading"] h2, .site-main .frame-title h2, .site-main .rent-section-heading h2, .site-main .area-section-header h2, .site-main .family-section-title h2, .site-main .buy-section-heading h2, .site-main .sell-section-heading h2, .site-main .company-chapter-heading h2, .site-main .legal-section h2, .site-main .sitemap-section h2, .site-main .thanks-section h2, .site-main .error404-section h2{ max-width:min(100%,680px)!important; margin-left:auto; margin-right:auto; font-size:clamp(24px,5.8vw,31px)!important; line-height:1.44!important; letter-spacing:.012em!important; text-wrap:balance!important; } } @media(max-width:560px){ .site-main [class*="hero"] h1, .site-main .guide-rent-hero__content h1, .site-main .guide-buy-hero__content h1, .site-main .guide-sell-hero__content h1, .site-main .guide-hub-hero__content h1, .site-main .privacy-hero h1, .site-main .sitemap-hero h1, .site-main .thanks-hero h1, .site-main .error404-hero h1{ font-size:clamp(25px,7.2vw,31px)!important; line-height:1.42!important; } .site-main .frame:not([class*="hero"]) h2, .site-main [class*="section-heading"] h2, .site-main .frame-title h2, .site-main .rent-section-heading h2, .site-main .area-section-header h2, .site-main .family-section-title h2, .site-main .buy-section-heading h2, .site-main .sell-section-heading h2, .site-main .company-chapter-heading h2, .site-main .legal-section h2, .site-main .sitemap-section h2, .site-main .thanks-section h2, .site-main .error404-section h2{ font-size:clamp(22px,6.4vw,28px)!important; line-height:1.45!important; } } @media(max-width:360px){ .site-main [class*="hero"] h1, .site-main .guide-rent-hero__content h1, .site-main .guide-buy-hero__content h1, .site-main .guide-sell-hero__content h1, .site-main .guide-hub-hero__content h1, .site-main .privacy-hero h1, .site-main .sitemap-hero h1, .site-main .thanks-hero h1, .site-main .error404-hero h1{font-size:24px!important} .site-main .frame:not([class*="hero"]) h2, .site-main [class*="section-heading"] h2, .site-main .frame-title h2, .site-main .rent-section-heading h2, .site-main .area-section-header h2, .site-main .family-section-title h2, .site-main .buy-section-heading h2, .site-main .sell-section-heading h2, .site-main .company-chapter-heading h2{font-size:21px!important} } /* ========================================================= HERO TEXT LEFT ALIGN — v1.10.26 All hero section copy should display left-aligned like the voice page reference. ========================================================= */ .top-hero .hero-copy, .sub-hero .hero-copy, .first-hero__copy, .company-hero__copy, .rent-hub-hero__copy, .area-hero__copy, .family-hero__copy, .viewing-hero__copy, .buy-hero__copy, .sell-hero__copy, .sell-house-hero__copy, .sell-relocation-hero__copy, .voice-hero__copy, .faq-hero__copy, .guide-hub-hero__content, .guide-rent-hero__content, .guide-buy-hero__content, .guide-sell-hero__content, .message-hero__content, .corporate-hero__content, .access-hero__content, .contact-hero__content, .about-hero__content, .legal-hero__copy{ align-items:flex-start !important; text-align:left !important; margin-inline:0 !important; } .top-hero .hero-copy > *, .sub-hero .hero-copy > *, .first-hero__copy > *, .company-hero__copy > *, .rent-hub-hero__copy > *, .area-hero__copy > *, .family-hero__copy > *, .viewing-hero__copy > *, .buy-hero__copy > *, .sell-hero__copy > *, .sell-house-hero__copy > *, .sell-relocation-hero__copy > *, .voice-hero__copy > *, .faq-hero__copy > *, .guide-hub-hero__content > *, .guide-rent-hero__content > *, .guide-buy-hero__content > *, .guide-sell-hero__content > *, .message-hero__content > *, .corporate-hero__content > *, .access-hero__content > *, .contact-hero__content > *, .about-hero__content > *, .legal-hero__copy > *{ text-align:left !important; } .top-hero .hero-copy > p:not(.eyebrow):not(.section-number), .sub-hero .hero-copy > p:not(.eyebrow):not(.section-number), .first-hero__copy > p, .company-hero__copy > p, .rent-hub-hero__copy > p, .area-hero__copy > p, .family-hero__copy > p, .viewing-hero__copy > p, .buy-hero__copy > p, .sell-hero__copy > p, .sell-house-hero__copy > p, .sell-relocation-hero__copy > p, .voice-hero__copy > p, .faq-hero__copy > p, .guide-hub-hero__content > p, .guide-rent-hero__content > p, .guide-buy-hero__content > p, .guide-sell-hero__content > p, .message-hero__content > p, .corporate-hero__content > p, .access-hero__content > p, .contact-hero__content > p, .about-hero__content > p, .legal-hero__copy > p{ margin-left:0 !important; margin-right:0 !important; } .top-hero .hero-copy .button-row, .sub-hero .hero-copy .button-row, .first-hero__copy .button-row, .company-hero__copy .button-row, .rent-hub-hero__copy .button-row, .area-hero__copy .button-row, .family-hero__copy .button-row, .viewing-hero__copy .button-row, .buy-hero__copy .button-row, .sell-hero__copy .button-row, .sell-house-hero__copy .button-row, .sell-relocation-hero__copy .button-row, .faq-hero__copy .button-row, .guide-hub-hero__content .button-row, .guide-rent-hero__content .button-row, .guide-buy-hero__content .button-row, .guide-sell-hero__content .button-row, .message-hero__content .button-row, .corporate-hero__content .button-row, .access-hero__content .button-row, .contact-hero__content .button-row, .about-hero__content .button-row, .legal-hero__copy .button-row, .voice-hero__tabs{ justify-content:flex-start !important; } /* ========================================================= SPECIFIC HERO LEFT ALIGN FIX — v1.10.27 Requested pages only. Overrides legacy centering rules on all breakpoints. ========================================================= */ .buy-hub-page .buy-hub-hero .buy-hero__copy, .buy-mansion-page .buy-mansion-hero .buy-hero__copy, .first-welcome-page .first-welcome-hero .first-hero__copy, .first-reason-page .first-reason-hero .first-hero__copy, .first-company-page .company-hero .company-hero__copy, .message-page .message-hero .message-hero__content, .corporate-page .corporate-hero .corporate-hero__content, .access-page .access-hero .access-hero__content, .contact-page .contact-hero .contact-hero__content{ align-items:flex-start!important; justify-items:start!important; text-align:left!important; } .buy-hub-page .buy-hub-hero .buy-hero__copy h1, .buy-hub-page .buy-hub-hero .buy-hero__copy p, .buy-hub-page .buy-hub-hero .buy-hero__copy .page-kicker, .buy-mansion-page .buy-mansion-hero .buy-hero__copy h1, .buy-mansion-page .buy-mansion-hero .buy-hero__copy p, .buy-mansion-page .buy-mansion-hero .buy-hero__copy .page-kicker, .first-welcome-page .first-welcome-hero .first-hero__copy h1, .first-welcome-page .first-welcome-hero .first-hero__copy p, .first-welcome-page .first-welcome-hero .first-hero__copy .page-kicker, .first-reason-page .first-reason-hero .first-hero__copy h1, .first-reason-page .first-reason-hero .first-hero__copy p, .first-reason-page .first-reason-hero .first-hero__copy .page-kicker, .first-company-page .company-hero .company-hero__copy h1, .first-company-page .company-hero .company-hero__copy p, .first-company-page .company-hero .company-hero__copy .page-kicker, .message-page .message-hero .message-hero__content h1, .message-page .message-hero .message-hero__content p, .message-page .message-hero .message-hero__content .page-kicker, .corporate-page .corporate-hero .corporate-hero__content h1, .corporate-page .corporate-hero .corporate-hero__content p, .corporate-page .corporate-hero .corporate-hero__content .page-kicker, .access-page .access-hero .access-hero__content h1, .access-page .access-hero .access-hero__content p, .access-page .access-hero .access-hero__content .page-kicker, .contact-page .contact-hero .contact-hero__content h1, .contact-page .contact-hero .contact-hero__content p, .contact-page .contact-hero .contact-hero__content .page-kicker{ width:100%; max-width:none; margin-left:0!important; margin-right:0!important; text-align:left!important; } .buy-hub-page .buy-hub-hero .button-row, .buy-mansion-page .buy-mansion-hero .button-row, .first-welcome-page .first-welcome-hero .button-row, .first-reason-page .first-reason-hero .button-row, .first-company-page .company-hero .button-row, .message-page .message-hero .button-row, .corporate-page .corporate-hero .button-row, .access-page .access-hero .button-row, .contact-page .contact-hero .button-row{ justify-content:flex-start!important; align-items:flex-start!important; margin-left:0!important; margin-right:auto!important; text-align:left!important; } @media (max-width:980px){ .buy-hub-page .buy-hub-hero .buy-hero__copy, .buy-mansion-page .buy-mansion-hero .buy-hero__copy, .first-welcome-page .first-welcome-hero .first-hero__copy, .first-reason-page .first-reason-hero .first-hero__copy, .first-company-page .company-hero .company-hero__copy, .message-page .message-hero .message-hero__content, .corporate-page .corporate-hero .corporate-hero__content, .access-page .access-hero .access-hero__content, .contact-page .contact-hero .contact-hero__content{ align-items:flex-start!important; text-align:left!important; } } @media (max-width:767px){ .buy-hub-page .buy-hub-hero .buy-hero__copy, .buy-mansion-page .buy-mansion-hero .buy-hero__copy, .first-welcome-page .first-welcome-hero .first-hero__copy, .first-reason-page .first-reason-hero .first-hero__copy, .first-company-page .company-hero .company-hero__copy, .message-page .message-hero .message-hero__content, .corporate-page .corporate-hero .corporate-hero__content, .access-page .access-hero .access-hero__content, .contact-page .contact-hero .contact-hero__content{ align-items:flex-start!important; text-align:left!important; } .buy-hub-page .buy-hub-hero .button-row, .buy-mansion-page .buy-mansion-hero .button-row, .first-welcome-page .first-welcome-hero .button-row, .first-reason-page .first-reason-hero .button-row, .first-company-page .company-hero .button-row, .message-page .message-hero .button-row, .corporate-page .corporate-hero .button-row, .access-page .access-hero .button-row, .contact-page .contact-hero .button-row{ align-items:flex-start!important; justify-content:flex-start!important; } } /* ========================================================= MOBILE HERO CENTER ALIGN — v1.10.28 Desktop/tablet keeps the existing left-aligned hero copy. On mobile only (<=767px), all hero copy, labels and CTA rows are centered for a consistent responsive presentation. ========================================================= */ @media (max-width: 767px){ body .site-main .top-hero .hero-copy, body .site-main .sub-hero .hero-copy, body .site-main .first-hero__copy, body .site-main .company-hero__copy, body .site-main .rent-hub-hero__copy, body .site-main .area-hero__copy, body .site-main .family-hero__copy, body .site-main .viewing-hero__copy, body .site-main .buy-hero__copy, body .site-main .sell-hero__copy, body .site-main .sell-house-hero__copy, body .site-main .sell-relocation-hero__copy, body .site-main .voice-hero__copy, body .site-main .faq-hero__copy, body .site-main .guide-hub-hero__content, body .site-main .guide-hero__content, body .site-main .guide-rent-hero__content, body .site-main .guide-buy-hero__content, body .site-main .guide-sell-hero__content, body .site-main .message-hero__content, body .site-main .corporate-hero__content, body .site-main .access-hero__content, body .site-main .contact-hero__content, body .site-main .about-hero__content, body .site-main .legal-hero__copy, body .site-main .sitemap-hero__inner, body .site-main .thanks-hero__inner, body .site-main .error404-hero__inner{ align-items:center!important; justify-items:center!important; text-align:center!important; margin-left:auto!important; margin-right:auto!important; } body .site-main .top-hero .hero-copy > *, body .site-main .sub-hero .hero-copy > *, body .site-main .first-hero__copy > *, body .site-main .company-hero__copy > *, body .site-main .rent-hub-hero__copy > *, body .site-main .area-hero__copy > *, body .site-main .family-hero__copy > *, body .site-main .viewing-hero__copy > *, body .site-main .buy-hero__copy > *, body .site-main .sell-hero__copy > *, body .site-main .sell-house-hero__copy > *, body .site-main .sell-relocation-hero__copy > *, body .site-main .voice-hero__copy > *, body .site-main .faq-hero__copy > *, body .site-main .guide-hub-hero__content > *, body .site-main .guide-hero__content > *, body .site-main .guide-rent-hero__content > *, body .site-main .guide-buy-hero__content > *, body .site-main .guide-sell-hero__content > *, body .site-main .message-hero__content > *, body .site-main .corporate-hero__content > *, body .site-main .access-hero__content > *, body .site-main .contact-hero__content > *, body .site-main .about-hero__content > *, body .site-main .legal-hero__copy > *, body .site-main .sitemap-hero__inner > *, body .site-main .thanks-hero__inner > *, body .site-main .error404-hero__inner > *{ text-align:center!important; } body .site-main .top-hero .hero-copy > p, body .site-main .sub-hero .hero-copy > p, body .site-main .first-hero__copy > p, body .site-main .company-hero__copy > p, body .site-main .rent-hub-hero__copy > p, body .site-main .area-hero__copy > p, body .site-main .family-hero__copy > p, body .site-main .viewing-hero__copy > p, body .site-main .buy-hero__copy > p, body .site-main .sell-hero__copy > p, body .site-main .sell-house-hero__copy > p, body .site-main .sell-relocation-hero__copy > p, body .site-main .voice-hero__copy > p, body .site-main .faq-hero__copy > p, body .site-main .guide-hub-hero__content > p, body .site-main .guide-hero__content > p, body .site-main .guide-rent-hero__content > p, body .site-main .guide-buy-hero__content > p, body .site-main .guide-sell-hero__content > p, body .site-main .message-hero__content > p, body .site-main .corporate-hero__content > p, body .site-main .access-hero__content > p, body .site-main .contact-hero__content > p, body .site-main .about-hero__content > p, body .site-main .legal-hero__copy > p{ margin-left:auto!important; margin-right:auto!important; } body .site-main .top-hero .button-row, body .site-main .sub-hero .button-row, body .site-main .first-hero__copy .button-row, body .site-main .company-hero__copy .button-row, body .site-main .rent-hub-hero__copy .button-row, body .site-main .area-hero__copy .button-row, body .site-main .family-hero__copy .button-row, body .site-main .viewing-hero__copy .button-row, body .site-main .buy-hero__copy .button-row, body .site-main .sell-hero__copy .button-row, body .site-main .sell-house-hero__copy .button-row, body .site-main .sell-relocation-hero__copy .button-row, body .site-main .faq-hero__copy .button-row, body .site-main .guide-hub-hero__content .button-row, body .site-main .guide-hero__content .button-row, body .site-main .guide-rent-hero__content .button-row, body .site-main .guide-buy-hero__content .button-row, body .site-main .guide-sell-hero__content .button-row, body .site-main .message-hero__content .button-row, body .site-main .corporate-hero__content .button-row, body .site-main .access-hero__content .button-row, body .site-main .contact-hero__content .button-row, body .site-main .about-hero__content .button-row, body .site-main .legal-hero__copy .button-row, body .site-main .voice-hero__tabs, body .site-main .buy-hero__tags, body .site-main .area-hero__legend, body .site-main .viewing-hero__meta{ justify-content:center!important; align-items:center!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } } /* ========================================================= TOP HERO BACKGROUND IMAGE — v1.10.29 TOPページのヒーロー画像を右カラム表示ではなく、 セクション背景画像として表示する仕様に変更。 ========================================================= */ .top-hero .hero-grid--background{ display:flex; align-items:stretch; min-height:560px; background-image: linear-gradient(90deg, rgba(255,253,251,.98) 0%, rgba(255,250,246,.96) 34%, rgba(255,250,246,.82) 48%, rgba(255,250,246,.34) 62%, rgba(255,250,246,.08) 100%), var(--top-hero-image); background-repeat:no-repeat; background-size:cover; background-position:center right; } .top-hero .hero-grid--background .hero-copy{ width:min(56%, 680px); max-width:680px; background:transparent!important; padding:48px 42px; position:relative; z-index:1; } @media (max-width: 1100px){ .top-hero .hero-grid--background{ min-height:520px; background-position:65% center; } .top-hero .hero-grid--background .hero-copy{ width:min(62%, 640px); } } @media (max-width: 767px){ .top-hero .hero-grid--background{ min-height:0; background-position:center center; background-image: linear-gradient(180deg, rgba(255,253,251,.94) 0%, rgba(255,250,246,.88) 42%, rgba(255,250,246,.76) 100%), var(--top-hero-image); } .top-hero .hero-grid--background .hero-copy{ width:100%; max-width:none; padding:32px 22px 28px; } } /* ========================================================= TOP HERO: TRUE BACKGROUND LAYOUT — v1.10.30 右画像カラムを完全廃止し、ヒーロー全体を1カラムの背景画像仕様に固定。 ========================================================= */ body .site-main .top-hero.top-hero--background{ width:100%!important; max-width:none!important; margin-left:0!important; margin-right:0!important; } body .site-main .top-hero.top-hero--background > .top-hero__inner{ display:block!important; grid-template-columns:none!important; position:relative!important; width:100%!important; max-width:none!important; min-height:560px!important; padding:0!important; overflow:hidden!important; border-radius:0!important; border-left:0!important; border-right:0!important; box-shadow:none!important; background-color:#fffaf6!important; background-repeat:no-repeat!important; background-size:cover!important; background-position:center right!important; } body .site-main .top-hero.top-hero--background .hero-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; width:min(56%, 680px)!important; max-width:680px!important; min-height:560px!important; padding:48px 42px!important; margin:0!important; background:transparent!important; position:relative!important; z-index:2!important; text-align:left!important; } /* 旧左右カラムの画像要素が残った場合でも表示しない */ body .site-main .top-hero.top-hero--background .hero-media{ display:none!important; } @media (max-width:1100px){ body .site-main .top-hero.top-hero--background > .top-hero__inner{ min-height:520px!important; background-position:62% center!important; } body .site-main .top-hero.top-hero--background .hero-copy{ width:min(63%, 650px)!important; min-height:520px!important; } } @media (max-width:767px){ body .site-main .top-hero.top-hero--background > .top-hero__inner{ min-height:500px!important; background-position:center center!important; background-size:cover!important; } body .site-main .top-hero.top-hero--background .hero-copy{ width:100%!important; max-width:none!important; min-height:500px!important; padding:34px 22px 30px!important; align-items:center!important; justify-content:center!important; text-align:center!important; } body .site-main .top-hero.top-hero--background .hero-copy > *{ text-align:center!important; } body .site-main .top-hero.top-hero--background .hero-copy .button-row{ justify-content:center!important; align-items:center!important; } } /* ========================================================= TOP HERO FINE TUNING — v1.10.31 オーバーレイを少し弱めつつ、テキストの視認性を保ったまま テキスト開始位置をやや右へ移動。 ========================================================= */ @media (min-width:768px){ body .site-main .top-hero.top-hero--background .hero-copy{ width:min(54%, 680px)!important; max-width:680px!important; padding:48px 42px 48px 72px!important; } } @media (min-width:1280px){ body .site-main .top-hero.top-hero--background .hero-copy{padding-left:88px!important;} } @media (min-width:768px) and (max-width:1100px){ body .site-main .top-hero.top-hero--background .hero-copy{ width:min(60%, 650px)!important; padding-left:56px!important; } } /* ========================================================= MOBILE READABILITY / STACKING PASS — v1.10.33 PC layout is untouched. On phones, editorial split layouts become vertical, section-level copy/media are centered, and compact grids are widened for legibility. ========================================================= */ @media (max-width:767px){ /* Base mobile rhythm */ body{font-size:15px;line-height:1.8;overflow-x:hidden} body .site-main{overflow-x:hidden} body .site-main .frame, body .site-main section{max-width:100%} body .site-main .frame__inner, body .site-main .container{width:calc(100% - 16px);max-width:100%;margin-inline:auto} body .site-main .frame__inner{padding:30px 18px} /* Section-level text is centered by default on mobile. */ body .site-main .frame__inner > h1, body .site-main .frame__inner > h2, body .site-main .frame__inner > h3, body .site-main .frame-title, body .site-main .frame-title--left, body .site-main .section-heading, body .site-main .rent-section-heading, body .site-main .rent-section-heading--left, body .site-main .rent-section-heading--split, body .site-main .area-section-header, body .site-main .area-section-header--wide, body .site-main .area-section-header--split, body .site-main .family-section-title, body .site-main .family-section-title--wide, body .site-main .family-section-title--split, body .site-main .buy-section-heading, body .site-main .sell-section-heading, body .site-main .guide-section-heading, body .site-main .message-section-heading, body .site-main .corporate-section-heading, body .site-main .access-section-heading, body .site-main .contact-section-heading{ text-align:center!important; justify-content:center!important; align-items:center!important; } body .site-main .frame-title > *, body .site-main .section-heading > *, body .site-main .rent-section-heading > *, body .site-main .area-section-header > *, body .site-main .family-section-title > *, body .site-main .buy-section-heading > *, body .site-main .sell-section-heading > *, body .site-main .guide-section-heading > *{ margin-left:auto!important; margin-right:auto!important; } /* Copy blocks in split layouts */ body .site-main .frame-split > div, body .site-main .small-feature-grid > div, body .site-main .representative-new > div, body .site-main .representative-strip > div, body .site-main .cta-grid > div, body .site-main [class*="__copy"], body .site-main [class*="__content"]{ text-align:center; } body .site-main [class*="__copy"] > p, body .site-main [class*="__content"] > p, body .site-main .small-feature-grid > div > p, body .site-main .frame-split > div > p{ margin-left:auto; margin-right:auto; } /* Main PC split layouts -> vertical layout on mobile */ body .site-main .frame-split, body .site-main .frame-split--narrow, body .site-main .small-feature-grid, body .site-main .hero-grid, body .site-main .representative-new, body .site-main .representative-strip, body .site-main .cta-grid, body .site-main .step-layout, body .site-main .rent-hub-hero__grid, body .site-main .rent-hub-philosophy__inner, body .site-main .rent-hub-route__inner, body .site-main .rent-hub-route__inner--reverse, body .site-main .rent-hub-values__inner, body .site-main .rent-hub-kids__inner, body .site-main .rent-hub-cta__inner, body .site-main .area-hero__grid, body .site-main .area-priority__inner, body .site-main .area-band, body .site-main .area-consult__inner, body .site-main .area-cta__inner, body .site-main .family-hero__grid, body .site-main .family-worries__inner, body .site-main .family-story__inner, body .site-main .family-story__inner--reverse, body .site-main .family-parking__inner, body .site-main .family-check__inner, body .site-main .family-staff__inner, body .site-main .family-cta__inner, body .site-main .viewing-hero__grid, body .site-main .viewing-step__content--story, body .site-main .viewing-faq-layout, body .site-main .viewing-cta__content, body .site-main .buy-hero__grid, body .site-main .buy-life-mosaic, body .site-main .buy-management-panel, body .site-main .buy-land-diagram, body .site-main .buy-advisor__card, body .site-main .sell-hero__grid, body .site-main .sell-policy-portrait, body .site-main .sell-before-after, body .site-main .sell-advisor__portrait, body .site-main .assessment-cutaway, body .site-main .assessment-land-model, body .site-main .sell-mansion-hero__grid, body .site-main .house-before-after, body .site-main .relocation-thought, body .site-main .relocation-notes, body .site-main .relocation-plan-diagram, body .site-main .first-hero__grid, body .site-main .company-hero__grid, body .site-main .first-goodcheck-panels, body .site-main .first-branch, body .site-main .first-advisor-card, body .site-main .reason-showcase, body .site-main .reason-advisor-panel, body .site-main .company-dialogue, body .site-main .company-goodcheck, body .site-main .company-condition-match, body .site-main .company-check-sheet, body .site-main .company-trinity-panel, body .site-main .company-trinity-panel > div, body .site-main .voice-hero__grid, body .site-main .voice-story, body .site-main .voice-quote-story, body .site-main .faq-hero__grid, body .site-main .faq-group .frame__inner, body .site-main .faq-group__content, body .site-main .faq-voice-strip, body .site-main .faq-category-map, body .site-main .guide-hub-hero__collage, body .site-main .guide-feature-layout, body .site-main .guide-rent-preview, body .site-main .guide-rent-hero, body .site-main .rent-family-editorial, body .site-main .rent-checklist-book, body .site-main .guide-buy-hero, body .site-main .buy-theme-panel--wide, body .site-main .guide-sell-hero, body .site-main .sell-type-panels, body .site-main .buy-decision-map, body .site-main .about-representative-card, body .site-main .about-link-panels, body .site-main .message-hero, body .site-main .corporate-hero, body .site-main .access-hero, body .site-main .contact-hero, body .site-main .message-editorial, body .site-main .message-profile-card, body .site-main .access-map-layout, body .site-main .about-mission-orbit, body .site-main .corporate-service-orbit, body .site-main .legal-hero__inner, body .site-main .privacy-security-map, body .site-main .sitemap-minor__grid, body .site-main .sitemap-route-map{ grid-template-columns:1fr!important; gap:22px!important; } /* Remove desktop-side ordering so the natural reading order is used. */ body .site-main .small-feature-grid--reverse > *, body .site-main .rent-hub-route__inner--reverse > *, body .site-main .family-story__inner--reverse > *{ order:initial!important; } /* Multi-stage horizontal diagrams -> vertical on phones. */ body .site-main .buy-budget-flow, body .site-main .assessment-price-flow, body .site-main .assessment-next-flow, body .site-main .relocation-scenario, body .site-main .reason-after-road, body .site-main .company-process-strip, body .site-main .voice-process-line, body .site-main .buy-flow-orbs, body .site-main .about-life-line, body .site-main .message-quiet-visual, body .site-main .access-route-cards, body .site-main .contact-after-flow, body .site-main .thanks-journey__flow{ grid-template-columns:1fr!important; gap:12px!important; } body .site-main .buy-budget-flow > svg, body .site-main .assessment-price-flow > svg, body .site-main .assessment-next-flow > svg, body .site-main .relocation-scenario > svg, body .site-main .reason-after-road > svg, body .site-main .company-process-strip > svg, body .site-main .voice-process-line > svg, body .site-main .buy-flow-orbs > svg, body .site-main .about-life-line > svg, body .site-main .message-quiet-visual > svg, body .site-main .access-route-cards > svg, body .site-main .contact-after-flow > svg, body .site-main .thanks-journey__flow > svg, body .site-main .compare-arrow, body .site-main .area-balance__arrow{ transform:rotate(90deg)!important; margin:0 auto!important; } /* Media alignment and consistent crop */ body .site-main .frame-media, body .site-main [class*="__media"], body .site-main [class*="__visual"]{ width:100%; margin-left:auto; margin-right:auto; text-align:center; } body .site-main .frame-media img, body .site-main .small-feature-grid > img, body .site-main .cta-grid > img, body .site-main [class*="__media"] > img, body .site-main [class*="__visual"] > img, body .site-main .first-final-photo, body .site-main .reason-family-photo, body .site-main .reason-city-photo, body .site-main .company-street-photo, body .site-main .company-final-photo, body .site-main .sell-final-photo, body .site-main .buy-final-photo{ width:100%!important; max-width:720px!important; height:auto!important; min-height:0!important; aspect-ratio:16/9; object-fit:cover; object-position:center; margin-left:auto!important; margin-right:auto!important; border-radius:14px; } /* Hero images should come after the copy in ordinary subpages. */ body .site-main .hero-copy, body .site-main .first-hero__copy, body .site-main .company-hero__copy, body .site-main .rent-hub-hero__copy, body .site-main .area-hero__copy, body .site-main .family-hero__copy, body .site-main .viewing-hero__copy, body .site-main .buy-hero__copy, body .site-main .sell-hero__copy, body .site-main .sell-house-hero__copy, body .site-main .sell-relocation-hero__copy, body .site-main .voice-hero__copy, body .site-main .faq-hero__copy{ order:1!important; } body .site-main .hero-media, body .site-main .first-hero__media, body .site-main .company-hero__media, body .site-main .rent-hub-hero__media, body .site-main .area-hero__media, body .site-main .family-hero__media, body .site-main .viewing-hero__media, body .site-main .buy-hero__media, body .site-main .sell-hero__media, body .site-main .sell-house-hero__media, body .site-main .sell-relocation-hero__media, body .site-main .voice-hero__media, body .site-main .faq-hero__media{ order:2!important; } /* Keep TOP hero as its background-image design, with centered mobile copy. */ body .site-main .top-hero.top-hero--background > .top-hero__inner{ min-height:460px!important; background-position:center!important; } body .site-main .top-hero.top-hero--background .hero-copy{ min-height:460px!important; padding:34px 20px!important; align-items:center!important; justify-content:center!important; text-align:center!important; } body .site-main .top-hero.top-hero--background .hero-copy > p{ max-width:34em; } /* Mobile headings: avoid oversized, narrow text blocks. */ body .site-main h1{font-size:clamp(30px,9vw,38px)!important;line-height:1.42!important;letter-spacing:.015em!important} body .site-main h2{font-size:clamp(24px,7.2vw,31px)!important;line-height:1.5!important;letter-spacing:.015em!important} body .site-main h3{line-height:1.55} body .site-main .page-kicker, body .site-main .section-kicker, body .site-main .eyebrow{justify-content:center;text-align:center} /* CTA rows: centered, not stretched edge to edge. */ body .site-main .button-row, body .site-main .cta-actions{ width:100%; display:flex!important; flex-direction:row!important; flex-wrap:wrap!important; justify-content:center!important; align-items:center!important; gap:10px!important; } body .site-main .button-row .btn, body .site-main .cta-actions .btn, body .site-main .frame-title .btn{ width:auto!important; max-width:100%; min-width:min(240px,100%); padding-left:20px; padding-right:20px; } /* Dense card areas stay legible without horizontal squeeze. */ body .site-main .intent-cards, body .site-main .voice-grid, body .site-main .guide-grid, body .site-main .post-grid, body .site-main .persona-grid, body .site-main .compare-panels, body .site-main .faq-list--2col, body .site-main .family-faq__list, body .site-main .family-guide__grid, body .site-main .area-persona__grid, body .site-main .mansion-room-gallery{ grid-template-columns:1fr!important; } body .site-main .icon-grid--3, body .site-main .icon-grid--4, body .site-main .icon-grid--5, body .site-main .icon-grid--6, body .site-main .reason-grid-new, body .site-main .family-worries__grid, body .site-main .area-priority__cards, body .site-main .area-mobility__grid, body .site-main .area-band__items, body .site-main .area-band__items--5, body .site-main .area-life__tiles, body .site-main .area-daynight__grid, body .site-main .family-neighborhood__grid, body .site-main .family-check__chips, body .site-main .viewing-precheck, body .site-main .viewing-strip, body .site-main .viewing-strip--wide, body .site-main .viewing-review-grid, body .site-main .viewing-room-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } /* Forms, FAQs, tables and long-form content remain left aligned for scanning. */ body .site-main form, body .site-main form *, body .site-main .faq-item, body .site-main .faq-item *, body .site-main details, body .site-main details *, body .site-main .entry-content, body .site-main .entry-content *, body .site-main table, body .site-main table *{ text-align:left; } body .site-main table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} /* Prevent cards/labels from creating sideways scrolling. */ body .site-main .keyword-row, body .site-main .voice-hero__tabs, body .site-main .buy-hero__tags, body .site-main .area-hero__legend, body .site-main .viewing-hero__meta{ justify-content:center!important; flex-wrap:wrap!important; } body .site-main p, body .site-main li, body .site-main span, body .site-main strong, body .site-main a{overflow-wrap:anywhere} } @media (max-width:480px){ body .site-main .frame__inner{padding:26px 15px} body .site-main .icon-grid--3, body .site-main .icon-grid--4, body .site-main .icon-grid--5, body .site-main .icon-grid--6, body .site-main .reason-grid-new, body .site-main .family-worries__grid, body .site-main .area-priority__cards, body .site-main .area-mobility__grid, body .site-main .area-band__items, body .site-main .area-band__items--5, body .site-main .area-life__tiles, body .site-main .area-daynight__grid, body .site-main .family-neighborhood__grid, body .site-main .family-check__chips, body .site-main .viewing-precheck, body .site-main .viewing-strip, body .site-main .viewing-strip--wide, body .site-main .viewing-review-grid, body .site-main .viewing-room-grid{ grid-template-columns:1fr!important; } body .site-main .intent-cards article{ display:block!important; padding:0 14px 14px!important; text-align:center!important; } body .site-main .intent-cards article img{ width:calc(100% + 28px)!important; max-width:none!important; height:auto!important; margin:0 -14px 12px!important; aspect-ratio:16/9!important; } body .site-main .button-row .btn, body .site-main .cta-actions .btn, body .site-main .frame-title .btn{ min-width:0!important; width:min(100%,320px)!important; } } /* ========================================================= MOBILE TITLE LINE-BREAK PASS — v1.10.34 - Keep section/hero titles to max two lines on mobile. - Avoid splitting Japanese words/phrases in the middle. - Desktop typography remains unchanged. ========================================================= */ @media (max-width:767px){ body .site-main section h1[data-mobile-title-ready="true"], body .site-main section h2[data-mobile-title-ready="true"]{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; text-align:center!important; word-break:keep-all!important; overflow-wrap:normal!important; line-break:strict; text-wrap:balance; } body .site-main section h1[data-mobile-title-ready="true"]{ font-size:clamp(28px,7.8vw,34px)!important; line-height:1.42!important; } body .site-main section h2[data-mobile-title-ready="true"]{ font-size:clamp(23px,6.8vw,29px)!important; line-height:1.48!important; } body .site-main section h1[data-mobile-title-ready="true"] .mobile-title-line, body .site-main section h2[data-mobile-title-ready="true"] .mobile-title-line{ display:inline-block; max-width:100%; white-space:nowrap; word-break:keep-all; overflow-wrap:normal; } body .site-main section h1[data-mobile-title-ready="true"] .mobile-title-break, body .site-main section h2[data-mobile-title-ready="true"] .mobile-title-break{ display:block; } /* Give title copy blocks enough horizontal room before reducing type size. */ body .site-main .frame-title, body .site-main .frame-title--left, body .site-main .section-heading, body .site-main .rent-section-heading, body .site-main .area-section-header, body .site-main .family-section-title, body .site-main .buy-section-heading, body .site-main .sell-section-heading, body .site-main .guide-section-heading, body .site-main .message-section-heading, body .site-main .corporate-section-heading, body .site-main .access-section-heading, body .site-main .contact-section-heading, body .site-main [class*="__copy"]{ width:100%!important; max-width:100%!important; } } @media (max-width:480px){ body .site-main .frame__inner{ padding-left:12px; padding-right:12px; } } /* ========================================================= v1.10.35 — Mobile navigation/footer usability pass - Keep the close (X) control visible above the open drawer. - Use a compact 2-column footer navigation on smartphones. - Mobile title punctuation itself is normalized in main.js. ========================================================= */ @media (max-width:980px){ body.menu-open .site-header{ z-index:2200!important; } body.menu-open .menu-toggle{ position:fixed!important; top:10px!important; right:12px!important; z-index:2210!important; display:block!important; visibility:visible!important; opacity:1!important; background:#fffdfa!important; border:1px solid var(--line)!important; border-radius:12px!important; box-shadow:0 8px 24px rgba(58,44,35,.14)!important; } body.menu-open .menu-toggle span{ background:var(--text)!important; opacity:1; } body.menu-open .menu-toggle span:nth-child(2){ opacity:0!important; } .mobile-menu{ z-index:2190!important; } } @media (max-width:820px){ .site-footer{ padding:30px 0 calc(86px + env(safe-area-inset-bottom)); background:#fffdfa; } .site-footer__grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; align-items:start; } .site-footer__grid>div:not(.site-footer__brand){ min-width:0; padding:15px 14px; text-align:left; background:#fff; border:1px solid var(--line); border-radius:14px; } .site-footer__brand{ grid-column:1/-1!important; padding:4px 4px 12px; text-align:center!important; } .site-footer__brand .site-brand{ justify-content:center!important; } .site-footer h2{ margin:0 0 9px!important; padding-bottom:8px; border-bottom:1px solid var(--line); font-size:13px!important; line-height:1.45; text-align:left; } .site-footer ul{ display:grid; gap:0; } .site-footer li{ margin:0!important; font-size:11.5px!important; line-height:1.5; } .site-footer li a{ display:block; padding:7px 0; } .site-footer__grid>div:nth-child(5){ grid-column:1/-1; } .site-footer__grid>div:nth-child(5) ul{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; } .site-footer__grid>div:nth-child(6){ grid-column:1/-1; } .site-footer__grid>div:nth-child(6) ul{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; } .site-footer .footer-line{ width:min(100%,320px)!important; min-height:46px!important; margin:12px auto 0!important; display:flex; } .site-footer__bottom{ margin-top:18px; } .site-footer__bottom .container{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px!important; padding:14px 0!important; text-align:center; } .site-footer__bottom .container>a{ font-size:10px; } .site-footer__bottom span{ grid-column:1/-1; width:auto!important; margin:4px 0 0!important; font-size:9px; } } @media (max-width:560px){ .site-footer__grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; text-align:initial!important; } .site-footer__brand{ grid-column:1/-1!important; } .site-footer__grid>div:nth-child(5), .site-footer__grid>div:nth-child(6){ grid-column:1/-1!important; } .site-footer h2{ margin-top:0!important; } .site-footer li{ margin:0!important; } } @media (max-width:380px){ .site-footer__grid>div:not(.site-footer__brand){ padding:13px 11px; } .site-footer h2{ font-size:12px!important; } .site-footer li{ font-size:10.5px!important; } .site-footer__grid>div:nth-child(5) ul, .site-footer__grid>div:nth-child(6) ul{ column-gap:12px; } } /* ========================================================= v1.10.36 — Mobile hero simplification / warm menu links - Mobile hero: keep the title/eyebrow/visual, hide descriptive subtext + CTA. - Match the three standalone mobile menu links to the warm card treatment. - Desktop presentation remains unchanged. ========================================================= */ @media (max-width:820px){ /* Hero descriptive copy is intentionally removed on mobile. */ body .site-main section[class*="hero"] .hero-copy > p:not(.eyebrow), body .site-main section[class*="hero"] [class*="hero__copy"] > p, body .site-main section[class*="hero"] [class*="hero__content"] > p{ display:none!important; } /* Hero CTA controls are intentionally removed on mobile. */ body .site-main section[class*="hero"] .hero-copy .button-row, body .site-main section[class*="hero"] [class*="hero__copy"] .button-row, body .site-main section[class*="hero"] [class*="hero__content"] .button-row, body .site-main section[class*="hero"] .hero-copy > .btn, body .site-main section[class*="hero"] [class*="hero__copy"] > .btn, body .site-main section[class*="hero"] [class*="hero__content"] > .btn{ display:none!important; } /* Standalone links shown between grouped menu cards use the same warm tone. */ .mobile-menu__inner > .mobile-menu__feature-link{ min-height:58px!important; margin:0!important; padding:14px 18px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; background:var(--warm)!important; border:1px solid #eadfd4!important; border-radius:14px!important; font-size:14px!important; font-weight:600!important; line-height:1.45!important; } .mobile-menu__inner > .mobile-menu__feature-link + .mobile-menu__feature-link{ margin-top:0!important; } } /* ========================================================= v1.10.37 — Dedicated mobile TOP hero artwork - Desktop keeps the existing live-copy + background-image hero unchanged. - Mobile uses the supplied vertical hero artwork as the visible hero. - Live H1 remains in the DOM for semantics/accessibility, but is visually hidden on mobile to prevent duplicate text over the artwork. ========================================================= */ .top-hero__mobile-art{display:none} @media (max-width:767px){ body .site-main .top-hero.top-hero--background > .top-hero__inner{ min-height:0!important; background-image:none!important; background-color:#fffaf6!important; overflow:hidden!important; } body .site-main .top-hero.top-hero--background .top-hero__mobile-art{ display:block!important; width:100%!important; height:auto!important; aspect-ratio:2/3; object-fit:cover!important; object-position:center top!important; margin:0!important; padding:0!important; } body .site-main .top-hero.top-hero--background .hero-copy{ position:absolute!important; width:1px!important; height:1px!important; min-width:1px!important; min-height:1px!important; max-width:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; clip-path:inset(50%)!important; white-space:nowrap!important; border:0!important; } /* Longer conversion-focused sticky copy needs a little more horizontal room. */ .mobile-fixed-line{ left:8px!important; right:8px!important; padding-inline:16px!important; font-size:13px!important; letter-spacing:.01em!important; } } /* ========================================================= v1.10.38 — Mobile footer odd-card layout refinement - The third primary navigation group (売りたい) spans both columns so no empty cell remains to its right on mobile. - Its links use a balanced 2-column layout to keep the footer compact. - Desktop footer is unchanged. ========================================================= */ @media (max-width:820px){ .site-footer__grid>div:nth-child(4){ grid-column:1/-1!important; } .site-footer__grid>div:nth-child(4) ul{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; } } @media (max-width:380px){ .site-footer__grid>div:nth-child(4) ul{ column-gap:12px; } } /* ========================================================= v1.10.39 — TOP hero-following choice guidance Goal: make the first next action obvious and improve circulation. The three images remain independently editable in WP admin. ========================================================= */ .top-choice-guide .frame__inner{ padding-top:42px; padding-bottom:40px; background:linear-gradient(145deg,#fffdfb 0%,#fff8f1 100%); } .top-choice-guide__heading{ max-width:760px; margin:0 auto 28px; text-align:center; } .top-choice-guide__heading .section-kicker{ display:flex; align-items:center; justify-content:center; gap:10px; margin:0 0 9px; color:#b9825d; font-size:11px; font-weight:800; letter-spacing:.18em; } .top-choice-guide__heading .section-kicker::before, .top-choice-guide__heading .section-kicker::after{ content:""; width:30px; height:1px; background:#d9b99e; } .top-choice-guide__heading h2{ margin-bottom:10px!important; } .top-choice-guide__heading>p:last-child{ margin:0 auto; max-width:620px; font-size:14px; } .top-choice-guide__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; } .top-choice-card{ min-width:0; overflow:hidden; background:#fff; border:1px solid #eaded3; border-radius:18px; box-shadow:0 10px 28px rgba(93,63,43,.07); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } .top-choice-card:hover{ transform:translateY(-4px); border-color:#d9b79c; box-shadow:0 15px 36px rgba(93,63,43,.11); } .top-choice-card__media{ position:relative; overflow:hidden; background:#f2ebe5; } .top-choice-card__media::after{ content:""; position:absolute; inset:auto 0 0; height:42%; background:linear-gradient(to top,rgba(38,28,21,.28),rgba(38,28,21,0)); pointer-events:none; } .top-choice-card__media img{ display:block; width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .38s ease; } .top-choice-card:hover .top-choice-card__media img{transform:scale(1.025)} .top-choice-card__number{ position:absolute; z-index:2; top:14px; left:14px; display:grid; place-items:center; width:38px; height:38px; border-radius:999px; background:rgba(255,255,255,.92); color:#7d604c; font-family:var(--serif); font-size:12px; font-weight:700; box-shadow:0 4px 14px rgba(60,43,32,.08); } .top-choice-card__type{ position:absolute; z-index:2; right:14px; bottom:12px; padding:6px 12px; border:1px solid rgba(255,255,255,.7); border-radius:999px; background:rgba(255,255,255,.9); color:#4a3a31; font-size:12px; font-weight:800; letter-spacing:.08em; backdrop-filter:blur(6px); } .top-choice-card__body{ display:flex; min-height:270px; flex-direction:column; align-items:flex-start; padding:22px 22px 20px; text-align:left; } .top-choice-card__eyebrow{ margin:0 0 7px!important; color:#bf7a50!important; font-size:10px!important; font-weight:800; letter-spacing:.18em; } .top-choice-card__body h3{ width:100%; margin:0 0 10px; color:#3d312b; font-family:var(--serif); font-size:clamp(20px,1.7vw,25px); line-height:1.55; letter-spacing:.025em; text-align:center; } .top-choice-card__title-line{ display:block; white-space:nowrap; } .top-choice-card__body>p:not(.top-choice-card__eyebrow){ margin:0 0 18px; color:#7d7068; font-size:12px; line-height:1.85; } .top-choice-card__cta{ display:flex; width:100%; min-height:48px; margin-top:auto; align-items:center; justify-content:space-between; gap:12px; padding:11px 15px; border:1px solid #d9bfaa; border-radius:12px; background:#fffaf5; color:#6a4e3a; font-size:13px; font-weight:800; text-decoration:none; transition:background .2s ease,border-color .2s ease,color .2s ease; } .top-choice-card__cta .fkr-icon{width:18px;height:18px;flex:0 0 auto} .top-choice-card__cta:hover{ border-color:#c78861; background:#c78861; color:#fff; } .top-choice-card--rent .top-choice-card__cta{border-color:#b9cdb1;color:#55724c;background:#f7fbf5} .top-choice-card--rent .top-choice-card__cta:hover{border-color:#789b6e;background:#789b6e;color:#fff} .top-choice-card--buy .top-choice-card__cta{border-color:#e2b393;color:#9b5d38;background:#fff9f3} .top-choice-card--buy .top-choice-card__cta:hover{border-color:#cf8155;background:#cf8155;color:#fff} .top-choice-card--sell .top-choice-card__cta{border-color:#c9b9ad;color:#725b4d;background:#faf7f4} .top-choice-card--sell .top-choice-card__cta:hover{border-color:#8f7160;background:#8f7160;color:#fff} .top-choice-guide__note{ margin:22px auto 0!important; padding-top:18px; border-top:1px solid #eadfd6; max-width:760px; text-align:center; color:#8b7b70!important; font-size:12px!important; } @media(max-width:980px){ .top-choice-guide__grid{grid-template-columns:1fr;gap:14px} .top-choice-card{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)} .top-choice-card__media{min-height:100%} .top-choice-card__media img{height:100%;aspect-ratio:auto;min-height:260px} .top-choice-card__body{min-height:260px} } @media(max-width:767px){ .top-choice-guide .frame__inner{padding-top:30px!important;padding-bottom:30px!important} .top-choice-guide__heading{margin-bottom:20px;text-align:center} .top-choice-guide__heading .section-kicker{font-size:9px} .top-choice-guide__heading>p:last-child{font-size:12px;line-height:1.75;text-align:center!important} .top-choice-guide__grid{gap:13px} .top-choice-card{display:block;border-radius:16px} .top-choice-card:hover{transform:none} .top-choice-card__media img{height:auto!important;min-height:0!important;aspect-ratio:16/9!important} .top-choice-card__number{top:11px;left:11px;width:34px;height:34px} .top-choice-card__type{right:11px;bottom:10px;padding:5px 10px;font-size:11px} .top-choice-card__body{min-height:0;align-items:center;padding:18px 16px 16px;text-align:center} .top-choice-card__eyebrow{text-align:center!important} .top-choice-card__body h3{font-size:20px;line-height:1.55;text-align:center!important} .top-choice-card__body>p:not(.top-choice-card__eyebrow){font-size:12px;line-height:1.75;text-align:center!important} .top-choice-card__cta{width:min(100%,330px);justify-content:center;gap:10px;margin-top:2px} .top-choice-guide__note{margin-top:18px!important;font-size:11px!important;line-height:1.7;text-align:center!important} } @media(max-width:390px){ .top-choice-card__body h3{font-size:18px} } /* ========================================================= v1.10.40 — TOP choice card Japanese title alignment Keep each Japanese title centered and locked to two semantic lines. ========================================================= */ .top-choice-guide .top-choice-card__body h3{ width:100%; text-align:center!important; } .top-choice-guide .top-choice-card__title-line{ display:block; white-space:nowrap; } @media(max-width:767px){ .top-choice-guide .top-choice-card__body h3{ font-size:clamp(18px,5.1vw,20px)!important; line-height:1.55!important; } } @media(max-width:360px){ .top-choice-guide .top-choice-card__body h3{ font-size:17px!important; letter-spacing:0!important; } } /* ========================================================= v1.10.41 — TOP choice cards mobile layout repair - Reset the tablet-only 100% media min-height on phones. - Keep image, body copy and CTA in normal vertical document flow. - Prevent the media layer from swallowing the card body. ========================================================= */ @media (max-width:767px){ body .site-main .top-choice-guide .top-choice-card{ display:flex!important; flex-direction:column!important; height:auto!important; min-height:0!important; overflow:hidden!important; } body .site-main .top-choice-guide .top-choice-card__media{ position:relative!important; display:block!important; width:100%!important; height:auto!important; min-height:0!important; flex:0 0 auto!important; overflow:hidden!important; } body .site-main .top-choice-guide .top-choice-card__media img{ display:block!important; width:100%!important; max-width:none!important; height:auto!important; min-height:0!important; aspect-ratio:16/9!important; object-fit:cover!important; margin:0!important; border-radius:0!important; } body .site-main .top-choice-guide .top-choice-card__body{ position:relative!important; display:flex!important; width:100%!important; height:auto!important; min-height:0!important; flex:0 0 auto!important; flex-direction:column!important; align-items:center!important; padding:18px 16px 16px!important; background:#fff!important; text-align:center!important; visibility:visible!important; opacity:1!important; } body .site-main .top-choice-guide .top-choice-card__eyebrow, body .site-main .top-choice-guide .top-choice-card__body h3, body .site-main .top-choice-guide .top-choice-card__body > p:not(.top-choice-card__eyebrow), body .site-main .top-choice-guide .top-choice-card__cta{ position:static!important; visibility:visible!important; opacity:1!important; } body .site-main .top-choice-guide .top-choice-card__cta{ margin-top:2px!important; } }