@charset "utf-8";
html{
	scroll-behavior: smooth;
}
body{
	overflow-x: hidden;
}

@font-face {
	font-family: NotoSansJP;
	src: url('../fonts/NotoSansJP/NotoSansJP-Regular.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: NotoSansJP;
	src: url('../fonts/NotoSansJP/NotoSansJP-Bold.otf') format('opentype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: NotoSans;
	src: url('../fonts/NotoSans/NotoSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: NotoSans;
	src: url('../fonts/NotoSans/NotoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

.page_wrap.page_wrap-option-special {
	font-family: NotoSansJP, NotoSans, sans-serif!important;
	padding: 0;
	overflow: visible;
}
.page-opt-ntv,
.page-opt-ntv:before,
.page-opt-ntv:after,
.page-opt-ntv *,
.page-opt-ntv *:before,
.page-opt-ntv *:after {
	box-sizing: border-box;
}
.page-opt-ntv {
	font-size: 1.5rem;
	line-height: 1.8;
	background-color: #fff;
}
/* .page-opt-ntv.ns-bg-dots:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: radial-gradient(#FDEDDA 2px, transparent 2px) 15% 25% / 40px 40px;
	z-index: 0;
}
.page-opt-ntv.ns-bg-dots > * {
	position: relative;
	z-index: 10;
} */
.page-opt-ntv img {
	display: block;
	width: 100%;
}
.page-opt-ntv .max-w-960 {
	max-width: 96rem;
	margin: 0 auto;
}
.page-opt-ntv .max-w-970 {
	max-width: 97rem;
	margin: 0 auto;
}
.page-opt-ntv img.w_70{
	width: 70%;
	margin: 2rem auto;
}
/* buttons */
/* btn-1 */
.page-opt-ntv .opt-btn-1 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 8rem;
	font-size: 2.2rem;
	font-weight: bold;
	color: #fff;
	background-color: #f1890e;
	padding: .5rem 1rem;
	box-shadow: 0 .5rem 0 0 rgba(188,101,14,1);
	margin-bottom: .5rem;
	border-radius: 1rem;
	transition: background-color .2s linear;
}
.page-opt-ntv .opt-btn-1:hover {
	background-color: #ffa436;
}
.page-opt-ntv .opt-btn-1.arrow {
	padding: .5rem 4rem;
}
.page-opt-ntv .opt-btn-1.arrow:after {
	content: '';
	display: block;
	position: absolute;
	right: 2rem;
	top: 50%;
	width: 2rem;
	height: 2rem;
	border: .4rem solid transparent;
	border-right-color: #fff;
	border-bottom-color: #fff;
	transform: translateY(-50%) rotateZ(-45deg);
}
.page-opt-ntv .opt-btn-1.min-570 {
	min-width: 57rem;
}
/* btn-play */
.page-opt-ntv .opt-btn-play {
	display: inline-block;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	border: none;
	background-color: #fff;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: background-color .2s linear;
}
.page-opt-ntv .opt-btn-play:hover {
	cursor: pointer;
}
.page-opt-ntv .opt-btn-play.blue {
	background-image: url(../images/option/native-special/icon-btn-play-blue.svg);
}
.page-opt-ntv .opt-btn-play.blue:hover {
	background-color: #edf2fc;
}
.page-opt-ntv .opt-btn-play.red {
	background-image: url(../images/option/native-special/icon-btn-play-red.svg);
}
.page-opt-ntv .opt-btn-play.red:hover {
	background-color: #fee6e6;
}
/* card */
.page-opt-ntv .sec-orange-card {
	background-color: #fff5e9;
	padding: 10rem 9.5rem;
	border-radius: 2rem;
}
.page-opt-ntv .sec-grey-card {
	background-color: #f5f5f5;
	padding: 5rem 4rem;
	border-radius: 2rem;
}
/* 16:9 video wrap */
.page-opt-ntv .v-wrap-16-9 {
	position: relative;
}
.page-opt-ntv .v-wrap-16-9:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
.page-opt-ntv .v-wrap-16-9 > iframe {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
/* fancy title */
.page-opt-ntv .opt-fancy-title {

}
.page-opt-ntv .opt-fancy-title {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-opt-ntv .opt-fancy-title > .title-inner {
	position: relative;
}
.page-opt-ntv .opt-fancy-title .title-text {
	position: relative;
	z-index: 2;
	text-align: center;
	font-weight: bold;
	line-height: 1.6;
	color: #434343;
}
.page-opt-ntv .opt-fancy-title .title-text .t-text-1 {
	font-size: 2.4rem;
}
.page-opt-ntv .opt-fancy-title .title-text .t-text-2 {
	font-size: 3rem;
}
.page-opt-ntv .opt-fancy-title .title-text .has-em {
	padding-bottom: 1rem;
}
.page-opt-ntv .opt-fancy-title .title-text em {
	position: relative;
	display: inline-block;
	font-size: 3rem;
}
.page-opt-ntv .opt-fancy-title .title-text em:after {
	content: '';
    display: block;
    z-index: 2;
    left: 0;
    top: calc(100%);
    width: 60%;
    height: 0.4rem;
    border-radius: 0.2rem;
	margin: 1.5rem auto;
    background-color: #F1890E;
}
.page-opt-ntv .opt-fancy-title .fancy-design {
	display: block;
	position: absolute;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.page-opt-ntv .opt-fancy-title {
	padding-top: 4rem;
	margin-bottom: 4rem;
}
/* type-1 */
.page-opt-ntv .opt-fancy-title.type-1 {
	/*margin-bottom: 9rem;*/
}
.page-opt-ntv .opt-fancy-title.type-1 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -5rem;
	right: unset;
	bottom: unset;
	left: -10rem;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-1 .fancy-design-2 {
	width: 24.5rem;
	height: 23rem;
	top: 0;
	right: -17rem;
	bottom: unset;
	left: unset;
	background-image: url(../images/option/native-special/fancy-2-1.svg);
}
/* type-2 */
.page-opt-ntv .opt-fancy-title.type-2 {

}
.page-opt-ntv .opt-fancy-title.type-2 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -2rem;
	right: -10rem;
	bottom: unset;
	left: unset;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-2 .fancy-design-2 {
	width: 23.5rem;
	height: 24.5rem;
	top: unset;
	right: unset;
	bottom: -20rem;
	left: -26rem;
	background-image: url(../images/option/native-special/fancy-2-2.svg);
}
/* type-3 */
.page-opt-ntv .opt-fancy-title.type-3 {

}
.page-opt-ntv .opt-fancy-title.type-3 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -3rem;
	right: unset;
	bottom: unset;
	left: -20rem;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-3 .fancy-design-2 {
	width: 24.5rem;
	height: 23rem;
	top: unset;
	right: -17.5rem;
	bottom: -10rem;
	left: unset;
	background-image: url(../images/option/native-special/fancy-2-1.svg);
}
/* type-4 */
.page-opt-ntv .opt-fancy-title.type-4 {

}
.page-opt-ntv .opt-fancy-title.type-4 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -2rem;
	right: -8rem;
	bottom: unset;
	left: unset;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-4 .fancy-design-2 {
	width: 24.5rem;
	height: 26rem;
	top: -7rem;
	right: unset;
	bottom: unset;
	left: -16rem;
	background-image: url(../images/option/native-special/fancy-2-3.svg);
}
/* type-5 */
.page-opt-ntv .opt-fancy-title.type-5 {

}
.page-opt-ntv .opt-fancy-title.type-5 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -6rem;
	right: unset;
	bottom: unset;
	left: -10rem;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-5 .fancy-design-2 {
	width: 24.5rem;
	height: 26rem;
	top: -6rem;
	right: -6rem;
	bottom: unset;
	left: unset;
	background-image: url(../images/option/native-special/fancy-2-4.svg);
}
/* type-6 */
.page-opt-ntv .opt-fancy-title.type-6 {

}
.page-opt-ntv .opt-fancy-title.type-6 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -1rem;
	right: -15rem;
	bottom: unset;
	left: unset;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-6 .fancy-design-2 {
	width: 25rem;
	height: 21rem;
	top: -6rem;
	right: unset;
	bottom: unset;
	left: -32rem;
	background-image: url(../images/option/native-special/fancy-2-5.svg);
}
/* type-7 */
.page-opt-ntv .opt-fancy-title.type-7 {

}
.page-opt-ntv .opt-fancy-title.type-7 .fancy-design-1 {
	width: 10rem;
	height: 9rem;
	top: -1rem;
	right: -8rem;
	bottom: unset;
	left: unset;
	background-image: url(../images/option/native-special/fancy-1-1.svg);
}
.page-opt-ntv .opt-fancy-title.type-7 .fancy-design-2 {
	width: 25rem;
	height: 21rem;
	top: -6rem;
	right: unset;
	bottom: unset;
	left: -23rem;
	background-image: url(../images/option/native-special/fancy-2-5.svg);
}
/* hand list */
.page-opt-ntv .hand-list {

}
.page-opt-ntv .hand-list > li {
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	color: #555;
	padding-left: 3.5rem;
}
.page-opt-ntv .hand-list > li:before {
	content: '';
	display: block;
	position: absolute;
	top: .2em;
	left: 0;
	width: 2.4rem;
	height: 2.4rem;
	background-image: url(../images/option/native-special/icon-hand.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.page-opt-ntv .hand-list > li > b {
	color: #f1890e;
}
.page-opt-ntv .hand-list > li + li {
	margin-top: 2rem;
}
/* sec */
.page-opt-ntv .opt-sec.bg-light-orange {
	background-color: #FFF6EC;
}
.page-opt-ntv .opt-sec > .sec-inner {
	position: relative;
	z-index: 1;
	max-width: 128rem;
	padding: 0;
	margin: 0 auto;
}
.page-opt-ntv .opt-sec .sec-title {
	text-align: center;
	font-size: 3rem;
	font-weight: bold;
	margin-bottom: 5rem;
}
.page-opt-ntv .apply-btn-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-opt-ntv .opt-sec.sec-01 .hand-list-wrap {
	max-width: 72rem;
	margin: 0 auto;
}

/* sec-user-review */
.page-opt-ntv .opt-sec.sec-user-review {
margin-bottom: 120px;
}
.page-opt-ntv .opt-sec.sec-user-review .video-area {

}
.page-opt-ntv .opt-sec.sec-user-review .video-area .video-wrap {
	max-width: 64rem;
	margin: 0 auto;
}
.page-opt-ntv .opt-sec.sec-user-review .user-review-area {

}
.page-opt-ntv .user-review-list {

}
.page-opt-ntv .user-review-list > li {

}
.page-opt-ntv .user-review-list > li + li {
	margin-top: 6rem;
}
/* //////////////////////////////////////////////////////////////////////// */
/* sec-benefit */

.page-opt-ntv .opt-sec.sec-benefit{
	padding-bottom: 240px!important;
}

.page-opt-ntv .opt-sec.sec-benefit,
.page-opt-ntv .opt-sec.sec-rate-plan {
	position: relative;
}

.page-opt-ntv .opt-sec.sec-benefit::before,
.page-opt-ntv .opt-sec.sec-rate-plan::before{
	content: '';
	position: absolute;
    bottom: 100%;
    width: 100%;
	height: 115px;
    left: 50%;
	background-image: url(../images/option/native-special/reason_bg.svg);
	background-position: center bottom;
	background-repeat: repeat-x;
    transform: translateX(-50%);
	z-index: 0;
}

.page-opt-ntv .opt-sec.sec-rate-plan::before{
	bottom: unset;
    top: 100%;
    transform: translateX(-50%) rotateX(180deg);
}

.page-opt-ntv .ns-sec-interview{
	background-image: url(../images/option/native-special/interview_bg.svg);
	background-color: #FDD8AA;
	background-position: center center;
	background-size: cover;
}

.page-opt-ntv .ns-sec-01 .ns-card{
	background: #FEF6EC;
	box-shadow: none;
}
.page-opt-ntv .ns-sec-01 .ns-card .ns-lined{
	font-weight: bold;
}

.page-opt-ntv .opt-benefit-list {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -3rem;
	margin-right: -3rem;
}
.page-opt-ntv .opt-benefit-list > li {
	padding: 0 3rem;
}
.page-opt-ntv .opt-benefit-list .benefit-circle {
	position: relative;
	width: 28rem;
	height: 28rem;
	padding: 1rem;
	border-radius: 50%;
	background: rgb(241,137,14);
	background: linear-gradient(225deg, rgba(241,137,14,1) 0%, rgba(254,224,189,1) 100%);
	box-shadow: 4px 4px 10px #E6D8C6;
}
.page-opt-ntv .opt-benefit-list .benefit-circle .benefit-index {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background-color: #f1890e;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%);
}
.page-opt-ntv .opt-benefit-list .benefit-circle > .circle-inner {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #FFF6EC;
}
.page-opt-ntv .opt-benefit-list .benefit-circle .circle-content {
	padding: 5.5rem 2rem 0;
}
.page-opt-ntv .opt-benefit-list .benefit-circle .circle-icon {
	max-width: 6rem;
	margin: 0 auto;
}
.page-opt-ntv .opt-benefit-list .benefit-circle .circle-text {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #555;
	margin-top: 2rem;
}
.page-opt-ntv .opt-benefit-goal-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-opt-ntv .opt-benefit-goal {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20rem;
	min-width: 97rem;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,216,170,1) 100%);
	padding: 0 3rem;
	border-radius: 1rem;
}
.page-opt-ntv .opt-benefit-goal > .goal-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-width: 64rem;
}
.page-opt-ntv .opt-benefit-goal .goal-text {
	text-align: center;
}
.page-opt-ntv .opt-benefit-goal .long-arrow {
	flex-shrink: 0;
	width: 32rem;
	height: 2rem;
	background-image: url(../images/option/native-special/icon-long-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.page-opt-ntv .opt-benefit-goal .goal-text > p {
	font-size: 1.6rem;
	line-height: 2;
	font-weight: bold;
}
.page-opt-ntv .opt-benefit-goal .goal-text > p > b {
	font-size: 2.4rem;
}
.page-opt-ntv .opt-sec.sec-sns {
	position: relative;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.page-opt-ntv .opt-sec.sec-sns .sec-inner {
	display: flex;
	justify-content: center;
}
.page-opt-ntv .opt-sec.sec-fast {
	width: 100vw;
	height: auto;
	background: url('../images/option/native-special/interview_bg.png') center center no-repeat;
	background-repeat: no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.page-opt-ntv .opt-fast-list {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin-left: -3.5rem;
	margin-right: -3.5rem;
}
.page-opt-ntv .opt-fast-list > li {
	flex: 1;
	flex-shrink: 0;
	padding: 2rem;
	margin: 1rem 2rem 3rem;
	background-color: #fff;
	border-radius: 10px;
	text-align: center
}
.page-opt-ntv .opt-fast-list .fast-img {
	width: 160px;
	height: 160px;
	margin: 0 auto;
}
.page-opt-ntv .opt-fast-list .fast-title {
	font-size: 2.4rem;
	text-align: center;
	font-weight: bold;
	min-height: 7.2rem;
	margin-top: 2rem;
}
.page-opt-ntv .opt-fast-list .line_dash {
	border: 1px dashed #CCCCCC;
	margin-top: 1rem;
}
.page-opt-ntv .opt-fast-list .fast-detail {
	font-size: 2.2rem;
	margin-top: 2rem;
	color: #F1890E;
}
/* sec-reason */
.page-opt-ntv .opt-sec.sec-reason {
	padding-bottom: 15rem;
}
.page-opt-ntv .reason-list-wrap {

}
.page-opt-ntv .reason-list {

}
.page-opt-ntv .reason-list > li + li {
	margin-top: 6rem;
}
.page-opt-ntv .reason-list .reason-box {
	display: flex;
	align-items: stretch;
}
.page-opt-ntv .reason-list .reason-box .reason-img {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	width: 48rem;
}
.page-opt-ntv .reason-list .reason-box .reason-img .img-inner {
	box-shadow: 0 0 .5rem rgba(0,0,0,.15);
}
.page-opt-ntv .reason-list .reason-box .reason-text {
	position: relative;
	top: 3rem;
	flex: 1;
}
.page-opt-ntv .reason-list .reason-box .reason-text > .reason-text-inner {
	height: 100%;
	background-color: #FFF6EC;
	padding: 3rem 3rem 3rem 5rem;
	margin-left: -2rem;
}
.page-opt-ntv .reason-list .reason-box .reason-title {
	font-size: 2.4rem;
	font-weight: bold;
}
.page-opt-ntv .reason-list .reason-box .reason-detail {
	font-size: 1.8rem;
	line-height: 1.8;
	margin-top: 2rem;
}
/* sec-textbook */
.page-opt-ntv .opt-sec.sec-textbook {
	padding-bottom: 12rem;
}
.page-opt-ntv .textbook-list-wrap {

}
.page-opt-ntv .textbook-list-wrap .textbook-list-title {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #f1890e;
}
.page-opt-ntv .textbook-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.page-opt-ntv .textbook-list > li {
	
}
.page-opt-ntv .textbook-list > li:nth-child(n+4) {
	margin-top: 6rem;
}
.page-opt-ntv .textbook-list .textbook-circle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32.5rem;
	height: 32.5rem;
	border-radius: 50%;
	background-color: #fff;
	border: .2rem solid #f1890e;
}
.page-opt-ntv .textbook-list .textbook-circle > .circle-index {
	position: absolute;
	z-index: 4;
	top: 5rem;
	left: -3rem;
	background-color: #fff;
	padding: 1rem;
}
.page-opt-ntv .textbook-list .textbook-circle > .circle-index > p {
	font-family: 'Arial', sans-serif;
	font-size: 6.5rem;
	font-weight: bold;
	line-height: 1;
	color: #f1890e;
}
.page-opt-ntv .textbook-list .textbook-circle > .circle-inner {
	position: relative;
	z-index: 5;
	max-width: 22rem;
}
.page-opt-ntv .textbook-list .textbook-circle .circle-title {
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
}
.page-opt-ntv .textbook-list .textbook-circle .circle-detail {
	font-size: 1.8rem;
	line-height: 1.5;
	margin-top: 1rem;
}
/* price */
.page-opt-ntv .opt-sec.sec-price {
	background: url('../images/option/native-special/reason_bg_reverse.png') center center no-repeat;
	background-repeat: no-repeat;
	background-position:50% 50%;
	position: relative;
    width: 100vw;
    height: 1900px;
    background-size: contain;
}
.page-opt-ntv .option-native-price-table {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin: 0 -2.5rem;
}
.page-opt-ntv .option-native-price-table > .col--1,
.page-opt-ntv .option-native-price-table > .col--2 {
	/*flex: 1;*/
	width: 50%;
	padding: 0 2.5rem;
}
.page-opt-ntv .option-native-price-table .col-inner {
	height: 100%;
	background-color: #f7f7f7;
	border: 1px solid #bababa;
	border-radius: 1rem;
	padding: 5rem;
}
.page-opt-ntv .option-native-price-table .box-1 {
	position: relative;
	padding: 0 4.5rem;
}
.page-opt-ntv .option-native-price-table .box-1 > .box-inner {
	background-color: #1BD0B4;
	padding: 3rem 1rem;
}
.page-opt-ntv .option-native-price-table .box-1.blue > .box-inner {
	background-color: #4D7EDE;
}
.page-opt-ntv .option-native-price-table .box-1.orange > .box-inner {
	background-color: #f1890e;
}
.page-opt-ntv .option-native-price-table .box-1 .box-title {
	font-size: 2.2rem;
	text-align: center;
	font-weight: bold;
	color: #fff;
}
.page-opt-ntv .option-native-price-table .box-1 .box-price {
	padding: 0 2rem;
	margin-top: 2rem;
}
.page-opt-ntv .option-native-price-table .box-1 .box-price > .price-inner {
	background-color: #fff;
	font-size: 2.2rem;
	text-align: center;
	padding: 2rem;
}
.page-opt-ntv .option-native-price-table .box-1 .box-price > .price-inner > b {
	font-weight: bold;
}
.page-opt-ntv .option-native-price-table .box-1.row-2 {
	margin-top: 6rem;
}
.page-opt-ntv .option-native-price-table .box-2 {
	position: relative;
	margin-top: 6rem;
	background-color: #fff;
	padding: 2rem 1rem;
	border: 1px solid #BABABA;
	border-radius: 4px;
	box-shadow: 0 0 1.5rem rgba(0,0,0,.3);
}
.page-opt-ntv .option-native-price-table .box-2 .box-price {
	text-align: center;
	font-size: 3.2rem;
}
.page-opt-ntv .option-native-price-table .box-2 .box-price > b {
	color: #f1890e;
	font-weight: bold;
	font-size: 4rem;
}
.page-opt-ntv .option-native-price-table .box-1.row-2:before {
	content: '';
	display: block;
	position: absolute;
	width: 3rem;
	height: 3rem;
	background-image: url(../images/option/native-special/icon-plus.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: 50%;
	top: -3rem;
	transform: translate(-50%, -50%);
}
.page-opt-ntv .option-native-price-table .box-2:before {
	content: '';
	display: block;
	position: absolute;
	width: 1.7rem;
	height: 2.8rem;
	background-image: url(../images/option/native-special/icon-equal-vertical.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	left: 50%;
	top: -3rem;
	transform: translate(-50%, -50%);
}
/* usage */
.page-opt-ntv .opt-sec.sec-usage{
	padding-bottom: 12rem;
}
.page-opt-ntv .usage-list {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin-left: -2.7rem;
	margin-right: -2.7rem;
}
.page-opt-ntv .usage-list > li {
	position: relative;
	flex: 1;
	padding: 0 2.7rem;
}
.page-opt-ntv .usage-list > li + li:before {
	content: '';
	display: block;
	position: absolute;
	width: 1.8rem;
	height: 3.2rem;
	background-image: url(../images/option/native-special/icon-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	opacity: .5;
}
.page-opt-ntv .usage-list .step-box {
	height: 100%;
	background-color: #fff;
	box-shadow: 0 0 3rem rgba(255,127,0,.4);
}
.page-opt-ntv .usage-list .step-box .step-img {
	
}
.page-opt-ntv .usage-list .step-box .step-detail {
	padding: 2rem 1.5rem;
}
.page-opt-ntv .usage-list .step-box .step-count {
	text-align: center;
}
.page-opt-ntv .usage-list .step-box .step-count-badge {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 10rem;
	height: 3.4rem;
	border-radius: 1.7rem;
	border: 1.5px solid #f1890e;
	color: #f1890e;
	font-size: 1.5rem;
	font-weight: bold;
}
.page-opt-ntv .usage-list .step-box .step-text {
	line-height: 2;
	margin-top: 2rem;
}
.page-opt-ntv .manage-list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -3rem;
	margin-right: -3rem;
}
.page-opt-ntv .manage-list > li {
	flex: 1;
	padding: 0 3rem;
}
.page-opt-ntv .manage-list .manage-img {
	box-shadow: 0 0 3rem rgba(255,127,0,.4);
}
/* NJ-4866 voice */
.page-opt-ntv .opt-sec.sec-voice {
	padding-bottom: 12rem;
}
.page-opt-ntv .opt-voice-list {
	display: flex;
	align-items: stretch;
	justify-content: center;
}
.page-opt-ntv .opt-voice-list > li {
	flex-shrink: 0;
	width: 33.33%;
	padding: 0 1rem;
}
.page-opt-ntv .opt-voice-list .voice-box {

}
.page-opt-ntv .opt-voice-list .voice-box .avatar-img {
	width: 16rem;
	margin: 0 auto;
}
.page-opt-ntv .opt-voice-list .voice-box .avatar-img > a {
	display: block;
}
.page-opt-ntv .opt-voice-list .voice-box .voice-profile {
	text-align: center;
	color: #092846;
	font-size: 1.8rem;
	line-height: 1.8;
	margin-top: 2rem;
}
.page-opt-ntv .opt-voice-list .voice-box .voice-detail {
	position: relative;
	text-align: center;
	color: #f1890e;
	font-size: 2.2rem;
	line-height: 1.8;
	margin-top: 4rem;
}
.page-opt-ntv .opt-voice-list .voice-box .voice-detail:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: .2rem;
	top: -2rem;
	left: 0;
	background-image: linear-gradient(to right, #ccc, #ccc 4px, transparent 4px, transparent 8px);
	background-repeat: repeat-x;
	background-size: 8px 2px;
	background-position: left top;
}
/* teachers */
.page-opt-ntv .opt-sec.sec-teachers {
	padding-bottom: 12rem;
}
.page-opt-ntv .teacher-list-wrap {

}
.page-opt-ntv .teacher-list-title {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-opt-ntv .teacher-list-title > .title-inner {
	position: relative;
	font-size: 2.4rem;
	font-weight: bold;
	color: #fff;
	background-color: #f1890e;
	padding: 1rem 2rem;
	border-radius: .4rem;
}
.page-opt-ntv .teacher-list-title > .title-inner:after {
	content: '';
	display: block;
	position: absolute;
	border: 1rem solid transparent;
	border-top-color: #f1890e;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}
.page-opt-ntv .teacher-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-left: -3.2rem;
	margin-right: -3.2rem;
}
.page-opt-ntv .teacher-list > li {
	width: 18.9rem;
	padding: 0 3.2rem;
}
.page-opt-ntv .teacher-list > li:nth-child(n+8) {
	margin-top: 7rem;
}
.page-opt-ntv .teacher-list .teacher-box {
	position: relative;
}
.page-opt-ntv .teacher-list .teacher-box .img-area {
	display: flex;
	justify-content: center;
}
.page-opt-ntv .teacher-list .teacher-box .img-area > .img-area-inner {
	position: relative;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-img {
	display: block;
	width: 12.5rem;
	height: 12.5rem;
	border: 1px solid #e2e2e2;
	border-radius: 50%;
	margin: 0 auto;
	box-shadow: 0 0 .6rem rgba(0,0,0,.1);
	transition: all .2s linear;
	overflow: hidden;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-img:hover {
	box-shadow: 0 0 1rem rgba(0,0,0,.2);
}
.page-opt-ntv .teacher-list .teacher-box .teacher-img:hover img {
	opacity: 1;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-flag {
	position: absolute;
	width: 3.2rem;
	top: 0;
	left: 0;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-name {
	text-align: center;
	padding: 0 .5rem;
	margin-top: 1.5rem;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-name > p {
	word-break: break-all;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-name .eng {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
}
.page-opt-ntv .teacher-list .teacher-box .teacher-name .kana {
	font-size: 1rem;
	color: #999;
}
/* notice */
.page-opt-ntv .opt-sec.sec-notice {
	
}
/* faq */
.opt-faq-list {
	padding-bottom: 20rem;
}
.opt-faq-list > li + li {
	border-top: 1px solid #e5e5e5;
	padding-top: 5rem;
}
.opt-faq-list .faq-quest-box {
	margin: 2rem 0;
}
.opt-faq-list .faq-answer-box {

}
.opt-faq-list .faq-quest-box,
.opt-faq-list .faq-answer-box {
	position: relative;
	padding-left: 8rem;
	min-height: 6rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.opt-faq-list .faq-quest-box:before,
.opt-faq-list .faq-answer-box:before {
	content: 'Q';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	font-size: 3rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background-color: #f1890e;
	top: 0;
	left: 0;
}
.opt-faq-list .faq-answer-box:before {
	content: 'A';
	background-color: #092846;
}
.opt-faq-list .faq-quest-box > p {
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.6;
	color: #f1890e;
}
.opt-faq-list .faq-answer-box > p {
	font-size: 1.8rem;
	line-height: 2;
	color: #092846;
}
/* NJ-3486 : add 5000 coin design */
.page-opt-ntv .sec-campaign-1 {

}
.page-opt-ntv .sec-campaign-1 .campaign-period {
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #f1890e;
	padding: 2rem;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-title {
	text-align: center;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-title > .title-inner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #f14444;
	padding: 0 3rem;
	height: 6.8rem;
	border-radius: 3.4rem;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-body {
	text-align: center;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-body .content-t-1 {
	font-size: 2.5rem;
	font-weight: bold;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-body .content-t-2 {
	font-size: 3rem;
	font-weight: bold;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-body .content-t-2 > b {
	color: #f14444;
}
.page-opt-ntv .sec-campaign-1 .campaign-content-body .content-t-2 > b > em {
	font-size: 4rem;
}
.page-opt-ntv .opt-sec.sec-gift-coin-flow {
	padding: 14rem 0 6rem;
}
.page-opt-ntv .opt-sec.sec-gift-coin-flow > .sec-inner {
	max-width: 98rem;
}
.page-opt-ntv .gift-coin-list {
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding-top: 6rem;
	margin-left: -3.2rem;
	margin-right: -3.2rem;
}
.page-opt-ntv .gift-coin-list > li {
	position: relative;
	width: 33.33%;
	padding: 0 3.2rem;
}
.page-opt-ntv .gift-coin-list > li + li:before {
	content: '';
	display: block;
	position: absolute;
	width: 1.8rem;
	height: 3.2rem;
	background-image: url(../images/option/native-special/icon-arrow.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	top: 50%;
	left: 0;
	transform: translate(-50%, -50%);
	opacity: .5;
}
.page-opt-ntv .gift-coin-list .li-bubble {
	position: absolute;
	z-index: 2;
	bottom: calc(100% - 2rem);
	left: 0;
	width: 100%;
	padding: 0 5.2rem;
}
.page-opt-ntv .gift-coin-list .li-bubble > .bubble-inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #f14444;
	padding: 2rem 1rem;
	border-radius: 2rem;
}
.page-opt-ntv .gift-coin-list .li-bubble > .bubble-inner:after {
	content: '';
	display: block;
	position: absolute;
	width: 3rem;
	height: 2rem;
	background-image: url(../images/option/native-special/icon-bubble-point.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center bottom;
	bottom: 1px;
	left: 50%;
	transform: translate(-50%, 100%);
}
.page-opt-ntv .gift-coin-list .li-box {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: 100%;
	background-color: #f1890e;
	border: .4rem solid #f1890e;
	border-radius: 2rem;
	overflow: hidden;
}
.page-opt-ntv .gift-coin-list .li-box > .box-area-1 {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2.5rem;
	line-height: 1.5;
	font-weight: bold;
	text-align: center;
	padding: 4rem 1rem 2rem;
	background-color: #fff;
}
.page-opt-ntv .gift-coin-list .li-box > .box-area-1 b {
	color: #f14444;
}
.page-opt-ntv .gift-coin-list .li-box > .box-area-1 b > em {
	font-size: 3rem;
}
.page-opt-ntv .gift-coin-list .li-box > .box-area-2 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 2rem 1rem;
	background-color: #f1890e;
}
/* sec discount */
.page-opt-ntv .sec-discount .img-inner{
	width: 480px;
	margin: auto;
}


/* NJ-16402 */
.page-opt-ntv .sec-orange-card{
	max-width:84rem;
	margin: 0 auto;
	background:#FEF6EC;
	padding: 3rem 0;
}

.page-opt-ntv .sec-orange-card .orange-card-block{
	max-width:76rem;
	margin:0 auto;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-top{
	display:flex;
	justify-content: center;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-top .card-top-privilege{
	display:flex;
	align-items:center;
	background:#F1890E;
	border-radius:4px;
	width:83px;
	padding: 5px 0;
	justify-content: center;
	margin-right: 1.5rem;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-top .card-top-privilege p{
	color:#FFFFFF;
	font-size:1.4rem;
	margin-right:0.5rem;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-top .card-top-privilege .top-privilege-number{
	color:#09284B;
	font-size:2rem;
	font-weight:bold;
	background:#FFFFFF;
	height:3rem;
	width:3rem;
	border-radius: 100%;
  text-align: center;
  line-height: 3rem;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-top .card-top-title h3{
	color:#555555;
	font-size:2.4rem;
	font-weight:bold;
}
.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-top .card-top-title h3 .highlight{
	display: inline-block;
	padding: 0 0.2rem;
	background: linear-gradient(0deg, #ffdc97 0%, #ffdc97 40%, transparent 40%, transparent 100%);
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-img{
	width:60rem;
	margin:4rem auto;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-bottom .card-bottom-text1{
	font-size:1.8rem;
	margin-bottom:1rem;
	line-height:1.4;
}

.page-opt-ntv .sec-orange-card .orange-card-block .orange-card-bottom .card-bottom-text2{
	font-size:1.4rem;
}

.page-opt-ntv .sec-orange-card .orange-card-block .btn_callan{
	padding: 1rem 9.6rem;
  box-sizing: border-box;
  min-width: 30rem;
  font-size: 1.8rem;
  border-radius: 10rem;
	background:#325995;
	display: inline-block;
	color: #fff;
	cursor: pointer;
	position: relative;
}

.page-opt-ntv .sec-orange-card .orange-card-block .btn_callan::after{
	position:absolute;
	content:url(../images/option/native-special/icon_arrow.png);
	width:14px;
	top:55%;
	right:32px;
	transform: translateY(-50%);
}
/* NJ-10276 */

.native-speaker .ns-container{
	width: 1173px;
	margin-inline: auto;
	/* outline: 1px solid red; */
}

.native-speaker .opt-sec.sec-gift-coin-flow{
	padding: 0;
	padding-block: 100px 0 !important
}
.native-speaker .opt-sec{
	padding-block: 120px!important;
}

.native-speaker .ns-t-center{
	text-align: center;
}

.native-speaker .ns-t-right{
	text-align: right;
}

.native-speaker .ns-t-left{
	text-align: left;
}

.native-speaker .ns-m-auto{
	margin-inline: auto;
}

/* rows */
.ns-row{
	display: flex;
	flex-flow: row wrap;
	margin: -20px;
	/* outline: 1px solid green; */
}

.ns-col{
	flex-grow: 0;
	flex-shrink: 0;
	padding: 20px;
	z-index: 1;
	/* outline: 1px solid orange; */
}

.ns-col.ns-col-4{
	flex-basis: calc((100% / 3));
}

.ns-col.ns-col-6{
	flex-basis: calc((100% / 2));
}

.ns-col.ns-col-8{
	flex-basis: calc(100% / 1.5)
}

.ns-bg-extend-inline{
	position: relative;
}

.ns-sec-benefit, .ns-sec-rate-plan{
	background-color: #FEF6EC;
}

.ns-sec-benefit, .ns-sec-rate-plan:after{
	content: '';
}

.ns-sec-benefit .ns-row:not(:last-child){
	margin-bottom: 160px;
}

.ns-sec-benefit .ns-row:first-child{
	margin-top: 120px;
}

.ns-bg-extend-inline::before{
	content: '';
	position: absolute;
	width: 200%;
	height: calc(100% + 80px);
	top: 50%;
	transform: translateY(-50%) translateX(-40px);
	left: 0;
	z-index: 0;
	background-color: #FFF;
	box-shadow: 0px 0px 14px #00000014;
}

.ns-bg-extend-inline.ns-bg-extend-inline--reverse::before{
	left: unset;
	right: 0;
	transform: translateY(-50%) translateX(40px);
}

.ns-box{
	border: 4px solid #FDD8AA;
	background-color: #FEF6EC;
	border-radius: 10px;
	max-width: 960px;
	padding: 30px 40px;
}

.ns-lined{
	position: relative;
	display: inline;
	background-position: left -100% center;
	padding-bottom: 0.9em;
	background-size: 200% 0.6em;
	background-repeat: repeat-x;
	background-image: linear-gradient(to right, #FFF 50%, #FDD8AA 50%);
}

.ns-hr{
	display: block;
	border: 1px dashed #cccccc;
	margin-block: 1em;
}

.ns-border-block-title{
	padding-block: 5px;
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 600;
	text-align: center;
}
.ns-sec-socmed{
	background: #FFF;
}
.ns-sec-socmed .ns-container.ns-container--socmed{
	position: relative;
}

.ns-sec-faq .faq-container{
	max-width: 85%;
	margin-inline: auto;
	background-color: #FFF;
}

.ns-sec-faq .ns-container{
	margin-top: 160px;
}

/*=========
accordion
=========*/

.accordion_area {}

.accordion_area .accordion_one .ac_header {
	background-color: #ffffff;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	padding: 1.5rem 4rem 1.5rem 2rem;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition: .2s;
}

.accordion_area .accordion_one .ac_header .i_box {
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 20px;
	height: 20px;
	margin-top: -10px;
}

.accordion_area .accordion_one .ac_header .i_box:before,
.accordion_area .accordion_one .ac_header .i_box:after {
	position: absolute;
	content: "";
	margin: auto;
	box-sizing: border-box;
	vertical-align: middle;
}

.accordion_area .accordion_one .ac_header .i_box:before {
	border-top: 4px solid #F1890E;
	width: 20px;
	height: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.accordion_area .accordion_one .ac_header .i_box:after {
	border-left: 4px solid #F1890E;
	width: 0;
	height: 20px;
	top: 0;
	bottom: 0;
	right: 9px;
	transition: .3s;
}

.accordion_area .accordion_one .ac_header.open .i_box:after {
	height: 0;
}

.accordion_area .accordion_one .ac_inner {
	display: none;
	padding: 1.5rem 2rem 1.5rem 2rem;
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
	box-sizing: border-box;
	background: #fff;
}

@media screen and (max-width: 736px) {
	.accordion_area .accordion_one .ac_header {
		padding: 1.5rem 2rem 1.5rem 1.0rem;
	}

	.accordion_area .accordion_one .ac_header .i_box {
		right: 0.8rem;
		width: 15px;
		height: 15px;
		margin-top: -7px;
	}

	.accordion_area .accordion_one .ac_header .i_box:before {
		width: 15px;
	}

	.accordion_area .accordion_one .ac_header .i_box:after {
		height: 15px;
		right: 7px;
	}

	.accordion_area .accordion_one .ac_inner {
		padding: 1.5rem 1.5rem 1.5rem 1.5rem;
	}
}
.ns-sec-socmed .ns-container.ns-container--socmed::before{
	content: url(../images/option/native-special/sns_title_bg.svg);
	position: absolute;
	top: -150px;
    left: -130px;
}

.ns-container.ns-container--socmed .sns-title{
	position: absolute;
    font-size: 32px;
    color: #F1890E;
    font-weight: 600;
    top: -109px;
    left: -44px;
    transform: rotateZ(-10.8deg);
}

.ns-container.ns-container--socmed .sns-title::before{
	content: url(../images/option/native-special/title_deco.svg);
	position: absolute;
	left: -46px;
	top: -2px;
}

.ns-container.ns-container--socmed .sns-title::after{
	content: url(../images/option/native-special/title_deco.svg);
    position: absolute;
    right: -50px;
    top: 0;
    transform: rotateY(180deg);
}

.ns-border-block-title.twitter{
	color: #00ACEE;
	border-bottom: 2px solid #00ACEE;
	border-top: 2px solid #00ACEE;
}

.widget{
	background-color: #FFF;
	/* box-shadow: 0px 0px 14px #00000014; */
	max-height: 500px;
	overflow-y: auto;
	overflow-x: hidden;
	position: relative;
	border-radius: 5px;
	/* padding-inline-end: 10px; */
}

.widget::-webkit-scrollbar-track{
	background-color: transparent;
    border-radius: 2em;
}

.widget::-webkit-scrollbar{
	width: 6px;
	background-color: transparent;
}

.widget::-webkit-scrollbar-thumb{
	background-color: #77777752;
    border-radius: 1em;
}

.widget.widget--instagram{
	background-color: none;
	box-shadow: none;
	max-width: 768px;
}

.eapps-link{
	display: none!important;
}

.widget.widget--twitter{
	max-width: 364px;
}

.twitter-timeline.twitter-timeline-rendered{
	width: 100%;
}

.ns-border-block-title.instagram{
	color: #CF2E92;
	border-bottom: 2px solid #CF2E92;
	border-top: 2px solid #CF2E92;
}

.widget.widget--instagram .instagram-gallery,
.sns-box.sns-box-ig{
	display: flex;
	flex-flow: row wrap;
	/* margin: -10px; */
	padding-top: 10px;
}

.instagram-gallery .gallery-item,
.sns-box.sns-box-ig > iframe{
	/* flex: 0 1 calc(100% / 3);
	padding: 10px; */
	width: 100% !important;
    max-width: none !important;
}

.image-wrap-square{
	width: 100%;
	position: relative;
	padding-top: 100%;
	overflow: hidden;
	border-radius: 5px;
}

.image-wrap-square>img{
	position: absolute;
	inset: 0;
}

.ribbon, .ns-menu{
	position: -webkit-sticky;
	position: sticky;
	z-index: 999;
}

.ns-menu{
	position: fixed;
	top: var(--menu-position);
	left: 0;
	width: 180px;
	display: flex;
	flex-flow: column;
	background-color: #747474;
	color: #FFFFFF;
	z-index: 99999;
	transition: top .1s cubic-bezier(0.4, 0, 1, 1);
}

.ns-menu .ns-menu__item{
    display: block;
    flex: 1;
    padding: 20px;
    color: inherit;
    text-decoration: none;
}

.ns-menu .ns-menu__item:not(:last-child){
    border-bottom: 1px solid #FFFFFF40;
}

.ns-menu .ns-menu__item:after{
    content: '';
    background: url(../images/option/native-special/right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 20px;
    line-height: normal;
    width: 10px;
    height: 15px;
	filter: invert(1) brightness(100%);
}

.ns-menu .ns-menu__item:hover{
	color: #6EC9FF;
}
.ns-menu .ns-menu__item:hover::after{
	filter: invert(47%) sepia(28%) saturate(4091%) hue-rotate(162deg) brightness(95%) contrast(102%)
}

.ribbon{
	width: 100%;
	bottom: 0;
	padding-block: 20px;
	background: rgb(241,137,14);
	background: linear-gradient(62deg, rgba(241,137,14,1) 0%, rgba(253,216,170,1) 100%);
}

.ribbon .ribbon-buttons{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	color: #FFF;
}

.ribbon .ribbon-buttons>.ribbon-msg{
	font-size: 35px;
	color: #FFF;
	position: relative;
}

.ribbon .ribbon-buttons>.ribbon-msg::after{
	content: url(../images/option/native-special/right-arrow.svg);
	margin-left: 10px;
	filter: invert(1) brightness(100%);
}

.ns-btn{
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 3em;
	border: none;
	box-shadow: 0px 1px 6px #00000029;
	vertical-align: baseline;
}

.ns-btn>span{
	font-size: 20px;
}

.ns-btn.ns-btn--sign-in,
.ns-btn.ns-btn--sign-up{
	color: #FFF;
}

.ns-btn.ns-btn--sign-in{
	background-color: #03C9A9;
}

.ns-btn.ns-btn--sign-up{
	background-color: #F1890E;
}

.ns-bold{
	font-weight: 600;
}

.ns-orange{
	color: #F1890E;
}

.ns-navy{
	color: #092846;
}

.ns-link{
	color: #00ACEE;
	text-decoration: underline;
}

.ns-crossed{
	position: relative;
	z-index: 0;
}

.ns-crossed::before{
	content: '';
	position: absolute;
	width: 110%;
	height: 2px;
	background-color: #DE4D4D;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) skewY(-8deg);
	z-index: 1;

}

/* .ns-lined::before{
	content: '';
    position: absolute;
    height: 8px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
    background-color: #FDD8AA;
    mix-blend-mode: multiply;
} */

.ns-rate-plan{
	color: #FFF;
	background-color: #09284B;
	border-radius: 10px;
	padding: 40px 14px;
	position: relative;
}

.ns-rate-plan>p{
	line-height: normal;
}

.ns-rate-plan.ns-rate-plan--orange{
	background-color: #F1890E;
}

.ns-rate-plan.mid::before, 
.ns-rate-plan.mid::after{
	content: '';
	position: absolute;	
	top: 50%;
	transform: translateY(-50%) scale(.8);
}

.ns-rate-plan.mid::before{
	content: url(../images/option/native-special/plus.svg);
	left: -35px;
}

.ns-rate-plan.mid::after{
	content: url(../images/option/native-special/equal.svg);
	right: -35px;
}

/* card */
.ns-card{
	padding: 20px 20px;
	border-radius: 10px;
	box-shadow: 0px 1px 13px -6px rgba(59,59,59,0.45);
	-webkit-box-shadow: 0px 1px 13px -6px rgba(59,59,59,0.45);
	-moz-box-shadow: 0px 1px 13px -6px rgba(59,59,59,0.45);
	background-color: #FFF;
	position: relative;
}

.ns-card .card-icon{
	width: auto;
	height: 66px;
	margin-inline: auto;
}

.ns-card .card-header{
	text-align: center;
	margin-block-end: 20px;
}

.ns-card .card-header>p{
	color: #F1890E;
	font-size: 24px;
	font-weight: 600;
	margin-block-start: 10px;
}

.ns-card .ns-avatar-wrap{
	width: 160px;
	height: 160px;
	margin-inline: auto;
}

.ns-review-box{
	padding: 50px 90px;
	border: 4px solid #F1890E;
	border-radius: 10px;
	width: 85%;
	margin: auto;
	position: relative;
	z-index: 1;
	background-color: #FFF;
}

.ns-review-box>.ns-student-review{
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between;
	gap: 70px;
}

.ns-review-box>.ns-student-review>.ns-student-review-content{
	flex: 1;
}

.ns-quoted>p{
	position: relative;
	color: #555555;
	width: max-content;
}

.ns-quoted>p:first-child::before,
.ns-quoted>p:last-child::after{
	content: url(../images/option/native-special/BxBxsQuoteAlt.svg);
	position: absolute;
}

.ns-quoted>p:first-child::before{
	top: -10px;
	left: -50px;
}

.ns-quoted>p:last-child::after{
	bottom: -10px;
	right: -50px;
	transform: rotateZ(180deg);
}

.ns-avatar-wrap{
	position: relative;
	overflow: hidden;
	display: block;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.ns-avatar-wrap>img{
	position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.ns-review-box>.ns-student-review p{
	flex-basis: calc(526px);
	font-weight: 600;
	font-size: 24px;
}

.ns-teacher-comment, .ns-native-speakers{
	background-color: #FEF6EC;
	border-radius: 10px;
	margin-inline: auto;
	padding: 30px;
}

.ns-native-speaking-teachers .ns-avatar-wrap{
	width: 125px;
	height: 125px;
}

.ns-native-speaker-row{
	display: flex;
	justify-content: center;
	gap: 24px;
}

.ns-native-speaker-row>.ns-native-speaker-col{
	position: relative;
}

.ns-flag{
	position: absolute;
	top: 0;
	left: 0;
	width: 35px;
	background-color: transparent;
	overflow: hidden;
}

.ns-teacher-comment{
	max-width: 90%;
	display: flex;
	flex-flow: row;
	margin-block-start: 60px;
	gap: 30px;
}

.ns-teacher-comment .teacher-avatar{
	text-align: center;
}

.ns-teacher-comment .teacher-avatar .teacher-name{
	font: inherit;
	font-weight: 600;
	font-size: 16px;
	margin-block-start: 15px;
}

.ns-teacher-comment .ns-avatar-wrap{
	width: 100px;
	height: 100px;
}

.ns-teacher-comment .teacher-comment{
	padding-inline-start: 10px;
}

.ns-bg-dots{
	background-image: url(../images/option/native-special/dots-bg.svg);
	background-size: 50px;
	background-repeat: repeat;
	background-position: center center;
}

.ns-reason{
	display: flex;
	flex-flow: column;
	justify-content: center;
	height: 100%;
	position: relative;
}
.ns-reason .ns-lined{
	font-weight: bold;
}

.ns-reason-image-container{
	display: flex;
	justify-content: flex-start;
}

.ns-bg-extend-inline.ns-bg-extend-inline--reverse .ns-reason-image-container{
	justify-content: flex-end;
}

.ns-reason-image{
	position: relative;
	width: 480px;
	height: 297px;
	top: -10px;
	left: -10px;
}

.ns-reason-image-wrap{
	position: absolute;
	width: inherit;
	height: inherit;
	overflow: hidden;
}

.ns-reason-image::before{
	content: '';
	position: absolute;
	width: 358px;
	height: 200px;
	bottom: -20px;
	right: -20px;
	background-color: #FFD8AA;
}

.ns-reason-image-wrap>img{
	position: absolute;
	inset: 0;
	width: 100%;
}

.ns-bg-extend-inline.ns-bg-extend-inline--reverse .ns-reason-image{
	left: unset;
	right: -10px;
}

.ns-bg-extend-inline.ns-bg-extend-inline--reverse .ns-reason-image:before{
	right: unset;
	left: -20px;
}

.ns-watermark{
	position: absolute;
	font-size: 85px;
	font-weight: 600;
	top: -70px;
	left: 0;
	z-index: -1;
	color: #FEF6EC;
}

.opt-sec-title{
	font-size: 40px;
	color: #09284B;
	font-weight: 800;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
}

.opt-sec-title::after{
	content: '';
	position: absolute;
	top: calc(100% + 18px);
	height: 4px;
	width: 140px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #F1890E;
}

.user-compare {
	margin-top: 25px;
	display: flex;
	align-items: stretch;
	width: 100%;
    margin: auto;
}
.user-score {
	flex: 1;
	padding: 20px;
	margin: 1rem;
	background-color: #F5F5F5;
	border-radius: 10px;
}

.user-score:last-child{
	background-color: #FEF6EC;
}

.user-score-separator{
	flex-basis: 60px;
	position: relative;
}

.user-score-separator::before,
.user-score-separator::after{
	content: url(../images/option/native-special/right-arrow-grey.svg);
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	line-height: 0;
}

.user-score-separator::before{
	left: calc(50% - 8px);
	transform: translateY(-50%) translateX(-50%) scale(1.7);
}

.user-score-separator::after{
	left: calc(50% + 8px);
	transform: translateY(-50%) translateX(-50%) scale(2);
}

.user-score .score-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
}
.user-score .score-title .score-num {
	text-align: left;
}

.user-score .score-title>.audio-btn-wrap{
	text-align: left;
}

.user-score .score-title .title-text {
	margin-right: 15px;
}
.user-score .score-title .title-text .t-text-1 {
	font-size: 20px;
	font-weight: bold;
}
.user-score .score-title .title-text .t-text-1.black {
	color: #555555;
}
.user-score .score-title .title-text .t-text-1.red {
	color: #DE4D4D;
}
.user-score .score-title .title-text .t-text-2 {
	font-size: 14px;
}
.user-score .score-detail {
	display: flex;
	align-items: flex-start;
	justify-content: end;
	margin-top: 2rem;
	flex: 1;
}
.user-score .score-detail > .score-intonation {
	flex: 1;
}
.user-score .score--t-1 {
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    color: #888888;
	margin-bottom: 15px;
}
.user-score {
	font-family: 'Arial', sans-serif;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1;
	color: #555;
	margin-top: .5rem;
}

.user-score .score,
.ns-coin-decor {
	font-size: 40px;
    font-weight: 600;
	position: relative;
}

.ns-coin-decor{
	line-height: normal;
}

.user-score .score.score--rise{
	color: #DE4D4D;
}

.user-score .score.score--rise::before,
.ns-coin-decor::before{
	content: '';
	position: absolute;
}

.user-score .score.score--rise::before{
	content: url(../images/option/native-special/score_deco.svg);
	top: -22px;
	right: -10px;
}

.ns-coin-decor::before{
	content: url(../images/option/native-special/coin_deco.svg);
	top: -26px;
	right: -12px;
}

.ns-coin{
	position: relative;
}

.ns-coin::before{
	content: url(../images/option/native-special/right-arrow_orange.svg);
	margin-inline-end: 1em;
}

.ns-portal{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.user-score .out-of {
	font-size: 14px;
    font-weight: 600;
}
.user-score .score-intonation .score-sentence {
	font-size: 16px;
	font-weight: 600;
	margin-top: 1rem;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	width: fit-content;
    margin-inline: auto;
}

.score-sentence>img{
	content: '';
	position: absolute;
	bottom: calc(100% + 7px);
	left: 0;
	width: 100%;
}

.score-sentence>p .letter{
	position: relative;
}

.score-sentence>p .letter>.intonation{
	position: absolute;
	top: calc(100% + 3px);
	font-weight: 600;
	left: 50%;
	transform: translateX(-50%);
	font-size: 14px;
}

.score-sentence>p .letter>.intonation.intonation--blue{
	color: #4D7EDE;
}

.score-sentence>p .letter>.intonation.intonation--red{
	color: #DE4D4D;
}

.score-sentence>p>span.marked{
	position: relative;
	width: fit-content;
}

.score-sentence>p>span.marked>img{
	position: absolute;
	bottom: -15px;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
}

.accordion{
	position: relative;
	margin-inline: auto;
}

.accordion>.item:not(:last-child){
	border-bottom: 1px solid #ccc;
}

.accordion>.item>.content{
	height: 0;
	overflow: hidden;
	transition: all .2s ease-in-out;
}

.accordion>.item>.content.open{
	transition: all .2s ease-in-out;
}

.accordion.ns-accordion p{
	padding-left: 80px;
	position: relative;
}

.accordion-button{
	font-size: 24px;
	color: #F1890D;
	font-weight: 600;
	padding-block: 50px;
	position: relative;
	cursor: pointer;	
    padding-right: 70px;

}

.accordion-button>i>svg{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: transform .3s ease;
}

.accordion-button>i>svg .rect2{
	transition: opacity .3s ease;
}

.accordion-button.open>i>svg{
	transform: translateY(-50%) rotateZ(180deg);
	transform-origin: center;
}

.accordion-button.open>i>svg .rect2{
	opacity: 0;
}

.accordion.ns-accordion .legacy{
	font-size: 30px;
	text-align: center;
	line-height: 1.95;
	height: 60px;
	width: 60px;
	display: block;
	background-color: #092846;
	position: absolute;
	color: #FFF;
	border-radius: 50%;
	left: 0;
	top: 0;
}
.accordion.ns-accordion .accordion-button .legacy{
	background-color: #F1890D;
	top: 50%;
	transform: translateY(-50%);
}
/* NJ-25881 */
/* corporate_native_speaker */
.page_wrap-option-special .sec-inner {
	position: relative;
	z-index: 1;
	max-width: 128rem;
	padding: 0;
	margin: 0 auto;
}
.page_wrap-option-special .plan-list {
	max-width: 83rem;
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}
.page_wrap-option-special .plan-list .list-row {
	position: relative;
	display: flex;
	align-items: stretch;
	margin: 0 -0.5rem;
}
.page_wrap-option-special .plan-list .list-row>.plan-col {
	flex: 1;
	padding: 0 0.5rem;
}
.page_wrap-option-special .plan-list .plan-box.green {
	color: #fff;
	background-color: #21D6B8;
}
.page_wrap-option-special .plan-list .plan-box.orange {
	color: #fff;
	background-color: #F1890C;
}
.page_wrap-option-special .plan-list .plan-box {
	padding: 2.5rem 6.8rem 1.5rem;
	height: 100%;
}
.page_wrap-option-special .plan-list .plan-box .title-text {
	background-color: #FFF;
	text-align: center;
	line-height: 40px;
	height: 40px;
	margin: 0 auto 15px;
	font-size: 2rem;
}
.page_wrap-option-special .plan-list .plan-box.green .title-text {
	color: #21D6B8;
}
.page_wrap-option-special .plan-list .plan-box.orange .title-text {
	color: #F1890C;
}
.page_wrap-option-special .plan-list .plan-box.native {
	padding: 0;
	border: 2px solid #F1890E;
}
.page_wrap-option-special .plan-list .plan-box.native::before {
	content: '+';
	position: absolute;
	top: -6rem;
	left: 0;
	right: 0;
	color: #000;
	font-size: 5.6rem;
	line-height: 1.1;
}
.page_wrap-option-special .plan-list .plan-box.native .title-text {
	height: 6rem;
	font-size: 2.6rem;
	color: #fff;
	background-color: #F1890C;
	line-height: 6rem;
	margin-top: -1px;
}
.page_wrap-option-special .btn {
	background: #325995 0% 0% no-repeat padding-box;
	border-radius: 100px;
	padding: 1rem 0;
	display: flex;
	margin: 0.5rem auto;
	width: 30%;
	text-align: center;
	justify-content: space-around;
	align-items: center;
	text-decoration: none;
}
.page_wrap-option-special .btn a {
	color: #fff !important;
	margin-left: 5rem;
}
.page_wrap-option-special .btn .arrow {
	width: 9px;
	height: 16px;
}
.page_wrap-option-special .caption {
	font-size: 18px;
	background-color: #F1890E;
	color: #fff;
	width: 94px;
	height: 40px;
	padding: 0.1rem 0.5rem;
	border-radius: 4px;
	margin: 0 1rem;
}
.page_wrap-option-special .circle {
	font-size: 20px;
	color: #09284B;
	border-radius: 50%;
	background-color: #fff;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}
/* Start NJ-45438 */
.navbar_native_speaker .navbar_native_speaker_inner.scrolling {
    position: fixed;
    top: 52px;
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    height: 60px;
    display: flex;
    align-items: center;
    width: 100%;
	max-width: none;
	justify-content: center;
}
nav.navbar_native_speaker {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    height: 60px;
    display: flex;
    align-items: center;
    z-index: 1000;
    position: relative;
}
.navbar_native_speaker_inner.scrolling .navbar_menu {
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.navbar_native_speaker_inner {
    width: 620px;
    margin: 0 auto;
    position: relative;
	display: flex;
	justify-content: center;
}
.navbar_native_speaker .navbar_menu{
	font-family: Noto Sans JP;
	font-size: 14px;
}
.navbar_native_speaker .navbar_menu > ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: space-between;
	width: max-content;
}
.navbar_native_speaker .navbar_menu > ul > li {
    display: table-cell;
    text-align: center;
}
.navbar_native_speaker span {
    text-wrap: nowrap;
    display: flex;
    gap: 5px;
	color: #092846;
}
.nav_item.active span.item {
    color: #F1890E !important;
}
.pricing_wrap .ns-rate-plan {
	min-height: 18.8rem;
}