html,body{margin:0;background:#fff}

.hroG{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#faf7f2;padding:clamp(56px,7vw,104px) 24px;
}
.hroG__in{
  max-width:960px;margin:0 auto;display:flex;justify-content:center;align-items:flex-start;
  gap:clamp(28px,5vw,64px);min-height:clamp(380px,46vw,520px);
}
.hroG__title{
  writing-mode:vertical-rl;margin:0;font-size:clamp(28px,4.4vw,50px);line-height:1.7;font-weight:700;
  letter-spacing:.14em;color:#2a2118;font-feature-settings:"palt";
}
.hroG__side{writing-mode:vertical-rl;max-height:clamp(300px,40vw,440px)}
.hroG__lead{margin:0;font-size:14px;line-height:2.2;letter-spacing:.08em;color:#5a4b3c}
.hroG__link{
  margin-top:28px;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.1em;color:#a8743a;
  text-decoration:none;border-right:1px solid currentColor;padding-right:6px;
}
@media (max-width:640px){
  .hroG__in{flex-direction:column;align-items:center;min-height:0}
  .hroG__title{writing-mode:horizontal-tb;letter-spacing:.02em;line-height:1.5;text-align:center}
  .hroG__side{writing-mode:horizontal-tb;max-height:none;text-align:center}
  .hroG__link{border-right:0;border-bottom:1px solid currentColor;padding:0 0 4px}
}