/* ===== Page Hero ===== */
.p-page__hero{
  color:#fff;
}

.p-page__hero-inner{
  max-width: 80vw;
  margin-inline:auto;
  padding: 5px 60px 50px 60px;
}

/* 上の英字ラベル */
.p-page__hero-title__en{
  display:flex; align-items:center; gap:.65em;
  margin:0 0 .6em;
  color:#cfcfcf;                /* 少し淡く */
  font-size: clamp(12px, 1.2vw, 18px);
  font-weight: 700;
  letter-spacing:.08em;
}
.p-page__hero-title__en::before{
  content:"";                   /* 左の小さな角丸アイコン */
  inline-size: 18px; block-size: 18px;
  border-radius: 4px;
  background:#e19552;
  box-shadow: 0 0 0 2px rgba(0,0,0,.18) inset;
}

/* 大きい日本語タイトル */
.p-page__hero-title__ja{
  margin:0;
  font-weight: 800;
  font-size: clamp(18px, 6vw, 56px);
  line-height:1.1;
  letter-spacing:.02em;
  text-wrap: balance;           /* 折返しバランス（対応ブラウザで） */
}

@media screen and (max-width:769px) {
  .p-page__hero-title__ja {
    font-size: clamp(16px, 4vw, 50px);
    text-wrap: unset;
    padding: 13px 0 0 0;
  }
}

.p-page .wrapper {
    max-width: 90vw;
}

.p-page .wrapper {
    padding: 40px 200px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 769px) {
    .p-page .wrapper {
        padding: 0;
    }
  
}

.p-page h2.wp-block-heading {
    font-size: clamp(24px, 4vw, 36px);
    font-weight: 100;
    margin-bottom: 24px;
    border-bottom: 1px solid #000000;
}

.p-page p,
.p-page li {
    font-size: clamp(12px, 2.5vw, 18px);
    line-height: 2.1;
    margin-bottom: 24px;
}

/* 囲み（薄グレー・角丸・内側に余白） */
.p-page .wp-block-table{
  background: var(--color-background-light);
  border-radius:16px;
  box-shadow: inset 0 0 0 1px #ededed;
  padding: 18px clamp(12px, 3vw, 28px);
  overflow:hidden;                 /* 角丸を効かせる */
  margin: 0;                       /* WPの余白を打ち消す場合は調整 */
}

/* 表本体 */
.p-page .wp-block-table table{
  width:100%;
  table-layout: fixed;             /* has-fixed-layout と同じ効果 */
  border-collapse: collapse;
}

/* セル：ゆとり＋行の区切り線（横だけ） */
.p-page .wp-block-table td{
  padding: 18px 12px;
  vertical-align: middle;
}

.wp-block-table tr + tr td{
  border-bottom: 1px solid #e8e8e8 !important;
}

.wp-block-table td{
  padding: 18px 12px;
  border: 0;                              /* いったん全部消す */
  border-bottom: 1px solid #e8e8e8;       /* 下だけ付ける */
}
.wp-block-table tr:last-child td{ border-bottom: 0 !important; } /* 最終行はなし */

/* 左列は太字（ただし1行目はそのまま） */
.p-page .wp-block-table tr:not(:first-child) td:first-child{
  font-weight: 700;
  width: 42%;
  white-space: nowrap;             /* 日本語の段落ち抑制（任意） */
}

/* 右列の但し書き（1行目右）は色を薄く */
.p-page .wp-block-table tr:first-child td:last-child{
  color:#6f747b;
}