@charset "utf-8";
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
/*-----------------------------------------------
 * Bace
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
:root{
	/* COLOR */
	--color-main: #ff5987;
	--color-pink-light: #ffc2d4;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-gold: #BDA662;
	--color-green: #1C7E60;
	--color-green2: #28B288;

	/* FONT */
	--font-ja: "Noto Sans JP", sans-serif;
	--font-en: "Lexend", sans-serif;
	--font-serif: "Noto Serif JP", serif;

	/* SIZE */
	--vw-min: 1200;
	--vh-min: 768;
	--max-percent: 1.4056;
}

@media screen and (max-width:768px){
	:root{
		/* size */
		--vw-min: 750;
		--vh-min: 1314;
		--max-percent: 1;
	}
}
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #000;
	font-family: var(--font-serif);
	font-feature-settings: "palt";
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #6ccfee;
	color: #fff;
}
::-moz-selection{
	background: #6ccfee;
	color:#fff;
}
@media screen and (max-width:768px){ 
	html{ 
		font-size: 62.5%;
	}
	body{
		font-size: 10px; 
		font-size: 1rem;
		min-width: 320px;
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}

#fullWrap{
	width: 100%;
	position: relative;
}
@media screen and (max-width:768px){
	#fullWrap{
		overflow-x: clip;
	}
}

/* ScrollBar Setting */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #EFE9EA;
}
::-webkit-scrollbar-thumb {
	background: #ff5987;
	border-radius: 2px;
	margin: 2px;
	box-shadow: none;
}
/* firefox Only Scrollbar */
@-moz-document url-prefix() {
	html{
		scrollbar-color: #ff5987 #EFE9EA;
		scrollbar-width: thin;
	}
}
/*-----------------------------------------------
 * Common
-------------------------------------------------*/
.contBgWrap {
	width: 100%;
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
}
.contBg {
	width: 100%;
    height: min(100vh, 100%);
    position: sticky;
    inset: 0;
	background: url(../img/main.jpg) no-repeat top/cover;
	opacity: 60%;
}
/**
* frame
**/
.deco__frameWrap {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	pointer-events: none;
}
.deco__frame-dot {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
}
.deco__frame-dot::before,
.deco__frame-dot::after {
	content: "";
	width: 8px;
	height: 8px;
	display: block;
	position: absolute;
	border-radius: 50%;
	background-color: var(--color-gold);
}
.deco__frame-dot.--top::before {
	top: 12px;
	left: 12px;
}
.deco__frame-dot.--top::after {
	top: 12px;
	right: 12px;
}
.deco__frame-dot.--bottom::before {
	bottom: 12px;
	left: 12px;
}
.deco__frame-dot.--bottom::after {
	bottom: 12px;
	right: 12px;
}
.deco__frame-lineWrap {
	width: calc(100% - 32px);
	height: calc(100% - 32px);
	position: absolute;
	inset: 0;
	margin: auto;
}
.deco__frame-lrt,
.deco__frame-lrb,
.deco__frame-line {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
}
.deco__frame-lrt::before,
.deco__frame-lrt::after,
.deco__frame-lrb::before,
.deco__frame-lrb::after {
	content: "";
	width: 21.3px;
	height: 20.4px;
	display: block;
	position: absolute;
	-webkit-mask: url(../img/frame4.svg)no-repeat center/contain;
	mask: url(../img/frame4.svg)no-repeat center/contain;
	background-color: var(--color-gold);
}
.deco__frame-lrt::after {
	top: 0;
	right: 0;
	transform: scale(-1,1);
}
.deco__frame-lrb::before {
	bottom: 0;
	left: 0;
	transform: scale(1,-1);
}
.deco__frame-lrb::after {
	right: 0;
	bottom: 0;
	transform: scale(-1,-1);
}
.deco__frame-line::before,
.deco__frame-line::after {
	content: "";
	display: block;
	position: absolute;
	background-color: var(--color-gold);
	margin: auto;
}
.deco__frame-line.--tb::before {
	width: calc(100% - 38px);
	height: 1px;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
}
.deco__frame-line.--tb::after {
	width: calc(100% - 38px);
	height: 1px;
	right: 0;
	bottom: 0;
	left: 0;
}
.deco__frame-line.--rl::before {
	width: 1px;
	height: calc(100% - 38px);
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.deco__frame-line.--rl::after {
	width: 1px;
	height: calc(100% - 38px);
	top: 0;
	bottom: 0;
	left: 0;
}


.l-main section:last-child{
	margin-bottom: min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
	.l-main section:last-child{
		margin-bottom: calc(140 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * Fv
-------------------------------------------------*/
.fv {
	position: relative;
}
.fv::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	z-index: 1;
	margin: auto;
	background: radial-gradient(58.48% 53.7% at 50% 49%, #FFF 50%, #F6F6F6 54%, #DDD 61%, #B5B5B5 70%, #7E7E7E 80%, #393939 91%, #000 100%);
	opacity: 0.8;
	background-blend-mode: multiply;
	mix-blend-mode: multiply;
}
.fvBg {
	width: 100%;
}
.fvBg img {
	width: 100%;
	pointer-events: none;
}
.fvWrap {
	width: calc(1050 / var(--vw-min) * 100vw);
	position: absolute;
	inset: 0;
	margin: auto;
	padding: calc(147 / var(--vw-min) * 100vw) 0;
}
.fv__logoWrap {
	width: calc(288 / var(--vw-min) * 100vw);
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
.fv__logo {
	width: calc(240 / var(--vw-min) * 100vw);
	height: calc(139 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/logo.svg)no-repeat center/contain;
	mask: url(../img/logo.svg)no-repeat center/contain;
	background-color: #fff;
	margin: 0 auto;
}
.fv__funBox {
	position: relative;
	padding: calc(17 / var(--vw-min) * 100vw) 0 calc(46 / var(--vw-min) * 100vw);
	margin-top: calc(24 / var(--vw-min) * 100vw);
}
.fv__funBox::before {
	content: "";
	width: calc(288 / var(--vw-min) * 100vw);
	height: calc(82 / var(--vw-min) * 100vw);
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/frame1.svg)no-repeat center/contain;
}
.fv__fun {
	width: calc(240 / var(--vw-min) * 100vw);
	height: calc(20 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/funTit.svg)no-repeat center/contain;
	mask: url(../img/funTit.svg)no-repeat center/contain;
	background-color: #fff;
	margin: 0 auto;
}
.fv__btnLists {
	width: calc(400 / var(--vw-min) * 100vw);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
	gap: calc(24 / var(--vw-min) * 100vw);
	margin: calc(53 / var(--vw-min) * 100vw) auto 0;
}
.fv__btnItem {
	width: auto;
}
.fv__btnLink {
	font-size: calc(20 / var(--vw-min) * 100vw);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: calc(14 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
}
.fv__btnLink::before {
	content: "";
	width: calc(100% - calc(8 / var(--vw-min) * 100vw));
	height: calc(100% - calc(8 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
}
.fv__btnArrow {
	width: calc(13 / var(--vw-min) * 100vw);
	height: calc(16 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	right: calc(12 / var(--vw-min) * 100vw);
	bottom: 0;
	margin: auto;
	-webkit-mask: url(../img/arrow.svg)no-repeat center/contain;
	mask: url(../img/arrow.svg)no-repeat center/contain;
}
.fv__btnIcon {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(33 / var(--vw-min) * 100vw);
	margin: auto;
}
.fv__btnItem.--member .fv__btnLink {
	color: #fff;
	background-color: var(--color-gold);
}
.fv__btnItem.--login .fv__btnLink {
	color: #000;
	background-color: #fff;
}
.fv__btnItem.--member .fv__btnLink::before {
	border: calc(1 / var(--vw-min) * 100vw) solid #fff;
}
.fv__btnItem.--login .fv__btnLink::before {
	border: calc(1 / var(--vw-min) * 100vw) solid #000;
}
.fv__btnItem.--member .fv__btnArrow {
	background-color: #fff;
}
.fv__btnItem.--login .fv__btnArrow {
	background-color: #000;
}
.fv__btnItem.--member .fv__btnIcon {
	width: calc(14 / var(--vw-min) * 100vw);
	height: calc(20 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/icon_member.svg)no-repeat center/contain;
	mask: url(../img/icon_member.svg)no-repeat center/contain;
	background-color: #fff;
}
.fv__btnItem.--login .fv__btnIcon {
	width: calc(18 / var(--vw-min) * 100vw);
	height: calc(19 / var(--vw-min) * 100vw);
	-webkit-mask: url(../img/icon_login.svg)no-repeat center/contain;
	mask: url(../img/icon_login.svg)no-repeat center/contain;
	background-color: #000;
}
/**
* Slider
**/
.fv .infiniteslide_wrap,
.fvWrap > .js-imageSlide {
	width: calc(280 / var(--vw-min) * 100vw);
	height: 100% !important;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	opacity: 0;
}
.fv .infiniteslide_wrap.is-ready {
	opacity: 1;
	transition: opacity .4s ease;
}
.fv__sliderLists {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	flex-direction: column;
}
.fv__sliderItem {
	width: 100%;
	flex: none;
	margin-bottom: calc(24 / var(--vw-min) * 100vw);
}
.fv__sliderItem picture {
	display: block;
	width: 100%;
	height: 100%;
}
.fv__sliderItem img {
	width: 100%;
	aspect-ratio: 16 / 9;
	display: block;
	pointer-events: none;
}
.fv__chara {
	width: calc(480 / var(--vw-min) * 100vw);
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../img/chara.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fv {
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}
	.fvBg {
		height: 100%;
		position: absolute;
		inset: 0;
	}
	.fvBg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
	}
	.fv::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1;
		height: 52%;
		pointer-events: none;
		background: linear-gradient(180deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.4) 48%, rgba(0,0,0,0) 100%);
	}
	.fvWrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: static;
		inset: auto;
		z-index: auto;
		padding: 0 calc(32 / var(--vw-min) * 100vw) 0;
	}
	.fv__logoWrap {
		width: calc(420 / var(--vw-min) * 100vw);
		position: relative;
		z-index: 2;
		order: 2;
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
	.fv__logo {
		width: calc(360 / var(--vw-min) * 100vw);
		height: calc(208 / var(--vw-min) * 100vw);
	}
	.fv__funBox {
		padding: calc(28 / var(--vw-min) * 100vw) 0 calc(48 / var(--vw-min) * 100vw);
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.fv__funBox::before {
		width: 100%;
		height: 100%;
	}
	.fv__fun {
		width: calc(340 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
	.fv__btnLists {
		width: auto;
		position: absolute;
		flex-direction: column;
		right: calc(32 / var(--vw-min) * 100vw);
		bottom: calc(96 / var(--vw-min) * 100vw);
		left: calc(32 / var(--vw-min) * 100vw);
		z-index: 3;
		gap: calc(24 / var(--vw-min) * 100vw);
		margin: 0;
	}
	.fv__btnItem {
		width: calc(512 / var(--vw-min) * 100vw);
	}
	.fv__btnLink {
		font-size: calc(24 / var(--vw-min) * 100vw);
		justify-content: center;
		padding: calc(24 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(44 / var(--vw-min) * 100vw);
	}
	.fv__btnArrow {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		right: calc(14 / var(--vw-min) * 100vw);
	}
	.fv__btnIcon {
		left: calc(16 / var(--vw-min) * 100vw);
	}
	.fv__btnItem.--member .fv__btnIcon {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
	.fv__btnItem.--login .fv__btnIcon {
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(26 / var(--vw-min) * 100vw);
	}
	.fv .infiniteslide_wrap,
	.fvWrap > .js-imageSlide {
		width: calc(100% + calc(64 / var(--vw-min) * 100vw));
		height: auto !important;
		position: relative;
		top: auto;
		right: auto;
		z-index: 2;
		order: 1;
		margin: 0 calc(-32 / var(--vw-min) * 100vw) 0;
	}
	.fv__sliderLists {
		flex-direction: row;
	}
	.fv__sliderItem {
		width: calc(200 / var(--vw-min) * 100vw);
		height: calc(113 / var(--vw-min) * 100vw);
		margin: 0 calc(12 / var(--vw-min) * 100vw) 0 0;
		overflow: hidden;
	}
	.fv__sliderItem img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.fv__chara {
		width: calc(620 / var(--vw-min) * 100vw);
		height: calc(827 / var(--vw-min) * 100vw);
		position: relative;
		top: auto;
		left: auto;
		z-index: 2;
		order: 2;
		margin: calc(-55 / var(--vw-min) * 100vw) auto 0;
		background-position: center bottom;
		transform: translateX(calc(30 / var(--vw-min) * 100vw));
	}
}
/*-----------------------------------------------
 * Login modal
-------------------------------------------------*/
.loginModal {
	letter-spacing: 0;
	font-feature-settings: normal;
	display: none;
	position: fixed;
	inset: 0;
	z-index: 100;
}
.loginModal.is-open {
	display: block;
}
body.is-modalOpen {
	overflow: hidden;
}
.loginModal__layer {
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, .80);
	backdrop-filter: blur(16px);
}
.loginModal__in {
	width: min(calc(640 / var(--vw-min) * 100vw), 640px);
	max-height: calc(100% - min(calc(80 / var(--vw-min) * 100vw), 80px));
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	padding: min(calc(72 / var(--vw-min) * 100vw), 72px) min(calc(56 / var(--vw-min) * 100vw), 56px) min(calc(48 / var(--vw-min) * 100vw), 48px);
	background-color: #fff;
	transform: translate(-50%, -50%);
}
.loginModal__close {
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: absolute;
	top: max(calc(-56 / var(--vw-min) * 100vw), -56px);
	right: 0;
	z-index: 2;
}
.loginModal__close::before,
.loginModal__close::after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background-color: var(--color-gold);
}
.loginModal__close::before {
	transform: rotate(45deg);
}
.loginModal__close::after {
	transform: rotate(-45deg);
}
.loginModal__panel {
	display: none;
}
.loginModal__panel.is-current {
	display: block;
}
.loginModal__tit {
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	color: var(--color-green);
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	position: relative;
	padding-bottom: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.loginModal__tit::after {
	content: "";
	width: min(calc(280 / var(--vw-min) * 100vw), 280px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	background: url(../img/frame2.svg) no-repeat center / contain;
}
.loginModal__form {
	display: flex;
	flex-direction: column;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.loginModal__field {
	display: flex;
	flex-direction: column;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.loginModal__cap {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-green);
	font-weight: 700;
	line-height: 1.5;
}
.loginModal__input {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #000;
	font-family: inherit;
	line-height: 2;
	width: 100%;
	display: block;
	padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: #f6f6f6;
	border: 1px solid #ccc;
}
.loginModal__input::placeholder {
	color: #888;
}
.loginModal__submit {
	display: flex;
	justify-content: center;
}
.loginModal__submit .lllBtn {
	width: min(calc(280 / var(--vw-min) * 100vw), 280px);
}
.loginModal__note {
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	color: #666;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.loginModal__back {
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	color: var(--color-green);
	font-family: inherit;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	display: block;
	margin: min(calc(16 / var(--vw-min) * 100vw), 16px) auto 0;
	text-decoration: underline;
}
.loginModal__error{
	font-size: 90%;
	color: var(--color-main);
	font-weight: 700;
}
@media screen and (max-width:768px){
	.loginModal__in {
		width: calc(100% - calc(32 / var(--vw-min) * 100vw) * 2);
		max-height: calc(100% - calc(48 / var(--vw-min) * 100vw));
		padding: calc(96 / var(--vw-min) * 100vw) calc(88 / var(--vw-min) * 100vw) calc(64 / var(--vw-min) * 100vw);
	}
	.loginModal__close {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		top: calc(-72 / var(--vw-min) * 100vw);
		right: 0;
	}
	.loginModal__tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
	}
	.loginModal__tit::after {
		width: calc(280 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
	.loginModal__form {
		gap: calc(28 / var(--vw-min) * 100vw);
		margin-top: calc(36 / var(--vw-min) * 100vw);
	}
	.loginModal__cap,
	.loginModal__input {
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
	.loginModal__input {
		padding: calc(16 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
	.loginModal__note,
	.loginModal__back {
		font-size: calc(22 / var(--vw-min) * 100vw);
	}
	.loginModal__submit .lllBtn {
		width: 100%;
	}
}
@media (hover: hover) and (pointer: fine){
	.loginModal__close,
	.loginModal__back {
		transition: opacity .3s;
	}
	.loginModal__close:hover,
	.loginModal__back:hover {
		opacity: .7;
	}
}
/*-----------------------------------------------
 * About
-------------------------------------------------*/
.about {
	position: relative;
	padding: min(calc(70 / var(--vw-min) * 100vw),70px) 0 min(calc(80 / var(--vw-min) * 100vw),80px);
}
.aboutWrap {
	width: min(calc(935 / var(--vw-min) * 100vw),935px);
	display: flex;
    flex-direction: column;
    align-items: center;
	margin: 0 auto;
}
.about__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
	color: var(--color-green);
	font-weight: 700;
	position: relative;
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
}
.about__tit small {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.about__tit::before {
	content: "";
	width: min(calc(440 / var(--vw-min) * 100vw),440px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
	display: block;
	position: absolute;
	bottom: 0;
	background: url(../img/frame2.svg)no-repeat center/contain;
}
.about__txt {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 400;
	line-height: 2;
	text-align: center;
	position: relative;
	padding-bottom: min(calc(90 / var(--vw-min) * 100vw),90px);
}
.about__txt::before {
	content: "";
	width: min(calc(480 / var(--vw-min) * 100vw),480px);
	height: min(calc(57 / var(--vw-min) * 100vw),57px);
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/frame3.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.about {
		padding: calc(80 / var(--vw-min) * 100vw) 0 calc(72 / var(--vw-min) * 100vw);
	}
	.aboutWrap {
		width: calc(100% - calc(48 / var(--vw-min) * 100vw) * 2);
	}
	.about__tit {
		font-size: calc(44 / var(--vw-min) * 100vw);
		line-height: 1.5;
		text-align: center;
		width: 100%;
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.about__tit small {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.about__tit::before {
		width: calc(480 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		max-width: 100%;
		right: 0;
		left: 0;
		margin: auto;
	}
	.about__txt {
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.8;
		padding-bottom: calc(80 / var(--vw-min) * 100vw);
	}
	.about__txt::before {
		width: calc(420 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * Membership
-------------------------------------------------*/
.membership {
	width: min(calc(1040 / var(--vw-min) * 100vw),1040px);
	position: relative;
	margin: 0 auto;
	background-color: rgba(0,0,0,.8);
	padding: min(calc(110 / var(--vw-min) * 100vw),110px) 0 min(calc(80 / var(--vw-min) * 100vw),80px);
}
.membership__tit {
	width: min(calc(791 / var(--vw-min) * 100vw),791px);
	height: min(calc(60 / var(--vw-min) * 100vw),60px);
	-webkit-mask: url(../img/membershipTit.svg)no-repeat center/contain;
	mask: url(../img/membershipTit.svg)no-repeat center/contain;
	background-color: var(--color-gold);
	margin: 0 auto;
}
.membership__h3 {
	font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
	color: var(--color-green);
	font-weight: 700;
	text-align: center;
	margin-bottom: min(calc(22 / var(--vw-min) * 100vw),22px);
}
.membership__txt {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #fff;
	font-weight: 400;
	line-height: 2;
	text-align: center;
}
.membership__lists {
	width: min(calc(880 / var(--vw-min) * 100vw),880px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(40 / var(--vw-min) * 100vw),40px);
	margin: min(calc(32 / var(--vw-min) * 100vw),32px) auto 0;
}
.membership__item {
	width: calc((100% - min(calc(120 / var(--vw-min) * 100vw),120px)) / 4);
	position: relative;
	background-color: #fff;
	padding: min(calc(24 / var(--vw-min) * 100vw),24px) 0;
}
.membership__item::before {
	content: "";
	width: calc(100% - min(calc(16 / var(--vw-min) * 100vw),16px));
	height: calc(100% - min(calc(16 / var(--vw-min) * 100vw),16px));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-gold);
}
.membership__item:not(:last-child)::after {
	content: "";
	width: min(calc(19 / var(--vw-min) * 100vw),19px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: block;
	position: absolute;
	top: 0;
	right: max(calc(-30 / var(--vw-min) * 100vw),-30px);
	bottom: 0;
	-webkit-mask: url(../img/arrow.svg)no-repeat center/contain;
	mask: url(../img/arrow.svg)no-repeat center/contain;
	background-color: var(--color-gold);
	margin: auto;
}
.membership__itemNum {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(80 / var(--vw-min) * 100vw),80px);
	margin: 0 auto;
}
.membership__item.--num1 .membership__itemNum {
	background: url(../img/badge1.svg)no-repeat center/contain;
}
.membership__item.--num2 .membership__itemNum {
	background: url(../img/badge2.svg)no-repeat center/contain;
}
.membership__item.--num3 .membership__itemNum {
	background: url(../img/badge3.svg)no-repeat center/contain;
}
.membership__item.--num4 .membership__itemNum {
	background: url(../img/badge4.svg)no-repeat center/contain;
}
.membership__itemTit {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	line-height: 2;
	text-align: center;
	margin-top: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.membership {
		width: calc(100% - calc(40 / var(--vw-min) * 100vw) * 2);
		padding: calc(72 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw) calc(64 / var(--vw-min) * 100vw);
	}
	.membership__tit {
		width: calc(560 / var(--vw-min) * 100vw);
		height: calc(42 / var(--vw-min) * 100vw);
	}
	.membership__h3 {
		font-size: calc(44 / var(--vw-min) * 100vw);
		line-height: 1.5;
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.membership__txt {
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.8;
	}
	.membership__lists {
		width: 100%;
		flex-wrap: wrap;
		gap: calc(36 / var(--vw-min) * 100vw) calc(56 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.membership__item {
		width: calc((100% - calc(56 / var(--vw-min) * 100vw)) / 2);
		padding: calc(28 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
	.membership__item:nth-child(even)::after {
		display: none;
	}
	.membership__item:not(:last-child)::after {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
		right: calc(-39 / var(--vw-min) * 100vw);
	}
	.membership__itemNum {
		width: calc(120 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
	}
	.membership__itemTit {
		font-size: calc(26 / var(--vw-min) * 100vw);
		line-height: 1.5;
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * Kiyaku
-------------------------------------------------*/
.kiyaku {
	position: relative;
	padding: min(calc(84 / var(--vw-min) * 100vw),84px) 0;
}
.kiyakuWrap {
	width: min(calc(1040 / var(--vw-min) * 100vw),1040px);
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
	margin: 0 auto;
	padding: min(calc(56 / var(--vw-min) * 100vw),56px) 0 min(calc(120 / var(--vw-min) * 100vw),120px);
}
.kiyakuWrap::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	z-index: -1;
	margin: auto;
	background: url(../img/kiyakuBg.png)no-repeat center/contain;
}
.kiyaku__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
	color: var(--color-green);
	font-weight: 700;
	width: 100%;
	position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
	padding-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
    margin-bottom: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.kiyaku__tit::before {
	content: "";
	width: min(calc(440 / var(--vw-min) * 100vw),440px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
    display: block;
    position: absolute;
    bottom: 0;
    background: url(../img/frame2.svg) no-repeat center / contain;
}
.kiyaku__txt {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	line-height: 2;
}
.kiyaku__txtIn{
	display: inline-block;
	padding-left: 1.66em;
	text-indent: -1.66em;
}
@media screen and (max-width:768px){
	.kiyaku {
		padding: calc(64 / var(--vw-min) * 100vw) 0;
	}
	.kiyakuWrap {
		width: calc(100% - calc(32 / var(--vw-min) * 100vw) * 2);
		padding: calc(72 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}
	.kiyakuWrap::before {
		background-size: 100% 100%;
	}
	.kiyaku__tit {
		font-size: calc(44 / var(--vw-min) * 100vw);
		line-height: 1.5;
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
	}
	.kiyaku__tit::before {
		width: calc(360 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		max-width: 100%;
		right: 0;
		left: 0;
		margin: auto;
	}
	.kiyaku__txt {
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.8;
	}
}
/*-----------------------------------------------
 * Faq
-------------------------------------------------*/
.faq {
    width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
    position: relative;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, .8);
    padding: min(calc(72 / var(--vw-min) * 100vw), 72px) min(calc(80 / var(--vw-min) * 100vw),80px) min(calc(80 / var(--vw-min) * 100vw), 80px);
	margin-bottom: min(calc(160 / var(--vw-min) * 100vw),160px);
}
.faq__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
    color: var(--color-green2);
    font-weight: 700;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
    margin-bottom: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.faq__tit::before {
	content: "";
	width: min(calc(440 / var(--vw-min) * 100vw),440px);
	height: min(calc(16 / var(--vw-min) * 100vw),16px);
    display: block;
    position: absolute;
    bottom: 0;
    background: url(../img/frame2.svg) no-repeat center / contain;
}
.faq__lists {
	display: flex;
	flex-direction: column;
	gap: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.faq__item {
	position: relative;
	padding: min(calc(28 / var(--vw-min) * 100vw),28px) min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(32 / var(--vw-min) * 100vw),32px);
	background-color: #fff;
	cursor: pointer;
}
.faq__item::before {
	content: "";
	width: calc(100% - min(calc(16 / var(--vw-min) * 100vw),16px));
	height: calc(100% - min(calc(16 / var(--vw-min) * 100vw),16px));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-gold);
	pointer-events: none;
}
.faq__btn {
	position: relative;
	z-index: 1;
}
.faq__btnTrigger {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #000;
	font-weight: 700;
	line-height: 2;
	font-family: inherit;
	letter-spacing: inherit;
	text-align: left;
	width: 100%;
	display: flex;
	align-items: center;
}
.faq__btnQ {
	color: var(--color-green);
	width: min(calc(16 / var(--vw-min) * 100vw),16px);
	display: block;
	margin-right: min(calc(16 / var(--vw-min) * 100vw),16px);
	flex-shrink: 0;
}
.faq__btnTit {
	display: block;
}
.faq__btnIcon {
	width: min(calc(40 / var(--vw-min) * 100vw),40px);
	height: min(calc(40 / var(--vw-min) * 100vw),40px);
	display: block;
	position: relative;
	margin-left: auto;
	background-color: var(--color-green);
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}
.faq__btnTrigger[aria-expanded="true"] .faq__btnIcon {
	background-color: var(--color-gold);
}

.faq__btnIcon::before,
.faq__btnIcon::after {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-color: #fff;
}
.faq__btnIcon::before {
	width: min(calc(15 / var(--vw-min) * 100vw),15px);
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
}
.faq__btnIcon::after {
	width: min(calc(1 / var(--vw-min) * 100vw),1px);
	height: min(calc(15 / var(--vw-min) * 100vw),15px);
	opacity: 1;
	transition: opacity .3s, transform .3s;
	transform: translateY(0);
}
@media (hover: hover) and (pointer: fine){
	.faq__item:hover .faq__btnIcon::after {
		opacity: 0;
		transform: translateY(min(calc(20 / var(--vw-min) * 100vw),20px));
	}
}
.faq__item.is-open .faq__btnIcon::after {
	opacity: 0;
	transform: translateY(min(calc(20 / var(--vw-min) * 100vw),20px));
}
.faq__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 700;
	line-height: 2;
	display: none;
	position: relative;
	z-index: 1;
	margin-top: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.faq {
		width: calc(100% - calc(40 / var(--vw-min) * 100vw) * 2);
		padding: calc(64 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw) calc(56 / var(--vw-min) * 100vw);
		margin-bottom: calc(140 / var(--vw-min) * 100vw);
	}
	.faq__tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
		line-height: 1.5;
		text-align: center;
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.faq__tit::before {
		width: calc(420 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		max-width: 100%;
		right: 0;
		left: 0;
		margin: auto;
	}
	.faq__lists {
		gap: calc(24 / var(--vw-min) * 100vw);
	}
	.faq__item {
		padding: calc(28 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
	}
	.faq__btnTrigger {
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.6;
		align-items: center;
	}
	.faq__btnTit {
		flex: 1;
	}
	.faq__btnQ {
		width: calc(28 / var(--vw-min) * 100vw);
		margin-right: calc(12 / var(--vw-min) * 100vw);
	}
	.faq__btnIcon {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
		margin-left: calc(16 / var(--vw-min) * 100vw);
	}
	.faq__btnIcon::before {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(3 / var(--vw-min) * 100vw);
	}
	.faq__btnIcon::after {
		width: calc(3 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
	.faq__item.is-open .faq__btnIcon::after {
		transform: translateY(calc(28 / var(--vw-min) * 100vw));
	}
	.faq__txt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.8;
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine) and (max-width:768px){
	.faq__item:hover .faq__btnIcon::after {
		transform: translateY(calc(28 / var(--vw-min) * 100vw));
	}
}
/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.l-footer{
	width: 100%;
	position: relative;
	z-index: 10;
	margin-top: auto;
}
.footer__toTop{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: max(calc(-70 / var(--vw-min) * 100vw), -70px);
	margin-left: auto;
	margin-right: auto;
	width: min(calc(70 / var(--vw-min) * 100vw), 70px);
	height: min(calc(70 / var(--vw-min) * 100vw), 70px);
}
.footer__toTop--link{
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.footer__toTop-txt{
	display: block;
	text-align: center;
	font-family: var(--font-en);
	letter-spacing: 0;
	color: var(--color-black);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 1.15;
}
.footer__toTop-icon{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: min(calc(34 / var(--vw-min) * 100vw), 34px);
	mask: url(../img/triangle_b.svg) no-repeat center top / cover;
	background-color: var(--color-black);
	transform: translateY(20%);
}

@media screen and (hover:hover) and (pointer: fine){
	.footer__toTop-icon{
		transition: transform .25s ease;
	}
	.footer__toTop--link:hover .footer__toTop-icon{
		transform: translateY(5%);
	}
}


.footerIn{
	width: 100%;
	padding: min(calc(56 / var(--vw-min) * 100vw), 56px) min(calc(64 / var(--vw-min) * 100vw), 64px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: var(--color-black);
	color: #FFF;
}

.footer__shareLists{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.footer__shareList-dt{
	font-family: var(--font-en);
	line-height: 0.75;
}

.footer__linkLists{
	display: flex;
	justify-content: center;
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.footer__linkList{
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px) min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 1;
	position: relative;
}
.footer__linkList:not(:last-child):after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: 1px;
	background-color: #fff;
}
.footer__linkList--link{
	display: block;
	font-family: var(--font-en);
	text-decoration: none;
	color: #FFF;
}

.footer__sitecaution{
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	text-align: center;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 1.5;
}
.footer__copyright{
	text-align: center;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	line-height: 1;
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
}

@media screen and (hover:hover) and (pointer: fine){
	.footer__linkList--link{
		position: relative;
		transition: color .3s ease;
	}
	.footer__linkList--link:before{
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 0%;
		height: 1px;
		background-color: var(--color-main);
		transition: width .3s ease;
	}
	.footer__linkList--link:hover{
		color: var(--color-main);
	}
	.footer__linkList--link:hover::before{
		width: 100%;
	}
}

@media screen and (max-width:768px){
	.footer__toTop{
		margin-top: calc(-100 / var(--vw-min) * 100vw);
		width: calc(96 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
	}
	.footer__toTop-txt{
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.1667;
	}
	.footer__toTop-icon{
		height: calc(48 / var(--vw-min) * 100vw);
	}

	.footerIn{
		padding: calc(64 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	
	.footer__shareLists{
		gap: calc(24 / var(--vw-min) * 100vw);
	}

	.footer__linkLists{
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.footer__linkList{
		padding: calc(6 / var(--vw-min) * 100vw) calc(26 / var(--vw-min) * 100vw);
	}
	.footer__linkList:not(:last-child):after{
		width: calc(2 / var(--vw-min) * 100vw);
	}

	.footer__sitecaution{
		margin-top: calc(48 / var(--vw-min) * 100vw);
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
	.footer__copyright{
		font-size: calc(18 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * Login
-------------------------------------------------*/
.loginHero,
.profile,
.report,
.message,
.quiz {
	letter-spacing: 0;
	font-feature-settings: normal;
}
.lllBtn {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	font-family: inherit;
	text-align: center;
	width: min(calc(420 / var(--vw-min) * 100vw), 420px);
	height: min(calc(64 / var(--vw-min) * 100vw), 64px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
	text-decoration: none;
	background-color: var(--color-green);
	border: 0;
	cursor: pointer;
}
.lllBtn:disabled {
	opacity: .4;
	cursor: default;
	pointer-events: none;
}
.lllBtn::before {
	content: "";
	position: absolute;
	inset: min(calc(4 / var(--vw-min) * 100vw), 4px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid #fff;
	pointer-events: none;
}
.loginHero {
	height: min(calc(548 / var(--vw-min) * 100vw), 548px);
	position: relative;
	overflow: hidden;
}
.loginHero__bg {
	position: absolute;
	inset: 0;
}
.loginHero__bg::before{
	content: '';
	position: absolute;
	inset: 0;
	background: url(../img/curtain.jpg) no-repeat center / cover;
}
.loginHero__bg::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	z-index: 1;
	margin: auto;
	background: radial-gradient(58.48% 53.7% at 50% 49%, #FFF 50%, #F6F6F6 54%, #DDD 61%, #B5B5B5 70%, #7E7E7E 80%, #393939 91%, #000 100%);
	opacity: 0.8;
	background-blend-mode: multiply;
	mix-blend-mode: multiply;
}
.loginHead {
	width: 100%;
	height: min(calc(64 / var(--vw-min) * 100vw), 64px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: rgba(0, 0, 0, .6);
}
.loginHead__in {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.loginHead__logo a {
	width: min(calc(307 / var(--vw-min) * 100vw), 307px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	display: block;
	background: url(../img/logo_header.svg) no-repeat center / contain;
}
.loginHead__account {
	display: flex;
	align-items: center;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.loginHead__welcome {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #fff;
	font-weight: 400;
	line-height: 1;
}
.loginHead__name {
	color: var(--color-gold);
	margin: 0 .4em;
}
.loginHead__logout {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	font-family: inherit;
	width: min(calc(136 / var(--vw-min) * 100vw), 136px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: min(calc(8 / var(--vw-min) * 100vw), 8px);
	text-decoration: none;
	background-color: var(--color-green);
}
.loginHead__logoutIcon {
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
	background-color: #fff;
	-webkit-mask: url(../img/icon_logout.svg) no-repeat center / contain;
	mask: url(../img/icon_logout.svg) no-repeat center / contain;
}
.loginHero__in {
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.loginHero__chara {
	width: min(calc(508 / var(--vw-min) * 100vw), 508px);
	height: min(calc(508 / var(--vw-min) * 100vw), 508px);
	position: absolute;
	top: min(calc(69 / var(--vw-min) * 100vw), 69px);
	left: max(calc(-65 / var(--vw-min) * 100vw), -65px);
	z-index: 1;
	background: url(../img/chara_login.png) no-repeat center / contain;
	pointer-events: none;
}
.loginHero__status {
	width: min(calc(720 / var(--vw-min) * 100vw), 720px);
	position: absolute;
	top: min(calc(95 / var(--vw-min) * 100vw), 95px);
	left: min(calc(400 / var(--vw-min) * 100vw), 400px);
	z-index: 2;
}
.loginHero__statusHead {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
}
.loginHero__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: flex-end;
}
.loginHero__titIcon {
	width: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
	margin: 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
	background: url(../img/icon_diamond.svg) no-repeat center / contain;
}
.loginHero__rank {
	color: var(--color-gold);
}
.loginHero__hold {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: baseline;
}
.loginHero__holdNum {
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	color: var(--color-gold);
	line-height: 1;
	margin: 0 .25em;
}
.loginHero__bar {
	width: 100%;
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin-top: min(calc(33 / var(--vw-min) * 100vw), 33px);
	background-color: #fff;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	overflow: hidden;
}
.loginHero__barFill {
	width: 0%;
	height: 100%;
	display: block;
	background-color: var(--color-gold);
	border-radius: inherit;
	transition: width .4s ease .25s;
}
.loginHero__point {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	display: flex;
	align-items: baseline;
	gap: min(calc(28 / var(--vw-min) * 100vw), 28px);
	margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
.loginHero__now,
.loginHero__next {
	display: flex;
	align-items: baseline;
}
.loginHero__num {
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1;
}
.loginHero__num.--gold {
	color: var(--color-gold);
}
.loginHero__slash,
.loginHero__unit,
.loginHero__nextLead {
	margin: 0 .2em;
}
.loginHero__note {
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	margin-top: min(calc(25 / var(--vw-min) * 100vw), 25px);
}
.loginHero__lists {
	width: min(calc(880 / var(--vw-min) * 100vw), 880px);
	display: flex;
	position: absolute;
	right: 0;
	bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
	left: 0;
	z-index: 2;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin: 0 auto;
}
.loginHero__item {
	width: calc((100% - min(calc(120 / var(--vw-min) * 100vw), 120px)) / 4);
	position: relative;
}
.loginHero__item:not(:last-child)::after {
	content: "";
	width: min(calc(19 / var(--vw-min) * 100vw), 19px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	display: block;
	position: absolute;
	top: 0;
	right: max(calc(-30 / var(--vw-min) * 100vw), -30px);
	bottom: 0;
	z-index: 1;
	margin: auto;
	background-color: var(--color-gold);
	-webkit-mask: url(../img/arrow.svg) no-repeat center / contain;
	mask: url(../img/arrow.svg) no-repeat center / contain;
}
.loginHero__card {
	height: min(calc(180 / var(--vw-min) * 100vw), 180px);
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: #fff;
}
.loginHero__card::before {
	content: "";
	position: absolute;
	inset: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-gold);
	pointer-events: none;
}
.loginHero__item.is-current .loginHero__card {
	border: min(calc(4 / var(--vw-min) * 100vw), 4px) solid var(--color-green);
}
.loginHero__item.is-current .loginHero__card::before {
	inset: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.loginHero__item .loginHero__card {
	opacity: .4;
}
.loginHero__item.is-current .loginHero__card,
.loginHero__item:has(~ .loginHero__item.is-current) .loginHero__card {
	opacity: 1;
}
.loginHero__badge {
	width: min(calc(80 / var(--vw-min) * 100vw), 80px);
	height: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.loginHero__badge.--num1 {
	background: url(../img/badge1.svg) no-repeat center / contain;
}
.loginHero__badge.--num2 {
	background: url(../img/badge2.svg) no-repeat center / contain;
}
.loginHero__badge.--num3 {
	background: url(../img/badge3.svg) no-repeat center / contain;
}
.loginHero__badge.--num4 {
	background: url(../img/badge4.svg) no-repeat center / contain;
}
.loginHero__itemTit {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 2;
	text-align: center;
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.report__tit,
.message__tit,
.quiz__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	color: var(--color-green);
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	position: relative;
	padding-bottom: min(calc(39 / var(--vw-min) * 100vw), 39px);
}
.report__tit::after,
.message__tit::after,
.quiz__tit::after {
	content: "";
	width: min(calc(440 / var(--vw-min) * 100vw), 440px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	background: url(../img/frame2.svg) no-repeat center / contain;
}
.profile {
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	position: relative;
	margin: min(calc(80 / var(--vw-min) * 100vw), 80px) auto 0;
	padding: min(calc(79 / var(--vw-min) * 100vw), 79px) min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(72 / var(--vw-min) * 100vw), 72px);
	background-color: rgba(0, 0, 0, .8);
	backdrop-filter: blur(4px);
}
.profile__head {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.profile__en {
	width: min(calc(863 / var(--vw-min) * 100vw), 863px);
	height: min(calc(62 / var(--vw-min) * 100vw), 62px);
	display: block;
	background-color: var(--color-gold);
	-webkit-mask: url(../img/profileTit.svg) no-repeat center / contain;
	mask: url(../img/profileTit.svg) no-repeat center / contain;
}
.profile__lead {
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	color: var(--color-green2);
	font-weight: 700;
	line-height: 1;
	text-align: center;
	display: block;
	margin-top: min(calc(31 / var(--vw-min) * 100vw), 31px);
}
.profile__body {
	display: flex;
	align-items: flex-start;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.profile__fig {
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	height: min(calc(320 / var(--vw-min) * 100vw), 320px);
	flex-shrink: 0;
	border: min(calc(8 / var(--vw-min) * 100vw), 8px) solid #fff;
	overflow: hidden;
}
.profile__fig img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 28% center;
}
.profile__col {
	width: min(calc(520 / var(--vw-min) * 100vw), 520px);
	flex-shrink: 0;
}
.profile__info {
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: #fff;
}
.profile__infoTit {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: var(--color-green);
	font-weight: 700;
	line-height: 2.4;
	display: flex;
	align-items: center;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.profile__infoIcon {
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	display: block;
	flex-shrink: 0;
	background-color: var(--color-gold);
	-webkit-mask: url(../img/icon_member.svg) no-repeat center / contain;
	mask: url(../img/icon_member.svg) no-repeat center / contain;
}
.profile__lists {
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
	border-top: 1px solid #ccc;
}
.profile__row {
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
}
.profile__dt {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-green);
	font-weight: 400;
	line-height: 1;
	width: min(calc(120 / var(--vw-min) * 100vw), 120px);
	flex-shrink: 0;
}
.profile__dd {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #000;
	font-weight: 400;
	line-height: 1;
}
.profile__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #fff;
	font-weight: 400;
	line-height: 2;
	margin-top: min(calc(31 / var(--vw-min) * 100vw), 31px);
}
.report {
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	margin: min(calc(70 / var(--vw-min) * 100vw), 70px) auto 0;
}
.report__lead {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 400;
	line-height: 2;
	text-align: center;
	margin-top: min(calc(21 / var(--vw-min) * 100vw), 21px);
}
.report__lists {
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.report__item {
	width: calc((100% - min(calc(40 / var(--vw-min) * 100vw), 40px)) / 2);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: #fff;
	display: flex;
	flex-direction: column;
}
.report__fig {
	height: min(calc(280 / var(--vw-min) * 100vw), 280px);
	overflow: hidden;
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.report__fig img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: 18% center;
}
.report__cap {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: var(--color-gold);
	font-weight: 700;
	line-height: 1.5;
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.report__share {
	margin: auto auto 0;
}
.report__shareIcon {
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
	display: block;
	background-color: #fff;
	-webkit-mask: url(../img/icon_x.svg) no-repeat center / contain;
	mask: url(../img/icon_x.svg) no-repeat center / contain;
}
.message {
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	margin: min(calc(72 / var(--vw-min) * 100vw), 72px) auto 0;
}
.message__box {
	margin-top: min(calc(33 / var(--vw-min) * 100vw), 33px);
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: #fff;
}
.message__h3 {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: var(--color-green);
	font-weight: 700;
	line-height: 2.4;
	padding-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border-bottom: 1px solid var(--color-gold);
}
.message__lead {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 400;
	line-height: 2;
	margin-top: min(calc(34 / var(--vw-min) * 100vw), 34px);
}
.message__note {
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	color: #888;
	line-height: calc(32 / 12);
}
.message__form {
	margin-top: min(calc(33 / var(--vw-min) * 100vw), 33px);
}
.message__item + .message__item {
	margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.message__dt {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-green);
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.message__req {
	margin-right: .25em;
}
.message .c-formItem {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #000;
	font-family: inherit;
	line-height: 2;
	width: 100%;
	display: block;
	padding: min(calc(12 / var(--vw-min) * 100vw), 12px) min(calc(24 / var(--vw-min) * 100vw), 24px);
	background-color: #f6f6f6;
	border: 1px solid #ccc;
}
.message .c-formItem::placeholder {
	color: #888;
}
.message__area {
	position: relative;
}
.message .elem_area {
	height: min(calc(240 / var(--vw-min) * 100vw), 240px);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
	resize: none;
}
.message__count {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-green);
	font-weight: 400;
	line-height: 1;
	position: absolute;
	right: min(calc(24 / var(--vw-min) * 100vw), 24px);
	bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.message__btnWrap {
	display: flex;
	justify-content: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.quiz {
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	position: relative;
	margin: min(calc(124 / var(--vw-min) * 100vw), 124px) auto min(calc(90 / var(--vw-min) * 100vw), 90px);
	padding: min(calc(72 / var(--vw-min) * 100vw), 72px) min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(80 / var(--vw-min) * 100vw), 80px);
	background-color: rgba(0, 0, 0, .8);
	backdrop-filter: blur(4px);
}
.quiz__tit {
	color: var(--color-green2);
}
.quiz__lead {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: #fff;
	font-weight: 700;
	line-height: 2;
	text-align: center;
	margin-top: min(calc(21 / var(--vw-min) * 100vw), 21px);
}
.quiz__slider {
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	overflow: hidden;
}
.quiz__slider .swiper-slide {
	height: auto;
}
.quiz__sheet {
	position: relative;
	padding: min(calc(28 / var(--vw-min) * 100vw), 28px) min(calc(40 / var(--vw-min) * 100vw), 40px) min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: #fff;
}
.quiz__sheet::before {
	content: "";
	position: absolute;
	inset: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-gold);
	pointer-events: none;
}
.quiz__qHead {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.quiz__q {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 2;
}
.quiz__qNum {
	color: var(--color-green);
	margin-right: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.quiz__progress {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-green);
	font-weight: 400;
	line-height: 2;
	flex-shrink: 0;
}
.quiz__lists {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.quiz__choice {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: #fff;
	font-weight: 700;
	line-height: 1;
	font-family: inherit;
	width: 100%;
	height: min(calc(64 / var(--vw-min) * 100vw), 64px);
	display: block;
	position: relative;
	background-color: #aaa;
	border: 0;
	cursor: pointer;
}
.quiz__choice::before {
	content: "";
	position: absolute;
	inset: min(calc(4 / var(--vw-min) * 100vw), 4px);
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid #fff;
	pointer-events: none;
}
.quiz__choice.is-current {
	background-color: var(--color-green);
}
.quiz__choiceMark {
	position: absolute;
	top: 0;
	bottom: 0;
	left: min(calc(24 / var(--vw-min) * 100vw), 24px);
	display: flex;
	align-items: center;
}
.quiz__choiceTxt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.quiz__btnWrap {
	display: flex;
	justify-content: center;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.quiz__btnWrap .lllBtn {
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
}
.quiz__btn.--back {
	color: var(--color-green);
	background-color: #fff;
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid var(--color-green);
}
.quiz__btn.--back::before {
	border-color: var(--color-green);
}

.quiz__btnContainar{
	position: relative;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	display: flex;
	align-items: center;
}
.quiz__npBtn{
	display: block;
	position: relative;
	font-family: var(--font-serif);
	color: var(--color-white);
	font-size: 100%;
	font-weight: 700;
	line-height: 1.5;
}
.quiz__npBtn--txt{
	display: inline-block;
	padding: 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.quiz__npBtn--arrow{
	position: absolute;
	width: min(calc(24 / var(--vw-min) * 100vw), 24px);
	height: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.quiz__npBtn--arrow:before{
	content: '';
	position: absolute;
	inset: 0;
	mask: url(../img/arrow.svg) no-repeat center / contain;
	background-color: var(--color-gold);
}

.quiz__npBtn:disabled {
	opacity: .4;
	cursor: default;
	pointer-events: none;
}

.quiz__npBtn.--prev{
	padding-left: min(calc(22 / var(--vw-min) * 100vw), 22px);
	margin-right: auto;
}
.quiz__npBtn.--prev .quiz__npBtn--arrow{
	left: 0;
}
.quiz__npBtn.--prev .quiz__npBtn--arrow:before{
	transform: scale(-1, 1);
}

.quiz__npBtn.--next{
	padding-right: min(calc(22 / var(--vw-min) * 100vw), 22px);
	margin-left: auto;
}
.quiz__npBtn.--next .quiz__npBtn--arrow{
	right: 0;
}




@media (hover: hover) and (pointer: fine){
	.loginHead__logo a,
	.loginHead__logout,
	.lllBtn,
	.quiz__choice {
		transition: opacity .3s;
	}
	.loginHead__logo a:hover,
	.loginHead__logout:hover,
	.lllBtn:hover,
	.quiz__choice:hover {
		opacity: .7;
	}
}
@media screen and (max-width:768px){
	.lllBtn {
		font-size: calc(28 / var(--vw-min) * 100vw);
		width: 100%;
		max-width: calc(560 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
		gap: calc(12 / var(--vw-min) * 100vw);
	}
	.lllBtn::before {
		inset: calc(6 / var(--vw-min) * 100vw);
	}
	.loginHero {
		height: auto;
		display: flex;
		flex-direction: column;
	}
	.loginHead {
		height: auto;
		position: relative;
	}
	.loginHead__in {
		display: grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		column-gap: calc(16 / var(--vw-min) * 100vw);
		row-gap: calc(8 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.loginHead__account {
		display: contents;
	}
	.loginHead__logo {
		grid-column: 1;
		grid-row: 1;
	}
	.loginHead__logo a {
		width: calc(320 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
	}
	.loginHead__welcome {
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.4;
		grid-column: 1;
		grid-row: 2;
	}
	.loginHead__logout {
		font-size: calc(22 / var(--vw-min) * 100vw);
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
		grid-column: 2;
		grid-row: 1 / 3;
		gap: calc(8 / var(--vw-min) * 100vw);
	}
	.loginHead__logoutIcon {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
	.loginHero__in {
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		padding-top: calc(70 / var(--vw-min) * 100vw);
	}
	.loginHero__chara {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		position: relative;
		top: auto;
		left: auto;
		order: 3;
		margin: calc(28 / var(--vw-min) * 100vw) auto 0;
	}
	.loginHero__status {
		width: auto;
		position: relative;
		top: auto;
		left: auto;
		order: 1;
		margin: calc(24 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw) 0;
	}
	.loginHero__statusHead {
		flex-wrap: wrap;
		align-items: flex-end;
		gap: calc(8 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
	.loginHero__tit {
		font-size: calc(36 / var(--vw-min) * 100vw);
	}
	.loginHero__titIcon {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		margin: 0 calc(10 / var(--vw-min) * 100vw);
	}
	.loginHero__hold {
		font-size: calc(22 / var(--vw-min) * 100vw);
	}
	.loginHero__holdNum {
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.loginHero__bar {
		height: calc(16 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
		border-radius: calc(8 / var(--vw-min) * 100vw);
	}
	.loginHero__point {
		font-size: calc(22 / var(--vw-min) * 100vw);
		flex-wrap: wrap;
		gap: calc(8 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.loginHero__num {
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.loginHero__note {
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: 1.6;
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.loginHero__lists {
		width: calc(100% - calc(40 / var(--vw-min) * 100vw) * 2);
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		flex-wrap: wrap;
		order: 2;
		gap: calc(36 / var(--vw-min) * 100vw) calc(56 / var(--vw-min) * 100vw);
		margin: calc(40 / var(--vw-min) * 100vw) auto 0;
		padding: 0 calc(28 / var(--vw-min) * 100vw);
	}
	.loginHero__item {
		width: calc((100% - calc(56 / var(--vw-min) * 100vw)) / 2);
	}
	.loginHero__item:nth-child(even)::after {
		display: none;
	}
	.loginHero__item:not(:last-child)::after {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
		right: calc(-39 / var(--vw-min) * 100vw);
	}
	.loginHero__card {
		height: auto;
		padding: calc(28 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
	.loginHero__badge {
		width: calc(120 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
	}
	.loginHero__itemTit {
		font-size: calc(26 / var(--vw-min) * 100vw);
		line-height: 1.5;
		letter-spacing: 0.07em;
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.report__tit,
	.message__tit,
	.quiz__tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
		line-height: 1.5;
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
	}
	.report__tit::after,
	.message__tit::after,
	.quiz__tit::after {
		width: calc(360 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
	.profile {
		width: calc(100% - calc(32 / var(--vw-min) * 100vw) * 2);
		margin-top: calc(64 / var(--vw-min) * 100vw);
		padding: calc(96 / var(--vw-min) * 100vw) calc(88 / var(--vw-min) * 100vw) calc(88 / var(--vw-min) * 100vw);
	}
	.profile__en {
		width: 100%;
		height: calc(72 / var(--vw-min) * 100vw);
	}
	.profile__lead {
		font-size: calc(30 / var(--vw-min) * 100vw);
		line-height: 1.5;
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
	.profile__body {
		flex-direction: column;
		align-items: center;
		gap: calc(32 / var(--vw-min) * 100vw);
		margin-top: calc(36 / var(--vw-min) * 100vw);
	}
	.profile__fig {
		width: calc(420 / var(--vw-min) * 100vw);
		height: calc(420 / var(--vw-min) * 100vw);
		border-width: calc(8 / var(--vw-min) * 100vw);
	}
	.profile__col {
		width: 100%;
	}
	.profile__info {
		padding: calc(24 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
	}
	.profile__infoTit {
		font-size: calc(28 / var(--vw-min) * 100vw);
		gap: calc(12 / var(--vw-min) * 100vw);
	}
	.profile__infoIcon {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
	.profile__lists {
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
	.profile__row {
		height: calc(72 / var(--vw-min) * 100vw);
	}
	.profile__dt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		width: calc(140 / var(--vw-min) * 100vw);
	}
	.profile__dd,
	.profile__txt {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.profile__txt {
		line-height: 1.8;
		margin-top: calc(28 / var(--vw-min) * 100vw);
	}
	.report,
	.message {
		width: calc(100% - calc(32 / var(--vw-min) * 100vw) * 2);
	}
	.report {
		margin-top: calc(64 / var(--vw-min) * 100vw);
	}
	.report__lead,
	.quiz__lead {
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.8;
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.report__lists {
		flex-direction: column;
		gap: calc(32 / var(--vw-min) * 100vw);
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
	.report__item {
		width: 100%;
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
	}
	.report__fig {
		height: calc(360 / var(--vw-min) * 100vw);
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.report__cap {
		font-size: calc(26 / var(--vw-min) * 100vw);
		line-height: 1.6;
		padding: 0 calc(28 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
	.report__share {
		width: 100%;
		max-width: 100%;
	}
	.report__shareIcon {
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
	.message {
		margin-top: calc(64 / var(--vw-min) * 100vw);
	}
	.message__box {
		margin-top: calc(28 / var(--vw-min) * 100vw);
		padding: calc(28 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw);
	}
	.message__h3 {
		font-size: calc(28 / var(--vw-min) * 100vw);
		line-height: 1.6;
		padding-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.message__lead {
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.8;
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.message__note {
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: 1.6;
	}
	.message__form {
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.message__dt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.message .c-formItem {
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.6;
		padding: calc(16 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
	.message .elem_area {
		height: calc(320 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.message__count {
		font-size: calc(22 / var(--vw-min) * 100vw);
		right: calc(20 / var(--vw-min) * 100vw);
		bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.message__btnWrap {
		margin-top: calc(28 / var(--vw-min) * 100vw);
	}
	.quiz {
		width: calc(100% - calc(32 / var(--vw-min) * 100vw) * 2);
		margin: calc(64 / var(--vw-min) * 100vw) auto calc(200 / var(--vw-min) * 100vw);
		padding: calc(88 / var(--vw-min) * 100vw) calc(88 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}
	.quiz__slider {
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
	.quiz__sheet {
		padding: calc(24 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
	}
	.quiz__qHead {
		flex-wrap: wrap;
		gap: calc(8 / var(--vw-min) * 100vw);
	}
	.quiz__q {
		font-size: calc(26 / var(--vw-min) * 100vw);
		line-height: 1.6;
	}
	.quiz__progress {
		font-size: calc(22 / var(--vw-min) * 100vw);
	}
	.quiz__lists {
		grid-template-columns: 1fr;
		gap: calc(16 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.quiz__choice {
		font-size: calc(26 / var(--vw-min) * 100vw);
		height: calc(88 / var(--vw-min) * 100vw);
	}
	.quiz__choiceMark {
		left: calc(24 / var(--vw-min) * 100vw);
	}
	.quiz__btnWrap {
		gap: calc(16 / var(--vw-min) * 100vw);
		margin-top: calc(28 / var(--vw-min) * 100vw);
	}
	.quiz__btnWrap .lllBtn {
		width: calc((100% - calc(16 / var(--vw-min) * 100vw)) / 2);
		max-width: none;
	}
}
/*-----------------------------------------------
 * Thanks
-------------------------------------------------*/
.thanks {
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.thanks__panel {
	width: min(calc(720 / var(--vw-min) * 100vw), 720px);
	position: relative;
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) min(calc(64 / var(--vw-min) * 100vw), 64px);
	background-color: rgba(0, 0, 0, .8);
}
.thanks__tit {
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	position: relative;
	padding-bottom: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.thanks__tit::after {
	content: "";
	width: min(calc(280 / var(--vw-min) * 100vw), 280px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto;
	background: url(../img/frame2.svg) no-repeat center / contain;
}
.thanks__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: #fff;
	font-weight: 400;
	line-height: 2;
	text-align: center;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.thanks__btnWrap {
	display: flex;
	justify-content: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (max-width:768px){
	.thanks {
		padding: calc(64 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
	.thanks__panel {
		width: 100%;
		padding: calc(96 / var(--vw-min) * 100vw) calc(88 / var(--vw-min) * 100vw) calc(64 / var(--vw-min) * 100vw);
	}
	.thanks__tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: calc(36 / var(--vw-min) * 100vw);
	}
	.thanks__tit::after {
		width: calc(280 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
	.thanks__txt {
		font-size: calc(26 / var(--vw-min) * 100vw);
		margin-top: calc(28 / var(--vw-min) * 100vw);
	}
	.thanks__btnWrap {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.thanks__btnWrap .lllBtn {
		width: 100%;
	}
}