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

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:200&display=swap');



html {

    font-size: 16px;

    -webkit-text-size-adjust: 100%;

}



body {

    margin: 0;

    padding: 0;

    background: #fff url(../img/service/index_01.jpg) no-repeat center top;

    font-family: 'Noto Serif JP', sans-serif;

    font-size: 1.2rem;

    letter-spacing: 0.02rem;

    line-height: 1.8;

    color: #131313;

}



.site-header {

    overflow: hidden;

    height: 540px;

}



#pageWrap {

    max-width: 900px;

    margin: 0 auto;

	padding-bottom: 100px;

}



.page-header {

    padding: 16px 0;

    text-align: right;

}



.page-header #loginBtn,

.page-header #logoutBtn {

    font-family: 'Noto Sans JP', 'Roboto', sans-serif;

    font-size: 16px;

    color: #e00100;

    background-color: #fff;

    border: 1px solid #e00100;

    border-radius: 4px;

}



#loginStatus {

    font-family: 'Noto Sans JP', 'Roboto', sans-serif;

    color: #e00100;

}



#cancelArea .cancel_account_pop {

    min-height: auto;

    padding: 40px 0 20px;

    background-color: #fff;

}



#cancelArea .cancel_account_pop .title {

    position: relative;

    height: auto;

    line-height: 1.4;

    padding: 0 0 24px;

    margin-bottom: 24px;

    background: #fff;

}



#cancelArea .cancel_account_pop .title h2 {

    font-family: 'Noto Sans JP', 'Roboto', sans-serif;

    font-size: 1.5rem;

    color: #e00100;

}



#cancelArea .cancel_account_pop .pop_main {

    max-width: 900px;

    padding: 0 0 20px;

}



.cancel_account_pop .cancel_account_wrap,

.cancel_account_pop .cancel_account_wrap p,

.cancel_account_pop .cancel_step p {

    font-family: 'Noto Serif JP', sans-serif;

    font-size: 1.2rem;

    line-height: 1.8;

    color: #131313;

}



.cancel_account_pop .cancel_account_wrap {

    padding-top: 0;

}



.cancel_account_pop h3,

.cancel_account_pop .cancel_step5_text {

    font-family: 'Noto Sans JP', 'Roboto', sans-serif;

}



.cancel_account_pop input {

    font-family: 'Noto Sans JP', 'Roboto', sans-serif;

    font-size: 16px;

}



.cancel_account_pop .cancel_btn {

    font-family: 'Noto Sans JP', 'Roboto', sans-serif;

    background-color: #e00100;

}



.cancel_account_pop .cancel_step2 .cancel_checkbox a,

.cancel_account_pop em {

    color: #e00100;

}



.cancel_step5 .cancel_step5_revoke {

    display: block;

}



#loginModal .submit_btn {

    background-color: #e00100;

}



#loginModal .login_modal_close {

    background: none;

    color: #e00100;

    font-family: 'Noto Sans JP', sans-serif;

    font-size: 28px;

    line-height: 24px;

    text-align: center;

}



#loginModal .login_modal_close::before {

    content: '×';

    display: block;

}



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

    body {

        background: #fff;

    }



    .site-header {

        height: auto;

        padding-bottom: 80%;

        background: url(../img/service/mobile_01.jpg) no-repeat center top / 100%;

    }



    #pageWrap {

        margin: 0 15px;

    }



    #cancelArea .cancel_account_pop .pop_main {

        padding: 0;

    }



    .cancel_account_pop .cancel_account_wrap,

    .cancel_account_pop .cancel_account_wrap p,

    .cancel_account_pop .cancel_step p {

        font-size: 0.9rem;

    }

}