/* TW-28 使用スタイル
 *
 * NOTE: この画面の .telematics-privacy-policy-reconsent-fragment 以下の階層は、
 *       TW-67 のスタイルを再利用しているため要注意。
======================================================================== */
.telema-privacy-policy-consent.mobile-single .telematics-privacy-policy-reconsent-fragment {
    padding-top: 0;
}
/* タイトル */
.telema-privacy-policy-consent .top-header{
    font-size: 2.0em !important;
}

.telema-privacy-policy-consent p {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 13px;
    color: #333;
}

/* ボディ部分 */
.telema-privacy-policy-consent .full-screen {
    min-height: 700px !important;
    overflow-y: auto;
    margin-top: 24px;
    overflow-x: hidden;
    -ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none;    /* Firefox  対応 */
}

/* プライバシーポリシー本文 */
.telema-privacy-policy-consent .privacyPolicyDiv2{
    height: 300px;
    width: 90%;
    overflow-y: auto;
    border: 1px solid gray;
    margin:0 auto;
    margin-top:30px
}

.telema-privacy-policy-consent .fix-footer-div {
    padding-bottom: 16px;
}

/* メディアクエリ：PC */
@media only screen and ( max-width: 1024px) {
    .telema-privacy-policy-consent .top-header{
        font-size: 1.5em !important;
    }
}

/* メディアクエリ：モバイル */
@media only screen and ( max-width: 390px) {
    .telema-privacy-policy-consent .top-header{
        font-size: 1.4em !important;
    }
    .telema-privacy-policy-consent .desc-head{
        font-size: 0.8em !important;
    }
    .telema-privacy-policy-consent .terms-title-div span{
        font-size: 0.8em !important;
    }
    .telema-privacy-policy-consent .summaryText-div{
        font-size: 0.8em !important;
    }
    .telema-privacy-policy-consent .privacyPolicyDiv2{
        font-size: 0.8em !important;
    }
    .telema-privacy-policy-consent .confirmation-section{
        font-size: 0.8em !important;
    }
    .telema-privacy-policy-consent .consenterror{
        font-size: 0.8em !important;
    }
    .telema-privacy-policy-consent .w-320{
        width:80%;
    }
    .telema-privacy-policy-consent #copyright{
        font-size: 0.8em !important;
    }
}

/* 他画面 使用スタイル（※注意※ 変更・削除時は他画面に影響あり）
===================================================== */
.sbrjs-starlink.card-register-complete {
    height: 100% !important;
    overflow-y: hidden;
    margin-top: 20px;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
}

.pad-24 {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-right: -25px;
}

@media ( max-width: 1024px) {
    .pad-24 {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-right: 0px;
    }
}

@media ( max-width: 1024px) {
    .outside.mobile-single .mobile-container {
        width: auto !important;
        margin: 0 auto;
        padding: 0 16px;
        font-size: 70%;
    }
}

@media ( max-width: 1024px) {
    .outside.mobile-single footer {
        width: auto !important;
        margin: 40px auto 0;
        padding: 0;
    }
}

@media ( max-width: 1024px) {
    .footerLogin {
        width: auto !important;
        margin: 0 auto 0 !important;
        padding: 0;
    }
}

@media ( max-width: 1024px) {
    .mobile-btn {
        width: 100% !important;
    }
}

@media ( max-width: 1024px) {
    .userLogin {
        width: auto !important;
    }
}

@media ( max-width: 1024px) {
    .userRegistration {
        width: 100% !important;
    }
}

@media ( max-width: 1024px) {
    .mobile-required {
        font-size: 98%;
    }
}

@media ( max-width: 1024px) {
    .outside.mobile-fixed {
        display: table;
        width: 100%;
    }
}

@media ( max-width: 1024px) {
    .outside.mobile-fixed .mobile-cell {
        width: auto;
        margin: 0 auto;
    }
}

@media ( max-width: 1024px) {
    .outside.mobile-fixed header,
    .outside.mobile-fixed footer {
        width: auto;
        position: static;
        margin: 0 0;
    }
}

.consenterror {
    margin-top: 40px;
    font-size: 90%;
}

.consenterrorpointer {
    cursor: pointer;
}

.top-padding .modal-w460 {
    padding-top: 0px !important;
}

.greycolor {
    color: grey;
}

/*Safari使用*/
_:lang(x)+_:-webkit-full-screen-document {
    font-size: 1.3em !important;
}

_:lang(x)+_:-webkit-full-screen-document {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 1.3em !important;
    font-weight:bold;
    color: #333;
}