:root{--access-bg:#fbfaf7;--access-text:#332d27;--access-muted:#716a61;--access-accent:#8f956a;--access-line:rgba(108,106,91,.17);--access-inner:min(1320px,calc(100vw - 64px));--access-serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;--access-sans:"Inter","Hiragino Sans","Yu Gothic",sans-serif}
.happou-access,.happou-access *,.happou-access *::before,.happou-access *::after{box-sizing:border-box}
.happou-access{width:100%;padding:clamp(100px,9vw,150px) 0;background:var(--access-bg);color:var(--access-text)}
.happou-access__inner{width:var(--access-inner);margin:0 auto}
.happou-access__header{text-align:center}
.happou-access__section{margin:0;color:#635e56;font:500 .72rem/1.5 var(--access-sans);letter-spacing:.30em}
.happou-access__line{display:block;width:42px;height:1px;margin:18px auto 0;background:var(--access-line)}
.happou-access__title{margin:24px 0 0;font:500 clamp(2.5rem,4.2vw,4.3rem)/1.35 var(--access-serif);letter-spacing:.12em}
.happou-access__lead{margin:18px 0 0;color:var(--access-accent);font:400 clamp(1rem,1.5vw,1.3rem)/1.8 var(--access-serif);letter-spacing:.10em}
.happou-access__layout{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:clamp(48px,6vw,86px);align-items:stretch;margin-top:clamp(64px,7vw,96px)}
.happou-access__item{padding:24px 0;border-bottom:1px solid var(--access-line)}
.happou-access__item:first-child{padding-top:0}
.happou-access__item h3{margin:0;font:500 1.05rem/1.65 var(--access-serif);letter-spacing:.045em}
.happou-access__item p{margin:7px 0 0;color:var(--access-muted);font:400 .91rem/1.85 var(--access-serif);letter-spacing:.02em}
.happou-access__note{font-size:.82rem!important}
.happou-access__map{min-height:520px;overflow:hidden;background:#ece9e1}
.happou-access__map iframe{display:block;width:100%;height:100%;min-height:520px;border:0;filter:saturate(.78) contrast(.96)}
@media(max-width:960px){.happou-access__layout{grid-template-columns:1fr;gap:44px}.happou-access__map,.happou-access__map iframe{min-height:460px}}
@media(max-width:767px){:root{--access-inner:min(100vw - 24px,720px)}.happou-access{padding:76px 0 84px}.happou-access__title{font-size:clamp(2.2rem,11vw,3.25rem)}.happou-access__layout{margin-top:52px}.happou-access__map,.happou-access__map iframe{min-height:380px}}