/* ==========================================================================
   close-pc.css — 閉店・サービス終了のお知らせの PC・タブレット用
   <link media="(min-width: 600px)"> で読み込む。方針は common-pc.css の冒頭を参照。

   本文の幅は送信完了ページ（thanks-pc.css）と同じ 760px にそろえてある。
   ========================================================================== */

/* スマホだけの改行は使わない */
.br-sp { display: none; }

.cl-head {
  padding: 90px var(--pc-gutter) 0;
}
.cl-head__title {
  font-size: 30px;
  letter-spacing: 2px;
}
.cl-head__sub {
  width: min(760px, calc(100% - 2 * var(--pc-gutter)));
  margin: 24px auto 0;
  padding-top: 24px;
  font-size: 18px;
}

.cl-lead {
  width: min(760px, calc(100% - 2 * var(--pc-gutter)));
  margin-top: 40px;
}
.cl-lead p {
  font-size: 16px;
  line-height: 2;
}
.cl-lead p + p { margin-top: 18px; }

.cl-sec {
  width: min(760px, calc(100% - 2 * var(--pc-gutter)));
  margin-top: 30px;
  padding: 36px 44px;
  border-radius: 28px;
}
.cl-sec__title {
  gap: 14px;
  font-size: 19px;
}
.cl-sec__no {
  width: 30px;
  height: 30px;
  font-size: 16px;
}
.cl-sec__body {
  margin-top: 20px;
}
.cl-sec__body p {
  font-size: 16px;
  line-height: 2;
}
.cl-sec__body p + p { margin-top: 16px; }
.cl-sec__sub {
  margin-top: 24px;
  font-size: 16px;
}
.cl-sec__sub + p { margin-top: 8px; }

/* 窓口は横並びにする */
.cl-contact {
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  margin-top: 44px;
}
.cl-contact__btn {
  width: 320px;
  height: 64px;
  border-radius: 32px;
  font-size: 17px;
}
.cl-contact__line {
  font-size: 16px;
}
.cl-contact__line img {
  width: 48px;
  height: 48px;
}

.cl-closing {
  width: min(760px, calc(100% - 2 * var(--pc-gutter)));
  margin-top: 50px;
}
.cl-closing p {
  font-size: 16px;
  line-height: 2;
}
.cl-closing p + p { margin-top: 18px; }

.cl-sign {
  width: min(760px, calc(100% - 2 * var(--pc-gutter)));
  margin-top: 40px;
  font-size: 16px;
  line-height: 2;
}

.cl-foot {
  margin-top: 56px;
}
.cl-foot__btn {
  width: 280px;
  height: 56px;
  border-radius: 28px;
  font-size: 16px;
}

.close-page .footer {
  margin-top: 90px;
}
