@charset "utf-8";

/*
Theme Name: 音速パソコン教室Wordpressテーマ01
Theme URI: http://onpaso.org/2monthhp/template01/
Author: 音速パソコン教室
Author URI: http://onpaso.org/2monthhp/template01/
Description: 音速パソコン教室が配布するWordpress用テーマです。
Version: 1.1
*/

/* =============================================================================
   utility(便利クラス)
   ========================================================================== */

/* clearfix */
.cf:after {
    content: "";
    clear: both;
    display: block;
}

/* コンテンツ幅 */
.contenthaba {
    width: 980px;
    margin: 0 auto;
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .contenthaba {
        width: 93.75%;
    }
}

/* PC・SPで表示・非表示切り替え */
.pcNone {
    display: none;
}
@media only screen and (max-width: 768px) {
    .spNone {
        display: none;
    }
    .pcNone {
        display: block;
    }
}

/* aタグホバー時に透過 */
.touka {
    transition: opacity .3s;
}
.touka:hover {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
    .touka:hover {
        opacity: 1;
    }
}

/* 文字の装飾 */
.fw-normal {
    /* 普通の太さ */
    font-weight: normal;
}
.fw-bold {
    /* 太字 */
    font-weight: bold;
}
.fd-underline {
    /* 下線 */
    text-decoration: underline;
}
.fd-middleline {
    /* 打ち消し線 */
    text-decoration: line-through;
}


/* 文字色 */
.fc-red {
    /* 赤 */
    color: #e9242f;
}
.fc-pink {
    /* ピンク */
    color: #ff5f68;
}
.fc-blue {
    /* 青 */
    color: #053583;
}
.fc-green {
    /* 緑 */
    color: #006435;
}
.fc-orange {
    /* オレンジ */
    color: #ffa200;
}
.fc-yellow {
    /* 黄色 */
    color: #ffea00;
}

/*　文字の位置 */
.tc {
    /* 中央 */
    text-align: center;
}
.tl {
    /* 左 */
    text-align: left;
}
.tr {
    /* 右 */
    text-align: right;
}

/* 文字サイズ */
.fs10 { font-size: 1rem; }   /* 10px */
.fs11 { font-size: 1.1rem; } /* 11px */
.fs12 { font-size: 1.2rem; } /* 12px */
.fs13 { font-size: 1.3rem; } /* 13px */
.fs14 { font-size: 1.4rem; } /* 14px */
.fs15 { font-size: 1.5rem; } /* 15px */
.fs16 { font-size: 1.6rem; } /* 16px */
.fs17 { font-size: 1.7rem; } /* 17px */
.fs18 { font-size: 1.8rem; } /* 18px */
.fs19 { font-size: 1.9rem; } /* 19px */
.fs20 { font-size: 2rem; }   /* 20px */
.fs21 { font-size: 2.1rem; } /* 21px */
.fs22 { font-size: 2.2rem; } /* 22px */
.fs23 { font-size: 2.3rem; } /* 23px */
.fs24 { font-size: 2.4rem; } /* 24px */
.fs25 { font-size: 2.5rem; } /* 25px */
.fs26 { font-size: 2.6rem; } /* 26px */
.fs27 { font-size: 2.7rem; } /* 27px */
.fs28 { font-size: 2.8rem; } /* 28px */
.fs29 { font-size: 2.9rem; } /* 29px */
.fs30 { font-size: 3rem; }   /* 30px */
@media only screen and (max-width: 440px) {
    .fs11,
    .fs12 { font-size: 1rem; } /* 12px */
    .fs13 { font-size: 1.1rem; } /* 13px */
    .fs14 { font-size: 1.15rem; } /* 14px */
    .fs15 { font-size: 1.2rem; } /* 15px */
    .fs16 { font-size: 1.28rem; } /* 16px */
    .fs17 { font-size: 1.36rem; } /* 17px */
    .fs18 { font-size: 1.44rem; } /* 18px */
    .fs19 { font-size: 1.52rem; } /* 19px */
    .fs20 { font-size: 1.6rem; }   /* 20px */
    .fs21 { font-size: 1.68rem; } /* 21px */
    .fs22 { font-size: 1.76rem; } /* 22px */
    .fs23 { font-size: 1.84rem; } /* 23px */
    .fs24 { font-size: 1.92rem; } /* 24px */
    .fs25 { font-size: 2rem; } /* 25px */
    .fs26 { font-size: 2.08rem; } /* 26px */
    .fs27 { font-size: 2.16rem; } /* 27px */
    .fs28 { font-size: 2.24rem; } /* 28px */
    .fs29 { font-size: 2.32rem; } /* 29px */
    .fs30 { font-size: 2.4rem; }   /* 30px */
}

/* 余白 */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mt70 { margin-top: 70px; }
.mt75 { margin-top: 75px; }
.mt80 { margin-top: 80px; }
.mt85 { margin-top: 85px; }
.mt90 { margin-top: 90px; }
.mt95 { margin-top: 95px; }
.mt100 { margin-top: 100px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
.mr65 { margin-right: 65px; }
.mr70 { margin-right: 70px; }
.mr75 { margin-right: 75px; }
.mr80 { margin-right: 80px; }
.mr85 { margin-right: 85px; }
.mr90 { margin-right: 90px; }
.mr95 { margin-right: 95px; }
.mr100 { margin-right: 100px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }
.mb75 { margin-bottom: 75px; }
.mb80 { margin-bottom: 80px; }
.mb85 { margin-bottom: 85px; }
.mb90 { margin-bottom: 90px; }
.mb95 { margin-bottom: 95px; }
.mb100 { margin-bottom: 100px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml65 { margin-left: 65px; }
.ml70 { margin-left: 70px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }
.ml85 { margin-left: 85px; }
.ml90 { margin-left: 90px; }
.ml95 { margin-left: 95px; }
.ml100 { margin-left: 100px; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt70 { padding-top: 70px; }
.pt75 { padding-top: 75px; }
.pt80 { padding-top: 80px; }
.pt85 { padding-top: 85px; }
.pt90 { padding-top: 90px; }
.pt95 { padding-top: 95px; }
.pt100 { padding-top: 100px; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr55 { padding-right: 55px; }
.pr60 { padding-right: 60px; }
.pr65 { padding-right: 65px; }
.pr70 { padding-right: 70px; }
.pr75 { padding-right: 75px; }
.pr80 { padding-right: 80px; }
.pr85 { padding-right: 85px; }
.pr90 { padding-right: 90px; }
.pr95 { padding-right: 95px; }
.pr100 { padding-right: 100px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb55 { padding-bottom: 55px; }
.pb60 { padding-bottom: 60px; }
.pb65 { padding-bottom: 65px; }
.pb70 { padding-bottom: 70px; }
.pb75 { padding-bottom: 75px; }
.pb80 { padding-bottom: 80px; }
.pb85 { padding-bottom: 85px; }
.pb90 { padding-bottom: 90px; }
.pb95 { padding-bottom: 95px; }
.pb100 { padding-bottom: 100px; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl55 { padding-left: 55px; }
.pl60 { padding-left: 60px; }
.pl65 { padding-left: 65px; }
.pl70 { padding-left: 70px; }
.pl75 { padding-left: 75px; }
.pl80 { padding-left: 80px; }
.pl85 { padding-left: 85px; }
.pl90 { padding-left: 90px; }
.pl95 { padding-left: 95px; }
.pl100 { padding-left: 100px; }
@media only screen and (max-width: 768px) {
    .mt5 { margin-top: 4px; }
    .mt10 { margin-top: 8px; }
    .mt15 { margin-top: 12px; }
    .mt20 { margin-top: 16px; }
    .mt25 { margin-top: 20px; }
    .mt30 { margin-top: 24px; }
    .mt35 { margin-top: 28px; }
    .mt40 { margin-top: 32px; }
    .mt45 { margin-top: 36px; }
    .mt50 { margin-top: 40px; }
    .mt55 { margin-top: 44px; }
    .mt60 { margin-top: 48px; }
    .mt65 { margin-top: 52px; }
    .mt70 { margin-top: 56px; }
    .mt75 { margin-top: 60px; }
    .mt80 { margin-top: 64px; }
    .mt85 { margin-top: 68px; }
    .mt90 { margin-top: 72px; }
    .mt95 { margin-top: 76px; }
    .mt100 { margin-top: 80px; }
    .mr5 { margin-right: 4px; }
    .mr10 { margin-right: 8px; }
    .mr15 { margin-right: 12px; }
    .mr20 { margin-right: 16px; }
    .mr25 { margin-right: 20px; }
    .mr30 { margin-right: 24px; }
    .mr35 { margin-right: 28px; }
    .mr40 { margin-right: 32px; }
    .mr45 { margin-right: 36px; }
    .mr50 { margin-right: 40px; }
    .mr55 { margin-right: 44px; }
    .mr60 { margin-right: 48px; }
    .mr65 { margin-right: 52px; }
    .mr70 { margin-right: 56px; }
    .mr75 { margin-right: 60px; }
    .mr80 { margin-right: 64px; }
    .mr85 { margin-right: 68px; }
    .mr90 { margin-right: 72px; }
    .mr95 { margin-right: 76px; }
    .mr100 { margin-right: 80px; }
    .mb5 { margin-bottom: 4px; }
    .mb10 { margin-bottom: 8px; }
    .mb15 { margin-bottom: 12px; }
    .mb20 { margin-bottom: 16px; }
    .mb25 { margin-bottom: 20px; }
    .mb30 { margin-bottom: 24px; }
    .mb35 { margin-bottom: 28px; }
    .mb40 { margin-bottom: 32px; }
    .mb45 { margin-bottom: 36px; }
    .mb50 { margin-bottom: 40px; }
    .mb55 { margin-bottom: 44px; }
    .mb60 { margin-bottom: 48px; }
    .mb65 { margin-bottom: 52px; }
    .mb70 { margin-bottom: 56px; }
    .mb75 { margin-bottom: 60px; }
    .mb80 { margin-bottom: 64px; }
    .mb85 { margin-bottom: 68px; }
    .mb90 { margin-bottom: 72px; }
    .mb95 { margin-bottom: 76px; }
    .mb100 { margin-bottom: 80px; }
    .ml5 { margin-left: 4px; }
    .ml10 { margin-left: 8px; }
    .ml15 { margin-left: 12px; }
    .ml20 { margin-left: 16px; }
    .ml25 { margin-left: 20px; }
    .ml30 { margin-left: 24px; }
    .ml35 { margin-left: 28px; }
    .ml40 { margin-left: 32px; }
    .ml45 { margin-left: 36px; }
    .ml50 { margin-left: 40px; }
    .ml55 { margin-left: 44px; }
    .ml60 { margin-left: 48px; }
    .ml65 { margin-left: 52px; }
    .ml70 { margin-left: 56px; }
    .ml75 { margin-left: 60px; }
    .ml80 { margin-left: 64px; }
    .ml85 { margin-left: 68px; }
    .ml90 { margin-left: 72px; }
    .ml95 { margin-left: 76px; }
    .ml100 { margin-left: 80px; }
    .pt5 { padding-top: 4px; }
    .pt10 { padding-top: 8px; }
    .pt15 { padding-top: 12px; }
    .pt20 { padding-top: 16px; }
    .pt25 { padding-top: 20px; }
    .pt30 { padding-top: 24px; }
    .pt35 { padding-top: 28px; }
    .pt40 { padding-top: 32px; }
    .pt45 { padding-top: 36px; }
    .pt50 { padding-top: 40px; }
    .pt55 { padding-top: 44px; }
    .pt60 { padding-top: 48px; }
    .pt65 { padding-top: 52px; }
    .pt70 { padding-top: 56px; }
    .pt75 { padding-top: 60px; }
    .pt80 { padding-top: 64px; }
    .pt85 { padding-top: 68px; }
    .pt90 { padding-top: 72px; }
    .pt95 { padding-top: 76px; }
    .pt100 { padding-top: 80px; }
    .pr5 { padding-right: 4px; }
    .pr10 { padding-right: 8px; }
    .pr15 { padding-right: 12px; }
    .pr20 { padding-right: 16px; }
    .pr25 { padding-right: 20px; }
    .pr30 { padding-right: 24px; }
    .pr35 { padding-right: 28px; }
    .pr40 { padding-right: 32px; }
    .pr45 { padding-right: 36px; }
    .pr50 { padding-right: 40px; }
    .pr55 { padding-right: 44px; }
    .pr60 { padding-right: 48px; }
    .pr65 { padding-right: 52px; }
    .pr70 { padding-right: 56px; }
    .pr75 { padding-right: 60px; }
    .pr80 { padding-right: 64px; }
    .pr85 { padding-right: 68px; }
    .pr90 { padding-right: 72px; }
    .pr95 { padding-right: 76px; }
    .pr100 { padding-right: 80px; }
    .pb5 { padding-bottom: 4px; }
    .pb10 { padding-bottom: 8px; }
    .pb15 { padding-bottom: 12px; }
    .pb20 { padding-bottom: 16px; }
    .pb25 { padding-bottom: 20px; }
    .pb30 { padding-bottom: 24px; }
    .pb35 { padding-bottom: 28px; }
    .pb40 { padding-bottom: 32px; }
    .pb45 { padding-bottom: 36px; }
    .pb50 { padding-bottom: 40px; }
    .pb55 { padding-bottom: 44px; }
    .pb60 { padding-bottom: 48px; }
    .pb65 { padding-bottom: 52px; }
    .pb70 { padding-bottom: 56px; }
    .pb75 { padding-bottom: 60px; }
    .pb80 { padding-bottom: 64px; }
    .pb85 { padding-bottom: 68px; }
    .pb90 { padding-bottom: 72px; }
    .pb95 { padding-bottom: 76px; }
    .pb100 { padding-bottom: 80px; }
    .pl5 { padding-left: 4px; }
    .pl10 { padding-left: 8px; }
    .pl15 { padding-left: 12px; }
    .pl20 { padding-left: 16px; }
    .pl25 { padding-left: 20px; }
    .pl30 { padding-left: 24px; }
    .pl35 { padding-left: 28px; }
    .pl40 { padding-left: 32px; }
    .pl45 { padding-left: 36px; }
    .pl50 { padding-left: 40px; }
    .pl55 { padding-left: 44px; }
    .pl60 { padding-left: 48px; }
    .pl65 { padding-left: 52px; }
    .pl70 { padding-left: 56px; }
    .pl75 { padding-left: 60px; }
    .pl80 { padding-left: 64px; }
    .pl85 { padding-left: 68px; }
    .pl90 { padding-left: 72px; }
    .pl95 { padding-left: 76px; }
    .pl100 { padding-left: 80px; }
}
@media only screen and (max-width: 440px) {
    .mt5 { margin-top: 3px; }
    .mt10 { margin-top: 6px; }
    .mt15 { margin-top: 10px; }
    .mt20 { margin-top: 13px; }
    .mt25 { margin-top: 16px; }
    .mt30 { margin-top: 19px; }
    .mt35 { margin-top: 22px; }
    .mt40 { margin-top: 26px; }
    .mt45 { margin-top: 29px; }
    .mt50 { margin-top: 32px; }
    .mt55 { margin-top: 35px; }
    .mt60 { margin-top: 38px; }
    .mt65 { margin-top: 42px; }
    .mt70 { margin-top: 45px; }
    .mt75 { margin-top: 48px; }
    .mt80 { margin-top: 51px; }
    .mt85 { margin-top: 54px; }
    .mt90 { margin-top: 58px; }
    .mt95 { margin-top: 61px; }
    .mt100 { margin-top: 64px; }
    .mr5 { margin-right: 3px; }
    .mr10 { margin-right: 6px; }
    .mr15 { margin-right: 10px; }
    .mr20 { margin-right: 13px; }
    .mr25 { margin-right: 16px; }
    .mr30 { margin-right: 19px; }
    .mr35 { margin-right: 22px; }
    .mr40 { margin-right: 26px; }
    .mr45 { margin-right: 29px; }
    .mr50 { margin-right: 32px; }
    .mr55 { margin-right: 35px; }
    .mr60 { margin-right: 38px; }
    .mr65 { margin-right: 42px; }
    .mr70 { margin-right: 45px; }
    .mr75 { margin-right: 48px; }
    .mr80 { margin-right: 51px; }
    .mr85 { margin-right: 54px; }
    .mr90 { margin-right: 58px; }
    .mr95 { margin-right: 61px; }
    .mr100 { margin-right: 64px; }
    .mb5 { margin-bottom: 3px; }
    .mb10 { margin-bottom: 6px; }
    .mb15 { margin-bottom: 10px; }
    .mb20 { margin-bottom: 13px; }
    .mb25 { margin-bottom: 16px; }
    .mb30 { margin-bottom: 19px; }
    .mb35 { margin-bottom: 22px; }
    .mb40 { margin-bottom: 26px; }
    .mb45 { margin-bottom: 29px; }
    .mb50 { margin-bottom: 32px; }
    .mb55 { margin-bottom: 35px; }
    .mb60 { margin-bottom: 38px; }
    .mb65 { margin-bottom: 42px; }
    .mb70 { margin-bottom: 45px; }
    .mb75 { margin-bottom: 48px; }
    .mb80 { margin-bottom: 51px; }
    .mb85 { margin-bottom: 54px; }
    .mb90 { margin-bottom: 58px; }
    .mb95 { margin-bottom: 61px; }
    .mb100 { margin-bottom: 64px; }
    .ml5 { margin-left: 3px; }
    .ml10 { margin-left: 6px; }
    .ml15 { margin-left: 10px; }
    .ml20 { margin-left: 13px; }
    .ml25 { margin-left: 16px; }
    .ml30 { margin-left: 19px; }
    .ml35 { margin-left: 22px; }
    .ml40 { margin-left: 26px; }
    .ml45 { margin-left: 29px; }
    .ml50 { margin-left: 32px; }
    .ml55 { margin-left: 35px; }
    .ml60 { margin-left: 38px; }
    .ml65 { margin-left: 42px; }
    .ml70 { margin-left: 45px; }
    .ml75 { margin-left: 48px; }
    .ml80 { margin-left: 51px; }
    .ml85 { margin-left: 54px; }
    .ml90 { margin-left: 58px; }
    .ml95 { margin-left: 61px; }
    .ml100 { margin-left: 64px; }
    .pt5 { padding-top: 3px; }
    .pt10 { padding-top: 6px; }
    .pt15 { padding-top: 10px; }
    .pt20 { padding-top: 13px; }
    .pt25 { padding-top: 16px; }
    .pt30 { padding-top: 19px; }
    .pt35 { padding-top: 22px; }
    .pt40 { padding-top: 26px; }
    .pt45 { padding-top: 29px; }
    .pt50 { padding-top: 32px; }
    .pt55 { padding-top: 35px; }
    .pt60 { padding-top: 38px; }
    .pt65 { padding-top: 42px; }
    .pt70 { padding-top: 45px; }
    .pt75 { padding-top: 48px; }
    .pt80 { padding-top: 51px; }
    .pt85 { padding-top: 54px; }
    .pt90 { padding-top: 58px; }
    .pt95 { padding-top: 61px; }
    .pt100 { padding-top: 64px; }
    .pr5 { padding-right: 3px; }
    .pr10 { padding-right: 6px; }
    .pr15 { padding-right: 10px; }
    .pr20 { padding-right: 13px; }
    .pr25 { padding-right: 16px; }
    .pr30 { padding-right: 19px; }
    .pr35 { padding-right: 22px; }
    .pr40 { padding-right: 26px; }
    .pr45 { padding-right: 29px; }
    .pr50 { padding-right: 32px; }
    .pr55 { padding-right: 35px; }
    .pr60 { padding-right: 38px; }
    .pr65 { padding-right: 42px; }
    .pr70 { padding-right: 45px; }
    .pr75 { padding-right: 48px; }
    .pr80 { padding-right: 51px; }
    .pr85 { padding-right: 54px; }
    .pr90 { padding-right: 58px; }
    .pr95 { padding-right: 61px; }
    .pr100 { padding-right: 64px; }
    .pb5 { padding-bottom: 3px; }
    .pb10 { padding-bottom: 6px; }
    .pb15 { padding-bottom: 10px; }
    .pb20 { padding-bottom: 13px; }
    .pb25 { padding-bottom: 16px; }
    .pb30 { padding-bottom: 19px; }
    .pb35 { padding-bottom: 22px; }
    .pb40 { padding-bottom: 26px; }
    .pb45 { padding-bottom: 29px; }
    .pb50 { padding-bottom: 32px; }
    .pb55 { padding-bottom: 35px; }
    .pb60 { padding-bottom: 38px; }
    .pb65 { padding-bottom: 42px; }
    .pb70 { padding-bottom: 45px; }
    .pb75 { padding-bottom: 48px; }
    .pb80 { padding-bottom: 51px; }
    .pb85 { padding-bottom: 54px; }
    .pb90 { padding-bottom: 58px; }
    .pb95 { padding-bottom: 61px; }
    .pb100 { padding-bottom: 64px; }
    .pl5 { padding-left: 3px; }
    .pl10 { padding-left: 6px; }
    .pl15 { padding-left: 10px; }
    .pl20 { padding-left: 13px; }
    .pl25 { padding-left: 16px; }
    .pl30 { padding-left: 19px; }
    .pl35 { padding-left: 22px; }
    .pl40 { padding-left: 26px; }
    .pl45 { padding-left: 29px; }
    .pl50 { padding-left: 32px; }
    .pl55 { padding-left: 35px; }
    .pl60 { padding-left: 38px; }
    .pl65 { padding-left: 42px; }
    .pl70 { padding-left: 45px; }
    .pl75 { padding-left: 48px; }
    .pl80 { padding-left: 51px; }
    .pl85 { padding-left: 54px; }
    .pl90 { padding-left: 58px; }
    .pl95 { padding-left: 61px; }
    .pl100 { padding-left: 64px; }
}


/* 記事部分のスタイル */
.kiji p {
    font-size: 1.8rem;
    line-height: 1.9;
    margin-top: 25px;
}
.kiji p:first-child {
    margin-top: 0;
}
.kiji h3,
.kiji h4,
.kiji h5,
.kiji h6 {
    font-weight: bold;
    margin-bottom: 14px;
}
.kiji h3 {
    font-size: 2.4rem;
}
.kiji h4 {
    font-size: 2.2rem;
}
.kiji h5 {
    font-size: 2rem;
}
.kiji h6 {
    font-size: 1.8rem;
}
.kiji a {
    color: #1a0dab;
}
.kiji a:hover {
    text-decoration: underline;
}
.kiji a[href^="tel:"]:hover {
    opacity: 1;
}
.kiji a.not_kiji_link:hover {
    text-decoration: none;
}
.kiji a.fc-orange {
    /* オレンジ */
    color: #ffa200;
}
@media only screen and (max-width: 768px) {
    .kiji p {
        margin-top: 18px;
    }
    .kiji h3,
    .kiji h4,
    .kiji h5,
    .kiji h6 {
        margin-bottom: 11px;
    }
    .kiji a:hover {
        opacity: 1;
    }
}
@media only screen and (max-width: 440px) {
    .kiji p {
        font-size: 1.44rem;
        margin-top: 14px;
    }
    .kiji h3,
    .kiji h4,
    .kiji h5,
    .kiji h6 {
        margin-bottom: 9px;
    }
    .kiji h3 {
        font-size: 1.9rem;
    }
    .kiji h4 {
        font-size: 1.76rem;
    }
    .kiji h5 {
        font-size: 1.6rem;
    }
    .kiji h6 {
        font-size: 1.44rem;
    }
}


/* =============================================================================
   layout(レイアウトのスタイル)
   ========================================================================== */

/* body */
@media only screen and (max-width: 768px) {
    #body {
        padding-top: 78px;
    }
}
@media only screen and (max-width: 440px) {
    #body {
        padding-top: 60px;
    }
}


/* メインコンテンツ */
#rightcolumn {
    float: right;
    width: 72.44897959183673%;
}
#leftcolumn {
    float: left;
    width: 23.97959183673469%;
}
@media only screen and (max-width: 768px) {
    #rightcolumn,
    #leftcolumn {
        float: none;
        width: 100%;
    }
}


/* =============================================================================
   module(共通で使用する部分毎のスタイル)
   ========================================================================== */

/* ヘッダ */
.h__title {
    background-color: #f2f2f2;
}
.h__title .contenthaba {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
    padding: 8px 0;
}
.h__body {
    position: relative;
    padding: 7px 0;
}
.h__bodyLogo,
.h__bodyContact {
    float: left;
}
.h__bodyLogo {
    margin-right: 50px;
}
.h__bodyContactTel {
    font-size: 3.1rem;
    line-height: 1;
}
.h__bodyBtn {
    position: absolute;
    top: 7px;
    right: 0;
}
.h__nav {
    background: #1164a9;
    background: linear-gradient(to bottom, #1bb812 0%,#0da805 100%);
    border-top: 2px solid #4cd645;
    border-bottom: 2px solid #4cd645;
    height: 40px;
}
.h__nav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
}
.h__navList {
    display: table;
    height: 100%;
}
.h__navListItem {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 16.66666666666667%; /* 6分割(100÷6) */
    border-right: 1px solid #fff;
}
.h__navListItem:first-child {
    border-left: 1px solid #fff;
}
.h__navListItemTarget {
    width: 100%;
    display: block;
    font-size: 1.5rem;
    color: #fff;
}
@media only screen and (max-width: 768px) {
    .h {
        padding: 0;
        width: 100%;
        height: 78px;
        border-bottom: 1px solid #0da805;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: #fff;
    }
    .h__title,
    .h__bodyContact,
    .h__bodyBtn {
        display: none;
    }
    .h__body {
        height: 78px;
    }
    .h__bodyLogo {
        margin-right: 0;
        position: absolute;
        top: 50%;
        left: 0;
        height: 50px;
        margin-top: -25px;
    }
    .h__bodyLogo img {
        height: 50px;
        width: auto;
        max-width: none;
    }
    .h__nav {
        position: absolute;
        top: 78px;
        left: 0;
        width: 100%;
        height: calc(100vh - 78px);
        display: none;
        opacity: 0;
        background: linear-gradient(to bottom, #1bb812 0%,#0da805 100%);
        border: none;
    }
    .h__navList {
        display: table-cell;
        vertical-align: middle;
        height: auto;
    }
    .h__navListItem {
        display: block;
        width: 100%;
        border-right: none;
        margin-top: 25px;
    }
    .h__navListItem:first-child {
        border-left: none;
        margin-top: 0;
    }
    .h__navListItemTarget {
        font-size: 2.2rem;
    }
}
@media only screen and (max-width: 440px) {
    .h,
    .h__body {
        height: 60px;
    }
    .h__bodyLogo {
        max-width: 95%;
        height: 40px;
        margin-top: -20px;
    }
    .h__bodyLogo img {
        height: 40px;
    }
    .h__nav {
        top: 60px;
        height: calc(100vh - 60px);
    }
    .h__navListItem {
        margin-top: 18px;
    }
    .h__navListItemTarget {
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 340px) {
    .h__bodyLogo {
        height: 30px;
        margin-top: -15px;
    }
    .h__bodyLogo img {
        height: 30px;
    }
}

/* スマホメニュー */
.h__spmenu {
    display: none;
}
@media only screen and (max-width: 768px) {
    .h__spmenu {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 78px;
        height: 78px;
        background: #1164a9;
        background: linear-gradient(to bottom, #1bb812 0%,#0da805 100%);
    }
    .h__spmenuBody {
        width: 34px;
        height: 34px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -17px 0 0 -17px;
    }
    .h__spmenuBody-inner,
    .h__spmenuBody::before,
    .h__spmenuBody::after {
        content: "";
        display: block;
        transition: all .4s;
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        background-color: #fff;
    }
    .h__spmenuBody::before {
        top: 0;
    }
    .h__spmenuBody-inner {
        top: 15px;
        -webkit-transform: translate3d(0px, 0px, 0px);
        transform: translate3d(0px, 0px, 0px);
        transition: all .2s;
    }
    .h__spmenuBody::after {
        bottom: 0;
    }
    .h__spmenu.is-open {
        position: absolute;
    }
    .h__spmenu.is-open .h__spmenuBody::before  {
        -webkit-transform: translateY(15px) rotate(-45deg);
        transform: translateY(15px) rotate(-45deg);
    }
    .h__spmenu.is-open .h__spmenuBody-inner {
        -webkit-transform: translate3d(45%, 0px, 0px);
        transform: translate3d(45%, 0px, 0px);
        opacity: 0;
    }
    .h__spmenu.is-open .h__spmenuBody::after  {
        -webkit-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-15px) rotate(45deg);
    }
}
@media only screen and (max-width: 440px) {
    .h__spmenu {
        width: 60px;
        height: 60px;
    }
    .h__spmenuBody {
        width: 26px;
        height: 22px;
        margin: -11px 0 0 -13px;
    }
    .h__spmenuBody-inner,
    .h__spmenuBody::before,
    .h__spmenuBody::after {
        height: 2px;
    }
    .h__spmenuBody-inner {
        top: 10px;
    }
    .h__spmenu.is-open .h__spmenuBody::before  {
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
    .h__spmenu.is-open .h__spmenuBody::after  {
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }
}

/* スマホメニューオープン時の背景 */
@media only screen and (max-width: 768px) {
    .navbg {
        position: fixed;
        top: 78px;
        left: 0;
        width: 100%;
        height: calc(100% - 78px);
        z-index: 9998;
        background-color: rgba(0, 0, 0, .85);
        display: none;
        opacity: 0;
    }
}
@media only screen and (max-width: 440px) {
    .navbg {
        top: 60px;
        height: calc(100% - 60px);
    }
}


/* メインビジュアル */
.mainvisual {
    background-color: #ffedd7;
}
.mainvisual__body {
    position: relative;
    padding-top: 490px;
}
.mainvisual__body img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .mainvisual {
        width: 100%;
    }
    .mainvisual__body {
        padding-top: 45.9375%;
    }
}

/* メインコンテンツブロック */
.block {
    margin-bottom: 60px;
}
@media only screen and (max-width: 768px) {
    .block {
        margin-bottom: 48px;
    }
}
@media only screen and (max-width: 440px) {
    .block {
        margin-bottom: 38px;
    }
}

/* Wordpressタイトル */
.wptitle {
    border: 4px solid #00a0e9;
    background-color: #00479d;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    line-height: 1.4;
}
@media only screen and (max-width: 440px) {
    .wptitle {
        border-width: 2px;
        padding: 8px 16px;
    }
}

/* ボタン */
.button__common {
    display: inline-flex;
    font-size: 3rem;
    text-align: center;
    border: calc(4em/30) solid #009944;
    align-items: center;
    justify-content: center;
    background-color: #3ea34e;
    border-radius: calc(10em/30);
}
.button__commonTxt,
.button__commonIcon {
    display: block;
}
.button__commonTxt {
    color: #fff;
    font-weight: bold;
    margin-right: calc(30em/30);
    letter-spacing: .12em;
    line-height: 1;
}
.button__commonIcon img {
    display: block;
    width: calc(9em/30);
}
@media only screen and (max-width: 768px) {
    .button__common {
        font-size: calc(30/768*100vw);
    }
}



/* お客様の声 */
.voice__listItem {
    margin-top: 15px;
    background-color: #fffced;
    border: 4px solid #ffbe95;
    padding: 9px 18px;
}
.voice__listItem:first-child {
    margin-top: 0;
}
.voice__listItemPhoto {
    float: left;
    width: 141px;
}
.voice__listItemTxt {
    float: right;
    width: calc(100% - 150px)
}
.voice__listItemTxt p {
    font-size: 2.6rem;
    line-height: 1.6;
    margin-top: 2.4%;
}
.voice__listItemTxt p:first-child {
    margin-top: 2.4%;
}
@media only screen and (max-width: 768px) {
    .voice__listItem {
        margin-top: 12px;
        border-width: 2px;
        padding: 7px 14px;
    }
    .voice__listItemTxt p {
        font-size: 2.3rem;
        line-height: 1.6;
    }
}
@media only screen and (max-width: 440px) {
    .voice__listItemPhoto {
        width: 27%;
        margin: 0 auto 13px;
    }
    .voice__listItemTxt {
        width: 70%;
    }
    .voice__listItemTxt p {
        margin-top: 0;
        font-size: 1.6rem;
        line-height: 1.6;
    }
    .voice__listItemTxt p:first-child {
        margin-top: 0;
    }
}


/* チェックリスト */
.chklist {
    border: 8px solid #e2e2e2;
    padding: 18px 25px;
}
.chklist__item {
    font-size: 2rem;
    font-weight: bold;
    padding-left: 33px;
    background-image: url("assets/images/check.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 23px 23px;
    margin-top: 6px;
}
.chklist__item:first-child {
    margin-top: 0px;
}
@media only screen and (max-width: 768px) {
    .chklist {
        border-width: 6px;
        padding: 14px 18px;
    }
    .chklist__item {
        font-size: 1.9rem;
        padding-left: 26px;
        background-size: 18px 18px;
    }
}
@media only screen and (max-width: 440px) {
    .chklist {
        border-width: 4px;
        padding: 11px 14px;
    }
    .chklist__item {
        font-size: 1.7rem;
        padding-left: 21px;
        background-size: 14px 14px;
    }
}


/* メリット */
.merit__item {
    background-color: #f1f3f3;
    border-bottom: 2px solid #006000;
    padding: 25px 0 20px;
}
.merit__item:first-child {
    border-top: 2px solid #006000;
}
.merit__itemBlockTitle {
    padding-left: 2.816901408450704%;
}
.merit__itemBlockTitleTop,
.merit__itemBlockTitleBody {
    display: block;
}
.merit__itemBlockTitleTop-inner {
    display: inline-block;
    padding: 5px 24px 3px;
    background-color: #006000;
    color: #fff;
    border-radius: 30px;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: .1em;
}
.merit__itemBlockTitleBody {
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 1.3;
    letter-spacing: .04em;
    margin-top: 10px;
}
.merit__itemBlockTxt {
    padding: 0 2.816901408450704%;
    margin-top: 32px;
}
.merit__itemBlockTxtPhoto {
    float: right;
    width: 27.82608695652174%;
    margin: 0 0 3.768115942028986% 4.927536231884058%;
}
@media only screen and (max-width: 768px) {
    .merit__item {
        padding: 18px 0 16px;
    }
    .merit__itemBlockTitleTop-inner {
        padding: calc(5em/24) calc(24em/24) calc(3em/24);
        border-radius: calc(30em/24);
        font-size: calc(24/750*100vw);
    }
    .merit__itemBlockTitleBody {
        font-size: calc(36/750*100vw);
        margin-top: calc(10em/36);
    }
    .merit__itemBlockTxt {
        margin-top: 26px;
    }
}
@media only screen and (max-width: 440px) {
    .merit__item {
        padding: 14px 0 13px;
    }
    .merit__itemBlockTxt {
        margin-top: 21px;
    }
    .merit__itemBlockTitleTop-inner {
        font-size: calc(24*1.3/750*100vw);
    }
    .merit__itemBlockTitleBody {
        font-size: calc(36*1.3/750*100vw);
    }
    .merit__itemBlockTxtPhoto {
        width: 40%;
    }
}


/* 人物紹介 */
.profile {
    background-color: #f3f3f3;
    padding: 35px 32px;
}
.profile__info {
    font-size: 0;
}
.profile__infoPhoto,
.profile__infoTxt {
    display: inline-block;
    vertical-align: middle;
}
.profile__infoPhoto {
    width: 28%;
}
.profile__infoTxt {
    margin-left: 5%;
    width: 67%;
}
h3.profile__infoTxtName {
    font-size: 3.4rem;
    margin-bottom: 3px;
}
p.profile__infoTxtTxt {
    margin-top: 0;
}
.profile__txt {
    margin-top: 18px;
}
@media only screen and (max-width: 768px) {
    .profile {
        padding: 28px 24px;
    }
    h3.profile__infoTxtName {
        font-size: 2.7rem;
    }
    .profile__txt {
        margin-top: 14px;
    }
    .profile__infoPhoto {
        width: 45%;
    }
    .profile__infoTxt {
        width: 50%;
    }
}
@media only screen and (max-width: 440px) {
    .profile {
        padding: 22px 19px;
    }
    .profile__infoPhoto,
    .profile__infoTxt {
        display: block;
    }
    .profile__infoPhoto {
        width: 60%;
        margin: 0 auto 15px;
    }
    .profile__infoTxt {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    h3.profile__infoTxtName {
        font-size: 2.2rem;
    }
    .profile__txt {
        margin-top: 11px;
    }
}


/* Youtube */
.youtube {
    width: 89.57746478873239%;
    margin-left: auto;
    margin-right: auto;
}
.youtube iframe {
    width: 100%;
}
@media only screen and (max-width: 440px) {
    .youtube {
        width: 93.75%;
    }
}


/* イメージブロック */
.imageblock {
    width: 89.57746478873239%;
    margin-left: auto;
    margin-right: auto;
}
.imageblock__item {
    margin-top: 37px;
}
.imageblock__item:first-child {
    margin-top: 0;
}
@media only screen and (max-width: 768px) {
    .imageblock__item {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 440px) {
    .imageblock {
        width: 93.75%;
    }
    .imageblock__item {
        margin-top: 24px;
    }
}



/* テーブル */
.table {
    width: 100%;
}
.table th,
.table td {
    padding: 6px 18px;
    border: 1px solid #4d4d4d;
    font-weight: normal;
    vertical-align: middle;
}
.table thead th {
    text-align: center;
}
.table tbody td {
    text-align: center;
}
.table__emrow th,
.table__emrow td {
    background-color: #fced4b;
    color: #dd2b32;
}
@media only screen and (max-width: 768px) {
    .table th,
    .table td {
        padding: 5px 14px;
    }
}
@media only screen and (max-width: 440px) {
    .table th,
    .table td {
        padding: 4px 11px;
    }
}


/* カリキュラム */
.curriculum {
    background-color: #ffffd5;
}
h3.curriculum__title {
    text-align: center;
    color: #fff;
    font-size: 2.6rem;
    font-weight: bold;
    padding: 22px 0 18px;
}
.curriculum__list {
    padding: 28px 18px 40px;
}
.curriculum__body {
    padding: 10px 18px 0;
}
.curriculum__listItemTitle {
    display: table;
    width: 100%;
}
.curriculum__listItemTitleTxt01,
.curriculum__listItemTitleTxt02 {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding: 14px 0 10px;
}
.curriculum__listItemTitleTxt01 {
    text-align: center;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
}
.curriculum__listItemTitleTxt02 {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 1.4;
}
.curriculum__listItemTxt {
    background-color: #fff;
    padding: 17px 22px;
}
.curriculum__listItemArrow {
    text-align: center;
    padding: 14px 0;
    font-size: 1.5rem;
}
.curriculum__listItemCompleteTitle {
    background-color: #e9242f;
    font-size: 3.6rem;
    font-weight: bold;
    padding: 8px 18px 6px;
}
.curriculum__listItemCompleteTxt {
    background-color: #fff;
    padding: 15px 18px;
}
/* カリキュラムテーマグリーン */
.curriculum--green .curriculum__title {
    background: #007840;
    background: linear-gradient(to bottom, #007840 0%,#006536 100%);
}
.curriculum--green .curriculum__listItemTitleTxt01 {
    background-color: #006536;
}
.curriculum--green .curriculum__listItemTitleTxt02 {
    background-color: #e7f1ec;
    color: #006435;
}
.curriculum--green .curriculum__listItemArrow {
    color: #006536;
}
/* カリキュラムテーマブルー */
.curriculum--blue .curriculum__title {
    background: #3369b9;
    background: linear-gradient(to bottom, #3369b9 0%,#2b589b 100%);
}
.curriculum--blue .curriculum__listItemTitleTxt01 {
    background-color: #2b589b;
}
.curriculum--blue .curriculum__listItemTitleTxt02 {
    background-color: #e5edfa;
    color: #053583;
}
.curriculum--blue .curriculum__listItemArrow {
    color: #2b589b;
}
@media only screen and (max-width: 768px) {
    h3.curriculum__title {
        padding: 18px 10px 14px;
    }
    .curriculum__list {
        padding: 22px 14px 32px;
    }
    .curriculum__body {
        padding: 8px 14px 0;
    }
    .curriculum__listItemTitleTxt01,
    .curriculum__listItemTitleTxt02 {
        padding: 11px 0 8px;
    }
    .curriculum__listItemTitleTxt01 {
        padding-left: 8px;
        padding-right: 8px;
    }
    .curriculum__listItemTitleTxt02 {
        padding-left: 11px;
        padding-right: 11px;
    }
    .curriculum__listItemTxt {
        padding: 13px 17px;
    }
    .curriculum__listItemArrow {
        padding: 11px 0;
    }
    .curriculum__listItemCompleteTitle {
        padding: 6px 14px 5px;
    }
    .curriculum__listItemCompleteTxt {
        padding: 12px 14px;
    }
}
@media only screen and (max-width: 690px) {
    .curriculum__listItemTitle {
        display: block;
    }
    .curriculum__listItemTitleTxt01,
    .curriculum__listItemTitleTxt02 {
        display: block;
        width: 100%;
    }
    .curriculum__listItemTitleTxt02 {
        padding-left: 14px;
        padding-right: 14px;
    }
}
@media only screen and (max-width: 440px) {
    h3.curriculum__title {
        font-size: 2rem;
        padding: 14px 8px 11px;
    }
    .curriculum__list {
        padding: 18px 11px 26px;
    }
    .curriculum__body {
        padding: 6px 11px 0;
    }
    .curriculum__listItemTitleTxt01,
    .curriculum__listItemTitleTxt02 {
        padding: 9px 0 6px;
    }
    .curriculum__listItemTitleTxt01 {
        padding-left: 6px;
        padding-right: 6px;
    }
    .curriculum__listItemTitleTxt02 {
        padding-left: 11px;
        padding-right: 11px;
    }
    .curriculum__listItemTxt {
        padding: 10px 14px;
    }
    .curriculum__listItemArrow {
        font-size: 1.2rem;
        padding: 9px 0;
    }
    .curriculum__listItemCompleteTitle {
        font-size: 2.6rem;
        padding: 5px 11px 4px;
    }
    .curriculum__listItemCompleteTxt {
        padding: 10px 11px;
    }
}


/* イメージテキストブロック */
.imagetxtblock__img {
    float: right;
    margin: 0 6.5% 4% 4%;
}
@media only screen and (max-width: 768px) {
    .imagetxtblock__img {
        width: 22%;
        margin-right: 0;
    }
}
@media only screen and (max-width: 440px) {
    .imagetxtblock__img {
        width: 30%;
    }
}


/* 流れ */
.flow__item {
    padding: 25px 0;
    font-size: 0;
    border-bottom: 1px solid #e6e6e6;
}
.flow__item:first-child {
    padding-top: 0;
}
.flow__itemStep,
.flow__itemBody {
    display: inline-block;
    vertical-align: top;
}
.flow__itemStep {
    width: 9%;
}
.flow__itemBody {
    margin: 6px 0 0 3%;
    width: 88%;
}
.flow__itemBodyTitle {
    margin-bottom: 8px;
}
.flow__itemBodyContactTel {
    display: inline-block;
    vertical-align: middle;
}
.flow__itemBodyContactTelNum {
    font-size: 3.8rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 5px;
}
.flow__itemBodyContactBtn {
    margin-left: 10px;
    font-size: 1.8rem;
    width: calc(225em/18);
    height: calc(61em/18);
    border-radius: calc(10em/18);
}
@media only screen and (max-width: 768px) {
    .flow__item {
        padding: 18px 0;
    }
    .flow__itemBodyTitle {
        margin-bottom: 5px;
    }
    .flow__itemBodyContactTel {
        display: block;
    }
    .flow__itemBodyContactBtn {
        margin-left: 0;
        margin-top: 4px;
        font-size: 1.6rem;
    }
}
@media only screen and (max-width: 440px) {
    .flow__item {
        padding: 14px 0;
    }
    .flow__itemStep {
        width: 18%;
    }
    .flow__itemBody {
        margin-left: 3%;
        width: 79%;
    }
    .flow__itemBodyContactTelNum {
        font-size: 3rem;
    }
    .flow__itemBodyContactBtn {
        font-size: 1.4rem;
    }
}


/* cta */
/* .cta {
    position: relative;
} */
/* .cta__bg {
    position: relative;
    z-index: 0;
}
.cta__tel {
    position: absolute;
    top: 37.11048158640227%;
    left: 6.770098730606488%;
    width: 61.6361071932299%;
}
.cta__btn {
    position: absolute;
    top: 66.85552407932011%;
    left: 6.770098730606488%;
    width: 56.84062059238364%;
} */
.cta {
    background-color: #326bc9;
    padding: 0 15px 15px;
}
.cta__title {
    padding: 16px 0 11px;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.2;
    color: #ffea00;
    text-align: center;
}
.cta__body {
    background-color: #fff;
    border-radius: 10px;
    background-image: url('assets/images/cta-img.jpg');
    background-position: 98% 0;
    background-repeat: no-repeat;
    padding: 12px 30px 17px;
}
.cta__body-inner {
    width: 77%;
    margin: 0 auto;
}
.cta__bodyTel {
    margin-bottom: 7px;
}
.cta__bodyTel a {
    font-size: 5.6rem;
    line-height: 1;
    color: #ffa200;
}
.cta__bodyTel a:hover {
    text-decoration: none;
}
.cta__btn .button__common {
    width: calc(403em/30);
    height: calc(84em/30);
}
@media only screen and (max-width: 768px) {
    .cta {
        padding: 0 calc(15/768*100vw) calc(15/768*100vw);
    }
    .cta__title {
        padding: calc(16/768*100vw) 0 calc(11/768*100vw);
        font-size: calc(36/768*100vw);
    }
    .cta__body {
        background-size: calc(200/675*100%) auto;
        padding: calc(12/768*100vw) calc(30/768*100vw) calc(17/768*100vw);
    }
    .cta__body-inner {
        width: 100%;
    }
    .cta__bodyTxt {
        font-size: calc(18/768*100vw);
    }
    .cta__bodyTel {
        margin-bottom: calc(7/768*100vw);
    }
    .cta__bodyTel a {
        font-size: calc(56/768*100vw);
    }
}

/* よくある質問 */
.faq__item {
    padding: 25px 0;
    border-bottom: 1px solid #ffe486;
}
.faq__item:first-child {
    padding-top: 0;
}
.faq__itemBlockTitle {
    font-size: 0;
}
.faq__itemBlockTitleQ,
.faq__itemBlockTitleTxt {
    display: inline-block;
    vertical-align: top;
}
.faq__itemBlockTitleQ {
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 2.6rem;
    color: #fff;
    text-align: center;
    background-color: #e9242f;
    font-weight: bold;
}
.faq__itemBlockTitleTxt {
    padding-top: 6px;
    margin-left: 9px;
    width: calc(100% - 55px);
    font-size: 2.2rem;
    font-weight: bold;
    color: #e9242f;
}
.faq__itemBlockTxt {
    margin-top: 13px;
}
@media only screen and (max-width: 768px) {
    .faq__item {
        padding: 18px 0;
    }
    .faq__itemBlockTitleQ {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 2.3rem;
    }
    .faq__itemBlockTitleTxt {
        padding-top: 5px;
        width: calc(100% - 49px);
        font-size: 2rem;
    }
    .faq__itemBlockTxt {
        margin-top: 11px;
    }
}
@media only screen and (max-width: 440px) {
    .faq__item {
        padding: 14px 0;
    }
    .faq__itemBlockTitleQ {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 2rem;
    }
    .faq__itemBlockTitleTxt {
        padding-top: 4px;
        width: calc(100% - 41px);
        font-size: 1.8rem;
    }
    .faq__itemBlockTxt {
        margin-top: 8px;
    }
}


/* 申し込み */
.moushikomi__listItem {
    position: relative;
}
.moushikomi__listItemImg {
    position: relative;
    z-index: 0;
}
.moushikomi__listItemBtn {
    position: absolute;
    bottom: 1.9%;
    left: 50%;
    width: 78.73239436619718%;
    margin-left: -39.36619718309859%;
}


/* アクセス */
.access__top {
    border: 3px solid #d3d3d3;
    padding: 10px 14px;
}
.access__map {
    border: 3px solid #d3d3d3;
    border-top: none;
}
.access__map iframe {
    width: 100%;
    height: 185px;
    margin-bottom: -4px;
}
.access__btm {
    background: #ff2b38;
    background: linear-gradient(to bottom, #ff2b38 0%,#ea242f 100%);
}
.access__btmTarget {
    display: block;
    color: #fff !important;
    padding: 10px 14px;
}
.access__btmTargetTxt,
.access__btmTargetArrow {
    display: inline-block;
    vertical-align: middle;
}
.access__btmTargetArrow {
    margin-left: 14px;
}
@media only screen and (max-width: 768px) {
    .access__top,
    .access__btmTarget {
        padding: 8px 11px;
    }
    .access__btmTarget {
        text-align: center;
    }
    .access__btmTarget-inner {
        display: inline-block;
        text-align: left;
    }
}


/* メニュー */
.menu__title {
    background: #0064dc;
    background: linear-gradient(to bottom, #0064dc 0%,#0054b9 100%);
    padding: 14px;
    color: #fff;
}
.menu__listItem {
    margin-top: 2px;
    background-color: #f1f1f1;
}
.menu__listItem:first-child {
    margin-top: 0;
}
.menu__listItemTarget {
    display: block;
    padding: 10px 14px;
}
@media only screen and (max-width: 768px) {
    .menu__title {
        padding: 11px;
    }
    .menu__listItemTarget {
         padding: 8px 11px;
    }
}


/* フッタ */
.f {
    background-color: #f1f1f1;
    margin-top: 40px;
    padding: 25px;
}
@media only screen and (max-width: 768px) {
    .f {
        padding: 18px;
    }
}
@media only screen and (max-width: 440px) {
    .f {
        padding: 14px;
    }
}


/* スマートフォンのみ表示される下部固定のお電話ボタン */
.sptel {
    display: none;
}
@media only screen and (max-width: 768px) {
    .sptel {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #1ab434;
        z-index: 9998;
    }
    .sptel__inner {
        width: calc(640/768*100%);
        margin: 0 auto;
        text-align: center;
    }
    .sptel__innerTarget {
        display: block;
        padding: calc(15/640*100vw) 0 calc(8/640*100vw);
    }
    .sptel__innerTargetTitle,
    .sptel__innerTargetTel,
    .sptel__innerTargetTxt {
        line-height: 1;
    }
    .sptel__innerTargetTitle {
        font-size: calc(33/768*100vw);
        color: #fdf001;
        font-weight: bold;
    }
    .sptel__innerTargetTel {
        font-size: calc(74/768*100vw);
        color: #fff;
        font-weight: bold;
        margin-top: calc(8/640*100vw);
    }
    .sptel__innerTargetTxt {
        font-size: calc(27/768*100vw);
        color: #fff;
        line-height: 1.2;
    }
}
@media only screen and (max-width: 480px) {
    .sptel__inner {
        width: 83%;
    }
}
/* @media only screen and (max-width: 640px) {
    .sptel__inner {
        width: 100%;
    }
} */



/* 感想 */
.kansou__block {
    border: 4px solid #0071bc;
    padding: 48px 33px 33px;
    margin-top: 35px;
}
.kansou__block:first-child {
    margin-top: 0;
}
.kansou__blockPhoto {
    float: right;
    margin: 0 0 45px 45px;
}
.kansou__blockTitle {
    color: #0071bc;
    line-height: 1.8;
}
p.kansou__blockName {
    margin-top: 0;
}
.kansou__blockTxt {
    margin-top: 30px;
}
@media only screen and (max-width: 768px) {
    .kansou__blockPhoto {
        margin: 0 0 35px 35px;
        width: 26.47727272727273%;
    }
}
@media only screen and (max-width: 440px) {
    .kansou__block {
        border-width: 2px;
        padding: 38px 25px 25px;
        margin-top: 28px;
    }
    .kansou__blockPhoto {
        margin: 0 0 18px 18px;
        width: 38%;
    }
}

/* IE8以下で表示すされるブロックのスタイル */
.notarget {
    display: none;
}
.lt-ie9 .notarget {
    display: table;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background-color: #fff;
}
.lt-ie9 .notarget-inner {
    display: table-cell;
    vertical-align: middle;
}
.lt-ie9 .notargetTitle {
    font-size: 20px;
    font-weight: bold;
}
.lt-ie9 .notargetTxt {
    margin: 25px 0 40px;
    font-size: 18px;
    line-height: 1.8;
}
.lt-ie9 .notargetBrowserItem {
    display: inline;
    zoom: 1;
    margin: 0 10px;
}
.lt-ie9 .notargetBrowserItem a {
    font-size: 16px;
}


/* Wordpressサイドカラム */
.wpside__title {
    background: #0064dc;
    background: linear-gradient(to bottom, #1bb812 0%,#0da805 100%);
    padding: 14px;
    color: #fff;
}
.wpside li {
    font-size: 1.4rem;
    margin-top: 2px;
    background-color: #f1f1f1;
}
.wpside li:first-child {
    margin-top: 0;
}
.wpside li a {
    display: block;
    padding: 10px 14px;
    transition: opacity .3s;
}
.wpside li a:hover {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
    .wpside__title {
        padding: 11px;
    }
    .wpside li a {
         padding: 8px 11px;
    }
    .wpside li a:hover {
        opacity: 1;
    }
}
@media only screen and (max-width: 440px) {
    .wpside li { font-size: 1.15rem; }
}

/* Wordpressタイトル */
.wptitle {
    border: 4px solid #4cd645;
    background-color: #0da805;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
    line-height: 1.4;
}
@media only screen and (max-width: 440px) {
    .wptitle {
        border-width: 2px;
        padding: 8px 16px;
    }
}


/*　Wordpress投稿一覧コンテンツ　*/
.wpbody {
    width: 610px;
    float: right;
}
.wpbody img {
    width: 30%;
    float: left;
    margin: 0 15px 15px 0;
}
.wpbody--single {
    width: 100%;
    float: none;
}
.wpbody--single img {
    width: auto;
    float: none;
    margin: 0;
}
.wpbody--singleThum img {
    width: 100%;
}
.wpbody--single p:after {
    content: "";
    clear: both;
    display: block;
}
.wpbody--single img.aligncenter {
    display: block;
    margin: 0 auto;
}
.wpbody--single img.alignright {
    float: right;
}
.wpbody--single img.alignleft {
    float: left;
}
@media only screen and (max-width: 768px) {
    .wpbody {
        width: 100%;
        float: none;
    }
}
@media only screen and (max-width: 440px) {
    .wpbody img {
        width: 100%;
        display: block;
        float: none;
        margin: 0;
    }
    .wpbody--single img {
        width: auto;
    }
    .wpbody--singleThum img {
        width: 100%;
    }
}

/* Wordpress一覧ページ続きを見るボタン */
.wpbtn {
    margin-left: 100px;
}
.wpbtn__target {
    display: inline-block;
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #E36009;
    color: #fff!important;
}
.wpbtn__targetTxt,
.wpbtn__targetArrow {
    display: inline-block;
    vertical-align: middle;
}
.wpbtn__targetArrow {
    margin-left: 12px;
}
@media only screen and (max-width: 768px) {
    .wpbtn {
        margin-left: 0;
        text-align: center;
    }
    .wpbtn__target {
        width: 80%;
    }
}
@media only screen and (max-width: 440px) {
    .wpbtn__target {
        width: 100%;
    }
}

/* Wordpress一覧ページのSNS */
.wpsns {
    width: 100px;
    float: left;
}
.wpsns__item {
    margin-bottom: 10px;
}
.wpsns--single {
    width: auto;
    float: none;
    margin-bottom: 20px;
}
.wpsns--single .wpsns__item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}
@media only screen and (max-width: 768px) {
    .wpsns {
        width: auto;
        float: none;
    }
    .wpsns__item {
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 10px;
    }
}
@media only screen and (max-width: 440px) {
    .wpsns {
        margin-bottom: 15px;
    }
}

/* Wordpress一覧ページの下部のページナビゲーション */
.wppagenavi {
    font-size: 0;
    text-align: center;
}
.wppagenavi .pages,
.wppagenavi .page,
.wppagenavi .current,
.wppagenavi .nextpostslink,
.wppagenavi .previouspostslink {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 1.6rem;
}
.wppagenavi a {
   transition: opacity .3s;
}
.wppagenavi a:hover {
    opacity: .6;
}
.wppagenavi .current {
    color: #ffa200;
}
@media only screen and (max-width: 768px) {
    .wppagenavi {
        margin-bottom: 35px;
    }
    .wppagenavi a:hover {
        opacity: 1;
    }
}
@media only screen and (max-width: 440px) {
    .wppagenavi {
        margin-bottom: 28px;
    }
}


/* Wordpress詳細ページの下部いいねボタン */
.wplike {
    margin-top: 25px;
    background-color: #f3f3f3;
    padding: 20px 25px;
}
.wplike__title {
    font-weight: bold;
    color: #3b5998;
    margin-bottom: 10px;
}
@media only screen and (max-width: 440px) {
    .wplike {
        margin-top: 18px;
        padding: 16px 18px;
    }
    .wplike__title {
        margin-bottom: 8px;
    }
}

/* Wordpress詳細ページ下部のシェアボタン */
.wpshare__item {
    float: left;
    width: 50%;
}
.wpshare__item a {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #55ACEE;
}
.wpshare__item:first-child a {
    background-color: #3b5998;
}
@media only screen and (max-width: 440px) {
    .wpshare__item {
        float: none;
        width: 100%;
        margin-top: 14px;
    }
}


/* Wordpress詳細ページ次ページとかのリンク */
.wppostlink__listItem {
    float: right;
}
.wppostlink__listItem:first-child {
    float: left;
}
.wppostlink__listItem .txt {
    margin-right: 10px;
}
.wppostlink__listItem:first-child .txt {
    margin-left: 10px;
}
.wppostlink__listItem a {
    transition: opacity .3s;
}
.wppostlink__listItem a:hover {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
    .wppostlink {
        margin-bottom: 35px;
    }
    .wppostlink__listItem a:hover {
        opacity: 1;
    }
}


/* プロフィール */
.wpside_profileBodyImg {
    margin: 18px 0 9px;
    text-align: center;
}
@media only screen and (max-width: 440px) {
    .wpside_profileBodyImg img {
        width: 40%;
    }
}


/* 検索 */
.searchform {
    font-size: 1.6rem;
}
.searchform #searchsubmit {
    display: block;
    margin: 10px auto 0;
    width: 80px;
    line-height: 35px;
}

/* ギャラリー */
.gallery {
    max-width: 626px;
    width: 100%;
    margin: 0 auto;
}
.gallery .slick-prev,
.gallery .slick-next {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    width: 21px;
    height: 31px;
    background-color: transparent;
    background-size: 21px 31px;
    background-repeat: no-repeat;
    background-position: top left;
    border: none;
    outline: none;
    text-indent: -9999px;
    z-index: 9999;
    transition-property: opacity;
    transition-duration: 0.3s;
    transition-timing-function: linear;
}
.gallery .slick-prev {
    left: -45px;
    background-image: url("assets/images/slide-prev.svg");
}
.gallery .slick-next {
    right: -45px;
    background-image: url("assets/images/slide-next.svg");
}
.gallerythum {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 calc(-12/980*100%) calc(-12/980*100%);
}
.gallerythum__item {
    width: calc(112/992*100%);
    margin: 0 0 calc(12/992*100%) calc(12/992*100%);
}
.gallerythum__itemBtn {
    display: block;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    background-color: #000;
}
.gallerythum__itemBtn.is-active img {
    opacity: .6;
}
@media only screen and (max-width: 768px) {
    .gallerythum {
        display: none;
    }
    .gallery__sliderItemImg {
        width: calc(100% - 70px);
        margin:  0 auto;
    }
    .gallery .slick-prev {
        left: 0;
    }
    .gallery .slick-next {
        right: 0;
    }
}
@media only screen and (max-width: 440px) {
    .gallery .slick-prev,
    .gallery .slick-next {
        margin-top: calc(-16px*.8);
        width: calc(21px*.8);
        height: calc(31px*.8);
        background-size: calc(21px*.8) calc(31px*.8);
    }
    .gallery__sliderItemImg {
        width: calc(100% - 70px*.8);
    }
}


/* itemcta */
.itemcta {
    max-width: 626px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.itemcta__btn .button__common {
    width: calc(403em/30);
    height: calc(84em/30);
}


/* LP (page-hp.php)*/
.page-hp #content {
    max-width: 800px;
    width: 93.75%;
}
.page-hp .wptitle {
    text-align: center;
}
.page-hp .youtube {
    max-width: 560px;
    width: 93.75%;
}
.page-hp .imageblock {
    text-align: center;
}