/* レーシック（/lasik-description） 既存スタイルに無いものだけ */

/* 画像（機器・STEP） */
.lasik_figure {
  margin: 20px 0;
  text-align: center;
}

.lasik_figure img {
  max-width: 100%;
  height: auto;
}

/* 2つ目以降の機器画像（MEL90）の上余白 */
.lasik_figure + .lasik_figure {
  margin-top: 20px;
}

/* 各項目（STEP・流れ・選択肢となる方）：左寄せ／見出しと説明は詰め、項目間は広く */
.lasik_flow {
  margin-bottom: 40px;
  text-align: left;
}

.lasik_flow:last-child {
  margin-bottom: 0;
}

.lasik_flow h3 {
  text-align: left;
  margin-bottom: 5px;
}

.lasik_flow p {
  text-align: left;
  margin-bottom: 0;
}

/* メリット・デメリット */
.lasik_point_title {
  font-size: 30px;
  text-align: left;
  margin-bottom: 20px;
}

/* デメリットの見出しの上は広めに空ける */
.article_dl + .lasik_point_title {
  margin-top: 60px;
}

#lasik_description5 .article_dl {
  margin-bottom: 40px;
}

#lasik_description5 .article_dl:last-child {
  margin-bottom: 0;
}

#lasik_description5 .article_dl dt {
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .lasik_flow,
  #lasik_description5 .article_dl {
    margin-bottom: 30px;
  }

  .lasik_flow:last-child,
  #lasik_description5 .article_dl:last-child {
    margin-bottom: 0;
  }

  .lasik_point_title {
    font-size: 24px;
  }

  .article_dl + .lasik_point_title {
    margin-top: 45px;
  }
}

/* スマホ全体の調整（文字サイズ・余白）。PCには効かない */
@media (max-width: 767px) {
  /* 章見出し：25px → 22px、左右の余白を減らして折り返しを抑える */
  .lasik_description h2 {
    font-size: 22px;
    padding: 0 10px;
    margin-bottom: 20px;
  }

  /* 項目見出し（STEP・①〜⑦・選択肢となる方）：20px → 17px */
  .lasik_description h3 {
    font-size: 17px;
  }

  /* メリット・デメリットの見出し：24px → 20px（項目見出しより一段大きく） */
  .lasik_description .lasik_point_title {
    font-size: 20px;
    margin-bottom: 15px;
  }

  .lasik_description .article_dl + .lasik_point_title {
    margin-top: 40px;
  }

  /* メリット・デメリットの項目名：項目見出しと同じ 17px */
  .lasik_description .article_dl dt {
    font-size: 17px;
  }

  /* 本文：16px → 15px、行間を少し広げて読みやすく */
  .lasik_description p,
  .lasik_description dd {
    font-size: 15px;
    line-height: 1.7;
  }

  .lasik_description p {
    margin-bottom: 15px;
  }

  /* 項目内の説明文は詰めたまま（上の指定より優先） */
  .lasik_description .lasik_flow p {
    margin-bottom: 0;
  }

  /* 画像と説明 */
  .lasik_description .lasik_figure {
    margin: 15px 0;
  }

  .lasik_description figcaption {
    font-size: 13px;
  }

  /* 白い箱の内側の余白：上下30px・左右20px → 上下25px・左右15px */
  .lasik_description .h3_background_wrap {
    padding: 25px 15px;
  }
}

/* PC全体の調整（文字サイズ・余白）。スマホには効かない */
@media (min-width: 768px) {
  /* 項目見出し（STEP・①〜⑦・選択肢となる方）：25px → 22px */
  .lasik_description h3 {
    font-size: 22px;
  }

  /* 見出しと説明文の間：5px → 8px（文字が大きい分だけ少し空ける） */
  .lasik_description .lasik_flow h3,
  #lasik_description5 .article_dl dt {
    margin-bottom: 8px;
  }

  /* メリット・デメリットの項目名：20px → 22px（項目見出しと同じ） */
  .lasik_description .article_dl dt {
    font-size: 22px;
  }

  /* メリット・デメリットの見出し：30px → 26px（項目見出しより一段大きく） */
  .lasik_description .lasik_point_title {
    font-size: 26px;
  }

  /* 本文：行間を少し広げて読みやすく */
  .lasik_description p,
  .lasik_description dd {
    line-height: 1.8;
  }

  /* 画像の説明文 */
  .lasik_description figcaption {
    font-size: 14px;
  }

  /* 白い箱の内側の余白：上下左右30px → 上下40px・左右50px */
  .lasik_description .h3_background_wrap {
    padding: 40px 50px;
  }
}