/*-------------------------------------------------------*/
/* cs_unsubscribe page style
/*-------------------------------------------------------*/
.unsubscribe_wrap {
	position: relative;
	font-family: 'Noto Sans', sans-serif;
}
.unsubscribe_wrap .page_top_area_wrap{
	margin-bottom: 15px;
}
.unsubscribe_wrap .page_inner{
	padding: 0;
}
.unsubscribe_wrap .container{
	padding: 10px 10px 20px;
	background: transparent;
	color: #fff;
	border: none;
    margin: 0;
}
.unsubscribe_wrap .container .sec_wrap{
	width: 100%;
	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 ul li .fa {
	display: none;
}
.unsubscribe_wrap .box_white{
	padding: 1.5rem 1.0rem;
	background: #fff;
	border-radius: 8px;
	color: #000;
	/* border: 1px solid #d9f3fe; */
}
a.t_link{
	text-decoration: none;
	color: #3778F1;
}
.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{
    text-align: left;
}
.unsubscribe_wrap .c_orange {
    color: #f1890e !important;
}

/* common info_wrap */
.unsubscribe_wrap .contact_info {
	margin: 0 auto;
	padding: 0rem 1rem;
	text-align: left;
	max-width: 425px;
}

.unsubscribe_wrap .contact_info li+li{
	margin-top: 1rem;
}

/*-------------------------------------------*/
/* 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 30px;
	width: 90%;
}
.unsubscribe_wrap.complete_wrap .msg_wrap figure{
	width: 60%;
    max-width: 350px;
    margin: 0 auto;
}
.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{
	 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;
	line-height: 1.5;
    padding-bottom: 5px;
    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{
	border-bottom: 2px solid #e8e8e8;
    line-height: 1.5;
    padding-bottom: 5px;
    margin: 0 auto;
}

/*-------------------------------------------*/
/* trial_campaign_desc_wrap
/*-------------------------------------------*/
.unsubscribe_wrap.trial_campaign_desc_wrap {
	text-align: center;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap {
	border-bottom: none;
	padding: 10px 0;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .page_inner p{
	font-size: 14px;
	font-size: 1.4rem;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .page_inner p a {
	text-decoration: none;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .page_breadcrumbs_2 {
	padding: 0;
	border: none;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .page_breadcrumbs_2::after {
	display: none;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .page_ttl {
	font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    text-align: left;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .page_ttl.add {
	font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    text-align: center;
	margin: auto;
	border-bottom: 1px solid #fff;
	width: fit-content;
}

.unsubscribe_wrap .sec_subwrap {
	border: 1px solid #fff;
	padding: 1.6rem;
}

.unsubscribe_wrap .sec_subwrap figure {
	display: flex;
	justify-content: center;
}

.unsubscribe_wrap .sec_subwrap figure img {
	width: 110px;
	height: auto;
}

.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .test {
	margin: 0 auto;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
}
/* .unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .test:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 2.1rem solid transparent;
    border-right: 2.1rem solid transparent;
    border-bottom: 2.2rem solid transparent;
    border-left: 2.2rem solid #fff;
    position: absolute;
    margin-left: -3.5rem;
	margin-top: -0.8rem;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .sec_wrap .test:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 2.1rem solid transparent;
    border-right: 2.2rem solid #fff;
    border-bottom: 2.2rem solid transparent;
    border-left: 2.4rem solid transparent;
    position: absolute;
    margin-left: -0.9rem;
	margin-top: -0.8rem;
} */
.deactivation_campaign_complete_wrap .sec_header h3{
	border-bottom: 2px solid #e8e8e8;
    padding-bottom: 5px;
    margin: 0 auto;
	max-width: 300px;
}
.unsubscribe_wrap .coin_images_wrap{
	width: 60%;
    max-width: 250px;
    margin: 0 auto;
}
.unsubscribe_wrap.trial_campaign_desc_wrap .ui_notice_list {
    background: transparent;
	color: #fff;
}
.unsubscribe_wrap .b_t_0_5 {
	border-top: 0.5px solid #fff;
}
.unsubscribe_wrap .b_b_0_5 {
	border-bottom: 0.5px solid #fff;
}
/*-------------------------------------------*/
/* account_deactivation_pre_confirm
/*-------------------------------------------*/
.c_red{ color: #f14444 !important; }
.c_caution{ color: #F84F63 !important; }
.deactivation_pre_confirm_wrap .page_inner{
	background: #000;
	padding: 0;
	/* padding-bottom: 50px!important; */
}
.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: 1.5rem 0 1rem 1.5rem;
}
.deactivation_pre_confirm_wrap .bdr_btm_orange{
	font-size: 16px;
	font-size: 1.6rem;
	color: #000;
	font-weight: bold;
	display: inline-block;
	border-bottom: #ffe2bc 2px solid;
}
.deactivation_pre_confirm_wrap .sec_header{
	background: url('../images/unsubscribe/tri_caution.png') no-repeat center right;
	background-color: #E2747E;
	background-size: 8rem;
	padding: 1.5rem 0 1rem 1.5rem;
	color: #FFF;
}
.deactivation_pre_confirm_wrap .container{
    border-radius: 0px 0px 5px 5px;
	border: none;
    margin: 0;
	padding: 0;
	box-shadow: none;
}
.deactivation_pre_confirm_wrap h4{
	margin: 0 auto 15px;
	border-bottom: #e8e8e8 solid 2px;
	padding: 0 0 5px;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
}
.deactivation_pre_confirm_wrap .sec_service_limit p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.deactivation_pre_confirm_wrap .container .sec_wrap{
	border: none;
}
.unsubscribe_wrap .sec_caution p{
	border: #ffe4e4 3px solid;
	background: #fff8f9;
	font-size: 12px;
	font-size: 1.2rem;
	border-radius: 5px;
	padding: 10px;
}
.unsubscribe_wrap .main_group {
	border: 1px solid #fff;
	background: transparent;
	padding: 2rem;
}
.unsubscribe_wrap .main_group figure {
	display: flex;
	justify-content: center;
}
.unsubscribe_wrap .main_group figure img {
	width: 110px;
	height: auto;
}
.deactivation_pre_confirm_wrap .sec_stop_service{
	border-top: none;
	padding: 0;
}
.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: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

.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;
	width: 14rem;
}
.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;
	width: 14rem;
}

.deactivation_pre_confirm_wrap .sec_reconfirm h4{
	color: #ec3a4a;
	border-bottom: #ec3a4a 1px solid;
	width: 70%;
}

.deactivation_pre_confirm_wrap .sec_cs{
    color: #000;
	background: transparent;
	border: none;
	padding: 0;
	line-height: 1.5;
    margin: 0 auto;
    padding: 0.6rem 1.5rem;
    border: 1px solid #d9f3fe;
	border-radius: 4px;
	background: #f2fbff;
	line-height: 1.5;
	width: 70%;
}
.deactivation_pre_confirm_wrap .btn_indigo-blue{
	background: #092846;
	border: none !important;
    color: #fff;
    text-shadow: none;
}
.deactivation_pre_confirm_wrap .btn_indigo-blue:hover{
	opacity: 0.7;
}
.deactivation_pre_confirm_wrap .btn_style{
	width: 100%;
	border: none;
}
/* NJ-95902: Lesson recording deletion notice - Figma node 8:7627 */
.deactivation_pre_confirm_wrap .recording_notice_wrap {
	background-color: rgba(72, 66, 4, 0.65);
	border: 1px solid #ab8c0c;
	border-radius: 5px;
	padding: 16px;
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap .recording_notice_icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #eeb633;
	margin: 0;
	flex: 1;
	min-width: 0;
	position: relative;
	padding-left: 3rem;
}
/* NJ-95902: FAQ link - Figma node 4:6703 */
.deactivation_pre_confirm_wrap .recording_faq_link_wrap {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 20px;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #3478F6;
	text-decoration: underline;
	margin-bottom: 4rem;
	position: relative;
	padding-left: 3rem;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .external_icon {
	flex-shrink: 0;
	width: 20px;
	height: 20px;
}
.deactivation_pre_confirm_wrap .recording_notice_wrap p:before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.3rem;
    background: url("https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/mobapp/images/deactivation/warning-fill.svg") center / contain no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link:before {
	content: "";
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background: url("https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/mobapp/images/deactivation/question-icon.svg") center / contain no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
}
.deactivation_pre_confirm_wrap .recording_faq_link_wrap .faq_link:after {
	content: "";
	display: inline-block;
	width: 1.1rem;
	height: 1.1rem;
	background: url("https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/mobapp/images/deactivation/ref-link.svg") center / contain no-repeat;
}
.deactivation_pre_confirm_wrap .unsubscribe-flow-bottom .btn_style {
	font-weight: normal;
	width: 100%;
}
.deactivation_pre_confirm_wrap .check_agree_box{
	border: #ccc solid 1px;
    padding: 12px;
	margin: 0 auto;
	max-width: 500px;
}
.deactivation_pre_confirm_wrap .reminder_area{
	position: relative;
	padding: 35px 10px 10px;
	margin: 0 10px 60px;
	border: #ffe2bc 4px solid;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.9);
}
.deactivation_pre_confirm_wrap .reminder_desc{
	position: relative;
	height: 34rem;
}
.deactivation_pre_confirm_wrap .reminder_desc .recieve_mail{
	position: absolute;
	right: 0;
	left: 0;
}
.deactivation_pre_confirm_wrap .sec_register_reminder dl{
	width: 85%;
	margin: 0 auto;
}
.deactivation_pre_confirm_wrap .sec_register_reminder dt,
.deactivation_pre_confirm_wrap .sec_register_reminder dd{
	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;
	font-size: 15px;
	font-size: 1.5rem;
}
.deactivation_pre_confirm_wrap .sec_register_reminder dd{
	background: #fff;
	color: #03c9a9;
	padding: 20px;
	border: #092846 1px solid;
	font-size: 14px;
	font-size: 1.4rem;
}
/* modal */
.dialog_reminder_mail .bdr_orange{
	border-top: #ffe2bc 2px solid;
	border-bottom: #ffe2bc 2px solid;
	padding: 1.5rem 1.2rem; 
}
.dialog_reminder_mail .users_mail{
	color: #03c9a9;
	padding: 1rem 1rem 0;
}
.dialog_reminder_mail dd input{
	width: 90%;
}
.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;
}
.unsubscribe_wrap.deactivation_quest .form_reason textarea{
	width: 95%;
	background-color: #323232;
	border-radius: 0;
	color: #fff;
}
.unsubscribe_wrap.deactivation_quest  .disabled{
	pointer-events: none;
}
.unsubscribe_wrap.deactivation_quest .msg_wrap h3{
	line-height: 1.5;
	padding-bottom: 5px;
	margin: 0 auto;
}
.unsubscribe_wrap .btn_style{
	width: 100%;
	border: none;
	max-width: 650px;
}
@media screen and (min-width: 786px){
	.unsubscribe_wrap .btn_style{
		max-width: 80vw;
	}
}
.unsubscribe_wrap .btn_indigo-blue{
	background: #092846;
	border: none !important;
    color: #fff;
    text-shadow: none;
}
.unsubscribe_wrap .btn_indigo-blue:hover{
	opacity: 0.7;
}
/*-------------------------------------------*/
/* deactivation reminder complete
/*-------------------------------------------*/
.deactivation_reminder_complete_wrap .sec_reminder_info dl{
	width: 85%;
	margin: 0 auto;
}
.deactivation_reminder_complete_wrap .sec_reminder_info dt,
.deactivation_reminder_complete_wrap .sec_reminder_info dd{
	font-size: 16px;
	font-size: 1.6rem;
}
.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: 10px;
    width: 85%;
    margin: 0 auto;
}
/*-------------------------------------------*/
/* deactivation error
/*-------------------------------------------*/
.unsubscribe_wrap.deactivation_error .msg_wrap h3{
	border-bottom: 2px solid #e8e8e8;
	line-height: 1.5;
	padding-bottom: 5px;
	margin: 0 auto;
}

/* simple ver. */
.unsubscribe_wrap .container{
	box-shadow: none;
	/* max-width: 600px; */
	margin: auto;
	padding: 10px 10px;
}
@media screen and (min-width : 600px){
	.unsubscribe_wrap .container{
		max-width: 100%;
		padding: 2rem!important;
	}
}
.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-top: solid 1px #d6e3f0;
	border-bottom:solid 1px #d6e3f0;
}
.unsubscribe_wrap .box-lightblue{
	padding: 0;
	color: #fff;
}
/* .unsubscribe_wrap .box-lightblue{
	border: solid 4px #A4D2FF;
	background: #ECF5FE;
	border-radius: 5px;
	padding: 2rem;
} */
/* coupon */
.unsubscribe_wrap .coupon_img_1 > img {
	display: block;
	width: 100%;
	max-width: 50rem;
	margin: 0 auto;
}
.unsubscribe_wrap .coupon_img_2 > img {
	display: block;
	width: 100%;
	max-width: 20rem;
	margin: 0 auto;
}

.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_border {
    width: 135px;
    height: 5px;
    background-color: #FFFFFF;
    border-radius: 100px;
    margin: auto;
}

.page_wrap .menu_group_wrap .menu_group a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_wrap .menu_group_wrap .menu_group a span {
    font-size: 8px;
    font-weight: 400;
    color: #737373;
    margin-top: 3px;
}
.unsubscribe_wrap .w_border {
	border:1px solid #ffffff;
}
.unsubscribe_wrap .w_40 {
	width: 40%;
}
.unsubscribe_wrap .deactivate_btn_gray {
	background: initial!important;
	color: initial!important;
	background-color: #737373!important;
	color: #fff!important;
	text-shadow: none!important;
	font-weight: normal!important;
}
.unsubscribe_wrap .deactivate_btn_white {
	background-color: #fff!important;
	color: #000!important;
	text-shadow: none!important;
	font-weight: normal!important;
}
.unsubscribe_wrap .border_top {
	border-top: 1px solid #fff;
}
.unsubscribe_wrap .border_bottom {
	border-bottom: 1px solid #fff;
}
/* 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: 2rem;
	border: 2px solid #F05444;
	border-radius: .5rem;
}
.alert--family-rep-unsubscribe .alert--title.red {
	color: #F05444;
}

.mw_31rem { 
	max-width: 31rem;
	margin-left: auto;
    margin-right: auto;
}

/* NJ-15759 start */
.deactivation_final__confirm .page_inner .container {
	background-color: #000;
	padding-left: 12px;
	padding-right: 12px;
} 
.deactivation_final__confirm .video_box_wrap {
	width: 100%;
}
.deactivation_final__confirm .btn_style.btn_gray {
	border-radius:4px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: unset;
	font-weight: normal;
}
.deactivation_final__confirm .btn_style {
	height: 38px;
	max-width: unset;
}
.deactivation_pre_confirm_wrap .list_w_icon {
	margin: 1.5rem auto;
	border: 1px solid #CA0606;
    border-radius: 5px;
    padding: 2rem 1.6rem;
    background: rgba(101, 6, 6, 0.65);
}
.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: 3rem;
    height: 3rem;
    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: 3rem;
	padding-left: 3.8rem;
	display: flex;
	align-items: center;
}
.deactivation_pre_confirm_wrap .list_w_icon ul li:not(:last-child) {
	margin-bottom: 1rem;
}
.deactivation_pre_confirm_wrap .desc_wrap.list_w_icon p {
    color: #FF3535;
    margin-bottom: 1.6rem;
}
.btns_click_confirm .btn_style {
	width: 100%;
    border: none;
    max-width: unset;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan_container {
	max-width: 315px;
	width: 100%;
	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: 18px;
	font-weight: bold;
    padding: 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: 40px;
    font-weight: bold;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .main_con span{
	font-size: 15px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .sub_con{
    font-weight: bold;
    font-size: 12px;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .sec__plan_content .sub_con span{
    font-size: 25px;
}
.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;
    max-width: 240px;
    min-width: unset;
	height: auto;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan .btn_box_link span {
	font-size: 24px;
}
.deactivation_complete .msg_wrap .sub_msg_wrap span {
	color: #F1890E;
	font-weight: bold;
}
.deactivation_complete .page_inner > figure {
	width: 100%;
	max-width: 100%;
}
.deactivation_complete .msg_wrap .t_link {
	color: #3478F6
}
.deactivation_complete .box_sec__info_container_wrap {
	background: url(../images/deactivation/SP_free_DL_bg.png) center center/cover no-repeat;
}
.deactivation_complete .box_sec__info_container {
	display: flex;
	justify-content: center;
	color: #fff;
	padding: 2rem 0;
	margin: 0 auto;
	gap: 5px;
	align-items: flex-start;
	max-width: 375px;
	width: 100%;
	flex-direction: column;
}

@media screen and (min-width: 768px){
	.deactivation_complete .box_sec__info_container section:last-child {
		min-width: 320px;
	}
}

@media screen and (max-width: 376px) {
	.deactivation_complete .box_sec__info_container section:first-child {
		margin-left: 10px;
	}
}

.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: 185px;
}
.deactivation_complete .box_sec__info [class^=info_img] img {
	width: 100%;
}
.deactivation_complete .box_sec__info_content.info_content_2 p {
	padding: 0 1rem;
}
.deactivation_complete .box_sec__info_content p span {
	color: #F86745
}
.deactivation_complete .box_sec__info_content p span:nth-child(even) {
	width: 100%;
	display: inline-block;
}
.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; */
}

html:not([lang="ja"]) .br_inline br {
	display: none;

}

/* NJ-25350 floating bar on bottom-right */
.floating-bar--wrap {
	width: 100%;
	transition: top .1s ease-in-out;
	display: none;
}
.floating-bar--wrap .mpfloat-btn {
	width: 100%;
}
.floating-bar--wrap .mpfloat-btn span {
	color: #000;
	line-height: 20px;
	font-size: 1.4rem;
}
.floating-bar--wrap .mpfloat-btn .flb-tab{
	border-radius: 4px;
	display: flex;
	height: 38px;
	position: relative;
	cursor: pointer;
}
.floating-bar--wrap .flb-tab .flb-tab-sub {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.floating-bar--wrap .mpfloat-btn.flb-lesson-gacha .flb-tab {
	background:#F1890E;
}
.floating-bar--wrap .mpfloat-btn .flb-tab .flb-tab-label {
	display: flex;
	align-items: center;
	margin: 0 auto;
}
.floating-bar--wrap .mpfloat-btn.flb-lesson-gacha .flb-tab .flb-tab-label span {
	color: #fff;
	padding-right: 3rem;
}
.floating-bar--wrap .mpfloat-btn .flb-tab .flb-tab-label span {
	white-space: nowrap;
	line-height: unset;
}
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon {
	position: relative;
	display: block;
} 
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon::before {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
}
.floating-bar--wrap .mpfloat-btn .flb-tab i.mpfloat-btn--icon:first-child, 
.floating-bar--wrap .mpfloat-btn > a i.mpfloat-btn--icon:first-child {
	margin-right: 1rem;
	width: 20px;
	height: 33px;
}
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon.icon--gacha::before {
	background: url('../images/deactivation/gacha.png') no-repeat;
	background-size: contain;
}
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon.icon--roulette::before {
	content: url('../images/deactivation/roulette.png');
}
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon.icon--caret {
	width: 100%;
	height: 38px;
	border-left: 8px solid transparent;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 9999;
	transform: translateY(-50%);
	bottom: 212%;
}
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon.icon--caret:before {
	display: none;
}
.floating-bar--wrap .mpfloat-btn--sub-list {
	display: none;
	position: absolute;
	left: -18px;
	min-width: 160px;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a {
	display: block;
	align-items: center;
	padding: 1rem;
}
.floating-bar--wrap .mpfloat-btn--sub-list li:first-child a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.floating-bar--wrap .mpfloat-btn--sub-list li:last-child a {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.floating-bar--wrap .mpfloat-btn--sub-list li:not(:first-child) a {
	padding-top: .5rem;
}
.floating-bar--wrap .mpfloat-btn--sub-list li:not(:last-child) a {
	padding-bottom: .5rem;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a span {
	color: #fff;
	width: 65%;
	text-align: right;
	white-space: nowrap;
	padding-right: 1rem;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a:hover span,
.floating-bar--wrap .mpfloat-btn--sub-list li a.visited span {
	color: #F1890E;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a i.mpfloat-btn--avatar {
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #fff;
	border-radius: 50%;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a:hover i.mpfloat-btn--avatar,
.floating-bar--wrap .mpfloat-btn--sub-list li a.visited i.mpfloat-btn--avatar {
	border-color: #F1890E;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a i.mpfloat-btn--avatar.mpfl-avtr--1 {
	background: url('../images/deactivation/avatar-instr-1.png') center center/contain no-repeat;
}
.floating-bar--wrap .mpfloat-btn--sub-list li a i.mpfloat-btn--avatar.mpfl-avtr--2 {
	background: url('../images/deactivation/avatar-instr-2.png') center center/contain no-repeat;
}
.floating-bar--wrap .mpfloat-btn .mpfloat-btn--icon.icon--caret:hover {
	transform: translateY(-50%) rotate(180deg);
}
.floating-bar--wrap .mpfloat-btn--icon.icon--caret:hover .mpfloat-btn--sub-list {
	display: block;
	padding-bottom: 3.5rem;
	transform: rotate(180deg);
	top: 60%;
}
.floating-bar--wrap .mpfloat-btn--icon.icon--caret:hover .mpfloat-btn--sub-list ul {
	position: relative;
}
@media screen and (min-width: 786px){
	.deactivation_final__confirm.final_counseling_confirm .btn_final_class_confirm .btn_style{
		max-width: 100%;
	}
}
.floating-bar--wrap .mpfloat-overlay {
	position: fixed;
	z-index: 9998;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}
.floating-bar--wrap .mpfloat-overlay-active {
	visibility: visible;
	display: block;
	opacity: 0.9;

}
.flb-tab-active {
    z-index: 9999;
}
.flb-is-active {
	position: relative;
	z-index: 9999;
}
.floating-bar--wrap .mpfloat-btn--icon.icon--caret:hover .mpfloat-btn--sub-list:before {
	content: '';
	position: absolute;
	width: 105%;
	height: 80px;
	right: -10px;
	bottom: -25px;
}
/* floating bar on bottom-right */

/* NJ-15759 start */

/* NJ-36141 START */
.deactivation_final__confirm.change_plan_confirm .box_sec__plan.chocotto_camp {
	border: 2px solid #EEAE00;
    text-align: center;
}
.deactivation_final__confirm.change_plan_confirm .box_sec__plan.chocotto_camp h4 {
	background: #EEAE00;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
}
/* NJ-36141 END */

/* NJ-47829 START */
.unsubscribe-flow-inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100vh;
}
/* NJ-47829 END */

/* NJ-35237 Start */
.btns_click_confirm .btn_style {
	height: auto;
	min-height: 38px;
	line-height: 25px;
	padding: .5rem 1rem;
	white-space: normal;
}
/* NJ-35237 End */

.deactivation_final__confirm.final_counseling_confirm .page_inner{
	padding: 1rem 1.2rem;
}

.deactivation_final__confirm.final_counseling_confirm .sec_header {
    position: relative;
    background: linear-gradient(180deg, #FF6B35 0%, #EEB633 100%);
    color: #fff;
	border-top-left-radius: 1.5rem;
	border-top-right-radius: 1.5rem;
}

.deactivation_final__confirm.final_counseling_confirm .sec_header::after {
    position: absolute;
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    left: 0;
    right: 0;
    margin-inline: auto;
    bottom: -1.2rem;
    background: linear-gradient(135deg, #efaf33, #EEB633);
    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;
	padding: 1.2rem;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width h2 {
    grid-area: title;
    text-align: left;
    margin-top: 2.3rem;
    margin-bottom: 1.25rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
	text-indent: -1ch;
}

.deactivation_final__confirm.final_counseling_confirm .header_cont_width h2 span {
    display: block;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-indent: 0.5ch;
}

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

.deactivation_final__confirm.final_counseling_confirm .header_cont_width img:not(.free_time_trial img){
	position: absolute;
	grid-area: image;
    align-self: end;
    justify-self: end;
	width: 15.7rem;
	bottom: -1.2rem;
	right: -1rem;
}

.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.2rem;
    max-width: 11.3rem;
    height: 2.9rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.34);
    border-radius: 4rem;
    border: 1px solid rgba(255, 255, 255, 0.34);
	font-weight: 500;
}

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

.deactivation_final__confirm.final_counseling_confirm .page_inner .container{
	padding: 0;
	margin: 0;
	border-radius: 0 0 1.5rem 1.5rem;
	background: #fff;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width {
	padding-block: 2.7rem 2rem;
	margin-bottom: 3rem;
}

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 2.2rem;
	padding-inline: 3.05rem;
}

.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: 0.4rem;
	align-items: center;
}

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

.deactivation_final__confirm.final_counseling_confirm .body_cont_width > ul li strong {
    font-size: 1.6rem;
    line-height: 2.25rem;
    color: #333;
	font-weight: 700;
}

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

.deactivation_final__confirm.final_counseling_confirm .review_cont {
    display: flex;
    column-gap: 1.1rem;
    margin: 1.5rem 0.95rem 0;
    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: 4.7rem;
    align-self: center;
}

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

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text {
    position: relative;
    padding: 1.2rem 1.1rem 1rem 1rem;
    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: -0.8rem;
    top: 0;
    bottom: 0;
    margin-block: auto;
    width: 1.7rem;
    height: 1.7rem;
    transform: rotate(135deg);
    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.3rem;
    line-height: 1.65;
    color: #333;
}

.deactivation_final__confirm.final_counseling_confirm .review_cont .review_text ul {
	display: flex;
    margin-top: 0.6rem;
    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: 1.6rem;
	padding: 1.5rem 1rem 1.5rem;
	line-height: 1;
	height: auto;
	font-weight: 400;
}

.deactivation_final__confirm.final_counseling_confirm .page_inner .unsubscribe-flow-bottom a.t_link {
	display: block;
	color: #DCDCDC;
	text-decoration: underline;
	line-height: 2.1rem;
	font-size: 1.4rem;
	width: max-content;
	margin-inline: auto;
	text-align: center;
	font-weight: 500;
	margin-top: 1.75rem;
}