/* ===================================================
   base.css — リセット・CSS変数・共通スタイル
   =================================================== */

*{margin:0;padding:0;box-sizing:border-box;}

:root{
  --green:#06C755;
  --green-dark:#05a847;
  --navy:#1a2744;
  --navy-dark:#111c36;
  --orange:#f47820;
  --orange-dark:#d96a10;
  --gray-bg:#f5f5f5;
  --gray-light:#fafafa;
  --text:#222;
  --text-light:#555;
  --border:#e0e0e0;
}

body{font-family:'Noto Sans JP',sans-serif;color:var(--text);font-size:14px;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}

/* ===== SECTION COMMON ===== */
.section{padding:60px 20px;}
.section-inner{max-width:1100px;margin:0 auto;}
.section-title{text-align:center;font-size:26px;font-weight:900;margin-bottom:6px;color:var(--navy);}
.section-title .green{color:var(--green);}
.section-title .title-underline{
  position:relative;display:inline-block;
}
.section-title .title-underline::after{
  content:'';position:absolute;
  bottom:-10px;left:-6px;right:-6px;height:18px;
  background-image:url('../images/underline-yellow.png');
  background-size:100% 100%;background-repeat:no-repeat;
  background-color:transparent;
}
.section-subtitle{text-align:center;color:var(--text-light);font-size:14px;margin-bottom:36px;}
.section-line{
  width:40px;height:3px;background:var(--green);
  margin:8px auto 20px;border-radius:2px;
}

/* ===== SCROLL ANIMATION ===== */
.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.fade-in.visible{opacity:1;transform:none;}

/* ===== MOBILE SIDE PADDING ===== */
@media(max-width:640px){
  section { padding-left: 28px !important; padding-right: 28px !important; }
  .section-inner { padding-left: 0; padding-right: 0; }
}

/* ===== ICONS ===== */
.line-icon svg{width:100%;height:100%;}