.content-panel{background-color:rgba(255,255,255,0.95);width:90%;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px;padding-left:5%;padding-right:5%;color:#000}
.heading{border-top:2px solid #666;border-bottom:2px solid #666;font-size:32px;font-weight:600;text-align:center}
.legend{position:relative;width:30%;height:24px;margin:0 auto;transform:translateY(-50%);background-color:#666;color:#fff;font-size:14px;font-weight:300;line-height:24px}
.title{padding-bottom:8px;font-size:26px;line-height:32px}
.health-warning{margin-top:15px;font-size:20px;text-align:center}
.site-infomation{margin-top:25px;color:#e50014;text-align:center}
.site-infomation a{color:#e50014;text-decoration:underline}
.site-infomation a:hover{text-decoration:none}
.dotted-line{border-top:1px dotted #666;margin-top:20px;margin-bottom:20px}
.sqrInfo{text-align:center}
.sqrInfo .sqr-title-info{font-size:16px;font-weight:600;color:#e50014}
.sqrInfo .reminder-info{font-size:12px}
.sqrInfo .burned{color:#e50014}
.sqrInfo .display-qr{font-size:16px}
.sqrInfo .display-qr .qr-style{font-weight:600;padding-left:10px;padding-right:10px}
.section-heading{border-top:2px solid #333;width:fit-content;margin-left:auto;margin-right:auto;padding-top:8px;font-size:16px;font-weight:600}
.login-description{margin-top:20px;font-size:12px;font-weight:600;text-align:center}
.login-wrapper .error-message{min-height:25px;line-height:25px}
.input-text{border-radius:3px;font-size:15px}
input:is(:-webkit-autofill,:autofill){background-color:#fff}
.checkbox-option{margin-top:15px;align-items:center;display:flex}
.checkbox-option input[type="checkbox"]{display:none}
.checkbox-input+label{position:relative;margin-right:10px;color:#666;display:inline-block;border:1px solid #ccc;width:20px;height:20px;background-color:#fff;border-radius:3px;cursor:pointer}
.checkbox-input:checked+label::after{width:19px;height:10px;content:"";position:absolute;top:0;right:0;border-style:none none solid solid;border-width:medium medium 3px 3px;transform:rotate(-42deg)}
.nbrd-btn{display:block;width:100%;line-height:50px;padding:0;border:0;border-radius:3px;background-color:#666;font-family:inherit;color:#fff;font-weight:600;font-size:16px;text-align:center;cursor:pointer;text-decoration:none}
.nbrd-btn:hover{background-color:#444}
.retrieve-idpw{font-size:12px;font-weight:600;text-decoration:none;position:relative;padding-left:30px}
.retrieve-idpw::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#666;border-radius:15px;margin-right:10px}
.retrieve-idpw::after{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff}
.faq-content{margin-top:20px;display:flex;align-items:center;justify-content:center;font-size:12px}
.faq-content .question-mark{width:25px;height:25px;margin-right:10px;background-color:#999;border-radius:15px;font-size:20px;color:#fff;font-weight:bold;line-height:25px;text-align:center}
.faq-text{width:calc(100% - 35px)}
.faq-link{position:relative;display:inline-block;text-decoration:none;font-size:12px}
.faq-link::before{position:absolute;width:0;height:0;top:50%;border:.5em solid transparent;content:' ';border-left-color:#7d7d7d;left:-15px;transform:translateY(-50%)}
.faq-link::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxMCAxMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0iWE1pbllNaW4gbWVldCI+CjxnPgoJPHBvbHlnb24gZmlsbD0iIzdkN2Q3ZCIgcG9pbnRzPSI1Ljk0NCwwIDUuOTQ0LDEuMjgzIDguMDIxLDEuMjgzIDIuOTcyLDYuMjQzIDMuNzM0LDcuMDYzIDguNzE4LDIuMDc5IDguNzE4LDQuMTU1IDEwLDQuMTU1IDEwLDAgCQoJCSIvPgoJPHBvbHlnb24gZmlsbD0iIzdkN2Q3ZCIgcG9pbnRzPSIwLDAgMCwxMCAxMCwxMCAxMCw1LjQ0OSA4LjcxOCw1LjQ0OSA4LjcxOCw4LjcyIDEuMjgzLDguNzIgMS4yODMsMS4yODMgNC41NTMsMS4yODMgNC41NTMsMCAJIi8+CjwvZz4KPC9zdmc+);display:inline-block;top:0;width:12px;height:12px;margin-left:10px;background-size:12px 12px;content:''}
.docomo-btn{display:block;width:100%;max-width:600px;height:50px;line-height:50px;border-radius:3px;border:1px solid #848484;background:url(clientlibs/resources/docomo-btn.png) 0 0 / contain no-repeat,linear-gradient(rgba(253,253,253,1),rgba(210,210,210,1));font-weight:600;font-size:14px;color:#333;text-align:center;text-decoration:none}
.docomo-notice{margin-top:15px;font-size:12px;font-weight:600;text-align:center}
@media screen and (min-width:768px){.content-panel{max-width:1000px;width:100%;padding-left:40px;padding-right:40px;padding-top:65px;padding-bottom:50px}
.heading{font-size:48px;text-align:center}
.legend{width:120px;height:36px;font-size:20px;line-height:36px}
.title{padding-bottom:10px;font-size:48px;line-height:60px}
.health-warning{margin-top:30px}
.dotted-line{margin-top:50px;margin-bottom:45px}
.section-heading{font-size:20px;padding-top:5px}
.login-description{margin-top:45px;font-size:14px}
.login-content{max-width:440px;margin-left:auto;margin-right:auto}
.retrieve-idpw{font-size:14px}
.faq-content{margin-top:30px;font-size:14px}
.faq-text{width:fit-content}
.faq-link{font-size:14px}
.nbrd-btn{max-width:440px;margin-left:auto;margin-right:auto}
.docomo-btn{max-width:440px;margin-left:auto;margin-right:auto;font-size:16px}
.docomo-notice{margin-top:20px;font-size:14px;font-weight:600}
}