/* ==========================================================
   AWARA TIMES｜HEALTH & WELFARE
   健康・医療／高齢者・介護／障がい・福祉
   子ページ共通CSS

   File: awt-health-welfare.css
   Version: 0.9
   Date: 2026-10-09

   基本仕様：
   ・3ガイド共通
   ・H1はSWELL標準
   ・子ページ本文最大幅1180px
   ・TOP最大幅1180px
   ・H2は大きな連番
   ・本文PC18px／SP17px
   ・ブログパーツ内部は専用CSSで管理
   ・ページ別CSSを作らない

   v0.3：自動整形はHTMLブロックで防止。子ページUIの競合を解消。

   v0.2：
   ・v0.1の共通UIを維持
   ・目的別ナビを追加
   ・比較カード／行動パネルを追加
   ・料金表／チェックリストを追加
   ・各セクションの解決導線を追加
   ・スマホ表示を整理
========================================================== */


/* ==========================================================
   01. DESIGN TOKENS
========================================================== */

.awt-page.awt-health-welfare {
  --hw-primary: #A5533F;
  --hw-primary-hover: #85402F;
  --hw-primary-soft: #F6EAE5;

  --hw-bg: #FAF8F4;
  --hw-surface: #FFFFFF;

  --hw-text: #30343A;
  --hw-muted: #62676D;
  --hw-border: #DDD8D1;

  --hw-radius-sm: 8px;
  --hw-radius: 12px;
  --hw-radius-lg: 18px;

  --hw-content-width: 1180px;
  --hw-wide-width: 1180px;

  --hw-space-sm: 16px;
  --hw-space-md: 28px;
  --hw-space-lg: 48px;
  --hw-space-xl: 72px;

  color: var(--hw-text);
  font-size: 18px;
  line-height: 1.8;
}


/* ==========================================================
   02. GUIDE COLORS
========================================================== */

/* 健康・医療 */
.awt-page.awt-health-welfare.awt-health {
  --hw-primary: #A5533F;
  --hw-primary-hover: #85402F;
  --hw-primary-soft: #F6EAE5;
}

/* 高齢者・介護 */
.awt-page.awt-health-welfare.awt-elderly {
  --hw-primary: #916A31;
  --hw-primary-hover: #735222;
  --hw-primary-soft: #F6F0E5;
}

/* 障がい・福祉 */
.awt-page.awt-health-welfare.awt-welfare {
  --hw-primary: #506F5C;
  --hw-primary-hover: #3C5847;
  --hw-primary-soft: #EAF1EB;
}


/* ==========================================================
   03. COMMON LAYOUT
========================================================== */

.awt-health-welfare,
.awt-health-welfare *,
.awt-health-welfare *::before,
.awt-health-welfare *::after {
  box-sizing: border-box;
}

/* 子ページ本文幅 */
.awt-page.awt-health-welfare.awt-hw-child {
  --awt-guide-accent: var(--hw-primary);
  width: 100%;
  max-width: var(--hw-content-width);
  margin-inline: auto;
}

/* A-01：標準H1を構造上維持し、表示と占有スペースをなくす */
:is(.page-id-3980, .page-id-4015, body:has(.awt-page.awt-health-welfare.awt-hw-child)) .c-pageTitle {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

:is(.page-id-3980, .page-id-4015, body:has(.awt-page.awt-health-welfare.awt-hw-child)) .c-pageTitle__inner {
  line-height: inherit;
}

:is(.page-id-3980, .page-id-4015, body:has(.awt-page.awt-health-welfare.awt-hw-child)) #main_content > .l-mainContent__inner > .post_content {
  margin-top: 0;
}

:is(.page-id-3980, .page-id-4015, body:has(.awt-page.awt-health-welfare.awt-hw-child)) #content {
  padding-top: 28px;
}

/* 既存共通コンテナ */
.awt-page.awt-health-welfare.awt-hw-child .hw-container {
  width: min(100%, var(--hw-content-width));
  margin-inline: auto;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-container-wide {
  width: min(100%, var(--hw-wide-width));
  margin-inline: auto;
}

.awt-health-welfare img {
  display: block;
  max-width: 100%;
  height: auto;
}

.awt-page.awt-health-welfare.awt-hw-child :where(p):not(:where(.hw-blogparts *)) {
  margin: 0 0 1.5em;
}

.awt-health-welfare a {
  text-underline-offset: 3px;
}

.awt-health-welfare a:focus-visible {
  outline: 3px solid var(--hw-primary);
  outline-offset: 4px;
}

.awt-health-welfare :is(
  .hw-card,
  a.hw-purpose__card,
  .hw-action-panel,
  .hw-info,
  a.hw-related__link
) {
  min-width: 0;
}

/* 補足テキスト */
.awt-page.awt-health-welfare.awt-hw-child .hw-small,
.awt-page.awt-health-welfare.awt-hw-child .hw-meta {
  color: var(--hw-muted);
  font-size: 14px;
  line-height: 1.8;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-meta {
  margin: 0;
}


/* ==========================================================
   04. HERO
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-hero {
  position: relative;
  overflow: hidden;
  margin: 0 0 22px;
  border-radius: var(--hw-radius-lg);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-hero img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 6;
  object-fit: cover;
  object-position: center;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-hero-caption {
  margin: 8px 0 0;
  color: var(--hw-muted);
  font-size: 12px;
  line-height: 1.5;
}


/* ==========================================================
   05. LEAD
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-lead {
  margin: 0 0 32px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-lead__eyebrow {
  margin: 0 0 10px;
  color: var(--hw-primary);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-lead__copy {
  margin: 0 0 16px;
  color: var(--hw-text);
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 700;
  line-height: 1.55;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-lead p:not(
  .hw-lead__eyebrow
):not(
  .hw-lead__copy
):not(
  .hw-meta
) {
  font-size: 18px;
  line-height: 1.85;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-lead .hw-meta {
  margin-top: 12px;
}


/* ==========================================================
   06. FIRST ANSWER
   まず知りたいこと
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-summary {
  margin: 0 0 36px;
  padding: 26px 30px;

  background: var(--hw-primary-soft);
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-summary__title {
  margin: 0 0 13px;
  padding: 0 !important;

  color: var(--hw-text) !important;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;

  border: 0 !important;
  background: transparent !important;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-summary p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.85;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-summary p:last-child {
  margin-bottom: 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-summary__list {
  margin: 0;
  padding-left: 1.4em;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-summary__list li {
  margin-bottom: 10px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-summary__list li:last-child {
  margin-bottom: 0;
}


/* ==========================================================
   07. PURPOSE NAVIGATION
   目的別6カード
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose {
  margin: 0 0 64px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose__heading {
  margin: 0 0 8px;
  color: var(--hw-text) !important;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.5;
  padding: 0 0 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hw-border) !important;
  background: transparent !important;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose__description {
  margin: 0 0 20px;
  color: var(--hw-muted);
  font-size: 15px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 12px;
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-purpose__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;

  min-width: 0;
  min-height: 132px;
  padding: 19px 18px;

  color: var(--hw-text);
  background: #FFFFFF;

  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);

  text-decoration: none;
  transition:
    background-color .2s ease,
    border-color .2s ease;
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-purpose__card:hover {
  color: var(--hw-text);
  background: var(--hw-primary-soft);
  border-color: var(--hw-primary);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose__number {
  color: var(--hw-primary);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose__text {
  display: block;
  flex: 1 1 auto;
  color: var(--hw-text);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.55;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-purpose__arrow {
  display: block;
  align-self: flex-end;
  color: var(--hw-primary);
  font-size: 19px;
  line-height: 1;
}


/* ==========================================================
   08. SECTION / HEADING
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-section {
  margin: 0 0 64px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section__heading {
  display: flex;
  align-items: baseline;
  gap: 16px;

  margin: 0 0 28px;
  padding: 0 0 16px !important;

  color: var(--hw-text) !important;
  background: transparent !important;

  font-size: 27px;
  font-weight: 700;
  line-height: 1.5;

  border: 0 !important;
  border-bottom: 1px solid var(--hw-border) !important;
}

/* SWELLの見出し装飾との競合を防ぐ */
.awt-page.awt-health-welfare.awt-hw-child .hw-section__heading::before,
.awt-page.awt-health-welfare.awt-hw-child .hw-section__heading::after {
  content: none;
  display: none;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section__number {
  flex-shrink: 0;
  color: var(--hw-primary);
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section h3 {
  margin: 36px 0 18px;
  padding: 0 0 10px !important;

  color: var(--hw-text) !important;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;

  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid var(--hw-border) !important;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section h3::before,
.awt-page.awt-health-welfare.awt-hw-child .hw-section h3::after {
  content: none;
  display: none;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section h4 {
  margin: 28px 0 14px;
  padding-left: 12px !important;

  color: var(--hw-text) !important;
  font-size: 19px;
  font-weight: 700;

  border: 0 !important;
  border-left: 3px solid var(--hw-primary) !important;
  background: transparent !important;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section h4::before,
.awt-page.awt-health-welfare.awt-hw-child .hw-section h4::after {
  content: none;
  display: none;
}

/* 連番を使わない下部見出し */
.awt-page.awt-health-welfare.awt-hw-child .hw-plain-heading {
  margin: 0 0 24px;
  padding: 0 0 14px !important;

  color: var(--hw-text) !important;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.5;

  border: 0 !important;
  border-bottom: 1px solid var(--hw-border) !important;
  background: transparent !important;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-plain-heading::before,
.awt-page.awt-health-welfare.awt-hw-child .hw-plain-heading::after {
  content: none;
  display: none;
}


/* ==========================================================
   09. COMMON CARDS
========================================================== */

/* 休日当番医：内科系2院・外科系1院 */
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 16px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-group { display: flex; flex-direction: column; min-width: 0; }
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-group__title { margin: 0 0 12px; padding: 0; border: 0; color: var(--hw-primary); font-size: 18px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-group__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; flex: 1; }
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-group:last-child .hw-duty-group__cards { grid-template-columns: minmax(0, 1fr); }
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-grid .hw-card { padding: 20px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-duty-grid .hw-button { padding-right: 10px; padding-left: 10px; font-size: 15px; }

.awt-page.awt-health-welfare.awt-hw-child .hw-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.awt-page.awt-health-welfare.awt-hw-child :is(div.hw-card, a.hw-card) {
  display: flex;
  flex-direction: column;

  min-width: 0;
  padding: 24px;

  color: var(--hw-text);
  background: var(--hw-surface);

  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);

  text-decoration: none;
}

.awt-health-welfare a.hw-card:hover {
  color: var(--hw-text);
  background: var(--hw-primary-soft);
  border-color: var(--hw-primary);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-card__eyebrow {
  margin: 0 0 9px;
  color: var(--hw-primary);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.awt-page.awt-health-welfare.awt-hw-child :is(h3.hw-card__title, strong.hw-card__title) {
  display: block;
  margin: 0 0 11px;

  color: var(--hw-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-card__text {
  display: block;
  margin: 0 0 15px;

  color: var(--hw-muted);
  font-size: 16px;
  line-height: 1.75;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-card__list {
  margin: 0 0 22px;
  padding-left: 1.4em;
  font-size: 15px;
  line-height: 1.8;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-card__list li {
  margin-bottom: 6px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-card a.hw-button {
  margin-top: auto;
}

/* 共通カードの列数・画像付きバリエーション */
.awt-page.awt-health-welfare.awt-hw-child .hw-card-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.awt-page.awt-health-welfare.awt-hw-child .hw-card-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.awt-page.awt-health-welfare.awt-hw-child article.hw-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 24px;
  color: var(--hw-text);
  background: var(--hw-surface);
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}
.awt-page.awt-health-welfare.awt-hw-child .hw-card__media { width: min(100%, 240px); margin: 0 auto 16px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-card__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: center;
  border-radius: var(--hw-radius-sm);
}
.awt-page.awt-health-welfare.awt-hw-child .hw-card__button-wrap { margin: auto 0 0; padding-top: 16px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-card__button-wrap a.hw-button { width: 100%; }
.awt-page.awt-health-welfare.awt-hw-child .hw-card__action { margin-top: auto; color: var(--hw-primary); font-size: 14px; font-weight: 700; }
.awt-page.awt-health-welfare.awt-hw-child .hw-shortcuts .hw-card-grid { grid-auto-rows: 1fr; }
.awt-page.awt-health-welfare.awt-hw-child .hw-shortcuts .hw-card__title { font-size: 18px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-shortcuts .hw-card__text { font-size: 15px; }

/* 共通カード内イラスト：自然な縦横比で大きさを統一 */
.awt-page.awt-health-welfare.awt-hw-child .hw-card__illustration {
  width: min(100%, 220px);
  margin: 0 auto 16px;
  flex-shrink: 0;
}

.awt-page.awt-health-welfare.awt-hw-child :is(.hw-card__illustration, .hw-section__illustration) img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--hw-radius-sm);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-illustration-caption {
  margin: 6px 0 0;
  color: var(--hw-muted);
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

/* カード内のH3は共通H3装飾を付けない */
.awt-page.awt-health-welfare.awt-hw-child .hw-section .hw-card__title {
  margin: 0 0 11px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* ==========================================================
   10. INFORMATION BOX
========================================================== */

/* 文章と説明イラストの共通配置 */
.awt-page.awt-health-welfare.awt-hw-child .hw-media-split { display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: center; gap: 28px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-media-split--wide { grid-template-columns: minmax(0, 1fr) minmax(280px, 400px); }
.awt-page.awt-health-welfare.awt-hw-child .hw-media-split--wide .hw-media-split__media { width: min(100%, 400px); }
.awt-page.awt-health-welfare.awt-hw-child .hw-media-split__body { min-width: 0; }
.awt-page.awt-health-welfare.awt-hw-child .hw-media-split__media { width: min(100%, 260px); margin: 0 auto; }
.awt-page.awt-health-welfare.awt-hw-child .hw-media-split__media img { width: 100%; height: auto; border-radius: var(--hw-radius); }
.awt-page.awt-health-welfare.awt-hw-child .hw-facts { margin: 0 0 18px; }
.awt-page.awt-health-welfare.awt-hw-child .hw-facts > div { padding: 10px 0; border-bottom: 1px solid var(--hw-border); }
.awt-page.awt-health-welfare.awt-hw-child .hw-facts dt { color: var(--hw-muted); font-size: 14px; font-weight: 700; }
.awt-page.awt-health-welfare.awt-hw-child .hw-facts dd { margin: 0; }

.awt-page.awt-health-welfare.awt-hw-child .hw-info {
  margin: 28px 0;
  padding: 24px 28px;

  background: var(--hw-bg);
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-info__title {
  margin: 0 0 12px;
  color: var(--hw-text);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-info p:last-child {
  margin-bottom: 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-info--important {
  background: var(--hw-primary-soft);
  border-left: 4px solid var(--hw-primary);
}


/* ==========================================================
   11. PROCEDURE STEPS
========================================================== */

/* 手順の前に置く共通説明イラスト */
.awt-page.awt-health-welfare.awt-hw-child .hw-section__illustration {
  width: min(100%, 240px);
  margin: 24px auto;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-steps {
  display: grid;
  gap: 16px;

  margin: 28px 0;
  padding: 0;

  list-style: none;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-step {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 18px;

  padding: 22px;

  background: #FFFFFF;
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}

/* 下向き矢印でつなぐ共通手順 */
.awt-page.awt-health-welfare.awt-hw-child .hw-steps--flow {
  gap: 34px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-steps--flow > .hw-step {
  position: relative;
  margin: 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-steps--flow > .hw-step:not(:last-child)::after {
  content: "↓";
  position: absolute;
  bottom: -30px;
  left: calc(50% - 10px);
  width: 20px;
  color: var(--hw-primary);
  font-size: 22px;
  line-height: 26px;
  text-align: center;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-step__number {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 44px;
  height: 44px;

  color: #FFFFFF;
  background: var(--hw-primary);
  border-radius: 50%;

  font-size: 17px;
  font-weight: 700;
}

.awt-page.awt-health-welfare.awt-hw-child :is(h3.hw-step__title, strong.hw-step__title) {
  margin: 0 0 8px;
  color: var(--hw-text);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.5;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-step__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section .hw-step__title {
  padding: 0 !important;
  border: 0 !important;
}


/* ==========================================================
   12. BUTTON
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child a.hw-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  min-height: 52px;
  max-width: 100%;
  padding: 12px 24px;

  color: #FFFFFF;
  background: var(--hw-primary);

  border: 2px solid var(--hw-primary);
  border-radius: var(--hw-radius-sm);

  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;

  overflow-wrap: anywhere;
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-button:hover {
  color: #FFFFFF;
  background: var(--hw-primary-hover);
  border-color: var(--hw-primary-hover);
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-button--outline {
  color: var(--hw-primary);
  background: #FFFFFF;
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-button--outline:hover {
  color: #FFFFFF;
  background: var(--hw-primary-hover);
}

/* 複数ボタン */
.awt-page.awt-health-welfare.awt-hw-child .hw-action-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;

  margin: 22px 0 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-action-row a.hw-button {
  flex: 1 1 220px;
}


/* ==========================================================
   13. ACTION PANEL
   予約・申請・相談
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-action-panel {
  margin: 22px 0;
  padding: 26px 28px;

  background: #FFFFFF;
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}

.awt-page.awt-health-welfare.awt-hw-child :is(h3.hw-action-panel__title, strong.hw-action-panel__title) {
  margin: 0 0 13px;
  padding: 0;

  color: var(--hw-text);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;

  border: 0;
  background: transparent;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-section .hw-action-panel__title {
  margin: 0 0 13px;
  padding: 0 !important;
  border: 0 !important;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-action-panel p {
  font-size: 16px;
  line-height: 1.8;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-action-panel p:last-child {
  margin-bottom: 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-action-panel ol,
.awt-page.awt-health-welfare.awt-hw-child .hw-action-panel ul {
  margin: 0 0 20px;
  padding-left: 1.4em;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-action-panel li {
  margin-bottom: 7px;
}


/* ==========================================================
   14. SECTION EXIT
   各セクションの解決導線
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-exit {
  margin: 28px 0 0;
  padding: 22px 24px;

  background: var(--hw-bg);
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-exit__label {
  margin: 0 0 13px;

  color: var(--hw-text);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.6;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-exit a.hw-button {
  min-height: 52px;
}


/* ==========================================================
   15. TABLE
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-table-scroll {
  display: block;

  width: 100%;
  max-width: 100%;

  margin: 24px 0;
  overflow-x: auto;

  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);

  -webkit-overflow-scrolling: touch;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-table {
  width: 100%;
  min-width: 480px;
  margin: 0;

  border-collapse: collapse;
  background: #FFFFFF;

  font-size: 16px;
  line-height: 1.65;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-table th,
.awt-page.awt-health-welfare.awt-hw-child .hw-table td {
  padding: 15px 17px;
  border: 1px solid var(--hw-border);
  vertical-align: top;
  text-align: left;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-table thead th {
  color: var(--hw-text);
  background: var(--hw-primary-soft);
  font-weight: 700;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-table tbody th {
  color: var(--hw-text);
  background: var(--hw-primary-soft);
  font-weight: 700;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-table-hint {
  display: none;
  margin: 0 0 8px;
  color: var(--hw-muted);
  font-size: 13px;
}


/* ==========================================================
   16. CHECKLIST
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;

  margin: 22px 0;
  padding: 0;

  list-style: none;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-checklist li {
  position: relative;

  min-width: 0;
  margin: 0;
  padding: 15px 15px 15px 43px;

  background: #FFFFFF;
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius-sm);

  font-size: 16px;
  line-height: 1.65;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-checklist li::before {
  content: "✓";
  position: absolute;
  left: 17px;
  top: 15px;

  color: var(--hw-primary);
  font-weight: 800;
}


/* ==========================================================
   17. CONTACT
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-contact {
  margin: 32px 0;
  padding: 28px;

  background: var(--hw-primary-soft);
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius-lg);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-contact__title {
  margin: 0 0 14px;
  color: var(--hw-text);
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-contact__description {
  margin: 0 0 20px;
  font-size: 16px;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-contact__name {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-contact__tel {
  display: inline-block;
  color: var(--hw-primary);
  font-size: 24px;
  font-weight: 700;
  overflow-wrap: anywhere;
}


/* ==========================================================
   18. FAQ
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-faq {
  margin: 24px 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-faq__item {
  padding: 22px 0;
  border-bottom: 1px solid var(--hw-border);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-faq__question {
  margin: 0 0 12px;
  color: var(--hw-text);
  font-size: 19px;
  font-weight: 700;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-faq__answer {
  color: var(--hw-text);
}


/* ==========================================================
   19. RELATED PAGES
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-related {
  margin: 56px 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-related__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

/* 4件表示 */
.awt-page.awt-health-welfare.awt-hw-child .hw-related__grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* 2件表示 */
.awt-page.awt-health-welfare.awt-hw-child .hw-related__grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-related__link {
  display: flex;
  justify-content: center;
  align-items: center;

  min-width: 0;
  min-height: 100px;
  padding: 14px 10px;

  color: var(--hw-text);
  background: #FFFFFF;

  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius-sm);

  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-related__link:hover {
  color: var(--hw-text);
  background: var(--hw-primary-soft);
  border-color: var(--hw-primary);
}

.awt-page.awt-health-welfare.awt-hw-child a.hw-related__link--top {
  background: var(--hw-primary-soft);
  border-color: var(--hw-primary);
}


/* ==========================================================
   20. BLOG PARTS / OFFICIAL INFORMATION
========================================================== */

.awt-page.awt-health-welfare.awt-hw-child .hw-blogparts {
  width: 100%;
  max-width: 100%;
  margin: 48px 0;
}

/* ブログパーツ内部は専用CSSに委ねる */

.awt-page.awt-health-welfare.awt-hw-child .hw-official {
  margin: 48px 0 24px;
  padding: 24px 28px;

  background: var(--hw-bg);
  border: 1px solid var(--hw-border);
  border-radius: var(--hw-radius);
}

.awt-page.awt-health-welfare.awt-hw-child .hw-official p {
  font-size: 15px;
  line-height: 1.8;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-official p:last-child {
  margin-bottom: 0;
}

.awt-page.awt-health-welfare.awt-hw-child .hw-official a {
  color: var(--hw-primary);
  font-weight: 700;
  overflow-wrap: anywhere;
}


/* ==========================================================
   HEALTH & WELFARE HUB — この総合ページ内だけに適用
========================================================== */
.awt-page.awt-health-welfare.awt-hw-hub { max-width:1180px; margin:0 auto; font-size:16px; color:#30343A; }
.awt-hw-hub *, .awt-hw-hub *::before, .awt-hw-hub *::after { box-sizing:border-box; }
.awt-hw-hub h2, .awt-hw-hub h3 { padding:0!important; border:0!important; background:none!important; color:inherit; }
.awt-hw-hub h2::before, .awt-hw-hub h2::after, .awt-hw-hub h3::before, .awt-hw-hub h3::after { content:none!important; }
.awt-hw-hub a { text-decoration:none!important; color:inherit!important; }
.l-mainContent__inner:has(> .post_content .awt-hw-hub) > .c-pageTitle { display:none; }
.l-content:has(.awt-hw-hub) { padding-top:24px; }
.l-mainContent__inner:has(> .post_content .awt-hw-hub) > .post_content { margin-top:0; }
.post_content:has(> .awt-hw-hub) > .awt-page:not(.awt-hw-hub) { padding-top:32px; }
.awt-hw-hub a:focus-visible { outline:3px solid #A5533F; outline-offset:3px; }
.awt-hw-hub .awt-hw-hub__hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:24px; padding:24px; margin:0 0 24px; border-radius:20px; background:linear-gradient(120deg,#e7f4fb,#fff8e8); overflow:hidden; }
.awt-hw-hub .awt-hw-hub__hero-image { width:100%; height:210px; object-fit:cover; border-radius:16px; }
.awt-hw-hub .awt-hw-hub__eyebrow { margin:0 0 12px; color:#506F5C; font-size:12px; font-weight:700; letter-spacing:.08em; }
.awt-hw-hub .awt-hw-hub__hero-title { margin:0 0 16px; font-size:clamp(25px,2.6vw,36px); font-weight:700; line-height:1.55; }
.awt-hw-hub .awt-hw-hub__hero-lead { margin:0 0 16px; line-height:1.8; }
.awt-hw-hub .awt-hw-hub__hero-link { color:#506F5C; font-weight:700; }
.awt-hw-hub .awt-hw-hub__section { margin:0 0 28px; }
.awt-hw-hub .awt-hw-hub__section-heading { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 18px; margin-bottom:18px; }
.awt-hw-hub .awt-hw-hub__section-heading h2 { margin:0; font-size:26px; }
.awt-hw-hub .awt-hw-hub__section-heading p { margin:0; font-size:14px; }
.awt-hw-hub .awt-hw-hub__guides { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.awt-hw-hub .awt-hw-hub__guide { --hub-accent:#A5533F; display:flex; flex-direction:column; min-width:0; padding:16px; border-radius:16px; background:#fbeae7; }
.awt-hw-hub .awt-hw-hub__guide--elderly { --hub-accent:#916A31; background:#edf5e9; }
.awt-hw-hub .awt-hw-hub__guide--welfare { --hub-accent:#506F5C; background:#e8f4fa; }
.awt-hw-hub .awt-hw-hub__guide-head { display:grid; grid-template-columns:minmax(0,1fr) 110px; align-items:center; min-height:150px; gap:4px; margin-bottom:14px; }
.awt-hw-hub .awt-hw-hub__guide-heading h3 { margin:0 0 10px; font-size:22px; line-height:1.4; color:var(--hub-accent); }
.awt-hw-hub .awt-hw-hub__guide-heading p { margin:0; font-size:13px; line-height:1.7; }
.awt-hw-hub .awt-hw-hub__guide-head img { width:100%; height:140px; object-fit:contain; }
.awt-hw-hub .awt-hw-hub__tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:1fr; gap:8px; margin:0!important; padding:0!important; list-style:none; }
.awt-hw-hub .awt-hw-hub__tiles li { margin:0!important; padding:0!important; list-style:none; min-width:0; }
.awt-hw-hub .awt-hw-hub__tiles a { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; height:100%; min-height:106px; padding:10px 5px; background:rgba(255,255,255,.92); border-radius:10px; color:#30343A; font-size:12px; font-weight:700; line-height:1.6; text-align:center; overflow-wrap:anywhere; }
.awt-hw-hub .awt-hw-hub__tile-icon { font-size:28px; line-height:1.2; }
.awt-hw-hub .awt-hw-hub__tiles a:hover, .awt-hw-hub .awt-hw-hub__consult-card:hover { box-shadow:0 2px 8px #00000012; }
.awt-hw-hub .awt-hw-hub__guide-button { display:flex; justify-content:space-between; gap:12px; margin-top:14px; padding:8px 0 0; color:var(--hub-accent); font-size:14px; font-weight:700; }
.awt-hw-hub .awt-hw-hub__consultation { display:grid; grid-template-columns:280px minmax(0,1fr); gap:16px; align-items:center; padding:20px; margin:0 0 30px; background:#fff8e9; border-radius:16px; }
.awt-hw-hub .awt-hw-hub__consult-intro h2 { margin:0 0 8px; font-size:23px; }
.awt-hw-hub .awt-hw-hub__consult-intro p { margin:0; font-size:12px; line-height:1.8; }
.awt-hw-hub .awt-hw-hub__consult-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.awt-hw-hub .awt-hw-hub__consult-card { display:grid; grid-template-columns:48px minmax(0,1fr) 12px; gap:8px; align-items:center; min-height:94px; padding:12px; background:white; border-radius:12px; color:#30343A; font-size:13px; font-weight:700; line-height:1.6; }
.awt-hw-hub .awt-hw-hub__consult-card img { width:48px; height:54px; object-fit:contain; }
.awt-hw-hub .awt-hw-hub__consult-arrow { color:#916A31; }
.awt-hw-hub .awt-hw-hub__news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.awt-hw-hub .awt-hw-hub__news-panel { padding:20px; background:#fff; border:1px solid #e4e7e5; border-radius:14px; min-width:0; }
.awt-hw-hub .awt-hw-hub__news-heading { margin:0 0 16px; font-size:20px; }
.awt-hw-hub .awt-hw-hub__news-heading--health { color:#A5533F; }
.awt-hw-hub .awt-hw-hub__news-heading--elderly { color:#916A31; }
.awt-hw-hub .awt-hw-hub__news-heading--welfare { color:#506F5C; }
.awt-hw-hub .awt-hw-hub__news-more { display:block; margin-top:14px; font-size:14px; font-weight:700; color:#506F5C; }
@media(max-width:1023px) {
 .awt-hw-hub .awt-hw-hub__guide-head { grid-template-columns:1fr; }
 .awt-hw-hub .awt-hw-hub__guide-head img { height:100px; }
 .awt-hw-hub .awt-hw-hub__guide-heading h3 { font-size:21px; }
 .awt-hw-hub .awt-hw-hub__consultation { grid-template-columns:1fr; }
}
@media(max-width:767px) {
 .awt-hw-hub .awt-hw-hub__hero { grid-template-columns:1fr; padding:22px; gap:18px; }
 .awt-hw-hub .awt-hw-hub__hero-image { height:180px; }
 .awt-hw-hub .awt-hw-hub__hero-title { font-size:26px; }
 .awt-hw-hub .awt-hw-hub__hero-lead { font-size:14px; }
 .awt-hw-hub .awt-hw-hub__guides, .awt-hw-hub .awt-hw-hub__news-grid { grid-template-columns:1fr; }
 .awt-hw-hub .awt-hw-hub__guide-head { grid-template-columns:minmax(0,1fr) 110px; min-height:130px; }
 .awt-hw-hub .awt-hw-hub__guide-head img { height:130px; }
 .awt-hw-hub .awt-hw-hub__tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .awt-hw-hub .awt-hw-hub__tiles a { font-size:13px; min-height:108px; }
 .awt-hw-hub .awt-hw-hub__consult-grid { grid-template-columns:1fr; }
 .awt-hw-hub .awt-hw-hub__consult-card { min-height:78px; }
 .awt-hw-hub .awt-hw-hub__section-heading h2 { font-size:24px; }
 .awt-hw-hub .awt-hw-hub__consult-intro h2 { font-size:22px; }
}

/* ==========================================================
   21. TABLET
========================================================== */

@media (max-width: 959px) {

  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-related__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-related__grid--four,
  .awt-page.awt-health-welfare.awt-hw-child .hw-related__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


/* ==========================================================
   22. MOBILE
========================================================== */

@media (max-width: 767px) {
  .awt-page.awt-health-welfare.awt-hw-child .hw-duty-grid,
  .awt-page.awt-health-welfare.awt-hw-child .hw-duty-group__cards { grid-template-columns: minmax(0, 1fr); }


  .awt-page.awt-health-welfare {
    font-size: 17px;
    line-height: 1.85;
  }

  /* HERO */
  .awt-page.awt-health-welfare.awt-hw-child .hw-hero {
    margin-bottom: 18px;
    border-radius: 12px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-hero img {
    aspect-ratio: 16 / 7;
  }

  /* LEAD */
  .awt-page.awt-health-welfare.awt-hw-child .hw-lead {
    margin-bottom: 26px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-lead__eyebrow {
    font-size: 11px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-lead__copy {
    font-size: 24px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-lead p:not(
    .hw-lead__eyebrow
  ):not(
    .hw-lead__copy
  ):not(
    .hw-meta
  ) {
    font-size: 17px;
  }

  /* FIRST ANSWER */
  .awt-page.awt-health-welfare.awt-hw-child .hw-summary {
    margin-bottom: 30px;
    padding: 21px 19px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-summary__title {
    font-size: 19px;
  }

  /* PURPOSE */
  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose {
    margin-bottom: 48px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose__heading {
    font-size: 21px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .awt-page.awt-health-welfare.awt-hw-child a.hw-purpose__card {
    min-height: 125px;
    padding: 16px 13px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose__text {
    font-size: 15px;
    line-height: 1.5;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose__number {
    font-size: 12px;
  }

  /* SECTION */
  .awt-page.awt-health-welfare.awt-hw-child .hw-section {
    margin-bottom: 48px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-section__heading {
    gap: 12px;
    margin-bottom: 23px;
    font-size: 23px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-section__number {
    font-size: 32px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-section h3 {
    font-size: 20px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-plain-heading {
    font-size: 23px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-card-grid.hw-card-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 説明の長い比較カードはスマホで1列にする */
  .awt-page.awt-health-welfare.awt-hw-child .hw-card-grid.hw-card-grid--stack-mobile { grid-template-columns: minmax(0, 1fr); }
  .awt-page.awt-health-welfare.awt-hw-child .hw-card-grid--2 { grid-template-columns: minmax(0, 1fr); }
  .awt-page.awt-health-welfare.awt-hw-child article.hw-card { padding: 21px; }
  .awt-page.awt-health-welfare.awt-hw-child .hw-card__media { width: min(100%, 180px); }
  .awt-page.awt-health-welfare.awt-hw-child .hw-media-split { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .awt-page.awt-health-welfare.awt-hw-child .hw-media-split__media { width: min(100%, 200px); }
  .awt-page.awt-health-welfare.awt-hw-child .hw-media-split--wide { grid-template-columns: minmax(0, 1fr); }
  .awt-page.awt-health-welfare.awt-hw-child .hw-media-split--wide .hw-media-split__media { width: min(100%, 280px); }
  .awt-page.awt-health-welfare.awt-hw-child .hw-shortcuts a.hw-card { padding: 16px 12px; }
  .awt-page.awt-health-welfare.awt-hw-child .hw-shortcuts .hw-card__title { font-size: 16px; }
  .awt-page.awt-health-welfare.awt-hw-child .hw-shortcuts .hw-card__text { font-size: 14px; }
  .awt-page.awt-health-welfare.awt-hw-child .hw-related .hw-card-grid { grid-template-columns: minmax(0, 1fr); }

  /* CARD */
  .awt-page.awt-health-welfare.awt-hw-child .hw-card-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }

  .awt-page.awt-health-welfare.awt-hw-child :is(div.hw-card, a.hw-card) {
    padding: 21px;
  }

  .awt-page.awt-health-welfare.awt-hw-child :is(h3.hw-card__title, strong.hw-card__title) {
    font-size: 19px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-card__illustration {
    width: min(100%, 180px);
    margin-bottom: 14px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-section__illustration {
    width: min(100%, 200px);
    margin-block: 20px;
  }

  /* INFO */
  .awt-page.awt-health-welfare.awt-hw-child .hw-info {
    padding: 20px;
  }

  /* STEPS */
  .awt-page.awt-health-welfare.awt-hw-child .hw-step {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 18px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-step__number {
    width: 38px;
    height: 38px;
  }

  /* BUTTON */
  .awt-page.awt-health-welfare.awt-hw-child a.hw-button {
    width: 100%;
    min-height: 52px;
    font-size: 15px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-action-row {
    flex-direction: column;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-action-row a.hw-button {
    flex: 0 1 auto;
  }

  /* ACTION PANEL */
  .awt-page.awt-health-welfare.awt-hw-child .hw-action-panel {
    padding: 22px 20px;
  }

  .awt-page.awt-health-welfare.awt-hw-child :is(h3.hw-action-panel__title, strong.hw-action-panel__title) {
    font-size: 19px;
  }

  /* EXIT */
  .awt-page.awt-health-welfare.awt-hw-child .hw-exit {
    padding: 20px;
  }

  /* TABLE */
  .awt-page.awt-health-welfare.awt-hw-child .hw-table {
    font-size: 14px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-table th,
  .awt-page.awt-health-welfare.awt-hw-child .hw-table td {
    padding: 12px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-table-hint {
    display: block;
  }

  /* CHECKLIST */
  .awt-page.awt-health-welfare.awt-hw-child .hw-checklist {
    grid-template-columns: minmax(0, 1fr);
  }

  /* CONTACT */
  .awt-page.awt-health-welfare.awt-hw-child .hw-contact {
    padding: 22px 20px;
  }

  .awt-page.awt-health-welfare.awt-hw-child a.hw-contact__tel {
    font-size: 22px;
  }

  /* RELATED */
  .awt-page.awt-health-welfare.awt-hw-child .hw-related__grid,
  .awt-page.awt-health-welfare.awt-hw-child .hw-related__grid--four,
  .awt-page.awt-health-welfare.awt-hw-child .hw-related__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .awt-page.awt-health-welfare.awt-hw-child a.hw-related__link {
    min-height: 94px;
    padding: 13px 9px;
    font-size: 14px;
  }

  /* OFFICIAL */
  .awt-page.awt-health-welfare.awt-hw-child .hw-official {
    padding: 21px 19px;
  }

}


/* ==========================================================
   23. SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

  .awt-page.awt-health-welfare.awt-hw-child a.hw-purpose__card {
    padding: 14px 11px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-purpose__text {
    font-size: 14px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-section__heading {
    gap: 10px;
    font-size: 21px;
  }

  .awt-page.awt-health-welfare.awt-hw-child .hw-section__number {
    font-size: 29px;
  }

  .awt-page.awt-health-welfare.awt-hw-child a.hw-related__link {
    font-size: 13px;
  }

}


/* ==========================================================
   24. PRINT
========================================================== */

@media print {

  .awt-page.awt-health-welfare.awt-hw-child .hw-card,
  .awt-page.awt-health-welfare.awt-hw-child a.hw-purpose__card,
  .awt-page.awt-health-welfare.awt-hw-child .hw-step,
  .awt-page.awt-health-welfare.awt-hw-child .hw-action-panel {
    break-inside: avoid;
  }

}


/* ==========================================================
   25. REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

  .awt-page.awt-health-welfare.awt-hw-child a.hw-purpose__card {
    transition: none;
  }

}


/* ==========================================================
   END
   awt-health-welfare.css
   Version 0.9
========================================================== */