@charset "UTF-8";
/* -------------------------------------------------------------
 Font Awesome 5.8.1（自己ホスト・最小構成）2026-10-06

 従来は外部CDNから FontAwesome を読み込んでいた（全ページ use.fontawesome.com の 5.8.1、
 トップはさらに 5.15.4 と cdnjs の 6.4.0 を重ねて読み込み＝CSS 3本＋フォント2本の重複）。
 CDNが停止するとサイト全ページのアイコンが消えるため自己ホスト化し、5.8.1 の1本に統一する。
 nairepen/css/webfont-fa.css を移植（webfonts の woff2 も同一ファイル＝FA公式 5.8.1 フル版）。

 HTMLでの実使用は8アイコンのみのため、フルCSS(55KB)は使わず必要な定義だけを持つ。
 （sitemap 全410ページの本番HTMLを巡回して確認。DB の HTML＝管理画面で入力する部分も含む）
 ・fas（solid・weight900）… fa-arrow-down / fa-caret-right / fa-check-circle / fa-chevron-circle-right
                              fa-envelope / fa-home / fa-phone / fa-shopping-cart
 ※ calendar は CSS 側（common.css・lp.css・top.css ほか）にも 'Font Awesome 5 Free' の指定があり、
   ::before の content で直接コードを書いている（regular の \f35a も lp.css で使用）。
   フォント本体はフル版のため、そちらは @font-face の定義だけで従来どおり描画される。
 ※ トップの「fa-sharp fa-regular fa-calendar-clock」は FontAwesome 6 の有料（Pro）アイコンで、
   従来の 6.4.0（無料版）でも表示されていなかった。
 ライセンス: フォント=SIL OFL 1.1 ／ CSS=MIT（自己ホスト・再配布可）

 【重要】新しいアイコンをHTMLで使う場合は、下に1行
     .fa-〇〇:before{content:"\fXXX"}
 を追記すること（フルCSSを読んでいないため未定義クラスは表示されない）。
------------------------------------------------------------- */
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../webfonts/fa-regular-400.woff2") format("woff2");
}
.fa,
.fas,
.far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
}
.fa,
.fas { font-weight: 900; }
.far { font-weight: 400; }

/* 修飾クラス（ヘッダーの電話アイコンで使用） */
.fa-2x { font-size: 2em; }
.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1);
}

/* 使用アイコン（solid） */
.fa-arrow-down:before { content: "\f063"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-check-circle:before { content: "\f058"; }  /* フリーページ（page=144）の DB HTML で使用 */
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-home:before { content: "\f015"; }
.fa-phone:before { content: "\f095"; }
.fa-shopping-cart:before { content: "\f07a"; }