/*-------------------------------------------------------*/
/* cs_unsubscribe page style
/*-------------------------------------------------------*/
.unsubscribe_wrap .page_top_area_wrap{
	margin-bottom: 15px;
}
.unsubscribe_wrap .container{
	padding: 30px 30px;
	width: 900px;
}
.unsubscribe_wrap .container .sec_wrap{
	width: 100%;
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 15px;
}
.unsubscribe_wrap .container .sec_wrap .t_1 small{
	font-size: 1.4rem;
}
.unsubscribe_wrap .agree_wrap{
	margin-bottom: 20px;
}
.unsubscribe_wrap .agree_wrap ul{
	padding-left: 0.7em;
}
.unsubscribe_wrap .agree_wrap li{
	margin-bottom: 10px;
	text-indent: -2.5em;
}
.unsubscribe_wrap .agree_wrap li label{
	cursor: pointer;
}
.unsubscribe_wrap .btn_style.disable{
	color: #999 !important;
}

.unsubscribe_wrap .reason_wrap{
	margin-top: 25px;
	margin-bottom: 25px;
}
.unsubscribe_wrap .reason_wrap .ttl_sub{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #777;
	margin-bottom: 10px;
}
.unsubscribe_wrap .reason_wrap .select_status{
	padding: 20px 30px 20px;
}
.unsubscribe_wrap .reason_wrap .select_status label{
	display: inline-block;
	margin-right: 60px;
}
.unsubscribe_wrap .box_gray{
	padding: 20px;
	background: #fcfcfc;
	border-radius: 8px;
}
.unsubscribe_wrap .box_blue{
	padding: 20px;
	background: #f2fbff;
	border-radius: 8px;
}
.unsubscribe_wrap .form_item + .form_item{
	margin-top: 15px;
}
.unsubscribe_wrap .form_sub_item + .form_sub_item{
	margin-top: 15px;
}
.unsubscribe_wrap .reason_cat_ttl{
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}
.unsubscribe_wrap .reason_cat_ttl:before{
	content: '・';
}
.unsubscribe_wrap .reason_wrap ul{
	padding: 15px 0 15px 25px;
	margin-right: -25px;
}
.unsubscribe_wrap .reason_wrap ul li{
	line-height: 2;
	width: 49%;
	display: inline-block;
	box-sizing: border-box;
}
.unsubscribe_wrap .reason_wrap ul li label{
	font-size: 14px;
	font-size: 1.4rem;
	cursor: pointer;
}
.unsubscribe_wrap .reason_wrap ul li input[type='radio']{
	margin:3px 0.5em 5px 5px;
}
.unsubscribe_wrap .reason_wrap textarea{
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	font: inherit;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
}
.unsubscribe_wrap .border_yellow{
	border: #f1890e 2px solid;
    padding: 20px;
    width: 80%;
    margin: auto;
}


/*-------------------------------------------*/
/* cs_unsubscribe confirm
/*-------------------------------------------*/
.unsubscribe_wrap.confirm_wrap .msg_wrap{
	margin-top: 20px;
	margin-bottom: 30px;
}
.unsubscribe_wrap.confirm_wrap .msg_wrap p{
	line-height: 2;
	font-size: 16px;
	font-size: 1.6rem;
}
.unsubscribe_wrap.confirm_wrap .btn_wrap{
	margin-bottom: 20px;
}

/*-------------------------------------------*/
/* cs_unsubscribe complete
/*-------------------------------------------*/
.unsubscribe_wrap.complete_wrap .msg_wrap{
	margin: 20px auto 0;
	width: 90%;
}
.unsubscribe_wrap.complete_wrap .msg_wrap p{
	line-height: 2;
	font-size: 16px;
	font-size: 1.6rem;
}
.unsubscribe_wrap.complete_wrap .btn_wrap{
	margin-bottom: 20px;
}
.unsubscribe_wrap.complete_wrap .sec_re-register{
	 width: 90%;
	 margin: 0 auto;
}
.unsubscribe_wrap.complete_wrap .sec_re-register dl{
	margin-bottom: 20px;
}
.unsubscribe_wrap.complete_wrap .sec_re-register dl dt{
	text-indent: -2rem;
	padding-left: 2rem;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: bold;
}
.unsubscribe_wrap.complete_wrap .sec_re-register dl dt:before{
	content: 'Q. ';
	display: inline;
	color: #16A9B2;
	font-weight: bold;
}
.unsubscribe_wrap.complete_wrap .sec_re-register dl dd{
	text-indent: -2rem;
	padding-left: 2rem;
	margin-bottom: 10px;
	line-height: 1.5;
}
.unsubscribe_wrap.complete_wrap .sec_re-register dl dd:before{
	content: 'A. ';
	display: inline;
	color: #F14444;
	font-weight: bold;
}
.unsubscribe_wrap.complete_wrap .sec_header h3{
	border-bottom: 2px solid #e8e8e8;
    padding-bottom: 20px;
    width: 65%;
    margin: 0 auto;
	font-weight: bold;
}
.unsubscribe_wrap.complete_wrap .sec_re-register h3{
	text-align: center;
	padding: 12px 0;
	background-color: #16A9B2;
	color: #FFF;
	margin-bottom: 20px;
}
.unsubscribe_wrap.complete_wrap .sec_re-register h4{
	color: #16A9B2;
}

/*-------------------------------------------*/
/* trial campaign desc
/*-------------------------------------------*/
.unsubscribe_wrap.trial_campaign_desc_wrap {
	text-align: center;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap {
	border-bottom: none;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .page_inner p{
	font-size: 18px;
	font-size: 1.8rem;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .page_ttl {
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: normal;
	line-height: 1.5;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .contact_info {
	margin: 0 auto;
	padding: 20px 0;
	width: 95%;
	border: 1px solid #d9f3fe;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .contact_info dl{
	display: table;
	margin: 0 auto;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .contact_info dd{
	display:table-cell;
	/* width: 50%; */
	padding: 0 15px 0 10px;
	vertical-align: middle;
	font-size: 20px;
	font-size: 2.0rem;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .contact_info dd + dd{
	padding-left: 0;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .contact_info dd i {
	font-size: 35px;
	font-size: 3.5rem;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .test {
	/* border: solid 3px #57e1e3;
	width: 765px;*/
	margin: 0 auto;
	padding:5px 0;
	background: #f9b104;
	color: #fff;
	width: 365px;
	display: inline-block;
	font-size: 22px;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .test:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-right: 21px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 22px solid #fff;
    position: absolute;
/*     right: -60px;
    top: 50%; */
    margin-left: -95px;
	margin-top: -5px;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .test:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-right: 22px solid #fff;
    border-bottom: 22px solid transparent;
    border-left: 24px solid transparent;
    position: absolute;
/*     right: -60px;
    top: 50%; */
    margin-left: 51px;
	margin-top: -5px;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .border_yellow{
	width: 85%;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_notice .ui_notice_list.notice_box{
	padding: 1.5rem;
	border: 1px solid #ddd;
	margin: 0 1.5rem;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .ui_notice_list.notice_box.box_style_1{
	border: 2px solid #ddd;
	border-radius: 5px;
}
.deactivation_campaign_complete_wrap .sec_header h3{
	border-bottom: 2px solid #e8e8e8;
	line-height: 1.5;
    padding-bottom: 15px;
    width: 65%;
    margin: 0 auto;
}

/*-------------------------------------------*/
/* account_deactivation_pre_confirm
/*-------------------------------------------*/
.c_red{ color: #f14444 !important; }
.c_blood-orange{ color: #ef6b4f !important; }
.deactivation_pre_confirm_wrap.can_register .container{
	padding: 0px 0px 30px;
}
.deactivation_pre_confirm_wrap.cannot_register .sec_header{
	background: url('../images/unsubscribe/main_bg.png') no-repeat center center;
	padding: 0px 50px;
	margin-top: 10px;
	color: #FFF;
	height: 150px;
}
.deactivation_pre_confirm_wrap .container .sec_header{
	padding: 50px 0 45px;
}
.deactivation_pre_confirm_wrap .sec_caution_reminder_mail{
	background: url('../images/unsubscribe/sec_caution_reminder_bg.png') no-repeat center center;
	background-size: cover;
	padding: 30px 50px;
	position: relative;
	margin-bottom: 60px; 
}
.deactivation_pre_confirm_wrap .sec_caution_reminder_mail .position_right{
	position: absolute;
	right: 95px;
	top: 15px;
}
.deactivation_pre_confirm_wrap .bdr_btm_orange{
	display: inline-block;
	border-bottom: #ffe2bc 4px solid;
}
.deactivation_pre_confirm_wrap .container{
	margin-top: 0;
    border-radius: 0px 0px 5px 5px;
}
.deactivation_pre_confirm_wrap .sec_caution_unable_things .d_cell{
	width: 50%;
	padding: 30px 45px 0;
}
.deactivation_pre_confirm_wrap .sec_caution_unable_things .d_cell:first-child{
	border-right: #ffe2bc 4px solid;
}
.deactivation_pre_confirm_wrap .sec_caution_unable_things .right_box_caution{
	position: relative;
}
.deactivation_pre_confirm_wrap .sec_caution_unable_things .right_box_caution .recieve_mail{
	position: absolute;
	right: 0;
	left: 0
}
.deactivation_pre_confirm_wrap .sec_caution_unable_things .right_box_caution .ui_notice{
	position: absolute;
	bottom: 30px;
	right: 60px;
}
.deactivation_pre_confirm_wrap .sec_register_reminder{
	position: relative;
	padding: 35px 10px 10px;
	margin: 0 20px 60px;
	border: #ffe2bc 4px solid;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
}
.deactivation_pre_confirm_wrap .sec_register_reminder dl{
	display: table;
	width: 99%;
	margin: 0 auto;
}
.deactivation_pre_confirm_wrap .sec_register_reminder dt,
.deactivation_pre_confirm_wrap .sec_register_reminder dd{
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
}
.deactivation_pre_confirm_wrap .sec_register_reminder dt{
	background: #092846;
	color: #fff;
	font-weight: bold;
	padding: 12px 20px;
	width: 38%;
}
.deactivation_pre_confirm_wrap .sec_register_reminder dd{
	background: #fff;
	color: #03c9a9;
	padding: 12px 20px;
	border: #092846 1px solid;
	text-align: left;
	vertical-align: middle;
	line-height: 1.5;
}
.deactivation_pre_confirm_wrap .sec_register_reminder .btn_green{
	box-shadow: 0 -2px 0 0 rgba(0,0,0,0.2) inset;
}

.deactivation_pre_confirm_wrap .sec_header p:first-child{
	padding-top: 38px;
}
.deactivation_pre_confirm_wrap h4{
	width: 600px;
	margin: 0 auto 30px;
	border-bottom: #e8e8e8 solid 3px;
	padding: 0 0 15px;
	text-align: center;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: normal;
}
.deactivation_pre_confirm_wrap .sec_service_limit p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.7;
}
.deactivation_pre_confirm_wrap .container .sec_wrap{
	border-top: none;
	border-bottom: 2px solid #f5f5f5;
    margin-bottom: 35px;
	padding: 0 0 35px;
}
.deactivation_pre_confirm_wrap .sec_caution p{
	border: #ffe4e4 3px solid;
	background: #fff8f9;
	font-size: 18px;
	font-size: 1.8rem;
	border-radius: 5px;
	padding: 20px;
}
.deactivation_pre_confirm_wrap .sec_stop_service{
	border-top: none;
}
.deactivation_pre_confirm_wrap .sec_stop_service .lesson_now,
.deactivation_pre_confirm_wrap .sec_stop_service .lesson_reserved{
	display: inline-block;
	padding: 0 30px;
}
.deactivation_pre_confirm_wrap .sec_stop_service .stop_service_wrap p{
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 15px;
}

.deactivation_pre_confirm_wrap .sec_stop_service .lesson_now p{
	color: #00b7ee;
}
.deactivation_pre_confirm_wrap .sec_stop_service .lesson_now figure{
	border: #00b7ee solid 4px;
	border-radius: 5px;
	padding: 15px;
}
.deactivation_pre_confirm_wrap .sec_stop_service .lesson_reserved p{
	color: #03c9a9;
}
.deactivation_pre_confirm_wrap .sec_stop_service .lesson_reserved figure{
	border: #03c9a9 solid 4px;
	border-radius: 5px;
	padding: 15px;
}

.deactivation_pre_confirm_wrap .sec_reconfirm h4{
	color: #ec3a4a;
	border-bottom: #ec3a4a 3px solid;
}

.unsubscribe_wrap .sec_cs{
    margin: 0 auto;
    padding: 30px 0;
    width: 95%;
    border: 1px solid #d9f3fe;
	background: #f2fbff;
}
.unsubscribe_wrap .btn_indigo-blue{
	background: #092846;
	border: none !important;
    color: #fff;
    text-shadow: none;
}
.unsubscribe_wrap .btn_indigo-blue:hover{
	opacity: 0.7;
}
/* modal */
.dialog_reminder_mail{
	min-width: 900px;
}
.dialog_reminder_mail .bdr_orange{
	border-top: #ffe2bc 2px solid;
	border-bottom: #ffe2bc 2px solid;
	padding: 15px 0; 
}
.dialog_reminder_mail dl{
	display: table;
	width: 100%;
}
.dialog_reminder_mail dt,
.dialog_reminder_mail dd{
	display: table-cell;
	font-size: 18px;
	font-size: 1.8rem;
}
.dialog_reminder_mail dt{
	font-weight: bold;
	padding: 10px 5px;
	width: 40%;
	text-align: right;
	vertical-align: middle;
}
.dialog_reminder_mail dd{
	background: #fff;
	color: #03c9a9;
	padding: 10px 20px;
	text-align: left;
}
.dialog_reminder_mail .input_mail_address_area{
	margin: 30px 0;
}
.dialog_reminder_mail dd input{
	width: 85%;
}
.dialog_reminder_mail .btn_style{
	box-shadow: 0 -2px 0 0 rgba(0,0,0,0.2) inset;
}
.dialog_reminder_mail input{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*-------------------------------------------*/
/* for trial user
/*-------------------------------------------*/
.deactivation_preconf_trial_wrap .sec_notice p{
	margin-bottom: 10px;
	line-height: 1.5;
}
/*-------------------------------------------*/
/* deactivation quest
/*-------------------------------------------*/
.unsubscribe_wrap.deactivation_quest .form_reason{
	 margin: 0 auto;
	 width: 70%;
}
.unsubscribe_wrap.deactivation_quest .form_reason textarea{
	width: 95%;
	background-color: #fff;
}
.unsubscribe_wrap.deactivation_quest .disabled{
	pointer-events: none;
}
.unsubscribe_wrap.deactivation_quest .msg_wrap h3{
	border-bottom: 2px solid #e8e8e8;
	line-height: 1.5;
    padding-bottom: 15px;
    width: 65%;
    margin: 0 auto;
}
/*-------------------------------------------*/
/* deactivation reminder complete
/*-------------------------------------------*/
.deactivation_reminder_complete_wrap p{
	font-size: 18px;
	font-size: 1.8rem;
}
.deactivation_reminder_complete_wrap .sec_reminder_info dl{
	width: 50%;
	margin: 0 auto;
}
.deactivation_reminder_complete_wrap .sec_reminder_info dt,
.deactivation_reminder_complete_wrap .sec_reminder_info dd{
	font-size: 18px;
	font-size: 1.8rem;
}
.deactivation_reminder_complete_wrap .sec_reminder_info dt{
	background: #092846;
	color: #fff;
	font-weight: bold;
	padding: 20px;
}
.deactivation_reminder_complete_wrap .sec_reminder_info dd{
	background: #fff;
	color: #03c9a9;
	padding: 20px;
	border: #092846 1px solid;
}
.deactivation_reminder_complete_wrap .sec_header h3 {
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 20px;
    width: 65%;
    margin: 0 auto;
}
/*-------------------------------------------*/
/* deactivation error
/*-------------------------------------------*/
.unsubscribe_wrap{
	padding: 15px 0;
}
.unsubscribe_wrap.deactivation_error .msg_wrap h3{
	border-bottom: 2px solid #e8e8e8;
	line-height: 1.5;
	padding-bottom: 15px;
	width: 80%;
	margin: 0 auto;
}
/* simple ver. */
.unsubscribe_wrap .page_inner{
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
}
.unsubscribe_wrap .container{
	border-top: none;
	padding: 3rem 7rem 0;
	box-shadow: none;
	margin: 1rem auto 0;
}
.unsubscribe_wrap .box_ttl{
	color:#092846;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	background:#EBF5FF;
	text-align:center;
	padding:1.5rem 0;
	border: solid 1px #d6e3f0;
	border-bottom: none;
}
.unsubscribe_wrap.deactivation_pre_confirm_wrap .desc_text{
	width: 660px;
	margin: auto;
}
.unsubscribe_wrap .box-lightblue{
	border: solid 4px #A4D2FF;
	background: #ECF5FE;
	border-radius: 5px;
	padding: 2rem;
	width: 660px;
	box-sizing: border-box;
	margin: auto;
}
.unsubscribe_wrap.deactivation_quest .container .sec_wrap{
	border-bottom: none;
}
.unsubscribe_wrap.deactivation_pre_confirm_wrap .btn_half .btn_style,
.unsubscribe_wrap.deactivation_quest .btn_half .btn_style{
    min-width: 280px;
}
/* coupon */
.unsubscribe_wrap .coupon_img_1 > img {
	display: block;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}
.unsubscribe_wrap .coupon_img_2 > img {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
/* options */
.nc-option-pages .img_wrap img{
	width: auto;
	display: inline;
}
.nc-option-pages .page_breadcrumbs_2{
	padding: 17px 0 10px;
	margin: auto;
}
.nc-option-pages .container .sec_header{
	padding: 45px 0;
}
.nc-option-pages .container .sec_header .c-orange{
	color: #EF6B4F;
}
.nc-option-pages .btn-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.nc-option-pages .btn-wrap .btn_style + .btn_style{
	margin-left: 30px;
}
.nc-option-pages .btn-wrap .btn_style{
	width: 310px;
	box-sizing: border-box;
}
/* family */
.page_wrap-family .container .sec_header .c-orange{
	color: #EF6B4F;
}
.page_wrap-family .btn-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_wrap-family .btn-wrap .btn_style + .btn_style{
	margin-left: 30px;
}
.page_wrap-family .btn-wrap .btn_style{
	width: 310px;
	box-sizing: border-box;
}
.page_wrap-family .d_flex .family_user_detail,
.page_wrap-family .d_flex .notice-area{
	width: 50%;
}
/* family owner unsubscribe alert */
.alert--family-rep-unsubscribe,
.alert--family-rep-unsubscribe * {
	box-sizing: border-box;
}
.alert--family-rep-unsubscribe .alert--inner {
	background-color: #FBDCD9;
	padding: 3rem 4rem;
	border: 2px solid #F05444;
	border-radius: .5rem;
}
.alert--family-rep-unsubscribe .alert--title.red {
	color: #F05444;
}

/* NJ-15759 start */
.deactivation_final__confirm .container .sec_header {
    padding: 2rem 0 1rem;
}
.deactivation_final__confirm .page_inner {
	background: #fff
}
.deactivation_final__confirm .container {
	padding: 5rem 0;
	width: 658px;
}
.deactivation_final__confirm .video_box_wrap {
	width: 100%;
}
/* .back-btn-wrap {
	margin-top: 3rem;
} */
.btn-back.t_link.td_none {
	text-decoration: none !important;
}
.btn-back.t_link:before,
.next-btn-wrap .btn-next.t_link:after {
    content: "";
    width: 8px;
    height: 8px;
    border: transparent 2px solid;
    border-top-color: #00acee;
    border-left-color: #00acee;
    transform-origin: 45% center;
    transform: rotate(-45deg);
    border-radius: 0 0 0 1px;
    margin-right: 3px;
    display: inline-block;
}
.next-btn-wrap .btn-next.t_link:after{
    transform: rotate(135deg);
}
.btn-back.t_link:hover:before,
.next-btn-wrap .btn-next.t_link:hover:after {
    border-top-color: #3dc8ff;
    border-left-color: #3dc8ff;
}
.btn_final_class_confirm {
	display: flex;
	justify-content:center;
	align-items: center;
}
.deactivation_final__confirm.final_counseling_confirm .container {
    width: 640px;
}
.deactivation_final__confirm.final_counseling_confirm .btn_final_class_confirm li {
	width: 45%;
}
.deactivation_final__confirm.final_counseling_confirm .btn_final_class_confirm .btn_style{
    min-width: auto;
    width: 100%;
}
.deactivation_pre_confirm_wrap .list_w_icon {
	width: max-content;
	margin: 2.4rem auto 1.6rem;
}
.deactivation_pre_confirm_wrap .list_w_icon [class^=ng_icon_] {
	position: relative;
}
.deactivation_pre_confirm_wrap .list_w_icon [class^=ng_icon_]::before {
	content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.deactivation_pre_confirm_wrap .list_w_icon .ng_icon_lesson::before {
	background-image: url('../images/deactivation/ng_lesson.svg');
}
.deactivation_pre_confirm_wrap .list_w_icon .ng_icon_calendar::before {
	background-image: url('../images/deactivation/ng_calendar.svg');
}
.deactivation_pre_confirm_wrap .list_w_icon .ng_icon_family::before {
	background-image: url('../images/deactivation/ng_family.svg');
}
.deactivation_pre_confirm_wrap .list_w_icon ul li {
	min-height: 50px;
	padding-left: 5rem;
	line-height: 25px;
	display: flex;
	align-items: center;
}
.deactivation_pre_confirm_wrap .list_w_icon ul li:not(:last-child) {
	margin-bottom: 1.8rem;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap {
	background-color: #fff8eb;
	border: 1px solid #dba911;
	border-radius: 5px;
	padding: 1.6rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 65rem;
	box-sizing: border-box;
	justify-content: center;
	margin: 0 auto;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap .recording_notice_icon {
	flex-shrink: 0;
	width: 2.8rem;
	height: 2.8rem;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.5;
	color: #ab8c0c;
	margin: 0;
	white-space: nowrap;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap p:before {
    content: "";
    display: inline-block;
    width: 2.2rem;
    height: 1.9rem;
    background: url("https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/deactivation/warning-fill.svg") center / contain no-repeat;
    margin-right: 8px;
    vertical-align: middle;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link:before {
	content: "";
	display: inline-block;
	width: 2.5rem;
	height: 2.5rem;
	background: url("https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/deactivation/question-icon.svg") center / contain no-repeat;
	position: relative;
	right: 5px;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link:after {
	content: "";
	display: inline-block;
	width: 1.4rem;
	height: 1.4rem;
	background: url("https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/deactivation/ref-link.svg") center / contain no-repeat;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 4rem auto;
	width: 65rem;
	box-sizing: border-box;
	justify-content: center;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_icon {
	flex-shrink: 0;
	width: 3.2rem;
	height: 3.2rem;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link {
	display: flex;
	align-items: center;
	gap: 4px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: normal;
	color: #00acee;
	text-decoration: underline;
	white-space: nowrap;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link:hover {
	opacity: 0.8;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .external_icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}
.deactivation_pre_confirm_wrap .list_w_icon.notice {
    width: 65rem;
	box-sizing: border-box;
    border: 1px solid #F14444;
    padding: 2.8rem 4rem;
    background: #FFF3F1;
    border-radius: 5px;
}
.deactivation_pre_confirm_wrap .list_w_icon.notice p {
	margin-bottom: 2.25rem;
}
.sec_reconfirm .btn_wrap .btn_style.btn_green {
    font-weight: normal;
    width: 30rem;
    box-sizing: border-box;
    line-height: 5rem;
    height: 5rem;
}
.trial_campaign_desc_wrap .page_inner {
	background: #fff;
}
.trial_campaign_desc_wrap .container {
	padding: 5rem 0;
	width: 956px;
}
.trial_campaign_desc_wrap .container .sec_notice_con {
	width: 683px;
	margin: auto;
}
.btns_click_confirm {
    display: flex;
    justify-content: center;
    align-items: center;
}
.btns_click_confirm li {
    width: 45%;
}
.btns_click_confirm li .btn_style{
    min-width: auto;
    width: 100%;
}
.deactivation_final__confirm.change_plan_confirm .container {
    width: 640px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container {
	width: 400px;
	margin: 0 auto;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan {
	border: 2px solid #f16297;
	text-align: center;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan h4 {
    background: #f16297;
    color: white;
	font-size: 28px;
	font-weight: bold;
    padding: 15px 10px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content {
	padding: 15px 15px 25px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .main_con{
	font-size: 48px;
    font-weight: bold;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .main_con span{
	font-size: 24px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .sub_con{
    font-weight: bold;
    font-size: 16px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .sub_con span{
    font-size: 24px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .lower_con{
    font-size: 20px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .btn_box_link {
	background: #ff3661;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
    border-radius: 100px;
    width: 270px;
    min-width: unset;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .btn_box_link span {
	font-size: 24px;
}
.deactivation_final__confirm.change_plan_confirm .btn-back.t_link {
	text-decoration: underline !important;
}
.box_sec__plan_container .back-btn-wrap {
	position: relative
}
.box_sec__plan_container .btn-next.t_link {
	text-decoration: underline !important;
	padding-right: 20px
}
.box_sec__plan_container .btn-next.t_link:before {
    content: "";
    width: 8px;
    height: 8px;
	position: absolute;
	right:0;
    border: transparent 2px solid;
    border-top-color: #00acee;
    border-left-color: #00acee;
    transform-origin: 45% center;
    transform: rotate(135deg);
    border-radius: 0 0 0 1px;
    margin-right: 3px;
    display: inline-block;
}
.box_sec__plan_container .btn-next.t_link:hover:before {
    border-top-color: #3dc8ff;
    border-left-color: #3dc8ff;
}
.deactivation_complete .msg_wrap h3 {
	border-bottom: 0 !important;
}
.deactivation_complete .msg_wrap .sub_msg_wrap span {
	color: #F1890E;
	font-weight: bold;
}
.deactivation_complete .page_inner {
	background: #fff
}
.deactivation_complete .container {
    width: 441px;
    padding-left: 0;
	padding-right: 0;
}
.deactivation_complete .box_sec__info {
	display: flex;
}
.deactivation_complete .box_sec__info .info_img_1 {
	width: 103px
}
.deactivation_complete .box_sec__info .info_img_2 {
	width: 231px
}
.deactivation_complete .box_sec__info [class^=info_img] img {
	width: 100%;
}
.deactivation_complete .box_sec__info_content.info_content_1 {
	width: 290px;
    margin-left: 2rem;
}
.deactivation_complete .box_sec__info_content.info_content_2 {
	width: 175px;
	margin-top: 19px;
}
.deactivation_complete .box_sec__info_content.info_content_2 p {
	line-height: 26px !important;
	margin-bottom: 30px;
	padding: 0 5px;
	font-family: 'Noto Sans JP', sans-serif;
}
.deactivation_complete .box_sec__info_content.info_content_2 ul li:first-child{
	margin-bottom: 20px;
}
.deactivation_complete .box_sec__info_content  p span {
	color: #F86745;
	font-weight: bold;
}
.deactivation_complete .box_sec__info_content img {
	width: 100%
}
.j_c_center {
	justify-content: center;
}
.deactivation_complete .box_sec__info_content .info_content_list li {
	display: flex;
	align-items: flex-start;
}
.deactivation_complete .box_sec__info_content .info_content_list li > b {
	line-height: 35px;
	color: #F86745
}
.deactivation_complete .box_sec__info_content .info_content_list li p {
	padding-left: 1rem;
}
.ws_nowrap {
	white-space: nowrap;
}

/* floating bar on bottom-right */
.toggle-float-bar--wrap {
	bottom: 132px;
	width: 300px;
	transition: top .1s ease-in-out;
	display: none;
}
.toggle-float-bar--wrap .toggle-float-btn {
	width: 100%;
}
.toggle-float-bar--wrap .toggle-float-btn span {
	color: #000;
	line-height: 20px;
	font-size: 1.4rem;
}
.toggle-float-bar--wrap .toggle-float-btn .flb-tab{
	padding: 0 .9rem 0 2.2rem;
	border-radius: 2px;
	display: flex;
	height: 50px;
	position: relative;
	cursor: pointer;
}
.toggle-float-bar--wrap .flb-tab .flb-tab-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.toggle-float-bar--wrap .toggle-float-btn.flb-lesson-gacha .flb-tab {
	background:#F1890E;
}
.toggle-float-bar--wrap .toggle-float-btn .flb-tab .flb-tab-label {
	display: flex;
	align-items: center;
}
.toggle-float-bar--wrap .toggle-float-btn.flb-lesson-gacha .flb-tab .flb-tab-label span {
	color: #fff;
	padding-right: 3rem;
	white-space: break-spaces;
	width: 190px;
}
.toggle-float-bar--wrap .toggle-float-btn .flb-tab .flb-tab-label span {
	white-space: nowrap;
	font-size: 20px;
}
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon {
	position: relative;
	display: block;
} 
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
}
.toggle-float-bar--wrap .toggle-float-btn .flb-tab i.toggle-float-btn--icon:first-child, 
.toggle-float-bar--wrap .toggle-float-btn > a i.toggle-float-btn--icon:first-child {
	margin-right: 1rem;
	width: 40px;
	height: 33px;
}
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon.icon--gacha::before {
	background: url('../images/index/ver_3/gacha.png') no-repeat;
	background-size: contain;
}
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon.icon--roulette::before {
	content: url('../images/index/ver_3/roulette.png');
}
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon.icon--caret {
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 16px solid white;
	position: absolute;
	top: 50%;
	right: 32px;
	z-index: 9999;
	transform: translateY(-50%);
	bottom: 212%;
}
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon.icon--caret:before {
	display: none;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list {
	display: none;
	position: absolute;
	left: -18px;
	min-width: 160px;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a {
	display: block;
	align-items: center;
	padding: 1rem;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li:first-child a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li:last-child a {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li:not(:first-child) a {
	padding-top: .5rem;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li:not(:last-child) a {
	padding-bottom: .5rem;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a span {
	color: #838383;
	width: 65%;
	text-align: right;
	white-space: nowrap;
    padding-right: 1rem;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a:hover span,
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a.visited span {
	color: #F1890E;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a i.toggle-float-btn--avatar {
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #838383;
	border-radius: 50%;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a:hover i.toggle-float-btn--avatar,
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a.visited i.toggle-float-btn--avatar {
	border-color: #F1890E;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a i.toggle-float-btn--avatar.mpfl-avtr--1 {
	background: url('../images/index/ver_3/avatar-instr-1.png') center center/contain no-repeat;
}
.toggle-float-bar--wrap .toggle-float-btn--sub-list li a i.toggle-float-btn--avatar.mpfl-avtr--2 {
	background: url('../images/index/ver_3/avatar-instr-2.png') center center/contain no-repeat;
}
.toggle-float-bar--wrap .toggle-float-btn .toggle-float-btn--icon.icon--caret:hover {
	transform: translateY(-50%) rotate(180deg);
}
.toggle-float-bar--wrap .toggle-float-btn--icon.icon--caret:hover .toggle-float-btn--sub-list {
	display: block;
	padding-bottom: 3.5rem;
	transform: rotate(180deg);
	top: 120%;
}
.toggle-float-bar--wrap .toggle-float-btn--icon.icon--caret:hover .toggle-float-btn--sub-list ul {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 8px;
	background: #fff;
}
.toggle-float-bar--wrap .flb-is-active {
	position: relative;
	z-index: 9999;
}
.toggle-float-bar--wrap .toggle-float-btn--icon.icon--caret:hover .toggle-float-btn--sub-list:before {
	content: '';
	position: absolute;
	width: 105%;
	height: 80px;
	right: -10px;
	bottom: -25px;
}

/* floating bar on bottom-right */
/* NJ-15759 end */

/* NJ-36141 START */
.deactivation_final__confirm.change_plan_confirm {
	font-family: 'Noto Sans', sans-serif;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container.chocotto_camp {
	width: 650px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container.chocotto_camp .box_sec__plan {
	width: 400px;
	margin: 0 auto;
	border: 2px solid #EFAE00;
	color: #000;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container.chocotto_camp .box_sec__plan h4 {
	background: #EFAE00;
    color: white;
    font-size: 28px;
    font-weight: bold;
    padding: 15px 10px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container.chocotto_camp .box_sec__plan .sec__plan_content {
	padding: 32px 18px 32px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container.chocotto_camp .back-btn-wrap {
	margin-right: 120px;
}
/* NJ-36141 END */

/* NJ-35237 Start */
.unsubscribe_wrap.trial_campaign_desc_wrap .btns_click_confirm li .btn_style {
	height: auto;
	min-height: 25px;
	line-height: 25px;
	padding: 1.25rem;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .btns_click_confirm li {
	display: flex;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .btns_click_confirm li form {
	width: 100%;
	display: block;
}
/* NJ-35237 End */

.deactivation_complete .install_app_banner {
	width: 36rem;
	height: auto;
}

.deactivation_complete img {
	width: 16rem;
}

.deactivation_complete .app-store-badge {
	height: 4.7rem;
	margin-bottom: 1rem;
	object-fit: cover;
	border-radius: 0.5rem;
}

.deactivation_complete .app-btn-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1.5rem;
	padding-bottom: 5rem;
}

.deactivation_final__confirm.final_counseling_confirm .page_inner {
    border-radius: 1.5rem 0.5rem;
    overflow: clip;
}

.deactivation_final__confirm.final_counseling_confirm .sec_header {
    position: relative;
    background: linear-gradient(180deg, #FF6B35 0%, #EEB633 100%);
    color: #fff;
}

.deactivation_final__confirm.final_counseling_confirm .sec_header::after {
    position: absolute;
    content: '';
    width: 6rem;
    height: 6rem;
    left: 0;
    right: 0;
    margin-inline: auto;
    bottom: -3rem;
    background: linear-gradient(125deg, #efb033 0%, #eeb633 100%);
    transform: rotate(45deg);
    isolation: isolate;
    z-index: 1;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width {
    position: relative;
    display: grid;
    grid-template-areas:
        'title title'
        'desc image'
        'time image';
    grid-template-rows: repeat(3, max-content);
    grid-template-columns: repeat(2, 1fr);
    max-width: 56.4rem;
    justify-content: space-between;
    margin: 0 auto;
    z-index: 2;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width h2 {
    grid-area: title;
    align-self: center;
    margin-top: 3.9rem;
    margin-bottom: 2.5rem;
    font-size: 3rem;
    line-height: 1.5;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width h2 span {
    display: block;
    font-weight: 400;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width p {
    grid-area: desc;
    font-size: 2rem;
    width: max-content;
    align-self: end;
    margin-bottom: 1.9rem;
    line-height: 1.5;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width .free_time_trial {
    grid-area: time;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 1.5rem;
    max-width: 14.4rem;
    height: 3.5rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.34);
    border-radius: 4rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width .free_time_trial img {
    align-self: center;
    margin-right: 0.5rem;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width img {
    grid-area: image;
    align-self: end;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 2.2rem;
    border: 0.2rem solid #F1890E;
    padding: 2.8rem 4rem;
    background-color: #FFF9F2;
    border-radius: 1rem;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul li {
    display: grid;
    grid-template-areas: 
        'icon text'
        'icon subtext';
    grid-template-columns: max-content 1fr;
    column-gap: 1.2rem;
	align-items: center;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul li img {
    grid-area: icon;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul li strong {
    font-size: 2rem;
    line-height: 1.5;
    color: #333;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul li p {
    font-size: 1.8rem;
    line-height: 1.6;
    color: #6A7282;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont {
    display: flex;
    column-gap: 3.4rem;
    margin-block: 3.8rem 5.6rem;
    align-items: center;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont figure {
    display: flex;
    flex-flow: column;
    gap: 0.9rem;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont figure img {
    width: 7rem;
    align-self: center;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont figcaption {
    width: max-content;
    line-height: 1.6;
    font-size: 1.6rem;
    color: #092846;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text {
    position: relative;
    padding: 1.5rem 1.3rem 2rem 3.6rem;
    border: 1px solid #E0E0E0;
    background: #F8F8F8;
    border-radius: 1.5rem;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text::before {
    content: '';
    position: absolute;
    background: #F8F8F8;
    left: -1rem;
    top: 0;
    bottom: 0;
    margin-block: auto;
    width: 3rem;
    height: 3rem;
    transform: rotate(135deg) skew(10deg, 10deg);
    border: 1px solid #E0E0E0;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-block: auto;
    background: #F8F8F8;
    width: 6rem;
    height: 6rem;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text p,
.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text ul {
    position: relative;
    z-index: 1;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text p {
    font-size: 1.8rem;
    line-height: 1.6;
    color: #333;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text ul {
	display: flex;
    margin-top: 1.25rem;
    column-gap: 0.7rem;
}


.deactivation_final__confirm.final_counseling_confirm .page_inner .btn_final_class_confirm .btn_orange {
	background: #F1890E;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
	font-size: 2rem;
	padding: 1.5rem 1rem 1.5rem;
	line-height: 1;
	height: auto;
}