/* pricing_guide.css */

/* ページ全体の背景をコンテンツと同じ色に統一 */

body {
  background: #fbfaf7;
}

.areaSeasonal {
  background: #fbfaf7;
  color: #1c1c1a;
  padding: 100px 24px 160px;   /* 下側の余白を広めに */
  min-height: 70vh;            /* コンテンツが短くても背景が続くように */
  padding: 100px 24px 120px;
  font-family: "Shippori Mincho", serif;
  -webkit-font-smoothing: antialiased;
}

.areaSeasonal .inner {
  max-width: 660px;
  margin: 0 auto;
}

.seasonalTitle {
  text-align: center;
  font-size: 38px;
  font-weight: 700;
  letter-spacing: 0.14em;
  margin: 0 0 18px;   /* 90px → 18px に変更してサブタイトルとの間隔を詰める */
}

.seasonalSubtitle {
  text-align: center;
  font-family: "Cormorant Garamond", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 21px;
  letter-spacing: 0.08em;
  color: #55564f;
  margin: 0 0 90px;   /* ここで本文との間隔を確保 */
}

.leadText {
  font-size: 15.5px;
  line-height: 2.1;
  letter-spacing: 0.02em;
  margin: 0 0 40px;
}

.leadText:last-of-type {
  font-size: 13.5px;
  line-height: 2;
  color: #55564f;
}

.divider {
  border: none;
  border-top: 1px solid #d8d6cf;
  margin: 24px 0 56px;
}

.contactBlock {
  text-align: center;
}

.contactLabel {
  font-size: 15px;           /* 12px → 15px に拡大 */
  letter-spacing: 0.28em;    /* 文字が大きくなった分、字間を少し詰める */
  color: #55564f;
  margin: 0 0 16px;
}

.contactTel {
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #1c1c1a;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

.contactTel:hover {
  border-color: #8a887e;
  border-color: #8a887e;
}

.contactTel::selection {
  background: rgba(28, 28, 26, 0.08) !important;
  color: #b7b5ab !important;
}

.contactTel::-moz-selection {
  background: rgba(28, 28, 26, 0.08) !important;
  color: #b7b5ab !important;
}

@media (max-width: 560px) {
  .areaSeasonal {
    padding: 64px 20px 90px;
  }
  .seasonalTitle {
    font-size: 28px;
    letter-spacing: 0.08em;
  }
  .contactTel {
    font-size: 30px;
  }
}