@charset "UTF-8";
@media screen and (min-width: 375px) {
  /* xs-size */
}
@media screen and (min-width: 768px) {
  /* s-size */
}
@media screen and (min-width: 992px) {
  /* m-size */
}
@media screen and (min-width: 1200px) {
  /* l-size */
}
@media screen and (min-width: 1400px) {
  /* xl-size */
}
/* グローバルリセット */
*,
*::before,
*::after {
  box-sizing: border-box; /* ボックスモデルをボーダーとパディングを含むように設定 */
}

* {
  margin: 0; /* 全ての要素のデフォルトのマージンを削除 */
  padding: 0; /* 全ての要素のデフォルトのパディングを削除 */
}

/* デフォルトのフォント設定 */
body {
  overflow-wrap: break-word; /* 単語が幅を超えた場合に折り返す */
  word-break: normal; /* 単語の分割はデフォルトに依存 */
  line-break: strict; /* 日本語の禁則処理を厳格に適用 */
  -webkit-text-size-adjust: 100%; /* モバイルデバイスでのテキストサイズ調整を無効化 */
  -webkit-font-smoothing: antialiased; /* テキストのスムージングを有効化 */
}

/* リストのリセット */
ul,
ol {
  list-style: none; /* デフォルトのリストマーカーを削除 */
  padding: 0; /* デフォルトのパディングを削除 */
  margin: 0; /* デフォルトのマージンを削除 */
}

/* リンクのリセット */
a {
  text-decoration: none; /* デフォルトの下線を削除 */
  color: inherit; /* 親要素の色を継承 */
}

/* フォーム要素のリセット */
input,
button,
textarea,
select {
  font: inherit; /* フォントスタイルを親要素から継承 */
  color: inherit; /* フォントカラーを親要素から継承 */
  border: none; /* デフォルトのボーダーを削除 */
  background: none; /* デフォルトの背景を削除 */
  padding: 0; /* デフォルトのパディングを削除 */
  margin: 0; /* デフォルトのマージンを削除 */
}

/* ボタン要素のリセット */
button {
  appearance: none; /* 標準のボタンスタイルを削除 */
  background: none; /* デフォルトの背景を削除 */
  border: none; /* デフォルトのボーダーを削除 */
  padding: 0; /* デフォルトのパディングを削除 */
  margin: 0; /* デフォルトのマージンを削除 */
  cursor: pointer; /* カーソルをポインタに変更 */
}

/* モバイルデバイス特有のリセット */
input[type=checkbox],
input[type=radio] {
  appearance: none; /* 標準のチェックボックスやラジオボタンのスタイルを削除 */
}

button,
a {
  touch-action: manipulation; /* タップやスクロールの動作を改善 */
}

/* メディア要素のリセット */
img,
picture,
video,
canvas,
svg {
  display: block; /* ブロック要素として扱い、余白を除去 */
  max-width: 100%; /* 親要素の幅に収まるように設定 */
  height: auto; /* 元のアスペクト比を保つ */
}

/* テーブルのリセット */
table {
  border-collapse: collapse; /* テーブルの境界線を統合 */
  border-spacing: 0; /* セル間のスペースを削除 */
}

th,
td {
  padding: 0; /* セルのデフォルトのパディングを削除 */
  border: 0; /* デフォルトのボーダーを削除 */
}

/* 見出しのリセット */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; /* デフォルトのマージンを削除 */
  font-size: inherit; /* フォントサイズを親要素から継承 */
}

/* スクロールとタップのリセット */
html,
body {
  overscroll-behavior: none; /* スクロールのオーバースクロール挙動を無効化 */
}

:root {
  --vh: 100vh;
  --vh: 100svh;
  /* 色関連 */
  --color-text: #000;
  --color-black: #000;
  --color-white: #fff;
  --color-yellow: #ffff00;
  --color-red: #ff0000;
  --color-pink: #e0514d;
  --font-family-base: "Noto Sans JP", sans-serif;
  --font-family-serif: "Noto Serif JP", serif;
  /* トランジションとアニメーション */
  --transition-duration-default: 0.3s;
  --transition-easing-default: ease-out;
}

html {
  font-size: 62.5%;
}

body {
  position: relative;
  z-index: 1;
  font-family: var(--font-family-base);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: var(--color-white);
  min-height: var(--vh);
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  font-size: 1.5rem;
  line-height: 1.6666666667;
}/*# sourceMappingURL=base.css.map */