@charset "utf-8";
/* CSS Document */
/*---------------------------------*/
/*		Style of each page
/*---------------------------------*/

html:lang(pt-br) body {
    font-family: "Noto Sans", sans-serif;
}

/*		page teacher_list		*/
.page_teacher_list .page_header{
	background:#001D3B;
	padding:2% 4%;
}
.page_teacher_list .common_inner{
	margin:0;
}

/*		page teacher_detail		*/
.page_teacher_detail {
	background: #E4E4E4;
}
.page_teacher_detail .teacher_list {
	background: #fff;
}
.page_teacher_detail .teacher_list li:before{
	content:normal;
}
.page_teacher_detail .teacher_detail {
	background-color: #fff;
	padding-bottom: 2rem;
	margin: 2% 0;
}
.teacher_detail_tabs {
	width: 100%;
	font-size: 0;
	line-height: 1.5;
}
.teacher_detail_tabs li {
	width: 25%;
	width : -webkit-calc(25% - 1px);
	width : calc(25% - 1px);
	display: inline-block;
	font-size: 1.4rem;
	text-align: center;
	padding: 1% 2%;
	box-sizing: border-box;
	margin-bottom: 2%;
}
.teacher_detail_tabs li + li {
	border-left: solid 1px #AAA;
}
.teacher_detail_tabs li a {
	color: #333;
	display: block;
	padding: 0 2%;
}
.teacher_detail_tabs li a.on {
	padding-bottom: 1px;
	position: relative;
}
.teacher_detail_tabs li a.on:after {
	content: "";
	position: absolute;
	bottom: -0.3rem;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	border-bottom: solid 2px #555;
}
.teacher_detail_content {
	width: 100%;
}
.teacher_detail_content > li {
	background: #fff;
}
.teacher_detail_content .detail_content {
	padding: 10px;
	box-sizing: border-box;
}
.teacher_detail_content .detail_content p.no_review {
	text-align: center;
	font-size: 1.4rem;
    font-weight: bold;
    margin: 2% 0;
}
.teacher_list li a.teacher_profile {
	pointer-events : none;
}
.teacher_album {
	font-size: 0;
}
.teacher_album li {
	width: 32%;
	width : -webkit-calc(33% - 6px);
	width : calc(33% - 6px);
	display: inline-block;
}
.teacher_album li img {
	width: 100%;
	border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
}
.teacher_album li {
	margin: 0 10px 10px 0;
}
.teacher_album li:nth-child(3n) {
	margin-right: 0;
}
.teacher_detail_content {
	line-height: 1.5;
}
.teacher_detail_content h3 {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 2% 0;
}
.teacher_detail_content .teacher_profile p + p {
	margin: 4% 0 0 0;
}
.teacher_detail_content .teacher_rating .rating_table {
	width: 100%;
	table-layout: fixed;
}
.teacher_detail_content .teacher_rating rating_table th, .teacher_detail_content .teacher_rating rating_table td {
	text-align: left;
}
.teacher_detail_content .teacher_review .detail_content li {
	position: relative;
	/*padding: 1rem 0;*/
}
/*.teacher_detail_content .teacher_review .detail_content li + li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	margin: 0 auto;
	text-align: center;
	background-image: -webkit-linear-gradient(left, transparent, #d7d7d7 25%, #d7d7d7 75%, transparent);
	background-image: linear-gradient(to right, transparent, #d7d7d7 25%, #d7d7d7 75%, transparent);
	background-position: center;
	background-repeat: no-repeat;
}*/
.teacher_detail_content .teacher_review .student_review {
	height: 13px;
	margin-top: 10px;
	color: #555;
}
.teacher_detail_content .teacher_review .student_review .review_record {
	float: right;
}
/* counseling */
.teacher_detail_content .counselor_profile{
	padding: 2rem 1rem 3rem;
}
.teacher_detail_content .counselor_profile .consultation{
	border: 2px solid #e8e8e8;
	box-sizing: border-box;
	margin-bottom:10px;
	margin-bottom:1.0rem;
}
.teacher_detail_content .counselor_profile .consultation .consultation_img{
	padding:10px;
	padding:1.0rem;
	background:#f5f5f5;
	width:30%;
	width:6.0rem;
}
.teacher_detail_content .counselor_profile .consultation .consultation_img img{
	width:95%;
}
.teacher_detail_content .counselor_profile .consultation .consultation_desc{
	padding:15px;
	padding:1.0rem;
}
.teacher_detail_content .counselor_profile .consultation .consultation_desc dt{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.5;
	font-weight:bold;
}
.teacher_detail_content .counselor_profile .counseling_time{
	border: 1px solid #fee4e4;
	padding:20px 20px 10px;
	padding: 2rem 2rem 1rem;
	background: #fef8f8;
}
.teacher_detail_content .counselor_profile .counseling_time .counseling_time_inner{
	margin:0 auto;
	width:auto;
}
.teacher_detail_content .counselor_profile .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_counselor_profile .teacher_detail_tabs li{
	width: 33%;
}

/*		page message_list		*/
.page_message_list .common_inner{
	margin:0;
}
.page_message_list .page_header {
    padding: 2% 0;
    background: #092846;
}
.page_message_list .switch_btn.switch_btn-3{
	padding:0 10%;
}
.page_message_list .teacher_search_wrap .teacher_search{
	padding:2% 4% 0;
}
.page_message_list .online_stutas::before{
	content:normal;
}
.page_message_list .teacher_list ul li dl dt,
.page_message_list .teacher_list ul li dl dd{
	vertical-align:top;
}
.page_message_list .teacher_list ul li dl dd{
	padding-top:2%;
	position:relative;
}

.page_message_list .teacher_list ul li dl dd .lesson_message{
	position:absolute;
	bottom:2%;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*		page message_detail		*/
.page_message_detail .page_header {
	padding: 2% 0 0;
	background: #092846;
}
.page_message_detail .teacher_list li{
	padding:4% 0;
	border-bottom:solid 1px #ccc;
}
.page_message_detail .teacher_list li h2::before{
	content:normal;
}
.page_message_detail .teacher_list ul li dl dt,
.page_message_detail .teacher_list ul li dl dd{
	vertical-align:top;
}
.page_message_detail .teacher_list ul li dl dd{
	padding-top:2%;
}
.page_message_detail .message_detail{

}
.page_message_detail .message_detail_inner{
	padding:2%;
	box-sizing:border-box;
}
.page_message_detail .message_detail_inner dl{
	word-wrap:break-word;
	font-size:1.5rem;
	margin-bottom:20px;
	line-height:1.5;
}
.page_message_detail .message_detail_inner dl dt{
	color:#f00;
	margin:10px 0;
}

/*		page message_detail		*/
.page_memo_list .common_inner{
	margin:0;
}
.page_memo_list .page_header {
	padding: 2% 0;
	background: #092846;
}
.page_memo_list .switch_btn.switch_btn-3 {
	font-size: 0;
	padding: 0 10%;
}
.page_memo_list .teacher_search_wrap{
	padding:2% 2% 0;
	box-sizing:border-box;
}

.page_memo_list .teacher_message_wrap li{
	position:relative;
}

.page_memo_list .teacher_message_wrap li::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	margin: 0 auto;
	text-align: center;
	background-image: -webkit-linear-gradient(left, transparent, #d7d7d7 25%, #d7d7d7 75%, transparent);
	background-image: linear-gradient(to right, transparent, #d7d7d7 25%, #d7d7d7 75%, transparent);
	background-position: center;
	background-repeat: no-repeat;
}
.page_memo_list .teacher_message_wrap li:after{
	content: "\f105";
	font-family: fontAwesome;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
	display: inline-block;
}
.page_memo_list .teacher_message_wrap li a{
	display:block;
	color:#333;
	padding:6% 10% 6% 2%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*		page favorite_list		*/
.page_favorite_list .common_inner{
	margin:0;
}
.page_favorite_list .page_header {
	padding: 2% 10%;
	background: #092846;
}

/*		page reservation_list		*/
.page_reservation_list .common_inner{
	margin:0;
}
.page_reservation_list .page_header{
	padding:2% 0;
	background:#092846;
}

.page_reservation_list .teacher_list li dl dt span{
	display:block;
	padding:8% 2%;
	background:#EE7500;
	font-size:1.0rem;
	color:#fff;
}

.page_reservation_list .reservation_list_wrap .online_stutas.standby::before{
	content:"";
}
.page_reservation_list .teacher_list li .reserved_cansel{
	position: absolute;
	top: 50%;
	margin-top: -12px;
	font-size: 1.2rem;
	right: 2%;
	color: #0BCAFA;
	border:solid 1px #0BCAFA;
	border-radius:2px;
	padding: 2%;
	background:#fff;
}


.teacher_serch_menu{
	background:#092846;
	font-size:0;
	padding:4% 4% 0;
}

.teacher_serch_menu .search_hit_cnt,
.teacher_serch_menu .teacher_search_refine{
	display:inline-block;
	font-size:1.6rem;
	color:#fff;
	line-height: 24px;
}
.teacher_serch_menu .teacher_search_refine{
	float:right;
}
.teacher_serch_menu .teacher_search_refine i{
	font-size:2.4rem;
}
.teacher_serch_menu .teacher_search_refine a{
	color:#fff;
}


/*		page tos		*/
.sec_tos .tos dt{
	font-weight: bold;
	padding: 1em 0 ;
	border-top: 1px solid #ccc;
}
.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;
}

/*		page privacy_policy		*/
.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 img{
	vertical-align:middle;
	display:inline-block;
}
.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;
}
.sec_privacy .privacy_policy dd ul{
	margin-top: 1rem;
	margin-left: 4rem;
}
.sec_privacy .privacy_policy dd ul li{
	list-style:decimal;
	padding-bottom: 0.5rem;
}

/*		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 img{
	vertical-align:middle;
	display:inline-block;
}
.sec_company .company_info dd h4{
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

/*		page cs		*/
.page_cs .form_wrap .form_item textarea{
	height:120px;
	padding:5px;
	border-radius:5px;
    border: 1px solid #999;
}
.page_cs .form_wrap .form_item .questant_list li + li{
	margin-top: 1.6rem;
}
/*		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;
}
/* photo gallery uniform size */
.teacher_detail_content .teacher_album .detail_content li .photo_thumb{
	display: block;
	width: 100%;
	height: 0;
	padding-top:100%;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

/* word-wrap comments */
.detail_content ul li p.user_review {
	word-break: break-all;
}

/*---------------------------------------------*/
/* page cs
/*---------------------------------------------*/
.page_cs input[type="button"],
.page_cs input[type="submit"]{
	-webkit-appearance: none;
}
.page_cs .faq_related_wrap{
	padding: 0 5% 0;
	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;
}
/* 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 .top_desc{
	width: 80%;
	margin: auto;
	padding: 2rem 0;
	line-height: 1.5;
}
.cs_category_wrap img{
	width: 100%;
}
/* 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 ul li{
	position: relative;
	font-size: 0;
	margin-top: 1px;
}
.cs_category_wrap .corporative_area ul li .area_text{
	font-size: 1.8rem;
	/* NJ-13082 */
	line-height: 1.3;
}
.cs_category_wrap .corporative_area ul li a{
	display: flex;
	/* NJ-13082 */
	/* height: 7rem; */
	align-items: center;
	transition: 0.2s all linear
}
.cs_category_wrap .corporative_area ul li a .text_bigger{
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.cs_category_wrap .corporative_area ul li.company a{
	background: #8496d3 url(../images/cs/corp.png) no-repeat;
	background-size: contain;
	background-position: right;
}
.cs_category_wrap .corporative_area ul li.education a{
	background: #47bc7d url(../images/cs/school.png) no-repeat;
	background-size: contain;
	background-position: right;
}
/* NJ-13082 */
.cs_category_wrap .corporative_area ul li.proposal a{
	background: #EB8A29 url(../images/cs/proposal.png) no-repeat;
	background-size: contain;
	background-position: 264px 0;
}
.cs_category_wrap .corporative_area ul li.media a{
	background: #f97c7c url(../images/cs/media.png) no-repeat;
	background-size: contain;
	background-position: right;
}
.cs_category_wrap .corporative_area ul li.for_tutors a{
	background: #eebb00 url(../images/cs/tutor.png) no-repeat;
	background-size: contain;
	background-position: right;
}
.cs_category_wrap .corporative_area ul li .links_arrow{
	color :#fff;
	font-weight: bold;
	font-size: 2rem;
	/* NJ-13082 */
	padding: 2.6rem 1.8rem;
	box-sizing: border-box;
}
.cs_category_wrap .corporative_area ul li .links_arrow:before{
	content: '';
	width: 1.2rem;
	height: 1.2rem;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	/* NJ-13082 */
	right: 1.3rem;
	margin: auto;
}

/*---------------------------------*/
/* page usage
/*---------------------------------*/
.page_usage .fig_device{
	display: block;
	width: 70%;
	margin: 0 auto;
}
.page_usage .tbl_spec{
	width: auto;
	text-align: left;
	margin: 0 auto;
}
.page_usage .tbl_spec th,
.page_usage .tbl_spec td{
	padding: 0.35rem 0;
	white-space: nowrap;
}
.page_usage .tbl_spec th{
	width: 6.5rem;
	font-weight: bold;
}
.page_usage .usage_flow li + li:before{
	display: block;
	content: '\f0d7';
	font-family: 'fontAwesome';
	font-size: 3.5rem;
	color: #555;
	text-align: center;
}
.page_usage .usage_flow .btn_wrap li + li:before{
	display: none;
}

/*---------------------------------*/
/* page callan
/*---------------------------------*/
.page_callan{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
}
.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{
	width:170px;
	margin:0 auto;
}
.page_callan img{
	max-width:100%;
}
.page_callan .page_inner{
	background:#fff;
	padding:0;
}
.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: 20px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
}
.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 {
	padding: 20px 10px;
	padding: 2rem 1rem;
}
.page_callan .sec_6 dl dd figure img{
	display:block;
}
.page_callan .sec_6 dl dd figcaption{
	width:85%;
}
.page_callan .top_area_content {
	background: url('../images/callan_flow/index/main_bg.png') top center;
	background-size: cover;
	padding: 30px 15px;
	position: relative;
}
.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: 33.5rem;
}
.page_callan .callan_circle {
	background: #f1890e;
	border-radius:50%;
	width: 210px;
	height: 210px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	margin:0 auto;
}
.page_callan .callan_circle p{
	font-size:20px;
}
.page_callan .callan_circle p span{
	font-size:28px;
}

.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;
}
.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{
	background-color: transparent;
	transition: background-color 0.3s ease;
	width:100%;
	position: sticky;
	z-index: 5;
	height: 100%;
}
.page_callan .callan_header_nav.active{
	background-color: #000000B2;
	width:100%;
	position: absolute;
	z-index: 5;
	height: 100%;
}
.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}

.page_callan .callan_header_nav .nav_menu .nav_ttl{
	color: #092846;
    font-size: 1.4rem;
	margin-left: 6px;
	font-weight: 400;
}
.page_callan .callan_header_nav .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 .callan_header_nav .menu-control {
	display: block;
    position: relative;
    padding: 0px 3rem;
    transition: all .5s ease-in-out;
    border-right: 1px solid #ccc;
    margin: 3px 6px;
}
.page_callan .callan_header_nav .menu-control.on {
	display: block;
    position: relative;
    background-color: #fff;
    padding: 0px 3rem;
    transition: all .5s ease-in-out;
    margin: 3px 6px;
}
.page_callan .callan_header_nav .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 .callan_header_nav .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_body {
	background: #ffffff;
}
.page_callan .callan_header_nav .nav_body{
	font-size:0;
	/*border-bottom:1px solid #ccc;*/
}
.page_callan .callan_header_nav .nav_body li:nth-child(2n){
	border-right:none;
}

.page_callan .callan_header_nav .nav_body li:last-child{
	border-bottom:none;
}

.page_callan .callan_header_nav .nav_body li a{
	box-sizing: border-box;
    display: block;
    padding: 1.6rem 2rem;
    font-weight: 400;
    color: #000;
    font-size: 1.3rem;
    background: #ffffff;
    position: relative;
    border-bottom: solid 1px #ccc;
}
/* .page_callan .callan_header_nav .nav_body li{
	position: relative;
    width: 100%;
    display: flex;
    font-size: 1.4rem;
    padding: 5px 10px;
    box-sizing: border-box;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
} */
.page_callan .callan_header_nav .nav_body li:before{
	content: "";
    display: block;
    width: 90%;
    height: 1px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.page_callan .callan_header_nav .nav_body li 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;
}
.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 .footer_callan_nav_list_wrap ul li{
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	position:relative;
}
.page_callan .footer_callan_nav_list .footer_callan_nav_list_wrap ul li a{
	padding:10px;
	padding:1.0rem;
	display:block;
	color: #545454;
}
.page_callan .footer_callan_nav_list .footer_callan_nav_list_wrap ul li:after{
	content: "\f105 ";
	font-family: FontAwesome;
	position: absolute;
	right: 10px;
	top:-3px;
	font-size:30px;
	font-size:3.0rem;
}
.page_callan .notice_box{
	border: 2px solid #ccc;
	background: #f5f5f5;
	padding:10px;
	padding: 1rem;
}
.page_callan .support_guide{
	border: 2px solid #ccc;
	padding:10px;
	padding: 1rem;
}
.page_callan .notice_box ul li{
	font-size:13px;
	font-size:1.3rem;
}
.page_callan .bc_red{
	border: 2px solid #f84f63;
}
/*---------------------------------*/
/* page callan_index
/*---------------------------------*/
.page_callan.page_callan_index .sec:nth-of-type(even) {
	background: #f5f5f5;
}
.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_ttl{
	border-left: solid 5px #f84f63;
	padding-left: 10px;
}
.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: #f84f63;
	color: #fff;
	border-radius: 3px;
	font-weight:bold;
	border:1px solid #f84f63;
	text-align:center;
	line-height:2;
	width:70px;
	width:7.0rem;
	font-size:12px;
	font-size:1.2rem;
}
.page_callan_flow_usage .ttl_box.answer{
	background: #fff;
	color: #f84f63;
}
.page_callan_flow_usage .answer_list{
	width:8rem;
	text-align:right;
	/* color: #f84f63; */
	font-weight:bold;
}
.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{
	border-top:1px solid #ccc;
	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.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:top;
}
.page_callan_flow_usage .lesson_percentage span{
	vertical-align:baseline;
}
/*---------------------------------*/
/* 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;
}
.page_callan.page_callan_flow_purchase .notice_box {
	background: #fff8f9;
	border: solid 2px #ffd6d6;
}
/*---------------------------------*/
/* 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{
	border-left: solid 5px #0bcafa;
	padding-left: 10px;
}
.page_callan_flow_viewer .sec_2,
.page_callan_flow_viewer .sec_4,
.page_callan_flow_viewer .sec_6,
.page_callan_flow_viewer .sec_8,
.page_callan_flow_viewer .sec_10{
	background:#fff;
}
.page_callan_flow_viewer .caution_text,
.page_callan_flow_viewer .caution_list li{
	text-indent: -1em;
	padding-left: 20px;
	padding-left: 2.0rem;
}
/*---------------------------------*/
/* page sp desc
/*---------------------------------*/
.page_sp_desc{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
}
.page_sp_desc img{
	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{
	background:#f5f5f5
}
.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;
}
.page_sp_desc .content .circle_flowchart .content_box .box_inner p{
	font-size:16px;
	font-size:1.6rem;
}
.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;
}
/*-----------------*/
/*---notice_list---*/
/*-----------------*/
.page_wrap .sec.sec_notice_list{
	background: #f5f5f5;
}
.page_wrap .sec.sec_notice_list .sec_inner{
	max-width: 100%;
	margin: 0;
	padding: 0;
}
.page_wrap .sec.sec_notice_list .sec_inner .func_toggle{
	padding: 20px 20px;
	padding: 2.0rem 2.0rem;
	max-width: 100%;
	position: relative;
	border-top: #d8d8d8 2px solid;
}
.page_wrap .sec.sec_notice_list .sec_inner .func_toggle:after{
	position: absolute;
	font-family: FontAwesome;
	display: inline-block;
	top: 40%;
	margin-top: -10px;
	right: 30px;
	font-size: 22px;
	font-size: 2.2rem;
}
.page_wrap .sec.sec_notice_list .sec_inner .func_toggle.ic_down:after{
	content: "\f107";
}
.page_wrap .sec.sec_notice_list .sec_inner .func_toggle.ic_up:after{
	content: "\f106";
}
.page_wrap .sec.sec_notice_list .sec_inner .func_toggle.close_up_btn{
	border:none;
}
.page_wrap .sec.sec_notice_list .sec_inner .func_toggle.close_up_btn:after{
	content:none!important;
}
.page_wrap .sec.sec_notice_list .notice_list{
	background: #eee;
	padding: 20px 20px;
	padding: 2.0rem 2.0rem;
	max-width: 500px;
	margin: 0 auto;
}
.page_wrap .sec.sec_notice_list .notice_list .list_item{
	margin: 0 0 20px 0 ;
	margin: 0 0 2.0rem 0 ;
	line-height: 1.5;
}
.page_wrap .sec.sec_notice_list .notice_list .list_item .item_ttl{
	font-weight: bold;
	margin-bottom: 10px;
	margin-bottom: 1.0rem;
}
.page_wrap .sec.sec_notice_list .notice_list .list_item li{
	padding-left: 20px;
	text-indent: -1em;
	margin: 0 0 5px 0 ;
	margin: 0 0 0.5rem 0 ;
}
/*---------------------------------*/
/* 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;
}
.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_newton_toeic .main{
	background:#86c3f5;;
}
/*---------------------------------*/
/* 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;
}
/*---------------------------------*/
/* 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:25px 0 10px;
	display:inline-block;
}
.sp_page_topic .content .sec_5 ul li .content_box + p{
	font-size:14px;
	font-size:1.4rem;
}
.sp_page_topic .content .sec_7 figure{
	text-align:center;
	margin-bottom:20px;
}
.sp_page_topic .content .sec_7 figure img{
	width:120px;
}
/*---------------------------------*/
/* 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: 2px 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 vision
/*---------------------------------*/
.page_vision{
	width: 100%;
	height: 100%;
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
}
.page_vision .page_inner{
	color: #555555;
	width: 100%;
	height: 100%;
	padding:0;
}
.page_vision .page_inner .content{
	width:100%;
	height:100%;
}
.page_vision .content .move_button img{
	max-width:100%;
}
.page_vision .content .sec_1{
	width:100%;
	height:calc(100% - 50px);
	background-image:url(../images/vision/top_image.png);
	background-position: center center;
	background-size:cover;
}
.page_vision .content .sec_1 .sec_ttl{
	font-size: 32px;
	font-size: 3.2rem;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -16px;
	text-align: center;
	text-shadow: #000 0px 0px 15px;
	font-weight:bold;
}
.page_vision .content .sec_1 .move_button {
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	bottom:30px;
	margin: auto;
	width: 90px;
	height: 45px;
}

.page_vision .content .sec_2{
	width:100%;
	background: #fff;
}
.page_vision .content .sec_2 .sec_inner{
	padding:20px;
	padding:2rem;
}
.page_vision .content .sec_2 .sec_inner .sec_ttl{
	text-align: center;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight:bold;
	margin-bottom: 20px;
}
.page_vision .content .sec_2 .sec_inner p + p{
	margin-top:20px;
	margin-top:2rem;
}
.page_vision .content .sec_3{
	width:100%;
	height:100%;
	background-image:url(../images/vision/bottom_image.png);
	background-position: center center;
	background-size:cover;
}


.page_vision .content .sec_3 {
	position:relative;
}
.page_vision .content .sec_3 .sec_ttl{
	font-size: 24px;
	font-size: 2.4rem;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -113px;
	text-align: center;
	text-shadow: #000 1px 1px 1px;
	font-weight:bold;
}
.page_vision .content .sec_3 .move_button {
	display: inline-block;
	position: absolute;
	left: 0;
	right: 0;
	top:30px;
	margin: auto;
	width: 90px;
	height: 45px;
}

/*---------------------------------*/
/* page orientation
/*---------------------------------*/
/* orientation component */
.page_orientation{
	color: #231815;
	padding:0;
	line-height:1.5;
	position: relative;
}
.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{
	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;
}

/*---------------------------------*/
/* 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:40px 0 10px;
	padding:4.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;
}

/*-------------------------------------------------------*/
/* 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 deactivation 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 iphone 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;
}
/*-------------------------------------------------------*/
/* page message-board
/*-------------------------------------------------------*/
.page_message-board{
	line-height:1.5;
}
.page_message-board .top_area_content{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 10px;
	padding: 1rem;
	box-sizing: border-box;
}
.page_message-board .main_img_area{
	position: relative;
	margin: -10px -10px 0px;
	margin: -1.0rem -1.0rem 0px;
}
.page_message-board .main_img_area .main_img{
	display: block;
	width: 100%;
}
.page_message-board .message_board_details{
	margin-top: 10px;
	margin-top: 1.0rem;
}

/* search box */
.page_message-board .page_inner .search_area{
	position: relative;
	display: inline-block;
	border-radius: 5px;
	vertical-align: middle;
	margin: 0 0 2.2rem 1rem;
}
.page_message-board .page_inner .search_area .search_box{
	position: relative;
	vertical-align: middle;
	height: 2.7rem;
	margin-right: 1rem;
	width: 45vw;
	max-width: 380px;
	font-size: 1.3rem;
	padding-left: 2.8rem;
	box-sizing: border-box;
	-webkit-appearance: none;
}
.page_message-board .page_inner .search_area .search_mark{
	position: relative;
}
.page_message-board .page_inner .search_area .search_mark:before{
	font-family: FontAwesome;
	content: '\f002';
	display: inline-block;
	position: absolute;
	left: 1rem;
	top: -1px;
	color: #ccc;
	z-index: 20;
}
.page_message-board .page_inner .search_area .search_box::-webkit-input-placeholder{
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_message-board .page_inner .search_area .search_box:-moz-placeholder {
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_message-board .page_inner .search_area .search_box::-moz-placeholder {
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_message-board .page_inner .search_area .search_box:-ms-input-placeholder{
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_message-board .page_inner .search_area .search_btn:hover{
	background-color: #2f5679;
}
.page_message-board .page_inner .search_area .all_topics{
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: middle;
}
.page_message-board .page_inner .search_area .btn_form_clear{
	position: relative;
}
.page_message-board .page_inner .search_area .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_message-board .page_inner .result_na{
	color: #ccc;
	text-align: center;
	height: 20rem;
	position: relative;
	border-bottom: solid #555 1px;
}
.page_message-board .page_inner .result_na .search_icon_wrap{
	position:absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 10rem;
}
.page_message-board .page_inner .result_na .search_icon_wrap i{
	border: solid #ccc 1px;
	border-radius: 50%;
	padding: 1.5rem;
	font-size: 3rem;
}

.page_message-board .page_inner .sort_area{
	font-size:0;
	text-align:center;
	padding:0 10px;
	padding:0 1rem;
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_message-board .page_inner .sort_area p{
	font-size:12px;
	font-size:1.2rem;
	display:inline-block;
	vertical-align:middle;
}
.page_message-board .page_inner .sort_area p + p{
	margin-left:10px;
}
.page_message-board .page_inner .sort_area select{
	line-height:12px;
	height:3rem;
	padding:0 4px;
	box-sizing:border-box;
}
.page_message-board .page_inner .tabs ul{
	font-size:0;
	padding:0 10px;
	padding:0 1rem;
	border-bottom:solid 1px #555;
}
.page_message-board .page_inner .tabs ul li{
	width:-webkit-calc(50% - 10px);
	width:calc(50% - 10px);
	width:-webkit-calc(50% - 1rem);
	width:calc(50% - 1rem);
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
	box-sizing:border-box;
	padding:5px;
	padding:0.5rem;
	border-radius:5px 5px 0 0;
	border-left:solid 1px #555;
	border-top:solid 1px #555;
	border-right:solid 1px #555;
}
.page_message-board .page_inner .tabs ul li + li{
	margin-left:10px;
	margin-left:1rem;
}
.page_message-board .page_inner .tabs ul li.on{
	background:#ccc;
}
.page_message-board .page_inner .content .topic_list li{
	border-bottom:solid #555 1px;
}
.page_message-board .page_inner .content .topic_list li a{
	color:#1f1f1f;
	display:block;
	padding:1rem 4rem 1rem 1rem;
	position:relative;
}
.page_message-board .page_inner .content .topic_list li a:after{
	content:"\f054 ";
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	right:1.5rem;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}
.page_message-board .page_inner .content .topic_list li a h2{
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom:5px;
	margin-bottom:0.5rem;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}
.page_message-board .page_inner .content .topic_list li .topic_footer{
	color:#777;
	font-size:12px;
	font-size:1.2rem;
	width:100%;
	display:table;
}
.page_message-board .page_inner .content .topic_list li .topic_footer p{
	display:table-cell;
	vertical-align:middle;
}
.page_message-board .page_inner .content .topic_list li .topic_footer .number{
	color:#F1B343;
	text-align:right;
}
.page_message-board .page_inner .pager{
	font-size:14px;
	font-size:1.4rem;
	position:relative;
	line-height:4rem;
	text-align:center;
	border-bottom:solid 1px #555;
}
.page_message-board .page_inner .pager.pager-top{
	border-top: solid 1px #555;
}
.page_message-board .page_inner .pager .page_num.none{
	color: #ccc;
}
.page_message-board .page_inner .pager .prev,
.page_message-board .page_inner .pager .next{
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page_message-board .page_inner .pager .disable{
	pointer-events: none;
}
.page_message-board .page_inner .pager .prev{
	left:10px;
	left:1rem;
}
.page_message-board .page_inner .pager .next{
	right:10px;
	right:1rem;
}
.page_message-board .page_inner .pager .prev a,
.page_message-board .page_inner .pager .next a{
	display:inline-block;
	width:34px;
	width:3.4rem;
	height:24px;
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	border-radius:5px;
	border:solid 1px #ccc;
	box-sizing:border-box;
	vertical-align: middle;
}
.page_message-board .page_inner .pager .prev a.disable,
.page_message-board .page_inner .pager .next a.disable,
.page_message-board .page_inner .pager .prev a.disabled,
.page_message-board .page_inner .pager .next a.disabled{
	display: none;
}
.page_message-board .page_inner .pager li.prev a:before, .pager span.prev a:before{
	content: '<';
	display: inline;
	margin-right: 0;
}
.page_message-board .page_inner .pager li.next a:after, .pager span.next a:after{
	content: '>';
	display: inline;
	margin-left: 0;
}
.page_message-board .page_inner .pager .topic_list_ttl{
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:10px;
	left:1rem;
}
.page_message-board .page_inner  .view_change{
	text-align:center;
	padding:10px 0 20px;
	padding:1rem 0 2rem;
}
.page_message-board .page_inner .view_change a{
	color:#1f1f1f;
	text-decoration:underline;
	font-size:14px;
	font-size:1.4rem;
}
.page_message-board .page_inner .breadcrumb{
	font-size:0;
	padding:0 10px;
	padding:0 1rem;
}
.page_message-board .page_inner .breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	font-size:1.2rem;
}
.page_message-board .page_inner .breadcrumb li + li:before{
	content:">";
	margin:0 5px;
	margin:0 0.5rem;
	display:inline-block;
}
.page_message-board .page_inner .breadcrumb li a{
	color:#1f1f1f;
}


/*-------------------------------------------------------*/
/* page message-board-detail
/*-------------------------------------------------------*/
.page_message-board-detail{
	line-height:1.5;
	min-height: auto;
}
.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 .topic_theme{
	background:#f5f5f5;
	padding:1rem;
	border-bottom:solid 1px #ccc;
}
.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 .topic_theme .theme_head{
	width:100%;
	display:table;
	margin-bottom:15px;
	margin-bottom:1.5rem;
}
.page_message-board-detail .content .topic_theme .theme_head .entrant,
.page_message-board-detail .content .topic_theme .theme_head .number{
	display:table-cell;
	vertical-align:middle;
}
.page_message-board-detail .content .topic_theme .theme_head .entrant .date{
	margin-right:10px;
	margin-right:1rem;
}
.page_message-board-detail .content .topic_theme .theme_head .number{
	color: #F1B343;
	text-align: right;
}
.page_message-board-detail .content .topic_theme .theme_body{
	word-break: break-word;
}
.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{
	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 .topic_comment .comment_list li{
	padding:15px 10px 0;
	padding:1.5rem 1rem 0;
	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;
}
/*-------------------------------------------------------*/
/* page message-board-rule
/*-------------------------------------------------------*/
.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;
}


/*---------------------------------*/
/* 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:-6rem;
}
.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;
}

/*-------------*/
/*-sp_ranking--*/
/*-------------*/
.page_wrap.page_ranking{
	/* background:#fff; */
}
.page_ranking .main img{
	width:100%;
	max-width:100%;
	display:block;
}
.page_ranking .ranking_head{
	padding:10px 5px;
	padding:1rem 0.5rem;
}
.page_ranking .ranking_head .tabs {
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_ranking .ranking_head .tabs ul{
	font-size:0;
	text-align:center;
}
.page_ranking .ranking_head .tabs ul li{
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
	width:30%;
	width:-webkit-calc(100% / 3);
	width:calc(100% / 3);
	position:relative;
}
.page_ranking .ranking_head .tabs ul li:before {
    content: "";
    border-left: solid 1px #ccc;
    position: absolute;
    left: 0;
    top: -5px;
    bottom: 0;
    margin: auto;
    height: 25px;
}
.page_ranking .ranking_head .tabs ul li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background: #000;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.page_ranking .ranking_head .tabs ul li.tab_1.on a{
	color: #FF0000;
	font-weight:bold;
}
.page_ranking .ranking_head .tabs ul li.tab_1:hover:after,
.page_ranking .ranking_head .tabs ul li.tab_1.on:after {
    height: 2px;
    background-color: #FF0000;
}
.page_ranking .ranking_head .tabs ul li.tab_2.on a{
	color: #FFA500;
	font-weight:bold;
}
.page_ranking .ranking_head .tabs ul li.tab_2.on:after,
.page_ranking .ranking_head .tabs ul li.tab_2:hover:after {
    height: 2px;
    background-color: #FFA500;
}
.page_ranking .ranking_head .tabs ul li.tab_3.on a{
    color: #4c9a04;
	font-weight:bold;
}
.page_ranking .ranking_head .tabs ul li.tab_3:hover:after,
.page_ranking .ranking_head .tabs ul li.tab_3.on:after {
    height: 2px;
    background-color: #4c9a04;
}
.page_ranking .ranking_head .tabs ul li a{
    color: #555555;
	display:block;
	padding:10px 0;
	padding:1rem 0;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.page_ranking .ranking_head .period{
	font-size:10px;
	font-size:1rem;
	text-align:center;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_ranking .ranking_head .event_history{
	text-align:center;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_ranking .ranking_body .ranking_list{
	border-top:solid 1px #ccc;
}

.page_ranking .ranking_body .ranking_list a{
	display:block;
	}
.page_ranking .ranking_body .ranking_list li{
	width:100%;
	display:table;
	padding:10px 10px;
	padding:1rem 1rem;
	border-bottom:solid 1px #ccc;
	box-sizing: border-box;
}

.page_ranking .ranking_body .ranking_list li .teacher_ranking .place strong{
	color:#000000
	}

.page_ranking .ranking_body .ranking_list li .teacher_ranking,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation{
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking{
	width:30px;
	width:3rem;
	text-align:center;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking .crown{
	margin-bottom:5px;
	margin-bottom:0.5rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking .crown img{
	max-width:100%;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking .place{
	font-size:20px;
	font-size:2rem;
	font-weight:bold;
	margin-bottom:2px;
	margin-bottom:0.2rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking .arrow.up .fa{
	color: #F05444;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking .arrow.right .fa{
	color: #5AB168;
}
.page_ranking .ranking_body .ranking_list li .teacher_ranking .arrow.down .fa{
	color: #3587AF;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation{
	padding-left:10px;
	padding-left:1rem;
}

.page_ranking .ranking_body .ranking_list li .teacher_evaluation .rating .name p{
	color:#000;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .rating .total_rating dt,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .rating .total_rating .rating_star_wrap .rating_int,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .rating .performance{
	color:#808080;
	}

.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile{
	width:100%;
	display:table;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .thumbnail,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating{
	display:table-cell;
	vertical-align:middle;
	box-sizing:border-box;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .thumbnail{
	width:60px;
	width:6rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .thumbnail img{
	width:100%;
	display:blcok;
	border-radius: 50%;
	border: solid 2px #CBCBCB;
	box-sizing:border-box;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating{
	padding-left:10px;
	padding-left:1rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name {
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	margin-bottom:5px;
	margin-bottom:0.5rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas:before{
	content:"";
	width:10px;
	width:1rem;
	height:10px;
	height:1rem;
	border-radius:50%;
	background-color:#aaaaaa;
	display:inline-block;
	vertical-align:middle;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas.offline:before{
	background: #ccc;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas.wait:before,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas.online:before{
	background: #0bcafa;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas.reserved:before{
	background: #f9ce15;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas.lesson:before{
	background: #f0295d;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name.stutas.on-break:before{
	background: #fcc916;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .name p{
	display:inline-block;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating{
	font-size:0;
	margin-bottom:5px;
	margin-bottom:0.5rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dt,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd{
	font-size:11px;
	font-size:1.1rem;
	display:inline-block;
	vertical-align:middle;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dt{
	margin-right:10px;
	margin-right:1rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap{
	width:auto;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star{
	width:1.2rem;
	height:1.2rem;
	margin-right:2px;
	margin-right:0.2rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star:before{
	width:1.2rem;
	height:1.2rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap span{
	vertical-align:middle;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star_value:before{
	width:1.2rem;
	height:1.2rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star .rating_star_value:before,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star:before{
	font-size:12px;
	font-size:1.2rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star_value{
	overflow:hidden;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .total_rating dl dd .rating_star_wrap .rating_star_value:before {
    position: absolute;
    top: 0;
    left: 0;
    /*width: 16px;*/
    height: 16px;
    font-family: 'fontAwesome';
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    content: '\f005';
    color: #fcc82a;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .performance{
	font-size:0;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .performance dl{
	display:inline-block;
	margin-right:10px;
	margin-right:1rem;
}
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .performance dl dt,
.page_ranking .ranking_body .ranking_list li .teacher_evaluation .profile .rating .performance dl dd{
	font-size:11px;
	font-size:1.1rem;
	display:inline-block;
	vertical-align:middle;
}

/*--------------*/
/*-page_sitemap-*/
/*--------------*/
.page_sitemap .sec_sitemap h2{
	padding-left:10px;
	padding-left:1rem;
	}

.page_sitemap .sec_sitemap .map_list dl{
	padding:0 10px;
	padding:0 1rem;
	}
.page_sitemap .sec_sitemap .map_list dl dt{
	border-bottom: solid 1px #999;
    padding: 0 0 8px 0;
    margin-top: 20px;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    font-size: 1.5rem;
}
.page_sitemap .sec_sitemap .map_list dl img{
	vertical-align: middle;
    margin-right: 10px;
}
.page_sitemap .sec_sitemap .map_list dl dd{
	line-height: 2;
}
.page_sitemap .sec_sitemap .map_list dl dd ul{
	margin:0 10px;
	margin:0 1rem;
	}
.page_sitemap .sec_sitemap .map_list dl dd li{
	display:inline-block;
	padding: 3px 4px;
	padding:0.3rem 0.4rem;
}
.page_sitemap .sec_sitemap .map_list dl dd li a{
	color:#555;
}
/*---------------------------------*/
/* 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 .main{
	background:#f3aa39;
}
.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 3px #f3aa39;
}
.page_callan_desc.callan_for_kids .content .recommend_table dt{
	background:#f3aa39;
}
.page_callan_desc.callan_for_kids .content .box > .box_ttl{
	color: #f3aa39;
}
.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_buy-testbook
/*---------------------------------*/
.page_wrap--textbook_sale .container .content h2.ttl{
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
	padding-top:5px;
	padding-top:0.5rem;
}

.page_wrap--textbook_sale .container .content{
    line-height: 1.5;
    margin: 0 auto;
    font-size: 15px;
    font-size: 1.5rem;
    	/*padding:30px;*/
}
.page_wrap--textbook_sale .container .content_head{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_wrap--textbook_sale .container .content_head .content_ttl{
	line-height:26px;
	padding-left:10px;
	font-size:14px;
	font-size:1.4rem;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	border-left:solid 8px #092846 ;
	font-weight:bold;
}

.page_wrap--textbook_sale .container .content_ttl strong {
	font-weight:bold;
	padding-right:20px;
	display:block;
}

.page_wrap--textbook_sale .textbook_sale_list_wrap{
	border-bottom: #ccc 1px dotted;
	margin-bottom:20px;
	margin-bottom:2rem;
}

.page_wrap--textbook_sale .textbook_sale_area .textbook_sale_list_wrap .textbook_sale_item + p{
	font-size: 14px;

}

.page_wrap--textbook_sale .textbook_sale_area .textbook_sale_list_wrap  .textbook_sale_list  + p{
	 font-weight: bold;
    background: #fff8f9;
    border-radius: 5px;
    border: solid 2px #ffd6d6;
    padding: 20px;
    text-align: center;
	margin-bottom: 30px;
	font-size: 17px;
	font-size: 1.7rem;
	color: #f00;
}


.page_wrap--textbook_sale .textbook_sale_item{
	width: 100%;
	vertical-align: top;
	margin: 0 auto 3rem;
	font-size: 14px;
	font-size:1.4rem;
	box-sizing:border-box;
}
.page_wrap--textbook_sale .textbook_sale_item h4{
	color:#fff;
	text-align:center;
	margin-bottom: 10px;
	margin-bottom: 1rem;
	padding:5px 0;
	line-height:1.2;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_0{
	background-color:#C5D222;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_1{
	background-color:#DC1501;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_2{
	background-color:#FCC427;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_3{
	background-color:#0272BA;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_4{
	background-color:#38982A;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_5{
	background-color:#ED801C;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_6{
	background-color:#7D428E;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_phonics1{
	background-color:#4C9EFF;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_phonics2{
	background-color:#82C209;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_phonics3{
	background-color:#F08003;
}

.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_side_by_side_1{
	background-color:#05318e;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_side_by_side_2{
	background-color:#b80404;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_side_by_side_3{
	background-color:#015d14;
}
.page_wrap--textbook_sale .textbook_sale_item h4.lesson_book_side_by_side_4{
	background-color:#f75501;
}

.page_wrap--textbook_sale .textbook_sale_item dl{
	width: 100%;
	margin-bottom: 15px;
}
.page_wrap--textbook_sale .textbook_sale_item dt{
	text-align:center;
}
.page_wrap--textbook_sale .textbook_sale_item dt img{
	margin-bottom:1rem;
}
.page_wrap--textbook_sale .textbook_sale_item dd{
	padding:0px 0 10px 10px;
}
.page_wrap--textbook_sale .textbook_sale_item dd p{
	line-height: 1.5;
}
.page_wrap--textbook_sale .textbook_sale_item dd p.desc{
	margin-bottom:1rem;
}
.page_wrap--textbook_sale .textbook_sale_item dd p strong{
	font-weight:bold;
}
.page_wrap--textbook_sale .textbook_sale_item dd p.price{
}
.page_wrap--textbook_sale .textbook_sale_item .item_bottom{
	text-align: center;
	border: solid 3px #EDEDED;
}
.page_wrap--textbook_sale .textbook_sale_item .item_bottom a{
	display: block;
	padding: 15px;
	font-size: 15px;
	font-size: 1.5rem;
	cursor: pointer;
	color:#000;
	background:#fff;
}
.page_wrap--textbook_sale .textbook_sale_item .item_bottom a:hover{
	opacity:0.6;
}
.page_wrap--textbook_sale .textbook_sale_item .item_bottom .alt_txt{
	padding: 15px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #ccc;
}
.page_wrap--textbook_sale .textbook_sale_item .item_bottom input[type='checkbox']{
	margin-right: 5px;
}
.page_wrap--textbook_sale .textbook_sale_caution{
	background: #eee;
}
.page_wrap--textbook_sale .textbook_sale_caution h4{
	text-align:center;
	border-bottom:solid 1px #EDEDED;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	padding-bottom:10px;
	color:#999999;
}
.page_wrap--textbook_sale .textbook_sale_caution ul{
	padding:10px 10px;
}
.page_wrap--textbook_sale .textbook_sale_caution ul li + li{
	margin-top:10px;
}

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

}
.page_callan_flow_purchase_ebook_input .page_inner{
	background: #fff;
	padding: 0;
}
.page_callan_flow_purchase_ebook_input .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_callan_flow_purchase_ebook_input .callan_flow_purchase_ebook_input_content{
    position: relative;
}
.page_callan_flow_purchase_ebook_input .callan_flow_purchase_ebook_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_ebook_input .purchase_ebook_input_content_inner{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table,
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table tbody,
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table tr,
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table th,
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table td{
	display:block;
}

.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_ebook_input .purchase_ebook_input_content_inner .btn_wrap .btn_style{
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}
/*-------------------------------*/
/*.page_callan_flow_purchase_ebook_confirm
/*-------------------------------*/
.page_callan_flow_purchase_ebook_confirm{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;

}
.page_callan_flow_purchase_ebook_confirm .page_inner{
	background: #fff;
	padding: 0;
}
.page_callan_flow_purchase_ebook_confirm .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content{
    position: relative;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_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_ebook_confirm .callan_flow_purchase_ebook_confirm_content{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table,
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table tbody,
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table tr,
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table th,
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table td{
	display:block;
}

.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_ebook_confirm .callan_flow_purchase_ebook_confirm_content .btn_wrap .btn_style{
	font-family: inherit;
	-webkit-appearance: none;
	appearance: none;
}
/*-------------------------------*/
/*.page_callan_flow_purchase_ebook_complete
/*-------------------------------*/
.page_callan_flow_purchase_ebook_complete{
	line-height:1.5;
	font-size:14px;
	font-size:1.4rem;
	min-height:auto;

}
.page_callan_flow_purchase_ebook_complete .page_inner{
	background: #fff;
	padding: 0;
}
.page_callan_flow_purchase_ebook_complete .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content{
    position: relative;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_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_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content{
	margin: 0 auto;
	box-sizing: border-box;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content .required:before{
    content: '*';
    color: #f14444;
    vertical-align: middle;
    margin-right: 3px;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table,
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table tbody,
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table tr,
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table th,
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table td{
	display:block;
}

.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table{
	width: 100%;
	margin: 0 auto;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table tr{
	margin-bottom:20px;
	margin-bottom:2rem;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table th{
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content table td{
	padding:0 10px;
	padding:0 1rem;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content .btn_wrap{
	padding-top:10px;
	padding-top:1rem;
}
.page_callan_flow_purchase_ebook_complete .callan_flow_purchase_ebook_complete_content .btn_wrap .btn_style{
	font-family: inherit;
}
.page_callan_flow_purchase_ebook_complete .callanform_important_box {
	background: #eee;
	padding: 10px;
	padding: 1rem;
}
.page_callan_flow_purchase_ebook_complete .callanform_important_box .callanform_important_text{
	text-align: center;
	font-weight:bold;
	margin-bottom:10px;
	margin-bottom:1rem;
}
.page_callan_flow_purchase_ebook_complete .callanform_important_box ul li {
	margin-left: 1rem;
	text-indent: -1rem;
}
.page_callan_flow_purchase_ebook_complete .callanform_important_box ul li:before {
	content: '・';
	width:1rem;
	text-align: center;
	display: inline-block;
}
.page_callan_flow_purchase_ebook_complete .callanform_important_box ul li .fa{
	text-indent:0;
}
/*-------------------------------*/
/*.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{
    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;
}
.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_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:20px 10px;
	padding:2rem 1rem;
}
.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_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: #eee;
	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 invite friends
/*-------------------------------------------------------*/
.page_wrap.page_invite_friends .page_inner {
	padding: 0;
}
.page_wrap.page_invite_friends img {
	display: block;
	width: 100%;
}
.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;
}
.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 90px;
	margin-bottom: 20px;
}
.page_wrap.page_invite_friends .page_inner .sec_desc .steps.step3 figure{
	padding: 0 70px;
}
.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 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-color: #fff;
}
.page_wrap--campaign_limited_time .page_inner{
	padding: 0;
}
.page_wrap--campaign_limited_time p{
	font-size: 1.4rem;
	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{
	font-size: 1.6rem;
	font-weight: bold;
	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;
}
.page_wrap--campaign_limited_time .sec .campaign_desc .ui_notice_list ul li{
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}
.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{
	padding-top: 25px;
	padding-top: 2.5rem;
	margin-top: 20px;
	margin-top: 2.0rem;
	border-top: 1px solid #ccc;
}
.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{
	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_campaign_coin,coinback,feedback,review,level_check
/*-------------------------------*/
.page_feedback,
.page_review,
.page_campaign_coin,
.page_coinback{
	line-height:1.5;
}
.page_campaign_coin .media_display_hide{
	display: none;
}
.page_campaign_coin .media_display_visible{
	display: block;
}
@media screen and (max-width: 350px) {
	.page_campaign_coin .media_display_hide.show_350{
		display: block;
	}
}
@media screen and (min-width: 351px) and (max-width: 400px) {
	.page_campaign_coin .media_display_hide.show_400{
		display: block;
	}
}
@media (max-width: 400px) {
	.page_campaign_coin .media_display_visible{
		display: none;
	}
}
.page_feedback .sec_ttl,
.page_review .sec_ttl,
.page_campaign_coin .sec_ttl,
.page_coinback .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;
}

.page_feedback .page_inner,
.page_review .page_inner,
.page_campaign_coin .page_inner,
.page_coinback .page_inner{
	padding:0;
}
.page_feedback .sec_inner,
.page_review .sec_inner,
.page_campaign_coin .sec_inner,
.page_coinback .sec_inner{
	padding:0 1.2rem;
	box-sizing: border-box;
	color: #1F1F1F;
}
.page_feedback .sec_inner p,
.page_review .sec_inner p,
.page_campaign_coin .sec_inner p,
.page_coinback .sec_inner p{
	font-size: 14px;
	font-size: 1.4rem;
}
.page_review .sec_inner dl dt{
	text-indent: -1em;
	padding-left: 1em;
}

.page_campaign_coin .main img{
	display:block;
	width: 100%;
}
.page_campaign_coin .sec_inner dl .ttl_color{
	color:#092846;
}
.page_campaign_coin .sec_inner dl dd figure{
	text-align:center;
}
.page_campaign_coin .sec_inner dl dd figure img{
	width: initial;
	max-width:100%;
}
.page_campaign_coin .sec_inner .d_table{
	width:auto;
	margin: 0 auto 30px;
	margin: 0 auto 3rem;
}
.page_campaign_coin .sec_inner .icon_coin{
	width:54px;
	width:5.4rem;
	margin:0 10px;
	margin:0 1rem;
}
.page_campaign_coin .campaign_menu li{
	position: relative;
}
.page_campaign_coin .campaign_menu li a{
	min-height: 70px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	box-sizing: border-box;
	position:relative;
	min-height: 90px;
	min-height: 9.0rem;
	display: table;
	width: 100%;
	color: inherit;
}
.page_campaign_coin .campaign_menu li a .text{
	display: table-cell;
	vertical-align: middle;
	padding-right: 1rem;
}
.page_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;
}
.page_campaign_coin .campaign_menu li .menu_green:hover{
	background: #22d6b8;
}

.page_campaign_coin .campaign_menu li a: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:28px;
	font-size:2.8rem;
	color: #707070;
}
.page_campaign_coin .campaign_menu li .menu_white{
	padding:21px 12px;
	padding:2.1rem 1.2rem;
	display: flex;
	align-items: center;
	gap: 10px;
	border-top: 1px solid #EEEEEE;
}
.page_campaign_coin .campaign_menu li:last-child .menu_white {
	border-bottom: 1px solid #EEEEEE;
}
.page_campaign_coin .campaign_menu li figure {
	height: 48px;
	width: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page_campaign_coin .campaign_menu li .bg_pink {
	background: #FFB7B2;
}
.page_campaign_coin .campaign_menu li .bg_blue {
	background: #002D62;
}
.page_campaign_coin .campaign_menu li .bg_lightblue {
	background: #85DAEF;
}
.page_campaign_coin .campaign_menu li .bg_yellow {
	background: #FCCF00;
}
.page_campaign_coin .campaign_menu li .bg_blue img {
	width: 80%;
}
.page_campaign_coin .campaign_menu li .text p:nth-child(2) {
	color: #707070;
}
.page_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_coin .campaign_menu li .campaign_period_txt.new_campign{
	background: #f84f63;
}
.page_coinback .sec_inner figure img.border-simple{
	border: 1px #ccc solid;
	border-radius: 10px;
}
.page_campaign_coin .ui_notice_list {
	padding: 0 1.2rem;
	color: #1F1F1F;
}
/* campaign_menu icon css */

/* .page_campaign_coin .campaign_menu li .menu_style:before{
	font-family: "FontAwesome";
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size:28px;
	font-size:2.8rem;
}
.page_campaign_coin .campaign_menu li.app_review .menu_style:before{
	content:"\f10b";
	font-size:40px;
	font-size:4rem;
	left:2.2rem;
}

.page_campaign_coin .campaign_menu li.feedback_android .menu_style:before{
	content:"\f17b";
	font-size:28px;
	font-size:2.8rem;
	left:2rem;
}
.page_campaign_coin .campaign_menu li.review_google .menu_style:before{
	content:"\f1a0";
	font-size:28px;
	font-size:2.8rem;
	left:2rem;
}
.page_campaign_coin .campaign_menu li.coinback .menu_style:before{
	content:"\f190";
	font-size:28px;
	font-size:2.8rem;
	left:2rem;
}
.page_campaign_coin .campaign_menu li.invite_friends .menu_style:before{
	content:"";
	background-image: url("../images/coin_desc/icon_hand.png");
	background-size: contain;
	width:30px;
	width:3rem;
	height:30px;
	height:3rem;
	left:1.8rem;
} */

/* //campaign_menu icon css */

.page_feedback .ex_form,
.page_review .ex_form,
.page_campaign_coin .ex_form,
.page_coinback .ex_form{
	background: #f4f4f4;
	padding: 1.5rem;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.page_coinback .ex_form.func_copy {
	position: relative;
	cursor: pointer;
}
.page_coinback .ex_form.func_copy:hover {
	cursor: pointer;
}
.page_coinback .ex_form.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;
}
.page_coinback .ex_form.func_copy.success:after {
	content: '\f00c';
	font-size: 2rem;
	color: #03c9a9;
}
/*---------------------------------*/
/* 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_store
/*-------------------------------*/
.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_store .container{
	box-shadow: none;
	border:none;
	margin:0;
	padding:20px 10px;
	padding:2rem 1rem;
}
.page_store .container .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #eee solid 2px;
}
.page_store .container .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;
}
.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 .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;
	box-sizing: border-box;
	box-shadow: 0px 0px 5px 0px #dadada;
}
.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: 1rem;
    right: 1rem;
    left: auto;
    margin: 0;
	display: none;
}
.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;
}
.page_store .notice_indent{
	text-indent: -1em;
	padding-left: 1em;
}
.page_store_confirm .credit_notice{
	color: #f14444;
	text-indent: -1em;
	padding-left: 1em;
}
/*.page_store .container .content .content_box .box_head h2#category_15::after{
	content: "書籍購入必須";
	padding: 2px 10px;
	background-color: #F1890E;
	background-color: #ff5858;
	border-radius: 0 3px 3px 0;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}*/
/* 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: 15rem;
	margin: 0 auto;
}
.efe-kindle-list .book-name {
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 1rem;
}
.efe-kindle-list .book-link {
	margin-top: 1rem;
}
.efe-kindle-list .amazon-btn {
	display: block;
	width: 9rem;
	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:25px 20px;
	padding:2.5rem 2rem;
}
.page_store_confirm .container .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;
	padding-bottom:1rem;
	border-bottom: #1F1F1F solid 1px;
}
.page_store_confirm .container .page_breadcrumbs_2 .page_ttl{
	font-weight: bold;
}
.page_store_confirm .container .order_details{
    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;
}
.page_store_confirm .order_details, .page_store_confirm .address_info .dl_style_2 {
	padding: 20px 25px;
	padding: 2rem 2.5rem;
	background: #F5F5F5;
}
.page_store_confirm .order_details .product_list {
	margin-bottom: 40px;
}
.page_store_confirm .order_details .product_list img {
	width: 105px;
}
.sec_store_confirm .order_details .order_product .product_list:last-of-type {
	margin-bottom: 20px;
}
.page_store_confirm .order_details .item_name {
	display: flex;
	gap: 26px;
}
.page_store_confirm .order_details .item_price {
	display: flex;
}
.page_store_confirm .order_details .item_price .item_type {
	margin-right: 15px;
	border: 1px solid #1F1F1F;
	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: #fff;
	border-radius: 4px;
	border: none;
	padding: 9px 13px;
	border: 1px solid #737373;
	height: 34px;
}
.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: #1F1F1F;
	border: 1px solid #1F1F1F;
	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: 1.45;
    font-size: 2.4rem;
}
.page_store_confirm .item_actions .btn-left.btn-minus:before {
	content: '-';
	line-height: 1;
	font-size: 2.4rem;
}
.page_store_confirm .item_actions .btn.btn-right:before {
	content: "+";
	line-height: 1.45;
	font-size: 2.4rem;
}
.page_store_confirm .item_actions .btn.btn-delete {
	padding: 7px 26px;
	padding: 0.7rem 2.6rem;
}
.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 #555555;
	padding: 5px 25px;
	height: 34px;
	box-sizing: border-box;
}
.page_store_confirm .order_details .order_product hr {
	border-color: #555555;
}
.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-left: auto;
	line-height: 2;
}

.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_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 20px;
	padding:2rem;
}
.page_store_complete .container .page_breadcrumbs_2{
	margin-bottom:20px;
	margin-bottom:2rem;
	padding-bottom:10px;

	padding-bottom:1rem;
	border-bottom: #1F1F1F solid 1px;
}
.page_store_complete .container .page_breadcrumbs_2 .page_ttl{
	font-weight: bold;
}

/*-------------------------------*/
/*.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 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 .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 .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_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_faq
/*---------------------------------*/
.page_sp_desc.page_callan.page_callan_faq .page_inner{
	background: #fff;
	color:#202020;
}
.page_sp_desc.page_callan.page_callan_faq .page_inner .sec{
	padding: 0 0;
}
.page_callan_faq .content{
	padding: 0 12px 20px;
	padding: 0 1.2rem 2.0rem;
}
.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;
	border:5px solid #eeeeee;
}
.page_callan_faq .faq_list .list_item + .list_item{
	border-top:2px solid #eeeeee;
}
.page_callan_faq .ui_accordion_trigger{
	font-size: 14px;
	font-size: 1.4rem;
	color: #202020;
	font-weight: bold;
	cursor: pointer;
	padding: 15px 25px 15px 10px;
	padding: 1.5rem 3.5rem 1.5rem 1.0rem;
	position: relative;
	line-height: 1.5;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_callan_faq .ui_accordion_trigger:before{
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	top: calc(50% - 0.5rem);
	right: 15px;
	right: 1.0rem;
	-webkit-transform: translate(0,-50%) rotate(135deg);
	transform: translate(0,-50%) rotate(135deg);
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	width: 10px;
	width: 1.0rem;
	height: 10px;
	height: 1.0rem;
	box-sizing: border-box;
	border-top: 2.0px solid #00acee;
	border-right: 2.0px solid #00acee;
}
.page_callan_faq .ui_accordion_trigger.on:before{
	-weblit-transform:translate(0,-50%) rotate(-45deg);
	transform:translate(0,-50%) rotate(-45deg) ;
}
.page_callan_faq .ui_accordion_box{
	padding: 0 25px 15px 30px;
	padding: 0 2.5rem 1.5rem 3.0rem;
	line-height: 1.5;
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
}
.page_callan_faq .ui_accordion_box:before{
	content: "A.";
	font-size: 16px;
	font-size: 1.6rem;
	position: absolute;
	top: -2px;
	top: -0.2rem;
	left: 10px;
	left: 1rem;
}
.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_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_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%;
}
/*---------------------------------*/
/* login
/*---------------------------------*/
.sec_login_inner{
	width: 86%;
	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 .btn_style{
	height: 5rem;
	line-height: 5rem;
}
.page_login_2 .page_inner .sec_border{
	border-top: 1px solid #cdcdcd;
	/* border-bottom: 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;
}
/*---------------------------------------*/
/* point list style version 2
/*---------------------------------------*/
.point_purchase_wrap{
	min-height: inherit;
}
.point_purchase_wrap .page_inner{
	padding: 0;
}
.point_purchase_wrap .page_inner .container{
	margin: 0;
	border-radius: 0;
}
.point_purchase_wrap .point_list_v2 table{
	width: 100%;
	table-layout: fixed;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
}
.point_purchase_wrap .point_list_v2 table td{
	position: relative;
	vertical-align: middle;
}
.point_purchase_wrap .point_list_v2 table td.col_pt{
	width: 25%;
}
.point_purchase_wrap .point_list_v2 table td.col_pt_service{
	width: 15%;
}
.point_purchase_wrap .point_list_v2 table td.col_price{
	width: 25%;
}
.point_purchase_wrap .point_list_v2 .point_list_header table{
	margin-bottom: 10px;
}
.point_purchase_wrap .point_list_v2 .point_list_item a{
	display: block;
	font-weight: bold;
}
.point_purchase_wrap .point_list_v2 .point_list_item a.btn_coin{
	border: #f1890e solid 2px;
	border-collapse: separate;
	border-radius: 2px;
	background: #f1890e;
}
.point_purchase_wrap .point_list_v2 .point_list_item a.disabled{
	background: #e3e3e3;
	border-color: #e3e3e3;
	color: #fff;
	cursor: default;
	box-shadow: none;
	pointer-events: none;
}
.point_purchase_wrap .point_list_v2{
	max-width: 700px;
	margin: 0 auto;
}
.point_purchase_wrap .point_list_v2 .point_list_item{
	margin-bottom: 15px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.point_purchase_wrap .point_list_v2 .point_list_item a{
	color: #fff;
}
.point_purchase_wrap .point_list_v2 .point_list_item:hover{
	/*background: #fffff0;*/
}
.point_purchase_wrap .point_list_v2 .point_list_item:last-child{
	margin-bottom: 0;
}
.point_purchase_wrap .point_list_v2 .point_list_item table em{
	font-size: 20px;
	font-size: 2.0rem;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td{
	padding: 0 5px;
	height: 4.0rem;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt{
	color: #fff;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt:before{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	content: '\f1c0';
	font-size: 2.0rem;
	font-family: FontAwesome;
	margin-right: 0.5rem;
}
.point_purchase_wrap .point_list_v2 .point_list_item table td.col_pt em{
	display: inline-block;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase{
	display: block;
	float: right;
	width: 136px;
	height: 32px;
	line-height: 30px;
	color: #fe8627;
	background: #fff;
	border: 2px solid #fe8627;
	border-radius: 4px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:hover{
	background: #fe8627;
	border-color: #fe8627;
	color: #fff;
	border-radius: 4px;
}
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disable,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disable:hover,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disabled,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase.disabled:hover,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:disabled,
.point_purchase_wrap .point_list_v2 .point_list_item table .btn_purchase:disabled:hover{
	background: #e3e3e3;
	border-color: #e3e3e3;
	color: #fff;
	cursor: default;
	box-shadow: none;
}

/*---------------------------------------*/
/* 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;
}
.sec_point_log .pager li a,
.sec_point_log .pager span a{
	font-weight: bold;
}
.sec_point_log .pager li.disabled{
	font-weight: normal;
	color: #999;
}
.point_log_list{
	margin-top: 2rem;
}
.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: #00ACEE;
	color: #fefefe;
}

/*-------------------------------------------------------*/
/* price
/*-------------------------------------------------------*/
.course_price_list {
	width: 584px;
	margin: 20px auto 10px;
	padding: 8px;
	background: url("../images/pattern/check_orange.gif") repeat 0 0;
}
.course_price_list table {
	text-align: center;
	border-color: #FFF;
	border-width: 0;
}
.course_price_list table th {
	width: 195px;
	height: 50px;
	font-size: 18px;
	vertical-align: middle;
	color: #FFF;
	background-color: #FF9326;
	font-weight: bold;
}
.course_price_list table td {
	font-weight: bold;
	font-size: 12px;
	height: 133px;
	vertical-align: middle;
	background-color: #FFF7DF;
	line-height: 1.5;
}
.course_price_list table td strong {
	font-size: 24px;
	font-weight: bold;
}
.course_price_list table td span {
	font-size: 16px;
	font-weight: bold;
}
.course_price_list table td:nth-child(even) {
	background-color: #FFEEB9;
}
/* purchase_item_style */
.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;
}

/*-------------------------------------------------------*/
/* teacher review
/*-------------------------------------------------------*/
.teacher_reviews_wrap .teacher_review_area .user_eval_area{
	padding: 1rem 0 2.5rem;
	text-align: center;
}
.teacher_reviews_wrap .teacher_review_ttl{
	font-size:15px;
	font-size:1.5rem;
	font-weight:bold;
	margin: 0 0 1rem;
}
.teacher_reviews_wrap .user_eval_ave{
	display: inline-block;
	text-align: center;
	border: solid 1px #ccc;
	padding: 1rem 1rem 0.5rem;
	box-sizing: border-box;
	vertical-align: top;
	width: 100%;
	max-width: 450px;
}
.teacher_reviews_wrap .eval_breakdown_wrap{
	display: inline-block;
	width: 100%;
	max-width: 450px;
}
.teacher_reviews_wrap .eval_breakdown_wrap .eval_breakdown{
	margin-top: 1rem;
	width: 100%;
}
.teacher_reviews_wrap .user_eval_area .ui_notice_list{
	display: inline-block;
	vertical-align: top;
	padding: 1rem 1rem 0;
}
.teacher_reviews_wrap .review_list_wrap{
	margin: auto;
}
.teacher_reviews_wrap .user_eval_area .ui_notice_list ul li{
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
}
.teacher_reviews_wrap .user_eval_ttl .cnt_ttl,
.teacher_reviews_wrap .rating_int_area .rating_int{
	font-size: 18px;
	font-size: 1.8rem;
}
.teacher_reviews_wrap .user_eval_ttl,
.teacher_reviews_wrap .rating_int_area{
	/*display: inline-block;*/
	height: 5rem;
	line-height: 5rem;
}
.teacher_reviews_wrap .teacher_review_area{
	padding: 2rem 0 0;
	margin-bottom: 4rem;
}
.teacher_reviews_wrap .teacher_review_area .teacher_detail_ttl{
	padding: 0 2rem 1rem;
}
.teacher_reviews_wrap .review_list li{
	border: #eee solid 1px;
}
.teacher_reviews_wrap .review_list li .list_top{
	background: #eee;
	padding: 0 2rem;
}
.teacher_reviews_wrap .review_list li + li{
	margin-top: 20px;
}
.teacher_reviews_wrap .review_list li .list_bottom{
	line-height: 1.5;
	padding: 2rem 2rem;
}
.teacher_reviews_wrap .review_list li .list_bottom .desc{
	word-break: break-word;
}
.teacher_reviews_wrap .review_list li .post_user{
	font-size: 12px;
	font-size: 1.2rem;
	margin-right: 30px;
}
.teacher_reviews_wrap .review_list li .datetime{
	display: block;
	font-size: 1.4rem;
	line-height: 3.5rem;
	float: right;
}
.teacher_reviews_wrap .btn_review_more{
	width: 27rem;
    margin: auto;
	display: block;
	padding: 1.6rem;
	background: #bbb;
	color: #fff;
	text-align: center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	cursor: pointer;
	border-radius: 5px;
}
.teacher_reviews_wrap .btn_review_more:hover{
	background: #ccc;
}

/* star rating bar */
.teacher_reviews_wrap .eval_breakdown .rating_bar .rating_bar_value{
	display: inline-block;
	width: 0%;
	height: 1.6rem;
	border-radius: 1px;
    background-color: #FCC82A;
}

/* star in review lists */
.teacher_reviews_wrap .review_list .rating_star_wrap{
	height: inherit;
	line-height: inherit;
}
.teacher_reviews_wrap .review_list .rating_star{
	width: 2.2rem;
	height: 3.5rem;
	vertical-align: middle;
	line-height: 3.5rem;
}
.teacher_reviews_wrap .rating_star:before{
	width: 3rem;
	height: 3rem;
	font-size: 3rem;
}
.teacher_reviews_wrap .rating_star .rating_star_value:before{
	width: 3rem;
	height: 3rem;
	font-size: 3rem;
}
.teacher_reviews_wrap .review_list .rating_star:before{
	width: 2.0rem;
	height: 2.0rem;
	font-size: 2.0rem;
}
.teacher_reviews_wrap .review_list .rating_star .rating_star_value:before{
	width: 2.0rem;
	height: 2.0rem;
	font-size: 2.0rem;
}

/*------------------------------------------*/
/* rating_area
/*------------------------------------------*/
.teacher_reviews_wrap .rating_star_wrap{
	display: inline-block;
	white-space: nowrap;
	text-align: left;
	width: auto;
}
.teacher_reviews_wrap .rating_star{
	position: relative;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
	vertical-align: middle
}
.teacher_reviews_wrap .user_eval_area .rating_star + .rating_star{
	margin-left: 1rem;
}
.teacher_reviews_wrap .review_list .rating_star + .rating_star{
	margin-left: 0.1rem;
}
.teacher_reviews_wrap .rating_star:first-child{
	margin-left: 0;
}
.teacher_reviews_wrap .rating_star .rating_star_value{
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.teacher_reviews_wrap .rating_star i{
	color: #fcc82a;
	width: 1.6rem;
	height: 1.6rem;
}
.teacher_reviews_wrap .pager_bottom{
	margin-bottom: 2rem;
}

@media screen and (min-width: 374px){
	.teacher_reviews_wrap .review_list li .datetime{
		display: inline-block;
		float: right;
	}
}
@media screen and (min-width: 975px){
	.teacher_reviews_wrap .user_eval_area .eval_breakdown_wrap{
		margin-left: 1rem;
	}
}
/* teacher images */
.teacher_reviews_wrap .teacher_detail{
	margin:0 1.5rem 1rem;
}
.teacher_reviews_wrap .teacher_detail .thumb{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 0;
	width: 20%;
	max-width: 100px;
}
.teacher_reviews_wrap .teacher_detail .thumb img{
	width: 100%;
	border-radius: 50%;
}
.teacher_reviews_wrap .teacher_detail .ttl_wrap{
	display: inline-block;
	vertical-align: middle;
}
.teacher_reviews_wrap .teacher_detail .name_area{
	display: block;
	font-size: 1.5rem;
	padding: 0 0 0.6rem;
}
.teacher_reviews_wrap .teacher_detail .name_area .name .overflow{
	display: inline-block;
	max-width: 6.5rem;
	vertical-align: middle;
}

/*---------------------------------*/
/* notice_reservation_rules
/*---------------------------------*/
.notice_sms_authentication_country_wrap table{
		min-width:94%;
		text-align:center;
		border:#999 1px solid;
		border-collapse:collapse;
		font-size:smaller;
		margin: 0 auto;
	}
	.notice_sms_authentication_country_wrap td{
		border:#999 1px solid;
		padding: 1rem 0 0.5rem;
	}
	.notice_sms_authentication_country_wrap td.item{
		border:#999 1px solid;
		white-space:nowrap;
	}

/*------------------------------------------*/
/* 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;
	}
}

/* plan_family */
.page_wrap-plan_family .page_inner{
	padding: 0;
}
.page_wrap-plan_family .container{
	padding: 2rem;
	margin: 0;
	border-radius: 0;
}
.page_wrap-plan_family h3{
	font-weight: normal;
	font-size: 2.8px;
	font-size: 2.8rem;
	margin:6rem 0 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;
	margin: -2.1rem -2.0rem -0.3rem;
}
.page_wrap-plan_family img{
	width: 100%;
}
.page_wrap-plan_family .desc{
	text-align: center;
	line-height: 1.4;
}
.page_wrap-plan_family .desc+.desc{
	margin-top: 10.0rem;
}
.page_wrap-plan_family .desc_1 figcaption{
	margin-top: 0.5rem;
}
.page_wrap-plan_family .desc_1 .family_bar{
	width: 67%;
	max-width: 600px;
}
.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 .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: #f5f5f5;
	border: #cccccc solid 1px;
}
.page_wrap-plan_family .notice_list li{
	font-size: 15px;
    font-size: 1.5rem;
}
.page_wrap-plan_family .desc_id_text{
	margin-top: 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{
	width: 100%;
	max-width: 600px;
}
.page_wrap-plan_family .arrow_blue{
	width: 14%;
	max-width: 75px;
}
/* faq */
.page_wrap-plan_family .sec_faq{
	margin: 5rem auto 0;
	font-size: 1.5rem;
}
.page_wrap-plan_family .sec_faq h3 {
	text-align: center;
	padding: 1.2rem 0;
	background-color: #004986;
	color: #FFF;
	margin-bottom: 2rem;
	font-size: 20px;
	font-size: 2.0rem;
}
.page_wrap-plan_family .sec_faq dl {
	margin-bottom: 2rem;
}
.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: #16A9B2;
	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 #16a9b2;
	border-radius: 20px;
}
/* btn style*/
.page_wrap-family .btn_style.btn_white{
	border: #3a7ff3 1px solid;
	color: #3a7ff3 !important;
	box-shadow: none;
	letter-spacing: 0.3rem;
	width: 100%;
	max-width: 25.0rem;
}
.page_wrap-family .btn_style.arrow_r:after{
	color: #3a7ff3;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.page_wrap-family .btn_style.arrow_r:hover:after{
	color: #79a4ed;
}
.page_wrap-family .fam_members .member .btn_style{
	min-width: 20.0rem;
}
.page_wrap-family .link_style_1:hover{
	color: #79a4ed;
	border: #79a4ed 1px solid;
}

/* page wrap plan */
.page_wrap-plan h3{
	margin:6rem 0 2.5rem;
}
.page_wrap-plan{
	line-height: 1.5;
}
.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;
	min-width: 300px;
}
.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;
	letter-spacing: 0.3rem;
	width: 90%;
	max-width: 35rem;
}
.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: #3a7ff3 1px solid;
	color: #3a7ff3 !important;
	background: transparent;
	box-shadow: none;
}
.btn_style.arrow_r:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	font-size: 2.8rem;
	top: -0.2rem;
	right: 1rem;
}
/*-------------------------------------------------------*/
/* 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 .page_inner .search_wrap{
	padding: 0 2% 1rem;
}
.page_cs_history .page_inner .search_area{
	border-radius: 5px;
	padding: 2rem 1rem 1rem;
	text-align: center;
	display: block;
	font-size: 0;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 1rem;
}
.page_cs_history .page_inner .search_area .search_box{
	position: relative;
	vertical-align: middle;
	height: auto;
	width: 100%;
	max-width: 500px;
	font-size: 1.3rem;
	padding-left: 4rem;
	box-sizing: border-box;
	-webkit-appearance: none;
	margin: 0;
}
.page_cs_history .page_inner .search_area .search_mark{
	position: relative;
	text-align: center;
	display: inline-block;
}
.page_cs_history .page_inner .search_area .search_mark:before{
	font-family: FontAwesome;
	content: '\f002';
	display: inline-block;
	position: absolute;
	left: 1.5rem;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.8rem;
	height: 1.8rem;
	color: #ccc;
	z-index: 20;
	font-size: 1.8rem;
	line-height: 1.8rem;
}
.page_cs_history .page_inner .search_area .search_box::-webkit-input-placeholder{
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .page_inner .search_area .search_box:-moz-placeholder {
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .page_inner .search_area .search_box::-moz-placeholder {
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .page_inner .search_area .search_box:-ms-input-placeholder{
	color: #8e8e93;
	font-size: 1.3rem;
}
.page_cs_history .page_inner .search_area .search_btn:hover{
	background-color: #2f5679;
}
.page_cs_history .page_inner .search_area .all_topics{
	display: inline-block;
	font-size: 1.4rem;
	vertical-align: middle;
}
.page_cs_history .page_inner .search_area .btn_form_clear{
	position: relative;
}
.page_cs_history .page_inner .search_area .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{
	border-bottom:solid #ddd 1px;
}
.page_cs_history .page_inner .content .topics_list li a{
	color:#1f1f1f;
	display:block;
	padding: 1.8rem 4rem 1.8rem 1.2rem;
	position:relative;
}
.page_cs_history .page_inner .content .topics_list li a:after{
	content:"\f054 ";
	font-family:FontAwesome;
	display:inline-block;
	position:absolute;
	right:1.5rem;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}
.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:15px;
	font-size:1.5rem;
}
.page_cs_history .page_inner .content .topics_list li a .date{
	color: #999;
	text-align: right;
}
@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;
	line-height:4rem;
	text-align:center;
	border-bottom:solid 1px #ddd;
}
.page_cs_history .page_inner .pager.pager-top{
	border-top: solid 1px #ddd;
}
.page_cs_history .page_inner .pager .page_num.none{
	color: #ccc;
}
.page_cs_history .page_inner .pager .prev,
.page_cs_history .page_inner .pager .next{
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.page_cs_history .page_inner .pager .prev{
	left:95px !important;
	left:9.5rem !important;
}
.page_cs_history .page_inner .pager .next{
	right:110px !important;
	right:11rem !important;
}
.page_cs_history .page_inner .pager .prev a,
.page_cs_history .page_inner .pager .next a{
	display:inline-block;
	width:2.4rem;
	height:2.4rem;
	line-height:2.4rem;
	text-align:center;
	border-radius:5px;
	border: solid 1px #555;
	box-sizing:border-box;
	padding-left: 0.3rem;
	color: #555;
	background: #fff;
}
.page_cs_history .page_inner .pager a.disable{
	pointer-events: none;
	color: #ddd;
	border: solid 1px #ddd;
	padding-right: 0.4rem;
}
.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 6rem;
}
.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{
	background-color: #F4F4F4;
}
.page_cs_history .topics_list li.read h2{
	font-weight: normal;
}
.page_cs_history .topics_list li.unread{
	background: #FFF;
	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;
	margin-top: 2rem;
	-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: flex;
	text-align: left;
	margin-bottom: 0;
	align-self: flex-start;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style {
	padding-left: 1rem;
	padding-right: 1rem;
}
/* NJ-97685: Unread message card — Figma node 27:291 (SP) */
.page_cs_history_detail .comment_list li.unread {
	background: #F5F5F5;
	border: 1px solid #E3E3E3;
	padding: 20px 16px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	box-sizing: border-box;
}
.page_cs_history_detail .comment_list li.unread .comment_head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
}
.page_cs_history_detail .comment_list li.unread .comment_head .name {
	font-weight: 700;
	font-size: 1.5rem;
	color: #333333;
	line-height: 160%;
	display: block;
	float: none;
	margin: 0;
}
.page_cs_history_detail .comment_list li.unread .comment_head .date {
	font-weight: 400;
	font-size: 1.2rem;
	color: #4D4D4D;
	line-height: 130%;
	float: none;
	text-align: left;
	margin: 0;
}
/* NJ-97685: file attachment row in unread card — left-align, reset margins (gap handles spacing) */
.page_cs_history_detail .comment_list li.unread .file_name {
	justify-content: flex-start;
	align-content: flex-start;
	margin-top: 0;
	margin-bottom: 0;
}

/* NJ-97685: "open message" button - match Figma node 27:316 (SP) */
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style.btn_orange::before,
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style.btn_orange::after {
	content: none !important;
	display: none !important;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style.btn_orange {
	background: transparent !important;
	color: #191919 !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 8px;
	padding: 12px 20px;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: 0.005em;
	text-shadow: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: auto;
	height: auto;
	box-sizing: border-box;
}
.page_cs_history_detail .comment_list li .btn_wrap_open_message .btn_style.btn_orange:hover {
	background: #f5f5f5 !important;
}
.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_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 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;
}
/*-------------------------------------------------------*/
/* campaign_hundred_thousand
/*-------------------------------------------------------*/

.page_wrap--campaign_limited_time.campaign_hundred_thousand .sec .btn_wrap .btn_long{
	height: auto;
	white-space: normal;
}
.page_wrap--campaign_limited_time.campaign_hundred_thousand .sec .balloon_wrap .balloon_ttl {
	font-size: 15px;
	font-size: 1.5rem;
	text-align: center;
	color: #f14444;
	display: inline-block;
	vertical-align: middle;
}

/*-------------------------------------------------------*/
/* page textbook_recommend_desc
/*-------------------------------------------------------*/
.page_wrap--textbook_recommend_desc .page_inner{
	max-width: 600px;
}
.page_wrap--textbook_recommend_desc img{
	display: block;
	width: 100%;
}
.page_wrap--textbook_recommend_desc .page_inner figure {
	border: 1px solid #d1d1d1;
	width: 75%;
	margin: 0 auto;
}
.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: 250px;
	max-width: 25rem;
	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:15px;
	margin-right:1.5rem;
}
.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 .btn_style {
	border-radius: 2px;
}
.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_levels {
	padding: 0.5rem 0 1.5rem;
	color: #555;
	position: relative;
}
.textbook_recommend_wrap .sec_main_ttl_levels .page_ttl {
	font-size: 1.6rem;
	font-weight: bold;
}
.textbook_recommend_wrap .sec_main_ttl_levels .text {
	font-size: 1.4rem;
	line-height: 1.6;
	margin-top: 1rem;
}
.textbook_recommend_wrap .btn_diagnosis_wrap .btn_diagnosis {
	display: flex;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
	max-width: 48rem;
}
.textbook_recommend_wrap .btn_diagnosis_wrap .btn_diagnosis .icon {
	margin-left: 0.5rem;
}
.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 .desc .level_wrap {
	width: 7rem;
	height: 7rem;
	margin: 1.5rem auto 1rem;
	color: #f49e39;
	border: #f49e39 2px solid;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}
.level_check_table_wrap .level_check_table .desc .level_wrap .level_content {
	font-size: 1.4rem;
	line-height: 1.2;
}
.level_check_table_wrap .level_check_table .desc .level_wrap .level_content .number {
	font-size: 2.6rem;
}
.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_fig figure img{
	width: 100%;
}
.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%;
}

/*---------------------------------------*/
/* campaign_campaign_third_anniv
/*---------------------------------------*/

.page_wrap--campaign_limited_time.page_wrap--campaign_third_anniv.anniv_2 .sec .btn_wrap  .btn_style.style_campaign{
	font-size: 16px;
	font-size: 1.6rem;
	height: 44px;
	line-height: 44px;
	box-shadow: 0 4px 0 0 #c16e0b;
	font-weight: bold;
	padding: 0 40px;
	padding: 0 4.0rem;
	border-radius: 25px;
	box-sizing: border-box;
}
/*---------------------------------------*/
/* 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;
}

/*-------------------------------------------------------*/
/* corporate page
/*-------------------------------------------------------*/
/* common */
.page_corporate{
	color: #555;
}
.page_corporate .bg_gray{
	background: #eee !important;
}
.page_corporate .c_navy{
	color: #092846;
}
.page_corporate img{
	width: 100%;
}
.page_corporate .btn_wrap .btn_white{
	height: auto;
	line-height: 1;
}
.page_corporate .sec h3{
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 0 5rem;
	color: #092846;
}
.page_corporate .btn_style{
	border: none;
	text-shadow: none;
	box-shadow: none;
}
.page_corporate .btn_orange-grad{
	background: -webkit-linear-gradient(#F08710, #C8545B);
	background: -o-linear-gradient(#F08710, #C8545B);
	background: linear-gradient(#F08710, #C8545B);
}
.page_corporate .btn_blue-grad{
	background: -webkit-linear-gradient(#5480FC, #0C2440);
	background: -o-linear-gradient(#5480FC, #0C2440);
	background: linear-gradient(#5480FC, #0C2440);
}
.page_corporate .page_inner{
	padding: 0;
}
/* menu top */
.page_corporate .sec_menu-top{
	margin-top: 2.5rem;
}
.page_corporate .sec_menu-top ul li{
	display: inline-block;
}
.page_corporate .sec_menu-top ul li + li{
	margin-left: 3rem;
}
.page_corporate .sec_menu-top ul li a{
	display: block;
	color: #092846;
	font-weight: bold;
}
.page_corporate .sec_menu-top ul li a.on{
	border-bottom: #f1890e solid 4px;
}
/* main */
.page_corporate .sec.sec_main{
	margin-top: 0;
}
.page_corporate .sec_main .img_area{
	background: url('../images/corporate/index/main.png') no-repeat;
	background-size: contain;
	height: 60vw;
	width: 100%;
}
.page_corporate.page_school .sec_main .img_area{
	background: url('../images/corporate/school/main.png') no-repeat;
	background-size: contain;
}
.page_corporate .sec_main .img_area .ttl_box{
	position: relative;
}
.page_corporate .sec_main h2{
	text-align: center;
	position: absolute;
	top: 35vw;
	left: 0;
	right: 0;
}
.page_corporate .sec_main h2 span{
	background: #fff;
	color: #092846;
	display: inline-block;
	padding: 0.7rem 1.2rem;
	font-size: 1.7rem;
	font-weight: bold;
}
.page_corporate .sec_main h2 span{
	margin-top: 0.5rem;
}
.page_corporate .sec_main .desc_wrap{
	color: #fff;
	background: #092846;
	padding: 3rem 2rem;
}
/* banner */
.page_corporate .sec_banner {
	padding: 4rem 2rem 0;
	font-size: 0;
}
.page_corporate .banner_inner {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.page_corporate .banner_inner a {
	display: inline-block;
}
.page_corporate .banner_inner img {
	display: block;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
/* reasons */
.page_corporate .reasons_inner{
	position: relative;
	z-index: 10;
	padding: 6rem 0 0;
}
.page_corporate .reasons_inner .reason_box-ttl{
	margin: auto;
	text-align: center;
	background: #092846;
	padding: 2.5rem 2rem;
	width: 24rem;
	height: 9rem;
	line-height: 1.7;
	font-weight: bold;
}
.page_corporate .reasons_inner .reason_box-ttl h3{
	font-size: 2rem;
	color: #fff;
}
.page_corporate .reasons_inner .d_table{
	display: block;
}
.page_corporate .reasons_inner .d_table .d_cell{
	display: block;
	padding: 0 2rem;
	margin-top: 3rem;
}
.page_corporate .reasons_inner .reason_box{
	border: #f1890e solid 2px;
	padding: 3rem 2rem;
	box-sizing: border-box;
	position: relative;
	z-index: 20;
	max-width: 500px;
	margin: auto;
}
.page_corporate .reasons_inner .reason_box:after{
	content: "";
	width: 16.5rem;
	height: 3rem;
	position: absolute;
	top: -3.2rem;
	left: 0;
	right: 0;
	margin: auto;
	border-left: #092846 solid 5px;
	border-right: #092846 solid 5px;
	z-index: 0;
}
.page_corporate .reasons_inner .reason_box h4{
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	color: #092846;
}
.page_corporate .reasons_inner .reason_box .img_wrap{
	padding: 2.3rem 4rem 2rem;
	box-sizing: border-box;
}
.page_corporate .reasons_inner .reason_box p{
	line-height: 1.5;
	font-size: 16px;
	font-size: 1.6rem;
}
.page_corporate a.btn_white{
	border: 2px solid #092846;
	padding: 1.5rem 0;
	border-radius: 5px;
	display: block;
	color: #092846;
	transition: linear all 0.2s;
	max-width: 26rem;
	box-sizing: border-box;
	margin: 3rem auto 0;
	text-align: center;
	font-size: 1.6rem;
	position: relative;
	font-weight: bold;
	background: #fff;
}
.page_corporate a.btn_white.hover{
	color: #fff;
	background: #092846;
}
.page_corporate a.btn_white:after{
	position: absolute;
	content: '\f105';
	font-family: FontAwesome;
	right: 0.6rem;
	top: 0;
	bottom: 0;
	height: 2.5rem;
	width: 1rem;
	margin: auto;
	vertical-align: middle;
	display: inline-block;
	font-size: 2.5rem;
	padding-bottom: 5px;
}
.page_corporate .reasons_inner .reason_box .btn_white + p {
	margin-left: -1rem;
	margin-right: -1rem;
}
.page_corporate .reasons_inner .reason_box:before{
	content: "";
	position: absolute;

	top: 0;
	left: 0;
	padding: 1rem;
	color: #fff;
	background: #F1890E;
	/* transform: skewX(-5deg); */
	font-size: 3rem;
	font-style: italic;
}
.page_corporate .reasons_inner .reason_box.reason1:before{
	content: "01";
}
.page_corporate .reasons_inner .reason_box.reason2:before{
	content: "02";
}
.page_corporate .reasons_inner .reason_box.reason3:before{
	content: "03";
}
.page_corporate .reasons_inner .reason_box.reason4:before{
	content: "04";
}
.page_corporate .sec_reasons .reaons_text{
	margin: 7rem 0;
	color: #092846;
	font-weight: bold;
	font-size: 1.7rem;
	padding: 0 2rem;
	line-height: 1.7;
}
/* sec menu */
.page_corporate .sec_menu{
	margin: 5rem 0;
}
.page_corporate .sec_menu .menu_box{
	border-radius: 5px;
	max-width: 30rem;
	margin: auto;
	box-sizing: border-box;
	box-shadow: 1px 2px 15px rgba(0,0,0,0.4);
}
.page_corporate .sec_menu .menu_box.hover{
	opacity: 0.7;
}
.page_corporate .sec_menu .menu_box.box-orange{
	background: linear-gradient(#F08710, #C8545B);
}
.page_corporate .sec_menu .menu_box.box-blue{
	background: linear-gradient(#5480FC, #0C2440);
	margin-top: 3.5rem;
}
.page_corporate .sec_menu .menu_box a{
	display: block;
	color: #fff;
	padding: 2rem;
}
.page_corporate .sec_menu .menu_box .text_btm:before{
	content: url('../images/corporate/common/btn-headset.png');
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	transform: scale(0.6);
}
.page_corporate .sec_menu .menu_box .text_btm.inquiry:before{
	content: url(../images/corporate/common/btn-user.png);
}
.page_corporate .sec_menu .menu_box .text_top{
	padding: 0 0.5rem;
	border-bottom: #fff 1px solid;
	line-height: 1.7;
	font-size: 1.6rem;
	height: 9.5rem;
	box-sizing: border-box;
}
.page_corporate .sec_menu .menu_box .text_btm{
	text-align: center;
	padding: 2rem 0 0;
	font-size: 2rem;
	font-weight: bold;
}
/* sec plans */
.page_corporate .sec_plans{
	padding: 5rem 2rem;
	background: #eee;
}
.page_corporate .sec_plans h3{
	margin-bottom: 3rem;
}
.page_corporate .sec_plans .campaign_slogan_wrap {
	text-align: center;
	margin-bottom: 3rem;
}
.page_corporate .sec_plans .campaign_slogan_wrap .slogan_text {
	font-size: 1.6rem;
	line-height: 1.4;
	color: #092846;
	margin-bottom: 2rem;
}
.page_corporate .sec_plans .plans_wrap{
	color: #092846;
}
.page_corporate .sec_plans .plans_wrap .txt-limited{
	color: #fe4759;
	font-size: 1.7rem;
	margin-bottom: 2rem;
	font-weight: bold;
}
.page_corporate .sec_plans .plans_wrap .d_cell{
	width: 33%;
	padding: 0 1rem;
	vertical-align: top;
	position: relative;
}
.page_corporate .sec_plans .plans_wrap .area-plan1 .plan{
	border: #13AE67 2px solid;
}
.page_corporate .sec_plans .plans_wrap .area-plan2 .plan{
	border: #F1890E 2px solid;
}
.page_corporate .sec_plans .plans_wrap .area-plan3 .plan{
	border: #092846 2px solid;
}
.page_corporate .sec_plans .plan{
	border: 2px solid #092846;
	padding: 2.5rem 2rem 2rem;
	text-align: center;
	background: #fff;
	max-width: 500px;
	margin: auto;
}
.page_corporate .sec_plans .plan + .plan{
	margin-top: 15px;
}
.page_corporate .sec_plans .plan h4{
	text-align: center;
	padding: 1.4rem 0;
	color: #fff;
	margin: 0 0 2rem;
	font-weight: bold;
	font-size: 1.7rem;
}
.page_corporate .sec_plans .plan1 h4{
	background: #13ae67;
}
.page_corporate .sec_plans .plan2 h4{
	background: #f1890e;
}
.page_corporate .sec_plans .plan2 h4 span{
	position: relative;
}
.page_corporate .sec_plans .plan2 h4 span:before{
	content: url(../images/corporate/common/balloon_corp.png);
	position: absolute;
	top: -70px;
	left: -110px;
	transform: scale(0.6);
}
.page_corporate .sec_plans .plan3 h4{
	border: #092846 2px solid;
	color: #092846;
}
.page_corporate .b_t_1{ border-top: 1px solid #092846 !important; }
.page_corporate .b_b_1{ border-bottom: 1px solid #092846 !important; }
.page_corporate .b_t_1.b_b_1{
	padding: 2rem 0;
	margin: 2.2rem 0;
	font-size: 2rem;
}
.page_corporate .sec_plans .txt-no_limit{
	font-size: 1.5rem;
}
.page_corporate .sec_plans .plan .options{
	text-align: left;
	margin-top: 3rem;
}
.page_corporate .sec_plans .plan .options ul li + li{
	margin-top: 1.5rem;
}
.page_corporate .sec_plans .plan .options ul li{
	font-size: 1.7rem;
}
.page_corporate .sec_plans .plan .options ul li:before{
	content: "";
	display: inline-block;
	background: url('../images/corporate/index/ic-check.png') no-repeat;
	background-size: contain;
	height: 2rem;
	width: 2rem;
	vertical-align: middle;
	padding-right: 5px;
}
.page_corporate .sec_plans .oval{
	border-radius: 20px;
	padding: 0.6rem 0;
	box-sizing: border-box;
	width: 10rem;
	margin: 0 auto 2.5rem;
	text-align: center;
	font-size: 1.5rem;
}
.page_corporate .sec_plans .oval-navy{
	background: #092846;
	color: #fff;
}
.page_corporate .sec_plans .oval-white{
	background: #fff;
	color: #092846;
	border: #092846 2px solid;
}
.page_corporate .sec_plans .bg_navy{
	background: #092846;
	color: #FFFFFF;
	padding: 0.2rem 0.5rem;
}
.page_corporate .sec_plans .plan .txt-price{
	margin: 2rem 0;
	font-size: 2.2rem;
	color: #092846;
}
.page_corporate .sec_plans .plan .txt-price .price{
	font-size: 3.5rem;
	padding: 0 0.3rem;
}
.page_corporate .sec_plans .plan .txt-price .tax{
	font-size: 1.5rem;
	padding: 0 0 0 0.3rem;
}
.page_corporate .sec_plans .plan .txt-price.line_through {
	position: relative;
}
.page_corporate .sec_plans .plan .txt-price.line_through:after {
	content: '';
	position: absolute;
	display: block;
	height: 2px;
	width: 20rem;
	background-color: #f1890e;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) rotateZ(-10deg);
}
.page_corporate .sec_plans .plan .txt-price.line_through {
	font-size: 1.6rem;
}
.page_corporate .sec_plans .plan .txt-price.line_through .price {
	font-size: 2rem;
}
.page_corporate .sec_plans .plan .txt-price.line_through .tax{
	font-size: 1.4rem;
}
.page_corporate .sec_plans .plan .campaign_price_wrap {

}
.page_corporate .sec_plans .plan .campaign_price_wrap .icon_arrow {
	margin-bottom: 2rem;
}
.page_corporate .sec_plans .plan .campaign_price_wrap .icon_arrow img {
	display: block;
	margin: 0 auto;
	width: 2rem;
}
.page_corporate .sec_plans .plan .campaign_price_wrap .campaign_going {
	color: #f1890e;
	font-weight: bold;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 0.5rem;
	text-align: center;
}
.page_corporate .sec_plans .plan .campaign_price_wrap .campaign_price_box {
	text-align: center;
}
.page_corporate .sec_plans .plan .campaign_price_wrap .campaign_price_box .campaign_price_text {
	display: inline-block;
	padding: 1rem 1.5rem;
	background-color: #f1890e;
	color: #fff;
	font-size: 2.2rem;
}
.page_corporate .sec_plans .plan .campaign_price_wrap .campaign_price_box .campaign_price_text .number {
	font-size: 3.5rem;
	font-weight: normal;
	margin: 0 0.2rem;
}
.page_corporate .sec_plans .plan .campaign_price_wrap .campaign_price_box .campaign_price_text .tax {
	font-size: 1.5rem;
}
.page_corporate .sec_plans .plan dl dt{
	padding: 0 0 2rem;
	font-size: 2rem;
}
.page_corporate .sec_plans .plan dl dd{
	font-size: 1.6rem;
	padding: 2rem 0 0.5rem;
	line-height: 1.5;
}
.page_corporate .sec_plans .btn_wrap{
	margin: 0rem 0 0;
}
/* sec tb */
.page_corporate .sec_tb{
	padding: 5rem 0;
}
.page_corporate .sec_tb h3{
	margin-bottom: 3.5rem;
}
.page_corporate .sec_tb .textbook_wrap{
	max-width: 500px;
	margin: 0 auto 4rem;
	padding: 0 3.5rem;
}
.page_corporate .sec_tb .textbook_wrap ul li + li{
	margin-top: 5rem;
}
.page_corporate .sec_tb .textbook_wrap dl dt{
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.page_corporate .sec_tb .textbook_wrap dl dd{
	margin-top: 1rem;
	text-align: center;
}
.page_corporate .sec_tb .textbook_wrap dl dt img{
	width: 10rem;
	border-radius: 10px;
}
.page_corporate .sec_tb .textbook_wrap  p{
	padding: 0 1.5rem;
}
.page_corporate .sec_tb .textbook_wrap dl dd p{
	margin-top: 1rem;
	text-align: left;
	line-height: 1.6;
	font-size: 1.6rem;
}
.page_corporate .sec_tb .textbook_wrap dl dd .tb_ttl{
	display: block;
	margin-top: 1rem;
	text-align: center;
	font-weight: bold;
	font-size: 1.7rem;
	padding: 0.5rem 0;
	color: #092846;
	line-height: 1.5;
}
/* sec service */
.page_corporate .sec_service{
	padding: 5rem 2rem;
	background: #eee;
}
.page_corporate .sec_service h3{
	margin-bottom: 3rem;
}
.page_corporate .sec_service_inner{
	width: 100%;
	margin: auto;
}
.page_corporate .sec_service_inner .service_table{
	margin: 0 auto;
	font-size: 1.2rem;
	line-height: 1.5
}
.page_corporate .sec_service_inner .service_table th{
	background: #999;
	color: #fff;
	vertical-align: middle;
	border: 2px #ddd solid;
	padding: 0.5rem 1rem;
	font-weight: bold;
}
.page_corporate .sec_service_inner .service_table th.nc_logo{
	background: #092846;
	position: relative;
}
.page_corporate .sec_service_inner .service_table th.nc_logo:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	border: 4px #092846 solid;
	border-bottom: none;
	top: -4px;
	left: -4px;
	right: 0;
	margin: auto;
}
.page_corporate .sec_service_inner .service_table td{
	background: #fff;
	text-align: center;
	vertical-align: middle;
	border: 2px #ddd solid;
	width: 25%;
	padding: 0.5rem 1.5rem;
	position: relative;
}
.page_corporate .sec_service_inner .service_table td:nth-child(2):after{
	position: absolute;
	content: "";
	width: 100%;
	height: 108%;
	border-left: 4px #092846 solid;
	border-right: 4px #092846 solid;
	top: -3px;
	left: -4px;
	right: 0;
	margin: auto;
	z-index: 100;
}
.page_corporate .sec_service_inner .service_table tr:last-child td:nth-child(2):after{
	border-bottom: 4px #092846 solid;
}
.page_corporate .sec_service_inner .service_table tr th:first-child,
.page_corporate .sec_service_inner .service_table tr td:first-child{
	border-left: none;
	font-weight: bold;
}
.page_corporate .sec_service_inner .service_table tr th:last-child,
.page_corporate .sec_service_inner .service_table tr td:last-child{
	border-right: none;
}
.page_corporate .sec_service_inner .service_table td:nth-child(2){
	color: #F1890E;
	font-weight: bold;
}
.page_corporate .service_table .nc_logo img{
	max-width: 6rem;
}
.page_corporate .service_table .table_item_inner.border_wrap{
	border: #092846 solid 6px;
	margin-top: -0.9rem;
}
.page_corporate .service_table .table_item_inner.border_wrap div{
	color: #f1890e;
}
.page_corporate .sec_service .desc_area{
	margin-top: 30px;
}
.page_corporate .sec_service .desc_area .notice_wrap{
	line-height: 1.5;
	font-size: 1.6rem;
}
.page_corporate .sec_service .service_table .t_mark{
	position: relative;
}
.page_corporate .sec_service .service_table .t_mark:before{
	content: "◁E";
	display: flex;
	position: absolute;
	font-size: 2.2rem;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	align-items: center;
	justify-content: center;
}
.page_corporate .sec_service .service_table .t_mark.mark-d_circle:before{
	content: "◁E";
}
.page_corporate .sec_service .service_table .t_mark.mark-close:before{
	content: "ÁE";
}
.page_corporate .sec_service .service_table .t_mark.mark-triangle:before{
	content: "△";
}
/* sec_flow */
.page_corporate .sec_flow{
	padding: 5rem 0;
}
.page_corporate .sec_flow .flow_wrap{
	position: relative;
	text-align: center;
	max-width: 500px;
	margin: auto;
}
.page_corporate .sec_flow .flow_wrap:after{

}
.page_corporate .sec_flow .flow_wrap ul li + li{
	margin-top: 2.5rem;
}
.page_corporate .sec_flow .flow_wrap ul li{
	/*display: table;*/
	width: 100%;
}
.page_corporate .sec_flow .flow_wrap ul li .grad_circle{
	display: inline-block;
	position: relative;
	background: linear-gradient(#F1890E, #205883);
	border-radius: 50%;
	width: 8.5rem;
	height: 8.5rem;
	margin: auto;
	z-index: 10;
	vertical-align: middle;
}
.page_corporate .sec_flow .flow_wrap ul li .img_wrap{
	display: inline-block;
	vertical-align: middle;
	width: 4.5rem;
	margin: 0 2rem;
}
.page_corporate .sec_flow .flow_wrap ul li .img_wrap.hands img{
	transform: scale(1.05);
}
.page_corporate .sec_flow .flow_wrap ul li .flow_ttl{
	display: inline-block;
	vertical-align: middle;
	width: 35%;
	font-size: 1.6rem;
	color: #092846;
}
.page_corporate .sec_flow .flow_wrap ul li + li .grad_circle:before{
	position: absolute;
	content: "";
	bottom: 100%;
	left: 0;
	right: 0;
	margin: auto;
	width: 5px;
	height: 3rem;
	z-index: 10;
	background: linear-gradient(to Bottom, #205883, #F1890E);
}
.page_corporate .sec_flow .txt-flow-btm{
	margin: 6rem 0 0;
}
.page_corporate .sec_flow .btn_wrap{
	margin: 4rem 0 0;
}
.page_corporate .sec_flow .grad_circle_inner{
	z-index: 10;
	background: #fff;
	border-radius: 50%;
	width: 7.5rem;
	height: 7.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	align-items: center;
}
.page_corporate .sec_flow .grad_circle_inner .num_wrap{
	flex: 1;
	text-align: center;
	font-weight: bold;
}
.page_corporate .sec_flow .grad_circle p{
	position: relative;
	z-index: 100;
	color: #092846;
	font-size: 1.5rem;
}
.page_corporate .sec_flow .grad_circle p.num{
	font-size: 2.8rem;
}
.page_corporate .sec_flow .img_wrap{
	margin: 3rem 0;
}
.page_corporate .sec_flow .flow_ttl{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2;
}
.page_corporate .sec_flow .btn_wrap .btn_white{
	width: 25rem;
}
/* sec_companies */
.page_corporate .sec_companies{
	padding: 5rem 0;
	background: #eee;
}
.page_corporate .sec_companies h3{
	margin: 0 auto 3rem;
}
.page_corporate .sec_companies ul{
	text-align: center;
	margin: auto;
}
.page_corporate .sec_companies ul li{
	display: inline-block;
	line-height: 2.2;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0.7rem;
	color: #092846;
}

/* sec menu btm */
.page_corporate .sec_menu.sec_menu-btm .menu_box{
	background: #fff;
	box-shadow: 1px 2px 15px rgba(0,0,0,0.4);
	max-width: 32rem;
}
.page_corporate .sec_menu.sec_menu-btm .menu_box a{
	color: #555;
}
.page_corporate .sec_menu.sec_menu-btm .menu_box a.hover{
	opacity: 0.7;
}
.page_corporate .sec_menu.sec_menu-btm .menu_box .text_top{
	color: #092846;
}
.page_corporate .sec_menu.sec_menu-btm .menu_box .text_btm{
	color: #FFF;
	padding: 2rem 0;
	border-radius: 5px;
	font-size: 2rem;
}
.page_corporate .sec_menu.sec_menu-btm .menu_box.box-orange .text_btm{
	background: linear-gradient(#F0880F, #C8545A);
}
.page_corporate .sec_menu.sec_menu-btm .menu_box.box-blue .text_btm{
	background: linear-gradient(#5480FC, #0C2440);
}
/* sec menu btm */
.page_corporate .sec_menu.sec_menu-btm{
	margin: 6rem 0 6rem;
	padding: 0 1.5rem;
}

/* page_corporate-sub */
.page_corporate.page_corporate-sub .sec_main h2{
	position: absolute;
	background: #fff;
	color: #092846;
	font-size: 2rem;
	font-weight: bold;
	line-height: 2;
	text-align: left;
	padding-left: 2rem;
	box-sizing: border-box;
	width: 375px;
	max-width: 50%;
	height: 4rem;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
	margin: auto;
}
.page_corporate.page_corporate-sub .sec_main .img_area{
	background-size: cover;
	height: 15rem;
	position: relative;
}
.page_corporate.page_corporate-sub .sec_main .img_area .ttl_box{
	position: static;
}

/* prices */
.page_corporate .sec_main{
	position: relative;
}
.page_corporate .sec_main .btn_wrap.btn_center{
	position: absolute;
	right: 4rem;
	bottom: 2rem;
}

/* faq */
.page_corporate.page_corporate-faq .page_inner{
	color: #555555;
	font-size: 16px;
	font-size: 1.6rem;
}
.page_corporate.page_corporate-faq .sec h3{
	color: #092846;
}
.page_corporate.page_corporate-faq .sec_main .img_area{
	background-image: url('../images/corporate/faq/main.png');
}
.page_corporate.page_corporate-faq .faq_wrap {
	padding: 0 0 5rem;
	background-color: #f1f1f1;
}
.page_corporate.page_corporate-faq .faq_nav {
	padding: 0;
	margin-bottom: 2rem;
	border-bottom: 1px solid #eee;
	background-color: #fff;
}
.page_corporate.page_corporate-faq .faq_nav .faq_nav_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.page_corporate.page_corporate-faq .faq_nav .faq_nav_list .faq_nav_list_item {
	display: block;
	padding: 0;
	box-sizing: border-box;
	width: 50%;
}
.page_corporate.page_corporate-faq .faq_nav .faq_nav_list .faq_nav_list_item:nth-child(n+2) {
	border-top: 1px solid #f1f1f1;
}
.page_corporate.page_corporate-faq .faq_nav .faq_nav_list .faq_nav_list_item:nth-child(2n) {
	border-left: 1px solid #f1f1f1;
}
.page_corporate.page_corporate-faq .faq_nav .faq_nav_btn {
	display: block;
	font-size: 1.6rem;
	line-height: 1;
	color: #092846;
	padding: 1.5rem 1rem;
}
.page_corporate.page_corporate-faq .faq_list {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 2rem;
}
.page_corporate.page_corporate-faq .faq_list .faq_list_item {
	background-color: #eb8103;
	border-radius: 10px;
	border: 2px solid #eb8103;
	overflow: hidden;
}
.page_corporate.page_corporate-faq .faq_list .faq_list_item + .faq_list_item {
	margin-top: 3rem;
}
.page_corporate.page_corporate-faq .faq_list .faq_ttl {
	padding: 1rem 1.5rem;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #fff;
	background-color: #eb8103;
}
.page_corporate.page_corporate-faq .faq_list .faq_ttl:before {
	content: '\f059';
	font-family: 'FontAwesome';
	margin-right: 0.5rem;
}
.page_corporate.page_corporate-faq .faq_list .faq_body {
	padding: 2rem 1.5rem 4rem;
	background-color: #fff;
}
.page_corporate.page_corporate-faq .faq_detail:not(:last-child) {
	padding-bottom: 3rem;
	border-bottom: 1px solid #eee;
}
.page_corporate.page_corporate-faq .faq_detail + .faq_detail {
	padding-top: 3rem;
}
.page_corporate.page_corporate-faq .faq_detail .faq_detail_q {
	position: relative;
	font-size: 1.8rem;
	color: #092846;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 2.6rem;
	margin-bottom: 2rem;
}
.page_corporate.page_corporate-faq .faq_detail .faq_detail_q:before,
.page_corporate.page_corporate-faq .faq_detail .faq_detail_a:before {
	content: 'Q.';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	color: #2ea8e1;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
}
.page_corporate.page_corporate-faq .faq_detail .faq_detail_a {
	position: relative;
	padding-left: 2.6rem;
}
.page_corporate.page_corporate-faq .faq_detail .faq_detail_a:before {
	content: 'A.';
	color: #eb8103;
}
.page_corporate.page_corporate-faq .faq_detail .faq_detail_a p {
	font-size: 1.6rem;
	line-height: 1.6;
}
.page_corporate.page_corporate-faq .faq_detail .faq_detail_a p + p {
	margin-top: 0.5rem;
}
@media screen and (max-width: 374px) {
	.page_corporate.page_corporate-faq .faq_nav .faq_nav_btn {
		font-size: 1.4rem;
	}
	.page_corporate.page_corporate-faq .faq_list {
		padding: 0 1rem;
	}
	.page_corporate.page_corporate-faq .faq_list .faq_list_item + .faq_list_item {
		margin-top: 2rem;
	}
	.page_corporate.page_corporate-faq .faq_detail .faq_detail_q {
		font-size: 1.6rem;
	}
	.page_corporate.page_corporate-faq .faq_detail .faq_detail_q:before {
		line-height: 1;
	}
}
/*------------------------------*/
/* school
/*------------------------------*/
.page_school .sec_main h2 span{
	background: none;
	color: #fff;
}
.page_school .sec_main .desc_wrap{
	background: #F1890E;
}
.page_school .sec_reasons .reaons_text{
	padding: 0 3rem;
}
.page_school .sec_plans .plan2 h4 span:before{
	content: url(../images/corporate/common/balloon_school.png);
}
.page_school.page_corporate-sub .sec_main h2{
	background: #F1890E;
	color: #fff;
}

/*------------------------------*/
/* price
/*------------------------------*/
.page_corporate.page_corporate-price .sec_main .img_area{
	background: url('../images/corporate/price/main.png') no-repeat;
	background-size: cover;
}
.page_corporate.page_corporate-price .sec + .sec{
	padding: 5rem 2rem;

}
.page_corporate.page_corporate-price .sec h3{
	margin: 0 0 2.5rem;
}
.page_corporate.page_corporate-price .sec .desc h4{
	color: #092846;
	font-weight: bold;
	font-size: 1.8rem;
}
.page_corporate.page_corporate-price .sec .desc_top{
	line-height: 1.7;
	font-size: 1.6rem;
	max-width: 500px;
	margin: auto;
}
.page_corporate.page_corporate-price .sec .img_wrap{
	margin: 3rem auto;
	max-width: 500px;
}
.page_corporate.page_corporate-price .sec .desc{
	line-height: 1.5;
	max-width: 500px;
	margin: auto;
}
.page_corporate.page_corporate-price .sec .desc + .desc{
	margin-top: 4.5rem;
}
.page_corporate.page_corporate-price .sec .desc-txt{
	font-size: 1.6rem;
	margin-top: 1.5rem;
}
.page_corporate.page_corporate-price .sec .desc-notes{
	margin-top: 1rem;
}
.page_corporate.page_corporate-price .sec .desc-notes li{
	font-size: 1.4rem;
	padding-left: 1em;
	text-indent: -1em
}
.page_corporate.page_corporate-price .sec .desc-notes li + li{
	margin-top: 1rem;
}

/* sec_bill */
.page_corporate.page_corporate-price .sec_bill{
	background: #eee;
}
/* sec_reserve_coin */
.page_corporate.page_corporate-price .sec_reserve_coin .desc-txt p{
	padding-left: 1em;
	text-indent: -1em;
}
.page_corporate.page_corporate-price .sec_reserve_coin .desc-txt p + p{
	margin-top: 1rem;
}
/* sec_tb_cost */
.page_corporate.page_corporate-price .tb_list{
	margin-top: 3rem;
}
.page_corporate.page_corporate-price .tb_list dt{
	color: #092846;
}
.page_corporate.page_corporate-price .tb_list dd{
	padding-left: 1em;
	text-indent: -1em;
}
.page_corporate.page_corporate-price .tb_list dd + dt{
	margin-top: 1.4rem;
}
/* sec_menu-btm */
.page_corporate.page_corporate-price .sec_menu{
	margin: 1rem auto;
}

/* corporate page (Responsive style) */
@media screen and (max-width: 320px) {
	.page_corporate a.btn_white{
		font-size: 1.5rem;
	}
	.page_corporate .sec_flow .flow_wrap ul li .img_wrap{
		margin: 0 1.5rem;
	}
}

/*---------------------------------------*/
/* page_corporate-apply-trial
/*---------------------------------------*/
.page_corporate-apply-trial{
	background: #fff;
	font-size: 1.6rem;
}
.page_corporate-apply-trial .common_inner{
	padding: 1.0rem 2.0rem 0;
	margin: 0;
}
.page_corporate-apply-trial .request_list input[type=checkbox]:checked + label.custom_check:after{
	border-left: 3px solid #16A9B2;
	border-bottom: 3px solid #16A9B2;
}
.page_corporate-apply-trial .sec_ttl{
	border-bottom: #ccc solid 2px;
	padding-bottom: 1.0rem;
	margin-bottom: 2.0rem;
	line-height: 1.5;
}
.page_corporate-apply-trial .notice_box,
.page_corporate_apply_contract .notice_box{
	background: #f5f5f5;
	padding: 2.0rem 1.0rem;
	border: 0px;
}
.page_corporate-apply-trial .txt_required{
	font-size: 1.2rem;
}
.page_corporate-apply-trial .txt_required .required{
	color: #f00;
	margin-right: 3px;
	vertical-align: middle;
}
.page_corporate-apply-trial .form_box .form_item {
	margin:0 0 3.0rem 0;
}
.page_corporate-apply-trial .btn_wrap .btn_style{
	height: 5rem;
	line-height: 5rem;
}
.notice_box_gray{
	background: #f5f5f5;
	padding: 2.0rem;
}
.page_corporate-apply .sec_corporate_apply .item_content .item_ttl{
	margin: 0 auto 2rem;
}
/*---------------------------------------*/
/* page_corporate_apply_estimate
/*---------------------------------------*/
.page_corporate_apply_estimate{
	background: #fff;
	font-size: 1.6rem;
}
.page_corporate_apply_estimate .common_inner{
	padding: 1.0rem 2.0rem 0;
	margin: 0;
}
.page_corporate_apply_estimate .sec_ttl{
	border-bottom: #ccc solid 2px;
	padding-bottom: 1.0rem;
	margin-bottom: 2.0rem;
}
.page_corporate_apply_estimate .input_wrap{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_corporate_apply_estimate .input_wrap span{
	width: 4rem;
	text-align: right;
	margin-left: 0.5rem;
	font-size: 1.4rem;
}
.page_corporate_apply_estimate .input_wrap input{
	border: 1px solid #999;
	border-radius: 5px;
	background: #fff;
	font-size: 1.4rem;
	padding: 10px 10px 10px;
	font-family: inherit;
	display: block;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.page_corporate_apply_estimate .txt_required{
	font-size: 1.2rem;
	text-align: right;
}
.page_corporate_apply_estimate .txt_required .required{
	color: #f00;
	margin-right: 3px;
	vertical-align: middle;
}
.page_corporate_apply_estimate .btn_wrap  .btn_style{
	height: 50px;
	line-height: 50px;
}

/*---------------------------------------*/
/* page_corporate-apply-contract
/*---------------------------------------*/
.page_corporate_apply_contract{
	background: #fff;
	font-size: 1.6rem;
}
.page_corporate_apply_contract .common_inner{
	padding: 1.0rem 2.0rem 0;
	margin: 0;
}
.page_corporate_apply_contract .sec_ttl{
	border-bottom: #ccc solid 2px;
	padding-bottom: 1.0rem;
	margin-bottom: 1.0rem;
}
.page_corporate_apply_contract .sec_contractText .box{
	line-height: 1.5;
	margin-bottom: 3rem;
}
.page_corporate_apply_contract .sec_contractText .box .box_ttl{
	font-size: 1.6rem;
	text-align: center;
	color: #092846;
	background: #EBF5FF;
	margin: 0 0 2rem;
	padding: 0.8rem 0;
	font-weight: bold;
}
.page_corporate_apply_contract .sec_contractText .btn_style.disabled{
	pointer-events: none;
}
.page_corporate_apply_contract .txt_required{
	font-size: 1.2rem;
}
.page_corporate_apply_contract .txt_required .required{
	color: #f00;
	margin-right: 3px;
	vertical-align: middle;
}
.page_corporate_apply_contract input[type=checkbox]:checked + label.custom_check:after{
	border-left: 3px solid #16A9B2;
	border-bottom: 3px solid #16A9B2;
}
.page_corporate_apply_contract .understand label{
	text-decoration: underline;
}
.page_corporate_apply_contract .understand p{
	margin: 1.0rem 0 1.5rem;
}
.page_corporate_apply_contract .btn_wrap .btn_style{
	height: 5rem;
	line-height: 5rem;
}


/*---------------------------------------*/
/* page_corporate-apply-contract.input
/*---------------------------------------*/
.page_corporate_apply_contract.input .appearanceApproval{
	line-height: 1.2;
}
.page_corporate_apply_contract.input input[type=checkbox] + label.custom_check:before{
	top: 0;
	margin-top: 0;
}
.page_corporate_apply_contract.input input[type=checkbox]:checked + label.custom_check:after{
	top: 0;
	margin-top: 3px;
}
/*---------------------------------------*/
/* 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;
}

/*---------------------------------------*/
/* campaign third anniv 3
/*---------------------------------------*/
@font-face{
	font-family: 'RobotoItalic';
	src: url('../fonts/Roboto-LightItalic.ttf') format('opentype');
	font-weight: normal;
}
.page_wrap--campaign_third_anniv.anniv_3 .ft_roboto{
	font-family: 'RobotoItalic' !important;
}
.page_wrap--campaign_third_anniv.anniv_3 .certif_lesson_wrap{
	background: #F0880E;
	max-width: 500px;
	margin: auto;
}
.page_wrap--campaign_third_anniv.anniv_3 .certif_lesson_wrap .certif_main{
	padding: 1.6rem 2.5rem 1rem 1.5rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap + .data_wrap{
	margin-top: 0.2rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap.data_wrap-time{
	margin-top: 0.6rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dt,
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd{
	display: table-cell;
	vertical-align: middle;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dt{
	width: 24%;
	text-align: right;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dt img{
    padding-right: 1.7rem;
    box-sizing: border-box;
	width: 90%;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dt img.img-tb{
	padding-top: 0.9rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dt img.img-runner{
	padding-right: 1.3rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd{
	width: auto;
	color: #fff;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .txt_wrap{
	border-bottom: 1px #fff solid;
	position: relative;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .txt_wrap p + p{
	margin-top: 0;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-ttl{
	float: left;
	font-size: 1rem;
	padding-left: 1px;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-date,
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-tb,
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-time{
	text-align: right;
	line-height: 1;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-date{
	font-size: 2.5rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap-time dl dd .data-ttl{
	position: absolute;
	bottom: 0.4rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-tb .category{
	font-size: 2rem;
	line-height: 1.3;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-tb .detail{
	font-size: 1.2rem;
	line-height: 1.5;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-time{
	font-size: 3rem;
}
.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-time .lesson_time{
	font-size: 4.2rem;
	padding-right: 1rem;
}
@media screen and (max-width: 320px) {
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-date {
		font-size: 2rem;
	}
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-time .lesson_time{
		font-size: 3.2rem;
	}
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-time{
		font-size: 2rem;
	}
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap + .data_wrap{
		margin-top: 0.5rem;
	}
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap.data_wrap-time{
		margin-top: 0.8rem;
	}
}
@media screen and (min-width: 400px) {
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-ttl{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 500px) {
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-ttl{
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 768px) {
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-ttl{
		font-size: 1rem;
	}
}
@media screen and (min-width: 1024px) {
	.page_wrap--campaign_third_anniv.anniv_3 .data_wrap dl dd .data-time .lesson_time{
		font-size: 3.8rem;
		padding-right: 0.6rem;
	}
}
.page_wrap--campaign_third_anniv.anniv_3 .sec_sns_post .campaign_desc .desc_ttl{
	text-indent: -1em;
	padding-left: 1em;
	font-weight: bold;
}
.page_wrap--campaign_third_anniv.anniv_3 .sec_sns_post .campaign_desc .nametag{
	width: 60%;
}

/*campaign_img*/
.page_wrap .sec .campaign_desc img{
	width: 100%;
}

/*page_download_browser*/
.sec_download_browser .download_browser h2{
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	line-height: 2;
}
.sec_download_browser .download_browser h3{
	font-weight: bold;
	padding: 1em 0 ;
	font-size: 17px;
	font-size: 1.7rem;
}
.sec_download_browser .download_browser p{
	line-height: 1.5;
	padding-bottom: 1em;
}
@media screen and (max-width: 333px){
	.sec_download_browser .download_browser h2{
		font-size: 17px;
		font-size: 1.7rem;
	}
	.sec_download_browser .download_browser h3{
		font-size: 15px;
		font-size: 1.5rem;
	}
}
/*global_lesson*/
.page_wrap--campaign_limited_time .global_lesson .global_lesson_flags{
	max-width: 345px;
	margin: 0 auto;
}
.page_wrap--campaign_limited_time .global_lesson .global_lesson_flags img{
	width: auto;
}
@media screen and (max-width: 375px){
	.page_wrap--campaign_limited_time .global_lesson .global_lesson_flags{
		max-width: 331px;
	}
}
@media screen and (max-width: 320px){
	.page_wrap--campaign_limited_time .global_lesson .global_lesson_flags{
		max-width: 293px;
	}
	.page_wrap--campaign_limited_time .global_lesson .global_lesson_flags img{
		max-width: 54px;
	}
}

/* lesson_progress */
.global_lesson_progress{
    width: 30rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: solid 5px #80d4f9;
    margin: 0 auto;
    padding: 2rem 0rem 6rem;
    box-sizing: border-box;
    background: url(../images/campaign/global_lesson/lesson_progress_bg.png) no-repeat bottom center;
    background-size: 40%;
}
.global_lesson_progress .lesson_progress_ttl{
	margin-bottom:20px;
}
.global_lesson_progress .lesson_progress_ttl > img{
	width:268px;
	object-fit: contain;
	display: block;
}
.global_lesson_progress .lesson_progress_head{
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom: 2rem;
	padding:0 0.6rem 0.5rem;
	border-bottom: solid 2px #004986;
	display: inline-block;
}
.global_lesson_progress .lesson_progress_head strong{
	color:#004986;
	font-size:4rem;
	font-weight: bold;
}
.global_lesson_progress .lesson_progress{
	display: flex;
	position: relative;
}
.global_lesson_progress .lesson_progress:after{
	content: "";
	width:-webkit-calc(100% - 20px);
	width:calc(100% - 20px);
	height:14px;
	background: #80d4f9;
	position: absolute;
	top:50%;
	left: 10px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.global_lesson_progress .lesson_progress + .lesson_progress {
	margin-top:20px;
}
.global_lesson_progress .lesson_progress li{
	margin:0 0.5rem;
	position: relative;
	z-index: 10;
	width:4.7rem;
	height:2.7rem;
}
.global_lesson_progress .lesson_progress li > img{
	object-fit: contain;
	display: block;
	background: #fff;
	width: 100%;
}
.global_lesson_progress .lesson_progress li.progress_1{
	background: url("../images/campaign/global_lesson/progress_1.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_2{
	background: url("../images/campaign/global_lesson/progress_2.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_3{
	background: url("../images/campaign/global_lesson/progress_3.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_4{
	background: url("../images/campaign/global_lesson/progress_4.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_5{
	background: url("../images/campaign/global_lesson/progress_5.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_6{
	background: url("../images/campaign/global_lesson/progress_6.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_7{
	background: url("../images/campaign/global_lesson/progress_7.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_8{
	background: url("../images/campaign/global_lesson/progress_8.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_9{
	background: url("../images/campaign/global_lesson/progress_9.jpg") no-repeat #fff;
	background-size: contain;
}
.global_lesson_progress .lesson_progress li.progress_10{
	background: url("../images/campaign/global_lesson/progress_10.jpg") no-repeat #fff;
	background-size: contain;
}
/*-------------------------------------------------------*/
/* campaign new_year_holidays
/*-------------------------------------------------------*/
.page_wrap--campaign_new_year_holidays .page_inner{
	margin: 0;
	padding: 0;
}
.page_wrap--campaign_new_year_holidays .container{
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	clear: none;
	background: #fff;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.page_wrap--campaign_new_year_holidays .container .main_img_area{
	position: relative;
}
.page_wrap--campaign_new_year_holidays .container .main_img_area .main_img{
	display: block;
	width: 100%;
}
.page_wrap--campaign_new_year_holidays .container .sec{
    padding: 20px 15px 30px;
    padding: 2.0rem 1.5rem 3.0rem;
}

.page_wrap--campaign_new_year_holidays .container .heading_bar h3{
	font-size: 1.8rem;
    color: #fff;
    padding: 1.0rem 0rem 0.8rem;
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width : 320px){
	.page_wrap--campaign_new_year_holidays .container .heading_bar h3{
		font-size: 1.6rem;
	}
	.page_wrap--campaign_new_year_holidays .container .c_pink .fs_22{
		font-size: 1.8rem !important;
	}
	.page_wrap--campaign_new_year_holidays .container .c_pink .fs_20{
		font-size: 1.6rem !important;
	}
}
/* color */
.page_wrap--campaign_new_year_holidays .sec .campaign_desc dl dt{
	color: #004986;
	font-size: 1.8rem;
}
.page_wrap--campaign_new_year_holidays .c_pink{
	color: #e6516f;
}

/*-------------------------------------------------------*/
/* campaign new_year 2020
/*-------------------------------------------------------*/
.wish_list{
	background-image: url(../../images/campaign/new_year/bg.png);
	width: 100vmin;
	height: 100vmin;
	max-width: 41.4rem;
	max-height: 41.4rem;
	margin: 0 auto;
}
.wish_list .ema_title{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 5%;
	padding-top: 9%;
}
@media screen and (max-width: 320px) {
	.wish_list .ema_title{
		padding-top: 6%;
		margin-bottom: 0;
	}
}
.wish_list .ema_title img{
	width: 100%;
}
.wish_list .list-item {
	height: 21rem;
	margin: 0 auto;
	position: relative;
	background: url(../images/campaign/new_year/ema.png) no-repeat center top;
	background-size: 27.9rem 20.4rem;
	-webkit-transform-origin: top center;
	transform-origin: top center;
}
.wish_list .list-item.b_orange .list_txt{
	border-color: #ffc573;
}
.wish_list .list-item.b_yellow .list_txt{
	border-color: #fffd73;
}
.wish_list .list-item.b_green .list_txt{
	border-color: #7bde78;
}
.wish_list .list-item.b_pink .list_txt{
	border-color: #ef91e9;
}
.wish_list .list-item.b_purple .list_txt{
	border-color: #ac8ee8;
}
.wish_list .list-item.b_blue .list_txt{
	border-color: #64cbe9;
}
.wish_list .list_txt {
	width: 22rem;
	height: 8rem;
	background: #fff;
	font-size: 1.1rem;
	margin: 0 auto;
	padding: 0.5rem;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2rem;
	color: #000;
	border: solid 3px #ccc;
	box-sizing: border-box;
}
.wish_list .list_txt p{
	font-size:1.1rem;
	height: 3em;
	text-align: left;
	margin-bottom: 1.5rem;
}
.wish_list .name {
	text-align: right;
}
.wish_list .number {
	position: absolute;
	bottom: 40px;
	left: 40px;
	z-index: 99
}

/* teacher review page - css for translation feature */
.teacher_reviews_wrap .review_list li .list_bottom {
	position: relative;
	padding-bottom: 5rem;
	background-color: #fff;
}
.teacher_reviews_wrap .review_list li .list_bottom .btn-translate {
	display: block;
	background-color: transparent;
	border:none;
	text-align: center;
	color: #00acee;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
	transition: all 0.2s linear;
	position: absolute;
	right: 2rem;
	bottom: 1.5rem;
}
.teacher_reviews_wrap .review_list li .list_bottom .btn-translate i.fa {
	margin-right: 0.7rem;
}
/*-------------------------------------------------------*/
/* campaign valentine2019
/*-------------------------------------------------------*/
.page_wrap--campaign_valentine2019 .heading_bar.heading_bar_valentine{
	background: #69311c;
}
.page_wrap--campaign_valentine2019 .heading_bar.heading_bar_valentine .heading_flag{
	vertical-align: sub;
	margin-right: 10px;
	height: 22px;
	height: 2.2rem;
	width: auto;
}
.page_wrap--campaign_valentine2019 .valentine_teacher_area{
	border: #bebebe 2px solid;
	border-radius: 7px;
	padding: 20px;
	margin-top: 20px;
}
.page_wrap--campaign_valentine2019 .valentine_teacher_area .valentine_teacher_thumb{
	display: flex;
}
.page_wrap--campaign_valentine2019 .valentine_teacher_area .valentine_teacher_thumb figure img{
	width: 80px;
	border: #bebebe 2px solid;
	border-radius: 50%;
}
.page_wrap--campaign_valentine2019 .valentine_teacher_area .valentine_teacher_thumb figcaption{
	margin: auto 0;
}
.page_wrap--campaign_valentine2019 picture img{
	max-width: unset !important;
}
.page_wrap--campaign_valentine2019 .btn_balloon_valentine{
	position: relative;
}
.page_wrap--campaign_valentine2019 .btn_balloon_valentine::before{
	content: '＼';
	position: absolute;
	left: -10px;
	font-size: 4rem;
}
.page_wrap--campaign_valentine2019 .btn_balloon_valentine::after{
	content: '／';
	position: absolute;
	right: -10px;
	font-size: 4rem;
	top: 0;
}
@media screen and (min-width : 767px){
	.page_wrap--campaign_valentine2019 .btn_balloon_valentine::before{
		left: 21%;
	}
	.page_wrap--campaign_valentine2019 .btn_balloon_valentine::after{
		right: 21%;
	}
}
/* callan_campaign */
.page_wrap--campaign_limited_time .sec .campaign_desc.campaign_desc_flow dt .step{
	display: inline-block;
	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.2rem 0 1.1rem;
}
.page_wrap--free-popular_teacher .sec_ttl{
	font-size: 1.8rem;
	font-weight: bold;
}
.page_wrap--free-popular_teacher .sec .campaign_desc + .campaign_desc{
	border: none;
}
.page_wrap--free-popular_teacher .sec{
	padding: 3rem 3rem 4rem;
}
.page_wrap--free-popular_teacher .sec.sec_teachers{
	padding: 3rem 0 6rem;
}
.page_wrap--free-popular_teacher .campaign_period{
}
.page_wrap--free-popular_teacher .sec .campaign_desc .ui_notice_list ul li{
	font-size: 1.4rem;
}
.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; */
}
.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;
	top: -3px;
}
.page_wrap--free-popular_teacher .rating_star .rating_star_value:before{
	width: 1.4rem;
	font-size: 1.4rem;
	color: #e38e36;
	top: -3px;
}
.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: #e38e36;
}
.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;
}
.page_wrap--free-popular_teacher .teacher_list ul li .fav_area a{
	padding: 0;
}
.page_wrap--campaign_limited_time .instagram_hashtags{
	border: 1px solid #da2f74;
	margin: 50px auto;
	text-align: center;
	width: 650px;
	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: '#';
}
/*morning_campaign*/
.page_wrap--campaign_limited_time.page_wrap--campaign_morning .heading_bar{
	background: #ffa436;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_morning .sec .campaign_desc dt{
	color: #ffa436;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_morning .sec .campaign_desc dt .step{
	color: #fff;
	background: #ffa436;
}
/* ---------------------------- */
/* teacher 1 year free campaign */
/* ---------------------------- */
.page_corporate.page_corporate-campaign .notice_area{
	background: #fff;
	padding: 3rem 2rem 0;
}
.page_corporate.page_corporate-campaign .notice_area .notice_box{
	max-width: 500px;
	box-sizing: border-box;
	margin: 0 auto;
	color: #092846;
}
.page_corporate.page_corporate-campaign .notice_area .notice_box h4{
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.page_corporate.page_corporate-campaign .notice_area .notice_box p{
	font-size: 1.6rem;
	line-height: 1.5;
}
.page_corporate.page_corporate-campaign .sec_main .filter_area{
	position: relative
}
.page_corporate.page_corporate-campaign .sec_main .filter_area.project_end{
	background-color: #000;
}
.page_corporate.page_corporate-campaign .sec_main .filter_area.project_end .img_area{
	opacity: 0.3;
}
.page_corporate.page_corporate-campaign .sec_main .filter_area .filter_text_wrap{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: 7rem;
}
.page_corporate.page_corporate-campaign .sec_main .filter_area .filter_text_wrap p{
	color: #fff;
	text-align: center;
	line-height: 1.7;
	font-size: 16px;
	font-size: 1.6rem;
	font-size: 4vw;
}
.page_corporate.page_corporate-campaign .sec_main .filter_area .filter_text_wrap p span{
	font-size: 2.1rem;
	font-size: 5.5vw;
}
.page_corporate.page_corporate-campaign .sec.sec_main .img_area {
	background: url(../images/corporate/project/main.png) no-repeat center;
	background-size: cover;
	position: relative;
	height: 60vw;
	max-height: 22rem;
}
.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl {
	width: 100%;
	max-width: 80%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-40%);
	text-align: center;
}
.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main {
	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 1rem 2rem;
	background-color: #F1890E;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.48);
	position: relative;
}
.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 38px;
	transform: translate(-40%,-50%);
	background: url(../images/corporate/project/banner_cut.png) no-repeat center;
	background-size: cover;
}
.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_sub {
	margin-top: 1.6rem;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
	text-shadow: 1px 1px rgba(0,0,0,0.48);
}
@media screen and (max-width: 400px) {
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 2rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 374px) {
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.8rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 340px) {
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.6rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.4rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main:before {
		width: 80px;
		height: 29px;
	}
}
@media screen and (max-width: 300px) {
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.4rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.2rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_main .img_area .campaign_ttl .ttl_main:before {
		transform: translate(-20%,-50%);
	}
}
.page_corporate.page_corporate-campaign .campaign_desc,
.page_corporate.page_corporate-campaign .sec {
	padding: 0 2rem;
	margin: 0 auto;
}
.page_corporate.page_corporate-campaign .sec.sec_main {
	padding: 0;
	max-width: none;
}
.page_corporate.page_corporate-campaign .sec.sec_desc {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.page_corporate.page_corporate-campaign .campaign_desc .desc_inner {
	padding: 4rem 0;
	margin: 0 auto;
}
.page_corporate.page_corporate-campaign .campaign_desc .desc_inner .sec_ttl {
	display: inline-block;
	color: #fff;
	background-color: #092846;
	font-size: 2rem;
	padding: 1.2rem 3.2rem;
	margin-bottom: 0;
	font-weight: normal;
}
.page_corporate.page_corporate-campaign .campaign_desc .desc_inner .desc_text {
	font-size: 1.6rem;
	line-height: 1.6;
}
.page_corporate.page_corporate-campaign .sec_ttl {
	text-align: center;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 3rem;
	color: #092846;
}
.page_corporate.page_corporate-campaign .content_text {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 2rem;
}
.page_corporate.page_corporate-campaign .content_img {
	font-size: 0;
	margin: 0 auto 2rem;
	border: 1px solid #aaa;
	max-width: 500px;
}
.page_corporate.page_corporate-campaign .content_text .t_big {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 .4rem;
	color: #0c243c;
}
/* teacher 1 year free campaign - section overview */
.page_corporate.page_corporate-campaign .sec.sec_overview {
	padding-bottom: 2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area {
	border: 4px solid #eee;
	position: relative;
	box-sizing: border-box;
	max-width: 500px;
	margin: 3rem auto;
	padding: 2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list {
	padding-left: 5rem;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event {
	font-size: 1.6rem;
	line-height: 1.6;
	position: relative;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event + .event {
	margin-top: 2.5rem;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event:before {
	content: '';
	position: absolute;
	width: 3.6rem;
	height: 3rem;
	top: 0;
	left: -5rem;
	background: url(../images/corporate/project/icon_event_1.png) no-repeat center;
	background-size: contain;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event.event_2:before {
	background: url(../images/corporate/project/icon_event_2.png) no-repeat center;
	background-size: contain;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event.event_3:before {
	background: url(../images/corporate/project/icon_event_3.png) no-repeat center;
	background-size: contain;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event.event_4:before {
	background: url(../images/corporate/project/icon_event_4.png) no-repeat center;
	background-size: contain;
}
.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .event_list .event.event_5:before {
	background: url(../images/corporate/project/icon_event_5.png) no-repeat center;
	background-size: contain;
}
@media screen and (max-width: 340px) {
	.page_corporate.page_corporate-campaign .sec.sec_overview .axis_area .axis_wrap .axis {
		font-size: 1.4rem;
	}
}
.page_corporate.page_corporate-campaign .sec.sec_desc {
	max-width: none;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .sec_inner {
	max-width: 500px;
	margin: 0 auto;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .detail_box {
	border: 4px solid #f1890e;
	background-color: #fff;
	padding: 2rem;
	margin-bottom: 2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .detail_box .detail_list .detail_ttl {
	color: #0c243c;
	padding-left: 3.2rem;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 1rem;
	position: relative;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .detail_box .detail_list .detail_ttl:before {
	content: '';
	position: absolute;
	width: 2.5rem;
	height: 1.5rem;
	background: url(../images/corporate/project/icon_school.png) no-repeat center;
	background-size: contain;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page_corporate.page_corporate-campaign .sec.sec_desc .detail_box .detail_list .detail_text {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 2.4rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box {
	border: 2px solid #f1890e ;
	padding: .3rem;
	margin-bottom: 2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_ttl {
	background-color: #f1890e;
	color: #fff;
	font-size: 2rem;
	padding: 1rem 0;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_content {
	padding: 0 .5rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_content .content_text {
	margin-bottom: 1rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson {
	border-bottom: 2px solid #0c243c;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .instant,
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .reservation {
	font-size: 2rem;
	text-align: center;
	color: #0c243c;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .reservation {
	padding: 4rem 0 4rem;
	position: relative;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .reservation:before {
	content: '\f067';
	color: #0c243c;
	font-family: FontAwesome;
	font-size: 3rem;
	line-height: 3rem;
	position: absolute;
	margin: auto;
	width: 3rem;
	height: 3rem;
	left: 50%;
	top: .5rem;
	transform: translateX(-50%);
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .instant .t_small {
	font-size: 1.4rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .price,
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .award {
	text-align: center;
	font-size: 2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .price {
	color: #0c243c;
	font-size: 1.6rem;
	position: relative;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .price:before {
	content: '';
	border-bottom: 2px solid #0c243c;
	width: 18rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	height: 0;
	transform: rotate(-8deg);
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .price .number {
	font-size: 2.6rem;
	margin: 0 .2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .price .t_small {
	font-size: 1.2rem;
	margin-left: .2rem;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .award {
	text-align: center;
	font-size: 2rem;
	color: #f1890e;
	padding-top: 9rem;
	position: relative;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .award .t_small {
	font-size: 1.4rem;
	font-weight: normal;
}
.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_price .award:before {
	content: '';
	position: absolute;
	width: 1.8rem;
	height: 5rem;
	background: url(../images/corporate/project/arrow_down.png) no-repeat center;
	background-size: contain;
	left: 50%;
	top: 1.8rem;
	transform: translateX(-50%);
}
.page_corporate.page_corporate-campaign .sec.sec_desc .note_list {
	background-color: #eee;
	padding: 2rem;
}
@media screen and (max-width: 370px) {
	.page_corporate.page_corporate-campaign .sec.sec_desc .detail_box {
		padding: 2rem 1rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_desc .detail_box .detail_list .detail_ttl {
		font-size: 1.6rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_ttl {
		font-size: 1.6rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .instant,
	.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .reservation {
		font-size: 1.7rem;
	}
	.page_corporate.page_corporate-campaign .sec.sec_desc .premium_box .premium_lesson .reservation:before {
		content: '\f067';
		color: #0c243c;
		font-family: FontAwesome;
		font-size: 2.5rem;
		line-height: 2.5rem;
		position: absolute;
		margin: auto;
		width: 2.5rem;
		height: 2.5rem;
		left: 50%;
		top: 0.7rem;
		transform: translateX(-50%);
	}
}
/* sec_testimonials */
.page_school.page_corporate-campaign .sec_testimonials{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.page_school.page_corporate-campaign .sec_testimonials .testimonials_wrap{
	margin-bottom: 4rem;
}
.page_school.page_corporate-project .teacher_voice_list .item {
	padding: 4rem 2rem;
	box-sizing: border-box;
	border: 4px solid #eee;
}
.page_school.page_corporate-project .teacher_voice_list .item + .item {
	margin-top: 50px;
}
.page_school.page_corporate-project .teacher_voice_list .item .item_header {

}
.page_school.page_corporate-project .teacher_voice_list .item .item_header .avatar {
	width: 10rem;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.page_school.page_corporate-project .teacher_voice_list .item .item_header .avatar img {
	width: 100%;
}
.page_school.page_corporate-project .teacher_voice_list .item .item_header .info {
	text-align: center;
}
.page_school.page_corporate-project .teacher_voice_list .item .item_header .info p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 0;
}
.page_school.page_corporate-project .teacher_voice_list .item .answer_list {
	padding-top: 4rem;
}
.page_school.page_corporate-project .teacher_voice_list .item .answer_list .quest {
	font-size: 1.8rem;
	line-height: 1.6;
	color: #f1890e;
	padding-left: 2.6rem;
	position: relative;
}
.page_school.page_corporate-project .teacher_voice_list .item .answer_list .quest:before {
	content: 'ー';
	position: absolute;
	left: 0;
}
.page_school.page_corporate-project .teacher_voice_list .item .answer_list .answer + .quest {
	margin-top: 3rem;
}
.page_school.page_corporate-project .teacher_voice_list .item .answer_list .answer {
	margin-top: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.6;
	padding-left: 2.6rem;
}
/* sec_reasons */
.page_corporate.page_corporate-campaign .reasons_inner .d_table .d_cell {
	padding: 0;
}
.page_corporate.page_corporate-campaign .reasons_inner {
	padding-top: 0;
	margin-bottom: 4rem;
}
.page_corporate.page_corporate-campaign .reasons_inner .reason_box-ttl {
	height: auto;
}
.page_corporate.page_corporate-campaign .reasons_inner .reason_ttl_2 {
	line-height: 1.4;
}
.page_corporate.page_corporate-campaign .reasons_inner .reason_box {
	padding: 5rem 2rem;
}
.page_corporate.page_corporate-campaign .btn_wrap_bottom {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
/*------------------------------------*/
/* page teacher voice
/*------------------------------------*/
.page_corporate.page_teacher_voice .sec_main .img_area {
	background: none;
	background-image: url(../images/corporate/voice/main.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.page_corporate.page_teacher_voice .sec_desc {
	padding: 5rem 2rem;
}
.page_corporate.page_teacher_voice .sec_desc .text {
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.6;
}
.page_corporate.page_teacher_voice .sec_desc .text + .text {
	margin-top: 2rem;
}
.page_corporate.page_teacher_voice .teacher_voice_list {
	padding: 0 2rem;
}
.page_corporate .teacher_voice_list .item {
	padding: 4rem 2rem;
	box-sizing: border-box;
}
.page_corporate .teacher_voice_list .item + .item {
	margin-top: 50px;
}
.page_corporate .teacher_voice_list .item .item_header {

}
.page_corporate .teacher_voice_list .item .item_header .avatar {
	width: 10rem;
	margin: 0 auto;
	margin-bottom: 1rem;
}
.page_corporate .teacher_voice_list .item .item_header .avatar img {
	width: 100%;
}
.page_corporate .teacher_voice_list .item .item_header .info {
	text-align: center;
}
.page_corporate .teacher_voice_list .item .item_header .info p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	margin: 0;
}
.page_corporate .teacher_voice_list .item .answer_list {
	padding-top: 4rem;
}
.page_corporate .teacher_voice_list .item .answer_list .quest {
	font-size: 1.8rem;
	line-height: 1.6;
	color: #f1890e;
	padding-left: 2.6rem;
	position: relative;
}
.page_corporate .teacher_voice_list .item .answer_list .quest:before {
	content: 'ー';
	position: absolute;
	left: 0;
}
.page_corporate .teacher_voice_list .item .answer_list .answer + .quest {
	margin-top: 3rem;
}
.page_corporate .teacher_voice_list .item .answer_list .answer {
	margin-top: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.6;
	padding-left: 2.6rem;
}

/*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;
}
.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;
}

/*4th_anniv*/
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .heading_bar.bg_orange{
	background: #f1890e;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .sec .campaign_desc dt{
	color: #f1890e;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .sec .campaign_desc dt .step{
	color: #fff;
	background: #f1890e;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv picture{
	display: block;
	text-align: center;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv picture img{
	width: 100%;
	max-width: 500px;
}
@media screen and (max-width: 320px) {
	.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .btn_wrap .btn_style.style_campaign{
		padding: 1.5rem 1rem;
		font-size: 1.5rem;
	}
}
/*4th_anniv-twitter*/
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .heading_bar.heading_bar_twitter{
	background: #50abf1;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .sec .campaign_desc dt.desc_twitter{
	color: #50abf1;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .sec .campaign_desc dt.desc_twitter .step{
	background: #50abf1;
}
/*4th_anniv-facebook*/
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .heading_bar.heading_bar_facebook{
	background: #3b5998;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .sec .campaign_desc dt.desc_facebook{
	color: #3b5998;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_4th_anniv .sec .campaign_desc dt.desc_facebook .step{
	background: #3b5998;
}

/*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;
}
.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;
}
/*campaign_fourth_anniv_4*/
.page_wrap--campaign_4th_anniv .certif_lesson_wrap{
	background: #fff;
	max-width: 500px;
	margin: auto;
}
.page_wrap--campaign_4th_anniv .certif_lesson_wrap .certif_main{
	padding: 1.6rem 2.5rem 1rem 1.5rem;
}
.page_wrap--campaign_4th_anniv .data_wrap + .data_wrap{
	margin-top: 0.2rem;
}
.page_wrap--campaign_4th_anniv .data_wrap.data_wrap-time{
	margin-top: 0.6rem;
}
.page_wrap--campaign_4th_anniv .data_wrap dl{
	display: table;
	width: 100%;
	table-layout: fixed;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dt,
.page_wrap--campaign_4th_anniv .data_wrap dl dd{
	display: table-cell;
	vertical-align: middle;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dt{
	width: 24%;
	text-align: right;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dt img{
    padding-right: 1.7rem;
    box-sizing: border-box;
	width: 90%;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dt img.img-tb{
	padding-top: 0.9rem;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dt img.img-runner{
	    padding: 0 1.4rem 0 0.3rem;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd{
	width: auto;
	color: #092846;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .txt_wrap{
	border-bottom: 1px #092846 solid;
	position: relative;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .txt_wrap p + p{
	margin-top: 0;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-ttl{
	float: left;
	font-size: 1rem;
	padding-left: 1px;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-date,
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-tb,
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-time{
	text-align: right;
	line-height: 1;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-date{
	font-size: 2.5rem;
}
.page_wrap--campaign_4th_anniv .data_wrap-time dl dd .data-ttl{
	position: absolute;
	bottom: 0.4rem;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-tb .category{
	font-size: 2rem;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 14rem;
	display: inline-block;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-tb .detail{
	font-size: 1.2rem;
	line-height: 1.5;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-time{
	font-size: 3rem;
}
.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-time .lesson_time{
	font-size: 4.2rem;
	padding-right: 1rem;
}
@media screen and (max-width: 320px) {
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-date {
		font-size: 2rem;
	}
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-time .lesson_time{
		font-size: 3.2rem;
	}
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-time{
		font-size: 2rem;
	}
	.page_wrap--campaign_4th_anniv .data_wrap + .data_wrap{
		margin-top: 0.5rem;
	}
	.page_wrap--campaign_4th_anniv .data_wrap.data_wrap-time{
		margin-top: 0.8rem;
	}
}
@media screen and (min-width: 400px) {
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-ttl{
		font-size: 1.4rem;
	}
}
@media screen and (min-width: 500px) {
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-ttl{
		font-size: 1.6rem;
	}
}
@media screen and (min-width: 768px) {
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-ttl{
		font-size: 1rem;
	}
}
@media screen and (min-width: 1024px) {
	.page_wrap--campaign_4th_anniv .data_wrap dl dd .data-time .lesson_time{
		font-size: 3.8rem;
		padding-right: 0.6rem;
	}
}
.page_wrap--campaign_4th_anniv .sec_sns_post .campaign_desc .desc_ttl{
	text-indent: -1em;
	padding-left: 1em;
	font-weight: bold;
}
.page_wrap--campaign_4th_anniv .certif_lesson_wrap img{
	width: 100%
}

/*--------------------------------------------------------*/
/* campaign_toeictest
/*--------------------------------------------------------*/
.page_wrap--campaign_toeictest .heading_bar{
	background-color: #002077;
}
.page_wrap--campaign_toeictest .campaign_desc.campaign_desc_flow dt{
	color: #002077 !important;
}
.page_wrap--campaign_toeictest .campaign_desc.campaign_desc_flow dt .step{
	background: #002077 !important;
}
.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;
}

/*--------------------------------------------------------*/
/* campaign_instaphoto
/*--------------------------------------------------------*/
.page_wrap .insta_photoes{
	margin: 0 auto;
}
.page_wrap .insta_photoes .insta_photoes_item a{
	display: flex;
	color: unset;
}
.page_wrap .insta_photoes .insta_photoes_item + .insta_photoes_item{
	margin-top: 2rem;
}
.page_wrap .insta_photoes .insta_photoes_item:hover{
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-ms-filter: 'alpha( opacity=60 )';
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
.page_wrap .insta_photoes .insta_photoes_item:hover img{
	-webkit-transition: unset;
	transition: unset;
	filter: unset;
	opacity: unset;
}
.page_wrap .insta_photoes .insta_photoes_item .insta_photoes_date{
	font-size: 1.3rem;
	color: #999999;
}
.page_wrap .insta_photoes .insta_photoes_item .insta_photoes_place{
	font-size: 1.3rem;
	color: #999999;
	margin-top: 1.4rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.page_wrap .insta_photoes .insta_photoes_item .insta_photoes_detail{
	font-size: 1.3rem;
	margin-top: 1.5rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.page_wrap .insta_photoes .insta_photoes_item figure{
	margin-right: 20px;
}
.page_wrap .insta_photoes .insta_photoes_item figure img{
	width: 12rem;
	height: 12rem;
	object-fit: cover;
}
.page_wrap .insta_photoes .insta_photoes_item .insta_photoes_detail{
	word-break: break-word;
}
.stamp_rally .cource .cource-item .lesson_box .box_body.goal.on::before{
	background-image: url(../../images/campaign/coin_stamp/finish.png);
	width: 9rem;
}
/*campaign_instaphoto new*/
.page_wrap .insta_photoes_theme{
	margin: 0 auto;
	width: 100%;
	max-width: 50rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.page_wrap .insta_photoes_theme .insta_photoes_theme_item{
	margin: 0 1rem 2rem;
}
.page_wrap .insta_photoes_theme .insta_photoes_theme_item + .insta_photoes_theme_item{
	/*margin: 0 1rem 2rem;*/
}
.page_wrap .insta_photoes_theme .insta_photoes_theme_item figure img{
	width: 12rem;
	height: 12rem;
	object-fit: cover;
}
/*--------------------------------------------------------*/
/* campaign_halloween
/*--------------------------------------------------------*/
.page_wrap--campaign_halloween {
	font-family: Noto Sans JP;
}
.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.95rem 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: 0.5rem;
	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;
	display: none;
}
.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 .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 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 .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 .flow_mechanics_wrap{
    display: flex;
    align-items: normal;
    justify-content: center;
    margin: 3rem;
}
.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: 23%;
}
.page_wrap--campaign_halloween .sec .flow_mechanics_wrap .flow_box .flow_inner{
	border: 1px #FFC581 solid;
    background: #FFF5E9;
    padding: 1.3rem;
    padding-top: 3rem;
    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;
}
.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;
	padding: 0.8rem;
	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{
	text-align: center;
	flex: 1;
	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 .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 .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.6rem;
    font-weight: bold;
    width: 26rem;
}
.page_wrap--campaign_halloween .detail .hashtag .tag_list .list-item + .list-item{
    margin-top: 1.2rem;
}
.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 .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;
}
/*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;
}
.modal_window .btn_close.halloween{
	background: none;
	top: -22px;
	right: -28px;
}
.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;
}
.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;
	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: 15px;
	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_vote*/
.page_wrap--campaign_halloween_vote .halloween_vote{
	padding: 3rem 2rem;
	margin: 0;
	border: 0;
    box-shadow: none;
}
.page_wrap--campaign_halloween_vote .sec p.t_color-red{
    color: #ED1212;
}
.page_wrap--campaign_halloween_vote .halloween_vote .ranking{
	border: 0px;
	margin-bottom: 2rem;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .rank_box{
	padding: 1.5rem 4.4rem;
	background: #FFFFFF;
	border-radius: 15px;
	box-shadow: 0px 0px 5px #00000029;
	max-width: 30rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0.6rem auto;
	transition: all 0.2s linear;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .rank_box:hover
,.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .rank_box.active{
	background-color: #FFE4B9;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .rank_box a:hover img{
	opacity: 1;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking  .ranking_list .rank_box:nth-child(even) .list-item{
	color: #fff;
	background: #0A0404;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result{
	padding: 0;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .page_header{
	margin-bottom: 3rem;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .page_header .page_ttl{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2.4rem;
	border-bottom: solid #F9A31C 2px;
	padding: 1rem;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .page_header .page_desc{
	font-size: 1.8rem;
	padding: 2rem;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking{
	padding:0 1.4rem;
}
.page_wrap--campaign_halloween_vote .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_vote .sec.halloween_result .ranking .ranking_list .list-item{
	border: solid 2px #F9A31C;
	padding: 1.8rem;
	border-radius: 1rem;
	margin-bottom: 1rem;
	box-sizing: border-box;
	position: relative;
}

.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item:nth-child(even){
	color: #fff;
	background: #0A0404;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .ribbon{
	position: absolute;
	top: 0;
	right: 0;
	max-width: 6.8rem;
	max-height: 6.7rem;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .ribbon > img{
	width: 100%;
}
.page_wrap--campaign_halloween_vote .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_vote .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: 1rem 1.3rem;
	border-radius: 50%;
	border: solid 2px #F9A31C;
	background: #fff;
	color: #555555;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank.first{
	background: #e6b422;
	color: #fff;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank.second{
	background: #C0C0C0;
	color: #fff;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .teacher .rank.third{
	background: #C47022;
	color: #fff;
}
.page_wrap--campaign_halloween_vote .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_vote .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_vote .sec.halloween_result .ranking .ranking_list .list-item .teacher .profile{
	/* padding-left: 2rem; */
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .teacher .profile .name{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	width: 15rem;
}
.page_wrap--campaign_halloween_vote .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_vote .sec.halloween_result .ranking .ranking_list .list-item .post .comment{
	font-size: 1.4rem;
    margin-bottom: 2rem;
    width: 100%;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .post .comment p + p{
	margin-top: 1em;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .ranking .ranking_list .list-item .post .image{
    flex-shrink: 0;
    border: solid 2px #F9A31C;
}
.page_wrap--campaign_halloween_vote .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_vote .sec.halloween_result .ranking  .ranking_list .rank_box .rank_vote_radio{
	margin-bottom: 0.5rem;
}

.page_wrap--campaign_halloween_vote .sec.halloween_result .halloween_message{
	margin: 10rem 0;
}
.page_wrap--campaign_halloween_vote .sec.halloween_result .halloween_redirect{
	position: absolute;
	bottom: 3rem;
	left: 3rem;
	text-decoration: underline;
	color: #0FACEE;
}

.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 {
	text-indent: -1em;
    padding-left: 1em;
	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 .bottom-cont .daily_news_data_list_2 li {
	width: 100%;
}

/* ---------------------------- */
/* corporate project global     */
/* ---------------------------- */

.page_corporate-project-global .btn_style.btn_orange{
	border-radius: 50px;
	background: #f1890e;
	font-size: 1.6rem;
	height: 6.4rem;
	line-height: 6.4rem;
	width: 27.6rem;
}

.page_corporate-project-global .content_button{
	margin-bottom: 25px;
	text-align: center;
}

.page_corporate-project-global .btn_style.btn_orange .arrow-right:before{
	content: "\f054";
	padding-left: 1.6rem;
	font-family: FontAwesome;
	font-size: 1.6rem;
	font-weight: normal;
	position: absolute;
}

.page_corporate.page_corporate-project-global .sec_main .filter_area .filter_text_wrap p{
	color: #fff;
	text-align: center;
	line-height: 1.7;
	font-size: 16px;
	font-size: 1.6rem;
	font-size: 4vw;
}
.page_corporate.page_corporate-project-global .sec_main .filter_area .filter_text_wrap p span{
	font-size: 2.1rem;
	font-size: 5.5vw;
}
.page_corporate.page_corporate-project-global .sec.sec_main .img_area {
	background: url(../images/corporate/project/04.png) no-repeat center;
	background-size: cover;
	position: relative;
	height: 60vw;
	max-height: 22rem;
}
.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl {
	width: 100%;
	max-width: 80%;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-40%);
	text-align: center;
}
.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main {
	display: inline-block;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 1rem 2rem;
	position: relative;
	text-shadow: 3px 3px 5px #092846CC;
}

.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_sub {
	margin-top: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.4;
	text-shadow: 1px 1px rgba(0,0,0,0.48);
}

@media screen and (max-width: 400px) {
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.7rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 374px) {
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.7rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 340px) {
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.5rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.3rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main:before {
		width: 80px;
		height: 29px;
	}
}
@media screen and (max-width: 300px) {
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main {
		font-size: 1.4rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_sub {
		font-size: 1.2rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_main .img_area .campaign_ttl .ttl_main:before {
		transform: translate(-20%,-50%);
	}
}

.page_corporate.page_corporate-project-global .campaign_desc{
	padding: 0 2rem;
	margin: 0 auto;
	background: #fff;
}
.page_corporate.page_corporate-project-global .sec {
	padding: 0;
	margin: 0 auto;
}
.page_corporate.page_corporate-project-global .sec.sec_main {
	padding: 0;
	max-width: none;
}

.page_corporate.page_corporate-project-global .campaign_desc .desc_inner {
	padding: 4rem 0;
	margin: 0 auto;
}
.page_corporate.page_corporate-project-global .campaign_desc .desc_inner .sec_ttl {
	display: inline-block;
	color: #fff;
	background-color: #092846;
	font-size: 2.4rem;
	padding: 1.2rem 3.2rem;
	font-weight: normal;
}

.page_corporate.page_corporate-project-global .campaign_desc .desc_inner .desc_text {
	font-size: 1.6rem;
	line-height: 1.6;
}
.page_corporate.page_corporate-project-global .sec_ttl {
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.4;
	font-weight: bold;
	margin: 0 2rem 1.8rem;
	color: #373737;
}

.page_corporate.page_corporate-project-global .content_text {
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 20px;
	margin-bottom: 2rem;
}
.page_corporate.page_corporate-project-global .content_img {
	font-size: 0;
	margin: 0 auto 2rem;
	border: 1px solid #aaa;
	max-width: 500px;
}

@media screen and (max-width: 414px) {
	.page_corporate.page_corporate-project-global .content_img {
		max-width: 380px;
	}
}

@media screen and (max-width: 375px) {
	.page_corporate.page_corporate-project-global .content_img {
		max-width: 350px;
	}
}

@media screen and (max-width: 320px) {
	.page_corporate.page_corporate-project-global .content_img {
		max-width: 300px;
	}
}


@media screen and (max-width: 300px) {
	.page_corporate.page_corporate-project-global .content_img {
		max-width: 280px;
	}
}

.page_corporate-project-global .sec_overview .content{
	margin: 0 auto;
}

.page_corporate-project-global .sec_overview .content .green_container{
	display: flex;
	text-align: center;
	margin: 0 auto;
	width: 531px;
}

.page_corporate-project-global .sec_overview .content .green_container .green_circle{
	background-color: #03C9A9;
	border-radius: 50%;
	margin: 20px auto 24px;
	width: 160px;
	height: 160px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1.8rem;
}
.page_corporate-project-global .sec_overview .content .green_container .green_circle span{
	height: 160px;
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
}
.page_corporate-project-global .sec_overview .content .green_container .green_circle p{
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
}


@media screen and (max-width: 414px) {
	.page_corporate-project-global .sec_overview .content .green_container{
		width: 350px;
	}
	.page_corporate-project-global .sec_overview .content .green_container .green_circle{
		width: 110px;
		height: 110px;
	}
	.page_corporate-project-global .sec_overview .content .green_container .green_circle span{
		height: 110px;
	}
}

@media screen and (max-width: 340px) {
	.page_corporate-project-global .sec_overview .content .green_container{
		width: 300px;
	}
	.page_corporate-project-global .sec_overview .content .green_container .green_circle{
		width: 95px;
		height: 95px;
	}
	.page_corporate-project-global .sec_overview .content .green_container .green_circle span{
		height: 95px;
	}
}
@media screen and (max-width: 300px) {
	.page_corporate-project-global .sec_overview .content .green_container{
		width: 350px;
	}
	.page_corporate-project-global .sec_overview .content .green_container .green_circle{
		width: 110px;
		height: 110px;
	}
	.page_corporate-project-global .sec_overview .content .green_container .green_circle span{
		height: 110px;
	}
}


.page_corporate.page_corporate-project-global .sec.sec_overview {
	padding-bottom: 2rem;
}

.page_corporate.page_corporate-project-global .sec.sec_desc {
	max-width: none;
	background-color: #EEEEEE;
	padding: 50px 0;
	margin-bottom: 20px;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .sec_inner {
	max-width: 500px;
	margin: 0 auto;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .detail_box {
	border: 4px solid #f1890e;
	background-color: #fff;
	padding: 2rem;
	margin: 0 20px;
	margin-bottom: 4rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .detail_box .detail_list .detail_ttl {
	color: #373737;
	padding-left: 3.2rem;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	margin-bottom: 1rem;
	position: relative;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .detail_box .detail_list .detail_ttl:before {
	content: '';
	position: absolute;
	width: 2.5rem;
	height: 1.5rem;
	background: url(../images/corporate/project/worldwide.svg) no-repeat center;
	background-size: contain;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page_corporate.page_corporate-project-global .sec.sec_desc .detail_box .detail_list .detail_text {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 2.4rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box {
	border: 2px solid #f1890e ;
	margin: 5px;
	margin-bottom: 2rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_ttl {
	background-color: #f1890e;
	color: #fff;
	font-size: 2rem;
	padding: 1rem 0;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_content {
	padding: 0 .5rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_content .content_text {
	margin-bottom: 1rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson {
	border-bottom: 2px solid #0c243c;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .instant,
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .reservation {
	font-size: 2rem;
	text-align: center;
	color: #373737;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .reservation {
	padding: 4rem 0 4rem;
	position: relative;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .reservation:before {
	content: '\f067';
	color: #373737;
	font-family: FontAwesome;
	font-size: 3rem;
	line-height: 3rem;
	position: absolute;
	margin: auto;
	width: 3rem;
	height: 3rem;
	left: 50%;
	top: .5rem;
	transform: translateX(-50%);
}

.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .instant .t_small {
	font-size: 1.4rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .price {
	text-align: center;
	color: #373737;
	font-size: 1.6rem;
	position: relative;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .price:before {
	content: '';
	border-bottom: 2px solid #0c243c;
	width: 18rem;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	height: 0;
	transform: rotate(-8deg);
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .price .number {
	font-size: 2.6rem;
	font-weight: bold;
	margin: 0 .2rem;

}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .price .t_small {
	font-size: 1.2rem;
	margin-left: .2rem;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .award {
	text-align: center;
	font-size: 2rem;
	color: #f1890e;
	padding-top: 9rem;
	position: relative;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .award .t_small {
	font-size: 1.4rem;
	font-weight: normal;
}
.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .award:before {
	content: '';
	position: absolute;
	width: 1.8rem;
	height: 5rem;
	background: url(../images/corporate/project/arrow_down.png) no-repeat center;
	background-size: contain;
	left: 50%;
	top: 1.8rem;
	transform: translateX(-50%);
}

.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_price .award .inner_plus:before {
	content: '\f067';
	color: #373737;
	font-family: FontAwesome;
	font-size: 2.5rem;
	line-height: 2.5rem;
	margin: auto;
	width: 2.5rem;
	height: 2.5rem;
	left: 50%;
	top: 0.7rem;
	transform: translateX(-50%);
}


.page_corporate.page_corporate-project-global .sec.sec_desc .note_list {
	background-color: #eee;
	padding: 2rem;
}

@media screen and (max-width: 370px) {
	.page_corporate.page_corporate-project-global .sec.sec_desc .detail_box {
		padding: 2rem 1rem;

	}
	.page_corporate.page_corporate-project-global .sec.sec_desc .detail_box .detail_list .detail_ttl {
		font-size: 1.6rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_ttl {
		font-size: 1.6rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .instant,
	.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .reservation {
		font-size: 1.7rem;
	}
	.page_corporate.page_corporate-project-global .sec.sec_desc .premium_box .premium_lesson .reservation:before {
		content: '\f067';
		color: #373737;
		font-family: FontAwesome;
		font-size: 2.5rem;
		line-height: 2.5rem;
		position: absolute;
		margin: auto;
		width: 2.5rem;
		height: 2.5rem;
		left: 50%;
		top: 0.7rem;
		transform: translateX(-50%);
	}
}

.page_corporate-project-global .sec .sec_note .ui_notice_list{
	background: #eee;
	padding: 10px;
	box-sizing: border-box;
	line-height: 15px;
	margin: 5rem 10px;
}

/* existing_coin*/
.point_purchase_wrap .existing_coin{
	text-align: center;
}
.point_purchase_wrap .existing_coin .existing_coin_ttl{
	display: inline-block;
	padding-bottom: .5rem;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 2rem;
}
.point_purchase_wrap .existing_coin .existing_coin_ttl em{
	display: inline-block;
	color: #16a8b5;
	font-size: 2rem;
	font-weight: bold;
	padding-left: 2rem;
}
.point_purchase_wrap .existing_coin .expiration_btn{
	display: block;
	margin: 0 auto;
	width: 250px;
	line-height: 32px;
	border: 2px solid #00ACEE;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	margin-top: 20px;
}
.point_purchase_wrap .existing_coin .expiration_btn:hover{
	color: #fff;
	background: #00ACEE;
}
.point_purchase_wrap .existing_coin .expiration_btn .expiration_text{
	color: #00ACEE;
	display: block;
}
.point_purchase_wrap .existing_coin .expiration_btn .expiration_text:hover{
	color: #FFF;
	display: block;
}
/*--------------------------------------------------------*/
/* 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%;
	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: 0.4rem;
	color: #0e6a33;
}
@media screen and (min-width : 768px){
	.page_wrap--campaign_christmas .container .christmas_card{
		width: 726px;
		height: 500px;
		padding-top: 0;
	}
}
@media screen and (max-width : 414px){
	.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;
}
/*--------------------------------------------------------*/
/* 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%;
	}
}
/* --------------------------------------- */
/* 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 .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_home_study .dl_list{
	/*padding: 0 3.5rem;*/
	margin-bottom: 2rem;
}
.page_wrap--campaign_home_study .download_flex_box {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.page_wrap--campaign_home_study .download_flex_box .flex_item {
	width: 33.33%;
	margin: 1rem;
	padding-left: 0;
}
.page_wrap--campaign_home_study .download_flex_box a {
	display: block;
	width: 95%;
	font-size: 0;
	margin: 0 auto;
}
@media screen and (max-width:500px) {
	.page_wrap--campaign_home_study .download_flex_box .flex_item {
		width: 50%;
		padding-left: 0;
	}
}
.page_wrap--campaign_home_study img{
	display: block;
	width: 100%;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_home_study .sec .campaign_desc.campaign_desc_flow dd + dt::before {
	content: none;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_home_study .sec .campaign_desc dt{
	margin-bottom: 0.5rem;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_home_study .sec .campaign_desc dd{
	margin-bottom: 2rem;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_home_study .sec .campaign_desc .ui_notice_list{
	margin-top: 0;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_home_study .sec .campaign_desc .notice_box.box_style_1.listmark_1 {
	border-radius: 0;
	border: none;
	background: #f5f5f5;
}
.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_cancelled_exam_relief */
.page_campaign_cancelled_exam_relief .sec .campaign_desc .notice_box {
	border-radius: 0;
	border: none;
}
.page_campaign_cancelled_exam_relief .sec .campaign_desc .notice_box > ul > li {
	font-size: 1.4rem;
}
.page_campaign_cancelled_exam_relief .sec .campaign_desc + .campaign_desc{
	border-top: none;
}
.page_campaign_cancelled_exam_relief .discount_code_wrap{
	border: 3px solid #004986;
}
.page_campaign_cancelled_exam_relief .discount_code_wrap .discount_code_ttl{
	color: #004986;
}
.dialog_exam_list .modal_ttl{
	color: #004986;
}
.dialog_exam_list .table_wrap + .table_wrap {
	margin-top: 3rem;
}
.dialog_exam_list .table_wrap h4{
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: #004986;
	font-weight: bold;
}
.dialog_exam_list table{
	width: 100%;
	table-layout: fixed;
}
.dialog_exam_list table th,
.dialog_exam_list table td{
	border: solid 1px #ccc;
	padding: 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	text-align: left;
}
.dialog_exam_list table tr th{
	font-weight: bold;
}
.dialog_exam_list table tr:first-child th{
	background: #004986;
	color: #FFF;
	text-align: center;
}
.dialog_exam_entry .modal_ttl{
	color: #004986;
}
.dialog_exam_entry .select_exam_wrap{
	margin: 3rem auto;
}
.dialog_exam_entry .d_flex{
	align-items: center;
}
.dialog_exam_entry .form_wrap + .form_wrap{
	margin-top: 1.5rem;
}
.dialog_exam_entry .form_ttl{
	font-size: 1.6rem;
	margin: 0 0 0.5rem;
}
.dialog_exam_entry .form_content select,
.dialog_exam_entry .form_content input{
	width: 100%;
	box-sizing: border-box;
}

/*page_wrap--campaign_homestudy_migration*/
.page_wrap--campaign_homestudy_migration .inner_container{
	border: solid 2px #195fd6;
	border-radius: 10px;
	padding: 1.5rem;
	margin: 0 1.5rem 1.5rem;
}
.page_wrap--campaign_homestudy_migration .top_heading{
	background: #195fd6;
	position: relative;
	padding: 1rem;
	border-radius: 10px;
	width: fit-content;
	margin: auto;
	top: 23px;
}
.page_wrap--campaign_homestudy_migration .top_heading p{
	font-size: 1.4rem;
	text-align: center;
	color: #fff;
}
.page_wrap--campaign_homestudy_migration .heading{
	border-left: solid 0.5rem #195fd6;
	font-weight: bold;
	padding: 1rem;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/*---------------------------------*/
/* page_credit
/*---------------------------------*/
.payment_wrap .sec_payment{
	padding: 1rem;
}
.payment_wrap .sec_payment .box_inner{
	background: #FFFFFF;
	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;
}
/* 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;
}
/* payment btn_border */
.payment_wrap .btn_wrap .btn_border input[type='radio'] + label.custom_radio{
	display: block;
	padding: 1.5rem 1.5rem 1.5rem 4.5rem;
}
.payment_wrap .btn_wrap .btn_border input[type='radio'] + label.custom_radio:before{
	top: 2.2rem;
	left: 1.8rem;
}
.payment_wrap .btn_wrap .btn_border input[type='radio'] + label.custom_radio:after{
	top: 2.2rem;
	left: 2.1rem;
}
.payment_wrap .btn_wrap .btn_border.arrow_none{
	display: block;
	height: 100%;
	line-height: 1;
	padding: 0;
	border-radius: 5px;
}
.payment_wrap .btn_wrap .btn_border.arrow_none .card_info{
	display: block;
	line-height: 1;
	padding: 1rem 0 0 0;
}
.payment_wrap .btn_wrap .btn_border.arrow_none .credit_brand{
	width: 2.5rem;
}
@media screen and (min-width: 47rem){
	.payment_wrap .btn_wrap .btn_border.arrow_none .card_info{
		display: inline;
		vertical-align: top;
		float: right;
		padding: 0 0.5rem 0 0;
	}
}
/* payment credit charge */
.payment_wrap--credit_charge .btn_wrap .btn_border{
	text-align: left;
}
.payment_wrap--credit_charge .btn_wrap .btn_border + .btn_border{
	margin-top: 1.5rem;
}
.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:before{
	top: 2.2rem;
	left: 1.8rem;
}
.payment_wrap--credit_charge .btn_wrap .btn_border input[type='radio'] + label.custom_radio:after{
	top: 2.2rem;
	left: 2.1rem;
}
.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;
	}
}
/*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;
}
/* fifth anniv invite_friends */
.page_wrap--campaign_fifth_anniv .sec_invite_friends .desc_box{
	border: 2px solid #004986;
	padding: 1.5rem;
	max-width: 40rem;
	margin: 0 auto;
	border-radius: 20px;
}
.page_wrap--campaign_fifth_anniv .sec_invite_friends .desc_box .desc_box_heading{
	background: #004986;
	color: #fff;
	padding: 10px 40px;
	border-radius: 20px;
	line-height: 1;
	display: inline-block;
}
/*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;
}
/*c_navy*/
.page_wrap--campaign_limited_time .c_navy { color: #004986 !important; }
/*fifth_anniv_3*/
.page_wrap--campaign_fifth_anniv.page_wrap--free-popular_teacher  .user_list_style_2 .user_list_item.closed {
	background: #eeeeee;
}
.page_wrap--campaign_fifth_anniv.page_wrap--free-popular_teacher  .user_list_style_2 .user_list_item.closed .user_list_item_inner{
	position: relative;
}
.page_wrap--campaign_4th_anniv .certif_lesson_wrap img{
	width: 100%
}

/*--------------------------------------------------------*/
/* 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 .campaign_end{
    font-size: 1.4rem;
    padding: 1.4rem;
    background: #fff8f9;
    border: solid 2px #ffd6d6;
    border-radius: 5px;
    margin-bottom: 3rem;
}
.page_wrap--campaign_fifth_anniv.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;
}
.page_wrap--campaign_fifth_anniv.page_wrap--free-popular_teacher  .user_list_style_2 .user_list_item.closed .closed_area .closed_txt{
	font-size: 1.2rem;
}

/*---------------------------------*/
/* page_monthly
/*---------------------------------*/
.page_monthly .main{
	background: #001653;
}
.page_monthly .content{
	font-size: 16px;
	font-size: 1.6rem;
}
.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: #EFF3FF;
	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: #101c53 !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: #707070;
}
.page_monthly .content .rc_monthly dd img{
	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: #EFF3FF;
	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;
}
.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: #EFF3FF;
	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;
}

/*-------------------------------------------------------*/
/* campaign_new_year 2021
/*-------------------------------------------------------*/
/* 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: 0;
}
.page_wrap--campaign_new_year .campaign_heading{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 95%;
	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;
	margin: 0 auto;
	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: 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;
}
/*-------------------------------------------------------*/
/* campaign teddy
/*-------------------------------------------------------*/
.page_wrap--campaign_teddy .hashtag_area{
	border: 1px solid #000;
	padding: 2rem;
	margin-bottom: 2rem;
}
.page_wrap--campaign_teddy .hashtag_area .btn{
	text-align: center;
}
.page_wrap--campaign_teddy .hashtag_area .btn .func_copy{
	display: inline-block;
	background: #f1890e;
}
/*-------------------------------------------------------*/
/* saved_search_conditions
/*-------------------------------------------------------*/
.page_saved_search_conditions .conditions_list_wrap{
	padding: 3rem 2rem;
}
.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;
}
/* studysapuri conversation */
.page_studysapri_conversation .page_ttl_wrap{
	background: #E69137;
}
.page_studysapri_conversation .sec_top{
	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 .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;
}
/*-------------------------------------------------------*/
/* campaign callan_half_spring
/*-------------------------------------------------------*/
.page_wrap--campaign_callan_half_spring .bg_gray{
	border: none;
}
.page_wrap--campaign_callan_half_spring .ui_notice_list ul li {
    font-size: 1.3rem;
    line-height: 1.5;
}
.page_wrap--campaign_callan_half_spring .hashtag_area{
	border: 1px solid #000;
	padding: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.page_wrap--campaign_callan_half_spring .hashtag_area .hashtag{
	display: inline-block;
	text-align: left;
}
.page_wrap--campaign_callan_half_spring .hashtag_area .btn{
	text-align: center;
}
.page_wrap--campaign_callan_half_spring .hashtag_area .btn .func_copy{
	display: inline-block;
	background: #f1890e;
	width: 100%;
}
.page_wrap--campaign_callan_half_spring .btn_style.btn_red{
	background: #f05444;
}
.page_wrap--campaign_callan_half_spring .passport{
	background: #379cd2;
	padding: 0.7rem;
	max-width: 37.5rem;
	margin: 0 auto;
	box-sizing: border-box;
}
.page_wrap--campaign_callan_half_spring .passport .heading{
	display: flex;
	align-items: center;
}
.page_wrap--campaign_callan_half_spring .passport .heading .heading_img{
	display: block;
	width: 7rem;
	height: 4.5rem;
}
.page_wrap--campaign_callan_half_spring .passport .heading .heading_ttl{
	color: #ebe76c;
	z-index: 11;
}
.page_wrap--campaign_callan_half_spring .sec .event_list{
	margin: 0 auto;
}
.page_wrap--campaign_callan_half_spring .sec .event_list ul li{
    background: #6d9eeb;
    color: #fff;
    padding: 2.5rem;
	line-height: 1.2;
}
.page_wrap--campaign_callan_half_spring .sec .event_list ul li a{
	color: #fff;
	font-weight: bold;
}
.page_wrap--campaign_callan_half_spring .sec .event_list ul li:not(:last-child){
	margin-bottom: 2rem;
}
.page_wrap--campaign_callan_half_spring .sec .list_campaign .ui_notice_list ul li{
	line-height: 1.7;
	font-size: 2rem;
}
.page_wrap--campaign_callan_half_spring .sec .bg_shade_1{
	background: #f4cccc;
	padding: 2rem;
}
.page_wrap--campaign_callan_half_spring .sec .img_resp{
	max-width: 30rem;

}
.page_wrap--campaign_callan_half_spring .sec .step {
	font-size: 1.6rem;
}
.page_wrap--campaign_callan_half_spring  .user_list_style_2 .user_list_item.closed {
	background: #dddddd;
}
.page_wrap--campaign_callan_half_spring  .user_list_style_2 .user_list_item .closed_area {
	font-size: 1.2rem;
	padding: 2px 10px 1px;
	background: #004986;
	position: absolute;
	top: -6px;
	right: 5px;
}
.page_wrap--campaign_callan_half_spring  .user_list_style_2 .user_list_item .closed_area .closed_txt {
	font-size: 1.2rem;
	color: #fff;
}

  .page_wrap--campaign_callan_half_spring q {
	font-size: 1.4rem;
    line-height: 1.4;
    font-weight: bold;
}
.page_wrap--campaign_callan_half_spring .heading_bar{
	color: #fff;
    background: #004986;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 1.6rem 2rem;
}
.page_wrap--campaign_callan_half_spring p{
	color: #333333;
}
.page_wrap--campaign_callan_half_spring .sec1 {
	padding: 0;
}
.page_wrap--campaign_callan_half_spring .sec .btn_wrap .btn_style.style_campaign.btn_orange{
	box-shadow: 0 4px 0 0 #c16e0b;
	height: 50px;
	height: 5.0rem;
	line-height: 50px;
}
/* 春のカランキャンペーン スタンプラリー */
.page_wrap--campaign_callan_half_spring .page_campaign .description{
    font-size: 1.6rem;
    font-weight: bold;
    padding: 2.4rem 1.6rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally{
    background: #ff8fb1;
    margin: 0;
    padding: 2.4rem 1.6rem;
	max-width: none;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .head{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.6rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .head .brand{
    width: 7rem;
    margin-right: 1rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .head .brand img{
    width: 100%;
    display: block;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .head .ttl{
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .progress{
    font-size: 1.6rem;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 2rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .progress span{
    color: #D92A28;
    font-size: 2.5rem;
    font-weight: bold;
    margin: 0 0.8rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -0.5rem;
    position: relative;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step::before{
    content: "";
    width: -webkit-calc(100% - 1rem);
    width: calc(100% - 1rem);
    height: 3.125vw;
    background: #f60087;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step:nth-child(even){
    flex-direction: row-reverse;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step + .step{
    margin-top: 1rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step:last-child{
    overflow: hidden;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step .lesson_box:nth-child(3n)::before{
    content: "";
    width: 3.125vw;
    height: 100%;
    background: #f60087;
    position: absolute;
    bottom: -50%;
    left: 50%;
    margin-left: -5px;
    z-index: -1;

}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step .lesson_box{
    width: 25vw;
    background: #fff;
    border: solid 1px #f60087;
    margin: 0 0.5rem 0;
    position: relative;
    z-index: 5;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step .lesson_box .box_ttl{
    font-size: 3.75vw;
    text-align: center;
    height: 2em;
    line-height: 2em;
    color: #fff;
    background: #f60087;
    position: relative;
    z-index: 5;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step .lesson_box .box_body{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #CCCCCC;
    font-size: 3.75vw;
    font-weight: bold;
    height: 12.5vw;
    padding: 1rem 0;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 5;
}
.page_wrap--campaign_callan_half_spring .page_campaign .stamp_rally .cource .step .lesson_box .box_body img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
.page_wrap--campaign_callan_half_spring .page_campaign .sec_1{
    font-size: 1.6rem;
    padding: 2.4rem 1.6rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .sec_1 .text{
    font-weight: bold;
}
.page_wrap--campaign_callan_half_spring .page_campaign .sec_1 .action{
    margin-top: 2.4rem;
    margin-bottom: 3.2rem;
}
.page_wrap--campaign_callan_half_spring .page_campaign .sec_1 .action .button{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    width: 26rem;
    height: 5.0rem;
    box-sizing: border-box;
    border-radius: 8px;
    margin: 0 auto;
    color: #fff;
    background: #da2f74;
    box-shadow: 0 -4px 0 0 #a12356 inset;
    text-align: center;
}
.page_wrap--campaign_callan_half_spring .page_campaign .sec_1 .action .button .fa{
    font-size: 2.4rem;
    margin-right: 1rem;
}

/* 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 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: 3.5rem;
}
.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 .t_dailynews{
	color: #FFF !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 */

/* start cs inquiry */
#selected-files li i {
	color:#ff0000;
}
.wrap-loader > div {
	display: flex;
}
.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: 15px;
    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 .file_name 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: 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 .main_img_area .main_img{
	margin-top: 0px;
}
.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: 8rem;
	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;
}
/*-------------------------*/
/*Campaign: halfprice_nativespeaker */
/*-------------------------*/
.page_wrap--campaign_halfprice_nativespeaker{
	color:#555555;
}
.page_wrap--campaign_halfprice_nativespeaker .blue{
	color: #004986;
}
.page_wrap--campaign_halfprice_nativespeaker .btn_style.btn_trial:after{
	display: none;
}
.page_wrap--campaign_halfprice_nativespeaker.page_wrap--campaign_limited_time .main_img_area .main_img{
	margin-top: 0;
}
/*Campaign: callan_first */
.page_wrap--campaign_callan_first .container{
	padding: 0;
	margin: 0;
	box-shadow: none;
	border-radius: 0;
	border: 0;
}
.page_wrap--campaign_callan_first .sec .main_text{
	font-size: 1.6rem;
	color: #004986;
	font-weight: bold;
	text-align: center;
}
.page_wrap--campaign_callan_first  .sec .step {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.page_wrap--campaign_callan_first  .sec .step .mark{
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background: #004986;
    height: 4rem;
    line-height: 3.6rem;
    border-radius: 4rem;
    margin-bottom: 1.6rem;
    padding: 0.2rem 2rem 0rem;
    box-sizing: border-box;
	display: inline-block;
}
.page_wrap--campaign_callan_first  .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--campaign_callan_first  .sec .find_instructor::after{
    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--campaign_callan_first  .sec .step .detail{
    width: 100%;
}
.page_wrap--campaign_callan_first  .sec .step .detail .text{
	color: #333333;
}
.page_wrap--campaign_callan_first  .sec .step .detail .text p{
	font-size: 1.6rem;
	color: #004986;
	font-weight: bold;
}
.page_wrap--campaign_callan_first  .sec .step .detail .sub_text{
	margin-top: 1rem;
}
.page_wrap--campaign_callan_first  .step .action .button{
    width: 42rem;
    height: 3em;
	font-size: 2.4rem;
    font-weight: bold;
	text-align: center;
    line-height: 3em;
    border-radius: 1rem;
    box-sizing: border-box;
    border: none;
}
.page_wrap--campaign_callan_first .step .action .button_test{ /* step 3 */
    background: #03c9a9;
    box-shadow: 0 6px 0 0 #03a98e;
}
.page_wrap--campaign_callan_first .sec .btn_wrap .btn_style.style_campaign.btn_disable{
	white-space: nowrap;
	background:#F4F4F4;
	font-weight: bold;
	box-shadow: none;
	color: #C7C7C7 !important;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_callan_first .btn_wrap .btn_style.style_campaign{
	width: 100%;
	min-width: unset;
}
.page_wrap--campaign_callan_first .sec .triangle::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--campaign_limited_time.page_wrap--campaign_callan_first .sec .btn_wrap .btn_style.style_campaign.btn_orange{
	height: 48px;
}
.page_wrap--campaign_callan_first .btn_style{
	height: 48px;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_callan_first p{
	font-size: 1.4rem;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_callan_first .heading_bar{
	display: flex;
    height: 48px;
    justify-content: center;
    align-items: center;
	font-weight: bold;
}
.page_wrap--campaign_callan_first .c_period{
	color: #555555;
}
.page_wrap--campaign_callan_first .w_85{
	width: 85% !important;
}
.page_wrap--campaign_callan_first .w_100{
	width: 100% !important;
}
.page_wrap--campaign_limited_time.page_wrap--campaign_callan_first .main_img_area .main_img{
	margin-top: 0;
}
/*End Campaign: callan_first */

/*Campaign: Christmas 2022 */

.page_wrap--campaign_christmas .sec p.ttl_ribbon_content  {
    color: #fff;
}
.page_wrap--campaign_christmas .sec p.ttl_ribbon_content > span {
    position: relative;
    z-index: 10;
}
.page_wrap--campaign_christmas .sec .campaign_desc p + p {
    margin-top: 1rem;
}
.page_wrap--campaign_christmas .sec .campaign_desc.campaign_desc_flow dt .step {
	padding: 1rem 2rem;
	margin: 1rem auto;
	display: inline-block;
}
.page_wrap--campaign_christmas dt.bl_2{
    border-left: 0.6rem solid #106A33;
    padding: 0.2rem 0.7rem;
	margin-bottom: 2rem;
	margin-top: 4rem;
}
.page_wrap--campaign_christmas.sec .campaign_desc dt {
	margin-bottom: 2rem;
}
.page_wrap--campaign_christmas .sec .campaign_desc.campaign_desc_flow dd .campaign_img_full {
	max-width: 100%;
	margin: 5rem auto;
}
.page_wrap--campaign_christmas .sec .campaign_desc.campaign_desc_flow dd .campaign_img_full img {
	width: 100%;
	height: auto;
}
.page_wrap--campaign_christmas .campaign_desc_flow dd .detail {
	margin-top: 3rem;
}
.page_wrap--campaign_christmas .stamp_basket_wrap{
    margin-top: 2rem;
}
.page_wrap--campaign_christmas .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
}
.page_wrap--campaign_christmas .stamp_basket{
    border: 4px solid #A90312;
    border-top: 0;
    padding: 1rem 1rem 3rem;
	background: #fff;
	position: relative;
}
.page_wrap--campaign_christmas .stamp_basket::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	background: url('/images/campaign/christmas/2022/bg.png') bottom center/contain no-repeat;
	opacity: .4;
}
.page_wrap--campaign_christmas .stamp_basket_title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #80D4F9;
    text-align: center;
}
.page_wrap--campaign_christmas .stamp_basket_header {
    position: relative;
    max-width: 450px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 1rem;

    color: #555;
}
.page_wrap--campaign_christmas .stamp_basket_num {
    color: #A90312;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 0 0.3rem;
}
.page_wrap--campaign_christmas .stamp_list {
    display: flex;
    justify-content: center;
    align-items: center;
}
.page_wrap--campaign_christmas .stamp_list .list-item{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.3rem;
    height: 3.3rem;
    margin: .4rem;
    position: relative;
    border: 3px solid transparent;
	background: #fff;
}
.page_wrap--campaign_christmas .stamp_list .list-item.border-box{
    border: 2px dashed #E899A0;
}
.page_wrap--campaign_christmas .stamp_list .list-item p{
    font-size: 2rem;
    font-weight: bold;
    color: #E899A0;
}
.page_wrap--campaign_christmas .stamp_list .list-item.list-stamped {
	border: 2px dashed transparent;
	position: relative;
}
.page_wrap--campaign_christmas .stamp_list .list-item.list-stamped p {
	display: none;
	font-size: 0;
}
.page_wrap--campaign_christmas .stamp_list .list-item.list-stamped img {
    width: 100%;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.page_wrap--campaign_christmas .stamp_list .list-item.list-stamped .flag-tooltip {
	display: none;
	position: absolute;
    bottom: 125%;
    width: 160%;
	/* height: 100%; */
    display: flex;
    justify-content: center;
    align-items: end;
}
.page_wrap--campaign_christmas .stamp_list .list-item.list-stamped .flag-tooltip span {
	background-color: #4c4c4c;
	color: #fff;
	text-align: center;
	padding: 0.6rem 1.2rem;
	border-radius: 2rem;
	display: block;
	z-index: 2;
    font-size: 1.2rem;
	line-height: 100%;
}
.page_wrap--campaign_christmas .stamp_list .list-item.list-stamped .flag-tooltip span::after {
	content: "";
    width: 13px;
    height: 13px;
    transform: rotate(360deg) translateX(-50%);
    position: absolute;
    bottom: -5px;
    z-index: -1;
    left: 49%;
    width: 0;
    height: 0;
    border-left: 0.7rem solid transparent;
    border-right: 0.7rem solid transparent;
    border-top: 0.7rem solid #4c4c4c;
}
.page_wrap--campaign_christmas .ranking_wrap{
    display: flex;
    justify-content: space-between;
}
.page_wrap--campaign_christmas .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    border-bottom-color: #F1890E;
    margin-top: 4rem;
}
.page_wrap--campaign_christmas .ranking.top_ranking{
    display: none;
    margin-top: 10rem;
}
.page_wrap--campaign_christmas .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    line-height: 28px;
    padding: 1.2rem;
    background-color: #F1890E;
}
.page_wrap--campaign_christmas .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.page_wrap--campaign_christmas .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -5px 15px;
    background-image: url('/images/campaign/christmas/2022/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.page_wrap--campaign_christmas .ranking .ranking_body .c_orange{
    color: #FFAC2F !important;
}
.page_wrap--campaign_christmas .ranking .ranking_body .c_gray{
    color: #999999 !important;
}
.page_wrap--campaign_christmas .ranking .ranking_body .c_brown{
    color: #B1602E !important;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F1890E;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #555555;
    padding: 0.8rem;
    box-sizing: border-box;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    position: relative;
    width: 50%;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 50%;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 2rem 0 2rem;
    color: #555;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body + .table_body {
    border-top-width: 0;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_rank,
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 50%;
    font-size: 1.2rem;
    color: #555555;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 9rem;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.4rem;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    background:#999999;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    background:#555555;
    color: #fff;
    padding: 0 1rem;
    font-size: 1.4rem;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #FFAC2F
}
.page_wrap--campaign_christmas .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.page_wrap--campaign_christmas .ranking .ranking_body .ranking_table .table_body.selected{
    color: #fff;
    background: #699CF3;
}
.page_wrap--campaign_christmas .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_christmas .ui_notice_list ul li {
	font-size: 1.2rem;
    color: #555;
}
.page_wrap--campaign_christmas .trial_area .balloon{
    color: #f1890e;
    font-size: 2.4rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--campaign_christmas .trial_area .balloon:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    content: url(../images/index/ver_3/balloon_l.png);
    transform: scale(0.8);
}
.page_wrap--campaign_christmas .trial_area .balloon:after {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    content: url(../images/index/ver_3/balloon_r.png);
    transform: scale(0.8);
}
.page_wrap--campaign_christmas .trial_area .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--campaign_christmas .trial_area .action .button_trial{
    display: block;
    font-size: 2.4rem;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #f1890e;
    width: 50rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    box-shadow: 0px 6px 0px 0px #c16e0b;
    box-sizing: border-box;
}
.page_wrap--campaign_christmas .trial_area .action .button_trial:hover {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0.8;
}
.page_wrap--campaign_christmas .sec {
    padding: 0;
}
.page_wrap--campaign_christmas .sec-padding {
    padding: 3rem 2rem;
}
.page_wrap--campaign_christmas .campaign_desc dd {
    padding-left: 2rem;
    padding-right: 2rem;
}
.page_wrap--campaign_christmas .campaign_desc dd.sec-no-padding {
    padding-left: 0;
    padding-right: 0;
}
.page_wrap--campaign_christmas .campaign_desc dt {
    margin-left: 2rem;
    margin-right: 2rem;
}
.page_wrap--campaign_christmas .sec .margin-l-r-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.page_wrap--campaign_christmas .sec .padding-l-r-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.page_wrap--campaign_christmas .sec_top .t_center p,
.page_wrap--campaign_christmas .sec p {
    color: #707070;
}
.page_wrap--campaign_christmas .container {
    padding-bottom: 3rem;
}

.page_wrap--campaign_christmas .sec .campaign_desc.campaign_desc_flow dd + dt::before {
    content: '';
    display: block;
    text-align: center;
    width: 0;
    margin: 4rem auto;
    height: 0;
    border: 8rem solid transparent;
    border-bottom: 0;
    border-top: 4rem solid #bbb;
}

.page_wrap--campaign_christmas .sec .btn_wrap .btn_style.style_campaign {
    padding: 20px 30px;
    height: auto;
    max-width: 55rem;
	min-width: unset;
    margin-bottom: 1rem;
    width: 85%;
}

/*Campaign: Christmas 2022 */

/*-------------------------*/
/*Text Description - Native Phrase*/
/*-------------------------*/
.page_native_phrase {
	display: inline-flex;
}
.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 .page_ttl_wrap {
	position: relative;
	margin: 0;
	padding: 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_4_inner {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 20px 0;
}
.page_native_phrase .content .sec_4_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_4_inner .drama_list{
	margin: 20px 0;
	line-height: 23px;
}
.page_native_phrase .content .sec_4_inner .drama_list .li{
	font: 14px Noto Sans JP;
	color: #555555;
}
.page_native_phrase .content .sec_4_inner .drama_img {
	justify-content: center;
	margin: 10px 0;
	opacity: 1;
	position: relative;
	z-index: 3;
}
.page_native_phrase .content .sec_4_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-12354 junior_grammar  Start */

.page_junior_grammar .content .main{
	margin-bottom:30px;
}
.page_junior_grammar .content .main img{
	display:block;
}
.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;
	height: auto;
	line-height: 1.5;
}
.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 {
	width: 100%;
}
.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: #74B1EF;
	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: #74B1EF 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: #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;
}
.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  img {
	width: 100%;
}
.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: 16px !important;
}
.page_junior_grammar .container .content .sec_6 figure.method_img img{
	width: 100%;
}
.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 */
/* NJ-13082 */
.btn_proposal{
	border-radius: 40px;
	min-width: 274px;
}
.btn_proposal .btn_inner {
	line-height: 1;
	position: relative;
	padding-right: 15px;
}
.btn_proposal .btn_inner:after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: 50%;
	right: 0;
	border: 0px;
	border: 2px solid transparent;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	box-sizing: border-box;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: top right;
}
/* NJ-25881 start */

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

.page_wrap.page_unlimited_callan {
  box-sizing: border-box;
}
.page_wrap.page_unlimited_callan *,
.page_wrap.page_unlimited_callan *::before,
.page_wrap.page_unlimited_callan *::after {
  box-sizing: border-box;
}

.callan_unlimited_callan {
	background: url(../images/corporate/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;
}

.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;
}

.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 {
	border: 2px solid #325995;
    width: 100%;
    display: block;
    height: auto;
}

.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/mobile/images/callan_flow/unlimited_callan/flow-triangle.webp) no-repeat center;
	background-size: cover;
	margin: 3rem auto;
}

.unlimited_inner .sec .callan_price_top {
	background: #FFFFFF;
	border: 3px solid #325995;
	box-shadow: 7px 7px #325995;
	padding: 2.2rem;
	/* max-width:33rem; */
	/* width:88%; */
	margin: 5rem auto 8rem;
}

.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: #333333;
	padding: 1.3rem 0;
}

.unlimited_inner .sec .callan_price_top .price_top_container .price_top span {
	font-size: 2rem;
	color: #333333;
}

.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: #333333;
}

.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;
	color: #325995;
	font-weight: bold;
	padding: 1.3rem 0;
}

.unlimited_inner .sec .callan_price_top .price_top_container .price_top_bottom span {
	font-size: 2.4rem;
	color: #325995;
}


.unlimited_inner .sec .callan_price_bottom {
	background: #FFFFFF;
	border: 2px solid #325995;
	box-shadow: 7px 7px #325995;
	padding: 2.2rem;
	position: relative;
}

.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: #325995;
	padding: 1rem 0;
	width: 100%;
	margin: 0 auto;
}

.unlimited_inner .sec .callan_price_bottom .callan_price_title h3 {
	color: #FFFFFF;
	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;
}

.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;
}

.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;
}

.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 10.3rem;
	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%);
}


/* callan  */
.page_inner .sec_15 .unlimited_callan {
	margin: 3rem auto 0;
	border: 2px solid #325995;
	background: #FFFFFF;
	width: 100%;
	text-align: center;
	padding: 1.7rem 2.2rem;
	box-sizing: border-box;
}

.page_inner .sec_15 .unlimited_callan .unlimited_callan_title {
	color: #FFFFFF;
	font-size: 1.6rem;
	background: #325995;
	width: 100%;
	padding: 0.5rem 0;
	margin: 0 auto 1.5rem;
	font-weight: bold;
	text-align: center;
}

.page_inner .sec_15 .unlimited_callan .unlimited_callan_img {
	width: 100%;
}

.page_inner .sec_15 .unlimited_callan .unlimited_callan_img img {
	width: 100%;
}

/* NJ-25881 end */

/* NJ-18619 Start */

.page_store .container {
	padding: 2rem 20px;
}

.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: #F5F5F5;
	padding: 20px 30px 20px 10px;
    position: relative;
    margin: 5px 0 0;
    box-sizing: border-box;
}

.page_store .container .content .textbook_display section::after {
	content: ">";
    color: #1F1F1F;
    font-weight: bolder;
    font-size: 20px;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
  }

  .page_store .container .content .textbook_display section::before{
	content: "";
    position: absolute;
    top: 0;
    width: calc(100% + 20px);
    height: 100%;
    background: #F5F5F5;
    left: -10px;
}

.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;
}

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

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

.page_store .container .content .textbook_display section .textbook_details{
    font-size: 15px;
    color: #1F1F1F;
    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;
    border-bottom: #1F1F1F solid 2px;
    width: 98%;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.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: 25px;
    top: 17px;
    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 .details_heading {
	display: flex;
	gap: 20px;
	align-items: center;
}

.page_store hr {
	border-color: #1F1F1F;
}

.page_store .details_heading img {
	border-radius: 10px;
}

.page_store_details .textbook_list .store_item {
	background: #F5F5F5;
	padding: 30px;
	margin-bottom: 10px;
} 

.page_store_details .store_item .item_heading {
	display: flex;
	align-items: start;
	gap: 30px;
	justify-content: space-between;
}

.page_store_details .store_item .item_heading figure {
	width: 56px;
}

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

.page_store_details .store_item .item_heading figure img {
	width: 100%;
}

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

.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: #fff;
	border: 1px solid #1F1F1F;
	padding: 10px 5px;
}
.page_store_details .item_buttons a button{
	width: 100%;
}

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

.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.active {
	background: #555555;
    color: white;
}

.page_store_details .item_buttons .bg_blue {
	background: #162B53;
	color: #fff;
	padding: 10px 15px;
	padding: 1rem 1.5rem;
	border-radius: 4px;
	margin: 8px 0 0;
}

.page_store_details section.sec_blue {
	border: 2px solid #162B53;
	padding: 20px 15px;
	padding: 2rem 1.5rem;
	border-radius: 10px;
}

.page_store_details section.sec_blue h2 {
	border-bottom: 1px solid #162B53;
	color: #162B53;
	padding-bottom: 10px;
}

.page_store_details section.sec_blue p {
	line-height: 1.5;
}

.page_store_details section.sec_blue a.btn_style.btn_blue {
	background: #162B53;
	border-radius: 4px;
	width: 100%;
	max-width: 340px;
	padding: 14px 10px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	line-height: 1;
	height: auto;
}

.page_store_details .self-study .btn_style.btn_blue {
	background: #3778F1;
	width: 100%;
	max-width: 100%;
	min-height: 38px;
}

.page_store .container .page_breadcrumbs_2 {
	position: relative;
	border-bottom: 1px solid #1F1F1F !important;
}

.page_store .page_breadcrumbs_2 .store_cart {
	top: 0;
	right: 0;
}

.page_store_orders .content_box {
	padding: 20px;
	background: #F5F5F5;
}

.page_store_orders .content_box .info {
	display: flex;
	justify-content: space-between;
}

.page_store_orders .content_box .info .info_state {
	border: 1px solid #1F1F1F;
	border-radius: 30px;
	padding: 5px 15px;
	font-size: 14px;
	background: #fff;
}

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

.page_store_orders .content_box .product_wrap .product_item {
	margin-bottom: 30px;
	text-align: left;
}

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

.page_store_orders .content_box .desc_item {
	display: flex;
	gap: 26px;
}

.page_store_orders .content_box .desc_item img {
	max-width: 67px;
	width: 100%;
}

.page_store_orders .content_box .desc_item .ttl {
	margin-bottom: 13px;
}

.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: 60px;
}

.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 #1F1F1F;
	border-radius: 4px;	
	font-size: 11px;
	padding: 5px 8px;
	line-height: 1;
}

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

.page_store .btn_style {
	height: 32px;
    line-height: 1;
    display: inline-flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    max-width: 232px;
	font-weight: normal;
	padding: 7px 44px;
}

.page_store .btn_style.btn_gray {
	background: #737373;	
}

.page_store .btn_style.btn_blue {
	background: #3778F1;
}

.page_store_orders .content_box {
	text-align: right;
}

.page_store_orders .quantity_wrap {
	text-align: left;
}

.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: #555555;
}
.page_store_orders .paging li a {
	color: #fff !important;
	width: 100%;
}

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

.page_store_orders .paging li.on {
	background: none;
	color: #555555;
}
.page_store_orders .paging li.prev {
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.page_store_orders .paging li.next {
	background: #555555;
    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;
}
.page_store_orders .paging li.disabled.next:before, .page_store_orders .paging li.next a:before {
	content: "\f105";
	font-family: FontAwesome;
}
.page_store_orders .paging li.next a::after {
	display: none;
}
.page_store_orders .paging li.ellipsis {
	background: none;
	color: #1F1F1F;
}

.page_store_cancel .btn_wrap {
	padding: 0
}

.page_store_cancel .btn_wrap ul li {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.page_store_cancel .btn_wrap ul li .btn_style{
	height: 38px;
	padding: 0;
}

.page_store .btn_style.btn_blue {
	max-width: 100px;
}

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

.page_store_delivery .page_inner .container {
	padding: 20px;
	padding: 2rem;
}

.page_store_delivery .d-flex {
	display: flex !important;
}
.page_store_delivery input {
	padding: 15px;
}
.page_store_delivery select {
	width: 150px;
	height: 44px;
	line-height: 44px;
}
.page_store_delivery .input-flex {
	align-items: center;
}
.page_store_delivery .input-flex div.separator {
	margin: 0 10px;
}

.page_store_delivery .address_info .input-flex input {
	width: 70px;
}

.page_store_delivery .dl_style_1 tr th span.required {
	color: #F84F63;
	font-size: 12px;
}

.page_store_delivery .dl_style_1 tr {
	margin-bottom: 30px;
}

.page_store_delivery .dl_style_1 tr th {
	font-size: 15px;
}
.page_store_delivery .address_info tr {
	display: block;
}

.page_store_delivery .address_info input {
	width: 100%;
	box-sizing: border-box;
}

.page_store_delivery .ui_msg_style_1.bg-red {
	background: #F84F63;
}

.page_store_delivery .btn_wrap ul {
	gap: 20px;
}
.page_store_delivery .btn_wrap a.btn_style {
	display: flex;
	align-items: center;
	justify-content: center;
}

.page_store_delivery .btn_gray {
	padding: 7px 34px;
	padding: 0.7rem 3.4rem;
	background: #737373;
}

.page_store_delivery .btn_blue {
	width: calc(100% - 120px);
}

.page_store_delivery .btn_gray_con {
	width: 100px;
}

.page_store_delivery .btn_blue_con {
	width: 100%;
}

.page_store_delivery .t_link2 {
	color: #3778F1;
}

.page_store_delivery .page_inner > .address_info {
	background: #F5F5F5;
	padding: 20px;
	padding: 2rem;
}



@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;
}
/* disable button style */
.btn.disable,
.btn.disabled,
.btn_style.disable,
.btn_style.disabled,
.btn_style:disabled{
	color: #ccc !important;
	background: #f4f4f4 !important;
	box-shadow: none !important;
	cursor: default;
	pointer-events: none;
}
/* NJ-18619 End */

/* NJ-30573 start */
.notice_price_change_wrap .price_revision_area img {
	width: 100%;
}
/* NJ-30573 end */

.page_cs_history_v2 .inline-block {
	display: inline-block;
}

.page_cs_history_v2 .content ul li {
	padding: 2.1rem 4.0rem 2.1rem 1.2rem;
	position: relative;
}

.page_cs_history_v2 .content ul li a {
	color: #1F1F1F;
}

.page_cs_history_v2 .margin-x-12 {
	margin-left: 1.2rem;
	margin-right: 1.2rem;
}

.page_cs_history_v2 .content ul li a::after {
	content: url(../images/icon/chevron_right_grey@small.svg);
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
}

.page_cs_history_v2 .content .cs_content_header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.content .cs_content_header .text-right.date{
	font-weight: normal;
}

.page_cs_history_v2 .content ul li.unread a {
	font-weight: bold;
}

.page_cs_history_v2 .content ul li.unread .cs_content_body .new {
	font-size: 9px;
	color: #fff;
	background: #EA3323;
	width: max-content;
	padding: 1px 5px;
	border-radius: 10px;
	text-transform: uppercase;
	height: min-content;
	font-weight: 300;
	font-family: "Noto Sans JP", sans-serif;
}

.page_cs_history_v2 .cs_content_body {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media only screen and (max-width: 425px) {
	.page_cs_history_v2 .cs_content_body .message {
		width: 75vw;
	}
}

.page_cs_history_v2 .pagination {
	display: flex;
	justify-content: space-around;
	padding: 0 50px;

}

.page_cs_history_v2 .pagination a .no_border {
	border: 1px solid transparent;
}

.page_cs_history_v2 .pagination a:not(:first-child),.pagination a:not(:last-child) {
	position: relative;
	color: #1F1F1F;
	border: 1px solid #6E6E6E;
	width: 26px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	box-sizing: border-box;
	font-weight: bold;
}

.page_cs_history_v2 .pagination .prev.disabled, .next.disabled {
	opacity: 0.2;
	cursor: not-allowed;
}
.page_cs_history_v2 .pagination .prev.enabled, .next.enabled {
	opacity: 1;
	cursor: pointer;
}

.page_cs_history_v2 .pagination .prev::before {
	content: url(../images/icon/icon_arrow_left_gray@small.svg);
	position: absolute;
	font-size: 0;
	line-height: 0;
	top: 50%;
	transform: translateY(-50%) TranslateX(-50%);
	left: 50%;
}

.page_cs_history_v2 .pagination .next::after {
	content: url(../images/icon/chevron_right_grey@small.svg);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 0;
	line-height: 0;
}

.page_cs_history_v2 .pagination a.active {
	background: #1F1F1F;
	border: 1px solid #1F1F1F;
	color: #FFF;
}

.page_cs_history_v2 .page_inner .search_area .search_box {
	background: #EEEEEE;
	border: 1px solid #EEEEEE;
	height: 37px;
}

.page_cs_history_v2 .page_inner .search_area .search_box:focus {
	border: transparent;
	outline: 0;
}

.page_cs_history_v2 .page_inner .search_area .search_mark {
	position: absolute;
	left: 20px;
	display: inline-block;
	z-index: 2;
	top: 57%;
	transform: translateY(-50%);
}

.page_cs_history_v2 .page_inner .search_area .search_mark:before {
	display: none;
}

.page_cs_history_v2 .page_inner .search_area .btn_form_clear {
	position: absolute;
	right: 5px;
	top: 38px;
}

.page_cs_history_v2.page_inner .search_area {
	padding: 2rem 1.2rem 0;
	margin-bottom: 2rem;
}

.page_cs_history_v2 .cs_history_select {
	margin-left: 1.2rem;
	margin-bottom: 2rem;
	border: none;
	color: #3778F1;
	font-size: 1.5rem;
	height: auto;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/sp_template/arrow-bottom-blue.svg) 96% / 15% no-repeat;
	background-size: inherit;
	width: 75px;
}

.page_cs_history_v2 .search_icon_wrap {
	text-align: center;
}

.page_cs_history_v2 .content ul li:first-child {
	border-top: 1px solid #EEEEEE;
}

.page_cs_history_v2 .content ul li {
	border-bottom: 1px solid #EEEEEE;
}

.page_cs_history_v2 .page_inner {
	padding: 0 0 3rem;
}

.new_cs_category {
	color: #1F1F1F;
	background: #FFF;
}

.page_cs_history .page_inner .search_area .btn_form_clear:before {
	top: 50%;
    line-height: 0;
    transform: translateX(-50%);
    height: 0;
}

.new_cs_category .cs_categorize_wrap .top_desc {
	width: 100%;
	margin: auto;
	padding: 2rem 1.2rem 0;
	line-height: 1;
}

.new_cs_category .cs_categorize_area .general_area .category_l {
	padding: 3rem 1.2rem 0;
	border: none;
}

.new_cs_category .cs_categorize_area .general_area .category_l dt {
	border: none;
	padding-left: 0;
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
}

.new_cs_category .cs_categorize_area .general_area .category_l dd {
	padding: 0;
}

.new_cs_category .general_area .category_l dd ul li:first-child {
	border-top: 1px solid #EEEEEE;
}

.new_cs_category .general_area .category_l dd ul li {
	display: block;
	margin-right: 0;
	padding: 0;
	position: relative;
	border-bottom: 1px solid #EEEEEE;
}

.new_cs_category .general_area .category_l dd ul li::after { 
	content: url(../images/icon/chevron_right_grey@small.svg);
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

.new_cs_category .general_area .category_l dd ul li a{
	color: #1F1F1F;
	font-size: 14px;
	padding: 1.5rem 0 1.5rem 1rem;
	display: block;
}


/* NJ-24480 Login Page */
.page_login_v3 {
	background: #FFF;
}

.page_login_v3 .common_inner {
	margin: 0 38px;
}

.page_login_v3 .sec_login_inner {
	width: 100%;
}

.sec_login_v3 dl dd input {
	min-height: 42px;
	background: #EEEEEE;
}

.sec_login_v3 .sec_login_inner dl {
	margin-bottom: 2rem;
}

.sec_login_v3 .sec_login_inner .btn_style {
	min-height: 3.8rem;
	line-height: 3.8rem;
	height: unset;
	font-weight: normal;
}

.sec_login_v3 .hr-custom-divider {
	text-align: center;
	position: relative;
	margin-top: 20px;
}

.sec_login_v3 .hr-custom-divider .line_right, .sec_login_v3 .hr-custom-divider .line_left{
	background: #1F1F1F;
	width: 120px;
	height: 1px;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	right: 0;
	left: auto;
}

.sec_login_v3 .hr-custom-divider .line_left {
	left: 0;
	right: auto;
}

.sec_login_v3 .hr-custom-divider::after {
	right: 0;
}

.sec_login_v3 .sns_btn_wrap .btn_style_sns {
	text-align: justify;
	display: flex;
	justify-content: left;
	height: auto;
	min-height: 44px;
	line-height: 44px;
	border-radius: 4px;
	border: 1px solid #353535;
}

.sec_login_v3 .sns_btn_wrap .btn_style_sns span {
	text-align: justify;
	padding-left: 5.7rem;
}

.sec_login_v3 .sns_btn_wrap .btn_style_sns .btn_icon {
	left: 6rem;
	width: 2rem;
}

.sec_login_v3 #login-btn:disabled {
	background: #fff !important;
}

/* ranking page */
.page_ranking_v2 {

}

.page_ranking_v2 .ranking_header {
	padding-top: 35px;
}

.page_ranking_v2 .ranking_header .tabs ul {
	display: flex;
	justify-content: space-around;
}

.page_ranking_v2 .ranking_header .tabs ul li a {
	color: #999999;
	font-weight: bold;
  }

.page_ranking_v2 .ranking_header .tabs ul li.on a span {
	background: #1F1F1F;
	color: #fff;
	padding: 14px 24px;
	border-radius: 100px;
}

.page_ranking_v2 .ranking_body .ranking_list {
	border-top: none;
}

.page_ranking_v2 .ranking_body .ranking_list li {
	border: none;
	display: block;
	padding: 0 1.2rem 1.5rem;
}

.page_ranking_v2 .rank_con {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page_ranking_v2 img.teacher_image {
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
}

.page_ranking_v2 .top_three img.teacher_image {
	width: 110px;
}

.page_ranking_v2 .top_ten img.teacher_image, .etc img.teacher_image {
	width: 88px;
}

.page_ranking_v2 .rank_col_1 {
	position: relative;
	margin: 0 10px 0 14px;
  }

.page_ranking_v2 .rank_col_2 {
	width: calc(100% - 10px);
	color: #1F1F1F;
  }

.page_ranking_v2 .rank_col_2 {
	line-height: 1.7;
  }

.page_ranking_v2 .rank_col_2 .teacher_details .teacher_status.active {
	content: "";
	background-color: #0BCAFA;
	font-weight: bold;
	display: inline-block;
	width: 10px;
	min-height: 10px;
	font-size: 1rem;
	position: relative;
	border-radius: 50%;
  }

.page_ranking_v2 p.teacher_rank {
	font-weight: bold;
	font-family: arial;
	position: absolute;
	bottom: 0;
  }

  .page_ranking_v2 .top_three p.teacher_rank, .top_ten p.teacher_rank {
	color: transparent;
  }

  .page_ranking_v2 li.first p.teacher_rank::before {
	content: url(../images/icon/1.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.second p.teacher_rank::before {
	content: url(../images/icon/2.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.third p.teacher_rank::before {
	content: url(../images/icon/3.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.fourth p.teacher_rank::before {
	content: url(../images/sp_template/4.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.fifth p.teacher_rank::before {
	content: url(../images/sp_template/5.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.sixth p.teacher_rank::before {
	content: url(../images/sp_template/6.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.seventh p.teacher_rank::before {
	content: url(../images/sp_template/7.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.eighth p.teacher_rank::before {
	content: url(../images/sp_template/8.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }
  
  .page_ranking_v2 li.ninth p.teacher_rank::before {
	content: url(../images/sp_template/9.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 li.tenth p.teacher_rank::before {
	content: url(../images/sp_template/10.svg);
	position: absolute;
	left: -20px;
	bottom: 0;
  }

  .page_ranking_v2 .country_con {
	display: flex;
	align-items: center;
  }

  .page_ranking_v2 .country_con .flag {
	width: 18px;
	margin-right: 5px;
  }
  
  .page_ranking_v2 .rating_con {
	display: flex;
  }

  .page_ranking_v2 .rating_con img {
	margin-right: 5px;
  }

  .page_ranking_v2 .rating_con .star {
	margin-right: 15px;
  }

  .page_ranking_v2 p.name {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
  }

  .page_ranking_v2 .top_three p.age {
	display: block;
  }

  .page_ranking_v2 p.age {
	display: inline-block;
	font-size: 1.2rem;
  }

.page_ranking_v2 .country_con p {
	font-size: 1.2rem;
}

.page_ranking_v2 .reservation_count p {
	font-size: 1.4rem;
}

  .page_ranking_v2 .rank_col_3 {
	color: #999999;
  }

  .page_ranking_v2 .etc .rank_col_1 {
	display: flex;
	align-items: center;
	margin-left: 0;
  }

  .page_ranking_v2 .etc p.teacher_rank {
	color: #1F1F1F;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	margin-right: 20px;
  }

  .page_ranking_v2 .etc.etc-four-digits p.teacher_rank {
	margin-right: 5px;
  }

  .page_ranking_v2 .ranking_head .tabs ul li a {
	color: #999999;
	font-weight: bold;
	padding: 10px 12px;
  }

  .page_ranking_v2 .ranking_head .tabs ul li.tab_1.on a {
	color: #FFF;
	font-weight: bold;
	background: #1F1F1F;
	border-radius: 100px;
  }

  .page_ranking_v2 .ranking_head .tabs ul li.tab_3.on a {
	color: #FFF;
	font-weight: bold;
	background: #1F1F1F;
	border-radius: 100px;
  }

  .page_ranking_v2 .ranking_head .tabs ul li.tab_3:hover:after, .page_ranking .ranking_head .tabs ul li.tab_3.on:after {
      display: none;
  }

  .page_ranking_v2 .ranking_head .tabs ul li.tab_2.on a {
	color: #FFF;
	font-weight: bold;
	background: #1F1F1F;
	border-radius: 100px;
  }

  .page_ranking_v2 .ranking_head .tabs ul li.tab_2.on:after, .page_ranking .ranking_head .tabs ul li.tab_2:hover:after {
	display: none;
  }

  .page_ranking_v2 .ranking_head .tabs ul li {
	width: auto;
  }

  .page_ranking_v2 .ranking_head .tabs ul li:before {
	display: none;
  }

  .page_ranking_v2 .ranking_head .tabs ul li.tab_1:hover:after, .page_ranking .ranking_head .tabs ul li.tab_1.on:after {
	display: none;
  }

  .selection {
	display: flex;
	justify-content: space-between;
  }

  .page_ranking_v2 .selection select {
	border: none;
	color: #3778F1;
	min-width: 85px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../images/sp_template/arrow-bottom-blue.svg) 96% / 15% no-repeat;
	background-size: inherit;
  }
  
  .page_ranking_v2 .selection select.w-75 {
	min-width: 140px;
  }

  /* end ranking page */


  /* free popular teacher campaign */
  .free_popular_teacher_v2 {

  }

  .free_popular_teacher_v2 .border-1 {
	border: 1px solid #004986 !important;
  }

  .free_popular_teacher_v2 .sec {
	padding: 2rem 1.2rem 3rem;
  }

  .free_popular_teacher_v2 .ui_notice.listmark_2:before {
	content: '※';
  }

  .free_popular_teacher_v2 .campaign_desc {
	border: 1px solid #004986;
	padding: 1.6rem;
  }

  .free_popular_teacher_v2 .teacher_search_form .table_form {
	width: 100%;
  }

 .border-y-1 {
	border-top: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
  }

  .free_popular_teacher_v2 .btn_wrap .btn_style {
	width: 100%;
  }

  .free_popular_teacher_v2 .btn_wrap .btn_style.btn_outline_black {
	color: #bbbbbb !important;
	background: #FFF;
	border: 1px solid #bbbbbb;
  }

.free_popular_teacher_campaign .custom-checkbox {
	display: none; /* Hide the actual checkbox input */
}

.free_popular_teacher_v2 .ui_notice_list_last{
	background: #EEEEEE;
	color: #1F1F1F;
	padding: 1.5rem;
	border-radius: 4px;
}
	  
.free_popular_teacher_campaign .checkbox-label {
		position: relative;
		width: 17px;
		height: 17px;
		background-color: #fff;
		border: 1px solid #ccc;
		cursor: pointer;
		display: inline-block;
}
	  
.free_popular_teacher_campaign .checkbox-label:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 20px;
		color: transparent;
}
	  
.free_popular_teacher_campaign .checkbox-label.checked:after {
		content: '';
		display: inline-block;
		background-image: url(../images/sp_template/check.svg);
		background-size: cover;
		width: 18px;
		height: 14px;
		margin-top: -2px;
		margin-left: 2px;
}

.free_popular_teacher_campaign.teacher_list {

}

.free_popular_teacher_campaign.teacher_list .teacher_item_image img {
	width: 88px;
	border-radius: 10px;
	margin-right: 1rem;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
}

.free_popular_teacher_campaign.teacher_list .status_con {
    display: flex;
    column-gap: 5px;
}

.free_popular_teacher_campaign.teacher_list .status_con span {
    font-size: 1.1rem;
    color: #FFFFFF;
    background-color: #4D4D4D;
    width: max-content;
    padding: 4px 6px;
    border-radius: 10px;
}


.free_popular_teacher_campaign.teacher_list .new_teacher_list_item_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }

.free_popular_teacher_campaign.teacher_list .lesson_con:before {
	content: "\f080";
	font-family: "FontAwesome";
	display: inline-block;
	color: #1f1f1f;
	font-size: 1.2rem;
  }

.free_popular_teacher_campaign.teacher_list .star_con {
	margin-right: 1rem;
}

.free_popular_teacher_campaign.teacher_list span.fa.fa-star {
	color: #ccc;
}

.free_popular_teacher_campaign.teacher_list span.fa.fa-star.checked {
	color: #E38E36;
}

.free_popular_teacher_campaign.teacher_list .teacher_item_details {
	width: calc(100% - 10px);
}

.free_popular_teacher_campaign.teacher_list .rating_con {
	display: flex;
}

.free_popular_teacher_campaign.teacher_list .country_con img {
	width: 18px;
}

.free_popular_teacher_campaign.teacher_list li.teacher_list_item.hover-box_shadow-inset {
	margin-bottom: 2rem;
}

.free_popular_teacher_campaign.teacher_list .teacher_item_image {
	position: relative;
}

.free_popular_teacher_campaign.teacher_list .country_con .res_end {
	position: absolute;
    right: 25px;
    width: 68px;
    color: #FFF;
    background: #004986;
    padding: 6px;
    min-height: 25px;
    box-sizing: border-box;
    top: 50%;
    transform: translateY(-67%);
    font-size: 12px;
    text-align: center;
}

.arrow-separator {
	position: relative;
	display: block;
}

.arrow-separator::before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	top: 4rem;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #555555;
	font-size: 0;
	line-height: 0;
	left: 50%;
	transform: translateX(-50%);
}

/* Campaign free beginning teacher */
.campaign_free-beginning_teacher {
	color: #1F1F1F;
}
.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.3rem
}
.page_wrap.campaign_free-beginning_teacher .sec_header img{
	width: 48px;
	height: 48px;
	margin-right: 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;
}

.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, .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 .sec_step_tag,
.page_wrap--campaign_limited_time .sec_step .sec_step_tag {
  max-width: 9rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 1.6rem;
  padding: 0.4rem;
  background-color: #004986;
  border-radius: 100px;
  color: #FFF;
  box-sizing: border-box;
}

.counseling_chat_flow_image {
  margin-top: 10px;
  width: 100%;
}

.counseling_chat_flow_image img{ 
width: 100%;
}

.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 #1F1F1F;
width: 100%;
}

.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;
}

/* Half price callan campaign */
.page_wrap.campaign_half_price .sec_coinback .sec_inner{
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.page_wrap.campaign_half_price .sec_header{
	display: flex;
	align-items: center;
	color: #fff;
	background-color: #004986;
	padding: 2.2rem 1.5rem;
}
.page_wrap.campaign_half_price .sec_header h2{
font-size: 16px;
font-weight: bold;
line-height: 1.5;
}

.page_campaign .sec_inner p {
	font-size: 1.4rem;
	line-height: 1.8;
}

.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 {
	height: 10rem;
	background-color: #fff;
}

.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;
	 }
}
/* NJ-33645 */
.page_wrap--free-popular_teacher .teacher_list ul li {
	display: flex;
	align-items: center;
}
.page_wrap--free-popular_teacher .teacher_list ul li::before, .page_wrap--free-popular_teacher .teacher_list ul li::after {
	z-index: 0;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner {
	display: flex !important;
	align-items: center;
	gap: 16px;
	padding-inline: 20px;
	padding-block: 8px;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner a {
	flex: 1;
}
.page_wrap--free-popular_teacher .teacher_list ul li .user_list_item_inner .clm_l {
	max-width: 60px;
	max-height: 60px;
	width: fit-content !important;
	height: fit-content;
}
.page_wrap--free-popular_teacher .teacher_list ul li .fav_inner_div {
	width: fit-content;
	position: relative;
}
.page_wrap--free-popular_teacher .teacher_list ul li .fav_inner_div a:not(.fav_inner) {
	display: none;
}
.page_wrap--free-popular_teacher .teacher_list ul li .d_block {
	display: flex !important;
	gap: 14px;
}
.page_wrap--free-popular_teacher .teacher_list ul li .d_block .d_cell:nth-child(2) {
	flex: 1 1;
}
.page_wrap--free-popular_teacher .teacher_list ul li .d_block .d_cell:nth-child(3) {
	height: fit-content;
	align-self: center;
	text-align: center;
}
.page_wrap--free-popular_teacher .teacher_list ul li .d_block .d_cell figure.thumb {
	margin: unset;
	padding: 0 !important;
	min-width: unset !important;
}
.page_wrap--free-popular_teacher .teacher_list ul li .fav_area {
	position: relative;
	z-index: 2;
}
.page_wrap--free-popular_teacher .teacher_list ul li .fav_area .fav_flash_inner {
	position: absolute;
	right: 0;
	top: calc(100% + 5px);
	z-index: 99;
	transition: unset !important;
}

.w_75{
	width: 75%;
}

.border-y-b-1 {
	border-bottom: 1px solid #EEEEEE;
}

.btn_h{
	height: 38px !important;
	line-height: 38px !important;
}
.btn_w{
	width: 293px !important;
	max-width: 100%;
}

.free_popular_teacher_campaign.teacher_list .star_con .rating_result{
	color: #E38E36;
}

.m_b_8{
	margin-bottom: 8px;
}

/* NJ-24480 End */
/* NJ-31356 STUDENT_DISCOUNT */
/********************/
/***** HERO *****/
/********************/
.page_wrap.student-discount {
	padding: 0;
	font-family: 'Noto Sans JP', sans-serif;
	background: #FFF;
}
.page_wrap.student-discount .hero-image {
	background-image: url("../images/student-discount/bg.png");
  background-position:  center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
	background-color: #37BEF1;
	padding-bottom: 2.4rem;
}
.page_wrap.student-discount .hero-image img.hero{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.page_wrap.student-discount .hero-text {
	color: white;
	width: 75%;
	margin: -0.2rem auto 0;
	z-index: 1;
	position: relative;
}
.page_wrap.student-discount .register-btn {
	display: block;
	width: auto;
	padding: 1rem 2rem;
	border: 2px solid #000;
	font-size: 2rem;
	font-weight: 700;
	border-radius: 32px;
	background-color: #EDFF1A;
	text-align: center;
	color: #000;
	transition: all 0.3s ease-in-out;
}
.page_wrap.student-discount .commemorate .register-btn .btn-text {
	flex-shrink: 0;
}
.page_wrap.student-discount .register-btn:hover {
	background-color: #fff;
}
.page_wrap.student-discount a:hover img {
	transition: initial;
	filter: initial;
	opacity: initial;
}
.page_wrap.student-discount .register-btn span {
	display: block;
}
.page_wrap.student-discount .register-btn .small{
	font-size: 1.2rem;
	margin-bottom: 0.5rem;
	line-height: 1;
}
/********************/
/***** COMMEMORATE *****/
/********************/
.page_wrap.student-discount .commemorate {
	background-color: #EDFF1A;
	padding: 4.7rem 2.5rem;
	text-align: center;
}
.page_wrap.student-discount .commemorate .curved-text {
	width: 100%;
}
.page_wrap.student-discount .commemorate .heading .badge {
	font-size: 1.4rem;
	font-weight: 700;
	color: #000;
	background-color: #37BEF1;
	padding: 0.5rem 1.7rem;
	display: inline-block;
}
.page_wrap.student-discount .commemorate .heading img {
	display: block;
	margin: 1rem auto 0;
	width: 21.2rem;
}
.page_wrap.student-discount .commemorate .circles {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	max-width: 63.8rem;
	margin: 2.4rem auto 0;
}
.page_wrap.student-discount .commemorate .circles .circle {
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.92rem;
	background-color: #37BEF1;
	width: calc(33.33% - 0.4rem);
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	flex-wrap: wrap;
}
.page_wrap.student-discount .commemorate .circles .circle.ease-of-learning-class {
	gap: 0.16rem;
}
.page_wrap.student-discount .commemorate .circles .small {
	font-size: 1.4rem;
	font-weight: 700;
}
.page_wrap.student-discount .commemorate .circles .circle img {
	box-sizing: border-box;
	width: 100%;
	max-width: 59.2%;
	height: auto;
}
.page_wrap.student-discount .commemorate .register-btn {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	border: 2px solid #37BEF1;
	color: #37BEF1;
	max-width: 28.7rem;
	font-size: 1.6rem;
	padding: 0.8rem 2.2rem;
	margin: 1.6rem auto 0;
}
@media only screen and (max-width: 325px) {
  .page_wrap.student-discount .commemorate .register-btn {
		padding: 0.8rem 1.3rem;
	}
}
/********************/
/***** ABOUT *****/
/********************/
.page_wrap.student-discount .about {
	background-color: #fff;
	font-size: 1.4rem;
	color: #666666;
	overflow: hidden;
}
.page_wrap.student-discount .about .heading-row h3 {
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1.33;
	color: #092846;
	max-width: 52.5rem;
	margin: 2.4rem auto .8rem;
	padding: 0 1.4rem 0 2rem;
	text-align: center;
}
.page_wrap.student-discount .about .heading-row h3.secHeading{
	font-size:2rem;
}
.page_wrap.student-discount .about .img-container {
	padding: 4rem 3rem 0 0;
}
.page_wrap.student-discount .about .img-container img{
	width: 100%;
	z-index: 2;
	position: relative;
}
.page_wrap.student-discount .about .img-container{
position: relative;
}
.page_wrap.student-discount .about .img-container::after{
	content: '';
	width: 100%;
	padding-left: 100%;
	height: 57%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #37BEF1;
	z-index: 1;
}
.page_wrap.student-discount .about .heading-row .image-wrap{
	padding: 2.4rem 1.6rem 3.2rem;
}
.page_wrap.student-discount .about .heading-row .image-wrap > img{
	width: 100%;
	border-radius: 16px;
}
.page_wrap.student-discount .about .content {
	margin: 0.8rem 0 0;
	padding: 0 1.6rem 4rem;
}
.page_wrap.student-discount .about .content p {
	color: #1F1F1F;
	margin-top: 2.4rem;
	max-width: 108.9rem;
	line-height: 32px;
}
.page_wrap.student-discount .about .content p:first-child {
	margin: 0;
}
.page_wrap.student-discount .highlight {
	font-weight: 700;
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100% 1rem;
	background-image: linear-gradient(to top, #FDD8AA 80%, transparent 0);
}
.page_wrap.student-discount .about .content p .highlight {
	font-weight: 700;
}

.page_wrap.student-discount .studentDiscountCarousel {
	max-width: 119.2rem;
	margin: 4rem auto auto;
}
.page_wrap.student-discount .pricing .heading p{
	color: #092846;
	font-weight: 700;
	font-size: 2rem;
	line-height: 4rem;
}
.page_wrap.student-discount button.slick-prev.custom-prev.slick-arrow {
	left: 0;
}
.page_wrap.student-discount button.slick-next.custom-next.slick-arrow {
	right: 0;
}
.page_wrap.student-discount .studentDiscountCarousel h2 {
	font-size: 2.6rem;
	font-weight: 700;
	color: #092846;
}
.page_wrap.student-discount .studentDiscountCarousel .textContent {
	text-align: center;
	margin-bottom: 1rem;
}
.page_wrap.student-discount .slick-initialized .slick-slide{
	margin: 1rem auto;
}
.page_wrap.student-discount .studentDiscount-slick .card_holder > * {
	max-width: 18.8rem;
	margin: auto;
	height: 100%;
}
.page_wrap.student-discount .slick-dots{
	width: auto;
	position: relative;
	bottom: 0;
	margin-top: 0;
}
.page_wrap.student-discount .slick-dots li button:before{
	font-size: 0.8rem;
}
.page_wrap.student-discount .studentDiscount-slick .slick-track {
	display: flex;
	align-items: stretch;
}
.page_wrap.student-discount .studentDiscount-slick .card_holder.slick-slide{
	flex:1 1 auto;
	height: auto;
}
.page_wrap.student-discount .carouselBtm h2 {
	font-size: 2rem;
	text-align: center;
	display: block;
	margin: 0 auto 5.2rem;
	width: fit-content;
	position: relative;
	z-index: 1;
}

.page_wrap.student-discount .slick-dotted.slick-slider{
	margin-bottom: 1.8rem;
}
.page_wrap.student-discount .carouselBtm h2::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 1.4rem;
	background: #FDD8AA;
	bottom: -1.2rem;
	z-index: -1;
	left: 0;
	bottom: 0rem;
}
.page_wrap.student-discount .studentDiscountCarousel .textContent img {
	max-width: 40rem;
	margin-top: .8rem;
}
.page_wrap.student-discount .cardtextContent p {
	color: #000;
	font-size: 1rem;
	line-height: 1.2;
}
.page_wrap.student-discount .cardCarousel {
	box-shadow: 0 0 0.4rem rgba(0, 0, 0, .25);
	border-radius: 1.6rem;
	overflow: hidden;
}
.page_wrap.student-discount .cardListIcons ul {
	display: flex;
	gap: 0.8rem;
	margin-bottom: 0.8rem;
}

.page_wrap.student-discount .cardtextContent {
	padding: 0.8rem 1.0rem 1.0rem;
	background-image:url("https://assets2.nativecamps.com/user/webroot/mobile/images/student-discount/icon_heart.svg"),
	url("https://assets2.nativecamps.com/user/webroot/mobile/images/student-discount/icon_chat.svg"),
	url("https://assets2.nativecamps.com/user/webroot/mobile/images/student-discount/icon_share.svg?");
	padding-top: 3.2rem;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 1rem 1.2rem, 3.2rem 1.2rem, 5.7rem 1.2rem;
}
.page_wrap.student-discount .carouselBtm h2 span{
	font-size: 2.4rem;
}
.page_wrap.student-discount .slick-dots li{
	width: 0.8rem;
	height: 0.8rem;
	margin: 0 0.4rem;
}
.page_wrap.student-discount .slick-dots li button{
	width: 0.8rem;
	height: 0.8rem;
	padding: 0;
}
.page_wrap.student-discount .slick-dots li button:before{
	top: 0;
	left: 0;
	width: 0.8rem;
	height: 0.8rem;
	color: #999999;
}

.page_wrap.student-discount .slick-slide img {
    display: block;
    object-fit: cover;
    width: 100%;
}

.page_wrap.student-discount .sec-popular-professional-ani{
	width: 9rem;
	height: 13.5rem;
	position: fixed;
	bottom: 2.3rem;
	right: 0;
	z-index: 51;
	transition: 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.page_wrap.student-discount .sec-popular-professional-ani a img {
	width: auto;
	height: 13.5rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
.page_wrap.student-discount .sec-popular-professional-ani a {
	width: auto;
	height: auto;
	display: block;
}

.page_wrap.student-discount .sec-popular-professional-ani .btn_cls{
	display: block;
	position: absolute;
	right: 0.5rem;
	top: -2rem;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	color: #2E3C49;
	background: #fff;
	z-index: 9999;
	box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.4);
}

.page_wrap.student-discount .sec-popular-professional-ani .btn_cls::before,
.page_wrap.student-discount .sec-popular-professional-ani .btn_cls::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0.6rem;
	height: 0.1rem;
	background-color: #2E3C49;
	transform-origin: center;
}

.page_wrap.student-discount .sec-popular-professional-ani .btn_cls::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.page_wrap.student-discount .sec-popular-professional-ani .btn_cls::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

@keyframes updown {
    0% { 
		transform: translateY(0); 
	}
    100% { 
		transform: translateY(-2.5rem); 
	}
}

.updown {
    -webkit-animation: updown 1s infinite  alternate;
    animation: updown 1s infinite  alternate;
}
/********************/
/***** BENEFITS *****/
/********************/
.page_wrap.student-discount .benefits {
	background-color: #EDFF1A;
	padding: 4rem 0;
	text-align: center;
}
.page_wrap.student-discount .benefits h3 {
	font-size: 3.2rem;
	line-height: 1.25;
	font-weight: 700;
	color: #000000;
	padding: 0 2.8rem;
}
.page_wrap.student-discount .benefits .cards {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: normal;
	gap: 1.6rem;
	padding: 0 1.6rem;
	margin-top: 2.4rem;
}
.page_wrap.student-discount .benefits .card {
	box-sizing: border-box;
	background-color: #fff;
	padding: 3.2rem 2rem;
	border: 2px solid #000;
	border-radius: 8px;
}
.page_wrap.student-discount .benefits .card .icon{
	width: 100%;
	max-width: 12.8rem;
	height: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #37BEF1;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.page_wrap.student-discount .benefits .cards .card .icon .icon-img {
	padding: 2rem;
}
.page_wrap.student-discount .benefits .cards .card .icon img {
	box-sizing: border-box;
	width: 100%;
	height: auto;
}
.page_wrap.student-discount .benefits .card .title {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	color: #000;
	margin-top: 1.6rem;
}
.page_wrap.student-discount .benefits .card p {
	color: #666;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 1.5rem;
}
/********************/
/***** INTRODUCTION *****/
/********************/
.page_wrap.student-discount .intro {
	background-color: #37BEF1;
	padding: 4rem 1.6rem;
	text-align: center;
}
.page_wrap.student-discount .intro h3 {
	font-size: 3.2rem;
	font-weight: 700;
	color: #000;
}
.page_wrap.student-discount .intro .card-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
	gap: 1.6rem;
	margin: 2.4rem 0 0;
}
.page_wrap.student-discount .intro .card {
	border: 2px solid #000;
	border-radius: 8px;
	overflow: hidden;
	background-color: #fff;
}
.page_wrap.student-discount .intro .card .card-img{
	width: 100%;
	height: 19.2rem;
	object-fit: cover;
}
.page_wrap.student-discount .intro .card .content {
	padding: 2rem 2rem 3.2rem;
}
.page_wrap.student-discount .intro .card .title {
	color: #000;
	display: block;
	font-size: 2rem;
	font-weight: 700;
}
.page_wrap.student-discount .intro .card p {
	color: #666666;
	font-size: 1.4rem;
	line-height: 1.5;
	margin-top: 1.6rem;
}
.page_wrap.student-discount .intro .card .details-btn {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	background-color: #EDFF1A;
	color: #000;
	padding: 10px 35px;
	border: 2px solid #000;
	margin: 2.4rem auto 0;
	border-radius: 32px;
	font-size: 1.4rem;
	font-weight: 700;
	max-width: 16.4rem;
	transition: all 0.3s ease-in-out;
}
.page_wrap.student-discount .intro .card .details-btn:hover {
	background-color: #fff;
}
/********************/
/***** PRICING *****/
/********************/
.page_wrap.student-discount .pricing {
	background-color: #FEF6EC;
	padding: 4rem 1.8rem;
	text-align: center;
	color: #000;
}
.page_wrap.student-discount .pricing .heading h3 {
	font-size: 2.6rem;
	font-weight: 700;
	width: max-content;
	margin: auto;
	border-bottom: #F1890E 4px solid;
	padding-bottom: 8px;
	color: #092846;
}
.page_wrap.student-discount .pricing .heading p {
	font-size: 1.6rem;
	line-height: 1.56;
	margin-top: 1.6rem;
}
.page_wrap.student-discount .pricing .diagram {
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	margin: 2.5rem auto 0;
	box-shadow: 0 0 8px rgba(241, 137, 14, 0.3);
}
.page_wrap.student-discount .pricing .diagram .diagram-title {
	display: block;
	font-size: 2rem;
	font-weight: 700;
	background-color: #37BEF1;
	padding: 1rem;
}
.page_wrap.student-discount .pricing .diagram .content {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 2.4rem 1.6rem 0;
}
.page_wrap.student-discount .pricing .diagram .content .title{
	display: block;
}
.page_wrap.student-discount .pricing .diagram .content .usual,
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount {
	width: 50%;
}
.page_wrap.student-discount .pricing .diagram .content .usual .title{
	height: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000;
}
.page_wrap.student-discount .pricing .diagram .content .usual .title {
	padding-right: 2.2rem;
	padding-left: 1rem;
}
.page_wrap.student-discount .pricing .diagram .content .usual .details {
	padding: 0;
}
.page_wrap.student-discount .pricing .diagram .content .usual .img-container,
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .img-container {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	width: 100%;
	border-bottom: 2px solid #ccc; 
}
.page_wrap.student-discount .pricing .diagram .content .usual img {
	padding-right: 2.2rem;
	padding-left: 1rem;
}
.page_wrap.student-discount .pricing .diagram .content .usual img,
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount img  {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin-top: 1.4rem;
}
.page_wrap.student-discount .pricing .diagram .content .usual .details {
	margin-top: 1rem;
	font-size: 1.4rem;
}
.page_wrap.student-discount .pricing .diagram .content .usual .details .price-container,
.page_wrap.student-discount .pricing .diagram .content .usual .details .month-container {
	display: block;
}
.page_wrap.student-discount .pricing .diagram .content .usual .details .price-container .price{
	font-size: 1.4rem;
	font-weight: 700;
}
.page_wrap.student-discount .pricing .diagram .content .usual .details .month-container {
	margin-top: 0.5rem;
}
.page_wrap.student-discount .pricing .diagram .disclaimer {
	text-align: left;
	font-size: 1.2rem;
	margin-top: 0.8rem;
	color: #666666;
	padding: 0 1.6rem 3.2rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .title-container {
	padding-left: 2.2rem;
	padding-right: 1rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .details-container {
	padding: 0rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .title {
	box-sizing: border-box;
	background-color: #fff;
	padding: 4px 6px;
	border: 2px solid #37BEF1;
	border-radius: 4px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #37BEF1;
	max-width: 11.2rem;
	margin: 0 auto;
	height: 2.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media only screen and (max-width: 349px) {
  .page_wrap.student-discount .pricing .diagram .content .zero-student-discount .title {
		font-size: 1.4rem;
	}
}
.page_wrap.student-discount .pricing .diagram .zero-student-discount .title-container .title b {
	flex-shrink: 0;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount img {
	padding-left: 2.2rem;
	padding-right: 1rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .details {
	font-weight: 700;
	font-size: 1.6rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .details .highlight {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding-bottom: 0.3rem;
	max-width: 10.6rem;
	margin: 0 auto;
	background-size: 100% 2.5rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .details img {
	width: 100%;
	max-width: 7.2rem;
	margin-right: -20px;
	margin-top: 1rem;
	padding: 0;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .details .text-blue {
	font-size: 2rem;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .text-blue {
	color: #37BEF1;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .details .month-container {
	display: block;
	margin-top: 0.5rem;
}
.page_wrap.student-discount .pricing .diagram .content .details .month-container:after {
	content: '※';
	display: inline;
	font-size: 1rem;
	vertical-align: top;
}
.page_wrap.student-discount .pricing .diagram .content .zero-student-discount .year {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-top: 0.5rem;
}
.page_wrap.student-discount .pricing .register-btn {
	box-sizing: border-box;
	background-color: #37BEF1;
	margin: 2.4rem auto 0;
	max-width: 28.3rem;
}
.page_wrap.student-discount .pricing .register-btn:hover {
	background-color: #fff;
}
/********************/
/***** TESTIMONIALS *****/
/********************/
.page_wrap.student-discount .testimonials {
	background-color: #37BEF1;
	padding: 6.2rem 0;
	text-align: center;
	overflow: hidden;
}
.page_wrap.student-discount .testimonials h3 {
	font-size: 3.2rem;
	font-weight: 700;
	color: #000;
	padding: 0 1.6rem;
}
.page_wrap.student-discount .testimonials .cards {
	margin: 2.4rem auto 0;
	padding: 0 0 0 1.6rem;
}
.page_wrap.student-discount .testimonials .cards .slick-track {
	display:flex;
	align-items: stretch;
	gap: 1.6rem;
}
.page_wrap.student-discount .testimonials .cards .card {
	box-sizing: border-box;
	width: auto;
	padding: 2.4rem 2rem;
	border: 2px solid #000;
	border-radius: 8px;
	background-color: #fff;
	height: auto;
}
.page_wrap.student-discount .testimonials .cards .card * {
	max-width: 19.6rem;
}
.page_wrap.student-discount .testimonials .card img,
.page_wrap.student-discount .testimonials .card .title {
	display: block;
}
.page_wrap.student-discount .testimonials .cards .card img {
	box-sizing: border-box;
	width: 100%;
	max-width: 12rem;
	height: auto;
	margin: 0 auto;
}
.page_wrap.student-discount .testimonials .card .title {
	font-size: 1.8rem;
	font-weight: 700;
	margin-top: 2rem;
	color: #000;
	white-space: nowrap;
	text-align: left;
}
.page_wrap.student-discount .testimonials .card p{
	text-align: left;
	color: #666666;
	font-size: 1.4rem;
	line-height: 1.78;
	margin-top: 0.8rem;
}
.page_wrap.student-discount .testimonials .slick-dots {
	display: flex;
	justify-content: center;
	gap: 2.4rem;
	margin-top: 2.4rem;
}
.page_wrap.student-discount .testimonials .slick-slider .slick-list {
	padding-bottom: 2.4rem;
}
.page_wrap.student-discount .testimonials .slick-dots li {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0;
	padding: 0;
}
.page_wrap.student-discount .testimonials .slick-dots li button {
	width: 1.6rem;
	height: 1.6rem;
	padding: 0;
}
.page_wrap.student-discount .testimonials .slick-dots li button:before {
	width: 1.6rem;
	height: 1.6rem;
	font-size: 1.6rem;
	line-height: 1.6rem;
	border: 2px solid #EDFF1A;
	border-radius: 50%;
	color: transparent;
	box-sizing: border-box;
	opacity: 1;
}
.page_wrap.student-discount .testimonials .slick-dots li.slick-active button:before {
	opacity: 1;
	color: transparent;
	background: #EDFF1A;
}
/********************/
/***** FAQ *****/
/********************/
.page_wrap.student-discount .faq{
	color: #000;
	padding: 4rem 1.6rem;
}
.page_wrap.student-discount .faq h3{
	font-size: 3.2rem;
	font-weight: 700;
	color: #092846;
	text-align: center;
	width: max-content;
	margin: auto;
	border-bottom: #F1890E 4px solid;
	padding-bottom: 8px;
}
.page_wrap.student-discount .faq ul {
	margin-top: 2.4rem;
}
.page_wrap.student-discount .faq ul li {
	margin-top: 2.5rem;
	/* background: url('../images/student-discount/faq-icon.png') no-repeat left top; */
	background-size: 3.2rem;
	padding-left: 4rem;
	padding-top: 0.8rem;
	position: relative;
}
.page_wrap.student-discount .faq ul li:before {
	content: "Q";
	width: 32px;
	height: 32px;
	border-radius: 100%;
	background: #F1890E;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 3px;
	left: 0;
	color: #FFF;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0 0 5px;
	box-sizing: border-box;
}
.page_wrap.student-discount .faq ul li:first-child {
	margin: 0;
}
.page_wrap.student-discount .faq ul .title{
	display: block;
	font-size: 1.8rem;
	font-weight: 700;
	margin-bottom: 0.8rem;
}
.page_wrap.student-discount .faq ul p {
	font-size: 1.6rem;
	line-height: 1.31;
}
.page_wrap.student-discount .faq ul p b {
	font-weight: 700;
}
.page_wrap.student-discount .faq ul p.small {
	font-size: 1rem;
	margin-top: 0.5rem;
}
.page_wrap.student-discount .faq ul p a {
	color: #000;
	text-decoration: underline;
	font-weight: 700;
}
/* NJ-31356 STUDENT_DISCOUNT END */

/* START NJ-37571 */
.sp-back-btn:before {
	content: url(../images/icon/arrow_left.svg);
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
}
/* END NJ-37571 */
/* 46476 */
.page_wrap.student-discount .main{
	background-size: cover;
}
.page_wrap.student-discount .sec-inner{
	max-width: 1000px;
	margin: auto;
}
.page_wrap.student-discount .main .text-img > img{
	width: 100%;
}
.page_wrap.student-discount .btn-register{
	background-color: #F1890E;
	border-radius: 100px;
	color: #FFF;
	font-size: 2rem;
	width: 343px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	margin: auto;
	position:relative;
}
.page_wrap.student-discount .sec-btn-1{
	background: #FEF6EC;
	padding: 4rem 1.6rem;
}
.page_wrap.student-discount .pricing .diagram{
	padding: 32px 16px 31px;
}
.page_wrap.student-discount .pricing .diagram .discount{
	border-bottom: #CCCCCC 3px solid;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	gap: 0 20px;
	margin-bottom: 24px;
}
.page_wrap.student-discount .pricing .diagram .discount .box .text{
	margin-bottom: 1rem;
	line-height: 1.5;
}
.page_wrap.student-discount .pricing .diagram .discount .box.box-2 .text {
    display: flex;
}
.page_wrap.student-discount .pricing .diagram .discount .box .amount{
	width: 110px;
	height: 146px;
	border-radius: 16px 16px 0 0;
	border: #F1890E solid 3px;
	border-bottom: none;
	margin: auto;
}
.page_wrap.student-discount .pricing .diagram .discount .box-1 .amount{
	background-color: #FEF6EC;
}
.page_wrap.student-discount .pricing .diagram .discount .box-2 .amount{
	border-style: dashed;
	font-size: 3.4rem;
	font-weight: 700;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: none;
}
.page_wrap.student-discount .pricing .diagram .discount .box-2 .amount .txt-zero{
	font-size: 6rem;
}
.page_wrap.student-discount .pricing .diagram .discount .box-2 .amount > img{
	width: 75px;
}
.page_wrap.student-discount .pricing .diagram .discount .box-2 .text{
	font-weight: 700;
}
.page_wrap.student-discount .pricing .diagram .discount .box-2 .text:before,
.page_wrap.student-discount .pricing .diagram .discount .box-2 .text:after{
	content: "";
	display: inline-block;
	width: 3px;
	height: 30px;
	transform: rotate(153.36deg) translate(15px, -2px);
	background-color: #F1890E;
	border-radius: 10px;
}
.page_wrap.student-discount .pricing .diagram .discount .box-2 .text:after{
	transform: rotate(26.64deg) translate(16px, 2px);
}
.page_wrap.student-discount .pricing .diagram .discount .arrow{
	border: transparent 22px solid;
	border-left-color: #D9D9D9;
	border-right: 0;
	transform: translateY(-45px);
}
.page_wrap.student-discount .pricing .diagram .note{
	font-size: 1.4rem;
	text-align: left;
	line-height: 2.1rem;
}
.page_wrap.student-discount .pricing .diagram .note p + p{
	margin-top: 0.8rem;
}
.page_wrap.student-discount .sec-btn-2{
	padding: 4rem 0;
}
.page_wrap.student-discount .sec-note{
	padding: 0 1.6rem 4rem;
	font-size: 1.4rem;
	line-height: 1.8;
}
.page_wrap--new_year_2025{
	background: #fff !important;
}

/* Start NJ-71277 */
.desc_title {
	position: relative;
	padding-left: 14px;
}
.desc_title small {
	position: absolute;
	left: 0;
}
/* End NJ-71277 */

.page_wrap.student-discount .btn-register::after {
    content: url(https://assets.nativecamps.com/user/webroot/mobile/images/student-discount/Union.svg);
    position: absolute;
    right: 2rem;
    top: 1.5rem;
}
.page_wrap.student-discount .btn-shine {
    position: relative;
    overflow: hidden;
}
.page_wrap.student-discount .btn-shine::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -18rem;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #fff;
    animation: btnShine 3s ease-in-out infinite;
}
@-webkit-keyframes btnShine {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* 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: #D91C0B;
	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-73631 */
.responsive-img {
    max-width: 100%;
    height: auto;
}
/* NJ-73631 */

.page_wrap--campaign .note {
	position: relative;
	padding-left: 1.2rem;
}
.page_wrap--campaign .note span {
	position: absolute;
	left: 0;
}

/* NJ-87530 start*/
.page_wrap.student-discount .sec-btn-1 .sec-inner {
	max-width: 83.1rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4rem;
}
.page_wrap.student-discount .notice-box {
	position: relative;
	background-color: #fff;
	border: 0.2rem solid #F1890E;
	border-radius: .8rem;
	padding: 3.2rem 2rem;
	width: 100%;
	box-sizing: border-box;
	height: 25.2rem;
}
.page_wrap.student-discount .notice-badge {
	position: absolute;
	top: -2rem;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F1890E;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 150%;
	padding: 0.6rem 2.3rem;
	border-radius: 10rem;
	letter-spacing: 0.05em;
}
.page_wrap.student-discount .notice-content {
	text-align: center;
}
.page_wrap.student-discount .notice-heading {
	font-size: 2rem;
	font-weight: 700;
	color: #000;
	line-height: 1.6;
	margin-bottom: 2.4rem;
}
.page_wrap.student-discount .notice-heading .highlight-orange {
	color: #F1890E;
	font-weight: 700;
}
.page_wrap.student-discount .notice-text {
	font-size: 1.6rem;
	text-align: left;
	color: #333;
	line-height: normal;
	margin: 0
}
/* NJ-87530 end */

/* NJ-92448: Project Report styles */
.mb_24{
   margin-bottom: 2.4rem;
}
.mb_16{
   margin-bottom: 1.6rem;
}
.school_proj_inner .sec-wrap{
   padding: 4rem 2rem;
}
.page_corporate.school_proj .school_proj_inner .sec.sec_main .img_area{
   height: 32rem;
   max-height: none;
}
.school_proj_inner .school_project_teacher_ttl_wrap{
   position: relative;
}
.school_proj_inner .school_project_teacher_ttl_box{
   position: absolute;
   top: 13rem;
   left: 50%;
   transform: translateX(-50%);
   display: flex;
   flex-direction: column;
   gap: .8rem;
   width: 33.9rem;
}
.school_proj_inner .school_project_teacher_ttl_box .large_heading{
   background: #F1890E;
   padding: 1.6rem 1rem;
   font-size: 2.6rem;
   color: #fff;
   font-weight: 700;
   text-align: center;
}
.school_proj_inner .school_project_teacher_ttl_box .medium_heading{
	margin: 0;
	color: #fff;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 4rem;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	white-space: nowrap;
	text-align: center;
}
.school_proj_inner .school_project_teacher_ttl_box .small_heading{
	color: #FFF3E6;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0.16rem;
	text-shadow: 0px 4px 4px rgba(0,0,0,0.1);
	margin: 0;
}
.school_proj_inner .proj_teacher_notice{
	margin: 0 auto;
}
.school_proj_inner .proj_teacher_notice p{
   color: #0C243C;
   font-size: 1.6rem;
   line-height: 160%;
}
.school_proj_inner .sec-wrap.bg_mission{
	background: #F9FAFB;
}

.school_proj_inner .sec-wrap .title_wrap{
	margin-bottom: 4rem;
	text-align: center;
}
.school_proj_inner .sec-wrap .title_wrap h3{
   color: #F1890E;
   font-size: 1.4rem;
   font-weight: 700;
   text-align: center;
   margin-bottom: 1.2rem;
}
.school_proj_inner .sec-wrap .title_wrap h2{
   color: #0C243C;
   text-align: center;
   font-size: 2.4rem;
   font-weight: 700;
}
.school_proj_inner .bg_mission .bg_cont_wrap{
   margin: 0 auto;
   border-radius: 1.6rem;
   padding: 2.4rem;
   background: #FFF;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
   font-size: 1.6rem;
}
.school_proj_inner .bg_mission .bg_cont_wrap h4{
   font-size: 1.8rem;
   font-weight: 700;
   color: #F1890E;
   border-bottom: 1px solid rgba(0, 0, 0, 0.10);
   padding-bottom: 1.6rem;
   line-height: 160%;
}
.school_proj_inner .bg_mission .bg_cont_wrap .bullet_list{
   margin: 2.4rem 0;
}
.school_proj_inner .bg_mission .bg_cont_wrap .bullet_list li{
	border-radius: 1rem;
    background: #FFF3E6;
    padding: 1.6rem 1.6rem 1.6rem 4.5rem;
    margin-bottom: 1.6rem;
    font-weight: 400;
    color: #333;
    line-height: 160%;
    position: relative;

}
.school_proj_inner .bg_mission .bg_cont_wrap .bullet_list li:before{
	content: '';
    position: absolute;
    left: 1.6rem;
    top: 2rem;
    background: #F1890E;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
}
.bg_cont_wrap .bdr-top{
   border-top: 1px solid rgba(0, 0, 0, 0.10);
   padding-top: 2.4rem;
}
.school_proj_inner .bg_mission .bg_cont_wrap p{
   line-height: 160%;
}
.school_proj_inner .support_results_cont{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2.4rem;
	font-size: 1.6rem;
	margin: 0 auto;
	align-items: center;
}
.school_proj_inner .support_results_cont .result_content{
	width: 51.2rem;
	display: flex;
	flex-direction: column;
	gap: 2.4rem;
	order: 2;
}
.school_proj_inner .result_content .result_content_inner_top{
   border-radius: 0 10px 10px 0;
   border-left: 5px solid #F1890E;
   background: #FFF3E6;
   padding: 2.4rem 2.4rem 2.4rem 2.7rem;
   color: #1E2939;
   line-height: 160%;
}
.school_proj_inner .result_content .result_content_inner_top .highlights{
   color: #F1890E;
   font-size: 2rem;
   font-weight: 700;
   line-height: 160%;
}
.school_proj_inner .result_content .result_content_inner_btm{
   color: #364153;
   line-height: 160%;
}
.school_proj_inner .support_results_cont .result_cont_img img{
   border-radius: 2rem;
}
.page_school.school_proj .sec_testimonials{
	background: #F9FAFB;
}
/* Testimonials Slider - School Project Teacher */
.testimonials_wrap {
	overflow: hidden;
	padding: 0;
	width: 100%;
	max-width: 335px;
	margin: 0 auto;
}

.teacher-voice-slider {
	list-style: none;
	padding: 0;
	margin: 0;
}

.teacher-voice-slider .item {
	margin: 0;
	width: 290px;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}

.teacher-voice-slider .slick-list {
	overflow: visible;
	margin: 0;
	padding: 0;
}

.teacher-voice-slider .slick-track {
	display: flex;
	align-items: stretch;
	gap: 16px;
}

.teacher-voice-slider .slick-slide {
	height: auto;
	display: flex;
	width: 290px;
}

.teacher-voice-slider .slick-slide > div {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.page_corporate.school_proj .teacher_voice_list .item + .item{
	margin-top: 0;
}
.page_corporate.school_proj .teacher_voice_list .item {
	padding: 2.4rem;
	border-radius: 16px;
	border: 1px solid #DDD;
	background: #FFF;
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 768px) {
	.testimonials_wrap {
		max-width: 335px;
	}
}
.page_corporate.school_proj .teacher_voice_list .item .item_header .avatar{
   margin-bottom: 1.6rem;
}
.page_corporate.school_proj .teacher_voice_list .item .item_header{
   margin-bottom: 1.6rem;
}
.page_corporate.school_proj .teacher_voice_list .item .answer_list{
   padding-top: 0;
}
.page_corporate.school_proj .teacher_voice_list .item .answer_list .quest {
   font-size: 1.6rem;
   line-height: 160%;
   padding-left: 2rem;
   font-weight: 700;
   margin-bottom: .8rem;
}
.page_corporate.school_proj .teacher_voice_list .item .answer_list .answer{
   font-size: 1.6rem;
   line-height: 160%;
   padding-left: 2rem;
   color: #333;
}
.page_corporate.school_proj .teacher_voice_list .item .answer_list .answer + .quest{
	margin-top: 1.6rem;
	margin-bottom: .8rem;
}
.page_corporate.school_proj .teacher_voice_list .item .answer_list .answer{
	margin-top: 0;
}
.page_corporate.school_proj .teacher_voice_list .item .item_header .info p{
	color: #333;
	font-weight: 700;
}

/* .school_proj_inner .survey_content{
   margin: 0 auto;
   width: 96rem;
} */
.school_proj_inner .survey_content p{
   color: #333;
   font-size: 1.6rem;
   line-height: 160%;
}
.school_proj_inner .survey_content .survey_boxes_wrap{
   display: flex;
   gap: 1.6rem;
   justify-content: space-between;
   padding-top: 4rem;
   flex-direction: column;
}
.school_proj_inner .survey_content .survey_box{
   text-align: center;
   border-radius: 1.6rem;
   border: 2px solid #F1890E;
   background: #FFF;
   padding: 3.2rem;
   cursor: pointer;
   transition: all 0.3s ease;
}
.school_proj_inner .survey_content .survey_box:hover{
	background: #F1890E;
}
.school_proj_inner .survey_content .survey_box h3{
   color: #F1890E;
   font-size: 1.4rem;
   margin-bottom: .8rem;
   font-weight: 700;
}
.school_proj_inner .survey_content .survey_box p{
   color: #0C243C;
   font-size: 1.6rem;
   line-height: 160%;
   font-weight: 700;
}
.school_proj_inner .survey_content .survey_box a{
   display: block;
   text-decoration: none;
}
.school_proj_inner .survey_content .survey_box:hover h3,
.school_proj_inner .survey_content .survey_box:hover p{
   color: #FFF;
}

.school_proj_inner .ftr_wrap{
   background: var(--Linear, linear-gradient(60deg, #F9692B 7.77%, #FCD800 92.23%));
}
.school_proj_inner .ftr_wrap .ftr_inner{
   margin: 0 auto;
   border-radius: 1.6rem;
   background: #FFF;
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
   padding: 2.4rem;
   text-align: left;
   display: flex;
   flex-direction: column;
   gap: 2.4rem;
}

.school_proj_inner .ftr_inner .ftr_ttl{
   color: #0C243C;
   font-size: 2.4rem;
   font-weight: 700;
   line-height: 150%;
}
.school_proj_inner .ftr_inner .ftr_desc{
   color: #333;
   font-size: 1.6rem;
   line-height: 160%;
}
.school_proj_inner .ftr_inner .ftr_ttl_small{
   color: #0C243C;
   font-size: 1.8rem;
   font-weight: 700;
   line-height: 150%;
}
.school_proj_inner .ftr_btn_wrap{
   display: flex;
   justify-content: center;
   gap: 1.6rem;
   flex-direction: column;
}
.school_proj_inner .ftr_btn_wrap a{
   border-radius: 6.5rem;
   font-size: 1.6rem;
   font-weight: 700;
   line-height: 5.8rem;
   text-align: center;
}
.school_proj_inner .ftr_btn_wrap .btn_gradient{
   background: var(--Linear, linear-gradient(60deg, #F9692B 7.77%, #FCD800 92.23%));
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
   color: #fff;
   
}
.school_proj_inner .ftr_btn_wrap .btn_gradient:hover{
   border: 2px solid #F1890E;
   background: #FFF;
   color: #F1890E;
}
.school_proj_inner .ftr_btn_wrap .btn_normal:hover{
   background: #F1890E;
   color: #fff;
}
.school_proj_inner .ftr_btn_wrap .btn_normal{
   border: 2px solid #F1890E;
   background: #FFF;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);
   color: #F1890E;
}
.page_school.school_proj{
   padding-bottom: 0;
}

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

.reply-restriction-notice-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    border-radius: 12px;
    padding: 20px;
    background: #FCFAF3;
    border: 1px solid #F6D01B;
	margin: 4rem 1.6rem;
    box-sizing: border-box;
}

.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/sp_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: #74660A;
    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: #74660A;
    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;
}

/* SP back link ("一覧に戻る") */
.reply-restriction-back-sp {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #4D4D4D;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    padding: 0 16px;
}

.reply-restriction-back-sp .back-icon::before {
    font-family: 'FontAwesome';
    content: "\f053";
    font-size: 14px;
}

.reply-restriction-back-sp .back-text {
    text-decoration: underline;
}
/* NJ-97685 END */