@charset "utf-8";
/* CSS Document */
/* トップページ */
.fs_12{
	font-size: 1.2rem;
}
.fs_14 {
	font-size: 1.4rem;
}
.fs_15 {
	font-size: 1.5rem;
}
.fs_16 {
	font-size: 1.6rem;
}
.fs_17 {
	font-size: 1.7rem;
}
.fs_18 {
	font-size: 1.8rem;
}
.fs_19 {
	font-size: 1.9rem;
}
.fs_20 {
	font-size: 2rem;
}
.lh_18 {
	line-height: 1.8;
}
.lh_20 {
	line-height: 2;
}
.m_t_10 {
	margin-top: 1rem;
}
.m_t_20 {
	margin-top: 2rem;
}
.m_t_30 {
	margin-top: 3rem;
}
.m_t_40 {
	margin-top: 4rem;
}
.m_t_45 {
	margin-top: 4.5rem;
}
.m_t_50 {
	margin-top: 5rem;
}
.m_t_60 {
	margin-top: 6rem;
}
.m_t_70 {
	margin-top: 7rem;
}
.m_t_80 {
	margin-top: 8rem;
}
.m_t_90 {
	margin-top: 9rem;
}
.m_t_100 {
	margin-top: 10rem;
}
.m_b_10 {
	margin-bottom: 1rem;
}
.m_b_15 {
	margin-bottom: 1.5rem;
}
.m_b_20 {
	margin-bottom: 2rem;
}
.m_b_30 {
	margin-bottom: 3rem;
}
.m_b_45 {
	margin-bottom: 4.5rem;
}
.m_b_60 {
	margin-bottom: 6rem;
}
.fw_b {
	font-weight: bold;
}
.t_center {
	text-align: center;
}
.t_right {
	text-align: right;
}
.page_index img{
	height: auto;
}
.page_index .main {
	margin-bottom: 1.6rem;
	}
.page_index .main .visual {
	width: 100%;
	display: block;
}
.page_index .main .visual > img {
	display: block;
	width: 100%;
	object-fit: contain;
	height: auto;
}
.page_index .achievement {
	margin-bottom: 2.4rem;
	padding: 0 1.6rem;
}
.page_index .achievement .achivement_list{
	display: flex;
}
.page_index .achievement .image {
	margin-bottom: 1.0rem;
}
.page_index .achievement .image + .image{
	margin-left:2rem;
}
.page_index .achievement .image img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.page_index .achievement .label {
	color: #aaa;
	font-size: 1.4rem;
	text-align: right;
}

/* sec most used */
.page_index .sec.sec-most-used,
.page_index .sec.sec-most-used *,
.page_index .sec.sec-most-used *:before,
.page_index .sec.sec-most-used *:after {
	box-sizing: border-box;
}
.page_index .sec.sec-most-used img {
	display: block;
	width: 100%;
	object-fit: contain;
	height: auto;
}
.page_index .sec.sec-most-used > .sec-inner {
	max-width: 40rem;
	padding: 2.4rem;
	margin: 0 auto;
}
.page_index .most-used-list {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 2rem;
}
.page_index .most-used-list > .li-text {
	flex: 1;
}
.page_index .most-used-list > .li-phone {
	flex-shrink: 0;
	width: 8rem;
}
.page_index .most-used-list .li-text-annotation {
	text-align: right;
	font-size: 1.2rem;
	font-weight: normal;
	color: #aaa;
	margin-top: 1rem;
}

.page_index .banner {
	margin-bottom: 2.4rem;
	padding: 0 1.6rem;
}
.page_index .banner > a {
	display: block;
}
.page_index .banner img {
	display: block;
	margin: 0 auto;
}
.page_index .banner .swiper-container {
	padding-bottom: 3rem;
}
.page_index .banner .swiper-container .swiper-slide img {
	display: block;
	margin: 0 auto;
}
.page_index .banner .swiper-container .swiper-pagination {
	bottom: 0.5rem;
}
.page_index .banner .swiper-container .swiper-pagination-bullet-active {
	opacity: 1;
	background: #999;
}
.page_index .download {
	margin-bottom: 2.4rem;
}
.page_index .download .ttl {
	font-size: 1.6rem;
	font-weight: bold;
	color: #f1890e;
	text-align: center;
	position: relative;
	margin-bottom: 1.6rem;
}
.page_index .download .ttl span {
	display: inline-block;
	vertical-align: middle;
}
.page_index .download .ttl::before, .page_index .download .ttl::after {
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
}
.page_index .download .ttl::before {
	content: url(/assets/mobile/img/balloon_l.png);
}
.page_index .download .ttl::after {
	content: url(/assets/mobile/img/balloon_r.png);
}
.page_index .download .button_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1.6rem;
}
.page_index .download .button_wrap .button {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	background: #f1890e;
	font-size: 1.6rem;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
	padding: 0 1em;
	border-radius: 5px;
	box-shadow: 0px -6px 0px 0px #c16e0b inset;
	box-sizing: border-box;
}
.page_index .download .button_wrap .button .icon {
	display: block;
	width: 1.25em;
	margin: 0 0.8rem 0 0;
}
.page_index .download .button_wrap .button .icon-dl {
	display: block;
	width: 2rem;
	height: 1.9rem;
	margin: 0 0.8rem 0 0;
	background: url('/mobile/images/index/ver_3/ic_download.png') no-repeat center;
	background-size: contain;
}
.page_index .download .text {
	font-size: 1.4rem;
	margin-top: 1.6rem;
	padding: 0 1.6rem;
}
/* sec-trial-v2 */
.page_index .sec-trial-v2,
.page_index .sec-trial-v2:before,
.page_index .sec-trial-v2:after,
.page_index .sec-trial-v2 *,
.page_index .sec-trial-v2 *:before,
.page_index .sec-trial-v2 *:after {
	box-sizing: border-box;
}
.page_index .sec-trial-v2 {
	font-size: 1.2rem;
	line-height: 1.8;
	letter-spacing: 0.06em;
	color: #555;
	background-color: #FFF1E0;
	margin-bottom: 3rem;
}
.page_index .sec-trial-v2 > .sec-inner {
	padding: 2.4rem 1.6rem;
	max-width: 50rem;
	margin: 0 auto;
}
.page_index .sec-trial-v2 .trial-v2-head {
	text-align: center;
}
.page_index .sec-trial-v2 .trial-title {
	font-size: 1.8rem;
	color: #f1890e;
	font-weight: bold;
}
.page_index .sec-trial-v2 .trial-sub-title {
	font-size: 1.6rem;
	font-weight: bold;
}
.page_index .sec-trial-v2 .trial-sub-title > span {
	color: #f1890e;
}
.page_index .sec-trial-v2 .trial-v2-body {
	
}
.page_index .experience {
	margin-bottom: 4rem;
	padding: 0 1.6rem;
}
.page_index .experience .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .experience .text {
	font-size: 1.6rem;
	margin-bottom: 2.4rem;
}
/* .page_index .experience .case {
	border: solid 1px #092846;
} */
.page_index .experience .case + .case {
	margin-top: 1.8rem;
}
.page_index .experience .case .experiencer {
	display: none;
	width: 100%;
	color: #FFF;
	background: #092846;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	height: 2.5em;
	line-height: 2.5em;
}
/* .page_index .experience .case dd {
	padding: 1.6rem;
} */
.page_index .experience .case .description {
	display: none;
	font-size: 1.4rem;
	margin-bottom: 0.8rem;
}
.page_index .experience .case .preview {
	margin-bottom: 0.3rem;
}
.page_index .experience .case .preview img {
	display: block;
	margin: 0 auto;
	width: 100%;
}
.page_index .experience .case .preview .comment {
	display: none;
	padding: 0.8rem 1.6rem;
	border: #ccc solid 2px;
	position: relative;
}
.page_index .experience .case .preview .comment:before {
	content: "";
	position: absolute;
	top: -3rem;
	left: 50%;
	margin-left: -1.5rem;
	border: 15px solid transparent;
	border-bottom: 15px solid #ccc;
}
.page_index .experience .case .preview .comment:after {
	content: "";
	position: absolute;
	top: -2.6rem;
	left: 50%;
	margin-left: -1.5rem;
	border: 15px solid transparent;
	border-bottom: 15px solid #fff;
}
.page_index .experience .case .reply {
	font-size: 1.4rem;
	display: flex;
	align-items: start;
	gap: 0 .7rem;
	padding: 0 0.8rem;
}
.page_index .experience .case .reply:before {
	content: "";
	width: 2.5rem;
	height: 3.2rem;
	margin-right: 0;
	flex-shrink: 0;
	background: url('/assets/mobile/img/icon-tv.png') no-repeat center;
	background-size: contain;
}
.page_index .experience .case .reply .comment {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 0.5rem;
}
.page_index .experience .more {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 4rem;
}
.page_index .experience .more .button {
	font-size: 1.6rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 2em;
	text-align: center;
	color: #f1890e;
	background: #fff;
	border: solid 1px #f1890e;
}
.page_index .about {
	margin-bottom: 2.4rem;
	padding: 0 1.6rem;
}
.page_index .about .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .about .text {
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
}
.page_index .about figure {
	display: block;
	width: 26rem;
	margin: 0 auto;
}
.page_index .about figure img {
	width: 100%;
	object-fit: contain;
	display: block;
}
.page_index .merit {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	background: #fff1e0;
}
.page_index .merit .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .merit .reason {}
.page_index .merit .reason .reason_ttl {
	font-size: 1.6rem;
	margin-bottom: 2.4rem;
}
.page_index .merit .reason .reason_ttl .ttl_txt {
	padding: 0 1rem 0.4rem;
	box-sizing: border-box;
	border-bottom: 3px solid #f1890e;
}
.page_index .merit .reason .merit-item {
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 2rem;
	padding: 1.6rem 1.6rem 2.4rem;
	background: #fff;
	box-sizing: border-box;
}
.page_index .merit .reason .merit-item .image {
	width: 25rem;
	margin: 0 auto;
	margin-bottom: 1.6rem;
}
.page_index .merit .reason .merit-item .image img {
	max-width: 100%;
	margin: 0 auto;
	display: block;
}
.page_index .merit .reason .merit-item .text {
	margin-bottom: 1.6rem;
}
.page_index .merit .reason .merit-item .notice_list {
	font-size: 1.4rem;
}
.page_index .merit .reason .merit-item .notice_list li {
	padding-left: 1em;
	text-indent: -1em;
}
.page_index .merit .reason .merit-item .notice_list li.c_red {
	color: #f00;
}
.page_index .merit .reason .merit-item .notice_list li sup {
	width: 1em;
	display: inline-block;
	text-align: right;
}
.page_index .merit .reason .merit-item .button {
	display: block;
	font-size: 1.6rem;
	margin-top: 2rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 1em;
	color: #f1890e;
	background: #fff;
	border: 1px solid #f1890e;
}
.page_index .merit .reason .merit-item .text p.m_t_10{
	margin-top: 10px;
}
.page_index .voice {
	margin-bottom: 2.4rem;
	padding: 0rem 1.6rem;
}
.page_index .voice .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .voice .voice_list {
	margin-bottom: 1.6rem;
}
.page_index .voice .voice_list .list-item {
	font-size: 1.4rem;
	border: 3px solid #dddddd;
	padding: 1.6rem;
	box-sizing: border-box;
}
.page_index .voice .voice_list .list-item + .list-item {
	margin-top: 1.6rem;
}
.page_index .voice .voice_list .list-item .thumbnail {
	width: 6rem;
	height: 6rem;
	margin-right: 0.8rem;
	float: left;
}
.page_index .voice .voice_list .list-item p {
	display: inline-block;
}
.page_index .voice .voice_list .list-item .auther {
	margin-top: 0.8rem;
	text-align: right;
}
.page_index .voice .more {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .voice .more .button {
	display: block;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 2em;
	color: #f1890e;
	background: #fff;
	border: 1px solid #f1890e;
}
.page_index .step {
	padding: 2.4rem 1.6rem;
	background: #fff1e0;
}
.page_index .step .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .step .step_list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 2.4rem;
}
.page_index .step .step_list .list-item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}
.page_index .step .step_list .list-item + .list-item {
	margin-top: 4rem;
}
.page_index .step .step_list .list-item + .list-item::before {
	content: "";
	position: absolute;
	top: -2.5rem;
	width: 0;
	height: 0;
	border-left: 1.5rem solid transparent;
	border-right: 1.5rem solid transparent;
	border-top: 1.5rem solid #999;
}
.page_index .step .step_list .list-item .step_ttl {
	color: #fff;
	padding: 0 1rem;
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	text-align: center;
}
.page_index .step .step_list .list-item.step_1 .step_ttl {
	background: #4f72b7;
}
.page_index .step .step_list .list-item.step_2 .step_ttl {
	background: #ee4d7a;
}
.page_index .step .step_list .list-item.step_3 .step_ttl {
	background: #00b199;
}
.page_index .step .step_list .list-item .detail {
	width: 100%;
	padding: 1.6rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .step .step_list .list-item .detail .set {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .step .step_list .list-item .detail .set + .set {
	margin: 0 0 0 1.6rem;
}
.page_index .step .step_list .list-item .detail .set img {
	width: 5rem;
	height: 5rem;
	object-fit: contain;
	margin-right: 1rem;
}
.page_index .step .text {
	font-size: 1.6rem;
}
.page_index .commercial {
	padding: 2.4rem 1.6rem;
	color: #fff;
	/*background-image: url(/assets/mobile/img/map-black.webp);
	background-repeat: no-repeat;
	background-position: center bottom 6rem;
	background-size: contain;*/
	background-color: #f1890e;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.page_index .commercial .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .commercial .youtube {
	width: 100%;
	margin-bottom: 2.4rem;
	padding-top: 56.25%;
	position: relative;
}
.page_index .commercial .youtube iframe, .page_index .commercial .youtube img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page_index .commercial .text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	margin-bottom: 1.6rem;
}
.page_index .commercial .text .caption {
	margin-bottom: 1.6rem;
	border-bottom: 3px solid #fff;
}
.page_index .commercial .text p {
	margin-bottom: 1.6rem;
}
.page_index .commercial .text p span {
	font-size: 1.4rem;
}
.page_index .commercial .text .brand {
	width: 10rem;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
.page_index .commercial .notice_list {
	font-size: 1.4rem;
}
.page_index .commercial .notice_list li {
	text-indent: -1em;
	padding-left: 1em;
}
.page_index .commercial .notice_list li::before {
	content: "※";
}
.page_index .commercial .asterisk{
	font-size: 1.4rem;
	transform: translate(0px, -8px);
	display: inline-block;
}
.page_index .airline-ana-box {
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff;
	max-width: 600px;
	margin: 0 auto;
	padding: 3rem 1.5rem 5rem;
	text-align: center;
}
.page_index .airline-ana-box p {
	color: #fff;
}
.page_index .airline-ana-box .ana-t-1 {
	font-size: 2.2rem;
	text-align: center;
}
.page_index .airline-ana-box .ana-t-2 {
	text-align: center;
	margin-top: 2rem;
}
.page_index .airline-ana-box .ana-t-2 > span {
	display: inline-block;
	font-size: 1.3rem;
	border-bottom: 3px solid #ddd;
}
.page_index .airline-ana-box .ana-t-3,
.page_index .airline-ana-box .ana-t-4 {

}
.page_index .airline-ana-box .ana-t-3 {
	margin-top: 2rem;
}
.page_index .airline-ana-box .ana-t-4 {
	margin-top: 1.5rem;
}
.page_index .airline-ana-box .ana-t-5 {
	font-size: 1.4rem;
	margin-top: 1rem;
}
.page_index .airline-ana-box .ana-video {

}
.page_index .airline-ana-box .ana-video > .wrap-16-9 {
	position: relative;
	margin-top: 2rem;
}
.page_index .airline-ana-box .ana-video > .wrap-16-9:after {
	content: '';
	display: block;
	padding-bottom: 56.25%;
}
.page_index .airline-ana-box .ana-video > .wrap-16-9 > iframe {
	position: absolute;
	display: block;
	border: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.page_index .airline-ana-box .ana-t-6 {
	text-align: left;
	font-size: 1.4rem;
	margin-top: 2rem;
}
.page_index .airline-ana-box .ana-t-6 > ul {

}
.page_index .airline-ana-box .ana-t-6 > ul > li {
	text-indent: -1em;
	padding-left: 1em;
}
.page_index .airline-ana-box .ana-t-6 > ul > li:before {
	content: '※';
}
.page_index .airline-ana-box .ana-logo {
	max-width: 10rem;
	margin: 1rem auto 0;
}
.page_index .airline-ana-box .ana-logo > img {
	display: block;
	width: 100%;
}
.page_index .plan {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	background: #fff1e0;
}
.page_index .plan .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .plan .banner {
	padding: 0;
}
.page_index .plan .plan_list {
	margin-bottom: 1.6rem;
}
.page_index .plan .plan_list .list-item {
	padding: 1.6rem;
}
.page_index .plan .plan_list .list-item + .list-item {
	margin-top: 1.6rem;
}
.page_index .plan .plan_list .list-item.standard {
	color: #fff;
	background: #00b199;
}
.page_index .plan .plan_list .list-item.family {
	color: #fff;
	background: #4f72b7;
}
.page_index .plan .plan_list .list-item.bg-orange {
	color: #fff;
	background: #f1890e;
}
.page_index .plan .plan_list .list-item.reserve {
	background: #fff;
	border: 3px solid #ddd;
}
.page_index .plan .plan_list .list-item .plan_ttl {
	font-size: 1.6rem;
	margin-bottom: 1.0rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .plan .plan_list .list-item .plan_ttl span {
	position: relative;
}
.page_index .plan .plan_list .list-item .plan_ttl span::before, .page_index .plan .plan_list .list-item .plan_ttl span::after {
	content: "";
	display: block;
	width: 1rem;
	height: 1px;
	position: absolute;
	top: 50%;
	margin-top: -1px;
}
.page_index .plan .plan_list .list-item .plan_ttl span::before {
	left: -1.5rem;
}
.page_index .plan .plan_list .list-item .plan_ttl span::after {
	right: -1.5rem;
}
.page_index .plan .plan_list .list-item.standard .plan_ttl span::before,
.page_index .plan .plan_list .list-item.standard .plan_ttl span::after,
.page_index .plan .plan_list .list-item.family .plan_ttl span::before,
.page_index .plan .plan_list .list-item.family .plan_ttl span::after,
.page_index .plan .plan_list .list-item.bg-orange .plan_ttl span::before,
.page_index .plan .plan_list .list-item.bg-orange .plan_ttl span::after {
	background: #fff;
}
.page_index .plan .plan_list .list-item.reserve .plan_ttl span::before,
.page_index .plan .plan_list .list-item.reserve .plan_ttl span::after {
	background: #333;
}
.page_index .plan .plan_list .list-item .description {
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
	text-align: center;
}
.page_index .plan .plan_list .list-item.standard .price,
.page_index .plan .plan_list .list-item.family .price,
.page_index .plan .plan_list .list-item.bg-orange .price {
	font-size: 1.6rem;
	color: #333;
	background: #fff;
	margin-bottom: 1.6rem;
	padding-top: 0.5rem;
	text-align: center;
	position: relative;
}
.page_index .plan .plan_list .list-item.reserve .price {
	font-size: 1.6rem;
	color: #333;
	background: #fff;
	margin-bottom: 1.6rem;
	text-align: center;
	position: relative;
}
.page_index .plan .plan_list .list-item.standard .price .coin,
.page_index .plan .plan_list .list-item.family .price .coin,
.page_index .plan .plan_list .list-item.bg-orange .price .coin,
.page_index .plan .plan_list .list-item.reserve .price .coin {
	font-size: 3rem;
	font-weight: bold;
}
.page_index .plan .plan_list .list-item.reserve .price .under {
	border-bottom: 3px solid #ddd;
}
.page_index .plan .plan_list .list-item .price::before {
	content: '';
	width: 0;
	height: 0;
	border-top: 0.8rem solid transparent;
	border-right: 1rem solid transparent;
	border-bottom: 0.8rem solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}
.page_index .plan .plan_list .list-item.standard .price::before {
	border-left: 1.0rem solid #00b199;
}
.page_index .plan .plan_list .list-item.family .price::before {
	border-left: 1.0rem solid #4f72b7;
}
.page_index .plan .plan_list .list-item.bg-orange .price::before {
	border-left: 1.0rem solid #f1890e;
}
.page_index .plan .plan_list .list-item .check_list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	text-align: left;
	margin: 0 auto 1.6rem;
}
.page_index .plan .plan_list .list-item .check_list li {
	width: 20rem;
	display: flex;
	align-items: center;
}
.page_index .plan .plan_list .list-item .check_list li::before {
	display: block;
	flex-shrink: 0;
	content: "";
	background: url(/assets/mobile/img/icon/checked.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: 0.8rem;
}
.page_index .plan .plan_list .list-item .check_list li + li {
	margin-top: 0.8rem;
}
.page_index .plan .plan_list .list-item .plan_text {
	font-size: 1.4rem;
	text-align: center;
}
.page_index .plan .plan_list .list-item .link {
	text-align: right;
}
.page_index .plan .plan_list .list-item .link a {
	color: #3dc8ff;
	text-decoration: underline;
}
.page_index .plan .plan_list .list-item .balloon {
	position: relative;
    width: auto;
    padding: 0.2rem 0.7rem;
    background-color: #FFF;
    color: #666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 40px;
    border: 3px solid #C00500;
	margin-top: 1rem;
	margin-bottom: 2rem;
}
.page_index .plan .plan_list .list-item .balloon::before
,.page_index .plan .plan_list .list-item .balloon::after {
	content: "\0020";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 0;
	right: 0;
	margin: 0 auto;
    z-index: 2;
    width: 0;
    height: 0;
    overflow: hidden;
    border: solid 15px transparent;
    border-bottom: 0;
    border-top-color: #fff;
}
.page_index .plan .plan_list .list-item .balloon::after{
	bottom: -17px;
    z-index: 1;
    border-top-color: #C00500;
}
.page_index .plan .plan_list .list-item .balloon-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #C00500;
	font-weight: bold;
}
.page_index .plan .plan_list .list-item .balloon .balloon-badge{
	color: #fff;
    background-color: #C00500;
    text-align: center;
    font-size: 1.2rem;
	font-weight: normal;
    border-radius: 20px;
    padding: 0.6rem 1.2rem;
    margin-right: 1rem;
	line-height: 1.1;
}
.page_index .plan .plan_list .list-item .balloon .balloon-num{
	display: inline-block;
    font-size: 3rem;
    margin: 0 0.5rem;
}
.page_index .plan .plan_list .list-item .t_line_through::after{
	content: '';
    height: 2px;
	width: 55%;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 58%;
}
.page_index .plan .text {
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
}
.page_index .plan .notice_list {
	font-size: 1.2rem;
	margin-top: 1.6rem;
}
.page_index .plan .notice_list li {
	padding-left: 1em;
	text-indent: -1em;
}
.page_index .plan .notice_list li + li {
	margin-top: 1rem;
}
.page_index .plan .notice_list li::before {
	content: "※";
}
.page_index .plan .button_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .plan .button_wrap .button {
	display: block;
	font-size: 1.6rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 2em;
	text-align: center;
	color: #f1890e;
	background: #fff;
	border: solid 1px #f1890e;
}
.page_index .feature {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
}
.page_index .feature .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .feature .feature_list .list-item {
	display: flex;
	flex-direction: column;
}
.page_index .feature .feature_list .feature_ttl {
	font-size: 1.6rem;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 2.7rem;
}
.page_index .feature .feature_list .feature_ttl .ttl_txt {
	padding: 0 1rem 0.4rem;
	border-bottom: 3px solid #ddd;
	display: inline-block;
}
.page_index .feature .feature_list .image {
	display: block;
	width: 25rem;
	height: 25rem;
	margin: 0 auto 1.6rem;
}
.page_index .feature .feature_list .image img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	object-fit: contain;
}
.page_index .feature .feature_list .text {
	font-size: 1.4rem;
	margin-bottom: 1.6rem;
}
.page_index .feature .feature_list .store {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.page_index .feature .feature_list .store .apple, .page_index .feature .feature_list .store .google, .page_index .feature .feature_list .store .amazon {
	width: 14.2rem;
	margin: 0 0.5rem 1rem;
}
.page_index .feature .feature_list .store .apple img, .page_index .feature .feature_list .store .google img, .page_index .feature .feature_list .store .amazon img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	object-fit: contain;
}
.page_index .feature .feature_list .button_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .feature .feature_list .button_wrap .button {
	display: block;
	font-size: 1.6rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 2em;
	text-align: center;
	color: #f1890e;
	background: #fff;
	border: solid 1px #f1890e;
}
.page_index .tv-cm-box {
	text-align: center;
	color: #fff;
	padding: 2rem 0;
}
.page_index .tv-cm-box .tv-cm-title {
	font-size: 2rem;
	text-align: center;
	margin-bottom: 3rem;
	font-weight: normal;
}
.page_index .tv-cm-box .tv-cm-video-16-9 {
	position: relative;
	max-width: 50rem;
	margin: 0 auto;
}
.page_index .tv-cm-box .tv-cm-video-16-9:before {
	content: '';
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
.page_index .tv-cm-box .tv-cm-video-16-9 > iframe,
.page_index .tv-cm-box .tv-cm-video-16-9 > figure {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.page_index .tv-cm-box .tv-cm-video-16-9 > figure > img {
	display: block;
	width: 100%;
}
/* marines */
.page_index .sec--marines,
.page_index .sec--marines *,
.page_index .sec--marines *:before,
.page_index .sec--marines *:after {
	box-sizing: border-box;
}
.page_index .sec--marines img {
	display: block;
	width: 100%;
}
.page_index .sec--marines {
	background-color: #000;
	color: #fff;
}
.page_index .sec--marines .sec--marines-inner {
	max-width: 50rem;
	padding: 8rem 2rem;
	margin: 0 auto;
}
.page_index .sec--marines .marines-img-box {

}
.page_index .sec--marines .marines-img-box .logo-img {
	max-width: 20rem;
	margin: 0 auto;
}
.page_index .sec--marines .marines-img-box .marines-players {
	margin-top: 2rem;
}
.page_index .sec--marines .copyright-text {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 3rem;
}
.page_index .sec--marines .marines-text {
	font-size: 1.6rem;
	line-height: 2;
	margin-top: 3rem;
}
/* 2021 typhoon support */
.sec--2021-typhoon-support,
.sec--2021-typhoon-support *,
.sec--2021-typhoon-support *:before,
.sec--2021-typhoon-support *:after {
	box-sizing: border-box;
}
.sec--2021-typhoon-support img {
	display: block;
	width: 100%;
}
.sec--2021-typhoon-support {
	color: #555;
}
.sec--2021-typhoon-support > .sec-inner {
	padding: 5rem 2rem;
	max-width: 50rem;
	margin: 0 auto;
}
.sec--2021-typhoon-support .support-title {

}
.sec--2021-typhoon-support .support-title .title-icon {
	width: 8.4rem;
	margin: 0 auto;
}
.sec--2021-typhoon-support .support-title .title-text {
	font-size: 1.6rem;
	line-height: 2;
	color: #092846;
	font-weight: normal;
	text-align: center;
}
.sec--2021-typhoon-support .support-desc {

}
.sec--2021-typhoon-support .support-img-list {

}
.sec--2021-typhoon-support .support-img-list > li {

}
.sec--2021-typhoon-support .support-img-list > li + li {

}
@media only screen and (max-width: 374px) {
	.sec--2021-typhoon-support .support-title .title-text {
		font-size: 1.4rem;
	}
}
.page_index .media {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.page_index .media .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .media .image {
	width: 100%;
	max-width: 37.5rem;
	margin: 0 auto 2.4rem;
}
.page_index .media .image img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.page_index .media .button {
	display: block;
	font-size: 1.6rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 2em;
	text-align: center;
	color: #f1890e;
	background: #fff;
	border: solid 1px #f1890e;
}
.page_index .light_plan {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.page_index .light_plan .image {
	width: 100%;
	max-width: 37.5rem;
	margin: 0 auto 2.4rem;
}
.page_index .light_plan .image img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.page_index .light_plan .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .light_plan .corporate_list {
	color: #092846;
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.page_index .light_plan .corporate_list li {
	display: block;
	margin: 0 1em 1rem;
}
.page_index .light_plan .corporate_list li:last-child {
	margin-bottom: 0;
}
.page_index .light_plan .button {
	display: block;
	font-size: 1.6rem;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	padding: 0 2em;
	text-align: center;
	color: #f1890e;
	background: #fff;
	border: solid 1px #f1890e;
}
.page_index .update {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	background: #fff1e0;
}
.page_index .update .ttl {
	font-size: 1.8rem;
	margin-bottom: 1rem;
	text-align: center;
}
.page_index .update .update_item + .update_item {
	margin-top: 1.6rem;
}
.page_index .update .message .head_txt {
	display: block;
	font-size: 1.6rem;
	color: #fff;
	background: #00b199;
	text-align: center;
	height: 2.5em;
	line-height: 2.5em;
}
.page_index .update .review .head_txt {
	font-size: 1.6rem;
	color: #fff;
	background: #4f72b7;
	text-align: center;
	height: 2.5em;
	line-height: 2.5em;
}
.page_index .update .update_item .update_cont .update_list {
	font-size: 1.4rem;
	width: 100%;
	max-height: 43rem;
	overflow-y: scroll;
	background: #fff;
}
.page_index .update .update_item .update_cont .update_list::-webkit-scrollbar {
	width: 0.4rem;
}
.page_index .update .update_item .update_cont .update_list::-webkit-scrollbar-track {
	border-radius: 0.4rem;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.page_index .update .update_item .update_cont .update_list::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 0.4rem;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .3);
}
.page_index .update .update_item .update_cont .update_list li {
	display: block;
	padding: 0.8rem 1.6rem;
	background: #fff;
	border-bottom: solid #dddddd 2px;
	position: relative;
	overflow-x: hidden;
}
.page_index .update .update_item .update_cont .update_list li .comment {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.page_index .update .message dd .update_list li .comment {
	margin-bottom: 0.8rem;
}
.page_index .update .update_item .update_cont .update_list li .topic {
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_index .update .review dd .update_list li .topic {
	margin-right: 1.6rem;
	margin-bottom: 0.8rem;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.page_index .update .review dd .update_list li .topic .latest {
	flex-shrink: 0;
}
.page_index .update .update_item .update_cont .update_list li .topic .number {
	display: flex;
	align-items: center;
}
.page_index .update .update_item .update_cont .update_list li .topic .number::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	margin-right: 0.8rem;
	background-image: url(/assets/mobile/img/icon/comment-black.png);
	background-size: contain;
	object-fit: contain;
}
.page_index .update .update_item .update_cont .update_list li .topic .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.page_index .update .update_item .update_cont .update_list li .topic .name::before {
	content: ">";
	font-weight: bold;
	margin-right: 0.4rem;
}
.page_index .service {
	margin-bottom: 2.4rem;
	padding: 0 1.6rem;
}
.page_index .service .corporation {
}
.page_index .service .kids .image {
	display: block;
	border: 3px solid #F97995;
}
.page_index .service .kids .text {
	background: rgba(249, 121, 149, 0.8);
}
.page_index .service .business .image {
	display: block;
	border: 3px solid #C4A15C;
}
.page_index .service .business .text {
	background: rgba(196, 161, 92, 0.8);
}
.page_index .service .corporation .image {
	display: block;
	border: 3px solid #092846;
}
.page_index .service .corporation .text {
	background: rgba(9, 40, 70, 0.65);
}
.page_index .service .education {
}
.page_index .service .education .image {
	display: block;
	border: 3px solid #f1890e;
}
.page_index .service .education .text {
	background: rgba(241, 137, 14, 0.65);
}
.page_index .service .image img {
	display: block;
	width: 100%;
}
.page_index .service .text {
	width: 100%;
	padding: 0.8rem 1.6rem;
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	display: block;
}
.page_index .service .text .ttl {
	font-size: 1.6rem;
	font-weight: bold;
}
.page_index .service .text p {
	font-size: 1.4rem;
}
.page_index .recruitment {
	margin-bottom: 2.4rem;
	padding: 0 1.6rem;
}
.page_index .recruitment .list + .list {
	margin-top: .9rem;
}
.page_index .recruitment ._article_art_img > a{
	display: block;
}
.page_index .recruitment ._article_art_img > a > img {
	width: 100%;
}
.page_index .recruitment .list img {

}
.page_index .notice {
	margin-bottom: 2.4rem;
	padding: 2.4rem 1.6rem;
	background: #eee;
}
.page_index .notice dl + dl {
	margin-top: 2.4rem;
}
.page_index .notice dl dt {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
}
.page_index .notice dl dd ul li {
	font-size: 1.4rem;
	text-indent: -1em;
	padding-left: 1em;
}
.page_index .notice dl dd ul li::before {
	content: "・";
}
.page_index .notice dl dd ul li + li {
	margin-top: 1rem;
}
.page_index .contact {
	font-size: 1.4rem;
	margin-bottom: 3.2rem;
	padding: 0 1.6rem;
}
.page_index .contact dl {
	border: 2px solid #092846;
	border-radius: 1rem;
}
.page_index .contact dl dt {
	height: 2.5em;
	line-height: 2.5em;
	color: #fff;
	background: #092846;
	font-weight: bold;
	text-align: center;
}
.page_index .contact dl dd {
	padding: 2.4rem 1.6rem 2.4rem;
}
.page_index .contact dl dd .img-mail{
	display: block;
	width: 5.8rem;
	height: 3.8rem;
	background: url('/assets/mobile/img/mail.webp') no-repeat center;
	background-size: contain;
	margin: 0 auto 1.6rem;
}
.page_index .contact dl dd .button_wrap {
	margin-top: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .contact dl dd .button_wrap .button {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	background: #0bcafa;
	padding: 0 2em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 2.5em;
	text-align: center;
}

/* .page_index .mode {
	padding: 2.4rem 0;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page_index .mode a {
	display: flex;
	align-items: center;
}
.page_index .mode .icon {
	display: block;
	width: 1.6rem;
	margin-right: 1rem;
} */

.sp.mode {
	padding: 2.4rem 0;
	font-size: 1.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sp.mode a {
	display: flex;
	align-items: center;
}
.sp.mode .icon {
	display: block;
	width: 1.6rem;
	margin-right: 1rem;
}

/*campaign*/
.page_index .campaign{
	margin-bottom: 2.4rem;
	padding: 0 1.6rem;
}
.page_index .campaign .inner_content{
	border: solid 2px #ee4d7a;
	padding: 1.4rem;
	margin: 0 auto;
}
.page_index .campaign .inner_content p{
	font-size: 1.4rem;
}
.page_index .campaign .t_right{
	text-align: right;
}
.page_index .campaign .t_center{
	text-align: center;
}

/* sec recruits */
.sec.recruit .sec_inner{
	width: 100%;
	background: url('../img/recruit.webp') no-repeat;
	background-size: cover;
	padding: 24px 0;
}
.recruit_wrap{
	color: #FFF;
	text-align: center;
}
.recruit_wrap .text-1{
	font-size: 1.8rem;
	font-weight: bold;
}
.recruit_wrap .text-2{
	font-size: 1.4rem;
}
.recruit_wrap .btn-green{
	font-size: 1.6rem;
	font-weight: bold;
	width: 192px;
	height: 40px;
	border-radius: 40px;
	background-color: #03C9A9;
	color: #FFF;
	transition: .2s all linear;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
}


.cc.t_center{
	text-align: center;
}
.p_r_10{
	padding-right: 1rem;
}

.p_l_10{
	padding-left: 1rem;
}

.amazon_gift.m_b_40{
	margin-bottom: 4rem;
}

/* NJ-28003 */
.page_index .sec-no1 .no1-wrap{
	padding: 0rem 2rem 5rem;
	text-align: center;
	max-width: 42rem;
	margin: auto;
}
.page_index .sec-no1 .no1-wrap .title{
	font-size: 2.5rem;
	font-weight: 700;
	margin: 2rem auto 0;
}
.page_index .sec-no1 .no1-wrap .text-1{
	font-size: 1.5rem;
	margin: 2rem auto 0;
}
.page_index .sec-no1 .no1-wrap .btn-wrap .btn-border-orange{
	font-size: 1.6rem;
	font-weight: bold;
	width: 29.5rem;
	height: 4.4rem;
	border-radius: 2.2rem;
	border: #F1890E 2px solid;
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 2rem auto 0;
	color: #F1890E;
	box-sizing: border-box;
	position: relative;
}
.page_index .btn-wrap .btn-border-orange:before{
	content: "";
	background: url('../img/arrow-orange.svg') no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 22px;
	width: .6rem;
	height: 1rem;
}
.page_index .sec-no1 .asterisk{
	font-size: 1.6rem;
	transform: translate(0, -10px);
	display: inline-block;
}
.page_index .sec-no1 .asterisk-2{
	font-size: 1.2rem;
	transform: translate(0, -4px);
	display: inline-block;
}
/* [end] NJ-28003 */

/* NJ-23803-Joshua Start */
.page_index .plan_v2{
	background: #FFF1E0;
}
.page_index .plan_v2 {
	width: 100%;
	margin: 0 auto 25px;
	padding: 28px 16px 25px;
	font-family: Noto Sans JP;
	box-sizing: border-box;
	font-display: swap;
}
.page_index .plan_v2 .rate_plan_boxes_con{

}
.page_index .plan_v2 .rate_plan_boxes_con h2{
	text-align: center;
    color: #092846;
    font-size: 19px;
    font-weight: normal;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes{
	display: flex;
    justify-content: center;
    margin: 50px 0 0;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
	row-gap: 16px;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes_v2{
	margin: 14px 0 0;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section{
	width: 100%;
    min-height: 300px;
    border: 2px solid #EFAE00;
    text-align: center;
	position: relative;
	background: #fff;
	color: #333333;
	font-size: 16px;
	box-sizing: border-box;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes .section_1{
	width: 100%;
    border: 3px solid #00B199;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes .section_1 .number_1{
    content: "＼ 人気No.1 ／";
    position: absolute;
    width: calc(100% + 6px);
    left: -3px;
    top: -37px;
    background: #00B199;
    font-size: 16px;
    font-weight: bold;
    color: #FFEC07;
    min-height: 37px;
    line-height: 44px;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes .override{
	width: 100%;
	min-height: 298px;
    border: 2px solid #537CCE;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section h3{
	min-height: 50px;
	background: #EFAE00;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	padding: 0 6px;
	line-height: 47px;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes .section_1 h3{
	background: #00B199;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes .override h3{
	background: #537CCE;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .rate_plan_boxes_content{
	padding: 18px 10px 10px;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .top_detail{
	font-weight: bold;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes .section_1 .top_detail span{
	display: inline-block;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .top_detail span{
	display: block;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .main_detail{
    font-size: 48px;
    font-weight: bold;
    margin: 20px 0 0;
	line-height: 100%;
	font-family: 'Noto Sans', sans-serif;
	font-display: swap;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .main_detail span{
	font-size: 24px;
    position: relative;
    top: -4px;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .sub_main_detail{
	font-weight: bold;
	line-height: 100%;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .sub_main_detail span{
	font-size: 24px;
    font-weight: bold;	
	font-family: 'Noto Sans', sans-serif;
	font-display: swap;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .lower_detail{
	font-weight: 500;
    margin: 24px 0 0;
}
.page_index .plan_v2 .rate_plan_boxes_con .rate_plan_boxes section .lowest_detail{
	font-weight: 500;
    margin: 3px 0 0;
}
.page_index .plan_v2  .n_t{
	font-size: 14px;
    color: #555555;
    font-weight: 500;
    margin: 0;
	width: 99%;
}
.page_index .plan_v2  .n_t.n_t_position{
	position: relative;
	padding-left: 10px;
}
.page_index .plan_v2  .n_t.n_t_position::before{
	position: absolute;
	content: "*";
	top: 0;
	left: 0;
}
.page_index .plan_v2  .rate_plan_option_con{
color: #333333;
}
.page_index .plan_v2  .rate_plan_option_con h2{
	text-align: center;
    color: #092846;
    font-size: 19px;
    font-weight: 500;
	margin: 19px 0 0;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option{
    margin: 15px 0 0;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section{
    width: 100%;
	max-width: 100%;
    margin: 0 auto;
    text-align: center;
    border: 2px solid #F1890E;
    min-height: 237px;
    background: #fff;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section h3{
	min-height: 50px;
    background: #F1890E;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 0 6px;
    line-height: 47px;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .rate_plan_option_content{
	box-sizing: border-box;
	padding: 28px 10px 20px;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .main_detail{
	font-size: 48px;
    font-weight: bold;
    line-height: 100%;
	font-family: 'Noto Sans', sans-serif;
	font-display: swap;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .main_detail span{
    font-size: 24px;
    position: relative;
    top: -4px;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .sub_main_detail{
	font-size: 16px;
	font-weight: bold;
	line-height: 100%;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .sub_main_detail span{
	font-size: 24px;
	font-family: 'Noto Sans', sans-serif;
	font-display: swap;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .option_btn{
	border: 1px solid #F1890E;
    min-height: 37px;
    display: block;
    width: 300px;
    margin: 25px auto 0;
    border-radius: 30px;
    line-height: 37px;
    color: #F1890E;
    font-weight: 500;
    font-size: 14px;
    max-width: 100%;
	padding: 0px 15px;
    box-sizing: border-box;
}
.page_index .plan_v2  .rate_plan_option_con .rate_plan_option section .option_btn:hover{
	border: 1px solid #fff;
	background: #F1890E;
	color: #fff;
}
.page_index .plan_v2  .about_fees_btn{
	border: 1px solid #F1890E;
    min-height: 43px;
    display: block;
    width: 165px;
    margin: 24px auto 0;
    border-radius: 30px;
    line-height: 43px;
    color: #F1890E;
    font-weight: 500;
    text-align: center;
    background: #fff;
}
.page_index .plan_v2  .about_fees_btn:hover{
	border: 1px solid #fff;
	background: #F1890E;
	color: #fff;
}

/* NJ-23803-Joshua End */

/* NJ-28441 - NJ-38352 FB */
@media only screen and (max-width: 1024px) {

	.plan .mx-auto {
	  margin: 0 auto;
	}
  
	.plan .w-max {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
	  }
	
}

@media only screen and (max-width: 425px) {
	.plan .w-max {
	  width: 100%;
	}
}
/* NJ-28441 */


/*------------------------------------------*/
/* live teacher list
/*------------------------------------------*/
.sec_live_teachers {
	overflow: hidden;
}
.sec_live_teachers .sec_inner {
	padding: 6rem 1.6rem;
}
.sec_live_teachers .sec_title {
	font-size: 1.8rem;
	line-height: 1.44;
	color: #333333;
	text-align: center;
}
.sec_live_teachers .live-teacher-banner-list.loading {
	display: block;
	flex-wrap: unset;
	overflow: unset;
}
.sec_live_teachers .live-teacher-banner .banner-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5rem;
	color: #DC54C0;
	font-size: 2rem;
	line-height: 1.45;
	font-weight: 600;
	padding: 0;
	margin-top: 2rem;
	background-color: unset;
}
.sec_live_teachers .live-teacher-banner .banner-title img{
	margin: 0;
	width: 2.5rem;
}
.sec_live_teachers .live-teacher-banner .banner-title:before {
	content: "";
	display: block;
	background: url('/images/icon/live_tv.svg') no-repeat center;
	background-size: contain;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 5px;
}
.sec_live_teachers .live-teacher-banner .banner-title-text {
	display: flex;
	align-items: baseline;
	font-size: 1.6rem;
	line-height: 1;
}
.sec_live_teachers .live-teacher-banner .banner-title span {
	color: #000000;
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 600;
}
.sec_live_teachers .live-teacher-banner .banner-title .title-badge:not(:first-child) {
	margin: 0;
}
.sec_live_teachers .live-teacher-banner-list-wrap {
	position: relative;
	max-width: 100%;
	margin-top: 1rem;
	border-radius: 8px;
	/* overflow: hidden; */
}
.sec_live_teachers .live-teacher-banner-list-wrap .slick-list,
.sec_live_teachers .live-teacher-banner-list-wrap .slick-track {
	border-radius: 8px;
}
.sec_live_teachers .live-teacher-banner-list-wrap .slick-list {
	overflow: visible;
}
.sec_live_teachers .live-teacher-banner-list-wrap .slick-track {
	/* background: #323840; */
	margin: 0;
	overflow: hidden;
	z-index: -1;
	display: flex;
}
.sec_live_teachers .live-teacher-banner-list-wrap .slick-track::before {
	content: '' !important;
	display: block !important;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	z-index: 1;
}
.sec_live_teachers .live-teacher-banner-list-wrap .banner-li {
	height: auto;
	z-index: 1;
	position: relative;
	width: 113px;
	overflow: hidden;
	background: #323840;
	height: 100%;
    max-height: 165px;
}
.sec_live_teachers .live-teacher-banner-list-wrap .banner-li:first{
	border-radius: 8px 0 0 8px;
}
.sec_live_teachers .live-teacher-banner-list-wrap .banner-li:last-child{
	border-radius: 0 8px 8px 0;
}
.sec_live_teachers .live-teacher-banner-list-wrap .banner-li:last-child > .teacher-box{
	border-radius: 0 8px 8px 0;
}
.sec_live_teachers .live-teacher-banner-list-wrap .banner-li + .banner-li{
	border-left: 1px solid #ccc;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box>.box-link {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box {
	position: relative;
	display: block;
	color: #FFF;
	padding: 1rem;
	background-color: transparent;
	border-radius: 0;
	transition: all .2s linear;
	min-height: 170px;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box>.box-link {
	/* border-left: 1px solid rgb(255 255 255 / 20%);
	border-right: 1px solid rgb(255 255 255 / 20%); */
}
.sec_live_teachers .live-teacher-banner-list .live-indicator {
	display: flex;
	align-items: baseline;
	gap: 0.1rem;
}
.sec_live_teachers .live-teacher-banner-list .live-indicator span {
	color: #DC54C0;
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
}
.sec_live_teachers .live-teacher-banner-list .fa-rss {
	color: #DC54C0;
	font-size: 0.9rem;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .teacher-avatar {
	/* position: relative;
	box-sizing: border-box;
	width: 8rem;
	height: 8rem;
	padding: 0.6rem;
	background-image: url(../images/icon/live-ring.svg);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto; */
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .teacher-avatar.live-now {
	width: 8rem;
	height: 8rem;
	background-image: url(../img/icon/live-ring.svg);
	z-index: 9;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .avatar-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 7.4rem;
	height: 7.4rem;
	border-radius: 50%;
	overflow: hidden;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .avatar-img img {
	width: 100%;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .teacher-avatar.live-now:after {
	content: 'LIVE';
	display: block;
	position: absolute;
	top: 95%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2.8rem;
	height: 1.5rem;
	background-color: #EE47C5;
	font-size: 8px;
	font-family: "Noto Sans JP", sans-serif;
	text-align: center;
	border-radius: 3px;
	letter-spacing: 0.4px;
	line-height: 1.5rem;
	font-display: swap;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .name-area .name-en {
	display: flex;
	align-items: center;
	gap: 0.4rem;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: bold;
	vertical-align: middle;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .name-area .name-jp {
	display: none;
	color: #fff;
	opacity: 60%;
	margin: 0;
	font-size: 1rem;
	line-height: 1.5;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .name-area {
	margin-top: 0.5rem;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .name-area .name-en>* {
	vertical-align: middle;
}
.sec_live_teachers .live-teacher-banner-list .lesson_status_circle {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	vertical-align: middle;
}
.sec_live_teachers .live-teacher-banner-list .lesson_status_circle--live {
	background: #f0295d;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .rating-area {
	text-align: left;
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	margin-top: 0.4rem;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .rating-area .star-rate {
	display: inline-block;
	background-image: url(/images/icon/star-white.svg);
	background-repeat: no-repeat;
	background-size: 1rem auto;
	background-position: left center;
	padding: 0.1rem 0 0 1.4rem;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-area,
.sec_live_teachers .live-teacher-banner-list .teacher-box .tb-time-area {
	display: flex;
	align-items: center;
	font-size: 1rem;
	color: #fff;
	margin: 0;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-area {
	gap: 0.4rem;
	margin-top: 1.3rem;
	text-align: center;
    justify-content: center;
	font-weight: bold;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-img{
	align-self: center;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-name{
	line-height: 1;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-area .flag-img img,
.sec_live_teachers .live-teacher-banner-list .teacher-box .tb-time-area .tb-img img {
	width: 100%;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .tb-time-area {
	gap: 0.4rem;
	margin-top: 0.4rem;
	text-align: center;
    justify-content: center;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .lesson-status {
	font-size: 1rem;
	line-height: 1;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .lesson-status.starting-soon {
	font-size: 9px;
	color: #fff;
	padding: 2px 2px;
	/* border: 1px solid #DC54C0; */
	border-radius: 9px;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-img, .live-teacher-banner-list .teacher-box .tb-img {
	position: relative;
	z-index: 2;
	flex-shrink: 0;
	display: flex;
	width: 1.8rem;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-img, .live-teacher-banner-list .teacher-box .tb-img img {
	border-radius: 3px;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .flag-img{
	width: 1.8rem;
	height: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
	border-radius: 0;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .tb-img .tb-tooltip:before {
	content: '';
	display: block;
	position: absolute;
	border: 0.5rem solid transparent;
	border-bottom-color: #fff;
	bottom: 100%;
	left: 1.4rem;
}
.sec_live_teachers .live-teacher-banner-list .teacher-box .tb-img .tb-tooltip {
	color: #000;
	display: none;
	position: absolute;
	z-index: 9999;
	top: 2.3rem;
	left: -1rem;
	width: 12rem;
	border-radius: 0.3rem;
	background-color: #fff;
	filter: drop-shadow(0 0 1px #666) drop-shadow(0 0 0.5rem rgba(0, 0, 0, .15));
}
/* .sec_live_teachers .live-teacher-banner-list .teacher-box .tb-img:hover .tb-tooltip {
	display: block;
} */
.sec_live_teachers .live-teacher-banner-list .teacher-box .tb-img .tb-tooltip .tooltip-inner {
	padding: 0.5rem;
	font-size: 1rem;
	line-height: 1.44;
}
/*------------------------------------------*/
/* custom slick carousel buttons
/*------------------------------------------*/
.sec_live_teachers .custom-slick-btn-container	{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.8rem;
	margin-top: 0.8rem;
}
.sec_live_teachers .custom-slick-btn-container .prev,
.sec_live_teachers .custom-slick-btn-container .next {
	width: 32px;
	height: 32px;
	border: 1px solid #CCC;
	border-radius: 50%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s;
}
.sec_live_teachers .custom-slick-btn-container .prev img,
.sec_live_teachers .custom-slick-btn-container .next img {
	width: 21px;
	height: 21px;
}
.sec_live_teachers .custom-slick-btn-container .prev:hover,
.sec_live_teachers .custom-slick-btn-container .next:hover {
	cursor: pointer;
}
.sec_live_teachers .custom-slick-btn-container .prev.slick-disabled,
.sec_live_teachers .custom-slick-btn-container .next.slick-disabled {
	opacity: 0.6;
}

/* NJ-24193 Start */

.sec_live_teachers .live-teacher-banner-list-wrap .slick-slide {
	/* max-width: 202.8px;
	width: 100%; */
}

.sec_live_teachers .live-teacher-banner-list .teacher-box {
	height: 100%;
	position: relative;
	display: block;
	color: #FFF;
	padding: 1rem;
	background-color: #323840;
	border-radius: 0;
	transition: unset;
}

.sec_live_teachers .live-teacher-banner-list .teacher-box .teacher-avatar {
	position: relative;
	box-sizing: border-box;
	width: 8rem;
	height: 8rem;
	padding: 0.6rem;
	/* background-image: url(../img/icon/live-ring.svg); */
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
}

.sec_live_teachers .live-teacher-banner-list .teacher-box .live-now .avatar-img {
	display: block;
	/* width: 11.6rem;
	height: 11.6rem; */
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
  
.sec_live_teachers .live-teacher-banner-list .teacher-box .live-now .avatar-img.live-img img {
	width: 58px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* z-index: 1; */
}

.sec_live_teachers .live-teacher-banner-list .teacher-box .live-now .avatar-img .avatar-img-anim {
	position: absolute;
	width: 125%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -2;
}

.sec_live_teachers .live-teacher-banner-list .teacher-box .avatar-area {
	margin: 10px 0;
	/* margin-top: 18px; */
}

/* NJ-24193 End */

/* NJ-25840 Design Fix */
.sec_live_teachers .live-teacher-banner-list-wrap {
	margin-inline: auto;
	padding-inline: 2.4rem;	
}
.sec_live_teachers .live-teacher-banner-list {
	display: flex;
	flex-wrap: nowrap;
	scrollbar-width: none;
	scroll-snap-type: both mandatory;
	overscroll-behavior-x: contain;
	overflow-x: auto;
	margin: 0 -4rem;
    padding-inline: 1.6rem;
}
.sec_live_teachers .live-teacher-banner-list .banner-li{
    flex-shrink: 0;
	scroll-snap-align: center;
}
.sec_live_teachers .live-teacher-banner-list .banner-li:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.sec_live_teachers .live-teacher-banner-list .banner-li:last-child {
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
@media only screen and (min-width: 768px) {
	.sec_live_teachers .live-teacher-banner-list-wrap .banner-li {
		width: 152px;
	}
}
@media only screen and (min-width: 1024px) {
	.sec_live_teachers .live-teacher-banner-list-wrap .banner-li {
		width: 172px;
	}
}

/* NJ-37645 */
.landing-page .site_header {
	max-height: 100vh;     /* fallback for old browsers */
	max-height: 100dvh;    /* override if supported */
	display: flex;
	flex-direction: column;
	position: fixed;
}
.landing-page:not(.fixed) .site_header {
	position: -webkit-sticky; /* Safari */
	position: sticky;
}
.landing-page .site_header .menu {
	flex: 1;
	max-height: unset;
	position: unset;
}
.page_index .main.campaign-active {
	margin-bottom: 0;
}
.campaign-active .amazon_gift .main_img {
	display: block;
	width: 100%;
}
/* NJ-37645 END */

/* START NJ-39990 */
@keyframes skeleton-animation {
	0% {
	  transform: translateX(-100%);
	}
	100% {
	  transform: translateX(100%);
	}
}
   
._article_skelton ._article_art_img {
	position: relative;
	overflow: hidden;
	opacity: 0;
	width: 100%;
	max-width: 37.5rem;
	margin: 1.6rem auto 0;
}
._article_skelton ._article_art_img + ._article_art_img {
	margin-top: 16px;
}
   
._article_skelton ._article_art_img::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	content: "" !important;
	display: block;
	background: linear-gradient(
	  90deg,
	  rgba(255,255,255,0),
	  rgba(255, 255, 255, 0.4),
	  rgba(255,255,255,0)
	);
	animation: skeleton-animation 1.2s linear infinite;
}

._article_skelton ._article_art_img::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3; 
	content: "";
	display: block;
	background-color: #eaeaea;
	
}
.skeleton-hide-before-after::before,
.skeleton-hide-before-after::after {
	display: none !important;
}

._article_skelton ._article_art_img.skeleton_border {
	border-color:  #eaeaea !important;
	border-radius: 0 !important;
	width: auto;
}

/* END NJ-39990 */

/* START NJ-39990 */

/* CSS Document */
*{
	outline: none;
}
html {
	width: 100%;
	height:100%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 62.5%;
}
body {
	width: 100%;
	height: 100%;
	color: #333333;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
body.fixed{
    position: fixed;
}
a {
	color: inherit;
	text-decoration: none;
}
input, select, textarea {
	font-size: inherit;
	font-family: inherit;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 0;
}
select, textarea {
	font-size: inherit;
	font-family: inherit;
	-webkit-appearance: none;
	background: inherit;
}
img{
	max-width: 100%;
}
strong{
	font-weight:bold;
}
button{
	border: none;
}
/*  */
select::-ms-expand {
	display: none;
}
input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px #d1d6df;
	background: #dde1e7;
	border-radius: 0px;
	border: none;
}
input[type=range]::-webkit-slider-thumb {
	position: relative;
	z-index: 2;
	box-shadow: 0px 1px 0px #d1d6df;
	border: none;
	height: 12px;
	width: 5px;
	border-radius: 0px;
	background: #dde1e7;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -4px;
}
input[type=range]::-webkit-slider-thumb:after {
	position: absolute;
	z-index: 1;
	top: 4px;
	bottom: 0;
	right: 5px;
	display: inline-block;
	content: "";
	width: 2000px;
	height: 5px;
	background-color: #55c5b9;
	-ms-pointer-events: none;
	pointer-events: none;
}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	box-shadow: inset 0px 1px 0px #d1d6df;
	background: #dde1e7;
	border-radius: 0px;
	border: none;
	outline: none;
}
input[type=range]::-moz-range-thumb {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	z-index: 2;
	box-shadow: 0px 1px 0px #d1d6df;
	border: none;
	height: 5px;
	width: 5px;
	border-radius: 0px;
	background: #dde1e7;
	cursor: pointer;
	outline: none;
	box-shadow: 0 -5px 0 0 #dde1e7, 0 -3px 0 0 #dde1e7, 0 5px 0 0 #dde1e7, -5px 0 0 0 #55c5b9, -9px 0 0 0 #55c5b9, -13px 0 0 0 #55c5b9, -17px 0 0 0 #55c5b9, -21px 0 0 0 #55c5b9, -25px 0 0 0 #55c5b9, -29px 0 0 0 #55c5b9, -33px 0 0 0 #55c5b9, -37px 0 0 0 #55c5b9, -41px 0 0 0 #55c5b9, -45px 0 0 0 #55c5b9, -49px 0 0 0 #55c5b9, -53px 0 0 0 #55c5b9, -57px 0 0 0 #55c5b9, -61px 0 0 0 #55c5b9, -65px 0 0 0 #55c5b9, -69px 0 0 0 #55c5b9, -73px 0 0 0 #55c5b9, -77px 0 0 0 #55c5b9, -81px 0 0 0 #55c5b9, -85px 0 0 0 #55c5b9, -89px 0 0 0 #55c5b9, -93px 0 0 0 #55c5b9, -97px 0 0 0 #55c5b9, -101px 0 0 0 #55c5b9, -105px 0 0 0 #55c5b9, -109px 0 0 0 #55c5b9, -111px 0 0 0 #55c5b9, -115px 0 0 0 #55c5b9, -119px 0 0 0 #55c5b9, -123px 0 0 0 #55c5b9, -127px 0 0 0 #55c5b9, -131px 0 0 0 #55c5b9, -135px 0 0 0 #55c5b9, -139px 0 0 0 #55c5b9, -143px 0 0 0 #55c5b9, -147px 0 0 0 #55c5b9, -151px 0 0 0 #55c5b9, -155px 0 0 0 #55c5b9, -159px 0 0 0 #55c5b9, -163px 0 0 0 #55c5b9, -167px 0 0 0 #55c5b9, -171px 0 0 0 #55c5b9, -175px 0 0 0 #55c5b9, -179px 0 0 0 #55c5b9, -183px 0 0 0 #55c5b9, -187px 0 0 0 #55c5b9;
}
input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
input[type=range]::-ms-fill-lower {
	background: #55c5b9;
	border: none;
	border-radius: 0px;
}
input[type=range]::-ms-fill-upper {
	background: #dde1e7;
	border: none;
	border-radius: 0px;
}
input[type=range]::-ms-thumb {
	border: none;
	height: 12px;
	width: 5px;
	border-radius: 0px;
	background: #dde1e7;
	box-shadow: 0px 1px 0px #d1d6df;
	cursor: pointer;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	color: #42bfc0;
	font-size:4rem;
	background:none;
}

/* swiper */
.swiper-container{
    padding-bottom: 3rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0.5rem;
    left: 0;
    width: 100%;
}
 .swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #999;
}

/* サイト内共通ヘッダー */
.site_header{
    width: 100%;
    max-height: 100vh;
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    flex-direction: column;
}
.site_header .induce {
    background: #ededed;
    flex-shrink: 0;
    position: relative;
    z-index: 10;
}
.site_header .induce .app{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.7rem 0.8rem 0.8rem;
}
.site_header .induce .app .icon{
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
    margin-right: 0.8rem;
    overflow: hidden;
    flex-shrink: 0;
}
.site_header .induce .app .icon img{
    width: 100%;
    height: 100%;
    display: block;
}
.site_header .induce .app .detail{
    width: 100%;
}
.site_header .induce .app .detail .name{
    font-size: 1.2rem;
    font-weight: bold;
}
.site_header .induce .app .detail .text{
    font-size: 1rem;
}
.site_header .induce .app .detail .rating img{
    display: block;
    height: 1.2rem;
    object-fit: contain;
}
.site_header .induce .app .button{
    color: #007aff;
    border: 1px solid #007aff;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 0.4rem;
    text-align: center;
    padding: 0 0.8rem;
    flex-shrink: 0;
}
.site_header .header{
    color: #fff;
    background: #092846;
    width: 100%;
    padding: 8px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    z-index: 10;
}
.site_header .header .brand{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.site_header .header .brand .logo {
    padding: 8px 0 2px;
}
.site_header .header .brand .logo img{
    display: block;
    width: 193px;
    height: auto;
    object-fit: contain;
}
.site_header .header .brand .text{
	position: relative;
    top: 4px;
    color: #fff;
    font-size: 1.0rem;
}
.site_header .header .trigger{
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-shrink: 0;
    padding: 0.8rem;
}
.site_header .header .trigger img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.site_header .menu{
    display: none;
    width: 100%;
    max-height: -webkit-calc(100vh - 11.5rem);
    max-height: calc(100vh - 12rem);
    overflow-y: scroll;
    position: absolute;
    top: 12rem;
    z-index: 10;
}
.site_header .menu::-webkit-scrollbar {
	width: 0.4rem;
    background:#fff;
}
.site_header .menu::-webkit-scrollbar-track {
	border-radius: 0.4rem;
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.site_header .menu::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 50, .5);
	border-radius: 0.4rem;
	box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
.site_header .menu .menu_list{
    background: #fff;
    position: relative;
    z-index: 10;
}
.site_header .menu .menu_list .list-item{

}
.site_header .menu .category{
}
.site_header .menu .category .category_head{
    display: flex;
    align-items: center;
    color: #092846;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    height: 3em;
    line-height: 3em;
    box-sizing: border-box;
    padding: 0 3.2rem 0 1.6rem;
    border-bottom: #d8d8d8 1px solid;
    background-image: url(/assets/mobile/img/icon/angle-down-black.png);
    background-position: center right 1.6rem;
    background-repeat: no-repeat;
    background-size: 1em;
}
.site_header .menu .category .category_head.open{
    background-image: url(/assets/mobile/img/icon/angle-up-black.png);
}
.site_header .menu .category .category_head:before{
	content: "";
    width: 2.8rem;
    height: 2.8rem;
    background-size: contain;
    background-position: center;
    margin-right: 0.8rem;
    flex-shrink: 0;
	background: url('/assets/mobile/img/icon/home.png') no-repeat center;
	background-size: contain;
}
.site_header .menu .category .category_head.head-home:before{
	background-image: url('/assets/mobile/img/icon/home.png');
}
.site_header .menu .category .category_head.head-guide:before{
	background-image: url('/assets/mobile/img/icon/guide.png');
}
.site_header .menu .category .category_head.head-study:before{
	background-image: url('/assets/mobile/img/icon/study.png');
}
.site_header .menu .category .category_head.head-search:before{
	background-image: url('/assets/mobile/img/icon/search.png');
}
.site_header .menu .category .category_head.head-etc:before{
	background-image: url('/assets/mobile/img/icon/etc.png');
}
.site_header .menu .category .category_head a{
    width: 100%;
}
.site_header .menu .category .category_body{
    display: none;
    border-bottom: #d8d8d8 1px solid;
}
.site_header .menu .category.open .category_body{
    display: block;
}
.site_header .menu .category .category_body ul li{
    border-bottom: #d8d8d8 1px solid;
}
.site_header .menu .category .category_body ul li a{
    display: flex;
    align-items: center;
    color: #092846;
    font-size: 1.6rem;
    cursor: pointer;
    height: 3em;
    line-height: 3em;
    box-sizing: border-box;
    padding: 0 3.2rem 0 1.6rem;
    background-image: url(/assets/mobile/img/icon/angle-right-black.png);
    background-position: center right 1.4rem;
    background-repeat: no-repeat;
    background-size: 0.5em;
	gap: 0 5px;
}
.site_header .menu .category .category_body ul li.mob-icon a span{
	position: relative;
	padding-right: 3.1rem;
}
.site_header .menu .category .category_body ul li.mob-icon a span:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	height: 2.4rem;
	width: 2.4rem;
	background: url(https://nativecamp-public-web-production.s3.amazonaws.com/user/webroot/mobile/images/gnavi/phone-icon.svg) no-repeat center, #EAEFF3;
	border-radius: 100%;
}
.site_header .menu .menu_links_title{
    display: flex;
    align-items: center;
    color: #092846;
    font-size: 1.6rem;
    font-weight: bold;
    height: 3em;
    line-height: 3em;
    box-sizing: border-box;
    padding: 0 3.2rem 0 1.6rem;
}
.site_header .menu .menu_links {
	padding: 0 2rem;
}
.site_header .menu_bg{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
    z-index: 5;
}

/* サイト共通 ログイン前 フッター */
.site_footer{
    width: 100%;
    color: #fff;
    background: #092846;
    position: relative;
	z-index: 10;
}
.site_footer .menu{
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
}
.site_footer .menu .category{
    border-bottom: solid 1px #fff;
}
.site_footer .menu .category dt{
    width: 100%;
    height: 3em;
    line-height: 3em;
    padding: 0 1.6rem;
    box-sizing: border-box;
    background-image: url(/assets/mobile/img/icon/angle-down-white.png);
    background-size: 1.6rem;
    background-repeat: no-repeat;
    background-position: right 1.6rem center;
}
.site_footer .menu .category dt.open{
    background-image: url(/assets/mobile/img/icon/angle-up-white.png);
}
.site_footer .menu .category dd{
    display: none;
    padding: 0rem 1.6rem 1.6rem;
}
.site_footer .menu .category dd ul li{
}
.site_footer .menu .category dd ul li a{
    display: flex;
	align-items: center;
	gap: 0 5px;
    padding: 0.4rem 0 0.4rem 1em;
}
.site_footer .social{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.4rem;
}
.site_footer .social .icon{
    margin: 0 0.65rem;
}
.site_footer .social .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
.site_footer .social .icon .sns-link{
	width: 3.3rem;
    height: 3.3rem;
	background: #FFF;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.site_footer .social .icon .sns-link:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: url('/assets/mobile/img/icon_x.png') no-repeat center;
	background-size: contain;
}
.site_footer .social .icon .sns-link.sns-link-x:before{
	background-image: url('/assets/mobile/img/icon_x.png');
}
.site_footer .social .icon .sns-link.sns-link-fb:before{
	background-image: url('/assets/mobile/img/icon_facebook.png');
	width: 24px;
	height: 24px;
}
.site_footer .social .icon .sns-link.sns-link-youtube:before{
	background-image: url('/assets/mobile/img/icon_youtube.png');
}
.site_footer .social .icon .sns-link.sns-link-ig:before{
	background-image: url('/assets/mobile/img/icon-ig.png');
	width: 20px;
	height: 20px;
}
.site_footer .social .icon .sns-link.sns-link-tiktok:before{
	background-image: url('/assets/mobile/img/icon-tiktok.png');
}
.site_footer .brand{
    margin-left: auto;
    margin-right: auto;
    padding: 1.6rem 0;
}
.site_footer .brand img{
    width: 226px;
	height: auto;
    object-fit: contain;
    display: block;
	margin: 0 auto;
}
.site_footer .copyright{
    display: block;
    font-size: 1rem;
    text-align: center;
    padding-bottom: 2.4rem;
}
.site_footer .scroll{
    font-size: 1.6rem;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 10;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}
.site_footer .scroll img{
    display: block;
    width: 1.6rem;
    height: 1.6rem;
}
.site_footer .language {
    margin-bottom: 2.4rem;
	position: relative;
}
.site_footer .language .select_language {
	position: relative;
}
.site_footer .language .select_language .default{
	width: 20rem;
	display: flex;
	color: #fff;
	font-size: 1.2rem;
	border: 1px solid #fff;
	margin: 0 auto;
	position: relative;
	align-items: center;
	justify-content: center;
}
.site_footer .language .select_language .default::after {
	content: '';
	position: absolute;
	width: 0.8rem;
	height: 0.8rem;
	top: 50%;
	right: 1rem;
    margin-top: -0.8rem;
	border: 1px solid transparent;
	border-bottom-color: #fff;
	border-right-color: #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center;
}
.site_footer .language .select_language .icon {
    display: block;
    padding: 0.8rem;
    border-right: 1px solid rgba(255, 255, 255, .25);
    flex-shrink: 0;
    box-sizing: border-box;
}
.site_footer .language .select_language .icon img{
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    object-fit: contain;
}
.site_footer .language .select_language .current_language {
    width: 100%;
    padding: 0.8rem 1rem;
    position: relative;
}
.site_footer .language .select_language .dropdown{
    display: none;
}
.site_footer .language .select_language .dropdown.on{
    display: block;
}
.site_footer .language .select_language .dropdown_list {
	width: 20rem;
	height: 20rem;
	overflow-y: auto;
	position: absolute;
	top: unset;
	bottom: 0;
	left: calc(50% - 100px);
	background-color: #092846;
	border: 1px solid #fff;
	z-index: 100;
}
.site_footer .language .select_language .dropdown_list .list_item + .list_item {
	border-top: 1px solid rgba(255, 255, 255, .25);
}
.site_footer .language .select_language .dropdown_list .list_item .lang_switch_link {
    display: block;
	padding: 0.8rem 1rem;
	background-color: transparent;
	transition: background-color .2s ease-in-out;
}
.site_footer .language .select_language .dropdown_list .list_item .lang_switch_link.on {
	background-color: rgba(0, 0, 0, .3);
}
.site_footer .language .select_language .dropdown_bg{
    width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: transparent;
    z-index: 50;
}
.site_footer .text-1{
	margin: 0 auto 2rem;
	font-size: 1rem;
	text-align: center;
}
.site_footer .text-1 p + p{
	margin-top: 1rem;
}

/* END NJ-39990 */
/* NJ-39990 */

/* Styles for mobile devices */
@media (max-width: 767px) {
    .page_index .main .visual > img, .page_index .sec.sec-most-used img {
		object-fit: contain;
		height: auto;
	}
}

/* Styles for tablet devices */
@media (min-width: 768px) and (max-width: 1024px) {
    .page_index .main .visual > img, .page_index .sec.sec-most-used img {
		object-fit: contain;
		height: auto;
	}
}
/* NJ-39990 END */

.sec_note .note-wrap{
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.7;
	padding: 0 1.6rem;
	margin-bottom: 3.2rem;
}

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

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

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

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

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

.page_wrap--new_year_2025 .sec .notice {
    width: 100%;
    color: #555;
    box-sizing: border-box;
    font-size: 1.2rem;
}
.page_wrap--new_year_2025 .sec .notice.gray{
    background: #f5f5f5;
     padding: 1.5rem;
}
.page_wrap--new_year_2025 .sec .notice.gray .notice_list .list-item{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap--new_year_2025 .sec .step {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.page_wrap--new_year_2025 .sec .step .desc{
    font-size: 1.6rem;
    font-weight: bold;
    color: #004986;
}
.page_wrap--new_year_2025 .sec .step .mark{
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background: #C89950;
    height: 4rem;
    line-height: 3.5rem;
    border-radius: 4rem;
    margin-bottom: 1.5rem;
    padding: 0.2rem 2rem 0rem;
    box-sizing: border-box;
    display: inline-block;
}
.page_wrap--new_year_2025 .sec .step + .step::before{
    content: '';
    display: block;
    text-align: center;
    width: 0;
    height: 0;
    margin: 4rem auto;
    border: 8rem solid transparent;
    border-bottom: 0;
    border-top: 4rem solid #bbb;
}
.page_wrap--new_year_2025 .sec .step .detail{
    width: 100%;
}
.page_wrap--new_year_2025 .sec .step .detail .text{
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
}
.page_wrap--new_year_2025 .sec .step .detail .text p{
    font-size: 1.5rem;
}
.page_wrap--new_year_2025 .sec .t_center {
    text-align: center;
}
.page_wrap--new_year_2025 .c_red{
    color: #f14444 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* NJ-55569 End */

.page_index .install_app_banner {
	margin-bottom: 2rem;
}
/* NJ-65066 Start */
.page_wrap--dailytopics .btn_style.btn_green {
	color: #FFF;
	background: #03c9a9;
	border: none;
}
.page_wrap--dailytopics .page_inner {
	padding: 0;
}
.page_wrap--dailytopics .container {
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
  }
.page_wrap--dailytopics .visual img {
	width: 100%;
  }
.page_wrap--dailytopics .sec {
	padding: 2rem;
	background: #FFF;
}
.page_wrap--dailytopics .sec.sec_main .sec_ttl{
    color: #3285E5;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin: 1rem 0 3rem;
}
.page_wrap--dailytopics .c_red {
	color: #FD3651;
}
.page_wrap--dailytopics .sec.sec_main .priod{
    position: relative;
    margin-bottom: 2.4rem;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_text{
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
}
.page_wrap--dailytopics .sec.sec_main .priod_ttl{
    width: 20rem;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 4rem;
    position: relative;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl::before,
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1rem;
    border: 1.5rem solid #de7f0f;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl::before {
    left: -3rem;
    border-right-width: 4.5rem;
    border-left-color: transparent;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl::after {
    right: -3rem;
    border-left-width: 4.5rem;
    border-right-color: transparent;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl span{
    display: block;
    color: #fff;
    background: #f1890e;
    padding: 1rem 2rem;
    position: relative;
    z-index: 10;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl span:before,
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl span:after{
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #bb6c0f transparent transparent transparent;
    bottom: -1rem;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl span:before{
    left: 0;
    border-width: 1rem 0 0 3rem;
}
.page_wrap--dailytopics .sec.sec_main .priod .priod_ttl span:after{
    right: 0;
    border-width: 1rem 3rem 0 0;
}
.page_wrap--dailytopics .separation{
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
    background-color: #3285E5;
}
.page_wrap--dailytopics .sec-div {
	display: flex;
	row-gap: 20px;
	flex-wrap: wrap;
	margin: 30px auto 40px;
	padding: 0 20px;
}
.page_wrap--dailytopics .sec-div a {
	position: relative;
	width: 800px;
	max-width: 100%;
	border: 2px solid #333333 !important;
	font-size: 1.6rem;
	font-weight: 700;
	color: #333333 !important;
	line-height: 26px;
	padding: 10px 28px 10px 15px;
}

.page_wrap--dailytopics .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--dailytopics .sec .action .button_apply{
    background: #03C9A9;
    border-radius: 1rem;
    box-shadow: 0px 6px 0px 0px #03A98E;
}
.page_wrap--dailytopics .sec .action .button_see_more .chevron{
    width: 2.2rem;
    height: 2.2rem;
    position: absolute;
    top: 1.12rem;
    right: 3rem;
    border: 2px solid;
    border-radius: 50%;
}
.page_wrap--dailytopics .sec .action .button_see_more .chevron::before{
    content: '';
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    position: relative;
    top: 0.6rem;
    border-style: solid;
    border-width: 2px 2px 0 0;
    transform: rotate(135deg);
    vertical-align: top;
}
.page_wrap--dailytopics .sec .action .button_see_more .chevron.up::before{
    top: 0.9rem;
    transform: rotate(-45deg);
}
.page_wrap--dailytopics .sec .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--dailytopics .btn_style2{
    padding: 1rem;
    border-radius: 0.8rem;
    border: none;
    margin-top: 3rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
}
.page_wrap--dailytopics .button_orange{
    background: #f1890e;
    box-shadow: 0 6px 0 0 #c16e0b;
}
.page_wrap--dailytopics .sec .detail .btn_style1{
    padding: 1rem;
    border-radius: 0.8rem;
    border: none;
    margin-top: 2rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    display: block;
    width: 100%;
}
.page_wrap--dailytopics .sec .detail .btn_style1.button_orange{
    background: #f1890e;
    box-shadow: 0 6px 0 0 #c16e0b;
}
.page_wrap--dailytopics .fs_16 {
	font-size: 1.6rem !important;
}
.page_wrap--dailytopics .sec .detail .btn_style1.button_orange .button_text img{
	position: relative;
    top: 1px;
	width: 0.8rem;
  	height: 1.4rem;
	margin-left: 3rem;
}
.page_wrap--dailytopics p {
	font-size: 1.4rem;
	line-height: 1.5;
}
.page_wrap--dailytopics .before_line{
	padding-left: 9px;
	position: relative;
	color: #3285E5;
}
.page_wrap--dailytopics .before_line:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 23px;
	background: #3285E5;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.page_wrap--dailytopics .sec .step {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.page_wrap--dailytopics .sec .step .desc{
    font-size: 1.6rem;
    font-weight: bold;
    color: #004986;
}
.page_wrap--dailytopics .sec .step .mark{
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff;
    background: #3285E5;
    height: 4rem;
    line-height: 3.5rem;
    border-radius: 4rem;
    margin-bottom: 1.6rem;
    padding: 0.2rem 2rem 0rem;
    box-sizing: border-box;
    display: inline-block;
}
.page_wrap--dailytopics .sec .step + .step::before{
    content: '';
    display: block;
    text-align: center;
    width: 0;
    height: 0;
    margin: 4rem auto;
    border: 6rem solid transparent;
    border-bottom: 0;
    border-top: 3rem solid #D9D9D9;
}
.page_wrap--dailytopics .sec .step .detail{
    width: 100%;
	margin-bottom: 1.6rem;
}
.page_wrap--dailytopics .sec .step .detail .text{
    color: #333333;
    font-size: 1.5rem;
    font-weight: bold;
}
.page_wrap--dailytopics .sec .step .detail .text p{
    font-size: 1.5rem;
}
.page_wrap--new_year_2025 .sec .t_center {
    text-align: center;
}
.page_wrap--new_year_2025 .c_red{
    color: #f14444 !important;
}

.page_wrap--dailytopics .sec .step .detail .sub_text{
    margin-top: 1rem;
}
.page_wrap--dailytopics .stamp_basket_wrap{
    margin-top: 2rem;
	border: 0.2rem solid #3285E5;
	border-radius: 2rem;
	background: #F3F8FF;
}
.page_wrap--dailytopics .stamp_basket_wrap .stamp_basket_image img{
    display: block;
    width: 100%;
    object-fit: cover;
	border-top-left-radius: 1rem;
  	border-top-right-radius: 1rem;
}
.page_wrap--dailytopics .stamp_basket_num {
	color: #E83936;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0.4rem;
  }
  .page_wrap--dailytopics .stamp_basket_header {
	position: relative;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	margin: 0.8rem auto 0.8rem;
  }
  .page_wrap--dailytopics .stamp_basket_wrap .stamp_list_wrap {
	margin-bottom: 2.1rem;
	color: #3285E5;
	font-size: 1.2rem;
	font-weight: 700;
  }
  .page_wrap--dailytopics .stamp_basket_wrap .stamp_list_wrap .stamp_list {
	display: flex;
	justify-content: space-evenly;
	margin-bottom: 1rem;
  }
  .page_wrap--dailytopics .stamp_basket_wrap .stamp_list_wrap .list-item.active {
	background-image: url('https://nativecamp-public-web-production.s3.ap-northeast-1.amazonaws.com/user/webroot/images/campaign/dailytopics/coin_3.webp');
	background-size: 2rem 2rem;
	background-position: center;
	background-repeat: no-repeat; 
	color: transparent;
  }
  .page_wrap--dailytopics .border-none {
	border: none !important;
  }
  .page_wrap--dailytopics .stamp_basket_wrap .stamp_list_wrap .list-item img {
	height: 100%;
	width: 100%;
	object-fit: cover;
  }
  .page_wrap--dailytopics .stamp_basket_wrap .stamp_list_wrap .list-item.border-box {
	border: 0.1rem dashed #3285E5;
	width: 5rem;
	height: 2.8rem;
	border-radius: 0.5rem;
  }
  .page_wrap--dailytopics .no_dash{
	border: none !important;
  }
  .page_wrap--dailytopics .stamp_basket_wrap .stamp_list_wrap .list-item {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #FFFFFF;
  }
  .page_wrap--dailytopics .ranking{
    width: 100%;
    border: 1px solid #F1890E;
    margin-bottom: -15px;
}
.page_wrap--dailytopics .ranking.gifts{
    border: 1px solid #F1890E;
}
.page_wrap--dailytopics .ranking .ranking_head{
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    padding: 1rem;
    background-color: #F1890E;
}
.page_wrap--dailytopics .ranking.gifts .ranking_head{
    background-color: #F1890E;
}
.page_wrap--dailytopics .ranking:nth-child(2) .ranking_head{
    background-color: #B4C1CD;
}
.page_wrap--dailytopics .ranking .ranking_head .coin_icon{
    width: 28px;
    height: 25px;
    display: inline-block;
    margin: -4px 5px;
    background-image: url('/images/campaign/sixth_anniv_3/coin.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table {
    width: 100%;
    text-align: center;
}
.page_wrap--dailytopics .ranking.gifts .ranking_body .ranking_table {
    padding-bottom: 0;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_head{
    display: flex;
    align-items: center;
	border-bottom: 1px solid #F1890E;
	justify-content: space-evenly;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_head .table_ttl {
    width: 111px !important;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #F1890E !important;
    padding: 0.8rem 0.7rem;
    font-family: "Noto Sans", sans-serif;
    box-sizing: border-box;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_head .table_ttl.th_rank{
    width: 28%;
    position: relative;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_head .table_ttl.th_coin{
    width: 60%;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body{
    display: flex;
    align-items: center;
    padding: 1rem 0;
	justify-content: space-evenly;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body.disabled{
    display: none;
}
.page_wrap--dailytopics .ranking.gifts .ranking_body .ranking_table .table_body{
    padding: 1.6rem 0;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body {
    font-size: 1.2rem;
    font-weight: bold;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FBFBFB;
}
.page_wrap--dailytopics .ranking.gifts .ranking_body .ranking_table .table_body:nth-child(odd){
    background: #FFF5E9;
}
.page_wrap--dailytopics .ranking:nth-child(2) .ranking_body .ranking_table .table_body:last-child{
    border-bottom-color: #B4C1CD
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
    width: 111px;
    position: relative;
    left: 6rem;
	padding: 0.6rem 0;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_coin{
    width: 111px;
	padding: 0.6rem 0;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
    width: 8rem;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .team{
    font-size: 1.2rem;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .away{
    width: 58px;
    background:#999999;
    color: #fff;
    font-size: 1.2rem;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .home{
    width: 58px;
    background:#555555;
    color: #fff;
    font-size: 1.2rem;
}
@media only screen and (max-width: 600px) {
    .page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank{
        flex-wrap: wrap;
        justify-content: center;
        left: 0;
        gap: 0;
    }
    .page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .target_date{
        margin: 0 1rem;
    }
    .page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .team{
        flex-basis: 100%;
        font-weight: normal;
        text-align: left;
        transform: translate(28%, 0%);
        margin-right: 2.6rem;
    }
  }
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win{
    color: #FF0000;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win::before{
    content: url(/images/campaign/newgrammar/win_before.svg);
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_coin span.result_win::after{
    content: url(/images/campaign/newgrammar/win_after.svg);
    display: inline-block;
    vertical-align: middle;
    margin: 0 .2rem;
}
.page_wrap--dailytopics .ranking .ranking_body .ranking_table .table_body .td_rank .gray_shaded{
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #555555;
    box-sizing: border-box;
    position: relative;
}
.page_wrap--dailytopics .sec .notice {
    width: 100%;
    padding: 1.5rem;
    color: #555;
    background: #f5f5f5;
    box-sizing: border-box;
    font-size: 1.2rem;
}
.page_wrap--dailytopics .sec.event2 {
    padding: 1rem;
}
.page_wrap--dailytopics .sec .notice .notice_list .list-item{
    padding-left: 1em;
    text-indent: -1em;
}
.page_wrap--dailytopics .sec .campaign_desc_dailytopics dd + dt::before{
	content: '';
	display: block;
	text-align: center;
	width: 0;
	margin: 3rem auto;
	height: 0;
	border: 6rem solid transparent;
	border-bottom: 0;
	border-top: 3rem solid #D9D9D9;
}
.page_wrap--dailytopics .event2_step2_img {
	width: 30.523rem;
	height: 59.6rem;
	margin: 3rem auto 0;
}
.page_wrap--dailytopics .event2_step2_img img{
	width: 100%;
	height: 100%;
	border-radius: 0.8rem;
}
.page_wrap--dailytopics .sec .btn_wrap .btn_style.btn_style2.btn_orange{
    white-space: nowrap;
    box-shadow: 0px 0.6rem 0px 0px #c16e0b;
    font-weight: bold;
}
.page_wrap--dailytopics .sec .btn_wrap .btn_style.btn_style2.btn_green{
    white-space: nowrap;
    box-shadow: 0px 0.6rem 0px 0px #03A98E;
    font-weight: bold;
}
.page_wrap--dailytopics .sec .btn_wrap .btn_style.btn_style2{
    font-size: 1.6rem !important;
	padding: 1.7rem 6.1rem;
	line-height: 1.3;
	height: 5.2rem;
	box-sizing: border-box;
	border-radius: 0.7rem;
	width: 100%;
	text-shadow: none;
	border: none !important;
	position: relative;
}
.page_wrap--dailytopics .period_table {
	border: 0.2rem solid #1D80FB;
	border-radius: 1.2rem;
	margin: 0 auto;
	position: relative;
  }
  .page_wrap--dailytopics .period_title {
	background: #1D80FB;
	color: #FFF;
	text-align: center;
	padding: 1rem;
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	font-size: 1.6rem;
	font-weight: 700;
  }
  .page_wrap--dailytopics .period_table ul {
	padding: 1rem 3rem;
  }
  .page_wrap--dailytopics .period_table ul li {
	display: flex;
	justify-content: center;
	gap: 1rem;
	font-size: clamp(10px, 5vw, 16px);
  }
  .page_wrap--dailytopics .period_table ul li:nth-child(2) {
	margin: 1rem 0;
  	padding: 1rem 0;
  }
  .page_wrap--dailytopics .period_table ul li:nth-child(2)::before {
	content: '';
	position: absolute;
	border-top: 1px solid #DDD;
	width: 100%;
	height: 1rem;
	bottom: 3.5rem;
  }
  .page_wrap--dailytopics .period_table ul li:nth-child(2)::after {
	content: '';
	position: absolute;
	border-top: 1px solid #DDD;
	width: 100%;
	height: 1rem;
	top: 8.7rem;
  }
  
  .page_wrap--dailytopics .period_date {
	width: 40rem;
	white-space: nowrap;
  }
  .page_wrap--dailytopics .period_num {
	width: 15rem;
	white-space: nowrap;
  }
  .page_wrap--dailytopics  .table_hint {
	text-align: right;
	font-size: 1.2rem;
  }
  .page_wrap--dailytopics .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--dailytopics .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--dailytopics .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--dailytopics .trial_area .action{
    display: flex;
    align-items: center;
    justify-content: center;
}
.page_wrap--dailytopics .trial_area .action .button_trial{
    display: block;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 700;
    color: #fff;
    background: #f1890e;
    width: 100%;
    max-width: 35rem;
    height: 3em;
    line-height: 3em;
    border-radius: 3em;
    box-shadow: 0px 6px 0px 0px #c16e0b;
    box-sizing: border-box;
}
.page_wrap--dailytopics  .date_duration {
	margin: 1.6rem 0;
}
.page_wrap--dailytopics .period_wrap {
	margin-top: 1.5rem;
}
.page_wrap--dailytopics .notice.fs_12 p {
	font-size: 1.2rem !important;
}
/* NJ-65066 End */