@charset "UTF-8";
/*
 * 採用ご担当者様ページ（/contact/ = TransmitMail 製スタンドアロンフォーム）専用 CSS。
 * import.css は編集禁止（Xserver で max-age 7日・キャッシュバスター無し配信のため）。
 *
 * 経緯: /contact/ はもともと contact/data/ 配下に置かれた「固定ヘッダー化より前」の
 * import.css のコピーを参照していた。ヘッダー／フッターを Laravel 側と揃えるため参照先を
 * 公開ルートの /data/themes/mics/css/import.css に切り替えたが、現行 import.css では
 * `.bg-sec` が `.red-sec` にリネームされ、`.-red` / `.-blue` の色バリエーションも削除済みで、
 * /contact/ のページ見出し（青帯＋下向き三角）だけがスタイルを失う。
 * そのため旧 import.css の .bg-sec 定義をここへ退避し、/contact/ でのみ読み込む。
 *
 * .bg-sec は Laravel 側の Blade では未使用（現行は .red-sec）。本ファイルは /contact/ 専用。
 */

.bg-sec {
    position: relative;
    padding: 25px;
}

.bg-sec:after {
    content: "";
    height: 0;
    width: 0;
    border-width: 30px 45px 0 45px;
    border-style: solid;
    position: absolute;
    left: 50%;
    bottom: -20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bg-sec .bg-txt {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 1.5;
    text-align: center;
}

.bg-sec .bg-txt > span {
    font-size: 26px;
}

.bg-sec.-red {
    background: #FF7A69;
}

.bg-sec.-red:after {
    border-color: #FF7A69 transparent transparent transparent;
}

.bg-sec.-blue {
    background: #2EA7E6;
}

.bg-sec.-blue:after {
    border-color: #2EA7E6 transparent transparent transparent;
}

@media only screen and (max-width: 768px) {
    .bg-sec {
        padding: 15px;
    }

    .bg-sec .bg-txt {
        font-size: 18px;
    }

    .bg-sec .bg-txt > span {
        font-size: 22px;
    }
}