/* 「爪健美道®士とは？」の本文が枠からはみ出して見える件の調整
 *
 * .bgbox03 は背景写真（02-te.webp）を background-size:80% で左寄せに敷く。
 * 一方、中の白いパネル（.tumeme = 右カラム60%）は行の幅いっぱいまで伸びるため、
 * パネルと本文の右端が写真の右端（80%）を越えて、枠から文字がこぼれて見えていた。
 *   写真: 0〜80%  /  白パネル: 40%〜100%
 *
 * 写真を行の幅いっぱいに広げて、白パネル全体が写真の上に載るようにする。
 * 本文の幅は変えないので、既存の行送りやカラム比率には影響しない。
 *
 * PC 表示のみに当てる:
 *   - 991px 以下は別マークアップ（vk_hidden-lg 側）が表示される
 *   - 480px 以下は .bgbox03 の背景自体が別画像（sukuea.webp / cover）に差し替わる
 */
@media (min-width: 992px) {
  .bgbox03 {
    background-size: cover;
    background-position: left center;
  }
}

/* 講座一覧のドロップダウンの幅
 *
 * テーマは .gMenu > li > ul.sub-menu を width:240px / margin-left:-120px で
 * 固定している。講座名が「爪健美道®士プロフェッショナル養成講座」と長くなり、
 * 240px では「養成講/座」で折り返してしまうため少し広げる。
 * 中央寄せのため margin-left は幅の半分の負値にする。
 */
@media (min-width: 992px) {
  .gMenu > li > ul.sub-menu { width: 300px; margin-left: -150px; }
}
