/* ==============================================
   base.css  —  リセット / トークン / ユーティリティ
   全ページ共通
============================================== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans JP',sans-serif;color:#333;background:#fff;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

:root{
  --main:#000080;--sub:#DDEAF5;--sub-dark:#EAF0F5;
  --accent:#FFCD00;--text:#333333;--white:#FFFFFF;
  --radius-card:20px;--radius-btn:30px;--max-w:1140px;--px:150px;
}

.container{max-width:var(--max-w);margin:0 auto;width:100%}
.section{padding:100px var(--px)}
.section--sub{background:var(--sub)}
.section--sub-dark{background:var(--sub-dark)}
.section-title{font-size:40px;font-weight:700;color:var(--text);text-align:center}
.section-title span{color:var(--main)}
.section-sub{font-size:24px;font-weight:400;color:var(--text);text-align:center}
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.fade-in-delay-1{transition-delay:.1s}
.fade-in-delay-2{transition-delay:.2s}
.fade-in-delay-3{transition-delay:.3s}