@charset "UTF-8";
/* ========== Document Setting ========== */
/* ========== Font Family ========== */
/* ========== Font Size ========== */
/* ========== Color ========== */
/* ======================================================================
メディア・コンテナークエリ
====================================================================== */
/* ======================================================================
アイコン
====================================================================== */
/* ---------- アイコン（右配置） ---------- */
/* ---------- アイコン（中央配置） ---------- */
/* ======================================================================
テキスト
====================================================================== */
/* ---------- テキスト設定（ショートハンド） ---------- */
/* ---------- 見出し（large） ---------- */
/* ---------- 見出し（mideum） ---------- */
/* ---------- 見出し（small） ---------- */
/* ---------- テキスト（semibold） ---------- */
/* ---------- テキスト（regular） ---------- */
/* ---------- ラベル（semibold） ---------- */
/* ---------- ラベル（regular） ---------- */
/* ---------- コピーライト ---------- */
/* ---------- リンク（テキスト） ---------- */
/* ---------- リンク（アンダーライン） ---------- */
/* ---------- リンク（ボタン） ---------- */
/* ---------- 読み上げ専用テキスト（スクリーンリーダー対応） ---------- */
/* ======================================================================
ユーティリティー
====================================================================== */
/* ---------- インナー（コンテンツ幅の制限あり） ---------- */
/* ---------- インナー（コンテンツ幅の制限なし） ---------- */
/* ---------- インナー（セクション幅） ---------- */
/* ======================================================================
ポジション
====================================================================== */
/* ---------- ポジション設定（ショートハンド） ---------- */
/* ==================================================================================================================================
Document
================================================================================================================================== */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

/* ==================================================================================================================================
Body
================================================================================================================================== */
body {
  position: relative;
  text-align: left;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #222222;
  line-height: 2;
  letter-spacing: 0.04em;
  overflow-y: scroll;
  transition: all 0.2s;
}
body.js-scroll-lock {
  overflow-y: hidden;
}

/* ==================================================================================================================================
#main
================================================================================================================================== */
/* ---------- フォーカス ---------- */
*:focus-visible {
  outline: 2px solid #2471CC !important;
}

/* ---------- インラインブロック ---------- */
.inB {
  display: inline-block;
}

/* ---------- インナー（コンテンツ幅の制限あり） ---------- */
/* ---------- インナー（コンテンツ幅の制限なし） ---------- */
/* ==================================================================================================================================
 モーション（フェードイン）
================================================================================================================================== */
*.js-fadeIn {
  opacity: 0;
}

*.js-fadeIn.js-motion {
  animation-name: motionFadeIn;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes motionFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* ==================================================================================================================================
 モーション（フェードアップ）
================================================================================================================================== */
*.js-fadeUp {
  opacity: 0;
}

*.js-fadeUp.js-motion {
  animation-name: motionFadeUp;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes motionFadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*# sourceMappingURL=common.css.map */