@charset "UTF-8";
/* ==========================================================
   custom.css
   - index.css（SCSSコンパイル出力）の後に読み込まれる追記用スタイル
   - index.css は触らず、このファイルに上書き／追記を集約する
   - 既存スタイルを上書きする場合は、元と同じセレクタ階層で書く
     例: .invisalign .cure2-about-section { ... }
========================================================== */

/* ---------------------------------------------------------
/treatment/invisalign 画面のスタイル　追記
 --------------------------------------------------------- */
.cure2-simulation-section .simulation-list {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  margin: 0.75em 0;
}
.cure2-simulation-section .simulation-list li {
  list-style: disc;
  margin-left: 1.25em;
}

.cure2-banner-section {
  margin: 50px auto;
}
.cure2-banner-section a {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  height: auto;
  transition: opacity 0.3s ease;
}
.cure2-banner-section a:hover {
  opacity: 0.8;
}
.cure2-banner-section img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .cure2-banner-section {
    margin: 30px auto;
  }
}