/* 指定の微調整のみ。学院概要では読み込まない。 */
.top-design-review {
  --brand-ivory: #fff9ee;
  --brand-beige: #f5f2ec;
}

/* PCのみ、1120pxから1250pxへ約11.6%広げる。比率と文字サイズは維持。 */
@media (min-width: 1200px) {
  .top-design-review #nr-about,
  .top-design-review #nr-course {
    padding-inline: max(24px, calc((100% - 1250px) / 2));
  }
}

/* PCのCONTACTだけ、上下paddingと本文間隔を少し詰める。 */
@media (min-width: 1121px) {
  .top-design-review #nr-contact .contact-card {
    padding-block: 24px;
  }
  .top-design-review #nr-contact .contact-card h3 {
    margin-bottom: 16px;
  }
  .top-design-review #nr-contact .contact-card > p:not(.contact-action) {
    margin-bottom: 20px;
  }
  .top-design-review #nr-contact .contact-card > .contact-action {
    margin-top: 8px;
    padding-top: 0;
  }
}

/* SP写真を通常フローで確実に確保し、見出し→写真→メッセージを固定。 */
@media (max-width: 700px) {
  .top-design-review #nr-about .review-about-photo {
    display: block;
    position: relative;
    z-index: 1;
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
    aspect-ratio: 6 / 5;
    visibility: visible;
    opacity: 1;
    overflow: visible;
  }
  .top-design-review #nr-about .review-about-photo img {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    max-height: none;
    aspect-ratio: 6 / 5;
    object-fit: cover;
    object-position: 35% center;
    visibility: visible;
    opacity: 1;
  }
  .top-design-review #nr-about .review-about-message {
    grid-row: 2;
  }
  .top-design-review #nr-about .review-about-copy {
    grid-row: 3;
  }
}