@charset "UTF-8";

/*背景色
---------------------------------------------------------------------------*/
.hp_bgOrange {
    background-color: #F48314;
}

.hp_bgLightblue {
    background-color: #1686BE;
}

.hp_bgBlue {
    background-color: #08449B;
}

.hp_bgBrown {
    background-color: #4D2802;
}

.hp_bgGreen {
    background-color: #115006;
}

.hp_bgDarkgray {
    background-color: #2F2F2F;
}

/* 画像 */
.hp_bgLightgray {
    background: url(../img/common/bg_lightgray.png) center/contain;
}

/*背景色 レスポンシブ*/
@media screen and (max-width: 767px) {
    .hp_bgLightgray {
        background-size: cover;
    }
}

/*テキスト
---------------------------------------------------------------------------*/
.hp_txtCenter {
    text-align: center !important;
}

.hp_txtRight {
    text-align: right !important;
}

.bold {font-weight: 600}

.palt {
  font-feature-settings: "palt";
}

.text80 {font-size: 0.8em !important}
.text85 {font-size: 0.85em !important}
.text90 {font-size: 0.9em !important}
.text95 {font-size: 0.95em !important}
.text110 {font-size: 1.1em !important}
.text120 {font-size: 1.2em !important}
.text130 {font-size: 1.3em !important}
.text140 {font-size: 1.4em !important}
.text150 {font-size: 1.5em !important}
.text160 {font-size: 1.6em !important}
.text170 {font-size: 1.7em !important}
.text180 {font-size: 1.8em !important}
.text190 {font-size: 1.9em !important}
.text200 {font-size: 2em !important}
.text210 {font-size: 2.1em !important}
.text220 {font-size: 2.2em !important}
.text230 {font-size: 2.3em !important}
.text240 {font-size: 2.4em !important}
.text250 {font-size: 2.5em !important}


/*margin
---------------------------------------------------------------------------*/
.hp_mb0 {
    margin-bottom: 0px !important;
}

.hp_mb10 {
    margin-bottom: 10px !important;
}

.hp_mb20 {
    margin-bottom: 20px !important;
}

.hp_mb30 {
    margin-bottom: 30px !important;
}

.hp_mb40 {
    margin-bottom: 40px !important;
}

.hp_mb50 {
    margin-bottom: 50px !important;
}

.hp_mb60 {
    margin-bottom: 60px !important;
}

.hp_mb70 {
    margin-bottom: 70px !important;
}

.hp_mb80 {
    margin-bottom: 80px !important;
}

.hp_mb90 {
    margin-bottom: 90px !important;
}

.hp_mb100 {
    margin-bottom: 100px !important;
}

.hp_mr1em {
    margin-right: 1em !important;
}

/*スペース
---------------------------------------------------------------------------*/
.hp_spaceL {
    margin-bottom: 80px !important;
}

/*スペース レスポンシブ*/
@media screen and (min-width: 768px) {
    .hp_spaceL {
        margin-bottom: 100px !important;
    }
}

/*スマホ時
---------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

    /*非表示*/
    .sm_hidden {
        display: none !important;
    }

    /*text-align*/
    .sm_txtCenter {
        text-align: center !important;
    }

    /*margin*/
    .sm_mb0 {
        margin-bottom: 0px !important;
    }

    .sm_mb10 {
        margin-bottom: 10px !important;
    }

    .sm_mb20 {
        margin-bottom: 20px !important;
    }

    .sm_mb30 {
        margin-bottom: 30px !important;
    }

    .sm_mb40 {
        margin-bottom: 40px !important;
    }

    .sm_mb50 {
        margin-bottom: 50px !important;
    }

    .sm_mb60 {
        margin-bottom: 60px !important;
    }

    .sm_mb70 {
        margin-bottom: 70px !important;
    }

    .sm_mb80 {
        margin-bottom: 80px !important;
    }

    .sm_mb90 {
        margin-bottom: 90px !important;
    }

    .sm_mb100 {
        margin-bottom: 100px !important;
    }

    /*スマホ時 終わり*/
}

/*タブレットサイズ以上
---------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
    .md_hidden {
        display: none !important;
    }

    .md_txtRight {
        text-align: right !important;
    }

    /*margin*/
    .md_mb0 {
        margin-bottom: 0px !important;
    }

    .md_mb10 {
        margin-bottom: 10px !important;
    }

    .md_mb20 {
        margin-bottom: 20px !important;
    }

    .md_mb30 {
        margin-bottom: 30px !important;
    }

    .md_mb40 {
        margin-bottom: 40px !important;
    }

    .md_mb50 {
        margin-bottom: 50px !important;
    }

    .md_mb60 {
        margin-bottom: 60px !important;
    }

    .md_mb70 {
        margin-bottom: 70px !important;
    }

    .md_mb80 {
        margin-bottom: 80px !important;
    }

    .md_mb90 {
        margin-bottom: 90px !important;
    }

    .md_mb100 {
        margin-bottom: 100px !important;
    }

    /*タブレットサイズ以上 終わり*/
}