@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Hind');

/* PC版・スマホ版共通のスタイル */


/* PC版のスタイル */
@media only screen and (min-width: 768px) {
    #contents .mailmagazine-form {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 65px;
        margin-bottom: 55px;
        font-family: "Noto Sans JP";
        font-size: 13px;
    }
    #contents .mailmagazine-form .page_title {
        font-size: 22px;
        font-weight: 700;
    }
    #contents .mailmagazine-form .explanation {
        margin-top: 20px;
    }
    #contents .mailmagazine-form .terms_of_service {
        margin-top: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body {
        margin-top: 20px;
        height: 200px;
        overflow: scroll;
        border: 1px solid #BEC5DC;
        padding-left: 20px;
        padding-right: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body .t_title {
        font-weight: 700;
        margin-top: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body .t_section {
        font-weight: 700;
        margin-top: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body .t_bold {
        font-weight: 700;
        margin-top: 16px;
    }
    #contents .mailmagazine-form .regist_form {
        margin-top: 20px;
    }
    #contents .mailmagazine-form .regist_form .regist_title {
        font-size: 18px;
        font-weight: 700;
    }
    #contents .mailmagazine-form .regist_form .regist_explanation {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #contents .mailmagazine-form .cancel_form {
        margin-top: 20px;
    }
    #contents .mailmagazine-form .cancel_form .cancel_title {
        font-size: 18px;
        font-weight: 700;
    }
    #contents .mailmagazine-form .cancel_form .cancel_explanation {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #contents .mailmagazine-form input[type=text] {
        height: 25px;
        width: 300px;
        border: 1px solid #DADADA;
        background: #F8F6F4;
    }
    #contents .mailmagazine-form .regist_form .regist_email_button {
        width: 100px;
        height: 29px;
        font-size: 12px;
        font-weight: 700;
        color: #FFFFFF;
        background: #282F46;
        border: 0;
        cursor: pointer;
    }
    #contents .mailmagazine-form .cancel_form .cancel_email_button {
        width: 100px;
        height: 29px;
        font-size: 12px;
        font-weight: 700;
        color: #282F46;
        background: #FFFFFF;
        border: 1px solid #282F46;
        cursor: pointer;
    }
}

/* スマホ版のスタイル */
@media only screen and (max-width: 767px) {
    #contents .mailmagazine-form {
        margin-left: 32px;
        margin-right: 32px;
        margin-top: 24px;
        margin-bottom: 24px;
        font-family: "Noto Sans JP";
        font-size: 13px;
    }
    #contents .mailmagazine-form .page_title {
        font-weight: 700;
        font-size: 22px;
    }
    #contents .mailmagazine-form .explanation {
        margin-top: 24px;
    }
    #contents .mailmagazine-form .terms_of_service {
        margin-top: 24px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body {
        margin-top: 24px;
        height: 200px;
        overflow: scroll;
        border: 1px solid #BEC5DC;
        padding-left: 20px;
        padding-right: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body .t_title {
        font-weight: 700;
        margin-top: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body .t_section {
        font-weight: 700;
        margin-top: 20px;
    }
    #contents .mailmagazine-form .terms_of_service .terms_of_service_body .t_bold {
        font-weight: 700;
        margin-top: 16px;
    }
    #contents .mailmagazine-form .regist_form {
        margin-top: 24px;
    }
    #contents .mailmagazine-form .regist_form .regist_title {
        font-size: 18px;
        font-weight: 700;
    }
    #contents .mailmagazine-form .regist_form .regist_explanation {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    #contents .mailmagazine-form .cancel_form {
        margin-top: 24px;
    }
    #contents .mailmagazine-form .cancel_form .cancel_title {
        font-size: 18px;
        font-weight: 700;
    }
    #contents .mailmagazine-form .cancel_form .cancel_explanation {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    #contents .mailmagazine-form input[type=text] {
        height: 40px;
        width: 100%;
        border: 1px solid #DADADA;
        background: #F8F6F4;
        padding: 0;
    }
    #contents .mailmagazine-form .regist_form .regist_email_button {
        display: block;
        width: 100%;
        height: 56px;
        font-size: 14px;
        font-weight: 700;
        color: #FFFFFF;
        background: #282F46;
        border: 0;
        margin-top: 16px;
    }
    #contents .mailmagazine-form .cancel_form .cancel_email_button {
        display: block;
        width: 100%;
        height: 56px;
        font-size: 14px;
        font-weight: 700;
        color: #282F46;
        background: #FFFFFF;
        border: 1px solid #282F46;
        margin-top: 16px;
    }



}