/* /css/base.min.css */
/* 1. Reset/Normalize（必要最小限） */
*,*::before,*::after{box-sizing:border-box}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0;color:#222;font:16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;}

/* 2. Layout */
/*.container{max-width:1100px;margin:0 auto;padding:0 16px;}*/
/*.row{display:flex;flex-wrap:wrap;gap:16px;}*/
/*.col{flex:1 1 0;min-width:0}*/

/* 3. Header/Footer（共通UI） */
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
.site-footer{border-top:1px solid #eee;margin-top:40px;padding:24px 0;color:#666}

/* 4. Typography */
h1,h2,h3{line-height:1.3;margin:1.2em 0 .6em}
a{color:#0a63c9;text-decoration:none} a:hover{text-decoration:underline}

/* 5. Components */
.btn{display:inline-block;padding:.6em 1em;border-radius:6px;border:1px solid #ddd;background:#fafafa}
.btn--primary{background:#0a63c9;color:#fff;border-color:#0a63c9}

/* 6. Utilities */
.mt-16{margin-top:16px}.mt-24{margin-top:24px}
.text-center{text-align:center}
.hidden{display:none!important}

/* ---- footer scoped helpers (safe) ---- */
footer[role="contentinfo"] img{max-width:100%;height:auto;display:block}

/* フッターメニュー体裁（FontAwesomeなしでも矢印表示） */
footer[role="contentinfo"] #footer-menu .menu2{list-style:none;margin:0;padding:0}
footer[role="contentinfo"] #footer-menu .menu2 li+li{margin-top:.5em}
footer[role="contentinfo"] #footer-menu .menu2 a{
  text-decoration:none; display:inline-flex; align-items:center; gap:.4em;
}
footer[role="contentinfo"] #footer-menu .menu2 a:hover{text-decoration:underline}
footer[role="contentinfo"] #footer-menu .menu2 i.fa:before{
  content:"▸"; font-style:normal;
}

/* コピーライト */
footer[role="contentinfo"] #f-des{width:100%;text-align:center;margin-top:12px;font-size:12px;opacity:.9}

/* ---- footer-only grid fallback ---- */
/* clearfix */
footer[role="contentinfo"] .row::after{content:"";display:block;clear:both}

/* gutters を使う行だけ左右のマイナス余白を付与（はみ出し防止） */
footer[role="contentinfo"] .row.gutters{margin-left:-8px;margin-right:-8px}

/* col は基本 float、幅は span_* で指定 */
footer[role="contentinfo"] .row > .col{float:left;box-sizing:border-box;min-width:0}
footer[role="contentinfo"] .row.gutters > .col{padding-left:8px;padding-right:8px}

/* 16分割のうちフッターで使っている分だけ */
footer[role="contentinfo"] .span_12{width:100%}
footer[role="contentinfo"] .span_8 {width:50%}      /* 8/16 */
footer[role="contentinfo"] .span_6 {width:37.5%}    /* 6/16 */
footer[role="contentinfo"] .span_2 {width:12.5%}    /* 2/16 */

/* レスポンシブ調整 */
@media (max-width:1024px){
  footer[role="contentinfo"] .span_8{width:100%}
  footer[role="contentinfo"] .span_6{width:50%}
  footer[role="contentinfo"] .span_2{display:none}
}
@media (max-width:768px){
  footer[role="contentinfo"] .span_6{width:100%}
}

/* 既存の見た目系（そのままでOK） */
footer[role="contentinfo"] img{max-width:100%;height:auto;display:block}
footer[role="contentinfo"] #footer-menu .menu2{list-style:none;margin:0;padding:0}
footer[role="contentinfo"] #footer-menu .menu2 li+li{margin-top:.5em}
footer[role="contentinfo"] #footer-menu .menu2 a{display:inline-flex;align-items:center;gap:.4em;text-decoration:none}
footer[role="contentinfo"] #footer-menu .menu2 a:hover{text-decoration:underline}
footer[role="contentinfo"] #footer-menu .menu2 i.fa:before{content:"▸";font-style:normal;font-family:inherit}
footer[role="contentinfo"] a{color:inherit}
footer[role="contentinfo"] #f-des{width:100%;text-align:center;margin-top:12px;font-size:12px;opacity:.9}

/* ==== Drop-in: Font Awesome を使わず i.fa を絵文字で代替 ==== */
i.fa { font-style: normal; line-height: 1; display: inline-block; }
i.fa::before { display: inline-block; }

/* 使っている5種類だけ定義 */
i.fa-envelope-o::before { content: "✉"; }   /* お問い合わせ */
i.fa-file-text-o::before { content: "📄"; }  /* 申込/書類 */
i.fa-phone-square::before { content: "☎"; }  /* 電話 */
i.fa-desktop::before { content: "🖥"; }      /* デスクトップ */
i.fa-fax::before { content: "📠"; }          /* FAX */

/* 色は親要素から継承（白抜きやブランド色を壊さない） */
footer[role="contentinfo"] i.fa,
body[class*="page-template-qa"] i.fa { color: inherit; }

/* 必要なら“モノクロ風”に（環境依存。お好みで） */
/* i.fa { filter: grayscale(100%); } */