@charset "UTF-8";
/*スマホファーストで作成しています*/
/*　スマホ以外は別途指定　*/
/*--------------------*/
/*定形*/
/*--------------------*/

a img {
    /* イメージをリンクで囲んだ場合にイメージの周囲に表示される青いボーダーを削除 */
    border: none;
}

img {
    /* imgの下に隙間ができるのを防ぐ　*/
    vertical-align: bottom;
    /* 下揃え */
    width: 100%;
    /*拡大縮小してもフィットする*/
    height: auto;
}

body {
    font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    color: #000;
    margin: 0;
}

/*--------------------*/
/*-- イメージの表示切り分け --*/
/*--------------------*/
/* パソコンで見たときは"pc_img"のclassがついた画像が表示される */
.pc_img {
    display: block !important;
}

/* スマートフォンで見たときは"sp_img"のclassがついた画像が表示される */
.sp_img {
    display: none !important;
}

@media only screen and (max-width: 721px) {
    .pc_img {
        display: none !important;
    }

    .sp_img {
        display: block !important;
    }
}

/*--------------------*/
/*お申し込みボタン*/
/*--------------------*/

.order {
    clear: both;
    padding: 20px 0;
    margin: auto;
}

.btn01 {
    width: 100%;
    padding: 10px 0 10px;
    margin: 0 auto;
}

.btn01 img {
    display: block;
    transition: 0.5s;
}

.btn01 img:active {
    transform: scale(0.9, 0.9);
}

@media only screen and (max-width: 721px) {
    .btn01 img {
        width: 90%;
        max-width: 750px;
        margin: 0 auto;
    }

    .h2_order img {
        width: 940px;
    }
}

/*--------------------*/
/*調整*/
/*--------------------*/
.clearfix:after {
    /*float回り込みで、はみ出るのをこれで調整。親要素につけること。*/
    content: "";
    clear: both;
    display: block;
}

.clear_left {
    /*フロートで高さがなくなるとき、最後のフロートの下に空の要素を入れてこのクラス指定*/
    /*例<div style="clear: left;"></div>*/
    clear: left;
}

/*--------------------*/
/*配置*/
/*--------------------*/
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }

.norap {
    /*改行しない*/
    white-space: nowrap;
}

.none_all { display: none; }

/* スマホで消す（<=721px の時だけ） */
.none_sp { display: block; }
@media only screen and (max-width: 721px) {
    .none_sp { display: none; }
}

@media only screen and (min-width: 721px) {
    .none {
        /*--PCで消す--*/
        display: none;
    }
}

/*--------------------*/
/*--ヘッダー--*/
/*--------------------*/

/*--ヘッダー、混在しているので注意--*/
.header h1 {
    display: none;
}

.header_img img {
    margin: auto;
}
header h1{
    display: none;
}
/*--------------------*/
/*--フッター--*/
/*--------------------*/
.footer {
    color: #888888;
    padding: 1em;
    font-size: 0.5em;
    text-align: center;
    clear: both;
}

.privacy,
.privacy a,
.privacy a:visited,
.copyright {
    /*フッタ部分のリンク一式*/
    color: #888888;
    text-decoration: none;
    padding: 2em 0 1em 0;
    line-height: 100%;
    margin-bottom: 0px !important;
}

/*--------------------*/
/*基本スタイル*/
/*--------------------*/
.box_max { width: 100%; }

.box_960 {
    /*見出し幅960*/
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.box_940 {
    /*本文幅940*/
    width: 90%;
    max-width: 940px;
    margin: 0 auto;
}

.box_1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.red_bold {
    color: red;
    font-weight: bold;
}
.red {
    color: red;
}
.however {
    /*--注釈の小さい文字--*/
    font-size: 0.5em !important;
    text-align: right;
}

/*--------------------*/
/* 余白 */
/*--------------------*/
.p0em { padding: 0; }
.p05em { padding: 0.5em; }
.p1em { padding: 1em; }
.p15em { padding: 1.5em; }
.p2em { padding: 2em; }

.pt05em { padding-top: 0.5em; }
.pt1em { padding-top: 1em; }
.pt15em { padding-top: 1.5em; }
.pt2em { padding-top: 2em; }

.pb05em { padding-bottom: 0.5em; }
.pb1em { padding-bottom: 1em; }
/* ✅ 修正：15em → 1.5em（クラス名と整合） */
.pb15em { padding-bottom: 1.5em; }
.pb2em { padding-bottom: 2em; }

.ptpb05em { padding: 0.5em 0; }
.ptpb1em { padding: 1em 0; }
.ptpb15em { padding: 1.5em 0; }
.ptpb2em { padding: 2em 0; }

.m0em { margin: 0em; }
.m05em { margin: 0.5em; }
.m1em { margin: 1em; }
.m15em { margin: 1.5em; }
.m2em { margin: 2em; }

.mt-2em { margin-top: -2em; }
.mt-1em { margin-top: -1em; }
.mt0em { margin-top: 0em; }
.mt1em { margin-top: 1em; }
.mt15em { margin-top: 1.5em; }
.mt2em { margin-top: 2em; }

.mb-2em { margin-bottom: -2em; }
.mb-15em { margin-bottom: -1.5em; }
.mb-1em { margin-bottom: -1em; }
.mb-05em { margin-bottom: -0.5em; }
.mb0em { margin-bottom: 0em; }
.mb05em { margin-bottom: 0.5em; }
.mb1em { margin-bottom: 1em; }
.mb15em { margin-bottom: 1.5em; }
.mb2em { margin-bottom: 2em; }

.pr2em { padding-right: 2em; }

/*--------------------*/
/*追加ユーティリティ*/
/*--------------------*/
.pr20px { padding-right: 20px; }
.fontsize_08em { font-size: 0.8em; }
.fontsize_06em { font-size: 0.6em; }