@charset "UTF-8";

/* =====================
  MV
===================== */
.mv {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top center;
  width: 100%;
  position: relative;
}

.mv::after {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right;
  width: 1005px;
  height: 400px;
  margin-inline: auto 0;
  margin-top: 12px;
  position: relative;
}

/* ==== H1-title ==== */
.mv .inner {
  padding-top: 179px;
}

.mv .h1-title span {
  opacity: 0.7;
  -webkit-text-stroke: 1px #fff;
  font-family: var(--tavi);
  font-size: 96px;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: 0.08em;
  color: transparent;
}

.mv .h1-title h1 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.08em;
  color: #fff;
  margin-top: 6px;
}

/* ==== ブレッド ==== */
.bread {
  color: #fff;
  font-size: 13px;
  position: relative;
}

.bread ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.3em;
}

.bread ul li {
  display: flex;
  align-items: center;
  gap: 1.3em;
}

.bread ul li+li::before {
  content: '';
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/img/common/bread_arrow.png");
  width: 4px;
  height: 6px;
  display: inline-block;
}

/* =====================
  H2タイトル
===================== */
.h2-title span {
  font-family: Taviraj;
  font-size: 48px;
  font-weight: 600;
  color: #002a87;
}

.h2-title h2 {
  letter-spacing: 0.08em;
  line-height: 0.4;
  font-weight: bold;
  color: #002a87;
}

/* =====================
  テーブル設定
===================== */
.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 18px 0px;
}

.table tbody tr th,
.table tbody tr td {
  padding-block: 31px;
  padding-inline: 14px;
  border-bottom: 1px solid #898c94;
  vertical-align: top;

}

.table tbody tr th {
  width: 216px;
  font-weight: bold;
}

/* =====================
  マップリンクボタン
===================== */
.map-link {
  display: inline-block;
  width: 48px;
  height: 18px;
  border: solid 1px #002a87;
  font-family: Taviraj;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  color: #002a87;
  position: relative;
  margin-left: 10px;
}

.map-link .map-anchor {
  width: inherit;
  height: inherit;
  padding-inline: 4px;
  position: relative;
}

.map-link .map-anchor::before {
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("/assets/img/common/icon_map.png");
  width: 7px;
  height: 10px;
  margin-right: 2px;
}

/* =====================
  コンテンツ　1番上
===================== */
.article[data-id='1'] {
  padding-top: 120px;
}