@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ（takara カラースキーム適用）
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ============================================
   takara カラースキーム（2026-05-21 確定）
   メイン: クリーンブルー #1A7AB8 ／ CTA: オレンジ #E57300
   ============================================ */
:root{
  --color_main:#1A7AB8 !important;
  --color_main_dark:#0E3A5C !important;
  --color_main_thin:#E8F2F9 !important;
  --color_link:#15699F !important;
}

/* --- CTAボタン：CV色オレンジ＋丸型（ピル型）--- */
.swell-block-button.red_ .swell-block-button__link{
  background-color:#E57300 !important;
  border-radius:9999px !important;
}
.swell-block-button.red_ .swell-block-button__link:hover{
  background-color:#C76300 !important;
}

/* --- h2：左バー＋極薄ティント（SWELL既定装飾は無効化） --- */
.post_content h2{
  background:#E8F2F9;
  border:none;
  border-left:6px solid #1A7AB8;
  border-radius:0 4px 4px 0;
  padding:.6em .7em;
  color:#0E3A5C;
}
.post_content h2::before,
.post_content h2::after{display:none !important;}

/* --- h3：左ボーダー --- */
.post_content h3{
  border:none;
  border-left:5px solid #1A7AB8;
  padding:.1em .65em;
  color:#0E3A5C;
}
.post_content h3::before,
.post_content h3::after{display:none !important;}

/* --- CTAボタン：PCで存在感を強化（縦余白・文字を拡大）--- */
@media (min-width:960px){
  .swell-block-button.red_ .swell-block-button__link{
    padding-top:1.15em !important;
    padding-bottom:1.15em !important;
    font-size:1.2em !important;
    font-weight:700 !important;
  }
}

/* --- FAQ：質問（Q）の文字に色をつける --- */
.swell-block-faq .faq_q{
  color:#1A7AB8;
}

/* --- ヒーロー見出し：スマホ版のみ改行（br.br-sp）。PCは1行 --- */
.br-sp{display:none;}
@media (max-width:600px){
  .br-sp{display:inline;}
}

/* --- モバイル固定CTA（フローティングカード型・左寄せ・折りたたみ対応・スマホのみ）--- */
.m-fixed-cta{display:none;}
@media (max-width:600px){
  .m-fixed-cta{
    display:block;position:fixed;left:12px;right:auto;
    bottom:env(safe-area-inset-bottom);
    z-index:999;max-width:55%;border-radius:14px;
    background:linear-gradient(135deg,#E57300,#F08C2A);
    box-shadow:0 4px 12px rgba(0,0,0,.25);
    padding:10px 28px 10px 14px;
  }
  .m-fixed-cta a{
    display:block;text-align:left;color:#fff;line-height:1.35;text-decoration:none;
  }
  .m-fixed-cta .cta-main{font-size:.92em;font-weight:700;display:block;}
  .m-fixed-cta .cta-sub{font-size:.7em;opacity:.92;margin-top:4px;display:block;border-top:1px solid rgba(255,255,255,.35);padding-top:4px;}
  /* 閉じる「×」ボタン */
  .m-fixed-cta .cta-close{
    position:absolute;top:2px;right:4px;background:transparent;border:none;
    color:rgba(255,255,255,.95);font-size:18px;font-weight:700;line-height:1;
    padding:4px 6px;cursor:pointer;
  }
  /* 折りたたみ後の小ピル */
  .m-fixed-cta .cta-expand{display:none;}
  .m-fixed-cta.collapsed{
    max-width:none;padding:0;border-radius:9999px;
    background:linear-gradient(135deg,#E57300,#F08C2A);
  }
  .m-fixed-cta.collapsed a,
  .m-fixed-cta.collapsed .cta-close{display:none;}
  .m-fixed-cta.collapsed .cta-expand{
    display:block;background:transparent;border:none;color:#fff;
    font-weight:700;font-size:.85em;padding:10px 16px;cursor:pointer;
  }
  /* 固定バーぶんの余白（最下部コンテンツが隠れないように）*/
  body{padding-bottom:96px;}
}