@charset "UTF-8";

.onlinepay-cont {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

.onlinepay-cont p, .onlinepay-cont p span {font-size:24pt; /* line-height:1.3; */ text-align:center;}

.onlinepay-cont p.first {font-family:'CoreGothic5';}
.onlinepay-tabcont span.bold {font-family:'CoreGothic5';}
.complete-cont p.bold {font-family:'CoreGothic5';}
.onlinepay-tabcont {padding:5% 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; background:#f8f8f8;}

.onlinepay_tab {display:inline-flex; justify-content:center; width:100%;  margin-top:18pt; text-align:center;}
.onlinepay_tab span {display:block; width:5px; height:5px; border-radius:100%; margin:34px 2.5px 0; background:#d7d7d7; vertical-align:middle;}
.onlinepay_tab button {width:70px; height:70px; border-radius:50%; border:0;  outline:0; margin:0 10px; background:#d7d7d7; color:#fff; font-family:"CoreGothic5"; font-size:24pt;}
.onlinepay_tab b {font-family:'CoreGothic5'; font-size:16px;}

.onlinepay_tab button.active {background:var(--common-point);}

.onlinepay-cont table {width:100%; border-top:2px solid var(--table-border);}
.onlinepay-cont table th {width:23%; padding:5.85% 2%; border-bottom:2px solid var(--table-border); background:#f2f5f9; font-weight:400; font-size:26pt;}
.onlinepay-cont table td {-webkit-box-sizing:border-box; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:77%; padding:3% 5% 3% 3%; border-bottom:2px solid var(--table-border); font-size:26pt;}
.onlinepay-cont table td span.number {color: #333; font-size:24pt;}
table#onlinepay-table td input[class="common"] {width:96.5%; height:95px; padding-left:20px; border:1px solid var(--table-input-border); border-radius:0; outline:none; background:#fff; color:#000; font-size:24pt; line-height:95px; letter-spacing:-0.05em;}
table#onlinepay-table td select {width:100%; height:95px; padding-left:20px; border-radius:0; border:1px solid var(--table-input-border); background:url(/mobile/resource/images/sub/onlinepay/arrow_down.jpg) no-repeat 95% 50%; background-size:3%; color:#333; font-size:24pt; line-height:95px; letter-spacing:-0.05em; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
table#onlinepay-table td select::-ms-expand {display:none;}
table#onlinepay-table td .dropdown {background:url(/mobile/resource/images/sub/onlinepay/arrow_up.jpg) no-repeat 95% 50%; background-size:3%;}
/* table#onlinepay-table td select:first-of-type {margin-top:30px;} */
table#onlinepay-table td select option {overflow:hidden;}
table#onlinepay-table td input[class="number"] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:30.6%; height:85px; padding-left:20px; border-radius:0; border:1px solid var(--table-input-border); margin:0 3px 0 0px; outline:none; font-size:24pt; letter-spacing:-0.05em;}
table#onlinepay-table td input:first-child[class="number"] {margin-left:0;}
table#onlinepay-table td .credit {color:#333; font-size:24pt; text-align:left;}
input::placeholder {color:#666; font-size:21pt;}

.onlinepay_cont button.nextBtn {box-sizing:border-box; display:block; width:90%; height:130px; border:none; outline:none; border-radius:5px; padding-top:4px; margin:25px auto 50px; background:var(--common-point); color:#fff; font-size:30pt; font-family:"CoreGothic4"; text-align:center; cursor:pointer;}
.btn-cont {width:90%; margin:25px auto 50px;}
.btn-cont button {box-sizing:border-box; display:block; width:48.5%; height:130px; border:none; outline:none; border-radius:5px; padding-top:4px; background:var(--common-point); color:#fff; font-size:30pt; font-family:"CoreGothic4"; text-align:center; white-space:nowrap; cursor:pointer;}

.btn-cont button:first-of-type {float:left; margin-right:3%; background:#dadada; color:#222;}
.location {display:inline-block; position:relative; padding-left:55px; margin-left:0; color:#333; font-size:24pt; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}

.confim_location {padding:0; cursor:default;}

.location input {position:absolute; width:0; height:0; opacity:0; cursor:pointer;}

.location .checkmark {position:absolute; top:0; left:0; height:37px; width:37px; border:2pt solid #b7b7b7;}

.location .checkmark:after {content:""; position:absolute;display:none;}

.location input:checked~.checkmark:after {display:block;}

.location .checkmark:after {left:11.1px; top:5px; width:11px; height:18px; border:solid #d34044; border-width:0 3pt 3pt 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}

.important-cont {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:90%; margin:100px auto 25px;}
.important-cont img {float:left; width:44px; margin-top:-2px;}
.important-cont h1 {display:inline-block; /* margin:-12px 0 0 18px; */padding:0 0 12px 18px; font-size:26pt;}

.important-cont p {padding:0 0 20px 30px; line-height:1.2;}
.important-cont p::before {content:""; display:inline-block; width:10px; height:10px; margin:0 16px 10px -27px; background:#222;}
.important-cont p:first-of-type {clear:both; border-top:2px solid #e5e5e5; padding-top:25px;}
.important-cont p, .important-cont span {text-align:left;}
.important-cont p > span {display:block; float:left; width:10px; height:10px; margin-top:14px; background:#444;}

.important-cont pre {display:inline-block; margin-bottom:20px; color:#222; font-family:'CoreGothic3'; font-size:23pt; line-height:0; letter-spacing:-0.08em;}
.important-cont b {color:#333; font-size:24pt; text-decoration:underline; text-underline-position:under;}
.important-cont p:last-of-type {padding-bottom:25px; border-bottom:2px solid #e5e5e5;}
label.agree-check {margin-left:56px;}
.complete-payment .complete-cont {width:100%; margin:0 auto; text-align:center;}
.onlinepay_cont .complete-payment .complete-cont table td {text-align:left;}
.onlinepay_cont .complete-payment .complete-cont table td .account {text-align:left;}
.complete-payment .complete-cont img {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:17%; padding:71px 0 40px 0;}
.complete-payment .complete-cont h1 {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -moz-box-sizing:border-box; padding-bottom:40px; color:#333; font-size:36pt;}
#onlinePay_three button {box-sizing:border-box; display:block; width:90%; height:130px; border:none; outline:none; border-radius:5px; padding-top:4px; margin:40px auto 50px; background:var(--common-point); color:#fff; font-family:"CoreGothic4"; font-size:30pt; text-align:center; cursor:pointer;}




.mypage_signature_wrap {width:100%; padding:30px 0; margin-top:40px; background:var(--background-gray2); font-family:'CoreGothic4'; font-size:24pt; text-align:center;}
.mypage_signature_wrap .reset_signature {display:block; margin:20px auto 0; border:0; background:none; color:#666; font-family:'CoreGothic4'; font-size:18pt;}
.mypage_signature_wrap .reset_signature img {width:80%; padding-bottom:8px;}
.mypage_btn1 {width:210px;}