/* Use the adopted HARU artwork throughout, without drawing a substitute H. */
.logo,.hg-logo{gap:10px;flex-shrink:0}.logo .company-logo,.hg-logo .company-logo{display:block;width:80px;height:80px;object-fit:contain;flex:none}
.company-name{font:500 12px/1.7 "Noto Sans JP Variable",sans-serif;letter-spacing:.11em;color:#656759;white-space:nowrap}
.site-footer .logo .company-logo{width:96px;height:96px}.site-footer .logo{gap:5px;align-items:center}.site-footer .company-name{font-size:11px;letter-spacing:.05em}
.hero-seal{overflow:hidden;background:#fff;box-shadow:0 4px 16px #87641e12}.hero-seal img{display:block;width:100%;height:100%;object-fit:contain}
.quick-inner a .entry-copy{display:flex;flex-direction:column;gap:4px;margin:0;color:#464e41}.entry-copy small{font-size:8px;letter-spacing:.16em;color:#8e6b2f}.entry-copy strong{font-size:13px;font-weight:500}
.finder-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.finder-options button{font-size:11px;line-height:1.7;padding:16px 9px}
.finder{grid-template-columns:.8fr 1.4fr}.finder-answer{display:grid;grid-template-columns:1fr auto;gap:17px 24px}.finder-answer p{line-height:2}.finder-next{grid-column:1/-1;display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #e5d6b8;padding-top:18px}
.finder-next a{color:#806029;font-size:12px;text-decoration:none;min-height:36px;display:flex;align-items:center;border-bottom:1px solid #d8c39a}
.company-standard{background:#fff;border-top:1px solid #e4d3b0;border-bottom:1px solid #e4d3b0;position:relative}
.standard-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.standard-brand{background:#fff;border:1px solid #d8bf89;padding:24px 24px 30px;box-shadow:0 20px 45px #9873290c;position:relative}
.standard-brand:before{content:"";position:absolute;inset:12px;border:1px solid #efe6d3;pointer-events:none}
.standard-brand img{display:block;width:100%;height:auto;position:relative}.standard-brand>span{display:block;text-align:center;font-size:13px;letter-spacing:.15em;color:#806330;margin-top:10px;position:relative}
.company-standard h2{font:500 35px/1.8 var(--serif);margin:17px 0 23px}.standard-lead{font-size:13px;color:#616b58;line-height:2.2}
.standard-list{margin:26px 0 28px}.standard-list>div{display:grid;grid-template-columns:98px 1fr;gap:20px;padding:19px 0;border-top:1px solid #e2d2ad}
.standard-list dt{font-size:9px;color:#987239;letter-spacing:.1em;padding-top:5px}.standard-list dd{margin:0}.standard-list strong{font-size:14px;font-weight:500}.standard-list p{font-size:12px;color:#69705f;line-height:1.9;margin:7px 0 0}
.start-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-bottom:52px}.start-cards a{text-decoration:none;border:1px solid #d8c294;background:#fff;padding:29px 26px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.start-cards>a>span{font-size:9px;letter-spacing:.14em;color:#906d31}.start-cards .premium-icon{margin-top:23px}.start-cards h2{font:500 22px/1.8 var(--serif);margin:20px 0 11px}.start-cards p{font-size:12px;color:#646e5a;line-height:2;margin:0 0 25px}.start-cards strong{font-size:12px;color:#866227;font-weight:500;margin-top:auto;padding-top:16px;border-top:1px solid #e1d1ae}
.start-cards a:hover{box-shadow:0 13px 26px #83621e14;transform:translateY(-2px)}
.hg-footer .hg-logo .company-logo{width:86px;height:86px}.hg-footer .hg-logo{justify-content:flex-start}.hg-footer .company-name{font-size:11px}
@media(max-width:1100px){.finder{grid-template-columns:1fr}.standard-grid{gap:35px}.start-cards{gap:15px}.start-cards a{padding:25px 20px}.start-cards h2{font-size:20px}}
@media(max-width:760px){
 .logo .company-logo,.hg-logo .company-logo{width:62px;height:62px}.logo,.hg-logo{gap:7px}.company-name{font-size:10px;letter-spacing:.06em}
 .site-footer .logo .company-logo{width:80px;height:80px}.hg-footer .hg-logo .company-logo{width:75px;height:75px}.hg-footer .hg-logo{justify-content:center}
 .quick-inner a{gap:7px;padding:16px 5px}.quick-inner a .entry-copy{display:flex;margin:0;gap:4px}.entry-copy small{font-size:6px;letter-spacing:.06em}.entry-copy strong{font-size:10px;line-height:1.8}
 .finder-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finder-options button{font-size:12px;padding:17px 10px;min-height:112px}.finder-answer{display:block}.finder-next{gap:10px;margin-top:23px;padding-top:12px;display:flex;flex-direction:column;align-items:flex-start}.finder-next a{font-size:12px;min-height:44px}
 .standard-grid{grid-template-columns:1fr;gap:31px}.standard-brand{width:min(330px,100%);margin:0 auto;padding:19px 19px 25px}.standard-brand>span{font-size:11px}
 .company-standard h2{font-size:28px;line-height:1.85}.standard-list>div{grid-template-columns:70px 1fr;gap:14px;padding:18px 0}.standard-list dt{font-size:8px}.standard-list strong{font-size:13px}.standard-list p{font-size:12px}
 .start-cards{grid-template-columns:1fr;gap:14px;margin-bottom:37px}.start-cards a{padding:24px;display:grid;grid-template-columns:1fr 58px;column-gap:13px}.start-cards>a>span{grid-column:1}.start-cards .premium-icon{grid-column:2;grid-row:1/3;margin-top:0;align-self:center;width:58px;height:58px}.start-cards h2{grid-column:1;font-size:20px;margin:14px 0}.start-cards p,.start-cards strong{grid-column:1/-1}.start-cards p{margin-bottom:19px}.start-cards strong{padding-top:13px}
}
@media(max-width:360px){.company-name{font-size:9px}.logo .company-logo,.hg-logo .company-logo{width:56px;height:56px}.entry-copy strong{font-size:9px}.start-cards h2{font-size:18px}}
@media(prefers-reduced-motion:reduce){.start-cards a{transition:none}.start-cards a:hover{transform:none}}
/* The guide's older span badge rules must not style the company name. */
.hg-logo>.company-name{display:block;width:auto;height:auto;border:0;border-radius:0;background:none;font:500 12px/1.7 "Noto Sans JP Variable",sans-serif;letter-spacing:.06em;color:#656759}
@media(max-width:760px){.hg-logo>.company-name{font-size:10px}.hg-row .hg-logo{gap:5px}.hg-row .company-logo{width:56px;height:56px}}
@media(max-width:360px){.hg-logo>.company-name{font-size:9px}}
/* v13: the user's transparent H mark, with text kept separate from the artwork. */
.logo .company-name,.hg-logo>.company-name{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.company-name strong,.hg-logo .company-name strong{font:500 23px/1.2 "Noto Serif JP Variable",serif;letter-spacing:.13em;color:#8b672b}
.company-name small,.hg-logo .company-name small{font:500 9px/1.8 "Noto Sans JP Variable",sans-serif;letter-spacing:.09em;color:#656759;display:block}
.logo .company-logo,.hg-logo .company-logo{width:64px;height:64px}.site-footer .logo .company-logo{width:76px;height:76px}
.hero-seal{padding:7px}.hero-seal img{object-fit:contain}
.standard-brand .standard-wordmark{font:500 30px/1.4 "Noto Serif JP Variable",serif;letter-spacing:.16em;color:#977331;margin-top:24px}
.standard-wordmark small{display:block;font:500 12px/2 "Noto Sans JP Variable",sans-serif;letter-spacing:.11em;color:#806330;margin-top:6px}
@media(max-width:760px){.logo .company-logo,.hg-logo .company-logo{width:51px;height:51px}.company-name strong,.hg-logo .company-name strong{font-size:20px}.company-name small,.hg-logo .company-name small{font-size:8px}.logo,.hg-logo{gap:9px}.hg-row .hg-logo{gap:7px}.site-footer .logo .company-logo{width:66px;height:66px}.standard-brand .standard-wordmark{font-size:27px}.standard-wordmark small{font-size:11px}}