@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* common */
:root{ /* base width : 375px */
	--fs10: 2.667vw;
	--fs11: 2.933vw;
	--fs12: 3.2vw;
	--fs13: 3.467vw;
	--fs14: 3.733vw;
	--fs15: 4vw;
	--fs16: 4.267vw;
	--fs17: 4.533vw;
	--fs18: 4.8vw;
	--fs19: 5.067vw;
	--fs20: 5.333vw;
	--fs21: 5.6vw;
	--fs22: 5.867vw;
	--fs23: 6.133vw;
	--fs24: 6.4vw;
	--fs25: 6.667vw;
	--fs26: 6.933vw;
	--fs27: 7.2vw;
	--fs28: 7.467vw;
	--fs28: 7.467vw;
	--fs29: 7.733vw;
	--fs30: 8vw;
}
*, *::before, *::after{
	box-sizing: border-box;
}
body{
	font-family: 'Noto Sans JP', sans-serif;
	background: #000000;
	color: #333333;
	line-height: 1.6;
}
a{
	transition: .2s all linear;
	color: #3478F6;
	text-decoration: none;
}
a:hover{
	opacity: .6;
}
.fw-b{
	font-weight: 700;
}
.btn-style{
	display: block;
	border-radius: 1.067vw;
	border-radius: 1.067vw;
}
.page-register{
	font-family: 'Noto Sans', sans-serif;
}
html:lang(zh-tw) body .page-register{
	font-family:"微軟正黑體", "PingHei", 'PMingLiU', STHeitiSC-Medium , sans-serif;
}
.page-register fieldset {
	border: none;
	position: relative;
	overflow: hidden;
}
.page-register fieldset .msg-error{
	color: #AA3932;
	font-size: 3.733vw;
	margin-top: 3.8vw;
	line-height: 1.5;
}
.page-register input{
	border: #8C8C8C 1px solid;
	border-radius: 0.533vw;
	padding: 8vw 2.667vw 2.667vw;
	width: 84vw;
	height: 16vw;
	font-size: 4vw;
	/*-webkit-appearance: none;
	appearance: none;*/ /* remove to be able to detect autofill */
}
.page-register .noAppearance {
	-webkit-appearance: none;
	appearance: none;
}
.page-register input:focus{
	outline: none;
	border-color: #3478F6;
	caret-color: #3478F6;
}
.page-register input.error{
	border-color: #AA3932;
	caret-color: #AA3932;
}
.page-register input.correct{
	border-color: #6FA34D;
	caret-color: #6FA34D;
}
.page-register input + label {
	display: flex;
	align-items: center;
	cursor: text;
	color: #8C8C8C;
	transition: .2s ease-out all;
	position: absolute;
	top: 5.067vw;
	left: 2.667vw;
	/* transform: translate(0, -50%); */
	font-size: 4vw;
}
html[lang="vi"] .page-register input + label {
    font-size: 3vw;
}

.page-register input:focus + label,
.page-register input + label.stay {
	top: 1vw;
	left: 2.667vw;
	/* font-size: 1.3rem; */
	font-weight: 700;
	transition: .2s ease-out all;
	margin-bottom: 2px;
}
.page-register input + label .required{
	display: inline-block;
	vertical-align: middle;
	font-size: 3.2vw;
	width: 9.6vw;
	height: 5.867vw;
	line-height: 5.867vw;
	margin-left: 2.667vw;
	background: #AA3932;
	color: #FFF;
	text-align: center;
}
.page-register input:focus + label .required,
.page-register input + label.stay .required{
	font-size: 2.667vw;
	width: 8vw;
	height: 4.8vw;
	line-height: 4.8vw;
}
.page-register input[type=checkbox] + label.custom-check:before{
	top: 0;
	transform: inherit;
}
html[lang="vi"] .page-register input[type=checkbox] + label.custom-check:before {
    top: -15px;
    transform: inherit;
}
.page-register input[type=checkbox]:checked + label.custom-check:after{
	top: 0;
	margin-top: 7px;
	margin-top: 1.6vw;
}
.page-register .input-wrap + .btn-wrap{
	margin-top: 8vw;
}
.page-register .btn-orange{
	width: 84vw;
	height: 6.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1.333vw;
	color: #FFF;
	font-size: 6.4vw;
	outline: none;
	border: none;
	background: #F1890E;
	max-width: 100%;
}
.page-register.bg_black{
	background: #000!important;
}
.page-register.c_white{
	color: #FFF!important;
}
/*--------------------------------------------*/
/* password 
/*--------------------------------------------*/
.page-register .sec{
	padding: 10.667vw 8vw;
}
.page-register .sec .step{
	font-size: 3.467vw;
}
.page-register .sec .sec-title{
	font-size: 8.533vw;
	font-weight: 700;
	margin-bottom: 3.467vw;
	font-size: 2.4rem;
}
.page-register .sec .text-1{
	font-size: 4.8vw;
	margin-bottom: 4vw;
}
.page-register .sec input{
	background: #FFF!important;
	color: #000!important;
}
.page-register .sec select{
	background: #FFF!important;
	color: #000!important;
}
/*--------------------------------------------*/
/* tel 
/*--------------------------------------------*/
.page-register .input-tel-wrap{
	display: flex;
	align-items: center;
}
.page-sms-auth .note-wrap{
	margin-top: 5.333vw;
	font-size: 3.733vw;
}
.page-sms-auth .note-wrap .t-link{
	color: #3478F6;
	text-decoration: none;
}
.page-sms-auth input.input-tel{
	width: 46.133vw;
	padding: 2.667vw;
	font-size: 20px;
}
.page-sms-auth input.input-tel::placeholder {
    color: #CCCCCC;
}
.page-sms-auth .input-tel-wrap fieldset + fieldset{
	margin-top: 0;
	margin-left: 3.2vw;
}
.page-sms-auth .label-tel-itn{
	display: flex;
	align-items: center;
	width: 34.667vw;
	height: 12vw;
	border: #8C8C8C 0.267vw solid;
	border-radius: 0.533vw;
	padding: 0 2.933vw;
}
.page-sms-auth .label-tel-itn .img-flg{
	width: 8vw;
}
.page-sms-auth .label-tel-itn .img-flg + .tel-num-itn{
	margin-left: 2.667vw;
}
.page-sms-auth .label-tel-itn .caret-down{
	display: inline-block;
	border: transparent 0px solid;
	border-top: 2.133vw #333333 solid;
	border-left-width: 1.6vw;
	border-right-width: 1.6vw;
	margin-left: auto;
}
.page-sms-auth .input-tel-wrap .label-tel-select{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 34.667vw;
	height: 16vw;
	border: #8C8C8C 0.267vw solid;
	border-radius: 0.533vw;
	position: relative;
	/* NJ-23812 */
	background: #FFFFFF;
}
.page-sms-auth .input-tel-wrap .label-tel-select select{
	appearance: none;
	border: none;
	background: transparent;
	padding: 0;
	min-width: auto;
	width: 100%;
    height: 100%;
	padding: 0 110px;
}
#country_code_before_first_lesson {
	text-align: center;
}
/* galaxy fold */
@media (min-width: 280px) {
	.page-sms-auth .input-tel-wrap .label-tel-select select{
		padding: 0 32px;
	}
}
/* iphone 4/5 */
@media (min-width: 320px) {
	.page-sms-auth .input-tel-wrap .label-tel-select select{
		padding: 0 38px;
	}
}
/* iphone 6/7/8 */
@media (min-width: 375px) {
	.page-sms-auth .input-tel-wrap .label-tel-select select{
		padding: 0 49px;
	}
}
/* iphone 6/7/8 plus */
@media (min-width: 410px) {
	.page-sms-auth .input-tel-wrap .label-tel-select select{
		padding: 0 55px;
	}
}
/* standard devices */
@media (min-width: 480px) {
	.page-sms-auth .input-tel-wrap .label-tel-select select{
		padding: 0 40px;
	}
}
/* ipad devices and up */
@media (min-width: 768px) {
	.page-sms-auth .input-tel-wrap .label-tel-select select{
		padding: 0 110px;
	}
}

.page-sms-auth .input-tel-wrap .label-tel-select .img-flg{
	/* content: "";
	background: url('../../images/flag/japan.png');
	background-size: cover; */
	display: block;
	width: 8vw;
	height: 4.645vw;
	position: absolute;
	top: 50%;
	left: 11px;
	transform: translateY(-50%);
}
.page-sms-auth .input-tel-wrap .label-tel-select .caret-down{
	/* content: ""; */
	display: inline-block;
	border: transparent 0px solid;
	border-top: 2.133vw #333333 solid;
	border-left-width: 1.6vw;
	border-right-width: 1.6vw;
	margin-left: auto;
	position: absolute;
	top: 50%;
	right: 11px;
	transform: translateY(-50%);
}
/*--------------------------------------------*/
/* auth
/*--------------------------------------------*/
.page-sms-auth .input-auth-wrap{
	margin: 0 auto 30px;
	text-align: center;
	position: relative;
}
.page-sms-auth .input-auth-wrap .input-sms-check{
	width: .1px;
	height: 0;
	opacity: 0;
	padding: 0;
	border: 0;
	position: absolute;
	z-index: -1000;
}
.page-sms-auth .input-auth-wrap .auth-num-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.page-sms-auth .input-auth-wrap .auth-num-wrap:before{
	content: "";
	height: 2px;
	width: 156px;
	height: 0.533vw;
	width: 41.6vw;
	background-image: linear-gradient(to right, #8C8C8C, #8C8C8C 30px, transparent 30px, transparent 42px);
	background-image: linear-gradient(to right, #8C8C8C, #8C8C8C 8vw, transparent 8vw, transparent 11.2vw);
	background-size: 42px 2px;
	background-size: 11.2vw 0.533vw;
	background-repeat: repeat-x;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.page-sms-auth .input-auth-wrap .auth-num-wrap .auth-num-input{
	border: 0;
	width: 200px;
	padding-left: 5px;
	margin-right: -58px;
	letter-spacing: 33px;
	width: 53.333vw;
	padding-left: 1.333vw;
	margin-right: -15.467vw;
	letter-spacing: 8.8vw;
}
.page-sms-auth .input-auth-wrap .auth-num{
	display: inline-block;
	border: none;
	border-bottom: 0.533vw solid #8C8C8C;
	width: 8vw;
	height: 11.2vw;
	line-height: 11.2vw;
	text-align: center;
	font-size: 5.333vw;
	border-radius: 0;
}
.page-sms-auth .input-auth-wrap .auth-num + .auth-num{
	margin-left: 3.2vw;
}
.page-sms-auth .btn-border{
	border: #999999 solid 0.533vw;
	border-radius: 1.333vw;
	width: 53.333vw;
	height: 14.4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.733vw;
	background: #FFFFFF;
	color: #555555;
	margin: auto;
}
/*--------------------------------------------*/
/* credit
/*--------------------------------------------*/
.card-brand-list-wrap{
	margin: 18px 0 5px;
	margin: 4.8vw 0 1.333vw;
}
.card-brand-list{
	display: flex;
	align-items: center;
}
.card-brand-list li + li{
	margin-left: 10px;
	margin-left: 2.667vw;
}
.card-brand-list > li img{
	width: 40px;
	width: 10.667vw;
}
.page-credit .sec-credit .link-wrap{
	margin: 20px 0 20px;
	font-size: 14px;
	margin: 5.333vw 0 5.333vw;
	font-size: 3.733vw;
}
.page-credit .sec-credit .text-2{
	font-size: 14px;
	font-size: 3.733vw
}
.page-credit .sec-credit .check-wrap{
	margin: 15px 0 30px;
	margin: 4vw 0 8vw;
}
.page-credit .sec-credit .zeus-payment_secst{
	margin-top: 40px !important;
	margin-top: 10.667vw !important;
	padding: 0;
}
.page-credit .sec-credit .input-wrap fieldset{
	position: relative;
}
.page-credit .sec-credit .input-wrap fieldset .question{
	position: absolute;
	z-index: 100;
	top: 50%;
	transform: translateY(-50%);
	right: 11px;
	width: 25px;
	height: 25px;
	right: 2.933vw;
	width: 6.667vw;
	height: 6.667vw;
	background: url('../images/signup/question.svg') no-repeat;
	background-size: contain;
	cursor: pointer;
}

.page-credit .sec-credit .input-wrap fieldset .zeus_card_number_camera{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	width: 9.6vw;
	height: 100%;
	background: url('../images/signup/camera.png') no-repeat center;
	background-size: 18px;
	background-size: 4.8vw;
	box-sizing: content-box;
	right: 2px;
	right: .65vw;
	cursor: pointer;
	z-index: 10;
}

/* custom checkbox label */
input[type=checkbox] + label.custom-check{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-size: 4.267vw;
	cursor: pointer;
	padding: 0 0 0 31px;
	padding: 0 0 0 8.267vw;
	left: 0;
	top: 0;
	color: #333333;
}
input[type=checkbox] + label.custom-check:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	display: block;
	width: 25px;
	height: 25px;
	margin-top: 1px;
	width: 6.667vw;
	height: 6.667vw;
	margin-top: 0.267vw;
	background-color: #fff;
	border: solid 1px #8C8C8C;
	border: solid 0.267vw #8C8C8C;
}
input[type=checkbox]:checked + label.custom-check:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 4px;
	left: 1.067vw;
	display: block;
	width: 16px;
	height: 9px;
	margin-top: -6px;
	width: 4.267vw;
	height: 2.4vw;
	margin-top: -1.6vw;
	border-left: 3px solid #3478F6;
	border-bottom: 3px solid #3478F6;
	border-width: 0.8vw;
	transform: rotate(-45deg);
}
/*--------------------------------------------*/
/* notice to user
/*--------------------------------------------*/
.page-notice .sec-notice .sec-title{
	font-size: 6.667vw;
	font-weight: 700;
	margin-bottom: 2.667vw;
}
.page-notice .sec-notice .text-1{
	font-size: 4.533vw;
	margin-bottom: 5.333vw;
}
.page-notice .sec-notice .box-orange{
	border: #F1890E 0.533vw solid;
	margin-bottom: 8vw;
}
.page-notice .sec-notice .box-orange .title{
	background: #F1890E;
	font-size: 4.8vw;
	padding: 2.667vw 0;
	text-align: center;
	color: #FFFFFF;
}
.page-notice .sec-notice .box-orange .contents{
	text-align: center;
	padding: 4.533vw 0 5.867vw;
}
.page-notice .sec-notice .box-orange .contents .date{
	font-size: 5.333vw;
}
.page-notice .sec-notice .box-orange .contents .text{
	font-size: 4.267vw;
	margin-top: 2.667vw;
}
.page-notice .sec-notice .box-gray{
	background: #222222;
	margin-bottom: 10.667vw;
	padding: 4vw 4vw 5.333vw;
	text-align: center;
}
.page-notice .sec-notice .box-gray .title{
	color: #F1890E;
	font-size: 4.8vw;
	font-weight: 700;
	margin-bottom: 3.2vw;
}
.page-notice .sec-notice .box-gray .contents .text{
	display: inline-block;
	text-align: left;
	font-size: 3.733vw;
	text-indent: -3.733vw;
	padding-left: 3.733vw;
}
.page-notice .sec-notice .box-gray .contents .text + .text{
	margin-top: 4vw;
}

/* NJ-14237 */
.amazon_gift_register_campaign_banner {
	width: auto;
	padding-block: 1.5em;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	gap: 1rem;
}

.amazon_gift_register_campaign_banner > h2 {
	font-size: 1.25rem;
	font-weight: normal;
	color: #fff;
	line-height: 1.5;
	padding-left: 1.7rem;
}

.amazon_gift_register_campaign_banner > h2 > span{
	position: relative;
}

.amazon_gift_register_campaign_banner > h2 > span > i{
	position: absolute;
	left: -1.7rem;
	top: .75px;
}

.amazon_gift_register_campaign_banner img {
	display: block;
	width: 100%;
}
.amazon_gift_register_campaign_banner:hover > img {
	opacity: 1;
}
/* NETFLIX UI CSS */
.page-sms-auth .input-auth-wrap .auth-num-wrap .auth-num-input{
	background: #000 !important;
    color: #fff !important;
}
.page-sms-auth .input-tel-wrap .label-tel-select .img-flg {
	z-index: 1;
}
.page-sms-auth .input-tel-wrap .label-tel-select #country_code_before_first_lesson{
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: auto;
	position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

/* NJ-23812 */
.page-register .signup_form .plan_block{
	border: 2px solid #00B199;
}
.page-register .signup_form .plan_block .plan_title{
	color: #FFFFFF;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
  background: #00B199;
  padding: 8px 0 8px;
}
.page-register .signup_form .plan_block .plan_content{
	text-align: center;
	padding: 16px 0px 20px;
}
.page-register .signup_form .plan_block .plan_content .plan_free_days{
	color:#F1892B;
	line-height: 1.6;
}
.page-register .signup_form .plan_block .plan_content .plan_price,
.page-register .signup_form .plan_block .plan_content .plan_totla_price{
	color:#FFFFFF;
	font-family:"Noto Sans",sans-serif;
}
.page-register .signup_form .plan_block .plan_content .plan_unlimited{
	margin-top:8px;
	line-height: 1.4;
	color:#FFFFFF;
}
.page-register .signup_form .plan_block .plan_content .plan_unlimited{
	margin-top:8px;
	line-height: 1.4;
}
.page-register .signup_form .input-wrap .input{
	width:100%;
	box-sizing: border-box;
	padding:20px 11px;
	font-size:4vw;
}
.page-register .signup_form .input-wrap select{
	width:100%;
	box-sizing: border-box;
}
.page-register .signup_form .input_checkbox {
	min-height:22px;
}
.page-register .signup_form .input_checkbox .input_checkbox_text{
	margin-left:32px;
	color:#FFFFFF;
	position:static;
	display:inline;
}
.page-register .signup_form .input_checkbox input[type="checkbox"] {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	vertical-align: middle;
	position: relative;
	width:auto;
	height:auto;
}

.page-register .signup_form .input_checkbox input[type="checkbox"]::before,
.page-register .signup_form .input_checkbox input[type="checkbox"]::after {
	content: "";
	display: block; 
	position: absolute;
}
.page-register .signup_form .input_checkbox input[type="checkbox"]::before {
	background-color: #F4F4F4;
	border-radius: 0%;
	border: 1px solid #C5C5C5;
	width: 18px;
	height: 18px;
	transform: translateY(-50%);
	top: 50%;
	left: 2px;
}
.page-register .signup_form .input_checkbox input[type="checkbox"]::after {
	border-bottom: 2px solid #16a9b2;
    border-left: 2px solid #16a9b2;
    opacity: 0;
    height: 7px;
    width: 14px;
    transform: rotate(-45deg);
    top: -5px;
    left: 4px;
}
.page-register .signup_form .input_checkbox input[type="checkbox"]:checked::after {
	opacity: 1;
}
.page-register .signup_form .input-wrap .input_code{
	position:relative;
}
.page-register .signup_form .input-wrap .input_code img{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 25px;
	height: 25px;
	transform: translateY(-50%);
}

.page-register .signup_form .input-wrap .select-box{
	position: relative;
	width: 100%;
	background: #FFFFFF;
	box-sizing: border-box;
	color: #000000;
  	font-size: 4vw;
	line-height:16vw;
}
.page-register .signup_form .input-wrap .select-box:after{
	content: '';
  position: absolute;
  top: 50%;
  right: 10px;
	transform:translateY(-50%);
	border-top: 8px #333333 solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.page-register .signup_form .input-wrap .select-box.select-no-triangle:after{
	content: none;
}
.page-register .signup_form .input-wrap .select-box .image-block{
	width: 38px;
	height: 24px;
	line-height: 24px;
	box-sizing: border-box;
	border: 1px solid #8C8C8C;
	border-radius: 4px;
	margin-right: 10px;
	position: relative;
}
.page-register .signup_form .input-wrap .select-box .selected,
.page-register .signup_form .input-wrap .select-box li{
	display:flex;
	align-items: center;
}
.page-register .signup_form .input-wrap .select-box .selected{
	padding-left:10px;
	border: 1px solid #8C8C8C;
	background:#FFFFFF !important;
	border-radius: 0.533vw;
}
.page-register .signup_form .input-wrap .select-box .image-block img{
	position: relative;
    width: 100%;
    height: 100%;
}
.page-register .signup_form .input-wrap .select-box .options{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background:#FFFFFF;
	border: 1px solid #8C8C8C;
	border-radius: 3px;
	z-index:1;
	display:none;
}
.page-register .signup_form .input-wrap .select-box .options li{
	padding-left:10px;
}
.page-register .signup_form .input-wrap .select-box .options li.active{
	background:#00ACEE1A;
}
.page-register .signup_form .input-wrap .select-box .options li:not(:last-child){
	border-bottom:1px solid #8C8C8C;
}
.page-register .signup_form .input-wrap .content{
	display:none;
}
.page-register .signup_form .input-wrap .content.active{
	display:block;
}
.page-register .signup_form .btn_wrap .btn_style{
	width:100%;
}
.page-register .signup_form .btn_wrap .btn_style:disabled{
	background-color:#F4F4F4 !important;
	color:#CCCCCC !important;
}
/* ユーザー情報設定 */
.page-register .input-wrap .custom-select {
  position: relative;
}
.page-register .input-wrap .custom-select::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 45%;
  width: 0;
  border: 8px solid transparent;
  border-top: 8px solid #333333;   
}
/* .page-register .input-wrap .input{
	width:100%;
	box-sizing: border-box;
	padding:20px 11px;
	font-size:1.5rem;
} */
.page-register .input-wrap select{
	width:100%;
	box-sizing: border-box;
	-webkit-appearance: none;
  appearance: none;
	width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  font-size: 18px;
  height: 12vw;
	color: #8C8C8C;
}
.page-register .input-wrap select::-ms-expand {
  display: none;
}
.page-register .input-wrap .select-box{
	position: relative;
	width: 100%;
	background: #FFFFFF;
	box-sizing: border-box;
	color: #8C8C8C;
  font-size: 14px;
	height:16vw;
	line-height:16vw;
}
.page-register .input-wrap .select-box:after{
	content: '';
  position: absolute;
  top: 50%;
  right: 10px;
	transform:translateY(-50%);
	border-top: 8px #333333 solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.page-register .input-wrap .select-box .selected,
.page-register .input-wrap .select-box li{
	display:flex;
	align-items: center;
}
.page-register .input-wrap .select-box .selected{
	padding-left:10px;
	border: 1px solid #8C8C8C;
	background:#FFFFFF !important;
	border-radius: 0.533vw;
}
.page-register .input-wrap .select-box .options{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background:#FFFFFF;
	border: 1px solid #8C8C8C;
	border-radius: 3px;
	z-index:1;
	display:none;
}
.page-register .input-wrap .select-box .options li{
	padding-left:10px;
}
.page-register .input-wrap .select-box .options li.active{
	background:#00ACEE1A;
}
.page-register .input-wrap .select-box .options li:not(:last-child){
	border-bottom:1px solid #8C8C8C;
}
.switch_label {
  display: flex;
  align-items: center;
	justify-content: end;
	margin-top:10px;
}
.switch_label input[type='checkbox'] {
  position: absolute;
  width: 0;
  height: 0;
	border:none;
	border-radius:unset;
	padding:0;
	font-size:unset;
	appearance: none;
	-webkit-appearance: none;
}
.switch_label .circle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 25px;
  height: 27px;
  border-radius: 50%;
  background-color: white;
  transition: 0.5s;
}
.switch_label .base {
  width: 51px;
  border-radius: 20px;
  height: 31px;
  background-color: #696969;
}
.switch_label .title {
  margin-right: 7px;
	font-size:1.6rem;
}
.switch_label .switch {
  position: relative;
}
.switch_label input:checked ~ .circle {
  transform: translateX(100%);
}
.switch_label input:checked ~ .base {
  background-color: #0000FF;
  transition: 0.5s;
}
.page-register .input-wrap .image_block{
	width:128px;
	height:128px;
}
.page-register .input-wrap .image_block img{
	border-radius: 50%;
}
.page-register .input-wrap .profile-link {
	display:block;
}

/* NJ-23812 */
.page-register .signup_form .input-wrap .select-box .image-block {
	border: 0;
	border-radius: 0;
}
.page-register .signup_form .input-wrap .select-box .image-block img {
	position: relative;
	display: inline-block;
}
.page-register .signup_form .input-wrap .select-box .image-block img::before {
	content: "";
    position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) calc(30% - 0.2rem), rgba(192,192,192,1) calc(30%), rgba(0,0,0,0) calc(30% + 0.2rem) );
	background-color: #fff;
	border: 0.2rem solid #8C8C8C;
	border-radius: 3px;
}
.aftee-image-select-opt{
	height: 28px !important;
	width: 28px !important;
	line-height: 24px;
	margin-right: 10px;
	border-radius: 4px;
	border: 0 !important;
	margin-top: -0.35vw !important;
}
.page-register .signup_form .input-wrap .select-box {
	height: auto;
}
.page-register .signup_form .input-wrap .select-box .selected {
	height: 12vw;
	padding-right: 2.5rem;
	line-height: 1;
    font-size: 1.4rem;
}
.page-register .signup_form .input-wrap .select-box .image-block.image-block-aftee{
	width: 28px;
	margin: 0 8px 0 0;
}
.page-register .signup_form .input-wrap .select-box .image-block img.aftee-image-select-opt{
	margin: 0;
}
.page-register .signup_form .input-wrap .select-box .options li {
	height: 12vw;
	font-size: 1.4rem;
}
.page-register .btn-orange.disabled {
	color: #CCC;
	background-color: #F4F4F4;
	pointer-events: none;
}
.page-register .signup_form .input-wrap .select-box.wp-card:after {
	display: none;
}
.hide {
	display: none;
}
/*  NJ-23812 End */

/* NJ-28462 start */
.payment_wrap .payment_container h2.sec-title{
	font-size:2.2rem;
	line-height:1.44;
}
label.form-check-label {
	position: relative;
}
.payment_wrap--credit_charge input[type="radio"] {
	display: none;
}
.radio-btn_1,.radio-btn_2,.radio-btn_3 {
	position: relative;
}
.radio-btn_1::before,.radio-btn_2::before,.radio-btn_3::before {
	content: '';
	display: block;
	border-radius: 50%;
	border: 4px solid #fff;
	background-color: #fff;
	width: 16px;
	height: 16px;
	position: absolute;
    left: 5%;
    top: 32.5%;
}
.radio-btn_1::after,.radio-btn_2::after,.radio-btn_3::after {
	content: '';
	display: block;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background-color: #fff;
	position: absolute;
    left: 6%;
    top: 38%;
}
.form-check-input:checked + .plan_block > .radio-btn_1::after,.form-check-input:checked + .plan_block > .radio-btn_2::after,.form-check-input:checked + .plan_block > .radio-btn_3::after { 
	content: '';
	display: block;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	background-color: #22D6B8;
	position: absolute;
    left: 6.3%;
    top: 39%;
}
.form-check-input:checked + .plan_block > .radio-btn_2::after {
	background-color: #F1890D;
}
.form-check-input:checked + .plan_block > .radio-btn_3::after {
	background-color: #5E9CE6;
}
.payment_wrap .payment_container .step_wrap .payment_form .plan_block{
	border: 2px solid #949494;
	margin-bottom: 4rem;
}
.payment_wrap .payment_container .step_wrap .payment_form .plan_block .plan_title{
	color: #FFFFFF;
	font-size: 3.2rem;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	background: #949494;
	padding: 10px 0 12px;
	position: relative;
}
.payment_wrap p.plus_txt {
	font-size: 50px;
	height: 50px;
	width: 28px;
	margin: 0 auto;
}
/* NJ-28462 end */

.page-register .sec-corporation-change-individual .signup_desc_wrap {
    padding: 1.5rem;
    border: 1px solid #fff;
}
.icon--caret-down::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    border-top: 8px #333333 solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.black--btn-orange {
	background: #f1890e !important;
	color:#fff !important
}
#dialog_tutor_payment_failed {
	max-width: 315px !important;
	width: 80% !important;
	transform: translate(-50%, -50%);
	margin-left: 0 !important;
	background: #232323;
	border: 0;
	color: #fff;
	padding: 0;
	text-align: center;
}
.dialog_tutor_payment_failed .modal_content {
	padding: 15px;
}
.dialog_tutor_payment_failed .modal_content * {
	color: #fff !important;
}
.dialog_tutor_payment_failed .btn-wrap {
	border-top: 1px solid #535353;
	padding: 15px;
	color: #3778F1;
}

/* NJ-23781 End */

/* NJ-23803 Start */
  .page-register .signup_form .input-wrap .select-box .image-block.image_block_v2{
	height: fit-content !important;
}

.c_darkred{
	color: #AA3932;
}
.page-register .signup_form .plan_block_v2{
	border: 2px solid #00B199;
	bottom: 0;
}
.page-register .signup_form .plan_block_v2 .plan_title{
	/* background: #F18928; */
	background: #00B199;
}
  /* NJ-23803 End */

/* NJ-28441 Start */

.payment_wrap .payment_container .step_wrap_v2 {
    max-width: 100% !important;
}

.step_wrap_v2 .signup_form .plan_con_wrap,.step_wrap_v2 .signup_form .plan_con_wrap{
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.step_wrap_v2 .signup_form .plan_con_wrap .plan_con,.step_wrap_v2 .signup_form .plan_con_wrap .plan_con{
	display: block;
}

.step_wrap_v2 .signup_form .plan_con_wrap .t_c_00B199,.step_wrap_v2 .payment_form .plan_con_wrap .t_c_00B199{
	color: #00B199;
}

.step_wrap_v2 .signup_form .plan_con_wrap .t_c_F16297,.step_wrap_v2 .payment_form .plan_con_wrap .t_c_F16297{
	color: #F16297;
}

.step_wrap_v2 .signup_form.m_t_38,.step_wrap_v2 .payment_form.m_t_38{
	margin-top: 38px;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block .plan_title, .payment_wrap .payment_container .step_wrap_v2 .signup_form .plan_block .plan_title{
	padding: 8px 0 8px;
	background: #00B199;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block, .payment_wrap .payment_container .step_wrap_v2 .signup_form .plan_block{
	border: 2px solid #00B199;
	cursor: pointer;
	margin-bottom: 2rem;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block .plan_block .plan_content, .payment_wrap .signup_container .step_wrap_v2 .signup_form .plan_block .plan_block .plan_content{
	padding: 25px 0 30px;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block .plan_content .save_up_to, .payment_wrap .payment_container .step_wrap_v2 .signup_form .plan_block .plan_content .save_up_to{
	width: 90%;
    min-height: 34px;
    color: #fff;
    border-radius: 100px;
    padding: 4px;
    box-sizing: border-box;
    background: #FF3661;
    margin: 18px auto 0;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block .plan_content .save_up_to p, .payment_wrap .payment_container .step_wrap_v2 .signup_form .plan_block .plan_content .save_up_to p{
	color: #fff !important;
}

.t_c_00ACEE{
	color: #00ACEE !important;
}

.t_c_3478F6{
	color: #3478F6 !important;
}

.step_wrap_v2 .signup_form .plan_con_wrap .plan_block_v2 .radio_container .checkmark:after,.step_wrap_v2 .payment_form .plan_con_wrap .plan_block_v2 .radio_container .checkmark:after{
	background: #F1892B;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block.notcurrent .plan_content .save_up_to, .payment_wrap .payment_container .step_wrap_v2 .signup_form .plan_block.notcurrent .plan_content .save_up_to{
    background: #949494;
}

.step_wrap_v2 .signup_form .set_of_plans, .step_wrap_v2 .payment_form .set_of_plans{
	display: flex;
    align-items: flex-start;
    flex-direction: column;
	column-gap: 46px;
}

.step_wrap_v2 .signup_form .plan_con_wrap .plan_content p,.step_wrap_v2 .payment_form .plan_con_wrap .plan_content p{
	color: #ffffff;
}

.step_wrap_v2 .signup_form .plan_con_wrap .notcurrent .plan_content p,.step_wrap_v2 .payment_form .plan_con_wrap .notcurrent .plan_content p{
	color: #949494 !important;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block#plan_block2, .payment_wrap .payment_container .step_wrap_v2 .payment_form .plan_block#plan_block2, #lite_plan_plan #plan_block2{
	border: 2px solid #F16297;
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block#plan_block2 .plan_title, .payment_wrap .payment_container .step_wrap_v2 .payment_form .plan_block#plan_block2 .plan_title, #lite_plan_plan p.plan_title.plan_title_v2 {
    background: #F16297;
}

.with_left_arrow{
	position: relative;
	margin-right: 20px;
}

.with_left_arrow::before{
	position: absolute;
    top: 27%;
    transform: translateY(-50%);
    content: "";
    right: -11px;
    color: #3478F6;
    font-size: 10px;
    font-weight: bold;
    -webkit-text-stroke: 1px #fff;
    background-image: url(../images/icon/icon_arrow.svg);
    width: 8px;
    height: 12px;
    background-size: 100% 100%;
    rotate: 90deg;
	filter: brightness(0) saturate(100%) invert(41%) sepia(33%) saturate(1849%) hue-rotate(185deg) brightness(107%) contrast(93%);
}

.signup_wrap .signup_container .step_wrap_v2 .signup_form .plan_block, .payment_wrap .payment_container .step_wrap_v2 .payment_form .plan_block{
	cursor: pointer;
}

.payment_wrap .payment_container h2.sec-title_v2, .signup_wrap .signup_container h2.sec-title_v2{
    font-size: 2.5rem;
    line-height: 1.44;
    margin-left: 0;
}

/* Start Animation */
.Fade_in_bottom {
	-webkit-animation-name: Fade_in_bottom;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: forwards;
  }
  @-webkit-keyframes Fade_in_bottom {
	from {
	    opacity: 0;
  		transform: translate3d( -220px, 0, 0); /* ADDED - start x position as -50px */
  		transition: 0.25s all ease-in-out;
	}
	to {
	    opacity: 1;
  		transform: translate3d( 0, 0, 0);
	}
  }

/* End Animation */

/* NJ-28441 End */

/*  */
@charset "utf-8";
/*-------------------*/
/*-- v2 new design --*/
/*-------------------*/
.page-payment-v2 {
	background: #000000;
}
.page-payment-v2 > .page-payment-v2-inner,
.page-payment-v2 > .page-payment-v2-inner *,
.page-payment-v2 > .page-payment-v2-inner *:before,
.page-payment-v2 > .page-payment-v2-inner *:after {
	box-sizing: border-box;
}
.page-payment-v2 > .page-payment-v2-inner {
	font-size: 1.5rem;
	line-height: 1.6;
	max-width: 50rem;
	margin: 0 auto;
	min-height: 100vh;
	padding-bottom: 10rem;
}

.page_wrap .btn_wrap{
	background: transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding: 0 1.2rem;
}
.page_wrap .btn_wrap a {
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.3rem 0;
	font-weight: bold;
	font-size: 1.5rem;
	color: #FFFFFF;
	background-color: #555555;
	border-radius: 4px;
}
.page_wrap .btn_wrap a.active {
	background-color: #FFFFFF;
	color: #000000;
}
.page_wrap .menu_group_wrap {
	position: fixed;
	bottom: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 100%;
	background: #000000;
}
.page_wrap .menu_group_wrap .menu_group {
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	margin-top: 10px;
}
.page_wrap .menu_group_wrap .menu_group a {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page_wrap .menu_group_wrap .menu_group a .icon {
	height: 19px;
	margin-bottom: 3px;
}
.page_wrap .menu_group_wrap .menu_group a span {
	font-size: 8px;
	font-weight: 400;
	color: #737373;
	margin-top: 3px;
}
.page_wrap .menu_group_wrap .menu_group a:hover span {
	color: #ffffff;
}
.page_wrap .menu_group_wrap .menu_group a:hover svg {
	fill: #ffffff;
}
.page_wrap .menu_group_wrap .menu_group_border {
	width: 135px;
	height: 5px;
	background-color: #FFFFFF;
	border-radius: 100px;
	margin: auto;
}
.page-payment-v2 .payment-v2-box-total {
	margin-bottom: 4rem;
}
.page-payment-v2 .payment-v2-box-total > .box-inner {

}
.page-payment-v2 .payment-v2-box-total .payment-available {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 2rem 1.2rem;
	font-size: 14px; 
	color: #ffffff;
	background: #222222;
	margin-bottom: 20px;
}
.page-payment-v2 .payment-v2-box-total .payment-available .t--1 {
	font-weight: 400;
}
.page-payment-v2 .payment-v2-box-total .payment-available .t--2 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	line-height: 1;

}
.page-payment-v2 .payment-v2-box-total .payment-available .t--2 > .payment-number {
	/*font-family: "Arial", sans-serif;*/
	font-weight: bold;
	font-size: 18px;
	color: #fff;
}
.page-payment-v2 .payment-v2-box-total .payment-btns {
	padding: 0 1.2rem;
}
.page-payment-v2 .payment-btn-group-1,
.page-payment-v2 .payment-btn-group-1 *,
.page-payment-v2 .payment-btn-group-1 *:before,
.page-payment-v2 .payment-btn-group-1 *:after {
	box-sizing: border-box;
}
.page-payment-v2 .payment-btn-group-1.cust {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.page-payment-v2 .payment-btn-group-1.cust li {
	width: 100%;
}

.page-payment-v2 .payment-btn-group-1.cust li:first-child {
	margin-bottom: 20px;
}

.box-input-for-monthly-payment .payment-btn-group-1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: unset;
	align-items: center;
}
.box-input-for-monthly-payment .payment-btn-group-1 > li {
	width: 152px!important;
	margin-bottom: 0!important;
}
.page-payment-v2 .payment-btn-group-1 > li {
	width: 100%;
}
.page-payment-v2 .payment-btn-group-1 > li:first-child {
	margin-bottom: 20px;
}
.page-payment-v2 .payment-btn-group-1 .btn_style {
	display: flex;
	width: 100%;
	min-width: unset;
	font-weight: 400;
}
.box-confirm-for-monthly-payment .page-payment-v2 .payment-btn-group-1 .btn_style.btn_white {
	background: #fff;
}
.page-payment-v2 .payment-v2-box-definition {
	margin-top: 2rem;
}
.page-payment-v2 .payment-v2-box-definition > .box-inner {

}
.page-payment-v2 .payment-definition {
	border: 3px solid #eee;
	padding: 1rem;
}
.page-payment-v2 .payment-definition .def-title {
	margin-bottom: 1rem;
}
.page-payment-v2 .payment-definition .def-title > .title-inner {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	color: #555;
	display: inline-block;
	background-color: #eee;
	padding: 1rem;
}
.page-payment-v2 .payment-definition .def-detail {
	font-size: 1.4rem;
}
.page-payment-v2 .payment-definition .def-detail > p {
	line-height: 2;
}
.page-payment-v2 .payment-definition .def-detail > p + p {
	
}
.page-payment-v2 .payment-v2-box-history {
	padding: 0 1.2rem;
}
.page-payment-v2 .payment-v2-box-history > .box-inner {
	padding-bottom: 11rem;
}
.page-payment-v2 .payment-v2-box-history .box-title {
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
}
.page-payment-v2 .payment-v2-history-list-1 {

}
.page-payment-v2 .payment-v2-history-list-1 > li {

}
.page-payment-v2 .payment-v2-history-list-1 > li + li {
	margin-top: 2rem;
}
.page-payment-v2 .payment-v2-history-list-1 .inner-box {
	border: 1px solid #555555;
    padding: 1.6rem;
}
.page-payment-v2 .payment-v2-history-list-1 .area-date {
	color: #FFFFFF;
    font-size: 1.4rem;
    margin: 0 0 2rem 0;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #555555;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body .col-detail {
	width: 68%!important;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body .col-detail .detail-content {
	font-size: 1.3rem;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body .col-detail .detail-note {
	font-size: 1.3rem;
	margin-top: 1rem;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body .col-num {
	width: 30%!important;
    display: flex!important;
    flex-direction: column;
    align-items: flex-end;
    padding: 0!important;
}
.page-payment-v2 .payment-v2-history-list-1 > li.plus .area-body .col-num {
	color: #D22F26;
}
.page-payment-v2 .payment-v2-history-list-1 > li.minus .area-body .col-num {
	color: #3778F1;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body .col-num .num-main {
	font-family: 'Arial', sans-serif;
	font-size: 3rem;
	font-weight: 700;
}
.page-payment-v2 .payment-v2-history-list-1 .area-body .col-num .num-note {
	font-weight: 400;
}
.page-payment-v2 .payment-v2-history-list-1 .expire-badge {
	display: inline-block;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	background-color: #555;
	padding: .5rem;
	border-radius: .5rem;
}
.page-payment-v2 .payment-v2-use-box {
	font-size: 1.4rem;
	color: #fff;
	padding: 1rem 0;
}
.page-payment-v2 .payment-v2-use-box .payment-v2-use-box-inner {
	border: 1px solid #555555;
    padding: 1.6rem;
}
.page-payment-v2 .payment-v2-use-box .box-title {
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	background: #232323;
	margin-bottom: 2.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
}
.page-payment-v2 .payment-v2-use-box > .box-body {

}
.page-payment-v2 .payment-v2-use-box .price-row {
	font-size: 1.4rem;
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #555555;
	margin-bottom: 20px;
}
.page-payment-v2 .payment-v2-use-box .price-row .col--1 {
	font-size: 1.4rem;
}
.page-payment-v2 .payment-v2-use-box .price-row .col--2 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.page-payment-v2 .payment-v2-use-box .price-row .t--price-1-num {
	font-size: 1.8rem;
	font-weight: bold;
}
.page-payment-v2 .payment-v2-use-box .price-row .t--price-2-num {
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
}
.page-payment-v2 .payment-v2-use-box .price-row .main-num {
	font-size: 1.8rem;
}
.page-payment-v2 .payment-v2-use-box .row-bb {
	border-bottom: 1px solid #ccc;
}
.page-payment-v2 .payment-v2-use-box .price-row.row-coin-price .col--1 {
	color: #16A9B2;
}
.page-payment-v2 .payment-v2-use-box .input-row {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	margin-bottom: 1rem;
}
.page-payment-v2 .payment-v2-use-box .input-row > * + * {
	
}
.page-payment-v2 .payment-v2-use-box .input-row .payment-input {
	width: 10rem;
	margin-right: 10px;
}
.page-payment-v2 .payment-radio {
	width: 100%;
	margin-bottom: 1.2rem;
}
.page-payment-v2 .payment-radio > label {
	cursor: pointer;
}
.page-payment-v2 .payment-radio input {
	display: none;
}
.page-payment-v2 .payment-radio .label-input > input + .input-icon {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	border: 2px solid #fff;
	vertical-align: middle;
	cursor: pointer;
}
.page-payment-v2 .payment-radio .label-input > input:checked + .input-icon:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	background-color: #fff;
}
.page-payment-v2 .payment-radio .label-text {
	display: inline-block;
	vertical-align: middle;
}
.page-payment-v2 .couon-v2-use-box-txt {
	padding: 0 1.2rem;
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 3rem;
}
.page-payment-v2 .payment-input > input {
	box-sizing: border-box;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #ffffff;
    padding: 0.5rem 1rem;
    border: 1px solid #fff;
    box-shadow: none;
    min-width: unset;
    background: #232323;
    border-radius: 0!important;
	height: 42px;
}
.page-payment-v2 .payment-input > input.disabled {
	opacity: .3;
}
.page-payment-v2 .payment-input > input::placeholder {
	color: #ccc;
}
.page-payment-v2 .payment-input-validation-scope {
	position: relative;
}
.page-payment-v2 .payment-input-validation-scope .payment-input-validation-tooltip {
	display: none;
	box-sizing: border-box;
	position: absolute;
	z-index: 10;
	top: calc(100% + 1rem);
	left: 0;
	width: auto;
	background-color: #fff;
	padding: 1rem 1.5rem;
	border-radius: .5rem;
	border: 1px solid #767676;
	filter: drop-shadow(0 0 .5rem rgba(0,0,0,.15));
}
.page-payment-v2 .payment-input-validation-scope.on .payment-input-validation-tooltip {
	display: block;
}
.page-payment-v2 .payment-input-validation-scope .payment-input-validation-tooltip:before {
	content: '';
	display: block;
	position: absolute;
	top: -.57rem;
	left: 2rem;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	border: 1px solid transparent;
	border-top-color: #767676;
	border-right-color: #767676;
	transform: rotateZ(-45deg);
}
.page-payment-v2 .payment-input-validation-scope .payment-input-validation-tooltip .tooltip-text {
	display: flex;
	align-items: flex-start;
	font-size: 1.3rem;
}
.page-payment-v2 .payment-input-validation-scope .payment-input-validation-tooltip .tooltip-text > .icon {
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-indent: 0;
	width: 2.2rem;
	height: 2.2rem;
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	background-color: #FFA300;
	border-radius: .2rem;
	margin-right: .5rem;
}
.page-payment-v2 .payment-input-validation-scope .payment-input-validation-tooltip .tooltip-text > .error-list {
	flex: 1;
}
.page-payment-v2 .payment-input-validation-scope .payment-input-validation-tooltip .tooltip-text > .error-list > li {
	display: none;
}
.page-payment-v2 .payment-v2-use-box .notice-area {
	font-size: 1.3rem;
}
.payment-v2.btn-area {
	padding: 0 1.2rem;
}
.payment-v2.back-btn-area {
	padding: 0 1.2rem;
}
.page-payment-v2 .payment-back-btn {
	box-sizing: content-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    font-size: 1.4rem;
    color: #3778F1;
    padding: 0 1rem;
}
.page-payment-v2 .payment-back-btn:hover {
	color: #fff;
}

/* -------------NJ-6728------------ */
div.payment-input.payment-input-validation-scope {
	flex: 1 1 100%;
}

input#useCouponNumber.payment-input-validation {
	background: #fff;
	border-radius: .25rem!important;
	margin-bottom: 1rem;
	color: #000000;
}

ul.payment-btn-group-1{
	gap: 20px!important;
}

ul.payment-btn-group-1>li {
	flex: 1;
}

div.price-row.row-next-payment.row-bb {
	border: none!important;
	margin-bottom: 0;
}

div.price-row.row-next-payment.row-bb:nth-last-child(2){
    /* border-bottom: 1px solid #fff!important; */
    margin-bottom: 1rem;
}

.page-payment-v2 .payment-v2-use-box .row-bb{
	align-items: end;
	border-bottom: unset!important;
	margin-bottom: 1rem;
}

div.price-row.row-available-coupon.row-bb {
	border-top: 1px solid #fff!important;
	border-bottom: 1px solid #fff!important;
	padding: unset!important;
	padding: 1em 0 1em 1em!important;
}

div.price-row.row-available-coupon.row-bb.row-bb--start{
	border-top: none!important;
	padding: unset!important;
}

div.price-row.row-monthly-payment {
	border: none!important;
	margin-bottom: unset!important;
	align-items: end;
}

div.price-row.row-sum {
    border-top: 1px solid #555555;
    align-items: end;
    padding: 1em 0!important;
}

div.price-row.row-payment-off {
	border-bottom: unset!important;
}

div.payment-input-validation-tooltip {
	color: #000!important;
}

.price-area > .row-bb:not(:first-child),
.price-area > .price-row:not(:first-child) {
	padding-left: 1em!important;
}
.price-area > .row-bb.row-bb-left,
.price-area > .price-row.row-bb-left {
	padding-left: 0!important;
}
.payment_btn_toggle {
	margin: 2rem 0 0;
    display: inline-block;
}
.payment_btn_toggle::after{
	margin-left: 1rem;
	content: url('../images/signup/native_plan/icon_arrow_down.svg');
}
.payment_btn_toggle.open::after{
	margin-left: 1rem;
	content: url('../images/signup/native_plan/icon_arrow.svg');
}
  /* NJ-31356 start */
  .page-register .signup_form .plan_block_v2 .plan_title.bg-pink {
	background: #F16297 !important;
}

.page-register .signup_form .plan_block_v2.border-pink {
	border: 2px solid #F16297 !important;
}

.page-register .plan_content .plan_box_content1 {
	position: relative;
}

.page-register .plan_content .plan_box_content1::after {
	content: url(../images/icon/arrow-white-icon-bold.svg);
	position: absolute;
	width: 18px;
	height: 30px;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
}

.page-register .plan_content_v2 .text-line-through {
	position: relative;
}

.page-register .plan_content_v2 .text-line-through::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	border-bottom: 2px solid #949494;
	top: 22px;
}

.page-register .flex {
	display: flex;
}

.page-register .justify-between {
	justify-content: space-between;
}

.page-register .items-center {
	align-items: center;
}

.page-register .c-949494 {
	color: #949494;
}

.page-register .signup_form .plan_block .plan_content_v2 {
	padding: 16px 27px 24px;
}

.lite_plan_input_checkbox input + label {
	white-space: normal;
}

.lite_plan_input_checkbox input[type=checkbox] + label.custom-check {
	padding: 0 0 0 9.267vw;
}

/* NJ-31356 end */
/* NJ-27262 [start] */
.signup_wrap--cc{
	--border-and-header-color: #949494;
	--radio-and-tdhead-color: #fff;

	font: normal normal 600 16px/32px 'Noto Sans JP';
	color: #fff;
}
.signup_wrap--cc .page_inner{}
.signup_wrap--cc .container{
	padding: 1rem 20px;
	border-radius: 10px;
	background-color: #000;
}
.signup_wrap--cc #main{
	color: #fff;
}
.signup_wrap--cc #main > h2{
	font-size: 32px;
	line-height: 50px;
	color: inherit;
	font-weight: 600;
}
.signup_wrap--cc #main > small{
	font-size: 12px;
	line-height: 24px;
	color: inherit;
}
.signup_wrap--cc #main .center_content,
.signup_wrap--cc #main .center_content table{
	margin: 20px auto 0;
	max-width: 400px;
	text-align: center;
	color: inherit;
}
.signup_wrap--cc #main .center_content{
	margin-top: 30px;
}
.signup_wrap--cc #main .center_content #annual{
	margin-top: 50px;
}
.signup_wrap--cc #main .center_content #monthly3{
	margin-block: 50px;
}
.signup_wrap--cc #main .center_content section.active,
.signup_wrap--cc #main .center_content section h2{
	--radio-and-tdhead-color: #F1892B;
}
.signup_wrap--cc #main .center_content #monthly1.active,
.signup_wrap--cc #main .center_content #monthly1 h2{
	--border-and-header-color: #EFAE00;
}
.signup_wrap--cc #main .center_content #monthly2.active,
.signup_wrap--cc #main .center_content #monthly2 h2{
	--border-and-header-color: #00B199;
}
.signup_wrap--cc #main .center_content #monthly3.active,
.signup_wrap--cc #main .center_content #monthly3 h2{
	--border-and-header-color: #F16297;
}
.signup_wrap--cc #main .center_content #annual.active,
.signup_wrap--cc #main .center_content #annual h2{
	--border-and-header-color: #00B199;
}
.signup_wrap--cc #main .center_content section h2{
	font-size: 25px;
	color: var(--border-and-header-color);
}
.signup_wrap--cc #main .center_content section table{
	border: 2px solid var(--border-and-header-color);
	width: 100%;
}
.signup_wrap--cc #main .center_content section table th{
	position: relative;
	padding: 8px;
	font-size: 18px;
	background-color: var(--border-and-header-color);
	color: #fff;
}
.signup_wrap--cc #main .center_content section table th::before{
	content: "";
	position: absolute;
	top: 17px;
	left: 15px;
	width: 8px;
	height: 8px;
	border: 4px solid #fff;
	padding: 4px;
	border-radius: 50%;
	background-color: var(--radio-and-tdhead-color);
}
.signup_wrap--cc #main .center_content section table td{
	padding-block: 15px 22px;
	font-size: 16px;
	font-weight: 600;
}
.signup_wrap--cc #main .center_content section table td p{
	font-size: 15px;
}
.signup_wrap--cc #main .center_content section table td p:first-of-type,
.signup_wrap--cc #main .center_content section table td p:last-of-type{
	font-size: 16px;
}
.signup_wrap--cc #main .center_content section table td p:nth-of-type(3){
	font-size: 25px;
    font-weight: 800;
    font-family: 'Noto Sans';
}
.signup_wrap--cc #main .center_content section table td p small{
	font-size: 12px;
	line-height: 28px;
	font-weight: 600;
}
.signup_wrap--cc #main .center_content section table td p:last-of-type{
	margin-top: 10px;
	line-height: 28px;
}
.signup_wrap--cc #main .center_content section table td p strong{
	font-size: 40px;
	margin-right: 5px;
	font-family: 'Noto Sans';
	font-weight: 800;
}
.signup_wrap--cc #main .center_content section.active table td{
	color: #fff;
}
.signup_wrap--cc #main .center_content section.active table td p:first-of-type{
	color: var(--radio-and-tdhead-color);
}
.signup_wrap--cc #main .center_content #monthly3 td p:last-of-type small,
.signup_wrap--cc #main .center_content #monthly3 td > small{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}
.signup_wrap--cc #main .center_content #annual td > a{
	display: block;
	text-align: center;
	margin: 20px auto 0;
	font-size: 18px;
	color: #fff !important;
	background-color: #949494;
	border: 2px solid #949494;
	border-radius: 100px;
	max-width: 240px;
	text-decoration: none;
	padding: 5px;
	font-weight: 800;
}
.signup_wrap--cc #main .center_content #annual td > a:hover{
	opacity: 1 !important;
	background: transparent;
	color: #949494 !important;
}
.signup_wrap--cc #main .center_content #annual td > a small{
	font-size: 15px;
	font-weight: 600;
}
.signup_wrap--cc #main .center_content #annual.active td > a{
	background-color: #FF3661;
	border-color: #FF3661;
}
.signup_wrap--cc #main .center_content #annual.active td > a:hover{
	background-color: transparent;
	color: #FF3661 !important;
}
.signup_wrap--cc #main .center_content #annual > a{
	margin-block: 15px 30px;
}
.signup_wrap--cc #main .center_content #monthly3 td > small{
	display: block;
	margin-top: 10px;
}
.signup_wrap--cc #main a{
    display: block;
    max-width: max-content;
	margin-block: 50px;
    margin-left: auto;
	color: #00ACEE !important;
	text-decoration: underline;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
.signup_wrap--cc #main a:hover{
	opacity: 0.8 !important;
}
.signup_wrap--cc #main a img{
	opacity: 1 !important;
	margin-left: 10px;
	width: 12px;
}
.signup_wrap--cc .bottom_line{
	color: #000;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}
/* NJ-27262 [end] */

  /* NJ-31356 start */
  .page-register .signup_form .plan_block_v2 .plan_title.bg-pink {
	background: #F16297 !important;
}

.page-register .signup_form .plan_block_v2.border-pink {
	border: 2px solid #F16297 !important;
}

.page-register .plan_content .plan_box_content1 {
	position: relative;
}

.page-register .plan_content .plan_box_content1::after {
	content: url(../images/icon/arrow-white-icon-bold.svg);
	position: absolute;
	width: 18px;
	height: 30px;
	right: -30px;
	top: 50%;
	transform: translateY(-50%);
}

.page-register .plan_content_v2 .text-line-through {
	position: relative;
}

.page-register .plan_content_v2 .text-line-through::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	border-bottom: 2px solid #949494;
	top: 22px;
}

.page-register .flex {
	display: flex;
}

.page-register .justify-between {
	justify-content: space-between;
}

.page-register .items-center {
	align-items: center;
}

.page-register .c-949494 {
	color: #949494;
}

.page-register .signup_form .plan_block .plan_content_v2 {
	padding: 16px 27px 24px;
}

.lite_plan_input_checkbox input + label {
	white-space: normal;
}

.lite_plan_input_checkbox input[type=checkbox] + label.custom-check {
	padding: 0 0 0 9.267vw;
}

/* NJ-31356 end */
/* NJ-27262 [start] */
.signup_wrap--cc .page_breadcrumbs_2{
	display: block;
	border-bottom: 0;
	padding: 0;
	margin-bottom: 52px !important;
}
.signup_wrap--cc .page_breadcrumbs_2 ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.signup_wrap--cc .page_breadcrumbs_2 ul li:first-child img{
	rotate: 180deg;
}
.signup_wrap--cc .page_breadcrumbs_2 li::after{
	display: none;
}
#chocotto_plan{
	margin-top: 50px;
}
#chocotto_plan h4.t_center.fs_25.fw_b.t_c_EFAE00{
	color: #EFAE00;
}
#chocotto_plan .chocotto_plan_block.active{
	border-color: #EFAE00;
}
#chocotto_plan .chocotto_plan_block.active > p{
	background: #EFAE00;
}
.signup_wrap--cc #main a{
	color: #3478F6;
	text-decoration: none;
}
.signup_wrap--cc .bottom_line{
	color: #fff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
}
/* NJ-27262 [end] */

/* NJ-38158 */
.form-error {
	--__err-color: #ED1212;
	border: 1px solid var(--__err-color) !important;
}

.ui_msg_style_1.bg-red,
.ui_msg_style_1.bg-red,
.error-bg-red {
	--__err-color: #ED1212;
	background: transparent !important;
	color: var(--__err-color) !important;
	border: 1px solid var(--__err-color);
}

.form-note {
	color: #999999;
	font-size: 1.4rem;
	line-height: 1.8;
	position: relative;
	padding-left: 2rem;
}

.form-note::before{
	content: '※';
	position: absolute;
	left: 0;
	top: 0;
}

 /* NJ-38158 Start */

 .register_error_msg {
	margin-top: 10px;
	line-height: 20px;
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}

.register_error_msg span {
	position: absolute;
  	left: 0;
}

.register_error {
	border: 1px solid #F84F63;
	color: #F84F63;
	border-radius: 2px;
	margin-bottom: 4px;
	margin-top: 4px;
	padding: 8px;
	font-size: 14px;
}

/* NJ-38158 End */