@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
/* --------------------------------------------------
	CSS Reset
-------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	letter-spacing: 0.01em;
	color: #393939;
	vertical-align: baseline;
	background: transparent;
}
html {
/*	scroll-behavior: smooth;*/
}
body {
	position: relative;
	line-height: 1;
	background-color: #F5F2EC;
}
article,aside,details,figcaption,figure,picture,
footer,header,hgroup,menu,nav,section {
	display: block;
}
ul,ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	transition: all 0.2s linear;
}
a:link,
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover { opacity: 0.7; }
a:hover,
a:active {
	color: #333;
	text-decoration: underline;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	vertical-align: top;
	width: 100%;
}
sup {
	font-size: 50%;
	vertical-align: text-top;
}
.inter {
	font-family: "Inter", sans-serif;
}
.kerning-l {
	display: inline-block;
	margin-left: -0.5em;
}
.kerning-r {
	display: inline-block;
	margin-right: -0.5em;
}
.kerning-c {
	display: inline-block;
	margin-left: -0.25em;
	margin-right: -0.25em;
}
.kerning-l2 {
	display: inline-block;
	margin-left: -0.25em;
}
.kerning-r2 {
	display: inline-block;
	margin-right: -0.25em;
}
.kerning-c2 {
	display: inline-block;
	margin-left: -0.2em;
	margin-right: -0.125em;
}
.padding-l {
	display: inline-block;
	padding-left: 0.25em;
}
@keyframes arrow-animation {
	0% {
		transform: translate(0, -20%);
		opacity: 0;
	}
	33% {
		opacity: 1;
	}
	66% {
		opacity: 1;
	}
	100% {
		transform: translate(0, 20%);
		opacity: 0;
	}
}

/* --------------------------------------------------
	.inner
-------------------------------------------------- */
.inner {
	position: relative;
	margin: 0 auto;
	max-width: 650px;
	box-sizing: border-box;
}

/* --------------------------------------------------
	.mainContents
-------------------------------------------------- */
.mainContents {
	margin: 0 auto;
	max-width: 650px;
	overflow: hidden;
}

/* --------------------------------------------------
	.kv
-------------------------------------------------- */
.kv .inner {
	position: relative;
	aspect-ratio: 750 / 1150;
}
.kv .inner .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../img/kv.png") no-repeat;
	background-size: 100% auto;
	opacity: 0;
}
.kv .inner .logo {
	position: absolute;
	left: calc(30 / 750 * 100%);
	top: calc(36 / 1150 * 100%);
	width: calc(170 / 750 * 100%);
	text-align: center;
}
.kv .inner .lead {
	position: absolute;
	left: 0;
	top: calc(695 / 1150 * 100%);
	width: 100%;
	font-size: calc( 0.8666 * 40px );
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.05em;
	text-align: center;
	transform: translate(0,50%);
	opacity: 0;
}
.kv .inner ul {
	position: absolute;
	left: calc(50 / 750 * 100%);
	top: calc(833 / 1150 * 100%);
	width: calc(650 / 750 * 100%);
	transform: translate(0,20%);
	opacity: 0;
}
.kv .inner ul li {
	display: block;
	padding: 0.85em 0.7em;
	width: 100%;
	background: rgba(255,255,255,0.5);
	box-sizing: border-box;
	border: 2px solid #9d9c9c;
	font-size: calc( 0.8666 * 24px );
	font-weight: 500;
}
.kv .inner ul li + li {
	margin-top: calc( 0.8666 * 10px );
}
.kv .inner ul li span {
	position: relative;
	display: inline-block;
	padding-left: calc(0.8666 * 50px);
}
.kv .inner ul li span::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: calc(0.8666 * 36px);
	height: calc(0.8666 * 34px);
	background: url("../img/kv_icon_check.svg") no-repeat;
	background-size: contain;
}
.kv.delighter .bg {
	transition: all 2s linear 0s;
}
.kv.delighter .lead {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.5s;
}
.kv.delighter ul {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 1s;
}
.kv.delighter.started .bg,
.kv.delighter.started .lead,
.kv.delighter.started ul {
	transform: none;
	opacity: 1;
}
@media screen and (max-width: 650px) {
	.kv .inner .lead {
		font-size: 5.3334vw;
	}
	.kv .inner ul li {
		border: 1px solid #9d9c9c;
		font-size: 3.2vw;
	}
	.kv .inner ul li + li {
		margin-top: 1.3334vw;
	}
	.kv .inner ul li span {
		padding-left: 6.6667vw;
	}
	.kv .inner ul li span::before {
		width: 4.8vw;
		height: 4.5334vw;
	}
}

/* --------------------------------------------------
	.message
-------------------------------------------------- */
.message {
	padding-top: 22.1334%;
	padding-bottom: 26.6667%;
}
.message .lead1 {
	margin-left: calc(90 / 750 * 100%);
	font-size: calc( 0.8666 * 42px );
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.76;
	transform: translate(0,20%);
	opacity: 0;
}
.message .text {
	margin-top: calc( 0.8666 * 100px );
	margin-left: calc(90 / 750 * 100%);
	font-size: calc( 0.8666 * 30px );
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 2.46;
	transform: translate(0,20%);
	opacity: 0;
}
.message .lead1.delighter {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.message .text.delighter {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.message .lead1.delighter.started,
.message .text.delighter.started {
	opacity: 1;
	transform: none;
}
@media screen and (max-width: 650px) {
	.message .lead1 {
		font-size: 5.6001vw;
	}
	.message .text {
		margin-top: 13.3334vw;
		font-size: 4vw;
	}
}

/* --------------------------------------------------
	.offer
-------------------------------------------------- */
.offer {
	padding-bottom: calc( 150/750 * 100% );
}
.offer .inner {
	position: relative;
	padding-bottom: calc( 60/650 * 100% );
	width: 86.6667%;
	border-radius: calc( 0.8666 * 20px );
	background: #fff;
	border: 2px solid #393939;
}
.offer .icon {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 2;
	transform: translate(-50%,-43.1035%);
	width: calc( 116/650 * 100% );
}
.offer .offer-pic {
	margin-bottom: calc( 0.8666 * 35px );
	border-radius: calc( 0.8666 * 20px ) calc( 0.8666 * 20px ) 0 0;
	overflow: hidden;
}
.offer .present-text {
	padding-top: calc( 60/650 * 100% );
	margin-left: calc( 0.8666 * 40px );
	height: calc( 0.8666 * 320px );
	box-sizing: border-box;
	font-size: calc( 0.8666 * 52px );
	font-weight: 700;
	line-height: 1.2;
}
.offer .present-text > small {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: calc( 0.8666 * 20px );
	width: calc( 0.8666 * 250px );
	height: calc( 0.8666 * 50px );
	border-radius: calc( 0.8666 * 25px );
	background-color: #F5F2EC;
	font-size: calc( 0.8666 * 22px );
}
.offer .present-text > span {
	display: inline-block;
	letter-spacing: -0.1em;
}
.offer .present-area {
	position: relative;
	margin-bottom: calc( 0.8666 * 35px );
	padding-top: calc( 0.8666 * 35px );
	padding-bottom: calc( 0.8666 * 35px );
	padding-left: calc( 0.8666 * 30px );
	background-color: #5D5D5D;
}
.offer .present-area p {
	position: relative;
	padding-left: calc( 0.8666 * 96px );
	font-weight: 700;
}
.offer .present-area p .circle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc( 0.8666 * 86px );
	height: calc( 0.8666 * 86px );
	border-radius: calc( 0.8666 * 43px );
	background-color: #fff;
	font-size: calc( 0.8666 * 22px );
	line-height: 1;
}
.offer .present-area p .line {
	display: inline-block;
	margin-bottom: 0.3em;
	padding: 0.1em 0.8em 0.3em;
	width: 11.6em;
	background-color: #F28787;
	box-sizing: border-box;
	font-weight: bold;
	font-size: calc( 0.8666 * 22px );
	color: #fff;
}
.offer .present-area p .line .num {
	font-size: calc( 0.8666 * 30px );
	color: #fff;
}
.offer .present-area p .txt {
	display: block;
	font-size: calc( 0.8666 * 36px );
	line-height: 1;
	color: #fff;
}
.offer .present-area p .txt span {
	color: #fff;
}
.offer .present-area ul {
	margin-top: calc( 0.8666 * 16px );
}
.offer .present-area ul li {
	font-size: calc( 0.8666 * 20px );
	font-weight: 500;
	letter-spacing: -0.05em;
	line-height: 1.5;
	color: #fff;
}
.offer .present-area .present-pic {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: calc( 0.8666 * 240px );
}
.offer .offer-detail {
	transform: translate(0,8%);
	opacity: 0;
}
.offer .offer-item-text {
	margin-left: calc( 0.8666 * 40px );
	margin-bottom: calc( 0.8666 * 16px );
	font-size: calc( 0.8666 * 36px );
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.38;
}
.offer .offer-item-text small {
	font-size: calc( 0.8666 * 24px );
}
.offer .offer-fragrance {
	display: block;
	margin-left: calc( 0.8666 * 40px );
	margin-right: calc( 0.8666 * 40px );
	margin-bottom: calc( 0.8666 * 40px );
	padding: 0.5em 0.8em 0.6em;
	background-color: #F5F2EC;
	font-weight: 700;
	font-size: calc( 0.8666 * 20px );
	letter-spacing: 0.03em;
	line-height: 1;
}
.offer .offer-price {
	margin-left: calc( 0.8666 * 40px );
	margin-right: calc( 0.8666 * 40px );
	margin-bottom: calc( 0.8666 * 30px );
}
.offer .btn {
	margin-left: calc( 0.8666 * 40px );
	margin-right: calc( 0.8666 * 40px );
	margin-bottom: calc( 0.8666 * 20px );
}
.offer ul.notes {
	margin-left: calc( 0.8666 * 40px );
	margin-right: calc( 0.8666 * 40px );
}
.offer ul.notes li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: calc( 0.8666 * 20px );
	font-weight: 400;
	line-height: 1.6;
}
.offer ul.notes li a {
	color: #FF3939;
	text-decoration: underline;
}
.offer ul.notes li a:hover {
	text-decoration: none;
}
.offer .offer-detail.delighter {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.offer .offer-detail.delighter.started {
	opacity: 1;
	transform: none;
}
@media screen and (max-width: 650px) {
	.offer .inner {
		border-radius: 2.6667vw;
		border: 1px solid #393939;
		overflow: hidden;
	}
	.offer .offer-pic {
		border-radius: 0;
	}
	.offer .present-text {
		margin-left: 5.3334vw;
		height: 42.6667vw;
		font-size: 6.9334vw;
	}
	.offer .present-text > small {
		margin-bottom: 2.6667vw;
		width: 33.3334vw;
		height: 6.6667vw;
		border-radius: 3.3334vw;
		font-size: 2.9334vw;
	}
	.offer .present-area {
		margin-bottom: 4.6667vw;
		padding-top: 4.6667vw;
		padding-bottom: 4.6667vw;
		padding-left: 4vw;
	}
	.offer .present-area p {
		padding-left: 12.8vw;
	}
	.offer .present-area p .circle {
		width: 11.4667vw;
		height: 11.4667vw;
		border-radius: 5.7334vw;
		font-size: 2.9334vw;
	}
	.offer .present-area p .line {
		font-size: 2.9334vw;
	}
	.offer .present-area p .line .num {
		font-size: 4vw;
	}
	.offer .present-area p .txt {
		font-size: 4.8vw;
	}
	.offer .present-area ul {
		margin-top: 2.1334vw;
	}
	.offer .present-area ul li {
		font-size: 2.6667vw;
	}
	.offer .present-area .present-pic {
		width: 32vw;
	}
	.offer .offer-item-text {
		margin-left: 5.3334vw;
		margin-bottom: 2.1334vw;
		font-size: 4.8vw;
	}
	.offer .offer-item-text small {
		font-size: 3.2vw;
	}
	.offer .offer-fragrance {
		margin-left: 5.3334vw;
		margin-right: 5.3334vw;
		margin-bottom: 5.3334vw;
		font-size: 2.6667vw;
	}
	.offer .offer-price {
		margin-left: 5.3334vw;
		margin-right: 5.3334vw;
		margin-bottom: 4vw;
	}
	.offer .btn {
		margin-left: 5.3334vw;
		margin-right: 5.3334vw;
		margin-bottom: 2.6667vw;
	}
	.offer ul.notes {
		margin-left: 5.3334vw;
		margin-right: 5.3334vw;
	}
	.offer ul.notes li {
		font-size: 2.6667vw;
	}
}

/* --------------------------------------------------
	.prize
-------------------------------------------------- */
.prize {
	position: relative;
	padding: calc( 150/750 * 100% ) 0;
	background: url("../img/prize_bg.png") no-repeat;
	background-size: cover;
	box-sizing: border-box;
	aspect-ratio: 750 / 1374;
}
.prize .inner {
	margin-left: calc( 0.8666 * 50px );
	margin-right: calc( 0.8666 * 50px );
	padding: calc( 45/750 * 100% ) 0;
	background-color: #fff;
}
.prize h2 {
	padding-bottom: calc( 0.8666 * 35px );
	background: url("../img/prize_title_line.svg") no-repeat center bottom;
	background-size: calc( 0.8666 * 393px ) auto;
	font-size: calc( 0.8666 * 60px );
	font-weight: 700;
	letter-spacing: 0.05em;
	text-align: center;
}
.prize h2 small {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: calc( 0.8666 * 28px );
	letter-spacing: 0.04em;
}
.prize h2 .num {
	font-size: calc( 0.8666 * 80px );
	font-family: "Inter", sans-serif;
	font-weight: 600;
	color: #BAA58C;
}
.prize.delighter h2 {
	transform: translate(0,20%);
	opacity: 0;
	transition: all 0.5s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.prize.delighter.started h2 {
	opacity: 1;
	transform: none;
}
.prize .prize-flex {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: calc( 0.8666 * 40px );
	width: 100%;
}
.prize .prize-flex::after {
	content: '';
	display: block;
	position: absolute;
	right: 3.077%;
	bottom: 0;
	width: 93.8462%;
	height: 0;
	border-bottom: #707070 2px solid;
	opacity: 0.2;
}
.prize .prize-flex .prize-flex-child {
	position: relative;
	padding: calc( 0.8666 * 60px ) 0;
}
.prize .prize-flex .prize-flex-child.prize1,
.prize .prize-flex .prize-flex-child.prize2 {
	width: 50%;
}
.prize .prize-flex .prize-flex-child::before,
.prize .prize-flex .prize-flex-child::after {
	content: '';
	display: block;
	position: absolute;
	opacity: 0.2;
}
.prize .prize-flex .prize-flex-child.prize1::before,
.prize .prize-flex .prize-flex-child.prize3::before,
.prize .prize-flex .prize-flex-child.prize4::before {
	right: -1px;
	top: 4%;
	width: 0;
	height: 92%;
	border-left: #707070 2px solid;
}
.prize .prize-flex .prize-flex-child.prize1::after,
.prize .prize-flex .prize-flex-child.prize2::after {
	left: 6%;
	bottom: -1px;
	width: 88%;
	height: 0;
	border-bottom: #707070 2px solid;
}
.prize .prize-flex .prize-flex-child.prize6::before,
.prize .prize-flex .prize-flex-child.prize6::after {
	left: 3%;
	width: 94%;
	height: 0;
}
.prize .prize-flex .prize-flex-child.prize6::before {
	top: -1px;
	border-bottom: #707070 2px solid;
}
.prize .prize-flex .prize-flex-child.prize6::after {
	bottom: -1px;
	border-bottom: #707070 2px solid;
}
.prize .prize-flex .prize-flex-child.prize3,
.prize .prize-flex .prize-flex-child.prize4,
.prize .prize-flex .prize-flex-child.prize5 {
	width: calc(100% / 3);
}
.prize .prize-flex .prize-flex-child.prize6 {
	display: flex;
	align-items: center;
	padding: calc( 0.8666 * 55px ) 0 calc( 0.8666 * 45px );
	width: 100%;
}
.prize .prize-flex .prize-flex-child.prize6 .prize-text {
	width: 53.8%;
}
.prize .prize-flex .prize-flex-child.prize6 .prize-pic {
	position: relative;
	width: 36.5%;
}
.prize .prize-flex .prize-flex-child.prize6 .prize-pic .prize-icon {
	position: absolute;
	right: 0;
	top: 0;
	transform: translate(38%,-38%);
	width: calc( 0.8666 * 109px );
}
.prize .prize-flex .prize-flex-child .num {
	margin-bottom: 0.5em;
	font-size: calc( 0.8666 * 50px );
	font-family: "Inter", sans-serif;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #baa58c;
}
.prize .prize-flex .prize-flex-child .lead {
	text-align: center;
}
.prize .prize-flex .prize-flex-child .lead small {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: calc( 0.8666 * 28px );
	line-height: 1;
	text-align: center;
	color: #000;
}
.prize .prize-flex .prize-flex-child .lead > span {
	display: block;
	font-weight: 700;
	font-size: calc( 0.8666 * 54px );
	letter-spacing: 0.05em;
	text-align: center;
}
.prize .prize-flex .prize-flex-child .lead span.inter {
	font-size: calc( 0.8666 * 60px );
	font-family: "Inter", sans-serif;
	letter-spacing: -0.02em;
}
.prize .prize-flex .prize-flex-child.prize3 .lead span,
.prize .prize-flex .prize-flex-child.prize4 .lead span,
.prize .prize-flex .prize-flex-child.prize5 .lead span {
	font-size: calc( 0.8666 * 36px );
}
.prize .prize-flex .prize-flex-child.prize6 .num {
	margin-bottom: 0.3em;
}
.prize .prize-flex .prize-flex-child.prize6 .lead small.line {
	display: inline-block;
	margin-bottom: 0.3em;
	padding: 0.1em 0.8em 0.3em;
	background-color: #F28787;
	font-weight: bold;
	font-size: calc( 0.8666 * 22px );
	color: #fff;
}
.prize .prize-flex .prize-flex-child.prize6 .lead small.line span {
	font-size: calc( 0.8666 * 30px );
	color: #fff;
}
.prize .prize-flex .prize-flex-child.prize6 .lead > span {
	font-size: calc( 0.8666 * 40px );
	line-height: 1.3;
}
.prize .prize-notes {
	margin: 0 auto;
	width: 89.2308%;
}
.prize .prize-notes dl div + div {
	margin-top: calc( 0.8666 * 35px );
}
.prize .prize-notes dl div dt {
	margin-bottom: 0.6em;
}
.prize .prize-notes dl div dt span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc( 0.8666 * 160px );
	height: calc( 0.8666 * 40px );
	border-radius: calc( 0.8666 * 20px );
	background: #EBEBEB;
	font-size: calc( 0.8666 * 22px );
	font-weight: 700;
}
.prize .prize-notes dl div dd li {
	font-size: calc( 0.8666 * 22px );
	font-weight: 400;
	line-height: 1.63;
	color: #000;
}
@media screen and (max-width: 650px) {
	.prize .inner {
		margin-left: 6.6667vw;
		margin-right: 6.6667vw;
	}
	.prize h2 {
		padding-bottom: 4.6667vw;
		background-size: 52.4001vw auto;
		font-size: 8vw;
	}
	.prize h2 small {
		font-size: 3.7334vw;
	}
	.prize h2 .num {
		font-size: 10.6667vw;
	}
	.prize .prize-flex {
		margin-bottom: 5.3334vw;
	}
	.prize .prize-flex .prize-flex-child {
		padding: 8vw 0;
	}
	.prize .prize-flex .prize-flex-child.prize1::before,
	.prize .prize-flex .prize-flex-child.prize3::before,
	.prize .prize-flex .prize-flex-child.prize4::before {
		border-left: #707070 1px solid;
	}
	.prize .prize-flex .prize-flex-child.prize1::after,
	.prize .prize-flex .prize-flex-child.prize2::after {
		border-bottom: #707070 1px solid;
	}
	.prize .prize-flex .prize-flex-child.prize6::before {
		border-bottom: #707070 1px solid;
	}
	.prize .prize-flex .prize-flex-child.prize6::after {
		border-bottom: #707070 1px solid;
	}
	.prize .prize-flex .prize-flex-child.prize6 {
		padding: 7.3334vw 0 6vw;
	}
	.prize .prize-flex .prize-flex-child.prize6 .prize-pic .prize-icon {
		width: 14.5334vw;
	}
	.prize .prize-flex .prize-flex-child .num {
		font-size: 6.6667vw;
	}
	.prize .prize-flex .prize-flex-child .lead small {
		font-size: 3.7334vw;
	}
	.prize .prize-flex .prize-flex-child .lead > span {
		font-size: 7.2vw;
	}
	.prize .prize-flex .prize-flex-child .lead span.inter {
		font-size: 8vw;
	}
	.prize .prize-flex .prize-flex-child.prize3 .lead span,
	.prize .prize-flex .prize-flex-child.prize4 .lead span,
	.prize .prize-flex .prize-flex-child.prize5 .lead span {
		font-size: 4.8vw;
	}
	.prize .prize-flex .prize-flex-child.prize6 .lead small.line {
		font-size: 2.9334vw;
	}
	.prize .prize-flex .prize-flex-child.prize6 .lead small.line span {
		font-size: 4vw;
	}
	.prize .prize-flex .prize-flex-child.prize6 .lead > span {
		font-size: 5.3334vw;
	}
	.prize .prize-notes dl div + div {
		margin-top: 4.6667vw;
	}
	.prize .prize-notes dl div dt span {
		width: 21.3334vw;
		height: 5.3334vw;
		border-radius: 2.6667vw;
		font-size: 2.9334vw;
	}
	.prize .prize-notes dl div dd li {
		font-size: 2.9334vw;
	}
}

/* --------------------------------------------------
	.influencer
-------------------------------------------------- */
.influencer {
	background: linear-gradient(#eddbdd 0%, #fff 100%);
}
.influencer .inner {
	padding: calc( 145/750 * 100% ) 0 calc( 150/750 * 100% );
}
.influencer h2 {
	margin-bottom: calc( 0.8666 * 72px );
	font-size: calc( 0.8666 * 38px );
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 2.05;
	text-align: center;
	color: #393939;
}
.influencer h2 span {
	display: inline-block;
	margin: 0 0.2em;
	padding: 0.4em 0.3em;
	background-color: #FFF;
	line-height: 1;
}
.influencer2 {
	margin-top: calc( 0.8666 * 150px );
}
.influencer-pic {
	margin-bottom: calc( 0.8666 * -373px );
	width: 73.3334%;
}
.influencer2 .influencer-pic {
	margin-left: auto;
}
.influencer-profile {
	margin-bottom: calc( 0.8666 * 80px );
	line-height: 1;
}
.influencer1 .influencer-profile {
	position: relative;
	margin-left: auto;
	text-align: right;
}
.influencer-profile .job {
	display: inline-block;
	margin-bottom: calc( 0.8666 * 38px );
	padding: 0.3em 0.6em 0.5em;
	background-color: #707070;
	line-height: 1;
	font-size: calc( 0.8666 * 24px );
	font-weight: 500;
	color: #fff;
}
.influencer-profile .name {
	padding: 0.3em 0.4em;
	background-color: #fff;
	font-size: calc( 0.8666 * 46px );
	font-weight: 500;
	color: #393939;
	line-height: 1;
}
.influencer-profile .name small {
	font-size: 70%;
}
.influencer-text {
	position: relative;
	padding: calc( 0.8666 * 60px ) calc( 0.8666 * 65px );
	width: 87.7334%;
	background: #fff;
	box-shadow: 0px 8.6px 8.6px rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
}
.influencer1 .influencer-text {
	margin-left: auto;
}
.influencer-text p {
	font-size: calc( 0.8666 * 30px );
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 2;
	color: #393939;
}
.influencer-text p + p {
	margin-top: 1.5em;
}
.influencer-text p strong {
	display: inline-block;
	margin-left: -0.3em;
	padding: 0.4em 0.3em;
	background-color: #F4E1E1;
	line-height: 1;
}
.influencer-box.influencer1.delighter .influencer-pic {
	transform: translate(-10%,0);
}
.influencer-box.influencer2.delighter .influencer-pic {
	transform: translate(10%,0);
}
.influencer-box.influencer1.delighter .influencer-profile {
	transform: translate(10%,0);
}
.influencer-box.influencer2.delighter .influencer-profile {
	transform: translate(-10%,0);
}
.influencer-box.delighter .influencer-pic {
	opacity: 0;
	transition: all 0.5s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.influencer-box.delighter .influencer-profile {
	opacity: 0;
	transition: all 0.5s cubic-bezier(.21,1.05,.8,.98) 0.2s;
}
.influencer-box.delighter .influencer-text {
	transform: translate(0,-3%);
	opacity: 0;
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.8s;
}
.influencer-box.delighter.started .influencer-pic,
.influencer-box.delighter.started .influencer-profile,
.influencer-box.delighter.started .influencer-text {
	opacity: 1;
	transform: none;
}
@media screen and (max-width: 650px) {
	.influencer h2 {
		margin-bottom: 9.6vw;
		font-size: 5.0667vw;
	}
	.influencer2 {
		margin-top: 20vw;
	}
	.influencer-pic {
		margin-bottom: -49.7334vw;
	}
	.influencer-profile {
		margin-bottom: 10.6667vw;
	}
	.influencer-profile .job {
		margin-bottom: 5.0667vw;
		font-size: 3.2vw;
	}
	.influencer-profile .name {
		font-size: 6.1334vw;
	}
	.influencer-text {
		padding: 8vw 8.6667vw;
		box-shadow: 0px 1.3334vw 1.3334vw rgba(0, 0, 0, 0.1);
	}
	.influencer-text p {
		font-size: 4vw;
	}
}

/* --------------------------------------------------
	.point-index
-------------------------------------------------- */
.point-index {
	margin-bottom: calc( 0.8666 * 190px );
	padding-top: calc( 135/750 * 100% );
}
.point-index h2 {
	margin-bottom: calc( 0.8666 * 50px );
	text-align: center;
	transform: translate(0,20%);
	opacity: 0;
}
.point-index h2 small {
	display: inline-block;
	margin-bottom: 0.8em;
	font-weight: 700;
	font-size: calc( 0.8666 * 24px );
	letter-spacing: -0.02em;
	line-height: 1;
	text-align: center;
}
.point-index h2 .en {
	display: inline-block;
	margin-bottom: 0.3em;
	font-family: "Inter", sans-serif;
	font-weight: 200;
	font-size: calc( 0.8666 * 40px );
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
.point-index h2 .ja {
	display: inline-block;
	font-weight: 700;
	font-size: calc( 0.8666 * 60px );
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
}
.point-index h2 .ja .num {
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: calc( 0.8666 * 100px );
}
.point-index .point-index-base {
	position: relative;
	margin: 0 auto calc( 0.8666 * -152px );
	padding-top: calc( 0.8666 * 70px );
	padding-bottom: calc( 0.8666 * 75px );
	width: 86.6667%;
	background-color: #fff;
}
.point-index .point-index-base ol {
	margin: 0 auto;
	width: 81.5385%;
}
.point-index .point-index-base ol li {
	display: flex;
	align-items: center;
}
.point-index .point-index-base ol li + li {
	margin-top: calc( 0.8666 * 40px );
}
.point-index .point-index-base ol li > div:first-child {
	padding-top: calc( 0.8666 * 25px );
	width: calc( 0.8666 * 130px );
	height: calc( 0.8666 * 130px );
	background-color: #989292;
	box-sizing: border-box;
	text-align: center;
}
.point-index .point-index-base ol li > div:first-child span {
	display: block;
	font-family: "Inter", sans-serif;
	text-align: center;
	color: #fff;
}
.point-index .point-index-base ol li .en {
	margin-bottom: 0.3em;
	font-weight: 700;
	font-size: calc( 0.8666 * 18px );
	letter-spacing: 0.1em;
}
.point-index .point-index-base ol li .num {
	font-weight: 500;
	font-size: calc( 0.8666 * 60px );
}
.point-index .point-index-base ol li > div:last-child {
	padding-left: calc( 0.8666 * 25px );
}
.point-index .point-index-base ol li > div:last-child p {
	font-weight: 700;
	font-size: calc( 0.8666 * 34px );
	line-height: 1.58;
	letter-spacing: -0.02em;
}
.point-index .point-index-base ol li:nth-child(1) > div:last-child p span {
	margin-left: -0.25em;
}
.point-index .point-index-base ol li:nth-child(3) > div:last-child p span {
	margin-left: -0.17em;
}
.point-index .point-index-base ol li > div:last-child p small {
	font-weight: 500;
	font-size: calc( 0.8666 * 30px );
}
.point-index.delighter h2 {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.point-index.delighter.started h2 {
	opacity: 1;
	transform: none;
}
@media screen and (max-width: 650px) {
	.point-index {
		margin-bottom: 25.3334vw;
	}
	.point-index h2 {
		margin-bottom: 6.6667vw;
	}
	.point-index h2 small {
		font-size: 3.2vw;
	}
	.point-index h2 .en {
		font-size: 5.3334vw;
	}
	.point-index h2 .ja {
		font-size: 8vw;
	}
	.point-index h2 .ja .num {
		font-size: 13.3334vw;
	}
	.point-index .point-index-base {
		margin: 0 auto -20.2666vw;
		padding-top: 9.3334vw;
		padding-bottom: 10vw;
	}
	.point-index .point-index-base ol li + li {
		margin-top: 5.3334vw;
	}
	.point-index .point-index-base ol li > div:first-child {
		padding-top: 3.3334vw;
		width: 17.3334vw;
		height: 17.3334vw;
	}
	.point-index .point-index-base ol li .en {
		font-size: 2.4vw;
	}
	.point-index .point-index-base ol li .num {
		font-size: 8vw;
	}
	.point-index .point-index-base ol li > div:last-child {
		padding-left: 3.3334vw;
	}
	.point-index .point-index-base ol li > div:last-child p {
		font-size: 4.5334vw;
	}
	.point-index .point-index-base ol li > div:last-child p small {
		font-size: 4vw;
	}
}


/* --------------------------------------------------
	.point-detail
-------------------------------------------------- */
.point-detail {
	margin-bottom: calc( 0.8666 * 120px );
}
.point-detail h3 {
	position: relative;
	margin-bottom: calc( 0.8666 * 65px );
	padding-top: calc(65 / 750 * 100%);
	padding-bottom: calc(60 / 750 * 100%);
	border-top: #393939 2px solid;
	border-bottom: #393939 2px solid;
}
.point-detail h3 .num {
	position: absolute;
	left: 40%;
	top: 0;
	transform: translate(0,-80%);
	display: block;
	width: 20%;
	background-color: #F5F2EC;
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: calc( 0.8666 * 100px );
	line-height: 1;
	text-align: center;
}
.point-detail h3 .ja {
	display: block;
	font-weight: 500;
	font-size: calc( 0.8666 * 42px );
	line-height: 1.66;
	text-align: center;
}
.point-detail h3 .ja small {
	font-size: calc( 0.8666 * 28px );
}
.point-detail .lead {
	margin: 0 auto calc( 0.8666 * 85px );
	width: 86.6667%;
	font-weight: 500;
	font-size: calc( 0.8666 * 30px );
	letter-spacing: 0.05em;
	line-height: 2.3;
}
@media screen and (max-width: 650px) {
	.point-detail {
		margin-bottom: 16vw;
	}
	.point-detail h3 {
		margin-bottom: 8.6667vw;
		border-top: #393939 1px solid;
		border-bottom: #393939 1px solid;
	}
	.point-detail h3 .num {
		font-size: 13.3334vw;
	}
	.point-detail h3 .ja {
		font-size: 5.6001vw;
	}
	.point-detail h3 .ja small {
		font-size: 3.7334vw;
	}
	.point-detail .lead {
		margin: 0 auto 11.3334vw;
		font-size: 4vw;
	}
}

/* --------------------------------------------------
	.point-detail.point1
-------------------------------------------------- */
.point-detail.point1 {
	margin-bottom: calc( 0.8666 * 290px );
}
.point-detail.point1 .graph {
	position: relative;
	margin-bottom: calc( 0.8666 * -272px );
	padding-top: 15.7334%;
	aspect-ratio: 750 / 1012;
	background: url("../img/point1_graph_bg.png") no-repeat center bottom;
	background-size: 100% auto;
	box-sizing: border-box;
}
.point-detail.point1 .graph .item {
	position: relative;
	z-index: 2;
	margin-left: 23.4667%;
	width: 53.7334%;
}
.point-detail.point1 .graph ul {
	width: 100%;
}
.point-detail.point1 .graph li {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc( 0.8666 * 160px );
	aspect-ratio: 1 / 1;
	background: #fff;
	border-radius: 50%;
}
.point-detail.point1 .graph li span {
	font-weight: 500;
	font-size: calc( 0.8666 * 24px );
	line-height: 1.4;
	text-align: center;
}
.point-detail.point1 .graph li:nth-child(1) {
	left: 9.7334%;
}
.point-detail.point1 .graph li:nth-child(2) {
	left: 69.0667%;
}
.point-detail.point1 .graph li:nth-child(3) {
	left: 2.4%;
	top: calc( 0.8666 * 246px );
}
.point-detail.point1 .graph li:nth-child(4) {
	left: 76.5334%;
	top: calc( 0.8666 * 246px );
}
.point-detail.point1 .graph li:nth-child(5) {
	left: 9.7334%;
	top: calc( 0.8666 * 492px );
}
.point-detail.point1 .graph li:nth-child(6) {
	left: 69.0667%;
	top: calc( 0.8666 * 492px );
}
.point-detail.point1 .lead1 {
	position: relative;
	margin: 0 auto calc( 0.8666 * 65px );
	width: 92.4%;
	transform: translate(0,10%) scale(0.8);
	opacity: 0;
}
.point-detail.point1 .lead2 {
	margin-bottom: calc( 0.8666 * 40px );
	text-align: center;
}
.point-detail.point1 .lead2 small {
	display: inline-block;
	margin-bottom: 0.9em;
	padding: 0 1em 0.5em;
	font-weight: 500;
	font-size: calc( 0.8666 * 33px );
	line-height: 1;
	text-align: center;
	border-bottom: #707070 2px solid;
}
.point-detail.point1 .lead2 span {
	display: inline-block;
	font-weight: 500;
	font-size: calc( 0.8666 * 46px );
	line-height: 1.6;
	text-align: center;
}
.point-detail.point1 .point1-care-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: calc( 0.8666 * 20px ) 0;
	margin: 0 auto calc( 0.8666 * 44px );
	width: 86.6667%;
}
.point-detail.point1 .point1-care-list li {
	width: 31.5385%;
}
.point-detail.point1 .point1-care-list li span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc( 0.8666 * 60px );
	border-radius: calc( 0.8666 * 30px );
	background-color: #F2D5D0;
	font-weight: 500;
	font-size: calc( 0.8666 * 26px );
	line-height: 1;
}
.point-detail.point1 .point1-pic {
	margin-bottom: calc( 0.8666 * -116px );
	opacity: 0;
}
.point-detail.point1 .point1-item {
	position: relative;
	margin-left: 59.3334%;
	margin-bottom: calc( 0.8666 * -82px );
	width: 34.1334%;
}
.point-detail.point1 .lead3 {
	margin-bottom: calc( 0.8666 * 44px );
	margin-left: 6.6667%;
}
.point-detail.point1 .lead3 span:first-child {
	display: inline-block;
	margin-bottom: 0.4em;
	padding: 0.3em 0.5em 0.4em;
	background-color: #fff;
	font-weight: 500;
	font-size: calc( 0.8666 * 35px );
	line-height: 1;
	letter-spacing: 0.05em;
}
.point-detail.point1 .lead3 span:last-child {
	display: inline-block;
	padding: 0.2em 0.3em 0.3em;
	background-color: #fff;
	font-weight: 500;
	font-size: calc( 0.8666 * 50px );
	line-height: 1;
}
.point-detail.point1 .point1-function-list {
	display: flex;
	flex-wrap: wrap;
	gap: calc( 0.8666 * 25px );
	margin: 0 auto;
	width: 86.6667%;
}
.point-detail.point1 .point1-function-list li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30.7693%;
	background: url("../img/point1_circle.png") no-repeat;
	background-size: contain;
	aspect-ratio: 1 / 1;
	transform: translate(0,10%) scale(0.5);
	opacity: 0;
}
.point-detail.point1 .point1-function-list li span {
	font-weight: 500;
	font-size: calc( 0.8666 * 24px );
	line-height: 1.5;
	text-align: center;
}
.point-detail.point1 .graph li {
	opacity: 0;
}
.point-detail.point1 .graph li:nth-child(1) {
	transform: translate(-100%,-50%) scale(0.8);
}
.point-detail.point1 .graph li:nth-child(3) {
	transform: translate(-100%,0) scale(0.8);
}
.point-detail.point1 .graph li:nth-child(5) {
	transform: translate(-100%,50%) scale(0.8);
}
.point-detail.point1 .graph li:nth-child(2) {
	transform: translate(100%,-50%) scale(0.8);
}
.point-detail.point1 .graph li:nth-child(4) {
	transform: translate(100%,0) scale(0.8);
}
.point-detail.point1 .graph li:nth-child(6) {
	transform: translate(100%,50%) scale(0.8);
}
.point-detail.point1 .graph.delighter li:nth-child(1),
.point-detail.point1 .graph.delighter li:nth-child(2),
.point-detail.point1 .graph.delighter li:nth-child(3),
.point-detail.point1 .graph.delighter li:nth-child(4),
.point-detail.point1 .graph.delighter li:nth-child(5),
.point-detail.point1 .graph.delighter li:nth-child(6),
.point-detail.point1 .lead1.delighter {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(1) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 0.7s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(2) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 0s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(3) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 0.6s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(4) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 0.3s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(5) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 0.9s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(6) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 1.1s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(7) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 0.8s;
}
.point-detail.point1 .point1-function-list.delighter li:nth-child(8) {
	transition: all 1s cubic-bezier(.47,1.64,.41,.8) 1s;
}
.point-detail.point1 .graph.delighter.started li:nth-child(1),
.point-detail.point1 .graph.delighter.started li:nth-child(2),
.point-detail.point1 .graph.delighter.started li:nth-child(3),
.point-detail.point1 .graph.delighter.started li:nth-child(4),
.point-detail.point1 .graph.delighter.started li:nth-child(5),
.point-detail.point1 .graph.delighter.started li:nth-child(6),
.point-detail.point1 .lead1.delighter.started,
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(1),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(2),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(3),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(4),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(5),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(6),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(7),
.point-detail.point1 .point1-function-list.delighter.started li:nth-child(8) {
	transform: none;
	opacity: 1;
}
.point-detail.point1 .point1-pic.delighter {
	transition: all 2s linear 0s;
}
.point-detail.point1 .point1-pic.delighter.started {
	opacity: 1;
}
@media screen and (max-width: 650px) {
	.point-detail.point1 {
		margin-bottom: 38.6667vw;
	}
	.point-detail.point1 .graph {
		margin-bottom: -36.2667vw;
	}
	.point-detail.point1 .graph li {
		width: 21.3334vw;
	}
	.point-detail.point1 .graph li span {
		font-size: 3.2vw;
	}
	.point-detail.point1 .graph li:nth-child(3) {
		top: 32.8001vw;
	}
	.point-detail.point1 .graph li:nth-child(4) {
		top: 32.8001vw;
	}
	.point-detail.point1 .graph li:nth-child(5) {
		top: 65.6001vw;
	}
	.point-detail.point1 .graph li:nth-child(6) {
		top: 65.6001vw;
	}
	.point-detail.point1 .lead1 {
		margin: 0 auto 8.6667vw;
	}
	.point-detail.point1 .lead2 {
		margin-bottom: 5.3334vw;
	}
	.point-detail.point1 .lead2 small {
		font-size: 4.4vw;
		border-bottom: #707070 1px solid;
	}
	.point-detail.point1 .lead2 span {
		font-size: 6.1334vw;
	}
	.point-detail.point1 .point1-care-list {
		gap: 2.6667vw 0;
		margin: 0 auto 5.8667vw;
	}
	.point-detail.point1 .point1-care-list li span {
		height: 8vw;
		border-radius: 4vw;
		font-size: 3.4667vw;
	}
	.point-detail.point1 .point1-pic {
		margin-bottom: -15.4666vw;
	}
	.point-detail.point1 .point1-item {
		margin-bottom: -10.9333vw;
	}
	.point-detail.point1 .lead3 {
		margin-bottom: 5.8667vw;
	}
	.point-detail.point1 .lead3 span:first-child {
		font-size: 4.6667vw;
	}
	.point-detail.point1 .lead3 span:last-child {
		font-size: 6.6667vw;
	}
	.point-detail.point1 .point1-function-list {
		gap: 3.3334vw;
	}
	.point-detail.point1 .point1-function-list li span {
		font-size: 3.2vw;
	}
}

/* --------------------------------------------------
	.point-detail.point2
-------------------------------------------------- */
.point-detail.point2 {
	margin-bottom: calc( 0.8666 * 290px );
}
.point-detail.point2 h3 {
	margin-bottom: calc( 0.8666 * 92px );
}
.point-detail.point2 .point2-pic {
	margin-bottom: calc( 0.8666 * 80px );
	opacity: 0;
}
.point-detail.point2 .point2-component {
	margin: 0 auto calc( 0.8666 * 85px );
	padding-top: calc( 0.8666 * 54px );
	padding-bottom: calc( 0.8666 * 80px );
	width: 86.6667%;
	background-color: #fff;
	border: #393939 2px solid;
	border-radius: calc( 0.8666 * 20px );
}
.point-detail.point2 .point2-component h4 {
	margin-bottom: calc( 0.8666 * 45px );
	padding-bottom: calc( 0.8666 * 35px );
	background: url("../img/point2_line.svg") no-repeat center bottom;
	background-size: calc( 0.8666 * 336px ) auto;
	text-align: center;
}
.point-detail.point2 .point2-component h4 small {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: calc( 0.8666 * 28px );
	letter-spacing: 0.04em;
}
.point-detail.point2 .point2-component h4 > span {
	display: block;
	font-weight: 500;
	font-size: calc( 0.8666 * 42px );
	letter-spacing: 0.05em;
	text-align: center;
}
.point-detail.point2 .point2-component h4 .num {
	font-size: calc( 0.8666 * 80px );
	font-family: "Inter", sans-serif;
	font-weight: 500;
	color: #BAA58C;
}
.point-detail.point2 .point2-component dl div + div {
	margin-top: calc( 0.8666 * 50px );
}
.point-detail.point2 .point2-component dt {
	margin-bottom: 0.5em;
	font-weight: 500;
	font-size: calc( 0.8666 * 36px );
	line-height: 1.55;
	text-align: center;
}
.point-detail.point2 .point2-component dd {
	margin: 0 auto;
	width: 85.1394%;
}
.point-detail.point2 .point2-component dd li {
	display: flex;
	align-items: center;
	background: #f5f2ec;
	border: 2px solid #707070;
	border-radius: calc( 0.8666 * 4px );
}
.point-detail.point2 .point2-component dd li + li {
	margin-top: calc( 0.8666 * 10px );
}
.point-detail.point2 .point2-component dd li span:first-child {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc( 0.8666 * 56px );
	height: calc( 0.8666 * 56px );
	font-family: "Inter", sans-serif;
	font-weight: 500;
	font-size: calc( 0.8666 * 32px );
	color: #baa58c;
}
.point-detail.point2 .point2-component dd li span:first-child::after {
	content: '';
	display: block;
	position: absolute;
	right: -1px;
	top: 14%;
	width: 0;
	height: 72%;
	border-left: #CDCBC7 2px solid;
}
.point-detail.point2 .point2-component dd li span:last-child {
	padding-left: calc( 0.8666 * 20px );
	font-weight: 400;
	font-size: calc( 0.8666 * 24px );
	letter-spacing: -0.05em;
	line-height: 1;
	color: #000;
}
.point-detail.point2 .point2-pic.delighter {
	transition: all 2s linear 0s;
}
.point-detail.point2 .point2-pic.delighter.started {
	opacity: 1;
}
@media screen and (max-width: 650px) {
	.point-detail.point2 {
		margin-bottom: 38.6667vw;
	}
	.point-detail.point2 h3 {
		margin-bottom: 12.2667vw;
	}
	.point-detail.point2 .point2-pic {
		margin-bottom: 10.6667vw;
	}
	.point-detail.point2 .point2-component {
		margin: 0 auto 11.3334vw;
		padding-top: 7.2vw;
		padding-bottom: 10.6667vw;
		border: #393939 1px solid;
		border-radius: 2.6667vw;
	}
	.point-detail.point2 .point2-component h4 {
		margin-bottom: 6vw;
		padding-bottom: 4.6667vw;
		background-size: 44.8001vw auto;
	}
	.point-detail.point2 .point2-component h4 small {
		font-size: 3.7334vw;
	}
	.point-detail.point2 .point2-component h4 > span {
		font-size: 5.6001vw;
	}
	.point-detail.point2 .point2-component h4 .num {
		font-size: 10.6667vw;
	}
	.point-detail.point2 .point2-component dl div + div {
		margin-top: 6.6667vw;
	}
	.point-detail.point2 .point2-component dt {
		font-size: 4.8vw;
	}
	.point-detail.point2 .point2-component dd li {
		border: 1px solid #707070;
		border-radius: 0.5334vw;
	}
	.point-detail.point2 .point2-component dd li + li {
		margin-top: 1.3334vw;
	}
	.point-detail.point2 .point2-component dd li span:first-child {
		width: 7.4667vw;
		height: 7.4667vw;
		font-size: 4.2667vw;
	}
	.point-detail.point2 .point2-component dd li span:first-child::after {
		border-left: #CDCBC7 1px solid;
	}
	.point-detail.point2 .point2-component dd li span:last-child {
		padding-left: 2.6667vw;
		font-size: 3.2vw;
	}
}


/* --------------------------------------------------
	.point-detail.point3
-------------------------------------------------- */
.point-detail.point3 {
	margin-bottom: calc( 0.8666 * 290px );
}
.point-detail.point3 h3 {
	margin-bottom: calc( 0.8666 * 92px );
}
.point-detail.point3 .point3-pic {
	margin-bottom: calc( 0.8666 * 90px );
	opacity: 0;
}
.point-detail.point3 .lead {
	margin: 0 auto calc( 0.8666 * 95px );
}
.point-detail.point3 h4 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: calc( 0.8666 * -110px );
	width: 75.7334%;
	height: calc( 0.8666 * 196px );
	background: #f5f2ec;
	border: 2px solid #707070;
	box-sizing: border-box;
}
.point-detail.point3 h4 span {
	font-weight: 500;
	font-size: calc( 0.8666 * 52px );
	line-height: 1;
	text-align: left;
}
.point-detail.point3 h4 span small {
	display: block;
	margin-top: 0.8em;
	font-size: calc( 0.8666 * 36px );
}
.point-detail.point3 .point3-component {
	margin-left: auto;
	margin-bottom: calc( 0.8666 * 20px );
	padding-top: calc( 0.8666 * 182px );
	width: 93.3334%;
	height: calc( 0.8666 * 1132px );
	background: url("../img/point3-component_bg.png") no-repeat;
	background-size: cover;
	box-sizing: border-box;
}
.point-detail.point3 .point3-component dl {
	margin: 0 auto;
	width: 85.7143%;
	border-radius: calc( 0.8666 * 10px );
	background: rgba(0, 43, 28, 0.3);
	border: 2px solid #fff;
}
.point-detail.point3 .point3-component dl + dl {
	margin-top: calc( 0.8666 * 80px );
}
.point-detail.point3 .point3-component dt {
	padding-top: calc( 0.8666 * 25px );
	padding-bottom: calc( 0.8666 * 25px );
	border-bottom: 2px solid #fff;
	font-weight: 700;
	font-size: calc( 0.8666 * 36px );
	line-height: 1.33;
	text-align: center;
	color: #fff;
}
.point-detail.point3 .point3-component dd {
	padding-top: calc( 0.8666 * 40px );
	padding-bottom: calc( 0.8666 * 40px );
}
.point-detail.point3 .point3-component dd ul {
	display: flex;
	justify-content: center;
	gap: calc( 0.8666 * 35px );
}
.point-detail.point3 .point3-component dd li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc( 0.8666 * 160px );
	aspect-ratio: 1 / 1;
	background: #f5f2ec;
	border: 2px solid #707070;
	border-radius: 50%;
	opacity: 0;
	transform: translate(20%,0) scale(0.8);
}
.point-detail.point3 .point3-component dd li span {
	font-weight: 500;
	font-size: calc( 0.8666 * 26px );
	line-height: 1.3;
	text-align: center;
}
.point-detail.point3 .notes {
	margin-left: auto;
	width: 93.3334%;
}
.point-detail.point3 .notes li {
	font-weight: 400;
	font-size: calc( 0.8666 * 22px );
	letter-spacing: -0.02em;
	line-height: 1.63;
}
.point-detail.point3 .point3-pic.delighter {
	transition: all 2s linear 0s;
}
.point-detail.point3 .point3-pic.delighter.started {
	opacity: 1;
}
.point-detail.point3 .point3-component ul.delighter li:nth-child(1) {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.point-detail.point3 .point3-component ul.delighter li:nth-child(2) {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.2s;
}
.point-detail.point3 .point3-component ul.delighter li:nth-child(3) {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.4s;
}
.point-detail.point3 .point3-component ul.delighter.started li {
	transform: none;
	opacity: 1;
}
@media screen and (max-width: 650px) {
	.point-detail.point3 {
		margin-bottom: 38.6667vw;
	}
	.point-detail.point3 h3 {
		margin-bottom: 12.2667vw;
	}
	.point-detail.point3 .point3-pic {
		margin-bottom: 12vw;
	}
	.point-detail.point3 .lead {
		margin: 0 auto 12.6667vw;
	}
	.point-detail.point3 h4 {
		margin-bottom: -14.6666vw;
		height: 26.1334vw;
		border: 1px solid #707070;
	}
	.point-detail.point3 h4 span {
		font-size: 6.9334vw;
	}
	.point-detail.point3 h4 span small {
		font-size: 4.8vw;
	}
	.point-detail.point3 .point3-component {
		margin-bottom: 2.6667vw;
		padding-top: 24.2667vw;
		height: 150.9334vw;
	}
	.point-detail.point3 .point3-component dl {
		border-radius: 1.3334vw;
		border: 1px solid #fff;
	}
	.point-detail.point3 .point3-component dl + dl {
		margin-top: 10.6667vw;
	}
	.point-detail.point3 .point3-component dt {
		padding-top: 3.3334vw;
		padding-bottom: 3.3334vw;
		border-bottom: 1px solid #fff;
		font-size: 4.8vw;
	}
	.point-detail.point3 .point3-component dd {
		padding-top: 5.3334vw;
		padding-bottom: 5.3334vw;
	}
	.point-detail.point3 .point3-component dd ul {
		gap: 4.6667vw;
	}
	.point-detail.point3 .point3-component dd li {
		width: 21.3334vw;
		border: 1px solid #707070;
	}
	.point-detail.point3 .point3-component dd li span {
		font-size: 3.4667vw;
	}
	.point-detail.point3 .notes li {
		font-size: 2.9334vw;
	}
}


/* --------------------------------------------------
	.point-detail.point4
-------------------------------------------------- */
.point-detail.point4 {
	margin-bottom: calc( 0.8666 * 290px );
}
.point-detail.point4 h3 {
	margin-bottom: calc( 0.8666 * 92px );
}
.point-detail.point4 .point4-component {
	position: relative;
	margin: 0 auto calc( 0.8666 * 45px );
	width: 86.6667%;
}
.point-detail.point4 .point4-component::before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0.7);
	width: calc( 0.8666 * 666px );
	height: calc( 0.8666 * 434px );
	background: url("../img/point4_x.png") no-repeat;
	background-size: cover;
	opacity: 0;
}
.point-detail.point4 .point4-component ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: calc( 0.8666 * 26px ) 0;
}
.point-detail.point4 .point4-component ol li {
	width: 46.1539%;
}
.point-detail.point4 .point4-component ol li:nth-child(n+7) {
	width: 50.7693%;
}
.point-detail.point4 .point4-component ol li:nth-child(1) { order: 1; }
.point-detail.point4 .point4-component ol li:nth-child(2) { order: 3; }
.point-detail.point4 .point4-component ol li:nth-child(3) { order: 5; }
.point-detail.point4 .point4-component ol li:nth-child(4) { order: 7; }
.point-detail.point4 .point4-component ol li:nth-child(5) { order: 9; }
.point-detail.point4 .point4-component ol li:nth-child(6) { order: 11; }
.point-detail.point4 .point4-component ol li:nth-child(7) { order: 2; }
.point-detail.point4 .point4-component ol li:nth-child(8) { order: 4; }
.point-detail.point4 .point4-component ol li:nth-child(9) { order: 6; }
.point-detail.point4 .point4-component ol li:nth-child(10) { order: 8; }
.point-detail.point4 .point4-component ol li:nth-child(11) { order: 10; }
.point-detail.point4 .point4-component ol li del {
	display: flex;
	align-items: center;
	padding: 0 calc( 0.8666 * 20px );
	width: 100%;
	height: calc( 0.8666 * 50px );
	border-radius: calc( 0.8666 * 25px );
	background-color: #fff;
	box-sizing: border-box;
	font-weight: 500;
	font-size: calc( 0.8666 * 25px );
	letter-spacing: -0.02em;
	line-height: 1;
	text-decoration: none;
}
.point-detail.point4 .point4-component ol li del sup {
	padding-left: 0.2em;
	font-size: 60%;
	vertical-align: super;
}
.point-detail.point4 .notes {
	position: relative;
	margin: 0 auto calc( 0.8666 * 70px );
	width: 86.6667%;
}
.point-detail.point4 .notes li {
	display: inline-block;
	margin-right: 1em;
	font-size: calc( 0.8666 * 20px );
	line-height: 1.7;
}
.point-detail.point4 .point4-component.delighter::before {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.3s;
}
.point-detail.point4 .point4-component.delighter.started::before {
	transform: translate(-50%,-50%);
	opacity: 1;
}
@media screen and (max-width: 650px) {
	.point-detail.point4 {
		margin-bottom: 38.6667vw;
	}
	.point-detail.point4 h3 {
		margin-bottom: 12.2667vw;
	}
	.point-detail.point4 .point4-component {
		margin: 0 auto 6vw;
	}
	.point-detail.point4 .point4-component::before {
		width: 88.8vw;
		height: 57.8667vw;
	}
	.point-detail.point4 .point4-component ol {
		gap: 3.4667vw 0;
	}
	.point-detail.point4 .point4-component ol li del {
		padding: 0 3.2vw;
		height: 6.6667vw;
		border-radius: 3.3334vw;
		font-size: 3.4667vw;
	}
	.point-detail.point4 .notes {
		margin: 0 auto 9.3334vw;
	}
	.point-detail.point4 .notes li {
		font-size: 2.6667vw;
	}
}


/* --------------------------------------------------
	.point-detail.point5
-------------------------------------------------- */
.point-detail.point5 {
	margin-bottom: calc( 0.8666 * 200px );
}
.point-detail.point5 .lead {
	margin-bottom: calc( 0.8666 * 110px );
	font-size: calc( 0.8666 * 32px );
	line-height: 1.9;
	letter-spacing: 0;
}
.point-detail.point5 .point5-component + .point5-component {
	margin-top: calc( 0.8666 * 160px );
}
.point-detail.point5 .point5-component h4 {
	margin-left: 6.6667%;
	margin-bottom: 0.8em;
	font-weight: 500;
	font-size: calc( 0.8666 * 40px );
	letter-spacing: 0.05em;
	line-height: 1;
}
.point-detail.point5 .point5-component .point5-lead {
	margin-left: 6.6667%;
	margin-bottom: calc( 0.8666 * 50px );
	font-weight: 500;
	font-size: calc( 0.8666 * 30px );
	letter-spacing: 0.05em;
	line-height: 1.86;
}
.point-detail.point5 .point5-component .point5-pic {
	margin-bottom: calc( 0.8666 * -224px );
	transform: translate(-20%,0);
	opacity: 0;
}
.point-detail.point5 .point5-component .point5-graph {
	position: relative;
	margin-left: auto;
	margin-right: 6.6667%;
	margin-bottom: calc( 0.8666 * -304px );
	width: 72.5334%;
	transform: translate(0,10%);
	opacity: 0;
}
.point-detail.point5 .point5-component .point5-item {
	position: relative;
	margin-left: 6.6667%;
	margin-bottom: calc( 0.8666 * 40px );
	width: 20.9334%;
	transform: translate(0,10%);
	opacity: 0;
}
.point-detail.point5 .point5-component p {
	margin-left: 6.6667%;
	margin-right: 6.6667%;
	font-weight: 400;
	font-size: calc( 0.8666 * 28px );
	line-height: 2.14;
	text-align: justify;
}
.point-detail.point5 .point5-component.delighter .point5-pic {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.point-detail.point5 .point5-component.delighter .point5-graph {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.5s;
}
.point-detail.point5 .point5-component.delighter .point5-item {
	transition: all 1s cubic-bezier(.21,1.05,.8,.98) 0.6s;
}
.point-detail.point5 .point5-component.delighter.started .point5-pic,
.point-detail.point5 .point5-component.delighter.started .point5-graph,
.point-detail.point5 .point5-component.delighter.started .point5-item {
	transform: none;
	opacity: 1;
}
@media screen and (max-width: 650px) {
	.point-detail.point5 {
		margin-bottom: 26.6667vw;
	}
	.point-detail.point5 .lead {
		margin-bottom: 14.6667vw;
		font-size: 4.2667vw;
	}
	.point-detail.point5 .point5-component + .point5-component {
		margin-top: 21.3334vw;
	}
	.point-detail.point5 .point5-component h4 {
		font-size: 5.3334vw;
	}
	.point-detail.point5 .point5-component .point5-lead {
		margin-bottom: 6.6667vw;
		font-size: 4vw;
	}
	.point-detail.point5 .point5-component .point5-pic {
		margin-bottom: -29.8666vw;
	}
	.point-detail.point5 .point5-component .point5-graph {
		margin-bottom: -40.5333vw;
	}
	.point-detail.point5 .point5-component .point5-item {
		margin-bottom: 5.3334vw;
	}
	.point-detail.point5 .point5-component p {
		font-size: 3.7334vw;
	}
}

/* --------------------------------------------------
	.usersvoice
-------------------------------------------------- */
.usersvoice {
	margin-bottom: calc( 0.8666 * 165px );
	background-color: #DBD7D0;
}
.usersvoice .inner {
	padding-top: 13.3334%;
	padding-bottom: 20%;
}
.usersvoice h2 {
	margin-bottom: calc( 0.8666 * 50px );
	text-align: center;
}
.usersvoice h2 .en {
	position: relative;
	display: block;
	margin: 0 auto calc( 0.8666 * -10px );
	width: 86.6667%;
}
.usersvoice h2 .en img {
	position: relative;
	z-index: 1;
}
.usersvoice h2 .en::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	display: block;
	width: 0%;
	height: 100%;
	background: url("../img/usersvoice_en_line.svg") no-repeat left top;
	background-size: auto 100%;
}
.usersvoice-box {
	position: relative;
	margin: 0 auto;
	padding: calc( 0.8666 * 60px ) calc( 0.8666 * 50px );
	padding-bottom: ;
	width: 86.6667%;
	background-color: #FFF;
	border-radius: calc( 0.8666 * 70px );
	box-sizing: border-box;
}
.usersvoice-box + .usersvoice-box {
	margin-top: calc( 0.8666 * 80px );
}
.usersvoice-box::after {
	content: '';
	position: absolute;
	left: calc( 0.8666 * 155px );
	bottom: 0;
	transform: translate(0,100%);
	display: block;
	width: 0;
	height: 0;
	border-top: #fff calc( 0.8666 * 20px ) solid;
	border-left: #fff calc( 0.8666 * 28px ) solid;
	border-bottom: transparent calc( 0.8666 * 20px ) solid;
	border-right: transparent calc( 0.8666 * 28px ) solid;
}
.usersvoice2.usersvoice-box::after {
	right: calc( 0.8666 * 155px );
	left: auto;
	border-left: transparent calc( 0.8666 * 28px ) solid;
	border-right: #fff calc( 0.8666 * 28px ) solid;
}
.usersvoice-profile-flex {
	display: flex;
	align-items: center;
	margin-bottom: calc( 0.8666 * 55px );
}
.usersvoice-profile-flex {
	display: flex;
	align-items: center;
	gap: calc( 0.8666 * 40px );
}
.usersvoice-profile-pic {
	width: calc( 0.8666 * 230px );
}
.usersvoice1 .usersvoice-text {
	width: calc( 0.8666 * 527px );
}
.usersvoice2 .usersvoice-text {
	width: calc( 0.8666 * 543px );
}
.usersvoice3 .usersvoice-text {
	width: calc( 0.8666 * 546px );
}
.usersvoice-profile-text dt span {
	display: inline-block;
	padding: 0.5em 2em;
	background: #f28787;
	border-radius: calc( 0.8666 * 25px );
	font-size: calc( 0.8666 * 24px );
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.usersvoice-profile-text dd {
	margin-top: 0.3em;
	font-size: calc( 0.8666 * 36px );
	letter-spacing: 0.02em;
	line-height: 1.55;
	color: #393939;
}
.usersvoice-profile-text p {
	margin-top: 1em;
	font-size: calc( 0.8666 * 24px );
	font-weight: 500;
	line-height: 1;
	color: #967c5c;
}

.usersvoice.delighter h2 .en::before {
	transition: all 0.5s cubic-bezier(0.6, 0.04, 0.98, 0.335) 0s;
}
.usersvoice.delighter.started h2 .en::before {
	width: 100%;
}
.usersvoice-box.delighter .usersvoice-profile-pic {
	transform: translate(0,20%) scale(0.8);
	opacity: 0;
	transition: all 0.5s cubic-bezier(.21,1.05,.8,.98) 0s;
}
.usersvoice-box.delighter.started .usersvoice-profile-pic {
	opacity: 1;
	transform: none;
}
@media screen and (max-width: 650px) {
	.usersvoice {
		margin-bottom: 22vw;
	}
	.usersvoice h2 {
		margin-bottom: 6.6667vw;
	}
	.usersvoice h2 .en {
		margin-bottom: -1.3334vw;
	}
	.usersvoice-box {
		padding: 8vw 6.6667vw;
		border-radius: 9.3334vw;
	}
	.usersvoice-box + .usersvoice-box {
		margin-top: 10.6667vw;
	}
	.usersvoice-box::after {
		left: 20.6667vw;
		border-top: #fff 2.6667vw solid;
		border-left: #fff 3.7334vw solid;
		border-bottom: transparent 2.6667vw solid;
		border-right: transparent 3.7334vw solid;
	}
	.usersvoice2.usersvoice-box::after {
		right: 20.6667vw;
		border-left: transparent 3.7334vw solid;
		border-right: #fff 3.7334vw solid;
	}
	.usersvoice-profile-flex {
		margin-bottom: 7.3334vw;
	}
	.usersvoice-profile-flex {
		gap: 5.3334vw;
	}
	.usersvoice-profile-pic {
		width: 30.6667vw;
	}
	.usersvoice1 .usersvoice-text {
		width: 70.2667vw;
	}
	.usersvoice2 .usersvoice-text {
		width: 72.4vw;
	}
	.usersvoice3 .usersvoice-text {
		width: 72.8vw;
	}
	.usersvoice-profile-text dt span {
		border-radius: 3.3334vw;
		font-size: 3.2vw;
	}
	.usersvoice-profile-text dd {
		font-size: 4.8vw;
	}
	.usersvoice-profile-text p {
		font-size: 3.2vw;
	}
}