html{font-size:10px}
.input-text-basic2{padding-left:15px;padding-right:15px;padding-top:10px;padding-bottom:10px;background-color:#fff;border:solid 1px #ccc;height:40px;width:100%;border-radius:3px;font-size:1.5rem}
.input-text-basic2::-webkit-input-placeholder{color:rgba(0,0,0,0.3);font-weight:500}
.input-text-basic2:-ms-input-placeholder{color:rgba(0,0,0,0.3);font-weight:500}
.input-text-basic2:-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1;font-weight:500}
.input-text-basic2::-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1;font-weight:500}
.input-text-basic2::-ms-clear,.input-text-basic2::-ms-reveal{display:none}
.crm-button{position:relative;height:50px;max-width:600px;width:100%;text-align:center;border-radius:3px;margin-left:auto;margin-right:auto;font-weight:600;background-color:#666}
.crm-button .btn-link{line-height:50px;font-size:1.6rem;text-decoration:none;display:inline-block;color:#fff;width:100%}
.crm-button.bgc-red{background-color:#666}
.crm-button.bgc-red:hover{background-color:#444}
.crm-button.d-btn{border:1px solid #848484}
.crm-button.d-btn .btn-link{font-size:1.4rem;color:#333}
.marlboro .crm-button.d-bgc-grey,.lark .crm-button.d-bgc-grey,.parliament .crm-button.d-bgc-grey,.vs .crm-button.d-bgc-grey{color:#333;background:url("../../../../../../content/dam/pmj/marlboro/registration-renewal/login/img/d-btn-bg.png") 0 0 / contain no-repeat,linear-gradient(rgba(253,253,253,1),rgba(210,210,210,1))}
.marlboro .jp-font-for-brands1{font-family:source-han-sans-japanese,sans-serif;font-style:normal;font-weight:300}
.lark .jp-font-for-brands1{font-family:source-han-sans-japanese,sans-serif;font-style:normal;font-weight:300}
.vs .jp-font-for-brands1{font-family:a-otf-ud-shin-go-pr6n,sans-serif;font-style:normal;font-weight:300}
.parliament .jp-font-for-brands1{font-family:heisei-kaku-gothic-std,sans-serif;font-style:normal;font-weight:300}
.content-panel{background-color:rgba(255,255,255,0.95);width:90%;margin-top:10px;margin-left:auto;margin-right:auto;padding-left:5%;padding-right:5%}
.content-panel .content-top{padding-top:30px}
.content-panel .content-top-title{text-align:center;font-size:3.2rem;font-weight:600;border-top:2px solid #666;border-bottom:2px solid #666}
.content-panel .content-top-title .content-top-icon{font-size:1.4rem;color:#fff;transform:translateY(-50%);width:30%;background-color:#666;margin:0 auto;font-weight:300;position:relative;height:24px;line-height:24px}
.content-panel .content-top-title .content-top-desc{line-height:4rem;letter-spacing:-2px;font-size:3rem}
.content-panel .content-top-title .content-top-desc-sp{line-height:3.2rem;letter-spacing:-2px;font-size:2.5rem;padding-bottom:8px}
.lark .content-panel .content-top-title .content-top-desc-sp{line-height:2.6rem;padding-bottom:14px}
.vs .content-panel .content-top-title .content-top-desc-sp{line-height:2.6rem;padding-bottom:14px}
.content-panel .content-top-second{margin-top:15px;font-size:2rem;text-align:center;letter-spacing:-0.4px}
.content-panel .content-middle{margin-top:20px;padding-bottom:20px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;text-align:center}
.content-panel .content-middle .sqrInfo{margin-top:10px;text-align:center}
.content-panel .content-middle .sqrInfo .sqr-title-info{font-size:1.6rem;font-weight:600}
.content-panel .content-middle .sqrInfo .reminder-info{font-size:1.2rem}
.content-panel .content-middle .sqrInfo .display-qr{font-size:1.6rem}
.content-panel .content-middle .sqrInfo .display-qr .qr-style{font-weight:600;padding-left:10px;padding-right:10px}
.content-panel .content-middle-title,.content-panel .content-bottom-title{margin-top:20px;border-top:2px solid #333;display:inline-block;font-size:1.6rem;font-weight:600;padding-top:8px}
.content-panel .content-middle-desc{margin-top:20px;font-size:1.2rem;font-weight:600;letter-spacing:-0.7px}
.lark .content-panel .content-middle-desc{letter-spacing:-0.9px}
.content-panel .content-middle .info-input-panel{margin-left:auto;margin-right:auto}
.content-panel .content-middle .error-message{min-height:25px;line-height:25px}
.content-iqos a{text-decoration:underline}
.content-iqos a:hover{text-decoration:none}
.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;right:0;top:0;border-style:none none solid solid;border-width:medium medium 3px 3px;-webkit-transform:rotate(-42deg);-moz-transform:rotate(-42deg);-o-transform:rotate(-42deg);-ms-transform:rotate(-42deg);transform:rotate(-42deg)}
.content-panel .content-middle .content-middle-link{display:flex;flex-direction:column;align-items:center}
.content-panel .content-middle .content-middle-link .link-item{margin-top:20px}
.content-panel .content-middle .content-middle-link .link-item .content-link{text-decoration:none;display:flex;font-weight:600;font-size:1.2rem}
.lark .content-panel .content-middle .content-middle-link .link-item .content-link,.vs .content-panel .content-middle .content-middle-link .link-item .content-link{align-items:center}
.content-panel .content-middle .content-middle-link .link-item .content-link .link-icon-wrap{display:inline-block;position:relative;width:20px;height:20px;background-color:#666;border-radius:15px;margin-right:10px}
.content-panel .content-middle .content-middle-link .link-item .content-link .link-icon-wrap .link-new-icon{position:absolute;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff;left:56%;top:50%;transform:translateX(-50%) translateY(-50%)}
.content-panel .content-middle .content-middle-bottom{margin-top:20px;display:flex;justify-content:flex-start;align-items:center;font-size:1.2rem}
.content-panel .content-middle .content-middle-bottom .question-icon{width:25px;height:25px;line-height:27px;border-radius:15px;color:#fff;background-color:#999}
.lark .content-panel .content-middle .content-middle-bottom .question-icon{line-height:25px}
.parliament .content-panel .content-middle .content-middle-bottom .question-icon{line-height:30px}
.vs .content-panel .content-middle .content-middle-bottom .question-icon{line-height:25px}
.content-panel .content-bottom{text-align:center;padding-bottom:30px}
.content-panel .special-link{position:relative;display:inline-block;text-decoration:none;font-size:1.2rem}
.content-panel .special-link::before{position:absolute;width:0;height:0;top:50%;border:.5em solid transparent;content:' ';border-left-color:#7d7d7d;left:-15px;transform:translateY(-50%)}
.content-panel .special-link::after{background-image:url(clientlibs/resources/svg-new-window.svg);display:inline-block;top:0;width:12px;height:12px;margin-left:10px;background-size:12px 12px;content:''}
.content-panel .content-bottom .d-btn-desc{font-weight:600;font-size:1.2rem}
@media(min-width:360px) and (max-width:767px){.content-panel .content-top-title .content-top-desc{font-size:3.2rem;letter-spacing:normal}
.content-panel .content-top-title .content-top-desc-sp{font-size:2.6rem;letter-spacing:-1px}
}
@media(min-width:768px){.crm-button{max-width:440px}
.crm-button.d-btn .btn-link{font-size:1.6rem;color:#333}
.content-panel{max-width:1000px;width:100%;margin-top:20px;padding-left:40px;padding-right:40px}
.content-panel .content-top{padding-top:65px}
.content-panel .content-top-title{text-align:center;font-size:4.8rem}
.content-panel .content-top-title .content-top-icon{font-size:2rem;width:120px;height:36px;line-height:36px}
.content-panel .content-top-title .content-top-desc{line-height:6rem;padding-bottom:10px;font-size:4.8rem;letter-spacing:normal}
.lark .content-panel .content-top-title .content-top-desc{line-height:5rem;padding-bottom:20px}
.vs .content-panel .content-top-title .content-top-desc{line-height:5rem;padding-bottom:20px}
.content-panel .content-top-second{margin-top:30px;font-size:2rem;letter-spacing:normal}
.content-panel .content-middle{margin-top:50px;padding-bottom:50px}
.content-panel .content-middle-title,.content-panel .content-bottom-title{margin-top:45px;font-size:2rem;padding-top:5px}
.content-panel .content-middle-desc{margin-top:45px;font-size:1.4rem;letter-spacing:normal}
.lark .content-panel .content-middle-desc{letter-spacing:normal}
.content-panel .content-middle .info-input-panel{max-width:440px;text-align:left}
.content-panel .content-middle .content-middle-link{flex-direction:row;justify-content:space-around}
.content-panel .content-middle .content-middle-link .link-item .content-link{font-size:1.4rem}
.content-panel .content-middle .content-middle-bottom{margin-top:30px;justify-content:center;font-size:1.4rem}
.content-panel .content-bottom{padding-bottom:50px}
.content-panel .special-link{font-size:1.4rem}
.content-panel .content-bottom .d-btn-desc{font-size:1.4rem}
}