/* 白土幸仁 公式サイト 共通スタイル
   レイアウトは index.html 内の style 属性で記述しています。
   ここではサイト全体の基本設定のみを定義します。 */
:root{
  --accent:#1E5AA8; /* アクセントカラー（変更はここだけでOK） */
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0}
img{max-width:100%}
section[id],#report{scroll-margin-top:80px}
a:hover{opacity:.8}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid var(--accent);outline-offset:3px}
nav::-webkit-scrollbar{display:none}
nav{scrollbar-width:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* スマートフォン */
@media (max-width: 720px){
  .hd-ruby{display:none}
  .hd-logo{padding:10px 0 !important}
  .hd-btn{min-height:40px !important;padding:0 16px !important;font-size:13px !important}
  .hero-photo{min-height:300px !important}
}