@charset "utf-8";
/* common */
.page_wrap-family .contents_inner p{
	line-height: 1.5;
}
.page_wrap-family .contents_inner .thum{
	width: 100px;
	border-radius: 50%;
}
.page_wrap-family .desc_wrap{
	position: relative;
}
.page_wrap-family .desc_wrap .link_style_1{
	position: absolute;
	top: -6px;
	padding: 5px 10px;
	right: 10px;
}
.page_wrap-family .ui_notice_list.bg_gray{
	padding: 20px;
	background: #F5F5F5;
	border: 1px #ccc solid;
	border-radius: 5px;
}
.page_wrap-family .comp_ttl{
	font-size: 24px;
	font-size: 2.4rem;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px #eee solid;
	margin: 20px;
}
.page_wrap-plan_family .container{
	padding: 30px;
}
/* family */
.page_wrap-family_index .desc_wrap .link_style_1{
	position: absolute;
	top: -6px;
	padding: 5px 10px;
	right: 10px;
	line-height: 19px;
}
.page_wrap-family .fam_members .member{
	display: table;
	width: 100%;
	border-top: 2px solid #eee; 
	padding: 40px 10px;
}
.page_wrap-family .fam_members .member:last-child{
	border-bottom: 2px solid #eee;
}
.page_wrap-family .fam_members .member .btn_area{
	display: table-cell;
	vertical-align: bottom;
	white-space: nowrap;
	text-align: right;
	width: 310px;
}
.page_wrap-family .fam_members .member img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
}
.page_wrap-family .fam_members .member img + figcaption{
	margin-top: 10px;
}
.page_wrap-family .fam_members .member .d_cell.image_wrap{
	width: 120px;
	padding-right: 15px;
}
.page_wrap-family .fam_members .member .d_cell.detail{
	width: 430px;
	max-width: 430px;
}
.page_wrap-family .fam_members .member .d_cell.detail p{
	line-height: 1.7;
}
.page_wrap-family .fam_members .member .d_cell.detail .relation{
	display: inline-block;
}
.page_wrap-family .fam_members .member .d_cell.detail .nickname{
	padding: 0 8px 0 0;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
}
.page_wrap-family .fam_members .member .btn_area ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_wrap-family .fam_members .member .btn_area ul > li + li{
	margin-left: 5px;
}
.page_wrap-family .fam_members .member .btn_area li a{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 15px;
	font-size: 1.5rem;
	height: 30px;
	box-shadow: none;
	box-sizing: border-box;
}
.page_wrap-family .fam_members .member .btn_area li a.link_style_1{
	padding: 0 12px;
}
.page_wrap-family .fam_members .member .btn_area li a.btn_style{
	padding: 0;
	font-weight: normal;
}
.page_wrap-family .fam_members .member .short_notice{
	color: #999;
	margin-top: 20px;
}
.page_wrap-family .certif_area .certif_file a{
	display: block;
	width: 240px;
}
.page_wrap-family .certif_area img.certif{
	width: 100%;
}

/* family invite */
.page_wrap-family_invite .desc_wrap .link_style_1{
	position: absolute;
	top: -4px;
	padding: 5px 10px;
	right: 2px;
	line-height: 19px;
}
.page_wrap-family_invite .desc_wrap{
	padding-bottom: 20px;
	border-bottom: #eee solid 1px;
	position: relative;
}
.page_wrap-family_invite .input_area .d_table{
	width: 750px;
	margin: 0 auto;
	padding: 10px 0 30px;
	border-bottom: #eee solid 1px;
}
.page_wrap-family_invite .input_area .d_table .ui_msg_style_1{
	margin-right: 67px;
}

/* family apply plan */
.page_wrap-family_apply_plan .input_area figure{
	text-align: center;
}
.page_wrap-family_apply_plan .input_area .thum{
	width: 100px;
	border-radius: 50%;
	text-align:center;
}
.page_wrap-family_apply_plan table{
	width: 100%;
}
.page_wrap-family_apply_plan table + table{
	margin-top: 22px;
}
.page_wrap-family_apply_plan .input_area th{
	text-align: left;
	width: 32%;
}
.page_wrap-family_apply_plan .input_area th.user_image_area{
	width: 21%;
}
.page_wrap-family_apply_plan .user_delegate{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 4rem 8.1rem 2rem 0;
}
.page_wrap-family_apply_plan .user_family{
	padding: 4rem 8.1rem 2rem 0;
	border-bottom: 1px #eee solid;
}
.page_wrap-family_apply_plan .certification .certif_file_btn{
	color: #555 !important;
	font-weight: normal;
	min-width: 125px;
	font-size: 1.6rem;
	height: 35px;
	line-height: 35px;
}
.page_wrap-family_apply_plan .certification{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
}
.page_wrap-family_apply_plan .certification figcaption{
	line-height: 1.4;
	margin-top: 10px;
	font-weight: bold;
}
.page_wrap-family_apply_plan .certification .bg_gray{
	background: #EEEEEE;
	padding: 30px 25px 25px;
}
.page_wrap-family_apply_plan .desc_id_text dt{
	color: #3a7ff3;
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 15px;
	font-weight: bold;
}
.page_wrap-family_apply_plan .input_area input,
.page_wrap-family_apply_plan .input_area select{
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
/* family apply plan confirm */
.page_wrap-family .input_area .user_detail{
	margin: 0 auto;
}
.page_wrap-family_apply_plan_confirm table{
	width: 100%;
}
.page_wrap-family_apply_plan_confirm table + table{
	margin-top: 15px;
}
.page_wrap-family_apply_plan_confirm .input_area th{
	text-align: right;
	font-weight: normal;
	width: 37%;
}
.page_wrap-family_apply_plan_confirm .input_area th figure{
	/*text-align: center;*/
	padding-right: 35px;
}
.page_wrap-family_apply_plan_confirm .input_area th p span{
	padding: 0 10px;
}
.page_wrap-family_apply_plan_confirm .user_delegate{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 40px 0 30px;
}
.page_wrap-family_apply_plan_confirm .user_family{
	padding: 40px 0 40px;
	border-bottom: 1px #eee solid;
}
.page_wrap-family_apply_plan_confirm .certification{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 40px 0 30px;
}

/* family_member_edit */
.page_wrap-family_member_edit .family_user_detail{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 30px 0;
}
.page_wrap-family_member_edit .family_user_detail .d_table + .d_table{
	margin-top: 30px;
}
.page_wrap-family_member_edit .family_user_detail .d_table .d_cell:first-child{
	width: 45%;
	text-align: right;
	padding-right: 10px;
}
.page_wrap-family_member_edit .family_user_detail .d_table .d_cell:first-child p span{
	padding: 0 10px;
}
.page_wrap-family_member_edit .family_user_detail .border-top-wrap{
	border-top: #EEE 1px solid;
	padding-top: 38px;
	margin-top: 38px;
}
.page_wrap-family_member_edit .family_user_detail .border-top-wrap .title{
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0 0 0 100px;
}
.page_wrap-family_member_edit .family_user_detail .max-tip-wrap{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.page_wrap-family_member_edit .family_user_detail .max-tip-wrap input{
	width: 89px;
	height: 40px;
	padding: 13px 0px;
	box-sizing: border-box;
	text-align: right;
	margin: 0 5px 0 10px;
}

/* family_member_remove */
.page_wrap-family_member_remove .family_user_detail{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 30px 0; 
	margin: 0 auto;
}
.page_wrap-family_member_remove .family_user_detail .d_table + .d_table{
	margin-top: 30px;
}
.page_wrap-family_member_remove .family_user_detail .d_table .d_cell:first-child{
	text-align: right;
	width: 51%;
}
.page_wrap-family_member_remove .family_user_detail .d_table .d_cell:first-child p span{
	padding: 0 12px;
}
.page_wrap-family_member_remove .family_user_detail .d_table .d_cell:nth-child(2){
	text-align: left;
	width: 48%;
}


/* family_member_deactivate_plan */
.page_wrap-family_member_deactivate_plan .family_user_detail{
	margin: 0 auto;
}
.page_wrap-family_member_deactivate_plan .family_user_detail .d_table + .d_table{
	margin-top: 20px;
}
.page_wrap-family_member_deactivate_plan .family_user_detail .d_table .d_cell:first-child{
	text-align: right;
	width: 51%;
}
.page_wrap-family_member_deactivate_plan .family_user_detail .d_table .d_cell:first-child p span{
	padding: 0 12px;
}
.page_wrap-family_member_deactivate_plan .family_user_detail .d_table .d_cell:nth-child(2){
	text-align: left;
	width: 48%;
}

/* family_member_activate_plan */
.page_wrap-family_member_activate_plan .family_user_detail{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 30px 0; 
	margin: 0 auto;
}
.page_wrap-family_member_activate_plan .family_user_detail .d_table + .d_table{
	margin-top: 30px;
}
.page_wrap-family_member_activate_plan .family_user_detail .d_table .d_cell:first-child{
	text-align: right;
	width: 51%;
}
.page_wrap-family_member_activate_plan .family_user_detail .d_table .d_cell:first-child p span{
	padding: 0 12px;
}
.page_wrap-family_member_activate_plan .family_user_detail .d_table .d_cell:nth-child(2){
	text-align: left;
	width: 48%;
}


/* plan_family */
.page_wrap-plan_family h3{
	font-weight: normal;
	font-size: 46px;
	font-size: 4.6rem;
	margin-bottom: 25px;
}
.page_wrap-plan_family .sec_campaign_1 .main_img_area {
	position: relative;
	margin: -30px -30px -3px;
}
.page_wrap-plan_family .sec_campaign_1 .main_img_area .main_img {
	border-radius: 4px 4px 0 0;
}
.page_wrap-plan_family .desc{
	text-align: center;
	line-height: 1.4;
}
.page_wrap-plan_family .desc+.desc{
	margin-top: 80px;
}
.page_wrap-plan_family .desc_1 figcaption{
	margin-top: 5px;
}
.page_wrap-plan_family .desc_area figcaption{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.page_wrap-plan_family .father_area{
	width: 360px;
	display: flex;
	margin: 0 auto;
	padding: 15px;
	border: 2px solid #16A9B2;
	border-radius: 20px;
}
.page_wrap-plan_family .family_area .d_table{
	width: 620px;
	margin: 0 auto;
}
.page_wrap-plan_family .desc_apply_flow dl+img{
	margin: 20px 0;
}
.page_wrap-plan_family .desc_apply_flow dt{
	/* color: #3a7ff3; */
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 15px;
	font-weight: bold;
}
.page_wrap-plan_family .desc_apply_flow dd{
	font-size: 18px;
	font-size: 1.8rem;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 0;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap .box_family_reg{
	border: 2px solid #0F2B42;
	padding: 8px 8px 20px;
	text-align: center;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap .box_family_reg .box_family_reg_ttl{
	background: #0F2B42;
	color: #FFF;
	font-weight: bold;
	padding: 10px 20px;
	margin-bottom: 20px;
	font-size: 1.8rem;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap .box_family_reg + .box_family_reg{
	margin-left: 5rem;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap .box_family_reg .btn_family_reg{
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
.page_wrap-plan_family .desc_apply_flow dl + dl{
	position: relative;
}
.page_wrap-plan_family .desc_apply_flow dl + dl:before{
	content: '';
    display: block;
    text-align: center;
	width: 0;
	height: 0;
    margin: 40px auto 40px;
    border: 40px solid transparent;
    border-bottom: 0;
    border-top: 40px solid #0F2B42;
}
.page_wrap-plan_family .ui_notice_list{
	width: 780px;
	margin: 0 auto;
	padding: 20px 25px;
	background: #f5f5f5;
	border: #cccccc solid 1px;
}
.page_wrap-plan_family .notice_list li{
	font-size: 15px;
    font-size: 1.5rem;
}
.page_wrap-plan_family .desc_id_text{
	margin-top: 100px;
}
.page_wrap-plan_family .desc_id_text .d_cell{
	vertical-align: top;
}
.page_wrap-plan_family .desc_id_text .d_cell figure{
	text-align: center;
	font-weight: normal
}
.page_wrap-plan_family .desc_id_text dt{
	color: #3a7ff3;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 15px;
	font-weight: bold;
}
.page_wrap-plan_family .desc_id_text dd{
	font-size: 18px;
	font-size: 1.8rem;
}
.page_wrap-plan_family .desc_id_text dd figcaption{
	font-size: 15px;
	font-size: 1.5rem;
}
/* btn style*/
.page_wrap-family .btn_style.btn_white{
	border: #3a7ff3 1px solid;
	color: #3a7ff3 !important;
	box-shadow: none;
	letter-spacing: 0.3rem;
	min-width: 300px;
}
.page_wrap-family .btn_style.btn_orange{
	min-width: 300px;
}
.page_wrap-family.page_wrap-plan_family .btn_style.btn_orange{
	letter-spacing: 0.3rem;
	padding: 5px 15px;
}
.page_wrap-family .btn_style.btn_white:hover{
	border: #79a4ed 1px solid;
	color: #79a4ed !important;
}
.page_wrap-family .btn_style.btn_white.disable,
.page_wrap-family .btn_style.btn_white.disabled,
.page_wrap-family .btn_style.btn_white:disabled{
	border: #ccc 1px solid;
	color: #ccc !important;
	background: #f4f4f4 !important;
	box-shadow: none;
	cursor: default;
	text-shadow: none;
	pointer-events: none;
}
.page_wrap-family .btn_style.arrow_r:after{
	/*color: #3a7ff3;*/
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/*.page_wrap-family .btn_style.arrow_r:hover:after{
	color: #79a4ed;
}
.page_wrap-family .btn_style.arrow_r.disabled:after{
	color: #ccc;
}
.page_wrap-family .btn_style.arrow_r.disabled:hover:after{
	color: #ccc;
}*/
.page_wrap-family .fam_members .member .btn_style{
	min-width: 200px;
}
/*
.page_wrap-family .link_style_1{
	color: #3a7ff3;
	border: #3a7ff3 1px solid;
}
*/
.page_wrap-family .link_style_1:hover{
	color: #68cff7;
	border: #68cff7 2px solid;
}
.page_wrap-family.page_wrap-plan_family .btn_style.btn_white{
	font-size: 28px;
	font-size: 2.8rem;
    padding: 5px 15px;
}
.page_wrap-family .btn_area .flex{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.page_wrap-family .btn_area .btn-green{
	width: 100%;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	background: #1DC9A8;
	border-radius: 2px;
	transition: .2s all linear;
	font-size: 1.5rem;
}
.page_wrap-family .btn_area .btn-green:hover{
	opacity: .6;
}
/* faq */
.page_wrap-family .sec_faq{
	margin: 75px auto 0;
}
.page_wrap-family .sec_faq h3 {
	text-align: center;
	padding: 12px 0;
	background-color: #004986;
	color: #FFF;
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2.0rem;
}
.page_wrap-family .sec_faq dl {
	margin-bottom: 20px;
}
.page_wrap-family .sec_faq dl dt {
	text-indent: -2rem;
	padding-left: 2rem;
	line-height: 1.5;
	margin-bottom: 10px;
	font-weight: bold;
}
.page_wrap-family .sec_faq dl dt:before {
	content: 'Q. ';
	display: inline;
	color: #16A9B2;
	font-weight: bold;
}
.page_wrap-family .sec_faq dl dd {
	text-indent: -2rem;
	padding-left: 2rem;
	margin-bottom: 10px;
	line-height: 1.5;
}
.page_wrap-family .sec_faq dl dd:before {
	content: 'A. ';
	display: inline;
	color: #F14444;
	font-weight: bold;
}
.page_wrap-family .sec_faq dl dd .fa{
	text-indent:0;
}
.page_wrap-family .sec_faq dl dd p{
	text-indent: 0;
	display: inline-block;
	vertical-align: top;
}
.page_wrap-family .sec_faq dl dd .notice_msg{
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}
.page_wrap-family .certif_area .select_certif_wrap{
	border-bottom: #eee solid 1px;
	padding: 0 0 40px;
}

/* plan desc wrap */
.page_wrap-family .plan_desc_wrap{
	max-width: 650px;
	margin: auto;
	padding: 45px 0;
}
.page_wrap-family .plan_desc_wrap .plan_table{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	display: table;
	width: 100%;
	margin: 0 auto;
}
.page_wrap-family .plan_desc_wrap .plan_table .plan_content{
	position: relative;
}
.page_wrap-family .plan_desc_wrap .plan_table .plan_content .content_box{
	display: table-cell;
	vertical-align: middle;
	padding: 30px 25px;
	border: #f1890e 1px solid;
}
.page_wrap-family .plan_desc_wrap .plan_table .plan_content .content_box.title{
	color: #fff;
	background: #f1890e;
	text-align: center;
	padding: 30px 20px;
	width: 30%;
}
/* plan desc wrap (plan trial) */
.page_wrap-family .plan_desc_wrap .plan_table.plan_trial{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_wrap-family .plan_desc_wrap .plan_table.plan_trial .plan_content.content_1{
	width: 380px;
}
.page_wrap-family .plan_desc_wrap .plan_table.plan_trial .plan_content .content_box{
	padding: 30px 18px;
	text-align: center;
}
.page_wrap-family .plan_desc_wrap .plan_table.plan_trial .plan_content .content_box.title{
	width: 50%;
}
.page_wrap-family .plan_desc_wrap .plan_table.plan_trial .plan_content + .plan_content:before{
	font-family: FontAwesome;
	content: "\f067";
	position: absolute;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -270px;
	right: 0;
	text-align: center;
}

.page_wrap-family-exist .contents_inner p{
	line-height: 1.5;
	font-weight: normal;
	font-size: 1.5rem;
}
/* plan desc wrap */
.page_wrap-family-exist .plan_desc_wrap{
	max-width: 650px;
	margin: auto;
	padding-top: 45px;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	display: table;
	width: 100%;
	margin: 0 auto;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table .plan_content{
	position: relative;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table .plan_content .content_box{
	display: table-cell;
	vertical-align: middle;
	padding: 30px 25px;
	border: #f1890e 1px solid;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table .plan_content .content_box.title{
	color: #fff;
	background: #f1890e;
	text-align: center;
	padding: 30px 20px;
	width: 30%;
}

/* plan desc wrap (plan trial) add existing */
.page_wrap-family-exist .plan_desc_wrap .plan_table.plan_trial{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table.plan_trial .plan_content.content_1{
	width: 380px;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table.plan_trial .plan_content .content_box{
	padding: 30px 18px;
	text-align: center;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table.plan_trial .plan_content .content_box.title{
	width: 50%;
}
.page_wrap-family-exist .plan_desc_wrap .plan_table.plan_trial .plan_content + .plan_content:before{
	font-family: FontAwesome;
	content: "\f067";
	position: absolute;
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: auto;
	top: 0;
	bottom: 0;
	left: -270px;
	right: 0;
	text-align: center;
}

/* card brand list */
.page_wrap-family .card_brand_list{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 57%;
	margin: 0 auto;
}

.page_wrap-family .card_brand_list.nowrap {
	flex-wrap: nowrap;
}
.page_wrap-family .plan_desc_wrap .sm_desc, .card_brand_list_wrap .sm_desc {
    color: #555555;
    font-size: 12px;
    margin-top: 15px;
}

.page_wrap-family .card_brand_list li{
	border: none;
	width: 16%;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	display: box;
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-box-align: center;
	box-align: center;
}
.page_wrap-family .card_brand_list li figure{
	margin: auto;
	text-align: center;
}
.page_wrap-family .card_brand_list li:last-child figure {
    margin: 0;
}
.page_wrap-family .card_brand_list li figure img{
	width: 70%;
}
.page_wrap-family .card_brand_list li figure img.w-100{
	width: 100%;
}
/* switch-area */
.switch-area{
	padding: 38px 0px 38px;
	border-bottom: 1px #eee solid;
}
.switch-area .switch-wrap .title{
	font-size: 1.5rem;
	font-weight: 600;
	padding: 0 0 0 100px;
	margin-bottom: 35px;
}
.switch-area .switch-wrap .contents{
	flex: 1;
}
.switch-area .switch-wrap .switch-item-wrap + .swicth-item-wrap{
	margin-top: 22px;
}
.switch-area .switch-wrap .switch-item-wrap{
	display: flex;
	align-items: center;
}
.switch-area .switch-wrap .switch-item-wrap + .switch-item-wrap{
	margin-top: 22px;
}
.switch-area .switch-wrap .switch-item-wrap .item-name{
	width: 44.5%;
	text-align: right;
}
.switch-area .switch-wrap .switch-item-wrap .item-name:after{
	content: ":";
	display: inline-block;
	margin: 0 22px;
}
/* contract-wrap */
.contract-wrap{
	padding: 30px 0;
	border-bottom: 1px #eee solid;
}
.contract-wrap .detail{
	line-height: 1.5;
}
.page_wrap-family .family-apply-sum {
	font-size: 1.4rem;
}
.page_wrap-family .family-apply-sum .sum-body {
	margin-top: 1rem;
}
.page_wrap-family .family-apply-sum .sum-body > * {
	display: inline-block;
}
.page_wrap-family .family-apply-sum .sum-body .sum-total > .t-num {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 .3rem;
}
.page_wrap-family .family-apply-sum .sum-body .plus-trial {
	color: #f14444;
}
.page_wrap-family .family-apply-sum .sum-body .plus-trial .trial-box {
	display: inline-block;
	padding: .5rem 1rem;
	border: 1px solid #f14444;
} 

/* NJ-7074 : rewrite family plan pages */
.family-v2,
.family-v2:before,
.family-v2:after,
.family-v2 *,
.family-v2 *:before,
.family-v2 *:after {
	box-sizing: border-box;
}
.family-v2,
.page_wrap.family-v2 {
	font-size: 1.8rem;
	line-height: 1.7;
	color: #555;
	padding: 3rem 0;
}
.family-v2.no-padding,
.page_wrap.family-v2.no-padding {
	padding: 0;
}
/* common */
.family-v2 img {
	display: block;
	width: 100%;
}
.family-v2 .fami-avatar {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	padding: 2px;
	background-color: #3A7FF3;
	overflow: hidden;
}
.family-v2 .fami-avatar > img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.family-v2 .fami-sec {
	background-color: #fff;
}
.family-v2 .fami-sec.bg-grey {
	background-color: #f5f5f5;
}
.family-v2 .fami-sec .sec-inner {
	margin: 0 auto;
}
.family-v2 .fami-sec .sec-title {
	font-size: 4.6rem;
	line-height: 1.2;
	font-weight: normal;
	text-align: center;
	margin-bottom: 3rem;
}
.family-v2 .fami-sec .sec-title-2 {
	font-size: 3rem;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
	color: #3A7FF3;
	margin-bottom: 3rem;
}
.family-v2 .fami-sec .sec-desc {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* section error */
.family-v2 .fami-sec.sec-error {

}
.family-v2 .fami-sec.sec-error .sec-inner {
	padding: 4rem 0 0;
	max-width: 96rem;
}
.family-v2 .fami-sec.sec-error .alert_wrap {
	/* reset */
	margin: 0;
}
/* section price */
.family-v2 .fami-sec.sec-price {

}
.family-v2 .fami-sec.sec-price .sec-inner {
	padding: 5rem 2rem 10rem;
}
.family-v2 .fami-sec.sec-price .paragraph-1 {
	text-align: center;
}
.family-v2 .fami-sec.sec-price .paragraph-1 .sentence-1 {
	font-size: 4.6rem;
}
.family-v2 .fami-sec.sec-price .paragraph-1 .sentence-1 b {
	color: #3A7FF3;
}
.family-v2 .fami-sec.sec-price .paragraph-1 .sentence-2 {
	
}
.family-v2 .fami-sec.sec-price .paragraph-1 .sentence-3 {
	font-size: 3rem;
	color: #3A7FF3;
	font-weight: bold;
}
.family-v2 .fami-graph-1 {

}
.family-v2 .fami-graph-1 .g-row-1 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .fami-graph-1 .g-row-2 {
	margin-top: 10rem;
}
.family-v2 .fami-graph-1 .rep-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.2rem;
	background-color: #fff;
	border: 2px solid #3A7FF3;
	border-radius: .5rem;
	min-width: 50rem;
}
.family-v2 .fami-graph-1 .rep-box .rep-photo {
	
}
.family-v2 .fami-graph-1 .rep-box .rep-detail {
	padding-left: 2rem;
}
.family-v2 .fami-graph-1 .rep-box .rep-detail .rep-name {
	font-size: 2rem;
	font-weight: bold;
}
.family-v2 .fami-graph-1 .rep-box .rep-detail .rep-plan {
	margin-top: .5rem;
}
.family-v2 .fami-graph-1 .members-box {

}
.family-v2 .fami-graph-1 .members-list {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.family-v2 .fami-graph-1 .members-list > li {
	position: relative;
	text-align: center;
	width: 20rem;
}
.family-v2 .fami-graph-1 .members-list > li:before {
	content: '';
	display: block;
	position: absolute;
	width: .4rem;
	height: 10rem;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	background-image: url(../images/family-v2/special/dotted.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.family-v2 .fami-graph-1 .members-list > li + li {

}
.family-v2 .fami-graph-1 .members-list > li .fami-avatar {
	margin: 0 auto;
}
.family-v2 .fami-graph-1 .members-list > li .member-name {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1rem;
}
.family-v2 .fami-graph-1 .members-list > li .member-plan {
	margin-top: .5rem;
}
.family-v2 .fami-graph-1 .members-list > li .plan-price {
	font-weight: bold;
	color: #3A7FF3;
	margin-top: .5rem;
}
.family-v2 .fami-register-btn-box {

}
.family-v2 .fami-register-btn-box .box-inner {
	max-width: 57rem;
	margin: 0 auto;
}
.family-v2 .fami-btn-1 {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.2;
	font-weight: bold;
	color: #fff;
	background-color: #f1890e;
	padding: 2.4rem 2rem;
	border-radius: 1rem;
	transition: background-color .2s ease-in-out;
}
.family-v2 .fami-btn-1:hover {
	background-color: #F39B33;
}
.family-v2 .fami-btn-1:disabled,
.family-v2 .fami-btn-1.disable,
.family-v2 .fami-btn-1.disabled {
	background-color: #ccc;
	pointer-events: none;
}
.family-v2 .fami-btn-1.arrow-right {
	padding-left: 4rem;
	padding-right: 4rem;
}
.family-v2 .fami-btn-1.arrow-right:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 2rem;
	height: 2rem;
	border: 3px solid transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	transform: translate(0,-50%) rotateZ(-45deg);
}
.family-v2 .fami-btn-1.small {
	font-size: 1.8rem;
	padding: 2rem;
}
.family-v2 .fami-btn-1.small:after {
	width: 1.3rem;
	height: 1.3rem;
}
/* btn color variation */
.family-v2 .fami-btn-1.green {
	background-color: #19C999;
}
.family-v2 .fami-btn-1.green:hover {
	background-color: #1ad6a4;
}
.fami-btn-wrap-500 {
	max-width: 50rem;
	margin: 0 auto;
}
/* section family tree */
.family-v2 .fami-sec.sec-family-tree {

}
.family-v2 .fami-sec.sec-family-tree .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .fami-graph-2 {

}
.family-v2 .fami-graph-2 .graph-img {
	max-width: 70.6rem;
	margin: 0 auto;
}
/* section payment */
.family-v2 .fami-sec.sec-payment .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .fami-sec.sec-payment .sec-desc .desc-inner {
	max-width: 81rem;
}
.family-v2 .fami-graph-3 {

}
.family-v2 .fami-graph-3 .g-row-1 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .fami-graph-3 .g-row-2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .fami-graph-3 .g-row-2:before {
	content: '';
	display: block;
	position: absolute;
	width: .4rem;
	height: 10rem;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	background-image: url(../images/family-v2/special/dotted.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.family-v2 .fami-graph-3 .rep-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.2rem;
	background-color: #fff;
	border: 2px solid #3A7FF3;
	border-radius: .5rem;
	min-width: 50rem;
}
.family-v2 .fami-graph-3 .rep-box .rep-photo {
	
}
.family-v2 .fami-graph-3 .rep-box .rep-payment {
	padding-left: 2rem;
}
.family-v2 .fami-graph-3 .rep-box .rep-payment .payment-img {

}
.family-v2 .fami-graph-3 .rep-box .rep-payment .payment-img .img--wrap {
	width: 10.4rem;
	margin: 0 auto;
}
.family-v2 .fami-graph-3 .rep-box .rep-payment .payment-name {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1.5rem;
}
.family-v2 .fami-graph-3 .family-box {
	position: relative;
	min-width: 70rem;
	padding: 3rem 2rem;
	background-color: #fff;
	border: 2px solid #3A7FF3;
	border-radius: .5rem;
}
.family-v2 .fami-graph-3 .family-box .family-members .family-photo {
	width: 22.2rem;
	margin: 0 auto;
}
.family-v2 .fami-graph-3 .family-box .family-members .family-name {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1rem;
}
.family-v2 .fami-graph-3 .family-box .family-permission {

}
.family-v2 .fami-graph-3 .family-box .permission-list {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.family-v2 .fami-graph-3 .family-box .permission-list > li {
	width: 20rem;
}
.family-v2 .fami-graph-3 .family-box .permission-list .li-icon .img--wrap {
	width: 10rem;
	margin: 0 auto;
}
.family-v2 .fami-graph-3 .family-box .permission-list .li-name {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin-top: 1rem;
}
/* section management */
.family-v2 .fami-sec.sec-manage .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .fami-sec.sec-manage .sec-desc .desc-inner {
	max-width: 81rem;
}
.family-v2 .fami-graph-4 {

}
.family-v2 .fami-graph-4 .g-row-1 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .fami-graph-4 .g-row-2 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .fami-graph-4 .g-row-2:before {
	content: '';
	display: block;
	position: absolute;
	width: .4rem;
	height: 10rem;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	background-image: url(../images/family-v2/special/dotted.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.family-v2 .fami-graph-4 .rep-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2.2rem;
	background-color: #fff;
	border: 2px solid #3A7FF3;
	border-radius: .5rem;
	min-width: 50rem;
}
.family-v2 .fami-graph-4 .rep-box .rep-photo {
	
}
.family-v2 .fami-graph-4 .rep-box .rep-setting {
	padding-left: 2rem;
}
.family-v2 .fami-graph-4 .rep-box .rep-setting .setting-img {

}
.family-v2 .fami-graph-4 .rep-box .rep-setting .setting-img .img--wrap {
	width: 7rem	;
	margin: 0 auto;
}
.family-v2 .fami-graph-4 .rep-box .rep-setting .setting-name {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1.5rem;
}
.family-v2 .fami-graph-4 .family-box {
	position: relative;
	min-width: 96rem;
	background-color: #fff;
	padding: 3rem 2rem;
	border: 2px solid #3A7FF3;
	border-radius: .5rem;
}
.family-v2 .fami-graph-4 .family-box .family-members .family-photo {
	width: 22.2rem;
	margin: 0 auto;
}
.family-v2 .fami-graph-4 .family-box .family-members .family-name {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1rem;
}
.family-v2 .fami-graph-4 .family-box .family-manage {

}
.family-v2 .fami-graph-4 .family-box .manage-list {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.family-v2 .fami-graph-4 .family-box .manage-list > li {
	width: 30rem;
}
.family-v2 .fami-graph-4 .family-box .manage-list .li-icon .img--wrap {
	width: 10rem;
	margin: 0 auto;
}
.family-v2 .fami-graph-4 .family-box .manage-list .li-name {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	margin-top: 1rem;
}
.family-v2 .fami-graph-4 .family-box .manage-list .li-name .li-name-link {
	font-size: 1.8rem;
	font-weight: normal;
	margin-top: 1rem;
}
.family-v2 .fami-sec.sec-manage .box-termination {

}
.family-v2 .fami-sec.sec-manage .box-termination > .box-inner {
	padding: 3rem 5rem 4rem;
	background-color: #fff;
	border-radius: .5rem;
	max-width: 96rem;
	margin: 0 auto;

}
.family-v2 .fami-sec.sec-manage .box-termination .box-title {
	font-size: 2.4rem;
	text-align: center;
	font-weight: bold;
}
/* section easy */
.family-v2 .fami-sec.sec-easy {

}
.family-v2 .fami-sec.sec-easy .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .easy-box-wrap {
	max-width: 130rem;
	margin: 0 auto;
}
.family-v2 .easy-box-group {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.family-v2 .easy-box-group .easy-box {
	width: calc(50% - 2.5rem);
}
.family-v2 .easy-box-group .easy-box .box-inner {
	height: 100%;
	padding: 3rem 5rem;
	border: 2px solid #19C999;
	border-radius: .5rem;
}
.family-v2 .easy-box-group .easy-box .box-head {
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .easy-box-group .easy-box .box-title {
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: bold;
	padding: 1rem 2.8rem;
	border-radius: 1000rem;
	color: #fff;
	background-color: #19C999;
	min-width: 34rem;
}
.family-v2 .easy-box-group .easy-box .box-body {
	margin-top: 2rem;
}
.family-v2 .easy-box-group .easy-box .box-title-2 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.family-v2 .easy-box-group .easy-box .user-voice {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 2rem;
}
.family-v2 .easy-box-group .easy-box .user-voice .user-photo {
	flex-shrink: 0;
}
.family-v2 .easy-box-group .easy-box .user-voice .fami-avatar {
	background-color: #19C999;
}
.family-v2 .easy-box-group .easy-box .user-voice .user-comment {
	flex: 1;
	padding-left: 1.5rem;
}
.family-v2 .easy-box-group .easy-box .user-voice .voice-bubble {
	position: relative;
	padding: 2rem;
	background-color: #fff;
	border-radius: .5rem;
	border: 2px solid #ccc;
	margin-left: 2rem;
}
.family-v2 .easy-box-group .easy-box .user-voice .voice-bubble:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 2rem;
	height: 2rem;
	background-image: url(../images/family-v2/special/bubble-point.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	transform: translate(-100%, -50%);
}
/* color variation */
.family-v2 .easy-box-group .easy-box.box-orange .box-inner {
	border-color: #f1890e;
}
.family-v2 .easy-box-group .easy-box.box-orange .box-title,
.family-v2 .easy-box-group .easy-box.box-orange .user-voice .fami-avatar {
	background-color: #f1890e;
}
.family-v2 .fami-sec.sec-easy .easy-note {

}
.family-v2 .fami-sec.sec-easy .easy-note .note-inner {
	padding: 3rem 5rem 4rem;
	border-radius: .5rem;
	background-color: #F5F5F5;
	max-width: 100rem;
	margin: 0 auto;
}
/* section payment date */
.family-v2 .fami-sec.sec-date {

}
.family-v2 .fami-sec.sec-date .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .pay-day-box-group {
	max-width: 120rem;
	margin: 0 auto;
}
.family-v2 .pay-day-box {
	
}
.family-v2 .pay-day-box .box-inner {
	background-color: #fff;
	border-radius: .5rem;
	border: 2px solid #f1890e;
}
.family-v2 .pay-day-box .box-head {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 2rem 4rem;
}
.family-v2 .pay-day-box .box-title {
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: bold;
	padding: 1rem 2.8rem;
	border-radius: 1000rem;
	color: #fff;
	background-color: #f1890e;
	min-width: 28rem;
}
.family-v2 .pay-day-box .pay-graph {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 0 5rem 3rem;
}
.family-v2 .pay-day-box .pay-graph .user-area {
	flex-shrink: 0;
}
.family-v2 .pay-day-box .pay-graph .graph-area {
	flex: 1;
	padding-left: 5rem;
}
.family-v2 .pay-day-box .pay-graph .user-card {
	width: 24rem;
	padding: 3rem 2rem;
	background-color: #D8E5FD;
	border-radius: .5rem;
}
.family-v2 .pay-day-box .pay-graph .user-card .user-photo .fami-avatar {
	margin: 0 auto;
}
.family-v2 .pay-day-box .pay-graph .user-card .user-name {
	text-align: center;
	color: #3778E5;
	font-size: 2rem;
	font-weight: bold;
	margin-top: 1.5rem;
}
.family-v2 .pay-day-box .pay-graph .user-card .user-detail {
	font-size: 1.6rem;
	margin-top: 1rem;
}
.family-v2 .pay-day-box .pay-graph .graph-note {
	margin-top: 3rem;
}
/* color variation */
.family-v2 .pay-day-box.box-blue .box-inner {
	border-color: #3A7FF3;
}
.family-v2 .pay-day-box.box-blue .box-title {
	background-color: #3A7FF3;
}
.family-v2 .pay-day-box .pay-graph .user-card.card-green {
	background-color: #D1F4EB;
}
.family-v2 .pay-day-box .pay-graph .user-card.card-green .fami-avatar {
	background-color: #139672;
}
.family-v2 .pay-day-box .pay-graph .user-card.card-green .user-name {
	color: #139672;
}
.family-v2 .pay-day-box .pay-graph .user-card.card-orange {
	background-color: #FCE7CF;
}
.family-v2 .pay-day-box .pay-graph .user-card.card-orange .fami-avatar {
	background-color: #E3810D;
}
.family-v2 .pay-day-box .pay-graph .user-card.card-orange .user-name {
	color: #E3810D;
}
/* section voice */
.family-v2 .fami-sec.sec-voice {

}
.family-v2 .fami-sec.sec-voice .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .voice-box-group {
	max-width: 96rem;
	margin: 0 auto;
}
.family-v2 .voice-box {
	
}
.family-v2 .voice-box .box-inner {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	background-color: #fff;
	padding: 3rem 5rem;
	border-radius: .5rem;
	border: 2px solid #3A7FF3;
}
.family-v2 .voice-box .profile-area {
	flex-shrink: 0;
	width: 12rem;
}
.family-v2 .voice-box .profile-area .fami-avatar {
	margin: 0 auto;
}
.family-v2 .voice-box .profile-area .user-name {
	text-align: center;
	margin-top: 1rem;
}
.family-v2 .voice-box .content-area {
	flex: 1;
	padding-left: 3.5rem;
}
.family-v2 .voice-box .content-area .content-title {
	font-size: 2rem;
	font-weight: bold;
	color: #3A7FF3;
}
.family-v2 .voice-box .content-area .content-text {
	line-height: 1.7;
	margin-top: 1rem;
}
.family-v2 .func-toggle-family-voice:not(.on) .text-on {
	display: none;
}
.family-v2 .func-toggle-family-voice.on .text-off {
	display: none;
}
/* section faq */
.family-v2 .fami-sec.sec-faq {

}
.family-v2 .fami-sec.sec-faq .sec-inner {
	padding: 10rem 2rem;
}
.family-v2 .faq-box-group {
	max-width: 100rem;
	margin: 0 auto;
}
.family-v2 .faq-box {
	padding: 3rem 5rem;
	background-color: #fff;
}
.family-v2 .faq-box + .faq-box {
	border-top: 2px solid #F5F5F5;
}
.family-v2 .faq-box .faq-paragraph {
	position: relative;
	padding-left: 3rem;
}
.family-v2 .faq-box .faq-paragraph:before {
	content: 'Q.';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2rem;
	font-weight: bold;
	color: #3A7FF3;
}
.family-v2 .faq-box .faq-paragraph.question {
	font-size: 2rem;
	font-weight: bold;
	color: #3A7FF3;
}
.family-v2 .faq-box .faq-paragraph.answer {
	margin-top: 1.5rem;
}
.family-v2 .faq-box .faq-paragraph.answer:before {
	content: 'A.';
	color: #E60044;
	transform: translateY(-8%);
}
/* management pages */
.family-v2 .family-add-group-photo {
	max-width: 54rem;
	margin: 0 auto;
}
.family-v2 .family-v2-btn-list {
	display: flex;
	align-items: center;
	justify-content: center;
}
.family-v2 .family-v2-btn-list > li {
	width: 32rem;
}
.family-v2 .family-v2-btn-list > li + li {
	margin-left: 5rem;
}
.family-v2 .family-v2-manage-box {
	padding: 3rem;
	background-color: #fff;
	border: 2px solid #3A7FF3;
	border-radius: .5rem;
}
.family-v2 .family-v2-manage-box .box-title {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #3A7FF3;
}
.family-v2 .family-v2-manage-box .box-body {
	font-size: 1.5rem;
	margin-top: 2rem;
}
.family-v2 .family-add-confirm-alert {
	text-align: center;
	font-weight: bold;
}
.family-v2 .family-add-confirm-alert .alert-t--1 {
	font-size: 2.4rem;
	color: #3A7FF3;
}
.family-v2 .family-add-confirm-alert .alert-t--2 {
	font-size: 1.8rem;
	color: #E60044;
}
.family-v2 .family-add-confirm-alert .alert-t--3 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
}
.family-v2 .family-add-confirm-alert .alert-t--3 > .alert-t--3-inner {
	border-bottom: 3px solid #ccc;
}
.family-v2 .family-add-confirm-alert .alert-t--3 b {
	color: #E60044;
}
.family-v2 .family-add-confirm-alert .alert-t--4 {
	font-size: 2.4rem;
}
.family-v2 .family-add-confirm-alert .alert-t--4 b {
	font-size: 3rem;
	color: #E60044;
}
.family-v2 .family-add-user-info-box-wrap {
	max-width: 62rem;
	margin: 0 auto;
}
.family-v2 .family-add-user-info-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem;
	background-color: #fff;
	border-radius: .5rem;
	border: 2px solid #3A7FF3;
}
.family-v2 .family-add-user-info-box .photo-area {
	flex-shrink: 0;
}
.family-v2 .family-add-user-info-box .photo-area .photo-img {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	overflow: hidden;
}
.family-v2 .family-add-user-info-box .text-area {
	padding-left: 4.5rem;
}
.family-v2 .family-add-user-info-box .text-area .profile-table {

}
.family-v2 .family-add-user-info-box .text-area .profile-table th,
.family-v2 .family-add-user-info-box .text-area .profile-table td {
	text-align: left;
	font-size: 1.6rem;
	font-weight: normal;
	padding: .5rem;
}

/* NJ-31356 START */

.table_pass .fw_n {
	margin-top: -45px;
}

.table_pass .pass_note {
	font-weight: normal;
	font-family: 'Noto Sans JP';
    color: #555555;
    width: 100%;
    margin-top: 1.2rem;
    font-size: 1.4rem;
    position: relative;
}

table .error p {
	font-weight: normal;
	font-family: 'Noto Sans JP';
	letter-spacing: 0px;
	color: #ED1212;
	width: 220px;
	max-width: 100%;
	margin: 12px 0 0;
	font-size: 14px;
	border: 1px solid #ED1212;
	padding: 10px;
	border-radius: 4px;
}

.error_con .error {
	font-weight: normal;
	font-family: 'Noto Sans JP';
	letter-spacing: 0px;
	color: #ED1212;
	max-width: 100%;
	margin: 0 0 12px;
	font-size: 14px;
	border: 1px solid #ED1212;
	padding: 10px;
	border-radius: 4px;
	text-align: center;
}

.birth_wrap .error p {
	width: 380px;
}

/* NJ-31356 END */

/* NJ-38158 START */

.table_pass .pass_note span {
	position: relative;
  	left: 0;
}

.num_wrap_msg ul li {
	color: #999;
	font: normal normal normal 14px/20px Noto Sans JP;
}

.user_family input::placeholder {
	color: #CCCCCC !important;
}

/* NJ-38158 END */

/* NJ-76437 Start */
.eye_icon {
	background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/icon_eye.webp');
	width: 2.2rem;
    height: 2.2rem;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    color: #8C8C8C;
    transition: .2s ease-out all;
    top: 50%;
    right: 1.2rem;
    transform: translate(0, -50%);
    cursor: pointer;
}
.eye_icon.visible {
	background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/icon_eye_open.svg');
}
.validate_icon {
	 width: 1.8rem;
	 height: 1.8rem;
	 display: inline-block;
	 vertical-align: middle;
	 background-position: center;
	 background-repeat: no-repeat;
}

.checkmark_icon {
	background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/checkmark_icon.svg');
	width: 1.8rem;
    height: 1.8rem;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.crossmark_icon {
	background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/crossmark_icon.svg');
	width: 1.8rem;
    height: 1.8rem;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.page_wrap-family .page_inner .container {
    padding: 3rem 4rem;
}
.page_wrap-family .birth_wrap td {
    display: flex;
    align-items: center;
}
.page_wrap-family .radio_button_wrap {
	display: flex;
	align-items: center;
}
.page_wrap-family .custom-select-family_plan {
	font-size: 1.6rem;
	outline: none;
	border-radius: 0.5rem;
	border: 1px solid #C5C5C5;
	background: #FFF;
	box-shadow: 2px 2px 0 1px #E5E5E5 inset;
	color: #000000;
	height: 4.5rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/icon_arrow_gray.svg');
	background-repeat: no-repeat;
	background-position: right 0.8rem center;
    background-size: 1.3rem;
}
.page_wrap-family input[type='text'],
.page_wrap-family input[type='email'],
.page_wrap-family input[type='password'] {
	border-radius: 5px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    box-shadow: 2px 2px 0 1px #E5E5E5 inset;
}
.page_wrap-family .input.password {
    margin: 0;
	position: relative;
}
.page_wrap-family .input.password .size_max.password-input {
	padding: 1rem;
}
.pass_note .validate_icon {
    width: 1.8rem;
}
table .error.register_error_msg p {
	font-weight: 500;
    font-family: 'Noto Sans JP';
    color: #D91C0B;
    width: 100%;
    margin-top: 0.5rem;
    font-size: 1.2rem;
    border: none;
    padding: 0;
    border-radius: unset;
    letter-spacing: normal;
}
.table_pass .pass_label {
	font-weight: normal;
}
.user_family table tr:first-child th {
    width: 18.6rem;
}
/* NJ-76437 End */