/* 業界別（/ai-kanri/teigaku-bpo/）を「まだ」のLPの型へ寄せる上書き。色・字の置き換えは build_teigaku.py が各ページの中で行う。
   ここは並び・形の直しだけ。文・リンク・申し込みは触らない */
html{scroll-padding-top:72px}
body.ak.tg{background:#f7f4ee;color:#14141d}
/* 共通の頭: 今のページの「img{width:100%}」などに引っぱられないように */
body.tg .ak-gh{font-family:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif}
/* 段の地: 紙と白い紙を交互に（「まだ」と同じ） */
body.tg .gx-a,body.tg .gx-sec{background:#fffdf8}
body.tg .gx-a.alt,body.tg .gx-sec.alt{background:#f3efe6}
body.tg .aibpo-plans{background:#f7f4ee}
body.tg .aibpo-faq{background:#fffdf8}
/* 段の小見出し（PROBLEM など）: 「まだ」の赤い枠の札 */
body.tg .gx-eyebrow,body.tg .aibpo-plans .pl-eyebrow,body.tg .aibpo-faq .faq-eyebrow{display:table;margin:0 auto 14px;font-family:"Oswald","Zen Kaku Gothic New",sans-serif;font-weight:700;font-size:13px;letter-spacing:.22em;color:#dc2626;border:1.5px solid #dc2626;border-radius:3px;padding:1px 10px;background:#fff}
body.tg .gx-a .gx-eyebrow{margin-left:0}
/* 見出し: 墨色の太いゴシック・下の線は赤 */
body.tg .gx-a h2{border-bottom-color:#dc2626}
body.tg .gx-h3{border-left-color:#dc2626}
body.tg .gx-reason{border-top-color:#dc2626}
body.tg .gx-case h3{border-bottom-color:#dc2626}
/* 申し込みへの箱: 上の線を赤・ボタンは「まだ」の赤い角丸＋下の影 */
body.tg .cta-panel{border-top-color:#dc2626;border-color:#e6dfd2;background:#fffdf8}
body.tg .cta-btn{border-radius:6px;background:#dc2626;box-shadow:0 4px 0 #b91c1c}
body.tg .cta-brand em{background:#14141d}
body.tg .cta-kicker{background:#fde9e7;color:#b91c1c}
body.tg .form-container{border:1px solid #e6dfd2;background:#fffdf8}
body.tg .form-submit{border-radius:6px;box-shadow:0 4px 0 #b91c1c}
body.tg .side-column{background:#efeae0;border-left-color:#e6dfd2}
/* パソコン: 右の申し込みの列は、共通の頭（68px）の下から */
@media(min-width:1100px){
 body.tg .side-column{top:68px;height:calc(100vh - 68px)}
 body.tg .side-column::-webkit-scrollbar-track{background:#efeae0}
}
@media(max-width:1099px){body.tg .side-column{background:#efeae0}}
/* 足元: 共通の足元と同じ黒・字の色。足したリンクの列は今の足元の下に */
body.tg>footer{background:#0d0d14;color:#cfccd8}
body.tg>footer .ft-name,body.tg>footer .ft-h3,body.tg>footer .ft-co .w{color:#fff}
body.tg>footer .ft-desc{color:#a9a6b6}
body.tg .tg-gf{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #2b2b38;font-size:13px;line-height:1.8}
body.tg .tg-gf a{color:#cfccd8;text-decoration:none}
body.tg .tg-gf a:hover{color:#fff;text-decoration:underline}
@media(min-width:768px){body.tg .tg-gf .ak-gf__cols{grid-template-columns:repeat(4,1fr)}}
body.tg .tg-gf .ak-gf__old a{color:#8d8a9a;text-decoration:underline}
body.tg>footer .ft-hr{border-top-color:#2b2b38}
/* デモ: 共通の頭の下に画面を置く（画面の大きさは今の動きのまま #view に合わせて決まる） */
body.tg-demo>.ak-gh{flex:0 0 auto;position:relative}
body.tg-demo .ak-gh img{max-width:100%;height:auto}