/* ──────────────────────────────────────────
   カバーセクション
──────────────────────────────────────────*/
.cover-section {
  background-color: var(--color-light-blue);
  height: 110px;
  overflow: visible;
  position: relative;
  width: 100%;
}

/* ──────────────────────────────────────────
   パンくずセクション
──────────────────────────────────────────*/
.breadcrumb-section {
  background-color: var(--color-light-blue);
}
.breadcrumb-section .breadcrumb a {
  color: var(--color-white);
}
.breadcrumb-section .breadcrumb li + li::before {
  color: var(--color-white);
}
.breadcrumb-section .breadcrumb li[aria-current="page"] span {
  color: var(--color-white);
}

/* ──────────────────────────────────────────
   ヘッダーセクション
──────────────────────────────────────────*/
.header-section {
  background-color: var(--color-light-blue);
}
.header-section .headline {
  color: var(--color-white);
}

/* ──────────────────────────────────────────
   パーツ
──────────────────────────────────────────*/
/* ======== タイトル ======== */
.headline {
  color: var(--color-light-blue);
}

/* ======== トピック ======== */
.information-list {
  background-color: unset;
  color: var(--color-light-blue);
}

.information-list .topic-icon {
  background-color: var(--color-light-blue);
  display: inline-block;
  height: 0.75rem;
  margin-right: 0.5rem;
  padding-right: 0.75rem;
  width: 0.75rem;
}
.information-list .topic-icon.reverse {
  background-color: var(--color-white);
  border: 1px solid var(--color-light-blue);
  padding: 1px;
}

/* ======== ボタン ======== */
.round-button {
  background-color: var(--color-white);
  border: 1px solid var(--color-light-blue);
  color: var(--color-light-blue);
}
.round-button:hover {
  background-color: var(--color-light-blue);
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
.round-button.reverse {
  background-color: var(--color-light-blue);
  border: 1px solid var(--color-white);
  color: var(--color-white);
}
.round-button.reverse:hover {
  background-color: var(--color-white);
  border: 1px solid var(--color-light-blue);
  color: var(--color-light-blue);
}

/* ======================
   LINKs
======================= */
.crservice-links-section {
  background-color: var(--color-light-blue);
  color: var(--color-white);
  padding: 3rem 1rem;
}
.crservice-links-section .container {
  max-width: 1200px;
  margin: 0 auto;
}
.crservice-links-section a {
  color: var(--color-white);
  text-decoration: none;
}

/* 見出し */
.section-heading {
  font-size: 1.25rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 1.5rem;
  border-bottom: 1px solid var(--color-border-light);
  padding-bottom: 0.5rem;
}

/* サブ見出し */
.headline--secondary {
  line-height: 4rem;
}

/* 各アイテム */
.info-item {
  border-bottom: 1px solid var(--color-border-light);
  padding: 1rem 0;
}

.info-item .circle-link {
  background-color: var(--color-white);
  height: 20px;
  width: 20px;
}
.info-item .circle-link .material-symbols-outlined {
  color: var(--color-secondary);
}

/* テキスト */
.info-item p {
  margin: 0;
  line-height: 1.4;
}

.links-section {
  background-color: var(--color-light-blue);
}

/* 枠 */
img.rounded {
  border-radius: 20px;
}

/* ======================
    TOPへ戻るスクロールマーカー
======================= */
.back-to-top {
  background-color: var(--color-light-blue);
}
/* ホバー時の色変化 */
.back-to-top:hover {
  background-color: var(--color-secondary);
}