@font-face{font-family:'FontAwesome';src:url('../../../../etc.clientlibs/pmj/clientlibs/clientlib-base/resources/fontawesome/fa.woff2?v=4.7.0') format('woff2'),url('../../../../etc.clientlibs/pmj/clientlibs/clientlib-base/resources/fontawesome/fa.ttf?v=4.7.0') format('truetype'),url('../../../../etc.clientlibs/pmj/clientlibs/clientlib-base/resources/fontawesome/fa.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa-search:before{content:"\f002"}
.crm-button{height:50px;max-width:600px;width:100%;text-align:center;margin-left:auto;margin-right:auto}
.crm-button .btn-link{line-height:50px;font-size:16px;text-decoration:none;display:inline-block;border-radius:3px;color:#fff;width:100%;font-weight:600}
.crm-button .btn-link.bgc-color{color:#fff;background-color:#666}
.crm-button .btn-link.bgc-color:hover{background-color:#444}
.crm-button .btn-link.bgc-outline{color:#666;border:1px solid #666}
.crm-button .btn-link.arrow-up{color:#666;border:1px solid #666;position:relative}
.crm-button .btn-link.arrow-up::after{position:absolute;content:"";top:50%;right:5%;transform:translateY(-50%);border-left:.5em solid transparent;border-right:.5em solid transparent;border-bottom:.5em solid #666}
.crm-button .btn-link.bgc-grey{color:#fff;background:linear-gradient(rgba(124,124,124,1),rgba(101,101,101,1))}
.crm-button .btn-link.bgc-grey:hover{background:#898989}
.register-input-text{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:15px;line-height:1;font-family:Meiryo,"Open Sans",Helvetica,Arial,Verdana,Roboto,sans-serif}
.register-input-text::-webkit-input-placeholder{color:rgba(0,0,0,0.3);font-weight:500}
.register-input-text:-ms-input-placeholder{color:rgba(0,0,0,0.3);font-weight:500}
.register-input-text:-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1;font-weight:500}
.register-input-text::-moz-placeholder{color:rgba(0,0,0,0.3);opacity:1;font-weight:500}
.register-input-text.input-error{background-color:#ffe9ec}
.register-input-text.readonly{background-color:#f0f0f0}
.register-select-fix{appearance:none}
.register-input-select-wrap::after{position:absolute;width:0;height:0;top:60%;border:.5em solid transparent;content:'';border-top-color:#7d7d7d;right:15px;transform:translateY(-50%)}
.register-input-select-wrap{position:relative;display:inline}
.register-select-fix::-ms-expand,.register-input-text::-ms-clear,.register-input-text::-ms-reveal{display:none}
.step-indicator-wrap{max-width:120px;width:100%;margin-left:auto;margin-right:auto;border-top:2px solid #fff;margin-top:25px;color:#000}
.step-indicator-wrap-sub{transform:translateY(-32%);display:flex;justify-content:space-between}
.step-indicator-wrap-sub .step-indicator-item{text-align:center;font-size:12px}
.step-indicator-wrap-sub .step-indicator-item .step-indicator-desc{padding-top:5px}
.step-indicator-wrap .step-indicator{width:30px;height:30px;line-height:32px;border-radius:25px;color:#ccc;background-color:#fff;font-size:25px;font-weight:600;text-align:center}
.step-indicator-wrap .step-indicator.active{color:#000}
.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-info{padding-bottom:30px}
.content-panel .content-top{padding-top:30px;padding-bottom:30px;border-bottom:1px dotted #ccc}
.content-panel .content-top .content-top-desc{text-align:left}
.content-panel .content-top .content-top-docomo{text-align:left;margin-top:10px;font-weight:600}
.content-panel .content-middle-one{padding-bottom:25px;border-bottom:1px dotted #ccc}
.content-panel .content-middle-title{margin-top:30px;border-top:2px solid #333;display:inline-block;font-size:16px;font-weight:600;padding-top:8px}
.content-panel .content-middle-title-wrap{text-align:center;max-width:600px;margin-left:auto;margin-right:auto}
.content-panel .content-middle-title-note{color:#666;font-size:10px}
.content-panel .register-form-group{max-width:600px;margin-left:auto;margin-right:auto}
.content-panel .register-form-group .register-item{margin-top:20px}
.content-panel .register-form-group .register-item .register-input-select-wrap option{color:#333;font-weight:normal}
.content-panel .register-form-group .register-item .register-input-select-wrap .not-select{color:#b2b2b2;font-weight:500}
.content-panel .register-form-group .register-form-name{font-size:14px;font-weight:600;padding-bottom:5px;display:none}
.content-panel .register-form-group.active .register-form-name{display:block}
.content-panel .register-form-group .radioR[type=radio]{display:none}
.content-panel .register-form-group .radioR[type=radio]+label{position:relative;cursor:pointer}
.content-panel .register-form-group .radioR[type=radio]+label::before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#fff;padding:.2em;cursor:pointer}
.content-panel .register-form-group .radioR[type=radio]:checked+label::before{background-color:#7d7d7d;background-clip:content-box}
.content-panel .register-form-group .register-input-wrap-inner{display:flex}
.content-panel .register-form-group .register-input-wrap-inner2{display:flex;justify-content:space-between}
.content-panel .register-form-group .register-input-wrap-inner .register-input-wrap-inner-item{width:50%}
.content-panel .register-form-group .register-input-wrap-inner2 .register-input-wrap-inner-item2{width:49%}
.content-panel .register-form-group .progress-bar-wrap{display:none;margin-top:3px;align-items:center;height:24px}
.content-panel .register-form-group .progress-bar-wrap.active{display:flex}
.content-panel .register-form-group .progress-bar-wrap .progress-bar{width:93%;background-color:#ccc;height:6px;border-radius:3px}
.content-panel .register-form-group .progress-bar-wrap .progress-bar .progress-bar-sub{height:6px;border-radius:3px}
.content-panel .register-form-group .progress-bar-wrap .progress-bar-content{width:7%;text-align:center}
.content-panel .register-form-group .progress-bar-wrap .progress-bar-content .progress-bar-content-item{display:none}
.content-panel .register-form-group .progress-bar-wrap.low .progress-bar-content .progress-bar-content-item.low,.content-panel .register-form-group .progress-bar-wrap.medium .progress-bar-content .progress-bar-content-item.medium,.content-panel .register-form-group .progress-bar-wrap.high .progress-bar-content .progress-bar-content-item.high{display:inline}
.content-panel .register-form-group .progress-bar-wrap.low .progress-bar .progress-bar-sub{background-color:#e50014;width:33.67%}
.content-panel .register-form-group .progress-bar-wrap.medium .progress-bar .progress-bar-sub{background-color:#ffd800;width:66.67%}
.content-panel .register-form-group .progress-bar-wrap.high .progress-bar .progress-bar-sub{background-color:#79d74a;width:100%}
.crm-password-btn{max-width:50px;width:100%;height:25px;text-align:center;border-radius:3px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}
.crm-password-btn .btn-link{line-height:25px;text-decoration:none;display:inline-block;color:#fff;width:100%;background-color:#7d7d7d;border-radius:5px;font-size:10px}
.crm-password-btn .btn-link .password-format-content{display:none}
.crm-password-btn .btn-link .password-format-content.active{display:inline}
.crm-pinsend{display:flex;margin-top:20px}
.pin{width:50%;text-align:center}
.tts{width:50%;text-align:center}
.crm-pinsend button{width:120px;border-radius:5px;background-color:#7d7d7d;line-height:25px;border:0;color:#fff;font-size:10px;cursor:pointer}
@media(min-width:768px){.pin{text-align:right;padding-right:20px}
.tts{text-align:left;padding-left:20px}
}
.register-password-wrap,.register-pinsend-wrap{position:relative}
.register-postcode-wrap{position:relative}
.crm-postcode-btn{max-width:50px;width:100%;height:25px;text-align:center;border-radius:3px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}
.crm-postcode-btn .btn-link{line-height:25px;text-decoration:none;display:inline-block;color:#fff;width:100%;background-color:#7d7d7d;border-radius:5px;font-size:10px}
.content-panel .content-middle-two{border-bottom:1px dotted #ccc;padding-bottom:25px}
.content-panel .content-middle-two .ocr-msg{text-align:center;min-height:25px;line-height:25px}
.content-panel .content-middle-two .content-middle-two-desc1{margin-top:30px;text-align:center;font-size:14px}
.content-panel .content-middle-two .content-middle-two-desc2{margin-top:15px;text-align:center;font-size:14px;font-weight:600}
.content-panel .content-middle-two .content-middle-two-desc3{margin-top:15px;text-align:center;font-size:10px}
.content-panel .content-middle-two .ocr-panel{margin-top:20px;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;max-width:640px;width:100%;padding-left:3.33%;padding-right:3.33%;background-color:#f0f0f0;border-radius:3px}
.content-panel .content-middle-two .ocr-panel2{margin-top:20px;margin-left:auto;margin-right:auto;padding-top:5px;padding-bottom:5px;max-width:640px;width:100%;padding-left:5px;padding-right:5px;background-color:#f0f0f0;border-radius:3px}
.content-panel .content-middle-two .ocr-panel .ocr-panel-title{font-size:14px;font-weight:bold;text-align:center}
.content-panel .content-middle-two .ocr-panel .ocr-panel-content{text-align:center;margin-top:15px;font-size:12px}
.content-panel .content-middle-two .ocr-panel .ocr-panel-content .ocr-img-wrap{padding-top:5px;padding-bottom:5px}
.content-panel .content-middle-two .ocr-panel .ocr-desc-item{position:relative;padding-top:15px}
.content-panel .content-middle-two .ocr-panel .ocr-desc-item::before{width:19px;height:10px;content:" ";position:absolute;border-style:none none solid solid;border-width:medium medium 3px 3px;transform:rotate(-42deg);color:#999}
.content-panel .content-middle-two .content-middle-two-middle{margin-top:20px;font-size:12px}
.content-panel .content-middle-two .content-middle-two-middle2{margin-top:20px;font-size:10px}
.content-panel .content-middle-two .content-middle-two-middle .truste-icon-wrap{width:48.3%;margin:0 auto}
.content-panel .content-middle-two .content-middle-two-middle .truste-desc{margin-top:15px}
.content-panel .content-middle-two .content-middle-two-bottom{margin-top:25px;display:flex;justify-content:flex-start;align-items:center;font-size:12px}
.content-panel .content-middle-two .content-middle-two-bottom .question-icon{width:25px;height:25px;line-height:27px;border-radius:15px;color:#fff;background-color:#999}
.content-panel .content-middle-two .content-middle-two-phone-verification{margin-top:20px}
.content-panel .content-middle-two .content-middle-two-phone-verification .sms-notice{padding-bottom:10px;max-width:600px;margin-left:auto;margin-right:auto}
.content-panel .special-link{position:relative;display:inline-block;text-decoration:none;font-size:12px;color:#000}
.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 .content-bottom-link{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-top:20px;font-size:12px;padding-left:10px}
.hidden-pc{display:block}
.hidden-sp{display:none}
.register-modal.popup-container{width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:fixed;top:0;left:0;z-index:10;justify-content:center;align-items:center;text-align:center;display:none}
.register-modal.popup-container.active{display:flex}
.register-modal .modal-content{position:relative;width:89.3%;max-width:335px;max-height:85%;border-radius:5px;background-color:#fff;overflow-x:auto;overflow-y:scroll}
.modal-body{margin-left:auto;margin-right:auto;max-width:295px;width:88%;padding-top:45px;padding-bottom:30px}
.register-modal img{vertical-align:top}
.close-icon{font-size:30px;width:12px;height:12px;position:absolute;top:5px;right:10px;color:rgba(125,125,125,1);cursor:pointer;display:inline-block;transform:rotate(45deg)}
.close-icon.hide{display:none}
.birthday-field{height:60px;border:1px solid #ccc;border-radius:5px;display:flex;margin-left:auto;margin-right:auto}
.birthday-info{justify-content:center;line-height:60px;position:relative;left:50%;top:50%;transform:translate(-50%,-50%)}
.register-modal .dotted-underline{border-bottom:1px dotted #bbb}
.register-modal .elements .line1,.register-modal .elements .line2{display:flex}
.register-modal .elements .element1,.register-modal .elements .element2,.register-modal .elements .element3,.register-modal .elements .element4{background:#f0f0f0;width:50%}
.register-modal .email-link:before{width:18px;height:18px;font-size:14px;left:20px}
.register-modal .email-link:before{display:block;position:absolute;width:18px;height:18px;font-size:14px;left:15px;top:0;bottom:0;margin:auto;color:#999}
.register-modal .special-link{position:relative;display:inline-block;text-decoration:none}
.register-modal .special-link::before{position:absolute;width:0;height:0;top:45%;border:.5em solid transparent;content:' ';border-left-color:#7d7d7d;left:-15px;transform:translateY(-50%)}
.register-modal .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:''}
.popup-container .js-no-recognition,.popup-container .js-age-up-20,.popup-container .js-age-under-20{display:none}
.popup-container .js-no-recognition.active,.popup-container .js-age-up-20.active,.popup-container .js-age-under-20.active{display:block}
.popup-container .js-no-recognition .notice .error-title{text-align:center}
.g-recaptcha-wrap{display:flex;justify-content:center}
@media(min-width:1px) and (max-width:768px){.register-modal .modal-content{overflow-y:scroll}
.register-modal .modal-content::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0)}
.register-modal .modal-content::-webkit-scrollbar{width:3px;height:13px;border-radius:2px}
.register-modal .modal-content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);background-clip:padding-box;border-radius:2px;min-height:28px}
.register-modal .modal-content::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);border-radius:2px}
}
@media(min-width:768px){.crm-button{max-width:440px}
.step-indicator-wrap{margin-top:35px}
.step-indicator-wrap-sub .step-indicator-item{font-size:14px}
.step-indicator-wrap .step-indicator{font-size:28px;width:36px;height:36px;line-height:38px}
.content-panel{max-width:1000px;width:100%;margin-top:20px;padding-left:40px;padding-right:40px}
.content-panel .content-info{padding-bottom:50px}
.content-panel .content-top{padding-top:45px;padding-bottom:45px}
.content-panel .content-top .content-top-desc{text-align:center}
.content-panel .content-top .content-top-docomo{text-align:center}
.content-panel .content-middle-one{padding-bottom:50px}
.content-panel .content-middle-title-wrap{max-width:640px}
.content-panel .content-middle-title{margin-top:45px;font-size:20px;padding-top:5px}
.content-panel .content-middle-title-note{font-size:12px}
.content-panel .register-form-group{max-width:640px}
.content-panel .register-form-group .register-item{margin-top:30px}
.content-panel .register-form-group .register-input-wrap-inner .register-input-wrap-inner-item{width:100px}
.crm-password-btn .btn-link{font-size:12px}
.crm-postcode-btn .btn-link{font-size:12px}
.content-panel .content-middle-two{padding-bottom:50px}
.content-panel .content-middle-two .content-middle-two-desc1{margin-top:40px}
.content-panel .content-middle-two .content-middle-two-desc2{margin-top:20px}
.content-panel .content-middle-two .content-middle-two-desc3{margin-top:20px;font-size:12px}
.content-panel .content-middle-two .ocr-panel{margin-top:30px;padding-left:35px;padding-right:35px;padding-top:30px;padding-bottom:30px}
.content-panel .content-middle-two .ocr-panel2{margin-top:30px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}
.content-panel .content-middle-two .ocr-panel2 .ocr-img-wrap{max-width:400px;margin-left:auto;margin-right:auto}
.content-panel .content-middle-two .ocr-panel .ocr-panel-title{padding-top:10px}
.content-panel .content-middle-two .ocr-panel .ocr-panel-content{display:flex;align-items:center;margin-top:25px;font-size:14px}
.content-panel .content-middle-two .ocr-panel .ocr-panel-content .ocr-desc-wrap{text-align:left;padding-left:20px}
.content-panel .content-middle-two .content-middle-two-middle{margin-top:30px;display:flex;align-items:center;font-size:14px;max-width:640px;margin-left:auto;margin-right:auto}
.content-panel .content-middle-two .content-middle-two-middle2{margin-top:30px;font-size:12px;text-align:center}
.content-panel .content-middle-two .content-middle-two-bottom{margin-top:50px;justify-content:center;font-size:14px}
.content-panel .content-middle-two .content-middle-two-middle .truste-icon-wrap{width:auto}
.content-panel .content-middle-two .content-middle-two-middle .truste-desc{margin-top:0;padding-left:15px}
.content-panel .content-middle-two .content-middle-two-phone-verification{margin-top:30px}
.content-panel .content-middle-two .content-middle-two-phone-verification .sms-notice{max-width:640px}
.content-panel .special-link{font-size:14px}
.content-panel .content-bottom .content-bottom-link{flex-direction:row;justify-content:space-around;max-width:440px;margin-left:auto;margin-right:auto;margin-top:30px;font-size:14px;padding:0 30px 0 40px}
.hidden-pc{display:none}
.hidden-sp{display:block}
.register-modal .modal-content{max-width:590px;overflow-y:auto}
.register-modal .modal-content .close-icon{width:24px;height:24px;top:5px}
.register-modal .elements .element1,.register-modal .elements .element2,.register-modal .elements .element3,.register-modal .elements .element4{display:flex;width:49.2%}
.register-modal .elements .element-text{position:relative;left:20%;top:65%;transform:translate(-50%,-50%);margin:0}
.birthday-info{line-height:60px}
.register-modal .modal-body{max-width:530px;width:89.3%;padding-top:50px;padding-bottom:45px}
.birthday-field{height:60px;max-width:440px;border:1px solid #ccc;border-radius:5px}
}