/* base.css */

/* 全体の基本設定 */
html {
    font-size: 16px; /* 基準フォントサイズ */
    scroll-behavior: smooth; /* アンカーリンクをスムーズに */
    scroll-timeline: auto;
  }
  
  body {
    font-family: "Zen Kaku Gothic New", sans-serif;
    color: var(--ink);
    background: var(--bg);
    line-height: 1.7;
    letter-spacing: 0.02em;
  }
  
  /* 見出しの共通スタイル */
  h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.3;
    color: var(--ink);
    margin-bottom: 0.5em;
  }
  
  /* 段落 */
  p {
    margin-bottom: 1em;
  }
  
  /* リンク */
  a {
    color: inherit;
    text-decoration: none;
    transition: opacity 0.2s;
  }
  
  a:hover,
  a:focus {
    opacity: 0.8;
  }
  
  /* 画像 */
  img {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  body {
    background-image: url('../img/bg.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
  }
  
/* ヘッダーロゴのサイズ調整 */
.logo img {
  width: 160px; 
  height: auto;
  object-fit: contain;
  object-position: left;
  
}

/* ===== Scroll Snap: 1セクションごとにスクロール ===== */
html, body {
  height: 100%;
  scroll-snap-type: y mandatory; /* 縦方向にスナップ */
  overflow-y: scroll;
}

section {
  scroll-snap-align: start; /* 各セクションの先頭で止まる */
  min-height: 100vh;        /* 各セクションを1画面に */
}

/* アンカーリンクの切り替えをスムーズに見せる */
html {
  scroll-behavior: smooth;
}