@charset "UTF-8";
@media screen and (max-width: 800px) {

    /*--------------------------------------------------------
定数
--------------------------------------------------------*/
    .visible800 {
        display: block;
        margin: auto;
    }

    .hidden800 {
        display: none;
    }

    /*--------------------------------------------------------
定数（基本的に、全サイト共通に使えるもの）
--------------------------------------------------------*/
    .margin_t100 {
        margin-top: 11%;
    }

    .margin_t90 {
        margin-top: 10%;
    }

    .margin_t80 {
        margin-top: 9%;
    }

    .margin_t70 {
        margin-top: 8%;
    }

    .margin_t60 {
        margin-top: 7%;
    }

    .margin_t50 {
        margin-top: 6%;
    }

    .margin_t40 {
        margin-top: 5%;
    }

    .margin_t30 {
        margin-top: 4%;
    }

    .margin_t20 {
        margin-top: 3%;
    }

    .margin_t10 {
        margin-top: 2%;
    }

    .margin_b100 {
        margin-bottom: 11%;
    }

    .margin_b90 {
        margin-bottom: 10%;
    }

    .margin_b80 {
        margin-bottom: 9%;
    }

    .margin_b70 {
        margin-bottom: 8%;
    }

    .margin_b60 {
        margin-bottom: 7%;
    }

    .margin_b50 {
        margin-bottom: 6%;
    }

    .margin_b40 {
        margin-bottom: 5%;
    }

    .margin_b30 {
        margin-bottom: 4%;
    }

    .margin_b20 {
        margin-bottom: 3%;
    }

    .margin_b10 {
        margin-bottom: 2%;
    }

    .padding_t100 {
        padding-top: 11%;
    }

    .padding_t90 {
        padding-top: 10%;
    }

    .padding_t80 {
        padding-top: 9%;
    }

    .padding_t70 {
        padding-top: 8%;
    }

    .padding_t60 {
        padding-top: 7%;
    }

    .padding_t50 {
        padding-top: 6%;
    }

    .padding_t40 {
        padding-top: 5%;
    }

    .padding_t30 {
        padding-top: 4%;
    }

    .padding_t20 {
        padding-top: 3%;
    }

    .padding_t10 {
        padding-top: 2%;
    }

    .padding_b100 {
        padding-bottom: 11%;
    }

    .padding_b90 {
        padding-bottom: 10%;
    }

    .padding_b80 {
        padding-bottom: 9%;
    }

    .padding_b70 {
        padding-bottom: 8%;
    }

    .padding_b60 {
        padding-bottom: 7%;
    }

    .padding_b50 {
        padding-bottom: 6%;
    }

    .padding_b40 {
        padding-bottom: 5%;
    }

    .padding_b30 {
        padding-bottom: 4%;
    }

    .padding_b20 {
        padding-bottom: 3%;
    }

    .padding_b10 {
        padding-bottom: 2%;
    }

    /*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/
    .contents {
        width: 100%;
    }

    .img_center {
        margin-left: 0px;
    }

    img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
    /*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
    /* --共通-- */
    /* --共通-- */
    /*--header--*/
    /*--header-end--*/
    /*--contents--*/
    .fv_txt {
        font-size: 3vw;
    }

    .qre_box>div {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    /*--contents-end--*/
    /*--footer--*/
    /*--footer-end--*/
    /*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 750px) {

    /*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
    /* --共通-- */
    /* --共通-- */
    /*--header--*/
    /*--header-end--*/
    /*--contents--*/
    .content_text {
        font-size: 3.3vw;
    }

    /*--contents-end--*/
    /*--footer--*/
    /*--footer-end--*/
    /*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
    /*--------------------------------------------------------
↓↓↓ フォーム部分 ↓↓↓
--------------------------------------------------------*/
    /*--------------------------------------------------------
↑↑↑ フォーム部分 ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 600px) {
    .visible600 {
        display: block;
        margin: auto;
    }

    .hidden600 {
        display: none;
    }

    body {
        font-size: 1.6rem;
    }

    /*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/
    /*--------------------------------------------------------
フッター
--------------------------------------------------------*/
    .copyright,
    .copyright a {
        font-size: 1.2rem;
    }

    /*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
    /* --共通-- */
    /* --共通-- */
    /*--header--*/
    /*--header-end--*/
    /*--contents--*/
    /*--contents-end--*/
    /*--footer--*/
    /*--footer-end--*/
    /*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 500px) {
    .visible500 {
        display: block;
        margin: auto;
    }

    .hidden500 {
        display: none;
    }

    /*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
    /*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}

@media screen and (max-width: 450px) {
    .hidden450 {
        display: none;
    }

    .break_450:after {
        content: "\A";
        white-space: pre;
    }
}

@media screen and (max-width: 400px) {
    .visible400 {
        display: block;
        margin: auto;
    }

    .hidden400 {
        display: none;
    }

    .privacy_subtitle {
        font-size: 1.18em;
    }
    
    .copyright, .copyright a {
        font-size: 1rem;
    }
}

@media screen and (max-width: 319px) {
    body {
        overflow-x: visible;
    }

    .contents {
        min-width: 320px;
    }

    .contents1800 {
        min-width: 320px;
    }

    header {
        min-width: 320px;
    }

    footer {
        min-width: 320px;
    }
}