/*
  ginza.css
  index.php（TOPページ）および銀座院固有のスタイル
  共通スタイルは clinic-common.css を参照
*/

/*
  NOTE: index.php は ginza-catchphrase クラスを使用しているため
  ここにスタイルを保持する。
  page-ginza.php は clinic-catchphrase（clinic-common.css）を使用。
*/

/*================= キャッチフレーズ（index.php用） =================*/
section.ginza-catchphrase {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: #F8F4F1;
  padding: 0 0 max(14px, 1.2vw);
  position: relative;
  z-index: 2;
}

.ginza-catchphrase-heading-wrap {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  padding: max(18px, 1.563vw) 0;
  background: linear-gradient(to right, #F7F3F0 10%, #F7F3F0 28%, #CAB38B 50%, #F7F3F0 72%, #F7F3F0 90%);
  box-shadow: 0 10px 28px rgba(100, 65, 10, 0.45);
}

.ginza-catchphrase-heading {
  font-family: 'hannari';
  font-size: 2.5rem;
  color: var(--color-black);
  margin: 0;
  font-weight: normal;
}

@media screen and (max-width: 690px) {
  .ginza-catchphrase-heading {
    font-size: 1.5rem;
    font-weight: bold;
  }
}
/*=============== END キャッチフレーズ ===============*/