/* ---------------------------- */
/* ---- NC-7029 new design ---- */
/* ---------------------------- */
.page_wrap.page-invite-link {

}
.page_wrap.page-invite-link > .page_inner {
	
}
.page_wrap.page-invite-link > .page_inner > .container {
	padding: 0;
	padding-bottom: 6rem;
	overflow: hidden;
}
/* reset */
.page-invite-link-content,
.page-invite-link-content *,
.page-invite-link-content *:before,
.page-invite-link-content *:after {
	box-sizing: border-box;
}
.page-invite-link-content img {
	display: block;
	width: 100%;
}
.page-invite-link-content {
	color: #555;
	line-height: 1.6;
}
.page-invite-link-content .coupon-value-together {

}
.page-invite-link-content .coupon-value-together > p {
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #149CD5;
}
.page-invite-link-content .coupon-value-together > p > b {
	font-size: 3rem;
	color: #F74F63;
}
.page-invite-link-content .what-is-coupon {
	max-width: 80rem;
	margin: 0 auto;
}
.page-invite-link-content .what-is-coupon .what-is-coupon-inner {
	padding: 1.5rem 2rem;
	border: 2px solid #1692D2;
	border-radius: 1rem;
	margin: 0 auto;
}
.page-invite-link-content .what-is-coupon .what-is-coupon-title {
	margin-bottom: .5rem;
}
.page-invite-link-content .what-is-coupon .what-is-coupon-title > .title-text {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	vertical-align: middle;
	color: #1692D2;
}
.page-invite-link-content .what-is-coupon .what-is-coupon-title .icon-question {
	display: inline-block;
	vertical-align: text-bottom;
	line-height: 1;
	width: 2rem;
	height: 2rem;
	background-image: url(../images/campaign/invite_friends_2/icon-question-blue.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 1rem;
}
.page-invite-link-content .what-is-coupon .what-is-coupon-body {
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: center;
}
.page-invite-link-content .you-and-friend-list-wrap {
	max-width: 80rem;
	margin: 0 auto;
}
.page-invite-link-content .you-and-friend-list {
	display: flex;
	align-items: stretch;
	width: 100%;
	background-color: #1692D3;
	border: 4px solid #1692D3;
	border-radius: 1rem;
	overflow: hidden;
	margin: 3rem auto 0;
}
.page-invite-link-content .you-and-friend-list > li {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 50%;
	padding: 3rem 2rem;
}
.page-invite-link-content .you-and-friend-list > li.item-you {
	background-color: #FFEB35;
}
.page-invite-link-content .you-and-friend-list > li.item-friend {
	background-color: #fff;
}
.page-invite-link-content .you-and-friend-list > li > .item-title {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 2rem;
}
.page-invite-link-content .you-and-friend-list > li > .item-title > .title-text {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4rem;
	min-width: 20rem;
	padding: 0 1rem;
	border-radius: 2rem;
	color: #1792D3;
	font-size: 2rem;
	font-weight: bold;
}
.page-invite-link-content .you-and-friend-list > li.item-you > .item-title > .title-text {
	background-color: #fff;
}
.page-invite-link-content .you-and-friend-list > li.item-friend > .item-title > .title-text {
	background-color: #FFEB35;
}
.page-invite-link-content .you-and-friend-list > li > .item-detail {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.page-invite-link-content .you-and-friend-list .t--1 {
	text-align: center;
	color: #1792D3;
	line-height: 1.5;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-1 {
	font-weight: bold;
	font-size: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-2 {
	color: #f75063;
	font-weight: bold;
	font-size: 2.8rem;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-3 {
	font-weight: bold;
	font-size: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 {
	margin-top: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 > .t--1-4-1,
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 > .t--1-4-3 {
	font-weight: bold;
	font-size: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 > .t--1-4-2 {
	color: #f75063;
	font-weight: bold;
	font-size: 2.8rem;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 > .t--1-4-2-s {
	text-decoration: line-through;
	font-size: 1.6rem;
	font-weight: normal;
	color: #555;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 > .value-only-now {

}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-4 > .value-only-now > div {
	width: 24rem;
	margin: 0 auto;
}
.page-invite-link-content .you-and-friend-list .t--1 > .t--1-6 {
	color: #fff;
	font-size: 2.5rem;
	font-weight: bold;
	padding: 1rem;
	background-color: #f75063;
	border-radius: 2px;
	margin-top: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--2 {
	text-align: center;
	font-weight: bold;
	color: #1792D3;
	line-height: 1.5;
}
.page-invite-link-content .you-and-friend-list .t--2 > .t--2-1 {
	font-size: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--2 > .t--2-2 {
	font-size: 3rem;
	color: #f75063;
}
.page-invite-link-content .you-and-friend-list .t--2 > .t--2-3 {
	font-size: 2rem;
}
/* design for non-Japanese */
.page-invite-link-content .you-and-friend-list .t--foreign {
	font-size: 1.6rem;
	line-height: 1.8;
	color: #1792D3;
}
.page-invite-link-content .you-and-friend-list .t--foreign > .t--1-1 {

}
.page-invite-link-content .you-and-friend-list .t--foreign > .t--1-2 {

}
.page-invite-link-content .you-and-friend-list .t--foreign > .t--1-3 {

}
.page-invite-link-content .you-and-friend-list .t--foreign > .t--1-3-s {
	text-decoration: line-through;
	color: #555;
}
.page-invite-link-content .you-and-friend-list .t--foreign > .t--1-3-only-now {

}
.page-invite-link-content .you-and-friend-list .t--foreign > .t--1-4 {
	text-align: center;
	color: #fff;
	background-color: #F74F63;
	padding: 2rem;
}
.page-invite-link-content .you-and-friend-list .t--foreign > hr {
	width: 100%;
	height: 1px;
	background-color: #1792D3;
	border: none;
	margin: 2rem 0;
}
.page-invite-link-content .you-and-friend-notice {
	color: #1792D3;
	font-size: 1.6rem;
}
.page-invite-link-content .you-and-friend-notice b {
	color: #F74F63;
}
.page-invite-link-content .coupon-flow-list-wrap {
	position: relative;
	background-color: #1692D2;
	max-width: 80rem;
	padding: 5rem 2rem;
	margin: 0 auto;
}
.page-invite-link-content .coupon-flow-list-wrap.next-arrow:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 2.4rem solid transparent;
	border-left-width: 4.3rem;
	border-right-width: 4.3rem;
	border-top-color: #1792D3;
}
.page-invite-link-content .coupon-flow-list-title {
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.8;
	font-weight: bold;
	color: #fff;
	padding: 0 2rem;
}
.page-invite-link-content .coupon-flow-list-title > p {
	position: relative;
	display: inline-block;
}
.page-invite-link-content .coupon-flow-list-title > p:before,
.page-invite-link-content .coupon-flow-list-title > p:after {
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
}
.page-invite-link-content .coupon-flow-list-title > p:before {
	content: '＼';
	right: calc(100% + 1rem);
}
.page-invite-link-content .coupon-flow-list-title > p:after {
	content: '／';
	left: calc(100% + 1rem);
}
.page-invite-link-content .coupon-flow-list {
	max-width: 56rem;
	margin: 0 auto;
}
.page-invite-link-content .coupon-flow-list > li {
	
}
.page-invite-link-content .coupon-flow-list > li + li {
	margin-top: 5rem;
}
.page-invite-link-content .coupon-flow-list .flow-box {
	position: relative;
	background-color: #fff;
	padding: 2rem 2rem 4rem;
	border-radius: 1rem;
}
.page-invite-link-content .coupon-flow-list .flow-box.arrow {
	position: relative;
}
.page-invite-link-content .coupon-flow-list .flow-box.arrow:after {
	content: '';
	display: block;
	position: absolute;
	width: 4.7rem;
	height: 4rem;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	background-image: url(../images/campaign/invite_friends_2/flow-arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-badge-area {
	text-align: left;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 3rem;
	min-width: 7rem;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background-color: #1692D2;
	border: 1px solid #1692D2;
	border-radius: 1.5rem;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-badge.outline {
	color: #1692D2;
	background-color: #fff;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-text-area {
	text-align: center;
	padding: 0 5rem;
	margin-top: 1rem;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-text-area > p {
	font-size: 1.6rem;
	line-height: 1.8;
	font-weight: bold;
	color: #1692D2;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-text-area > p b {
	color: #F74F63;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-text-area > p em {
	font-size: 2.4rem;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-text-area > p s {
	text-decoration: line-through;
	color: #333;
	font-weight: normal;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-text-area .every-month > p {
	display: inline-block;
	font-size: 1.6rem;
	line-height: 2;
	font-weight: bold;
	color: #fff;
	background-color: #F74F63;
	padding: 0 1.5rem;
	min-width: 11rem;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-img-area {
	margin-top: 1.5rem;
}
.page-invite-link-content .coupon-flow-list .flow-box .flow-img-area .flow-img {
	max-width: 15rem;
	margin: 0 auto;
}
/* next arrow */
.page-invite-link-content .invitation-steps .step-box-1.next-arrow > .box-inner:after,
.page-invite-link-content .invitation-steps .step-box-2.next-arrow > .box-inner:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border: 2.4rem solid transparent;
	border-left-width: 4.3rem;
	border-right-width: 4.3rem;
	border-top-color: #1792D3;
}
.page-invite-link-content .invitation-steps .step-box-1.step-1,
.page-invite-link-content .invitation-steps .step-box-1.step-2,
.page-invite-link-content .invitation-steps .step-box-2.step-3,
.page-invite-link-content .invitation-steps .step-box-1.step-get {
	margin-top: 5rem;
}
.page-invite-link-content .copy-link-section {
	margin-top: 5rem;
margin-bottom: 7rem;}
.page-invite-link-content .copy-link-section .copy-link-box {

}
.page-invite-link-content .copy-link-section .copy-link-box > .box-inner {
	background-color: #fff;
	/* padding: 3rem 3rem 4rem; */
	/* border: 8px solid #1792D3; */
	max-width: 80rem;
	margin: 0 auto;
}
.page-invite-link-content .copy-link-section .copy-link-box > .box-inner > .box-title {
	margin-bottom: 3rem;
}
.page-invite-link-content .copy-link-section .copy-link-box > .box-inner > .box-title > .title-text {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.6;
	font-weight: bold;
	color: #EF436C;
}
.page-invite-link-content .copy-link-section .copy-link-group-outer {
	max-width: 52.8rem;
	margin: 0 auto;
}
.page-invite-link-content .copy-link-section .need-login p {
	color: #D91C0B;
}
.page-invite-link-content .copy-link-section .copy-link-group {
	display: flex;
	align-items: stretch;
	height: 5rem;
}
.page-invite-link-content .copy-link-section .copy-link-group > .input-area {
	flex: 1;
	padding-right: 5px;
}
.page-invite-link-content .copy-link-section .copy-link-group > .input-area > input {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	text-align: center;
	box-shadow: none;
	color: #555;
	font-size: 1.6rem;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 2px solid #ccc;
}
.page-invite-link-content .copy-link-section .copy-link-group > .btn-area {
	position: relative;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}
.page-invite-link-content .copy-link-section .copy-link-group > .btn-area > .success-icon {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.page-invite-link-content .copy-link-section .copy-link-group > .btn-area > .success-icon > .icon-inner {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-size: 2.6rem;
	color: #fff;
	background-color: #03c9a9;
}
.page-invite-link-content .copy-link-section .copy-link-group > .btn-area > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 1.6rem;
	color: #fff;
	background-color: #13A3B6;
	padding: 0 2rem;
	min-width: 10rem;
	border: none;
	transition: background-color .2s linear;
}
.page-invite-link-content .copy-link-section .copy-link-group > .btn-area  > a:hover {
	cursor: pointer;
	background-color: #178493;
}
.page-invite-link-content .copy-link-section .share-link-group {
	margin-top: 2.4rem;
}
.page-invite-link-content .copy-link-section .share-link-group .share-title {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	color: #EF436C;
	margin-bottom: 3.0rem;
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list {
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li {
	padding: 0 2.5rem;
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li > a {
	display: block;
	width: 6.2rem;
	border-radius: 50%;
	transition: all .2s linear;
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li > a:hover {
	box-shadow: 0 .2rem .7rem rgba(0,0,0,.3);
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li > a > img {
	
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li > a:hover > img {
	opacity: 1;
}
.page-invite-link-content .coupon-faq {
	margin-top: 5rem;
	padding: 0 80px;
}
.page-invite-link-content .coupon-faq > .faq-inner {
	margin: 0 auto;
}
.page-invite-link-content .coupon-faq .faq-title {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background-color: #EF436C;
	padding: 1.5rem;
}
.page-invite-link-content .coupon-faq .faq-body {
	background-color: #F5F5F5;
	padding: 3rem 4rem;
}
.page-invite-link-content .coupon-faq .faq-list {

}
.page-invite-link-content .coupon-faq .faq-list > li {
}
.page-invite-link-content .coupon-faq .faq-list > li + li {
	margin-top: 4rem;
}
.page-invite-link-content .coupon-faq .faq-list > li .question,
.page-invite-link-content .coupon-faq .faq-list > li .answer {
	position: relative;
	font-size: 1.8rem;
	line-height: 1.6;
	padding-left: 1.5em;
}
.page-invite-link-content .coupon-faq .faq-list > li .question:before,
.page-invite-link-content .coupon-faq .faq-list > li .answer:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.page-invite-link-content .coupon-faq .faq-list > li .question:before {
	content: 'Q.';
	color: #EF436C;
}
.page-invite-link-content .coupon-faq .faq-list > li .answer:before {
	content: 'A.';
	color: #13A3B6;
}
.page-invite-link-content .coupon-faq .faq-list > li .question {
}
.page-invite-link-content .coupon-faq .faq-list > li .answer {
	margin-top: 2px;
}
.page-invite-link-content .back-to-campaign {
	max-width: 80rem;
	margin: 5rem auto 0;
}
.page-invite-link-content .coupon-attention {
	margin-top: 3rem;
}
.page-invite-link-content .coupon-attention > .attention-inner {
	padding: 3rem 8.5rem 3rem;
	background-color: #eee;
	border-radius: 1rem;
	max-width: 80rem;
	margin: 0 auto;
}
.page-invite-link-content .coupon-attention .attention-title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #555;
}
.page-invite-link-content .coupon-attention .attention-title > .title-text {
	vertical-align: middle;
}
.page-invite-link-content .coupon-attention .attention-title > .title-text > i.fa,
.page-invite-link-content .coupon-attention .attention-title > .title-text > .non-icon {
	display: inline-block;
	vertical-align: middle;
}
.page-invite-link-content .coupon-attention .attention-title > .title-text > .non-icon {
	padding: 0 .4rem;
}
.page-invite-link-content .coupon-attention .attention-body {
	font-size: 1.4rem;
	line-height: 2;
	margin-top: 2rem;
}
.page-invite-link-content .coupon-attention .attention-body .indent-lv-1 {
	padding-left: 1em;
	text-indent: -1em;
}
.page-invite-link-content .coupon-attention .attention-body .indent-lv-2 {
	padding-left: 2em;
	text-indent: -1em;
}

/* NJ-6976 */
.page-invite-link .text-1{
	margin: 40px auto;
	text-align: center;
	font-size: 1.8rem;
	line-height: 1.5;
}
.page-invite-link .benefit-wrap {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 60px;
}
.page-invite-link .benefit-wrap .benefit{
	background: #E9E9E9;
	width: 385px;
	height: 263px;
	padding: 30px 20px;
}
.page-invite-link .benefit-wrap .benefit + .benefit{
	margin-left: 30px;
}
.page-invite-link .benefit-wrap .benefit .title {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 26px;
	text-align: center;
	color: #EF436C;
}
.page-invite-link .benefit-wrap .benefit-2 .title{
	margin-bottom: 66px;
}
.page-invite-link .benefit-wrap .benefit .item{
	position: relative;
	display: flex;
	justify-content: flex-end;
}
.page-invite-link .benefit-wrap .benefit .item + .item{
	margin-top: 30px;
}
.page-invite-link .benefit-wrap .benefit .item .item-ttl{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #EF436C;
	color: #FFF;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1.2;
}
.page-invite-link .benefit-wrap-pt-br .benefit .item .item-ttl{
	width: 72px;
	height: 72px;
}
.page-invite-link .benefit-wrap .benefit .item .item-ttl .item-ttl-1{
	font-size: 1.5rem;
	text-align: center;
	padding: 8px 5px 0 5px;
}
.page-invite-link .benefit-wrap-pt-br .benefit .item .item-ttl .item-ttl-1{
	font-size: 1.2rem;
	text-align: center;
	padding: 8px 5px 0 5px;
}
.page-invite-link .benefit-wrap .benefit .item .item-ttl .item-ttl-2{
	font-size: 2rem;
	line-height: 2rem;
}
.page-invite-link .benefit-wrap-pt-br .benefit .item .item-ttl .item-ttl-2{
	font-size: 1.6rem;
	line-height: 1.6rem;
}
.page-invite-link .benefit-wrap .benefit .item .item-text{
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	width: 315px;
	height: 53px;
	line-height: 55px;/* display: flex; */
	justify-content: center;
	align-items: flex-end;
	border-radius: 27px;
	background: #FFF;
	box-shadow: 0px 2px 0px #D1D1D1;
}
.page-invite-link .benefit-wrap-pt-br .benefit .item .item-text{
	display: flex;
	align-items: center;
	padding-left: 52px;
	padding-right: 18px;
	line-height: 1.2;
	flex-wrap: wrap;
	font-size: 1.8rem;
}
.page-invite-link .benefit-wrap .benefit .item .item-text .em{
	font-size: 2.4rem;
}
.page-invite-link .benefit-wrap-pt-br .benefit .item .item-text .em{
	font-size: 2rem;
}
.page-invite-link .bar{
	background: #13A3B6;
	color: #FFF;
	font-size: 2.4rem;
	font-weight: bold;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-invite-link .bar.bar-2{
}
.page-invite-link .benefit-details{
	background: #E9E9E9;
	padding-bottom: 30px;
width: 800px;margin: auto;}
.page-invite-link .benefit-details + .benefit-details{
	margin-top: 40px;
}
.page-invite-link .benefit-details .title-wrap{
	display: flex;
}
.page-invite-link .benefit-details .title-wrap .title-1{
	width: 135px;
	height: 50px;
	background-color: #EF436C;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0 0 42px;
	position: relative;
	margin-right: 20px;
}
.page-invite-link .benefit-details-pt-br .title-wrap .title-1{
	width: 179px;
}
.page-invite-link .benefit-details .title-wrap .title-1:after{
	content: "";
	display: block;
	border: transparent 25px solid;
	border-left: #EF436C 20px solid;
	position: absolute;
	top: 0;
	left: 100%;
}
.page-invite-link .benefit-details .title-wrap .title-2{
	margin-left: 8px;
	font-size: 2rem;
	font-weight: bold;
	color: #EF436C;
	border-bottom: 3px #EF436C dotted;
	width: 100%;
	padding-top: 12px;
}
.page-invite-link .benefit-details .details{
	margin-top: 20px;
	padding: 0 20px;
}
.page-invite-link .benefit-details .details + .details{
	margin-top: 20px;
}
.page-invite-link .benefit-details .details .box-title{
	border: #EF436C 1px solid;
	height: 39px;
	font-weight: bold;
	font-size: 1.6rem;
	background: #fff;
	color: #EF436C;
	display: inline-block;
	line-height: 39px;
	text-align: center;
	padding: 0 20px;
}
.page-invite-link .benefit-details .details .flow-wrap{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow{
	border: #13A3B6 2px solid;
	width: 234px;
	height: 124px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	background: #FFF;
}
.page-invite-link .benefit-details-pt-br .details .flow-wrap .flow{
	height: 150px;
}
.page-invite-link .benefit-details .details .flow-wrap.flow-wrap-2 .flow{
	height: 173px;
}
.page-invite-link .benefit-details-pt-br .details .flow-wrap.flow-wrap-2 .flow{
	height: 213px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-mail:before{
	content: url('../images/campaign/invite_friends_3/mail.svg');
	display: block;
	position: absolute;
	top: -21px;
	right: 8px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-check:before{
	content: url('../images/campaign/invite_friends_3/check.svg');
	display: block;
	position: absolute;
	top: 3px;
	right: 2px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-check:after{
	content: url('../images/campaign/invite_friends_3/star_01.svg');
	display: block;
	position: absolute;
	bottom: 0px;
	left: 12px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-coupon-3:after{
	content: url('../images/campaign/invite_friends_3/coupon3_img.svg');
	display: block;
	position: absolute;
	bottom: -34px;
	right: 1px;
}
.page-invite-link .benefit-details-pt-br .details .flow-wrap .flow.flow-coupon-3:after{
	bottom: -47px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-twinkle:before{
	content: url('../images/campaign/invite_friends_3/star_02.svg');
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-twinkle:after{
	content: url('../images/campaign/invite_friends_3/star_01.svg');
	display: block;
	position: absolute;
	bottom: 5px;
	left: 8px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow.flow-coupon:after{
	content: url('../images/campaign/invite_friends_3/coupon_img.svg');
	display: block;
	position: absolute;
	bottom: -34px;
	right: 1px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow .flow-num{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #13A3B6;
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
	position: absolute;
	top: 6px;
	left: 6px;
}
.page-invite-link .benefit-details .details .flow-wrap .flow .text{
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.3;
}
.page-invite-link .benefit-details-pt-br .details .flow-wrap .flow .text{
	z-index: 1;
}
.page-invite-link .benefit-details .details .flow-wrap .flow .text .c-red{
	color: #EF436C;
	font-weight: bold;
}
.page-invite-link .benefit-details .details .flow-wrap .flow .text .small{
	font-size: 1.4rem;
	margin-bottom: 8px;
}
.page-invite-link .notes-wrap{
	padding: 0 80px;
}
.page-invite-link .notes-wrap + .notes-wrap{
	margin-top: 40px;
}
.page-invite-link .notes-wrap .title{
	color: #EF436C;
	font-size: 1.8rem;
}
.page-invite-link .notes-wrap .notes{
	font-size: 1.8rem;
	line-height: 1.5;
	margin-top: 10px;
}
.page-invite-link .notes-wrap .notes > ul > li{
	text-indent: -14px;
	padding-left: 14px;
}
.page-invite-link .notes-wrap .notes > ul > li + li{
	margin-top: 10px;
}
/* Campaign: nc_no1_festival */
.page-invite-link .benefit-wrap .benefit .item .item-text .em {
	display: inline-block;
}
.page-invite-link .benefit-wrap .benefit .item .item-text .invite-promo{
	position: relative;
	top: 0.4rem;
	line-height: 1.1;
}
.page-invite-link .benefit-wrap .benefit .item .item-text .invite-promo em{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #EF436C;
	font-weight: bold;
}
/* Campaign: nc_no1_festival END */

/* NJ-29809 */
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li {
	padding: 0 1.5rem;
}
.page-invite-link-content .copy-link-section .share-link-group .share-link-list > li > a {
	display: block;
	width: 6rem;
	border-radius: 50%;
	transition: all .2s linear;
}

.benefit-ja .benefit-wrap {
	align-items: center;
}

.benefit-ja .benefit-wrap .benefit{
	background: #fff;
	width: 351px;
	height: 177px;
	line-height: 1;
	border-left: 3px solid #EF436C;
    border-right: 3px solid #EF436C;
    border-bottom: 3px solid #EF436C;
}

.benefit-ja .benefit-wrap .benefit + .benefit{
	margin-left: 0;
}

.benefit-ja .benefit-title h2 {
	text-align: center;
	background: #EF436C;
	color: #fff;
	width: 702px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 1.9rem;
}

.benefit-ja .benefit-wrap hr {
	background: #ccc;
	width: 2px;
	height: 86px;
	border-radius: 10px;
	position: absolute;
	text-align: center;
	margin-bottom: 25px;
}

.benefit-ja .benefit-wrap .benefit.benefit-1 {
    border-right: unset !important;
}

.benefit-ja .benefit-wrap .benefit.benefit-2 {
    border-left: unset !important;
}

.benefit-ja .benefit-wrap .benefit-2 .title{
	margin-bottom: 26px;
}

.benefit-ja .benefit-wrap .benefit .item + .item{
	margin-top: 0;
}

.benefit-ja .benefit-wrap .benefit .item .item-text {
	border-radius: 27px;
	box-shadow: unset;
	background: unset;
	line-height: 1;
	height: unset;
}

.benefit-ja .benefit-wrap .benefit .item .item-text .em{
	font-size: 4.0rem;
}

.benefit-ja .benefit-imgs {
	position: relative;
}

.benefit-ja .benefit-imgs .benefit-container {
    display: flex;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	bottom: 0;
}

.benefit-ja .benefit-imgs .left-image,
.benefit-ja .benefit-imgs .right-image {
	width: 200px;
	height: 176px;
    box-sizing: border-box;
}

.benefit-ja .benefit-imgs .left-image img,
.benefit-ja .benefit-imgs .right-image img {
    width: 100%;
    height: auto;
}

/* START NJ-59263 */
.campaign_qrcode {
    padding: 4.8rem 8.0rem 6.0rem;
}
.campaign_qrcode .qrcode_tab {
	display: flex;
	justify-content: center;
	gap: 6.0rem;
	border-bottom: 1px solid #DDDDDD;
}
.campaign_qrcode .qrcode_tab a {
    font-size: 2.0rem;
    font-weight: 700;
	color: #555555;
	border-bottom: 0.3rem solid transparent;
	padding-bottom: 1.6rem;
}
.campaign_qrcode .qrcode_tab a:hover,
.campaign_qrcode .qrcode_tab a.active {
    color: #13A3B6;
    border-color: #13A3B6;
}
.campaign_qrcode .qrcode_con {
    padding: 3.2rem 0 0;
}
.campaign_qrcode .qrcode_con section {
	padding: 2.4rem 5.2rem 4.0rem;
	background: #EBF6F7;
}
.campaign_qrcode .qrcode_con section h2 {
	display: flex;
	justify-content: center;
    align-items: center;
    width: 20rem;
	height: 4.3rem;
	background: #13A3B6;
	color: #fff;
	padding: 0 2.4rem;
	border-radius: 2.2rem;
	font-size: 1.6rem;
	margin: 0 auto 2.4rem;
	text-align: center;
    line-height: normal;
}
.campaign_qrcode .qrcode_con section .qrcode_list .qrcode_num {
	position: absolute;
    top: -1rem;
    left: -1rem;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 3.3rem;
	height: 3.3rem;
	background: #13A3B6;
	color: #fff;
	font-size: 1.8rem;
	border-radius: 1.6rem;
	font-weight: 700;
}
.campaign_qrcode .qrcode_con section .qrcode_list .qrcode_num .num {
	display: flex ;
}
.campaign_qrcode .qrcode_con section .qrcode_list p:not(.num) {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	height: 100%;
	font-size: 1.6rem;
	color: #555555;
	text-align: center;
	font-weight: 700;
	line-height: 125%;
}
.campaign_qrcode .qrcode_con section .qrcode_list li:nth-child(2) p:not(.num){
	max-width: 16ch;
    margin-inline: auto;
}
.campaign_qrcode .qrcode_con section .qrcode_list p.blue {
	color: #13A3B6;
}
.campaign_qrcode .qrcode_con section .qrcode_list p.red {
	color: #EF436C;
}
.campaign_qrcode .qrcode_con section .qrcode_list a {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	padding: 0.8rem;
	height: 4.4rem;
	border-radius: 0.5rem;
	border: 0.2rem solid #13A3B6;
	color: #13A3B6;
	font-weight: 700;
	font-size: 1.6rem;
	margin-top: 1.6rem;
	text-align: center;
    line-height: normal;
}
.campaign_qrcode .qrcode_con section .qrcode_list span {
	font-size: 1.2rem;
	text-align: center;
	margin-top: 1.6rem;
}
.campaign_qrcode .qrcode_con section .qrcode_list a:hover {
	opacity: 0.7;
	cursor: pointer;
}
.campaign_qrcode .qrcode_con section .qrcode_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.4rem;
	counter-reset: list-counter;
}
.campaign_qrcode .qrcode_con section .qrcode_list li {
	box-shadow: 0.5rem 0.5rem 1.5rem -1rem rgba(19,163,182,1);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	width: 21.6rem;
	min-height: 25.3rem;
	/* max-height: 29rem; */
	background: #fff;
	border-radius: 1.6rem;
	padding: 1.6rem;
	list-style-type: none;
}
.campaign_qrcode .qrcode_con .qrcode_tab2 section.qrcode_blue .qrcode_list li {
	min-height: 23.3rem;
}
.campaign_qrcode .qrcode_con .qrcode_tab2 section.qrcode_red .qrcode_list li {
    max-height: 26.4rem;
    min-height: 25.3rem;
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_num p::before {
	content: counter(list-counter);
	counter-increment: list-counter;
	margin: 0.2rem 0 0;
	color: #fff;
  }
.campaign_qrcode .qrcode_con section .qrcode_list li img {
	border-radius: 0.8rem;
	object-fit: cover;
	margin-top: 1.6rem;
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns {
	margin-top: 1.6rem;
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a:before {
	margin-top: 0.8rem;
	content: url("https://assets2.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon1.webp");
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a:nth-child(2)::before {
	content: url("https://assets2.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon2.webp");
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a:nth-child(3)::before {
	content: url("https://assets2.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon3.webp");
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a:nth-child(4)::before {
	content: url("https://assets2.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon4-v2.svg");
	margin-top: 0.5rem;
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a:last-child::before {
	content: url("https://assets2.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon5.webp");
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a {
	height: 3.8rem;
	margin: 0 auto 0.8rem;
    justify-content: center;
    gap: 0.8rem;
	font-size: 1.4rem;
}
.campaign_qrcode .qrcode_con section .qrcode_list li .qrcode_btns a:last-child {
	margin: auto;
}

/* ------ BLUE ------ */
.campaign_qrcode .qrcode_con section.qrcode_blue {
	border-radius: 3.2rem 3.2rem 0 0;
}
/* ------ RED ------ */
.campaign_qrcode .qrcode_con section.qrcode_red {
	background: #FFF2F5;
	border-radius: 0 0 3.2rem 3.2rem;
}
.campaign_qrcode .qrcode_con section.qrcode_red h2,
.campaign_qrcode .qrcode_con section.qrcode_red .qrcode_num {
	background: #EF436C;
}
.campaign_qrcode .qrcode_con section.qrcode_red .qrcode_list li {
	box-shadow: 0.5rem 0.5rem 1.5rem -1rem rgba(239,67,108,1);
}

/* END NJ-59263 */

/* START NJ-98300 Hero CTA (PC) */
.invite-friends-hero {
	margin: 0 auto;
	max-width: 96rem;
	padding: 4rem 2.7rem 4rem 3.2rem;
	box-sizing: border-box;
}
.invite-friends-hero .ifh-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0;
	background: #fff;
	padding: 0;
	box-sizing: border-box;
}
.invite-friends-hero .ifh-content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.invite-friends-hero .ifh-visual {
	flex: 0 0 auto;
}
.invite-friends-hero .ifh-visual img {
	width: 43.1rem;
	height: 37.3rem;
	max-width: 100%;
	object-fit: cover;
	transform: scaleY(-1);
}
.invite-friends-hero .ifh-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.8rem;
	background: #fff;
	color: #6B6B6B;
	border: 0.1rem solid #CCC;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.6;
	padding: 0.9rem 1.7rem;
	border-radius: 999px;
	margin-bottom: 2.4rem;
}
.invite-friends-hero .ifh-badge-icon { width: 2.4rem; height: 2.4rem; }
.invite-friends-hero .ifh-title {
	font-size: 3.2rem;
	line-height: 1.3;
	letter-spacing: -0.16px;
	font-weight: 700;
	color: #191919;
	margin: 0 0 2.4rem;
}
.invite-friends-hero .ifh-em { color: #F1890E; }
.invite-friends-hero .ifh-lead {
	font-size: 1.6rem;
	line-height: 1.6;
	color: #4D4D4D;
	margin: 0 0 2.4rem;
}
.invite-friends-hero .ifh-lead strong { font-weight: 700; }
.invite-friends-hero .ifh-actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.6rem;
	margin-bottom: 1.6rem;
}
.invite-friends-hero .ifh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.8rem;
	width: 28rem;
	height: 5.6rem;
	padding: 0 2rem;
	border-radius: 999px;
	font-weight: 500;
	font-size: 1.6rem;
	letter-spacing: 0.08px;
	text-decoration: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: opacity .2s;
}
.invite-friends-hero .ifh-btn:hover { opacity: .85; }
.invite-friends-hero .ifh-btn-copy { background: #F1890E; color: #fff; }
.invite-friends-hero .ifh-btn-qr { background: #fff; color: #6B6B6B; border: 0.1rem solid #CCC; }
.invite-friends-hero .ifh-sns-divider {
	display: flex;
	align-items: center;
	text-align: center;
	color: #6B6B6B;
	font-size: 1.3rem;
	line-height: 1.3;
	width: 27.6rem;
	margin-bottom: 1.2rem;
}
.invite-friends-hero .ifh-sns-divider::before,
.invite-friends-hero .ifh-sns-divider::after {
	content: "";
	flex: 1;
	height: 0.1rem;
	background: #CCC;
}
.invite-friends-hero .ifh-sns-divider span { padding: 0 1.2rem; }
.invite-friends-hero .ifh-sns {
	display: flex;
	align-items: center;
	gap: 2.2rem;
	list-style: none;
	padding: 0 0.5rem;
	margin: 0 0 2.4rem;
}
.invite-friends-hero .ifh-sns a { display: inline-flex; cursor: pointer; }
.invite-friends-hero .ifh-sns img { width: 5rem; height: 5rem; }
.invite-friends-hero .ifh-eligibility {
	display: inline-block;
	color: #1E73DC;
	font-size: 1.3rem;
	line-height: 1.3;
	text-decoration: underline;
}
.invite-friends-hero .ifh-btn .fa-paste:before,
.invite-friends-hero .ifh-btn .fa-clipboard:before {
	content: '';
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background: url('https://assets.nativecamps.com/user/webroot/images/campaign/invite_friends_3/blue-icon5.webp') center / contain no-repeat;
	vertical-align: middle;
	font-size: 0;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(111deg) brightness(105%) contrast(101%);
}
.invite-friends-hero .ifh-btn .fa-qrcode:before {
	content: '';
	display: inline-block;
	width: 2.4rem;
	height: 2.4rem;
	background: url('https://nativecamp-public-web-staging.s3.ap-northeast-1.amazonaws.com/user/webroot/images/campaign/invite_friends_3/icon_qr.svg') center / contain no-repeat;
	vertical-align: middle;
	font-size: 0;
}
@media screen and (max-width: 768px) {
	.invite-friends-hero .ifh-inner { flex-direction: column; }
	.invite-friends-hero .ifh-visual img { width: 100%; height: auto; }
}
/* END NJ-98300 Hero CTA (PC) */