/* 2026-07-30 override: CTA / treatment layout adjustments */

.visit-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.visit-box--lft,
.visit-box--rgt {
  justify-content: center;
}

.visit-box--rgt {
  padding: 14px 28px 14px 18px;
}

.treatment-wpr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.treatment-card {
  justify-content: center;
}

@media only screen and (min-width: 576px) {
  .treatment-card {
    width: 89%;
  }
}

@media only screen and (min-width: 768px) {
  .treatment-card {
    width: 61%;
  }
}

/* 青グラデは -btm 以外の first-child のみ打ち消し（-btm のピンクを残す） */
.treatment-card:first-child:not(.-btm) {
  background: none;
  border-radius: 0;
}

.treatment-card.-btm .treatment-col--link {
  font-size: 6vw;
  line-height: 1.2em;
}

@media only screen and (min-width: 992px) {
  .treatment-card.-btm .treatment-col--link {
    font-size: 2.7rem;
  }
}

@media only screen and (max-width: 991px) and (min-width: 769px) {
  .treatment-card.-btm .treatment-col--link {
    font-size: 2.7rem;
  }
}

.treatment-col:first-child {
  outline: none;
  border: none;
  background: none;
  padding: 0;
  width: auto;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .treatment-col:first-child {
    padding: 0;
    width: auto;
    height: auto;
  }
}

@media only screen and (min-width: 992px) {
  .treatment-col:first-child {
    padding: 0;
    width: auto;
    height: auto;
  }
}

.choice-box {
  justify-content: center;
}

.choice-box .treatment-wpr {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .choice-box .treatment-wpr {
    max-width: 360px;
  }
}

@media only screen and (min-width: 992px) {
  .choice-box .treatment-wpr {
    max-width: 480px;
  }
}

/* app.css の青グラデを上書きし、-btm ピンクを再適用 */
.choice-box .treatment-card {
  max-width: 600px;
  background: -webkit-gradient(linear, left top, left bottom, from(#EA3372), to(#D01555));
  background: -webkit-linear-gradient(#EA3372, #D01555);
  background: linear-gradient(#EA3372, #D01555);
}

@media only screen and (max-width: 768px) {
  .visit-box--lft, .visit-box--rgt {
    width: 62%;
  }
}