.unsubscribe-box, .subscribe-box {
    max-width: 650px;
    background: #FFFFFF;
    margin: 40px auto;
    border: 1px solid #D8D8D8;
    letter-spacing: 0.001rem;
    border-radius: 5px;
}

.unsubscribe-box{
    padding: 20px 40px;
}

.subscribe-box {
    left: 0px;
    width: 97%;
    padding: 25px 15px;
}

.unsubscribe-box .heading, .subscribe-box .heading{
    text-align: center;
    font-size: 0;
    margin-bottom: 5px;
 }

.unsubscribe-box .heading .heading-text, .subscribe-box .heading .heading-text{
    font: normal normal bold 19px/28px Noto Sans JP;
    display: inline-block;
 }

.unsubscribe-box .content, .subscribe-box .content {
    width: 95%;
    margin: 0 auto;
    font: normal normal normal 16px/25px Noto Sans JP;
    text-align: center;
}

.unsubscribe-box .content .detail-box, .subscribe-box .content .detail-box {
    background-color: #e7e7e7; 
    border-radius: 10px; 
    padding: 15px 35px; 
    margin: 10px 0 0 0; 
    display: inline-block; 
    text-align: left;
    font-size: 0.9rem;
}

.unsubscribe-box .content .sns-notice, .subscribe-box .content .sns-notice {
    font: normal normal normal 11px/16px Noto Sans JP;
}

.unsubscribe-box .content .sns-notice div, .subscribe-box .content .sns-notice div {
    padding: 10px 0px 0px 0px;
}

.unsubscribe-box .content .sns-notice span, .subscribe-box .content .sns-notice span {
    font-size: 1.0rem;
}

.unsubscribe-box .content .sns-notice input, .subscribe-box .content .sns-notice input {
    height: 25px;
    margin: 5px 10px;
}

.unsubscribe-box .content .detail-box input, .subscribe-box .content .sns-notice input {
    border: 1px solid #ddd;
}

.unsubscribe-box .btn-box button, .subscribe-box .btn-box button {
    min-width: 165px;
}

.unsubscribe-box .notice, .subscribe-box .notice {
    font: normal normal normal 11px/16px Noto Sans JP;
    text-align: center; 
    color: #f05a29;
    margin: 5px 0 0 0;
}


.unsubscribe-box .btn-box, .subscribe-box .btn-box{
    padding: 25px 50px 3px 50px;
}

.unsubscribe-box .btn-box .btn-save, .subscribe-box .btn-box .btn-save{
    background-color: #aaa;
}

@media (max-width: 713px) {
    .unsubscribe-box .content .content-text, .subscribe-box .content .content-text{
        text-align: left;
    }
    .unsubscribe-box .content .sns-notice div.sns-notice-text, .subscribe-box .content .sns-notice div.sns-notice-text {
        text-align: left;
    }
    .unsubscribe-box .notice, .subscribe-box .notice {
        text-align: left;
    }
    
}

@media (max-width: 569px) {
    .unsubscribe-box .content .detail-box, .subscribe-box .content .detail-box {
        padding: 15px 10px;
    }
    .unsubscribe-box .btn-box button, .subscribe-box .btn-box button {
        min-width: 115px;
    }
    .unsubscribe-box .btn-box, .subscribe-box .btn-box{
        padding: 25px 20px 3px 20px;
    }
}


/* @media (max-width: 600px) {
    .unsubscribe-box, .subscribe-box {
        padding: 20px;
        font: var(--unnamed-font-style-normal) normal normal 14px/20px var(--unnamed-font-family-noto-sans-jp);
    }
} */