header.site{display:flex !important;align-items:center !important;padding:22px 40px !important;gap:32px !important}
header.site nav.gnav{margin-right:8px !important}
html body header.site nav.util{margin-left:8px !important;display:flex !important;align-items:center !important;gap:24px !important}
header.site nav.gnav a{margin:0 16px !important}
/* contact-cta v1 */
html body header.site nav.util a[href*="contact"]{background:#2D3744 !important;color:#fff !important;border:1.5px solid #2D3744 !important;padding:10px 24px !important;border-radius:4px !important;transition:background .3s ease,color .3s ease,border-color .3s ease !important;letter-spacing:.06em !important}
html body header.site nav.util a[href*="contact"] svg,html body header.site nav.util a[href*="contact"] svg *{stroke:#fff !important;transition:stroke .3s ease !important}
html body header.site nav.util a[href*="contact"]:hover{background:#fff !important;color:#2D3744 !important}
html body header.site nav.util a[href*="contact"]:hover svg,html body header.site nav.util a[href*="contact"]:hover svg *{stroke:#2D3744 !important}
/* contact-cta hide on mobile v1 */
@media(max-width:767px){html body header.site nav.util a[href*="contact"]{display:none !important}}
/* legacy-h2-2line v1 */
html body section.legacy .text-col h2{white-space:nowrap !important}
/* item72 /loan(SP): remove cover-image empty margin */
@media(max-width:767px){html body .page-hero .cover-image{height:auto !important;min-height:0 !important;aspect-ratio:auto !important}}
/* slide-29 mobile v1 */
@media(max-width:767px){html body p.dh2-desc .dh-teiki29{display:block !important;text-align:center !important;margin:0 auto 6px !important}}
/* slide-27 mobile v1 */
.dh-2f-sp-wrap{display:none}
@media(max-width:767px){
html body .dh-2f-sp-wrap{display:block !important;text-align:center !important;margin:8px 0 24px !important}
html body .dh-2f-sp{width:210px !important;max-width:100% !important;height:auto !important;margin:0 auto !important;display:inline-block !important}
}
/* slide-26 mobile v1 */
@media(max-width:767px){
html body .dh-int-grid > div{grid-template-columns:1fr !important;justify-items:center !important}
html body .dh-int-grid > div > img:nth-child(2){display:none !important}
html body .dh-int-grid > div > img:nth-child(1){width:210px !important;max-width:100% !important;height:auto !important}
}
/* slide-25 mobile v1 */
@media(max-width:767px){html body .dh2-lead .dh-pq25{font-size:26px !important}}
/* slides-21-24 mobile v1 */
html body .dh-catch-3l{font-size:40px !important}
@media(max-width:767px){
html body .service-net .node.svc.n1,html body .service-net .node.svc.n2,html body .service-net .node.svc.n3,html body .service-net .node.svc.n4,html body .service-net .node.svc.n5{scale:1.12 !important}
html body .dh-catch-3l{font-size:32px !important}
html body .dh-catch-3l span{white-space:nowrap !important}
}
/* slides-19-20-22-23 mobile v1 */
html body .svc-catch-2l{font-size:40px !important}
@media(max-width:767px){
html body section.works .works-more a.more.more,html body section.works .works-more a.more,html body section.works .works-more .more.more{text-shadow:none !important}
html body section.philo .text h2{font-size:17px !important;white-space:nowrap !important}
html body .vert-heading{z-index:20 !important}
html body .svc-catch-2l{font-size:32px !important}
html body .svc-catch-2l span{white-space:nowrap !important}
}
/* hero-copy shadow mobile v1 */
@media(max-width:767px){html body section.hero .jp{text-shadow:0 0 6px rgba(255,255,255,.95),0 0 12px rgba(255,255,255,.85),0 0 20px rgba(255,255,255,.7),0 1px 2px rgba(255,255,255,.9) !important}}
/* page-hero-normalize v1 */
body .page-hero{padding:100px 0 40px !important;min-height:0 !important}
body .legacy-in-land{padding-top:80px !important}
/* collage-A-2img-layout v1 */
.collage.A:not(:has(> *:nth-child(3))){
grid-template-columns:1fr 1fr !important;
grid-template-rows:1fr !important;
aspect-ratio:2.6/1 !important;
}
.collage.A:not(:has(> *:nth-child(3))) > *:nth-child(1){
grid-row:auto !important;
}
/* ==== dh2-cards2 unify image height ==== */
.dh2-cards2 .dh2-card>div:first-child{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#f2f2f2;margin-bottom:6px}
.dh2-cards2 .dh2-card>div:first-child img{width:100%!important;max-width:none!important;height:100%!important;object-fit:cover!important;border-radius:0!important;display:block}
@media(max-width:767px){.dh2-cards2 .dh2-card>div:first-child{aspect-ratio:16/9}}
/* gnav-evenly-spaced v1 */
html body header.site nav.gnav.gnav{display:flex !important;justify-content:center !important;gap:0 !important;flex:0 0 auto !important;width:auto !important;padding:0 !important;padding-left:0 !important}
header.site nav.gnav a{margin:0 !important;min-width:120px !important;text-align:center !important}
/* ==== unified section spacing (8px scale) ==== */
:root{--sec-y:120px;--sec-y-sp:72px}
section.news,section.works,section.philo,section.service-net,section.legacy,section.sv-intro,section.sv-3col,section.dh2-lead,section.dh2-ch,section.ex-faq,section.pworks,section.lead-article,section.merit,section.detail-art,section.system,section.important,section.side-section,section.allden,section.ex-flow,section.corp-staff,section.ct-mobile-notice,section.ct-company,section.ld-svc,section.ld-features,section.ld-flow,section.ld-area,section.bk-mv,section.bk-list,section.cover-feature,section.gcta,section.legacy-in-land{padding-top:var(--sec-y)!important;padding-bottom:var(--sec-y)!important}
@media(max-width:767px){section.news,section.works,section.philo,section.service-net,section.legacy,section.sv-intro,section.sv-3col,section.dh2-lead,section.dh2-ch,section.ex-faq,section.pworks,section.lead-article,section.merit,section.detail-art,section.system,section.important,section.side-section,section.allden,section.ex-flow,section.corp-staff,section.ct-mobile-notice,section.ct-company,section.ld-svc,section.ld-features,section.ld-flow,section.ld-area,section.bk-mv,section.bk-list,section.cover-feature,section.gcta,section.legacy-in-land{padding-top:var(--sec-y-sp)!important;padding-bottom:var(--sec-y-sp)!important}}
/* view-buttons-pad-left v1 */
a.more,a.tap,a.sv-more,a.btn,.sv-more,.more,.tap{padding-left:1em !important}
/* dh2-pillar-item-cushion v1 */
.dh2-pillar ul{list-style:none !important;padding:0 !important;margin:0 !important}
.dh2-pillar ul li{margin-bottom:26px !important;padding:0 !important}
.dh2-pillar ul li .item-t{
display:inline-flex !important;
align-items:center !important;
gap:10px !important;
background:#2D3744 !important;
color:#fff !important;
padding:11px 20px !important;
width:260px !important;
max-width:100% !important;
box-sizing:border-box !important;
font-size:13px !important;
letter-spacing:.05em !important;
font-weight:600 !important;
border-radius:2px !important;
margin-bottom:10px !important;
--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2720%206%209%2017%204%2012%27%2F%3E%3C%2Fsvg%3E");
}
.dh2-pillar ul li .item-t::before{
content:'';
width:16px;
height:16px;
background:#fff;
-webkit-mask:var(--pcicon) center/contain no-repeat;
mask:var(--pcicon) center/contain no-repeat;
flex-shrink:0;
}
.dh2-pillar ul li .item-s{display:block !important;margin-top:2px !important}
/* Per-item icon assignment via nth-child */
.dh2-pillar:nth-of-type(1) li:nth-child(1) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpolyline%20points%3D%2720%206%209%2017%204%2012%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(1) li:nth-child(2) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%202%20L20%206%20V12%20C20%2017%2016%2021%2012%2022%20C8%2021%204%2017%204%2012%20V6%20Z%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(1) li:nth-child(3) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%273%27%20y%3D%274%27%20width%3D%2718%27%20height%3D%2716%27%20rx%3D%272%27%2F%3E%3Cline%20x1%3D%2716%27%20y1%3D%272%27%20x2%3D%2716%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%278%27%20y1%3D%272%27%20x2%3D%278%27%20y2%3D%276%27%2F%3E%3Cline%20x1%3D%273%27%20y1%3D%2710%27%20x2%3D%2721%27%20y2%3D%2710%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(2) li:nth-child(1) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M3%2010%20L12%203%20L21%2010%20V20%20H3%20Z%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(2) li:nth-child(2) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%274%27%20y%3D%274%27%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%271%27%2F%3E%3Cline%20x1%3D%274%27%20y1%3D%2712%27%20x2%3D%2720%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%2712%27%20y1%3D%274%27%20x2%3D%2712%27%20y2%3D%2720%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(2) li:nth-child(3) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cline%20x1%3D%2712%27%20y1%3D%272%27%20x2%3D%2712%27%20y2%3D%2722%27%2F%3E%3Cline%20x1%3D%272%27%20y1%3D%2712%27%20x2%3D%2722%27%20y2%3D%2712%27%2F%3E%3Cline%20x1%3D%275%27%20y1%3D%275%27%20x2%3D%2719%27%20y2%3D%2719%27%2F%3E%3Cline%20x1%3D%2719%27%20y1%3D%275%27%20x2%3D%275%27%20y2%3D%2719%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(2) li:nth-child(4) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M9%2021%20H15%20M10%2018%20H14%20M12%203%20A5%205%200%200%201%2017%208%20C17%2011%2015%2013%2015%2015%20H9%20C9%2013%207%2011%207%208%20A5%205%200%200%201%2012%203%20Z%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(3) li:nth-child(1) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14%202%20H6%20A2%202%200%200%200%204%204%20V20%20A2%202%200%200%200%206%2022%20H18%20A2%202%200%200%200%2020%2020%20V8%20Z%27%2F%3E%3Cpolyline%20points%3D%2714%202%2014%208%2020%208%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(3) li:nth-child(2) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M12%203%20L18%209%20A6%206%200%200%201%206%2015%20A6%206%200%200%201%206%209%20Z%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(3) li:nth-child(3) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M14.7%206.3%20A5%205%200%200%200%208%2012%20L2%2018%20L6%2022%20L12%2016%20A5%205%200%200%200%2017.7%209.3%20Z%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(3) li:nth-child(4) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M21%2010%20C21%2017%2012%2023%2012%2023%20S3%2017%203%2010%20A9%209%200%200%201%2021%2010%20Z%27%2F%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2710%27%20r%3D%273%27%2F%3E%3C%2Fsvg%3E")}
.dh2-pillar:nth-of-type(3) li:nth-child(5) .item-t{--pcicon:url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%277%27%2F%3E%3Cpolyline%20points%3D%278%2014%208%2022%2012%2019%2016%2022%2016%2014%27%2F%3E%3C%2Fsvg%3E")}
/* dh2-card-h6-cushion v1 */
.dh2-card h6{display:inline-flex !important;align-items:center !important;background:#2D3744 !important;color:#fff !important;padding:9px 18px !important;width:240px !important;max-width:100% !important;box-sizing:border-box !important;font-size:13px !important;letter-spacing:.05em !important;font-weight:600 !important;border-radius:2px !important;margin:14px 0 8px !important;line-height:1.4 !important}
/* ==== smooth image reveal (replace clip-path wipe with fade-up) ==== */
.reveal-img img{clip-path:none!important;opacity:0;transform:translateY(18px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1)}
.reveal-img.is-inview img{opacity:1!important;transform:none!important}
.collage .reveal-img:nth-child(2) img{transition-delay:.1s}
.collage .reveal-img:nth-child(3) img{transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.reveal-img img{transition:none!important;opacity:1!important;transform:none!important}}
/* ==== tidy 3-安心 icon cards (center-align like merit) ==== */
section.important .items .item{text-align:center!important}
html body section.important .items .item .ph{margin:40px auto 10px!important}
section.important .items .item .body{text-align:center!important}
/* ==== side-section redesign: remove imgs, navy heading cushions, bg pattern ==== */
.side-section{position:relative;background-color:#f4f7f9;background-image:radial-gradient(rgba(68,90,105,.10) 1.5px,transparent 1.6px);background-size:24px 24px}
.side-section .inner{position:relative;z-index:1;align-items:stretch}
.side-section .col{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e9ee;border-radius:14px;padding:44px 44px 48px;box-shadow:0 12px 34px rgba(45,55,68,.06)}
.side-section .col .ph{display:none!important}
.side-section .col .eb{color:#b89b4e;letter-spacing:.24em;font-weight:700}
.side-section .col h3{background:#2D3744;color:#fff;padding:20px 24px;border-radius:10px;border-left:6px solid #E8CE84;font-size:23px;line-height:1.55;margin:12px 0 22px;box-shadow:0 8px 20px rgba(45,55,68,.20)}
.side-section .col h3 br{display:none}
.side-section .col p{margin-top:2px}
/* ==== dh2 pages enforce unified spacing over clamp override ==== */
html body section.dh2-lead,html body section.dh2-ch,html body section.pworks,html body section.ex-faq,html body section.gcta{padding-top:var(--sec-y)!important;padding-bottom:var(--sec-y)!important}
@media(max-width:767px){html body section.dh2-lead,html body section.dh2-ch,html body section.pworks,html body section.ex-faq,html body section.gcta{padding-top:var(--sec-y-sp)!important;padding-bottom:var(--sec-y-sp)!important}}
/* voice-photo-nofilter v1 */
body .important .item .ph img.voice-photo,body .merit .item .ph img.voice-photo,body .merit .item .meta .ph img.voice-photo,body img.voice-photo{filter:none !important;-webkit-filter:none !important;width:120px !important;height:120px !important;object-fit:cover !important;border-radius:50% !important}
/* loan-margin-cut v1 */
body .detail-art{padding-top:60px !important;padding-bottom:60px !important}
body section.merit{padding-bottom:60px !important}
/* ==== site-wide gentle scroll reveal (yuttari) ==== */
.reveal{transition:opacity 1.2s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.22,.61,.36,1)!important}
.reveal-img img{transition:opacity 1.2s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.22,.61,.36,1)!important}
.x-rise{opacity:0;transform:translateY(32px);transition:opacity 1.2s cubic-bezier(.22,.61,.36,1),transform 1.2s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform}
.x-rise.x-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal,.reveal-img img,.x-rise{transition:none!important;opacity:1!important;transform:none!important}}
/* util-tight-align v1 */
html body header.site{gap:0 !important}
html body header.site nav.util{margin-right:0 !important}
/* ==== hide EST PLUSBON badge (legacy only) ==== */
section.legacy .badge{display:none!important}
/* ==== priv-lead background removal ==== */
.priv-lead{background:transparent!important;background-image:none!important}
/* ==== /land ld-features numbers to 2/3 ==== */
html body .ld-features .feat .num{font-size:clamp(60px,6.67vw,100px)!important}
@media(max-width:1023px){html body .ld-features .feat .num{font-size:64px!important}}
/* header-footer-hover-underline v1 */
header.site nav.gnav a,header.site nav.util a{position:relative}
header.site nav.gnav a::after,header.site nav.util a::after{
content:"";
position:absolute;
left:50%;right:50%;
bottom:4px;
height:1px;
background:#2D3744;
transition:left .35s ease,right .35s ease;
}
header.site nav.gnav a:hover::after,header.site nav.util a:hover::after{
left:12px;right:12px;
}
footer.site a{position:relative;text-decoration:none;display:inline-block}
footer.site a::after{
content:"";
position:absolute;
left:50%;right:50%;
bottom:-2px;
height:1px;
background:#fff;
transition:left .35s ease,right .35s ease;
}
footer.site a:hover::after{
left:0;right:0;
}
/* util-contact-equal v2 */
html body header.site nav.util{margin-left:0 !important;margin-right:0 !important;gap:0 !important}
html body header.site nav.util a{margin:0 !important;min-width:120px !important;text-align:center !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important}
html body header.site{gap:0 !important}
/* ==== footer EN 2px smaller ==== */
.foot-en{font-size:calc(1em - 2px)}
/* footer-sns-hover-reverse v1 */
footer.site .sns a{transition:background .3s ease,color .3s ease,border-color .3s ease}
footer.site .sns a:hover{
background:#fff !important;
color:#2D3744 !important;
border-color:#fff !important;
}
footer.site .sns a:hover svg,footer.site .sns a:hover svg *{stroke:#2D3744 !important;color:#2D3744 !important;fill:none !important}
footer.site .sns a::after{display:none !important}
/* remove-contact-underline v1 */
header.site nav.util a::after{display:none !important}
/* kv-en-topright v2 */
@media(max-width:767px){
html body section.hero{position:relative !important}
html body section.hero .copy{position:absolute !important;inset:0 !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;display:block !important}
html body section.hero .copy .jp{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important}
html body section.hero .copy .en{position:absolute !important;top:70px !important;right:16px !important;bottom:auto !important;left:auto !important;writing-mode:vertical-rl !important;font-size:9px !important;letter-spacing:.22em !important;line-height:1.2 !important;z-index:2 !important;margin:0 !important;transform:none !important}
}
/* mob-hide-gnav v1 */
@media(max-width:767px){
html body header.site nav.gnav.gnav{display:none !important}
}
/* mob-menu-right v1 */
@media(max-width:767px){
html body header.site.site{padding-right:0 !important;padding-left:16px !important}
html body header.site nav.util.util{margin-right:0 !important;padding-right:0 !important;gap:0 !important}
html body header.site nav.util .menu-toggle,html body header.site nav.util button.menu,html body header.site nav.util .hamb,html body header.site nav.util > *:last-child{margin-right:0 !important}
}
/* mob-hide-mvcollage v1 */
@media(max-width:767px){
html body section.mv-collage{display:none !important}
}
/* mob-view-all-works-shadow v1 */
@media(max-width:767px){
html body section.works .works-more a.more{text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 6px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5) !important}
}
/* philo-fit v1 */
@media(max-width:767px){
html body section.philo{padding:40px 20px !important;overflow:hidden}
html body section.philo .text{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding:0 !important;margin:0 auto !important}
html body section.philo .text > *{max-width:100% !important;box-sizing:border-box !important;overflow-wrap:break-word !important}
html body section.philo h2{font-size:20px !important;line-height:1.6 !important;letter-spacing:.02em !important}
html body section.philo .en-sub{font-size:11px !important;line-height:1.7 !important;letter-spacing:.12em !important}
html body section.philo p,html body section.philo .desc{font-size:13px !important;line-height:1.9 !important}
html body section.philo .imgwrap{max-width:100% !important;width:100% !important}
html body section.philo .imgwrap img{width:100% !important;height:auto !important}
}
/* menu-panel-fit v1 */
@media(max-width:767px){
html body aside .menu-list{padding:20px !important;gap:14px !important;display:flex !important;flex-direction:column !important}
html body aside .menu-list > a,html body aside .menu-list .menu-col{width:100% !important}
html body aside .menu-list a{display:flex !important;align-items:baseline !important;gap:10px !important;padding:12px 0 !important;line-height:1.4 !important;white-space:normal !important}
html body aside .menu-list .en{font-size:13px !important;letter-spacing:.12em !important;line-height:1.2 !important;flex:0 0 auto !important}
html body aside .menu-list .ja{font-size:15px !important;line-height:1.3 !important;flex:1 1 auto !important;letter-spacing:.05em !important}
html body aside .menu-list .sub{margin:8px 0 0 12px !important;padding-left:14px !important;border-left:1px solid rgba(255,255,255,.2) !important}
html body aside .menu-list .sub a{padding:8px 0 !important}
html body aside .menu-list .sub .ja{font-size:13px !important}
html body aside .menu-list .sub .en{font-size:11px !important}
}
/* philo-pillars-fit v1 */
@media(max-width:767px){
html body section.philo .pillars.pillars{grid-template-columns:1fr !important;justify-items:center !important;gap:16px !important;max-width:100% !important;width:100% !important}
html body section.philo .pillars > *{width:100% !important;max-width:280px !important;aspect-ratio:auto !important;height:auto !important;padding:20px !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;text-align:center !important;border-radius:12px !important}
html body section.philo .pillars > *::before,html body section.philo .pillars > *::after{display:none !important;content:none !important}
html body section.philo .pillars .ja{font-size:16px !important;line-height:1.4 !important}
html body section.philo .pillars .en{font-size:11px !important;letter-spacing:.14em !important;margin-top:4px !important}
}
/* service-net-n6-fit v1 - ローンコンサルティング 1行表示 */
@media(max-width:767px){
html body section.service-net .node.svc.n6{width:32% !important;height:32% !important;border-radius:50% !important}
html body section.service-net .node.svc.n6 .ja{white-space:normal !important;word-break:keep-all !important;overflow-wrap:normal !important;line-height:1.35 !important}
}
/* re-apply mobile fixes v2 */
@media(max-width:767px){
html body section.legacy h2{font-size:19px !important;line-height:1.55 !important;word-break:keep-all !important;overflow-wrap:normal !important}
html body .office-mini,html body span.office-mini{white-space:nowrap !important;display:inline-block !important}
html body section.service-net{padding:56px 16px !important;text-align:center !important}
html body section.service-net .diagram.diagram{max-width:100% !important;width:100% !important;margin:0 auto !important;left:auto !important;right:auto !important}
html body section.service-net a.node.svc.n1,html body section.service-net a.node.svc.n2,html body section.service-net a.node.svc.n3,html body section.service-net a.node.svc.n4,html body section.service-net a.node.svc.n5,html body section.service-net a.node.svc.n6{width:30% !important;height:30% !important;border-radius:50% !important}
html body section.service-net a.node.center{width:32% !important;height:32% !important}
html body section.service-net .node.svc .ja{white-space:normal !important;word-break:keep-all !important;line-height:1.35 !important;font-size:10px !important}
html body section.service-net .node.svc .en{font-size:7px !important;letter-spacing:.1em !important}
}
/* overflow-fix v1 - grid min-content 拡張を防ぐ */
@media(max-width:767px){
html,html body{overflow-x:hidden !important;max-width:100vw !important}
html body img,html body video,html body iframe{max-width:100% !important;height:auto !important}
html body .dh2-cards2,html body .dh2-cols,html body .dh2-list,html body .dh2-pillars,html body .dh-int-grid,html body .dh2-hybrid,html body .dh2-warranty,html body .dh2-roof,html body .dh2-quake,html body .dh2-fire .cmp,html body .dh2-inner,html body .features,html body .scope-grid,html body .scope-sub,html body .ld-features,html body .ld-flow,html body .ld-svc,html body .ld-area,html body .merit .items,html body .merit-hero-single,html body .loan-flow-steps,html body .sv-3col,html body .sv-grid,html body .sv-body,html body .col-list,html body .col-body,html body .pw-grid{grid-template-columns:minmax(0,1fr) !important;max-width:100% !important;box-sizing:border-box !important}
html body .dh2-cards2 > *,html body .dh2-cols > *,html body .dh2-list > *,html body .dh2-pillars > *,html body .dh-int-grid > *,html body .features > *,html body .pw-grid > *,html body .dh2-card,html body .dh2-warranty-card,html body .dh2-quake-card,html body .dh2-roof-card,html body .dh2-pillar,html body .scope-card{min-width:0 !important;max-width:100% !important;width:auto !important;box-sizing:border-box !important}
html body .pw-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
}
/* num30-series v1 - /designhouse SP fixes */
@media(max-width:767px){
html body .dh2-fire,html body .dh2-fire .cmp{display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:16px !important}
html body .dh2-fire img{max-width:100% !important;height:auto !important;width:100% !important}
html body section.ex-faq h2.faq-h2-split{display:block !important;text-align:center !important;line-height:1.35 !important}
html body section.ex-faq h2.faq-h2-split .l1,html body h2.faq-h2-split .l1{display:block !important;font-size:20px !important;font-weight:600 !important;white-space:nowrap !important;letter-spacing:0 !important}
html body section.ex-faq h2.faq-h2-split .l2,html body h2.faq-h2-split .l2{display:block !important;font-size:28px !important;font-weight:600 !important;margin-top:4px !important;white-space:nowrap !important}
html body .pworks .pw-grid{grid-template-columns:1fr !important;gap:24px !important}
html body .pworks .pw-card{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;max-width:100% !important}
html body .pworks .pw-card .ph{order:1 !important;width:100% !important}
html body .pworks .pw-card .ph img{width:100% !important;height:auto !important;aspect-ratio:16/10 !important;object-fit:cover !important}
html body .pworks .pw-card .meta{order:2 !important;display:flex !important;flex-direction:column !important;gap:6px !important}
html body .pworks .pw-card .meta .ttl{order:1 !important;font-size:15px !important;font-weight:600 !important}
html body .pworks .pw-card .meta .pw-tags{order:2 !important;font-size:11px !important}
html body .pworks .pw-card .meta .date{order:3 !important;font-size:12px !important;color:#8a8f97 !important}
}
/* faq-a-mark v2 - A ラベル追加 + l2 30px調整 */
html body section.ex-faq .ans{position:relative !important;padding-top:8px !important;padding-bottom:22px !important}
html body section.ex-faq .ans::before{content:"A" !important;display:block !important;position:absolute !important;left:0 !important;top:4px !important;font-family:var(--label-en,serif) !important;font-size:20px !important;font-weight:400 !important;color:#8a8f97 !important;letter-spacing:.05em !important}
@media(max-width:767px){
html body section.ex-faq h2.faq-h2-split .l2{font-size:30px !important}
}
/* num32-save v1 - dh2-fire .save 1行化 */
@media(max-width:767px){
html body .dh2-fire .save{font-size:14px !important;line-height:1.5 !important;padding:16px 20px !important;word-break:keep-all !important;overflow-wrap:normal !important;white-space:normal !important}
html body .dh2-fire .save .big{font-size:26px !important;line-height:1.2 !important;display:inline-block !important;margin:2px 0 !important}
}
/* num33-quake v1 - dh2-quake見出し 1行化 */
@media(max-width:767px){
html body .dh2-quake h3.dh2-tt,html body .dh2-inner h3.dh2-tt{font-size:19px !important;line-height:1.4 !important;white-space:nowrap !important;letter-spacing:0 !important;text-align:center !important}
}
/* num34-highlight v1 - dh2-highlight 説明行間縮小 + 1pt小さく */
@media(max-width:767px){
html body .dh2-highlight h4,html body .dh2-highlight h4 span{font-size:13px !important;line-height:1.45 !important;letter-spacing:.02em !important}
}
/* num39-catch v1 - service .svc-catch-2l を完全に2行化 */
@media(max-width:767px){
html body .cover-catch{padding:32px 12px 0 !important;max-width:100% !important}
html body :is(h1,h2).svc-catch-2l{font-size:32px !important;line-height:1.35 !important;text-align:center !important;letter-spacing:.02em !important;width:auto !important;max-width:100% !important;white-space:normal !important}
html body :is(h1,h2).svc-catch-2l span{display:inline-block !important;width:auto !important;max-width:none !important;white-space:nowrap !important;text-align:center !important;padding:6px 14px !important}
html body :is(h1,h2).svc-catch-2l{display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important;width:auto !important;max-width:100% !important}
html body :is(h1,h2).svc-catch-2l br{display:none !important}
}
/* num40-svno v1 - service 番号をサムネイルの上半分に重ねる */
@media(max-width:767px){
html body .sv-item{position:relative !important;overflow:visible !important}
html body .sv-item .sv-label-col{display:flex !important;flex-direction:column !important;align-items:flex-start !important;position:relative !important;z-index:5 !important;margin-bottom:-40px !important}
html body .sv-item .sv-label-col .sv-title-wrap{order:0 !important;width:100% !important}
html body .sv-item .sv-label-col .sv-no{order:1 !important;position:relative !important;top:auto !important;left:auto !important;margin:16px 0 0 !important;padding:0 !important;z-index:10 !important;font-size:80px !important;line-height:1 !important;width:auto !important}
html body .sv-item .sv-img-main-col{position:relative !important;z-index:1 !important}
}
/* num41-42-left v1 - /designhouse 本文テキストを左寄せ */
@media(max-width:767px){
html body .dh2-desc,html body .dh2-desc p,html body .dh2-lead .desc,html body .dh2-lead p,html body .pull-quote,html body .dh2-highlight h4,html body .dh2-warranty-card h5,html body .dh2-warranty-card .note,html body .dh2-warranty-card .years,html body .dh2-quake-card p,html body .dh2-hybrid .formula,html body .dh2-hybrid .figure,html body .dh2-highlight .caption{text-align:left !important}
}
/* num43-swipe v1 - dh2-highlight & dh2-hybrid & dh2-fire .cmp: PCレイアウトで横スワイプ */
@media(max-width:767px){
/* 高耐候シーリング・Hybrid・火災の cmp などの比較コンテンツ：横スクロール */
html body .dh2-highlight,html body .dh2-hybrid,html body .dh2-fire .cmp{overflow-x:auto !important;-webkit-overflow-scrolling:touch !important;scroll-snap-type:x mandatory !important}
html body .dh2-highlight > *,html body .dh2-hybrid > *,html body .dh2-fire .cmp > *{min-width:0}
/* PCレイアウト (grid カラム幅を固定) をスマホでも保持 */
html body .dh2-hybrid .cmp{display:grid !important;grid-template-columns:repeat(2, 260px) !important;gap:16px !important;width:max-content !important;max-width:none !important}
html body .dh2-fire .cmp.cmp{display:grid !important;grid-template-columns:repeat(2, 260px) !important;gap:16px !important;width:max-content !important;max-width:none !important}
html body .dh2-highlight .cmp{display:grid !important;grid-template-columns:repeat(4, 200px) !important;gap:12px !important;width:max-content !important;max-width:none !important}
html body .dh2-highlight .cmp > *,html body .dh2-hybrid .cmp > *{scroll-snap-align:start !important;min-width:0 !important;max-width:none !important;width:auto !important}
html body .dh2-highlight::-webkit-scrollbar,html body .dh2-hybrid::-webkit-scrollbar,html body .dh2-fire .cmp::-webkit-scrollbar{height:8px}
html body .dh2-highlight::-webkit-scrollbar-thumb,html body .dh2-hybrid::-webkit-scrollbar-thumb,html body .dh2-fire .cmp::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:4px}
}
/* num44-45-feat v1 - /land STRENGTHS: マージン削除 + アイコン中央揃え */
@media(max-width:767px){
html body .feat{display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;padding:24px 20px !important;margin:0 !important}
html body .grid{gap:16px !important;margin:0 !important}
html body .feat .num{margin:0 0 8px !important}
html body .feat svg,html body .feat .icon,html body .feat > svg{display:block !important;margin:8px auto !important;width:56px !important;height:56px !important}
html body .feat h4{margin:12px 0 8px !important;text-align:center !important}
html body .feat p{margin:0 !important;text-align:left !important}
}
/* num47-cover-catch v1 - /waza 及び同パターンの cover-catch h2 を2行に */
@media(max-width:767px){
html body .cover-catch{padding:32px 12px 0 !important;max-width:100% !important}
html body .cover-catch :is(h1,h2){font-size:24px !important;line-height:1.35 !important;text-align:center !important;letter-spacing:0 !important;width:auto !important;max-width:100% !important;display:flex !important;flex-direction:column !important;align-items:center !important;gap:8px !important}
html body .cover-catch :is(h1,h2) span{display:inline-block !important;width:max-content !important;max-width:none !important;white-space:nowrap !important;padding:5px 10px !important;font-size:16px !important;line-height:1.35 !important;box-sizing:border-box !important}
html body .cover-catch :is(h1,h2){max-width:100% !important;overflow:visible !important;width:100% !important}
html body .cover-catch :is(h1,h2) br{display:none !important}
}
/* num49-scope-cap v1 - /waza scope-cap を3倍サイズへ */
@media(max-width:767px){
html body .scope-card .scope-cap{font-size:26px !important;line-height:1.3 !important;padding:8px 12px !important}
html body .scope-card .scope-cap .scope-sub{font-size:11px !important;letter-spacing:.02em !important;display:block !important;margin-top:4px !important}
}
/* num48-hide-img v1 - /waza chapter 図像 1枚削除 */
@media(max-width:767px){
html body img.mob-hide-img{display:none !important}
}
/* num53-menu-fix v1 - お問い合わせ横長 + 黒背景修正 + Homeトップ配置 */
@media(max-width:767px){
html body nav.util-top{display:flex !important;justify-content:center !important;padding:16px 20px !important}
html body nav.util-top a{flex:1 !important;padding:12px 20px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;border-radius:6px !important;font-size:14px !important;text-align:center !important;max-width:100% !important}
html body nav.util-top a svg{width:18px !important;height:18px !important}
/* menu panel: ボトム背景色を info と統一 */
html body aside .foot-links,html body aside .info,html body aside .company-info{background:transparent !important;color:rgba(255,255,255,.7) !important}
html body aside{background-color:#2D3744 !important}
html body aside::before,html body aside::after{background-color:#2D3744 !important}
}
/* num54-menu-jaonly v1 - メニューパネル sub 項目: en 削除 + ja 2倍 */
@media(max-width:767px){
html body aside .menu-list .sub a .en{display:none !important}
html body aside .menu-list .sub a .ja{font-size:22px !important;line-height:1.3 !important;font-weight:500 !important}
html body aside .menu-list .sub a{padding:10px 0 !important;display:flex !important;align-items:baseline !important}
}
/* num57-loan-lead v1 - /loan lead リード文 3行に */
@media(max-width:767px){
html body section.lead-article .pull-quote,html body section.lead-article .inner .pull-quote,html body .lead-article div.pull-quote.reveal{font-size:22px !important;line-height:1.55 !important;letter-spacing:0 !important}
}
/* num59-loan-margin v1 - lead-article → CHAPTER 01 の余白削除 */
@media(max-width:767px){
html body section.lead-article{padding-bottom:16px !important}
html body section.lead-article + section.detail-art{padding-top:16px !important}
}
/* num60-loan-pillars v1 - allden .pillars 1行化 + フォントUP + アイコン */
@media(max-width:767px){
html body .allden .pillars .pillar{font-size:18px !important;line-height:1.4 !important;white-space:nowrap !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;padding:22px 12px !important;font-weight:600 !important}
html body .allden .pillars .pillar::before{content:"" !important;display:inline-block !important;width:24px !important;height:24px !important;background-color:currentColor !important;-webkit-mask-size:contain !important;mask-size:contain !important;-webkit-mask-repeat:no-repeat !important;mask-repeat:no-repeat !important;-webkit-mask-position:center !important;mask-position:center !important;flex:0 0 24px !important}
html body .allden .pillars .pillar-plan::before{-webkit-mask-image:url("data:image/svg+xml;utf8,") !important;mask-image:url("data:image/svg+xml;utf8,") !important}
html body .allden .pillars .pillar-bank::before{-webkit-mask-image:url("data:image/svg+xml;utf8,") !important;mask-image:url("data:image/svg+xml;utf8,") !important}
html body .allden .pillars .pillar-support::before{-webkit-mask-image:url("data:image/svg+xml;utf8,") !important;mask-image:url("data:image/svg+xml;utf8,") !important}
}
/* num61-menu-cta-sns v1 - メニューパネル お問い合わせ白背景・SNS行高さ揃え */
@media(max-width:767px){
/* お問い合わせボタン（util-top の残ったアンカー）を白背景・横並び・大きく */
html body nav.util-top a[href*="contact"]{background:#fff !important;color:#2D3744 !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:12px !important;padding:16px 24px !important;font-size:16px !important;border-radius:8px !important;font-weight:600 !important;letter-spacing:.05em !important}
html body nav.util-top a[href*="contact"] svg{width:22px !important;height:22px !important;stroke:#2D3744 !important;flex:0 0 auto !important}
/* SNS行: アイコンと文字をベースライン揃え */
html body aside .info .social,html body aside .social{display:flex !important;align-items:center !important;gap:14px !important;flex-wrap:wrap !important}
html body aside .social a{display:inline-flex !important;align-items:center !important;gap:6px !important;line-height:1 !important}
html body aside .social a svg{width:16px !important;height:16px !important;vertical-align:middle !important;flex:0 0 auto !important;display:inline-block !important}
html body aside .social a span,html body aside .social a{font-size:13px !important}
}
/* num62-exterior v1 - /exterior cover-catch 左揃え + フォント拡大 */
@media(max-width:767px){
html body .cover-catch :is(h1,h2).cc-exterior{align-items:flex-start !important;text-align:left !important;padding-left:12px !important}
html body .cover-catch :is(h1,h2).cc-exterior span{font-size:22px !important}
}
/* num64-eb v1 - /exterior MENUラベルを倍サイズへ */
@media(max-width:767px){
html body section .head .eb,html body section.detail-art .head .eb{font-size:22px !important;letter-spacing:.15em !important}
}
/* num66-legacy v1 - /land legacy-in-land: 背景数字削除 + VIEW MORE削除 + マージン削除 */
html body .legacy.legacy-in-land .big-num{display:none !important}
html body .legacy.legacy-in-land .text-col a[href*="/land"]{display:none !important}
@media(min-width:768px){
html body .legacy.legacy-in-land{padding-bottom:0 !important;margin-bottom:0 !important}
}
/* num67-works-fill v1 - PC works card image fill (no gray) */
html body section.works .card .ph{background:transparent !important}
html body section.works .card .ph img{object-fit:cover !important;width:100% !important;height:100% !important;display:block !important;max-width:none !important;max-height:none !important}
/* num70 - SP philosophy reorder & en-sub hide */
@media (max-width: 767px){
html body section.philo{display:flex !important;flex-direction:column !important;gap:24px !important}
html body section.philo > .text{display:contents !important}
html body section.philo .en-sub{display:none !important}
html body section.philo .badge{order:1 !important;margin-bottom:0 !important}
html body section.philo h2{order:2 !important;margin-bottom:0 !important}
html body section.philo > .imgwrap{order:3 !important}
html body section.philo .desc{order:4 !important;margin-bottom:0 !important}
html body section.philo .pillars{order:5 !important}
}
/* num73 - SP /loan reduce empty space between hero image and lead-article */
@media (max-width: 767px){
html body section.page-hero{padding-bottom:0 !important}
html body section.page-hero .pagecover-left .cover-image{min-height:0 !important}
html body section.page-hero .pagecover-left .cover-catch{padding-top:16px !important}
html body section.lead-article{padding-top:24px !important}
}
/* column-masthead-hide - hide issue-line bar on /column */
html body section.masthead .issue-line{display:none !important}
/* ==== hide masthead issue-line (faint header VOL text) ==== */
.issue-line{display:none!important}
/* cw-reapply v1 - re-apply num63/num64 after parallel-cowork revert */
@media (max-width: 767px){
html body section.lead-article .pull-quote,html body section.lead-article .inner .pull-quote,html body .lead-article div.pull-quote.reveal{font-size:22px !important;line-height:1.55 !important;letter-spacing:0 !important}
html body section .head .eb,html body section.detail-art .head .eb,html body section.ex-menu .head .eb{font-size:22px !important;letter-spacing:.15em !important}
}
/* cw-reapply-v2 - beat .merit .head .eb (0,0,3,0) with higher specificity */
@media (max-width: 767px){
html body section.merit .head .eb, html body section.detail-art .head .eb, html body section.system .head .eb, html body section.important .head .eb, html body section.allden .head .eb, html body section.ex-menu .head .eb, html body section .head.reveal .eb.eb{font-size:22px !important;letter-spacing:.15em !important}
html body section.lead-article .inner.reveal .pull-quote.reveal, html body section.lead-article .inner .pull-quote.reveal{font-size:22px !important;line-height:1.55 !important;letter-spacing:0 !important}
}
/* ==== masthead clear fixed header (content overlap fix) ==== */
.masthead{padding-top:110px!important}
@media(max-width:767px){.masthead{padding-top:84px!important}}
/* cw-gnav-fit v1 - gnav 均等gap・右詰め・アンダーライン文字幅ちょうど */
@media (min-width: 768px){
html body header.site nav.gnav.gnav.gnav{display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:32px !important;margin-left:auto !important;margin-right:16px !important;padding:0 !important;flex:0 0 auto !important;width:auto !important;min-width:0 !important;max-width:none !important}
html body header.site nav.gnav.gnav a, html body header.site nav.gnav a.gnav-item{min-width:0 !important;width:auto !important;max-width:none !important;padding:6px 0 !important;margin:0 !important;text-align:center !important;white-space:nowrap !important}
html body header.site nav.gnav.gnav a::after{content:"" !important;position:absolute !important;left:50% !important;right:50% !important;bottom:0 !important;height:1px !important;background:currentColor !important;transition:left .35s ease, right .35s ease !important}
html body header.site nav.gnav.gnav a:hover::after{left:0 !important;right:0 !important}
}
/* num75 - SP /corporate cs-row.collage 画像間ギャップ削減 */
@media (max-width: 767px){
html body section.corp-staff .cs-row.collage.collage{gap:8px !important;padding:0 !important}
html body section.corp-staff .cs-row.cs-row{gap:8px !important}
html body section.corp-staff .cs-row.collage .cs-img-sub.cs-img-sub{gap:8px !important;margin:0 !important}
html body section.corp-staff .cs-row.collage .cs-text-col{padding:0 20px !important;margin:0 !important}
html body section.corp-staff .cs-row.collage .cs-img-col{margin:0 !important}
}
/* num76 - SP /corporate SCENE/03 (.cs-row.rev) 上下入替 */
@media (max-width: 767px){
html body section.corp-staff .cs-row.rev.rev{display:flex !important;flex-direction:column !important}
html body section.corp-staff .cs-row.rev.rev .cs-text-col{order:1 !important}
html body section.corp-staff .cs-row.rev.rev .cs-img-col{order:2 !important}
}
/* num73-v2 - SP /loan aggressive margin removal (specificity >5c) */
@media (max-width: 767px){
html body section.page-hero.page-hero{padding-bottom:0 !important;padding-top:60px !important}
html body section.page-hero .pagecover-left .cover-image.cover-image{min-height:0 !important;height:auto !important;aspect-ratio:auto !important}
html body section.page-hero .pagecover-left .cover-image img{height:auto !important}
html body section.page-hero .pagecover-left .cover-catch.cover-catch{padding:8px 16px 0 !important}
html body section.page-hero .pagecover-left .cover-catch.cover-catch .eyebrow{margin-bottom:8px !important}
html body section.page-hero .pagecover-left .cover-catch.cover-catch :is(h1,h2){margin-bottom:8px !important;margin-top:0 !important}
html body section.page-hero .pagecover-left .cover-catch.cover-catch .signage{margin-top:4px !important;margin-bottom:0 !important;padding-bottom:0 !important}
html body section.lead-article.lead-article{padding-top:16px !important;padding-bottom:16px !important;margin-top:0 !important}
}
/* ==== mobile menu (cwk) SNS row alignment fix ==== */
.cwk-social{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px 26px}
.cwk-social a{display:inline-flex!important;align-items:center;gap:8px;white-space:nowrap;line-height:1}
.cwk-social a svg,.cwk-social a img{flex:0 0 auto;width:18px;height:18px}
/* cw-vert-heading v1 - 全ページ KV縦書き: 日本語2倍・英字削除 */
html body section.page-hero .pagecover-left .vert-heading .en,
html body .pagecover-left .vert-heading .en,
html body .vert-heading .en{display:none !important}
html body section.page-hero .pagecover-left .vert-heading .ja,
html body .pagecover-left .vert-heading .ja,
html body .vert-heading .ja{font-size:32px !important;letter-spacing:.30em !important}
html body section.page-hero .pagecover-left .vert-heading,
html body .pagecover-left .vert-heading{gap:0 !important}
@media (max-width: 767px){
html body section.page-hero .pagecover-left .vert-heading .ja,
html body .pagecover-left .vert-heading .ja,
html body .vert-heading .ja{font-size:24px !important;letter-spacing:.22em !important}
}
/* num78 - SP サービス全ページ cover-catch 統一 */
@media (max-width: 767px){
html body section.page-hero .pagecover-left .cover-catch{display:flex !important;flex-direction:column !important;align-items:flex-start !important}
html body section.page-hero .pagecover-left .cover-catch .eyebrow{order:1 !important;margin-bottom:10px !important}
html body section.page-hero .pagecover-left .cover-catch .signage{order:2 !important;margin:0 0 12px !important;padding-left:0 !important;text-align:left !important;line-height:1 !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2){order:3 !important;margin:0 !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2),
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).cc-exterior,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).dh-catch-3l{font-size:22px !important;line-height:1.5 !important;text-align:left !important;align-items:flex-start !important;display:block !important;padding-left:0 !important;letter-spacing:.02em !important;white-space:normal !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).cc-exterior span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).dh-catch-3l span{font-size:22px !important;line-height:1.5 !important;text-align:left !important;padding:2px 8px !important;white-space:normal !important}
}
/* num78-fix - span 折返し許可 & h2 行間基準統一 */
@media (max-width: 767px){
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).cc-exterior span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).dh-catch-3l span{width:auto !important;max-width:100% !important;white-space:normal !important;display:inline !important;box-decoration-break:clone !important;-webkit-box-decoration-break:clone !important}
}
/* num78-fix2 - cover-catch 幅をフル幅へ (295px制約の解除) */
@media (max-width: 767px){
html body section.page-hero .pagecover-left .cover-catch.cover-catch{width:100% !important;max-width:100% !important;box-sizing:border-box !important;padding-left:14px !important;padding-right:8px !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2),
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).cc-exterior,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).dh-catch-3l{width:100% !important;max-width:100% !important;letter-spacing:0 !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).cc-exterior span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).dh-catch-3l span{padding:2px 6px !important;letter-spacing:0 !important}
}
/* num78-fix3 - pagecover-left の padding-right:80px を解除 (SP) */
@media (max-width: 767px){
html body section.page-hero .pagecover-left.pagecover-left{padding-right:0 !important;padding-left:0 !important}
}
/* num78-fix4 - br無効化対策: spanをブロック化して確実に行分け */
@media (max-width: 767px){
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).cc-exterior span,
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2).dh-catch-3l span{display:block !important;width:max-content !important;max-width:100% !important;margin:0 0 6px !important;padding:3px 8px !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) span:last-child{margin-bottom:0 !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) br{display:none !important}
}
/* num80 - SP アルファベットとメインテキストの間に余白 */
@media (max-width: 767px){
html body section.page-hero .pagecover-left .cover-catch .signage.signage{margin:0 0 22px !important}
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2){margin-top:0 !important}
}
/* num81 - SP ロゴとKV画像の間に余白 */
@media (max-width: 767px){
html body section.page-hero.page-hero{padding-top:88px !important}
}
/* num-loan - /loan メインテキスト連結時の見た目 */
@media (max-width: 767px){
html body section.page-hero .pagecover-left .cover-catch :is(h1,h2) span.cw-loan-merged{display:inline !important;width:auto !important;max-width:100% !important;box-decoration-break:clone !important;-webkit-box-decoration-break:clone !important}
}
/* num79-fix - SP TOP KV: html body img{height:auto!} による画像縮小を復元 */
@media (max-width: 767px){
html body section.hero .pane img,
html body section.hero .pane.left img,
html body section.hero .pane.right img,
html body .hero .pane .slide img{position:absolute !important;inset:0 !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important}
}
/* num78-loan - /loan のみメインテキスト 20px (2行に収めるため) */
@media (max-width: 767px){
html body.cw-loan section.page-hero .pagecover-left .cover-catch :is(h1,h2),
html body.cw-loan section.page-hero .pagecover-left .cover-catch :is(h1,h2) span{font-size:20px !important;line-height:1.5 !important}
}
/* cw-spmenu-legibility - SPメニューパネル下部の視認性向上 */
@media (max-width: 767px){
html body .cwk-sp .cwk-foot .cwk-addr,
html body .cwk-sp .cwk-foot .cwk-addr *{font-size:13px !important;line-height:1.85 !important;color:rgba(255,255,255,.92) !important;letter-spacing:.02em !important}
html body .cwk-sp .cwk-foot .cwk-addr strong{font-size:15px !important;color:#fff !important;letter-spacing:.04em !important}
html body .cwk-sp .cwk-foot .cwk-links a{font-size:12.5px !important;line-height:1.8 !important;color:rgba(255,255,255,.9) !important;text-decoration:underline !important}
html body .cwk-sp .cwk-foot .cwk-links span{font-size:12.5px !important;color:rgba(255,255,255,.6) !important}
}
/* num83 - SP /land 下部マージン削除 + 左端の極小縦書き削除 */
@media (max-width: 767px){
html body section.legacy.legacy-in-land{padding-bottom:0 !important;margin-bottom:0 !important}
html body section.legacy.legacy-in-land .img-col .v-tag,
html body section.legacy.legacy-in-land .v-tag{display:none !important}
html body section.ld-svc{padding-top:28px !important}
}
/* num84 - SP /land SERVICE AREA 視認性向上 + エリア名横書き1段1件 */
@media (max-width: 767px){
html body section.ld-area{box-shadow:inset 0 0 0 100vmax rgba(16,24,36,.38) !important}
html body section.ld-area .head .eyebrow{color:rgba(255,255,255,.95) !important;text-shadow:0 1px 6px rgba(0,0,0,.65) !important;letter-spacing:.28em !important}
html body section.ld-area .head .title,
html body section.ld-area .area-nation h3{color:#fff !important;text-shadow:0 2px 10px rgba(0,0,0,.7) !important}
html body section.ld-area .head .lead,
html body section.ld-area .area-nation p{color:#fff !important;text-shadow:0 1px 6px rgba(0,0,0,.65) !important;font-size:15px !important;line-height:1.95 !important}
html body section.ld-area .area-regions{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;gap:8px !important;width:100% !important;max-width:100% !important;height:auto !important;align-items:stretch !important;justify-content:flex-start !important}
html body section.ld-area .area-regions > *{width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;writing-mode:horizontal-tb !important;text-orientation:mixed !important;white-space:nowrap !important;text-align:center !important;padding:11px 12px !important;font-size:15px !important;line-height:1.5 !important;letter-spacing:.06em !important;box-sizing:border-box !important;color:#fff !important}
}
/* num85 - SP フッター整理 */
@media (max-width: 767px){
html body footer.site .ft-brand .logo{display:none !important}
html body footer.site .ft-nav ul li a .foot-en{display:none !important}
html body footer.site .ft-nav{grid-template-columns:1fr 1fr !important;gap:10px 16px !important}
html body footer.site .ft-nav .ft-col{min-width:0 !important}
html body footer.site .ft-nav ul li a{font-size:15px !important;line-height:2.1 !important;letter-spacing:.04em !important}
html body footer.site .ft-nav .ft-follow .contact-mini{display:none !important}
html body footer.site .ft-office .ofc-head .en{display:none !important}
html body footer.site .ft-offices{grid-template-columns:1fr !important;gap:24px !important}
html body footer.site .ft-office{width:100% !important;max-width:100% !important}
html body footer.site .ft-office .tel{white-space:nowrap !important;display:block !important}
}
/* num85-fix - ナビを2列に均等展開 */
@media (max-width: 767px){
html body footer.site .ft-top{display:block !important}
html body footer.site .ft-nav{display:grid !important;grid-template-columns:1fr 1fr !important;width:100% !important;max-width:100% !important;column-gap:16px !important;row-gap:10px !important}
html body footer.site .ft-nav .ft-col{width:100% !important;min-width:0 !important}
html body footer.site .ft-nav .ft-col.ft-follow{grid-column:1 / -1 !important}
}
/* num86 - SP フッター SNSアイコン2倍サイズ・間隔拡大 */
@media (max-width: 767px){
html body footer.site .ft-follow .sns{gap:16px !important;align-items:center !important}
html body footer.site .ft-follow .sns > a{width:68px !important;height:68px !important;min-width:68px !important;min-height:68px !important;flex:0 0 68px !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important}
html body footer.site .ft-follow .sns > a svg{width:36px !important;height:36px !important}
}
/* num87 - SP /exterior 改行撤去・施工イメージ見出し */
@media (min-width: 768px){
html body .cw-ext-imgs-head{display:none !important}
}
@media (max-width: 767px){
html body section.lead-article .pull-quote br{display:none !important}
html body .cw-ext-imgs-head{display:block !important;font-size:20px !important;font-weight:700 !important;letter-spacing:.08em !important;line-height:1.6 !important;color:#2D3744 !important;margin:44px 0 18px !important;text-align:left !important;padding:0 !important}
html body section.detail-art .collage.B.cw-ext-imgs{margin-top:0 !important;margin-bottom:44px !important}
}
/* num88 - SP /solar 画像をスタッガード配置 */
@media (max-width: 767px){
html body.cw-solar section.detail-art .collage{display:flex !important;flex-direction:column !important;gap:0 !important;align-items:stretch !important;aspect-ratio:auto !important;grid-template-columns:none !important;grid-template-rows:none !important;max-width:100% !important;padding:0 20px !important}
html body.cw-solar section.detail-art .collage > *{overflow:hidden !important;position:relative !important}
html body.cw-solar section.detail-art .collage > *:nth-child(1){width:56% !important;margin:0 auto 0 0 !important;aspect-ratio:3 / 4 !important}
html body.cw-solar section.detail-art .collage > *:nth-child(2){width:64% !important;margin:-32px 0 0 auto !important;aspect-ratio:4 / 3 !important}
html body.cw-solar section.detail-art .collage > *:nth-child(3){width:88% !important;margin:26px 0 0 6% !important;aspect-ratio:16 / 11 !important}
html body.cw-solar section.detail-art .collage img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;display:block !important}
}
/* num89 - SP /solar ブロックごとに配置を変えてランダム感を出す */
@media (max-width: 767px){
html body.cw-solar section.detail-art .collage.cw-cg2 > *:nth-child(1){width:62% !important;margin:0 0 0 auto !important;aspect-ratio:4 / 3 !important}
html body.cw-solar section.detail-art .collage.cw-cg2 > *:nth-child(2){width:54% !important;margin:-26px auto 0 0 !important;aspect-ratio:3 / 4 !important}
html body.cw-solar section.detail-art .collage.cw-cg2 > *:nth-child(3){width:86% !important;margin:24px 0 0 auto !important;aspect-ratio:16 / 10 !important}
html body.cw-solar section.detail-art .collage.cw-cg3 > *:nth-child(1){width:74% !important;margin:0 auto 0 auto !important;aspect-ratio:16 / 10 !important}
html body.cw-solar section.detail-art .collage.cw-cg3 > *:nth-child(2){width:50% !important;margin:-22px 0 0 auto !important;aspect-ratio:1 / 1 !important}
html body.cw-solar section.detail-art .collage.cw-cg3 > *:nth-child(3){width:66% !important;margin:22px auto 0 0 !important;aspect-ratio:4 / 5 !important}
}
/* num91 - SP /loan 画像3枚復元 + スタッガード配置 */
@media (max-width: 767px){
html body.cw-loan section.detail-art .collage img.mob-hide-img{display:block !important}
html body.cw-loan section.detail-art .collage:not(.charts){display:flex !important;flex-direction:column !important;gap:0 !important;align-items:stretch !important;aspect-ratio:auto !important;grid-template-columns:none !important;grid-template-rows:none !important;max-width:100% !important;padding:0 20px !important}
html body.cw-loan section.detail-art .collage:not(.charts) > *{overflow:hidden !important;position:relative !important}
html body.cw-loan section.detail-art .collage:not(.charts) > *:nth-child(1){width:70% !important;margin:0 auto 0 0 !important;aspect-ratio:16 / 11 !important}
html body.cw-loan section.detail-art .collage:not(.charts) > *:nth-child(2){width:52% !important;margin:-24px 0 0 auto !important;aspect-ratio:3 / 4 !important}
html body.cw-loan section.detail-art .collage:not(.charts) > *:nth-child(3){width:60% !important;margin:22px auto 0 8% !important;aspect-ratio:1 / 1 !important}
html body.cw-loan section.detail-art .collage:not(.charts) img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;display:block !important}
}
/* num92 - SP /loan 導入事例→SUPPORT 間の余白削除 */
@media (max-width: 767px){
html body.cw-loan section.important.important{padding-bottom:16px !important;margin-bottom:0 !important}
html body.cw-loan section.allden.allden{padding-top:24px !important;margin-top:0 !important}
}
/* num41 - SP /designhouse 装備リスト左寄せ + 内観画像最大化 */
@media (max-width: 767px){
html body.cw-designhouse .dh-2f-sp-wrap,
html body.cw-designhouse .dh-2f-sp-wrap h4,
html body.cw-designhouse .dh-2f-sp-wrap .dh2-list,
html body.cw-designhouse .dh-2f-sp-wrap .dh2-list li,
html body.cw-designhouse .dh2-floor,
html body.cw-designhouse .dh2-floor h4,
html body.cw-designhouse .dh2-floor .dh2-list,
html body.cw-designhouse .dh2-floor .dh2-list li{text-align:left !important}
html body.cw-designhouse section.dh2-ch .dh2-inner{padding-left:12px !important;padding-right:12px !important;max-width:100% !important}
html body.cw-designhouse .dh-int-grid{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;width:100% !important;max-width:100% !important}
html body.cw-designhouse .dh-int-grid img{width:100% !important;max-width:100% !important;height:auto !important;object-fit:contain !important;display:block !important}
html body.cw-designhouse img.dh-2f-sp{width:100% !important;max-width:100% !important;height:auto !important;object-fit:contain !important;display:block !important;margin:0 0 16px !important}
}
/* num41-fix - 他Coworkの width:210px!important を上書き */
@media (max-width: 767px){
html body.cw-designhouse .dh-int-grid > div > img:nth-child(1),
html body.cw-designhouse .dh-int-grid > div > img,
html body.cw-designhouse .dh-int-grid > img{width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;object-fit:contain !important;display:block !important}
}
/* num42 - SP /designhouse 省令準耐火3項目を1段3列→3段1列へ */
@media (max-width: 767px){
html body.cw-designhouse .dh2-fire > div:nth-child(3){display:grid !important;grid-template-columns:1fr !important;grid-template-rows:auto auto auto !important;gap:14px !important;width:100% !important;max-width:100% !important}
html body.cw-designhouse .dh2-fire > div:nth-child(3) > *{width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important}
html body.cw-designhouse .dh2-fire > div:nth-child(3) > img{height:190px !important;object-fit:cover !important;display:block !important;border-radius:8px !important}
html body.cw-designhouse .dh2-fire > div:nth-child(3) > div{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:flex-start !important;gap:14px !important;padding:12px 14px !important;box-sizing:border-box !important;text-align:left !important;white-space:normal !important;writing-mode:horizontal-tb !important}
html body.cw-designhouse .dh2-fire > div:nth-child(3) > div img{flex:0 0 auto !important;width:auto !important;max-width:56px !important;height:auto !important;max-height:64px !important}
}
/* num93 - 耐震等級3のカードを他と同じ白背景へ (PC/SP) */
html body .dh2-quake .dh2-quake-card.hl,
html body .dh2-quake-card.hl{background:#fff !important;background-color:#fff !important;background-image:none !important;border:1px solid #E5DFD5 !important;color:#2D3744 !important}
html body .dh2-quake .dh2-quake-card.hl .num,
html body .dh2-quake .dh2-quake-card.hl .desc{color:#2D3744 !important}
html body .dh2-quake .dh2-quake-card.hl .grade{color:#6C7785 !important}
/* num94 - 各種保証カードのテキストを中央揃え (PC/SP) */
html body .dh2-warranty .dh2-warranty-card,
html body .dh2-warranty .dh2-warranty-card h5,
html body .dh2-warranty .dh2-warranty-card .years,
html body .dh2-warranty .dh2-warranty-card .note,
html body .dh2-warranty .dh2-warranty-card > *{text-align:center !important}
/* num95 - SP /designhouse 保険料比較2カラムをコンテナ幅に収める */
@media (max-width: 767px){
html body.cw-designhouse .dh2-fire .cmp{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;overflow:visible !important}
html body.cw-designhouse .dh2-fire .cmp .cmp-box{width:100% !important;max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;padding:14px 10px !important;height:auto !important}
html body.cw-designhouse .dh2-fire .cmp .cmp-box .lb{font-size:11px !important;line-height:1.55 !important;letter-spacing:0 !important;white-space:normal !important;word-break:break-word !important}
html body.cw-designhouse .dh2-fire .cmp .cmp-box .amt{font-size:19px !important;line-height:1.35 !important;letter-spacing:0 !important;white-space:nowrap !important}
}
/* num43 - SP /designhouse 高耐候シーリング2画像を横スワイプ化 */
@media (min-width: 768px){ html body .cw-swipe-bar,html body .cw-swipe-hint{display:none !important} }
@media (max-width: 767px){
html body.cw-designhouse .cw-swipe-row.cw-swipe-row{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;overflow-y:hidden !important;gap:16px !important;grid-template-columns:none !important;grid-template-rows:none !important;width:100% !important;max-width:100% !important;scroll-snap-type:x proximity !important;-webkit-overflow-scrolling:touch !important;padding-bottom:4px !important;align-items:flex-start !important}
html body.cw-designhouse .cw-swipe-row.cw-swipe-row::-webkit-scrollbar{height:0 !important;display:none !important}
html body.cw-designhouse .cw-swipe-row.cw-swipe-row > img{flex:0 0 auto !important;width:520px !important;max-width:none !important;min-width:0 !important;height:auto !important;object-fit:contain !important;scroll-snap-align:start !important}
html body.cw-designhouse .cw-swipe-bar{display:block !important;position:relative !important;height:4px !important;border-radius:999px !important;background:rgba(45,55,68,.14) !important;margin:12px 0 4px !important;overflow:hidden !important;width:100% !important}
html body.cw-designhouse .cw-swipe-bar .cw-swipe-thumb{position:absolute !important;left:0 !important;top:0 !important;height:100% !important;border-radius:999px !important;background:rgba(45,55,68,.55) !important}
html body.cw-designhouse .cw-swipe-hint{display:block !important;font-size:11px !important;letter-spacing:.12em !important;color:#6C7785 !important;text-align:right !important;margin:10px 0 0 !important}
}
/* num-dh-intgrid - SP /designhouse 内観グリッドを削除し上段画像を2Fリストの下へ */
@media (max-width: 767px){
html body.cw-designhouse .dh-int-grid{display:none !important}
html body.cw-designhouse .cw-1f-moved{display:block !important;width:100% !important;max-width:100% !important;margin:28px 0 0 !important;padding:0 !important;aspect-ratio:auto !important;overflow:visible !important}
html body.cw-designhouse .cw-1f-moved img{width:100% !important;max-width:100% !important;min-height:0 !important;height:auto !important;object-fit:contain !important;display:block !important;border-radius:8px !important}
}
/* num96 - SP TOP NEWS→WORKS マージン削除 + REAL ESTATE 画像拡大 */
@media (max-width: 767px){
html body.cw-home section.news{padding-bottom:20px !important}
html body.cw-home section.works{padding-top:24px !important}
html body.cw-home section.legacy .img-col .ph{width:100% !important;max-width:100% !important;aspect-ratio:3 / 4 !important;height:auto !important;margin:0 auto !important}
html body.cw-home section.legacy .img-col .ph img{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;display:block !important}
html body.cw-home section.legacy .img-col{width:100% !important;max-width:100% !important}
}
/* num96b - SP TOP REAL ESTATE VIEW MORE を画像の下へ */
@media (max-width: 767px){
html body.cw-home section.legacy .inner{display:flex !important;flex-direction:column !important;grid-template-columns:none !important}
html body.cw-home section.legacy .inner > .text-col{display:contents !important}
html body.cw-home section.legacy .inner > .text-col > *{order:1 !important}
html body.cw-home section.legacy .inner > .img-col{order:2 !important;margin-top:18px !important}
html body.cw-home section.legacy .inner > .text-col > a.more{order:3 !important;margin-top:20px !important;align-self:flex-start !important}
}
/* num96c - SP TOP REAL ESTATE VIEW MORE を他箱所と同じ横長・中央揃え */
@media (max-width: 767px){
html body.cw-home section.legacy .inner > .text-col > a.more{width:292px !important;max-width:100% !important;margin:20px auto 0 !important;align-self:center !important;justify-content:center !important;text-align:center !important;padding:16px 13px !important;box-sizing:border-box !important}
}
/* cw-footer-balance - SP フッター2カラムを左右均等に */
@media (max-width: 767px){
html body footer.site .ft-nav{grid-template-columns:1fr 1fr !important;column-gap:8px !important;justify-items:stretch !important}
html body footer.site .ft-nav .ft-col:not(.ft-follow),
html body footer.site .ft-nav .ft-col:not(.ft-follow) h4,
html body footer.site .ft-nav .ft-col:not(.ft-follow) ul,
html body footer.site .ft-nav .ft-col:not(.ft-follow) li{text-align:center !important}
html body footer.site .ft-nav .ft-col:not(.ft-follow) li a{display:block !important;width:100% !important;text-align:center !important}
}
/* cw-works-thumb-fill - カード画像が枠を満たさず下部に背景色が出る問題を修正 */
html body section.grid .card .ph,
html body section.cover-feature .ph,
html body section.works .card .ph{position:relative !important;overflow:hidden !important}
html body section.grid .card .ph img,
html body section.cover-feature .ph img,
html body section.works .card .ph img{position:absolute !important;inset:0 !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;min-height:0 !important;object-fit:cover !important;display:block !important}
/* cw-footer-head-pill - SP フッター SERVICE/EXPLORE に白座布団 + 上部マージン */
@media (max-width: 767px){
html body footer.site .ft-nav{padding-top:22px !important;margin-top:6px !important}
html body footer.site .ft-nav .ft-col:not(.ft-follow) h4{display:inline-block !important;background:#ffffff !important;color:#2D3744 !important;padding:7px 12px 7px 16px !important;border-radius:4px !important;letter-spacing:.22em !important;font-size:12px !important;line-height:1.2 !important;margin:0 0 18px !important;width:auto !important;box-sizing:border-box !important}
}
/* cw-works-thumb-uniform - SP /works サムネイルを均一サイズへ */
@media (max-width: 767px){
html body section.grid .card .ph,
html body section.grid .card.c-A .ph,
html body section.grid .card.c-B .ph,
html body section.grid .card.c-C .ph,
html body section.grid .card.c-D .ph,
html body section.grid .card.c-E .ph,
html body section.grid .card.c-F .ph,
html body section.grid .card.c-G .ph,
html body section.grid .card.c-H .ph,
html body section.grid .card.c-I .ph{aspect-ratio:4 / 3 !important;width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important}
}
/* cw-dh-moved-hide2 - 移動した平面図セットの下側(0003)を非表示 */
@media (max-width: 767px){
html body.cw-designhouse .cw-1f-moved > img:nth-of-type(2),
html body.cw-designhouse .cw-1f-moved > img + img{display:none !important}
}
/* cw-fix 2026-09-03: hide global nav before it collides with the logo */
@media(max-width:1149px){html body header.site nav.gnav.gnav.gnav.gnav.gnav{display:none !important}}
/* cw-fix: page title must clear the fixed header */
html body section.masthead.masthead{padding-top:110px !important;margin-top:0 !important}
@media(max-width:767px){html body section.masthead.masthead{padding-top:84px !important;margin-top:0 !important}}
/* cw-fix 2026-09-03: footer logo was the same color as the footer background */
html body footer.site .ft-brand .logo{color:#fff !important;-webkit-text-fill-color:#fff !important}
/* cw-fix: philosophy pillars are statistics, not links */
html body section.philo .pillars .pillar-stat{cursor:default}
/* cw-fix 2026-09-03: service list - number collided with the title between 768-1279px */
@media(min-width:768px) and (max-width:1279px){
html body .sv-3col.sv-3col .sv-item .sv-no{position:static !important;font-size:clamp(56px,7vw,88px) !important;line-height:1 !important;margin-bottom:6px !important;text-align:left !important}
}
/* cw-fix 2026-09-03: corporate SCENE 03 row stayed side-by-side on phones and overflowed */
@media(max-width:767px){
html body .cs-row.cs-row.rev{display:grid !important;grid-template-columns:1fr !important;flex-direction:column !important}
html body .cs-row.cs-row.rev > *{width:auto !important;min-width:0 !important;max-width:100% !important;flex:0 1 auto !important}
}
/* cw-fix 2026-09-03: privacy page - breadcrumb sat under the fixed header */
html body .priv-wrap.priv-wrap{padding-top:114px !important}
@media(max-width:767px){
html body .priv-wrap.priv-wrap{padding-top:98px !important}
/* operator info box: text was the same color as its dark background */
html body aside.priv-contact.priv-contact,html body aside.priv-contact.priv-contact *{color:#fff !important;-webkit-text-fill-color:#fff !important}
}
/* cw-fix 2026-09-03: news/column page title ran off screen on narrow PC and phones */
@media(max-width:1279px){
html body section.masthead .title-block{grid-template-columns:1fr !important;gap:16px !important}
html body section.masthead .ja-sub{white-space:normal !important;max-width:100% !important}
}
@media(max-width:767px){
html body section.masthead .title-block h1{font-size:clamp(40px,15vw,60px) !important}
}
/* cw-fix 2026-09-03: property detail - category tag sat under the fixed header */
html body section.bkd.bkd{padding-top:150px !important}
@media(max-width:767px){html body section.bkd.bkd{padding-top:120px !important}}
/* cw-fix: gallery was clipped to a 16:7 box, hiding the photo bottom and every thumbnail */
html body .bkd .gallery.gallery{aspect-ratio:auto !important;height:auto !important;overflow:visible !important}
/* cw-fix 2026-09-03: land page hero was cropped to 4:5 on phones, cutting off half the photo */
@media(max-width:767px){
html body section.legacy-in-land .img-col .ph{aspect-ratio:3/2 !important}
}
/* cw-fix 2026-09-03: main visual restored to the reference layout (clasico-nomura.jp).
Reference values, read from that site:
left : top 0 / width 50% / height 100vh
right : flush right / width calc(50% - 220px) / height calc(50vh + 322px)
top calc(50vh - 202px) -- proportional to the window height.
Ours used a fixed 148px top, so on a tall window the right photo sat up to 190px
too high. The hero itself has to be 120px taller than the viewport to hold it. */
@media(min-width:1024px){
html body section.hero{min-height:calc(100vh + 120px) !important}
html body section.hero .pane.left{
left:0 !important;right:auto !important;top:0 !important;
width:50% !important;max-width:none !important;
height:100vh !important;min-height:0 !important;
}
html body section.hero .pane.right{
right:0 !important;left:auto !important;
top:calc(50vh - 202px) !important;
width:calc(50% - 220px) !important;max-width:none !important;
height:calc(50vh + 322px) !important;min-height:0 !important;
}
}
/* cw-fix 2026-09-03: on phones the catch copy sits directly on a bright photo and was
hard to read. A soft white halo lifts the dark type off the image. */
@media(max-width:767px){
html body section.hero .copy .jp,
html body section.hero .copy .jp .line,
html body section.hero .copy .jp .char{
text-shadow:0 0 12px rgba(255,255,255,.92), 0 0 26px rgba(255,255,255,.78), 0 1px 3px rgba(255,255,255,.95) !important;
}
html body section.hero .copy .en{
text-shadow:0 0 10px rgba(255,255,255,.92), 0 0 20px rgba(255,255,255,.75) !important;
}
html body section.hero .scroll{
text-shadow:0 0 10px rgba(255,255,255,.9) !important;
}
}
/* cw-fix 2026-09-03: on phones the vertical page title on the service pages sits on top
of the hero photo. Same white halo as the front page catch copy. */
@media(max-width:767px){
html body .page-hero .vert-heading,
html body .page-hero .vert-heading .ja,
html body .page-hero .vert-heading .en,
html body section.legacy-in-land .img-col .v-tag{
text-shadow:0 0 10px rgba(255,255,255,.95), 0 0 22px rgba(255,255,255,.82), 0 1px 3px rgba(255,255,255,.95) !important;
}
}
/* cw-fix 2026-09-03: put the catch copy in the gap between the two photos.
The gap runs from 50% to 50%+220px, so its centre is calc(50% + 110px). */
@media(min-width:1024px){
html body section.hero .copy{left:calc(50% + 110px) !important;right:auto !important}
html body section.hero .copy .en{white-space:nowrap !important}
}
/* cw-fix 2026-09-03: phone / tablet main visual, matching the reference site exactly.
Reference values (max-width:1023px):
first photo : width 100%, height 100vw (max 640px)
second photo: width calc(50% - 68px), max 32%, right aligned, 30px below, 3:4
catch copy : horizontally centred, hanging 122px below the first photo */
@media(max-width:1023px){
/* the old phone layout reserved space at the bottom (padding-bottom: 40px + 26svh)
for an absolutely positioned second photo. The photos are in normal flow now,
so that reservation is just empty space. */
html body section.hero{min-height:0 !important;height:auto !important;overflow:visible !important;padding-bottom:0 !important}
html body section.hero .pane.left{position:relative !important;inset:auto !important;margin:0 !important;width:100% !important;max-width:none !important;height:100vw !important;max-height:640px !important;min-height:0 !important}
/* second photo: placed at the bottom, centred, like the reference site's lower image
(width calc(100% - 90px), max 550px, 4:3, 80px below the first photo).
The timed crossfade between its two photos is untouched. */
html body section.hero .pane.right{position:relative !important;inset:auto !important;width:calc(50% - 68px) !important;max-width:32% !important;height:auto !important;min-height:0 !important;aspect-ratio:3/4 !important;margin:30px 0 20px auto !important}
html body section.hero .copy{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;transform:none !important}
html body section.hero .copy .jp{position:absolute !important;left:50% !important;right:auto !important;bottom:auto !important;top:calc(min(100vw, 640px) - 130px) !important;transform:translateX(-50%) !important;margin:0 !important}
}
/* cw-fix 2026-09-03: main visual is now four photos, matching the reference site.
Each block holds one photo, so the cross-fade pair is gone; only the slow zoom remains. */
html body section.hero .pane img{animation:paneKenBurns 14s ease-in-out infinite !important;opacity:1 !important}
@media(min-width:1024px){
html body section.hero{min-height:calc(200vh + 100px) !important}
html body section.hero .pane.third{position:absolute !important;left:0 !important;right:auto !important;top:calc(100vh + 120px) !important;width:calc(50% - 300px) !important;max-width:none !important;height:calc(100vh - 200px) !important;min-height:0 !important;margin:0 !important}
html body section.hero .pane.fourth{position:absolute !important;right:100px !important;left:auto !important;top:calc(100vh + 220px) !important;width:calc(50% + 80px) !important;max-width:none !important;height:calc(100vh - 160px) !important;min-height:0 !important;margin:0 !important}
}
@media(max-width:1023px){
html body section.hero .pane.third{position:absolute !important;left:0 !important;right:auto !important;top:calc(min(100vw, 640px) + 70px) !important;bottom:auto !important;width:calc(50% - 68px) !important;max-width:32% !important;height:auto !important;min-height:0 !important;aspect-ratio:3/4 !important;margin:0 !important}
html body section.hero .pane.fourth{position:relative !important;inset:auto !important;width:calc(100% - 90px) !important;max-width:550px !important;height:auto !important;min-height:0 !important;aspect-ratio:4/3 !important;margin:80px auto 20px !important}
}
/* cw-fix 2026-09-03: between 768 and 1279px the title block was set to stretch
(flex:1), leaving a 172px empty gap before the photo. Let it size to its content. */
@media(min-width:768px) and (max-width:1279px){
html body .sv-3col.sv-3col .sv-item .sv-title-wrap{flex:0 0 auto !important;min-height:0 !important;margin-bottom:28px !important}
}
/* cw-fix 2026-09-03: the property category links now jump to the list instead of
landing back at the very top of the page. Leave room for the fixed header. */
html body #bukken{scroll-margin-top:120px}
@media(max-width:767px){html body #bukken{scroll-margin-top:96px}}
/* cw-fix 2026-09-03: while the lightbox is closing it stays in place, invisible, so the
closing tap cannot reach the hamburger button. The close button also moves to the left,
away from the hamburger. */
html body #lb-overlay.closing{display:flex !important;opacity:0 !important;background:transparent !important;pointer-events:auto !important}
html body #lb-close{left:24px !important;right:auto !important}
/* cw-fix 2026-09-03: the two loan charts never appeared. Their wrapper starts at zero
height (the photo is lazy-loaded and hidden until revealed), so the scroll observer
never registered them and the reveal class was never added - a deadlock.
Give the wrapper a height and show the images without waiting for the reveal. */
html body .collage.charts .reveal-img{min-height:120px}
html body .collage.charts .reveal-img > img{opacity:1 !important;transform:none !important;clip-path:none !important}
/* cw-fix 2026-09-04: CF7 screen-reader-response was rendering visibly,
repeating the generic required message above the form. Hide it visually
while keeping it available to screen readers. */
html body .wpcf7 .screen-reader-response{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important;clip:rect(1px,1px,1px,1px) !important;clip-path:inset(50%) !important;white-space:nowrap !important}
/* cw-fix 2026-09-04: hide the reCAPTCHA badge (it overlapped the floating SNS
icons) and show Google's required attribution text under the form instead. */
html body .grecaptcha-badge{visibility:hidden !important}
html body .wpcf7 .cw-recaptcha-note{margin:18px 0 0;font-size:12px;line-height:1.8;color:#8a8f96;text-align:center}
html body .wpcf7 .cw-recaptcha-note a{color:#8a8f96;text-decoration:underline}
html body .wpcf7 .cw-recaptcha-note a:hover{color:#2d3744}
/* cw-fix 2026-09-04: #lb-overlay lives inside header.site, which sets
pointer-events:none, so the lightbox inherited it and every tap fell through
to the hamburger button underneath. Re-enable pointer events while open. */
html body #lb-overlay.on,html body #lb-overlay.closing{pointer-events:auto !important}
html body #lb-overlay.on *,html body #lb-overlay.closing *{pointer-events:auto !important}
/* cw-fix 2026-09-04: the vertical catch copy overlapped the 4th hero photo
by up to 28px on wide screens. Lift it clear of the image. */
@media(min-width:1024px){html body section.hero .copy{margin-top:-40px !important}}
/* cw-fix 2026-09-04: on phones .mob-hide-img hides the image but its
.reveal-img wrapper kept its box, leaving ~430px of blank space in
Chapter 03 of the loan page. Collapse the wrapper as well. */
@media(max-width:767px){
html body .reveal-img:has(> img.mob-hide-img){display:none !important}
}
/* cw-fix 2026-09-04: article table of contents (cw_toc). */
html body .col-body .cw-toc{margin:40px 0 46px;padding:30px 34px;background:#F6F7F9;border:1px solid #E4E8ED}
html body .col-body .cw-toc .cw-toc-ttl{margin:0 0 18px;text-align:center;font-family:"Shippori Mincho","Noto Serif JP",serif;font-size:17px;font-weight:500;letter-spacing:.18em;color:#2D3744}
html body .col-body .cw-toc ul{list-style:none;margin:0;padding:0}
html body .col-body .cw-toc li{margin:0 0 11px}
html body .col-body .cw-toc li:last-child{margin-bottom:0}
html body .col-body .cw-toc li.lv3{padding-left:22px}
html body .col-body .cw-toc li.lv4{padding-left:44px}
html body .col-body .cw-toc a{display:flex;gap:10px;align-items:baseline;color:#2D3744;text-decoration:none;font-size:14.5px;line-height:1.75;letter-spacing:.04em}
html body .col-body .cw-toc a:hover{color:#6E7887}
html body .col-body .cw-toc a:hover .tx{text-decoration:underline;text-underline-offset:3px}
html body .col-body .cw-toc li.lv3 a,html body .col-body .cw-toc li.lv4 a{font-size:13.5px;color:#4A5563}
html body .col-body .cw-toc .no{flex:0 0 auto;min-width:2.4em;font-family:"Jost",sans-serif;font-weight:400;color:#9BA4B1;letter-spacing:.06em}
html body .col-body h2[id],html body .col-body h3[id],html body .col-body h4[id]{scroll-margin-top:120px}
@media(max-width:767px){
html body .col-body .cw-toc{margin:30px 0 34px;padding:22px 18px}
html body .col-body .cw-toc .cw-toc-ttl{font-size:16px;margin-bottom:14px}
html body .col-body .cw-toc a{font-size:13.5px;gap:8px}
html body .col-body .cw-toc li.lv3 a,html body .col-body .cw-toc li.lv4 a{font-size:13px}
html body .col-body .cw-toc li.lv3{padding-left:14px}
html body .col-body .cw-toc li.lv4{padding-left:28px}
html body .col-body h2[id],html body .col-body h3[id],html body .col-body h4[id]{scroll-margin-top:96px}
}
/* cw-fix 2026-09-09: PC only. The two alternate hero photos were being laid
out below the main visual; on desktop they belong on top of the left/right
photos as a timed crossfade (as before). Mobile layout is untouched. */
@media(min-width:1024px){
html body section.hero{min-height:calc(100vh + 130px) !important;height:auto !important}
html body section.hero .pane.third{left:0 !important;right:auto !important;top:0 !important;width:50% !important;max-width:none !important;height:100vh !important;min-height:0 !important;margin:0 !important}
html body section.hero .pane.fourth{right:0 !important;left:auto !important;top:calc(50vh - 202px) !important;width:calc(50% - 220px) !important;max-width:none !important;height:calc(50vh + 322px) !important;min-height:0 !important;margin:0 !important}
html body section.hero .pane.third,html body section.hero .pane.fourth{opacity:0;animation:cwHeroSwap 14s ease-in-out infinite}
html body section.hero .pane.fourth{animation-delay:.35s}
}
@keyframes cwHeroSwap{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
html body section.hero .pane.third,html body section.hero .pane.fourth{animation:none}
}
/* cw-fix 2026-09-09: between 768px and 1023px the page-hero photo grew wide
enough to sit on top of the vertical page title, clipping the characters
(the title looked half hidden). Keep the photo clear of the title, and put
the title above the photo as a safety net. */
html body .vert-heading{z-index:4}
@media(min-width:768px) and (max-width:1023px){
html body .vert-heading .ja,html body .vert-heading .en,html body .vert-heading{text-shadow:0 0 10px rgba(255,255,255,.95), 0 0 22px rgba(255,255,255,.82), 0 1px 3px rgba(255,255,255,.95) !important}
}
/* cw-fix 2026-09-09: TablePress tables were migrated as static markup, so the
plugin stylesheet no longer applies. Values below are measured from the live
site (plusbon.co.jp) so the tables render exactly as before. */
html body .col-body table.tablepress{width:100% !important;max-width:100% !important;margin:24px 0 !important;border-collapse:collapse !important;border-spacing:0 !important;border:0 !important;background:none !important;table-layout:auto !important;font-size:15px;line-height:1.9}
html body .col-body table.tablepress caption{display:none !important}
html body .col-body table.tablepress th,
html body .col-body table.tablepress td{border:0 !important;color:#111;text-align:left !important;word-break:break-word}
html body .col-body table.tablepress thead th{padding:8px 20px 8px 8px !important;background:#D9EDF7 !important;font-weight:700 !important;vertical-align:middle !important}
html body .col-body table.tablepress tbody th{padding:8px !important;background:#D9EDF7 !important;font-weight:700 !important;vertical-align:top !important}
html body .col-body table.tablepress tbody td{padding:8px !important;background:#fff !important;vertical-align:top !important;border-top:1px solid #DDD !important}
html body .col-body table.tablepress tbody tr.odd td{background:#F9F9F9 !important}
html body .col-body table.tablepress tbody tr.even td{background:#fff !important}
html body .col-body table.tablepress tbody tr.row-hover:hover td{background:#F3F3F3 !important}
@media(max-width:767px){
html body .col-body table.tablepress{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
html body .col-body table.tablepress thead th,html body .col-body table.tablepress tbody th,html body .col-body table.tablepress tbody td{padding:8px !important}
}
/* cw-fix 2026-09-09: add column separators to the article tables (requested).
Same 1px #DDD as the row separators, applied between columns only. */
html body .col-body table.tablepress th + th,
html body .col-body table.tablepress td + td,
html body .col-body table.tablepress td + th,
html body .col-body table.tablepress th + td{border-left:1px solid #DDD !important}