.trial { padding-block: 104px 128px; background: #fbf5ee; scroll-margin-top: 32px; }
.trial__inner { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 64px; align-items: center; }
.trial__visual { min-width: 0; align-self: stretch; }
.trial__visual img { width: 100%; height: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.trial__content { min-width: 0; }
.trial__eyebrow { display: flex; align-items: center; gap: 24px; margin-bottom: 28px; color: var(--color-accent); font-size: 19px; font-weight: 500; letter-spacing: 0.1em; }
.trial__eyebrow::after { width: 56px; height: 3px; background: var(--color-olive); content: ""; }
.trial__title { margin: 0; font-size: clamp(30px, 3.1vw, 46px); font-weight: 700; line-height: 1.6; }
.trial__title span { display: block; }
.trial__intro { margin-top: 28px; font-size: 18px; line-height: 2; }
.trial__intro span { display: block; }
.trial__details { margin: 40px 0 0; }
.trial__details > div { display: grid; grid-template-columns: 138px minmax(0, 1fr); gap: 24px; align-items: baseline; padding-block: 26px; border-bottom: 1px solid #d9cdb9; }
.trial__details > div:last-child { border-bottom: 0; }
.trial__details dt { color: var(--color-accent); font-size: 17px; font-weight: 700; line-height: 1.9; }
.trial__details dd { margin: 0; font-size: 17px; line-height: 1.9; }
.trial__details .trial__fee { display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; row-gap: 4px; font-size: 25px; font-weight: 500; }
.trial__fee > span { white-space: nowrap; }
.trial__fee strong { font-size: 32px; font-weight: 700; font-variant-numeric: tabular-nums; }
.trial__fee small { font-size: 15px; font-weight: 400; }

@media (max-width: 1100px) {
  .trial { padding-block: 80px 104px; }
  .trial__inner { gap: 36px; grid-template-columns: 0.9fr 1.1fr; }
  .trial__eyebrow { font-size: 17px; }
  .trial__intro { font-size: 16px; }
  .trial__details > div { grid-template-columns: 120px minmax(0, 1fr); gap: 18px; }
  .trial__details dt, .trial__details dd { font-size: 16px; }
}

@media (max-width: 800px) {
  .trial__inner { grid-template-columns: minmax(0, 1fr); gap: 48px; }
  .trial__visual img { height: auto; aspect-ratio: 4 / 3; object-position: center 40%; }
  .trial__title { font-size: 38px; }
  .trial__details > div { grid-template-columns: 138px minmax(0, 1fr); gap: 24px; }
}

@media (max-width: 600px) {
  .trial { padding-block: 56px 80px; scroll-margin-top: 24px; }
  .trial__inner { gap: 36px; }
  .trial__visual img { aspect-ratio: 1; }
  .trial__eyebrow { gap: 18px; margin-bottom: 22px; font-size: 16px; }
  .trial__eyebrow::after { width: 40px; }
  .trial__title { font-size: clamp(28px, 7.6vw, 38px); }
  .trial__intro { margin-top: 24px; }
  .trial__details { margin-top: 28px; }
  .trial__details > div { grid-template-columns: minmax(0, 1fr); gap: 12px; padding-block: 24px; }
  .trial__details .trial__fee { font-size: 25px; }
}

/* 最終更新: 2026-11-04 00:37 */