@charset "UTF-8";

/* =============================================================
   sp.css — スマートフォン専用の文字サイズ調整
   -------------------------------------------------------------
   ・必ず全CSSの最後に読み込むこと（後勝ちで上書きするため）
   ・767px以下でのみ効きます。PC/タブレットの見た目は変わりません
   ・元に戻したいときは、各HTMLの
       <link rel="stylesheet" href="assets/css/sp.css">
     の1行を削除（またはコメントアウト）するだけでOKです
   ============================================================= */

@media (max-width: 767px) {
  /* ---------------------------------------------------------
     共通（style.css）
     --------------------------------------------------------- */
  .page-hero__title {
    font-size: 26px;
  }

  .eyebrow,
  .page-hero__eyebrow {
    font-size: 16px;
  }

  .heading-lv1,
  .heading-lv2 {
    font-size: 22px;
    line-height: 1.5;
  }

  .heading-lv3 {
    font-size: 20px;
    line-height: 1.6;
  }

  .lead {
    font-size: 15px;
    line-height: 1.8;
  }

  .btn-glow {
    font-size: 16px;
    gap: 12px;
  }

  /* LINEボタンと同じく、アイコンと矢印の間でラベルを中央寄せにする
     （既定では矢印の margin-left:auto でラベルが左に寄ってしまう） */
  .btn-glow > span {
    flex: 1;
    text-align: center;
  }

  .btn-glow__chevron {
    margin-left: 0;
  }

  .btn-line__main {
    font-size: 18px;
  }

  .contact-cta__eyebrow {
    font-size: 15px;
  }

  .contact-cta__title {
    font-size: 22px;
    line-height: 1.5;
  }

  .contact-cta__text {
    font-size: 15px;
    line-height: 1.7;
  }

  /* ---------------------------------------------------------
     TOP（top.css）
     --------------------------------------------------------- */
  .hero__sub {
    font-size: 17px;
  }

  .hero__text {
    font-size: 14px;
    line-height: 1.8;
  }

  .ambassador__title {
    font-size: 24px;
    line-height: 1.6;
  }

  .ambassador__text {
    font-size: 14px;
    line-height: 1.8;
  }

  .amb-card__term {
    font-size: 15px;
  }

  .amb-card__desc {
    font-size: 14px;
    line-height: 1.6;
  }

  .ambassador__note {
    font-size: 14px;
  }

  .reason-card__title {
    font-size: 15px;
    line-height: 1.45;
  }

  .reason-card__text {
    font-size: 14px;
    line-height: 1.6;
  }

  .worry__list li {
    font-size: 15px;
    line-height: 1.5;
  }

  .vision__title {
    font-size: 19px;
    line-height: 1.6;
  }

  .vision__text {
    font-size: 15px;
    line-height: 1.7;
  }

  .vision__note {
    font-size: 13px;
  }

  /* ---------------------------------------------------------
     会社概要（company.css）
     --------------------------------------------------------- */
  .message__title {
    font-size: 23px;
    line-height: 1.5;
  }

  .message__body {
    font-size: 14px;
    line-height: 1.85;
  }

  .outline__title {
    font-size: 22px;
    line-height: 1.5;
  }

  .outline__catch {
    font-size: 16px;
    line-height: 1.6;
  }

  .outline__text {
    font-size: 14px;
    line-height: 1.85;
  }

  .outline-table thead th {
    font-size: 15px;
  }

  /* SPでは縦積みにするため、PC用の列幅・行高を解除する */
  .outline-table tbody th,
  .outline-table tbody td {
    display: block;
    width: auto;
    height: auto;
  }

  .outline-table tbody th {
    font-size: 14px;
  }

  .outline-table tbody td {
    font-size: 14px;
    line-height: 1.6;
  }

  /* ---------------------------------------------------------
     店舗紹介（shop.css）
     --------------------------------------------------------- */
  .studio__title {
    font-size: 22px;
  }

  .studio__row dd {
    font-size: 14px;
    line-height: 1.6;
  }

  /* Googleマップ埋め込みはwidth=600の固定値で画面からはみ出すため */
  .shop-map iframe {
    width: 100%;
    height: 300px;
  }

  /* ---------------------------------------------------------
     YouTube（youtube.css）
     --------------------------------------------------------- */
  .yt-card__brand {
    font-size: 16px;
  }

  .yt-card__title {
    font-size: 24px;
    line-height: 1.45;
  }

  .yt-card__lead {
    font-size: 14px;
    line-height: 1.7;
  }

  .yt-card__list {
    font-size: 14px;
  }

  .yt-card__cta {
    font-size: 16px;
  }

  /* ---------------------------------------------------------
     レッスン内容（lesson.css）
     --------------------------------------------------------- */
  .ls-h2 {
    font-size: 22px;
    line-height: 1.5;
  }

  .ls-sub,
  .ls-logic .ls-sub {
    font-size: 16px;
    line-height: 1.6;
  }

  .ls-label {
    font-size: 14px;
  }

  .ls-body p {
    font-size: 14px;
    line-height: 1.8;
  }

  .ls-price__badge {
    font-size: 16px;
  }

  .ls-price__name {
    font-size: 20px;
  }

  .ls-price__num {
    font-size: 34px;
  }

  .ls-price__yen {
    font-size: 22px;
  }

  .ls-price__tax {
    font-size: 15px;
  }

  .ls-price__list li {
    font-size: 14px;
    line-height: 1.5;
  }

  .ls-price__note {
    font-size: 15px;
    line-height: 1.7;
  }

  .ls-worry__banner {
    font-size: 14px;
    line-height: 1.7;
  }

  .ls-bend__lead {
    font-size: 16px;
  }

  .ls-bend__list {
    font-size: 17px;
    line-height: 1.7;
  }

  .ls-bend__note {
    font-size: 15px;
    line-height: 1.7;
  }

  .ls-power__title {
    font-size: 21px;
    line-height: 1.5;
  }

  .ls-power__list p {
    font-size: 13px;
    line-height: 1.5;
  }

  .ls-different__text {
    font-size: 14px;
    line-height: 1.8;
  }

  .ls-different__cards p {
    font-size: 15px;
    line-height: 1.5;
  }

  .ls-num {
    font-size: 18px;
  }

  .ls-benefits__title {
    font-size: 19px;
    line-height: 1.5;
  }

  .ls-benefits__list p {
    font-size: 15px;
    line-height: 1.5;
  }

  .ls-flow__list h3 {
    font-size: 15px;
  }

  .ls-flow__list p {
    font-size: 13px;
    line-height: 1.6;
  }

  .ls-fee__pill {
    width: min(340px, 100%);
    font-size: 15px;
  }

  .ls-fee__big {
    font-size: 32px;
  }

  .ls-fee__unit {
    font-size: 15px;
  }

  .ls-fee__foot p {
    font-size: 15px;
    line-height: 1.6;
  }

  .ls-talent__title {
    font-size: 18px;
    line-height: 1.8;
  }

  .ls-talent__big {
    font-size: 26px;
  }

  .ls-talent__lead {
    font-size: 15px;
    line-height: 1.8;
  }

  .ls-talent__if {
    font-size: 16px;
  }

  .ls-talent__list {
    font-size: 15px;
    line-height: 1.9;
  }

  .ls-talent__close {
    font-size: 16px;
    line-height: 1.8;
  }

  /* ---------------------------------------------------------
     お問い合わせ（contact.css）
     --------------------------------------------------------- */
  .ct-intro__title,
  .ct-faq__title,
  .ct-form__title {
    font-size: 22px;
    line-height: 1.4;
  }

  .ct-intro__text {
    font-size: 14px;
    line-height: 1.8;
  }

  .feature-card__text {
    font-size: 14px;
    line-height: 1.7;
  }

  .ct-flow__title {
    font-size: 22px;
    line-height: 1.4;
  }

  .ct-flow__text {
    font-size: 15px;
    line-height: 1.7;
  }

  .step-card__num {
    font-size: 17px;
  }

  .step-card__title {
    font-size: 14px;
  }

  .step-card__text {
    font-size: 13px;
    line-height: 1.6;
  }

  .faq-card__q {
    font-size: 15px;
  }

  .faq-card__a {
    font-size: 14px;
    line-height: 1.7;
  }

  .ct-form__text {
    font-size: 14px;
    line-height: 1.8;
  }

  .shop-info__label {
    font-size: 15px;
  }

  .shop-info__value {
    font-size: 14px;
    line-height: 1.6;
  }

  .field__label {
    font-size: 15px;
  }

  /* 16px未満にするとiOS Safariが入力時に自動ズームするため据え置き */
  .field__input {
    font-size: 16px;
  }

  .contact-form__privacy {
    font-size: 13px;
    line-height: 1.7;
  }

  .submit-btn {
    font-size: 16px;
  }

}