@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--*/
    .q_icon{
        font-size: 10vw;
    }
    
    .question_form_question_text{
        font-size: 3.7vw;
    }
    /*--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--*/
    .step {
        width: 40px;
        height: 40px;
        padding-top: 8px;
    }
    /*--contents-end--*/
    /*--footer--*/
    /*--footer-end--*/
/*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}
@media screen and (max-width: 500px) {
    .visible500 {
        display: block;
        margin: auto;
    }
    .hidden500 {
        display: none;
    }
/*--------------------------------------------------------
↓↓↓ 各種レイアウト ↓↓↓
--------------------------------------------------------*/
/*--------------------------------------------------------
↑↑↑ 各種レイアウト ↑↑↑
--------------------------------------------------------*/
}
@media screen and (max-width: 400px) {
    .visible400 {
        display: block;
        margin: auto;
    }
    .hidden400 {
        display: none;
    }
    .privacy_subtitle {
        font-size: 1.18em;
    }
}
@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;
    }
}