/* =========================================================
   HP-COMMON-001 リセット
========================================================= */
*{
  margin:0;                 /* 外側余白を初期化 */
  padding:0;                /* 内側余白を初期化 */
  box-sizing:border-box;    /* paddingとborderを含めて幅計算 */
}

html{
  scroll-behavior:smooth;   /* ページ内リンクをスムーズスクロール */
}

body{
  font-family:"Helvetica Neue","Noto Sans JP",sans-serif; /* サイト共通フォント */
  color:#222;               /* サイト共通文字色 */
  line-height:1.8;          /* サイト共通行間 */
}

/* =========================================================
   HP-COMMON-002 共通メニュー
========================================================= */
.menu{
  display:flex;             /* メニューを横並び */
  gap:28px;                 /* メニュー項目間の余白 */
  list-style:none;          /* リスト記号を非表示 */
}

.menu a{
  color:white;              /* メニュー文字色 */
  text-decoration:none;     /* 下線を非表示 */
  font-size:14px;           /* メニュー文字サイズ */
  transition:0.3s;          /* ホバー時の変化を滑らかに */
}

.menu a:hover{
  opacity:0.7;              /* ホバー時に少し薄くする */
}

/* =========================================================
   HP-COMMON-101 共通UI制御
========================================================= */
img,
a{
  -webkit-user-drag:none;   /* 全ページで画像・リンクのドラッグを抑止 */
}

img{
  -webkit-touch-callout:none; /* iPhone Safariの画像長押しメニューを抑止 */
}