@charset "utf-8";
@import url('https://fonts.nativecamps.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.nativecamps.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/*-------------------------------------------------------*/
/* page_tos
/*-------------------------------------------------------*/
.sec_tos .tos dt{
	font-weight: bold;
	padding: 1em 0;
	border-top: 1px solid #555555;
}
.sec_tos .tos dt:first-child{
	border-top: none;
}
.sec_tos .tos dd{
	line-height: 1.5;
	padding: 0 0 1em;
}
.sec_tos .tos dd h4{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.sec_tos .tos dd h4:first-of-type{
	margin-top: 0;
}
.sec_tos .tos_title{
	border-left: 4px solid #004986;
    padding-left: 1rem;
}
/*-------------------------------------------------------*/
/* page_privacy
/*-------------------------------------------------------*/
.sec_privacy .privacy_policy dt{
	font-weight: bold;
	padding: 1em 0;
	border-top: 1px solid #ccc;
}
.sec_privacy .privacy_policy dt:first-child{
	border-top: none;
}
.sec_privacy .privacy_policy dd{
	line-height: 1.5;
	padding: 0 0 1em;
}
.sec_privacy .privacy_policy dd h4{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.sec_privacy .privacy_policy dd h4:first-of-type{
	margin-top: 0;
}
/*-------------------------------------------------------*/
/* page_company
/*-------------------------------------------------------*/
.sec_company .company_info h3{
	font-weight: bold;
	margin: 1em 0 1em;
}
.sec_company .company_info dt{
	font-weight: bold;
	padding: 1em 0;
	border-top: 1px solid #ccc;
}
.sec_company .company_info dt:first-child{
	border-top: none;
}
.sec_company .company_info dd{
	line-height: 1.5;
	padding: 0 0 1em;
}
.sec_company .company_info dd h4{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

/*---------------------------------*/
/* page orientation
/*---------------------------------*/
/* orientation component */
.page_orientation{
	color: #231815;
	padding:0;
	line-height:1.5;
}
.page_orientation .top_area_content{
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
}
.page_orientation .btn_read_more{
	display: block;
	width:16rem;
	height:4rem;
	line-height:4rem;
	border: 2px solid #231815;
	text-align: center;
	margin: 0 auto 0;
	color: #231815;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(35,24,21,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: 0.3s;
	cursor: pointer;
}
.page_orientation .btn_read_more:hover{
	color: #edecdf;
	background-position: 0 100%;
}
.page_orientation .orientation_link{
	position: fixed;
	z-index: 50;
	bottom:0;
	width:100%;
	text-align: center;
	display: flex;
	background:rgba(35,24,21,0.8);
	padding:1.5rem;
	justify-content: space-between;
	box-sizing: border-box;
}
.page_orientation .orientation_link .link-item{
	padding: 0 6rem;
}
.page_orientation .orientation_link .link-item + .link-item{
	margin-top:2rem;
}
.page_orientation .orientation_link .prev a,
.page_orientation .orientation_link .next a{
	color:#fff;
	display: block;
	padding:0.5rem 1.5rem;
	border:solid 1px #fff;
	white-space: nowrap;
}
.page_orientation .orientation_link a{
	position: relative;
}
.page_orientation .orientation_link a .fa {
	font-size: 2.8rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}
.page_orientation .orientation_link .prev a{
	padding:0.5rem 1.5rem 0.5rem 3rem;
	text-align: left
}
.page_orientation .orientation_link .next a{
	padding:0.5rem 3em 0.5rem 1.5rem;
	text-align: left
}
.page_orientation .orientation_link .prev a .fa{
	left: 1rem;
}
.page_orientation .orientation_link .next a .fa{
	right: 1rem;
}
/* orientation_top */
.page_orientation.orientation_top{
	width:100%;
	background: #000;
	background-image:url(../images/orientation/index/main.png);
	background-position: center top;
	background-size:cover;
	position: relative;
}
.page_orientation.orientation_top p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}
.page_orientation.orientation_top .top_area_content{
	color: #fff;
	padding: 25px 15px;
	padding: 2.5rem 1.5rem;
	max-width: 600px;
	margin: 0 auto;
}
.page_orientation.orientation_top .top_area_content .top_ttl{
	padding: 0 20px;
	padding: 0 2rem;
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
.page_orientation.orientation_top .top_area_content .top_ttl img{
	width: 100%;
}
.page_orientation.orientation_top .page_inner{
	padding: 0 0 30px;
	padding: 0 0 3.0rem;
}
.page_orientation.orientation_top .sec_1 .sec_inner{
	padding: 0 15px;
	padding: 0 1.5rem;
	max-width: 600px;
	margin: 0 auto;
}
.page_orientation.orientation_top .sec_1 .sec_inner .step{
	visibility: hidden;
	color: #231815;
	background: #edecdf;
	padding: 1.4rem;
	box-sizing: border-box;
	text-align: center;
}
.page_orientation.orientation_top .sec_1 .sec_inner .step figure{
	display: block;
}
.page_orientation.orientation_top .sec_1 .sec_inner .step img{
	width: 50%;
	padding: 0 30px;
	padding: 0 3rem;
	box-sizing: border-box;
	display: block;
	margin: 0 auto 15px;
	margin: 0 auto 1.5rem;
}
@media screen and (max-width : 767px){
	.page_orientation.orientation_top .sec_1 .sec_inner .step figure{
		display: inline-block;
	}
	.page_orientation.orientation_top .sec_1 .sec_inner .step figure img{
		padding: 0;
	}
}
.page_orientation.orientation_top .sec_1 .sec_inner .step .step_ttl{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
}
.page_orientation.orientation_top .sec_1 .sec_inner .step p{
	text-align: left;
	margin-bottom:1.5rem;
}
.page_orientation.orientation_top .sec_1 .sec_inner .step .btn_read_more:hover{
	color: #edecdf;
	background-position: 0 100%;
}
.page_orientation.orientation_top .sec_1 .sec_inner .step + .step{
	margin-top: 25px;
	margin-top: 2.5rem;
}

/* orientation_goal */
.page_orientation.orientation_goal .top_area_content {
	background:url(../images/orientation/goal/bg.png) center center no-repeat;
	background-size:cover;
	padding:2.5rem 0;
	text-align: center
}
.page_orientation.orientation_goal .top_area_content .top_ttl{
	font-size:2rem;
	margin-bottom:1.5rem;
	font-weight: normal;
}
.page_orientation.orientation_goal .experiences{
	padding-bottom:4rem;
}
.page_orientation.orientation_goal .experiences .sec_inner{
	width:100%;
	padding:2.4rem 1.2rem;
	box-sizing: border-box;
	max-width: 600px;
	margin: 0 auto;
}
.page_orientation.orientation_goal .experiences .experiences-item{
	visibility: hidden;
	width:100%;
	background:#edecdf;
	margin-bottom:2.0rem;
	padding:1.4rem;
	box-sizing: border-box;
}
.page_orientation.orientation_goal .experiences .experiences-item .eye_catch{
	width:100%;
	margin-bottom:1.2rem;
}
.page_orientation.orientation_goal .experiences .experiences-item .eye_catch img{
	width:100%;
	height:100%;
	display: block;
	object-fit: cover;
}
.page_orientation.orientation_goal .experiences .experiences-item .item-ttl{
	color:#231815;
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom:1rem;
}
.page_orientation.orientation_goal .experiences .experiences-item .item-content{
	font-size:1.4rem;
	box-sizing: border-box;
	display: none;
}
.page_orientation.orientation_goal .experiences .experiences-item .post-item{
	padding-top:1rem;
	border-top: dashed 1px #231815;
}
.page_orientation.orientation_goal .experiences .experiences-item .item-content .author{
	text-align: right;
	margin-bottom:2rem;
}
.page_orientation.orientation_goal .experiences .experiences-item .item-foot{
	padding:0 0 1rem;
}

/* orientation_partner */
.page_orientation.orientation_partner .top_area_content {
	background:url(../images/orientation/partner/bg.png) center center no-repeat;
	background-size:cover;
	padding:2.5rem 0;
	text-align: center;
}
.page_orientation.orientation_partner .top_area_content .top_ttl{
	font-size:2rem;
	margin-bottom:1.5rem;
	font-weight: normal;
}
.page_orientation.orientation_partner .sec_ttl{
	margin-bottom:2rem;
	padding:2.5rem 4rem 0;
	text-align: center;
}
.page_orientation.orientation_partner .sec_ttl img{
	width: auto;
	max-width:100%;
}
.page_orientation.orientation_partner .note{
	padding-bottom:6rem;
}
.page_orientation.orientation_partner .note .sec_inner{
	margin:0 auto 2.5rem;
	padding:0 1.4rem;
}
.page_orientation.orientation_partner .note .note-item{
	visibility: hidden;
	width:100%;
	background:url(../images/orientation/partner/note_bg.png) repeat;
	background-position: top center;
	background-size:cover;
	font-size:14px;
	margin:0 auto 2rem;
	padding: 1.4rem 1.4rem 2rem;
	box-sizing: border-box;
	border-radius:0.5rem;
	line-height:2;
}
.page_orientation.orientation_partner .note .vertical_line:nth-child(odd) .note-item{
	background-position: top 10rem center;
}
.page_orientation.orientation_partner .note .note-item .author{
	text-align: right;
}
.page_orientation.orientation_partner .note .note-item p{
	padding-top:2px;
	background: url(../images/orientation/partner/note_border.png);
}
.page_orientation.orientation_partner .note .note-item p strong{
	font-weight: bold;
}
/* orientation_continue */
.page_orientation.orientation_continue .top_area_content {
	background: url(../images/orientation/continue/bg.png) center center no-repeat;
	background-size: cover;
	padding: 2.5rem 0;
	text-align: center;
}
.page_orientation.orientation_continue .top_area_content .top_ttl{
	font-size:2rem;
	margin-bottom:1.5rem;
	font-weight: normal;
}
.page_orientation.orientation_continue .learning{
	padding-bottom: 6rem;
}
.page_orientation.orientation_continue .learning .sec_inner{
	width: 100%;
	padding: 2.4rem 1.2rem;
	box-sizing: border-box;
}
.page_orientation.orientation_continue .learning .sec_inner .learning-item{
	visibility: hidden;
	font-size:1.4rem;
	background:#edecdf;
	border:solid 2px #231815;
	box-sizing: border-box;
}
.page_orientation.orientation_continue .learning .sec_inner .learning-item + .learning-item{
	margin-top:1.2rem;
}
.page_orientation.orientation_continue .learning .sec_inner .learning-item .eye_catch{
	float: left;
	margin-right: 1.2rem;
	margin-bottom: 0.4rem;
}
.page_orientation.orientation_continue .learning .sec_inner .learning-item .eye_catch img{
	width:8.8rem;
	object-fit: cover;
	display: block;
}
.page_orientation.orientation_continue .learning .sec_inner .learning-item .post-item{
	color: #231815;
	padding:1.2rem;
}
.page_orientation.orientation_continue .learning .sec_inner .learning-item .author{
	text-align: right;
}
/*-------------------------------------------------------*/
/* section temporary
/*-------------------------------------------------------*/
.sec_temporary h3{
	font-weight: bold;
	margin-bottom: 1.5rem;
	padding: 0.5rem 0 0.5rem 0.5rem;
	border-left: solid 5px #16a9b2;
}
.sec_temporary h4{
	font-weight: bold;
	margin-bottom: 1rem;
}
.sec_temporary p{
	line-height: 1.5;
	margin-bottom: 1rem;
}
.sec_temporary p + p{
	margin-bottom: 1rem;
}
.sec_temporary li + li{
	margin-top: 0.5rem;
}

/*-------------------------------------------------------*/
/* message_board_rule_wrap
/*-------------------------------------------------------*/
.message_board_rule_wrap h3{
	font-weight: bold;
	padding: 1em 0;
}
.message_board_rule_wrap .message_board_rule dl{
	line-height:1.5;
	margin-bottom:2rem;
}
.message_board_rule_wrap .message_board_rule dl dt{
	display:inline-block;
	font-weight: bold;
	border-left: 4px solid #0DB9B1;
	padding-left: 5px;
}
.message_board_rule_wrap .message_board_rule dl dd{
	padding:1rem 0;
}
.message_board_rule_wrap dl.board_rule ul{
	padding-left: 2em;
}
.message_board_rule_wrap dl.board_rule li{
	list-style: disc;
	padding-bottom: 10px;
}

/*-------------------------------------------------------*/
/* page cs
/*-------------------------------------------------------*/
.page_cs input[type="button"],
.page_cs input[type="submit"]{
	-webkit-appearance: none;
}
.page_cs .faq_related_wrap{
	padding: 0 0 2.5rem;
	background: #fff;
	border-radius: 8px;
}
.page_cs .faq_related_wrap .faq_related_head{
	position: relative;
	padding: 2.5rem 0 2rem;
}
.page_cs .faq_related_wrap .btn_toggle{
	position: absolute;
	top: 20px;
	right: 0;
	display: inline-block;
	padding: 5px 8px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	width: 68px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
}
.page_cs .faq_related_wrap .btn_toggle:before{
	font-family: 'fontAwesome';
	content: '\f078';
}
.page_cs .faq_related_wrap .btn_toggle.on:before{
	content: '\f077';
}
.page_cs .faq_related_wrap .btn_toggle .text-on{
	display: none;
}
.page_cs .faq_related_wrap .btn_toggle .text-off{
	display: inline;
}
.page_cs .faq_related_wrap .btn_toggle.on .text-on{
	display: inline;
}
.page_cs .faq_related_wrap .btn_toggle.on .text-off{
	display: none;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list{
	border: 2px solid #eee;
	max-height: 300px;
	max-height: 30rem;
	overflow: auto;
	overflow-x: hidden;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li a{
	display: block;
	padding: 15px;
	padding: 1.5rem;
	transition: all 0.2s linear;
	color: #555;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li + li{
	border-top: 1px dotted #ccc;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li p{
	line-height: 1.5;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li a:hover{
	background: #fffcee;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .question{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
	margin-bottom: 5px;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .question:before{
	content: 'Q.';
	display: inline;
	color: #16A9B2;
	font-weight: bold;
	margin-right: 0.5em;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .answer{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .answer:before{
	content: 'A.';
	display: inline;
	color: #F14444;
	font-weight: bold;
	margin-right: 0.5em;
}
.page_cs .faq_related_wrap .faq_related_body .faq_releated_bottom{
	padding: 25px 0 25px;
}
.page_cs .form_wrap .form_item .questant_list li + li{
	margin-top: 1.6rem;
}
.page_cs .form_wrap .form_item + .form_item{
	margin-top: 2rem;
}
.page_cs .form_wrap .form_item textarea{
	border: 1px solid #999;
}
/*		page law		*/
.page_law .law_content h3{
	font-weight: bold;
	margin: 1em 0 1em;
}

.page_law .law_content dl{
	line-height:1.5;
	margin-bottom:2rem;
	border-bottom:solid 1px #ccc;
}
.page_law .law_content dl dt{
	display:inline-block;
	padding:0 5px 2px 0;
}
.page_law .law_content dl dt span{
	border-left:solid 3px #999;
	padding:0 0 2px 5px;
	display:inline-block;
}
.page_law .law_content dl dd{
	padding:1rem 0;
}
.page_law .law_content .presidentname{
	width: 6rem;
}
/* cs category */
.cs_category_wrap .container{
	border: none;
    border-radius: 0px;
    box-shadow: none;
    margin: 0 auto;
	padding: 0;
}
.cs_category_wrap .page_inner{
	margin: 0;
	padding: 0;
}
.cs_category_wrap .cs_categorize_wrap{
	padding: 2rem 1.2rem;
}
.cs_category_wrap .cs_categorize_wrap .top_desc{
	width: 80%;
	margin: auto;
	padding: 2rem 0;
	line-height: 1.5;
}
.page_menu.cs_category_wrap .page_inner .menu_list_wrap .menu_list_content h2{
	padding: 0;
}
.page_menu.cs_category_wrap .page_inner .menu_list_wrap .menu_list_content .menu_list{
	padding: 0;
	margin-top: 1.5rem;
}
.page_menu.cs_category_wrap .page_inner .menu_list_wrap .menu_list_content .menu_list li{
	border-top: 1px solid #555;
	border-bottom: none;
}
.page_menu.cs_category_wrap .page_inner .menu_list_wrap .menu_list_content .menu_list li:last-child{
	border-bottom: 1px solid #555;
}
.page_menu.cs_category_wrap .page_inner .menu_list_wrap .menu_list_content .menu_list a {
	padding: 1.5rem 1rem;
}
/* general area */
.cs_category_wrap .cs_categorize_area .general_area{
}
.cs_category_wrap .cs_categorize_area .general_area .category_l{
	padding: 2.6rem 2rem;
	border-top: 1px solid #d2d2d2;
}
.cs_category_wrap .cs_categorize_area .general_area .category_l dd{
	padding: 0 1rem;
}
.cs_category_wrap .cs_categorize_area .general_area dl+dl{
	margin-top: 0rem;
}
.cs_category_wrap .cs_categorize_area .general_area .category_l dt{
	border-left: solid 5px #03C9A9;
	padding-left: 1rem;
	margin-bottom: 1.5rem;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	height: 3rem;
	line-height: 3rem;
}
.cs_category_wrap .general_area .category_l dd ul li{
	display: inline-block;
	padding: 1rem 0;
	margin-right: 20px;
}
.cs_category_wrap .general_area .category_l dd ul li a{
	color: #00acee;
	text-decoration: none;
}
/* corporative area */
.cs_category_wrap .corporative_area{
}
.cs_category_wrap .corporative_area .corporative_link_list .corporative_link{
	position: relative;
	font-size: 0;
	margin-top: 1px;
}
.cs_category_wrap .corporative_area .corporative_link_list .corporative_link a{
	display: block;
}
.cs_category_wrap .corporative_area .corporative_link_list .corporative_link .link_name{
	font-size: 1.6rem;
	font-size: 5vw;
	font-weight: bold;
	color: #fff;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 2rem;
	height: 1.6rem;
}
.cs_category_wrap .corporative_area .corporative_link_list .corporative_link .text_bigger{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}

/*-------------------------------------------------------*/
/* page_guide
/*-------------------------------------------------------*/

/*--- common ---*/
.page_wrap.page_guide .page_inner {
	background: #fff;
	padding: 0;
}
.page_wrap.page_guide .common_inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 1rem;
}
.page_wrap.page_guide .common_inner figure {
	margin: 0 auto;
	max-width: 100%;
}
.page_guide .page_inner .common_inner figure img {
	text-align: center;
	width: 100%;
	height: 100%;
}
.page_wrap.page_guide .page_inner .common_inner .sec_ttl {
	color: #f1890e;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.page_wrap.page_guide .common_inner.inner_500 {
	max-width: 500px;
}
.page_wrap.page_guide .sec.bg_white {
	background: #fff !important;
}
.page_wrap.page_guide .sec.bottom_shadow {
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
	z-index: 1;
}
.page_wrap.page_guide .sec:nth-child(2n){
	background-color: #f5f5f5;
}
.page_wrap.page_guide .sec:nth-child(2n-1){
	background-color: #fff;
}
.page_wrap.page_guide .sec{
	margin-bottom: 0.5rem;
}

/*--- section ---*/

/* sec_1 */
.page_wrap.page_guide .sec.sec_1 {
	padding-top: 2.5rem;
}
.page_wrap.page_guide .sec.sec_1 .sec_ttl {
	margin-bottom: 2rem;
}
.page_wrap.page_guide .sec.sec_1 .sec_desc {
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_1 figure img {
	display: block;
}
/* sec_2 */
.page_wrap.page_guide .sec.sec_2 {
	padding-top: 2.5rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.page_wrap.page_guide .sec.sec_2 .sec_list {
	color: #092846;
	font-size: 1.3rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_2 .sec_list strong {
	font-weight: bold;
}
.page_wrap.page_guide .sec.sec_2 .sec_desc {
	font-size: 1.2rem;
	padding: 0 0 2rem 2rem;
	text-indent: -1rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_2 .sec_desc:before {
	content: "※";
	display: inline-block;
	width: 1rem;
	font-size: 1.2rem;
	text-align: center;
}
/* sec_3 */
.page_wrap.page_guide .sec.sec_3 {
	padding: 2rem 0 1.5rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
	z-index: 1;
}
.page_wrap.page_guide .sec.sec_3 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_3 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_3 p {
	color: #092846;
	font-size: 1.3rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_3 p strong {
	font-weight: bold;
}
/* sec_4 */
.page_wrap.page_guide .sec.sec_4 {
	padding: 2rem 0 1rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.page_wrap.page_guide .sec.sec_4 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_4 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_4 p {
	color: #092846;
	font-size: 1.3rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_4 p strong {
	font-weight: bold;
}
/* sec_5 */
.page_wrap.page_guide .sec.sec_5 {
	padding: 2rem 0 0rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
	z-index: 2;
}
.page_wrap.page_guide .sec.sec_5 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_5 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_5 p {
	color: #092846;
	font-size: 1.3rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_5 p strong {
	font-weight: bold;
}
.page_wrap.page_guide .sec.sec_5 .box_1 {
	border-bottom: solid 1px #eee;
}
.page_wrap.page_guide .sec.sec_5 .box_2 {
	margin-top: 1.5rem;
	padding-bottom: 0.5rem;
	background-image: url("../images/guide/sec_5_box2_bg.png");
	background-repeat: no-repeat;
	background-size: 207px 231px;
}
@media screen and (max-width: 767px) {
	.page_wrap.page_guide .sec.sec_5 .box_2{
		background-position: right -85px bottom;
	}
}
@media screen and (min-width: 768px) {
	.page_wrap.page_guide .sec.sec_5 .box_2{
		background-position: right bottom;
	}
}
@media screen and (min-width: 1024px) {
	.page_wrap.page_guide .sec.sec_5 .box_2{
		background-size: 50%;
	}
}
.page_wrap.page_guide .sec.sec_5 .box_2 .sec_box_ttl {
	padding: 2rem 0 1rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl {
	line-height: 1.5;
	margin-bottom: 1rem;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dt {
	font-size: 14px;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dt.c_l-blue {
	color: #0bcafa !important;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dt.c_green {
	color: #3dcc8c !important;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dt.c_yellow {
	color: #fcc916 !important;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dt.c_yellow .txt{
	color: #d8ab0d !important;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dt.c_red {
	color: #f0295d !important;
}
.page_wrap.page_guide .sec.sec_5 .box_2 dl dd {
	font-size: 13px;
}
/* sec_6 */
.page_wrap.page_guide .sec.sec_6 {
	padding: 2rem 0 1.5rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.page_wrap.page_guide .sec.sec_6 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_6 .sec_desc {
	color: #0bcafa;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_6 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_6 p {
	color: #092846;
	font-size: 1.4rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_6 p strong {
	font-weight: bold;
}
/* sec_7 */
.page_wrap.page_guide .sec.sec_7 {
	padding: 2rem 0 0rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
	z-index: 1;
}
.page_wrap.page_guide .sec.sec_7 .common_inner {
	padding-bottom: 11.5rem;
	background-image: url("../images/guide/sec_7_bg.png");
	background-repeat: no-repeat;
	background-size: 330px;
}
@media screen and (max-width: 767px) {
	.page_wrap.page_guide .sec.sec_7 .common_inner{
		background-position: left -5vh bottom -4vw;
	}
}
@media screen and (min-width: 768px) {
	.page_wrap.page_guide .sec.sec_7 .common_inner{
		padding-bottom: 13.0rem;
		background-position: left 0px bottom 0vh;
		background-size: 90%;
	}
}
@media screen and (min-width: 1024px) {
	.page_wrap.page_guide .sec.sec_7 .common_inner{
		padding-bottom: 8.5rem;
		background-size: contain;
		background-position: left -60px bottom;
	}
}
.page_wrap.page_guide .sec.sec_7 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_7 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_7 p {
	color: #092846;
	font-size: 1.4rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_7 p strong {
	font-weight: bold;
}
.page_wrap.page_guide .sec.sec_7 .box_1 {
	width: 60%;
	float: right;
}
/* sec_8 */
.page_wrap.page_guide .sec.sec_8 {
	padding: 2rem 0 1.5rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.page_wrap.page_guide .sec.sec_8 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_8 .sec_box_ttl {
	color: #092846;
	padding: 2rem 0 1rem;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.page_wrap.page_guide .sec.sec_8 .sec_desc {
	color: #0bcafa;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_8 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_8 p {
	color: #092846;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_8 p strong {
	font-weight: bold;
}
/* sec_9 */
.page_wrap.page_guide .sec.sec_9 {
	padding: 2rem 0 1.5rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
	z-index: 2;
}
.page_wrap.page_guide .sec.sec_9 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_9 .sec_box_ttl {
	color: #092846;
	padding: 2rem 0 1rem;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_9 .sec_box_ttl span {
	color: #f1890e;
}
.page_wrap.page_guide .sec.sec_9 .sec_desc {
	color: #555555;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
	padding-left: 2rem;
	text-indent: -1rem;
	line-height: 1.5;
}
.page_wrap.page_guide .sec.sec_2 .sec_desc:before {
	content: "※";
	display: inline-block;
	width: 1rem;
	font-size: 1.2rem;
	text-align: center;
}
.page_wrap.page_guide .sec.sec_9 figure {
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_9 p {
	color: #092846;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_9 p strong {
	font-weight: bold;
}
/* sec_10 */
.page_wrap.page_guide .sec.sec_10 {
	padding: 2rem 0 1.5rem;
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
	position: relative;
}
.page_wrap.page_guide .sec.sec_10 .sec_ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_10 .sec_box_ttl {
	color: #092846;
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_10 p {
	color: #092846;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}
.page_wrap.page_guide .sec.sec_10 p.sbttl_desc {
	padding: 0 2.4rem;
}
.page_wrap.page_guide .sec.sec_10 p strong{
	font-weight:bold;
}

/*-------------------------------------------------------*/
/* page unsubscribe
/*-------------------------------------------------------*/
.sec_unsubscribe .reason_wrap .ttl_sub{
	font-weight: bold;
	margin-bottom: 1.5rem;
	padding: 0.5rem 0 0.5rem 0.5rem;
	border-left: solid 5px #16a9b2;
}
.sec_unsubscribe .reason_wrap .form_sub_item + .form_sub_item{
	margin-top: 2rem;
}
.sec_unsubscribe .reason_wrap .form_sub_item li + li{
	margin-top: 1.5rem;
}
.sec_unsubscribe .reason_wrap .reason_cat_ttl{
	margin-bottom: 1rem;
}
/*-------------------------------------------------------*/

/* page unsubscribe
/*-------------------------------------------------------*/
.sec_unsubscribe .reason_wrap .ttl_sub {
	font-weight: bold;
	margin-bottom: 1.5rem;
	padding: 0.5rem 0 0.5rem 0.5rem;
	border-left: solid 5px #16a9b2;
}
.sec_unsubscribe .reason_wrap .form_sub_item + .form_sub_item {
	margin-top: 2rem;
}
.sec_unsubscribe .reason_wrap .form_sub_item li + li {
	margin-top: 1.5rem;
}
.sec_unsubscribe .reason_wrap .reason_cat_ttl {
	margin-bottom: 1rem;
}
.sec_unsubscribe .reason_wrap .custom_radio {
	margin-right: 3rem;
}
/*-------------------------------------------------------*/
/* page lessonguide
/*-------------------------------------------------------*/
.page_wrap.page_lessonguide{
	background: #000;
}
.page_wrap.page_lessonguide .content {
	color: #fff;
	box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	max-width: 500px;
	margin: 0 auto;
	padding-top: 2rem;
}
.page_wrap.page_lessonguide .content dl dt {
	padding: 1.5rem;
	font-weight: bold;
	font-size: 1.4rem;
	position: relative;
	background: #323232;
}
.page_wrap.page_lessonguide .content dl + dl{
	margin-top: 1rem;
}
.page_wrap.page_lessonguide .content dl dt:after {
	position: absolute;
	font-family: FontAwesome;
	display: inline-block;
	top: 50%;
	transform: translateY(-50%);
	right: 1.5rem;
	font-size: 1.8rem;
}
.page_wrap.page_lessonguide .content dl dt:after {
	content: url('../images/icon/icon_arrow-white.svg');
	display: block;
	height: max-content;
}
.page_wrap.page_lessonguide .content dl dt.on:after {
	transform: rotate(180deg);
	transform-origin: center;
}
.page_wrap.page_lessonguide .content dl dd {
	padding: 1.5rem 2rem;
	border-top: dotted 1px #000;
	line-height: 1.5;
	display: none;
	background: #323232;
}
.page_wrap.page_lessonguide .content dl dd .item_ttl {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	color: #f1890e;
}
.page_wrap.page_lessonguide .content dl dd .item_ttl .fa {
	margin: 0 5px 0 0;
}
.page_wrap.page_lessonguide .content dl dd p {
	font-size: 1.6rem;
}
.page_wrap.page_lessonguide .content dl dd figure {
	padding: 20px 0;
}
.page_wrap.page_lessonguide .content dl dd figure img {
	width: 80%;
	display: block;
	margin: 0 auto;
}
.page_wrap.page_lessonguide .content dl dd .notice li {
	padding-left: 1em;
	text-indent: -1em;
}
.page_wrap.page_lessonguide .content dl dd .notice li:before {
	content: "※";
}
.page_wrap.page_lessonguide .content dl dd .desc p{
	margin-bottom: 2rem;
}
.page_wrap.page_lessonguide .content dl dd .ic-arrow_bottom:after{
	content: url(../images/reserveguide/arrow.png);
	display: block;
	text-align: center;
	margin: 2rem 0;
	width: auto;
	line-height: 1;
}
/* device android (renewal UI) */
.page_wrap.page_lessonguide.device_android .content dl dd figure {
	padding: 0 2rem;
	box-sizing: border-box;
}
.page_wrap.page_lessonguide.device_android .content dl dd figure img {
	width: 100%;
	border: 1px solid #ccc;
}

/*-------------------------------------------------------*/
/* page readmission_desc
/*-------------------------------------------------------*/
.page_wrap.page_readmission_desc {
	background: #fff;
}
.page_wrap.page_readmission_desc .page_inner {
	background: #f5f5f5;
	padding: 0;
}
.page_wrap.page_readmission_desc .sec_1 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: center;
	padding: 10px 0;
}
.page_wrap.page_readmission_desc .sec_2 {
	border-bottom: solid 1px #ccc;
	background: #fff;
}
.page_wrap.page_readmission_desc .sec_2 .sec_ttl {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background: #081c35;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
	position: relative;
}
.page_wrap.page_readmission_desc .sec_2 .sec_ttl:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #19283c;
	margin: auto;
}
.page_wrap.page_readmission_desc .sec_2 ul {
	margin-bottom: 20px;
}
.page_wrap.page_readmission_desc .sec_2 ul li {
	position: relative;
}
.page_wrap.page_readmission_desc .sec_2 ul li + li {
	margin-top: 50px;
}
.page_wrap.page_readmission_desc .sec_2 ul li + li:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #19283c;
	margin: auto;
}
.page_wrap.page_readmission_desc .sec_2 ul li dl {
	padding: 0 10px;
}
.page_wrap.page_readmission_desc .sec_2 ul li dl dt {
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}
.page_wrap.page_readmission_desc .sec_2 ul li dl dt span {
	color: #fff;
	background: #081c35;
	border-radius: 2px;
	padding: 2px;
	box-sizing: border-box;
}
.page_wrap.page_readmission_desc .sec_2 ul li dl dd {
	text-align: center;
	margin-bottom: 20px;
}
.page_wrap.page_readmission_desc .sec_2 ul li dl dd .btn_wrap .btn_style {
	width: 80%;
}
.page_wrap.page_readmission_desc .sec_2 ul li p {
	text-align: center;
	font-weight: bold;
}
.page_wrap.page_readmission_desc .sec_3 {
	text-align: center;
	background: #fff;
}
.page_wrap.page_readmission_desc .sec_3 .common_inner {
	padding: 30px 0;
}
.page_wrap.page_readmission_desc .sec_3 .common_inner p {
	font-size: 16px;
	font-size: 1.6rem;
}
/*-------------------------------------------------------*/
/* page readmission_order
/*-------------------------------------------------------*/
.page_wrap.page_readmission_order {
	background: #fff;
}
.page_wrap.page_readmission_order .page_inner {
	background: #f5f5f5;
	padding: 0;
}
.page_wrap.page_readmission_order .sec_1 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: center;
	padding: 10px 0;
	background: #f5f5f5;
	border-bottom: solid 1px #ccc;
}
.page_wrap.page_readmission_order .sec_2 {
	border-bottom: solid 1px #ccc;
	background: #fff;
	padding: 20px 0;
}
.page_wrap.page_readmission_order .sec_2 .error {
	background: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px 0 10px;
	text-align: center;
	border: 2px dotted #eb8103;
	border-radius: 5px;
	margin: 0px auto 10px;
	box-sizing: border-box;
}
.page_wrap.page_readmission_order .sec_2 table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: separate;
	padding: 0 10px;
	border: solid 1px #aaa;
}
.page_wrap.page_readmission_order .sec_2 table th {
	text-align: right;
	padding: 0 10px;
	box-sizing: border-box;
	width: 40%;
}
.page_wrap.page_readmission_order .sec_2 table td {
	width: 60%;
	text-align: left;
}
.page_wrap.page_readmission_order .sec_2 table td input {
	width: 100%;
	box-sizing: border-box;
	border-radius: 0;
	border: none;
}
.page_wrap.page_readmission_order .sec_2 table tr + tr th,
 .page_wrap.page_readmission_order .sec_2 table tr + tr td {
	border-top: solid 1px #ccc;
}
.page_wrap.page_readmission_order .sec_2 .btn_wrap {
	text-align: center;
}
.page_wrap.page_readmission_order .sec_2 .btn_wrap li a{
	width:80%;
}

.page_wrap.page_readmission_order .sec_3 {
	background: #fff;
	text-align: center;
	padding: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}
.page_wrap.page_readmission_order .sec_3 p {
	margin-bottom: 20px;
}
/*-------------------------------------------------------*/
/* page readmission_complete
/*-------------------------------------------------------*/
.page_wrap.page_readmission_complete{
	background:#fff;
}
.page_wrap.page_readmission_complete .page_inner{
	background:#f5f5f5;
	padding:0;
}
.page_wrap.page_readmission_complete .sec_1{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
	text-align:center;
	padding:10px 0;
	background:#f5f5f5;
	border-bottom:solid 1px #ccc;
}
.page_wrap.page_readmission_complete .sec_2{
	border-bottom:solid 1px #ccc;
	background:#fff;
	padding:20px 0;
}
.page_wrap.page_readmission_complete .sec_2 .sec_ttl{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	line-height:1.5;
	margin-bottom:20px;
}
.page_wrap.page_readmission_complete .sec_2 .btn_wrap{
	text-align:center;
}
.page_wrap.page_readmission_complete .sec_2 .btn_wrap li a,
.page_wrap.page_readmission_order .sec_2 .btn_wrap li input{
	width:80%;
	-webkit-appearance: none;
}

.page_wrap.page_readmission_complete .sec_3{
	background:#fff;
	text-align:center;
	padding:20px;
	font-size:14px;
	font-size:1.4rem;
}
/*-------------------------------------------------------*/
/* page premium_plan_desc
/*-------------------------------------------------------*/
.page_wrap.page_premium_plan_desc {
	background: #fff;
	line-height: 1.5;
}
.page_wrap.page_premium_plan_desc .page_inner {
	background: #f5f5f5;
	padding: 0;
}
.page_wrap.page_premium_plan_desc .sec_1 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 10px 0;
}
.page_wrap.page_premium_plan_desc .sec_1 .notice {
	border: solid 1px #ffd6d6;
	background: #fff8f9;
	padding: 10px;
	box-sizing: border-box;
	padding-left: 1.5em;
	text-indent: -1em;
}
.page_wrap.page_premium_plan_desc .sec_2 {
	background: #fff;
}
.page_wrap.page_premium_plan_desc .sec_2 .sec_ttl {
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background: #081c35;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 30px;
	position: relative;
	font-weight: bold;
}
.page_wrap.page_premium_plan_desc .sec_2 .sec_ttl:after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #19283c;
	margin: auto;
}
.page_wrap.page_premium_plan_desc .sec_2 .box_ttl {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.page_wrap.page_premium_plan_desc .sec_2 p {
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 10px;
}
.page_wrap.page_premium_plan_desc .sec_2 dl {
	margin-bottom: 20px;
	line-height: 1.5;
}
.page_wrap.page_premium_plan_desc .sec_2 dl dt {
	font-size: 13px;
	font-size: 1.3rem;
	padding-left: 2em;
	text-indent: -1em;
	margin-bottom: 10px;
}
.page_wrap.page_premium_plan_desc .sec_2 dl dd {
	padding: 0 10%;
}
.page_wrap.page_premium_plan_desc .sec_2 dl dd figure img {
	max-width: 100%;
	border-radius: 5px;
	border: solid 1px #ccc;
	box-sizing: border-box;
}
.page_wrap.page_premium_plan_desc .sec_2 ul li + li:after {
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #19283c;
	margin: auto;
}
.page_wrap.page_premium_plan_desc .sec_2 ul li dl {
	padding: 0 10px;
}
.page_wrap.page_premium_plan_desc .sec_2 ul li dl dt {
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
}
.page_wrap.page_premium_plan_desc .sec_2 ul li dl dt span {
	color: #fff;
	background: #081c35;
	border-radius: 2px;
	padding: 2px;
	box-sizing: border-box;
}
.page_wrap.page_premium_plan_desc .sec_2 ul li dl dd {
	text-align: center;
	margin-bottom: 20px;
}
.page_wrap.page_premium_plan_desc .sec_2 ul li dl dd .btn_wrap .btn_style {
	width: 80%;
}
.page_wrap.page_premium_plan_desc .sec_2 .common_inner .btn_wrap {
	text-align: center;
	padding-bottom: 20px;
}
.page_wrap.page_premium_plan_desc .sec_2 .common_inner .btn_wrap .btn_style {
	width: 80%;
}
.page_wrap.page_premium_plan_desc .sec_3 {
	background: #fff;
	padding: 20px 0;
	text-align: center;
}
/*-------------------------------------------------------*/
/* page invite friends
/*-------------------------------------------------------*/
.page_wrap.page_invite_friends .page_inner {
	padding: 0;
}
.page_wrap.page_invite_friends .page_inner .sec_header img {
	display: block;
}
.page_wrap.page_invite_friends .page_inner .sec_desc {
	background: #fff;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .sec_ttl {
	font-size: 15px;
	font-size: 1.5rem;
	width: 100%;
	color: #fff;
	background: #004986;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	position: relative;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .sec_ttl:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #004986;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps {
	background: #fff;
	padding: 30px 20px;
	position: relative;
	line-height: 1.5;
	max-width: 35rem;
	margin: auto;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps .step_ttl {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .border {
	padding: 0 20px;
	background: #fff;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .border img {
	display: block;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps figure {
	padding: 0 5rem;
	margin-bottom: 2rem;
}



.page_wrap.page_invite_friends .page_inner .sec_desc .steps.step3 .step_inner{
	margin-bottom: 2rem;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps.step3 .step_inner .step_content{
	display: table;
	width: 30rem;
	margin: 0 auto;
	padding: 0;
	max-width: 600px;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps.step3 .step_inner .step_content + .step_content{
	margin-top: 2rem;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps.step3 .step_inner .step_content .step_img{
	display: table-cell;
	width: 50%;
	margin: 0 auto;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps.step3 .step_inner .step_content .step_text{
	display: table-cell;
	vertical-align: middle;
	font-size: 1.8rem;
	font-weight: bold;
	width: 70%;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_link .sec_ttl {
	font-size: 15px;
	font-size: 1.5rem;
	width: 100%;
	color: #fff;
	background: #004986;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	position: relative;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_link .sec_ttl:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #004986;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_link .sec_inner {
	padding: 30px 20px;
	background: #fff;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_link .sec_inner .link_wrap input[type="text"] {
	width: 100%;
	box-sizing: border-box;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_link .link_wrap .func_copy {
	background: #e8716c;
	text-shadow: none;
	box-shadow: none;
	display: table-cell;
	vertical-align: middle;
}

.page_wrap.page_invite_friends .page_inner .sns_btn_wrap {
	font-size: 0;
	text-align: center;
}
.page_wrap.page_invite_friends .page_inner .sns_btn_wrap li {
	font-size: 15px;
	font-size: 1.5rem;
	display: inline-block;
	width: 29px;
	margin: 0 10px;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_ttl {
	font-size: 15px;
	font-size: 1.5rem;
	width: 100%;
	color: #fff;
	background: #004986;
	text-align: center;
	font-weight: bold;
	line-height: 35px;
	position: relative;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_ttl:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 15px solid transparent;
	border-top: 15px solid #004986;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_inner {
	padding: 30px 20px;
	background: #fff;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_inner dl {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 15px;
	font-size: 1.5rem;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_inner dl dt {
	margin-bottom: 10px;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_inner dl dt:before {
	content: "Q.";
	color: #16a9b2;
	position: relative;
	left: -5px;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_inner dl dd:before {
	content: "A.";
	color: #f1890e;
	position: relative;
	left: -5px;
}
.page_wrap.page_invite_friends .page_inner .sec_invite_faq .sec_inner .fa {
	text-indent: 0;
}

/*-------------------------------------------------------*/
/* campaign_limited_time
/*-------------------------------------------------------*/
/* common */
.page_wrap--campaign_limited_time {
	background: #000;
	color: #fff;
	min-height: 100%;
}
.page_wrap--campaign_limited_time .page_inner{
	padding: 0;
}
.page_wrap--campaign_limited_time p{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.page_wrap--campaign_limited_time .main_img_area{
	position: relative;
}
.page_wrap--campaign_limited_time .main_img_area .main_img{
	display: block;
	width: 100%;
}
.page_wrap--campaign_limited_time .campaign_intro{
	text-align: left;
	max-width: 750px;
	margin: 0 auto;
}
.page_wrap--campaign_limited_time .content_list ul{
	font-size: 0;
}
.page_wrap--campaign_limited_time .content_list .content_box{
	position: relative;
	background: #03c9a9;
	box-shadow: 0 5px 0 0 #21a086;
	border-radius: 7px;
}
.page_wrap--campaign_limited_time .content_list .content_box + .content_box{
	margin-top: 20px;
	margin-top: 2.0rem;
}
.page_wrap--campaign_limited_time .content_list .content_box:last-child{
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
.page_wrap--campaign_limited_time .content_list .content_box:after{
	content: "\f078";
	color: #fff;
	font-family: "FontAwesome";
	line-height: 50px;
	font-size: 15px;
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1rem;
	margin: auto;
	width: 30px;
	height: 50px;
	text-align: right;
}
.page_wrap--campaign_limited_time .content_list .content_box:hover{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0.8;
}
.page_wrap--campaign_limited_time .content_list .content_box a{
	color: #fff;
	font-weight: bold;
	display: block;
	padding: 10px 13px;
	padding: 1rem 1.3rem;
	height: auto;
	min-height: 35px;
}
.page_wrap--campaign_limited_time .btn_style.btn_green.btn_bottom_shadow.size_8{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	max-width: 90%;
}
@media screen and (max-width : 370px){
	.page_wrap--campaign_limited_time .content_list .content_box a{
		padding: 1.5rem 3.0rem;
	}
}
@media screen and (min-width : 768px){
	.page_wrap--campaign_limited_time .content_list .content_box a{
		padding: 15px 5px;
		padding: 1.5rem 5.0rem;
	}
}
.page_wrap--campaign_limited_time .sec{
	padding: 20px 30px 30px;
	padding: 2.0rem 3.0rem 3.0rem;
}
.page_wrap--campaign_limited_time .heading_bar{
	text-align: center;
	background: #004986;
	color: #fff;
	padding: 1rem;
}
.page_wrap--campaign_limited_time .heading_bar h2{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: bold;
}
.page_wrap--campaign_limited_time .sec .campaign_desc dt,.campaign_free-beginning_teacher .sec .campaign_desc dt{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	color: #004986;
	line-height: 1.5;
}
.page_wrap--campaign_limited_time .sec .campaign_desc p + p{
	margin-top: 20px;
	margin-top: 2.0rem;
}
.page_wrap--campaign_limited_time .sec .campaign_desc .notice_box{
	border-radius: 7px;
	border: 1px solid #ccc;
	margin-top: 15px;
	margin-top: 1.5rem;
}
.page_wrap--campaign_limited_time .sec .campaign_desc .notice_box > p + p{
	margin-top: 0;
}
.page_wrap--campaign_limited_time .sec .campaign_desc .ui_notice_list{
	margin-top: 25px;
	margin-top: 2.5rem;
}
.ui_notice_list .ui_notice_text{
	font-size: 1.3rem!important;
	line-height: 1.5!important;
	margin-bottom: 1rem;
	color: #999999!important;

}

.page_wrap--campaign_limited_time .sec .campaign_desc .ui_notice_list ul li + li{
	margin-top: 0;
}
.page_wrap--campaign_limited_time .sec .campaign_desc + .campaign_desc,.campaign_free-beginning_teache .sec .campaign_desc + .campaign_desc{
	padding-top: 25px;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 20px;
	margin-top: 2.0rem;
}
.page_wrap--campaign_limited_time .btn_wrap{
	margin-top: 20px;
	margin-top: 2.0rem;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign,.campaign_free-beginning_teacher .btn_wrap .btn_style.style_campaign{
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px 30px;
	padding: 1.5rem 3.0rem;
	line-height: 1.4;
	height: 50px;
	height: 5.0rem;
	box-sizing: border-box;
	border-radius: 7px;
	box-shadow: 0 3px 0 0 #032a0a;
	width: auto;
	min-width: 260px;
	min-width: 26rem;
	text-shadow: none;
	border: none !important;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign:hover{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	opacity: 0.8;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_blue_2{
	background: #00acee;
	box-shadow: 0 3px 0 0 #0093bf !important;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_yellow{
	background: #f1890e;
	box-shadow: 0 3px 0 0 #c46a26;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_green{
	background: #03c9a9;
	box-shadow: 0 4px 0 0 #21a086;
	font-size: 1.6rem;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_red{
	box-shadow: 0 4px 0 0 #ad4237;
	max-width: 40rem;
}
.page_wrap--campaign_limited_time .sec .btn_wrap .btn_style.style_campaign.btn_orange {
	height: 44px;
	line-height: 44px;
	box-shadow: 0 4px 0 0 #c16e0b;
	font-weight: bold;
	padding: 0 40px;
	padding: 0 4.0rem;
	box-sizing: border-box;
}
/* sec_top */
.page_wrap--campaign_limited_time .sec_top{
	padding: 20px 15px 30px;
	padding: 2.0rem 1.5rem 3.0rem;
	position: relative;
	z-index: 0;
}

/* sec_sns_post */
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_twitter{
	background: #50abf1;
	box-shadow: 0 4px 0 0 #4087bd;

}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_instagram{
	background: #da2f74;
	box-shadow: 0 4px 0 0 #a12356;
	padding: 1.3rem;
}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_facebook{
	background: #3b5998;
	box-shadow: 0 4px 0 0 #263962;

}
.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign i{
	font-size: 26px;
	font-size: 2.6rem;
	vertical-align: middle;
	padding-right: 5px;
}

.page_wrap--campaign_limited_time .m_b_-10{
	margin-bottom: -10px;
}
.page_wrap--campaign_limited_time .page_inner .p_b_05{
	padding-bottom: 0.5rem;
}
.page_wrap--campaign_limited_time .sec_top  .p_l_-10{
	padding-left: -10px;
}
.page_wrap--campaign_limited_time .page_inner .h_20{
	position: relative;
	height: 2rem;
}
.page_wrap--campaign_limited_time .page_inner .lh_05{
	line-height: 0.5 !important;
}
.page_wrap--campaign_limited_time .t_nowrap{
	white-space: nowrap;
}
@media screen and (max-width : 530px){
	.page_wrap--campaign_limited_time .sec .b_b_2_no{
	border: none !important;
	}
}
.page_wrap--campaign_limited_time .t_color_red {
	color: #F84F63;
}
.page_wrap--campaign_limited_time .target_time {
	margin: 1rem 4rem;
	text-align: center;
	border: 1px solid #F84F63;
	border-radius: 5px;
	padding-bottom: 1rem;
}
.page_wrap--campaign_limited_time .target_time .title {
	background-color: #F84F63;
	padding: 1rem;
}
.campaign_desc_flow {
	border: 1px solid #004986;
	padding: 1rem;
}
.campaign_free-beginning_teacher .campaign_desc_flow {
	border: 1px solid #fff;
}
.campaign_desc_flow dt {
	margin: 1rem auto!important;
	display: table;
}
.page_wrap--campaign_limited_time .t_color_black,.campaign_free-beginning_teacher .t_color_black {
	color: initial!important;
	color: #000;
}

.page_wrap--campaign_limited_time .ui_notice_list {
	background-color: #323232;
	border-radius: 5px;
	padding: 1rem;
}
.campaign_free-beginning_teacher {
	color: #fff;
}
.campaign_free-beginning_teacher .ttl_img {
	max-width: 30px;
	max-height: 30px;
	background-color: #FFB7B2;
	padding: 1rem;
	border: 1rem solid #004986;
}
.page_wrap.campaign_free-beginning_teacher .sec_header{
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #004986;
	padding: 2rem 2.6rem
}
.page_wrap.campaign_free-beginning_teacher .sec_header img{
	width: 48px;
	height: 48px;
	margin-right: 1rem;
}
.campaign_half_price {
	color: #fff;
}
.campaign_half_price .ttl_img {
	max-width: 30px;
	max-height: 30px;
	background-color: #004986;
	border: solid 0.1rem #fff;
	outline: solid 0.8rem #004986;
	outline-offset: 1px;
	margin: 0.9rem;
	padding: 1rem;
}
.campaign_free-beginning_teacher .ttl_area,.campaign_half_price .ttl_area {
	display: flex;
}
.campaign_free-beginning_teacher .flex-grow_1,.campaign_half_price .flex-grow_1 {
	flex-grow: 1;
}
.campaign_free-beginning_teacher .t_color_red {
	color: #F84F63;
}
.inverted_triangle {
	width: 0;
height: 0;
	border-right: 2rem solid transparent;
	border-left: 2rem solid transparent;
	border-top: 2rem solid #555555;
	margin: 0 auto 2rem;
}
/*-------------------------------------------------------*/
/* campaign_valentine
/*-------------------------------------------------------*/

.page_wrap--campaign_limited_time.campaign_valentine .m_b_-10{
	margin-bottom: -10px;
}
.page_wrap--campaign_limited_time.campaign_valentine .page_inner .p_b_05{
	padding-bottom: 0.5rem;
}
.page_wrap--campaign_limited_time.campaign_valentine .sec_top  .p_l_-10{
	padding-left: -10px;
}
.page_wrap--campaign_limited_time.campaign_valentine .page_inner .h_20{
	position: relative;
	height: 2rem;
}
.page_wrap--campaign_limited_time.campaign_valentine .page_inner .lh_05{
	line-height: 0.5 !important;
}
.page_wrap--campaign_limited_time.campaign_valentine .t_nowrap{
	white-space: nowrap;
}
.page_wrap--campaign_limited_time.campaign_valentine .content_list .content_box a{
	padding: 1rem 1.3rem;
	height: auto;
	min-height: 35px;
}
.page_wrap--campaign_limited_time.campaign_valentine .sec_top  .content_box{
	background: #03c9a9;
	box-shadow: 0 5px 0 0 #21a086;
}
.page_wrap--campaign_limited_time.campaign_valentine .content_list .content_box:after{
	content: "\f078";
	color: #fff;
	font-family: "FontAwesome";
	line-height: 50px;
	font-size: 15px;
	font-size: 1.5rem;
}
.page_wrap--campaign_limited_time.campaign_valentine .present_count{
	background: #fff;
	color: #004986;
	margin-bottom: 10px;
}
.page_wrap--campaign_limited_time.campaign_valentine .heading_bar{
	background: #004986;
	color: #fff;
	padding: 1.5rem 1.7rem 1rem;
}
.page_wrap--campaign_limited_time.campaign_valentine .sec .btn_wrap .btn_style.style_new_year.btn_yellow{
	background: #f1890e;
	box-shadow: 0 3px 0 0 #c46a26;
}
.page_wrap--campaign_limited_time.campaign_valentine .sec_top .content_list .content_box .content_box_inner .present_icon i{
	color: #fff;
	vertical-align: middle;
	transform: scale(4);
}
.page_wrap--campaign_limited_time .sec_sns_post .btn_wrap .d_table .btn_style.style_valentine{
	min-width: 387px;
}
.page_wrap--campaign_limited_time.campaign_valentine .btn_wrap .btn_style.style_new_year{
	background: #03c9a9;
	box-shadow: 0 3px 0 0 #21a086;
	line-height: 1.7;
	height: 45px;
	height: 5rem;
}
.page_wrap--campaign_limited_time.campaign_valentine .sec .btn_wrap .btn_blue_2{
	background: #00acee;
	box-shadow: 0 3px 0 0 #0093bf !important;
}
@media screen and (max-width : 530px){
	.page_wrap--campaign_limited_time.campaign_valentine .sec .b_b_2_no{
	border: none !important;
	}
}
.page_wrap--campaign_limited_time.campaign_valentine .btn_wrap .btn_style.style_valentine{
	font-size: 14px;
	font-size: 1.4rem;
	padding: 15px 30px;
	padding: 1.5rem 3.0rem;
	line-height: 1.3;
	height: 45px;
	height: 4.5rem;
	box-sizing: border-box;
	border-radius: 7px;
	box-shadow: 0 3px 0 0 #032a0a;
	width: auto;
	min-width: 260px;
	min-width: 26rem;
	text-shadow: none;
	border: none !important;
}

/*-------------------------------------------------------*/
/* page reserve_guide
/*-------------------------------------------------------*/
/* modal css */
.modal_btn_area{
	border-top: #ccc solid 1px;
}
.modal_btn_area.modal_btn_center{
	text-align: center;
}
.modal_btn_area.modal_btn_half ul{
	display: table;
	width: 100%;
}
.modal_btn_area.modal_btn_half ul li{
	display: table-cell;
	width:50%;
	text-align:center;
	font-size: 16rem;
	font-size: 1.6rem;
}
.modal_btn_area ul li a{
	display: block;
	padding: 1.5rem 0;
	color: #2188FA;
	font-size: 16px;
	font-size: 1.6rem;
}
.modal_btn_area.modal_btn_half ul li:first-child{
	font-weight: bold;
	border-right: 1px solid #ccc;
}
.modal_window-sp{
	left: 0;
    right: 0;
    background: #232323;
    border-radius: 12px;
    width: 75%;
    max-width: 640px;
    box-sizing: border-box;
    margin: auto;
    opacity: 1 !important;
}
.page_reserveguide .btn_order_second_coin{
	width: 90%;
}
.page_reserveguide .c_right-blue{
	color:#16A9B2;
}
.page_reserveguide .caution_area{
	background: #fff8f9;
	border: #ffd6d6 solid 1px;
	border-radius: 5px;
	padding: 1rem 1rem;
}
/*-------------------------------------------------------*/
/* page counseling_guide
/*-------------------------------------------------------*/
.page_counseling_guide{
	background:#fff;
	padding-top: 6rem;/* disable when hide icon for JPN */
}
.page_counseling_guide .page_inner{
	padding: 10px;
	padding: 1.0rem;
}
.page_counseling_guide h2{
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	color: #555;
}
.page_counseling_guide h3{
	font-size: 16px;
	font-size: 1.6rem;
	color: #555;
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
.page_counseling_guide .ui_notice_list{
	margin-top: 20px;
	margin-top: 2.0rem;
}
.page_counseling_guide .ui_notice_list li{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 0;
}
.page_counseling_guide .consultation_list{
	max-width: 350px;
	max-width: 35rem;
	margin: 0 auto;
	border: 2px solid #ccc;
	padding: 10px 10px;
	padding: 1.0rem 1.0rem;
	box-sizing: border-box;
}
.page_counseling_guide .consultation_inner{
	display: table;
	width: 100%;
	text-align: center;
	margin: 10px auto 0;
	margin: 1.0rem auto 0;
	max-width: 300px;
	max-width: 30rem;
}
.page_counseling_guide .consultation_inner:first-child{
	margin-top: 0;
}
.page_counseling_guide .consultation_inner .consultation_img{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
}
.page_counseling_guide .consultation_inner .consultation_img img{
	max-width: 60px;
	display: block;
	margin: 0 auto;
}
.page_counseling_guide .consultation_inner .consultation_ttl{
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	font-size: 1.4rem;
	color: #555;
}
.page_counseling_guide .consultation_inner .consultation_ttl sup{
	font-size: 1.0rem;
	vertical-align: top;
	line-height: 1;
	font-weight: bold;
}
.page_counseling_guide .counseling_time{
	border: 1px solid #fee4e4;
	padding:10px;
	padding: 1.0rem;
	background: #fef8f8;
	margin: 20px 0;
	margin: 2.0rem 0;
	box-sizing: border-box;
}
.page_counseling_guide .counseling_time.ios{
	margin-bottom: 200px;
	margin-bottom: 20rem;
}
@media screen and (max-width: 320px){
	.page_counseling_guide h2{
		font-size: 16px;
		font-size: 1.6rem;
	}
	.page_counseling_guide h3{
		font-size: 15px;
		font-size: 1.5rem;
	}
}
.page_counseling_guide.bg-black{
	background-color: #000000;
	color: #FFF;
}
.page_counseling_guide.bg-black h2{
	color: #FFF;
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.page_counseling_guide.bg-black .consultation_list{
	border: none;
	max-width: none;
	padding: 0;
}
.page_counseling_guide.bg-black .consultation_list > ul{
	display: flex;
	align-items: flex-start;
	overflow: scroll;
}
.page_counseling_guide.bg-black .consultation_list > ul > li + li{
	margin: 0 0 0 10px;
}
.page_counseling_guide.bg-black .consultation_inner {
	display: block;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_img{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #FFF4E6;
	border-radius: 4px;
	width: 80px;
	height: 80px;
	width: 21.333vw;
	height: 21.333vw;
	margin-bottom: 8px;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_img img{
	max-width: none;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_ttl{
	color: #FFF;
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.5;
}
.page_counseling_guide.bg-black .lesson_history{
	font-size: 1.4rem;
	margin-top: 15px;
}
.page_counseling_guide.bg-black .lesson_history .count{
	margin-left: 14px;
}
.page_counseling_guide.bg-black .lesson_history .t_link{
	margin-left: 15px;
}
.page_counseling_guide.bg-black .counseling_time{
	background-color: #222222;
	border: none;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.page_counseling_guide.bg-black .ui_notice_list{
	margin-top: 0;
}
.page_counseling_guide.bg-black .ui_notice_list li{
	font-size: 1.3rem;
}
.page_counseling_guide.bg-black .ui_notice_list li + li{
	margin-top: 20px;
}
.page_counseling_guide .cs_wrap{
	border: #ccc 1px solid;
	padding: 16px 20px 21px;
	text-align: center;
	margin-bottom: 90px;
}
.page_counseling_guide .cs_wrap .text{
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.7;
}
.page_counseling_guide .cs_wrap .btn-white{
	display: block;
	margin: 20px auto 0;
	border-radius: 5px;
	font-size: 1.5rem;
	font-weight: bold;
	color: #555;
	background-color: #ccc;
	padding: 10px;
	width: 100%;
	max-width: 290px;
}
.page_counseling_guide.bg-black .cs_wrap{
	border: #FFF 1px solid;
}
.page_counseling_guide.bg-black .cs_wrap .btn-white{
	color: #000;
	background-color: #FFF;
}
/*-------------------------------------------------------*/
/* deactivate app plan
/*-------------------------------------------------------*/
.deactivation_app_plan_wrap .contents_inner{
	margin: 0 1rem;
}
.deactivation_app_plan_wrap .contents_inner figure{
	text-align: center;
}
.deactivation_app_plan_wrap .contents_inner img{
	width: 90%;
}
.deactivation_app_plan_wrap .container h2{
	font-size: 18px;
	font-size: 1.8rem;
}


/* sec app desc */
.deactivation_app_plan_wrap .sec_app_desc dt{
	border-left: #03C9A9 solid 4px;
    padding-left: 1.0rem;
    font-size: 15px;
    font-size: 1.5rem;
	line-height: 1.5;
}
.deactivation_app_plan_wrap .sec_app_desc dl dd{
	margin: 1rem 0 3rem;
}
.deactivation_app_plan_wrap .sec_app_desc dl dd>p{
	line-height: 1.5;
	margin-bottom: 1rem;
	font-size: 14px;
	font-size: 1.4rem;
}
.deactivation_app_plan_wrap h3{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1.0rem;
}

/* caution */
.deactivation_app_plan_wrap .caution_area{
	border: #ccc solid 4px;
	border-radius: 5px;
	padding: 1rem;
	margin: 1.5rem 0;
}
.deactivation_app_plan_wrap .caution_area li{
	font-size: 13px;
	font-size: 1.3rem;
}

/* PC desc */
.deactivation_app_plan_wrap .sec_pc_desc .pc_desc_list{
	margin: 20px 0;
}
.deactivation_app_plan_wrap .sec_pc_desc .pc_desc_list li{
	text-indent: -20px;
	padding-left: 20px;
	line-height: 1.5;
}
.deactivation_app_plan_wrap .sec_pc_desc .pc_desc_list li+li{
	margin-top: 10px;
}

/* search box */
.page_cs_history.bg_black{
	background: #000;
	color: #FFF;
}
.page_cs_history .page_inner .search_wrap{
	padding: 0 2% 1rem;
}
/*-------------------------------------------------------*/
/* page message-board-detail
/*-------------------------------------------------------*/
.page_message-board-detail{
	line-height:1.5;
}
.page_message-board-detail .page_inner{
	padding:0;
	background:#fff;
}
.page_message-board-detail .transition{
}
.page_message-board-detail .transition a{
	color:#1f1f1f;
	text-decoration:underline;
}
.page_message-board-detail .content{
	padding:10px;
	padding:1rem;
}
.page_message-board-detail .content .topics_theme{
	background:#f5f5f5;
	padding:1.5rem 1rem;
	border: solid 3px #ccc;
    border-radius: 5px;
}
.page_message-board-detail .content .theme_ttl{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_message-board-detail .content .topics_theme .theme_head{
	width:100%;
	display:table;
	margin-bottom:15px;
	margin-bottom:1.5rem;
}
.page_message-board-detail .content .topics_theme .theme_head .entrant,
.page_message-board-detail .content .topics_theme .theme_head .number{
	display:table-cell;
	vertical-align:middle;
}
.page_message-board-detail .content .topics_theme .theme_head .entrant .date{
	margin-right:10px;
	margin-right:1rem;
}
.page_message-board-detail .content .topics_theme .theme_head .number{
	color: #F1B343;
	text-align: right;
}
.page_message-board-detail .content .comment_head{
	margin-bottom:15px;
	margin-bottom:1.5rem;
}
.page_message-board-detail .content .comment_head .date{
	margin-right:10px;
	margin-right:1rem;
}
.page_message-board-detail .content .comment_body{
	word-break:break-all;
	margin-bottom:15px;
	margin-bottom:1.5rem;
}
.page_message-board-detail .content .comment_area{
	word-break:break-all;
	margin-bottom:15px;
	margin-bottom:1.5rem;
}
.page_message-board-detail .content .comment_foot{
	padding-bottom:5px;
	padding-bottom:0.5rem;
	border-bottom:solid 1px #ccc;
	min-height: 25px;
}
.page_message-board-detail .content .comment_foot .comment_number {
	color: #F1B343;
	display: inline-block;
	vertical-align: middle;
}
.page_message-board-detail .content .comment_foot .comment_number .fa{
	margin-right:10px;
	margin-right:1.0rem;
}
.page_message-board-detail .content .comment_foot .like_button {
    float: right;
}
.page_message-board-detail .content .comment_foot .like_button li:first-child {
    margin-right: 10px;
}
.page_message-board-detail .content .comment_foot .like_button li {
	display: inline-block;
	vertical-align: middle;
	color: #878787;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_message-board-detail .content .comment_foot .like_button li i {
	margin-right: 5px;
	font-size: 18px;
}
.page_message-board-detail .content .topics_comment .comment_list li:first-child{
	border-top: solid 1px #ccc;
}
.page_message-board-detail .content .topics_comment .comment_list li{
	padding:15px 10px;
	padding:1.5rem 1rem;
	border-bottom:solid 1px #ccc;
}
.page_message-board-detail .content .view_change{
	text-align:center;
	padding:10px 0 20px;
	padding:1rem 0 2rem;
}
.page_message-board-detail .content .view_change a{
	color:#1f1f1f;
	text-decoration:underline;
	font-size:14px;
	font-size:1.4rem;
}
.page_message-board-detail .content .breadcrumb{
	font-size:0;
	padding:0 10px;
	padding:0 1rem;
}
.page_message-board-detail .content .breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	font-size:1.2rem;
}
.page_message-board-detail .content .breadcrumb li + li:before{
	content:">";
	margin:0 5px;
	margin:0 0.5rem;
	display:inline-block;
}
.page_message-board-detail .content .breadcrumb li a{
	color:#1f1f1f;
}
.page_message-board-detail .content .more.btn_wrap {
	text-align:center;
	padding:20px 0;
	padding:2rem 0;
}
.page_message-board-detail .content .more.btn_wrap .btn_style{
	color:#1f1f1f !important;
	border:solid 1px #1f1f1f;
	border-radius:5px;
	display:inline-block;
	background:none;
	padding:0 20px;
	padding:0 2rem;
	-webkit-appearance:none;
	line-height: 44px;
}
/* message board rating btn */
.page_message-board-detail .rating_btn_area{
    min-height: 1.5rem;
    box-sizing: border-box;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner{
	vertical-align: middle;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li{
	display:inline-block;
	vertical-align:middle;
	border: none !important;
	padding: 0 !important;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li.bad{
	display: none;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li i{
	margin-right: 5px;
	font-size: 18px;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner{
	float: right;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li a{
	color: #878787;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li.good a.on{
	color: #1B7FCC;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li.bad a.on{
	color: #000;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li a:hover{
	color: #666;
}
.page_message-board-detail .rating_btn_area .rating_btn_inner li:first-child{
	margin-right: 10px;
}
.page_message-board-detail .rating_btn_area .number{
	color:#F1B343;
	display: inline-block;
}
/* coinback guarantee */
.listbox.func_copy {
	position: relative;
	cursor: pointer;
}
.listbox.func_copy:hover {
	cursor: pointer;
}
.listbox.func_copy:after {
	content: '\f0ea';
	font-family: 'fontAwesome';
	display: block;
	position: absolute;
	font-size: 2rem;
	color: #ccc;
	bottom: 1rem;
	right: 1rem;
	transition: all .2s linear;
}
.listbox.func_copy.success:after {
	content: '\f00c';
	font-size: 2rem;
	color: #03c9a9;
}
/*---------------------------------*/
/* page callan
/*---------------------------------*/
.page_callan{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	background: #000;
	color: #FFF;
	padding-top: 5.0rem;
}
.page_callan *{
	box-sizing: border-box;
}
.page_callan .d_none{
	display:none;
}
.page_callan .t_color-red{
	color:#f84f63;
}
.page_callan_index #header_callan_nav_list_open{
	display:block;
}
.page_callan .top_area_wrap .top_img{
	margin:0 auto;
}
.page_callan img{
	width: auto;
	max-width:100%;
}
.page_callan .page_inner{
	padding:0;
}
.page_callan .sec {
	margin: 0 2rem;
}
.page_callan .sec.box_frame{
	margin: 1rem 2rem;
    padding: 2rem 2rem;
    border: 1px solid #555555;
}
.page_callan .sec + .sec{
	margin-top: 6rem;
}
.page_callan .page_inner .step_wrap{
	margin-top: 2rem;
}
.page_callan .page_inner .step_wrap .sec{
	position: relative;
}
.page_callan .page_inner .step_wrap .sec + .sec:before{
	content: "";
    display: block;
    border: solid transparent 2rem;
    border-top: 2rem solid #555;
    border-bottom: none;
    position: absolute;
    bottom: calc(100% + 2rem);
    left: 50%;
    transform: translateX(-50%);
}
.page_callan .sec + .sec_header{
	margin-top: 4rem;
}
.page_callan .sec_header + .sec{
	margin-top: 2rem;
}
.page_callan .sec .player_box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page_callan .sec .player_box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.page_callan .sec .sec_ttl{
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.page_callan .sec .img-robin-callan{
	width: 15rem;
	height: 15rem;
}
.page_callan .sec .img-gavin{
	width: 15rem;
	height: 15rem
}
.page_callan .sec .img-certificate{
	width: 18rem;
}
.page_callan .sec_header {
	background: url('../images/callan_flow/index/main_bg.png') no-repeat center;
	background-size: cover;
	padding: 20px 0;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.page_callan .sec_header h2{
	font-size:18px;
	font-size:1.8rem;
}
.page_callan .sec_header p{
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.page_callan .sec_6 dl dd figure img{
	display:block;
}
.page_callan .sec_6 dl dd figcaption{
	width: 90%;
}
.page_callan .sec.sec_7{
	border: none;
	margin: 0;
	padding: 0;
}
.page_callan .sec.sec_7 .feature{
	background: #222222;
	padding: 2rem;
	margin-top: 1rem;
}
.page_callan.page_callan_index .sec .lesson_video_section .lesson_video_item{
	height: 100%;
	border-radius: 20px;
}
.page_callan.page_callan_index .sec .lesson_video_section .video_box p{
	text-align: center;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.page_callan.page_callan_index .sec .lesson_video_section .video_box .wrap-16-9 {
	position: relative;
	width: 100%;
}
.page_callan.page_callan_index .sec .lesson_video_section .video_box .wrap-16-9:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}
.page_callan.page_callan_index .sec .lesson_video_section .video_box .wrap-16-9 > iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page_callan .sec.sec_no_border{
	border: none;
	margin: auto;
	padding: 2rem;
}
.page_callan .sec.border-none{
	border: none;
}
.page_callan .top_area_content .uk_flag {
	position: absolute;
	top: -5px;
	right: 0px;
}
.page_callan .top_area_content .uk_flag p {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.6;
}
.page_callan .sec_12 figure img,
.page_callan .sec_13 figure img,
.page_callan .sec_14 figure img{
	width:320px;
}
.page_callan .callan_circle {
	background: #f1890e;
	border-radius: 100px;
	font-size: 1.6rem;
	text-align: center;
	height: 5rem;
	line-height: 5rem;
}
.page_callan .callan_circle span{
	font-size: 2rem;
}
.page_callan .compare_table table{
	width: 100%;
	table-layout: fixed;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.25;
	background:#fff;
}
.page_callan .compare_table table th,
.page_callan .compare_table table td{
	border: #999 solid 1px;
}
.page_callan .compare_table table th{
	height: 40px;
	line-height:40px;
	background: #3588b0;
	color: #fff;
}
@media screen and (max-width: 320px) {
	.page_callan .compare_table table th{
		font-size: 10px;
		font-size: 1.0rem;
	}
}
.page_callan .compare_table table td{
	text-align: center;
	font-weight: bold;
	padding:10px 0;
	vertical-align: middle;
}
.page_callan .compare_table table td sup{
	font-weight:normal;
	font-size: smaller;
	vertical-align: super;
}
.page_callan .compare_table table th:nth-child(2){
	background: #f15544;
}
.page_callan .compare_table table td:nth-child(2){
	color: #f15544;
}
.page_callan .compare_table table .t_small{
	font-size: 12px;
	font-size: 1.2rem;
}
.page_callan .callan_header_nav{
	width:100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.1);
	background-color: transparent;
	transition: background-color 0.3s ease;
}
.page_callan .callan_header_nav.active {
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.1);
	background-color: #000000B2;
	width:100%;
	position: absolute;
	z-index: 1000;
	height: 100%;
}
.no-scroll{
	overflow: hidden;
}
.page_callan .menu-features .nav_menu .nav_ttl{
	color: #092846;
	font-size: 1.4rem;
	margin-left: 6px;
}
.page_callan .menu-features .nav_menu{
	display: flex;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    position: relative;
    box-sizing: border-box;
    border-bottom: solid 1px #ccc;
    background: #ffffff;
 
}
.page_callan .menu-features .menu-control {
	display: block;
    position: relative;
    padding: 0px 3rem;
    transition: all .2s ease-in;
    border-right: 1px solid #ccc;
    margin: 3px 6px;
}
.page_callan .menu-features .menu-control.on {
	display: block;
    position: relative;
    background-color: #fff;
    padding: 0px 3rem;
    transition: all .2s ease-in;
    margin: 3px 6px;
}
.page_callan .menu-features  .menu-control.on:before {
	content: ' ';
    background: url(../images/icon/chevron_right_black.svg) no-repeat;
    background-size: contain;
    display: flex;
    width: 16px;
    position: absolute;
    top: 9px;
    height: 16px;
    transform: rotate(-90deg);
}

.page_callan .menu-features  .menu-control:before {
	content: ' ';
    background: url(../images/icon/chevron_right_black.svg) no-repeat;
    background-size: contain;
    display: flex;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 17px;
    margin: 0px -11px;
    transform: rotate(90deg);
}

.page_callan .callan_header_nav .nav_head{
	width:100%;
	padding: 10px 0;
	padding: 1rem 0;
	position:relative;
	box-sizing: border-box;
	border-bottom:solid 1px #ccc;
}
.page_callan .callan_header_nav .nav_head .nav_ttl{
	font-weight:bold;
	text-align:center;
	width: 80%;
	margin: 0 auto;
	line-height: 1.5;
}
.page_callan .callan_header_nav .nav_head .nav_btn{
	position:absolute;
	right:1rem;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:25px;
	font-size:2.5rem;
	z-index:9999;
	cursor: pointer;
}
.page_callan .callan_header_nav .nav_head .nav_btn.on:before{
	content: "\f00d";
}
.page_callan .callan_header_nav .nav_head .nav_btn:before{
	content: "\f0c9";
}
.page_callan .callan_header_nav .nav_body{
	background: #fff;
}
.page_callan .callan_header_nav .nav_body ul{
	font-size:0;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.page_callan .callan_header_nav .nav_body ul li{
	width:50%;
	font-size:14px;
	font-size:1.4rem;
	box-sizing:border-box;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	vertical-align: top;
	background: #f5f5f5;
}
.page_callan .callan_header_nav .nav_body ul li:nth-child(2n){
	border-right:none;
}
.page_callan .callan_header_nav .nav_body ul li a{
	color:#000;
	padding:10px;
	padding:1rem;
	display:block;
}
.page_callan .header_callan_nav_list .list_button_area .button_wrap a{
	position: absolute;
	top: 8px;
	right: 10px;
}
.page_callan .header_callan_nav_list .list_button_area .button_wrap .button{
	font-size:25px;
	font-size:2.5rem;
}
.page_callan .header_callan_nav_list .header_callan_nav_list_wrap ul li{
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.page_callan .header_callan_nav_list .header_callan_nav_list_wrap ul li:nth-child(n+3){
	border-top: none;
}
.page_callan .header_callan_nav_list .header_callan_nav_list_wrap ul li:nth-child(2n){
	border-right: none;
}
.page_callan .header_callan_nav_list .header_callan_nav_list_wrap ul li:nth-child(n+5){
	border-bottom: none;
}
.page_callan .header_callan_nav_list .header_callan_nav_list_wrap ul li a{
	padding:10px;
	padding:1.0rem;
	color: #545454;
	display: block;
}
.page_callan .footer_callan_nav_list .menu-features .nav .nav_element{
	position: relative;
}
.page_callan .footer_callan_nav_list  .menu-features .nav .nav_element:before {
	content: "";
    display: block;
    width: 90%;
    height: 1px;
    background: #555555;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.page_callan .footer_callan_nav_list  .menu-features .nav_element a {
	box-sizing: border-box;
    display: block;
    padding: 1.6rem 2rem;
    font-weight: 300;
    color: #FFF;
    background: #000;
    position: relative;
	border-bottom: none;
}
.page_callan .footer_callan_nav_list  .menu-features .nav_element a:before{
	position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    right: 2.3rem;
    margin: auto;
}
/* .page_callan .footer_callan_nav_list  .menu-features .nav_element.active a{
	color: #fff;
}
.page_callan .footer_callan_nav_list  .menu-features .nav_element.active a:before{
    border-color: #fff;
} */
.page_callan .footer_callan_nav_list  .menu-features .nav_element:last-child a {
	border: none;
}
.page_callan .notice_box{
	border: none;
	background: #323232;
	padding: 1rem;
}
.page_callan .support_guide{
	border: 2px solid #ccc;
	padding: 1rem;
}
.page_callan .notice_box ul li{
	font-size:13px;
	font-size:1.3rem;
}
.page_callan .bc_red{
	border: 2px solid #f84f63;
}
/* callan nav */

.page_callan .menu-features .nav {
	margin: 0 auto;
	display: none;
}
.page_callan .menu-features .nav .nav_element{
	position: relative;
}
.page_callan .menu-features .nav .nav_element:before {
	content: "";
	display: block;
	width: 90%;
	height: 1px;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.page_callan .menu-features .nav_element a {
	box-sizing: border-box;
	display: block;
	padding: 1.6rem 2rem;
	font-weight: 400;
	color: #000;
	background: #FFF;
	position: relative;
	border-bottom: solid 1px #ccc;
}
.page_callan .menu-features .nav_element a:before{
	position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    right: 2.3rem;
    margin: auto;
}
.page_callan .menu-features .nav_element.active a{
	color: #000;
}
.page_callan .menu-features .nav_element.active a:before{
    border-color: #000;
}
.page_callan .menu-features .nav_element:last-child a {
	border: none;
}

.footer_callan_nav_list{
	margin-top: 4rem;
	margin-bottom: 4rem;
}
/*---------------------------------*/
/* page callan_index
/*---------------------------------*/
.page_callan.page_callan_index .sec:nth-of-type(even) {
}
.page_callan.page_callan_index .c_white {
	color: #fff !important;
}
.page_callan.page_callan_index .bgc_white {
	background-color: #fff !important;
}
.page_callan.page_callan_index .c_white-gray {
	color: #f5f5f5 !important;
}
.page_callan.page_callan_index .bgc_white-gray {
	background-color: #f5f5f5 !important;
}

/*---------------------------------*/
/* page callan_flow_usage
/*---------------------------------*/
.page_callan_flow_usage figure img{
	display:block;
	margin:0 auto;
}
.page_callan_flow_usage #header_callan_nav_list_open{
	display:none;
}
.page_callan_flow_usage .content_ttl{
	font-size:20px;
	font-size:2.0rem;
	text-align:center;
	font-weight:bold;
}
.page_callan_flow_usage .sec .sec_ttl{
	color: #F1890E;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_callan_flow_usage .sec .sec_ttl_2{
	border-left: .5rem solid #F1890E;
	padding-left: 1rem;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_callan_flow_usage .sec .block-arrow{
	margin: 2rem auto;
	font-size: 1.4rem;
	text-align: center;
}
.page_callan_flow_usage .sec .block-arrow:after{
	content: "";
	display: block;
	width: 0;
    height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #555555;
	border-bottom: none;
	margin: 5px auto 0;
}
.page_callan_flow_usage .content_step_2_table{
	border-top:1px solid #ccc;
	padding-top:20px;
	padding-top:2.0rem;
}
.page_callan_flow_usage .ttl_box{
	background: #0BCAFA;
	color: #fff;
	border-radius: 100px;
	font-weight:bold;
	text-align:center;
	line-height:2;
	font-size:1.4rem;
	margin-bottom: 1rem;
}
.page_callan_flow_usage .ttl_box.answer{
	background: #f84f63;
}
.page_callan_flow_usage .answer_list{
	font-weight:bold;
	margin-bottom: 1rem;
}
.page_callan_flow_usage .example{
	padding-left:25px;
	padding-left:2.5rem;
	text-indent:-25px;
	text-indent:-2.5rem;
}
.page_callan_flow_usage .lesson_constitution_desc{
	padding-top:15px;
	padding-top:1.5rem;
	margin-bottom:10px;
	margin-bottom:1.0rem;
}
.page_callan_flow_usage .lesson_constitution{
	text-align:left;
	vertical-align:top;
}
.page_callan_flow_usage .lesson_constitution .ja{
	font-size: 1.6rem;
	font-weight: 900;
}
.page_callan_flow_usage .lesson_constitution.color_1{
	color: #6ec550;
}
.page_callan_flow_usage .lesson_constitution.color_2{
	color: #e1ae26;
}
.page_callan_flow_usage .lesson_constitution.color_3{
	color: #08b7e3;
}
.page_callan_flow_usage .lesson_percentage{
	text-align:right;
	vertical-align: middle;
}
.page_callan_flow_usage .lesson_percentage .fs_num{
	font-size: 2.5rem;
	vertical-align: bottom;
    line-height: 1.23;
	font-weight: 900;
}
.page_callan_flow_usage .lesson_percentage span{
	vertical-align: middle;
}
.page_callan_flow_usage .sec + .sec{
	margin-top: 3rem;
	position: relative;
}
.page_callan_flow_usage .sec.sec_arrow + .sec{
	margin-top: 6rem;
}
.page_callan_flow_usage .sec.sec_arrow + .sec:before{
	content: "";
	display: block;
	border: transparent 2rem solid;
	border-top: 2rem solid #555555;
	border-bottom: none;
	position: absolute;
	bottom: calc(100% + 2rem);
	left: 50%;
	transform: translateX(-50%);
}
.page_callan_flow_usage .notice_box_border{
	border: solid 1px #555555;
	margin: 0 2rem;
	padding: 1.6rem;
}
/*---------------------------------*/
/* page callan_flow_purchase
/*---------------------------------*/
.page_callan .transmission_contents{
	border: 1px solid #ccc;
	background: #f5f5f5;
	padding:10px;
	padding: 1rem;
	border-radius:5px;
	margin:0 20px;
	margin:0 2.0rem;
}
.page_callan .notice_box ul li{
	font-size:13px;
	font-size:1.3rem;
}

.page_callan_flow_purchase figure img{
	display:block;
	margin:0 auto;
}
.page_callan_flow_purchase .sec_ttl{
	border-left: solid 5px #f3ae4c;
	padding-left: 10px;
}
.page_callan_flow_purchase .sec_2,
.page_callan_flow_purchase .sec_4,
.page_callan_flow_purchase .sec_6,
.page_callan_flow_purchase .sec_8,
.page_callan_flow_purchase .sec_10{
	background:#fff;
}
.page_callan_flow_purchase .ui_notice_list ul li .pointer_events_none a{
color: #f84f63;
}
.mobapp_callan_flow_purchase_banner_wrap {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	max-width: 650px;
}
.mobapp_callan_flow_purchase_banner {
	display: block;
	position: relative;
	box-sizing: content-box;
	padding: 0;
	padding-top: 30%;
	background-image: url(../images/callan_flow/purchase/btn_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
	overflow: hidden;

}
.mobapp_callan_flow_purchase_banner .banner_inner {
	display: flex;
	align-items: center;
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 10px 0 10px 10px;
}
.mobapp_callan_flow_purchase_banner .banner_inner > .image_wrap {
	box-sizing: border-box;
	width: 17%;
	position: relative;
	z-index: 1;
}
.mobapp_callan_flow_purchase_banner .banner_inner > .image_wrap > img {
	display: block;
	-webkit-filter: drop-shadow(2px 2px 3px rgba(255,255,255,.2));
	filter: drop-shadow(2px 2px 3px rgba(255,255,255,.2));
}
.mobapp_callan_flow_purchase_banner .banner_inner > .text_wrap {
	flex: 1;
	position: relative;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.mobapp_callan_flow_purchase_banner .banner_inner > .text_wrap:before {
	content: '';
	display: block;
	position: absolute;
	width: 111%;
	height: 100%;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,.25);
	z-index: 0;
}
.mobapp_callan_flow_purchase_banner .text_1,
.mobapp_callan_flow_purchase_banner .text_2 {
	position: relative;
	z-index: 1;
	font-weight: bold;
	font-size: 5vw;
	line-height: 1.2;
}
.mobapp_callan_flow_purchase_banner .text_1 > .text_1_small {
	font-weight: normal;
	font-size: 3vw;
	margin: 0 3px;
}
.mobapp_callan_flow_purchase_banner.disabled {
	pointer-events: none;
	cursor: default;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}
.page_callan.page_callan_flow_purchase .notice_box {
	background: #fff8f9;
	border: solid 2px #ffd6d6;
}
@media only screen and (min-width: 800px) {
	.mobapp_callan_flow_purchase_banner .text_1,
	.mobapp_callan_flow_purchase_banner .text_2 {
		font-size: 40px;
	}
	.mobapp_callan_flow_purchase_banner .text_1 > .text_1_small {
		font-size: 20px;
	}
}
/*---------------------------------*/
/* page callan_purchase_ebook
/*---------------------------------*/
.page_callan_flow_purchase.purchase_ebook .caution_area{
	border: solid 3px #FF0000;
	padding: 1.5rem;
	border-radius: 5px;
	box-sizing: border-box;
}
.page_callan_flow_purchase.purchase_ebook .sec dl dd img {
	border: #ccc solid 1px;
	border-radius: 5px;
	box-sizing: border-box;
	max-width: 550px;
	width: 100%;
}
/*---------------------------------*/
/* page callan_flow_viewer
/*---------------------------------*/
.page_callan_flow_viewer .sec_ttl{
	color: #F1890E;
	font-size: 1.6rem;
}
.page_callan_flow_viewer .sec .arrow_wrap{
	position: relative;
}
.page_callan_flow_viewer .sec .arrow_wrap + .arrow_wrap{
	margin-top: 6rem;
}
.page_callan_flow_viewer .sec .arrow_wrap + .arrow_wrap:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #999999;
	border-bottom: none;
	position: absolute;
	bottom: calc(100% + 2rem);
	left: 50%;
	transform: translateX(-50%);
}
.page_callan_flow_viewer .caution_text,
.page_callan_flow_viewer .caution_list li{
	text-indent: -1em;
	padding-left: 20px;
	padding-left: 2.0rem;
}
.page_callan_flow_viewer .notice_box{
	padding: 1.5rem 2rem;
	border-radius: 0;
}
/*-------------------------------------------------------*/
/* page textbook_recommend_desc
/*-------------------------------------------------------*/
.page_wrap--textbook_recommend_desc .page_inner{
	max-width: 600px;
}
.page_wrap--textbook_recommend_desc img{
	display: block;
}
.page_wrap--textbook_recommend_desc .content_wrap{
	line-height:1.5;
	padding: 10px;
	padding: 1rem;
}
.page_wrap--textbook_recommend_desc .content_wrap p{
	font-size: 14px;
	font-size: 1.4rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .btn_wrap{
	max-width: 300px;
	max-width: 30rem;
	margin: 0 auto;
}
.page_wrap--textbook_recommend_desc .content_wrap .btn_wrap .btn_style{
	padding: 10 20px;
	padding: 1.0rem 2.0rem;
	display: table-cell;
	vertical-align: middle;
}
.page_wrap--textbook_recommend_desc .content_wrap .content_inner{
	padding: 10px;
	padding: 1rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .recommend_table{
	margin:0 auto;
	border: 3px solid #45d1ba;
}
.page_wrap--textbook_recommend_desc .content_wrap .recommend_table dt{
	background: #45d1ba;
	color: #fff;
	padding: 1rem;
	font-size: 17px;
	font-size: 1.7rem;
	text-align: center;
	font-weight: bold;
}
.page_wrap--textbook_recommend_desc .content_wrap .recommend_table dd{
	padding: 1.5rem 1rem 1.5rem 2.5rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .recommend_table dd ul li{
	text-indent: -20px;
	text-indent: -2.0rem;
	padding-left: 20px;
	padding-left: 2.0rem;
	font-size: 1.5rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .recommend_table dd ul li + li{
	margin-top: 10px;
	margin-top: 1.0rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .recommend_table dd ul li:before{
	content:"";
	background-image:url("../images/textbook_recommend_desc/icon_check.png");
	background-size:contain;
	background-repeat: no-repeat;
	position: relative;
	width:15px;
	width:1.5rem;
	height:15px;
	height:1.5rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: -10px;
	margin-left: -1.0rem;
	margin-right:10px;
	margin-right:1.0rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .content_inner .flow_step li + li{
	margin-top:30px;
	margin-top:3.0rem;
}
.page_wrap--textbook_recommend_desc .content_wrap .content_inner .flow_step li .step p{
	color:#092846;
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	background:#ebf5ff;
	border-radius:20px;
	display: inline-block;
	padding:4px 10px;
	box-sizing: border-box;
}
/*-------------------------------------------------------*/
/* page textbook_recommend
/*-------------------------------------------------------*/
.textbook_recommend_wrap {
	background: #fff;
}
.textbook_recommend_wrap .page_inner{
	padding: 10px 10px;
	padding: 1.0rem 1.0rem;
}
.textbook_recommend_wrap p{
	line-height: 1.5;
}
/* title */
.textbook_recommend_wrap .sec_main_ttl h3{
	color: #03c9a9;
	font-size: 20px;
	font-size: 2.0rem;
	border-bottom: #03c9a9 solid 4px;
	padding-bottom: 5px;
	margin: 0 auto;
	font-weight: bold;
}
.textbook_recommend_wrap .sec_main_ttl h3:after{
	content: '';
	display: inline-block;
	background-image: url(../images/icon/magnifying_glass.png);
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 5px;
	width: 30px;
	width: 3.0rem;
	height: 30px;
	height: 3.0rem;
	margin-left: 5px;
}
.textbook_recommend_wrap .sec_quest_ttl{
	text-align: center;
	background: #f5f5f5;
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 30px;
	padding: 2.0rem 3.0rem;;
}
/*--------------------------------------------*/
/* tb level check
/*--------------------------------------------*/
/* question 1 */
.level_check_table_wrap .level_check_table{
	width: 100%;
}
.level_check_table_wrap .level_check_table th,
.level_check_table_wrap .level_check_table td{
	border: 1px #c8c8c8 solid;
}
.level_check_table_wrap .level_check_table .class,
.level_check_table_wrap .level_check_table .rank,
.level_check_table_wrap .level_check_table .desc{
	padding: 20px 10px;
	padding: 2.0rem 1.0rem;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	vertical-align: middle;
}
.level_check_table_wrap .level_check_table .class{
	 min-width: 20px;
	min-width: 2.0rem;
}
.level_check_table_wrap .level_check_table .rank{
	min-width: 30px;
	min-width: 3.0rem;
}
.level_check_table_wrap .level_check_table .class p,
.level_check_table_wrap .level_check_table .rank p{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	line-height: 1;
	margin: 0 auto;
}
.level_check_table_wrap .level_check_table .rank p span{
	-ms-writing-mode: lr-tb;
	-webkit-writing-mode: horizontal-tb;
	writing-mode: horizontal-tb;
}
.level_check_table_wrap .level_check_table .desc{
	width: auto;
}
.level_check_table_wrap .level_check_table tr:nth-child(1) th{
	background: #448aca;
	color: #fff;
	padding: 10px 0;
	padding: 1.0rem 0;
	letter-spacing: 1px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: middle;
}
.level_check_table_wrap .level_check_table tr:nth-child(2) .class{ background: #f9ce9d; }
.level_check_table_wrap .level_check_table tr:nth-child(3) .class{ background: #f7b76e; }
.level_check_table_wrap .level_check_table tr:nth-child(4) .class{ background: #f4a03e; }
.level_check_table_wrap .level_check_table tr:nth-child(6) .class{ background: #f1890e; }

.level_check_table_wrap .level_check_table tr .desc .desc_ttl{
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}
.textbook_recommend_wrap .level_check_table .desc .btn_level{
	line-height: 1;
	padding: 10px;
	padding: 1rem;
	height: auto;
}
.level_check_table_wrap .level_check_table tr .desc .text_level{
	width: 70px;
	height: 70px;
	line-height: 70px;
	border-radius: 50%;
	color: #f49e39;
	border: #f49e39 2px solid;
	text-align: center;
}
/* question 2 */
.textbook_recommend_wrap .quest_wrap .quest_purpose_select ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 2rem;
	width: 100%;
	white-space: normal;
	line-height: 1.4;
	height: auto;
}
@media screen and (max-width: 320px) {
	.textbook_recommend_wrap .quest_wrap .quest_purpose_select ul li a{
		font-size: 15px;
		font-size: 1.5rem;
	}
}
.textbook_recommend_wrap .quest_wrap .quest_purpose_select ul li+li{
	margin-top: 10px;
	margin-top: 1.0rem;
}
/* question 3 */
.textbook_recommend_wrap .course_or_tb_wrap .next_loading_wrap ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 2rem;
	width: 100%;
	white-space: normal;
	line-height: 1.4;
	height: auto;
}
/* result */
.textbook_recommend_wrap .lv_check_result_wrap ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 2rem;
	width: 100%;
	white-space: normal;
	line-height: 1.4;
	height: auto;
}
.textbook_recommend_wrap .lv_check_result_wrap .btn_reload:before{
	content: "\f0e2";
	font-family: "FontAwesome";
	padding-right: 5px;
}
.textbook_recommend_wrap .lv_check_result_wrap .btn_more:after{
	content: "\f054";
	font-family: "FontAwesome";
	padding-left: 5px;
}
/*--------------------------------------------*/
/* tb item
/*--------------------------------------------*/
.lv_check_result_wrap .tb_header_item {
	padding: 1rem;
	background: #fffcee;
	border: dotted 1px #eee;
	border-radius: 6px;
}
.lv_check_result_wrap .tb_list .tb_item{
	position: relative;
	display: table;
	width: 100%;
	border-spacing: initial;
	color: #555;
	padding: 1.5rem 0;
	cursor: pointer;
}
.lv_check_result_wrap .tb_list .tb_item .col_fig,
.lv_check_result_wrap .tb_list .tb_item .col_desc{
	display: table-cell;
}
.lv_check_result_wrap .tb_list .tb_item .col_fig{
	vertical-align: top;
	width: 20%;
}
.lv_check_result_wrap .tb_list .tb_item .col_fig figure{
	width: 7rem;
	margin: 0 auto;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc{
	vertical-align: middle;
	padding-left: 1rem;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc .title{
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc a{
	color: inherit;
	transition: all 0.2s linear;
}
.lv_check_result_wrap .tb_item .col_desc .level{
	display: inline-block;
	vertical-align: middle;
	margin: 0.6rem;
}
.lv_check_result_wrap .tb_item .col_desc .level dt,

.lv_check_result_wrap .tb_item .col_desc .level dd{
	float: left;
	font-size: 1rem;
	height: 1rem;
	line-height: 1rem;
}
.lv_check_result_wrap .tb_item .col_desc .level dt{
	background: #545555;
	padding: 0.1rem 0.4rem;
	color: #fff;
	margin-right: 0.3rem;
}
.lv_check_result_wrap .tb_item .col_desc .level dd{
	background: #cdcdcd;
	padding: 0.2rem 0.5rem 0.1rem;
	margin-left: 0.3rem;
	color: #fff;
	width: 8px;
}
.lv_check_result_wrap .tb_item .col_desc .level dd.on{
	color: #fff;
	background: #F1890E;
}
.lv_check_result_wrap .tb_list .tb_item .col_desc .desc{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 0.6rem;
	position: relative;
	height: 4rem;
	overflow: hidden;
	width: 90%;
}

/*---------------------------------*/
/* page sp desc
/*---------------------------------*/
.page_sp_desc{
	line-height:1.5;
}
.page_sp_desc img{
	width: auto;
	max-width:100%;
	display:block;
	margin:0 auto;
	font-size:0;
}
.page_sp_desc .main img{
	max-width:100%;
	display:block;
	margin: 0 auto;
}
.page_sp_desc .page_inner{
	padding:2.0rem 0;
}
.page_sp_desc.page_callan .page_inner{
}
.page_sp_desc .content .sec{
	padding:0 10px;
	padding:0 1rem;
}
.page_sp_desc .content dl dt.sec_ttl{
	border-left: solid 5px;
	padding-left: 10px;
	 margin-bottom: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.page_sp_desc .content .recommend_table{
	border:solid 3px;
	margin:0 auto;
}
.page_sp_desc .content .recommend_table dt,
.page_sp_desc .content .recommend_table dd{
	font-size:15px;
	font-size:1.6rem;
	vertical-align:middle;
}
.page_sp_desc .content .recommend_table dt{
	text-align:center;
	color:#fff;
	box-sizing:border-box;
	padding:10px 0;
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.4;
	position:relative;
}
.page_sp_desc .content .recommend_table dd{
	padding:20px 10px 10px;
	padding: 2.0rem 1.0rem 1.0rem;
}
.page_sp_desc .content .recommend_table dd ul{
	padding:10px 0;
}
.page_sp_desc .content .recommend_table dd li{
	padding-left:2.0rem;
	text-indent:-1.0rem;
	font-size: 16px;
	font-size: 1.6rem;
}
.page_sp_desc .content .recommend_table dd li + li{
	margin-top:5px;
}
.page_sp_desc .content .box{
	margin-bottom:20px;
}
.page_sp_desc .content .box > .box_ttl{
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	margin-bottom: 10px;
	text-align:center;
}
.page_sp_desc .content .box figure{
	text-align:center;
	margin-bottom:10px;
}
.page_sp_desc .content .content_ttl{
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:10px 0;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_sp_desc .content .content_video .content_video_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page_sp_desc .content .content_video .content_video_wrap iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.page_sp_desc .content .circle_flowchart{
	font-size:0;
	text-align:center;
}
.page_sp_desc .content .circle_flowchart .content_box{
	display:block;
	width:20rem;
	margin:0 auto;
	vertical-align:top;
	position:relative;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner{
	width:14rem;
	height:14rem;
	border-radius:50%;
	text-align:center;
	margin:0 auto 20px;
	table-layout: fixed;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner p{
	font-size:16px;
	font-size:1.6rem;
	display: flex;
	justify-content: center;
	white-space: nowrap;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner p span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding:20px 0 10px;
	display:inline-block;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner + p{
	font-size:14px;
	font-size:1.4rem;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.beige{
	background:#fdf1ca;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.beige p span{
	color:#fc9b03;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.brown {
	background:#ffd9a1;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.brown p span{
	color:#fa6c30;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.brick{
	background:#fdc6af;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.brick p span{
	color:#f92332;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.pink{
	background:#ffd2e6;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner.pink p span{
	color:#fa0e77;
}
.page_sp_desc .content .circle_flowchart .content_box + .content_box{
	margin-top:60px;
}
.page_sp_desc .content .circle_flowchart .content_box + .content_box:before{
	content:"\f0d7";
	font-family:FontAwesome;
	display:inline-block;
	font-size:50px;
	font-size:5rem;
	position:absolute;
	left:0;
	right:0;
	top:-70px;
}
.page_sp_desc .sec_text_purchase ul li figure{
	text-align:center;
	margin-bottom:2.0rem;
}
.page_sp_desc .sec_text_purchase ul li p{
	text-align:center;
}
.page_sp_desc .sec_text_purchase ul li p + p{
	margin-top:0.5rem;
}
.page_sp_desc .sec_text_purchase ul + ul{
	margin-top:5.0rem;
}
.page_sp_desc .sec_notice .notice {
	background: #eeeeee;
	padding: 20px;
}
.page_sp_desc .sec_notice .notice li {
	padding-left: 1em;
	font-size: 14px;
	font-size: 1.4rem;
}
.page_sp_desc .sec_notice .notice li:before {
	content: "※";
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	text-indent: -1.5rem;
	border-radius: 5px;
}
.page_sp_desc .main_txt{
	padding: 20px 30px 0;
	padding: 2.0rem 3.0rem 0;
}
.page_sp_desc .t_i_10{
	text-indent: -1rem;
	padding-left: 1rem;
}
.page_sp_desc .t_i_15{
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}
.page_sp_desc .t_i_20{
	text-indent: -2rem;
	padding-left: 2rem;
}
.page_sp_desc .t_i_25{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
}
.page_sp_desc .t_i_30{
	text-indent: -3rem;
	padding-left: 3rem;
}
/*--------------------------------------------------------*/
/* level check box
/*--------------------------------------------------------*/
.page_wrap .page_inner .content .level_check{
	background: #fff;
	padding: 20px 10px 10px;
	padding: 2.0rem 1.0rem 1.0rem;
	box-shadow: 0px 0px 6px 0 rgba(0,0,0,0.2);
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .text_desc{
	display: table;
	width: 100%;
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .text_desc .text_image{
	display: table-cell;
	vertical-align: top;
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .text_desc .text_title{
	width: 73.333%;
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
	padding-right: 2.0rem;
	padding-left: 10px;
	padding-left: 1.0rem;
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .level_check_ttl {
	width: 100%;
	min-height: 4rem;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #FFFFFF;
	background: transparent linear-gradient(90deg, #F9B030 0%, #FC9B40 100%) 0% 0% no-repeat padding-box;
	padding: 0.5rem 0.8rem;
	line-height: 1.2;
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .level_check_ttl.ttl-2{
	background: transparent linear-gradient(90deg, #FC9B40 0%, #FF7C4E 100%) 0% 0% no-repeat padding-box;
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .level_check_ttl.ttl-3 {
	background: transparent linear-gradient(90deg, #FF7C4E 0%, #FF5957 100%) 0% 0% no-repeat padding-box;
}
.page_wrap .page_inner .content .level_check .level_check_inner .level_check_box .level_check_ttl > span {
	font-size: 1.6rem;
	color: #555555;
}
/*---------------------------------*/
/* page toeic
/*---------------------------------*/
.page_toeic .main{
	background:#7dbef4;
}
.page_toeic .content dl dt.sec_ttl {
	border-left:solid 5px #69AFF1;
}
.page_toeic .content .recommend_table{
	border:solid 3px #57e1e3;
	margin:0 auto;
}
.page_toeic .content .recommend_table dt{
	background:#57e1e3;
}
.page_toeic .content .box > .box_ttl{
	color: #5397d8;
}
.page_toeic .content .content_ttl{
	background:#69aff1;
}
.page_toeic .content .sec_5 .iframe_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page_toeic .content .sec_5 iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.page_toeic .content .sec_5 ul{
	font-size:0;
	text-align:center;
}
.page_toeic .content .sec_5 ul li{
	display:block;
	width:20rem;
	margin:0 auto;
	vertical-align:top;
	position:relative;
}
.page_toeic .content .sec_5 ul li.beige .content_box{
	background:#fdf1ca;
}
.page_toeic .content .sec_5 ul li.beige .content_box p span{
	color:#fc9b03;
}
.page_toeic .content .sec_5 ul li.brown .content_box{
	background:#ffd9a1;
}
.page_toeic .content .sec_5 ul li.brown .content_box p span{
	color:#fa6c30;
}
.page_toeic .content .sec_5 ul li.brick .content_box{
	background:#fdc6af;
}
.page_toeic .content .sec_5 ul li.brick .content_box p span{
	color:#f92332;
}
.page_toeic .content .sec_5 ul li.pink .content_box{
	background:#ffd2e6;
}
.page_toeic .content .sec_5 ul li.pink .content_box p span{
	color:#fa0e77;
}
.page_toeic .content .sec_5 ul li + li{
	margin-top:60px;
}
.page_toeic .content .sec_5 ul li + li:before{
	content:"\f0d7";
	font-family:FontAwesome;
	display:inline-block;
	font-size:50px;
	font-size:5rem;
	position:absolute;
	left:0;
	right:0;
	top:-70px;
}
.page_toeic .content .sec_5 ul li .content_box{
	width:14rem;
	height:14rem;
	border-radius:50%;
	text-align:center;
	margin:0 auto 20px;
}
.page_toeic .content .sec_5 ul li .content_box p{
	font-size:16px;
	font-size:1.6rem;
	display: flex;
	justify-content: center;
}
.page_toeic .content .sec_5 ul li .content_box p span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding:20px 0 10px;
	display:inline-block;
}
.page_toeic .content .sec_5 ul li .content_box + p{
	font-size:14px;
	font-size:1.4rem;
}
.page_toeic .content .sec_7 figure{
	text-align:center;
	margin-bottom:20px;
}
.page_toeic .content .sec_7 figure img{
	width:120px;
}

.page_toeic_newton .main{
	background:#90cbfd;
}

/*---------------------------------*/
/* page_travel
/*---------------------------------*/
.page_travel .main{
	background:#ad87d0;
}
.page_travel .content dl dt.sec_ttl {
	border-left:solid 5px #ad87d0;
}
.page_travel .content .recommend_table{
	border:solid 3px #ad87d0;
	margin:0 auto;
}
.page_travel .content .recommend_table dt{
	background:#ad87d0;
}
.page_travel .content .box > .box_ttl{
	color: #ad87d0;
}
.page_travel .content .content_ttl{
	background:#ad87d0;
}
.page_travel .content .circle_flowchart .content_box .box_inner p span{
	line-height:1;
	padding:40px 0 10px;
	padding:4.0rem 0 1.0rem;
}
/*---------------------------------*/
/* page_business
/*---------------------------------*/
.page_business .main{
	background:#4173a4;
}
.page_business .content dl dt.sec_ttl {
	border-left:solid 5px #4173a4;
}
.page_business .content .recommend_table{
	border:solid 3px #4173a4;
	margin:0 auto;
}
.page_business .content .recommend_table dt{
	background:#4173a4;
}
.page_business .content .box > .box_ttl{
	color: #4173a4;
}
.page_business .content .content_ttl{
	background:#4173a4;
}
.page_business .content .circle_flowchart .content_box .box_inner p span{
	line-height:1;
	padding:40px 0 10px;
	padding:4.0rem 0 1.0rem;
}
/*---------------------------------*/
/* sp_page_topic
/*---------------------------------*/
.sp_page_topic .main{
	background:#ad87d0;
}
.sp_page_topic .content dl dt.sec_ttl {
	border-left:solid 5px #ad87d0;
}
.sp_page_topic .content .recommend_table{
	border:solid 3px #ad87d0;
	margin:0 auto;
}
.sp_page_topic .content .recommend_table dt{
	background:#ad87d0;
}
.sp_page_topic .content .box > .box_ttl{
	color: #ad87d0;
}
.sp_page_topic .content .content_ttl{
	background:#ad87d0;
}
.sp_page_topic .content .sec_5 .iframe_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.sp_page_topic .content .sec_5 iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.sp_page_topic .content .sec_5 ul{
	font-size:0;
	text-align:center;
}
.sp_page_topic .content .sec_5 ul li{
	display:block;
	width:20rem;
	margin:0 auto;
	vertical-align:top;
	position:relative;
}
.sp_page_topic .content .sec_5 ul li.beige .content_box{
	background:#fdf1ca;
}
.sp_page_topic .content .sec_5 ul li.beige .content_box p .step_style_1{
	color:#fc9b03;
}

.sp_page_topic .content .sec_5 ul li.brown .content_box{
	background:#ffd9a1;
}
.sp_page_topic .content .sec_5 ul li.brown .content_box p .step_style_2{
	color:#fa6c30;
}
.sp_page_topic .content .sec_5 ul li.brick .content_box{
	background:#fdc6af;
}
.sp_page_topic .content .sec_5 ul li.brick .content_box p .step_style_3{
	color:#f92332;
}
.sp_page_topic .content .sec_5 ul li.pink .content_box{
	background:#ffd2e6;
}
.sp_page_topic .content .sec_5 ul li.pink .content_box p .step_style_4{
	color:#fa0e77;
}
.sp_page_topic .content .sec_5 ul li + li{
	margin-top:60px;
}
.sp_page_topic .content .sec_5 ul li + li:before{
	content:"\f0d7";
	font-family:FontAwesome;
	display:inline-block;
	font-size:50px;
	font-size:5rem;
	position:absolute;
	left:0;
	right:0;
	top:-70px;
}
.sp_page_topic .content .sec_5 ul li .content_box{
	width:14rem;
	height:14rem;
	border-radius:50%;
	text-align:center;
	margin:0 auto 20px;
}
.sp_page_topic .content .sec_5 ul li .content_box p{
	font-size:16px;
	font-size:1.6rem;
}
.sp_page_topic .content .sec_5 ul li .content_box p .step_style {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding:29px 0 10px;
	display:inline-block;
}
.sp_page_topic .content .sec_5 ul li .content_box + p{
	font-size:14px;
	font-size:1.4rem;
}
/*---------------------------------*/
/* page_pronunciation
/*---------------------------------*/
.page_pronunciation .main{
	background: #fba400;
}
.page_pronunciation .content dl dt.sec_ttl {
	border-left:solid 5px #fba400;
}
.page_pronunciation .content .recommend_table{
	border:solid 3px #fba400;
	margin:0 auto;
}
.page_pronunciation .content .recommend_table dt{
	background:#fba400;
}
.page_pronunciation .content .box > .box_ttl{
	color: #fba400;
}
.page_pronunciation .content .content_ttl{
	background:#fba400;
}
.page_pronunciation .content .sec_5 .iframe_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.page_pronunciation .content .sec_5 iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.page_pronunciation .content .sec_5 ul{
	font-size:0;
	text-align:center;
}
.page_pronunciation .content .sec_5 ul li{
	display:block;
	width:20rem;
	margin:0 auto;
	vertical-align:top;
	position:relative;
}
.page_pronunciation .content .sec_5 ul li.beige .content_box{
	background:#fdf1ca;
}
.page_pronunciation .content .sec_5 ul li.beige .content_box p span{
	color:#fc9b03;
}
.page_pronunciation .content .sec_5 ul li.brown .content_box{
	background:#ffd9a1;
}
.page_pronunciation .content .sec_5 ul li.brown .content_box p span{
	color:#fa6c30;
}
.page_pronunciation .content .sec_5 ul li.brick .content_box{
	background:#fdc6af;

}
.page_pronunciation .content .sec_5 ul li.brick .content_box p span{
	color:#f92332;
}
.page_pronunciation .content .sec_5 ul li.pink .content_box{
	background:#ffd2e6;
}
.page_pronunciation .content .sec_5 ul li.pink .content_box p span{
	color:#fa0e77;
}
.page_pronunciation .content .sec_5 ul li + li{
	margin-top:60px;
}

.page_pronunciation .content .sec_5 ul li + li:before{
	content:"\f0d7";
	font-family:FontAwesome;
	display:inline-block;
	font-size:50px;
	font-size:5rem;
	position:absolute;
	left:0;
	right:0;
	top:-70px;
}
.page_pronunciation .content .sec_5 ul li .content_box{
	width:15rem;
	height:15rem;
	border-radius:50%;
	text-align:center;
	margin:0 auto 20px;
}
.page_pronunciation .content .sec_5 ul li .content_box p{
	font-size:16px;
	font-size:1.6rem;
}
.page_pronunciation .content .sec_5 ul li .content_box p span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding:20px 0 0;
	display:inline-block;
}
.page_pronunciation .content .sec_5 ul li .content_box + p{
	font-size:14px;
	font-size:1.4rem;
}
/*---------------------------------*/
/* page five_min_vocabulary
/*---------------------------------*/
.page_five_min_vocabulary .five_min_vocabulary_color{
	color:#c4d435;
}
.page_five_min_vocabulary .main{
	background:#c4d435;
}
.page_five_min_vocabulary .content dl dt.sec_ttl {
	border-left:solid 5px #c4d435;
}
.page_five_min_vocabulary .content .recommend_table{
	border:solid 3px #c4d435;
	margin:0 auto;
}
.page_five_min_vocabulary .content .recommend_table dt{
	background:#c4d435;
}
.page_five_min_vocabulary .content .box > .box_ttl{
	color: #c4d435;
}
.page_five_min_vocabulary .content .content_ttl{
	background:#c4d435;
}
.page_five_min_vocabulary .content .ttl_box{
	background: #00acec;
	margin-right: 5px;
	color: #fff;
	padding: 1px 5px;
	font-size: 16px;
	font-size: 1.6rem;
}
.page_five_min_vocabulary .content .small_text{
	font-size:12px;
	font-size:1.2rem;
}
.page_five_min_vocabulary .content .synoym_color{
	background: #fa0e77;
}
.page_five_min_vocabulary .content .synoym_color.text{
	background-color:inherit;
	color: #fa0e77;
}

.page_five_min_vocabulary .content .pronunciation_color{
	background: #fe9271;
}
.page_five_min_vocabulary .content .pronunciation_color.text{
	background-color:inherit;
	color: #fe9271;
}
.page_five_min_vocabulary .content .sentence1_color{
	background: #d9ad74;
}
.page_five_min_vocabulary .content .sentence2_color{
	background: #28b7bf;
}
/*---------------------------------*/
/* page_news_mobile
/*---------------------------------*/
.page_news_mobile .main{
	background:#4074a6;/*#fba400*/
}
.page_news_mobile .content dl dt.sec_ttl {
	border-left:solid 5px #4073a5;
}
.page_news_mobile .content .recommend_table{
	border:solid 3px #4073a5;
	margin:0 auto;
}
.page_news_mobile .content .recommend_table dt{
	background:#4073a5;
}
.page_news_mobile .content .box > .box_ttl{
	color: #4073a5;
}
.page_news_mobile .content .content_ttl{
	background:#4073a5;
}

.page_news_mobile .content .sec_5  dl .ttl_box{
	color:#4074a6;
	font-size:16px;
	font-size:1.6rem;
}
/*---------------------------------*/
/* page kids
/*---------------------------------*/
.page_kids .kids_color{
	color:#ff5858;
}
.page_kids .main{
	background:#ff5858;
}
.page_kids .content dl dt.sec_ttl {
	border-left:solid 5px #ff5858;
}
.page_kids .content .recommend_table{
	border:solid 3px #ff5858;
	margin:0 auto;
}
.page_kids .content .recommend_table dt{
	background:#ff5858;
}
.page_kids .content .box > .box_ttl{
	color: #ff5858;
}
.page_kids .content .content_ttl{
	background:url(../images/text_description/kids/content_ttl_bg.png) repeat;
}
.page_kids .picture_list{
	font-size:0;
	display:block;
	text-align:center;
}
.page_kids .picture_list li{
	margin:0 auto;
	width:70%;
}
.page_kids .picture_list li a{
	display:block;
}
.page_kids .picture_list li + li{
	margin-top:2.0rem;
}
.page_kids .lesson_list{
	font-size:0;
}
.page_kids .lesson_list li{
	display:inline-block;
	width:49%;
}
.page_kids .lesson_list li + li{
	padding-left:2%;
}
.page_kids .content dl.kids_faq > dd{
	padding:0 1.0rem;
}
.page_kids .content dl.kids_faq > dd > dl > dt,
.page_kids .content dl.kids_faq > dd > dl > dd{
	padding-left:37px;
	text-indent:-37px;
}
.page_kids .content dl.kids_faq > dd > dl > dt{
	margin-bottom: 1.0rem;
	padding-bottom: 1.0rem;
	border-bottom:dashed 1px #000000;
}
.page_kids .content dl.kids_faq > dd > dl > dt:before{
	content:"";
	width:29px;
	height:29px;
	border-radius:5px;
	background-image:url("../images/text_description/kids/icon_q.png");
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
}
.page_kids .content dl.kids_faq > dd > dl > dd .fa{
	text-indent:0;
}
.page_kids .content dl.kids_faq > dd > dl > dd:before{
	content:"";
	width:29px;
	height:29px;
	border-radius:5px;
	background-image:url("../images/text_description/kids/icon_a.png");
	background-size:contain;
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
}
.page_kids .content dl.kids_faq > dd > dl + dl{
	margin-top:3.0rem;
}
.page_kids .content .kids_step{
	font-size:0;
	text-align:center;
}
.page_kids .content .kids_step > dl{
	display:block;
	width:75%;
	margin:0 auto;
	vertical-align:top;
	/* position:relative; */
	/* display:inline-block;
	vertical-align:top;
	margin:0 40px;
	position:relative; */
}
.page_kids .content .kids_step > dl > dt{
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	margin-bottom:1.0rem;
}
.page_kids .content .kids_step > dl > dt.step_1{
	color:#ff5858;
}
.page_kids .content .kids_step > dl > dt.step_2{
	color:#fa6c30;
}
.page_kids .content .kids_step > dl > dt.step_3{
	color:#24a4fd;
}
.page_kids .content .kids_step > dl > dd >figure{
	margin-bottom:10px;
}
.page_kids .content .kids_step > dl > dd p{
	font-size:14px;
	font-size:1.4rem;
}
.page_kids .content .kids_step > dl + dl:before{
	content: "\f0d7";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 50px;
	font-size: 5rem;
}
.page_kids .content .required_textbook::after{
	content: "書籍購入必須";
	padding: 5px 10px;
	background-color: #F1890E;
	background-color: #ff5858;
	border-radius: 0 3px 3px 0;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
}
.page_kids.bg_black{
    background: #000!important;
}
.page_kids.c_white{
    color: #FFF!important;
}
/*---------------------------------*/
/* sp_page_speaking
/*---------------------------------*/
.sp_page_speaking .main{
	background:#fdaa02;/*#fba400*/
}
.sp_page_speaking .content dl dt.sec_ttl {
	border-left:solid 5px #fba400;
}
.sp_page_speaking .content .recommend_table{
	border:solid 3px #fba400;
	margin:0 auto;
}
.sp_page_speaking .content .recommend_table dt{
	background:#fba400;
}
.sp_page_speaking .content .box > .box_ttl{
	color: #fba400;
}
.sp_page_speaking .content .content_ttl{
	background:#fba400;
}
.sp_page_speaking .content .sec_5 .iframe_wrap{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.sp_page_speaking .content .sec_5 iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.sp_page_speaking .content .sec_5 ul{
	font-size:0;
	text-align:center;
}
.sp_page_speaking .content .sec_5 ul li{
	display:block;
	width:20rem;
	margin:0 auto;
	vertical-align:top;
	position:relative;
}
.sp_page_speaking .content .sec_5 ul li.beige .content_box{
	background:#fdf1ca;
}
.sp_page_speaking .content .sec_5 ul li.beige .content_box p span{
	color:#fc9b03;
}
.sp_page_speaking .content .sec_5 ul li.brown .content_box{
	background:#ffd9a1;
}
.sp_page_speaking .content .sec_5 ul li.brown .content_box p span{
	color:#fa6c30;
}
.sp_page_speaking .content .sec_5 ul li.brick .content_box{
	background:#fdc6af;

}
.sp_page_speaking .content .sec_5 ul li.brick .content_box p span{
	color:#f92332;
}
.sp_page_speaking .content .sec_5 ul li.pink .content_box{
	background:#ffd2e6;
}
.sp_page_speaking .content .sec_5 ul li.pink .content_box p span{
	color:#fa0e77;
}
.sp_page_speaking .content .sec_5 ul li + li{
	margin-top:60px;
}

.sp_page_speaking .content .sec_5 ul li + li:before{
	content:"\f0d7";
	font-family:FontAwesome;
	display:inline-block;
	font-size:50px;
	font-size:5rem;
	position:absolute;
	left:0;
	right:0;
	top:-70px;
}
.sp_page_speaking .content .sec_5 ul li .content_box{
	width:15rem;
	height:15rem;
	border-radius:50%;
	text-align:center;
	margin:0 auto 20px;
}
.sp_page_speaking .content .sec_5 ul li .content_box p{
	font-size:16px;
	font-size:1.6rem;
}
.sp_page_speaking .content .sec_5 ul li .content_box p span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding:30px 0 0;
	display:inline-block;
}
.sp_page_speaking .content .sec_5 ul li .content_box + p{
	font-size:14px;
	font-size:1.4rem;
}
.sp_page_speaking .content .sec_5 img{
    border: 1px solid #555555;
}
/*-------------------------------*/
/*.page_callan_flow_purchase_plat_input
/*-------------------------------*/
.page_callan_flow_purchase_plat_input{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;

}
.page_callan_flow_purchase_plat_input .page_inner{
	background: #fff;
	padding: 0;
}
.page_callan_flow_purchase_plat_input .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content{
	background: #000;
	color: #FFF;
    position: relative;
	padding: 1.2rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .callan_ttl_green{
	border-left: 8px #03c9a9 solid;
	padding: 5px 0 5px 10px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table tbody,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table tr,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table th,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table td{
	display:block;
}

.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .btn_wrap .btn_style{
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}
.page_callan_flow_purchase_plat_input input {
	background-color: #323232;
	border-radius: 0;
	color: #fff;
}
body:has(.page_callan_flow_purchase_plat_input) {
	background-color: #000;
}
/*-------------------------------*/
/*.page_callan_flow_purchase_plat_confirm
/*-------------------------------*/
.page_callan_flow_purchase_plat_confirm{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height: 100vh;
	min-height:auto;

}
.page_callan_flow_purchase_plat_confirm .page_inner{
	background: #fff;
	padding: 0;
}
.page_wrap.page_callan_flow_purchase_plat_confirm .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:2rem 1.2rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content{
    position: relative;
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .callan_ttl_green{
	border-left: 8px #03c9a9 solid;
	padding: 5px 0 5px 10px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table tbody,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table tr,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table th,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table td{
	display:block;
}

.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .btn_wrap .btn_style{
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/*---------------------------------*/
/* page_callan_desc (callan for business)
/*---------------------------------*/
.page_callan_desc .kids_color{
	color:#16578b;
}
.page_callan_desc .main{
}
.page_callan_desc .content dl dt.sec_ttl {
	border-left:solid 5px #16578b;
}
.page_callan_desc .content .recommend_table{
	border: solid 4px #FFF;
	margin:0 auto;
}
.page_callan_desc .content .recommend_table dt{
	background: #FFF;
	color: #000;
	text-align: center;
	font-weight: bold;
	padding: 0.6rem 1rem;
}
.page_callan_desc .content .recommend_table dd{
	padding: 1.8rem;
}
.page_callan_desc .content .box > .box_ttl{
	color: #16578b;
}
.page_callan_desc .picture_list{
	font-size:0;
	display:block;
	text-align:center;
}
.page_callan_desc .picture_list li{
	margin:0 auto;
	width:70%;
}
.page_callan_desc .picture_list li a{
	display:block;
}
.page_callan_desc .picture_list li + li{
	margin-top:2.0rem;
}
.page_callan_desc .lesson_list{
	font-size:0;
}
.page_callan_desc .lesson_list li{
	display:inline-block;
	width:49%;
}
.page_callan_desc .lesson_list li + li{
	padding-left:2%;
}
.page_callan_desc .sec_3 dl dt.content_ttl.box_1:before{
	content:'1';
}
.page_callan_desc .sec_3 dl dt.content_ttl.box_2:before{
	content:'2';
}
.page_callan_desc .sec_3 dl dt.content_ttl{
	color: #F1890E;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5rem;
}
.page_callan_desc .sec_3 dl dt.content_ttl:before{
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	background: #16578b;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-right: 10px;
}
.page_callan_desc .rule_text{
	padding: 0 10px;
	text-indent: -1em;
}
.page_callan_desc .content.rule_text > li{
	margin-bottom: 10px;
}
.page_callan_desc .content .reservation_required{
	text-align: center;
	margin-bottom: 20px;
}
.page_callan_desc .content .orange_text{
	font-weight: bold;
	color:#f1890e;
}
.page_callan_desc .content .forexample_text{
	margin-left: 10px;
}
.page_callan_desc .content .forexample_text li + li{
	margin-left: 50px;
}
.page_callan_desc .content .important_point{
	padding: 20px 0;
}
/* callan_for_business */
.callan_for_business .sec .lesson_content{
	background: #323232;
	border-radius: 4px;
	padding: 1.5rem;
	margin-bottom: 1.5rem;
}
.callan_for_business .sec .rule_text > li + li{
	margin-top: 15px;
}

/* callan_flow_purchase_plat_input */
.page_callan_flow_purchase_plat_input .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content{
    position: relative;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .callan_ttl_green{
	border-left: 8px #03c9a9 solid;
	padding: 5px 0 5px 10px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table tbody,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table tr,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table th,
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table td{
	display:block;
}

.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
	padding: 0 1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_plat_input .callan_flow_purchase_plat_input_content .btn_wrap .btn_style{
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/*-------------------------------*/
/*.page_callan_flow_purchase_plat_confirm
/*-------------------------------*/
.page_callan_flow_purchase_plat_confirm{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;

}
.page_callan_flow_purchase_plat_confirm .page_inner{
	background: #fff;
	padding: 0;
}
.page_callan_flow_purchase_plat_confirm .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content{
    position: relative;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .callan_ttl_green{
	border-left: 8px #03c9a9 solid;
	padding: 5px 0 5px 10px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table tbody,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table tr,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table th,
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table td{
	display:block;
}

.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_plat_confirm .callan_flow_purchase_plat_confirm_content .btn_wrap .btn_style{
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}

/*---------------------------------*/
/* page_callan_desc (callan for business)
/*---------------------------------*/
.page_callan_desc .kids_color{
	color:#16578b;
}
.page_callan_desc .main{
	background:#1f2e5f;
}
.page_callan_desc .content dl dt.sec_ttl {
	border-left:solid 5px #16578b;
}
.page_callan_desc .content .recommend_table{
	border:solid 3px #16578b;
	margin:0 auto;
}
.page_callan_desc .content .recommend_table dt{
	background:#16578b;
}
.page_callan_desc .content .box > .box_ttl{
	color: #16578b;
}
.page_callan_desc .picture_list{
	font-size:0;
	display:block;
	text-align:center;
}
.page_callan_desc .picture_list li{
	margin:0 auto;
	width:70%;
}
.page_callan_desc .picture_list li a{
	display:block;
}
.page_callan_desc .picture_list li + li{
	margin-top:2.0rem;
}
.page_callan_desc .lesson_list{
	font-size:0;
}
.page_callan_desc .lesson_list li{
	display:inline-block;
	width:49%;
}
.page_callan_desc .lesson_list li + li{
	padding-left:2%;
}
.page_callan_desc .sec_3 dl dt.content_ttl.box_1:before{
	content:'1';
}
.page_callan_desc .sec_3 dl dt.content_ttl.box_2:before{
	content:'2';
}
.page_callan_desc .sec_3 dl dt.content_ttl{
	color:#16578b;
	text-align:left;
}
.page_callan_desc .sec_3 dl dt.content_ttl:before{
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	background: #16578b;
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-right: 10px;
}
.page_callan_desc .rule_text{
	padding: 0 10px;
	text-indent: -1em;
}
.page_callan_desc .content.rule_text > li{
	margin-bottom: 10px;
}
.page_callan_desc .content .reservation_required{
	text-align: center;
	margin-bottom: 20px;
}
.page_callan_desc .content .orange_text{
	font-weight: bold;
	color:#f1890e;
}
.page_callan_desc .content .forexample_text{
	margin-left: 10px;
}
.page_callan_desc .content .forexample_text li + li{
	margin-left: 50px;
}
.page_callan_desc .content	.important_point{
	padding: 20px 0;
}
/*---------------------------------*/
/* page_callan_for_kids_desc
/*---------------------------------*/
.page_callan_desc.callan_for_kids .content dl dt.sec_ttl {
	border-left:solid 5px #f3aa39;
}
.page_callan_desc.callan_for_kids .content dl dt.sec_ttl.notice_red {
	border-left: solid 5px #b11a22;
}
.page_callan_desc.callan_for_kids .content .recommend_table{
	border: solid 4px #FFF;
}
.page_callan_desc.callan_for_kids .content .recommend_table dt{
	color: #000;
	background: #FFF;
	padding: .6rem 0 1rem;
	font-size: 1.4rem;
	font-weight: bold;
}
.page_callan_desc.callan_for_kids .sec_to_learn .box {
	background: #323232;
	border-radius: 4px;
	padding: 1.5rem;
	margin: 0 -2rem;
}
.page_callan_desc.callan_for_kids .sec_to_learn .box + .box {
	margin-top: 2rem;
}
.page_callan_desc.callan_for_kids .sec_to_learn .box > .box_ttl{
	color: #F1890E;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
	text-align: center;
}
.page_callan_desc.callan_for_kids .content .content_ttl{
	background:#f3aa39;
}
.page_callan_desc.callan_for_kids .content .circle_flowchart .content_box .box_inner p span{
	padding:35px 0 10px;
}
.page_wrap.callan_for_kids .page_inner .content .level_check{
	background-color: transparent;
	padding: 0;
}
.page_wrap.callan_for_kids .main_ttl{
	color: #F1890E;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.page_wrap.callan_for_kids .level_check_box{
	background: #323232;
	border-radius: 4px;
	padding: 1.5rem;
	margin: 0 -2rem;
}
.page_wrap.callan_for_kids .text_level{
	background: #FFF;
	border-radius: 100px;
	padding: .8rem;
	text-align: center;
	color: #000;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.4;
}
.page_wrap.callan_for_kids .text_level .sub_ttl{
	font-size: 1.4rem;
	font-weight: normal;
}
.page_wrap.callan_for_kids .text_desc_wrap .text_image{
	width: 10rem;
	margin: 1.8rem auto 1rem;
}
.page_wrap.callan_for_kids .text_desc_wrap .text_title{
	color: #F1890E;
	text-align: center;
}
.page_wrap.callan_for_kids .sec_lesson_flow .box{
	background: #323232;
	padding: 1.5rem;
	position: relative;
	margin: 0 -2rem	;
}
.page_wrap.callan_for_kids .sec_lesson_flow .box + .box{
	margin-top: 6rem;
}
.page_wrap.callan_for_kids .sec_lesson_flow .box + .box:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-top: 2rem solid #999999;
	border-bottom: none;
	position: absolute;
	bottom: calc(100% + 2rem);
	left: 50%;
	transform: translateX(-50%);
}
.page_wrap.callan_for_kids .sec_lesson_flow .flow_ttl{
	background: #F1890E;
	border-radius: 100px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: .6rem;
	margin-bottom: 1.5rem;
}
.page_wrap.callan_for_kids .sec_lesson_flow .flow_ttl_2{
	background: #FFF;
	border-radius: 4px;
	text-align: center;
	padding: .6rem;
	font-weight: bold;
	color: #000;
	margin-bottom: 1.5rem;
}
/*---------------------------------*/
/* page_callan_platform
/*---------------------------------*/
.page_callan_platform .kids_color{
	color:#cc7f4b;
}
.page_callan_platform .main{
	background:#172b66;
}
.page_callan_platform .content dl dt.sec_ttl {
	border-left:solid 5px #cc7f4b;
}

.page_callan_platform .content .box > .box_ttl{
	color: #cc7f4b;
}

.page_callan_platform .content .sec .plat_point{
	border: 3px solid #fde2cf;
	padding: 20px 20px;
	padding: 2.0rem 2.0rem;
	border-radius: 6px;
	margin: 0 0 30px 0;
}
.page_callan_platform .content .sec .plat_point >p{
	font-weight: bold;
	color:#cc7f4b;
}
.page_callan_platform .content .sec .plat_point .num_color{
	color:#cc7f4b;
	font-weight: bold
}
.page_callan_platform .content .sec .plat_point ul{
	padding: 0 0 0 10px;
	padding: 0 0 0 1.0rem;
}
.page_callan_platform .content .sec .plat_point li{
	margin: 0 0 10px 0;
	margin: 0 0 1.0rem 0;
	text-indent: -1em;
}
.page_callan_platform .content .sec .registration_box{
	border: 3px solid #fde2cf;
	padding: 20px 20px;
	padding: 2.0rem 2.0rem;
	border-radius: 6px;
	margin: 0 0 30px 0;
	margin: 0 0 3.0rem 0;
	font-size: 14px;
	font-size: 1.4rem;
}
.page_callan_platform .content .sec .registration_box ul{
	padding: 0 0 0 10px;
	padding: 0 0 0 1.0rem;
}

.page_callan_platform .content .sec .step{
	display: inline-block;
	background: #cc7f4b;
	color: #fff;
	padding: 3px 5px;
	border-radius: 6px;
	margin: 0 0 20px 0;
}

.page_callan_platform .content .sec .step_box li{
    position: relative;
}
.page_callan_platform .content .sec .step_box li +li:before{
	content: "\f0d7";
	font-family: FontAwesome;
	display: block;
	font-size: 50px;
	font-size: 5rem;
	text-align: center;
	height: 60px;
	height: 6.0rem;
	color:#cc7f4b;

}
.page_callan_platform .content .sec .plat_contents dt{
	color: #cc7f4b;
	font-weight: bold;
}
.page_callan_platform .content .sec .plat_contents  dl {
	margin: 0 0 20px 0;
	margin: 0 0 2.0rem 0;
}
.page_callan_platform .content .sec .plat_contents  dl dd{
	padding: 0 10px;
	padding: 0 1.0rem;
}
.page_callan_platform .content .sec .plat_contents  dl dd p{
	margin: 0 0 10px 0;
	margin: 0 0 1.0rem 0;
}

/*-------------------------------*/
/*.page_callan_purchase_plat_complete
/*-------------------------------*/
.page_callan_purchase_plat_complete{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;
}
.page_callan_purchase_plat_complete .page_inner{
	background: #fff;
	padding: 0;
}
.page_callan_purchase_plat_complete .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:2rem 1.2rem;
	background: #000;
	color: #FFF;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content{
    position: relative;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content .callan_ttl_white{
	border-left: 8px #FFF solid;
	padding: 5px 0 5px 10px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content .callan_ttl_green{
	border-left: 8px #03c9a9 solid;
	padding: 5px 0 5px 10px;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	font-size: 18px;
	font-size: 1.8rem;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table,
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table tbody,
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table tr,
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table th,
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table td{
	display:block;
}

.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_purchase_plat_complete .callan_flow_purchase_plat_complete_content .btn_wrap .btn_style{
	font-family: inherit;
}
.page_callan_purchase_plat_complete .callanform_important_box {
	background: #222;
	color: #FFF;
	padding: 10px;
	padding: 1rem;
}
.page_callan_purchase_plat_complete .callanform_important_box .callanform_important_text{
	text-align: center;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_purchase_plat_complete .callanform_important_box ul li {
	margin-left: 1rem;
	text-indent: -1rem;
}
.page_callan_purchase_plat_complete .callanform_important_box ul li:before {
	content: '・';
	width:1rem;
	text-align: center;
	display: inline-block;
}
.page_callan_purchase_plat_complete .callanform_important_box ul li .fa{
	text-indent:0;
}
.page_callan_purchase_plat_complete .bg_gray {
	background-color: #323232 !important;
}
.page_callan_purchase_plat_complete .t_color_white {
	color: #fff;
}

/*---------------------------------*/
/* page_callan_faq
/*---------------------------------*/
.page_sp_desc.page_callan.page_callan_faq .page_inner{
}
.page_sp_desc.page_callan.page_callan_faq .page_inner .sec{
	padding: 0 0;
	border: none;
	margin: 0;
}
.page_callan_faq .content{
	padding: 0 2rem 2rem;
}
.page_callan_faq .content p{
	line-height: 1.5;
}
.page_callan_faq .sec_ttl{
	border-left: #009d95 5px solid;
	padding: 5px 10px 5px 10px;
	padding: 0.5rem 1.0rem 0.5rem 1.0rem;
	margin-bottom: 20px;
	margin-bottom: 2.0rem;
}
.page_callan_faq .faq_list{
	margin-bottom: 30px;
	margin-bottom: 3.0rem;
}
.page_callan_faq .faq_list .list_item{
	background: #323232;
}
.page_callan_faq .faq_list .list_item + .list_item{
	margin-top: 1rem;
}
.page_callan_faq .ui_accordion_trigger{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	cursor: pointer;
	padding: 1.5rem 5rem 1.5rem 3.7rem;
	text-indent: -1.8rem;
	position: relative;
	line-height: 1.5;
	transition: all 0.2s linear;
}
.page_callan_faq .ui_accordion_trigger:before{
	content: "Q.";
	font-size: 1.6rem;
}
.page_callan_faq .ui_accordion_trigger:after{
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	top: calc(50% - 0.5rem);
	right: 1.5rem;
	transform: translate(0,-50%) rotate(135deg);
	transition: all 0.2s linear;
	width: 10px;
	width: 1.0rem;
	height: 10px;
	height: 1.0rem;
	box-sizing: border-box;
	border-top: 2.0px solid #FFF;
	border-right: 2.0px solid #FFF;
}
.page_callan_faq .ui_accordion_trigger.on:after{
	-weblit-transform:translate(0,-50%) rotate(-45deg);
	transform:translate(0,-50%) rotate(-45deg) ;
}
.page_callan_faq .ui_accordion_box{
	padding: 1.5rem 1.5rem 1.5rem 3.7rem;
	line-height: 1.5;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	border-top: 1px solid #000;
}
.page_callan_faq .ui_accordion_box:before{
	content: "A.";
	font-size: 1.6rem;
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
}
.page_callan_faq .ui_accordion_box p + p{
	margin-top: 10px;
	margin-top: 1.0rem;
}
.page_callan_faq .ui_accordion_box .box_list{
	margin: 10px 0;
	margin: 1.0rem 0;
}
.page_callan_faq .ui_accordion_box .box_list > li{
	text-indent: -1em;
	padding-left: 1em;
}
.page_callan_faq .ui_accordion_box .box_list > li:before{
	content:"・";
}
.page_callan_faq .ui_accordion_box .box_list > li + li{
	margin-top: 5px;
	margin-top: 0.5rem;
}
.page_callan_faq .ui_accordion_box .notice{
	text-indent: -1em;
	padding-left: 1em;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0;
}

/*-------------------------------*/
/*.page_store
/*-------------------------------*/
.page_store *{
	box-sizing: border-box;
}
.page_store{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;
}
.page_store .page_inner{
	background: #fff;
	padding: 0;
}
.page_wrap.page_store .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
	border-radius: 0;
}
.page_wrap.page_store .container .content_box{
	background: #222;
	margin: -2rem;
	padding: 2rem;
	margin-bottom: 2rem;
}
.page_wrap.page_store .bg_black{
	background: #000 !important;
}
.page_wrap.page_store .c_white{
	color: #FFF !important;
}
.page_wrap.page_store .btn_style.btn_white{
	border: none;
	color: #000 !important;
	box-shadow: none;
	letter-spacing: 0.3rem;
	white-space: normal;
}
.page_store .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #eee solid 2px;
}
.page_store .page_breadcrumbs_2 .page_ttl{
	font-weight: bold;
}
.page_store .container .content .content_box + .content_box{
	margin-top:20px;
	margin-top:2rem;
	padding-top:20px;
	padding-top:2rem;
	border-top: solid 1px #ccc;
}
.page_store .container .content .content_box .box_head h2{
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #555555;
	padding: 0 0 .5rem;
	font-size: 1.6rem;
}
.page_store .container .content .content_box .box_head .textbook_sample .sample_list li{
	display: inline-block;
	padding-right: 5px;
	margin-bottom: 1rem;
}
.page_store .container .content .switch_btn.switch_btn-2{
	padding: 0 5%;
}
.page_store .container .content .switch_btn.switch_btn-2 li,
.page_store .container .content .switch_btn.switch_btn-2 li.on{
	border: solid 1px #092846;
}
.page_store .container .content .switch_btn.switch_btn-2 li.disabled{
	border: solid 1px #f4f4f4;
}
.page_store .container .content .switch_btn.switch_btn-2 li.disabled a{
	color: #ccc;
	background: #f4f4f4;
	cursor: default;
	pointer-events: none;
}
.page_store .container .content .switch_btn_wrap{
	margin: 0 0 3rem;
}
.page_store .container .content .switch_btn_wrap > ul{
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_store .container .content .switch_btn_wrap > ul > li{
	position: relative;
}
.page_store .container .content .switch_btn_wrap > ul > li + li{
	margin-left: 5rem;
}
.page_store .container .content .switch_btn_wrap a{
	display: block;
	color: #999999;
	font-size: 1.5rem;
	font-weight: bold;
	padding: .8rem 0;
}
.page_store .container .content .switch_btn_wrap .on a{
	color: #FFF;
}
.page_store .container .content .switch_btn_wrap .on:before{
	content: "";
	display: block;
	width: 100%;
	border-top: 4px #D22F26 solid;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	margin: auto;
}
.page_store .container .content .content_box .box_body .textbook_list {
	font-size: 0;
}
.page_store .container .content .content_box .box_body .textbook_list li {
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: middle;
	border: solid 1px #ccc;
	margin-bottom: 1rem;
	text-align: center;
	position: relative;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 2rem 1rem;
}
.page_store .container .content .content_box .box_body .textbook_list li label {
	width:100%;
	display: table;
	padding: 1rem;
	cursor: pointer;
	box-sizing: border-box;
}
.page_store .container .content .content_box .box_body .textbook_list li input[type=checkbox] + label:before,
.page_store .container .content .content_box .box_body .textbook_list li input[type=checkbox]:checked + label:after {
    top: 3rem;
    right: 0rem;
    left: auto;
    margin: 0;
}
.page_store .container .content .content_box .box_body .textbook_list li input[type=checkbox] + label.custom_check:before{
	background: unset!important;
	border-radius: 4px;
}
.page_store .container .content .content_box .box_body .textbook_list li input[type=checkbox]:checked + label.custom_check:after{
	content: "";
    display: block;
    width: 11px;
    height: 6px;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translate(-49%, 2%);
}
.page_store .container .content .content_box .box_body .textbook_list li label.sold_out{
	pointer-events: none;
	opacity: 0.2;
}
.page_store .container .content .content_box .box_body .textbook_list li .sold_out_txt{
	position: absolute;
	top: 1rem;
	right: 0;
	left: 0;
	font-size: 14px;
}
.page_store .container .content .content_box .box_body .textbook_list li label .left_box,
.page_store .container .content .content_box .box_body .textbook_list li label .right_box{
	display:table-cell;
	vertical-align: top;
}
.page_store .container .content .content_box .box_body .textbook_list li label .left_box{
	width:6rem;
}
.page_store .container .content .content_box .box_body .textbook_list li label .left_box figure img{
	display: block;
	width: 100%;
	max-width: 9.6rem;
	max-height: 9.6rem;
	margin: auto;
}
.page_store .container .content .content_box .box_body .textbook_list li label .right_box{
	text-align:left;
	padding-left:1rem;
	box-sizing: border-box;
}
.page_store .container .content .content_box .box_body .textbook_list li label .right_box h3{
	/* color: #092846; */
	font-weight:bold;
}
.page_store .container .content .content_box .box_body .textbook_list li label .right_box h3 span{
	font-size: 12px;
	font-size: 1.2rem;
}
.page_store .container .content .content_box .box_body .textbook_list li label .right_box .price{
	font-weight: bold;
	margin-bottom: 5px;
	margin-bottom: 0.5rem;
}
/* not_purchase */
.page_store .container .content .content_box.not_purchase .textbook_list label{
	opacity: 0.5;
	pointer-events: none;
}
.page_store .container .content .content_box.not_purchase a.btn_style{
	color: #ccc !important;
	background: #f4f4f4 !important;
	pointer-events: none;
	box-shadow: none;
}
/* ENGLISH FOR EVERYONE Amazon Kindle Link modal */
.modal_window.dialog_efe_kindle_purchase {

}
.dialog_efe_kindle_purchase .modal_ttl {

}
.efe-kindle-list {

}
.efe-kindle-list img {
	display: block;
	width: 100%;
}
.efe-kindle-list > li + li {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 1px solid #f1f1f1;
}
.efe-kindle-list .book-img {
	max-width: 8rem;
	margin: 0 auto;
}
.efe-kindle-list .book-name {
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 1rem;
	max-width: 90%;
	text-align: center;
	margin: 0 auto;
}
.efe-kindle-list .book-link {
	margin-top: 1rem;
}
.efe-kindle-list .amazon-btn {
	display: block;
	width: 10.5rem;
	margin: 0 auto;
}
.efe-kindle-list .amazon-btn > img {
	opacity: 1;
}
/*-------------------------------*/
/*.page_store_confirm
/*-------------------------------*/
.page_store_confirm{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;
}
.page_store_confirm .page_inner{
	background: #fff;
	padding: 0;
}
.page_store_confirm .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_store_confirm .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #eee solid 2px;
}
.page_store_confirm .page_breadcrumbs_2 .page_ttl{
	font-weight: bold;
}
.page_store_confirm .container .order_details{
    border: solid 1px #555;
    box-sizing: border-box;
    padding: 1rem;
	margin-bottom:2rem;
}
.page_store_confirm .container .order_details .order_product .item_price{
	text-align:right;
}
.page_store_confirm .container .order_details .order_product .subtotal {
	border-top: solid 1px #ccc;
	margin-top: 10px;
	margin-top: 1rem;
	padding-top: 10px;
	padding-top: 1rem;
}
.page_store_confirm .container .order_address .address_info .dl_style_1 dt,
.page_store_confirm .container .order_address .address_info .dl_style_2 dt {
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
}
.page_store_confirm .container .order_address .address_info .dl_style_1 table,
.page_store_confirm .container .order_address .address_info .dl_style_1 table thead,
.page_store_confirm .container .order_address .address_info .dl_style_1 table tbody,
.page_store_confirm .container .order_address .address_info .dl_style_1 table tr,
.page_store_confirm .container .order_address .address_info .dl_style_1 table th,
.page_store_confirm .container .order_address .address_info .dl_style_1 table td{
	display:block;
}
.page_store_confirm .container .order_address .address_info .dl_style_1 table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:1rem;
}
.page_store_confirm .container .order_address .address_info .dl_style_1 table td{
	margin-bottom:1rem;
}
.page_store_confirm .c_disable{
	color: #ccc;
}
/* card brand list */
.page_store_confirm .card_brand_list .card_brand_item_ttl{
	padding: 1rem 0;
}
.page_store_confirm .card_brand_list li{
	padding: 1rem 0.5rem;
	border-top: #ccc 1px solid;
}
.page_store_confirm .card_brand_list li:last-child{
	border-bottom: #ccc 1px solid;
}
.page_store_confirm .card_brand_list .card_brand_item{
	position: relative;
	padding: 0.5rem;
	color: #313131;
	font-weight: bold;
	font-size: 1.5rem;
}
.page_store_confirm .card_brand_list a .card_brand_item:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0.75rem;
	font-family: 'fontAwesome';
	content: '\f0da';
	font-weight: bold;
	font-size: 1.5rem;
	height: 1.5rem;
	margin: auto;
	color: #8C8D8D;
}
.page_store_confirm .card_brand_list .card_brand_item:before{
	display: inline-block;
	content: '';
	width: 4rem;
	height: 2.75rem;
	vertical-align: middle;
	margin-right: 0.25rem;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.page_store_confirm .card_brand_list .card_brand_item-visa:before{
	background-image: url('../images/pay/logo_visa.png');
}
.page_store_confirm .card_brand_list .card_brand_item-mastercard:before{
	background-image: url('../images/pay/logo_mastercard.png');
}
.page_store_confirm .card_brand_list .card_brand_item-jcb:before{
	background-image: url('../images/pay/logo_jcb.png');
}
.page_store_confirm .card_brand_list .card_brand_item-dinersclub:before{
	background-image: url('../images/pay/logo_dinersclub.png');
}
.page_store_confirm .card_brand_list .card_brand_item-americanexpress:before{
	background-image: url('../images/pay/logo_americanexpress.png');
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd p.tel{
	display: inline-block;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd .settings{
	display: inline-block;
	float:right;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 {
    display: table;
	width:100%;
	padding: 20px;
	padding: 2rem;
	background: #222222;
	box-sizing: border-box;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2:last-child {
	margin-bottom: 10px;
}
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dt,
.page_store_confirm .sec_store_confirm .order_address .address_info .dl_style_2 dd{
	padding: 0 0.5rem;
}
.page_store_confirm .order_details {
	padding: 20px 25px;
	padding: 2rem 2.5rem;
	background: #222222;
}
.page_store_confirm .order_details .product_list {
	margin-bottom: 40px;
}
.page_store_confirm .order_details .order_product .product_list:last-child {
	margin-bottom: 0;
}
.page_store_confirm .order_details .item_name {
	display: flex;
	gap: 26px;
}
.page_store_confirm .order_details .item_name img {
	width: 67px;
}
.page_store_confirm .order_details .item_price {
	display: flex;
}
.page_store_confirm .order_details .item_price .item_type {
	margin-right: 15px;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 3px 8px;
	padding: 0.3rem 0.8rem;
}
.page_store_confirm .item_actions {
	display: flex;
	align-items: center;
	gap: 30px;
}
.page_store_confirm .item_actions .btn {
	width: auto;
	background: #737373; 
	color: #000;
	border-radius: 4px;
	border: none;
	padding: 9px 13px;
	border: 1px solid #737373;
	height: 34px;
}
.page_store_confirm .item_actions .buttons_container .btn {
	width: 40px;
	justify-content: center;
}
.page_store_confirm .item_actions .btn-left {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.page_store_confirm .item_actions .btn.btn-right {
	background: #fff;
	border: 1px solid #fff;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	display: flex;
	align-items: center;
}
.page_store_confirm .item_actions .btn-left.btn-trash:before {
	content: url('../images/common/delete.png');
	line-height: 0.5;
    font-size: 2.4rem;
}
.page_store_confirm .item_actions .btn-left.btn-minus:before {
	content: '-';
	line-height: 1;
	font-size: 2.4rem;
	color: #fff;
	position: relative;
	top: -3px;
}
.page_store_confirm .item_actions .btn.btn-right:before {
	content: "+";
	line-height: 1;
	font-size: 2.4rem;
}
.page_store_confirm .item_actions .btn.btn-delete {
	padding: 7px 26px;
	padding: 0.7rem 2.6rem;
	color: #fff;
}
.page_store_confirm .item_actions .buttons_container, .page_store_confirm .item_actions button  {
	display: flex;
	align-items: center;
}
.page_store_confirm .item_actions .item_count {
	border: 1px solid #fff;
	padding: 5px 25px;
	height: 34px;
	box-sizing: border-box;
}
.page_store_confirm .order_details .order_product hr {
	border-color: #fff;
}
.page_store_confirm .sec_store_confirm .order_details .order_product li:not(.product_list) {
	display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 160px;
    margin: 0 0 5px auto;
}

.page_store_confirm .btn_style.btn_blue {
	background: #3778F1;
	width: 100%;
}
.page_store_confirm .ui_msg_style_error {
	background: #F84F63;
	padding: 12px;
	padding: 1.2rem;
}
.page_store_confirm .ui_msg_style_error .msg::before {
	display: none
}
.page_store_confirm .btn_style.btn_white {
	display: block;
	width: 100%;
	color: #000;
	box-shadow: none;
}
.page_store_confirm .t_link {
	text-decoration: none !important;
	color: #3778F1;
}
/* btn style */
.payment_wrap .btn_style.btn_border{
	color: #1f1f1f !important;
	background: #fff;
	box-shadow: none;
	border-radius: 0;
	position: relative;
	padding: 0 14% 0 4%;
	height: 6rem;
	line-height: 6rem;
	width: 100%;
	max-width: 40rem;
	font-size: 14px;
	font-size: 1.4rem;
}
.payment_wrap .btn_style.btn_border:after{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	color: #1f1f1f;
	font-size: 28px;
	top: 50%;
	margin-top: -3rem;
	right: 10px;
}
@media screen and (max-width: 374px) {
	.payment_wrap .btn_style.btn_border{
		font-size: 13px;
		font-size: 1.3rem;
	}
	.payment_wrap .btn_style.btn_border:after{
		right: 5px;
	}
}
.payment_wrap .btn_style.btn_border.arrow_none:after{
	content: none !important;
}
/* secst */
.zeus-payment_secst{
	padding: 0.5rem 1rem;
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 1.5;
}
.zeus-payment_secst table{
	width:100%;
}
.zeus-payment_secst th{
	text-align:center;
	padding-right: 1.5rem;
}
.zeus-payment_secst th,
.zeus-payment_secst td{
	vertical-align: top;
}
/* form style */
.page_store_credit_form .sec_page_signup{
	padding: 1rem;
}
.page_store_credit_form .c_white{
	color: #fff;
}
.page_store_credit_form .signup_box-white{
	background: #FFFFFF;
	border: #aaaaaa solid 1px;
	padding: 0 1rem;
}
.page_store_credit_form .signup_box-white dl{
	border-bottom: #f4f4f4 1px solid;
	width: 100%;
	position: relative;
}
.page_store_credit_form .signup_box-white dl:last-child{
	border: none;
}
.page_store_credit_form .signup_box-white dl dt{
	text-align: right;
	display: inline-block;
	font-size: 1.2rem;
	width: 35%;
	vertical-align: middle;
}
.page_store_credit_form .signup_box-white dl dd{
	text-align: left;
	display: inline-block;
	font-size: 1.2rem;
	width: 60%;
	vertical-align: middle;
}

.page_store_credit_form .signup_box-white dl dd .size_max{
	width: 95%;
}
.page_store_credit_form .signup_box-white dl input,
.page_store_credit_form .signup_box-white dl select{
	-webkit-appearance: button;
    appearance: button;
	border: none;
	line-height: 1.5;
}
.page_store_credit_form .signup_box-white dl select{
	min-width: 2rem;
	position: relative;
	padding: 1rem;
}
.page_store_credit_form .signup_box-white dl select:after{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0.75rem;
    font-family: 'fontAwesome';
    content: '\f0d7';
    font-weight: bold;
    font-size: 1.5rem;
    height: 1.5rem;
    margin: auto;
    color: #8C8D8D;
}
.page_store_credit_form .signup_box-white dl input.place,
.page_store_credit_form .signup_box-white dl select.place{
	color: #aaa;
}
.page_store_credit_form .signup_note{
	color: #9c9a9a;
	font-size: 1.2rem;
	margin: 1.5rem 0;
}
.credit_form .card_thumb{
	width: 4rem;
	vertical-align: middle;
	margin-right: 0.25rem;
	line-height: 1;
}
.credit_form .form_wrap table td{
	padding: 10px 0;
}
.credit_form .form_wrap .exp{
	font-size: 1.2rem;
	line-height: 1.2;
	color: #999;
}
.page_store_credit_form .btn_style:disabled{
    color: #fff !important;
    background: #D2D2D2 !important;
    width: 18rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.4rem;
	text-shadow: none;
}
.page_store_credit_form .btn_sp_orange{
	background: #f1890e;
    border: none !important;
    color: #fff !important;
    width: 18rem;
    height: 3.5rem;
    line-height: 3.5rem;
    font-size: 1.4rem;
	text-shadow: none;
}
/* privacy */
.zeus-payment_privacy h2{
	padding: 1.5rem 2%;
	background: #8592C1;
	color:#fff;
	font-size: 1.4rem;
}
.zeus-payment_privacy ul{
	padding: 1.5rem 2%;
}
.zeus-payment_privacy li{
	padding-left:1em;
	text-indent:-1em;
	line-height: 1.5;
}
.zeus-payment_privacy li + li{
	margin-top: 1rem;
}
/* IP address */
.zeus-payment_alert{
	margin: 0 2%;
	padding: 1rem;
	background: #F7F4E1;
	line-height: 1.5;
}

.zeus-payment_alert div p strong{
	font-weight:normal;
	color:#c00;
}
/* contact */
.zeus-payment_info{
	background: #fafafa;
	border-top: 1px solid #ccc;
	padding: 1rem 2%;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.7;
}
.zeus-payment_info h6{
	font-size: 1.5rem;
}
.zeus-payment_info div{
	padding:10px;
	border:1px solid #ccc;
	border-top:none;
}
.zeus-payment_info div p{
	padding-top:10px;
}
.page_store_confirm .credit_notice{
	color: #f14444;
	text-indent: -1em;
	padding-left: 1em;
}

/*----------------------------------*/
/*--- page_store_orders ---*/
/*----------------------------------*/
/* common */
.page_store_orders .content_box{
	padding: 3.0rem 0;
}
.page_store_orders .container .content .content_box + .content_box{
	padding-top: 3.0rem;
	margin-top: 0.0rem;
}
.page_store_orders .product_wrap{
	margin-bottom: 2.0rem;
}
.page_store_orders .product .product_item{
	display: flex;
	max-width: 600px;
	margin: 0 auto;
	gap: 25px;
}
.page_store_orders .product .product_item + .product_item{
	margin-top: 4.0rem
}
.page_store_orders .product .product_item img{
	max-width: 56px;
	padding: 0 0 0 1rem;
	box-sizing: border-box;
	object-fit: contain;
    object-position: top;
}

.page_store_orders .product .product_item .desc_item{
	font-size: 1.8rem;
	color:#fff;
	text-align: left;
}
.page_store_orders .btn_link .btn_style{
	color: #fff;
    font-size: 1.4rem;
    box-sizing: border-box;
    max-width: 235px;
    margin: 0 auto;
    line-height: 1;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* info */
.page_store_orders .info{
	font-size: 1.6rem;
	box-sizing: border-box;
	max-width: 600px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.page_store_orders .info .info_item{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.page_store_orders .info .info_ttl:after{
	content: '：';
}
.page_store_orders .info .total{
	margin-top: 1rem;
	border-top: 1px solid #555;
	padding-top: 1rem;
	font-size: 2.0rem;
}
/* imfo_purchase */
.page_store_orders .imfo_purchase .info_item + .info_item{
	margin-top: 0.5rem;
}
/* info_re_shipped */
/* .page_store_orders .info_re_shipped .info_ttl {
	width: 12rem;
} */
.page_store_orders .agree label{
	cursor: pointer;
}
/* page_store_order_detail */
.page_store_orders.page_store_order_detail .btn_failure_wrap li .btn_style{
	width: 250px;
}
/* page_store_order (other) */
.page_store_orders.page_store_order_detail .content_box,
.page_store_orders.page_store_order_cansel .content_box,
.page_store_orders.page_store_order_cansel_complete .content_box{
	padding: 3.0rem 0 0;
}
.page_store_orders.page_store_order_cansel .back_link{
	margin: 0 auto;
	max-width: 600px;
}

.page_store_orders.page_store_order_cansel .content_box {
	padding: 20px;
	padding: 2.0rem;
}

.page_store_orders.page_store_order_cansel .content_box .product_wrap .product {
	display: block;
}

.page_store_orders.page_store_order_cansel .content_box .desc_item {
	display: flex;
	gap: 26px;
	width: 100%;
}

.page_store_orders.page_store_order_cansel .btn_wrap li {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.page_store_orders.page_store_order_cansel .btn_wrap .btn_white {
	min-width: 100px;
	color: #000000;
}

.page_store_orders.page_store_order_cansel .btn_wrap .btn_gray{
	min-width: 215px;
}

.page_store_orders.page_store_order_cansel .content_box .bill_item {
	margin-bottom: 7px;
}

.page_store_orders.page_store_order_cansel .content_box .bill_details {
	margin-bottom: 0;
}

.page_store_orders.page_store_order_cansel .content_box .product_info .bill_item {
	justify-content: start;
}

.page_store_orders.page_store_order_cansel .content_box .product_wrap .product .product_item {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.page_store_orders.page_store_order_cansel .content_box .product_wrap .product .product_item + .product_item {
	margin-top: 40px;
	margin-top: 4rem;
}

.page_store_orders.page_store_order_cansel .product .product_item img {
	max-width: 75px;
}

/*--------------------------------------*/
/* erro log
/*--------------------------------------*/
.ui_msg_style_signup, .ui_msg_style_signup_cc{
	border-radius: 5px;
	background: #fff;
	border: #F7587A solid 1px;
    overflow: hidden;
}

.ui_msg_style_signup .error_log_header, .ui_msg_style_signup_cc .error_log_header{
	position: relative;
    text-align: center;
    background: #F7587A;
	border-radius: 2px 2px 0 0;
    height: 4rem;
    line-height: 4rem;
    color: #fff;
	font-size:1.2rem;
	font-weight: bold;
}
.ui_msg_style_signup .error_log_header:before, .ui_msg_style_signup_cc .error_log_header:before{
	position: absolute;
	top: 35%;
	left: 33%;
	content: " ";
	background: url('../images/icon/small_notice.png') no-repeat;
	display: inline-block;
    background-size: contain;
	width: 1.2rem;
	height: 1.2rem;
}

.ui_msg_style_signup .msg_wrap, .ui_msg_style_signup_cc .msg_wrap{
	padding: 0.5rem 0;
}

.ui_msg_style_signup .msg, .ui_msg_style_signup_cc .msg{
	text-align: center;
    padding: 1rem;
	font-size: 1.2rem;
	color: #F7587A;
	line-height:1.5;
}

/*-------------------------------*/
/*.page_store_complete
/*-------------------------------*/
.page_store_complete{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;
}
.page_store_complete .page_inner{
	background: #fff;
	padding: 0;
}
.page_store_complete .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_store_complete.bg_black .container{
	background: #000!important;
	color: #FFF!important;
	padding:2rem 1rem !important;
}
.page_store_complete .container .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #eee solid 2px;
}
.page_store_complete .container .page_breadcrumbs_2 .page_ttl{
	font-weight: bold;
}
.page_store_complete .container{
	border-radius: 0;
	background: #000;
	padding: 20px 25px !important;
    padding: 2rem 2.5rem !important;
}
.page_store_complete .t_link {
	text-decoration: none;
	color: #3778F1;
}
.page_store_complete .sub_heading {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 29px;
	padding-left: 10px;
	border-left: 5px solid #fff;
	color: #fff;
}
/* .page_store_complete  */

/*-------------------------------*/
/*.page_store_failure
/*-------------------------------*/
.page_store_failure{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;
}
.page_store_failure .page_inner{
	background: #fff;
	padding: 0;
}
.page_store_failure .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_store_failure .container .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #eee solid 2px;
}
.page_store_failure .container .page_breadcrumbs_2 .page_ttl{
	font-weight: bold;
}
/*-------------------------------*/
/*.page_store_credit_form
/*-------------------------------*/
.page_wrap.page_store_credit_form,
.page_wrap.payment_wrap--creditform{
	background: #ededed;
	min-height: 100vh;
	box-sizing: border-box;
}
.page_wrap.page_store_credit_form .page_inner,
.page_wrap.payment_wrap--creditform .page_inner {
	background: none;
}

/* page_counseling */
.page_wrap.page_counseling{
	background: #000;
	color: #FFF;
	padding-bottom: 50px;
}
.page_wrap.page_counseling img {
	width: 100%;
	display: block;
	font-size:0;
	margin:0 auto;
}
.page_wrap.page_counseling .top_txt {
	position: relative;
}
.page_wrap.page_counseling .top_txt .desc {
	color: #555;
	position: absolute;
	top: -70%;
	bottom: 0;
	left: 6.5%;
	right: 0;
	width: auto;
	height: 0;
	margin: auto;
	line-height: 1.7;
	font-size: 15px;
	font-size: 1.5rem;
	font-size: 4.2vw;
	text-shadow:
		#fff 2px 0px 2px,
		#fff -2px 0px 2px,
		#fff 0px -2px 2px,
		#fff -2px 0px 2px,
		#fff 2px 2px 2px,
		#fff -2px 4px 2px,
		#fff 2px -2px 2px,
		#fff -2px -2px 2px,
		#fff 1px 2px 3px,
		#fff -1px 2px 2px,
		#fff 1px -2px 2px,
		#fff -1px -2px 2px,
		#fff 2px 1px 2px,
		#fff -2px 1px 2px,
		#fff 2px -1px 2px,
		#fff -2px -1px 2px,
		#fff 1px 1px 2px,
		#fff -1px 1px 2px,
		#fff 1px -1px 2px,
		#fff -1px -1px 2px;
}
.page_wrap.page_counseling .top_txt .desc span {
	font-size: 23px;
	font-size: 2.3rem;
	font-size: 6.3vw;
	font-weight: bold;
	line-height: 2;
}
.page_wrap.page_counseling .page_inner .content{
	padding:10px 0 10px;
	padding:1.0rem 0 1.0rem;
	box-sizing:border-box;
}
.page_wrap.page_counseling .page_inner .content section.sec{
	padding:0 10px 0;
	padding:0 2.0rem 0;
}
.page_wrap.page_counseling .support{
	padding:0 20px 0;
	padding:0 2.0rem 0;
}
.page_wrap.page_counseling .support .support_inner{
	margin-bottom: 2rem;
	margin:0 auto;
	width:auto;
}
.page_wrap.page_counseling .support .support_inner .support_desc{
	vertical-align:middle;
	text-align:center;
	padding-right:5px;
	padding-right:0.5rem;
}
.page_wrap.page_counseling .support .support_inner .support_desc p{
	white-space:nowrap;
}
.page_wrap.page_counseling .support .support_inner .support_img{
	vertical-align:middle;
	width:10%;
	width:2.8rem;
}
.page_wrap.page_counseling .consultation{
	border: 2px solid #e8e8e8;
	box-sizing: border-box;
	margin-bottom:10px;
	margin-bottom:1.0rem;
}
.page_wrap.page_counseling .consultation .consultation_img{
	padding:10px;
	padding:1.0rem;
	background:#f5f5f5;
	width:30%;
	width:6.0rem;
}
.page_wrap.page_counseling .consultation .consultation_img img{
	width:95%;
}
.page_wrap.page_counseling .consultation .consultation_desc{
	padding:15px;
	padding:1.0rem;
}
.page_wrap.page_counseling .consultation .consultation_desc dt{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5;
	font-weight:bold;
}
.page_wrap.page_counseling .counseling_time{
	border: 1px solid #fee4e4;
	padding:20px 20px 10px;
	padding: 2rem 2rem 1rem;
	background: #fef8f8;
	margin-bottom:30px;
	margin-bottom:3.0rem;
}
.page_wrap.page_counseling .counseling_time .counseling_time_inner{
	margin:0 auto;
	width:auto;
}
.page_wrap.page_counseling .counseling_time .counseling_notice{
	line-height: 1.5;
	width: 100%;
	margin: 0 auto;
	font-size: 10px;
	font-size: 1rem;
	padding-left: 1rem;
	text-indent: -1rem;

}
.page_wrap.page_counseling .counseling_time .counseling_notice li:before,
.page_wrap.page_counseling .counseling_flow .counseling_flowchart li:before{
	content:'※'
}
.page_wrap.page_counseling .flow_ttl{
	line-height: 3;
	font-size: 14px;
	background: #092845;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.page_wrap.page_counseling .counseling_flow .counseling_flowchart{
	text-indent:-15px;
	text-indent:-1.5rem;
}
.page_wrap.page_counseling .counseling_flow .counseling_flowchart + .counseling_flowchart{
	margin-top:30px;
	margin-top:3.0rem;
}
.page_wrap.page_counseling .counseling_flow .counseling_flowchart p{
	line-height:1.5;
	margin-bottom:10px;
	margin-bottom:1.0rem;
}
.page_wrap.page_counseling .counseling_flow .counseling_flowchart ul{
	padding-left: 1rem;
	text-indent: -2rem;
	line-height:1.5;
	font-size:11px;
	font-size:1.1rem;
	margin-bottom:10px;
	margin-bottom:1.0rem;
	width:90%;
	margin-bottom:10px;
	margin-bottom:1.0rem;
}

/*追加*/
/*counseling 共通*/
.counseling_container {
	text-align: center;
	padding: 1.6rem 2rem 2rem;
	border: solid 1px #555555;
	width: 100%;
	max-width: 600px;
	box-sizing: border-box;
}
.counseling_container + .counseling_container {
	margin-top: 3rem;
}
.counseling_container .border-wrap{
	border: 1px solid #555555;
	padding: 1.6rem 2rem;
}
.counseling_container .bg-black-2{
	background: #323232;
	border-radius: 4px;
	padding: 1.5rem;
}
.counseling_container .bg-black-2 + .bg-black-2{
	margin-top: 3rem;
}
.counseling_chat_flow_grid .bg-black-2 + .bg-black-2{
	margin-top: 6rem;
	position: relative;
}
.counseling_container .bg-black-2 + .bg-black-2:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(100% + 2rem);
	border: 20px solid transparent;
	border-bottom: 0;
	border-top: 20px solid #555555;
}
.counseling_title {
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.5rem;
}
.counseling_title .under-bar-orange{
	border-bottom: solid 2px #F56B27;
}
/*counseling_choice*/
.page_counseling .counseling_choice_image {
	width: 15rem;
	margin:	auto;
}
.page_counseling .counseling_chat_flow_image{
	max-width: 400px;
	margin: 1.5rem auto 0;
}
.counseling_choice_message {
	margin-top: 1.5rem;
}
.counseling_choice_title {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.counseling_choice_text {
	font-size: 1.4rem;
	text-align: left;
}
.counseling_choice_image img {
	width: 100%;
}
/*counseling_content*/
.counseling_content {

}
.counseling_content ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3rem 0;
}
.counseling_content ul li{
	width: 50%;
}
.counseling_content_image {
	width: 100px;
	margin: 0 auto;
}
.counseling_content_image--third {
	background: #00156C;
	width: 80px;
	height: 45px;
	padding: 10px 20px;
}
.counseling_content_image img {
	width: 100%;
}
.counseling_content_title {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 10px;
}
/*counseling_merit*/
.counseling_merit {
}
.counseling_merit ul{
}
.counseling_merit ul li + li{
	margin-top: 2rem;
}
.counseling_merit ul li .counseling_merit_image {
	margin-bottom: 1.5rem;
}
.counseling_merit_text {
	text-align: left;
	line-height: 1.5;
	display: inline-block;
}
.counseling_merit_image {
	width: 90%;
	height: auto;
	margin: auto;
}
/*counseling_example*/
.counseling_example {

}
.counseling_example ul li{

}
.counseling_example ul li + li{
	margin-top: 24px;
}
.counseling_example_message {
	text-align: left;
}
.counseling_example .ex-top-wrap {
	display: flex;
	align-items: center;
}
.counseling_example_question {
	font-size: 1.5rem;
	text-align: left;
	font-weight: bold;
	line-height: 1.3;
	margin-left: 1rem;
}
.counseling_example_answer {
	position: relative;
	margin-top: 1.5rem;
}
.counseling_example_title {
	background: #FFF;
	color: #000;
	font-weight: bold;
	font-size: 1.5rem;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 1rem;
	width: 9rem;
	height: 2.8rem
}
.counseling_example_text {
}
.page_wrap.page_counseling .counseling_example_image > img {
	width: 8rem;
}
.counseling_example_message {
}

/*counseling_attention*/
.counseling_attention {
	padding: 20px 15px 20px 15px;
	border-radius: 10px;
	border: solid 3px #B1B1B1;
	margin-bottom: 0;
}
.counseling_attention_title {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 15px;
}
.counseling_attention_text {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: left;
	line-height: 1.7;
}
.counseling_title--reserve {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 5px;
	border: none;
}
.counseling_title--reserve::before {
	content: url(../images/counseling/reserve-flow-title.png);
	margin-right: 5px;
}
/*counseling_ask*/
.counseling_asking {
	padding: 20px 15px 20px 15px;
	border-radius: 10px;
	border: solid 3px #B1B1B1;
	margin-bottom: 17px;
	text-align: left;
}
.counseling_asking_title {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 9px;
	line-height: 1.5;
}
.counseling_asking_text {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: left;
	line-height: 1.8;
}

/*counseling_timing*/
.counseling_timing {
	padding: 23px 22px 20px 22px;
}
.counseling_timing_title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.counseling_timing_point {
	font-size: 1.4rem;
	border: solid 1px #F84F63;
	border-radius: 4px;
	padding: 1rem;
}
.counseling_timing_point .c_gray{
	color: #999999;
}
.counseling_timing_point--first {
	text-align: center;
}
.counseling_timing_text {
	font-size: 11px;
	font-size: 1.1rem;
	text-align: left;
	line-height: 1.6;
}
.counseling_timing_text--first {
	margin-bottom: 18px;
}
/*counseling_btn*/
.btn_style.btn_counseling {
	font-size: 22px;
	font-size: 2.2rem;
	background: #EB8D15;
	border: solid 3px #C46E00;
	border-radius: 10px;
	height: auto;
	padding: 10px ;
	min-width: 290px;
	margin-bottom: 46px;
}

/*counseling_chat_flow*/
.counseling_chat_flow {

}
.counseling_title--chat {
	position: relative;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	border: none;
	padding: 0 15px;
}
.counseling_title--chat .title-text{
	margin: 0 5px;
}
.counseling_title--chat::before {
	content: "";
	background: url(../images/counseling/flow-title-1.png) no-repeat;
	background-size: contain;
	width: 8vw;
	height: 7vw;
}
.counseling_title--chat::after {
	content: "";
	background: url(../images/counseling/flow-title-2.png) no-repeat;
	background-size: contain;
	width: 8vw;
	height: 7vw;
}

@media screen and (max-width: 320px){
	.counseling_title--chat{
		font-size: 1.3rem;
	}
}
.counseling_chat_flow_grid_item {

}
.counseling_chat_flow_message {
	text-align: left;
}
.counseling_chat_flow_title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 1.5rem;
	font-size: 1.5rem;
	font-weight: bold;
	background: #F1890E;
	border-radius: 100px;
	width: 9rem;
	height: 2.8rem;
}
.counseling_chat_flow_text {
	font-size: 1.4rem;
}
.counseling_chat_flow_image {
	margin-top: 10px;
}
/*counseling_reserve_flow*/
.counseling_reserve_flow {

}
.counseling_reserve_flow_grid{
	display: grid;
	grid-template-columns: 1fr;
	grid-row-gap: 14px;
	padding: 0 20px;
}
.counseling_reserve_flow_grid_item {

}
.counseling_reserve_flow_message {
	text-align: left;
}
.counseling_reserve_flow_title {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	padding: 6px 10px;
	background: #F56B27;
	border-radius: 5px;
	margin-bottom: 14.875px;
}
.counseling_reserve_flow_text {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.68;
}
.counseling_reserve_flow_image {
	margin-top: 10px;
}
/*counseling_fv*/
.counseling_fv {

}
.counseling_fv_content {

}
.counseling_fv img{
	width: 95%;
}
.counseling_fv h2 {
	font-size: 1.4rem;
	padding: 2rem;
}
.counseling_fv h2 span{
	font-weight: bold;
	background: linear-gradient(transparent 90%,#F1890E 90%);
}

/*counseling_btn*/
.btn_style.btn_counseling {
	font-size: 22px;
	font-size: 2.2rem;
	background: #EB8D15;
	border: solid 3px #C46E00;
	border-radius: 10px;
	height: auto;
	padding: 10px ;
	min-width: 290px;
	margin-bottom: 46px;
}



/*追加 その他*/
.counseling_inner {
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	margin: 0 auto;
	clear: both;
}
.counseling_time {
	width: 100%;
}
.counseling_time_title--second{
	margin-top: 48px;
}
.counseling_time_text p {
	line-height: 1.0;
}
.counseling_time_point {
	border: solid 5px #F56B27;
	border-radius: 13px;
	padding: 27px 45px;
	width: 544px;
	margin: 0 auto;
}
.counseling_time_point--second {
	width: 659px;
}

.counseling_notice{
	border:solid 3px #B1B1B1;
	border-radius:17px;
	background:#fff;
	padding:37.75px 18.375px;
	width:716px;
	margin:0 auto;
}

/*-------------------------------*/
/*.page_campaign.campaign_coin,coinback,feedback,review,level_check
/*-------------------------------*/
.page_campaign{
	line-height:1.5;
}
.page_campaign .sec_coinback .sec_ttl{
	min-height: 4.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page_campaign .sec_ttl{
	color:#fff;
	background:#004986;
	font-weight:bold;
	height:35px;
	height:3.5rem;
	line-height:35px;
	line-height:3.5rem;
	font-size: 20px;
	font-size: 2.0rem;
}
@media screen and (max-width: 400px) {
	.page_campaign .sec_ttl.fs_18{
		font-size: 16px!important;
		font-size: 1.6rem!important;
	}
}
.page_campaign .page_inner{
	padding:0;
}
.page_campaign .sec_inner{
	padding:0 15px;
	padding:0 1.5rem;
	box-sizing: border-box;
}
.page_campaign .sec_inner p{
	font-size: 14px;
	font-size: 1.4rem;
}
.page_campaign.campaign_coin .media_display_hide{
	display: none;
}
.page_campaign.campaign_coin .media_display_visible{
	display: block;
}
@media screen and (max-width: 350px) {
	.page_campaign.campaign_coin .media_display_hide.show_350{
		display: block;
	}
}
@media screen and (min-width: 351px) and (max-width: 400px) {
	.page_campaign.campaign_coin .media_display_hide.show_400{
		display: block;
	}
}
@media (max-width: 400px) {
	.page_campaign.campaign_coin .media_display_visible{
		display: none;
	}
}
.page_campaign.campaign_review .sec_inner dl dt{
	text-indent: -1em;
	padding-left: 1em;
}
.page_campaign.campaign_coin .sec_inner dl .ttl_color{
	color:#092846;
}
.page_campaign.campaign_coin .sec_inner dl dd figure{
	text-align:center;
}
.page_campaign.campaign_coin .sec_inner dl dd figure img{
	width: initial;
	max-width:100%;
}
.page_campaign.campaign_coin .sec_inner .d_table{
	width:auto;
	margin: 0 auto 30px;
	margin: 0 auto 3rem;
}
.page_campaign.campaign_coin .sec_inner .icon_coin{
	width:54px;
	width:5.4rem;
	margin:0 10px;
	margin:0 1rem;
}
.page_campaign.campaign_coin .campaign_menu li{
	position: relative;
}
.page_campaign.campaign_coin .campaign_menu li a{
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_campaign.campaign_coin .campaign_menu li a .text{
	display: table-cell;
	vertical-align: middle;
	padding-right: 1rem;
}
.page_campaign.campaign_coin .campaign_menu li + li{
	margin-top: 10px;
	margin-top: 1rem;
}
.page_campaign.campaign_coin .campaign_menu li .menu_green{
	color:#fff;
	background:#03c9a9;
	padding:15px 15px 15px 25px;
	padding:1.5rem 1.5rem 1.5rem 2.0rem;
	box-sizing: border-box;
	position:relative;
	min-height: 90px;
	min-height: 9.0rem;
	display: table;
	width: 100%;
}
.page_campaign.campaign_coin .campaign_menu li .menu_green:hover{
	background: #22d6b8;
}

.page_campaign.campaign_coin .campaign_menu li .menu_green:after{
	content:"\f105";
	font-family: "FontAwesome";
	position:absolute;
	right:1.5rem;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:18px;
	font-size:1.8rem;
}
.page_campaign.campaign_coin .campaign_menu li .campaign_period_txt{
	position: absolute;
	font-weight: bold;
	top: -2px;
	top: -0.2rem;
	left: -15px;
	left: -1.5rem;
	padding: 0 8px;
	padding: 0 0.8rem;
	line-height: 1.5;
	color: #fff;
	background: #ffa436;
	transform: rotate(-30deg);
	z-index: 10;
	min-width: 3.5em;
	text-align: center;
	font-size: 1.3rem;
}
.page_campaign.campaign_coin .campaign_menu li .campaign_period_txt.new_campign{
	background: #f84f63;
}
.page_campaign .sec_inner figure img.border-simple{
	border: 1px #ccc solid;
	border-radius: 10px;
}

/*---------------------------------------------*/
/* page_campaign.campaign_half_price teacher list
/*---------------------------------------------*/
/* common */
.page_campaign .teacher_list_sample img{
	width:100%;
}
.page_campaign .teacher_list_sample .user_list_item{
	position: relative;
	border: 1px solid #ccc;
	border-radius: 8px;
	padding: 0.5rem 1rem;
	max-width: 450px;
	margin: 0 auto 2rem;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner{
	width:100%;
	display:table;
}
/* clm_l */
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_l,
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r{
	display:table-cell;
	vertical-align:middle;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_l{
	width: 24%;
	border-radius: 50%;
	text-align: center;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_l .clm_inner .thumb{
	position: relative;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_l .clm_inner .thumb .pic{
	border-radius:50%;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
	width: 6rem;
	height: 6rem;
}

/* clm_r */
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r{
	padding: 0 0.5rem;
	line-height: 1.6;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area,
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area,
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .flag_area{
	margin-bottom: 0.3rem;
}

/* name_area */
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area .lesson_status_circle {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area .lesson_status_circle--wait, .lesson_status_circle--online {
	background: #0bcafa;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area .lesson_status_circle--reserved {
	background: #f9ce15;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area .lesson_status_circle--lesson {
	background: #f0295d;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area .name,
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .name_area .kana{
	display: inline-block;
	font-size: 1.5rem;
	font-weight: bold;
}

/* data_area */
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area{
	line-height: 1;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .rating_star_wrap{
	display: inline-block;
	white-space: nowrap;
	width: 6.9rem;
	color: #e38e36;
	font-size: 0;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .rating_star_wrap .rating_star{
	width: 1.4rem;
	height: 1rem;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .rating_star_wrap .rating_star:before{
	width: 1.4rem;
	font-size: 1.4rem;
	top: -3px;
	height: 1rem;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .rating_star_wrap .rating_star .rating_star_value:before{
	width: 1.4rem;
	font-size: 1.4rem;
	color: #e38e36;
	top: -3px;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .rate{
	color: #e38e36;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .lesson_count{
	color: #999;
	margin: 0 0 0 5px;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .data_area .ui-rating_area .lesson_count:before{
	/* content: "\f080";
	font-family: "FontAwesome"; */

	content: url('../images/campaign/beginning_teacher/graph.png');
	display: inline-block;
	color: #999;
	font-size: 1rem;
	background: #999;
	padding: 2px 4px 0;
	margin-right: 5px;
	vertical-align: middle;
}

/* flag_area */
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .flag_area .flag{
	width: 2rem;
	vertical-align: middle;
}
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .flag_area .flag_name{
	display: inline-block;
	vertical-align: middle;
	font-size: 1.2rem;
	line-height: 1;
}

/* status_area */
.page_campaign .teacher_list_sample .user_list_item .user_list_item_inner .clm_r .status_area .teacher_status{
	border-radius: 20px;
	z-index: 100;
	color: #fff;
	text-align: center;
	padding: 0.2rem 0.4rem;
	font-size: 11px;
	font-size: 1.1rem;
	white-space: nowrap;
	width: 6.6rem;
	display: inline-block;
	margin: 0 2px 5px 0;
}
.teacher_list_sample .teacher_status.rsv_free{ background: #ee4d7a; }
.teacher_list_sample .teacher_status.callan_half{ background: #4f72b7; }
.teacher_list_sample .teacher_status.native{ background: #00b199; }
.teacher_list_sample .teacher_status.avail_kids{ background: #f69332; }

/*---------------------------------*/
/* page_page_first_lesson
/*---------------------------------*/
.page_first_lesson .main{
	background:#ff96c4;
}
.page_first_lesson .content dl dt.sec_ttl {
	border-left:solid 5px #ff96c4;
}
.page_first_lesson .content .recommend_table{
	border:solid 3px #ff96c4;
	margin:0 auto;
}
.page_first_lesson .content .recommend_table dt{
	background:#ff96c4;
}
.page_first_lesson .content .box > .box_ttl{
	color: #ff96c4;
}

.page_first_lesson .content .content_ttl{
	background:#ff96c4;
}
.page_first_lesson .content .circle_flowchart .content_box .box_inner p span{
	line-height:1.2;
	padding:40px 0 5px;
	padding:4.0rem 0 0.5rem;
}
.page_first_lesson .content .my_page_select{
	font-weight: bold;
	color:#02c9a9;
}
.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box + .content_box:before{
	top:-80px;
}
.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box .step_1{
	background: #fdd4ea;
}
.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box .step_1 p:first-child{
	color: #fb519b;
}
.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box .step_2{
	background: #fdaec2;
}
.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box .step_2 p:first-child{
	color: #ff2b65;
}

.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box .step_3{
	background: #ffadad;
}
.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box .step_3 p:first-child{
	color: #ff2b65;
}

.page_sp_desc.page_first_lesson .content .circle_flowchart .content_box{
	width: 22rem;
}
/*---------------------------------*/
/* page five_min discussion
/*---------------------------------*/

.page_five_min_discussion .main,
.page_sp_desc.page_culture .main{
	background:#f78a63;
}
.page_five_min_discussion .content dl dt.sec_ttl ,
.page_sp_desc.page_culture .content dl dt.sec_ttl{
	border-left:solid 5px #f78a63;
}
.page_five_min_discussion .content .recommend_table,
.page_sp_desc.page_culture .content .recommend_table{
	border:solid 3px #f78a63;
	margin:0 auto;
}
.page_five_min_discussion .content .content_ttl{
	background:#f78a63;
}
.page_five_min_discussion .content .recommend_table dt,
.page_sp_desc.page_culture .content .recommend_table dt{
	background:#f78a63;
}
.page_five_min_discussion .content .box > .box_ttl,
.page_sp_desc.page_culture .content .box > .box_ttl{
	color: #f78a63;
}
.page_sp_desc.page_five_min_discussion .content .circle_flowchart .content_box + .content_box:before{
	top:-78px;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner{
	width: 15rem;
	height: 15rem;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner .theme_num{
	font-weight: bold;
	padding: 20px 0 10px;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_1{
	background: #fdf1ca;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_1 .theme_num{
	color:#fc9b03;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_2{
	background: #ffd9a1;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_2 .theme_num{
	color:#fa6c30;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_3{
	background: #fdc6af;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_3 .theme_num{
	color:#f92332;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_4{
	background: #ffd2e6;
}
.page_five_min_discussion .content .sec_5 .content_box .box_inner.step_4 .theme_num{
	color:#fa0e77;
}
.page_five_min_discussion .content .sec_5 .discussion_point dt{
	font-weight: bold;
    color: #f78a63;
}
.page_five_min_discussion .content .sec_5 .discussion_point ul li{
	font-size: 14px;
	font-size: 1.4rem;
}
.page_five_min_discussion .content .sec_5 .review_discussion dl{
	margin: 0 0 10px 0;
	margin: 0 0 1.0rem 0;
}
.page_five_min_discussion .content .sec_5 .review_discussion dl dt{
	margin: 0 0 5px 0;
	margin: 0 0 0.5rem 0;
}
.page_five_min_discussion .content .sec_5 .review_discussion dl dd{
padding: 0 0 0 20px;
padding: 0 0 0 2.0rem;
}

/*---------------------------------*/
/* page_grammar_desc
/*---------------------------------*/
.page_grammar_desc .main{
	background:#44be90;/*#fba400*/
}

.page_grammar_desc .content .sec .significance_learn{
	margin: 0 0 20px 0;
	margin: 0 0 2.0rem 0;
}
.page_grammar_desc .content .sec .level_desc dl{
	margin: 0 0 20px 0;
	margin: 0 0 2.0rem 0;
}
.page_grammar_desc .content .sec .level_desc dt{
	font-weight: bold;
}
.page_grammar_desc .content dl dt.sec_ttl {
	border-left:solid 5px #44be90;
}
.page_grammar_desc .content .recommend_table{
	border:solid 3px #44be90;
	margin:0 auto;
}
.page_grammar_desc .content .recommend_table dt{
	background:#44be90;
}
.page_grammar_desc .content .box > .box_ttl{
	color: #44be90;
}
.page_grammar_desc .content .content_ttl{
	background:#44be90;
}
.page_grammar_desc .content .sec_5  dl .ttl_box{
	color:#4074a6;
	font-size:16px;
	font-size:1.6rem;
}
.page_grammar_desc .content .sec_5 .entry_box .ttl_box{
	color:#deb203;
}
.page_grammar_desc .content .sec_5 .entry_box dt.sec_ttl {
	border-left:solid 5px #deb203;
}
.page_grammar_desc .content .sec_5 .entry_box dd .text_red{
	color:#ff3838;
}
.page_grammar_desc .content .sec_5 .beginner_middle_box .ttl_box{
	color:#fb7750;
	margin: 0 0 10px 0;
	margin: 0 0 1.0rem 0;
}
.page_grammar_desc .content .sec_5 .beginner_middle_box dt.sec_ttl {
	border-left:solid 5px #fb7750;
}
.page_grammar_desc .content .sec_5 .advanced_box .ttl_box{
	color:#3f91cf;
}
.page_grammar_desc .content .sec_5 .advanced_box dt.sec_ttl {
	border-left:solid 5px #3f91cf;
}
.page_grammar_desc .content .sec_5 .ttl_box{
	margin: 0 0 10px 0;
	margin: 0 0 1.0rem 0;
}
.page_grammar_desc .content .sec_5 .box_inner{
	position: relative;
	padding: 0 20px;
	margin: 0 10px;
}
.page_grammar_desc .content .sec_5 .circle{
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 50%;
    position: absolute;
    left: -11px;
}
.page_grammar_desc .content .sec_5 .entry_box .box_inner{
	border-left: #deb203 2px solid;

}
.page_grammar_desc .content .sec_5 .entry_box .circle{
    background: #fbf1c8;
    border: #deb203 3px solid;
}

.page_grammar_desc .content .sec_5 .beginner_middle_box .box_inner{
	border-left: #fb7750  2px solid;

}
.page_grammar_desc .content .sec_5 .beginner_middle_box .circle{
    background: #fedcd2;
    border: #fb7750 3px solid;
}

.page_grammar_desc .content .sec_5 .advanced_box .box_inner{
	border-left: #3f91cf  2px solid;

}
.page_grammar_desc .content .sec_5 .advanced_box .circle{
    background: #bfe3fd;
    border: #3f91cf 3px solid;
}

.page_grammar_desc .content .sec_5 .box_inner:last-child{
	border: none;
}
.page_grammar_desc .content .sec_5 .box_inner:last-child  .circle{
	left: -9px;
}
.page_grammar_desc .simplified_chart{
	width: 100%;
	table-layout: fixed;
}
.page_grammar_desc .simplified_chart th,
.page_grammar_desc .simplified_chart td{
	border: 1px solid #ccc;
	padding: 1rem;
}
/*---------------------------------*/
/* page_daily_news_desc
/*---------------------------------*/
.page_daily_news_desc .main{
	background:#ff5858;/*#fba400*/
}
.page_daily_news_desc .content dl dt.sec_ttl {
	border-left:solid 5px #ff5858;
}
.page_daily_news_desc .content .recommend_table{
	border:solid 3px #ff5858;
	margin:0 auto;
}
.page_daily_news_desc .content .recommend_table dt{
	background:#ff5858;
}

.page_daily_news_desc .content .box > .box_ttl{
	color: #ff5858;
}

.page_daily_news_desc .content .content_ttl{
	background:#ff5858;
}

.page_daily_news_desc .content .sec_5 .ttl_box{
	color:#4074a6;
	font-size:16px;
	font-size:1.6rem;
}
.page_daily_news_desc .content .sec_5 ul{
	font-size:0;
	text-align:center;
}
.page_daily_news_desc .content .sec_5 ul li{
	display:block;
	width:20rem;
	margin:0 auto;
	vertical-align:top;
	position:relative;
}
.page_daily_news_desc .content .sec_5 ul li.beige .content_box{
	background:#fdf1ca;
}
.page_daily_news_desc .content .sec_5 ul li.beige .content_box p span{
	color:#fc9b03;
}
.page_daily_news_desc .content .sec_5 ul li.brown .content_box{
	background:#ffd9a1;
}
.page_daily_news_desc .content .sec_5 ul li.brown .content_box p span{
	color:#fa6c30;
}
.page_daily_news_desc .content .sec_5 ul li.brick .content_box{
	background:#fdc6af;
}
.page_daily_news_desc .content .sec_5 ul li.brick .content_box p span{
	color:#f92332;
}
.page_daily_news_desc .content .sec_5 ul li.pink .content_box{
	background:#ffd2e6;
}
.page_daily_news_desc .content .sec_5 ul li.pink .content_box p span{
	color:#fa0e77;
}
.page_daily_news_desc .content .sec_5 ul li + li{
	margin-top:60px;
}
.page_daily_news_desc .content .sec_5 ul li + li:before{
	content:"\f0d7";
	font-family:FontAwesome;
	display:inline-block;
	font-size:50px;
	font-size:5rem;
	position:absolute;
	left:0;
	right:0;
	top:-70px;
}
.page_daily_news_desc .content .sec_5 ul li .content_box{
	width:14rem;
	height:14rem;
	border-radius:50%;
	text-align:center;
	margin:0 auto 20px;
}
.page_daily_news_desc .content .sec_5 ul li .content_box p{
	font-size:16px;
	font-size:1.6rem;
}
.page_daily_news_desc .content .sec_5 ul li .content_box p span{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	padding:20px 0 20px;
	display:inline-block;
}
.page_daily_news_desc .content .sec_5 ul li .content_box + p{
	font-size:14px;
	font-size:1.4rem;
}
.page_daily_news_desc .content .sec_6 dl dd ul + ul{
	margin: 10px 0 0 0;
}

.page_daily_news_desc .content .sec_6 .eng_text{
	font-weight: bold;
}

.page_daily_news_desc .content .sec_6 .desc_text{
	padding: 0 0 0 20px;
	padding: 0 0 0 2.0rem;
}
.page_daily_news_desc .main_txt{
	padding: 20px 0 0 30px;
    padding: 2.0rem 0 0  3.0rem;

}
/*---------------------------------*/
/* page_side_by_side
/*---------------------------------*/
.page_side_by_side .main{
	background:#2b4791;/*#fba400*/
}
.page_side_by_side .content dl dt.sec_ttl {
	border-left:solid 5px #2b4791;
}
.page_side_by_side .content .recommend_table{
	border:solid 3px #2b4791;
	margin:0 auto;
}
.page_side_by_side .content .recommend_table dt{
	background:#2b4791;
}
.page_side_by_side .content .box > .box_ttl{
	color: #2b4791;
}
.page_side_by_side .content .content_ttl{
	background:#2b4791;
}
.page_side_by_side .content .sec_4 dl > dd {
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 5px;
	padding: 0 0.5rem;;
}
.page_side_by_side .content .sec_4 .prepare_text{
	text-indent: -1.4em;
	padding: 0 0 0 30px;
	padding: 0 0 0 3.0rem;
}
.page_side_by_side .content .sec_4 .poss_text {
	padding:0;
	margin: 0 0 20px 0;
	margin: 0 0 2.0rem 0;
	font-size: 100%;
}
.page_side_by_side .content .sec_6 img{
	max-width: 50%;
}
/*---------------------------------*/
/* page_credit_change
/*---------------------------------*/
body{
	background: #000000;
}
.payment_wrap .sec_payment{
	padding: 1rem;
}
.payment_wrap .sec_payment .box_inner{
	background: #000000!important;
	color: #FFFFFF!important;
	border: #aaaaaa solid 1px;
	padding: 0 1rem;
}
.payment_wrap .box_white .signup_desc_wrap{
	padding: 1rem 0.5rem;
}
.payment_wrap .card_brand_item_ttl{
	padding: 2rem 0;
}
.payment_wrap .card_brand_list li {
    padding: 1rem 0.5rem;
    /* border-top: #f4f4f4 1px solid; */
}
/* .payment_wrap .card_brand_list li:first-child{
	border-top: #f4f4f4 1px solid;
}
.payment_wrap .card_brand_list li:last-child{
	border-bottom: #f4f4f4 1px solid;
} */
/* secst */
.zeus-payment_secst{
	padding: 0.5rem 1rem;
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 1.5;
}
.zeus-payment_secst table{
	width:100%;
}
.zeus-payment_secst th{
	text-align:center;
	padding-right: 1.5rem;
}
.zeus-payment_secst th img{
	width: 7rem;
}
.zeus-payment_secst th,
.zeus-payment_secst td{
	vertical-align: top;
}
/* form style */
.payment_wrap .sec_payment .box_inner dl dt{
	text-align: right;
	display: inline-block;
	font-size: 1.2rem;
	width: 35%;
	vertical-align: middle;
}
.payment_wrap .sec_payment .box_inner dl dd{
	text-align: left;
	display: inline-block;
	font-size: 1.2rem;
	width: 60%;
	vertical-align: middle;
}

.payment_wrap .sec_payment .box_inner dl dd .size_max{
	width: 95%;
}
.payment_wrap .sec_payment .box_inner dl input,
.payment_wrap .sec_payment .box_inner dl select{
	-webkit-appearance: button;
    appearance: button;
	border: none;
	line-height: 1.5;
}
.payment_wrap .sec_payment .box_inner dl select{
	min-width: 2rem;
	position: relative;
	padding: 1rem;
}
.payment_wrap .sec_payment .box_inner dl select:after{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0.75rem;
    font-family: 'fontAwesome';
    content: '\f0d7';
    font-weight: bold;
    font-size: 1.5rem;
    height: 1.5rem;
    margin: auto;
    color: #8C8D8D;
}
.payment_wrap .sec_payment .box_inner dl input.place,
.payment_wrap .sec_payment .box_inner dl select.place{
	color: #aaa;
}
.payment_wrap .btn_sp_orange{
	background: #f1890e;
    border: none !important;
    color: #fff !important;
    width: 18rem;
    height: 3.5rem !important;
    line-height: 3.5rem !important;
    font-size: 1.4rem !important;
	text-shadow: none;
}
.payment_wrap .sec_payment .btn_sp_orange:hover{
	background: #f49f3b;
}
.payment_wrap .sec_payment .btn_sp_green{
	background: #03c9a9;
	border: none !important;
	color: #fff !important;
	width: 18rem;
	height: 3.5rem;
	line-height: 3.5rem;
	font-size: 1.4rem;
	text-shadow: none;
}
.payment_wrap .sec_payment .btn_sp_green:hover{
	background: #22d6b8;
}
.payment_wrap .ui_notice_list ul li{
	font-size: 12px;
	font-size: 1.2rem;
}
.payment_wrap .coupon_details{
	max-width: 40rem;
	margin: auto;
}
.payment_wrap .coupon_details .d_flex{
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.payment_wrap .coupon_details .coupon_amount_use input{
	width: 100%;
	margin-right: 1rem;
}
/* form validate */
.payment_wrap .notice_icon{
	position: absolute;
	top: 24%;
	right: 0;
	width: 2rem;
}

.payment_wrap .sec_payment dl dd.notice_valid:after{
	content: " ";
	background: url('../images/icon/notice.png') no-repeat center;
	background-size: contain;
	position: absolute;
	top: 24%;
	right: 0;
	width: 2rem;
	height: 2rem;
}
.payment_wrap .sec_payment dl dd.checked_valid:after{
	content: " ";
	background: url('../images/icon/checked.png') no-repeat center;
	background-size: contain;
	position: absolute;
	top: 24%;
	right: 0;
	width: 2rem;
	height: 2rem;
}
.payment_wrap .sec_payment .box_white dl:last-child{
	margin-bottom: 1.5rem;
}
/* payment credit prohibited */
.payment_wrap--credit_prohibit .sec_payment .box_inner{
	padding: 1rem 2rem;
}
.payment_wrap--credit_prohibit .sec_payment .box_inner .num_indent{
	text-indent: -1em;
	padding-left: 1rem;
}

/*---------------------------------*/
/* page_family
/*---------------------------------*/
/* .page_wrap-family{
	background: #fff;
} */
.page_wrap-family .page_inner{
	padding: 0;
}
.page_wrap.page_wrap-family .container{
	border: none;
	border-radius: 0px;
	box-shadow: none;
	margin: 0 auto;
	padding: 2rem;
	background-color: #000;
	color: #fff;
}
.page_wrap-family .page_breadcrumbs_2{
	margin: 0.8rem 0 0;
}
.page_wrap-family.bg-black{
	background: #000;
	color: #fff;
}
.page_wrap-family.bg-black .container{
	padding: 20px 12px;
	background: #000;
	font-size: 14px;
}
/* common */
.page_wrap-family .contents_inner{
	padding: 1.5rem 0 0;
}
.page_wrap-family .contents_inner p{
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}
.page_wrap-family .contents_inner .thum{
	width: 10.0rem;
	border-radius: 4px;
}
.page_wrap-family .desc_wrap{
	position: relative;
	padding-bottom: 1.5rem;
}
.page_wrap-family .ui_notice_list.bg_gray_area{
	padding: 2.0rem;
	background: #323232;
	border: 1px #ccc solid;
	border-radius: 5px;
}
.page_wrap-family.bg-black .ui_notice_list.bg_gray{
	background: #323232 !important;
	border: 1px #7F7F7F solid;
}
.page_wrap-family .contents_inner .comp_ttl_wrap{
	text-align: center;
	margin: 2.5rem 0 4rem;
}
.page_wrap-family .contents_inner .comp_ttl_inner{
	font-size: 16px;
	font-size: 1.6rem;
	text-align: left;
}
.page_wrap-family .input_area{
	/* max-width: 580px; */
	margin: 0 auto;
}
.page_wrap-family .input_area.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_wrap-family .input_area.flex.name{
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555;
	margin-top: 20px;
	padding: 16px 0;
}
.page_wrap-family .box_input{
	text-indent: 1em;
	position: relative;
}
.page_wrap-family.bg-black .input_area input,
.page_wrap-family.bg-black .input_area select{
	background: #323232;
	border: 1px solid #FFF;
	padding: 8px;
	border-radius: 2px;
	margin-top: 5px;
	color: #FFF;
}
.page_wrap-family .input_area input::placeholder{
	color: #7F7F7F;
}
.page_wrap-family .info_center .d_table{
	table-layout: fixed;
	word-break: break-word;
}
.page_wrap-family .info_center .d_table .d_cell:first-child{
	text-align: right;
	width: 54%;
}
.page_wrap-family .info_center .d_table .d_cell:first-child p span{
	padding: 0 0.8rem;
}
.page_wrap-family .info_center .d_table .d_cell:nth-child(2){
	text-align: left;
	width: auto;
}
.page_wrap-family .info_center .d_table + .d_table{
	margin-top: 1rem;
}
/* family */
.page_wrap-family .fam_members .member{
	width: 100%;
	border: 1px solid #555555;
	margin-bottom: 2rem;
	padding: 1.6rem;
	border-top: 2px solid #eee;
	padding: 2.0rem 1.0rem;
	box-sizing: border-box;
}
/* .page_wrap-family .fam_members .member:last-child{
	border-bottom: 2px solid #eee;
} */
.page_wrap-family .fam_members .member .user_profile,
.page_wrap-family .fam_members .member .btn_area{
	padding: 0;
}
.page_wrap-family .fam_members .member .user_profile .image_wrap{
	display: inline-block;
	width: 8rem;
	flex: 0 0 8rem;
}
.page_wrap-family .fam_members .member .user_profile .detail{
	width: auto;
	max-width: 400px;
	margin: 0 auto;
	font-size: 1.4rem;
}
.page_wrap-family .fam_members .member .user_profile .detail p + p{
	margin-top: .5rem;
}
.page_wrap-family .fam_members .member .user_profile .image_wrap figure figcaption{
	word-break: break-all;
	margin: 0.2rem 0 0;
}
.page_wrap-family figcaption.bg_dark_gray{
	background-color: #323232!important;
	font-size: 1.2rem;
}
.page_wrap-family figcaption.bg_dark_gray{
	background-color: #323232!important;
}
.page_wrap-family .fam_members .member img{
	width: 10rem;
	border-radius: 5px;
}
.page_wrap-family .fam_members .member .user_profile .detail p .nickname{
	font-weight: bold;
}
.page_wrap-family .fam_members .member .btn_area li{
	width: 100%;
}
.page_wrap-family .fam_members .member .btn_area li + li{
	margin-left: 1.5rem;
}
.page_wrap-family .fam_members .member .btn_area li a{
	display: inline-block;
	font-size: 15px;
	font-size: 1.5rem;
	height: 3.5rem;
	line-height: 3.5rem;
	box-shadow: none;
	padding: 0;
	/* width: 100%; */
	min-width: inherit;
}
.page_wrap-family .fam_members .member .btn_area li a.link_style_1{
	padding: 0;
	width: 100%;
	box-sizing: border-box;
}
.page_wrap-family .fam_members .member .btn_area li a.btn_style{
	padding: 0;
	font-weight: normal;
	width: 100%;
}
.page_wrap-family .fam_members .member .short_notice{
	color: #999;
	margin-top: 2.0rem;
}
.page_wrap-family .certif_area a{
	display: block;
	width: 24.0rem;
}
.page_wrap-family .certif_area img.certif{
	width: 100%;
}
.page_wrap-family .btn_area .flex{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.page_wrap-family .btn_area .btn-green{
	width: 100%;
	max-width: 35rem;
	height: 3.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	background: #1DC9A8;
	border-radius: 4px;
	transition: .2s all linear;
	font-size: 1.6rem;
}
.page_wrap-family .btn_area .btn-green:hover{
	opacity: .6;
}
.page_wrap-family .container .btn_style.btn_family_register{
	width: 100%;
	background: #FFF;
	color: #000000 !important;
	font-weight: normal;
	font-size: 1.6rem;
	height: 3.8rem;
	line-height: 3.8rem;
}
/* family_coin_transfer */
.page-coin-transfer *{
	box-sizing: border-box;
}
.page-coin-transfer {
	box-sizing: border-box;
	padding: 20px 20px 50px;
}
.page-coin-transfer h3{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 50px;
}
.page-coin-transfer .coin-amount-wrap{
	margin: auto;
	text-align: center;
	margin-left: -2rem;
	margin-right: -2rem;
}
.page-coin-transfer .coin-amount{
	margin-bottom: 12px;
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
}
.page-coin-transfer .coin-amount .title{
	font-size: 1.6rem;
	font-weight: normal;
	margin-bottom: 10px;
}
.page-coin-transfer .coin-amount .amount{
}
.page-coin-transfer .coin-amount .amount .num{
	color: #FFF;
	font-size: 3.2rem;
	margin-right: 5px;
}
.page-coin-transfer .note{
	font-size: 1.4rem;
	color: #999999;
}
.page-coin-transfer .details{
	margin-top: 50px;
	margin-bottom: 10px;
}
.page-coin-transfer .details .name{
	font-size: 1.6rem;
	border-bottom: 1px solid #555555;
	padding-bottom: 10px;
	margin-bottom: 2.4rem;
}
.page-coin-transfer .details .details-item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2.4rem;
}
.page-coin-transfer .details .details-item + .details-item{
	margin-top: 2.4rem;
}
.page-coin-transfer .details .details-item .d_flex{
	align-items: center;
}
.page-coin-transfer .details .details-item .title {
	font-size: 1.4rem;
}
.page-coin-transfer .details .details-item .contents-num {
	font-size: 1.6rem;
}
.page-coin-transfer .details .transfer{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.page-coin-transfer .details .transfer .btn{
	width: 30px;
}
.page-coin-transfer .details .transfer .btn > img{
	vertical-align: middle;
}
/* .btn.disable, .btn.disabled, .btn_style.disable, .btn_style.disabled, .btn_style:disabled {
	background: none!important;
} */
.page-coin-transfer .details .transfer input{
	border: 1px #999999 solid;
	padding: 7px 12px;
	text-align: right;
	font-size: 16px;
	margin: 0 5px;
	width: 100px;
}
.page-coin-transfer .btn-wrap{
	margin-top: 60px;
}
.page-coin-transfer .btn-wrap .btn{
	border-radius: 5px;
	width: 100%;
	max-width: 500px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	color: #FFF;
	transition: .2s all linear;
	font-size: 1.6rem;
	font-weight: bold;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}
.page-coin-transfer .btn-wrap .btn:hover{
	opacity: .6;
}
.page-coin-transfer .btn-wrap .btn-green{
	background: #1DC9A8;
}
.page-coin-transfer .btn-wrap .btn-gray{
	background: #999999;
}
.page-coin-transfer .btn-wrap.btn-flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-coin-transfer .btn-wrap.btn-flex .btn + .btn{
	margin-left: 20px;
}
.page-coin-transfer .btn-wrap .btn-transfer{
	padding: 1rem 10.5rem;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	display: block;
}
.page-coin-transfer .btn-wrap .btn-transfer.disabled {
	background-color: #4D4D4D!important;
	pointer-events: none;
}
/* family invite */
.page_wrap-family_invite .desc_wrap .link_style_1{
	margin: 1rem 0 0;
}
.page_wrap-family_invite .desc_wrap{
	padding-bottom: 1.5rem;
	/* border-bottom: #eee solid 1px; */
	position: relative;
}
.page_wrap-family_invite .input_area input{
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}
.page_wrap-family_invite .input_area .d_table .ui_msg_style_1{
	margin-right: 6.7rem;
}

/* family apply plan */
.page_wrap-family_apply_plan .input_area figure{
	text-align: center;
}
.page_wrap-family_apply_plan .input_area .thum{
	width: 10.0rem;
	text-align: center;
	border-radius: 4px;
}
.page_wrap-family_apply_plan .d_table{
}
.page_wrap-family_apply_plan table{
	width: 100%;
}
.page_wrap-family_apply_plan table + table{
	margin-top: 2.2rem;
}
.page_wrap-family_apply_plan .input_area th{
	text-align: left;
	width: 28%;
}
.page_wrap-family_apply_plan .user_delegate{
	/* max-width: 450px; */
	margin: 0 auto;
}
.page_wrap-family_apply_plan .user_delegate .user_img{
	text-align: center;
}
.page_wrap-family_apply_plan .user_family{
    padding: 4.0rem 0 1rem;
    /* max-width: 450px; */
    margin: 0 auto 4rem;
}
.page_wrap-family_apply_plan .certification .certif_file_btn{
	color: #555 !important;
	font-weight: normal;
	width: 12rem;
	font-size: 1.4rem;
	height: 3.5rem;
	line-height: 3.5rem;
}
.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: 1.0rem;
	font-weight: bold;
}
.page_wrap-family_apply_plan .certification .bg_gray{
	background: #EEEEEE;
	padding: 2rem 1.5rem 1.5rem;
}
.page_wrap-family_apply_plan .desc_id_text dt{
	color: #3a7ff3;
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.page_wrap-family_apply_plan .d_table{
	max-width: 500px;
	margin: auto;
}
.page_wrap-family_apply_plan .certif_ex_1 .d_cell{
	padding: 0 3rem;
	vertical-align: inherit;
}
.page_wrap-family_apply_plan .certif_ex_2 .d_cell{
	padding: 0 1rem;
	vertical-align: inherit;
}
.page_wrap-family_apply_plan .input_area .input_box + .input_box{
	margin-top: 2rem;
}
.page_wrap-family_apply_plan .input_area .input_box.flex{
	display: flex;
	align-items: flex-start;
}
.page_wrap-family_apply_plan .input_area .input_box.cell_num_wrap.flex .left{
	min-width: 114px;
}
.page_wrap-family_apply_plan .sub-title{
	font-size: 1.6rem;
	font-weight: 900;
	margin-bottom: 20px;
}
.page_wrap-family_apply_plan .input_area .input_box.flex .ui_notice_list{
	color: #999999;
}
.page_wrap-family_apply_plan .input_area .coin_purchase_wrap.flex{
	display: flex;
	align-items: flex-start;
}
.page_wrap-family_apply_plan .input_area .cell_option_wrap.flex{
	display: flex;
	align-items: flex-start;
}
.page_wrap-family_apply_plan .input_area .coin_purchase_wrap.flex .left,
.page_wrap-family_apply_plan .input_area .cell_option_wrap.flex .left{
	width: 198px;
}
.page_wrap-family .input_area .cell_tip_wrap.flex{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.page_wrap-family .input_area .cell_tip_wrap.flex .left{
	width: 184px;
}
.page_wrap-family .input_area .cell_tip_wrap.flex .right{
	min-width: 160px;
}
.page_wrap-family .input_area .max-tip-wrap{
	text-align: right;
}
.page_wrap-family .input_area .err-txt{
	color: #F84F63;
	font-size: 14px;
}
.page_wrap-family .input_area .err-txt:before{
	content: url("../images/common/ic-info-red.svg");
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.page_wrap-family .input_area .max-tip-wrap .max-tip-txt{
	margin: 10px 0;
}
.page_wrap-family .input_area .max-tip-wrap .select-yen{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 10px;
}
.page_wrap-family .input_area .max-tip-wrap .select-yen .input-tips-num{
	width: 86px;
	height: 42px;
	box-sizing: border-box;
	text-align: right;
}
.page_wrap-family .input_area .max-tip-wrap .select-yen .input-tips-num.error{
	border-color: #F84F63;
}
.page_wrap-family .input_area .max-tip-wrap .select-yen .currency {
	margin-left: 5px;
}
/* plan desc wrap */
.page_wrap-family .plan_desc_wrap{
	max-width: 560px;
	margin: auto;
	padding: 1rem;
}
.page_wrap-family .plan_desc_wrap .plan_table{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.page_wrap-family .plan_desc_wrap .plan_table .plan_content .content_box{
	padding: 2rem;
	border: #FFF 1px solid;
	text-align: center;
}
.page_wrap-family .plan_desc_wrap .plan_table .plan_content .content_box.title{
	color: #000;
	background: #fff;
	font-weight: 900;
}
/* plan desc wrap (plan trial) */
.page_wrap-family .plan_desc_wrap .plan_table.plan_trial .plan_content + .plan_content:before{
	font-family: FontAwesome;
	content: "+";
	display: block;
	font-size: 40px;
	font-size: 4rem;
	margin: 0 auto;
	text-align: center;
	padding: 1rem 0;
}
.page_wrap-family .family-apply-sum {
	font-size: 1.4rem;
}
.page_wrap-family .family-apply-sum .sum-body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
}
.page_wrap-family .family-apply-sum .sum-body .sum-total {
	font-size: 1.6rem;
}
.page_wrap-family .family-apply-sum .sum-body .sum-total > .t-num {
	display: inline-block;
	font-size: 2rem;
	font-weight: bold;
	padding: 0 .3rem;
}
.page_wrap-family .family-apply-sum .sum-body .plus-trial {
	position: relative;
	color: #f14444;
	margin-top: 2rem;
}
.page_wrap-family .family-apply-sum .sum-body .plus-trial:before {
	content: '+';
	display: block;
	position: absolute;
	right: calc(100% + .5rem);
	top: 50%;
	transform: translateY(-50%);
	color: #f14444;
}
.page_wrap-family .family-apply-sum .sum-body .plus-trial .trial-box {
	display: inline-block;
	padding: .5rem 1rem;
	border: 1px solid #f14444;
}
/* card brand desc */
.page_wrap-family .card_brand_list{
	display: flex;
	width: 24.4rem;
	max-width: 100%;
	flex-wrap: wrap;
	gap: 6px;
}

.plan_desc_wrap .card_brand_list_wrap {
	display: flex;
    justify-content: center;
}
.page_wrap-family .card_brand_list li{
	border: none;
	padding: 0;
	font-size: 0;
	/* width: 50px; */
}
.page_wrap-family .card_brand_list li figure{
	margin: auto;
	text-align: center;
	background: #FFF;
	padding: 5px;
	width: 100%;
	height: auto;
	box-sizing: border-box;
}
.page_wrap-family .card_brand_list li figure img{
	width: 100%;
	height: 100%;
}
/* family apply plan confirm */
.page_wrap-family .input_area .user_detail{
	margin: 0 auto;
}
.page_wrap-family .user_detail .input_area{
	max-width: 350px;
}
.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;
	width: 28%;
}
.page_wrap-family_apply_plan_confirm .input_area th figure{
	text-align: center;
}
.page_wrap-family_apply_plan_confirm .input_area th p span{
	padding: 0 1.0rem;
}
.page_wrap-family_apply_plan_confirm .user_delegate{
	border: 1px #eee solid;
	padding: 1rem 0 2rem;
}
.page_wrap-family_apply_plan_confirm .input_area .user_family {
    padding: 3.0rem 0 0rem;
}
.page_wrap-family_apply_plan_confirm .certification{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 3.0rem 0 3.0rem;
}
.page_wrap-family_apply_plan_confirm .user_detail{
	padding: 0 .8rem;
}
.page_wrap-family_apply_plan_confirm .user_family .d_flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: #555 1px solid;
	padding: 1.5rem 0;
}
.page_wrap-family_apply_plan_confirm .user_family .d_flex:last-child{
	border-bottom: #555 1px solid;
}

/* family_member_edit */
.page_wrap-family_member_edit .family_user_detail{
	/* border-top: 1px #eee solid; */
	border-bottom: 1px #eee solid;
	padding: 3.0rem 0 0;
	/* max-width: 580px; */
	margin: 0 auto;
}
.page_wrap-family_member_edit .family_user_detail .sec_input{
	padding: 1.6rem 0;
}
.page_wrap-family_member_edit .family_user_detail .sec_input+.sec_input{
}
.page_wrap-family_member_edit .family_user_detail .sec_input.d_flex{
	align-items: center;
}
.page_wrap-family_member_edit .family_user_detail .sec_input input[type='date']{
	box-sizing: border-box;
}
.page_wrap-family_member_edit .family_user_detail .sec_input .input_ttl{
}
.page_wrap-family_member_edit .family_user_detail .sec_input .ui_notice_list ul li{
	font-size: 1.3rem;
	color: #999;
	line-height: 1.5;
	margin-top: 0;
}
.page_wrap-family_member_edit .family_user_detail .border-top-wrap{
	border-top: #EEE 1px solid;
	padding-top: 18px;
	margin-top: 18px;
}
.page_wrap-family_member_edit .family_user_detail .border-top-wrap .title{
	font-size: 1.4rem;
	margin-bottom: 1.8rem;
	font-weight: 900;
}
.page_wrap-family_member_edit .family_user_detail .max-tip-wrap{
	justify-content: flex-start;
	align-items: center;
}
.page_wrap-family_member_edit .family_user_detail .max-tip-wrap input{
	width: 16.3rem;
	height: 40px;
	padding: 10px 10px;
	box-sizing: border-box;
	text-align: right;
	margin-right: 5px;
}
.page_wrap-family_member_edit .sec_input.flex{
	display: flex;
	justify-content: space-between;
}
.page_wrap-family_member_edit .sec_input.cell_num_wrap.flex .left{
	width: 114px;
}
.page_wrap-family_member_edit .sec_input.coin_purchase_wrap.flex .left,
.page_wrap-family_member_edit .sec_input.option_purchase_wrap.flex .left{
	width: 198px;
}
/* family_member_remove */
.page_wrap-family_member_remove .family_user_detail{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 3.0rem 0;
	margin: 0 auto;
	max-width: 350px;
}

.page_wrap-family_member_remove .family_user_detail .d_table + .d_table{
	margin-top: 3.0rem;
}
.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 1.2rem;
}
.page_wrap-family_member_remove .family_user_detail .d_table .d_cell:nth-child(2){
	text-align: left;
	width: 48%;
}

@media screen and (min-width: 786px){
	/* family_member_deactivate_plan */
	.page_wrap-family_member_deactivate_plan .family_user_detail{
		/* border-top: 1px #eee solid; */
		border-bottom: 1px #eee solid;
		padding: 3.0rem 0;
		margin: 0 auto;
	}
	.page_wrap-family_member_deactivate_plan .family_user_detail .sec_input+.sec_input{
		margin-top: 1rem;
	}
	.page_wrap-family_member_deactivate_plan .family_user_detail .input_ttl{
		margin-bottom: 0.5rem;
	}
}

/* family_member_activate_plan */
.page_wrap-family_member_activate_plan .family_user_detail{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 3.0rem 0;
	margin: 0 auto;
	max-width: 50rem;
}
.page_wrap-family_member_activate_plan .family_user_detail .d_table + .d_table{
	margin-top: 3.0rem;
}
.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 1.2rem;
}
.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 .container{
	padding: 2rem;
	margin: 0;
	border-radius: 0;
}
.page_wrap-plan_family h3{
	font-weight: normal;
	font-size: 2.4rem;
	margin-bottom: 2.5rem;
}
.page_wrap-plan_family .txt_style_1{
	max-width: 600px;
	text-align: left;
	margin: auto;
}
.page_wrap-plan_family .sec_campaign_1 .main_img_area {
	position: relative;
}
.page_wrap-plan_family .desc{
	text-align: center;
	line-height: 1.4;
}
.page_wrap-plan_family .desc+.desc{
	margin-top: 5rem;
}
.page_wrap-plan_family .desc_1 figcaption{
	margin-top: 0.5rem;
}
.page_wrap-plan_family .desc_1 .family_bar{
	width: 3%!important;
	max-width: 10px!important;
	display: block!important;
	margin: 0 auto 0.5rem;
}
.page_wrap-plan_family .desc_1 .father_area figure img{
	width: 30%;
	max-width: 140px;
}
.page_wrap-plan_family .desc_area figcaption{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.page_wrap-plan_family .family_area .d_table{
	margin: 0 auto;
	max-width: 900px;
}
.page_wrap-plan_family .family_area .d_table .d_cell figure img{
	width: 70%;
	max-width: 120px;
}
.page_wrap-plan_family img.family_image{
	border: 2px solid #3A7FF3;
    border-radius: 50%;
}
.page_wrap-plan_family img.family_image_light_green{
	border: 2px solid #19C999;
    border-radius: 50%;
}
.page_wrap-plan_family img.family_image_orange{
	border: 2px solid #F1890E;
    border-radius: 50%;
}
.page_wrap-plan_family .desc_apply_flow dl+img{
	margin: 2.0rem 0;
}
.page_wrap-plan_family .desc_apply_flow dt{
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	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;
	flex-direction: column;
	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: 0.8rem 0.8rem 2rem;
	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: 1rem 2rem;
	margin-bottom: 2rem;
	font-size: 1.6rem;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap .box_family_reg + .box_family_reg{
	margin-top: 2rem;
}
.page_wrap-plan_family .desc_apply_flow .box_family_reg_wrap .box_family_reg .btn_family_reg{
	text-align: center;
	font-size: 1.6rem;
	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: 3rem auto 3rem;
    border: 3rem solid transparent;
    border-bottom: 0;
    border-top: 3rem solid #0F2B42;
}
.page_wrap-plan_family .ui_notice_list.bg_gray{
	margin: 0 auto;
	padding: 2.0rem 2.5rem;
	background: #222222!important;
}
.page_wrap-plan_family .notice_list li{
	font-size: 15px;
    font-size: 1.5rem;
}
.page_wrap-plan_family .desc_id_text{
	margin-top: 10.0rem;
}
.page_wrap-plan_family .desc_id_text .d_table{
	max-width: 500px;
	margin: 0 auto;
}
.page_wrap-plan_family .certif_ex_1 .d_cell{
	padding: 0 3rem;
}
.page_wrap-plan_family .certif_ex_2{
	margin-top: 1rem;
}
.page_wrap-plan_family .certif_ex_2 .d_cell{
	padding: 0 1rem;
}
.page_wrap-plan_family .desc_id_text .d_cell{
	vertical-align: top;
	width: 20%;
}
.page_wrap-plan_family .desc_id_text .d_cell figure{
	text-align: center;
	font-weight: normal;
	box-sizing: border-box;
	padding: 0 1rem;
}
.page_wrap-plan_family .desc_id_text dt{
	color: #3a7ff3;
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	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-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
.page_wrap-plan_family .desc img.owner_img{
	width: 40%;
	max-width: 250px;
}
.page_wrap-plan_family .desc img.family_img{
	max-width: 600px;
}
.page_wrap-plan_family .arrow_blue{
	width: 14%;
	max-width: 75px;
}
/* faq */
.page_wrap-plan_family .sec_faq{
	margin: 0 auto;
	font-size: 1.5rem;
}
.page_wrap-plan_family .sec_faq h3 {
	text-align: center;
	padding: 1.2rem 0;
	margin-bottom: 2rem;
	font-size: 2.4rem;
}
.page_wrap-plan_family .sec_faq dl {
	margin-bottom: 0.5rem;
	padding: 2rem;
	font-size: 1.5rem;
}
.page_wrap-plan_family .sec_faq dl dt {
	padding-left: 2.2rem;
	line-height: 1.5;
	margin-bottom: 1rem;
	font-weight: bold;
	position: relative;
}
.page_wrap-plan_family .sec_faq dl dt:before {
	content: 'Q. ';
	display: inline;
	color: #3A7FF3;
	font-weight: bold;
	position: absolute;
    left: 0px;
}
.page_wrap-plan_family .sec_faq dl dd {
	padding-left: 2.2rem;
	margin-bottom: 1rem;
	line-height: 1.5;
	position: relative;
}
.page_wrap-plan_family .sec_faq dl dd:before {
	content: 'A. ';
	display: inline;
	color: #F14444;
	font-weight: bold;
	position: absolute;
    left: 0px;
}
.page_wrap-plan_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-plan_family .certif_area .select_certif_wrap{
	border-bottom: #eee solid 1px;
	padding: 0 0 4rem;
}
.page_wrap-plan_family .father_area{
	max-width: 550px;
	display: flex;
	margin: 0 auto;
	padding: 15px;
	border: 2px solid #3A7FF3;
	border-radius: 5px;
	justify-content: space-around;
}
/* btn style*/
.page_wrap-family .btn_style.btn_white{
	border: #fff 1px solid;
	color: #fff !important;
	box-shadow: none;
	letter-spacing: 0.3rem;
}
.page_wrap-family .btn_style.arrow_r:after{
	-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 .fam_members .member .btn_style{
	min-width: 20.0rem;
}
.page_wrap-family .link_style_1:hover{
	color: #79a4ed;
	border: #79a4ed 1px solid;
}
.page_wrap-family .btn_style_family,.page_wrap-family .btn_style_family_gray {
	display: inline-block;
    padding: 1rem 0;
	border-radius: 5px;
	width: 98%;
	margin: 0 auto;
	color: #000;
}
.btn_style_family_gray {
	background-color: #737373!important;
	color: #fff!important;
}
.page_wrap-family .btn_style_family_black {
	display: inline-block;
    padding: 1rem 0;
	background-color: #000;
	border: 1px solid #fff!important;
	border-radius: 5px;
	width: 98%;
	margin: 0 auto;
	color: #fff;
}
/* page wrap plan */
.page_wrap-plan h3{
	margin:6rem 0 2.5rem;
}
.page_wrap-plan{
	line-height: 1.5;
}
.page_wrap-plan .page_inner{
	padding: 0;
}
.page_wrap-plan .container{
	margin: 0;
	background: #000!important;
	color: #FFF!important;
	padding: 0 2rem!important;
}
.page_wrap-plan .container .main_img_area{
	margin: 0rem -3rem 2.7rem;
}
.page_wrap-plan_trial .btn_clear {
	color: #f1890e !important;
	border: #f1890e solid 1px;
	background: transparent;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	box-shadow: none;
	letter-spacing: 0.3rem;
	width: 90%;
	max-width: 350px;
}
.page_wrap-plan .desc_area{
	margin: 3rem 0 0;
}
.page_wrap-plan .desc_area .content_box + .content_box{
	margin-top: 4.5rem;
}
.page_wrap-plan .desc_area .ttl{
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}
.page_wrap-plan .desc_area figure{
	text-align: center;
}
.page_wrap-plan .desc_area img{
	max-width: 35rem;
	padding: 1rem 0;
}
.page_wrap-plan .desc_area .desc_text_wrap{
	text-align: center;
}
.page_wrap-plan .desc_area .desc_text{
	font-size: 1.4rem;
	line-height: 1.5;
	display: inline-block;
	text-align: left;
}
.page_wrap-plan .desc_area_2 .desc_text_wrap{
	text-align: center;
}
.page_wrap-plan .desc_area_1 .desc_text{
	display: block;
	max-width: 500px;
	margin: auto;
}
.page_wrap-plan .review_area{
	margin-top: 3rem;
}
.page_wrap-plan .review_area .content_wrap{
	max-width: 50rem;
	margin: auto;
}
.page_wrap-plan .review_area .content_wrap + .content_wrap{
	margin-top: 4.5rem;
}
.page_wrap-plan .review_area .content_wrap .left_box{
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.page_wrap-plan .review_area .content_wrap figure{
	text-align: center;
}
.page_wrap-plan .review_area .content_wrap img{
	width: 30%;
}
.page_wrap-plan .review_area .content_wrap .right_box{
	font-size: 1.4rem;
	line-height: 1.5;
}
.page_wrap-plan .review_area .content_wrap h4{
	font-size: 1.8rem;
	margin: 0 0 1rem;
	font-weight: bold;
}
.page_wrap-plan .desc_area_2 img{
	max-width: 10rem;
	width: 30%;
	padding: 1.5rem 0 1rem;
}
.page_wrap-plan .btn_style,
.page_wrap-family .btn_style{
	position: relative;
}
.page_wrap-plan .btn_style.btn_white{
	width: 100%;
}
.page_wrap-family .container .btn_style{
	height: 4rem;
    line-height: 4rem;
    width: 96%;
}
#mobapp_index_button_stop_family_plan {
	width: 100%;
}
.page_wrap.page_wrap-family .btn_wrap{
	padding: 0;
	display: block;
}
.page_wrap-family .container .btn-style.btn-white{
	width: 100%;
	max-width: 500px;
	background: #FFF;
	color: #000;
	border-radius: 4px;
	height: 38px;
	/* display: flex; */
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border: none;
	font-weight: 500;
}
@media screen and (min-width: 546px) {
	.page_wrap-family .container .btn-style.btn-white {
		max-width: 60vw!important;
	}
}
@media screen and (min-width: 654px) {
	.page_wrap-family .input_area {
		max-width: 90vw!important;
	}
}
.page_wrap.page_wrap-family .btn_wrap{
	padding: 0;
	display: block;
}
.page_wrap-family .container .btn-style.btn-white{
	width: 100%;
	max-width: 500px;
	background: #FFF;
	color: #000;
	border-radius: 4px;
	height: 38px;
	/* display: flex; */
	justify-content: center;
	align-items: center;
	font-size: 16px;
	border: none;
	font-weight: 500;
}
@media screen and (min-width: 546px) {
	.page_wrap-family .container .btn-style.btn-white {
		max-width: 60vw!important;
	}
}
@media screen and (min-width: 654px) {
	.page_wrap-family .input_area {
		max-width: 90vw!important;
	}
}
.page_wrap-family.page_wrap-plan_family .btn_style{
	width: 100%;
	font-size: 20px;
	font-size: 2rem;
	height: 5.5rem;
	line-height: 5.5rem;
	letter-spacing: 0.2rem;
}
.page_wrap-plan_premium .btn_clear {
	color: #03c9a9 !important;
	border: #03c9a9 solid 1px;
	background: transparent;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	box-shadow: none;
}
.page_wrap-family .btn_style.btn_white {
	border: #fff 1px solid;
	color: #fff !important;
	background: transparent;
	box-shadow: none;
}
.page_wrap-family .container .user_profile_bottom {
	max-width: 550px;
	margin: 0 auto;
	padding: 0 20px;
}
.btn_style.arrow_r:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	font-size: 2.8rem;
	top: -0.2rem;
	right: 1rem;
	color: #fff!important;
}
.page_wrap-plan_premium .sec_main_inner{
	text-align: center;
	margin-bottom: 8rem;
}
.page_wrap-plan_premium .sec_main_inner .feature_ttl{
	font-size: 2rem;
	margin-bottom: 1.5rem;
	font-weight: bold;
}
.page_wrap-plan_premium .sec_main_inner .clm_img{
	margin-bottom: 1.5rem;
}
.page_wrap-plan_premium .sec_main_inner .clm_txt{
	font-size: 1.8rem;
}
.page_wrap-plan_premium .sec_main_inner .flex_box + .flex_box{
	margin-top: 5rem;
}
.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.disabled:after{
	color: #ccc;
}
.page_wrap-family .btn_style.family_add_btn{
	width: 100%;
	height: 5rem;
	line-height: 5rem;
	font-size: 17px;
	font-size: 1.7rem;
}
@media screen and (max-width: 320px){
	.page_wrap-family .btn_style.family_add_btn{
		font-size: 14px;
		font-size: 1.4rem;
	}
}
/* payment credit charge */
.payment_wrap--credit_charge .btn_wrap .btn_border{
	text-align: left;
}
.payment_wrap--credit_charge .btn_wrap .btn_border input[type='radio'] + label.custom_radio{
	display: block;
	padding: 1.5rem 1.5rem 1.5rem 4.5rem;
}
.payment_wrap--credit_charge .btn_wrap .btn_border input[type='radio'] + label.custom_radio.bg_black{
	background: #000;
	color: #FFF;
}
.payment_wrap--credit_charge .btn_wrap .btn_border input[type='radio'] + label.custom_radio:before{
	left: 1.8rem;
	border: 1px solid #8C8C8C;
}
.payment_wrap--credit_charge .btn_wrap .btn_border input[type='radio'] + label.custom_radio:after{
	left: 2.1rem;
	background: #3478F6;
}
.payment_wrap--credit_charge .btn_wrap .btn_border + .btn_border{
	margin-top: 1.5rem;
}
.payment_wrap--credit_charge .btn_wrap .btn_border{
	display: block;
	height: 100%;
	line-height: 1;
	padding: 0;
	border-radius: 5px;
}
.payment_wrap--credit_charge .btn_wrap .btn_border .card_info{
	display: block;
	line-height: 1;
	padding: 1rem 0 0 0;
}
.payment_wrap--credit_charge .btn_wrap .btn_border .credit_brand, .payment_wrap--credit_charge .input_detail .credit_brand {
	width: 2.5rem;
}
@media screen and (min-width: 47rem){
	.payment_wrap--credit_charge .btn_wrap .btn_border .card_info{
		display: inline;
		vertical-align: top;
		float: right;
		padding: 0 0.5rem 0 0;
	}
	.payment_wrap--credit_charge .btn_wrap .btn_border input[type='radio'] + label.custom_radio:before{
		left: 1.9rem;
	}
}
/* NJ-97760: credit_change_form (mobapp_credit_change_form) collapsed payment-method
   dropdown + action buttons Figma parity (node 13253:6863). CSS-only, existing DOM reused. */
.page-register.credit_change_form_mobapp .sec .sec-title {
	color: #FFFFFF;
	font-size: 1.6rem;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 0.1rem solid rgba(255, 255, 255, 0.1);
	border-radius: 1rem;
	box-sizing: border-box;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box:after {
	content: none;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .selected {
	position: relative;
	background: transparent !important;
	border: none !important;
	height: 5.2rem;
	padding: 0 3.6rem 0 1.6rem;
	color: #FFFFFF;
	box-sizing: border-box;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .selected:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.6rem;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .image-block {
	border: none;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .options {
	border-radius: 1rem;
	overflow: hidden;
	border: 0.1rem solid rgba(255, 255, 255, 0.1);
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .options li {
	background: #000000;
	color: #FFFFFF;
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .options li.active {
	background: rgba(255, 255, 255, 0.05);
}
.page-register.credit_change_form_mobapp .signup_form .input-wrap .select-box .options li:not(:last-child) {
	border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}

/* block_buttons (Figma node 13253:6871): 戻る (tertiary) + 送信 (primary) side-by-side pills */
.credit_change_form_mobapp .credit_change_form_buttons ul {
	display: flex;
	gap: 1.2rem;
}
.credit_change_form_mobapp .credit_change_form_buttons li {
	flex: 1 0 0;
	margin: 0 !important;
}
.credit_change_form_mobapp .credit_change_form_buttons .black--btn {
	display: flex;
	width: 100%;
	height: 4.8rem;
	box-sizing: border-box;
	border-radius: 9999px;
	font-size: 1.6rem;
	font-weight: 500;
}
.credit_change_form_mobapp .credit_change_form_buttons .black--btn-c-grey {
	background-color: #4D4D4D;
}

/* payment_wrap--credit_confirm */
.payment_wrap--credit_confirm .input_detail{
	border-top: 1px #eee solid;
	border-bottom: 1px #eee solid;
	padding: 30px 0;
	margin: 0 auto;
}
.payment_wrap--credit_confirm .input_detail .d_table + .d_table{
	margin-top: 30px;
}
.payment_wrap--credit_confirm .input_detail .d_table .d_cell:first-child{
	text-align: right;
	width: 51%;
}
.payment_wrap--credit_confirm .input_detail .d_table .d_cell:first-child p span{
	padding: 0 12px;
}
.payment_wrap--credit_confirm .input_detail .d_table .d_cell:nth-child(2){
	text-align: left;
	width: 48%;
}
.payment_wrap--credit_confirm .input_detail .credit_num .credit_brand{
	width: 3.5rem;
}
/*---------------------------------------*/
/* point list style version
/*---------------------------------------*/
.point_purchase_wrap{
	min-height: inherit;
}
.point_purchase_wrap .alert_wrap-coin{
	padding: 1rem;
}
.point_purchase_wrap .page_inner{
	padding: 0;
}
.point_purchase_wrap .page_title{
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 0 0 0.8rem 0.2rem;
	margin: 0.8rem 0 2rem;
	border-bottom: #eee solid 1px;
}
.point_purchase_wrap .page_inner .container{
	margin: 0;
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 0;
}
.point_purchase_wrap .coin_list_wrap{
	margin: 0 0 2rem;
}
.point_purchase_wrap .coin_list li{
	border-top: #ccc solid 1px;
}
.point_purchase_wrap .coin_list li:last-child{
	border-bottom: #ccc solid 1px;
}
.point_purchase_wrap .coin_list .cur_status{
	font-size: 1.6rem;
	padding: 1.5rem 1rem;
	height: 3rem;
    display: flex;
	align-items: center;
	max-width: 45rem;
    margin: auto;
}
.point_purchase_wrap .coin_list .cur_status em{
	font-weight: bold;
	vertical-align: middle;
}
.point_purchase_wrap .coin_list a.btn_coin{
	box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    padding: 1rem;
	height: 6rem;
	max-width: 45rem;
    margin: auto;
}
.point_purchase_wrap .coin_list .icon_coin{
	position: relative;
}
.point_purchase_wrap .coin_list .icon_coin:before{
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	content: '\f1c0';
	font-size: 2.0rem;
	font-family: FontAwesome;
	margin: 0 0.4rem 0 0.3rem;
	color: #f1890e;
	vertical-align: middle;
    top: -0.1rem;
}
.point_purchase_wrap .coin_list em{
	font-weight: bold;
	vertical-align: middle;
}
.point_purchase_wrap .coin_list .col_right{
	text-align: right;
	position: relative;
	padding-right: 2.2rem;
}

.point_purchase_wrap .coin_list .col_right:after{
	content: '\f105';
	font-family: 'FontAwesome';
	display: flex;
	align-items: center;
	font-size: 2rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.point_purchase_wrap .coin_list .col_right .coin_price{
	color: #f1890e;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 0 0.5rem;
}
.point_purchase_wrap .coin_list .col_right .txt_deals{
	color: #FFF;
	font-size: 1.1rem;
	margin-top: 3px;
	background: #df554e;
	padding: 0.3rem 0rem;
	border-radius: 3px;
	text-align: center;
	width: 7.7rem;
	display: inline-block;
}
.point_purchase_wrap .pager li.prev{
	margin-left: 0;
}
.point_purchase_wrap .pager li a, .pager span a{
	display: block;
	color: #999;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font-size: 15px;
    font-size: 1.5rem;
}
.point_purchase_wrap .sec_notice{
	max-width: 45rem;
	margin: auto;
}
.point_purchase_wrap.confirm_wrap .page_inner .container{
	padding: 0 1rem;
}
/* disabled */
.point_purchase_wrap .coin_list.disabled .btn_coin{
	pointer-events: none;
}
.point_purchase_wrap .coin_list.disabled .btn_coin,
.point_purchase_wrap .coin_list.disabled .btn_coin .coin_price,
.point_purchase_wrap .coin_list.disabled .btn_coin .icon_coin:before{
	color: #ddd;
}

/*---------------------------------------*/
/* point log list
/*---------------------------------------*/
.point_log_wrap .page_inner{
	padding-top: 2.5rem;
}
.point_log_wrap .current_coin_area{
	background: #000;
	color: #FFF;
	border-top: 1px solid #c8c7cc;
	border-bottom: 1px solid #c8c7cc;
	padding: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
}
.point_log_wrap .container{
	margin: 0;
	border: 0;
	padding: 1rem 1.5rem;
	box-shadow: none;
	background: #000;
	color: #FFF;
}
.point_log_wrap .container .btn-mobileSelect-gen{
    background-color: #000 !important;
    border: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-tap-highlight-color: transparent;
}
.point_log_wrap .container .btn-mobileSelect-gen span.text{
	width: auto !important;
	padding-right: 2.5rem;
}
.point_log_wrap .container .btn-mobileSelect-gen span.text::after{
	content: '';
	top: 1.2rem;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
.point_log_list table{
	width: 100%;
	max-width: 900px;
	margin: auto;
	table-layout: fixed;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0 1rem;
}
.point_log_list table thead th{
	color: #6d6d71;
}
.point_log_list table tbody tr{
	background: #222222;
	color: #FFF;
	/*border: 1px solid #c8c7cc;*/
}
.point_log_list table tbody tr td{
	padding: 1rem 0.5rem;
	font-size: 12.5px;
	font-size: 1.25rem;
	border-right: none;
	vertical-align: middle;
}
.point_log_list table tbody tr td.col_detail{
	padding: 1rem;
}
.point_log_list table tbody tr td+td{
	border-left: none;
}
.point_log_list table tbody tr td:last-child{
	border-right: 1px solid #c8c7cc;
}
.point_log_list table thead tr th{
	font-size: 11.5px;
	font-size: 1.15rem;
}
.point_log_list table thead tr th.col_datetime{
	width: 38%;
}
.point_log_list table thead tr th.col_pt_diff{
	width: 20%;
}
.point_log_list table thead tr th.col_detail{
	width: 20%;
}
.point_log_list table tbody tr td.col_datetime{
	letter-spacing: -0.05em;
}
.point_log_list table tbody tr td.col_pt_diff{
	text-align: right;
}
.point_log_list table tbody tr td.col_pt_diff em{
	padding-left: 0.3rem;
}
.point_log_list table tbody tr.increase td.col_pt_diff{
	color: #ff2f65;
}
.point_log_list table tbody tr.decrease td.col_pt_diff{
	color: #1b91ff;
}
.point_log_list table tbody tr td.col_detail a{
	display: block;
	padding: 0.8rem 0.8rem;
	border-radius: 5px;
	background: #177efb;
	color: #fefefe;
}
.point_log_wrap .container .pager ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.point_log_wrap .container .pager li {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 10px;
	padding: 0 1.0rem;
	display: inline-block;
}
.point_log_wrap .container .pager li.prev {
	text-align: left;
	padding: 0;
}
.point_log_wrap .container .pager li.next {
	text-align: right;
	padding: 0;
}
.point_log_wrap .container .pager .prev a:before {
	content: '< ';
}
.point_log_wrap .container .pager .next a:after {
	content: ' >';
}
.point_log_wrap .container .pager li a:hover, .point_log_wrap .container .pager span a:hover {
	color: #999;
}
.point_log_wrap .current_coin_inner,
.point_log_wrap .page_num.pager_bottom{
	max-width: 850px;
	margin: auto;
}
.point_log_wrap .pager li a,
.point_log_wrap .pager span a{
	font-weight: bold;
}
.point_log_wrap .pager li.disabled{
	font-weight: normal;
	color: #999;
}
@media screen and (max-width: 320px){
	.point_log_list table thead tr th.col_datetime{
		width: 30%;
	}
	.point_log_list table thead tr th.col_detail{
		width: 22%;
	}
	.point_log_list table tbody tr td{
		line-height: 1.5;
	}
	.point_log_list table tbody tr td.col_detail{
		line-height: 1.0;
	}
	.point_log_wrap .container .pager li {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px){
	.point_log_list table tbody tr td.col_pt_diff{
		padding-right: 2.5rem;
	}
}

/*---------------------------------------*/
/* point log list
/*---------------------------------------*/
.point_log_wrap .page_inner{
	padding-top: 2.5rem;
}
.point_log_wrap .current_coin_area{
	background: #FFF;
	border-top: 1px solid #c8c7cc;
	border-bottom: 1px solid #c8c7cc;
	padding: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.5rem;
}

.point_log_wrap .container{
	margin: 0;
	border: 0;
	padding: 1rem 1.5rem;
	box-shadow: none;
	background: #F5F5F5;
}
.point_log_list table{
	width: 100%;
	max-width: 900px;
	margin: auto;
	table-layout: fixed;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0 1rem;
}
.point_log_list table thead th{
	color: #6d6d71;
}
.point_log_list table tbody tr{
	background: #FFF;
	/*border: 1px solid #c8c7cc;*/
}
.point_log_list table tbody tr td{
	padding: 1rem 0.5rem;
	font-size: 12.5px;
	font-size: 1.25rem;
	border: 1px solid #c8c7cc;
	border-right: none;
	vertical-align: middle;
}
.point_log_list table tbody tr td.col_detail{
	padding: 1rem;
}
.point_log_list table tbody tr td+td{
	border-left: none;
}
.point_log_list table tbody tr td:last-child{
	border-right: 1px solid #c8c7cc;
}
.point_log_list table thead tr th{
	font-size: 11.5px;
	font-size: 1.15rem;
}
.point_log_list table thead tr th.col_datetime{
	width: 38%;
}
.point_log_list table thead tr th.col_pt_diff{
	width: 20%;
}
.point_log_list table thead tr th.col_detail{
	width: 20%;
}
.point_log_list table tbody tr td.col_datetime{
	letter-spacing: -0.05em;
}
.point_log_list table tbody tr td.col_pt_diff{
	text-align: right;
}
.point_log_list table tbody tr td.col_pt_diff em{
	padding-left: 0.3rem;
}
.point_log_list table tbody tr.increase td.col_pt_diff{
	color: #ff2f65;
}
.point_log_list table tbody tr.decrease td.col_pt_diff{
	color: #1b91ff;
}
.point_log_list table tbody tr td.col_detail a{
	display: block;
	padding: 0.8rem 0.8rem;
	border-radius: 5px;
	background: #177efb;
	color: #fefefe;
}
.point_log_wrap .container .pager ul {
	width: 100%;
	display: table;
}
.point_log_wrap .container .pager li {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 10px;
	padding: 0 1.0rem;
	display: inline-block;
}
.point_log_wrap .container .pager li.prev {
	text-align: left;
	padding: 0;
}
.point_log_wrap .container .pager li.next {
	text-align: right;
	padding: 0;
}
.point_log_wrap .container .pager .prev a:before {
	content: '< ';
}
.point_log_wrap .container .pager .next a:after {
	content: ' >';
}
.point_log_wrap .container .pager li a:hover, .point_log_wrap .container .pager span a:hover {
	color: #999;
}
.point_log_wrap .current_coin_inner,
.point_log_wrap .page_num.pager_bottom{
	max-width: 850px;
	margin: auto;
}
@media screen and (max-width: 320px){
	.point_log_list table thead tr th.col_datetime{
		width: 30%;
	}
	.point_log_list table thead tr th.col_detail{
		width: 22%;
	}
	.point_log_list table tbody tr td{
		line-height: 1.5;
	}
	.point_log_list table tbody tr td.col_detail{
		line-height: 1.0;
	}
	.point_log_wrap .container .pager li {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 768px){
	.point_log_list table tbody tr td.col_pt_diff{
		padding-right: 2.5rem;
	}
}


/* purchase_item_style */
.pay_wrap .sec_point_list.first{
	padding: 0;
}
.pay_wrap .purchase_item_style_1 table{
	width: 100%;
	height: 68px;
	border: #ccc solid 2px;
	box-shadow: 0px 0px 0px 0 rgba(0,0,0,0);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.pay_wrap .purchase_item_style_1 table th,
.pay_wrap .purchase_item_style_1 table td{
	border: #e8e8e8 solid 1px;
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
}
.pay_wrap .purchase_item_style_1 table th{
	width: 40%;
	text-align: center;
	background: #f5f5f5;
	font-size: 1.5rem;
}
.pay_wrap .purchase_item_style_1 table td{
	font-weight: bold;
	color: #16a9b2;
	padding:20px;
	text-align:center;
}
.pay_wrap .purchase_item_style_1 table td.price,
.pay_wrap .purchase_item_style_1 table td.tax{
	color: #555;
}

/* family top ver_2 */
.page_wrap-family_index .container{
	padding: 0;
}
.page_wrap-family_index .page_breadcrumbs_2{
	padding: 2rem;
}
.page_wrap-family_index .desc_wrap{
	margin: 0 3rem;
}
.page_wrap-family_index .contents_inner{
	padding: 0;
}
.page_wrap-family_index .btn_wrap{
	padding: 0 3rem;
}

.page_wrap-family .fam_members .member{
	width: 100%;
	/* border-top: 2px solid #eee; */
	padding: 2.0rem 0rem;
	box-sizing: border-box;
}
.page_wrap-family .fam_members .member .user_profile,
.page_wrap-family .fam_members .member .btn_area{
	margin: 1rem 0;
	text-align: center;
}
.page_wrap-family .fam_members .member .user_profile .image_wrap{
	display: inline-block;
	min-width: inherit;
	margin: 0 0 1rem;
	width: 20%;
	flex-basis: 20%;
	flex-shrink: 0;
}
.page_wrap-family .fam_members .member img{
	width: 100%;
	border-radius: 5px;
	max-width: 11rem;
}
.page_wrap-family .fam_members .member .user_profile .detail{
	display: inline-block;
	max-width: inherit;
	margin: 0 0 0 1rem;
	text-align: left;
	vertical-align: top;
	line-height: 1.5;
}
.page_wrap-family .fam_members .member .user_profile .bg_white{
	background-color: #fff!important;
}
.page_wrap-family .fam_members .member .user_profile .t_color_black {
	color: #000!important;
}
.page_wrap-family .fam_members .member .user_profile .width_fill {
	width: 94%!important;
}
@media screen and (min-width: 375px){
	.page_wrap-family .fam_members .member .user_profile .detail{
		/* padding: 1rem 0; */
	}
}
@media screen and (min-width: 768px){
	.page_wrap-family .fam_members .member .user_profile .detail{
		padding: 0.5rem 0;
	}
	.page_wrap-family .fam_members .member .user_profile .image_wrap{
		margin: 2.5rem 0 1rem;
	} 
	.page_wrap-family .fam_members .member .user_profile .detail{
		width: initial;
	}
	a#mobapp_index_button_stop_family_plan {
		margin-top: 1rem!important;
	}
}
@media screen and (max-width: 320px){
	.page_wrap-family .fam_members .member .user_profile .detail p .nickname{
		display: block;
	}
}
.page_wrap-family .contents_inner p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 0.8rem;
}
.page_wrap-family .contents_inner p.info_desc{
	margin: 1.5rem auto;
}
/*---------------------------------*/
/* page_cosmopier
/*---------------------------------*/
.page_cosmopier .main{
	background:#ef59a1;
}
.page_cosmopier .content dl dt.sec_ttl {
	border-left:solid 5px #ef59a1;
}
.page_cosmopier .content .recommend_table{
	border:solid 3px #ef59a1;
	margin:0 auto;
}
.page_cosmopier .content .recommend_table dt{
	background:#ef59a1;
}
.page_cosmopier .content .box > .box_ttl{
	color: #ef59a1;
}
.page_cosmopier .content .content_ttl{
	background:#ef59a1;
}
.page_cosmopier .content .circle_flowchart .content_box .box_inner p span{
	line-height:1;
	padding:10px 0 10px;
	padding:0rem 0 1.0rem;
}
.page_cosmopier .member_list{
	font-size: 0;
	display: table;
	margin: 0 auto;
	text-align:center;
}
.page_cosmopier .content .member_list li {
	display: table-cell;
}
.page_cosmopier .content .member_list li img{
	width: 100%;
	padding: 0 0.6rem;
	box-sizing: border-box;
	max-width: 262px;
}

/*---------------------------------*/
/* page_eiken
/*---------------------------------*/

.page_eiken .main{
	background: #f95858;
}
.page_eiken .content .box > .box_ttl{
	color: #f95858;
}

.page_eiken .content .box > .box_ttl{
	color: #f95858;
}

.page_eiken .content dl dt.sec_ttl{
	border-left: solid 5px #f95858;
}

.page_eiken .content .recommend_table dt{
	background: #f95858;
}
.page_eiken .content .recommend_table{
	border: solid 3px #f95858;
}
.page_eiken .content .content_ttl{
	background: #f95858;
}
.page_eiken.page_sp_desc .content .circle_flowchart .content_box + .content_box{
	margin-top: 90px;
}
.page_eiken.page_sp_desc .content .circle_flowchart .content_box + .content_box:before{
    top: -39%;
}
.page_eiken .content .circle_flowchart .content_box .box_inner p span{
	padding: 30px 0 10px;
}
/*------------------------------------------*/
/* notice_postage
/*------------------------------------------*/
.notice_postage_wrap .table_style_2,
.notice_postage_wrap .table_style_2 th,
.notice_postage_wrap .table_style_2 td{
	border: #1f1f1f solid 1px;
	box-shadow: none;
}
.notice_postage_wrap .arrow_bottom{
	position: relative;
}
.notice_postage_wrap .arrow_bottom:after{
	position: absolute;
	top: 120%;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 2rem solid #999;
	border-left: 2.5rem solid transparent;
	border-right: 2.5rem solid transparent;
	left: 0;
	right: 0;
	margin: auto;
}
.notice_postage_wrap .table_style_2 th {
	padding: 1.5rem;
	width: 44%;
	background: #dddddd;
	color: #1f1f1f;
}
.notice_postage_wrap .table_style_2 td {
	padding: 0.5rem;
	text-align: center;
}

/*---------------------------------*/
/* notice_reservation_rules
/*---------------------------------*/
.notice_reservation_rules_wrap .table_style_1,
.notice_reservation_rules_wrap .table_style_1 th,
.notice_reservation_rules_wrap .table_style_1 td{
	border: #1f1f1f solid 1px;
	box-shadow: none;
}
.notice_reservation_rules_wrap .table_style_1 th {
	padding: 15px;
	padding: 1.5rem;
	background: #eeeeee;
	color: #1f1f1f;
	font-weight: normal;
}
.notice_reservation_rules_wrap .table_style_1 td {
	padding: 15px;
	padding: 1.5rem;
	text-align: left;
}

/*---------------------------------*/
/* notice_price_change
/*---------------------------------*/
.notice_price_change_wrap .table_style_1,
.notice_price_change_wrap .table_style_1 th,
.notice_price_change_wrap .table_style_1 td{
	border: #1f1f1f solid 1px;
	box-shadow: none;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 1.6rem;
}
.notice_price_change_wrap .table_style_1 th {
	background: #eeeeee;
	color: #1f1f1f;
	font-weight: normal;
	width: auto;
}
.notice_price_change_wrap .table_style_1 th:first-child{
	width: 30%;
}
@media screen and (max-width: 320px) {
	.notice_price_change_wrap .table_style_1,
	.notice_price_change_wrap .table_style_1 th,
	.notice_price_change_wrap .table_style_1 td{
		font-size: 1.4rem;
	}
}

/*---------------------------------*/
/* notice_credit_migration
/*---------------------------------*/
.price_list_wrap .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #eee solid 2px;
}
.price_list_wrap .page_breadcrumbs_2 ul li{
	line-height: 1.5;
}
.price_list_wrap .page_breadcrumbs_2 .page_ttl{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

/*---------------------------------*/
/* page_usage_price
/*---------------------------------*/
.page_wrap.page_usage_price > .page_inner {
	padding: 2rem;
	max-width: 50rem;
	margin: 0 auto;
}
.page_usage_price .usage_price_box {
	padding: 2rem 1rem;
	/* background-color: #fff; */
}
.page_usage_price .usage_price_box + .usage_price_box {
	margin-top: 2rem;
}
.page_usage_price .sec_wrap{
	line-height: 1.5;
}
.page_usage_price .sec_wrap .price,
.page_usage_price .sec_wrap .main-price-number {
	font-size: 4rem;
	font-weight: bold;
}
.page_usage_price .sec_wrap .price > .with-tax,
.page_usage_price .sec_wrap .main-price-number > .with-tax {
	font-size: 1.6rem;
	font-weight: normal;
}
.page_usage_price .sec_wrap h3{
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	margin: 0 0 1rem;
	font-weight: bold;
}
.page_usage_price .sec_wrap .check_list ul li:before{
	content: '\f00c';
	font-family: 'FontAwesome';
	padding: 0 0.5rem;
	font-size: 2.0rem;
	color: #F05444;
}
.page_usage_price .sec_wrap .check_list ul li{
	text-indent: -2.8rem;
	padding-left: 2.8rem;
}
.page_usage_price .sec_wrap .check_list ul li+li{
	margin-top: 0.6rem;
}
.page_usage_price .sec_wrap .price-supplement{
	position: relative;
	padding-left: 8px;
}
.page_usage_price .sec_wrap .price-supplement::before{
	position: absolute;
	content: "*";
	top: 0;
	left: 0;
}
.page_usage_price .sec_wrap .notice:before{
	content: '※';
	padding: 0 8px;
}
.page_usage_price .sec_wrap .notice_wrap{
	margin-top: 1rem;
}
.page_usage_price .sec_wrap .notice{
	text-indent: -2.8rem;
	padding-left: 2.8rem;
}
.page_usage_price .sec_wrap .nine_five_off {
	color: #C00500;
}
.page_usage_price .sec_wrap .nine_five_off .price-badge{
	display: inline-block;
    color: #fff;
    background: #C00500;
    font-size: 1rem;
	font-weight: normal;
    line-height: 1.3;
	padding: 0.4rem 0.5rem;
	margin: 3px 5px 0;
    border-radius: 6px;
    vertical-align: text-top;
}
.page_usage_price .sec_wrap .nine_five_off .with-tax {
	font-size: 1.8rem;
	font-weight: bold;
}
.page_usage_price .sec_wrap .nine_five_off .sub-price-number {
	color: #000;
	font-size: 2rem;
	text-decoration: line-through;
}

/* [page_usage_price] global free campaign */
.page_usage_price .sec_wrap .price.strike{
	font-size: 2rem;
	color: #e00;
}
.page_usage_price .sec_wrap .price.strike span{
	color: #555;
}
.page_usage_price .sec_wrap .price .reason{
	font-weight: bold;
}
.page_usage_price .sec_wrap .price .reason:before{
	content: "\f0d7";
	font-family: FontAwesome;
	display: block;
	font-size: 6rem;
	line-height: 1;
}
.page_usage_price .sec_wrap .price .reason:before{
	content: "\f0d7";
	font-family: FontAwesome;
	display: block;
	font-size: 6rem;
	line-height: 1;
}
.page_usage_price .sec_wrap .balloon {
	position: relative;
    width: auto;
    max-width: 30rem;
	margin: 0 auto;
}
.page_usage_price .sec_wrap .balloon-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fe0101;
	font-weight: bold;
}
.page_usage_price .sec_wrap .balloon .balloon-badge{
	color: #fff;
    background-color: #fe0101;
    text-align: center;
    font-size: 1.2rem;
    font-weight: normal;
    border-radius: 20px;
	border-radius: 8px;
    padding: 0.6rem 1rem;
    margin-right: 0.6rem;
    line-height: 1.1;
}
.page_usage_price .sec_wrap .balloon .balloon-num{
	display: inline-block;
    font-size: 5rem;
    margin: 0 0.5rem;
}
.page_usage_price .sec_wrap .t_line_through{
	position: relative;
}
.page_usage_price .sec_wrap .t_line_through::after{
	content: '';
    height: 2px;
	width: 55%;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 58%;
}

/*-------------------------------------------------------*/
/* page cs
/*-------------------------------------------------------*/
.page_cs input[type="button"],
.page_cs input[type="submit"]{
	-webkit-appearance: none;
}
/* .page_cs .faq_related_wrap{
	padding: 0 5% 2.5rem;
	background: #fff;
	border-radius: 8px;
} */
.page_cs .faq_related_wrap .faq_related_head{
	position: relative;
	padding: 2.5rem 0 2rem;
}
.page_cs .faq_related_wrap .btn_toggle{
	position: absolute;
	top: 20px;
	right: 0;
	display: inline-block;
	padding: 5px 8px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #ccc;
	width: 68px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
}
.page_cs .faq_related_wrap .btn_toggle:before{
	font-family: 'fontAwesome';
	content: '\f078';
}
.page_cs .faq_related_wrap .btn_toggle.on:before{
	content: '\f077';
}
.page_cs .faq_related_wrap .btn_toggle .text-on{
	display: none;
}
.page_cs .faq_related_wrap .btn_toggle .text-off{
	display: inline;
}
.page_cs .faq_related_wrap .btn_toggle.on .text-on{
	display: inline;
}
.page_cs .faq_related_wrap .btn_toggle.on .text-off{
	display: none;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list{
	border: 2px solid #eee;
	max-height: 300px;
	max-height: 30rem;
	overflow: auto;
	overflow-x: hidden;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li a{
	display: block;
	padding: 15px;
	padding: 1.5rem;
	transition: all 0.2s linear;
	color: #555;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li + li{
	border-top: 1px dotted #ccc;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li p{
	line-height: 1.5;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li a:hover{
	background: #fffcee;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .question{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
	margin-bottom: 5px;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .question:before{
	content: 'Q.';
	display: inline;
	color: #16A9B2;
	font-weight: bold;
	margin-right: 0.5em;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .answer{
	text-indent: -2.5rem;
	padding-left: 2.5rem;
}
.page_cs .faq_related_wrap .faq_related_body .faq_related_list > ul > li .answer:before{
	content: 'A.';
	display: inline;
	color: #F14444;
	font-weight: bold;
	margin-right: 0.5em;
}
.page_cs .faq_related_wrap .faq_related_body .faq_releated_bottom{
	padding: 25px 0 25px;
}
.page_cs .form_wrap .form_item .questant_list li + li{
	margin-top: 1.6rem;
}
/*-------------------------------------------------------*/
/* page cs history
/*-------------------------------------------------------*/
.page_cs_history{
	line-height:1.5;
}
.page_cs_history .page_ttl{
	padding:10px 0;
	padding:1rem 0;
	text-align:center;
	font-weight:bold;
}
.page_cs_history .page_ttl strong{
	margin-right:10px;
	margin-right:1rem;
}
.page_cs_history .top_area_content{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 10px;
	padding: 1rem;
	box-sizing: border-box;
}
.page_cs_history .top_area_content .d_cell{
	vertical-align: top;
}
.page_cs_history .top_area_content .d_cell.right{
	width: 40%;
}
.page_cs_history .top_area_content .d_cell.right img{
	width: 100%;
	display: block;
}
/* search box */
.page_cs_history .cs-history-search-bar{
	padding: 0 12px;
}
.page_cs_history .cs-history-search-bar .item-search-input {
	position: relative;
	flex: 1;
}
.page_cs_history .cs-history-search-bar .item-cat-select {
	flex-shrink: 0;
}
.page_cs_history .cs-history-search-bar > .flex-item {
	margin-top: 1rem;
}
.page_cs_history .cs-history-search-bar{
	padding: 0 12px;
}
.page_cs_history .cs-history-search-bar .search_mark:before{
	font-family: FontAwesome;
	content: '\f002';
	display: inline-block;
	width: 1.8rem;
	height: 1.7rem;
	color: #ccc;
	font-size: 1.8rem;
	line-height: 1.8rem;
}
.page_cs_history .cs-history-search-bar .search_box::-webkit-input-placeholder{
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .cs-history-search-bar .search_box:-moz-placeholder {
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .cs-history-search-bar .search_box::-moz-placeholder {
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .cs-history-search-bar .search_box:-ms-input-placeholder{
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .cs-history-search-bar .search_btn:hover{
	background-color: #2f5679;
}
.page_cs_history .cs-history-search-bar .all_topics{
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: middle;
}
.page_cs_history .cs-history-search-bar .btn_form_clear{
	position: relative;
}
.page_cs_history .cs-history-search-bar .btn_form_clear:before {
	position: absolute;
	top: -1rem;
	bottom: 0;
	right: 2rem;
	margin: auto;
	height: 1.5rem;
	font-size: 1.8rem;
	font-family: 'fontAwesome';
	content: '\f057';
	color: #999;
	z-index: 2;
	cursor: pointer;
}
.page_cs_history .page_inner .content .topics_list li {
	position: relative;
}
.page_cs_history .page_inner .content .topics_list li:last-child {
	border-bottom: none;
}

.page_cs_history .page_inner .content .topics_list li .wrap_brief {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page_cs_history .page_inner .content .topics_list li .txt-brief {
	word-wrap: break-word;
	word-break: break-word;
	flex: 1;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.page_cs_history .page_inner .content .topics_list li .wrap_brief .new_label {
	position: initial;
	right: -5px;
	top: -12px;
	border-radius: 13px;
	background-color: #EA3323;
	font-size: .9rem;
	line-height: 1;
	width: 3rem;
	height: 1.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-weight: normal;
	margin-left: 2rem;
}
.page_cs_history .cs-history-search-bar .item-search-input{
	background: #323232;
	display: flex;
	align-items: center;
	border-radius: 4px;
	color: #7F7F7F;
	padding: 0 9px;
}
.page_cs_history .cs-history-search-bar .item-search-input input{
	background: #323232;
	border: none;
	color: #FFF;
	padding: 9px 10px;
}
.page_cs_history .cs-history-search-bar .item-search-input input::placeholder{
	color: #7F7F7F;
}
.page_cs_history .item-cat-select{
}
.page_cs_history .item-cat-select select{
	background: #000;
	color: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 60%;
	background-position-y: 8px;
	border: none;
	padding-left: 0;
}
.page_cs_history .page_inner .content .topics_list li{
	border-top: solid #555555 1px;
}
.page_cs_history .page_inner .content .topics_list li:last-child{
	border-bottom: solid #555555 1px;
}
.page_cs_history .cs-history-search-bar .item-search-input{
	background: #323232;
	display: flex;
	align-items: center;
	border-radius: 4px;
	color: #7F7F7F;
	padding: 0 9px;
}
.page_cs_history .cs-history-search-bar .item-search-input input{
	background: #323232;
	border: none;
	color: #FFF;
	padding: 9px 10px;
}
.page_cs_history .cs-history-search-bar .item-search-input input::placeholder{
	color: #7F7F7F;
}
.page_cs_history .item-cat-select{
	margin: 1rem 0;
}
.page_cs_history .item-cat-select select{
	background: #000;
	color: #fff;
	border: none;
}
.page_cs_history .page_inner .content .topics_list li{
	border-top: solid #EDEDED 1px;
}
.page_cs_history .page_inner .content .topics_list li:last-child{
    border-bottom: solid #EDEDED 1px;
}

.page_cs_history .page_inner .content .topics_list li a{
	color: #FFF;
	display:block;
	padding: 1.8rem 4rem 1.8rem 1.2rem;
	position:relative;
}
.page_cs_history .page_inner .content .topics_list li.read a{
	color: #CCCCCC;
}
.page_cs_history .page_inner .content .topics_list li a:after{
	content:url(../images/icon/icon_arrow.svg);
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	right:1.2rem;
	top:50%;
	transform: translateY(-50%);
	filter: brightness(0) saturate(100%) invert(61%) sepia(4%) saturate(0%) hue-rotate(240deg) brightness(91%) contrast(95%);

}
.page_cs_history .page_inner .content .topics_list li a h2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	font-size: 1.4rem;
}
.page_cs_history .page_inner .content .topics_list li a .date{
	font-size: 1.3rem;
	text-align: right;
}

.page_cs_history .page_inner .content .topics_list li.unread .date {
	font-weight: normal;
}

.page_cs_history .page_inner .content .topics_list li a .text{
	font-size: 1.4rem;
}
.page_cs_history .page_inner .content .topics_list li a .new_label{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #EA3323;
	font-size: .9rem;
	border-radius: 100px;
	padding: 2px 5px;
	position: absolute;
	top: 5.8rem;
	right: 4rem;
	font-weight: normal;
}
.page_cs_history .page_inner .btn_wrap{
	padding: 0 1.2rem;
}
@media screen and (max-width: 320px){
	.page_cs_history .page_inner .content .topics_list li a h2 {
		display: block;
	}
	.page_cs_history .page_inner .content .topics_list li a .date{
		display: block;
		color: #999;
		text-align: left;
	}
}
.page_cs_history .page_inner .content .topics_list li .topics_footer{
	color:#777;
	font-size:12px;
	font-size:1.2rem;
	width:100%;
	display:table;
}
.page_cs_history .page_inner .content .topics_list li .topics_footer p{
	display:table-cell;
	vertical-align:middle;
}
.page_cs_history .page_inner .content .topics_list li .topics_footer .number{
	color:#F1B343;
	text-align:right;
}
.page_cs_history .page_inner .pager{
	font-size:14px;
	font-size:1.4rem;
	position:relative;
	text-align:center;
}
.page_cs_history .page_inner .pager .page_numbers{
	display: flex;
	justify-content: space-between;
	align-items: center
}
.page_cs_history .page_inner .pager{
	padding: 0 1.2rem;
	margin: 30px auto;
}
.page_cs_history .page_inner .pager .prev,
.page_cs_history .page_inner .pager .next{
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 3rem;
	padding: 8px;
	box-sizing: border-box;
}
.page_cs_history .page_inner .pager .prev.disable,
.page_cs_history .page_inner .pager .next.disable{
	pointer-events: none;
	background: #737373;
}
.page_cs_history .page_inner .pager .prev img,
.page_cs_history .page_inner .pager .next img{
	width: 100%;
}
.page_cs_history .page_inner .pager .prev{
	margin-right: 1rem;
}
.page_cs_history .page_inner .pager .next{
	margin-left: 1rem;
}
.page_cs_history .page_inner .pager .num{
	background-color: #FFF;
	color: #000;
	width: 2.6rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	font-weight: bold;
	box-sizing: border-box;
}
.page_cs_history .page_inner .pager .num.on{
	background-color: #000;
	color: #FFF;
	pointer-events: none;
}
.page_cs_history .page_inner .pager .num + .num{
	margin-left: 1rem;
}
.page_cs_history .page_inner .pager .ic-point{
	font-size: .8rem;
	margin: 0 1rem;
}
.page_cs_history .page_inner .pager .page_num.none{
	color: #ccc;
}
.page_cs_history li.prev a:before, .page_cs_history span.prev a:before {
    content: '';
    margin-right: 0;
}
.page_cs_history li.next a:after, .page_cs-history span.next a:after {
    content: '';
    margin-left: 0;
}
.page_cs_history .page_inner {
	position: relative;
	padding: 0 0 8rem !important;
}
.page_cs_history .page_inner .fixed_btn_wrap{
	position: fixed;
	bottom:0;
	width: 100%;
	padding: 1rem;
	box-sizing: border-box;
	background: #fff;
	border-top: 1px #ccc solid;
}
.page_cs_history .page_inner .fixed_btn_wrap .btn_wrap .size_max{
    max-width: 500px;
}
/*----------------------------------------*/
/*  read or unread
/*----------------------------------------*/
.page_cs_history .topics_list li.read a{
	color: #CCCCCC;
}
.page_cs_history .topics_list li.read h2{
	font-weight: normal;
}
.page_cs_history .topics_list li.unread{
	font-weight: bold;
}
/*-------------------------------------------------------*/
/* page cs history detail
/*-------------------------------------------------------*/
.page_cs_history_detail{
	line-height:1.5;
}
.page_cs_history_detail .page_inner{
	padding:0;
	background:#fff;
}
.page_cs_history_detail .ttl_wrap{
	padding: 2rem 1rem;
	background: #f5f5f5;
	font-weight: bold;
}
.page_cs_history_detail .transition{
	padding: 1rem;
}
.page_cs_history_detail .transition a{
	color:#1f1f1f;
	text-decoration:underline;
}
.page_cs_history_detail .btn_wrap .translation_btn {
	width: 100%;
	max-width: 500px;
	background: #fff;
	border-radius: 8px;
	text-align: center;
	border: 2px solid #ccc;
	padding: 10px;
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-tap-highlight-color: rgba(0,0,0,0);
	tap-highlight-color: rgba(0,0,0,0);
}
.page_cs_history_detail .btn_wrap .translation_btn img{
	width: auto;
}
.page_cs_history_detail .btn_wrap .translation,
.page_cs_history_detail .btn_wrap .translation_btn.on .original_txt,
.page_cs_history_detail .btn_wrap .box_sec.on .desc.original_txt{
	display: block;
}
.page_cs_history_detail .btn_wrap .original_txt,
.page_cs_history_detail .btn_wrap .translation_btn.on .translation,
.page_cs_history_detail .btn_wrap .box_sec.on .desc{
	display: none;
}
/* change_language */
.page_cs_history_detail .btn_wrap.change_language .translation,
.page_cs_history_detail .btn_wrap.change_language .translation_btn.on .original_txt,
.page_cs_history_detail .btn_wrap.change_language .box_sec.on .desc.original_txt{
	display: none;
}
.page_cs_history_detail .btn_wrap.change_language .original_txt,
.page_cs_history_detail .btn_wrap.change_language .translation_btn.on .translation,
.page_cs_history_detail .btn_wrap.change_language .box_sec.on .desc{
	display: block;
}
.page_cs_history_detail .content{
	padding: 0;
}
.page_cs_history_detail .content .topics_comment .comment_list li:first-child{
	border-top: solid 1px #ccc;
}
.page_cs_history_detail .content .topics_comment .comment_list li{
	padding: 1.5rem 2rem;
	border-bottom:solid 1px #ccc;
}
.page_cs_history_detail .content .topics_comment .comment_list li:nth-child(2n){
	background: #f5f5f5;
}
.page_cs_history_detail .content .comment_head{
	margin-bottom:1.5rem;
}
.page_cs_history_detail .comment_list li.unread .comment_body {
	display: none;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message {
	display: none;
}
.page_cs_history_detail .comment_list li.unread .btn_wrap_open_message {
	display: block;
	text-align: center;
	margin-bottom: 1rem;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style {
	padding-left: 1rem;
	padding-right: 1rem;
}
.page_cs_history_detail .content .comment_body{
	margin-bottom:1rem;
}
.page_cs_history_detail .comment_body .rating_stars_wrap {
	text-align: right;
}
.page_cs_history_detail .comment_body .rating_stars_wrap .rating_stars {
	display: inline-block;
	font-size: 1.6rem;
	padding: 0 1rem;
	line-height: 3.5rem;
	background-color: #f4f4f4;
	color: #ccc;
	border-radius: 2px;
	font-weight: bold;
	min-width: 6.5rem;
	text-align: center;
}
.page_cs_history_detail a.btn_style{
	max-width: 500px;
}
.page_cs_history_detail .content .comment_head .name {
	display: inline-block;
	font-weight: bold;
}
.page_cs_history_detail .content .comment_head .date{
	text-align: right;
	color: #999;
	float: right;
}
.page_cs_history_detail .itopics_comment > ul > li.loader_wrap{
	margin: 3rem 0 0;
}
.page_cs_history_detail .topics_comment > ul > li.loader_wrap img{
	width: 3rem;
}
.page_cs_history_detail .ptr--ptr.ptr--refresh{
	min-height: 8rem !important;
}
.page_cs_history_detail .itopics_comment > ul > li.loader_wrap{
	margin: 3rem 0 0;
}
.page_cs_history_detail .topics_comment > ul > li.loader_wrap img{
	width: 3rem;
}
.page_cs_history_detail .ptr--ptr.ptr--refresh{
	min-height: 8rem !important;
}
/*-------------------------------------------------------*/
/* page crowd_calender
/*-------------------------------------------------------*/
.page_wrap.crowd_calender{
	line-height:1.5;
}
.page_wrap.crowd_calender p{
	margin-bottom:1.4rem;
}
.page_wrap.crowd_calender .container .schedule_table{
	width: 100%;
	margin: 0 auto 20px;
	border-spacing: 4px;
	border-collapse: separate;
	border: none;
	line-height: 1.5;
	font-size:1.0rem;
}
.page_wrap.crowd_calender .container .schedule_table th,
.page_wrap.crowd_calender .container .schedule_table td{
	padding: 6px 5px 6px 5px;
	border: none;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
}
.page_wrap.crowd_calender .container .schedule_table th{
	text-align: center;
	font-weight: bold;
	background: #FFCEC7;
}
.page_wrap.crowd_calender .container .schedule_table th:first-child{
	visibility: hidden;
}
.page_wrap.crowd_calender .container .schedule_table td:first-child{
	color: #333333;
	background: #DCFFE0 !important;
	text-align: center;
	font-weight: bold;
}
.page_wrap.crowd_calender .container .schedule_table td{
	text-align: center;
	vertical-align: middle;
}
.page_wrap.crowd_calender .container .schedule_table tr:nth-child(odd) td{
	background: #ececec;
}
.page_wrap.crowd_calender .container .schedule_table .saturday {
	color: #00acee;
}
.page_wrap.crowd_calender .container .schedule_table .sunday {
	color: #ff0000;
}
.page_wrap.crowd_calender .container .notice{
	font-size:1.2rem;
	padding-left: 2em;
	text-indent: -2em;
	margin-bottom:1.4rem;
}
.page_wrap.crowd_calender .sub_sec{
	border:none;
	padding: 0;
}
/*---------------------------------------*/
/* campaign_quest
/*---------------------------------------*/
.campaign_quest_wrap .camp_quest_text-top{
	padding: 0 2rem;
}
.campaign_quest_wrap .notice_box{
	margin: 3rem auto 5rem;
}
.campaign_quest_wrap .quest_form{
	border: none;
	margin-top: 1.5rem;
	padding: 2rem 1.5rem;
}
.campaign_quest_wrap .quest_form .quest_form_item + .quest_form_item{
	margin-top: 3rem;
}
.campaign_quest_wrap .box_ttl{
	color: #092846;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	background: #EBF5FF;
	text-align: center;
	padding: 2.5rem 0;
	border-bottom: solid 1px #d6e3f0;
	border-top: solid 1px #d6e3f0;
}
.campaign_quest_wrap .ui_mark.required:after{
	background: transparent;
	color: #f05253;
	font-size: 1.4rem;
	font-weight: normal;
}
.campaign_quest_wrap .quest_form .quest_form_item .quest_form_item_ttl{
	padding-bottom: 1.5rem;
	line-height: 1.7;
	font-size: 1.6rem;
}
.campaign_quest_wrap .quest_form .quest_form_item .quest_form_item_ttl .q_num{
	box-sizing: border-box;
	color: #555555;
	margin-right: 5px;
	font-size: 1.4rem;
}
.campaign_quest_wrap .quest_form .quest_form_item .quest_form_item_ttl .q_txt{
}
.campaign_quest_wrap .quest_form .quest_form_item h5{
	font-size: 1.6rem;
	margin-bottom: 1.4rem;
}
.campaign_quest_wrap .quest_form .quest_form_item textarea{
	height: 12rem;
}
.campaign_quest_wrap .quest_form .quest_form_item .questant_list textarea{
	height: 3rem;
}
.campaign_quest_wrap .ui_msg_style_1{
	margin: 0 0 1rem;
}
.campaign_quest_wrap .quest_form .quest_form_item .questant_list li + li{
	margin-top: 2.5rem;
}
.campaign_quest_wrap .quest_form .quest_form_item .questant_list li label{
	font-size: 1.5rem;
}
.campaign_quest_wrap .btn_wrap .btn_style{
	letter-spacing: 0.3rem;
	width: 90%;
	max-width: 35rem;
}
.campaign_quest_wrap input[type='radio'] + label.custom_radio:before{
	box-shadow: 0 0 0 1px #999;
}
/*************************************************************/
/*  page_info                                             */
/*************************************************************/
.page_info .sec_info .common_inner{
	position:relative;
	margin: 0;
}
.page_info .sec_info .all-read-wrap {
	margin: 1rem auto 2rem;
	text-align: right;
	padding: 0 1.2rem;
}
.page_info .sec_info .all_read_link {
	color: #FFF;
	font-size: 1.4rem;
}
/*campaign_img*/
.page_wrap .sec .campaign_desc img{
	width: 100%;
}

/*************************************************************/
/* faq
/*************************************************************/
.page_wrap-faq{
	min-height: 100%;
}
.page_wrap-faq .contents_inner{
	padding: 4rem 2rem;
	max-width: 50rem;
	margin: auto;
}
.page_wrap-faq .faq_list_wrap{
	border-radius: 0.8rem;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.2);
	border: 1px solid #ccc;
	line-height: 1.4;
	overflow: hidden;
	background: #fff;
	color: #FFF;
}
.page_wrap-faq .faq_list_wrap .list_wrap-ttl{
	padding: 1rem;
	background: #555454;
	color: #fff;
}
.page_wrap-faq .faq_list_wrap ul li{
	border-top: 1px solid #ccc;
	position: relative;
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	max-width: 100%;
}
.page_wrap-faq .faq_list_wrap ul li:before{
	position: absolute;
	left: 1.6rem;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "Q.";
	color: #03ccb1;
	display: flex;
	align-items: center;
}
.page_wrap-faq .faq_list_wrap ul li:after{
	position: absolute;
	right: 1.6rem;
	top: 0;
	bottom: 0;
	margin: auto;
	content: url('../images/icon/icon_arrow-white-right.svg');
	display: flex;
	align-items: center;
	filter: brightness(0) saturate(100%) invert(31%) sepia(0%) saturate(1739%) hue-rotate(329deg) brightness(99%) contrast(89%);
}
.page_wrap-faq .faq_list_wrap ul li a{
	display: block;
	color: #555;
	padding: 1.5rem 3rem 1.5rem 3.9rem;
}
.page_wrap-faq .faq_list_wrap ul li .quest{
	overflow: hidden;
	margin: 0;
}
.page_wrap-faq .pager ul {
	width: 100%;
	display: table;
}
.page_wrap-faq .pager li {
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0 10px;
	padding: 0 1.0rem;
	display: table-cell;
}
.page_wrap-faq .pager li.prev {
	text-align: left;
	padding: 0 0.3rem 0 0;
}
.page_wrap-faq .pager li.next {
	text-align: right;
	padding: 0 0 0 0.3rem;
}
.page_wrap-faq .pager .prev a:before {
	content: '<';
}
.page_wrap-faq .pager .next a:after {
	content: '>';
}
.page_wrap-faq .pager li a:hover, .page_wrap-faq .pager span a:hover {
	color: #999;
}
/* faq detail */
.page_wrap-faq .faq_detail_wrap{
    border-radius: 0.8rem;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
    line-height: 1.4;
    overflow: hidden;
    padding: 3rem 3rem;
    background: #fff;
	color: #1F1F1F;
}
.page_wrap-faq .faq_detail_wrap .detail-header{
	border-bottom: 2px solid #ccc;
	padding: 0 0 0.5rem;
}
.page_wrap-faq .faq_detail_wrap .detail-header .breadcrumbs{
	margin: 0 0 3rem;
	font-size: 1.5rem;
}
.page_wrap-faq .faq_detail_wrap .detail-header .breadcrumbs a{
	font-weight: bold;
}
.page_wrap-faq .faq_detail_wrap .detail-header .faq-date{
	padding-left: 2rem;
}
.page_wrap-faq .faq_detail_wrap .detail-main {
	font-size: 1.5rem;
}
.page_wrap-faq .faq_detail_wrap .detail-main .quest{
	margin: 1rem 0 4rem;
}
.page_wrap-faq .faq_detail_wrap .detail-main .quest .detail-ttl{
	padding: 0 0 0 3.5rem;
	position: relative;
	font-size: 1.8rem;
	color: #156C9E;
	font-weight: bold;
	margin: 0 0 1rem;
}
.page_wrap-faq .faq_detail_wrap .detail-main .quest .detail-ttl:before{
	content: "Q.";
	display: flex;
	position: absolute;
	left: 0.5rem;
	color: #03ccb1;
	top: 0;
	bottom: 0;
	margin: auto;
}
.page_wrap-faq .faq_detail_wrap .detail-main .answer:before{
	content: "A.";
	display: block;
	color: #f1890e;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 0 0 0 0.5rem;
}

/* select lang */
.page_select_lang .lang_wrap{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_select_lang .lang_wrap ul li + li{
	border-top: #eee solid 1px;
}
.page_select_lang .lang_wrap ul li{
	position: relative;
}
.page_select_lang .lang_wrap ul li:after{
	content: "\f105";
	font-family: 'FontAwesome';
    font-size: 3rem;
    display: flex;
    align-items: center;
    color: #999;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2.2rem;
    margin: auto;
}
.page_select_lang .lang_wrap ul{
	width: 100%;
    background: #fff;
}
.page_select_lang .lang_wrap ul li a{
	color: #1f1f1f;
    display: flex;
    padding: 2.2rem 2.5rem;
    align-items: center;
}
.page_select_lang .lang_wrap ul li img{
	width: 4.5rem;
}
.page_select_lang .lang_wrap ul li img + span{
	margin: 0 0 0 1.5rem;
	font-size: 1.7rem;
}

/*---------------------------------------*/
/* campaign_re_register
/*---------------------------------------*/
.page_wrap--campaign_re_register .page_inner .triangle{
	width: 0;
	margin: auto;
	border: 33px solid transparent;
	border-top: 33px solid #999999;
}
.page_wrap--campaign_re_register .page_inner .shape-circle{
	border-radius: 5px;
}
.page_wrap--campaign_re_register .page_inner .c_pink{
	color:#ea6094;
}
.page_wrap--campaign_re_register .page_inner .c_light_green{
	color:#28c2a2;
}

.page_wrap--campaign_re_register .page_inner .max-width{
	max-width:690px;
	margin-left: auto;
	margin-right: auto;
}

.page_wrap--campaign_re_register .page_inner .ex_form_02{
	padding: 15px;
	width: 80%;
	margin: auto;
}

.page_wrap--campaign_re_register .page_inner .btn-sp-style{
	width: 80%;
	height: 4.4rem;
	line-height: 4.4rem;
}


.page_wrap--campaign_re_register .page_inner .max-width{
	max-width: 690px;
}

.page_wrap--campaign_re_register .page_inner .mm{
	display: inline-block;
}
.page_wrap--campaign_re_register .page_inner .aa{
	white-space: nowrap;
}

.page_wrap--campaign_re_register .page_inner .benefits_box{
	display: -webkit-flex;
	justify-content: space-evenly;
	align-items: center;
}

.page_wrap--campaign_re_register .page_inner .variable-size{
	margin: 15px;
	font-size: 15vw;
}

@media only screen and (max-width: 330px) {
.page_wrap--campaign_re_register .page_inner .c_light_green .new-line{
	display: inline;
	}
.page_wrap--campaign_re_register .page_inner .benefits_box{
	display:block;
	}
.page_wrap--campaign_re_register .page_inner .smallsc_img_size{
	margin: auto;
	text-align: center;
	width: 80% !important;
	}
.page_wrap--campaign_re_register .page_inner .smallsc_img_size p{
	margin: -10px 0px 0px 0px;
	}
.page_wrap--campaign_re_register .page_inner .triangle{
	width: 0;
	margin: auto;
	border: 28px solid transparent;
	border-top: 28px solid #999999;
	}
	.page_wrap--campaign_re_register .page_inner .c_light_green .new-line{
		display: inline;
	}
	.page_wrap--campaign_re_register .page_inner .benefits_box{
		display:block;
	}
	.page_wrap--campaign_re_register .page_inner .smallsc_img_size{
		margin: auto;
		text-align: center;
		width: 80% !important;
	}
	.page_wrap--campaign_re_register .page_inner .smallsc_img_size p{
		margin: -10px 0px 0px 0px;
	}
	.page_wrap--campaign_re_register .page_inner .triangle{
		width: 0;
		margin: auto;
		border: 28px solid transparent;
		border-top: 28px solid #999999;
	}
}
/* callan_campaign */
.page_wrap--campaign_limited_time .sec .campaign_desc.campaign_desc_flow dt .step,.campaign_free-beginning_teacher .sec .campaign_desc.campaign_desc_flow dt{
	color: #fff;
	border-radius: 40px;
	background: #004986;
	padding: 5px 20px;
}
.page_wrap--campaign_limited_time .sec .campaign_desc.campaign_desc_flow dd + dt::before{
	content: '';
	display: block;
	text-align: center;
	width: 0;
	margin: 40px auto;
	height: 0;
	border: 50px solid transparent;
	border-bottom: 0;
	border-top: 30px solid #bbb;
}
/* callan campaign modal */
.modal_window.dialog.dialog_apply_callan{
	border: 2px #ccc solid;
}
.modal_window.dialog.dialog_apply_callan h3.title_bar{
	background: #004986;
	color: #fff;
	font-weight: bold;
	border-radius: 30px;
	padding: 0.6rem 0;
	text-align: center;
	line-height: 1.5;
    height: auto;
}
.modal_window.dialog.dialog_apply_callan .bg-light_blue{
	background: #e5f6ff;
	font-size: 1.6rem;
	line-height: 1.5;
	padding: 1rem 2rem;
}
.modal_window.dialog.dialog_apply_callan .btn_style.btn_green{
	background: #03c9a9;
    box-shadow: 0 4px 0 0 #21a086;
	font-size: 1.6rem;
	padding: 0 2rem;
}
@media screen and (min-width : 767px){
	.modal_window.dialog.dialog_apply_callan h3.ttl_bar br{
		display: none;
	}
}
/* campaign free popular teacher */
.page_wrap--free-popular_teacher .heading_bar{
	padding: 1.6rem 0 1.4rem;
}
.page_wrap--free-popular_teacher .sec_ttl{
	font-size: 1.8rem;
	font-weight: bold;
}
.page_wrap--free-popular_teacher .sec{
	padding: 3rem 1rem 4rem;
}
.page_wrap--free-popular_teacher .sec.sec_teachers{
	padding: 3rem 0 6rem;
}
.page_wrap--free-popular_teacher .sec.sec_teachers select.selected{
	border: 1px solid #999 !important;
}
.page_wrap--free-popular_teacher .sec .campaign_desc .ui_notice_list ul li{
	font-size: 1.5rem;
	line-height: 1.7;
}
.page_wrap--free-popular_teacher .teacher_list > ul > li::before{
	top: 100%;
	z-index: 10;
}
.page_wrap--free-popular_teacher .user_list_style_2 .user_list_item.closed {
	background: #eeeeee;
}
.page_wrap--free-popular_teacher .user_list_style_2 .user_list_item.closed .user_list_item_inner{
	position: relative;
}
.page_wrap--free-popular_teacher .user_list_style_2 .user_list_item.closed .closed_area{
	font-size: 1.2rem;
	padding: 0.4rem 1rem;
	background: #004986;
	color: #fff;
	position: absolute;
	top: 0.8rem;
	right: 1rem;
	z-index: 100;
}
.page_wrap--free-popular_teacher .user_list_style_2 .user_list_item.closed .closed_area .closed_txt{
	font-size: 1.2rem;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner .clm_l{
	width: 24%;
}
.page_wrap--free-popular_teacher .btn_wrap .btn_style.style_campaign.btn_green{
	width: 20rem;
	height: 5rem;
	box-sizing: border-box;
	min-width: auto;
}
.page_wrap--free-popular_teacher .btn_wrap .btn_style{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_wrap--free-popular_teacher .campaign_desc .ex_contents{
	background: #fdfbe4;
	padding: 1.5rem;
	margin: 1.5rem 0 0;
}
@media screen and (min-width : 767px){
	.page_wrap--free-popular_teacher .campaign_period span br{
		display: none;
	}
}
.page_wrap--free-popular_teacher .rating_star{
	width: 1.4rem;
}
.page_wrap--free-popular_teacher .rating_star:before{
	width: 1.4rem;
	font-size: 1.4rem;
}
.page_wrap--free-popular_teacher .rating_star .rating_star_value:before{
	width: 1.4rem;
	font-size: 1.4rem;
	color: #e38e36;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner .clm_r .rating_star_wrap{
	width: 6.9rem;
	color: #e38e36;
	font-size: 0;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner .clm_r .ui-rating_area .rate{
	color: #e38e36;
}
.page_wrap--free-popular_teacher .teacher_list ul li .name_area .name,
.page_wrap--free-popular_teacher .teacher_list ul li .name_area .kana{
	font-size: 1.5rem;
	font-weight: bold;
}
.page_wrap--free-popular_teacher .teacher_list ul li .ui-rating_area .lesson_count:before{
	content: "\f080";
	font-family: "FontAwesome";
	display: inline-block;
	color: #999;
	font-size: 1.2rem;
}
.page_wrap--free-popular_teacher .teacher_list ul li .ui-rating_area .lesson_count{
	color: #999;
	margin: 0 0 0 5px;
}
.page_wrap--free-popular_teacher .teacher_list ul li a{
	padding: 2% 0% 2% 0%;
}
.page_wrap--free-popular_teacher .teacher_list ul li .flag_area figcaption{
	font-size: 1.2rem;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner .clm_r{
	padding: 0;
}
.page_wrap--free-popular_teacher .teacher_list .teacher_status.avail_kids{
	background: #4D4D4D;
}
.page_wrap--free-popular_teacher .period_box-red{
	border: #F84F63 solid 1px;
	border-radius: 8px;
	overflow: hidden;
	text-align: center;
	width: 90%;
	margin: auto;
}
.page_wrap--free-popular_teacher .period_box-red .box_top{
	background: #F84F63;
	color: #fff;
	padding: 1.3rem 0;
	font-size: 1.8rem;
}
.page_wrap--free-popular_teacher .period_box-red .box_btm{
	padding: 1.5rem;
	font-size: 2.0rem;
}

/* coin receiving box */
.receiving_box_wrap {
	background: #000000;
}
.receiving_box_wrap .page_inner{
	padding-bottom: 13rem;
}
.receiving_box_wrap .btn_wrap{
	background: transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding: 0 1.2rem;
}
.receiving_box_wrap .btn_wrap a {
	width: 48%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 1.5rem;
	color: #FFFFFF;
	background-color: #555555;
	border-radius: 4px;
	padding: 1.3rem 0;
}
.receiving_box_wrap .btn_wrap a.active {
	background-color: #FFFFFF;
	color: #000000;
}
.receiving_box_wrap .current_coin{
	padding: 2rem 1.2rem;
	background: #222222;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
.receiving_box_wrap .current_coin .current_coin_amount{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.receiving_box_wrap .current_coin .current_coin_amount p {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
}
.receiving_box_wrap .current_coin .current_coin_amount span {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}
.receiving_box_wrap .current_coin a {
	color: #3778F1;
	font-size: 14px;
	font-weight: 400;
	text-align: right;
	margin-left: auto;
}
.benefit_campaign {
	padding: 2rem 1.2rem;
	background: #222222;
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.benefit_campaign p {
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
}
.benefit_campaign img {
	width: 8.5px;
	height: auto;
}
.receiving_box_wrap .menu_wrap{
	width: 100%;
	margin: auto;
	background: #000000;
	display: flex;
	justify-content: center;
}
.receiving_box_wrap .menu_wrap ul{
	width: 80%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.receiving_box_wrap .menu_wrap ul {
	width: 80%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.receiving_box_wrap .menu_wrap ul li {
	text-align: center;
}
.receiving_box_wrap .menu_wrap ul li a{
	display: block;
	padding-top: 8px;
	font-weight: bold;
	font-size: 15px;
	font-size: 1.5rem;
	color: #999999;
}
.receiving_box_wrap .menu_wrap ul li a.active{
	border-top: 4px solid #D22F26;
	color: #FFFFFF;
}
.receiving_box_wrap .details_wrap{
	margin-top: 9.5rem;
	overflow: hidden;
}

.receiving_box_wrap .details_wrap input {
	opacity: 0;
	z-index: -1;
	position: absolute;
}

.receiving_box_wrap .details_part {
	max-height: 0;
	transition: all 0.35s;
}

.receiving_box_wrap .details_wrap input:checked ~ .details_part {
	max-height: 100vh;
}

.receiving_box_wrap .details_wrap input:checked  + .detail_ttl span {
	transform: rotateX(0);
}

.receiving_box_wrap .details_wrap .details_item {
	margin-top: 3.6rem;
	padding: 0 1.2rem;
}
.receiving_box_wrap .details_wrap .details_item .details_item_wrap {
	border: 1px solid #555555;
	padding: 1.6rem;
}

.receiving_box_wrap .details_wrap .details_item .details_item_wrap {
	border: 1px solid #555555;
	padding: 1.6rem;
}

.receiving_box_wrap .details_wrap .details{
	display: table;
	margin-bottom: 1.5rem;
	width: 100%;
}

.receiving_box_wrap .details_wrap .date{
	color: #FFFFFF;
	font-size: 1.4rem;
	margin: 0 0 2rem 0;
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #555555;
}
.receiving_box_wrap .details_wrap .detail_ttl {
	padding: 0 1.2rem;
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}
.receiving_box_wrap .details_wrap .detail_ttl p {
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
	margin-right: 15px;
}
.receiving_box_wrap .details_wrap .detail_ttl span {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #ffffff;
	margin-top: 5px;
}

.receiving_box_wrap .details_wrap .detail_ttl {
	padding: 0 1.2rem;
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
}

.receiving_box_wrap .details_wrap .detail_ttl p {
	font-size: 15px;
	font-weight: 400;
	color: #FFFFFF;
	margin-right: 10px;
}

.receiving_box_wrap .details_wrap .detail_ttl span {
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ffffff;
	margin-top: 9px;
	transform: rotateX(180deg);
	transition: all 0.35s;
}

.receiving_box_wrap .details_wrap .details_inner{
	width: 100%;
}

.receiving_box_wrap .details_wrap .details_inner .left_col{
    display: table-cell;
    width: 10%;
    vertical-align: top;
}

.receiving_box_wrap .details_wrap .details_inner .right_col{
	display: table-cell;
	font-size: 1.3rem;
	line-height: 1.5;
	vertical-align: top;
	padding: 0 1.5rem 0 0;
	color: #ffffff;
}
.receiving_box_wrap .details_wrap .details_inner .right_col p:nth-child(2) {
	margin-bottom: 10px;
}

.receiving_box_wrap .details_wrap .details_inner .right_col p:nth-child(2) {
	margin-bottom: 10px;
}

.receiving_box_wrap .details_wrap .details_inner .details .icon_wrap{
	width: 6.5rem;
	height: 6.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffffff;
	border-radius: 50%;
	padding: 1.5rem;
	box-sizing: border-box;
	margin: 0 1.5rem;
}

.receiving_box_wrap .details_wrap .details_inner .details .coin_amount{
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
    line-height: 1;
	color: #FFFFFF;
}
.receiving_box_wrap .details_wrap .details_inner .details .coin_amount span {
	font-size: 3rem;
}

.receiving_box_wrap .details_wrap .details_inner .details .coin_amount span {
	font-size: 3rem;
}

.receiving_box_wrap .details_wrap .details_inner .btn_wrap {
	display: flex;
	justify-content: center;
	text-align: center;
}

.receiving_box_wrap .details_wrap .details_inner .btn_wrap .btn_receiving {
	color: #000000!important;
	background: #FFFFFF;
    text-shadow: none;
    box-shadow: none;
	padding: 0;
    line-height: 3.7rem;
	font-size: 1.5rem;
	border-radius: 4px;
    width: 15rem;
    height: 3.7rem;
}

.receiving_box_wrap .menu_group_wrap {
	position: fixed;
	bottom: 0;
	transform: translateX(-50%);
	left: 50%;
	width: 100%;
	background: #000000;
}

.receiving_box_wrap .menu_group_wrap .menu_group {
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	margin-top: 10px;
}

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

.receiving_box_wrap .menu_group_wrap .menu_group a .icon {
	height: 19px;
	margin-bottom: 3px;
}

.receiving_box_wrap .menu_group_wrap .menu_group a span {
	font-size: 8px;
	font-weight: 400;
	color: #737373;
	margin-top: 3px;
}

.receiving_box_wrap .menu_group_wrap .menu_group a:hover span {
	color: #ffffff;
}

.receiving_box_wrap .menu_group_wrap .menu_group a:hover svg {
	fill: #ffffff;
}

.receiving_box_wrap .menu_group_wrap .menu_group_border {
	width: 135px;
	height: 5px;
	background-color: #FFFFFF;
	border-radius: 100px;
	margin: auto;
}

.receiving_box_wrap .coin_history {
	margin-top: 3.6rem;
	padding: 0 1.2rem;
}

.receiving_box_wrap .details_wrap .coin_history .details_item_wrap {
	border: 1px solid #555555;
	padding: 1.6rem;
}

.receiving_box_wrap .coin_history .details_inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.receiving_box_wrap .coin_history .details_inner .left_col {
	width: 70%!important;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
}

.receiving_box_wrap .coin_history .details_inner .left_col .p_ttl {
	margin-bottom: 10px;
}

.receiving_box_wrap .coin_history .details_inner .left_col .p_time {
	margin-bottom: 5px;
}

.receiving_box_wrap .coin_history .details_inner .right_col {
	width: 30%!important;
	display: flex!important;
	flex-direction: column;
	align-items: flex-end;
	padding: 0!important;
}

.receiving_box_wrap .coin_history .details_inner .right_col .coin_amount {
	font-size: 30px;
	font-weight: 700;
}

.receiving_box_wrap .coin_history .details_inner .right_col .coin_sort {
	font-size: 14px;
	font-weight: 400;
}

.receiving_box_wrap .coin_history .details_inner .right_col.c_blue {
	color: #3778F1;
}

.receiving_box_wrap .coin_history .details_inner .right_col.c_red {
	color: #D22F26;
}

.receiving_box_wrap .receiving_all_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
    padding: 1.5rem;
    background: rgba(0,0,0, 0.2);
}

.receiving_box_wrap .btn_wrap .btn_receiving_all{
	background: #3b7cf2;
    text-shadow: none;
    box-shadow: none;
	width: 90%;
	max-width: 50rem;
    height: 3.7rem;
    line-height: 3.7rem;
	font-size: 1.5rem;
	border: none;
}

.receiving_box_wrap .ui_notice_list{
	padding: 0 1rem;
}

/* page_requests_for_lessons */
.bg_black{background: #000 !important;}
.text_white{color: #fff !important;}
.page_requests_for_lessons .requests_inner .request_wrap{
	box-sizing: border-box;
	padding: inherit;
	display: block;
}
.page_requests_for_lessons .text_black {
	color: #000 !important;
}
.request_wrap_no_border{
	border: none!important;
}
.page_requests_for_lessons .ui_notice_list{
	margin: 2rem 1.5rem;
	padding: 1.5rem;
}
.page_requests_for_lessons .requests_inner .request_wrap select.form_item{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	margin: auto;
	width: 100%;
}
.page_requests_for_lessons .requests_inner .request_wrap .select_label{
	font-size: 1.4rem;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.page_requests_for_lessons .requests_inner .request_wrap textarea{
	min-height: 18rem;
}
.page_requests_top_ttl{
	font-size: 1.6rem;
}
.page_requests_top_ttl_arrow::after{
	display: flex;
	content: '\f104';
	font-family: 'FontAwesome';
	align-items: center;
	padding: 0 0 0 0.5rem;
	font-size: 2.6rem;
	position: absolute;
	top: 2%;
	left: 1px;
	margin: auto;
}
.req_ttl{
	font-size: 1.6rem;
}
.req_ttl_pull_down{
	padding: 3rem 1.5rem 1rem;
}
.br_none{
	border-radius: 0;
}
/* full_screen_menu */
.mobileSelect-title{
	display: none!important;
}
.mobileSelect-container,.white, .list-container, .mobileSelect-control,.selected,.mobileSelect-container,.white,.list-container,.mobileSelect-control{
	background-image: none!important;
	border-bottom: none!important;
	background-color: #000!important;
}
.mobileSelect-cancelbtn{
	display: none!important;
}
.mobileSelect-control{
	color: #fff!important;
	opacity: 0.5!important;
	background-color: #000!important;
}
a.mobileSelect-control.selected{
	color: #fff!important;
	opacity: 1!important;
	background-color: #000!important;
}
.mobileSelect-container, .list-container, .mobileSelect-control{
	text-align: center!important;
	padding-left: 0!important;
}
.list-container{
	top: 30%!important;
}
.mobileSelect-savebtn{
	background-color: #000!important;
	border: none!important;
	font-size: 0!important;
	background-image: url("../images/icon/time_circle.png")!important;
    background-repeat: no-repeat;
	background-size: contain;
    width: 48px;
	height: 48px;
}
.mobileSelect-buttons a{
	font-size: 0!important;
	background-color: #000!important;
	border: none!important;
	display: initial!important;
}
.mobileSelect-cancelbtn{
	position: absolute;
	bottom: 0;
}
.btn-mobileSelect-gen{
	background-color: #222222!important;
	color: #fff!important;
	width: 100%!important;
    height: auto!important;
	padding: 1.5rem 1.5rem!important;
}
.page_wrap-family button.btn-mobileSelect-gen {
	border: 1px solid #fff !important;
	margin-top: 0.5rem;
}
.page_wrap-family.page_wrap-family_member_edit button.btn-mobileSelect-gen {
	border: 0px solid #fff !important;
	margin-top: 0.5rem;
}
button.btn-mobileSelect-gen span.text {
	width: 100%;
	position: relative;
}
.page_wrap-family.page_wrap-family_member_edit button.btn-mobileSelect-gen span.caret {
	margin-top: 0;
	margin-right: 30px;
}
.familyApplyPlanArrow{
	position:relative;
}
.familyApplyPlanArrow:after,
button.btn-mobileSelect-gen span.text:after{
	/* content: url('../images/icon/icon_arrow-white-right.svg'); */
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    width: 0;
    z-index: 0;
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
}
.familyApplyPlanArrow:after{
	right: 1.9rem;
}
.familyApplyPlanArrow > input::placeholder {
	color: #fff !important;
}
.page_wrap-family .input_birthday::after {
	content: url('../images/icon/icon_arrow-white-right.svg');
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #fff;
    z-index: 100;
    transform: translateY(-175%);
    position: absolute;
    right: 25px;
    margin-right: 0.5rem;
}
@media screen and (min-width : 600px){
	.page_wrap-family .input_birthday::after {
		right: 6%;
		margin-right: 0.6rem;
	}
}
.request_other{
	margin: 1.5rem;
}
.request_3{
	background-color: #323232;
	color: #FFF;
}


@media screen and (max-width : 320px){
	.page_requests_for_lessons .requests_inner .request_wrap .req_ttl{
		font-size: 1.4rem;
	}
	.page_requests_for_lessons .requests_inner .request_wrap .select_label{
		width: 12rem;
	}
}
.page_requests_for_lessons_inner .page_inner {
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 1.5;
	overflow-wrap: break-word;
}
.page_requests_for_lessons_inner .page_inner p + p{
	margin: 0.5rem 0 0;
}
.page_requests_for_lessons .requests_inner .translation_wrap{
	background-color: #323232;
	/* border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC; */
	margin-top: 20px;
	padding: 0 15px;
}
.translation_wrap a{
	color: #fff;
}
.page_requests_for_lessons .requests_inner .translation_wrap .trigger_open_translation{
	display: flex;
	padding: 18px 0;
	justify-content: space-between;
	align-items: center;
	color: #FFF;
	transition: .2s all linear;
	transform: translateY(-2px);
}
.page_requests_for_lessons .requests_inner .translation_wrap .trigger_open_translation:hover{
	opacity: 1;
}
.page_requests_for_lessons .requests_inner .translation_wrap .trigger_open_translation:after{
	display: block;
	/* transition: .2s all linear; */
	content: '\f0d7';
	font-family: 'fontAwesome';
	display: block;
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	font-size: 2rem;
}
.page_requests_for_lessons .requests_inner .translation_wrap .trigger_open_translation.on:after{
	transform: scale(1, -1);
	top: 25%;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap{
	display: none;
	transition: .2s all linear;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap.on{
	display: block;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap,
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap{
	margin-bottom: 6.2rem;
	border: 1px solid #fff;
	box-sizing: border-box;
	border-radius: 0;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap textarea{
	padding: 10px 10px;
	border: none;
	box-shadow: 0 2px 2px rgba(0,0,0, 0.16) inset;
	resize: none;
	height: 60px;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.6;
	min-height: auto;
	background-color: #323232!important;
	color: #FFF;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap{
	background: #F5F5F5;
	border-left: 1px solid #CFCFCF;
	height: 62px;
	width: 100%;
	margin-top: 8.4rem;
	box-shadow: 0 2px 2px rgba(0,0,0, 0.16) inset;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .translated_texts{
	line-height: 1.6;
    overflow: auto;
	background-color: #323232;
	color: #7F7F7F;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 10px;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .translated_texts .loading {
	width: 32px;
    height: 32px;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap{
	position: relative;
	font-size: 0;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap [class^="btn"]{
	display: none;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-del-texts{
	position: absolute;
	bottom: 35px;
	right: 8px;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-del-texts > img{
	vertical-align: bottom;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate{
	display: flex;
    justify-content: space-evenly;
    position: absolute;
    line-height: 4rem;
    top: 100%;
    margin-top: 2rem;
    left: 0;
    width: 100%;
    border-radius: 4px;
    /* padding: 1rem 10rem; */
    color: #707070;
    background: #FFF;
    transition: .2s all linear;
    font-size: 1.8rem;
	background-color: #fff;
}

a.btn-translate,a.btn-copy{
	color: #000!important;
}
.btn_submit{
	color: #000;
	background-color: #fff;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate:hover{
	opacity: .6;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap{
	position: relative;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap [class^="btn"]{
	display: none;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy{
	display: flex;
	justify-content: space-evenly;
	position: absolute;
	line-height: 4rem;
	top: 100%;
	margin-top: 2rem;
	left: 0;
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 4px;
	/* padding: 1rem 10rem; */
	color: #707070;
	background: #FFF;
	transition: .2s all linear;
	font-size: 1.8rem;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy > img{
	vertical-align: bottom;
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy.copy-done{
	/* background: #DDDDDD; */
}
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy .balloon-copy-done{
	position: fixed;
	right: 0;
	left: 0;
	bottom: 12%;
	transform: translateY(-50%);
	background: #323232;
	color: #FFF;
	padding: 22px 22px;
	width: 100vw;
	font-size: 1.4rem;
	display: none;
	height: 7rem;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 1.5;
	text-align: center;
}

/* NJ-97760: Lesson request (requests_for_lessons.php) reskin — collapsed (13529-13844) + translate-expanded (13529-14636) states */
.page_requests_for_lessons.bg_black .page_inner > p:first-child {
	color: #999999;
}

.page_requests_for_lessons.bg_black .requests_inner .req_ttl {
	color: #999999;
	font-size: 1.2rem;
	font-weight: 500;
}

.page_requests_for_lessons.bg_black .requests_inner .request_other .req_ttl {
	color: #FFFFFF;
	font-size: 1.4rem;
	font-weight: 500;
}

.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .label_wrap {
	position: relative;
	margin: 0 1.5rem;
}

.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .select_label {
	color: #FFFFFF;
	font-size: 1.4rem;
	text-align: left;
	width: 100%;
}

/* The mobileSelect plugin hides the real <select> and inserts a generated
   <button class="btn btn-mobileSelect-gen"><span class="text">…</span><span class="caret"></span></button>
   as its sibling — that's the actually-visible field, so it needs the Figma Select
   styling directly (Figma node 13799-7919), not the inert .label_wrap/.select_label. */
.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .label_wrap button.btn-mobileSelect-gen {
	position: relative;
	background-color: transparent !important;
	color: #4D4D4D !important;
	border: 0.15rem solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 0.8rem !important;
	box-sizing: border-box;
	width: 100% !important;
	height: 4.4rem !important;
	padding: 0 3.6rem 0 1.6rem !important;
	margin-top: 0 !important;
	display: flex !important;
	align-items: center;
	text-align: left;
}

.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .label_wrap button.btn-mobileSelect-gen span.text {
	flex: 1 0 0;
	overflow: hidden;
	color: #4D4D4D;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
	font-size: 1.4rem;
}

.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .label_wrap button.btn-mobileSelect-gen span.text:after {
	display: none;
}

.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .label_wrap button.btn-mobileSelect-gen span.caret {
	border: none !important;
	width: 0;
	height: 0;
}

.page_requests_for_lessons.bg_black .requests_inner .request_wrap-select .label_wrap button.btn-mobileSelect-gen:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.2rem;
	transform: translateY(-50%);
	width: 2rem;
	height: 2rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23999999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
}

.page_requests_for_lessons.bg_black .requests_inner .request_3 {
	background-color: #000000;
	border: 0.1rem solid rgba(255, 255, 255, 0.1);
	border-radius: 1.2rem;
	box-sizing: border-box;
}

.page_requests_for_lessons.bg_black .requests_inner .translation_wrap {
	background-color: transparent;
	border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
	margin-top: 20px;
	padding: 0 1.5rem;
}

.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .trigger_open_translation {
	border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}

.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .input_wrap,
.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .result_wrap {
	border: 0.1rem solid rgba(255, 255, 255, 0.1);
	border-radius: 1.2rem;
}

.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .result_wrap {
	background: #232323;
	border-left: 0.1rem solid rgba(255, 255, 255, 0.1);
	box-shadow: none;
}

/* Figma node 13555-77: field padding/typography for the .input_jp textarea itself
   (the .input_wrap border/radius above is the visible "field" box; the textarea must
   sit flush and transparent inside it, not paint its own inset shadow/background). */
.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .input_wrap textarea {
	padding: 1.6rem;
	box-shadow: none;
	background-color: transparent !important;
	color: #FFFFFF;
	font-size: 1.4rem;
}

.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .input_wrap textarea::placeholder {
	color: #999999;
}

/* Figma node 13555-107: same field treatment for the translated-text result */
.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .translated_texts {
	background-color: #000000;
	color: #999999;
	padding: 1.6rem;
	font-size: 1.4rem;
}

/* Figma node 13555-128: caption text below the translate/copy buttons */
.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .translation-notice {
	color: #999999;
	font-size: 1.2rem !important;
	font-weight: 500;
	line-height: 1.25;
	/* .result_wrap's own margin-bottom (6.2rem, shared with .input_wrap) collapses through
	   .exchange_wrap into this sibling's margin-top, taking whichever is larger — this must
	   exceed 6.2rem to add any visible gap at all, not just 6.2rem + a little more. */
	margin-top: 7.6rem;
}

/* Figma nodes 13555-79 (btn-translate) / mirrored for btn-copy: Button component,
   variant Tertiary, size S — 12px medium label, #4d4d4d fill */
.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate,
.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy {
	background-color: #4D4D4D;
	color: #FFFFFF !important;
	border: none;
	border-radius: 9999px;
	height: 4.2rem;
	min-height: 4.2rem;
	line-height: 4.2rem;
	font-size: 1.2rem;
	font-weight: 500;
}

.page_requests_for_lessons.bg_black .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy .balloon-copy-done {
	color: #FFFFFF;
}

/* "保存" button (Figma node 13554-78): reverted to the orange fill as the default/resting
   look (previously #666666 to match the component's disabled-state instance) per explicit
   request — the page's JS still toggles a `.btn_green` class on #btn_submit once the user
   changes a field (see requests_for_lessons.php .on('change')/#request3 keyup handlers), but
   both states now render the same orange fill below.
   `!important` on color is required here: the button also carries `.text_white`, and both
   `.text_white` and the base `.btn_style` set `color:#fff !important` directly on this element,
   which silently wins over any non-important override regardless of selector specificity.
   `background` must be reset via the shorthand (not just `background-color`): the base
   `.btn_style` rule sets `background: linear-gradient(#fefefe, #d7d7d7)`, and that opaque
   gradient background-image paints over a `background-color`-only override, leaving the
   light-gray gradient visible underneath — the shorthand is required to actually clear it. */
.page_requests_for_lessons.bg_black #btn_submit.btn_submit {
	display: flex;
	height: 4.8rem;
	padding: 0 1.2rem;
	justify-content: center;
	align-items: center;
	gap: 0.8rem;
	line-height: normal;
	border-radius: 9999px;
	border: none;
	box-shadow: none;
	background: #F1890E;
	color: #FFFFFF !important;
}

.page_requests_for_lessons.bg_black #btn_submit.btn_submit.btn_green {
	background: #F1890E;
	color: #FFFFFF !important;
}

.page_requests_for_lessons.bg_black .ui_notice_list {
	color: #999999;
}

.page_requests_for_lessons.bg_black .ui_notice_list ul li {
	font-size: 1.2rem;
	font-weight: 500;
}
/* END NJ-97760 */

.page_wrap--campaign_limited_time .instagram_hashtags{
	border: 1px solid #da2f74;
	margin: 50px auto;
	text-align: center;
	max-width: 650px;
	width: auto;
}
.page_wrap--campaign_limited_time .instagram_hashtags h4{
	color: #fff;
	background: #da2f74;
	padding: 13px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_wrap--campaign_limited_time .instagram_hashtags ul{
	padding: 15px;
}
.page_wrap--campaign_limited_time .instagram_hashtags ul li{
	display: inline;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	white-space: nowrap;
}
.page_wrap--campaign_limited_time .instagram_hashtags ul li + li{
	margin-left: 10px;
}
.page_wrap--campaign_limited_time .instagram_hashtags ul li::before{
	content: '#';
}

/*ribbon*/
.ttl_ribbon {
	font-size: 16px !important;
	width: 50%;
	position: relative;
	background: #f1890e;
	color: #fff;
	text-align: center;
	padding: 1rem 2rem;
	margin: 0 auto;
}
.ttl_ribbon:before, .ttl_ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -1rem;
	border: 1.5rem solid #de7f0f;
	z-index: -1;
}
.ttl_ribbon:before {
	left: -3rem;
	border-right-width: 4.5rem;
	border-left-color: transparent;
}
.ttl_ribbon:after {
	right: -3rem;
	border-left-width: 4.5rem;
	border-right-color: transparent;
	z-index: -1 !important;
}
.ttl_ribbon .ttl_ribbon_content:before, .ttl_ribbon .ttl_ribbon_content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #bb6c0f transparent transparent transparent;
	bottom: -1rem;
}
.ttl_ribbon .ttl_ribbon_content:before {
	left: 0;
	border-width: 1rem 0 0 3rem;
}
.ttl_ribbon .ttl_ribbon_content:after {
	right: 0;
	border-width: 1rem 3rem 0 0;
}
/*ttl_oval*/
.ttl_oval{
	background-color: #004986;
	max-width: 15rem;
	margin: 0 auto;
	padding: 7px 0;
	border-radius: 50px;
}
.ttl_oval p{
	color: #fff;
	text-align: center;
}
/*campaign_summary*/
.page_wrap--campaign_limited_time .campaign_summary{
	border: 3px solid #f1890e;
	margin: 25px auto;
	text-align: center;
	max-width: 650px;
	width: auto;
}
.page_wrap--campaign_limited_time .campaign_summary h4{
	color: #fff;
	background: #f1890e;
	padding: 13px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_wrap--campaign_limited_time .campaign_summary .campaign_summary_desc{
	padding: 2rem;
}
.page_wrap--campaign_limited_time .campaign_summary .campaign_summary_desc .campaign_summary_detail{
	line-height: 1.5;
	margin-top: 3rem;
	background: #fff1e0;
	text-align: left;
	padding: 1.5rem;
}

/*--------------------------------------------*/
/*--------------- tb list new ----------------*/
/*--------------------------------------------*/
.tb_list_new {

}
.tb_list_new .tb_item_new {
	border-top: 1px solid #eee;
	box-sizing: border-box;
}
.tb_list_new .tb_item_new .tb_link {
	display: block;
	background-color: #fff;
	color: #555;
	transition: background-color 0.2s ease-in-out;
	box-sizing: border-box;
    padding: 0;
}
.tb_list_new .tb_item_new .tb_link:hover {
	background-color: #fffcee;
	box-sizing: border-box;
}
.tb_list_new .tb_item_new .tb_inner {
	display: flex;
	box-sizing: border-box;
	padding: 2.5rem 0 2.5rem 0.5rem;
	overflow-x: hidden;
	position: relative;
}
.tb_list_new .tb_item_new .tb_inner:after {
	content: '\f105';
	font-family: 'fontAwesome';
	display: block;
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	font-size: 3rem;
	color: #ccc;
}
.tb_list_new .tb_item_new .tb_inner .tb_icon_wrap {
	/*width: 20%;*/
	box-sizing: border-box;
}
.tb_list_new .tb_item_new .tb_inner .tb_icon_wrap .tb_icon {
	display: block;
	width: 7rem;
	height: 7rem;
	overflow: hidden;
	font-size: 0;
	margin: 0 auto;
}
.tb_list_new .tb_item_new .tb_inner .tb_icon_wrap .tb_icon img {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap {
	flex: 1;
	padding-left: 1rem;
	display: flex;
	align-items: center;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .tb_desc_inner {
	padding-right: 2rem;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .head {
	display: block;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .head .tb_ttl {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level {
	display: flex;
	flex: 1;
	margin-top: 0.6rem;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level dt,
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level dd {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	width: 8%;
    max-width: 1.3rem;
	height: 1.6rem;
	font-size: 1rem;
	line-height: 1;
	color: #fff;
	background-color: #cdcdcd;
	padding: 0 0.2rem;
	font-weight: normal;
	border-radius: 2px;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level dt {
	background-color: #545555;
	padding: 0 0.4rem;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level dd {
	margin-left: 0.4rem;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level dd + dd {
	margin-left: 0.4rem;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .level dd.on {
	background-color: #f1890e;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .desc_text {
	color: #555;
	margin-top: 0.5rem;
	font-size: 1.4rem;
	line-height: 1.4;
	word-break: break-all;
}
.tb_list_new .tb_item_new .tb_inner .tb_desc_wrap .head + .desc_text {
	margin-top: 1rem;
}
@media screen and (max-width: 374px) {
	.tb_list_new:not(.view_detail) .tb_item_new .tb_inner {
		padding-left: 0;
	}
}
/*------------- tb list new - detail view --------------*/
.tb_list_new.view_detail .tb_item_new {
	border: 1px solid #f5f5f5;
	border-radius: 6px;
	overflow: hidden;
}
.tb_list_new.view_detail .tb_item_new.no_bg {
	border: none;
}
.tb_list_new.view_detail .tb_item_new .tb_inner {
	background-color: #fffcee;
}
.tb_list_new.view_detail .tb_item_new.no_bg .tb_inner {
	background-color: transparent;
}
.tb_list_new.view_detail .tb_item_new .tb_inner .tb_desc_wrap .head .lesson_number {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #555;
	font-size: 1.4rem;
}
.tb_list_new.view_detail .tb_item_new .tb_inner .tb_desc_wrap .head .lesson_number:before {
	content: '\f02e';
	font-family: 'fontAwesome';
	margin-right: 0.5rem;
}
.tb_list_new.view_detail .tb_item_new .tb_inner:after {
	display: none;
}
.tb_list_new.view_detail .tb_item_new .tb_inner .tb_desc_wrap .tb_desc_inner {
	padding-right: 1rem;
}
/*------------- tb list new - detail view - recommend result --------------*/
.tb_list_new.view_detail.view_recommend_result .tb_item_new .tb_inner {
	padding: 1rem;
}
.tb_list_new.view_detail.view_recommend_result .tb_item_new .tb_inner .tb_desc_wrap .tb_desc_inner {
	padding: 0;
}
/*--------------------------------------------*/
/*------------ tb level table new ------------*/
/*--------------------------------------------*/
.tb_level_table_new {
	width: 100%;
	background-color: #fff;
}
.tb_level_table_new thead {
	background-color: #448aca;
	border: 1px solid #265480;
}
.tb_level_table_new thead th {
	width: 20%;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.5rem 0.5rem;
	box-sizing: border-box;
}
.tb_level_table_new thead th:not(:first-child) {
	border-left: 1px solid #265480;
}
.tb_level_table_new thead .cell_lv {
	box-sizing: border-box;
	width: 20%;
	min-width: 6.5rem;
}
.tb_level_table_new thead .cell_detail {
	width: auto;
}
.tb_level_table_new tbody {
	border-top: none;
	border-bottom: none;
	font-size: 1.2rem;
}
.tb_level_table_new tbody td {
	padding: 1rem;
	text-align: center;
}
.tb_level_table_new tbody .cell_lv {
	vertical-align: middle;
	border: 1px solid #666;
	border-top: none;
}
.tb_level_table_new tbody .cell_lv {
	background-color: #fff9f2;
}
.tb_level_table_new tbody .cell_score:not(.head) {
	font-size: 1.6rem;
}
.tb_level_table_new tbody .cell_score,
.tb_level_table_new tbody .cell_desc {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	vertical-align: middle;
}
.tb_level_table_new tbody .cell_score:last-child {
	border-right: 1px solid #666;
}
.tb_level_table_new tbody .cell_desc {
	border-right: 1px solid #666;
}
.tb_level_table_new tbody .cell_desc:not(.head) {
	border-bottom: 1px solid #666;
	padding: 2rem 1rem;
}
.tb_level_table_new tbody .cell_score.head,
.tb_level_table_new tbody .cell_desc.head {
	background-color: #fff9f2;
	font-weight: bold;
}
.tb_level_table_new .lv_icon {
	display: inline-flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 5rem;
	height: 5rem;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	overflow: hidden;
	border: #f49e39 2px solid;
	color: #f49e39;
	padding-top: 0.6rem;
}
.tb_level_table_new .lv_icon .lv_icon_inner {
	display: block;
	font-family: Helvetica;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1;
}
.tb_level_table_new .lv_icon .lv_icon_inner .lv_number {
	font-size: 2.6rem;
	font-weight: normal;
}
.tb_level_table_new .desc_list {
	text-align: left;
}
.tb_level_table_new .desc_list dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 1rem;
	line-height: 1.4;
}
.tb_level_table_new .desc_list dd {
	font-size: 1.2rem;
	line-height: 1.6;
}
.tb_level_table_new .btn_level_wrap {
	text-align: center;
	margin-top: 1rem;
}
.tb_level_table_new .btn_level_wrap .btn_level {
	min-width: 10rem;
	box-sizing: border-box;
	padding: 0 2rem;
}
.tb_level_table_new .btn_level_wrap .btn_level_number {
	font-size: 2rem;
	font-weight: bold;
}
/*campaign-3*/
.page_wrap--campaign_limited_time .sec .coin_desc p{
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.page_wrap--campaign_limited_time .sec .coin_desc .c_pink{
	color: #d22852;
}
.page_wrap--campaign_limited_time .sec .coin_desc .ic_down:after{
	font-size: 12rem;
	line-height: 4.5rem;
	margin-top: 1rem;
	margin-bottom: 2rem;
	color: #999999;
}

/*--------------------------------------------------------*/
/* details campaign_callan_ebook_free
/*--------------------------------------------------------*/
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .main_img_area .main_img{
	height: auto;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .heading_bar h3{
	display: inline-block;
	text-align: left;
	text-indent: -2rem;
	padding-left: 2rem;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc dt{
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: normal;
	color: #555;
	text-align: center;
	margin-bottom: 20px;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .usage_list_wrap .usage_list .list_box{
	border-radius: 10px;
	border: 2px solid #ccc;
	padding: 15px;
	padding: 1.5rem;
	box-sizing: border-box;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .usage_list_wrap .usage_list .list_box + .list_box{
	margin-top: 20px;
	margin-top: 2rem;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .usage_list_wrap .usage_list .list_box .step{
	background: #0b4c83;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 10px;
	padding: 1rem;
	text-align: center;
	box-sizing: border-box;
	border-radius: 40px;
	width: 150px;
	width: 15rem;
	margin: 0 auto 1.5rem;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .usage_list_wrap .usage_list .list_box .title{
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
	color: #0b4c83;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .usage_list_wrap .usage_list .list_box p + p{
	margin-top: 10px;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .notice_box.ui_notice_list ul li{
	font-size: 14px;
	font-size: 1.4rem;
}
.page_wrap--campaign_limited_time.campaign_callan_ebook_free .sec .campaign_desc .notice_box.ui_notice_list ul li + li{
	margin-top: 10px;
}
.page_wrap--campaign_limited_time .sec .coin_desc picture{
	display: block;
	text-align: center;
}
.page_wrap--campaign_limited_time .sec .coin_desc picture img{
	width: 100%;
	max-width: 500px;
}
.stamp_rally{
	background: #8FCEFD;
	padding:4rem 1.6rem;
	max-width: 40rem;
	margin: 0 auto;
}
.stamp_rally .heading{
	color: #fff;
	font-weight: bold;
	margin-bottom: 2rem;
	text-align: center;
	padding: 1rem;
	background-color: #002077;
}
.stamp_rally .heading_logo{
	width: 40%;
	margin: 0 auto;
}
.stamp_rally .heading_logo img{
	width: 100%;
}
.stamp_rally .heading2{
	color: #002077;
	font-weight: bold;
	width: fit-content;
	margin: 1rem auto;
	border-bottom: 3px solid #002077;
}
.stamp_rally .period{
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	margin-bottom:2rem;
}
.stamp_rally .period span{
	color: #D92A28;
	font-size: 1.8rem;
	margin:0 0.4rem;
}
.stamp_rally .progress{
	margin-bottom: 1rem;
	background:#fff;
	border-radius:5px;
}
.stamp_rally .progress p{
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
.stamp_rally .progress p span{
	color: #D92A28;
	font-size: 2.5rem;
	margin:0 0.8rem;
}
.stamp_rally .cource{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.stamp_rally .cource:nth-child(even){
	flex-direction: row-reverse;
}
.stamp_rally .cource + .cource {
	margin-top: 1.5rem;
}
.stamp_rally .cource + .cource .cource-item:first-child::before{
	content: "";
	display: block;
	width: 1rem;
	height: 1.5rem;
	background: #002077;
	position: absolute;
	top: -1.5rem;
	left: 50%;
	margin-left: -0.5rem;
}
.stamp_rally .cource + .cource .cource-item.two_col:first-child::before{
	left: 17%;
}
.stamp_rally .cource .cource-item{
	width: 100%;
	position: relative;
}
.stamp_rally .cource .img_box{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.stamp_rally .cource .img_box img{
	display: block;
	width: 8rem;
	height:8rem;
	margin:0 auto;
}
.stamp_rally .cource .cource-item.two_col{
	width: 200%;
}
.stamp_rally .cource .cource-item.two_col .lesson_box{
	width:95%;
}
.stamp_rally .cource .cource-item .lesson_box{
	width: 90%;
	margin:0 auto;
	border: solid 2px #002077;
	box-sizing: border-box;
}
.stamp_rally .cource .cource-item + .cource-item .lesson_box::before{
	content: "";
	display: block;
	width: 10%;
	height: 1rem;
	background: #002077;
	position: absolute;
	top: 50%;
	right: auto;
	left: -5%;
}
.stamp_rally .cource:nth-child(even) .cource-item + .cource-item .lesson_box::before{
	content: "";
	display: block;
	width: 10%;
	height: 1rem;
	background: #002077;
	position: absolute;
	top: 50%;
	left: auto;
	right: -5%;
}
.stamp_rally .cource:nth-child(even) .cource-item + .cource-item.two_col .lesson_box::before{
	width: 10%;
}
.stamp_rally .cource .cource-item .lesson_box .box_head{
	color: #fff;
	background: #002077;
	text-align: center;
	padding:0.4rem;
}
.stamp_rally .cource .cource-item .lesson_box .box_body{
	font-size:1.4rem;
	padding:1rem 0;
	background: #fff;
	position: relative;
	z-index: 5;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.off::after{
	content: '100コイン\AGET!';
	white-space: pre;
	line-height: 1.5;
	display: block;
	color: #CCCCCC;
	font-size:1.4rem;
	font-weight: bold;
	text-align: center;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.on::before{
	content: '';
	display: block;
	max-width: 100%;
	width:4.2rem;
	height: 4.2rem;
	background-image: url(../../images/campaign/coin_stamp/coin.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.stamp_rally .cource .cource-item .lesson_box .box_body img{
	display: block;
	max-width: 100%;
	width:4.2rem;
	height: 4.2rem;
	margin: 0 auto;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal{
	display: flex;
	align-items: center;
	justify-content: center;
}
.stamp_rally .cource .cource-item.two_col .lesson_box .box_body.goal.off::before{
	content: '';
	display: block;
	max-width: 100%;
	width:4.2rem;
	height: 4.2rem;
	background-image: url(../../images/campaign/coin_stamp/goal.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin:0 2rem 0 0;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal.off::after{
	content: '500コイン\AGET!';
}
.stamp_rally .cource .cource-item.two_col .lesson_box .box_body.goal.on::before{
	background-image: url(../../images/campaign/coin_stamp/finish.png);
	width: 11.2rem;
}

.stamp_rally .cource .cource-item .lesson_box .box_body.goal.on::before{
	background-image: url(../../images/campaign/coin_stamp/finish.png);
	width: 9rem;
}
/*--------------------------------------------------------*/
/* campaign_halloween
/*--------------------------------------------------------*/
.page_wrap--campaign_halloween {
	background: #FFF;
	color: #555;
	font-family: Noto Sans JP;
}
.page_wrap--campaign_halloween .sec p.t_color-red{
    color: #ED1212;
    font-size: 1.4rem;
    padding-left: 1.5rem;
    text-indent:-1.5rem;
}
.page_wrap--campaign_halloween .sec .ui_notice_list{
    background: #F5F5F5;
    padding: 1.5rem;
}
.page_wrap--campaign_halloween .sec.halloween_result{
	padding: 4rem 0 0;
}
.page_wrap--campaign_halloween .sec.halloween_result .page_header{
	margin-bottom: 4rem;
}
.page_wrap--campaign_halloween .sec.halloween_result .page_header .page_ttl{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.4rem;
}
.page_wrap--campaign_halloween .sec.halloween_result .page_header .page_desc{
	font-size: 1.8rem;
	padding: 2rem;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking{
	padding:0 1.4rem;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list{
	max-width: 30rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 auto;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item{
	border: solid 2px #F9A31C;
	padding: 1.6rem;
	border-radius: 1rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
	position: relative;
}

.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item:nth-child(even){
	color: #fff;
	background: #0A0404;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .ribbon{
	position: absolute;
	top: 0;
	right: 0;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 1rem;
	/* padding-bottom: 1rem;
	border-bottom: solid 2px #F9A31C; */
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank{
	font-size: 1.5rem;
	flex-shrink: 0;
	text-align: center;
	position: absolute;
	top: -20px;
	left: -15px;
	padding: 0.6rem 1.3rem;
	border-radius: 50%;
	border: solid 2px #F9A31C;
	background: #fff;
	color: #555555;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank.first{
	background: #e6b422;
	color: #fff;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank.second{
	background: #C0C0C0;
	color: #fff;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank.third{
	background: #C47022;
	color: #fff;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .thumbnail{
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	border:solid 2px #F9A31C;
	box-sizing: border-box;
	margin-right: 1.4rem;
	overflow: hidden;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .thumbnail img{
	display: block;
	width: 100%;
	max-width: 100%;
	object-fit: contain;;
	margin:0 auto;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .profile{
	/* padding-left: 2rem; */
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .profile .name{
	font-size: 1.6rem;
	font-weight: bold;
	/* margin-bottom: 1rem; */
	width: 15rem;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .teacher .profile .ruby{
	font-size:1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 15rem;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .post .comment{
	font-size: 1.4rem;
    margin-bottom: 2rem;
    width: 100%;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .post .comment p + p{
	margin-top: 1em;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .post .image{
    width: 100%;
    flex-shrink: 0;
    border: solid 2px #F9A31C;
}
.page_wrap--campaign_halloween .sec.halloween_result .ranking .ranking_list .list-item .post .image img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
    object-fit: contain;
}
.page_wrap--campaign_halloween .campaign_desc_flow{
	border: 0 !important;
}
.page_wrap--campaign_halloween .trial_area .balloon{
    color: #f1890e;
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.0rem;
}
.page_wrap--campaign_halloween .trial_area .balloon:before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
    background: url(/images/index/ver_3/balloon_l.png) no-repeat;
    background-size: contain;
}
.page_wrap--campaign_halloween .trial_area .balloon:after {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
    background: url(/images/index/ver_3/balloon_r.png) no-repeat;
    background-size: contain;
}
.page_wrap--campaign_halloween .trial_area .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--campaign_halloween .trial_area .action .button_trial{
    display: block;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f1890e;
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    box-shadow: 0px 6px 0px 0px #c16e0b;
    box-sizing: border-box;
}
.page_wrap--campaign_halloween .sec .notice {
    width: 100%;
    padding: 2rem;
    background: #f5f5f5;
    box-sizing: border-box;
	font-size: 1.4rem;
}
.page_wrap--campaign_halloween .sec .notice .notice_ttl{
    font-weight: bold;
    margin-bottom: 0.8rem;
}
.page_wrap--campaign_halloween .sec .notice .notice_list .list-item{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap--campaign_halloween .sec .step .detail{
    width: 100%;
}
.page_wrap--campaign_halloween .sec .step .detail .text{
    font-size: 2.2rem;
	color: #004986;
}
.page_wrap--campaign_halloween .sec .step .detail .text p strong{
    font-size: 1.7rem !important;
    font-weight: bold;
}
.page_wrap--campaign_halloween .action{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0 0rem;
}
.page_wrap--campaign_halloween .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--campaign_halloween .action .button_instagram{
    color: #fff;
    background: #da2f74;
    font-size: 1.6rem;
    font-weight: bold;
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #a12356;
    border: none;
    text-align: center;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap{
    display: flex;
    align-items: normal;
    justify-content: center;
    margin: 2rem;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box{
	text-align: center;
    position: relative;
    min-width: 95px;
    display: block;
    margin: 0px 13px;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap li:not(:last-child)::after{
	background-image: url(/images/campaign/halloween/arrow.svg);
    background-size: 11px 24px;
    display: inline-block;
    width: 11px;
    height: 24px;
    content: "";
    position: absolute;
    left: 109%;
    top: 19%;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_inner{
	border: 1px #FFC581 solid;
    background: #FFF5E9;
    padding: 1.3rem;
    padding-top: 2.5rem;
	padding-bottom: 1.7rem;
    margin-bottom: 1rem;
    height: 3rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #F1890E;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_text{
   text-align: center;
   font-size: 1.4rem;
   font-weight: bold;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_text.d_format{
	width: 55px;
	margin: 0 auto;
	line-height: 18px;
}
.page_wrap--campaign_halloween .sec .ranking_wrap{
    display: flex;
    justify-content: space-between;
}
.page_wrap--campaign_halloween .sec .ranking_wrap .ranking{
	width: 100%;
	border: 1px solid #E83936;
}
.page_wrap--campaign_halloween .ranking.top_ranking{
    display: none;
    margin-top: 10rem;
}
.page_wrap--campaign_halloween .ranking .ranking_head{
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 1rem;
	background-color: #F1890E;
}
.page_wrap--campaign_halloween .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.page_wrap--campaign_halloween .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -5px 15px;
    background-image: url('/images/campaign/sixth_anniv_3/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.page_wrap--campaign_halloween .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.page_wrap--campaign_halloween .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.page_wrap--campaign_halloween .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1890E;
	padding: 0.8rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_head .table_ttl {
	width: 50%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	color: #555555;
	box-sizing: border-box;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    position: relative;
    width: 27%;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
	flex: 1
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 1rem 0 1rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body + .table_body {
    border-top-width: 0;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.2rem;
    font-weight: bold;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body.first {
    color: #FDAC2F;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body.second {
    color: #999999;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body.third {
    color: #B1602E;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body.lead {
    padding: 2rem 0;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
	width: 27%
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank,
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_coin{
    font-size: 1.2rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 9rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.4rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    background:#999999;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    background:#555555;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank figure img{
    height: 32px;
    width: 32px;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_coin{
	flex: 1;
	text-align: center;
	margin: auto;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #FFAC2F
}
.page_wrap--campaign_halloween .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body.selected{
    color: #fff;
    background: #699CF3;
}
.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.page_wrap--campaign_halloween .fa-instagram:before {
    content: "\f16d";
    margin-right: 1rem;
}
.page_wrap--campaign_halloween .detail .method_list .list-item p{
	margin: 2rem 0rem;
    font-size: 1.6rem;
}
.page_wrap--campaign_halloween .detail .method_list .list-item figure{
	text-align: center;
}
.page_wrap--campaign_halloween .detail .hashtag{
    margin: 2.5rem auto;
    padding: 2.4rem;
    border: 1px solid #000;
	color: #707070;
}
.page_wrap--campaign_halloween .detail .hashtag .tag_list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 2.4rem;
}
.page_wrap--campaign_halloween .detail .hashtag .tag_list .list-item{
	color: #333333;
    font-size: 1.4rem;
    font-weight: bold;
    width: 26rem;
}
.page_wrap--campaign_halloween .detail .hashtag .tag_list .list-item + .list-item{
    margin-top: 1rem;
}
.page_wrap--campaign_halloween .detail .hashtag .button_copy{
    color: #fff;
    background: #f1890e;
    font-size: 1.6rem;
    font-weight: bold;
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #c16e0b;
    border: none;
    text-align: center;
}
.page_wrap--campaign_halloween .step .detail .button_orange{
	color: #fff;
    background: #f1890e;
    font-size: 1.6rem;
    font-weight: bold;
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #c16e0b;
    border: none;
    text-align: center;
}
.page_wrap--campaign_halloween .step .detail .apply{
    font-size: 1.4rem;
}
.page_wrap--campaign_halloween .step .action .button_apply{
    color: #fff;
    background: #03c9a9;
    font-size: 1.6rem;
    font-weight: bold;
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #03a98e;
    border: none;
    text-align: center;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget {
	background-color: #0a0404;
	border-bottom: 0.3rem solid #0a0404;
	width: 100%;
	margin: 0 auto;
	display: block;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area{
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail,
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail + .instawidget_thumbnail{
	border: 0.3rem solid #0a0404;
	width: 31%;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail img{
	width: 100%;
	display: block;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area_result{
    padding: 2rem;
    border-radius: 1rem;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area_result .teacher{
	border: #bebebe 2px solid;
    border-radius: 7px;
    padding: 3rem;
    width: 90%;
    margin: 0 auto;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area_result .teacher .teacher_thumbnail{
	border-bottom: #bebebe 2px solid;
    padding-right: 3rem;
	display: flex;
    justify-content: space-around;
    align-items: center;
}
.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area_result .teacher .teacher_thumbnail .thumbnail img{
	width: 10rem;
    height: 10rem;
    border: #bebebe 2px solid;
    border-radius: 50%;
}

.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area_result .teacher .comment{
	border-bottom: #bebebe 2px solid;
    padding-right: 3rem;
    padding-left: 3rem;
	margin-bottom: 3rem;
}

.page_wrap--campaign_halloween .page_inner .sec .instawidget .instawidget_area_result .teacher .instawidget_thumbnail{
	padding-left: 3rem;

}
.page_wrap--campaign_limited_time .heading_bar.halloween {
	background: #0a0404;
	color: #f9a31c;
}

.page_wrap--campaign_limited_time .ttl.halloween {
	background: #0a0404;
	color: #f9a31c;
	width: 100%;
	padding: 1.3rem 0 1rem;
	display: flex;
	justify-content: center;
}
.page_wrap--campaign_limited_time .ttl.halloween img{
	display: block;
	width: 2rem;
	height: 2rem;
}
.page_wrap--campaign_limited_time .ttl.halloween .t_center{
	margin-right: 1rem;
	margin-left: 1rem;
}
.page_wrap--campaign_limited_time .heading_bar.purple{
	background: #3c1e6b;
}
.page_wrap--campaign_limited_time .sec .campaign_desc.campaign_desc_flow dt .step.purple{
	background: #3c1e6b;
}
.page_wrap--campaign_limited_time .sec .campaign_desc.campaign_desc_flow .purple{
	color: #3c1e6b;
}
.page_wrap--campaign_limited_time .heading_bar.halloween {
	background: #0a0404;
	color: #f9a31c;
}
.page_wrap--campaign_limited_time .ttl.halloween {
	background: #0a0404;
	color: #f9a31c;
	width: 24rem;
	padding: 1rem;
	margin: 0 auto;
}

/* @media screen and (max-width : 530px){
	.page_wrap--campaign_halloween .t_nowrap {
		font-size: 1.6rem;
	}
	.page_wrap--campaign_halloween p {
		font-size: 1.4rem;
	}

	.page_wrap--campaign_halloween .btn_wrap {
		display: block !important;
		padding: 0 !important;
	}

	.page_wrap--campaign_halloween .sec .ui_notice_list{
		margin: 0;
	}

	.page_wrap--campaign_limited_time .sec {
		padding: 1rem 2rem 2rem;
	}

	.page_wrap--campaign_halloween .btn_wrap .btn_style.style_campaign.btn_green {
		font-size: 1.6rem !important;
		padding: 1rem;
		line-height: 30px;
		height: 5rem;
		box-sizing: border-box;
		border-radius: 7px;
		width: 100%;
		max-width: 335px;
		text-shadow: none;
		border: none !important;
		background: #03c9a9;
		box-shadow: 0 4px 0 0 #21a086;
		min-width: 0;
	}

	.page_wrap--campaign_halloween .btn_wrap .btn_style.style_campaign {
		font-size: 1.6rem !important;
		padding: 1rem;
		line-height: 30px;
		height: 5rem;
		box-sizing: border-box;
		border-radius: 7px;
		width: 100%;
		max-width: 335px;
		text-shadow: none;
		border: none !important;
		min-width: unset;
	}

	.page_wrap--campaign_halloween .heading_bar h3 {
		font-size: 1.6rem !important;
	}

	.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_inner {
		display: block;
		line-height: 7rem;
		height: 7rem;
		padding: 0px 1rem;
	}

	.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body {
		display: flex;
		align-items: center;
		padding: 1rem 1rem;
	}

	.page_wrap--campaign_halloween .ranking .ranking_body .ranking_table .table_body.lead {
		padding: 2rem 1rem;
	}

	.page_wrap--campaign_halloween .sec .campaign_desc.campaign_desc_flow dt .step,
	.page_wrap--campaign_halloween .sec .campaign_desc dt {
		font-size: 1.6rem;
	}

	.page_wrap--campaign_halloween .ranking .ranking_head {
		padding: 1rem 0;
	}

	.page_wrap--campaign_halloween .detail .hashtag .tag_list .list-item {
		word-break: break-all;
		width: 100%;
	}

	.page_wrap--campaign_halloween .detail .hashtag {
		margin: 1.5rem auto;
		padding: 2rem 1rem;
	}

	.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_inner {
		font-size: 1rem;
		line-height: 14px;
		height: auto;
		padding: 3rem 0 2rem;
		min-height: 35px;
	}
	.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box {
		min-width: unset;
		width: 100%;
		display: inline-block;
		vertical-align: top;
		max-width: 65px;
		margin: 0 1rem;
		min-height: 150px;
	}
	.page_wrap--campaign_halloween .sec .flow_mechanics_wrap {
		display: block;
		margin: 2rem auto;
		text-align: center;
	}

} */

@media screen and (max-width : 280px){
	.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_inner {
		font-size: 8px;
	}
}

/*campaign_halloween modal */
.modal_window.dialog.dialog_apply_halloween {
	border:none;
	background: #0a0404;
	width: 88%;
}
.modal_window.dialog.dialog_apply_halloween img{
	width: 100%;
	margin: 0 auto;
}
.border_ccc{
	border: 2px solid #ccc;
	margin: 1rem;
}
.modal_window .btn_close.halloween{
	background: none;
	top: -18px;
    right: -9px;
}
.modal_window .btn_close.halloween:before {
	content: "";
	width: 37px;
	height: 37px;
	background: url('../images/common/btn-close.svg') no-repeat center;
	background-size: contain;
}
/*halloween_report*/
.page_wrap--campaign_halloween .halloween_report .sec.halloween_result .insta_ttl{
	position: relative;
}
.page_wrap--campaign_halloween .halloween_report .insta_ttl::before{
    background-image: url('/images/campaign/halloween/bar_before.svg');
    background-size: 25px 50px;
    display: inline-block;
    width: 25px;
    height: 50px;
    content: "";
    position: absolute;
    margin-top: -16px;
    margin-left: -38px;
}
.page_wrap--campaign_halloween .halloween_report .insta_ttl::after{
    background-image: url('/images/campaign/halloween/bar_after.svg');
    background-size: 25px 50px;
    display: inline-block;
    width: 25px;
    height: 50px;
    content: "";
    position: absolute;
    margin-top: -16px;
    margin-left: 7px;
}
.c_black_h{
	color: #0a0404;
}
.page_wrap--campaign_halloween_report .halloween_report{
	background: #0a0404;
	color:#fff;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget {
	color: #fff;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area {
	display: flex;
	flex-wrap: wrap;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail,
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail + .instawidget_thumbnail {
	margin-right: auto;
	margin-bottom: 1rem;
	width: 31%;
	border: #F9A31C 2px solid;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail:nth-child(3n){
	margin-right: 0;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail img{
	width: 100%;
	display: block;
}
/*halloween_report*/
.page_wrap--campaign_halloween .halloween_report .sec.halloween_result .insta_ttl{
	position: relative;
}
.page_wrap--campaign_halloween .halloween_report .insta_ttl::before{
    background-image: url('/images/campaign/halloween/bar_before.svg');
    background-size: 25px 50px;
    display: inline-block;
    width: 25px;
    height: 50px;
    content: "";
    position: absolute;
    margin-top: -16px;
    margin-left: -38px;
}
.page_wrap--campaign_halloween .halloween_report .insta_ttl::after{
    background-image: url('/images/campaign/halloween/bar_after.svg');
    background-size: 25px 50px;
    display: inline-block;
    width: 25px;
    height: 50px;
    content: "";
    position: absolute;
    margin-top: -16px;
    margin-left: 7px;
}
.page_wrap--campaign_halloween .accordion-wrap{
	border-radius: 22px;
	overflow: hidden;
	box-shadow: 0px 5px 0 #A12356;
}
.page_wrap--campaign_halloween .accordion-wrap.on{
	box-shadow: none;
}
.page_wrap--campaign_halloween .accordion-wrap .bar-title{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: #DA2F74;
	width: 100%;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	border-radius: 22px 22px 0 0;
}
.page_wrap--campaign_halloween .accordion-wrap .bar-title .title-text{
	position: relative;
}
.page_wrap--campaign_halloween .accordion-wrap .bar-title .title-text:after{
	content: "";
	display: block;
	width: 14px;
	height: 8px;
	background: url('../../images/common/chevron-down-solid-white.svg') no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -46px;
	transition: .2s all linear;
}
.page_wrap--campaign_halloween .accordion-wrap.on .bar-title .title-text:after{
	transform: translateY(-50%) scale(1, -1);
}
.page_wrap--campaign_halloween .accordion-wrap .accordion-contents{
	display: none;
	border-radius: 0 0 22px 22px;
	padding: 20px 15px 30px;
	background: #F5F5F5;
	color: #555555;
}
.page_wrap--campaign_halloween .sec img.copy-done{
	width: 26px;
}
.c_black_h{
	color: #0a0404;
}
.c_purple{
	color: #3C1E6B;
}
.page_wrap--campaign_halloween_report .halloween_report{
	background: #0a0404;
	color:#fff;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget {
	color: #fff;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area {
	display: flex;
	flex-wrap: wrap;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail,
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail + .instawidget_thumbnail {
	margin-right: auto;
	margin-bottom: 1rem;
	width: 31%;
	border: #F9A31C 2px solid;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail:nth-child(3n){
	margin-right: 0;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail img{
	width: 100%;
	display: block;
}
/*halloween_report*/
.page_wrap--campaign_halloween .halloween_report .sec.halloween_result .insta_ttl{
	position: relative;
}
.page_wrap--campaign_halloween .halloween_report .insta_ttl::before{
    background-image: url('/images/campaign/halloween/bar_before.svg');
    background-size: 25px 50px;
    display: inline-block;
    width: 25px;
    height: 50px;
    content: "";
    position: absolute;
    margin-top: -16px;
    margin-left: -38px;
}
.page_wrap--campaign_halloween .halloween_report .insta_ttl::after{
    background-image: url('/images/campaign/halloween/bar_after.svg');
    background-size: 25px 50px;
    display: inline-block;
    width: 25px;
    height: 50px;
    content: "";
    position: absolute;
    margin-top: -16px;
    margin-left: 7px;
}
.c_black_h{
	color: #0a0404;
}
.c_purple{
	color: #3C1E6B;
}
.page_wrap--campaign_halloween_report .halloween_report{
	background: #0a0404;
	color:#fff;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget {
	color: #fff;
    width: 100%;
    margin: 0 auto;
    display: block;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area {
	display: flex;
	flex-wrap: wrap;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail,
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail + .instawidget_thumbnail {
	margin-right: auto;
	margin-bottom: 1rem;
	width: 31%;
	border: #F9A31C 2px solid;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail:nth-child(3n){
	margin-right: 0;
}
.page_wrap--campaign_halloween_report .page_inner .sec .instawidget .instawidget_area .instawidget_thumbnail img{
	width: 100%;
	display: block;
}

/*halloween_vote*/
.page_inner.halloween_report {
    overflow: hidden;
}


.page_wrap--campaign_halloween .sec-div {
	display: flex;
	row-gap: 20px;
	flex-wrap: wrap;
	margin: 30px auto 40px;
	padding: 0 20px;
}

.page_wrap--campaign_halloween .sec-div a {
	position: relative;
	width: 800px;
	max-width: 100%;
	border: 2px solid #333333;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	line-height: 26px;
	padding: 10px 28px 10px 15px;
}

.page_wrap--campaign_halloween .sec-div a span::after {
	content: '';
	width: 23px;
	height: 13px;
	background: url('/images/campaign/halloween/chevron-down-solid.svg') no-repeat center;
	background-size: 14px 8px;
	position: absolute;
	right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.page_wrap--campaign_limited_time.page_wrap--campaign_halloween .sec {
	padding: 2rem;
}

.page_wrap--campaign_halloween .about-sect h3 {
	font-size: 1.6rem;
	line-height: 23px;
	font-weight: 700;
	border-left: 4px solid #3C1D6B;
	padding-left: 8px;
	color: #3C1D6B;
}

.page_wrap--campaign_halloween .desc p {
	margin: 0 0 10px !important;
}

.page_wrap--campaign_halloween p.ui_notice.listmark_1.f_red {
	color: #FF0000;
}

.page_wrap--campaign_halloween .lh_23 {
	line-height: 23px !important;
}

.page_wrap--campaign_halloween .bottom-cont {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 30px 15px;
    position: relative;
    margin-top: 40px;
}

.page_wrap--campaign_halloween .bottom-cont .img-cont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.page_wrap--campaign_halloween .bottom-cont h3 {
    background: #FFFFFF;
    display: block;
    width: max-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -9px;
    padding: 0 16px;
	font-size: 1.6rem;
	font-weight: 700;
}

.page_wrap--campaign_halloween .bottom-cont .info-cont {
    margin: 0 auto;
}

.page_wrap--campaign_halloween .bottom-cont .info-cont img {
    margin: 0 auto;
    display: block;
}
.page_wrap--campaign_halloween .campaign_desc_flow dt {
	display: block;
}

.page_wrap--campaign_limited_time.page_wrap--campaign_halloween p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.page_wrap--campaign_limited_time.page_wrap--campaign_halloween p.indent{
	text-indent: -1em;
    padding-left: 1em;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_halloween .campaign_desc.campaign_desc_flow .purple{
	font-size: 1.5rem
}
.page_wrap--campaign_limited_time.page_wrap--campaign_halloween .campaign_desc.campaign_desc_flow {
	padding: unset;
}

.page_wrap--campaign_halloween .bottom-cont .daily_news_data_list_2 li {
	width: 100%;
}

/*--------------------------------------------------------*/
/*pointdetails*/
/*--------------------------------------------------------*/
/*coin_expiration_date*/
.coin_expiration_date{
	padding: .8rem 0 5rem;
}
.coin_expiration_date .existing_coin_ttl{
	font-size: 1.6rem;
	padding: 1rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	margin: 0 2rem .8rem;
	background: #FFF;
	border: #DDDDDD 1px solid;
	border-radius: 4px;
}
.coin_expiration_date .existing_coin_ttl em{
	color: #16a8b5;
	font-weight: bold;
}
.coin_expiration_date .exisiting_coin_sub{
	background-color: #555555;
	color: #fff;
	height: 45px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	font-size: 1.4rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.coin_expiration_date .expiration_date_summary{
	/* border: 1px solid #555555; */
	font-size: 1.5rem;
}
@media screen and (max-width:325px) {
	.coin_expiration_date .expiration_date_summary{
	font-size: 1.2rem;}
}
.coin_expiration_date .coin_expiration_details {
	padding: 0 2rem;
}
.coin_expiration_date .coin_expiration_details table{
	margin: 0 auto;
	width: 100%;
}
.coin_expiration_date .coin_expiration_details table.coin_name,
.coin_expiration_date .coin_expiration_details table.title{
	width: calc(100% - 4rem);
	margin-bottom: .4rem;
}
.coin_expiration_date .coin_expiration_details table.title{
	margin-bottom: .6rem
}
.coin_expiration_date .coin_expiration_details th,
.coin_expiration_date .coin_expiration_details td{
}
.coin_expiration_date .coin_expiration_details .coin_name td{
	font-weight: bold;
}
.coin_expiration_date .coin_expiration_details .coin_name th{
	font-weight: bold;
	width: 50%;
	text-align: left;
}
.coin_expiration_date .coin_expiration_details .coin_breakdown tr + tr{
	border-top: #DDDDDD 1px solid;
}
.coin_expiration_date .coin_expiration_details .coin_name td{
	text-align: right;
}
.coin_expiration_date .coin_expiration_details .coin_breakdown th{
	font-weight: normal;
	width: 35%;
	text-align: left;
	padding: 14px 0;
}
.coin_expiration_date .coin_expiration_details .coin_kinds{
}
.coin_expiration_date .coin_expiration_details .coin_kinds.paid_coin{
	margin-top: 1.6rem;
	padding-bottom: 1.6rem;
	border-bottom: 1px solid #DDDDDD;
}
.coin_expiration_date .coin_expiration_details .coin_breakdown td{
	text-align: right;
}
.coin_expiration_date .coin_expiration_details p {
	margin-bottom: 1rem;
	padding-left: 4rem;
}
.coin_expiration_date .reffer_coin_expiration{
	font-size: 1.4rem;
	text-align: center;
	padding: 2rem 0 0;
}
.coin_expiration_date .coin_expiration_details .coin_breakdown_wrap{
	background: #FFF;
	border: #DDDDDD 1px solid;
}
.coin_expiration_date .coin_expiration_details .scrollable_table{
	overflow: scroll;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 174px;
	padding: 0 1.4rem 0 2rem;
	margin: 1px 2px 1px 0;
}
.coin_expiration_date .coin_expiration_details .scrollable_table::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 4px;
}
.coin_expiration_date .coin_expiration_details .scrollable_table::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,0.4);
	box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

/*--------------------------------------------------------*/
/*pointdetails*/
/*--------------------------------------------------------*/
/*coin_expiration_date*/
.existing_coin_ttl{
	font-size: 2.5rem;
	padding-bottom: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}
.existing_coin_ttl em{
	color: #16a8b5;
	font-weight: bold;
}
.exisiting_coin_sub{
	background-color: #555555;
	color: #fff;
	height: 45px;
	width: 400px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.expiration_date_summary{
	/* border: 1px solid #555555; */
	font-size: 1.5rem;
}
.coin_expiration_details table{
	margin: 0 auto;
	width: 90%;
}
.coin_expiration_details th,
.coin_expiration_details td{
}
.coin_expiration_date .coin_expiration_details .coin_name th{
font-weight: bold;
}

.coin_expiration_date .coin_expiration_details th{
	width: 50%;
	text-align: left;
}
.coin_expiration_date .coin_expiration_details .coin_name td{
	font-weight: bold;
	text-align: right;
}
.coin_expiration_details .coin_name td{
	font-weight: bold;
}
.coin_expiration_details .coin_breakdown th{
	font-weight: normal;
	width: 35%;
	text-align: left;
}
.coin_expiration_details .coin_kinds{
}
.coin_expiration_details .coin_kinds.paid_coin{
	border-bottom: 1px solid #555555;
}
.coin_expiration_details .coin_breakdown td{
	text-align: right;
}
.coin_expiration_details p {
	margin-bottom: 1rem;
	padding-left: 4rem;
}
.reffer_coin_expiration{
	font-size: 1.4rem;
	text-align: center;
	padding-top: 2rem;
}
/*--------------------------------------------------------*/
/* campaign_christmas2018
/*--------------------------------------------------------*/
.page_wrap--campaign_christmas .heading_bar{
	background: #0e6a33;
}
.page_wrap--campaign_christmas .container .christmas_card{
    background: url(../images/campaign/christmas/2018/luckynumber_card.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding-top: 69.2%;
    position: relative;
    margin: 0 auto;
}
.page_wrap--campaign_christmas .container .christmas_card .lesson{
	position: absolute;
	top: 69.5%;
	left: 50%;
	-webkit-transform: translateY(-50%,-50%);
	-ms-transform: translateY(-50%,-50%);
	transform: translate(-50%,-50%);
	display: flex;
}
.page_wrap--campaign_christmas .container .christmas_card .lesson dt{
    font-size: 1.8rem;
    text-align: center;
    border-bottom: solid 1px #555;
	margin-bottom: 1.4rem;
	padding: 0 0 0.2rem;
	font-weight: bold;
}
.page_wrap--campaign_christmas .container .christmas_card .lesson dd{
	font-size: 2rem;
    line-height: 1;
	text-align: center;
	font-weight: bold;
}
.page_wrap--campaign_christmas .container .christmas_card .lesson dd .length{
	font-size: 4.2rem;
	margin-right: 1rem;
	color: #0e6a33;
}
@media screen and (max-width : 412px){
	.page_wrap--campaign_christmas .container .christmas_card .lesson dt{
		font-size: 1.6rem;
	}
}
@media screen and (max-width : 375px){
	.page_wrap--campaign_christmas .container .christmas_card .lesson dt{
		font-size: 1.5rem;
	}
	.page_wrap--campaign_christmas .container .christmas_card .lesson dd{
		font-size: 1.7rem;
	}
	.page_wrap--campaign_christmas .container .christmas_card .lesson dd .length{
		font-size: 3.9rem;
	}
}
@media screen and (max-width : 320px){
	.page_wrap--campaign_christmas .container .christmas_card .lesson dt{
		font-size: 1.3rem;
		margin-bottom: 1rem;
	}
	.page_wrap--campaign_christmas .container .christmas_card .lesson dd{
		font-size: 1.5rem;
	}
	.page_wrap--campaign_christmas .container .christmas_card .lesson dd .length{
		font-size: 3.6rem;
	}
}
/* color */
.page_wrap--campaign_christmas .christmas_red{
    color: #a00605;
}
.page_wrap--campaign_christmas .christmas_green{
    color: #0e6a33;
}
.page_wrap--campaign_christmas .btn_style.btn_christmas_red{
    background: #a00605;
    padding: 0 3rem;
    font-size: 2.5rem;
    height: 8rem;
    line-height: 8rem;
    border-radius: 5px;
    box-shadow: 0px 2px 1px 0 #720100;
    text-shadow: unset;
    border: none;
}
.page_wrap--campaign_christmas .btn_style.btn_christmas_red:hover{
    background: #be3e3e;
}
.page_wrap--campaign_limited_time .heading_bar.halloween {
	background: #0a0404;
	color: #f9a31c;
}
.page_wrap--campaign_limited_time .ttl.halloween {
	background: #0a0404;
	color: #f9a31c;
	width: 24rem;
	padding: 1rem;
	margin: 0 auto;
}

/* page report */
.page_report.bg-black{
	background: #000000;
	color: #FFF;
}
.page_report .page_inner{
	padding: 3rem 0;
}
.page_report .page_ttl{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 2rem;
	text-align: center;
}
.page_report .page_ttl_sub{
	padding: 0 1.2rem;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-bottom: 2.5rem;
	text-align: center;
}
.page_report .form_item + .form_item{
	margin-top: 4rem;
}
.page_report .form_item .content_ttl{
	/* color: #7F7F84; */
	font-size: 1.6rem;
	margin-bottom: 1rem;
	padding: 0 2rem;
	font-weight: bold;
}
.page_report .form_item .trigger_select{
	display: block;
	border-top: #4A4A4A 1px solid;
	border-bottom: #4A4A4A 1px solid;
	padding: 0 2rem;
	background: #222222;
	position: relative;
	color: #FFF;
	font-size: 1.4rem;
	line-height: 35px;
	height: 60px;
}
.page_report .form_item .trigger_select:after{
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	position: absolute;
	transform: rotate(135deg);
	right: 1.6rem;
	top: 0;
	bottom: 0;
	margin: auto;
}
.page_report .form_item .trigger_select option{
	color: #FFF;
}
.page_report .form_item .ui-count_form{
	padding: 0 2rem;
}
.page_report .form_item .ui-count_form textarea{
	width: 100%;
	box-sizing: border-box;
	min-height: 14.4rem;
	padding: 11px;
	border: 1px solid #FFFFFF;
	background: #323232;
	font-size: 14px;
	color: #FFF;
	border-radius: 0;
}
.page_report .form_item .ui-count_form textarea::placeholder{
	color: #7F7F7F;
}
.page_report .form_item .ui-count_form .ui-counter{
	text-align: right;
	font-size: 1.2rem;
	color: #AAAAAA;
}
.page_report .btn_wrap{
	padding: 0 2rem;
	width: auto;
}
.page_report .btn_wrap.btn_half ul{
	display: flex;
    justify-content: space-between;
}
.page_report .btn_wrap.btn_half ul li+li{
	margin-left: 1.5rem;
}
.page_report .btn_wrap .btn_style{
	font-weight: normal;
	box-shadow: none;
	font-size: 1.5rem;
	height: 3.8rem;
	line-height: 3.8rem;
	border-radius: 4px;
}
.page_report .btn_wrap .btn_style.btn_white{
	border-color: #AAAAAA;
	color: #AAAAAA !important;
}
.page_report .btn_wrap .btn_style.btn_gray{
	background: #737373;
	color: #FFF;
}
.page_report .btn_wrap .btn_style.btn_report{
	background: #EA3323 !important;
	text-shadow: none;
	color: #FFF !important;
	border: none;
}
.page_report .btn_wrap .btn_style.disabled{
	opacity: 0.5;
}
.page_report .btn_wrap.btn_center .btn_style{
	width: 16rem;
}
.page_report .input_wrap_select select{
	-webkit-appearance: none;
	width: 100%;
	border-radius: 0;
	border-right: none;
	border-left: none;
}
.page_report .input_wrap_select{
	position: relative;
}

/* page tin */
.page_tin{
	background: #fff;
}
.page_tin .container{
	border: none;
	box-shadow: none;
	padding: 0 1rem;
}
.page_tin .container .contents_wrap{
	line-height: 1.5;
	margin-top: 1rem;
}
.page_tin .tin_wrap{
	border: 1px solid #ccc;
	padding: 30px;
	margin: auto;
	max-width: 380px;
	margin-bottom: 30px;
}
.page_tin .tin_wrap .tin_item_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
}
.page_tin .tin_wrap .tin_item_wrap .item_ttl{
	max-width: 180px;
}
.page_tin .tin_wrap .tin_item_wrap .item_content{
	font-weight: bold;
}
.page_tin .tin_wrap .tin_item_wrap + .tin_item_wrap{
	margin-top: 2rem;
}
.page_tin .tin_wrap .tin_item_wrap .content_tin:hover{
	cursor: pointer;
}
/* tin index */
.page_tin .tin_list_wrap{
	padding: 0rem;
}
.page_tin .tin_num_wrap{
	margin: 1.5rem 0 1rem;
}
.page_tin .tin_list_wrap li{
	border-top: 1px solid #CCC;
}
.page_tin .tin_list_wrap .link_arrow{
	position: relative;
	color: #555;
	display: block;
	padding: 1.5rem 0;
}
.page_tin .tin_list_wrap .link_arrow:after{
	content: "";
	border-top: 1px solid #555;
	border-right: 1px solid #555;
	transform: rotate(45deg);
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 0.5rem;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*--------------------------------------------------------*/
/* campaign_img
/*--------------------------------------------------------*/
.campaign_img{
	max-width: 30rem;
	margin: 40px auto;
}
.campaign_img img{
	width: 100%;
}
/*--------------------------------------------------------*/
/* campaign_caption
/*--------------------------------------------------------*/
.campaign_caption{
	margin: 0 auto;
	line-height: 1.5;
}
.campaign_caption + .campaign_caption{
	margin-top: 25px;
}
.campaign_caption dt{
	display: inline-block;
	background-color: #004986;
	color: #fff;
	width: 16rem;
	margin-bottom: 10px;
	padding: 5px 0;
	margin-right: 5%;
	text-align: center;
}
.campaign_caption dd{
	display: inline-block;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
}
@media screen and (min-width: 375px) {
	.campaign_caption{
		max-width: 82%;
	}
}
@media screen and (min-width: 768px) {
	.campaign_caption{
		max-width: 91%;
	}
}
/*--------------------------------------------*/
/* mobapp/Guide/index
/*--------------------------------------------*/
.page_menu.after::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.75);
}
.page_menu .page_inner .menu_list_wrap {
	padding: 2rem;
	text-decoration: none;
	color: #3c3c3c;
	line-height: 1.5rem;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content {
	margin-bottom: 3rem;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content h2 {
	padding: 0 0 1rem 1rem;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #fff;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list {
	/* border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd; */
	background-color: #000;
	color: #3c3c3c;
	padding: 1rem;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list li {
	/* margin-left: 1.5rem; */
	display: flex;
	align-items: baseline;
	border-top: 0.5px solid #ddd;
    border-bottom: 0.5px solid #ddd;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list li + li {
	border-top: 0.5px solid #ddd;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list li::after {
	content: url('../images/icon/icon_arrow-white-right.svg');
	position: relative;
	color: #ababab;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list li:active {
	background-color: #ddd;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list a {
	color: #fff;
	font-size: 1.4rem;
	width: 100%;
	padding: 1.5rem 0.5rem;
	line-height: 1.5;
	position: relative;
	display: block;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list a.new::after {
	content: 'N';
	position: absolute;
	right: 2rem;
	background-color: #f00e;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	border-radius: 50%;
	width: 1.2rem;
	height: 1.2rem;
	line-height: 1;
	padding: 3px;
}
/*--------------------------------------------*/
/* mobapp_android/Guide/index
/*--------------------------------------------*/
.page_menu.android {
	background-color: #fff;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content h2 {
	font-size: 1.6rem;
	padding-left: 2rem;
	margin-bottom: 3rem;
	font-weight: bold;
	color: #3c3c3c;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list {
	border: none;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list li {
	margin: 0 1rem 0;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list li:last-child {
	border-bottom: 1px solid #ddd;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list li::after {
	display: none;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list a {
	padding: 1.2rem;
}
/* --------------------------------------- */
/* text_description_English for Everyone   */
/* --------------------------------------- */
.page_english_for_everyone .main{
	background: #fba400;
}
.page_english_for_everyone .content dl dt.sec_ttl {
	border-left: solid 5px #fba400;
}
.page_english_for_everyone .content .content_ttl,
.page_english_for_everyone .content .recommend_table dt {
    background: #fba400;
}
.page_english_for_everyone .content .recommend_table {
	border: solid 3px #fba400;
}
.page_english_for_everyone .content .box > .box_ttl {
	color: #fba400;
}
.page_english_for_everyone .content figure.t_center img{
	border: solid 1px #555555;
}
.page_english_for_everyone .simplified_chart{
	width: 100%;
	table-layout: fixed;
}
.page_english_for_everyone .simplified_chart th,
.page_english_for_everyone .simplified_chart td{
	border: 1px solid #ccc;
	padding: 1rem;
}
/* --------------------------------------- */
/*  text_description_game
/* --------------------------------------- */
.page_game .main{
	background: #ef59a1;
}
.page_game .content dl dt.sec_ttl {
	border-left: solid 5px #ef59a1;
}
.page_game .content .content_ttl,
.page_game .content .recommend_table dt {
    background: #ef59a1;
}
.page_game .content .recommend_table {
	border: solid 3px #ef59a1;
}
.page_game .content .box > .box_ttl {
	color: #ef59a1;
}

.page_game .content .level {
	display: flex;
	flex: 1;
}
.page_game .content .level dt,
.page_game .content .level dd {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	min-width: 22px;
	height: 16px;
	font-size: 12px;
	line-height: 1;
	color: #fff;
	background-color: #cdcdcd;
	padding: 0 6px;
	font-weight: bold;
	border-radius: 2px;
}
.page_game .content .level dt {
	background-color: #545555;
}
.page_game .content .level dd {
	margin-left: 4px;
}
.page_game .content .level dd + dd {
	margin-left: 4px;
}
.page_game .content .level dd.on {
	background-color: #f1890e;
}
/* --------------------------------------- */
/* text_description_national_geographic
/* --------------------------------------- */
.page_national_geographic .main{
	background: #ffcc00;
}
.page_national_geographic .content dl dt.sec_ttl {
	border-left: solid 5px #ffcc00;
}
.page_national_geographic .content .content_ttl,
.page_national_geographic .content .recommend_table dt {
	background: #ffcc00;
	color: #1f1f1f;
}
.page_national_geographic .content .recommend_table {
	border: solid 3px #ffcc00;
}
.page_national_geographic .content .box > .box_ttl {
	color: #F1890E;
}
.page_national_geographic .content figure.t_center img{
	border: solid 1px #555555;
}
.page_national_geographic .content .sec_ttl.lesson{
	border: 5px solid #ffcc00;
	width: 11rem;
	padding: 0.4rem;
	font-weight: bold;
}
.page_national_geographic_ebook .sec dl + dl{
	margin-top: 2rem;
}
.page_national_geographic_ebook .sec dl > dt + dd{
	margin-top: 1rem;
}
.page_national_geographic_ebook .sec dl > dt + dd figure{
	padding: 0 2rem;
}
/*----------------------------------------*/
/* sns share box
/*----------------------------------------*/
.campaign_share_box {
	padding: 0 2rem;
	margin-top: 3rem;
}
.campaign_share_box .campaign_sns_btn_list {
	display: flex;
	align-items: center;
	justify-content: center;
}
.campaign_share_box .campaign_sns_btn_list > li {
	margin: 0;
	padding: 0 1rem;
}
.campaign_share_box .campaign_sns_btn_list > li > a {
	display: block;
	width: 4rem;
}
.campaign_share_box .campaign_sns_btn_list > li > a > img {
	display: block;
	width: 100%;
}
/*----------------------------------------*/
/* campaign_home_study
/*----------------------------------------*/
/*app download button flex box*/
.page_wrap--campaign_limited_time .sec input[type="text"] {
    width: 100%;
    box-sizing: border-box;
	text-align: center;
}
.page_wrap--campaign_limited_time .sec .func_copy {
    background: #e8716c;
    text-shadow: none;
    box-shadow: none;
    display: table-cell;
    vertical-align: middle;
}
.page_wrap--campaign_limited_time .discount_code_wrap{
	border: 1px solid #000;
	max-width: 500px;
	width: auto;
	margin: 0 auto;
	padding: 25px;
}
/*campaign_home_study faq */
.page_wrap--campaign_limited_time .sec_faq{
	font-size: 1.5rem;
}
.page_wrap--campaign_limited_time .sec_faq dl {
	margin-bottom: 2rem;
}
.page_wrap--campaign_limited_time .sec_faq dl dt {
	padding-left: 2.2rem;
	line-height: 1.5;
	margin-bottom: 1rem;
	font-weight: bold;
	position: relative;
}
.page_wrap--campaign_limited_time .sec_faq dl dt:before {
	content: 'Q. ';
	display: inline;
	color: #00ACEE;
	font-weight: bold;
	position: absolute;
    left: 0px;
}
.page_wrap--campaign_limited_time .sec_faq dl dd {
	padding-left: 2.2rem;
	margin-bottom: 1rem;
	line-height: 1.5;
	position: relative;
}
.page_wrap--campaign_limited_time .sec_faq dl dd:before {
	content: 'A. ';
	display: inline;
	color: #F14444;
	font-weight: bold;
	position: absolute;
    left: 0px;
}
.page_wrap--campaign_limited_time .sec_faq dl dd .fa{
	text-indent: 0;
}
.page_wrap--campaign_limited_time .sec_faq dl dd p{
	text-indent: 0;
	display: inline-block;
	vertical-align: top;
}
.page_wrap--campaign_limited_time .sec_faq dl dd .notice_msg{
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}
/*campaign_limited_time slider*/
.page_wrap--campaign_limited_time .slider .slider_item{
	margin: 0 1.5rem;
}
.page_wrap--campaign_limited_time .slider .slider_item img{
	max-width: 25rem;
	width: 100%;
	margin: 0 auto 1.5rem;
}
.page_wrap--campaign_limited_time .slick-prev,
.page_wrap--campaign_limited_time .slick-next{
	width: unset;
	height: unset;
	background: #000;
	opacity: unset;
	padding: 7px 9px;
}
.page_wrap--campaign_limited_time .slick-prev{
	left: 0;
	z-index: 10;
}
.page_wrap--campaign_limited_time .slick-next{
	right: 0;
	z-index: 10;
}
.page_wrap--campaign_limited_time .slick-prev:before,
.page_wrap--campaign_limited_time .slick-next:before{
	font-family: fontAwesome;
	font-size: 3rem;
	color: #fff;
}
.page_wrap--campaign_limited_time .slick-prev:before{
	content: "\f053";
}
.page_wrap--campaign_limited_time .slick-next:before{
	content: "\f054";
}
.page_wrap--campaign_limited_time .slider.campaign_banners .slider_item img{
	max-width: 30rem;
}
/*--------------------------------------------------------*/
/* invite_friend copy
/*--------------------------------------------------------*/
.page_wrap--campaign_limited_time .page_inner .sns_btn_wrap {
	font-size: 0;
	text-align: center;
}
.page_wrap--campaign_limited_time .page_inner .sns_btn_wrap li {
	font-size: 15px;
	font-size: 1.5rem;
	display: inline-block;
	width: 29px;
	margin: 0 10px;
}
/*trial_present_box*/
.page_wrap--campaign_limited_time .trial_present{
	border: solid 2px #F14444;
}
.page_wrap--campaign_limited_time .trial_present .trial_present_heading{
	color: #fff;
	background: #F14444;
	padding: 1rem;
	line-height: 1.5;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_wrap--campaign_limited_time .trial_present .trial_present_content{
	padding: 2rem;
}
/*flow_triangle*/
.page_wrap--campaign_limited_time .flow_triangle_before{
	position: relative;
}
.page_wrap--campaign_limited_time .flow_triangle_before::before{
	content: '';
	display: block;
	text-align: center;
	width: 0;
	margin: 30px auto;
	height: 0;
	border: 30px solid transparent;
	border-bottom: 0;
	border-top: 30px solid #bbb;
}
.page_wrap--campaign_limited_time .campaign_end{
    font-size: 1.4rem;
    padding: 1.4rem;
    background: #fff8f9;
    border: solid 2px #ffd6d6;
    border-radius: 5px;
    margin-bottom: 3rem;
}
/*c_navy*/
.page_wrap--campaign_limited_time .c_navy { color: #004986 !important; }
/*---------------------------------*/
/* login
/*---------------------------------*/
.sec_login_inner{
	padding: 0 1rem;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
}
.sec_login_inner dl{
	display: table;
	width: 100%;
	background: #fff;
	margin-bottom: 1.0rem;
}
.sec_login_inner dl dt{
	display: table-cell;
	border-right: 1px #f5f5f5 solid;
	padding: 0 1rem;
}
.sec_login_inner dl dd{
	display: table-cell;
    text-align: left;
}
.sec_login_inner dl dt i{
	width: 2.0rem;
}
.sec_login_inner dl dd input{
	border: none;
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
}
.sec_login_inner dl.disabled{
    border: 1px solid #cccccc;
}
.sec_login_inner dl.disabled dt,
.sec_login_inner dl.disabled dd,
.sec_login_inner dl.disabled dd input{
	background: #f5f5f5;
	pointer-events: none;
}
.sec_login_inner .btn_style{
	height: 5rem;
	line-height: 5rem;
}
.page_login_2 .page_inner .sec_border{
	border-top: 1px solid #cdcdcd;
	position: relative;
}
.page_login_2 .page_inner .sec_border:last-child{
	border-bottom: 1px solid #cdcdcd;
}
.page_login_2 .b_t_1{
	border-color: #cdcdcd;
}
.page_login_2 .page_inner .sec_border_or:before{
	content: "または";
	color: #707070;
	font-weight: bold;
	font-size: 1.2rem;
	display: inline-block;
	background: #F5F5F5;
	position: absolute;
	top: -0.6rem;
	right: 0;
	left: 0;
	margin: auto;
	width: 5.6rem;
	box-sizing: border-box;
	text-align: center;
}

/*---------------------------------*/
/* page_monthly
/*---------------------------------*/
.page_monthly .main{
	background: #001653;
}
.page_monthly .content{
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 2rem;
}
.page_monthly .content dl dt.sec_ttl {
	border-left:solid 5px #001653;
}
.page_monthly .content .recommend_table{
	border:solid 3px #0157a7 !important;
	margin:0 auto;
}
.page_monthly .content .recommend_table dt{
	background:#0157a7;
}
.page_monthly .content .box > .box_ttl{
	color: #001653;
}
.page_monthly .content .content_ttl{
	font-size: 2rem;
	font-weight: bold;
	color: #0157a7;
	background: none;
	border: 2px solid #0157a7;
	padding: 10px 17px;
	align-self: center;
	width: fit-content;
	line-height: 1.4;
	display: inline-block;
}
.page_monthly .content .content_ttl span{
	padding: 0;
}
.page_monthly .content .content_ttl img{
	display: inline-block !important;
}
.page_monthly .content .acquired_content .box{
	background: #222;
	padding: 2rem;
	max-width: 40rem;
	margin: 0 auto;
}
.page_monthly .content .acquired_content .box h3{
	text-align: center;
	font-weight: bold;
}
.page_monthly .content .acquired_content .box h3.step{
	color: #fff;
	background: #2B4791;
	width: 50%;
	margin: 0 auto;
	padding: 0.5rem;
	border-radius: 3rem;
}
.page_monthly .content .acquired_content .box figure{
	max-width: 16rem;
	margin: 2.5rem auto;
}
.page_monthly .content .acquired_content .box figure img{
	width: 100%;
}
.page_monthlyacher_profile p + p {
	margin: 4% 0 0 0;
}
.page_monthly .content dl dt.sec_ttl {
	border-left:solid 5px #0157a7;
}
.page_monthly .content section .table_des1 table tr td{
	display: block;
}
.page_monthly .content section .table_des1 table tr td figure{
	display: block;
}
.page_monthly .content section .table_des1 table tr td figure img{
	border: #D0D0D0 1px solid
}
.page_monthly .content section .table_des1 table tr td detail{
	align-self: center;
	margin-left: 20px;
}
.page_monthly .content .t_center{
	text-align: center;
}
.page_monthly .content .t_center figure{
	padding: 1.6rem;

}
.page_monthly .content section .table_des1 table{
	margin: 0 auto;
}

.page_monthly .content section .table_des1 table tr{
	border: 2px solid #d0d0d0;
}
.page_monthly .content section .table_des1 table tr,
.page_monthly .content section .table_des1 table td{
	padding: 20px;
}
.page_monthly .content section .table_des1  table th{
	padding: 10px;
}

.page_monthly .content	section em{
	padding: 10px 15px;
	background: #0157a7;
	color: #fff;
	margin: 20px 5px 20px 0;
	display: inline-block;
	white-space: nowrap;
}

.page_monthly .content section .dia_name{
	padding-left: 6rem;
}
.page_monthly .content section .dia_name p{
	text-indent: -6rem;
}
.page_monthly .content section .con_box{
	border: 2px solid #101c53;
	border-radius: 1.2rem;
	overflow: hidden;
}
.page_monthly .content section .con_box .con_box_img{
	background: #101c53;
	padding: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;

}
.page_monthly .content section .con_box .con_box_img figure{
	display: inherit;
	border-radius: 50%;
	background: #fff;
	width: 70px;
	height: 70px;
}
.page_monthly .content section .con_box .con_box_img figure img{
	align-self: center;
}
.page_monthly .content section .con_box .con_box_content{
	align-self: center;
	padding: 2rem;
}
.page_monthly .content section .con_box1{
	max-width: 60rem;
	margin: 0 auto;
}
.page_monthly .content section .speech_record_tbl  {
	display: block;
	justify-content: space-between;
	border: 2px solid #FFA500;
	padding: 2rem 2rem;
}
.page_monthly .content section .speech_record_tbl  .col-1 {
	align-self: center;
	margin-right: 1.5rem;
}
.page_monthly .content section .speech_record_tbl  .col-1 p{
	line-height: 1.3;
	font-size: 1.5rem;
}
.page_monthly .content section .speech_record_tbl  .col-2 {
	align-self: center;
	background-color: #FFA500;
	padding: 0.7rem;
	border-radius: 2rem;
	color: #fff;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.4;
	min-width: 10rem;
}
.page_monthly .content section .speech_record_tbl  .col-2 .speech_text{
	margin-top: 0.5rem;
}
.page_monthly .content section .speech_record_tbl  .col-2 .speech_record_tag .fa-microphone{
	font-size: 2rem;
	color: #FFA500;
	background-color: #fff;
	border-radius: 50%;
	width: 4rem;
	height: 4rem;
	line-height: 2;
}
.page_monthly .content section .speech_record_tbl  .col-2 .speech_record_tag .btn-record-speech{
	border: none;
	background: transparent;
}
.page_monthly .content section .speech_record_tbl  .col-2 .speech_record_tag .btn-record-speech:hover{
	cursor: pointer;
	opacity: 0.7;
}
.page_monthly .content section .speech_record_tbl  .col-2 .speech_record_tag .btn-record-speech:focus{
	outline: none;
}
.page_monthly .content section .speech_record_tbl  .col-2 .speech_record_tag .fa-microphone.on{
	background-color: red;
	color: #fff;
}
.page_monthly .content section .con_box2{
	padding: 1.5rem;
	border: 2px solid #d0d0d0;
	margin: 20px 0px;
}
.page_monthly .content section .btn-des1{
	padding: 10px 15px;
	background: #555555;
	color: #fff;
	display: inline-block;
	margin: 20px 0px;
}
.page_monthly .content .l_s_n1{
	letter-spacing: -.7px;
}
.page_monthly .content .al_s_c{
	align-self: center;;
}
.page_monthly .c_primary{
	color: #0157a7;
}
.page_monthly .content .c_drk_primary{
	color: #F1890E !important;
}
.page_monthly .content h3, 
.page_monthly .content p{
	color: #FFFFFF !important;
}


.page_monthly .content h2.main{
	margin-bottom: 30px;
	margin-bottom: 3.0rem;
	margin-left: -30px;
}
.page_monthly .content .lesson_flow .step {
	display: block;
	margin: 0 auto;
	vertical-align: top;
	position: relative;
}
.page_monthly .content .lesson_flow.two_step .step {
	width: 420px;
}
.page_monthly .content .lesson_flow.three_step .step {
	width: 270px;
}
.page_monthly .content .lesson_flow.four_step .step {
	width: 200px;
}
.page_monthly .content .lesson_flow .step .content_box {
	border-radius: 50%;
	text-align: center;
	margin: 0 auto 20px;
	font-size: 1.6rem;
}
.page_monthly .content .lesson_flow.four_step .step .content_box {
	width: 140px;
	height: 140px;
	line-height: 1;
}
.page_monthly .content .lesson_flow .step .content_box {
	background: #101C53;
}
.page_monthly .content .lesson_flow .step .content_box .step_ttl {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	display: inline-block;
}
.page_monthly .content .lesson_flow .step .content_box .step_ttl {
	padding: 58px 0 10px;
}
.page_monthly .content .lesson_flow.four_step .step .content_box .step_ttl {
	padding: 20px 0 10px;
}
.page_monthly .content .lesson_flow .step .content_box .step_ttl {
	color: #fff;
}
.page_monthly .content .lesson_flow.four_step .lesson_text p{
	border: 1px solid #101C53;
	padding: 10px;
	text-align: center;
}

.page_monthly .content .lesson_flow .step +.step:before {
	content: "\f0d7";
	font-family: FontAwesome;
	font-size: 50px;
	font-size: 5rem;
	color: #101c53;
	display: flex;
	justify-content: center;
}
.page_monthly .content .lesson_flow  .fs_16{
	font-size: 16px !important;
}
.page_monthly .content .sec{
	padding:0 0px !important;
}

.page_monthly .content .rc_monthly dt{
	background: #105BA3;
	text-align: center;
	padding: 1rem;
	font-size: 2rem;
	font-weight: bold;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.page_monthly .content .rc_monthly dt::after {
	content: url(../../images/text_description/monthly/quality.svg);
	position: absolute;
	margin-left: 1rem;
	margin-top: -5px;
}
.page_monthly .content .rc_monthly dd{
	display: block;
	align-items: center;
	justify-content: center;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #d0d0d0;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 20px 20px;
}
.page_monthly .content .rc_monthly dd ul li{
	list-style-image: url();
	background:url(../../images/text_description/monthly/check.svg) no-repeat 0px 0px;
	margin-bottom: 5px;
	padding-left: 30px;
	color: #FFFFFF;
}
.page_monthly .content .rc_monthly dd img{
	margin-top: 2rem;
	border: 2px solid #d0d0d0;
}
.page_monthly .content .rc_monthly .sub_rc_text{

}
.page_monthly .content .rc_monthly .sub_rc_img{
	padding: 20px;
}
.page_monthly .content .rc_monthly .sub_rc_img img{
	border: 2px solid #d0d0d0;
	width: 20rem;
}
.page_monthly .content section .bg_text{
	background: #323232;
	padding: 25px;
	margin-bottom: 20px;
}
.page_monthly .content section .con_box_agent{

}
.page_monthly .content section .con_box_agent .con_box_img{
	display: flex;
	margin-right: 25px;
}
.page_monthly .content section .con_box_agent .con_box_img figure{
	display: inherit;
	border-radius: 50%;
	background: #fff;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	border: 2px solid #CCCCCC;
}
.page_monthly .content section .con_box_agent .con_box_img figure img{
	align-self: center;
}
.page_monthly .content section .con_box_agent .con_box_content{
	align-self: center;
	padding: 2rem;
	border: 2px solid #CCCCCC;
	width: 100%;
	border-radius: 12px;
	position: relative;
	color: #FFF;
}
.page_monthly .content section .con_box_agent .con_box_content::before{
	content: url(../images/text_description/monthly/triangle.png);
	position: absolute;
	top: 30px;
	left: -22px;
}
.page_monthly .content .content_ttl_yellow {
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background: #FFA500;
	display: inline-block;
	padding: 10px 17px;
	margin-bottom: 20px;
}
.page_monthly .content .content_ttl_yellow span::after{
	content: url(../../images/text_description/monthly/light-bulb.png);
	position: relative;
	bottom: -4px;
	right: 0;
}
.page_monthly .content .no_wrap{
	white-space: nowrap;
}

.page_monthly .step_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	margin: 0 auto 4rem;
	flex-direction: column;
}
.page_monthly .step_wrap .step{
	background: #222;
	border-radius: 10px;
	padding: 2rem 1.7rem;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	max-width: 50rem;
	position: relative;
}
.page_monthly .step_wrap .step + .step{
	margin-top: 4rem;
}
.page_monthly .step_wrap .step + .step:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 1.5rem solid transparent;
	border-top-color: #646464;
	border-top-width: 1.6rem;
	border-bottom-width: 0;
	position: absolute;
	bottom: calc(100% + 3.8rem);
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.page_monthly .step_wrap .step .step_title{
	color: #E53F3F;
	font-size: 1.6rem;
	font-weight: 600;
}
.page_monthly .step_wrap .step > .img_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem auto;
}
.page_monthly .step_wrap .step > .img_wrap{
	width: 100%;
	max-width: 23.4rem;
}
.page_monthly .step_wrap .step .step_text{
	font-size: 1.6rem;
	text-align: left;
}

/* cs popup */
.cs_popup_wrap{
	position: fixed;
	bottom: 1.4rem;
	right: 2.5rem;
}
.cs_popup_wrap .img_wrap{
	width: 18rem;
}
.cs_popup_wrap .close_icon{
	position: absolute;
	top: -1rem;
	right: -1.2rem;
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	border: 2px solid #CCC;
	border-radius: 50%;
	background: #FFF;
}
.cs_popup_wrap .close_icon:before,
.cs_popup_wrap .close_icon:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	transform-origin: 50% 50%;
	border-radius: 5px;
}
.cs_popup_wrap .close_icon:before{
	width: 1.6rem;
	height: 2px;
	background: #CCC;
	transform: rotate(45deg);
}
.cs_popup_wrap .close_icon:after{
	width: 2px;
	height: 1.6rem;
	background: #CCC;
	transform: rotate(45deg);
}

/*-------------------------------------------------------*/
/* campaign_new_year
/*-------------------------------------------------------*/
/* common */
.page_wrap--campaign_new_year{
	color: #555555;
}
.page_wrap--campaign_new_year .red {
		color: #E83936;
}
.page_wrap--campaign_new_year .red2 {
		color: #EA5865;
}
.page_wrap--campaign_new_year .gold {
	color: #D2A857;
}
.page_wrap--campaign_new_year .blue {
	color: #004986;
}

.page_wrap--campaign_limited_time .btn_wrap .btn_style.style_campaign.btn_gold {
    background: #D2A857;
    box-shadow: 0 4px 0 0 #A58037;
    font-size: 1.6rem;
}
/* // */
/* .page_wrap--campaign_new_year .page_inner{
	padding: 20px 0 0;
} */
.page_wrap--campaign_new_year .campaign_heading{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
	color: #E83936;
	border-left: 2px solid #E83936;
	border-right: 2px solid #E83936;
	padding: 40px 10px;
	box-sizing: border-box;
	position: relative;
}
.page_wrap--campaign_new_year .campaign_heading::before{
	content: '';
	display: block;
	background-size: auto auto;
	background-color: rgba(232, 57, 54, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(210, 168, 87, 1) 20px, rgba(210, 168, 87, 1) 40px );
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 20px;
}
.page_wrap--campaign_new_year .campaign_heading::after{
	content: '';
	display: block;
	background-size: auto auto;
	background-color: rgba(232, 57, 54, 1);
	background-image: repeating-linear-gradient(90deg, transparent, transparent 20px, rgba(210, 168, 87, 1) 20px, rgba(210, 168, 87, 1) 40px );
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 20px;
}
.page_wrap--campaign_new_year .campaign_heading img{
	display: block;
	width: 80px;
	height: 80px;
	margin-right: 10px;
}
.page_wrap--campaign_new_year .heading_bar {
	text-align: center;
	background-color: rgba(232, 57, 54, 1);
	background: linear-gradient(
		45deg , #d19d3b 25%, transparent 25%, transparent 75%, #d19d3b 75%), linear-gradient(
		45deg , #d19d3b 25%, transparent 25%, transparent 75%, #d19d3b 75%);
	background-size: 40px 40px;
	background-position: 0 0, 20px 20px;
	background-color: #D2A957;
	border-top: 8px solid #E83936;
	border-bottom: 8px solid #E83936;
	color: #fff;
	padding: 1rem;
}
.page_wrap--campaign_new_year .sec_invite_friends .desc_box {
	border: 2px solid #D2A857;
	padding: 1.5rem;
	max-width: 40rem;
	margin: 0 auto;
	border-radius: 20px;
}
.page_wrap--campaign_new_year .sec_invite_friends .desc_box .desc_box_heading {
	background: #D2A857;
	color: #fff;
	padding: 10px 40px;
	border-radius: 20px;
	line-height: 1;
	display: inline-block;
}
.page_wrap--campaign_new_year .sec .campaign_desc.campaign_desc_flow dt .step {
	display: inline-block;
	color: #fff;
	border-radius: 40px;
	background: #D2A857;
	padding: 5px 20px;
}
.page_wrap--campaign_new_year .sec .campaign_desc dt {
	font-size: 18px;
	font-size: 1.8rem;
	color: #555555;
	font-weight: bold;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	line-height: 1.5;
}

/* textbook description studysapuri */
.page_studysapri .sec_top{
	background: #0b41a0;
}
.page_studysapri .page_ttl_wrap{
	display: flex;
	background: #0b41a0;
	color: #FFF;
	max-width: 50rem;
	margin: auto;
}
.page_studysapri .page_ttl_wrap .text_area{
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.page_studysapri .page_ttl_wrap .text_area .top_subtext{
	font-size: 1.2rem;
	width: 100%;
	text-align: center;
}
.page_studysapri .page_ttl_wrap .text_area .top_text{
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.page_studysapri .page_ttl_wrap img{
	display: block;
	margin-left: auto;
	width: 40%;
	height: 8.5rem;
	object-fit: contain;
}
@media screen and (max-width: 320px) {
	.page_studysapri .page_ttl_wrap .text_area .top_subtext,
	.page_studysapri .page_ttl_wrap .text_area .top_text{
		font-size: 1rem;
	}
	.page_studysapri .page_ttl_wrap img{
		height: 7.5rem;
	}
}
.page_studysapri .page_ttl_wrap > img.border_1 {
    border: 1px solid #999;
}
.page_studysapri .sec_ttl{
	border-left: solid 5px;
	padding-left: 10px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 20px;
	color: #0b41a0;
	border-left: .5rem solid #0b41a0;
}
.page_studysapri section + section{
	margin-top: 4rem;
}
.page_studysapri .sec_subttl {
	font-size: 1.8rem;
	line-height: 1.6;
	padding: 1.5rem 2rem;
	background-color: #0b41a0;
	color: #fff;
	margin-bottom: 2rem;
}
.page_studysapri .sec_subttl + .sec_subttl{
	margin-top: 2rem;
}
.page_studysapri  .phrase-list{
	color: #0b41a0;
	font-weight: bold;
	font-size: 1.4rem;
}
.page_studysapri  .phrase-list .list-item{
	background: #e3eefa;
	border-radius: 0.5rem;
	padding: 1rem 0.5rem;
	border: 1px solid;
}
.page_studysapri  .phrase-list .list-item + .list-item{
	margin-top: 2rem;
}
.page_studysapri  .phrase-list .list-item dt{
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #0ca5e6;
	text-align: center;
}
.page_studysapri  .phrase-list .list-item dd{
	padding: 0.5rem 0.8rem 0;
}
.page_studysapri .item_training + .item_training{
	margin-top: 3rem;
}
.page_studysapri .sec_notice .notice li + li{
	margin-top: 1rem;
}
.page_studysapri .item_training .img_wrap > img{
	border: solid 1px #ccc;
}
.page_studysapri .img-1{
	width: 28.4rem;
}
.page_studysapri .img-2{
	width: 28.4rem;
}
.page_studysapri .notice{
	border: solid 1px #ccc;
}

/*-------------------------------------------------------*/
/* saved_search_conditions
/*-------------------------------------------------------*/
.page_saved_search_conditions.bg_black{
	background: #000!important;
}
.page_saved_search_conditions.c_white{
	color: #FFF!important;
}
.page_saved_search_conditions .conditions_list_wrap{
	padding: 3rem 2rem;
}
.page_saved_search_conditions.bg_black .conditions_list_wrap{
	background: #000!important;
	color: #FFF!important;
}
.page_saved_search_conditions .conditions + .conditions{
	margin-top: 3rem;
}
.page_saved_search_conditions .conditions{
	border: #bebebe 2px solid;
	border-radius: 6px;
	padding: 2rem;
}
.page_saved_search_conditions .conditions .condition_items_wrap{
	margin-bottom: 1rem;
}
.page_saved_search_conditions .conditions .condition_items_wrap > ul{
	display: flex;
	flex-wrap: wrap;
}
.page_saved_search_conditions .conditions .conditions_title{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 0 2rem;
}
.page_saved_search_conditions .conditions .condition_item{
	font-size: 1.6rem;
	align-items: center;
	margin: 0 4rem 2rem 0;
}
.page_saved_search_conditions .conditions .condition_item .item_title{
	font-weight: bold;
	margin-right: 5px;
}

.page_saved_search_conditions .conditions_list_wrap .conditions_title {
	position: relative;
	width: fit-content;
	display: block;
	cursor: pointer;
}

.page_saved_search_conditions .conditions_list_wrap .conditions_title::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background-image: url(../images/pen.svg);
    background-size: cover;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
}

#dialog_change_saved_search_condition .new_title {
	width: fit-content;
    margin: auto;
}

#dialog_change_saved_search_condition .new_title input {
	width: 388px;
}
/* studysapuri conversation */
.page_studysapri_conversation{
	padding-bottom: 3rem;
}
.page_studysapri_conversation .sec_top{
	background: #E69137;
}
.page_studysapri_conversation .page_ttl_wrap{
	background: #E69137;
}
.page_studysapri_conversation .content .lesson_flow{
	margin: 3rem auto 0;
}
.page_studysapri_conversation .content .lesson_flow .step{
	margin: 0 auto;
}
.page_studysapri_conversation .content .lesson_flow .step +.step:before{
	content:"\f0d7";
	font-family:FontAwesome;
	font-size:5rem;
	display: flex;
	justify-content: center;
}
.page_studysapri_conversation .content .lesson_flow .step .content_box{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.6rem;
	box-sizing: border-box;
	width: 15rem;
	height: 15rem;
	border-radius: 50%;
	margin: auto;
	text-align: center;
}
.page_studysapri_conversation .content .lesson_flow .step .content_box .text{
	color: #FFF;
	line-height: 1.5;
}
.page_studysapri_conversation .content .lesson_flow .step.step_1 .content_box{
	background: #e69137c4;
}
.page_studysapri_conversation .content .lesson_flow .step.step_2 .content_box{
	background: #E69137d4;
}
.page_studysapri_conversation .content .lesson_flow .step.step_3 .content_box{
	background: #E69137e4;
}
.page_studysapri_conversation .content .lesson_flow .step.step_4 .content_box{
	background: #E69137f4;
}
.page_studysapri_conversation .content .lesson_flow .step.step_5 .content_box{
	background: #E69137;
}
.page_studysapri_conversation .sec_subttl{
	background: #E69137;
}
.page_studysapri_conversation .sec_ttl{
	color: #E69137;
	border-left-color: #E69137;
}
.page_studysapri_conversation .phrase-list{
	color: #E69137;
}
.page_studysapri_conversation .phrase-list .list-item{
	background: #ffc10714;
	text-align: center;
}
.page_studysapri_conversation .phrase-list .list-item dt{
	border-bottom-color: #E69137;
}

/* text description eiken original */
.page_description_eiken_original .page_inner{
	padding: 2rem 0;
}
.page_description_eiken_original .content .sec_3 dl dd ul li{
	font-size: 1.4rem;
}
.page_description_eiken_original .content .content_ttl{
	background: #FA5858;
}
.page_description_eiken_original .content .content_desc{
	padding: 0 1rem;
}
.page_description_eiken_original .content dl dt.sec_ttl{
	border-color: #E53F3F;
	margin-bottom: 2rem;
}
.page_description_eiken_original .sec_types .type_list{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.page_description_eiken_original .sec_types .type_list > .type + .type{
	margin-top: 3rem;
}
.page_description_eiken_original .sec_types .type_list > .type{
	background: #FFFBE5;
	border-radius: 50%;
	height: 17.5rem;
	width: 17.5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.page_description_eiken_original .sec_types .type_list > .type .type_title{
	color: #E53F3F;
	font-size: 1.6rem;
	margin-bottom: .6rem;
	font-weight: bold;
}
.page_description_eiken_original .sec_types .type_list > .type > img{
	display: block;
	margin-bottom: 1rem;
}
.page_description_eiken_original .sec_types .type_list > .type .type_name{
	font-size: 1.6rem;
	margin-top: .6rem;
}
.page_description_eiken_original .sec_flow .flow_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 3rem;
	margin: 0 auto 4rem;
	flex-direction: column;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow{
	border-radius: 10px;
	background: #FEF0CA;
	padding: 1.8rem;
	position: relative;
	width: 100%;
	max-width: 50rem;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow + .flow{
	background: #FDE3B8;
	margin-top: 4rem;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow + .flow:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 1.5rem solid transparent;
	border-top-color: #646464;
	border-top-width: 1.6rem;
	border-bottom-width: 0;
	position: absolute;
	bottom: calc(100% + 3.8rem);
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_img{
	width: 100%;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap{
	margin-top: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap .flow_sub{
	/* width: 15.8rem; */
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap .flow_sub.flow_sub-single{
	width: 28rem;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap .flow_sub + .flow_sub{
	margin-top: 3.5rem;
	position: relative;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap .flow_sub + .flow_sub:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 1.2rem solid transparent;
	border-top-color: #646464;
	border-top-width: 1.6rem;
	border-bottom-width: 0;
	position: absolute;
	bottom: calc(100% + 3rem);
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap .flow_sub .flow_sub_title{
	text-align: center;
	font-size: 1.6rem;
	font-weight: 600;
	color: #FC9B02;
	margin-bottom: .7rem;
	min-height: 2.7rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_description_eiken_original .sec_flow .flow_wrap .flow .flow_sub_wrap .flow_sub .flow_sub_text{
	font-size: 1.4rem;
}
.page_description_eiken_original .tips_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	margin: 0 auto 4rem;
	flex-direction: column;
}
.page_description_eiken_original .tips_wrap .tips{
	background: #FFEDED;
	border-radius: 10px;
	padding: 3rem 1.7rem 3rem;
	max-width: 50rem;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}
.page_description_eiken_original .tips_wrap .tips + .tips{
	margin-top: 3rem;
}
.page_description_eiken_original .tips_wrap .tips .tips_title{
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 2.5rem;
}
.page_description_eiken_original .tips_wrap .tips .tips_img{
	margin-bottom: 2.5rem;
	width: 21rem;
}
.page_description_eiken_original .tips_wrap .tips .tips_text{
	text-align: left;
	line-height: 1.7;
	font-size: 1.5rem;
}
.page_description_eiken_original .step_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 1rem;
	margin: 0 auto 4rem;
	flex-direction: column;
}
.page_description_eiken_original .step_wrap .step{
	background: #FFEDED;
	border-radius: 10px;
	padding: 2rem 1.7rem;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	max-width: 50rem;
	position: relative;
}
.page_description_eiken_original .step_wrap .step + .step{
	margin-top: 4rem;
}
.page_description_eiken_original .step_wrap .step + .step:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 1.5rem solid transparent;
	border-top-color: #646464;
	border-top-width: 1.6rem;
	border-bottom-width: 0;
	position: absolute;
	bottom: calc(100% + 3.8rem);
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.page_description_eiken_original .step_wrap .step .step_title{
	color: #E53F3F;
	font-size: 1.6rem;
	font-weight: 600;
}
.page_description_eiken_original .step_wrap .step > .img_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem auto;
}
.page_description_eiken_original .step_wrap .step > .img_wrap{
	width: 100%;
	max-width: 23.4rem;
}
.page_description_eiken_original .step_wrap .step .step_text{
	font-size: 1.6rem;
	text-align: left;
}

/* Lesson Video Section */
.page_sp_desc .sec.sec_video{
    background: #F5F5F5;
}
.page_sp_desc .sec.sec_video .sec_ttl{
    margin: 2rem 0rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #555555;
    text-align: center;
	font-weight: bold;
	padding-top: 2rem;
}
.page_sp_desc .sec.sec_video .sec_ttl-2{
    margin: 1.5rem 0rem;
    font-size: 1.4rem;
    font-weight: bold;
    color: #555555;
    text-align: center;
	font-weight: bold;
}

.page_sp_desc .sec.sec_video .desc_wrap{
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .lesson_video_item{
    min-height: 21rem;
    border-radius: 10px;
    background: #F5F5F5;
    padding: 1.5rem;
    margin: 0 2rem;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-prev,
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-next{
    width: 2.5rem;
    height: 7rem;
    letter-spacing: 16px;
    overflow: hidden;
    z-index: 10;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-prev{
    left: -1.3rem;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-next{
    right: -1.3rem;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-prev::before,
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-next::before{
    font: normal normal bold 6.5rem/1 FontAwesome;
	color: #555;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-prev::before{
    content: "\f104";
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-next::before{
    content: "\f105";
}
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-prev.slick-disabled:before,
.page_sp_desc .sec.sec_video #lesson_video_slider .slick-next.slick-disabled:before{
    opacity: 0;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .video_box p{
    text-align: left;
    line-height: 1.7;
    margin-top: 2rem;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .video_box .wrap-16-9 {
    position: relative;
    width: 100%;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .video_box .wrap-16-9:before {
    content:"";
    display: block;
    padding-top: 56.25%;
}
.page_sp_desc .sec.sec_video #lesson_video_slider .video_box .wrap-16-9 > iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 1px solid #DDDDDD;
}
.page_sp_desc .sec.sec_video #lesson_video_section .lesson_video_item{
    border-radius: 10px;
    background: #fff;
    padding: 0rem 3rem 3rem;;
    margin: 0;
	margin: 0 3rem;
}
.page_sp_desc .sec.sec_video #lesson_video_section .lesson_video_item-2{
    border-radius: 10px;
    background: #fff;
    padding: 0rem 3.5rem 3.5rem;
	margin: 0 3rem;
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-prev,
.page_sp_desc .sec.sec_video #lesson_video_section .slick-next{
    width: 3.5rem;
    height: 9.7rem;
    letter-spacing: 10px;
    overflow: hidden;
    z-index: 10;
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-prev{
    left: 3rem;
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-next{
    right: 2rem;
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-prev::before,
.page_sp_desc .sec.sec_video #lesson_video_section .slick-next::before{
    font: normal normal bold 5.5rem/1 FontAwesome;
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-prev::before{
    content: "\f104";
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-prev:before, .slick-next:before{
    color: #555;
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-next::before{
    content: "\f105";
}
.page_sp_desc .sec.sec_video #lesson_video_section .slick-prev.slick-disabled:before,
.page_sp_desc .sec.sec_video #lesson_video_section .slick-next.slick-disabled:before{
    opacity: 0;
}
.page_sp_desc .sec.sec_video #lesson_video_section .video_box p{
    text-align: left;
    line-height: 1.7;
    margin-top: 2rem;
}
.page_sp_desc .sec.sec_video #lesson_video_section .video_box .wrap-16-9 {
    position: relative;
    width: 100%;
}
.page_sp_desc .sec.sec_video #lesson_video_section .video_box .wrap-16-9:before {
    content:"";
    display: block;
    padding-top: 56.25%;
}
.page_sp_desc .sec.sec_video #lesson_video_section .video_box .wrap-16-9 > iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.page_sp_desc .sec.sec_video .btn_wrap a .t_natgeo{
	color: #555 !important;
}
.page_sp_desc .sec.sec_video .btn_wrap a img{
	vertical-align: sub;
	display: inline-block;
}
.page_sp_desc .sec.sec_video .btn_style{
	border: none;
	box-shadow: 0 3px 6px #0000004E;
	border-radius: 1rem;
	padding: 0 2rem;
	text-shadow: none !important;
}
.page_sp_desc .sec.sec_video .btn_style.btn_natgeo{
	background: #FFCC04;
}
.page_sp_desc .sec.sec_video .btn_style.btn_dailynews{
	background: #FF5858;
}
.page_sp_desc .sec.sec_video .btn_style.btn_min_discuss{
	background: #F78A62;
}
.page_sp_desc .sec.sec_video .btn_style.btn_grammar{
	background: #44BE90;
}
.page_sp_desc .sec.sec_video .btn_style.btn_pronounciation{
	background: #FBA403;
}
.page_sp_desc .sec.sec_video .btn_style.btn_eiken{
	background: #FB5758;
}
.page_sp_desc .sec.sec_video .btn_style.btn_topictalk{
	background: #AC86CF;
}
.page_sp_desc .sec.sec_video .btn_style.btn_game{
	background: #F059A1;
}
.page_sp_desc .sec.sec_video .btn_style .fa.fa-external-link{
    font-size: inherit;
    color: #FFFFFF;
}
.page_sp_desc .sec.sec_video .btn_style .fa.fa-external-link.grey{
    font-size: inherit;
    color: #555;
}

/* End Lesson Video Section */

/* cs inquiry */
#selected-files li i {
	color:#ff0000;
}
.wrap-loader > div {
	display: flex;
}
.wrap-loader img {
	width: 32px;
}
.wrap-loader span {
	margin: 7px 0 0 14px;
}


.page_cs_history_detail .page_inner li .file_name {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    margin-bottom: 12px;
}
.page_cs_history_detail .comment_list .file_name > a {
    color: #428BCA;
    text-decoration: none;
    transition: .2s all linear;
    padding-right: 24px;
    vertical-align: middle;
    margin-left: 0.8rem;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    border-radius: 5px;
}
.page_cs_history_detail .comment_list .file_name > a:before {
    content: url(/images/icon/ic-clip.svg);
    margin-right: 0.4rem;
    display: inline-block;
    vertical-align: middle;
}
.page_cs_history_detail .comment_list li a:after {
    content: "\f054 ";
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/* end cs inquiry */

/*-------------------------*/
/*Campaign: Christmas 2021 */
/*-------------------------*/
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas .c_christmas{
	color: #106A33;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas .sec .campaign_desc .notice_box{
    border: none;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas .btn_wrap .btn_style.style_campaign.btn_red{
	background: #F05444;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas .sec .campaign_desc.campaign_desc_flow dt .step{
	background: #106A33;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas .campaign_img{
	max-width: 100% !important;
}

/*-------------------------*/
/*Campaign: Christmas 2021 Popup*/
/*-------------------------*/
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas_popup .sec_ttl{
	color: #004986;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 2rem;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_christmas_popup .sec_text .link a {
    color: #00acee;
    text-decoration: underline;
}

/*------------------------------*/
/*Campaign: Signup February 2022 */
/*------------------------------*/
.page_wrap--campaign_limited_time.signup_present .sec{
	padding: 20px 20px 30px;
	padding: 2.0rem 2.0rem 3.0rem;
}
.page_wrap--campaign_limited_time.signup_present .c_navy{ color: #092846 !important; }
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_1{
	margin-bottom: 30px;
	text-align: center;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_1 figure{
	display: block;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_1 figure{
	position: relative;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_1 figure + figure::before{
	content: "+";
	display: block;
	font-size: 7rem;
	font-weight: bold;
	color: #f14444;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_1 figure img{
	max-width: 400px;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_2{
	margin-bottom: 30px;
	text-align: center;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_2 figure{
	position: relative;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_2 figure + figure::before{
	content: '';
    display: block;
    text-align: center;
    width: 0;
    margin: 20px auto;
    height: 0;
    border: 20px solid transparent;
    border-bottom: 0;
    border-top: 20px solid #004986;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_2 figure img{
	max-width: 400px;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_3{
	margin-bottom: 30px;
	text-align: center;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_3 figure{
	position: relative;
	margin-bottom: 40px;
}
.page_wrap--campaign_limited_time.signup_present .sec .campaign_desc .campaign_signup_3 figure img{
	max-width: 15rem;
}

/* page levels */
.page-tb-levels{
	padding: 15px 12px;
	margin: auto;
}
.page-tb-levels *{
	box-sizing: border-box;
}
.page-tb-levels.bg-black{
	background: #000000;
	color: #FFF;
}
.page-tb-levels .sec-text{
	font-size: 14px;
	line-height: 1.5;
	color: #999999;
}
.page-tb-levels .level-wrap{
	margin-top: 12px;
	padding: 16px;
	border-radius: var(--Radius-xl, 16px);
	background: var(--Surface-Secondary, #333);
}
.page-tb-levels .level-wrap .level-details{
	display: flex;
	align-items: center;
	gap: 12px;
}
.page-tb-levels .level-wrap .level-details .level-area{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.page-tb-levels .level-wrap .level-details .level-area .level{
	width: 56px;
	height: 56px;
	border-radius: 50%;
	background: #518fdc;
	color: #FFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.page-tb-levels .level-wrap.level-3 .level-details .level-area .level,
.page-tb-levels .level-wrap.level-4 .level-details .level-area .level,
.page-tb-levels .level-wrap.level-5 .level-details .level-area .level{
	background: #65d876;
}
.page-tb-levels .level-wrap.level-6 .level-details .level-area .level,
.page-tb-levels .level-wrap.level-7 .level-details .level-area .level,
.page-tb-levels .level-wrap.level-8 .level-details .level-area .level{
	background: #e9a049;
}
.page-tb-levels .level-wrap.level-9 .level-details .level-area .level,
.page-tb-levels .level-wrap.level-10 .level-details .level-area .level{
	background: #ea6185;
}
.page-tb-levels .level-wrap .level-details .level-area .level .top{
	font-weight: 500;
	font-size: 10px;
	line-height: 1.3;
}
.page-tb-levels .level-wrap .level-details .level-area .level .bottom{
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.4;
	margin-top: 2px;
}
.page-tb-levels .level-wrap .level-details .level-title{
	flex: 1 0 0;
	min-width: 0;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	color: #FFF;
}
.page-tb-levels .level-wrap .score-table{
	display: flex;
	gap: 8px;
	margin-top: 12px;
	padding: 12px;
	border-radius: 8px;
	background: #4d4d4d;
	text-align: center;
}
.page-tb-levels .level-wrap .score-table .sub-area{
	flex: 1 0 0;
	min-width: 0;
}
.page-tb-levels .level-wrap .score-table .sub-area .top{
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.25;
	color: #999999;
	margin-bottom: 6px;
}
.page-tb-levels .level-wrap .score-table .sub-area .bottom{
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5;
	color: #FFF;
}
.page-tb-levels .level-wrap .level-text{
	margin-top: 12px;
	line-height: 1.5;
	font-size: 14px;
	color: #999999;
}
/*-------------------------*/
/*page bottom menu*/
/*-------------------------*/
.mobapp_bottom_menu {
    display: flex;
    justify-content: space-between;
    margin: 2rem 1rem 1rem;
    padding: 1rem;
}
.mobapp_bottom_menu_content {
    display: block;
    text-align: center;
}
.mobapp_bottom_menu_content img {
    max-width: 20px;
    max-height: 20px;
}
.mobapp_bottom_menu_content p {
    font-size: 0.8rem;
}
span[data-badge-top-right] {
    display: block;
    position: relative;
    padding: 0 1em;
    color: #fff;
}

span[data-badge-top-right]:before {
    position: absolute;
    display: inline-block;
    font-weight: bold;
    background-color: #f00;
    border-radius: 50%;
    font-size: 0.5em;
    line-height: 1;
    min-width: 1em;
    padding: 0.5rem;
}
span[data-badge-top-right]:before {
    top: -50%;
    right: 0;
    content: attr(data-badge-top-right)"";
}
.mobapp_ios_member_deactivate_plan__flex {
    display: flex;
    justify-content: space-between;
    line-height: 1.4rem;
}
/* page family */
.page_wrap-plan_family .width_full {
	margin-left: -2rem;
	margin-right: -2rem;
}
.page_wrap-plan_family .bg_black {
	background-color: #000!important;
}
.page_wrap-plan_family .bg_white {
	background-color: #fff!important;
}
.page_wrap-plan_family .t_color_white {
	color: #fff!important;
}
.page_wrap-plan_family .t_color_blue {
	color: #3A7FF3;
}
.page_wrap-plan_family .t_color_light_blue {
	color: #00ACEE;
}
.page_wrap-plan_family .t_color_green {
	color: #139672;
}
.page_wrap-plan_family .t_color_orange {
	color: #E3810D;
}
.page_wrap-plan_family .w_auto {
	width: auto;
}
.page_wrap-plan_family .w_40 {
	width: 40%;
}
#family_w_30 {
	width: 30%!important;
}
#family_w_60 {
	width: 60%!important;
}
#family_w_70 {
	width: 70%!important;
}
.page_wrap-plan_family .w_80 {
	width: 80%;
}
.page_wrap-plan_family .w_20 {
	width: 20%;
}
.page_wrap-plan_family .h_20 {
	height: 20%;
}
.page_wrap-plan_family .w_30 {
	width: 30%;
}
.page_wrap-plan_family .h_30 {
	height: 30%;
}
.page_wrap-plan_family .w_50 {
	width: 50%;
}
.page_wrap-plan_family .h_50 {
	height: 50%;
}
.page_wrap-plan_family .blue_frame {
    padding: 15px;
    border: 2px solid #3A7FF3;
	border-radius: 5px;
}
.page_wrap-plan_family .light_green_frame {
    padding: 15px;
    border: 2px solid #19C999;
	border-radius: 5px;
}
.page_wrap-plan_family .orange_frame {
    padding: 15px;
    border: 2px solid #F1890E;
	border-radius: 5px;
}
.page_wrap-plan_family .blue_dot{
	width: 1%!important;
	display: block!important;
	margin: 1rem auto;
}
.page_wrap-plan_family .d_block {
	display: block;
}
.page_wrap-plan_family .balloon-left {
	position: relative;
	display: inline-block;
	margin: 1rem 2rem;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #FFF;
	border: solid 3px #CCCCCC;
	box-sizing: border-box;
	border-radius: 5px;
}
.page_wrap-plan_family .balloon-left:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
	z-index: 2;
}

.page_wrap-plan_family .balloon-left:after {
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #CCCCCC;
	z-index: 1;
}
.page_wrap-plan_family .balloon-left p {
	margin: 0;
	padding: 0;
}
.page_wrap-family .bg_black {
	background-color: #000;
}
.page_wrap-plan_family .bg_light_green {
	background-color: #D1F4EB;
}
.page_wrap-plan_family .bg_green {
	background-color: #19C999;
}
.page_wrap-plan_family .bg_light_blue {
	background-color: #D8E5FD;
}
.page_wrap-plan_family .bg_blue {
	background-color: #3A7FF3;
}
.page_wrap-plan_family .bg_light_orange {
	background-color: #FCE7CF;
}
.page_wrap-plan_family .bg_orange {
	background-color: #F1890E!important;
}
#family_explanation_bg_gray {
	display: inline-block;
	background-color: #323232!important;
	padding: 1rem;
	color: #fff;
}
.page_wrap-family .t_color_white {
	color: #fff;
}
.page_wrap-plan_family .famili_btn {
	border-radius: 25px;
	padding: 1rem;
}
#family_image_width_90{
	width: 90%;
	display: block;
	margin: 0 auto;
}
#mobapp_family_btn_register {
	color: #fff!important;
	background-color: #F1890E;
	border: none;
	border-radius: 9999px;
	font-weight: normal;
}
#mobapp_family_btn_details {
	background-color: #000;
	border: none;
}
#mobapp_family_btn_details::before{
	content: url('../../mobile/images/icon/icon_information.svg');
	display: inline-flex;
	line-height: 1.4rem;
	vertical-align: middle;
	margin-right: 1rem;
}
.page_wrap-family input ,.page_wrap-family input {
	background-color: initial!important;
	background-color: #323232!important;
	border: 1px solid #fff;
	border-radius: 0;
	color: #fff!important;
	/* margin-top: 1rem; */
	/* width: 30%; */
	/* margin-top: 1rem; */
}
.page_wrap-family input[type='radio'] + label.custom_radio:before {
	background-color: #000;
}
.page_wrap-family input[type='radio']:checked + label.custom_radio.green:after{
	background-color: #fff;
}
.page_wrap-family .d_inherit {
	display: inherit;
}
/* coin transfer */
#square_minus_solid, #square_minus_solid_disabled, #square_plus_solid, #square_plus_solid_disabled {
	max-width: 28px;
	height: auto;
	margin-top: 0.5rem;
}
#square_minus_solid {
	margin-right: 1rem;
}
#square_plus_solid {
	margin-left: 1rem;
}
.page-coin-transfer .coin-amount{
	background-color: #222222;
	color: #fff;
	padding:2rem 1rem;
}
.page-coin-transfer .coin-amount .j_c_center {
	justify-content: center!important;
}
.page-coin-transfer .coin-amount .coin_txt {
	margin-left: 0.3rem;
	margin-bottom: 0.5rem;
}
.page-coin-transfer .contents {
	flex: 1;
}
input#coin_movement {
	width: 30%!important;
}
.page-coin-transfer .j_c_end {
	justify-content: end;
}
a#family_coin_transfer_confirm {
	padding: 1rem 10.5rem;
	background-color: #4D4D4D!important;
	color: #000!important;
}
@media (max-width: 374px) {
	.page_wrap.page_app_select_tb_in_lesson .tb_btn .space {
		display: none;
	}
}
.page_wrap.page_app_select_tb_in_lesson .back_btn_fixed_wrap {
	position: fixed;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
	width: 100%;
	max-width: 500px;
	padding: 0 20px;
	opacity: .8;
}
.page_wrap.page_app_select_tb_in_lesson .back_btn {
	display: block;
	text-decoration: none;
	text-align: center;
	background-color: #999;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 3rem;
	padding: 5px 10px;
	border: 1px solid #999;
	border-radius: 5px;
	margin: 2rem;
    box-shadow: 0 6px 0 0 #7c7b7b;
}

/*Coin holding page*/
.current_coin_holding_wrap {
	background: #000;
	position: relative;
}

.current_coin_holding_wrap .page_inner {
	overflow-y: scroll;
	height: calc(100vh - 100px);
}

.current_coin_holding_wrap .total_count {
	justify-content: space-between;
	align-items: center;
	display: flex;
	color: #ffffff;
	font-weight: 400;
	font-size: 14px;
	padding-bottom: 10px;
	margin: 10px 20px;
	border-bottom: 1px solid #555555;
}

.current_coin_holding_wrap .total_count .right_col span {
	font-size: 18px;
	font-size: 1.8rem;
}

.current_coin_holding_wrap .coin_about {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 20px;
	margin-bottom: 30px;
}

.current_coin_holding_wrap .coin_about {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.current_coin_holding_wrap .coin_about img {
	margin-right: 5px;
	width: 15px;
	height: auto;
}

.current_coin_holding_wrap .coin_about span {
	font-size: 14px;
	font-weight: 400;
	color: #3778F1;
}

.current_coin_holding_wrap .coin_holding {
	padding: 0 20px;
	display: block;
}

.current_coin_holding_wrap .coin_holding_ttl {
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 15px;
}

.current_coin_holding_wrap .coin_holding_part {
	border: 1px solid #555555;
	margin-bottom: 20px;
}


/* NJ-12354 junior_grammar  Start */

.page_junior_grammar .content .main{
	margin-bottom:30px;
}
.page_junior_grammar .content .main img{
	display:block;
	flex-wrap: wrap;
	width: 50%;
}
.page_junior_grammar .content .main p{
	font-size: 4vw;
	width: 50%;
}

.page_junior_grammar .container .content .sec{
	font-size: 1.6rem;
	padding: 0 1rem;
}
.page_junior_grammar .container .content {
	line-height: 1.5;
}
.page_junior_grammar .content dl dt.sec_ttl{
	border-left: solid 5px #74b1ef;
	padding-left: 1rem;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	font-weight: bold;
}
.page_junior_grammar .content .content_ttl{
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    background: #74b1ef;
    text-align: center;
    padding: 1rem;
}
.page_junior_grammar .content .recommend_table{
	border:solid 3px #74b1ef;
	margin:0 auto;
}
.page_junior_grammar .content .recommend_table dt,
.page_junior_grammar .content .recommend_table dd{
	display:table-cell;
	font-size:1.6rem;
	vertical-align:middle;
}
.page_junior_grammar .content .recommend_table dt{
	background:#74b1ef;
	text-align:center;
	color:#fff;
	box-sizing:border-box;
	padding: 1.5rem  ;
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.4;
	position:relative;
	display: block;
}
.page_junior_grammar .content .sec_2 .recommend_table dd{
	padding: 1rem;
}
.page_junior_grammar .content .recommend_table dd ul {
	font-weight: bold;
}
.page_junior_grammar .content .recommend_table dd ul li {
	display: flex;
}
.page_junior_grammar .content .recommend_table dd li + li{
	margin-top:5px;
	font-size: 1.6rem;
}
.page_junior_grammar .content .sec_3 dl dd ul{
	font-size:0;
	text-align: center;
}
.page_junior_grammar .content .sec_3 dl dd ul li{
	font-size: 1.5rem;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0;
    border-radius: 1rem;
    min-height: auto;
    text-align: center;
}
.page_junior_grammar .content .sec_3 dl dd ul li .box_ttl{
	font-size: 1.6rem;
    color: #74b1ef;
    position: relative;
    margin: 2rem auto 1rem;
    font-weight: bold;
}
.page_junior_grammar .content .sec_3 dl dd ul li .box_ttl:before{
	width:45px;
	height:45px;
	line-height:45px;
	display:inline-block;
	border-radius:5px;
	color:#fff;
	background:#74b1ef;
	text-align:center;
	font-size:1.8rem;
	position:absolute;
	left:0px;
}
.page_junior_grammar .content .sec_3 dl dd ul li figure{
	margin-bottom:1rem;
}
.page_junior_grammar .content .sec_3 dl dd ul li figure img {
	max-width: 100%;
	width: auto;
}
.page_junior_grammar .content .sec_3 dl dd ul li p{
	font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    color: #1F1F1F;
}
.page_junior_grammar .content .recommend_table dd ul li span{
	color: #fff;
	background: #0bcafa;
	margin-right: 1rem;
	padding: 2px;
}
.page_junior_grammar .content .sec_4 ul .content_box p span{
	background: #00acec;
	margin-right: 1rem;
	color: #fff;
	padding: 1px 5px;
	font-size: 1.6rem;
}
.page_junior_grammar .content .sec_4 div .sec_4_img_activ{
	display: inline-block;
	margin-left: 45px;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_ttl{
	border-left: solid 5px #deb203;
}
.page_junior_grammar .content .sec_5 .entry_box  dl{
	padding:  0 0 4rem 1rem;
}
.page_junior_grammar .content .sec_5 .entry_box  dl dt{
	color: #deb203;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_junior_grammar .content .sec_5 .entry_box  dl dd .text_red{
	color:#ff3838;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner{
	position: relative;
	border-left: #deb203 2px solid;
	padding: 0 2rem;
	margin: 0 1rem;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner:last-child{
	border-left: none;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner .circle{
    background: #fbf1c8;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 50%;
    position: absolute;
    border: #deb203 3px solid;
    left: -11px;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner:last-child  .circle{
	left:-9px;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box .sec_ttl{
	border-left: solid 5px #fb7750;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box  dl{
	padding: 0 0 4rem 1rem;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box dl dt{
	color: #fb7750;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box .sec_left_line .beginner_middle_inner{
	position: relative;
	border-left: #fb7750 2px solid;
	padding: 0 2rem;
	margin: 0 1rem;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box .sec_left_line .beginner_middle_inner .circle{
    background: #fedcd2;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 50%;
    position: absolute;
    border: #fb7750 3px solid;
    left: -11px;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box .sec_left_line .beginner_middle_inner:last-child{
	border-left: none;
}
.page_junior_grammar .content .sec_5 .beginner_middle_box .sec_left_line .beginner_middle_inner:last-child .circle{
	left:-9px;
}
.page_junior_grammar .content .sec_5 .advanced_box .sec_ttl{
	border-left: solid 5px #74B1EF;
}
.page_junior_grammar .content .sec_5 .advanced_box dl {
	padding:  0 0 2rem 0;
	position: relative;
    top: -3px;
}
.page_junior_grammar .content .sec_5 .advanced_box dl dt{
	color: #74B1EF;
	font-size: 1.6rem;
	font-weight: bold;
}
.page_junior_grammar .content .sec_5 .advanced_box .sec_left_line .advanced_inner{
	position: relative;
	border-left: #74B1EF 2px solid;
	padding: 0 2rem;
	margin: 0 1rem;
}
.page_junior_grammar .content .sec_5 .advanced_box .sec_left_line .advanced_inner .circle{
    background: #CCE5FF;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 50%;
    position: absolute;
    border: #74B1EF 3px solid;
    left: -11px;
}
.page_junior_grammar .content .sec_5 .advanced_box .sec_left_line .advanced_inner:last-child{
	border-left: none;
}
.page_junior_grammar .content .sec_5 .advanced_box .sec_left_line .advanced_inner:last-child .circle{
	left: -9px;
}
.page_junior_grammar .content .sec_5 .advanced_inner dl dd{
	font-size: 1.4rem;
}
.page_junior_grammar .page_inner .container .page_ttl_wrap{
	display: flex;
	background: #74B1EF;
	color: #fff;
}
.page_junior_grammar .page_inner .container .page_ttl_wrap .text_area{
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 2rem;
}
.page_junior_grammar .page_inner .container .page_ttl_wrap img{
	display: block;
	margin-left: auto;
	max-width: 130px;
}
.page_junior_grammar .container .content .sec_top .sub_heading{
    font-size: 1.6rem;
    color: #555555;
    text-align: left;
    padding: 0 1rem;
    width: 80%;
    margin: 0 auto;
}
.page_junior_grammar .container .content .sec .box_col_2 {
	margin: 3rem auto 2rem;
}
.page_junior_grammar .container .content .sec .box_col_2 li {
	text-align: center;
}
.page_junior_grammar .container .content .sec .box_col_2 li img {
	max-width: 100%;
	width: auto;
}
.page_junior_grammar .container .content .sec .tb_labels {
	margin-top: 4rem;
	font-size: 1.6rem;
}
.page_junior_grammar .container .content .sec .tb_labels ul {
    margin-top: 1rem;
	padding-left: 1rem;
}
.page_junior_grammar .container .content .sec .tb_labels ul li  {
	display: flex;
	margin-bottom: 1rem;
}
.page_junior_grammar .container .content .sec .tb_labels ul li:last-child{
	margin-bottom: 0;
}
.page_junior_grammar .container .content .sec .tb_labels ul li span:nth-child(2) > q {
	color: #0FACEE;
	text-decoration: underline;
}
.page_junior_grammar .container .content .sec .tb_labels ul li a:hover{
	text-decoration: none;
}
.page_junior_grammar .container .content .sec .tb_labels ul li > span:first-child{
    display: inline-block;
}
.page_junior_grammar .container .content .sec .tb_labels ul.mw_7 li > span:first-child{
	min-width: 7rem;
}
.page_junior_grammar .container .content .sec .tb_labels ul.mw_14 li > span:first-child{
	min-width: 14rem;
}
.page_junior_grammar > .page_inner {
	padding: 0;
}
.page_junior_grammar > .page_inner > .container  {
    margin: 0;
    padding: 0 0 3rem;
    border: 0;
    box-shadow: none;
	border-radius: 0;
	background: #f5f5f5;
}
.page_junior_grammar  .balloon_wrap p.fs_25 {
	font-size: 1.6rem !important;
}
.page_junior_grammar .container .content .sec_6 figure.method_img img{
	max-width: 100%;
	width: auto;
}
.page_junior_grammar .content .recommend_table dd ul li i.fa-check-square-o:before {
    position: relative;
    top: 6px;
}
.page_junior_grammar .container .content > p {
	padding-left: 1rem;
	padding-right: 1rem;
}

/* NJ-12354 junior_grammar  End */
.current_coin_holding_wrap .coin_holding_part .coin_holding_item {
	padding: 10px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
}

.current_coin_holding_wrap .coin_holding_part .coin_holding_item:first-child {
	background-color: #555555;
}

.current_coin_holding_wrap .coin_holding_part .coin_holding_item .left_col {
	font-size: 14px;
	font-weight: 400;
}

.current_coin_holding_wrap .coin_holding_part .coin_holding_item .right_col {
	font-size: 16px;
	font-weight: 700;
}

.current_coin_holding_wrap .page_close_btn_wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.current_coin_holding_wrap .page_close_btn_wrap a {
	background-color: #ffffff;
	margin-bottom: 25px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 48px;
	height: 48px;
}

.current_coin_holding_wrap .page_close_btn_wrap a img {
	width: 16px;
	height: auto;
	display: block;
}

.current_coin_holding_wrap .page_close_btn_wrap span {
	height: 5px;
	width: 135px;
	background-color: #fff;
}
.btn-mobileSelect-gen {
	background: transparent !important;
    padding: 1rem 1rem!important;
    color: #3478F0!important;
	display: block!important;
	border: #fff solid 1px;
}
button.btn-mobileSelect-gen:not([class*=col-]):not([class*=form-control]):not(.input-group-btn):not(.btn-block) {
	width: 100%!important;
}
.page_wrap-family_member_edit .btn-mobileSelect-gen {
	background: #000!important;
    border: none!important;
    padding: 8px!important;
    color: #FFF!important;
    display: block!important;
}
/*NJ-14926 JC */
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy.disabled,
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate.disabled{
    background: #707070;
	border: none;
	pointer-events: none;
}
.dialog_save_requests .modal_inner{
	background: #232323;
	color: #FFF;
	border-radius: 12px;
}

.dialog_save_requests .modal_inner .btn_wrap-modal{
	border-top: #555 1px solid;
}
/*END NJ-14926 JC*/

.page_wrap-family select {
	background: initial;
	background-color: #323232!important;
	border-radius: initial;
	border: 1px solid #fff;
	color: #fff;
}

/* NETFLIX UI CSS - Mark */
.page_requests_for_lessons .requests_inner .translation_wrap .exchange_wrap .translated_texts.success{
	color: #fff;
}
.page_wrap.campaign_coin ul.campaign_menu li{
	margin-top: 0;
	border-top: 1px solid #555;
}
.page_wrap.campaign_coin ul.campaign_menu li:last-child{
	border-bottom: 1px solid #555;
}
.page_wrap.campaign_coin ul.campaign_menu li a{
	display: flex !important;
	align-items: center !important;
	background-color: #000 !important;
}
.page_wrap.campaign_coin ul.campaign_menu li a img{
	display: inline-block;
	margin-right: 1rem;
	width: 48px;
	height: 48px;
}
.page_wrap.campaign_gurantee .sec_inner_img {
	max-width: 8rem;
	margin: 0 auto;
}
.page_wrap.campaign_gurantee .ui_notice_list {
	display: flex;
    flex-direction: column;
	padding: 15px;
    background: #323232;
    border-radius: 4px;
}
.page_wrap.campaign_gurantee .ui_notice_list #apply_example,
.page_wrap.campaign_gurantee .ui_notice_list.listmark_2 a.btn_white {
	max-width: 21rem;
	margin: 0 auto;
}
.page_wrap.campaign_gurantee .t_link i,
.page_wrap.campaign_gurantee .ui_notice_list.listmark_2::after{
	display: none;
}
.page_wrap.campaign_gurantee .ui_notice_list.listmark_2 a.btn_white{
	width: 100%;
    max-width: 18rem;
	color: #000;
	text-align: center;
	padding: 0.8rem;
	background-color: #fff;
}
.page_wrap.campaign_gurantee .sec_panel {
	border: 1px solid #F84F63;
	border-radius: 4px 4px 0 0;
}
.page_wrap.campaign_gurantee .sec_panel_header {
	color: #fff;
	background-color: #F84F63;
	font-size: 1.4rem;
	text-align: center;
	border-radius: 4px 4px 0 0;
	padding: 1rem
}
.page_wrap.campaign_gurantee .sec_panel_body {
	padding: 1.5rem
}
.page_wrap.page_usage_price .sec_panel {
	border: 1px solid #20BA9B;
}
.page_wrap.page_usage_price .sec_panel_header {
	color: #fff;
	background-color: #20BA9B;
	font-size: 1.4rem;
	text-align: center;
	padding: 1rem
}
.page_wrap.page_usage_price .sec_panel.blue {
	border: 1px solid #1E63D9;
}
.page_wrap.page_usage_price .sec_panel.blue .sec_panel_header {
	background-color: #1E63D9;
}
.page_wrap.page_usage_price .sec_panel.orange {
	border: 1px solid #F1890E;
}
.page_wrap.page_usage_price .sec_panel.orange .sec_panel_header {
	background-color: #F1890E;
}
.page_wrap.page_usage_price .sec_panel.pink {
	border: 1px solid #F16297;
}
.page_wrap.page_usage_price .sec_panel.pink .sec_panel_header {
	background-color: #F16297;
}
.page_wrap.page_usage_price .sec_panel.white {
	border: 1px solid #fff;
	border-bottom: 1px solid #fff !important;
}
.page_wrap.page_usage_price .sec_panel.white .sec_panel_header {
	color: #000;
	background-color: #fff;
}
.page_wrap.page_usage_price .sec_panel_body {
	padding: 2rem;
}
.page_wrap.page_usage_price .price_wrap,
.page_wrap.page_usage_price .price_wrap .price_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 23rem;
}
.page_wrap.page_usage_price .price_wrap .price_inner_tag{
	width: 15.5rem;
	text-align: center;
	color: #fff;
	background-color: #F84F63;
	padding: 0.5rem;
	margin: 1rem auto 2rem;
}
.page_wrap.page_usage_price .price_wrap ul li + li{
	border-top: 1px solid #555;
	padding-top: 2rem;
}
.page_wrap.page_usage_price .check_list ul li:before {
	color: #fff;
}
.page_wrap.page_usage_price .ui_notice_list {
	display: flex;
    flex-direction: column;
	padding: 2rem;
    background: #323232;
    border-radius: 4px;
}
.page_wrap.page_usage_price .ui_notice_list li + li{
	margin-top: 1rem;
}
.page_wrap.page_usage_price .ui_notice_list ol{
	width: 20rem;
	margin: 0 auto 1.5rem;
}
.page_wrap.campaign_half_price .sec_header{
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #004986;
	padding: 2rem 2.6rem
}
.page_wrap.campaign_half_price .sec_header img{
	border: 1px solid #ccc;
	width: 48px;
	height: 48px;
	margin-right: 1rem;
}
.page_wrap.campaign_half_price .sec_dummy_box,
.page_wrap.campaign_free-beginning_teacher .sec_dummy_box{
	height: 10rem;
	background-color: #fff;
}
.page_wrap.campaign_free-beginning_teacher .sec_step .sec_step_inner,
.page_wrap--campaign_limited_time .sec_step .sec_step_inner {
	padding: 2rem;
	border: 1px solid #fff;
	width: 100%;
}
.page_wrap.campaign_free-beginning_teacher .sec_step .sec_step_tag,
.page_wrap--campaign_limited_time .sec_step .sec_step_tag {
	max-width: 9rem;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto 1.6rem;
	padding: 0.5rem;
	background-color: #004986;
	border-radius: 100px;
}
.page_wrap.campaign_free-beginning_teacher .sec_step .sec_step_btn,
.page_wrap--campaign_limited_time .sec_step .sec_step_btn {
	display: block;
    text-align: center;
	padding: 0.8rem;
	color: #000;
	background-color: #fff;
	border-radius: 4px;
}
.page_wrap.campaign_free-beginning_teacher .sec_step ul li,
.page_wrap--campaign_limited_time .sec_step ul li {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 6rem;
}
.page_wrap.campaign_free-beginning_teacher .sec_step ul li:first-child,
.page_wrap--campaign_limited_time .sec_step ul li:first-child {
	padding-top: 0;
}
.page_wrap.campaign_free-beginning_teacher .sec_step ul li + li::before,
.page_wrap--campaign_limited_time .sec_step ul li + li::before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
    top: 2rem;
	border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #555555;
	font-size: 0;
	line-height: 0;
}
.page_wrap--free-popular_teacher.bg_black .sec{
	padding: 2rem;
}
.page_wrap--campaign_limited_time.bg_black p{
	font-size: 1.4rem;
}
.page_wrap--campaign_limited_time .sec_panel {
	max-width: 27.5rem;
    margin: 0 auto;
	border-radius: 4px;
}
.page_wrap--campaign_limited_time .sec_dummy_box {
	height: 20rem;
	background-color: #fff;
}
.page_wrap--campaign_limited_time .sec_step .sec_step_inner {
	border-color: #004986;
}
.page_wrap.receiving_box_wrap .claimed_coin .left_col{
	width: 65% !important;
}
.page_wrap.receiving_box_wrap .claimed_coin .right_col{
	width: 35% !important;
}
.page_wrap.receiving_box_wrap .claimed_coin .detail_ttl{
	display: none!important;
}
.page_wrap .usage-lesson_reservation .box.bordered{
	border: 1px solid #555;
}
.page_wrap .usage-lesson_reservation .c_black{
	color: #000 !important;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form select.selected,
.page_wrap--free-popular_teacher.bg_black .teacher_list ul li .name_area,
.page_wrap--free-popular_teacher.bg_black .teacher_list ul li .flag_area figcaption {
	color: #fff !important;
} 
.page_wrap--free-popular_teacher.bg_black .teacher_search_form select.select_style_2.selected option,
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .dl_style_2.dl_selector .tb_custom_selector {
	color: #000 !important;
}
.page_wrap.page_features_wrap.c_white .content_reserve_lesson .btn_white{
	display: block;
	border-radius: 4px;
}
.page_wrap.page_features_wrap.c_white .gray_bg_ttl {
	font-size: 1.8rem;
}
.page_wrap.page_features_wrap.c_white .sec_content_white_border{
	padding: 2rem;
	margin-left: 2rem;
	margin-right: 2rem;
}
.page_features_wrap .nav_features_bottom {
	max-width: 540px;
	border: 1px solid #555555 !important;
}
.page_wrap.page_report .btn-mobileSelect-gen {
    border: none!important;
}
.page_wrap.page_report .btn-mobileSelect-gen span.text{
    padding: 0.8rem 0;
}
.page_wrap.page_report .trigger_select option {
	background-color: #000 !important;
}
.page_wrap.page_requests_for_lessons.bg_black button.btn-mobileSelect-gen{
	position: relative;
	padding: 1.5rem 2rem !important;
}
.page_wrap.page_callan_index .lesson_video_section a{
	font-size: 1.4rem;
	color: #3778F1;
	text-align: center;
}
.page_wrap.receiving_box_wrap .btn-mobileSelect-gen{
	display: flex !important;
    justify-content: left;
    align-items: center;
	background: none !important;
    border: 0 !important;
    padding: 0 !important;
	-webkit-tap-highlight-color: transparent;
}
.page_wrap.receiving_box_wrap .btn-mobileSelect-gen .text{
	width: auto;
	border: 0;
}
.page_wrap.receiving_box_wrap .btn-mobileSelect-gen .text::after{
	display: none;
}
.page_wrap.receiving_box_wrap .btn-mobileSelect-gen .caret{
	margin-left: 1rem;
}
 .mobileSelect-container .list-container {
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
	margin: auto !important;
	max-height: 70vh;
}
.page_counseling_guide.bg-black .consultation_list > ul{
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: hidden;
}
.page_counseling_guide.bg-black .consultation_list > ul > li + li{
	margin: 0;
}
.page_counseling_guide.bg-black .consultation_list > ul li:nth-child(3n) {
	margin-right: -0.6rem;
}
.page_counseling_guide.bg-black .consultation_inner {
	width: 33%;
	margin: 0 0 15px;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_img{
	width: 29.333vw;
	height: 29.333vw;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_img.img-wrap-80{
	align-items: flex-end;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_img.img-wrap-80 img{
	width: 85%;
}
.page_counseling_guide.bg-black .cs_wrap .btn-white{
	width: auto;
}
.page_counseling_guide.bg-black .consultation_inner .consultation_ttl{
	margin-right: 0.4rem;
}
.page_features_index .t_link {
	color: #3778F1;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list a{
	padding: 1.5rem 0 !important;
}
.page_menu .page_inner .menu_list_wrap .menu_list_content .menu_list a > i{
	display: none;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list li {
	flex-direction: row-reverse;
}
.page_menu.android .page_inner .menu_list_wrap .menu_list_content .menu_list li::before {
	content: url('../images/icon/icon_arrow-white-right.svg');
	position: relative;
	color: #ababab;
}
.mobileSelect-container .list-container {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-top: 0!important;
	margin-bottom: 200px!important;
	overflow: hidden;
	overflow-y: auto;
}
.mobileSelect-container .mobileSelect-buttons a {
    /* padding: 30px 20px!important; */
}
.page-coin-transfer a#family_coin_transfer_confirm{
	padding: 1rem;
}
.page_report .btn_wrap.btn_center .btn_style{
	color: #000 !important;
}
.page_requests_for_lessons button.btn-mobileSelect-gen span.text:after{
	right: 2.4rem;
}
.page_cs_history.bg_black .btn-mobileSelect-gen{
	background-color: #000 !important;
	border: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
	-webkit-tap-highlight-color: transparent;
}
.page_cs_history.bg_black .btn-mobileSelect-gen span.text{
	width: auto !important;
	padding-right: 2.5rem;
}
.page_cs_history.bg_black .btn-mobileSelect-gen span.text::after{
	content: '';
	top: 1.2rem;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
.page_cs_history_detail .input_file_box {
	justify-content: center;
}
.page_cs_history_detail .input_file_box .btn_round{
	width: 15rem;
	text-align: center;
	border-radius: 0;
	margin-bottom: 0.5rem;
	font-size: 1.4rem;
    padding: 0.5rem 2.4rem;
}
.page_cs_history_detail #reply_text {
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 1rem;
    color: #fff;
    background-color: #323232;
    border: 1px solid #fff;
    border-radius: 0;
    height: unset;
}
.page_cs_history_detail #reply_text + p {
	color: #aaa;
}
.page_cs_history_detail .content .comment_head .date{
	color: #fff;
}
.page_cs_history_detail .wrap-loader:not(.hide){
	display: flex;
    justify-content: center;
    align-items: center;
}
.page_cs_history_detail .content .topics_comment .comment_list li{
	padding: 1.5rem;
	background-color: #000 !important;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style {
	position: relative;
	min-width: 25rem;
    height: 4rem;
    line-height: 2.2;
	margin: 0 auto;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style::after {
	display: none;
}
.page_cs_history_detail .comment_body .rating_stars_wrap .rating_stars{
	color: #000;
}
.page_cs_history_detail .comment_body font[color="#000000"],
.dialog_cs_history_detail .cs_history_detail_wrap p font[color="#000000"] {
	color: #fff !important; /* override black text on black bg*/
}
.page_wrap-family_member_deactivate_plan_complete .btn_style.btn_white,
.page_wrap-family_member_activate_plan_complete .btn_style.btn_white,
.page_wrap-family_member_remove_complete .btn_style.btn_white{
	color: #000 !important;
	background-color: #fff;
	letter-spacing: unset;
	line-height: 2.2;
}
.page_cs_history .cs-history-search-bar .search_mark::before{
	content: '';
	width: 1.6rem;
	height: 1.6rem;
	background-image: url(../images/cs/icon_seach.png);
	background-size: contain;
}
.page_cs_history .cs-history-search-bar .item-search-input input {
	width: 100%;
	border: 0 !important;
    border-radius: 0;
    outline: none;
}
.page_wrap--free-popular_teacher.bg_black  .dl_conditions .select_country,
.page_wrap--free-popular_teacher.bg_black .dl_conditions .select_country_form,
.page_wrap--free-popular_teacher.bg_black .dl_gender .select_style_2,
.page_wrap--free-popular_teacher.bg_black .dl_date select,
.page_wrap--free-popular_teacher.bg_black .tb_custom_selector .selected_item,
.page_wrap--free-popular_teacher.bg_black .tb_custom_selector .options,
.page_wrap--free-popular_teacher.bg_black .dl_lesson_history .select_style_2 {
	color: #fff !important;
	background: #000 !important;
}
.page_wrap--free-popular_teacher.bg_black .dl_conditions .select_country_form:before,
.page_wrap--free-popular_teacher.bg_black .dl_conditions .select_country_form:after {
	margin-left: -5px;
}
.page_wrap--free-popular_teacher.bg_black .dl_conditions .select_country_form .select_country_inner {
	border-color: #323232;
}
.page_wrap--free-popular_teacher.bg_black .dl_conditions .select_country_form .table_country .continent {
	background: #323232;
}
.page_wrap--free-popular_teacher.bg_black .dl_conditions .select_country_form .btn_green {
	background-color: #fff;
	color: #000 !important;
}
.page_wrap-family.page_wrap-family_member_edit button.btn-mobileSelect-gen{
	margin-top: 0;
}
.page_signup .sec_page_signup--quest,
.page_signup .sec_page_signup--credit.page_signup_credit_complete {
	color: #fff;
}
.page_signup .sec_page_signup--quest .questionnaire_form {
	background: #000;
}
.page_signup .page_inner .sec_page_signup--quest .form_wrap .form_box .questionnaire_form {
	background: #000;
}
.page_signup .sec_page_signup--quest textarea {
    border: 1px solid #FFFFFF;
    background: #323232;
    color: #FFF;
    border-radius: 0;
}
.page_signup .sec_page_signup  textarea.sms_ui-count_input {
    background: #222!important;
    color: #FFF!important;
}
.page_callan_purchase_plat_complete .container {
	padding: 2rem 1.2rem !important;
}
.page_callan_purchase_plat_complete .container .sub_sec {
	border-top-color: #555;
}
.page_callan_purchase_plat_complete .purchase_plat_complete_table tr th{
	font-weight: normal;
}
.page_callan_purchase_plat_complete .purchase_plat_complete_table tr td{
	min-height: 2rem;
	color: #7F7F7F;
}
.page_callan_purchase_plat_complete .callanform_important_box ul li {
	margin-left: 16px;
	margin-bottom: 1rem;
}
.page_callan_purchase_plat_complete .callanform_important_box ul li:before{
	content: "※";
}
.page_callan_purchase_plat_complete .btn_white{
	max-width: 35.5rem;
    width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.page_callan.callan_for_business section.sec,
.page_callan.callan_for_kids section.sec,
.page_kids.bg_black section.sec,
.page_callan_flow_usage section.sec,
.page_callan_flow_viewer section.sec {
	padding: 2rem;
	margin: 1.5rem 2rem;
	border: 1px solid #555;
}
.page_callan.callan_for_business .recommend_table,
.page_callan.callan_for_kids .recommend_table {
	border-radius: 4px;
}
.page_callan.callan_for_business .recommend_table ul li,
.page_callan.callan_for_kids .recommend_table ul li{
	text-indent: -1rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
}
.page_wrap.callan_for_kids .sec .level_check_box,
.page_wrap.callan_for_kids .sec .box {
	margin: 0;
}
.page_wrap.callan_for_kids .sec_lesson_flow .box:last-child {
	margin-top: 2rem;
}
.page_wrap.callan_for_kids .sec_lesson_flow .box:last-child:before{
	display: none;
}
.page_wrap-family.page_wrap-family_member_edit_complete .btn_style.btn_white {
	color: #000 !important;
	background: #fff !important;
	line-height: 2.4;
}
.page_callan_flow_purchase_plat_input .c_gray,
.page_callan_flow_purchase_plat_confirm .c_gray {
	color: #7F7F7F !important;
}
.page_callan_flow_purchase_plat_input .btn_white {
	height: 3.8rem;
    line-height: 3.6rem;
	border-radius: 4px;
}
.page_kids.bg_black section.sec dl dt{
	font-size: 1.6rem;
	text-align: center;
	border: none;
}
.page_kids.bg_black section.sec .box_gray {
	background: #323232;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}
.page_kids.bg_black section.sec dl dd h4,
.page_kids.bg_black section.sec dl dd h4 a{
	color: #F1890E;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.page_kids.bg_black section.sec dl dd h5 {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.page_kids.bg_black section.sec .recommend_table {
	border-radius: 4px;
	border-color: #FFFFFF;
}
.page_kids.bg_black section.sec .recommend_table dt{
	font-size: 1.4rem;
	color: #000;
	background-color: #fff;
}
.page_kids.bg_black section.sec .recommend_table dd{
	padding: 1.5rem;
}
.page_kids.bg_black .content .box > .box_ttl {
	color: #F1890E;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_kids.bg_black .picture_list li{
	width: 100%;
}
.page_kids.bg_black .picture_list li .link_video{
	position: relative;
}
.page_kids.bg_black .picture_list li .link_video::before{
	content: '';
	width: 7rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	background-image: url(../images/text_description/kids/youtube.png);
	background-repeat: no-repeat;
	background-position: center;
}
.page_kids.bg_black .content .kids_step > dl {
	width: 100%;
	position: relative;
	display: flex;
}
.page_kids.bg_black .content .kids_step > dl + dl {
	padding-top: 6rem;
}
.page_kids.bg_black .content .kids_step > dl + dl:before {
	content: '';
	position: absolute;
	top: 2rem;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #999999;
}
.page_kids.bg_black .content .kids_step > dl dd,
.page_kids.bg_black .content .kids_step > dl dd h4{
	text-align: left;
}
.page_kids.bg_black .content .kids_step > dl dd h4{
	line-height: 1;
	margin-bottom: 0.5rem;
}
.page_kids.bg_black .content .kids_step > dl dt {
	margin-bottom: 0;
}
.page_kids.bg_black .content .kids_step > dl dt img{
	max-width: 9rem;
	margin-right: 1rem;
}
.page_kids.bg_black .sec_text_purchase ul li figure {
    max-width: 8rem;
	float: left;
	margin-right: 1rem;
    margin-bottom: 1rem;
}
.page_sp_desc.page_callan i.icon_caution {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-image: url(../images/callan_flow/6_review/caution.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: -4px;
}
.func-error-message i.icon_info {
	display: inline-block;
	width: 1.5rem;
	height: 1.5rem;
	background-image: url(../images/cs/icon_info.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin-right: 0.5rem;
	margin-bottom: -1px;
}
.page_wrap .btn_style.btn_white {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.black--page-wrap .input_file_box {
	flex-direction: column;
}
.page_sp_desc.page_callan .title-bg-orange{
	background: #F1890E;
    border-radius: 10rem;
	font-weight: bold;
}
.page_callan_flow_usage .sec .sec_box{
	padding: 1.5rem;
	border: 1px solid;
	border-radius: 4px;
}
.page_callan_flow_usage .sec .sec_box.blue{
	border-color: #0BCAFA;
}
.page_callan_flow_usage .sec .sec_box.red{
	border-color: #F84F63;
}
/* END NETFLIX UI CSS */

/* KIDS TEXTDESCRIPTION NETFLIX UI CSS */
.page_wrap.page_kids .gray_box{
	background: #323232;
	border-radius: 8px;
	margin: 2rem;
	padding: 2rem;
}
/* END KIDS TEXTDESCRIPTION NETFLIX UI CSS */

#details_unclaimed .btn-mobileSelect-gen{
	background-color: #000 !important;
    border: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-tap-highlight-color: transparent;
}
#details_unclaimed .btn-mobileSelect-gen{
    background-color: #000 !important;
    border: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    -webkit-tap-highlight-color: transparent;
}
#details_unclaimed .btn-mobileSelect-gen span.text{
	width: auto !important;
	padding-right: 2.5rem;
}
#details_unclaimed .btn-mobileSelect-gen span.text::after{
	content: '';
	top: 1.2rem;
    right: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}
.page_sp_desc.page_callan .clsp-article .review-times {
	max-width: 25rem;
	margin: 0 auto;
}
.page_sp_desc.page_callan .clsp-article,
.page_sp_desc.page_callan .clsp-article .screenshot-inner{
	max-width: 100%;
}
.page_callan_flow_usage strong {
	font-weight: bold;
}
.page_wrap--free-popular_teacher.bg_black .btn_wrap #see_more {
	color: #3778F1 !important;
	background: none;
    box-shadow: none;
}
.page_wrap--free-popular_teacher.bg_black .btn_wrap #see_more i{
	display: none;
}
.page_wrap--free-popular_teacher.bg_black .btn_wrap .btn_style.disabled {
	color: #555 !important;
	background: #000 !important;
	border: 1px solid #555 !important;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form {
	width: 100%;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form tr{
	border-top: 1px solid #555;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form tr:last-child{
	border-bottom: 1px solid #555;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form tr:nth-child(4),
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form tr:nth-child(5){
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form .table_form .dl_style_2 {
	width: 100%;
	position: relative;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form button,
.page_wrap--free-popular_teacher.bg_black .teacher_search_form select,
.page_wrap--free-popular_teacher.bg_black .sec.sec_teachers select.selected {
	text-align: left;
	border: 0 !important;
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form button.select_style_2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
	.page_wrap--free-popular_teacher.bg_black .teacher_search_form button.select_style_2:after {
	content: '';
	border: solid #fff;
	border-width: 0 1.5px 1.5px 0;
	display: inline-block;
	padding: 2.4px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.page_wrap--free-popular_teacher.bg_black .teacher_search_form ul.checks,
.page_wrap--free-popular_teacher.bg_black .teacher_search_form ul.radio_list{
	margin: 0 1rem;
}
.black--page-wrap #faqs .sec_cs,
.black--page-wrap #faqs .sec_cs > .common_inner{
    padding: 0;
	margin: 0;
}
.page_wrap-family_apply_plan .input_area .birthday_inpt::placeholder{
	color: #fff;
}
/* Netflix UI - Text Description Pages CSS*/
.page_description_eiken_original.bg_black .flow .flow_sub_wrap .flow_sub .flow_sub_text,
.page_description_eiken_original.bg_black .tips_wrap .tips .tips_title,
.page_description_eiken_original.bg_black .tips_wrap .tips .tips_text,
.page_description_eiken_original.bg_black .step_wrap .step .step_text,
.page_description_eiken_original.bg_black .sec_types .type_list > .type .type_name,
.page_toeic.bg_black .sec_notice .notice,
.page_pronunciation_basic.bg_black .content_box > p:not(.title_color.green_c,.circle_number),
.page_pronunciation_basic.bg_black .content .sec_5 ul li + li:before,
.page_sp_desc.bg_black .circle_flowchart .content_box .box_inner p,
.page_sp_desc.bg_black .content .sec_5 ul li .content_box p:not(.title_color.green_c,.circle_number){
	color: #000;
}
.page_daily_news_mobapp .daily_news_history_panel,
.page_daily_news_mobapp .daily_news_history_panel .daily_news_data_list_4 .article_link {
	color: #fff;
	background-color: #262626;
}
.page_daily_news_mobapp .daily_news_history_panel .panel_title,
.page_daily_news_mobapp .daily_news_history_panel .daily_news_search_input > .daily_news_round_input,
.page_daily_news_mobapp .daily_news_history_panel .daily_news_history_control_group .control_name,
.page_daily_news_mobapp .daily_news_history_panel .daily_news_round_input, input.daily_news_round_input,
.page_daily_news_mobapp .daily_news_history_panel .daily_news_round_input, input.daily_news_round_input::placeholder,
.page_daily_news_mobapp .daily_news_history_panel .daily_news_level_output.history {
	color: #fff !important;
	color-scheme: dark;
}
.page_wrap-plan_trial .container{
	padding: 0 !important;
}
.page_wrap-family .fam_members .member .user_profile .detail p{
	word-break: break-all;
}
.page_wrap-family .fam_members .member .user_profile .user_profile_top {
	display: flex;
	align-items: flex-start;
	padding: 0 20px;
	justify-content: center;
	max-width: 590px;
	margin: 0 auto;
	box-sizing: border-box;
}
.page_wrap.page_store_confirm .order_address .address_info input,
.page_wrap.page_store_confirm .order_address .address_info select {
    background-color: #323232;
    border-radius: 0;
    color: #fff;
}
.page_monthly .content section .con_box_agent .con_box_content::before,
.page_monthly .content section .con_box_agent .con_box_content::after{
	content: "";
    position: absolute;
    border-style: solid;
    border-color: #CCCCCC transparent;
    display: block;
    width: 0;
}
.page_monthly .content section .con_box_agent .con_box_content::before{
	top: 24px;
    bottom: auto;
    left: -24px;
    border-width: 15px 24px 15px 0;
    border-color: transparent #CCCCCC;
}
.page_monthly .content section .con_box_agent .con_box_content::after{
	top: 27px;
    bottom: auto;
    left: -20px;
    border-width: 12px 21px 13px 0;
    border-color: transparent #000;
}
.page_studysapri.bg_black .notice{
    background-color: #323232;
    border: 1px solid #7F7F7F;
    color: #fff;
}
.page_monthly .content dl dt.sec_ttl {
	color: #ffff;
}
.page_wrap--free-popular_teacher .user_list_style_2 .user_list_item.closed{
	background-color: #000;
}
.page_wrap--free-popular_teacher .user_list_style_2 .user_list_item.closed .closed_area{
	top: 32px;
	right: 50px;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner {
	max-width: 100%;
}
.page_wrap .btn_style.arrow_r:after {
	display: none;
}

/* NJ-16402 start */
.page_unlimited_callan{
  background:#FFFFFF;
  color:#333333;
}

.page_unlimited_callan .sec{
	padding:5rem 2rem;
	margin: auto;
}

.callan_unlimited_callan{
  background: url(../images/callan_flow/unlimited_callan/fv-bg.png);
  background-size: cover;
	padding: 1.6rem 0 1.9rem;
	border-bottom: 3px solid #325995;
}

.callan_unlimited_callan figure{
  width:7rem;
  margin:0 auto;
}

.callan_unlimited_callan .top_area_title{
	background: #FFFFFF;
	color:#325995;
	border:2px solid #325995;
	max-width:15.6rem;
	margin:0 auto;
	padding-top:1rem;
	padding-bottom:1rem;
	box-shadow:7px 7px;
  font-size:1.8rem;
  font-weight:bold;
  line-height:1.2;
}

.unlimited_inner .streaming_area{
  text-align:center;
}
.unlimited_inner .streaming_area .text-1{
	font-size:1.8rem;
  font-weight:bold;
  color:#325995;
  line-height:1.3;
	padding-top:2.3rem;
  margin:0 auto 2rem;
}
.unlimited_inner .streaming_area .text-1 span{
  color:#FF8600;
}
.unlimited_inner .streaming_area .text-2{
	font-size:1.4rem;
  color:#333333;
  line-height:1.3;
	width:89.33%;
  margin:0 auto;
	text-align:left;
}

.unlimited_inner .sec .title-text h2{
	position: relative;
	z-index: 2;
	text-align: center;
	color: #325995;
  font-size:1.8rem;
  font-weight:bold;
}
.unlimited_inner .sec .title-text em {
	position: relative;
	display: inline-block;
	border-bottom:3px solid #325995;
	padding:0 1rem;
}

.unlimited_inner .sec .callan_method_head{
	display:flex;
	align-items: center;
	margin: 2rem auto 3rem;
}
.unlimited_inner .sec .callan_method_head .method_head_left{
	width:10rem;
	margin-right:1.5rem;
}
.unlimited_inner .sec .callan_method_head .method_head_left img{
	max-width:initial;
}
.unlimited_inner .sec .callan_method_head .method_head_right{
	/* width:81.25%; */
	text-align:left;
  font-size:1.4rem;
}

.unlimited_inner .sec .callan_method_container{
	padding:0 3rem;
}
.unlimited_inner .sec .callan_method_container .method_item{
	background:#FFFFFF;
	border:2px solid #325995;
	box-shadow:7px 7px #325995;
	padding:2.2rem;
	text-align:center;
  margin-bottom:3.5rem;
}
.unlimited_inner .sec .callan_method_container .method_item_content{
	/* width:33.6rem; */
}

.unlimited_inner .sec .callan_method_container .method_item h3{
	font-size:1.6rem;
  font-weight:bold;
	color:#325995;
	line-height:1.4;
  margin-bottom:1.5rem;
}
.unlimited_inner .sec .callan_method_container .method_item p{
	line-height:1.3;
  color:#333333;
  font-size:1.4rem;
}

.unlimited_inner .sec .btn_trial_area .btn_method{
	padding: 1.1rem 5.5rem;
  box-sizing: border-box;
	width:100%;
	max-width: 33.5rem;
  font-size: 1.4rem;
  border-radius: 10rem;
  font-weight: bold;
  background:#325995;
	display: inline-block;
	text-align: left;
	color: #fff !important;
	cursor: pointer;
	position: relative;
	line-height:1.3;
    text-align:center;
}
.unlimited_inner .sec .btn_trial_area .btn_method::after{
	position:absolute;
	content:url(../images/callan_flow/unlimited_callan/icon_arrow.png);
	width:14px;
	top:50%;
	right:15px;
	transform: translateY(-50%);
}

.page_unlimited_callan .unlimited_inner .sec:nth-of-type(even){
	background: #EAEEF4;
}

/* .unlimited_inner .sec .title-text{
	padding-top:5rem;
} */

.unlimited_inner .sec .title-text-1{
  margin-bottom:1.8rem;
}

.unlimited_inner .sec .callan_reason_top{
	padding:2rem;
	background:#FFFFFF;
  margin-top:3rem;
}
.unlimited_inner .sec  .callan_reason_top .reason_top_title{  
	font-size:1.6rem;
  font-weight:bold;
  color:#325995;
  text-align:center;
}
.unlimited_inner .sec  .callan_reason_top .reason_top_img{
  width:100%;
  margin:1.5rem 0;
  text-align: center;
}
.unlimited_inner.sec  .callan_reason_top .reason_top_img img{
	width:100%;
}
.unlimited_innersec  .callan_reason_top .reason_top_text{
}

.unlimited_inner .sec  .callan_reason_top .reason_top_right p{
	font-size:1.4rem;
	color:#333333;
	line-height:1.2;
}


.unlimited_inner .sec  .callan_reason_bottom{
	padding:2rem;
	background:#FFFFFF;
    margin-top:3rem;
}
.unlimited_inner .sec  .callan_reason_bottom .reason_bottom_title{
	font-size:1.6rem;
    font-weight:bold;
    color:#325995;
    text-align:center;
}
.unlimited_inner .sec  .reason_bottom_price{

}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_left{
	background:#FFFFFF;
	border:3px solid #EAEEF4;
	/* width:17rem; */
	width:58%;
	text-align:center;
	box-sizing: border-box;
    margin:1.5rem auto 0;
}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_left p{
	font-size:1.4rem;
	color:#333333;
	font-weight:bold;
	padding:1.3rem 0;
}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_left p span{
	font-size:2rem;
	color:#555555;
	margin:0 0.5rem;
}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_center{
  margin:1.5rem auto;
  text-align: center;
}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_right{
	background:#FFFFFF;
	border:3px solid #FF8600;
	/* width:25.8rem; */
	width:85%;
	text-align:center;
	box-sizing: border-box;
  margin:0 auto 1.5rem;
}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_right p{
	font-size:1.6rem;
	color:#555555;
	font-weight:bold;
	padding:1.3rem 0;
}
.unlimited_inner .sec  .reason_bottom_price .bottom_price_right p span{
	font-size:2.4rem;
	color:#ED1C23;
	margin:0 0.5rem;
}
.unlimited_inner .sec  .callan_reason_bottom .reason_text{
	font-size:1.4rem;
	color:#333333;
    margin-bottom:1.5rem;
}
.unlimited_inner .sec  .callan_reason_bottom .reason_img{
	width:100%;
  text-align:center;
  margin-bottom:2rem;
}

.unlimited_inner .sec .btn_trial_area .btn_reason{
	padding: 1.1rem 4.5rem;
  box-sizing: border-box;
	width:100%;
  max-width: 29.5rem;
  font-size: 1.4rem;
  border-radius: 10rem;
  font-weight: bold;
  background:#325995;
	display: inline-block;
	text-align: left;
	color: #fff !important;
	cursor: pointer;
	position: relative;
	line-height:1.3;
    text-align:center;
}
.unlimited_inner .sec .btn_trial_area .btn_reason::after{
	position:absolute;
	content:url(../images/callan_flow/unlimited_callan/icon_arrow.png);
	width:14px;
	top:55%;
	right:15px;
	transform: translateY(-50%);
}

.unlimited_inner .sec .callan_flow_items{
	margin-top:3rem;
	width:100%;
}
.unlimited_inner .sec .callan_flow_items .callan_flow_item{
	
}

.unlimited_inner .sec .callan_flow_items .flow_item_title{
	display:flex;
	align-items:center;
  justify-content: center;
}
.unlimited_inner .sec .callan_flow_items .flow_item_title .number{
	background:#325995;
	border-radius:100%;
	color:#FFFFFF;
	font-size:1.6rem;
	font-weight:bold;
	width:3rem;
	height:3rem;
	text-align:center;
	line-height:3rem;
	margin-right:0.5rem;
}
.unlimited_inner .sec .callan_flow_items .flow_item_title h3{
	color:#325995;
	font-size:1.6rem;
  font-weight:bold;
}

.unlimited_inner .sec .callan_flow_items .flow_item_img{
	max-width:33.5rem;
	height:auto;
	margin: 1.5rem auto;
}
.unlimited_inner .sec .callan_flow_items .flow_item_img img{
	width:100%;
	display: block;
	border:2px solid #325995;
}

.unlimited_inner .sec .callan_flow_items .flow_item_text a{
	color:#3DC8FF;
	text-decoration: underline;
}

.unlimited_inner .sec .callan_flow_items .flow_img{
	display: block;
	width: 6rem;
	height: 2rem;
	background: url(https://assets2.nativecamps.com/user/webroot/mobapp/images/callan_flow/unlimited_callan/flow-triangle.webp) no-repeat center;
	background-size: cover;
	margin: 3rem auto;
}

.unlimited_inner .sec .callan_price_top{
	color:#FFFFFF;
	background:#325995;
	border:3px solid none;
	box-shadow:none;
	padding:3.8rem 2.2rem;
	/* max-width:33rem; */
	/* width:88%; */
	margin:3rem auto 8rem;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif!important;
}
.unlimited_inner .sec .callan_price_title{
	background:#325995;
	padding:1rem 0;
	/* width:28.6rem; */
	width:100%;
	margin:0 auto;
}
.unlimited_inner .sec .callan_price_title h3{
	color:#FFFFFF;
	font-size:1.6rem;
  font-weight:bold;
	text-align:center;
}
.unlimited_inner .sec  .callan_price_top .price_top_container{
	
}

.unlimited_inner .sec  .callan_price_top .price_top_container .price_top p{
	font-size:1.4rem;
	font-weight:bold;
	color:#FFFFFF;
	padding: 1.3rem 0;
	background:#325995;
}
.unlimited_inner .sec  .callan_price_top .price_top_container .price_top span{
	font-size:2rem;
	color:#FFFFFF;
	margin:0 0.5rem;
}

.unlimited_inner .sec  .callan_price_top .price_top_container .price_top,
.unlimited_inner .sec  .callan_price_top .price_top_container .price_top .price_left_bottom{
  background: #FFFFFF;
  border: 3px solid #EAEEF4;
  /* width: 17rem; */
	width:56%;
  text-align: center;
	box-sizing: border-box;
  margin:0 auto;
}

.unlimited_inner .sec  .callan_price_top .price_top_container .price_top_center{
	text-align:center;
}
.unlimited_inner .sec  .callan_price_top .price_top_container .price_top_center p{
	font-size:3.5rem;
	font-weight:bold;
	color:#FFFFFF;
}

.unlimited_inner .sec  .callan_price_top .price_top_container .price_top_bottom{
	background:#FFFFFF;
	border:3px solid #325995;
	/* width:24.8rem; */
	width:80%;
	text-align:center;
	box-sizing: content-box;
  margin:0 auto;
}
.unlimited_inner .sec  .callan_price_top .price_top_container .price_top_bottom p{
	font-size:1.6rem;
	background:#325995;
	color:#FFFFFF;
	font-weight:bold;
	padding:1.3rem 0;
	border: 3px solid #FFFFFF;
}
.unlimited_inner .sec  .callan_price_top .price_top_container .price_top_bottom span{
	font-size:2.4rem;
	color:#FFFFFF;
	margin:0 0.5rem;
}


.unlimited_inner .sec  .callan_price_bottom{
	background:#FFFFFF;
	border:none;
	box-shadow:none;
	padding:2.2rem;
	position:relative;
	font-weight: bold;
	font-family: "Noto Sans JP", sans-serif!important;
}
.unlimited_inner .sec  .callan_price_bottom .light_red{
	color: #ED1F23;
}
.unlimited_inner .sec  .callan_price_bottom .left_top{
	position:absolute;
	background:linear-gradient(135deg, #ED1C23 50%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
	top:0;
	left:0;
	width:6rem;
	height:6rem;
}
.unlimited_inner .sec  .callan_price_bottom .left_top p{
	font-size:1rem;
	color:#FFFFFF;
	transform: rotate(-45deg);
    margin-top: 1rem;
	font-weight:bold;
}

.unlimited_inner .sec  .callan_price_bottom .callan_price_title{
	background:#FFFFFF;
	padding:1rem 0;
	width:100%;
	margin:0 auto;
}
.unlimited_inner .sec .callan_price_bottom .callan_price_title h3{
	color: #325995;
	font-size:1.6rem;
	text-align:center;
}

.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_top p{
	font-size:1.4rem;
	font-weight:bold;
	color:#333333;
	padding:1.3rem 0;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_top span{
	font-size:2rem;
	color:#333333;
	margin:0 0.5rem;
}

.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_top{
  background: #FFFFFF;
  border: 3px solid #EAEEF4;
  /* width: 17rem; */
	width:60%;
  text-align: center;
	box-sizing: border-box;
  margin:0 auto;
}

.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom_plus{
    text-align:center;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom_plus p{
	font-size:3.5rem;
	font-weight:bold;
	color:#333333;
}

.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_center{
	background:#FFFFFF;
	border:3px solid #FF8600;
	/* width:24.8rem; */
	width:86%;
	text-align:center;
	box-sizing: border-box;
  margin: 0 auto;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_center p{
	font-size:1.4rem;
	color:#FF8600;
	font-weight:bold;
	padding:1.3rem 0;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_center .bla{
	color:#333333;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_center .large{
	font-size:2rem;
	color:#333333;
	margin:0 0.5rem;
}

.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom{
	background:#FFFFFF;
	border:3px solid #325995;
	/* width:24.8rem; */
	width: 86%;
	text-align:center;
	box-sizing: border-box;
  margin: 0 auto;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom p{
	font-size:1.6rem;
	padding-top:1.3rem;
	color:#325995;
	font-weight:bold;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom span{
	font-size:1.6rem;
	color:#325995;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom .red{
	color:#ED1C23;
	font-size:1.6rem;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom .large{
	font-size:2.4rem;
	color:#ED1C23;
	margin:0 0.5rem;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom .bottom_right_red{
	background:#ED1C23;
	/* width:16.4rem; */
	width:66%;
	margin:1rem auto 1.8rem;
}
.unlimited_inner .sec  .callan_price_bottom .price_bottom_container .price_bottom .bottom_right_red p{
	color:#FFFFFF;
	font-size:1.4rem;
	font-weight:bold;
	padding:0.8rem 0;
}


.faq-list > li {
	padding-bottom: 3.1rem;
}
.faq-list > li:not(:last-child) {
	border-bottom: 1px solid #EAEEF4;
}

.faq-list .faq-quest-box {
	margin-bottom: 2rem;
}
.faq-list .faq-quest-box{
	margin-top:3rem;
}
.faq-list .faq-quest-box p{
	color:#325995;
	font-size:1.6rem;
	font-weight:bold;
}
.faq-list .faq-answer-box p{
	line-height:1.25;
	color:#555555;
}
.faq-list .faq-quest-box, .faq-list .faq-answer-box {
	position: relative;
	padding-left: 4rem;
	min-height: 4.4rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.faq-list .faq-quest-box:before, .faq-list .faq-answer-box:before {
	content: 'Q';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background-color: #325995;
	top: 0;
	left: 0;
}

.faq-list .faq-answer-box:before {
	content: 'A';
	background-color: #ED1C23;
}

.unlimited_inner .btn_callan{
	padding: 1.8rem 0;
  box-sizing: border-box;
	width:100%;
  max-width: 33.5rem;
  font-size: 1.6rem;
  border-radius: 10rem;
  font-weight: bold;
	background:#325995;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	position: relative;
	line-height:1.6;
}
.unlimited_inner .btn_callan::after{
	position:absolute;
	content:url(../images/callan_flow/unlimited_callan/icon_arrow.png);
	width:14px;
	top:50%;
	right:32px;
	transform: translateY(-50%);
}

/* NJ-16402 end */
/*page_menu_step*/
.page_menu_step .page_ttl {
	position: relative;
}
.page_menu_step .page_ttl span {
	position: absolute;
	right: 1.2rem;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_menu_step .page_ttl span img {
	width: 14px;
	height: auto;
}

.page_main_img {
	display: flex;
	justify-content: center;
	align-items: center;
}

.page_main_img img {
	width: 100px;
	height: auto;
}

.page_menu_btn_group .btn_wrap {
	display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.page_menu_btn_group .btn_wrap li {
	width: 100%;
}

.page_menu_btn_group .btn_wrap li:first-child {
	margin-bottom: 20px;
}

.page_menu_btn_group .btn_wrap .btn_style {
	display: block;
    width: 100%;
    min-width: unset;
    font-weight: 400;
}

.page_menu_btn_group .btn_wrap .btn_style.btn_bg_black {
	background: transparent!important;
}

.page_menu_btn_group .btn_wrap .btn_style.btn_bg_black:hover {
	background: #fff!important;
}

.page_menu_btn_group .btn_wrap .btn_style.btn_bg_white:hover {
	background: transparent!important;
}

.page_menu_step .page_checking {
	display: none;
	justify-content: center;
	align-items: center;
	margin-top: 68px;
}

.page_menu_step .page_checking img {
	width: 28px;
	height: auto;
}

.snippet {
    position: relative;
    background: transparent;
	margin-right: 10.5px;
	width: 50px;
}

.stage {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 20px 0;
	overflow: hidden;
}

.dot-spin {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: transparent;
	color: transparent;
	box-shadow: 0 -18px 0 0 #fff, 12.727926px -12.727926px 0 0 #fff, 18px 0 0 0 #fff, 12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 rgba(152, 128, 255, 0);
	animation: dot-spin 1.5s infinite linear;
  }
  
  @keyframes dot-spin {
	0%, 100% {
	  box-shadow: 0 -18px 0 0 #fff, 12.727926px -12.727926px 0 0 #fff, 18px 0 0 0 #fff, 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
	}
	12.5% {
	  box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 0 #fff, 18px 0 0 0 #fff, 12.727926px 12.727926px 0 0 #fff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
	}
	25% {
	  box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #fff, 12.727926px 12.727926px 0 0 #fff, 0 18px 0 0 #fff, -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
	}
	37.5% {
	  box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 0 #fff, 0 18px 0 0 #fff, -12.727926px 12.727926px 0 0 #fff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
	}
	50% {
	  box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #fff, -12.727926px 12.727926px 0 0 #fff, -18px 0 0 0 #fff, -12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0);
	}
	62.5% {
	  box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 0 #fff, -18px 0 0 0 #fff, -12.727926px -12.727926px 0 0 #fff;
	}
	75% {
	  box-shadow: 0 -18px 0 0 #fff, 12.727926px -12.727926px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #fff, -12.727926px -12.727926px 0 0 #fff;
	}
	87.5% {
	  box-shadow: 0 -18px 0 0 #fff, 12.727926px -12.727926px 0 0 #fff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.727926px 12.727926px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.727926px -12.727926px 0 0 #fff;
	}
  }

.page_menu_step .page_checking span {
	color: #fff;
}

/* NJ-12354 fb revisions Start */

.page_junior_grammar .container .content .page_ttl_wrap_main {
	background: #74B1EF;

}
.page_junior_grammar .container .content .sec_top .sub_heading_main {
	background: #f5f5f5;
}
.page_junior_grammar .page_inner .container .page_ttl_wrap {
	max-width: 50rem;
	margin: 0 auto;
}

/* NJ-12354 fb revisions End */
.page_complete {
	display: none;
	padding: 2rem;
}

.page_complete_img {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 66px 0;
}

.page_complete_img img {
	width: 30px;
	height: auto;
	margin-right: 10px;
}

.page_complete_img span {
	font-size: 20px;
	color: #fff;
}

.app_ver_check .page_main_img img {
	width: 100px;
	height: auto;
}

.internet_line_speed .page_main_img img {
	width: 100px;
	height: auto;
}

.camera_check .page_main_img span {
	width: 150px;
	height: 200px;
	background: #999999;
}

.camera_check .page_item_option {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}

.camera_check .page_item_option p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 0 25px;
}

.page_menu_btn_group .btn_wrap .btn_style.btn_disabled {
	pointer-events: none;
	cursor: not-allowed;
  	text-decoration: none;
  	background: #707070;
	border-color: #707070;
	color: #000!important;
}

.camera_check .page_complete_img {
	display: none;
	margin: 30px 0;
}

.page_check_error {
	display: none;
	padding: 11px 10px;
	border: 1px solid #F84F63;
	border-radius: 4px;
	flex-direction: column;
	align-items: center;
	margin: auto;
	margin-bottom: 30px;
}

.page_check_error p {
	font-size: 15px;
	color: #F84F63;
	font-weight: 400;
	text-align: center;
	margin-bottom: 10px;
}

.page_check_error a {
	font-size: 14px;
	color: #3778F1;
	text-align: center;
}

.page_error {
	display: none;
	padding: 2rem;
}

.page_error_ttl {
	border: 1px solid #F84F63;
	border-radius: 4px;
	padding: 11px 10px;
	color: #F84F63;
	font-size: 15px;
	font-weight: 400;
	margin: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

.page_error_txt {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 30px;
}
.page_test_connect {
	background: #323232;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.page_test_connect *{
	box-sizing: border-box;
}
.page_test_connect .page_inner{
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.page_test_connect .page_main{
	padding: 0 2rem;
}
.page_test_connect .btn-style{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 3.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	border-radius: 4px;
}
.page_test_connect .btn-style.btn-white{
	background: #FFF;
	color: #000
}
.page_test_connect .btn-style.btn-border-white{
	border: 1px solid #FFF;
	background: transparent;
	color: #FFF;
}
.page_test_connect .btn-style.disabled{
	pointer-events: none;
	background: #707070 !important;
	border: none !important;
	color: #000000 !important;
}
.page_test_connect .page_menu_btn_group{
}
.page_test_connect .vol-meter-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_test_connect .vol-meter-wrap .bar{
	width: .5rem;
	height: 4rem;
	background: #555555;
	border-radius: 100px;
}
.page_test_connect .vol-meter-wrap .bar + .bar{
	margin-left: .5rem;
}
.page_test_connect .vol-meter-wrap .bar.on{
	background: #FFF;
}
.page_test_connect .page_item_option{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_test_connect .page_item_option .item + .item{
	margin-left: 5rem;
}
.page_test_connect .page_item_option .item input[type="radio"]{
	display: none;
}
.page_test_connect .page_item_option .item input[type='radio'] + label.custom_radio {
	padding-left: 2.8rem;
}
.page_test_connect .page_item_option .item input[type='radio'] + label.custom_radio:before{
	background: transparent;
	border: #FFF 1px solid;
	width: 2rem;
	height: 2rem;
	box-sizing: border-box;
}
.page_test_connect .page_item_option .item input[type='radio']:checked + label.custom_radio:after{
	background: #FFF;
	width: 0.8rem;
	height: 0.8rem;
	left: 0.6rem;
}
.page_test_connect .btn-back{
	display: block;
	height: 1.8rem;
	width: 1.1rem;
	background: url('../images/icon/arrow-left-white.svg') no-repeat;
	background-size: cover;
	position: absolute;
    left: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
}
.page_test_connect .error-title{
	padding: 11px 10px;
	border: 1px solid #F84F63;
	border-radius: 4px;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin: auto;
	margin-bottom: 30px;
	color: #F84F63;
}
.page_test_connect .pagination {
	/* position: absolute; */
	bottom: 10px;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 3rem 0 .7rem;
}
.page_test_connect .pagination_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.page_test_connect .pagination span {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #737373;
	margin: 0 4px;
}
.page_test_connect .pagination span.active {
	background: #fff;
}
.page_test_connect .pagination_border {
	width: 135px;
	height: 5px;
	border-radius: 100px;
	background: #fff;
}

.page_test_disabled, .page_test_result_elm {
	display: none;
}

.page_test_connect .video_wrap{
	position: relative;
	margin-bottom: 20px;
	height: 225px;
	margin: 0 auto 20px;
	overflow: hidden;
	background-color:  hsla(0 0% 0% / 0);
}
.page_test_connect .video_wrap video{
	width: auto;
	height: 225px;
	margin: 0px 0px;
	background-color: #6e6e6e;
}
.page_test_connect .video_wrap div.ownVideo-test-tmp{
	width: auto;
	height: 225px;
	margin: 0px 0px;
	background-color: #6e6e6e;
	width: 30vh !important;
}

.page_test_connect .video_wrap video::-webkit-media-controls,
.page_test_connect .video_wrap video::-moz-media-controls,
.page_test_connect .video_wrap video::-o-media-controls,
.page_test_connect .video_wrap video::-ms-media-controls {
    display: none !important;
    opacity: 1 !important;
}

/* NJ-20899 Bug Fix */

.sec-price .price-padding {
	padding: 40px 30px 50px;
}
.sec-price .sec-title {
	text-align: center;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 10px;
	margin-bottom: 2.667vw;
}
.price-plan-list {
}
.price-plan-list > li {
}
.price-plan-list > li + li {
}
.price-plan-list .price-box {
	padding: 2rem;
	background-color: #000;
	border: 2px solid #999;
	border-radius: .5rem;
}
.price-plan-list .price-box .box-title {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.price-plan-list .price-box .price-tag {
}
.price-plan-list .price-box .price-tag-inner {
	position: relative;
	font-size: 1.6rem;
	text-align: center;
	color: #333;
	background-color: #fff;
	padding: 1rem;
}
.price-plan-list .price-box .price-tag-inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 0.8em solid transparent;
	border-right: 1em solid transparent;
	border-bottom: 0.8em solid transparent;
	border-left: 1em solid #000;
	margin-left: -1px;
}
.price-plan-list .price-box .price-tag-inner .price-num {
	font-size: 3rem;
}
.price-plan-list .price-box .plan-detail {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 2rem;
}
.sec-price .price-note-area {
	font-size: 2rem;
	margin-top: 1em;
}
.sec-price .price-note-list {
	font-size: 1.6rem;
	padding-left: 1em;
}
.sec-price .price-note-list > li {
	text-indent: -1em;
}
.sec-price .price-note-list > li * {
	text-indent: 0;
}
.sec-price .price-note-list > li + li {
	margin-top: 1em;
}

.price-plan-list-v2 {
	font-size: 2rem; /* base of em */
}
.price-plan-list-v2 > li + li {
	margin-top: 1.5em;
}
.price-plan-list-v2 .price-box {
	
}
.price-plan-list-v2 .price-box .box-head {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	padding: .5em;
}
.price-plan-list-v2 .price-box .box-body {
	padding: 1.5em 1em;
	border: .1em solid #999;
	border-top: none;
}
/* color */
.price-plan-list-v2 .price-box.green .box-head {
	color: #fff;
	background-color: #20BA9B;
}
.price-plan-list-v2 .price-box.green .box-body {
	border-color: #20BA9B;
}
.price-plan-list-v2 .price-box.blue .box-head {
	color: #fff;
	background-color: #1E63D9;
}
.price-plan-list-v2 .price-box.blue .box-body {
	border-color: #1E63D9;
}
/* sb like price design */
.mobapp-home-sb-like-price {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	line-height: 1.5;
}
.mobapp-home-sb-like-price > .price-inner {
	text-align: center;
	font-weight: bold;
}
.mobapp-home-sb-like-price .line-through {
	position: relative;
}
.mobapp-home-sb-like-price .line-through:after {
	content: '';
	display: block;
	position: absolute;
	width: calc(100% + .5rem);
	height: .4rem;
	background-color: #E63D50;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.mobapp-home-sb-like-price:not(.ff-inherit) .t--1-1,
.mobapp-home-sb-like-price:not(.ff-inherit) .t--2-1 > b {
	font-family: 'Helvetica', 'Arial', sans-serif;
}
.mobapp-home-sb-like-price .t--1-1 {
	display: inline-block;
	font-size: 4rem;
	line-height: 1;
}
.mobapp-home-sb-like-price .t--1-2 {
	display: inline-block;
	text-align: left;
}
.mobapp-home-sb-like-price .t--1-2-1 {
	display: block;
	font-size: 1.2rem;
	text-align: left;
}
.mobapp-home-sb-like-price .t--1-2-2 {
	display: block;
	font-size: 1.3rem;
	text-align: left;
}
.mobapp-home-sb-like-price .t--2-1 {
	display: inline-block;
	font-size: 1.3rem;
}
.mobapp-home-sb-like-price .t--2-1 > b {
	display: inline-block;
	font-size: 2.4rem;
	margin: 0 .5rem;
}
.mobapp-home-sb-like-price .red-value {
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	background-color: #E63D50;
	padding: .5rem .5rem;
	margin-top: .5rem;
}
.price-plan-list-v2 .plan-content {
	margin-top: 3rem;
}
.price-plan-list-v2 .plan-content-list {
	font-size: 2rem;
}
.price-plan-list-v2 .plan-content-list > li {
	position: relative;
	font-size: 1.4rem;
	line-height: 2;
	color: #fff;
	padding-left: 2em;
}
.price-plan-list-v2 .plan-content-list > li:before {
	content: '';
	display: block;
	position: absolute;
	width: 1em;
	height: 2em;
	top: 0;
	left: 0;
	background-image: url(../images/index/icon-plan-check.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.price-plan-list-v2 .plan-content-list > li + li {

}
.price-plan-list-v2 .plan-annotation {
	margin-top: 1em;
}
.price-plan-list-v2 .annotation-list {

}
.price-plan-list-v2 .annotation-list > li {
	font-size: 1.4rem;
	line-height: 1.8;
	color: #fff;
	text-indent: -1em;
	padding-left: 1em;
}
.price-plan-list-v2 .annotation-list > li > * {
	text-indent: 0;
}
.price-plan-list-v2 .annotation-list > li:before {
	content: '※';
}
.price-plan-list-v2 .annotation-list > li + li {
	margin-top: .5em;
}
/* NJ-20899 End Bug Fix */

/*-------------------------*/
/*Text Description - Native Phrase*/
/*-------------------------*/
.page_native_phrase .page_inner,
.page_native_phrase .page_inner .container,
.page_native_phrase .page_inner .container .content,
.page_native_phrase .page_inner .container .content .sec {
	margin: 0;
	padding: 0;
}
.page_native_phrase .page_inner .container {
	background-color: black;
}
.page_native_phrase .page_inner .container .page_ttl_wrap {
	position: relative;
	margin: 0;
	text-align: center;
}
.page_native_phrase .page_inner .container .page_ttl_wrap .img {
	width: 100%;
}
.page_native_phrase .page_inner .container .page_ttl_wrap .text_area {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 0;
}
.page_native_phrase .page_inner .container .page_ttl_wrap .text_area .top_text {
	text-align: center;
	font: bold 30px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-shadow: 6px 6px 6px #0000009A;
	opacity: 1;
	margin-bottom: 25px;
}
.page_native_phrase .page_inner .container .page_ttl_wrap .text_area .top_subtext {
	text-align: center;
	font: bold 16px Hiragino Kaku Gothic ProN;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-shadow: 6px 6px 6px #0000009A;
	opacity: 1;
	line-height: 27px;
	margin: 0 10px;
}
.page_native_phrase .page_inner .container .content .fetures_table,
.page_native_phrase .page_inner .container .content .skill_table,
.page_native_phrase .page_inner .container .content .drama_table,
.page_native_phrase .page_inner .container .content .lesson_flow,
.page_native_phrase .page_inner .container .content .how_to_lesson {
	margin: 0 10px;
}
.page_native_phrase .content dl dt.sec_ttl {
	font: bold 18px Noto Sans JP;
	border-left: solid 6px #F49B34;
	margin-bottom: 20px;
}
.page_native_phrase .content dl dd {
	font: normal 16px Noto Sans JP;
	line-height: 23px;
}
.page_native_phrase .content .recommend_table {
	border-color: #F49B34;
	margin: 30px 10px;
}
.page_native_phrase .content .recommend_table dt,
.page_native_phrase .content .acquired_content .box .box_ttl:before,
.page_native_phrase .content .content_ttl {
	background: #F49B34;
}
.page_native_phrase .content .recommend_table dt:after {
	border-left: 30px solid #F49B34;
}
.page_native_phrase .content .acquired_content .box .box_ttl {
	color: #F49B34;
	font-weight: bold;
}
.page_native_phrase .content .sec_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 20px 0;
}
.page_native_phrase .content .sec_inner:after {
	content: "";
	position: absolute;
	display: flex;
	background-image: url('../images/text_description/native_phrase/drama_back_sp.png');
	background-repeat: repeat;
	background-position: 85% 0;
	background-size: 700px;
	object-fit: cover;
	opacity: 0.2;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 1;
}
.page_native_phrase .content .sec_inner .drama_list{
	margin: 20px 0;
	line-height: 23px;
}
.page_native_phrase .content .sec_inner .drama_list .li{
	font: 14px Noto Sans JP;
	color: #555555;
}
.page_native_phrase .content .sec_inner .drama_img {
	justify-content: center;
	margin: 10px 0;
	opacity: 1;
	position: relative;
	z-index: 3;
}
.page_native_phrase .content .sec_inner .drama_img .box{
	margin-bottom: 0;
}
.page_native_phrase .content .content_ttl {
	background: #F49B34;
}
.page_native_phrase .content .sec_5 .lesson_flow dl {
	padding: 0 0 40px 0;
}
.page_native_phrase .content .sec_5 .lesson_flow dl dt {
	color: #F49B34;
	font-size: 16px;
	font-weight: bold;
}
.page_native_phrase .content .sec_5 .lesson_flow dl dd {
	font-size: 14px;
}
.page_native_phrase .content .sec_5 .sec_left_line {
	padding: 0;
}
.page_native_phrase .content .sec_5 .lesson_flow .sec_left_line .flow_inner {
	position: relative;
	border-left: #F49B34 2px solid;
	padding: 0 20px;
	margin: 0 10px;
}
.page_native_phrase .content .sec_5 .lesson_flow .sec_left_line .flow_inner:last-child {
	border-left: none;
}
.page_native_phrase .content .sec_5 .lesson_flow .sec_left_line .flow_inner .circle {
	background: #FFDBB1;
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	margin-right: 50%;
	position: absolute;
	border: #F49B34 3px solid;
	left: -11px;
}
.page_native_phrase .content .sec_5 .lesson_flow .sec_left_line .flow_inner:last-child .circle {
	left: -9px;
}

/***************** NJ-22565 *****************/
.page_payment_failure--light-red .page_inner {
    color: #FFFFFF;
    background: unset;
}

.page_payment_failure--light-red .container {
    padding-left: 20px!important;
    padding-right: 20px!important;
    background: unset;
}

.page_payment_failure--light-red .container .content div:not(:last-child) {
    border-radius: 4px;
    background: #ED5442;
    padding: 15px 15px;
}

.page_payment_failure--light-red .btn_style{
    width: auto!important;
}
/* NJ-18006 */
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list {
	display: flex;
	justify-content: center;
}
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list .list_item {
	text-align: center;
	border: 2px solid #f1890e;
	overflow: hidden;
	background-color: #f1890e;
	box-sizing: border-box;
	width: calc(100% / 2);
}
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list .list_item:not(:first-child) {
	border-left: none;
}
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list .list_item:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list .list_item:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list .list_item .tab_nav_btn {
	display: flex;
	min-height: 55px;
	height: 100%;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	font-size: 15px;
	font-weight: bold;
	color: #f1890e;
	box-sizing: border-box;
}
.page-aftee .page_inner .tab_nav_wrap .tab_nav_list .list_item .tab_nav_btn.on {
	background-color: #f1890e;
	color: #fff;
}
/* scroll */
.page-aftee .aftee_notice_list .ui_notice_list{
	overflow: scroll;
	height: 450px;
}
/* End */


/* junior_grammar */

.page_wrap.page_junior_grammar {
    font-size: 1.6rem;
    line-height: 1.6;
}

.page_wrap.page_junior_grammar .page_inner .container {
    padding: 0
}

.page_junior_grammar .d-flex {
    display: flex;
}

.page_junior_grammar .f-wrap {
    flex-wrap: wrap;
}

.page_junior_grammar .jc-center {
    justify-content: center;
}

.page_junior_grammar .ai-center {
    align-items: center;
}

.page_junior_grammar .w-100 {
    width: 100%;
}

.page_junior_grammar .bg-blue {
    background: #74B1EF;
}

.page_junior_grammar .t-center {
    text-align: center;
}

.page_junior_grammar .main p {
    font-size: 3.5rem;
    color: #fff;
    font-family: 'Noto Sans CJK JP';
    font-weight: bold;
}

.page_junior_grammar .main_btm {
    font-size: 2rem;
    font-weight: bold;
}

.page_junior_grammar a {
    color: #0FACEE;
    text-decoration: underline;
}

.page_junior_grammar a:hover {
    text-decoration: none;
}

.page_junior_grammar .content dl dt.sec_ttl {
    border-left: solid 5px #74B1EF;
    padding-left: 10px;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: normal;
}

.page_junior_grammar .page_inner .content .recommend_table{
	border:solid 3px #74B1EF;
	width:90%;
	margin:0 auto;
}
.page_junior_grammar .content .recommend_table dt,
.page_junior_grammar .content .recommend_table dd{
	display:table-cell;
	font-size:16px;
	font-size:1.6rem;
	vertical-align:middle;
}
.page_junior_grammar .page_inner .content .recommend_table dt{
	background:#74B1EF;
	text-align:center;
	color:#fff;
	box-sizing:border-box;
	padding:0 20px 0 40px;
	font-weight:bold;
	font-size:20px;
	font-size:2.0rem;
	line-height:1.4;
	position:relative;
	display: block;
}
.page_junior_grammar .content .recommend_table dt:after{
	content: "";
	width: 0;
	height: 0;
	border-top: 55px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 55px solid transparent;
	border-left: 30px solid #74B1EF;
	position: absolute;
	right: -60px;
	top: 50%;
	margin-top: -55px;
	display: none
}
.page_junior_grammar .content .recommend_table dd{
	padding:0 50px;
}
.page_junior_grammar .content .recommend_table dd ul {
	padding:10px;
	font-weight: bold;
}
.page_junior_grammar .content .recommend_table dd li + li{
	margin-top:5px;
}

.page_junior_grammar .content .sec_2 dl dd ul{
	font-size:0;
	text-align: center;
}
.page_junior_grammar .content .sec_2 dl dd ul li{
	font-size:15px;
	font-size:1.5rem;
	display:inline-block;
	width:280px;
	vertical-align:top;
	background:#F0F8FF;
	box-sizing:border-box;
	padding:20px;
	border-radius:10px;
	min-height: 300px;
	text-align: left;
}
.page_junior_grammar .content .sec_2 dl dd ul li + li{
	margin-left:20px;
}
.page_junior_grammar .content .sec_2 dl dd ul li .box_ttl{
	font-size:16px;
	font-size:1.6rem;
	color:#74B1EF;
	padding-left:60px;
	position:relative;
	margin-bottom:10px;
	min-height: 48px;
}
.page_junior_grammar .content .sec_2 dl dd ul li .box_ttl:before{
	width:45px;
	height:45px;
	line-height:45px;
	display:inline-block;
	border-radius:5px;
	color:#fff;
	background:#74B1EF;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	position:absolute;
	left:0px;
}
.page_junior_grammar .content .box_1 .box_ttl,
.page_junior_grammar .content .box_2 .box_ttl,
.page_junior_grammar .content .box_3 .box_ttl {
	line-height: 48px;
}
.page_junior_grammar .content .sec_2 dl dd ul li.box_1 .box_ttl:before{
	content:"1";
}
.page_junior_grammar .content .sec_2 dl dd ul li.box_2 .box_ttl:before{
	content:"2";
}
.page_junior_grammar .content .sec_2 dl dd ul li.box_3 .box_ttl:before{
	content:"3";
}
.page_junior_grammar .content .sec_2 dl dd ul li figure{
	margin-bottom:10px;
}
.page_junior_grammar .content .sec_2 dl dd ul li p{
	font-size:14px;
	font-size:1.4rem;
}

.page_junior_grammar .content .sec_3 ul li {
    list-style: disc;
}

.page_junior_grammar .content .sec_3 ul li span {
    width: 55px;
    display: inline-block;
}

.page_junior_grammar .content .sec_3 ul.bullet2 li span {
    width: 120px;
}

.page_junior_grammar .content .content_ttl{
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	color:#fff;
	background:#74B1EF;
	height:50px;
	text-align:center;
	line-height:50px;
}

.page_junior_grammar .content .sec_5 .entry_box .sec_ttl{
	border-left: solid 5px #74B1EF;
}
.page_junior_grammar .content .sec_5 .entry_box  dl{
	padding:  0 0 40px 10PX;
}
.page_junior_grammar .content .sec_5 .entry_box  dl dt{
	color: #74B1EF;
	font-size: 16px;
	font-size: 2rem;
	font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
}
.page_junior_grammar .content .sec_5 .entry_box  dl dd .text_red{
	color:#ff3838;
}

.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner{
	position: relative;
	border-left: #74B1EF 2px solid;
	padding: 0 20px;
	margin: 0 10px;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner:last-child{
		border-left: none;
}

.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner .circle{
    background: #CCE5FF;
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 50%;
    position: absolute;
    border: #74B1EF 3px solid;
    left: -11px;
}
.page_junior_grammar .content .sec_5 .entry_box .sec_left_line .entry_inner:last-child  .circle{
	left:-9px;
}
/* NJ-12354 junior_grammar  End */

/* NJ-18619 Start */

.page_store * {
	touch-action: manipulation;
}

.page_store.page_store_details .page_inner .container, .page_store.page_store_order_cansel .page_inner .container, .page_store_order_cansel_complete .page_inner .container, .page_store_confirm .page_inner .container, .page_wrap.page_store_complete .container, .page_store.page_store_orders .container{
	padding: 20px !important;
	padding: 2rem !important;
}

.page_store .container .content .textbook_display{
    position: relative;
    margin: 17px 0 32px;
}

.page_store .container .content .textbook_display section{
	max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    background: #222222;
	padding: 20px 30px 20px 10px;
    position: relative;
    margin: 2px 0 0;
    box-sizing: border-box;
}

.page_store .container .content .textbook_display section::after {
	content:url('../../images/store/common/icon_arrow.png');
    color: #1F1F1F;
    font-weight: bolder;
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.page_store .container .content .textbook_display section:hover{
	opacity: .7;
}

.page_store .container .content .textbook_display section a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.page_store .container .content .textbook_display section .textbook_con{
	display: flex;
	align-items: center;
	gap: 18px;
	z-index: 1;
	flex-wrap: wrap;
}

.page_store .container .content .textbook_display section .textbook_con figure{
	max-width: 60px;
	max-height: 60px;
	background: black;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.page_store .container .content .textbook_display section .textbook_con figure img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	aspect-ratio: 1/1;
}

.page_store .container .content .textbook_display section .textbook_details{
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.textbook_display section .textbook_details p{

}

.page_store .container .content .textbook_display section .textbook_details p span{
	display: block;
}

.page_store .container .page_breadcrumbs_3{
	margin-bottom: 20px;
    margin-bottom: 2rem;
    padding-bottom: 10px;
    padding-bottom: 1rem;
    width: 98%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
	text-align: center;
	font-weight: bold;
	color: white;
}

.page_store .container .page_breadcrumbs_3 ul{
	width: 100%;
}

.page_wrap .page_inner .link_box2{
	position: relative;
    width: fit-content;
    margin: 0 33px 0 auto;
}

.page_wrap .page_inner .link_box2 a{
    text-decoration: underline;
    color: #1F1F1F;
    font-size: 15px;
    font-weight: bolder;
    position: relative;
}

.page_wrap .page_inner .link_box2 a span{
	position: absolute;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: -25px;
}

.page_wrap .page_inner .link_box2 a:hover{
	text-decoration: none;
}

.page_wrap .page_inner .store_cart{
	width: 22px;
    height: 22px;
    position: absolute;
    right: 7px;
    top: 0;
    z-index: 10;
}

.page_wrap .page_inner .store_cart span{
	background: #EA3323;
    width: 14px;
    display: block;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -8px;
    right: -6px;
    font-size: 8px;
    line-height: 14px;
    z-index: 11;
}

.page_wrap .page_inner .store_cart a figure img{
	height: 100%;
    width: 100%;
}

.page_store .page_inner .link_box2 a.order_history {
	font-weight: normal;
	text-decoration: none;
}

.page_store .page_inner .item_heading {
	display: flex;
	gap: 25px;
	flex-wrap: wrap;
}

.page_store .page_inner .details_container .details_heading{
	display: flex;
	gap: 20px;
	align-items: center;
}

.page_store .page_inner .details_container .details_heading img {
	width: 80px;
	border-radius: 5px;
}

.page_store .page_inner .details_content .description {
	white-space: pre-line;
	line-height: 28px;
}

.page_store .page_inner .details_content .t_link {
	color: #3778F1
}

.page_store .page_inner .details_content .ui_notice {
	margin-top: 15px;
}

.page_store .page_inner .store_item {
	background: #222222;
	padding: 20px;
	padding: 2rem;
	margin-bottom: 30px;
}

.page_store_details .item_buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page_store_details .item_buttons button {
	width: 47%;
	min-height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border-radius: 10px;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	padding: 10px;
}

.page_store_details {
	background: #000;
}

.page_store_details .container {
	border-radius: 0;
	background: #000;
}

.page_store_details .item_buttons button[disabled] {
	border-color: #7F7F7F;
	color: #7F7F7F;
}

.page_store_details .item_buttons button.active {
	background: #fff;
    color: #000000;
}

.page_store_details .item_heading a {
	color: #3778F1;
}

.page_store_details .item_heading .item_buttons button {
	width: 100%;
}

.page_store.page_store_details .page_inner .store_item {
	margin-bottom: 10px;
}

.page_store_details .details_buttons a {
	color: #fff;
	padding: 9px;
	border-radius: 4px;
}

.page_store_details .details_buttons a.add_to_card_btn {
	background: #FFA436;
}

.page_store_details .details_buttons a.buy_now_btn {
	background: #3778F1;
}

.page_store_details .details_buttons a.add_to_card_btn.disabled,
.page_store_details .details_buttons a.buy_now_btn.disabled {
    pointer-events: none !important;
    cursor: not-allowed !important;
	background: #DDDDDD !important;
}

.page_store_details .item_buttons button:only-child {
	width: 100%;
	max-width: 160px;
}

.page_store_details .store_item .item_heading > div {
	width: calc(100% - 85px);
}

.page_store_details .store_item .item_heading img {
	width: 60px;
}

.page_store_orders .content_box {
	background: #222222;
	padding: 20px;
	padding: 2rem;	
	text-align: right;
}

.page_store_orders .content_box .info .info_state {
    border-radius: 30px;
    padding: 2px 15px;
    font-size: 14px;
	background: #fff;
	color: #000000;
}

.page_store_orders .content_box .bill_item {
	display: flex;
    justify-content: space-between;
    width: 100%;
}

.page_store_orders .content_box .product_bill .bill_item span {
	border: 1px solid #fff;
    border-radius: 4px;
    font-size: 11px;
    padding: 5px 8px;
    line-height: 1;
	min-width: 105px;
	text-align: center;
}

.page_store_orders .content_box .product_bill .bill_item span.price {
	font-size: 14px;
    margin-left: 8px;
    border: none;
    border-radius: 0;
	min-width: unset;
	text-align: left;
}

.page_store_orders .content_box .bill_details {
	display: inline-flex;
    flex-direction: column;
    align-items: end;
    margin: 0 0 30px auto;
}

.page_store_orders .content_box .bill_details .price {
	margin-left: 40px;
}

.page_store_orders .content_box .product_wrap .product .product_item {
	margin-bottom: 40px;
}

.page_store_orders .content_box .product_wrap .product .product_item:last-child{
	margin-bottom: 0;
}

.page_store_orders .container {
	background: #000;
	border-radius: 0 !important;
}

.page_store_orders, .page_store_orders .page_inner {
	background: #000;
}

.page_store_orders .paging ul {
	display: flex;
	justify-content: center;
}
.page_store_orders .paging li {
	border-radius: 4px;
	width: 26px;
	height: 30px;
	line-height: 31px;
	background: #FFFFFF;
	margin: 0 5px;
}
.page_store_orders .paging li a {
	color: #000000 !important;
	width: 100%;
	font-size: 14px;
}

.page_store_orders .paging li.disabled {
	background: #4D4D4D !important;
}

.page_store_orders .paging li.on {
	background: none;
	color: #555555;
	padding: 0;
}
.page_store_orders .paging li.prev {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.page_store_orders .paging li.next {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.page_store_orders .paging li.disabled.prev:before, .page_store_orders .paging li.prev a:before {
	content: "\f104";
	font-family: FontAwesome;
	font-size: 22px;
	font-weight: bold;
}
.page_store_orders .paging li.disabled.next:before, .page_store_orders .paging li.next a:before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 22px;
	font-weight: bold;
}
.page_store_orders .paging li.next a::after {
	display: none;
}
.page_store_orders .paging li.ellipsis {
	background: none;
	color: #fff;
	font-weight: normal;
}

.page_store_orders .content_box .info .info_state.info_gray {
	background: #737373;
	color: #fff;
}

.page_store_orders .t_link {
	color: #3778F1;
}

@media only screen and (min-width: 768px) {
	.page_store .container .page_breadcrumbs_3 {
		margin-bottom: 1rem;
	}
	.page_wrap .page_inner .store_cart {
		top: 26px;
	}
  }

.fav_tb_flash_wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: none;
	font-size: 1.8rem;
	width: 30rem;
	height: 4rem;
	background: rgba(0,0,0,0.6);
	color: #FFF;
	text-align: center;
	line-height: 4rem;
	border-radius: 5px;
	padding: 1rem 2rem;
	z-index: 1000;
}
/* NJ-18619 End */

.page_wrap-family-exist .plan_desc_wrap {
	color: #fff;
}
.page_wrap-family-exist .d_table{
	max-width: 500px;
	margin: auto;
}
.page_wrap-family-exist .contents_inner p{
	line-height: 1.4;
	font-weight: normal;
	font-size: 1.4rem;
}

/* NJ-23803 Start */
.page_usage_price_v2 .page_inner{
	font-family: 'Noto Sans', sans-serif;
	}
	
	.page_usage_price_v2 .l_h_100{
		line-height: 100%;
		}
	
	.page_usage_price_v2 .page_inner .top_p{
		font-weight: normal;
		font-size: 14px;
	}
	
	.page_usage_price_v2 .usage_price_box1{
		position: relative;
		margin: 36px 0 0;
	}
	
	.page_usage_price_v2 .fs_48{
		font-size: 48px;
	}
	
	.page_usage_price_v2 .m_t_42{
		margin-top: 42px;
	}
	
	html:lang(ja) .page_usage_price_v2 .usage_price_box1 .number::before{
		content: "＼ 人気No.1 ／";
		width: 100%;
		display: block;
		position: absolute;
		background: #20BA9B;
		text-align: center;
		top: 0;
		height: 19px;
		color: #FFEC07;
		font-weight: bold;
		padding: 9px 0 0;
	}
	
	.page_usage_price_v2 .sec_wrap .check_list ul li+li{
		margin-top: 0;
	}
	
	.page_usage_price_v2 .usage_price_box2{
		
	}
	
	.page_usage_price_v2 .usage_price_box2 .sec_panel.orange .sec_panel_header{
		background: #D09A0B !important;
	}
	
	.page_usage_price_v2 .usage_price_box2 .sec_panel.orange{
		border: 1px solid #D09A0B;
	}
	.page_usage_price_v2 .usage_price_box2 .sec_panel.pink .sec_panel_header{
		background: #F16297 !important;
	}
	
	.page_usage_price_v2 .usage_price_box2 .sec_panel.pink{
		border: 1px solid #F16297;
	}
	
	.page_usage_price_v2 .usage_price_box3 .sec_panel.skyblue{
		border: 1px solid #537CCE;
	}
	
	.page_usage_price_v2 .usage_price_box3 .sec_panel.skyblue .sec_panel_header{
		background-color: #537CCE;
	}
	
	.page_usage_price_v2 .usage_price_heading_v2{
		font-weight: bold;
	}
	
	/* NJ-23803 End */

/* NJ-27262 [start] */
.plan-option.chocotto{
	--_plan-head-bg: #EFAE00;
	--_plan-border-color: #EFAE00;
	--_plan-text-color: #fff;
}
/* NJ-27262 [end] */


/* NJ-17264 Start */
.apply_pass_note {
	font-size: 14px !important;
	line-height: 20px !important;
	margin-top: 8px;
	position: relative;
  	padding-left: 15px;
}

.apply_pass_note span {
	position: absolute;
	left: 0;
}
/* NJ-17264 End */

/* NJ-38158 Start */

.mobapp_err_msgTitle {
	color: #F84F63;
	font-size: 14px !important;
	border: 1px solid #F84F63;
	padding: 8px;
	margin-bottom: 40px !important;
}

.mobapp_err_msg {
	color: #F84F63;
	font-size: 14px !important;
	border: 1px solid #F84F63;
	padding: 8px;
	margin-bottom: 4px !important;
	margin-top: 10px;
}

/* NJ-38158 End */

/* NJ-37836 START */
.credit-form-inner{
	padding: 2rem 1.6rem;
}
.input-wrap.credit-form{
	max-width: 480px;
	width: 100%;
	margin: 0 auto;
}
.input-wrap.credit-form .input{
	width:100%;
	box-sizing: border-box;
}
.input-wrap.credit-form input,
.input-wrap.credit-form select{
		box-shadow: inset 2px 2px 0px #E5E5E5;
		border: 1px solid #C5C5C5;
		border-radius: 4px;
}
.input-wrap.credit-form select{
	width:100%;
	box-sizing: border-box;
}
.input-wrap.credit-form select option:first-child{
	color: rgba(0,0,0,0.6);
}
.input-wrap.credit-form .expiration_date select{
	border: 1px solid #C5C5C5;
	box-shadow: 1px 1px 0 0 rgba(0,0,0,0.1) inset;
}
.input-wrap.credit-form select:invalid{
	color: #777;
}
.input-wrap.credit-form .input_code{
	position:relative;
}
.input-wrap.credit-form .input_code img{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 25px;
	height: 25px;
	transform: translateY(-50%);
}
.input-wrap.credit-form .select-box.select-box--mobapp{
	position: relative;
	width: 100%;
	background: #FFFFFF!important;
	box-sizing: border-box;
	color: #000000;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	cursor: pointer;
}
.input-wrap.credit-form .select-box.select-box--mobapp:after{
	content: '';
	width: 6px;
	height: 6px;
	border-bottom: solid 2px #333;
	border-right: solid 2px #333;
	position: absolute;
	top: 45%;
	right: 10px;
	transform: rotate(45deg) translateY(-50%);
}
.input-wrap.credit-form .select-box.none-arrow:after{
	content: none;
}
.input-wrap.credit-form .select-box .image-block{
	width: 38px;
	height: 24px;
	line-height: 24px;
	box-sizing: border-box;
	border-radius: 4px;
	margin-right: 10px;
}
.input-wrap.credit-form .select-box.select-box--mobapp .selected,
.input-wrap.credit-form .select-box.select-box--mobapp li{
	display:flex;
	align-items: center;
	background-color: unset!important;
}
.input-wrap.credit-form .select-box.select-box--mobapp .selected{
	padding-left:10px;
	border: 1px solid #8C8C8C!important;
	border-radius: 3px;
}
.input-wrap.credit-form .select-box.select-box--mobapp .image-block img{
	width:100%;
	position: relative;
	display: inline-block;
	height: 100%;
}
.input-wrap.credit-form .select-box.select-box--mobapp .image-block img::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(25% - 1px), rgba(140, 140, 140, 1) calc(25%), rgba(0, 0, 0, 0) calc(25% + 1px));
	background-color: #fff;
	border: 1px solid #8C8C8C;
	border-radius: 3px;
}
.input-wrap.credit-form .select-box.select-box--mobapp .options{
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background:#FFFFFF;
	border: 1px solid #8C8C8C;
	border-radius: 3px;
	display:none;
}
.input-wrap.credit-form .select-box.select-box--mobapp .options li{
	padding-left:10px;
}
.input-wrap.credit-form .select-box.select-box--mobapp .options li.active{
	background:#00ACEE1A;
}
.input-wrap.credit-form .select-box.select-box--mobapp .options li:not(:last-child){
	border-bottom:1px solid #8C8C8C;
}
.input-wrap.credit-form .content{
	display:none;
}
.input-wrap.credit-form .content.active{
	display:block;
}
/* NJ-37836 END */
/* NJ-47521 start */
html:lang(pt-br) .page_requests_for_lessons_kids {
	font-family: 'Noto Sans', 'sans-serif';
}

.page_wrap.page_requests_for_lessons_kids,
.page_wrap.page_requests_for_lessons_kids * {
	box-sizing: border-box;
}

.page_wrap.page_requests_for_lessons_kids {
	font-family: "M PLUS Rounded 1c", system-ui;
	min-width: 345px;
}

.page_wrap.page_requests_for_lessons_kids .page_inner {
	color: #504F4B;
	padding-inline: 15px;
}
html:lang(pt-br) .page_wrap.page_requests_for_lessons_kids .requests_inner {
	margin-top: 16px;
}
.page_wrap.page_requests_for_lessons_kids .requests_inner {
	margin-top: 24px;
}
.page_requests_for_lessons_kids [type="radio"]:checked + label,
.page_requests_for_lessons_kids [type="radio"]:not(:checked) + label
{
	position: relative;
	padding-left: 34px;
	cursor: pointer;
	display: inline-block;
	color: #504F4B;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 26px;
	height: 26px;
	-webkit-tap-highlight-color: transparent;
}

.page_requests_for_lessons_kids [type="radio"]:checked + label:before,
.page_requests_for_lessons_kids [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border: 1.5px solid #CDCCCD;
    border-radius: 100%;
    background: #fff;
	box-sizing: border-box;
}

.page_requests_for_lessons_kids [type="radio"]:checked + label:after,
.page_requests_for_lessons_kids [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #3778F1;
    position: absolute;
    top: 50%;
    left: 7px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.input.radio label:first-of-type {
	margin-bottom: 8px;
}

.page_requests_for_lessons_kids [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.page_requests_for_lessons_kids [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}

.page_requests_for_lessons_kids .page_requests_text {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 20.43px;
	padding-top: 24px;
}
.page_requests_for_lessons_kids .request_inner_title {
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 23.76px;
	margin-bottom: 12px;
}
html:lang(pt-br) .page_requests_for_lessons_kids .request_inner_title {
	font-weight: 700;
	line-height: 21.79px;
}
.request_inner_container {
	border-bottom: 2px solid #CDCCCD;
}
.page_requests_for_lessons_kids .requests_inner .request_inner_container .request_wrap {
	padding-bottom: 20px;
}
.page_requests_for_lessons_kids .request_3 {
	background-color: #F8F8F8;
	border: 1.5px solid #CDCCCD;
	border-radius: 10px;
	padding: 15px;
	font-size: 1.4rem;
	line-height: 18px;
	font-weight: 700;
	color: #504F4B;
}

.page_requests_for_lessons_kids ::-webkit-input-placeholder {
	color: #A9A8A9;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 18px;
}

.page_requests_for_lessons_kids .character_counter {
	font-family: "M PLUS Rounded 1c", sans-serif;
	margin-top: 8px;
	color: #A9A8A9;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 18px;
	text-align: right;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap {
	background-color: #fff;
	padding: 0 0 20px;
	border-bottom: 2px solid #CDCCCD;
	margin: 12px 0 30px;
}

.page_requests_for_lessons_kids .translation_wrap.border_none {
	border: none;
	padding-bottom: 0;
}
html:lang(pt-br) .page_requests_for_lessons_kids .requests_inner .translation_wrap .trigger_open_translation {
	line-height: 21.79px;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .trigger_open_translation {
	color: #1E73DC;
	display: block;
	text-align: center;
	position: relative;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 23.76px;
	padding: 0;
	transform: unset;
	width: max-content;
	margin: 0 auto;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .trigger_open_translation:after {
	content: '';;
	font-family: unset;
	background: url(../images/requests_for_lessons/arrow-down-icon-blue.svg) center / contain no-repeat;
	width: 10px;
	height: 6px;
	right: -20px;
	font-size: 0;
}
.page_requests_for_lessons_kids .btn_cyan {
	width: 100%;
	min-width: 345px;
	height: 47px;
	text-align: center;
	color: #fff;
	background-color: #16B1F5;
	border-radius: 100px;
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 47px;
	border: none;
	box-shadow: 0px 6px 0px 0px #0090DE;
	transition: all 0.1s ease;
	-webkit-tap-highlight-color: transparent;
}
.page_requests_for_lessons_kids .ui_notice_list li {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 19.07px;
	color: #A9A8A9;
	padding-left: unset !important;
	text-indent: unset !important;
}

.page_requests_for_lessons_kids .translation-notice {
	color: #A9A8A9;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 20.79px;
	padding-bottom: 20px;
	border-bottom: 2px solid #CDCCCD;
}

.dialog_save_requests_kids .modal_inner {
	border-radius: 20px;
	color: #504F4B;
	background: #FFFFFF;
}

.dialog_save_requests_kids {
	width: 100%;
	max-width: 303px;
	border-radius: 20px;
	background-color: #fff;
	transform: translate(-50%, -50%);
	margin-left: unset !important;
	margin-top: unset !important;
}

.dialog_save_requests_kids .modal_inner {
	padding: 30px 20px 35px;
}

.dialog_save_requests_kids .btn_text {
	color: #504F4B;
	font-weight: 800;
	font-size: 1.6rem;
	line-height: 23.76px;
	text-align: center;
	margin-bottom: 20px;
}

.dialog_save_requests_kids .btn_modal {
	display: block;
	width: 100%;
	max-width: 263px;
	color: #fff;
	background-color: #16B1F5;
	text-align: center;
	box-shadow: 0px 6px 0px 0px #0090DE;
	border-radius: 100px;
	height: 47px;
	line-height: 47px;
	font-size: 1.8rem;
	font-weight: 800;
	transition: all 0.2s linear;
	-webkit-tap-highlight-color: transparent;
}
.dialog_save_requests_kids .btn_modal:active {
	transform: translateY(5px);
	box-shadow: 0px 2px 0px 0px #0090DE;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .translated_texts.success{
	color: #504F4B;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .result_wrap .balloon-copy-done{
	position: absolute;
	left: 50%;
	bottom: 12%;
	transform: translate(-50%, -50%);
	background: #666666;
	color: #FFF;
	width: 100%;
	display: none;
	height: 67px;
	box-sizing: border-box;
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	max-width: 303px;
	border-radius: 20px;
	opacity: 0.9;
	right: 50%;
	line-height: 1.5;
	padding: 22px;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy {
	display: block;
	width: 100%;
	max-width: 260px;
	height: 47px;
	text-align: center;
	color: #504F4B !important;
	background-color: #fff;
	font-size: 1.8rem;
	font-weight: 800;
	border: 1.5px solid #E0E0E0;
	box-shadow: 0px 6px 0px 0px #E0E0E0;
	border-radius: 100px;
	transition: .2s all linear;
	line-height: 47px;
	margin: 16px auto 25px;
	position: unset;
	min-height: auto;
	-webkit-tap-highlight-color: transparent;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy:active {
	transform: translateY(4px);
	box-shadow: 0px 2px 0px 0px #E0E0E0;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate {
	display: block;
	width: 100%;
	max-width: 260px;
	height: 47px;
	text-align: center;
	color: #504F4B !important;
	background-color: #fff;
	font-size: 1.8rem;
	font-weight: 800;
	border: 1.5px solid #E0E0E0;
	box-shadow: 0px 6px 0px 0px #E0E0E0;
	transition: all 0.2s ease;
	border-radius: 100px;
	line-height: 47px;
	margin: 16px auto 0;
	position: unset;
	-webkit-tap-highlight-color: transparent;
}
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate:active {
	transform: translateY(4px);
	box-shadow: 0px 2px 0px 0px #E0E0E0;
}

.page_requests_for_lessons_kids a.btn-translate,
.page_requests_for_lessons_kids a.btn-copy {
	color: #000;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .input_wrap {
	position: relative;
	font-size: 0;
	margin-bottom: 25px;
	border: none;
	border-radius: unset;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .translated_texts {
	line-height: 18px;
	overflow: auto;
	color: #A9A8A9;
	position: relative;
	background: #F8F8F8;
	border: 1.5px solid #CDCCCD;
	border-radius: 10px;
	padding: 15px;
	font-size: 1.4rem;
	font-weight: bold;
	height: 120px;
	min-height: auto;
	box-sizing: border-box;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .input_wrap textarea {
	margin-top: 12px;
	padding: 15px;
	border: 1.5px solid #CDCCCD;
	resize: none;
	width: 100%;
	box-sizing: border-box;
	line-height: 1.6;
	min-height: auto;
	background-color: #F8F8F8 !important;
	color: #504F4B;
	border-radius: 10px;
	font-size: 1.4rem;
	font-weight: 700;
	box-shadow: none;
	height: 120px;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap .trigger_open_translation.on:after{
	transform: scale(1, -1);
	margin-top: -3px;
	top: 50%;
}

.page_requests_for_lessons_kids .requests_inner .request_wrap textarea {
	min-height: 12rem;
}

.page_requests_for_lessons_kids .ui_notice_list {
	margin: 30px 0 0;
	padding: 0;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .result_wrap {
	height: unset;
	background: #fff;
	border: none;
	margin-bottom: 25px;
	box-shadow: none;
}

.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .result_wrap .btn-copy.disabled,
.page_requests_for_lessons_kids .requests_inner .translation_wrap .exchange_wrap .input_wrap .btn-translate.disabled{
	background: #fff;
	border: 1.5px solid #E0E0E0;
	box-shadow: 0px 6px 0px 0px #E0E0E0;
}

/* NJ-47521 end */
/* NJ-45438 - Counseling nav */
.page_counseling .menu-features  {
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.1);
	background-color: transparent;
	transition: background-color 0.3s ease;
	width:100%;
	position: sticky;
	z-index: 1;
	height: 100%;
}
.page_counseling .menu-features.active {
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.1);
	background-color: #000000B2;
	width:100%;
	position: absolute;
	z-index: 5;
	height: 100%;
}
.no-scroll{
	overflow: hidden;
}
.page_counseling .menu-features .nav_menu .nav_ttl{
	color: #092846;
	font-weight: 400;
	font-size: 1.4rem;
	margin-left: 6px;
}
.page_counseling .menu-features .nav_menu{
	display: flex;
    width: 100%;
    height: 5rem;
    line-height: 5rem;
    position: relative;
    box-sizing: border-box;
    border-bottom: solid 1px #ccc;
    background: #ffffff;
    color: #000;
    font-size: 1.4rem;
}
.page_counseling .menu-features .menu-control {
	display: block;
    position: relative;
    padding: 0px 3rem;
    transition: all .2s ease-in;
    border-right: 1px solid #ccc;
    margin: 3px 6px;
}
.page_counseling .menu-features .menu-control.on {
	display: block;
    position: relative;
    background-color: #fff;
    padding: 0px 3rem;
    transition: all .2s ease-in;
    margin: 3px 6px;
}
.page_counseling .menu-features  .menu-control.on:before {
    content: ' ';
    background: url(../images/icon/chevron_right_black.svg) no-repeat;
    background-size: contain;
    display: flex;
    width: 16px;
    position: absolute;
    top: 9px;
    height: 16px;
    transform: rotate(-90deg);
}

.page_counseling .menu-features  .menu-control:before {
	content: ' ';
    background: url(../images/icon/chevron_right_black.svg) no-repeat;
    background-size: contain;
    display: flex;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 17px;
    margin: 0px -11px;
    transform: rotate(90deg);
}
.page_counseling .menu-features .nav_element a {
	box-sizing: border-box;
	display: block;
	padding: 1.6rem 2rem;
	font-weight: 400;
	color: #000 !important;
	background: #ffffff;
	position: relative;
	border-bottom: solid 1px #ccc;
}
.page_counseling .menu-features .nav_element a:before{
	position: absolute;
    content: '';
    width: 9px;
    height: 9px;
    border: 0px;
    border-top: solid 2px #092846;
    border-right: solid 2px #092846;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    right: 2.3rem;
    margin: auto;
}
/* NJ-45438 - Counseling nav End*/

/* NJ-23803 Start */
.fw_500{
	font-weight: 500;
}
.d_flex_cards{
	display: flex;
    justify-content: flex-start;
	gap: 8px;
	flex-wrap: wrap;
}
.d_flex_cards img{
	width: 50px;
	max-width: 100%;
	height: auto;
}
.m_b_7{
	margin-bottom: 7px;
}
.ff_Noto_Sans_JP{
	font-family: "Noto Sans JP", sans-serif!important;
}
.m_t_6{
	margin-top: 6px;
}
.page_wrap-family .card_brand_list.v2 li{
	width: 18%;
}
.page_wrap-family .card_brand_list.v2 li + li{
	margin-left: 7px;
}
/* NJ-23803 End */

/* NJ-55569 Start */
.page_wrap--new_year_2025 .page_inner{
	padding: 0;
}
.page_wrap--new_year_2025 .container{
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    border: 0;
	box-shadow: none;
}
.page_wrap--new_year_2025 .visual img{
    width: 100%;
}
.page_wrap--new_year_2025 .sec{
    padding: 3rem 2rem 2rem;
}
.page_wrap--new_year_2025 .sec.no-padding{
    padding: 0rem;
}
.page_wrap--new_year_2025 p{
    font-size: 1.4rem;
}
.page_wrap--new_year_2025 .sec .sec_badge{
    display: inline-block;
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFF;
    background: #333333;
    border-radius: 100px;
    padding: 0.8rem 1.5rem;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}
.page_wrap--new_year_2025 .sec .sec_callout{
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0 0.8rem;
    margin-bottom: 1.5rem;
    border-left: 5px solid #F1890E;
}
.page_wrap--new_year_2025 .sec.sec_main .sec_ttl{
    color: #333;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3rem;
}
.page_wrap--new_year_2025 .sec .desc{
    font-size: 1.4rem;
}
.page_wrap--new_year_2025 .sec.sec_main .priod{
    position: relative;
    margin-bottom: 2.4rem;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_text{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}
.page_wrap--new_year_2025 .sec.sec_main .priod_ttl{
    width: 20rem;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 4rem;
    position: relative;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl::before,
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1rem;
    border: 1.5rem solid #de7f0f;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl::before {
    left: -3rem;
    border-right-width: 4.5rem;
    border-left-color: transparent;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl::after {
    right: -3rem;
    border-left-width: 4.5rem;
    border-right-color: transparent;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl span{
    display: block;
    color: #fff;
    background: #f1890e;
    padding: 1rem 2rem;
    position: relative;
    z-index: 10;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl span:before,
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl span:after{
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #bb6c0f transparent transparent transparent;
    bottom: -1rem;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl span:before{
    left: 0;
    border-width: 1rem 0 0 3rem;
}
.page_wrap--new_year_2025 .sec.sec_main .priod .priod_ttl span:after{
    right: 0;
    border-width: 1rem 3rem 0 0;
}
.page_wrap--new_year_2025 .separation{
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem 2rem 0.9rem;
    background-color: #092846;
}
.page_wrap--new_year_2025 .new_year{
    background-size: 35px 35px !important;
    background-image: linear-gradient(45deg, #d2a957 26%, transparent 25%, transparent 75%, #d2a957 75%, #d2a957), linear-gradient(45deg, #d2a957 26%, transparent 25%, transparent 75%, #d2a957 75%, #d2a957), linear-gradient(45deg, #c99a50 25%, transparent 26%, transparent 75%, #c99a50 75%, #c99a50), linear-gradient(45deg, #c99a50 75%, transparent 26%, transparent 75%, #c99a50 75%, #c99a50) !important;
    background-position: 0 0, 17.5px 17.5px, 17.5px 0, 0 17.5px !important;
	position: relative;
}
.page_wrap--new_year_2025 .new_year::before, 
.page_wrap--new_year_2025 .new_year::after {
	content: '';
    position: absolute;
    height: 8px;
    background-color: #E83936;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.page_wrap--new_year_2025 .bg_brown_new_year{
	background: #C89950 !important;
}
.page_wrap--new_year_2025 .t_c_333{
	color: #333 !important;
}
.page_wrap--new_year_2025 .new_year::before {
    top: 0; /* Position above the element */
}

.page_wrap--new_year_2025 .new_year::after {
    bottom: 0;
}
.page_wrap--new_year_2025 .separation img{
    vertical-align: middle;
}
.page_wrap--new_year_2025 .stamp_basket_wrap{
    width: 100%;
    margin: -15px auto;
}
.page_wrap--new_year_2025 .stamp_basket {
    border: 2px solid #C89950;
    border-top: 0;
    padding: 1rem 0;
    background: url(/images/campaign/kakaku_01/bg_img.png) no-repeat bottom center / contain;
}
.page_wrap--new_year_2025 .stamp_basket_image{
    padding: 0 !important
}
.page_wrap--new_year_2025 .stamp_basket_image img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.page_wrap--new_year_2025 .stamp_basket_title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
    margin-bottom: 1rem;
}
.page_wrap--new_year_2025 .stamp_basket_header {
    position: relative;
    max-width: 27rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1rem;
    padding-top: 10px;
    border-radius: 2rem;
    background: #fff;
}
.page_wrap--new_year_2025 .stamp_basket_header p{
    font-size: 1.6rem;
}
.page_wrap--new_year_2025 .stamp_basket_num {
    color: #FD3651;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.3rem;
}
.page_wrap--new_year_2025 .stamp_list * {
    box-sizing: border-box;
}
.page_wrap--new_year_2025 .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
}
.page_wrap--new_year_2025 .stamp_list .list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 34px;
    margin: 0.5rem;
    border: 2px solid transparent;
}

.page_wrap--new_year_2025 .stamp_list .list-item.border-box{
    border: 2px dashed #9DB1B7;
}
.page_wrap--new_year_2025 .stamp_list .list-item p{
    font-size: 1.4rem;
    font-weight: bold;
    color: #9DB1B7;
}

.page_wrap--new_year_2025 .stamp_list .list-item p.stamped{
    font-size: 25px;
    font-weight: bold;
    color: #333333;
    position: absolute;
    padding-top: 17px;
}

.page_wrap--new_year_2025 .stamp_list .list-item img{
    height: 120%;
    width: 100%;
    object-fit: cover;
}
.page_wrap--new_year_2025 .sec .notice {
    width: 100%;
    padding: 1.5rem;
    color: #555;
    background: #f5f5f5;
    box-sizing: border-box;
    font-size: 1.2rem;
}
.page_wrap--new_year_2025 .sec .notice .notice_list .list-item{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap--new_year_2025 .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    margin-bottom: -15px;
}
.page_wrap--new_year_2025 .ranking.gifts{
    border: 1px solid #F1890E;
}
.page_wrap--new_year_2025 .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
    background-color: #F1890E;
}
.page_wrap--new_year_2025 .ranking.gifts .ranking_head{
    background-color: #F1890E;
}
.page_wrap--new_year_2025 .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.page_wrap--new_year_2025 .ranking .ranking_head .coin_icon{
    width: 23px;
    height: 19px;
    display: inline-block;
    margin: -4px 5px;
    background-image: url('/images/campaign/sixth_anniv_3/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.page_wrap--new_year_2025 .ranking.gifts .ranking_body .ranking_table {
    padding-bottom: 0;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
	padding: 0 !important;
    border-bottom: 1px solid #F1890E;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 50%;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #F1890E;
    padding: 0.8rem;
    font-family: "Noto Sans", sans-serif;
    box-sizing: border-box;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
	position: relative;
    width: 27%;
	font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    padding: 0.8rem;
    box-sizing: border-box;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 60%;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 1rem 0;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body.disabled{
    display: none;
}
.page_wrap--new_year_2025 .ranking.gifts .ranking_body .ranking_table .table_body{
    padding: 1.6rem 0;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.2rem;
    font-weight: bold;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.page_wrap--new_year_2025 .ranking.gifts .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FFF5E9;
}
.page_wrap--new_year_2025 .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 27%;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 60%;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 8rem;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.2rem;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    width: 58px;
    background:#999999;
    color: #fff;
    font-size: 1.2rem;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    width: 58px;
    background:#555555;
    color: #fff;
    font-size: 1.2rem;
}
@media only screen and (max-width: 600px) {
    .page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank{
        flex-wrap: wrap;
        justify-content: center;
        left: 0;
        gap: 0;
    }
    .page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
        margin: 0 1rem;
    }
    .page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .team{
        flex-basis: 100%;
        font-weight: normal;
        text-align: left;
        transform: translate(28%, 0%);
        margin-right: 2.6rem;
    }
  }
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win::before{
    content: url(/images/campaign/newgrammar/win_before.svg);
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win::after{
    content: url(/images/campaign/newgrammar/win_after.svg);
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
}
.page_wrap--new_year_2025 .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.page_wrap--new_year_2025 .t_center{
    text-align: center;
}
.page_wrap--new_year_2025 .teachers_btn .see_more{
    color: #585858;
    border: 2px solid #BEBEBE;
    font-size: 1.5rem;
    width: 100%;
    height: 2.5em;
    border-radius: 0.8rem;
    line-height: 2.3em;
    text-align: center;
    box-sizing: border-box;
}
.page_wrap--new_year_2025 .sec .event_box{
    margin: 3rem 0;
}
.page_wrap--new_year_2025 .sec .event_box ul{
    font-size: 1.7rem;
    color: #393939;
    font-weight: bold;
}
.page_wrap--new_year_2025 .sec .event_box ul li{
    margin: 2rem 0;
    border: 2px solid #092846;
    padding: 1.2rem;
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    max-height: 7rem;
}
.page_wrap--new_year_2025 .sec .event_box ul a{
    color: #393939;
}
.page_wrap--new_year_2025 .sec .event_box ul li span.chevron-down{
    display: inline-block;
    vertical-align: middle;
    content: url('/images/campaign/newgrammar/chevron-down-solid.svg');
    width: 2rem;
    margin-left: 2rem;
}
.page_wrap--new_year_2025 .sec .action .button1{
    position: relative;
    display: block;
	color: #fff;
    background: #f1890e;
    font-size: 1.6rem;
    font-weight: bold;
    width: 100%;
    height: 3em;
    line-height: 3em;
    border-radius: 0.8rem;
    box-sizing: border-box;
    box-shadow: 0 6px 0 0 #c16e0b;
    border: none;
    text-align: center;
}
.page_wrap--new_year_2025 .sec .action .button_apply{
    background: #03C9A9;
    border-radius: 1rem;
    box-shadow: 0px 6px 0px 0px #03A98E;
}
.page_wrap--new_year_2025 .sec .action .button_see_more .chevron{
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: 1.12rem;
    right: 3rem;
    border: 2px solid;
    border-radius: 50%;
}
.page_wrap--new_year_2025 .sec .action .button_see_more .chevron::before{
    content: '';
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    top: 0.6rem;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(135deg);
    vertical-align: top;
}
.page_wrap--new_year_2025 .sec .action .button_see_more .chevron.up::before{
    top: 0.9rem;
    transform: rotate(-45deg);
}
.page_wrap--new_year_2025 .sec .going_global_logo{
    max-width: 26.4rem;
}
.page_wrap--new_year_2025 .fw_b {
    font-weight: bold;
}
.page_wrap--new_year_2025 .m_b_15{
    margin-bottom: 1.5rem !important;
}
.page_wrap--new_year_2025 .m_b_20{
    margin-bottom: 2rem !important;
}
.page_wrap--new_year_2025 .m_b_30{
    margin-bottom: 3rem !important;
}
.page_wrap--new_year_2025 .m_b_40{
    margin-bottom: 4rem !important;
}
.page_wrap--new_year_2025 .p_t_0{
    padding-top: 0 !important;
}
.page_wrap--new_year_2025 .sec .interview_box{
    max-width: 500px;
    text-align: center;
    margin: 0 auto 1.5rem;
}
.page_wrap--new_year_2025 .sec .interview_box img,
.page_wrap--new_year_2025 .sec .interview_box iframe{
    width: 100%;
    height: 19.1rem;
}
.page_wrap--new_year_2025 .sec .interview_box img{
    object-fit: cover;
}

.page_wrap--new_year_2025 .sec .notice {
    width: 100%;
    color: #555;
    box-sizing: border-box;
    font-size: 1.2rem;
}
.page_wrap--new_year_2025 .sec .notice.gray{
    background: #f5f5f5;
     padding: 1.5rem;
}
.page_wrap--new_year_2025 .sec .notice.gray .notice_list .list-item{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap--new_year_2025 .sec .step {

}
.page_wrap--new_year_2025 .sec .step .desc{
    font-size: 1.6rem;
    font-weight: bold;
    color: #004986;
}
.page_wrap--new_year_2025 .sec .step .mark{
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background: #C89950;
    height: 4rem;
    line-height: 3.5rem;
    border-radius: 4rem;
    margin-bottom: 1.5rem;
    padding: 0.2rem 2rem 0rem;
    box-sizing: border-box;
    display: inline-block;
}
.page_wrap--new_year_2025 .sec .step + .step::before{
    content: '';
    display: block;
    text-align: center;
    width: 0;
    height: 0;
    margin: 4rem auto;
    border: 8rem solid transparent;
    border-bottom: 0;
    border-top: 4rem solid #bbb;
}
.page_wrap--new_year_2025 .sec .step .detail{
    width: 100%;
}
.page_wrap--new_year_2025 .sec .step .detail .text{
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap--new_year_2025 .sec .step .detail .text p{
    font-size: 1.5rem;
}
.page_wrap--new_year_2025 .sec .t_center {
    text-align: center;
}
.page_wrap--new_year_2025 .c_red{
    color: #f14444 !important;
}

.page_wrap--new_year_2025 .sec .step .detail .sub_text{
    margin-top: 1rem;
}
.page_wrap--new_year_2025 .step .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--new_year_2025 .teacher_search_form .btn_style.btn_green {
    background: #03c9a9;
    border: none !important;
    color: #fff !important;
    text-shadow: none;
    width: 100%;
    max-width: 500px;
    height: 4.4rem;
    line-height: 4.4rem;
}
.page_wrap--new_year_2025 .sec .btn_style.btn_orange.btn_trial{
    display: flex;
    background: #f1890e;
    border: none !important;
    color: #fff !important;
    font-weight: bold;
    text-shadow: none;
    box-shadow: 0 4px 0 0 #c16e0b;
    padding: 1rem 2rem;
    border-radius: 40px;
}

/* added*/
.page_wrap--new_year_2025 .sec .event_box{
    margin: 1rem 0;
}
.page_wrap--new_year_2025 .sec .event_box ul{
    font-size: 1.7rem;
    color: #034986;
    font-weight: bold;
}
.page_wrap--new_year_2025 .sec .event_box ul li{
    margin: 2rem 0;
    border: 2px solid #034986;
    padding: 1.2rem;
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
    max-height: 7rem;
}
.page_wrap--new_year_2025 .sec .event_box ul a{
    color: #034986;
}
.page_wrap--new_year_2025 .sec .event_box ul li span.chevron-down{
    display: inline-block;
    vertical-align: middle;
    content: url('/images/campaign/newgrammar/chevron-down-solid.svg');
    width: 2rem;
}

.page_wrap--new_year_2025 .sec .raffle_wrap{
    display: flex;
    margin-top: 4rem;
    justify-content: center;
    font-size: 2rem;
}
.page_wrap--new_year_2025 .sec .raffle_wrap .raffle_box{
    border: 2px solid #F1890D;
    border-radius: 1rem;
    margin: 1.5rem;
    padding: 1rem;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.page_wrap--new_year_2025 .sec .raffle_wrap .raffle_box:first-child::after {
    content: '';
    position: absolute;
    visibility: visible;
    top: 40px;
    right: -37px;
    border: 11px solid transparent;
    border-left: 15px solid #F1890D;
    clear: both;
}

.page_wrap--new_year_2025 .sec .raffle_wrap .raffle_box .raffle_ttl{
    width: 102px;
    background: #F14344;
    color: #fff;
    border-radius: 1rem;
    padding: 1rem 0.8rem;
    margin: -2.5rem auto 0;
    font-size: 1.2rem;
    position: relative;
}
.page_wrap--new_year_2025 .sec .raffle_wrap .raffle_box .raffle_ttl::after{
    content: "\0020";
    display: block;
    position: absolute;
    bottom: -26px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 15px transparent;
    border: 10px solid transparent;
    border-top: 20px solid #F14344;
}

.page_wrap--new_year_2025 .sec .raffle_wrap .raffle_box .raffle_text{
    margin-top: 2rem;
    color: #555555;
    font-size: 1.6rem;
    font-weight: bold;
}
/* end added*/
.page_wrap--new_year_2025 .fw_b {
    font-weight: bold;
}
.page_wrap--new_year_2025 .fs_12 {
    font-size: 1.2rem;
}
.page_wrap--new_year_2025 .fs_18 {
    font-size: 1.8rem;
}
.page_wrap--new_year_2025 .fs_24 {
    font-size: 2.4rem;
}
.page_wrap--new_year_2025 .m_b_15{
    margin-bottom: 1.5rem !important;
}
.page_wrap--new_year_2025 .m_b_20{
    margin-bottom: 2rem !important;
}
.page_wrap--new_year_2025 .m_b_30{
    margin-bottom: 3rem !important;
}
.page_wrap--new_year_2025 .m_b_40{
    margin-bottom: 4rem !important;
}
.page_wrap--new_year_2025 .m_t_15{
    margin-bottom: 1.5rem !important;
}
.page_wrap--new_year_2025 .m_l_30{
    margin-left: 3rem !important;
}
.page_wrap--new_year_2025 .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.page_wrap--new_year_2025 .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.page_wrap--new_year_2025 .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.page_wrap--new_year_2025 .bd_gray{
    border: 1px solid #ccc;
}
.page_wrap--new_year_2025 .btn_wrap .btn_style{
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_wrap--new_year_2025 .sec .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--new_year_2025 .sec .detail .btn_style1{
    padding: 1rem;
    border-radius: 0.8rem;
    border: none;
    margin-top: 2rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
}
.page_wrap--new_year_2025 .sec .detail .btn_style1.button_orange{
    background: #f1890e;
    box-shadow: 0 6px 0 0 #c16e0b;
}
.page_wrap--new_year_2025 .sec .detail .btn_style1 .button_text{
    color: #fff;
}
.page_wrap--new_year_2025 .sec .detail .btn_style1.button_orange .button_text img{
	position: relative;
    top: 1px;
	width: 9px;

}
.page_wrap--new_year_2025 .notice_box_red {
    background: #fff8f9;
    border-radius: 5px;
    border: solid 2px #ffd6d6;
    padding: 20px;
    margin-inline: 2rem;
}

.page_wrap--new_year_2025 .sec-div {
	display: flex;
	row-gap: 20px;
	flex-wrap: wrap;
	margin: 30px auto 40px;
	padding: 0 20px;
}
.page_wrap--new_year_2025 .c_brown_new_year{
	color: #C89950;
}
.page_wrap--new_year_2025 .c_brown_new_year.before_line{
	padding-left: 9px;
	position: relative;
}
.page_wrap--new_year_2025 .c_brown_new_year.before_line:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 23px;
	background: #C89950;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page_wrap--new_year_2025 .c_333_new_year{
	color: #333;
}
.page_wrap--new_year_2025 .c_333_new_year.before_line{
	padding-left: 9px;
	position: relative;
}
.page_wrap--new_year_2025 .c_333_new_year.before_line:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 23px;
	background: #333;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page_wrap--new_year_2025 .sec-div a {
	position: relative;
	width: 800px;
	max-width: 100%;
	border: 2px solid #333333 !important;
	font-size: 1.6rem;
	font-weight: 700;
	color: #333333 !important;
	line-height: 26px;
	padding: 10px 28px 10px 15px;
}

.page_wrap--new_year_2025 .sec-div a span::after {
	content: '';
	width: 23px;
	height: 13px;
	background: url('/images/campaign/halloween/chevron-down-solid.svg') no-repeat center;
	background-size: 14px 8px;
	position: absolute;
	right: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.daily_news_data_list_2_new_year,
.daily_news_data_list_2_new_year * {
	box-sizing: border-box;
}
.daily_news_data_list_2_new_year {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-left: -.5rem;
	margin-right: -.5rem;
}
.daily_news_data_list_2_new_year > li {
	box-sizing: border-box;
	width: 50%;
	flex-shrink: 0;
	/* padding: 0 .5rem 1rem; */
	height: 16.4rem;
}
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li {
	width: 25%;
}
.daily_news_data_list_2_new_year > li > .news_link {
	position: relative;
	left: .5rem;
	display: flex;
	/* flex-direction: row-reverse; */
	align-items: stretch;
	background-color: #fff;
	box-shadow: 0 0 .4rem rgba(0,0,0,.1);
	height: 100%;
	color: #333;
	transition: all .2s linear;
	width: calc(100% - 1.6rem);
	height: calc(100% - 1.6rem);
	border-radius: .3rem;
	overflow: hidden;
}
.daily_news_data_list_2_new_year > li > .news_link:hover {
	box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.daily_news_data_list_2_new_year > li.completed > .news_link .news_time {
    opacity: 0.4;
	color: #000;
}
.daily_news_data_list_2_new_year > li.completed > .news_link .level_wrap {
	opacity: .3;
}
.daily_news_data_list_2_new_year > li.fav > .news_link .fav_count{
}
.daily_news_data_list_2_new_year > li.fav > .news_link .fav_count:before {
	content: '';
	display: block;
	margin-right: 5px;
	/* position: absolute; */
	z-index: 3;
	width: 16px;
    height: 16px;
	left: -2rem;
	top: 50%;
	/* transform: translateY(-53%); */
	background-image: url(../images/daily_news/icon-heart-gold.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
}
.daily_news_data_list_2_new_year > li.fav.completed > .news_link .level_wrap:before {
	/*opacity: .4;*/
}
.daily_news_data_list_2_new_year > li.completed > .news_link:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
}
.daily_news_data_list_2_new_year > li.completed .text_area .news_title{
	width: calc(100% - 160px);
}
.daily_news_data_list_2_new_year .news_cover {
	position: relative;
	width: 50%;
	flex-shrink: 0;
	overflow: hidden;
}
.daily_news_data_list_2_new_year .news_cover:after {
	/* content: ''; */
	display: block;
	padding-bottom: 100%;
}
.daily_news_data_list_2_new_year .new_badge_wrap {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 100;
	font-size: 0;
}
.daily_news_data_list_2_new_year .new_badge_wrap .new_badge {
	background: rgba(255,255,255);
	color: #999999;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 0.1rem 1rem 0;
	opacity: .7;
}
.daily_news_data_list_2_new_year .news_cover > img {
	display: block;
	/* position: absolute; */
	width: 100%;
	height: 100%;
	/* left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto; */
	object-fit: cover;
	transition: all .2s linear;
}
.daily_news_data_list_2_new_year .news_link:hover .news_cover > img {
	filter: brightness(105%) contrast(110%);
}
.daily_news_data_list_2_new_year .text_area {
	flex: 1;
	padding: 1.5rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.daily_news_data_list_2_new_year .text_area .time_wrap {
	margin-bottom: .5rem;
}
.daily_news_data_list_2_new_year .text_area .news_time {
	display: inline-block;
	font-family: sans-serif;
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #8B9BA8;
	margin-left: auto;
}
.daily_news_data_list_2_new_year .text_area .new_badge {
	font-family: sans-serif;
	font-weight: 300;
	color: #8B9BA8;
	font-size: 1.2rem;
	line-height: 2.4rem;
	text-align: center;
	display: inline-block;
	padding: 0 .8rem;
	border: 1px solid #8B9BA8;
}
.daily_news_data_list_2_new_year .text_area .tag_wrap {
	margin-bottom: .5rem;
}
.daily_news_data_list_2_new_year .text_area .news_tag {
	display: inline-block;
	font-family: sans-serif;
	font-weight: 300;
	color: #999999;
	font-size: 1rem;
	border: 1px solid #CCCCCC;
	padding: 2px 5px;
}
.daily_news_data_list_2_new_year .text_area .news_tag::before {
	/* content: '';
	display: inline-block;
	position: relative;
	bottom: -.1rem;
	background-image: url('../images/daily_news/icon-tags.svg');
	height: 1.4rem;
	width: 1.8rem;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat;
	opacity: .67; */
}
.daily_news_data_list_2_new_year .text_area .news_title_wrap {
	flex: 1;
}
.page_daily_news_sub .daily_news_data_list_2_new_year > li.completed:nth-child(-n+3) .text_area .news_title_wrap {
	opacity: .6;
}
.daily_news_data_list_2_new_year .text_area .news_title {
	color: #555;
	font-weight: bold;
	font-size: 1.8rem;
	--line-height: 2.2rem;
	--max-lines: 2;
	line-height: var(--line-height);
	max-height: calc(var(--line-height) * var(--max-lines));
	overflow: hidden;
}
.daily_news_data_list_2_new_year .news_link > .complete_date {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	color: #fff;
	font-size: 1.4rem;
	line-height: 2rem;
	padding-left: 3rem;
	background-image: url(../images/daily_news/icon-check-white.svg);
	background-repeat: no-repeat;
	background-size: 2rem 2rem;
	background-position: 0 center;
	z-index: 20;
}
.daily_news_data_list_2_new_year > li:nth-child(n+4) .news_link > .complete_date {
	right: auto;
	left: 1.5rem;
}
.daily_news_content_list-2 .daily_news_data_list_2_new_year > li:nth-child(n+4) .news_link > .complete_date, 
.page_daily_news_sub .daily_news_data_list_2_new_year > li:nth-child(n+4) .news_link > .complete_date {
	right: 1.5rem;
	left: auto;
}
/*first 3 items special styles*/
.daily_news_data_list_2_new_year > li:nth-child(-n+3) {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 34.1rem;
}
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) {
	position: relative;
	width: 25%;
	overflow: hidden;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3):after,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4):after {
	/* content: ''; */
	display: block;
	padding-bottom: 53%;
}
.daily_news_data_list_2_new_year .text_btm_wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0 8px;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) > .news_link,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) > .news_link {
	/* display: block; */
	/* position: absolute; */
	/* top: 0; */
	/* left: .5rem; */
	/* width: calc(100% - 1rem); */
	height: calc(100% - 1.6rem);
	/* color: #fff; */
	overflow: hidden;
	flex-direction: column;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3).fav > .news_link:before,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4).fav > .news_link:before {
	right: 1.5rem;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) > .news_link:after,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) > .news_link:after {
	/* content: ''; */
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 77%);
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3).completed > .news_link:after,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4).completed > .news_link:after {
	background: rgba(0,0,0,0.6);
	z-index: 2;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .news_link > .news_cover,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover {
	height: 19.5rem;
	width: 100%;
	transition: transform .2s ease-in-out;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .news_link > .news_cover:after,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover:after {
	display: none;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .news_link:hover > .news_cover > img,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .news_link:hover > .news_cover > img {
	transform: scale(1.05);
	/*transition: transform .1s ease-in-out;*/
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .news_link > .news_cover > img,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .news_cover > img {
	display: block;
	height: 100%;
	/* position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto; */
	/*transition: transform .1s ease-in-out;*/
	object-fit: cover;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .news_link > .text_area,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .text_area {
	/* position: absolute; */
	/* display: block; */
	z-index: 3;
	width: 100%;
	bottom: 0;
	left: 0;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3).completed .news_link > .text_area,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4).completed .news_link > .text_area {
	
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .text_area,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .text_area {
	padding: 2rem;
}
/* .daily_news_data_list_2_new_year > li:nth-child(-n+3) .text_area .news_time,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_time {
	color: #ccc;
} */
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .text_area .new_badge,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .new_badge {
	color: #fff;
	border-color: #fff;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .text_area .news_tag,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_tag {
	color: #ccc;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .text_area .news_tag::before,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .text_area .news_tag::before {
	background-image: url('../images/daily_news/icon-tags-white.svg');
	opacity: .67;
}
.daily_news_data_list_2_new_year > li.completed:nth-child(-n+3) .text_area .news_title,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li.completed:nth-child(-n+4) .text_area .news_title {
	color: #222;
}
.daily_news_data_list_2_new_year > li:nth-child(-n+3) .news_link > .complete_date,
.daily_news_data_list_2_new_year[data-items-per-row="4"] > li:nth-child(-n+4) .news_link > .complete_date {
	font-size: 1.8rem;
	line-height: 3rem;
	padding-left: 3.5rem;
	background-size: 2.4rem 2.4rem;
}

.daily_news_data_list_2_new_year .heading_bar.halloween {
	background: #0a0404;
	color: #f9a31c;
}
.daily_news_data_list_2_new_year .ttl.halloween {
	background: #0a0404;
	color: #f9a31c;
	width: 100%;
	padding: 1.3rem 0 1rem;
	display: flex;
	justify-content: center;
}
.daily_news_data_list_2_new_year .ttl.halloween img{
	display: block;
	width: 2rem;
	height: 2rem;
}
.daily_news_data_list_2_new_year .ttl.halloween .t_center{
	margin-right: 1rem;
	margin-left: 1rem;
}
.daily_news_data_list_2_new_year .heading_bar.purple{
	background: #3c1e6b;
}
.daily_news_data_list_2_new_year .sec .campaign_desc.campaign_desc_flow dt .step.purple{
	background: #3c1e6b;
}
.daily_news_data_list_2_new_year .sec .campaign_desc.campaign_desc_flow .purple{
	color: #3c1e6b;
}

.page_wrap--new_year_2025 .bottom-cont_new_year {
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    padding: 30px 30px;
    position: relative;
    margin-top: 40px;
}

.page_wrap--new_year_2025 .bottom-cont_new_year .img-cont {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.page_wrap--new_year_2025 .bottom-cont_new_year h3 {
    background: #FFFFFF;
    display: block;
    width: max-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -9px;
    padding: 0 16px;
	font-size: 1.6rem;
	font-weight: 700;
}

.page_wrap--new_year_2025 .bottom-cont_new_year .info-cont {
    margin: 0 auto;
}

.page_wrap--new_year_2025 .bottom-cont_new_year .info-cont img {
    margin: 0 auto;
    display: block;
}

.page_wrap--new_year_2025 .bottom-cont_new_year .daily_news_data_list_2 li {
	width: 100%;
}

/* NJ-55569 End */

/* NJ-74340 */
.coinback-guarantee-note {
	margin: 3.2rem auto;
	font-size: 1.4rem;
}
.coinback-guarantee-note div.title_1 {
	background: #F84F63;
	color: #fff;
	min-height: 4.3rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
	border-radius: 0.5rem 0.5rem 0 0;
	font-weight: 700;
	padding: 0.6rem  0.7rem;
	box-sizing: border-box;
}

.coinback-guarantee-note .info {
	padding: 1.6rem 1.5rem;
	line-height: 180%;
	border: 0.1rem solid #F84F63;
	border-radius: 0 0 0.5rem 0.5rem;
    box-sizing: border-box;
}

.coinback-guarantee-note .info div.title_2 {
	font-size: 1.4rem;
	margin-top: 1.6rem;
	font-weight: 700;
}

.coinback-guarantee-note .info p {
	line-height: 180%;
}

.coinback-guarantee-note .info ul.red {
	margin: 1.6rem auto;
	color: #FF3535;
	font-weight: 700;
}

.coinback-guarantee-note .info ul li {
	line-height: normal;
	list-style-type: disc;
    margin-left: 2rem;
}

.coinback-guarantee-note .info ul li::marker {
	font-size: 1.4rem;
}

.coinback-guarantee-note .info ul li:not(:last-child) {
	margin-bottom: 0.8rem;
}
/* NJ-49747 start */
/* coin expiration modal */
.coin-box {
    margin: 1rem auto;
	padding: 0 2rem;
    box-sizing: border-box;
}

.coin-box .coin-header-cont {
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
	margin-bottom: 4.1rem;
}

.coin-box .coin-header-cont span {
    color: #FFFFFF;
    font-size: 3.6rem;
    margin-left: 5rem;
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
}

.coin-box .coin-header-cont span::before {
    content: "";
    position: absolute;
    width: 2.9rem;
    height: 2.9rem;
    background-image: url(https://assets.nativecamps.com/user/webroot/images/modal/icon_coin_unified.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 55%;
    transform: translateY(-50%);
    left: -3.5rem;
}

.current_coin_holding_wrap.coupon .coin-box .coin-header-cont span::before {
    content: none;
}

.current_coin_holding_wrap.coupon .coin-box .coin-header-cont span {
    margin-left: 0;
}

.current_coin_holding_wrap.coupon .coin-box .coin-header-cont .coin-header-icon {
    display: flex;
    flex-shrink: 0;
    width: 4.4rem;
    height: 4.4rem;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 9999px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTE3LjM1NTUgMTJDMTcuMzU1NSAxMS4yMzIyIDE3LjYzMjEgMTAuNDg4MyAxOC4xMzg3IDkuODk0NTNDMTguNjMxOSA5LjMxNjQzIDE5LjMxMzcgOC45MTcxOSAyMC4wNzIzIDguNzU1ODZWNi44NzVIMTAuMDQzOVYxNy4xMjVIMjAuMDcyM1YxNS4yNDMyQzE5LjMxMzggMTUuMDgxOCAxOC42MzE5IDE0LjY4MzUgMTguMTM4NyAxNC4xMDU1QzE3LjYzMjEgMTMuNTExNyAxNy4zNTU1IDEyLjc2NzggMTcuMzU1NSAxMlpNNi42NTQzIDEyQzYuNjU0MyAxMi43Njc4IDYuMzc3NyAxMy41MTE3IDUuODcxMDkgMTQuMTA1NUM1LjM3Nzg2IDE0LjY4MzUgNC42OTU5NSAxNS4wODE4IDMuOTM3NSAxNS4yNDMyVjE3LjEyNUg4LjUzNzExVjYuODc1SDMuOTM3NVY4Ljc1NTg2QzQuNjk2MDMgOC45MTcxOSA1LjM3NzgyIDkuMzE2NDMgNS44NzEwOSA5Ljg5NDUzQzYuMzc3NyAxMC40ODgzIDYuNjU0MyAxMS4yMzIyIDYuNjU0MyAxMlpNMjEuNTgwMSA5LjQwMDM5QzIxLjU4IDkuNTkzNTcgMjEuNDk5OSA5Ljc3ODQ3IDIxLjM1ODQgOS45MTQwNkMyMS4yMTY5IDEwLjA0OTYgMjEuMDI1IDEwLjEyNSAyMC44MjYyIDEwLjEyNUMyMC4zMDUyIDEwLjEyNSAxOS44MDU5IDEwLjMyMzggMTkuNDM4NSAxMC42NzU4QzE5LjA3MTMgMTEuMDI3NyAxOC44NjUyIDExLjUwNCAxOC44NjUyIDEyQzE4Ljg2NTIgMTIuNDk2IDE5LjA3MTMgMTIuOTcyMyAxOS40Mzg1IDEzLjMyNDJDMTkuODA1OSAxMy42NzYyIDIwLjMwNTIgMTMuODc1IDIwLjgyNjIgMTMuODc1QzIxLjAyNSAxMy44NzUgMjEuMjE2OSAxMy45NTA0IDIxLjM1ODQgMTQuMDg1OUMyMS40OTk5IDE0LjIyMTUgMjEuNTggMTQuNDA2NCAyMS41ODAxIDE0LjU5OTZWMTcuMjAwMkMyMS41OCAxNy41NjU5IDIxLjQyOCAxNy45MTYzIDIxLjE1OTIgMTguMTczOEMyMC44OTA0IDE4LjQzMTIgMjAuNTI2MiAxOC41NzUyIDIwLjE0NzUgMTguNTc1MkgzLjg2MjNDMy40ODM2MSAxOC41NzUyIDMuMTE5MzYgMTguNDMxMiAyLjg1MDU5IDE4LjE3MzhDMi41ODE3MiAxNy45MTYzIDIuNDI5NzQgMTcuNTY1OSAyLjQyOTY5IDE3LjIwMDJWMTQuNTk5NkMyLjQyOTggMTQuNDA2NCAyLjUwOTg0IDE0LjIyMTUgMi42NTEzNyAxNC4wODU5QzIuNzkyOTEgMTMuOTUwNCAyLjk4NDc1IDEzLjg3NSAzLjE4MzU5IDEzLjg3NUMzLjcwNDU3IDEzLjg3NSA0LjIwMzg0IDEzLjY3NjIgNC41NzEyOSAxMy4zMjQyQzQuOTM4NDMgMTIuOTcyMyA1LjE0NDUzIDEyLjQ5NiA1LjE0NDUzIDEyQzUuMTQ0NTMgMTEuNTA0IDQuOTM4NDMgMTEuMDI3NyA0LjU3MTI5IDEwLjY3NThDNC4yMDM4NCAxMC4zMjM4IDMuNzA0NTcgMTAuMTI1IDMuMTgzNTkgMTAuMTI1QzIuOTg0NzUgMTAuMTI1IDIuNzkyOTEgMTAuMDQ5NiAyLjY1MTM3IDkuOTE0MDZDMi41MDk4NCA5Ljc3ODQ3IDIuNDI5OCA5LjU5MzU3IDIuNDI5NjkgOS40MDAzOVY2Ljc5OThDMi40Mjk3NCA2LjQzNDE0IDIuNTgxNzIgNi4wODM3MiAyLjg1MDU5IDUuODI2MTdDMy4xMTkzNiA1LjU2ODg0IDMuNDgzNjEgNS40MjQ4IDMuODYyMyA1LjQyNDhIMjAuMTQ3NUMyMC41MjYyIDUuNDI0OCAyMC44OTA0IDUuNTY4ODQgMjEuMTU5MiA1LjgyNjE3QzIxLjQyOCA2LjA4MzcyIDIxLjU4IDYuNDM0MTQgMjEuNTgwMSA2Ljc5OThWOS40MDAzOVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPg=="), linear-gradient(90deg, #FF6B35 0%, #EEB633 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 2.4rem 2.4rem, cover;
}

.coin-box .tab-menu {
    display: flex;
    justify-content: center;
    margin-bottom: 3rem;
	gap: 5.7rem;
}

.coin-box .tab-link {
    padding-bottom: 6px;
    font-size: 1.5rem;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
	box-sizing: border-box;
}

.coin-box .tab-link:first-child {
	width: 9.5rem;
}

.coin-box .tab-link:last-child {
	width: 11.1rem;
}

.coin-box .tab-link.active {
    color: #FFFFFF;
    position: relative;
}

.coin-box .tab-link.active:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #FFFFFF;
}

.coin-box .tab-content {
    display: none;
    box-sizing: border-box;
}

.coin-box .tab-content.active {
    display: block;
}

.coin-box .tab-info {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}

.coin-box .tab-info.header-new {
    font-size: 1.6rem;
    font-weight: bold;
    color: #FFFFFF;
	margin: 3rem auto;
}

.coin-box .tab-info.small {
    font-size: 1.3rem;
    color: #FFFFFF;
    border: none;
    position: relative;
    margin-bottom: 3.7rem;
}

.coin-box .coin-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.coin-box .coin-item {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
    margin-bottom: 2rem;
	color: #FFFFFF;
	line-height: 100%;
}

.coin-box .coin-item:last-child {
    border-bottom: none;
}

/* NJ-97760: Coin/Coupon expiry page reskin */
.coin-box .tab-link.active:after {
    background-color: #F1890E;
}

.coin-box .tab-link {
    color: #999999;
    font-weight: 400;
}

.coin-box .tab-link.active {
    color: #FFFFFF;
    font-weight: 500;
}

.coin-box .coin-header-cont span {
    font-size: 2.2rem;
}

.coin-box .coin-item {
    font-size: 1.4rem;
    margin-bottom: 0;
    padding: 1.2rem 0;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
}

.coin-box .coin-item:last-child {
    border-bottom: none;
}

/* NJ-97760: coin_holding block_balance icon + full-width segmented tab-menu Figma parity */
.current_coin_holding_wrap:not(.coupon) .coin-box {
    margin-top: 2rem;
}

.coin-box .coin-header-cont {
    gap: 1.2rem;
    margin-top: 2.4rem;
}

.coin-box .coin-header-cont span {
    line-height: 1.3;
}

.current_coin_holding_wrap:not(.coupon) .coin-box .coin-header-cont span {
    margin-left: 0;
}

.current_coin_holding_wrap:not(.coupon) .coin-box .coin-header-cont span::before {
    content: none;
}

.coin-box .coin-header-cont .coin-header-icon {
    flex-shrink: 0;
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 9999px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZD0iTTEyLjAwMTcgMjEuNUMxMC42ODc3IDIxLjUgOS40NTI2NyAyMS4yNTA3IDguMjk2NSAyMC43NTJDNy4xNDAzMyAyMC4yNTMzIDYuMTM0NjcgMTkuNTc2NiA1LjI3OTUgMTguNzIxOEM0LjQyNDMzIDE3Ljg2NjkgMy43NDcyNSAxNi44NjE3IDMuMjQ4MjUgMTUuNzA2QzIuNzQ5NDIgMTQuNTUwMyAyLjUgMTMuMzE1NiAyLjUgMTIuMDAxN0MyLjUgMTAuNjg3NyAyLjc0OTMzIDkuNDUyNjcgMy4yNDggOC4yOTY1QzMuNzQ2NjcgNy4xNDAzMyA0LjQyMzQyIDYuMTM0NjcgNS4yNzgyNSA1LjI3OTVDNi4xMzMwOCA0LjQyNDMzIDcuMTM4MzMgMy43NDcyNSA4LjI5NCAzLjI0ODI1QzkuNDQ5NjcgMi43NDk0MiAxMC42ODQ0IDIuNSAxMS45OTgzIDIuNUMxMy4zMTIzIDIuNSAxNC41NDczIDIuNzQ5MzMgMTUuNzAzNSAzLjI0OEMxNi44NTk3IDMuNzQ2NjcgMTcuODY1MyA0LjQyMzQyIDE4LjcyMDUgNS4yNzgyNUMxOS41NzU3IDYuMTMzMDggMjAuMjUyOCA3LjEzODMzIDIwLjc1MTggOC4yOTRDMjEuMjUwNiA5LjQ0OTY3IDIxLjUgMTAuNjg0NCAyMS41IDExLjk5ODNDMjEuNSAxMy4zMTIzIDIxLjI1MDcgMTQuNTQ3MyAyMC43NTIgMTUuNzAzNUMyMC4yNTMzIDE2Ljg1OTcgMTkuNTc2NiAxNy44NjUzIDE4LjcyMTggMTguNzIwNUMxNy44NjY5IDE5LjU3NTcgMTYuODYxNyAyMC4yNTI4IDE1LjcwNiAyMC43NTE4QzE0LjU1MDMgMjEuMjUwNiAxMy4zMTU2IDIxLjUgMTIuMDAxNyAyMS41Wk0xMiAyMEMxNC4yMzMzIDIwIDE2LjEyNSAxOS4yMjUgMTcuNjc1IDE3LjY3NUMxOS4yMjUgMTYuMTI1IDIwIDE0LjIzMzMgMjAgMTJDMjAgOS43NjY2NyAxOS4yMjUgNy44NzUgMTcuNjc1IDYuMzI1QzE2LjEyNSA0Ljc3NSAxNC4yMzMzIDQgMTIgNEM5Ljc2NjY3IDQgNy44NzUgNC43NzUgNi4zMjUgNi4zMjVDNC43NzUgNy44NzUgNCA5Ljc2NjY3IDQgMTJDNCAxNC4yMzMzIDQuNzc1IDE2LjEyNSA2LjMyNSAxNy42NzVDNy44NzUgMTkuMjI1IDkuNzY2NjcgMjAgMTIgMjBaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTUuMjk0NyAxNS4yNjYxQzEzLjM0OCAxNS4yNjYxIDEyLjE4NjEgMTQuMDYwNCAxMi4xODYxIDExLjk5MDlDMTIuMTg2MSA5LjkyNTc1IDEzLjM3NDMgOC43MiAxNS4yNDIxIDguNzJDMTYuNDM5MSA4LjcyIDE3LjM0MjMgOS4yMTEwNyAxNy44MTU4IDEwLjEwOTlDMTcuOTIxMSAxMC4zMDI4IDE3Ljk3ODEgMTAuNTA0NSAxNy45NzgxIDEwLjY5NzRDMTcuOTc4MSAxMS4xMDk2IDE3LjY5NzUgMTEuMzc3IDE3LjI3NjYgMTEuMzc3QzE2LjkyMTQgMTEuMzc3IDE2LjcwMjIgMTEuMjMyMyAxNi41MjY4IDEwLjg4MTZDMTYuMjQxOCAxMC4yOTQxIDE1LjgxNjUgMTAuMDA5MSAxNS4yNTk3IDEwLjAwOTFDMTQuMzgyOCAxMC4wMDkxIDEzLjgyNTkgMTAuNzU4OCAxMy44MjU5IDExLjk4NjVDMTMuODI1OSAxMy4yMjczIDE0LjM3ODQgMTMuOTc3MSAxNS4yNjQgMTMuOTc3MUMxNS44NDcyIDEzLjk3NzEgMTYuMjcyNSAxMy42OTY1IDE2LjU0NDMgMTMuMTAwMkMxNi43MTA5IDEyLjc1MzggMTYuOTA4MiAxMi42MTM1IDE3LjI0NTkgMTIuNjEzNUMxNy43MDE5IDEyLjYxMzUgMTggMTIuODk4NSAxOCAxMy4zMjM4QzE4IDEzLjQ3NzIgMTcuOTY0OSAxMy42MzUxIDE3Ljg5OTIgMTMuNzg4NUMxNy41MTc3IDE0LjY4NzQgMTYuNTA5MyAxNS4yNjYxIDE1LjI5NDcgMTUuMjY2MVoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik02Ljc2MjkxIDE1LjI1M0M2LjI4MDYxIDE1LjI1MyA2IDE0Ljk2OCA2IDE0LjQ1NVY5LjQ5NjA5QzYgOS4wMDA2NCA2LjI4MDYxIDguNzMzMTggNi43ODA0NSA4LjczMzE4QzcuMDg3MzcgOC43MzMxOCA3LjMwNjU5IDguODY0NzIgNy41NDc3NCA5LjE4MDQxTDkuOTY4MDEgMTIuNTA4M0gxMC4wMDMxVjkuNTMxMTdDMTAuMDAzMSA5LjAxODE4IDEwLjI4ODEgOC43MzMxOCAxMC43NjYgOC43MzMxOEMxMS4yNDgzIDguNzMzMTggMTEuNTI4OSA5LjAxODE4IDExLjUyODkgOS41MzExN1YxNC40OTg5QzExLjUyODkgMTQuOTg1NSAxMS4yNTcxIDE1LjI1MyAxMC43NzA0IDE1LjI1M0MxMC40NDU5IDE1LjI1MyAxMC4yMzExIDE1LjEyNTggOS45OTg3IDE0LjgwNThMNy41NjA5IDExLjQ0MjhINy41MjU4MlYxNC40NTVDNy41MjU4MiAxNC45NjggNy4yNDA4MiAxNS4yNTMgNi43NjI5MSAxNS4yNTNaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K"), linear-gradient(to right, #FF6B35, #EEB633);
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: 2.4rem 2.4rem, cover;
}

.coin-box .tab-menu {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
}

.coin-box .tab-link {
    flex: 1 0 0;
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    height: 4.3rem;
    padding-top: 1rem;
    padding-bottom: 0;
    box-sizing: border-box;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
    font-size: 1.4rem;
}

.coin-box .tab-link.active {
    border-bottom: none;
}

.coin-box .tab-link.active:after {
    display: block;
    position: static;
    width: 100%;
    height: 0.2rem !important;
}

.coin-box .tab-info.header-new {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    background-color: #333333;
    border-radius: 1.6rem;
    padding: 2rem;
    box-sizing: border-box;
    margin: 0 0 1.6rem 0;
}

.coin-box .tab-info.header-new .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.coin-box .tab-info.header-new .note {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.coin-box .tab-info.header-new .note p {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.25;
    color: #999999;
    margin: 0;
}

.coin-box .coin-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    padding: 2.4rem 0;
    text-align: center;
}

.coin-box .coin-empty-state p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #999999;
    margin: 0;
}

.coin-box .coin-empty-state::before {
    content: '';
    display: block;
    width: 4rem;
    height: 4rem;
    background-image: url(https://assets.nativecamps.com/user/webroot/mobile/images/coin/coin_gift-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.4;
}

.current_coin_holding_wrap.coupon .coin-box .coin-empty-state::before {
    background-image: url(https://assets.nativecamps.com/user/webroot/mobile/images/coin/coupon_white.svg);
}

/* NJ-97760: coin_holding empty-state icon Figma parity */
.current_coin_holding_wrap:not(.coupon) .coin-box .coin-empty-state::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xOS45OTY2IDQuMTY2NjNDMjIuMTg2NCA0LjE2NjYzIDI0LjI0NDkgNC41ODI0IDI2LjE3MTcgNS40MTMzN0MyOC4wOTg3IDYuMjQ0NDggMjkuNzc1NyA3LjM3MjQ0IDMxLjIwMSA4Ljc5NzE2QzMyLjYyNjIgMTAuMjIxOCAzMy43NTQ4IDExLjg5NzIgMzQuNTg2NCAxMy44MjMyQzM1LjQxNzggMTUuNzQ5MiAzNS44MzMxIDE3LjgwNzEgMzUuODMzMiAxOS45OTY3QzM1LjgzMzIgMjIuMTg2NSAzNS40MTc0IDI0LjI0NSAzNC41ODY0IDI2LjE3MThDMzMuNzU1MyAyOC4wOTg4IDMyLjYyNzQgMjkuNzc1OSAzMS4yMDI2IDMxLjIwMTFDMjkuNzc4IDMyLjYyNjMgMjguMTAyNiAzMy43NTQ5IDI2LjE3NjYgMzQuNTg2NUMyNC4yNTA2IDM1LjQxNzkgMjIuMTkyNyAzNS44MzMyIDIwLjAwMzEgMzUuODMzM0MxNy44MTMzIDM1LjgzMzMgMTUuNzU0OCAzNS40MTc1IDEzLjgyOCAzNC41ODY1QzExLjkwMSAzMy43NTU0IDEwLjIyMzkgMzIuNjI3NSA4Ljc5ODY3IDMxLjIwMjhDNy4zNzM1IDI5Ljc3ODEgNi4yNDQ4NyAyOC4xMDI3IDUuNDEzMjUgMjYuMTc2N0M0LjU4MTkyIDI0LjI1MDcgNC4xNjY1NSAyMi4xOTI4IDQuMTY2NSAyMC4wMDMyQzQuMTY2NSAxNy44MTM0IDQuNTgyMjggMTUuNzU0OSA1LjQxMzI1IDEzLjgyODFDNi4yNDQzNiAxMS45MDExIDcuMzcyMzIgMTAuMjI0MSA4Ljc5NzA0IDguNzk4NzlDMTAuMjIxNyA3LjM3MzYyIDExLjg5NzEgNi4yNDQ5OSAxMy44MjMxIDUuNDEzMzdDMTUuNzQ5MSA0LjU4MjA0IDE3LjgwNyA0LjE2NjY3IDE5Ljk5NjYgNC4xNjY2M1pNMjUuNDAzNSAxNC41MzQ1QzIyLjI5MDUgMTQuNTM0NSAyMC4zMTA3IDE2LjU0MzQgMjAuMzEwNyAxOS45ODUzQzIwLjMxMDggMjMuNDM0NCAyMi4yNDY5IDI1LjQ0NDMgMjUuNDkxNCAyNS40NDQzQzI3LjUxNTMgMjUuNDQ0MiAyOS4xOTY0IDI0LjQ3OTUgMjkuODMyMiAyMi45ODE3QzI5Ljk0MTggMjIuNzI2MSAyOS45OTk4IDIyLjQ2MjYgMjkuOTk5OCAyMi4yMDdDMjkuOTk5OCAyMS40OTgzIDI5LjUwMzEgMjEuMDIyMyAyOC43NDMzIDIxLjAyMjFDMjguMTgwNiAyMS4wMjIxIDI3Ljg1MDggMjEuMjU3IDI3LjU3MzEgMjEuODM0M0MyNy4xMiAyMi44Mjc3IDI2LjQxMSAyMy4yOTU5IDI1LjQzOTMgMjMuMjk1OUMyMy45NjM1IDIzLjI5NTUgMjMuMDQzNSAyMi4wNDQ5IDIzLjA0MzUgMTkuOTc3MkMyMy4wNDM2IDE3LjkzMTQgMjMuOTcxNCAxNi42ODEzIDI1LjQzMjggMTYuNjgxM0MyNi4zNjA3IDE2LjY4MTMgMjcuMDY4OCAxNy4xNTczIDI3LjU0MzggMTguMTM2NEMyNy44MzYgMTguNzIwOSAyOC4yMDIgMTguOTYxNSAyOC43OTM4IDE4Ljk2MTVDMjkuNDk1MyAxOC45NjE1IDI5Ljk2NCAxOC41MTU2IDI5Ljk2NCAxNy44Mjg3QzI5Ljk2MzkgMTcuNTA3NCAyOS44Njc1IDE3LjE3MTkgMjkuNjkyMiAxNi44NTA1QzI4LjkwMyAxNS4zNTI1IDI3LjM5ODQgMTQuNTM0NSAyNS40MDM1IDE0LjUzNDVaTTE3Ljk0MjUgMTQuNTU1NkMxNy4xNDY1IDE0LjU1NTkgMTYuNjcxNSAxNS4wMzA4IDE2LjY3MTQgMTUuODg1NFYyMC44NDc5SDE2LjYxMjhMMTIuNTc5NiAxNS4zMDExQzEyLjE3NzcgMTQuNzc0OSAxMS44MTE4IDE0LjU1NTYgMTEuMzAwMyAxNC41NTU2QzEwLjQ2NzUgMTQuNTU1NyA5Ljk5OTk3IDE1LjAwMTQgOS45OTk4NCAxNS44MjY4VjI0LjA5MThDOS45OTk4NCAyNC45NDY2IDEwLjQ2NzQgMjUuNDIxNCAxMS4yNzEgMjUuNDIxNUMxMi4wNjc1IDI1LjQyMTUgMTIuNTQyMiAyNC45NDY3IDEyLjU0MjIgMjQuMDkxOFYxOS4wNzIySDEyLjYwMDdMMTYuNjY0OSAyNC42NzYxQzE3LjA1MjIgMjUuMjA5NSAxNy40MDk5IDI1LjQyMTUgMTcuOTUwNyAyNS40MjE1QzE4Ljc2MTcgMjUuNDIxNCAxOS4yMTUzIDI0Ljk3NjEgMTkuMjE1MyAyNC4xNjVWMTUuODg1NEMxOS4yMTUzIDE1LjAzMDUgMTguNzQ2MyAxNC41NTU2IDE3Ljk0MjUgMTQuNTU1NloiIGZpbGw9IiM5OTk5OTkiLz4KPC9zdmc+Cg==");
    opacity: 1;
}

/* NJ-97760: Family top page (index.php) member card reskin */
.page_wrap-family_index .fam_members .member {
    background-color: #333333;
    border: none;
    border-top: none;
    border-radius: 1.6rem;
    padding: 2rem;
    box-sizing: border-box;
}

.page_wrap-family_index .fam_members .member .user_profile .image_wrap {
    width: 5.6rem;
    flex: 0 0 5.6rem;
}

.page_wrap-family_index .fam_members .member img {
    width: 5.6rem;
    height: 5.6rem;
    border-radius: 9999px;
    object-fit: cover;
}

.page_wrap-family_index figcaption.bg_dark_gray {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #FFFFFF;
    border-radius: 0.4rem;
    padding: 0.2rem 0.8rem;
}

.page_wrap-family_index .fam_members .member .user_profile .detail {
    color: #999999;
}

.page_wrap-family_index .fam_members .member .user_profile .detail .fs_18 {
    color: #FFFFFF;
}

.page_wrap-family_index .container .btn_style.btn_family_register {
    background: #F1890E;
    color: #FFFFFF !important;
    border-radius: 9999px;
    height: 4.8rem;
    line-height: 4.8rem;
}

.page_wrap-family_index .p_t_20.m_b_20 > p:first-child {
    color: #999999;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* NJ-97760: Family register chooser (add.php) + add-existing-email (add_exist.php) reskin */
.page_wrap-family_invite .desc_wrap.p_b_50 p {
    color: #999999;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.page_wrap-family_invite .sec-price .price-padding {
    padding-left: 0;
    padding-right: 0;
}

.page_wrap-family_invite .price-plan-list-v2 .price-box.blue {
    border: 0.15rem solid #0BCAFA;
    border-radius: 1.6rem;
    overflow: hidden;
}

.page_wrap-family_invite .price-plan-list-v2 .price-box.blue .box-head {
    background-color: #0BCAFA;
}

.page_wrap-family_invite .price-plan-list-v2 .price-box .box-body {
    background-color: #333333;
    border: none;
    color: #FFFFFF;
    padding: 1.6rem 2rem 2rem;
}

.page_wrap-family_invite .price-plan-list-v2 .price-box .box-head {
    font-size: 1.4rem;
    padding: 1rem .5em;
}

.page_wrap-family_invite .mobapp-home-sb-like-price {
    display: block;
    text-align: left;
    font-weight: normal;
    line-height: 1.5;
}

.page_wrap-family_invite .mobapp-home-sb-like-price > .price-inner {
    text-align: left;
}

.page_wrap-family_invite .mobapp-home-sb-like-price .t--1-1 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.25;
}

.page_wrap-family_invite .mobapp-home-sb-like-price .t--1-2,
.page_wrap-family_invite .mobapp-home-sb-like-price .t--1-2-2 {
    display: inline;
    font-size: 1.2rem;
    font-weight: 400;
    color: #999999;
}

.page_wrap-family_invite .mobapp-home-sb-like-price .price-row-sub {
    margin-top: 1.2rem;
}

.page_wrap-family_invite .mobapp-home-sb-like-price .t--2-1 {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 400;
    color: #999999;
}

.page_wrap-family_invite .price-plan-list-v2 .plan-content {
    margin-top: 1.2rem;
}

.page_wrap-family_invite .price-plan-list-v2 .plan-content-list > li {
    padding-left: 2.6rem;
    line-height: 1.5;
    font-size: 1.4rem;
}

.page_wrap-family_invite .price-plan-list-v2 .plan-content-list > li:before {
    width: 1.8rem;
    height: 1.8rem;
    top: .15rem;
    background-image: url(../images/icon/check-circle-blue.svg);
}

.page_wrap-family_invite .price-plan-list-v2 .plan-content-list > li + li {
    margin-top: 1.2rem;
}

.page_wrap-family_invite .sec-price .price-note-area {
    margin-top: 1.6rem;
    font-size: 1rem;
}

.page_wrap-family_invite .sec-price .price-note-list {
    font-size: 1.2rem;
    color: #999999;
}

.page_wrap-family_invite .sec-price .price-note-list > li + li {
    margin-top: .4rem;
}

.page_wrap-family_invite #family_explanation_bg_gray {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .8rem;
    background-color: rgba(255, 255, 255, 0.05) !important;
    padding: 1.6rem !important;
    border-radius: 1.2rem;
    box-sizing: border-box;
    width: 100%;
}

.page_wrap-family_invite .family_explanation_title {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #fff;
    text-align: left;
}

.page_wrap-family_invite .family_explanation_desc {
    font-size: 1.2rem;
    line-height: 1.45;
    color: #999999;
    text-align: left;
}

.page_wrap-family_invite .btn_style_family.bg_white {
    background-color: #F1890E !important;
    color: #FFFFFF !important;
    border-radius: 9999px;
    border: none;
}

.page_wrap-family_invite .btn_style_family_black {
    background-color: transparent;
    border: 0.15rem solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 9999px;
    color: #FFFFFF;
}

.page_wrap-family_invite input.size_4,
.page_wrap-family_invite select.size_4 {
    background-color: #232323;
    color: #FFFFFF;
    border: 0.15rem solid rgba(255, 255, 255, 0.2);
    border-radius: 0.8rem;
    box-sizing: border-box;
    padding: 0 1.2rem;
    height: 4.4rem;
}

.app-container .tab-header .btn-mobileSelect-gen,
.black--page-wrap.black--bg-000 .btn-mobileSelect-gen,
.black--page-wrap.black--bg-000 .app-container .btn-mobileSelect-gen {
	background: unset !important;
}

.black--page-wrap.black--bg-000 .app-container .tab-header .btn-mobileSelect-gen,
.app-container .btn-mobileSelect-gen {
	padding-right: 1.5rem !important;
}

/* NJ-49747 end */


/* NJ-74777 [Start - Kids Levels] */
body:has(.kids_level),
.page-tb-levels.kids_level {
    background: #fff;
}

.page-tb-levels.kids_level {
	padding: 2.4rem 1.8rem;
}

.kids_level .page_inner {
    color: #504F4B;
	padding: 0;
}

.kids_level .page_inner .text {
    display: block;
    margin-bottom: 2.4rem;
	font-size: 1.6rem;
}

.kids_level .box_level table {
    width: 100%;
    margin-bottom: 1.8rem;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #E0E0E0;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

.kids_level .box_level table img {
    width: 6rem;
    height: 6rem;
}

.kids_level .box_level table .text_1,
.kids_level .box_level table .text_2 {
    font-size: 1.5rem;
    font-weight: 700;
}

.kids_level .box_level table .text_2 {
    color: #A9A8A9;
    margin-top: 1rem;
}

.kids_level .box_level table .head_text {
    background: #ECECEC;
	height: 2.5rem;
}

.kids_level .box_level table tr th,
.kids_level .box_level table tr td {
    padding: 0.5rem;
    text-align: center;
    vertical-align: middle;
    color: #504F4B;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 130%;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

.kids_level .box_level table tr:first-child th {
    width: 11.3rem;
}

.kids_level .box_level table tr:nth-child(2) td:last-child {
    border-bottom: 1px solid #E0E0E0;
}

.kids_level .box_level tr th:last-child,
.kids_level .box_level tr td:last-child {
    border-right: none;
}

.kids_level .box_level tr:last-child th,
.kids_level .box_level tr:last-child td {
    padding: 1.4rem;
    border: none;
}

/* NJ-74777 [End - Kids Levels] */
/** NJ-76437 [start] */
.eye_icon {
	background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/images/icon/icon_eye_white.svg');
	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/mobapp/images/icon/icon_eye_open_white.svg');
}
.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;
}
.pass_note li {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
    color: #fff;
	font-size: 1.2rem;
}
.pass_note li span {
    width: 1.8rem;
}
.page_wrap-family .contents_inner p.apply_plan_err {
	color: #FF3535;
	font-family: "Noto Sans CJK JP";
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5;
	margin-top: 0.5rem;
}
/** NJ-76437 [end] */
/* NJ-20441 */

/* --- Image Preview Modal Custom Styles --- */
.image-preview-modal {
	display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
}
.image-preview-modal.show {
	display: flex;
	opacity: 1;
}
.image-preview-modal .modal-container {
	position: relative;
    display: inline-block;
}
.image-preview-modal .modal-content {
	display: flex ;
    position: relative;
    width: 33.5rem;
    height: 33.5rem;
    background: #f5f5f5;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
}
.image-preview-modal .close {
	position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 3rem;
    height: 3rem;
    background: #555555;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex ;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    font-size: 2rem;
    color: #ffffff;
    line-height: 1;
}
.image-preview-modal .close:hover {
	background: #eee;
	color: #222;
}

.d-none {
	display: none;
}
.h-0 { 
	height: 0;
}
.mobapp_notes { 
	background: #f5f5f5;
	padding: 2rem;
	border-radius: 0.8rem;
}
.mobapp_notes .ui_notice_list ul { 
	padding-left: 1rem;
}
.mobapp_notes .ui_notice_list ul li {
	color: #555555;
	list-style: disc;
	padding: 0;
    text-indent: 0;
}

.mobapp_notes .ui_notice_list ul li::before {
	content: none; 
}

textarea.white--textarea {
	box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1rem;
	color: #555555;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	height: unset;
	width: 100%;
}
textarea.white--textarea.white--textarea-block {
	display: block;
	width: 100%;
}
input.white--input {
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1rem;
	color: #fff;
	background-color: #FFFFFF;
	border: 0.1rem solid #CCCCCC;
	border-radius: 0;
	height: unset;
}
input.white--input.white--input-block {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
}
.white--input.disabled,
.white--input:disabled {
	opacity: .1 !important;
	pointer-events: none;
}
.btn_blue { 
	display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.8rem;
    width: 13rem;
    border-radius: 2rem;
	background: #7FA1E9;
	color: #ffffff;
}
/** NJ-75273 [end] */

/* NJ-20441 */

/* --- Image Preview Modal Custom Styles --- */
.image-preview-modal {
	display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
}
.image-preview-modal.show {
	display: flex;
	opacity: 1;
}
.image-preview-modal .modal-container {
	position: relative;
    display: inline-block;
}
.image-preview-modal .modal-content {
	display: flex ;
    position: relative;
    width: 33.5rem;
    height: 33.5rem;
    background: #f5f5f5;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
}
.image-preview-modal .modal-content#previewPDF {
	height: 50rem;
}
.image-preview-modal .close {
	position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    width: 3rem;
    height: 3rem;
    background: #555555;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex ;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    font-size: 2rem;
    color: #ffffff;
    line-height: 1;
}
.image-preview-modal .close:hover {
	background: #eee;
	color: #222;
}

.d-none {
	display: none;
}
.h-0 { 
	height: 0;
}
.mobapp_notes { 
	background: #f5f5f5;
	padding: 2rem;
	border-radius: 0.8rem;
}
.mobapp_notes .ui_notice_list ul { 
	padding-left: 1rem;
}
.mobapp_notes .ui_notice_list ul li {
	color: #555555;
	list-style: disc;
	padding: 0;
    text-indent: 0;
}

.mobapp_notes .ui_notice_list ul li::before {
	content: none; 
}

textarea.white--textarea {
	box-sizing: border-box;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1rem;
	color: #555555;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 0;
	height: unset;
	width: 100%;
}
textarea.white--textarea.white--textarea-block {
	display: block;
	width: 100%;
}
input.white--input {
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 1rem;
	color: #fff;
	background-color: #FFFFFF;
	border: 0.1rem solid #CCCCCC;
	border-radius: 0;
	height: unset;
}
input.white--input.white--input-block {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 100%;
}
.white--input.disabled,
.white--input:disabled {
	opacity: .1 !important;
	pointer-events: none;
}
.btn_blue { 
	display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.8rem;
    width: 13rem;
    border-radius: 2rem;
	background: #7FA1E9;
	color: #ffffff;
}
.border-trans { 
	border: transparent;
}
.send_btn { 
	background: #02C9A8; 
	color: #fff;
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: center;
	padding: .8rem 1rem;
	border: 0.1rem solid #cccccc;
	border-radius: .4rem;
	width: 100%;
	height: 4.8rem;
}
textarea {
	width: 100%;
}
button[type="submit"] {
  display: block;
  width: 100%;
  border: transparent;
}

.error-message-box {
  border: 0.2rem solid #F84F63;
  border-radius: 0.8rem;
  padding: 1rem 1.6rem;
  margin-bottom: 1rem;
  background: #fff;
  display: block;
}
.error-message-box.hide {
  display: none;
}
.error-message-box.show {
  display: block;
}
.error-message-text {
  color: #F84F63;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: normal;
}
.icon-error {
  font-size: 1.8rem;
  margin-right: 0.4rem;
  color: #F84F63;
}
/* Override any conflicting styles */
.func-email_error.error-message-box,
.email_again_error.error-message-box,
.category_error.error-message-box,
.detail_error.error-message-box,
.func-error-message.error-message-box {
  border: 0.2rem solid #F84F63;
  border-radius: 0.8rem;
  padding: 1rem 1.6rem;
  margin-bottom: 1rem;
  background: #fff;
}
/* Override existing error styles */
.error-message-box p {
  color: #F84F63;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
}
.error-message-box .fs_14,
.error-message-box .lh_15,
.error-message-box .black--c-red {
  color: #F84F63;
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
}
.btn_blue_comp { 
	display: block;
    margin: 0 auto;
    text-align: center;
    padding: 0.8rem;
    width: 80%;
    border-radius: 0.5rem;
	background: #41d9c0;
	color: #ffffff;
}

.new-inquiry-design {
	position: relative;
}
.new-inquiry-design .field-label.not-required:after {
	 content: '';
}
.new-inquiry-design .field-label:after {
    content: '*';
    color: #ff0000;
    font-weight: 700;
    margin-left: 0.2rem;
}
.new-inquiry-design .custom-select-original.error-field {
    border:  0.2rem solid #F84F63;
}
.new-inquiry-design .custom-select-original {
	appearance: none; 
	-webkit-appearance: none;   
  	-moz-appearance: none;  
	background: #eeeeee;
    color: #555555;
    border: none;
    border-radius: 0.5rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.3;
    padding: 1rem;
    cursor: pointer;
    box-shadow: 0 0 0.2rem rgba(0,0,0,0.25);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7' fill='none'%3e%3cpath d='M1 1L6.5 6L12 1' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1.3rem 0.7rem;
    transition: all 0.2s ease;
}
.new-inquiry-design .custom-select-original.opened {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 7' fill='none'%3e%3cpath d='M12 6L6.5 1L1 6' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e")
}
.category_select {
	width: 50%;
}
.category_select option {
	width: 70%;
}
#InquiryCategorySelect select.size_max{ 
width: 40%;
}
.new-inquiry-design textarea{    
	padding: 5px;
    border-radius: 5px;
    border: 1px solid #999;
}
.custom_border {
    border-bottom: 0.1rem solid #ededed;
	padding-bottom: 2rem;
}
.custom_border_top {
    border-top: 0.1rem solid #ededed;
	padding-top: 2rem;
}
/* Error field styling - using styles from details_subpages.css */
.error-field {
    border-color: #F84F63;
    border-width: 0.2rem;
}

/* Ensure error styling works for all form field types */
.error-field.white--input,
.error-field.white--textarea,
.error-field.size_max,
.error-field.custom-select-original,
.error-field.email_white  {
    border-color: #F84F63;
    border-width: 0.2rem ;
}
.email_white.bg-bd {
	display: block;
    width: 100%;
	max-width: 100%;
	font-size: 1.4rem;
    line-height: 1.4;
    padding: 1rem;
}
.attachmentList.mobapp_view { 
	display: flex ;
    gap: 1.5rem;
    flex-wrap: wrap;
    width: 100%;
    max-width: 34.5rem;
    margin: 2rem auto;
}
.attachmentList.mobapp_view .attachment-item {
	position: relative;
    width: 15.6rem;
    height: 15.6rem;
    background: #f5f5f5;
    overflow: visible;
    display: flex ;
    align-items: center;
    justify-content: center;
}
.attachment-item .remove-btn{ 
    position: absolute;
    top: -.6rem;
    right: -.6rem;
    width: 1.8rem;
    height: 1.8rem;
    background: #555;
    border-radius: 50%;
    display: flex ;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 1rem;
    line-height: 1;
    z-index: 1;
    box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.3);
}
.attachmentList.mobapp_view .attachment-item img {
	width: 15rem;
    height: 15rem;
    object-fit: contain;
    margin-top: 0.6rem;
}
.attachment-item .remove-btn:before {
    content: '×';
    font-weight: bold;
    font-size: 1.4rem;
}
 /* Add this CSS near the top or in your main stylesheet */
.image-preview-modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: auto;
    background: rgba(0,0,0,0.7);
    justify-content: center;
    align-items: center;
}
 
select#InquiryCategorySelect {
  width: 100%;
  box-sizing: border-box;
}

select#InquiryCategorySelect option {
  white-space: normal; 
  word-break: break-word; 
}

.btn-mobileSelect-gen .text {
	position: relative;
}

.page_wrap.page_wrap-faq {
	background: #F5F5F5;
}
.page_wrap-faq .ui-pager ul {
	display: table;
	width: 100%;
}
.page_wrap-faq .ui-pager li {
    margin: 0;
    font-size: 1.6rem;
    padding: 0 1rem;
    display: table-cell;
	vertical-align: middle;
    line-height: 3.6rem;
}
.ui-pager li.on, .ui-pager span.current {
    padding: 0 1rem;
    background: #555;
    color: #fff;
}
.page_wrap-faq .ui-pager li.prev {
	padding-left: 0;
    text-align: left;
}
.page_wrap-faq .ui-pager li.next {
	padding-right: 0;
    text-align: right;
}
.t_linkk {
	color: #00acee;
    text-decoration: underline;
}
.attachment-item .preview-video{
	height: 80px;
	width: 80px;
	object-fit: cover;
	cursor: pointer;
}
.attachment-item .preview-audio{
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.attachment-item .pdf-icon {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	background: #d32f2f;
	border-radius: 6px;
	cursor: pointer;
	position: relative;
	box-shadow: 0 2px 6px rgba(0,0,0,0.15);
	user-select: none;
}

.attachment-item .pdf-icon::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-top: 20px solid rgba(255,255,255,0.4);
	border-radius: 0 0 6px 0;
}

.attachment-item .file-icon.audio {
	font-size: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
	height: 80px;
	border-radius: 12px;
	background-color: #f0f0f0;
	cursor: pointer;
	transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.attachment-item .file-icon.audio:hover {
	transform: scale(1.1);
	background-color: #e0e0e0;
}

.pdf-unsupported-message {
	width: 33.5rem;
	height: 33.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	color: #333;
	border-radius: 0;
}

.modal_window.mobapp_view {
    transform: translateX(-50%);
    left: 50% !important;
    margin-left: unset !important;
}

@supports (-webkit-touch-callout: none) {
	.preview-video {
		-webkit-transform: translateZ(0);
		-webkit-overflow-scrolling: touch;
		aspect-ratio: 1 / 1;
	}
}
/* NJ-20441 */

/* NJ-89036 */
.plan-option__head,
.page_wrap.page_usage_price .sec_panel_header {
	border-radius: 1rem 1rem 0 0;
}
.plan-option__body {
	border: 1px solid var(--_plan-head-bg);
	border-radius: 0 0 1rem 1rem;
}
.page_wrap.page_usage_price .sec_panel {
	border-radius: 1rem;
}

/* NJ-65066 favorite_teachers popup afterlesson */
.page_wrap.favorite_teachers_popup_afterlesson {
	background: #FFF;
}
.container.favorite_teachers_popup_afterlesson {
	border-radius: 1.6rem;
}
.favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_holder{
	border: 0.2rem solid #FD5392;
	border-radius: 2rem;
	background: #FFEEF3;
	overflow: hidden;
}
.favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
}
.favorite_teachers_popup_afterlesson .stamp_basket_num {
	color: #E83936;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.4rem;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_header {
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0.8rem auto 0.8rem;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_header p {
    display: flex;
    justify-content: center;
    align-items: center;
}
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap {
	margin-bottom: 2.1rem;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .stamp_list {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 1rem;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.active {
	background-image: url('https://assets.nativecamps.com/user/webroot/images/campaign/favorite_teachers/coin_3.webp');
	background-size: 2rem 2rem;
	background-position: center;
	background-repeat: no-repeat; 
	color: transparent;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.active-img {
	background-image: url('https://assets.nativecamps.com/user/webroot/mobile/images/campaign/favorite_teachers/static_img1.webp');
	background-size: 5rem 2.8rem;
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.active-img2 {
	background-image: url('https://assets.nativecamps.com/user/webroot/mobile/images/campaign/favorite_teachers/static_img2.webp');
	background-size: 5rem 2.8rem;
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.active-img3 {
	background-image: url('https://assets.nativecamps.com/user/webroot/mobile/images/campaign/favorite_teachers/static_img3.webp');
	background-size: 5rem 2.8rem;
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.active-img4 {
	background-image: url('https://assets.nativecamps.com/user/webroot/mobile/images/campaign/favorite_teachers/static_img4.webp');
	background-size: 5rem 2.8rem;
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.active-img5 {
	background-image: url('https://assets.nativecamps.com/user/webroot/mobile/images/campaign/favorite_teachers/static_img.webp');
	background-size: 5rem 2.8rem;
	background-position: center;
	background-repeat: no-repeat;
	color: transparent;
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson  .border-none {
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson  .stamp_basket_wrap .stamp_list_wrap .list-item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 5rem;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.border-box {
	position: relative;
	border: 0.1rem dashed #FD5392;
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 5rem;
	background: #fff;
	font-size: 1.6rem;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item.border-box.teacher_50_coin::before {
	content: url("https://assets.nativecamps.com/user/webroot/mobile/images/campaign/favorite_teachers/coin_50.svg");
	position: absolute;
	bottom: -5px;
    right: -5px;
    z-index: 1;
}
  .favorite_teachers_popup_afterlesson .no_dash{
	border: none !important;
  }
  .favorite_teachers_popup_afterlesson .stamp_basket_wrap .stamp_list_wrap .list-item {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 1.2rem;
	color: #FD5392;
	font-weight: 700;
  }
  .favorite_teachers_popup_afterlesson .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    margin-bottom: -15px;
}
.favorite_teachers_popup_afterlesson .sub_title {
	font-size: 1.6rem !important;
	font-weight: 700;
	color: #FD5392;
	text-align: center;
	margin: 2rem auto 1.1rem;
  }
  .favorite_teachers_popup_afterlesson .details a{
	font-size: 1.4rem;
	font-weight: 400;
	text-decoration: underline;
	color: #00ACEE;
	text-align: center;
	display: block;
	cursor: pointer;
	margin-bottom: 1.5rem;
  }
  .favorite_teachers_popup_afterlesson label {
	font-size: 1.5rem !important;
	color: #707070;
	font-weight: 400;
	cursor: pointer;
  }
  .favorite_teachers_popup_afterlesson .terms {
	text-align: center;
	padding-bottom: 3rem;
  }
/* NJ-65066 favorite_teachers popup afterlesson end */

/* NJ-91731 */
.page_wrap.fp-loading-page {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background: #fff;
        box-sizing: border-box;
}
.page_wrap.fp-loading-page--dark {
        background: #323232;
}
.fp-loading-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.4rem;
        padding-bottom: 8rem;
}
.fp-loading-page .fp-spinner {
        position: relative;
        width: 7.2rem;
        height: 7.2rem;
        flex-shrink: 0;
}
.fp-loading-page .fp-bar {
        position: absolute;
        width: 1.2rem;
        height: 2.3rem;
        background: #f1890e;
        border-radius: 1rem;
        left: 50%;
        top: 0;
        margin-left: -0.6rem;
        transform-origin: center 3.6rem;
        opacity: 0.15;
        animation: fp-spinner-fade 1s linear infinite;
}
.fp-loading-page .fp-bar-1 { transform: rotate(0deg);   animation-delay: 0s; }
.fp-loading-page .fp-bar-2 { transform: rotate(45deg);  animation-delay: -0.875s; }
.fp-loading-page .fp-bar-3 { transform: rotate(90deg);  animation-delay: -0.75s; }
.fp-loading-page .fp-bar-4 { transform: rotate(135deg); animation-delay: -0.625s; }
.fp-loading-page .fp-bar-5 { transform: rotate(180deg); animation-delay: -0.5s; }
.fp-loading-page .fp-bar-6 { transform: rotate(225deg); animation-delay: -0.375s; }
.fp-loading-page .fp-bar-7 { transform: rotate(270deg); animation-delay: -0.25s; }
.fp-loading-page .fp-bar-8 { transform: rotate(315deg); animation-delay: -0.125s; }
@keyframes fp-spinner-fade {
        0%   { opacity: 1; }
        100% { opacity: 0.15; }
}
.fp-loading-text {
        font-size: 1.5rem;
        color: #333;
        text-align: center;
        line-height: 1.5;
        margin: 0;
}
.fp-loading-page--dark .fp-loading-text {
        color: #fff;
}
/* NJ-91731 END */

/* ===================================================
   Reply Restriction Notice Card — NJ-97685 (APP)
   =================================================== */

.reply-restriction-notice-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    border-radius: 12px;
    padding: 20px;
    background: rgba(72, 66, 4, 0.65);
    border: 1px solid #EEB633;
    box-sizing: border-box;
	margin:4rem 1.6rem;
}

.reply-restriction-notice-card .notice-inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.reply-restriction-notice-card .notice-icon {
    width: 32px;
    height: 32px;
    background-image: url('https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/mobile/images/icon/app_mail_off.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reply-restriction-notice-card .notice-text {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
}

.reply-restriction-notice-card .notice-title {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 160%;
    text-align: center;
    color: #EEB633;
    margin: 0;
}

.reply-restriction-notice-card .notice-body {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 160%;
    text-align: center;
    color: #EEB633;
    margin: 0;
}

.reply-restriction-notice-card .notice-ai-link {
    color: inherit;
    text-decoration: none;
}

.reply-restriction-notice-card .notice-btn-ai {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1890E;
    color: #FFFFFF;
    border-radius: 9999px;
    height: 44px;
    padding: 12px 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.005em;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}
/* NJ-97685 END */