@charset "UTF-8";


/* base ---------------------------------------*/

@font-face {
	font-family: "ShoraiSansWESTERX-custom";
	font-style: normal;
	font-weight: 300;
	font-stretch: normal;
	font-display: swap;
	src: url("/assets/fonts/wesmo/shoraisans_westerx/ShoraiSansforWESTERX-Light.woff2") format("woff2"), url("/assets/fonts/wesmo/shoraisans_westerx/ShoraiSansforWESTERX-Light.woff") format("woff"); 
}

@font-face {
	font-family: "ShoraiSansWESTERX-custom";
	font-style: normal;
	font-weight: 400;
	font-stretch: normal;
	font-display: swap;
	src: url("/assets/fonts/wesmo/shoraisans_westerx/ShoraiSansforWESTERX-Demi.woff2") format("woff2"), url("/assets/fonts/wesmo/shoraisans_westerx/ShoraiSansforWESTERX-Demi.woff") format("woff"); 
}

body {
	font-size: 1.4rem;
	font-family: ShoraiSansWESTERX-custom,YuGothic, "Yu Gothic", Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.8;
	letter-spacing: 0.08em;
	font-weight: 500;
	font-feature-settings: "palt";
	color: #363636;
}

.u-font-wesmo {
	font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-webkit-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-moz-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-moz-font-feature-settings: "calt=1, kern=1, liga=1";
	-ms-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
	-o-font-feature-settings: "calt" 1, "kern" 1, "liga" 1;
}

.l-main {
	overflow: unset!important;
}

.fc-pink {
	color: #E3007F!important;
}

.bg-blue {background: rgba(0, 116, 193, 0.1);}
.bg-pink {background: rgba(227, 0, 127, 0.1);}
.bg-blue-deep {background: #0074C1;}
.bg-pink-deep {background: #E74291;}

/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.ov-h{overflow: hidden;}

/* lenis ---------------------------------------*/

html.lenis {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-stopped {
	overflow: hidden;
}


/* header ---------------------------------------*/
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:1010;
}

.header-logo{
	position: absolute;
	left: calc(12 / var(--spWidth) * 100vw);
	top: calc(18 / var(--spWidth) * 100vw);
	width: calc(92 / var(--spWidth) * 100vw);
	z-index: 1001;
}

.header-logo img {
	width: 100%;
}

.header-menubtn {
	position: absolute;
	right: calc(10 / var(--spWidth) * 100vw);
	top: calc(7 / var(--spWidth) * 100vw);
	display: flex;
	align-items: center;
	gap: 0 calc((13 / var(--spWidth) ) * 100vw);
	z-index: 1001;
	cursor:pointer;
}

.header-menubtn-switch {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	width: calc((56 / var(--spWidth) ) * 100vw);
	height: calc((56 / var(--spWidth) ) * 100vw);
	border-radius: 50%;
	border: calc(1 / var(--spWidth) * 100vw) solid #fff;
	color: #fff;
	font-weight: 300;
	background: linear-gradient(180deg, #0074C1 0%, #00499F 100%);
	appearance: none;
	font-weight: 500;
}

.header-menubtn-switch-open {
	font-size: calc((11 / var(--spWidth) ) * 100vw);
}

.header-menubtn.is-open .header-menubtn-switch-open {
	display: none;
}

.header-menubtn-switch-close {
	display: none;
	font-size: calc((10 / var(--spWidth) ) * 100vw);
}

.header-menubtn.is-open .header-menubtn-switch-close {
	display: block;
}

.header-menubtn-switch-close i {
    position: relative;
    margin: 0 auto 3px;
    display: block;
    aspect-ratio: 1 / 1;
    width: calc((16 / var(--spWidth) ) * 100vw);
    transform: rotate(45deg);
}

.header-menubtn-switch-close i:before,
.header-menubtn-switch-close i:after {
	position: absolute;
	z-index: 5;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	content: "";
	display: block; }

.header-menubtn-switch-close i:after {
	transform: rotate(90deg);
}


/* gnav ---------------------------------------*/
.gnav {
	position: fixed;
	background-image: linear-gradient(60deg, #04BEED 0%, #04BEED 10%, #EC68A7 80%, #EC68A7 100%);
	padding: calc(84 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw);
	overflow-y: auto;
	z-index:1000;
	left: 0;
	top: 0;
	transform: scale(0);
	transform-origin: 100% 0%;
	width:100%;
	max-width: unset;
	height: 100dvh!important;
	transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.gnav.is-active {
	pointer-events: all;
	transform: scale(1);
}

.gnav-list { 
	padding: 0 calc(46 / var(--spWidth) * 100vw);
	margin-bottom: calc(56 / var(--spWidth) * 100vw);
}

.gnav-list > li { 

}

.gnav-list > li + li { 
	margin-top: calc(16 / var(--spWidth) * 100vw);
}

.gnav-list > li a { 
	display: block;
	position: relative;
	font-size: calc((20 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	letter-spacing: 0.08em;
	color: #fff;
}

.gnav-list > li a:hover { 
	opacity: 0.5;
}

.gnav-list > li a .gnav-list-text { 
	position: relative;
	padding-bottom: calc(2 / var(--spWidth) * 100vw);
}

.gnav-list > li a .gnav-list-text::after { 
	position: absolute;
	left: 0;
	bottom: calc(-1 / var(--spWidth) * 100vw);
	transform: scale(0, 1);
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, transparent 87%, #E1FF8F 87%, #B1EA14 100%);
	content: '';
	transform-origin: left top;
	transition: transform 0.3s ease;
}

/* .gnav-list > li a:hover .gnav-list-text::after { 
	transform: scale(1, 1);
} */

.gnav-block { 
	position: relative;
	background: rgba(255, 255, 255, 0.8);
	padding: calc(34 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(26 / var(--spWidth) * 100vw);
	width: calc(350 / var(--spWidth) * 100vw);
	border-radius: calc(20 / var(--spWidth) * 100vw);
}

.gnav-block + .gnav-block {
	margin-top: calc(48 / var(--spWidth) * 100vw);
}

.gnav-block-deco {
	position: absolute;
	top: calc(-24 / var(--spWidth) * 100vw);
	left: 0;
	right: 0;
	width: calc(216 / var(--spWidth) * 100vw);
	margin: 0 auto;
}

.gnav-block-deco img {
	width: 100%;
}

.gnav-block-lead { 
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: calc(20 / var(--spWidth) * 100vw);
	margin-bottom: calc(18 / var(--spWidth) * 100vw);
}

.gnav-block-lead img { 
	display: block;
	flex-shrink: 0;
	width: calc(64 / var(--spWidth) * 100vw);
}

.gnav-block-lead p { 
	padding-top: calc(6 / var(--spWidth) * 100vw);
	font-size: calc((14 / var(--spWidth) ) * 100vw);
	line-height: 1.8;
	letter-spacing: 0;
	text-align: center;
	color: #0074C1;
}

.gnav-block-lead p strong{ 
	font-size: calc((16 / var(--spWidth) ) * 100vw);
}

.gnav-block-btnlist { 
	display: flex;
	align-items: center;
	gap: calc(16 / var(--spWidth) * 100vw);
}

.gnav-block-btnlist > li { 
	
}

.gnav-block-btnlist > li a { 
	display: block;
	width: 100%;
}

.gnav-block-btnlist > li a:hover { opacity: 0.5;}

.gnav-block-btnlist li a img { 
	width: 100%;
}


/* common ---------------------------------------*/
.icon-link { 
	display: inline-block;
	width: calc(12 / var(--spWidth) * 100vw);
	height: calc(12 / var(--spWidth) * 100vw);
	-webkit-mask-image: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/icon_link.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: 0 0;
	mask-image: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/icon_link.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	content: '';
	background: #5F5F5F;
}

.icon-arrow {
	position: relative;
	padding-right: calc(10 / var(--spWidth) * 100vw);
}

.icon-arrow::after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
	width: calc(8 / var(--spWidth) * 100vw);
	height: calc(16 / var(--spWidth) * 100vw);
	-webkit-mask-image: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/icon_arrow_right.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: 0 0;
	mask-image: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/icon_arrow_right.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	content: '';
	background: #0074C1;
	transition: all .25s ease;
}

.icon-arrow-down {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: calc(32 / var(--spWidth) * 100vw);
	height: calc(32 / var(--spWidth) * 100vw);
	border: calc(1 / var(--spWidth) * 100vw) solid #fff;
	border-radius: 50%;
	transition: all .25s ease;
}

.icon-arrow-down::before {
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	width: calc(14 / var(--spWidth) * 100vw);
	height: calc(9 / var(--spWidth) * 100vw);
	-webkit-mask-image: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/icon_arrow_down.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: 0 0;
	mask-image: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/icon_arrow_down.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: 0 0;
	content: '';
	background: #fff;
	transition: all .25s ease;
}

.icon-arrow-down::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(90deg, #0074C1 0%, #00499F 100%);
	border-radius: 50%;
	transition: all .25s ease;
	opacity: 0;
}

/* a:hover .icon-arrow-down {border: calc(1 / var(--spWidth) * 100vw) solid rgba(255, 255, 255, 0);}
a:hover .icon-arrow-down::before {opacity: 1;} */

.text-link { text-decoration: underline;}
.text-link:hover { text-decoration: none;}


/* kv ---------------------------------------*/
.kv { 
	position: relative;
}

.kv-image { 
	width: 100%;
}

.kv-image img { 
	width: 100%;
}


/* entry ---------------------------------------*/
.entry {
	padding: calc(48 / var(--spWidth) * 100vw) 0 calc(72 / var(--spWidth) * 100vw);
}

.entry-title {
	font-size: calc((24 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.05em;
	color: #0074C1;
	margin-bottom: calc(16 / var(--spWidth) * 100vw);
}

.entry-movie {
	position: relative;
	width: calc(240 / var(--spWidth) * 100vw);
	height: 0;
	padding-top: calc(427 / var(--spWidth) * 100%);
	margin: 0 auto calc(34 / var(--spWidth) * 100vw);
	border-radius: calc(10 / var(--spWidth) * 100vw);
	overflow: hidden;
}

.entry-movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-text {
	position: relative;
	z-index: 1;
	font-size: calc((14 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.05em;
	color: #0074C1;
	width: fit-content;
	margin: 0 auto calc(14 / var(--spWidth) * 100vw);
}

.entry-text::before,
.entry-text::after {
	position: absolute;
	bottom: 0;
	width: calc(17 / var(--spWidth) * 100vw);
	height: calc(31 / var(--spWidth) * 100vw);
	content: '';
	background: url(../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/img_line.svg) no-repeat;
	background-size: contain;
}

.entry-text::before {
	left: calc(-34 / var(--spWidth) * 100vw);
}

.entry-text::after {
	right: calc(-34 / var(--spWidth) * 100vw);
	transform: scaleX(-1);
}

.entry-imagelist {

}

.entry-imagelist > li {
	width: calc(370 / var(--spWidth) * 100vw);
}

.entry-imagelist > li:first-of-type {margin-right: auto;}
.entry-imagelist > li:nth-of-type(2) {margin-left: auto;}

.entry-imagelist > li + li {
	margin-top: calc(10 / var(--spWidth) * 100vw);
}

.entry-imagelist img {
	width: 100%;
}


/* about ---------------------------------------*/
.about {
	padding: 0 0 calc(72 / var(--spWidth) * 100vw);
}

.about-title {
	width: 100%;
	margin-bottom: calc(20 / var(--spWidth) * 100vw);
}

.about-title img {
	width: 100%;
}

.about-lead {
	font-size: calc((14 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.08em;
	color: #00499F;
	margin-bottom: calc(22 / var(--spWidth) * 100vw);
}

.about-lead strong {
	font-size: calc((20 / var(--spWidth) ) * 100vw);
}

.about-linklist {
	display: flex;
	justify-content: center;
	gap: calc(14 / var(--spWidth) * 100vw);
	margin-bottom: calc(16 / var(--spWidth) * 100vw);
}

.about-linklist > li {
	width: calc(168 / var(--spWidth) * 100vw);
}

.about-linklist a {
	display: block;
	width: 100%;
}

.about-linklist img {
	width: 100%;
}

.about-linklist a:hover {
	opacity: 0.5;
}

.about-text {
	font-size: calc((14 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0;
	color: #00499F;
	margin-bottom: calc(16 / var(--spWidth) * 100vw);
}

.about-link {
	position: relative;
	z-index: 1;
	width: calc(352 / var(--spWidth) * 100vw);
	margin: 0 auto calc(26 / var(--spWidth) * 100vw);
}

.about-link::before {
	position: absolute;
	top: calc(-34 / var(--spWidth) * 100vw);
	right: 0;
	z-index: 1;
	width: calc(96 / var(--spWidth) * 100vw);
	height: calc(60 / var(--spWidth) * 100vw);
	background: url('../../../../../img/wesmo/cp/user/wesmo-wespo-campaign/img_about_link_03_deco.webp') no-repeat;
	background-size: contain;
	content: '';
}

.about-link > a {
	display: block;
	width: 100%;
}

.about-link > a:hover {
	opacity: 0.5;
}

.about-link > a img {
	width: 100%;
}

.about-list {
	width: calc(350 / var(--spWidth) * 100vw);
	margin: 0 auto calc(20 / var(--spWidth) * 100vw);
}

.about-list > li {
	position: relative;
	font-size: calc((11 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	letter-spacing: 0.08em;
	padding-left: calc(14 / var(--spWidth) * 100vw);
	color: #0074C1;
}

.about-list > li + li {
	margin-top: calc(8 / var(--spWidth) * 100vw);
}

.about-list > li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-size: calc((11 / var(--spWidth)) * 100vw);
	content: '※';
}

.about-block {
	width: calc(350 / var(--spWidth) * 100vw);
	padding: calc(24 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw);
	margin: 0 auto;
	background: #fff;
	border-radius: calc(10 / var(--spWidth) * 100vw);
	box-shadow: 0 0 calc(30 / var(--spWidth) * 100vw) rgba(30, 32, 35, 0.1);
}

.about-block-text {
	font-size: calc((14 / var(--spWidth)) * 100vw);
	line-height: 1.5;
	text-align: center;
	letter-spacing: 0.08em;
	color: #00499F;
	margin-bottom: calc(22 / var(--spWidth) * 100vw);
}

.about-block-image {
	width: calc(310 / var(--spWidth) * 100vw);
	margin: 0 auto calc(20 / var(--spWidth) * 100vw);
}

.about-block-image img {
	width: 100%;
}

.about-block-link {
	font-size: calc((12 / var(--spWidth)) * 100vw);
	line-height: 1.8;
	text-align: center;
	letter-spacing: 0.08em;
	color: #5F5F5F;
}

.about-block-link > a {
	position: relative;
	padding-bottom: calc((2 / var(--spWidth)) * 100vw);
}

.about-block-link > a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc((1 / var(--spWidth)) * 100vw);
	content: '';
	background: #00499F;
}

.about-block-link > a:hover {color: #5F5F5F;}
.about-block-link > a:hover:after {opacity: 0;}

.about-block-link .icon-link {
	margin: 0 0 0 calc((4 / var(--spWidth)) * 100vw);
}


/* registration ---------------------------------------*/
.registration {
	
}

.registration-wesmo {

}

.registration-title {
	width: 100%;
}

.registration-title img {
	width: 100%;
}

.registration-inner {
	padding: calc(32 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(80 / var(--spWidth) * 100vw);
}

.registration-container {
	width: 100%;
	padding: calc(34 / var(--spWidth) * 100vw) 0 calc(38 / var(--spWidth) * 100vw);
	background: #fff;
	border-radius: calc(20 / var(--spWidth) * 100vw);
}

.registration-list {

}

.registration-list > li {

}

.registration-list > li + li {
	margin-top: calc(46 / var(--spWidth) * 100vw);
}

.registration-list-image {
	width: 100%;
}

.registration-list-image img {
	width: 100%;
}

.registration-list-link {
	display: block;
	font-size: calc((12 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	letter-spacing: 0;
	color: #0074C1;
	width: calc(178 / var(--spWidth) * 100vw);
	margin: calc(-31 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw);
}

.registration-list-btnlist {
	display: flex;
	gap: calc(16 / var(--spWidth) * 100vw);
	width: calc(310 / var(--spWidth) * 100vw);
	margin: calc(10 / var(--spWidth) * 100vw) auto 0;
}

.registration-list-btnlist > li {

}

.registration-list-btnlist > li a {
	display: block;
	width: 100%;
}

.registration-list-btnlist > li a:hover {
	opacity: 0.5;
}

.registration-list-btnlist > li a img {
	width: 100%;
}

.registration-complete {
	width: calc(350 / var(--spWidth) * 100vw);
	margin: calc(32 / var(--spWidth) * 100vw) auto calc(24 / var(--spWidth) * 100vw);
}

.registration-complete img {
	width: 100%;
}

.registration-text {
	font-size: calc((16 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.05em;
	color: #0074C1;
	margin-bottom: calc(10 / var(--spWidth) * 100vw);
}

.registration-textlink {
	display: block;
	width: fit-content;
	margin: 0 auto;
	font-size: calc((14 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.05em;
	color: #0074C1;
	margin: 0 auto;
}

.registration-wesmo-link {
	display: block;
	width: calc(288 / var(--spWidth) * 100vw);
	margin: calc(32 / var(--spWidth) * 100vw) auto 0;
}

.registration-wesmo-link:hover {
	opacity: 0.5;
}

.registration-wesmo-link img {
	width: 100%;
}

.registration-wespo {
	background: linear-gradient(180deg, rgba(0, 116, 193, 0.1) 0, rgba(0, 116, 193, 0.1) calc(15 / var(--spWidth) * 100vw), rgba(255, 255, 255, 0) calc(15 / var(--spWidth) * 100vw), rgba(255, 255, 255, 0) 100%);
}

.registration-wespo .registration-inner {
	padding-top: calc(38 / var(--spWidth) * 100vw);
}

.registration-wespo .registration-container {
	padding: calc(24 / var(--spWidth) * 100vw) 0;
}

.registration-container.registration-wespo-container {
	position: relative;
	z-index: 1;
	padding: calc(64 / var(--spWidth) * 100vw) 0 calc(40 / var(--spWidth) * 100vw);
}

.registration-wespo-container + .registration-wespo-container {
	margin-top: calc(66 / var(--spWidth) * 100vw);
}

.registration-wespo-linklist {
	display: flex;
	gap: calc(14 / var(--spWidth) * 100vw);
	margin: calc(24 / var(--spWidth) * 100vw) auto calc(50 / var(--spWidth) * 100vw);
}

.registration-wespo-linklist > li {
	width: calc(168 / var(--spWidth) * 100vw);
}

.registration-wespo-linklist > li a {
	display: block;
	width: 100%;
}

.registration-wespo-linklist > li a:hover {
	opacity: 0.5;
}

.registration-wespo-linklist > li a img {
	width: 100%;
}

.registration-wespo-title {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: calc(-24 / var(--spWidth) * 100vw);
	left: 50%;
	transform: translateX(-50%);
	width: calc(310 / var(--spWidth) * 100vw);
	height: calc(48 / var(--spWidth) * 100vw);
	font-size: calc((16 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.04em;
	color: #fff;
	background: #E74291;
	border-radius: calc(50 / var(--spWidth) * 100vw);
}


/* mall ---------------------------------------*/
.mall {
    background: linear-gradient(180deg, rgba(227, 0, 127, 0.1) 0, rgba(227, 0, 127, 0.1) calc(15 / var(--spWidth) * 100vw), rgba(255, 255, 255, 0) calc(15 / var(--spWidth) * 100vw), rgba(255, 255, 255, 0) 100%);
}

.mall-title {
	width: 100%;
}

.mall-title img {
	width: 100%;
}

.mall-inner {
	padding: calc(34 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(78 / var(--spWidth) * 100vw);
}

.mall-subtitle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(336 / var(--spWidth) * 100vw);
	height: calc(48 / var(--spWidth) * 100vw);
	margin: 0 auto calc(30 / var(--spWidth) * 100vw);
	font-size: calc((16 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.04em;
	color: #fff;
	background: #0074C1;
	border-radius: calc(50 / var(--spWidth) * 100vw);
}

.mall-list {
	margin-bottom: calc(50 / var(--spWidth) * 100vw);
}

.mall-list > li {

}

.mall-list > li + li {
	margin-top: calc(40 / var(--spWidth) * 100vw);

}

.mall-list-title {
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	height: calc(32 / var(--spWidth) * 100vw);
	padding: 0 calc(24 / var(--spWidth) * 100vw);
	margin: 0 auto calc(24 / var(--spWidth) * 100vw);
	font-size: calc((12 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0;
	color: #0074C1;
	border: calc(1 / var(--spWidth) * 100vw) solid #0074C1;
	border-radius: calc(50 / var(--spWidth) * 100vw);
}

.mall-list-logolist {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: calc(32 / var(--spWidth) * 100vw) calc(25 / var(--spWidth) * 100vw);
}

.mall-list-logolist > li {
	width: calc(100 / var(--spWidth) * 100vw);
}

.mall-list-logolist > li > img {
	width: 100%;
}

.mall-captionlist {
}

.mall-captionlist > li {
	position: relative;
	font-size: calc((11 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	letter-spacing: 0.08em;
	padding-left: calc(14 / var(--spWidth) * 100vw);
	color: #0074C1;
}

.mall-captionlist > li::before {
	position: absolute;
	top: calc(-2 / var(--spWidth) * 100vw);
	left: 0;
	font-size: calc((11 / var(--spWidth)) * 100vw);
	content: '※';
}


/* howto ---------------------------------------*/
.howto {

}

.howto-title {
	width: 100%;
}

.howto-title img {
	width: 100%;
}

.howto-inner {
	padding: calc(38 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(78 / var(--spWidth) * 100vw);
}

.howto-lead {
	font-size: calc((14 / var(--spWidth)) * 100vw);
	line-height: 1.6;
	text-align: center;
	letter-spacing: 0.05em;
	margin-bottom: calc(8 / var(--spWidth) * 100vw);
}

.howto-text {
	font-size: calc((16 / var(--spWidth)) * 100vw);
	line-height: 1.47;
	text-align: center;
	letter-spacing: 0.05em;
	color: #0074C1;
	margin-bottom: calc(32 / var(--spWidth) * 100vw);
}

.howto-image {
	width: 100%;
	margin: 0 auto;
}

.howto-image img {
	width: 100%;
}


/* faq ---------------------------------------*/
.faq { 
	padding-bottom: calc(38 / var(--spWidth) * 100vw);
}

.faq-title { 
	width: 100%;
}

.faq-title img { 
	width: 100%;
}

.faq-list { 
	padding: calc(34 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(2 / var(--spWidth) * 100vw);
}

.faq-list > li { 
	position: relative;
	padding-bottom: calc(25 / var(--spWidth) * 100vw);
	margin-bottom: calc(20 / var(--spWidth) * 100vw);
}

.faq-list > li::after { 
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: calc(1 / var(--spWidth) * 100vw);
	background: linear-gradient(90deg, #00BEEB, #E74291);
	content: '';
}

.faq-list-question { 
	display: flex;
	gap: calc((8 / var(--spWidth) ) * 100vw);
	margin-bottom: calc(6 / var(--spWidth) * 100vw);
}

.faq-list-question-q { 
	font-size: calc((24 / var(--spWidth) ) * 100vw);
	line-height: 1;
	letter-spacing: 0;
	color: #0074C1;
}

.faq-list-question-text { 
	font-size: calc((14 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	letter-spacing: 0;
	color: #0074C1;
	padding-top: calc(4 / var(--spWidth) * 100vw);
}

.faq-list-answer { 
	display: flex;
	gap: calc((8 / var(--spWidth) ) * 100vw);
}

.faq-list-answer-a { 
	font-size: calc((24 / var(--spWidth) ) * 100vw);
	line-height: 1;
	letter-spacing: 0;
	color: #E74291;
}

.faq-list-answer-text { 
	font-size: calc((12 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	letter-spacing: 0;
	color: #E74291;
	padding-top: calc(4 / var(--spWidth) * 100vw);
}

.faq-link {
	width: calc(286 / var(--spWidth) * 100vw);
	margin: 0 auto;
	padding-bottom: calc(40 / var(--spWidth) * 100vw);
}

.faq-link > a {
	display: block;
	width: 100%;
}

.faq-link > a:hover {
	opacity: 0.5;
}

.faq-link > a img {
	width: 100%;
}


/* other ---------------------------------------*/
.other { 
}

.other-title { 
	width: 100%;
}

.other-title img { 
	width: 100%;
}

.other-inner { 
	padding: calc(30 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw) calc(80 / var(--spWidth) * 100vw);
}

.other-container { 
	width: 100%;
	margin: 0 auto calc(32 / var(--spWidth) * 100vw);
	padding: calc(32 / var(--spWidth) * 100vw) calc(20 / var(--spWidth) * 100vw);
	background: #fff;
	border-radius: calc(10 / var(--spWidth) * 100vw);
}

.other-list { 

}

.other-list > li { 
	position: relative;
	font-size: calc((12 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	letter-spacing: 0;
	color: #888888;
	padding-left: calc(14 / var(--spWidth) * 100vw);
}

.other-list > li::before { 
	position: absolute;
	top: calc(6 / var(--spWidth) * 100vw);
	left: 0;
	width: calc(6 / var(--spWidth) * 100vw);
	height: calc(6 / var(--spWidth) * 100vw);
	border-radius: 50%;
	background: #0074c1;
	content: '';
}

.other-list > li + li { 
	margin-top: calc(12 / var(--spWidth) * 100vw);
}

.other-linklist { 
	margin-top: calc(12 / var(--spWidth) * 100vw);
}

.other-linklist > li { 
	font-size: calc((12 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	letter-spacing: 0.1em;
	color: #5F5F5F;
}

.other-linklist > li + li { 
	margin-top: calc(12 / var(--spWidth) * 100vw);
}

.other-notelist {
}

.other-notelist > li { 
	position: relative;
	font-size: calc((11 / var(--spWidth) ) * 100vw);
	line-height: 1.6;
	letter-spacing: 0.05em;
	color: #888;
	padding-left: calc(18 / var(--spWidth) * 100vw);
}

.other-notelist > li::before { 
	position: absolute;
	top: 0;
	left: calc(5 / var(--spWidth) * 100vw);
	font-size: calc((11 / var(--spWidth) ) * 100vw);
	content: '・';
}

.other-notelist > li + li { 
	margin-top: calc(5 / var(--spWidth) * 100vw);
}


/* download ---------------------------------------*/
.download {
	background: linear-gradient(180deg, rgba(0, 116, 193, 0.1) 0, rgba(0, 116, 193, 0.1) calc(15 / var(--spWidth) * 100vw), rgba(255, 255, 255, 0) calc(15 / var(--spWidth) * 100vw), rgba(255, 255, 255, 0) 100%);
	padding-bottom: calc(80 / var(--spWidth) * 100vw);
}

.download-title {
	width: 100%;
	margin-bottom: calc(42 / var(--spWidth) * 100vw);
}

.download-title img {
	width: 100%;
}

.download-container {
	padding-top: calc(36 / var(--spWidth) * 100vw);
}

.download-container + .download-container {
	margin-top: calc(30 / var(--spWidth) * 100vw);
}

.download-block {
	position: relative;
	width: calc(100% - calc(40 / var(--spWidth) * 100vw));
	margin: 0 auto;
	padding: calc(52 / var(--spWidth) * 100vw) 0 calc(32 / var(--spWidth) * 100vw);
	border-radius: calc(10 / var(--spWidth) * 100vw);
}

.download-block-deco {
	position: absolute;
	top: calc(-34 / var(--spWidth) * 100vw);
	left: 0;
	right: 0;
	width: calc(310 / var(--spWidth) * 100vw);
	margin: 0 auto;
}

.download-block-deco img {
	width: 100%;
}

.download-block-image {
	margin-bottom: calc(14 / var(--spWidth) * 100vw);
	width: 100%;
}

.download-block-image img {
	width: 100%;
}

.download-block-text {
	width: 100%;
	margin-bottom: calc(30 / var(--spWidth) * 100vw);
	padding: 0 calc(16 / var(--spWidth) * 100vw);
	font-size: calc((16 / var(--spWidth) ) * 100vw);
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.08em;
	color: #fff;
}

.download-block-text.download-block-text-wespo {
	font-size: calc((15 / var(--spWidth) ) * 100vw);
	line-height: 1.8;
	margin-bottom: calc(20 / var(--spWidth) * 100vw);
}

.download-block-text strong {
	font-size: calc((22 / var(--spWidth) ) * 100vw);
}

.download-block-btnlist {
	display: flex;
	gap: calc(14 / var(--spWidth) * 100vw);
	padding: 0 calc(20 / var(--spWidth) * 100vw);
}

.download-block-btnlist > li {

}

.download-block-btnlist > li a {
	display: block;
	width: 100%;
}

.download-block-btnlist > li a:hover {
	opacity: 0.5;
}

.download-block-btnlist > li a img {
	width: 100%;
}

.download-block-text-more {
	margin-top: calc(24 / var(--spWidth) * 100vw);
	padding: 0 calc(20 / var(--spWidth) * 100vw);
	font-size: calc((14 / var(--spWidth)) * 100vw);
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0;
	color: #fff;
}

.download-block-banner {
	display: block;
	margin: calc(14 / var(--spWidth) * 100vw) auto 0;
	width: calc(310 / var(--spWidth) * 100vw);
}

.download-block-banner:hover {
	opacity: 0.5;
}

.download-block-banner img {
	width: 100%;
}


/* fixedbottom ---------------------------------------*/
.fixedbottom {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}

.fixedbottom-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(26 / var(--spWidth) * 100vw);
	position: relative;
	background: #fff;
	padding: calc(16 / var(--spWidth) * 100vw) calc(16 / var(--spWidth) * 100vw);
	box-shadow: 0 calc(-4 / var(--spWidth) * 100vw) calc(16 / var(--spWidth) * 100vw) rgba(0, 40, 87, 0.08);
}

.fixedbottom-list > li {
	width: calc(163 / var(--spWidth) * 100vw);
}

.fixedbottom-list-link {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(8 / var(--spWidth) * 100vw);
	width: 100%;
}

.fixedbottom-list-link:hover {
	opacity: 0.5;
}

.fixedbottom-list-ap {
	width: calc(44 / var(--spWidth) * 100vw);
	filter: drop-shadow(0 calc(2 / var(--spWidth) * 100vw) calc(8 / var(--spWidth) * 100vw) rgba(0, 0, 0, 0.15));
}

.fixedbottom-list-text {
	flex-shrink: 0;
	font-size: calc((13 / var(--spWidth) ) * 100vw);
	line-height: 1.3;
	text-align: center;
	letter-spacing: 0;
	color: #00499F;
}

.fixedbottom-list-arrow {
	width: calc(28 / var(--spWidth) * 100vw);
}


/* animation ---------------------------------------*/

.animation {
	transform: scale(0.5);
	transform-origin: 50% 100%;
	opacity: 0;
}

.animation.on {
	opacity: 1;
	transform: scale(1) translateZ(0);
	transition: opacity 0.3s ease, transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}


/* pc only */
@media screen and (min-width: 768px){
	.sp{display: none !important;}

	.l-main {
		min-width: unset;
	}

	.wespocontainer {
		position: relative;
		z-index: 2;
		width: max(25vw, 480px);
		max-width: 480px;
		margin: 0 auto;
		background: #fff;
		overflow: hidden;
	}


	/* header ---------------------------------------*/
	.header-logo{
		left: 3.2vw;
		top: 2.3vw;
		width: 303px;
	}

	.header-menubtn {
		right: 20px;
		top: 14px;
		gap: 0 26px;
	}

	.header-menubtn-switch {
		width: 112px;
		height: 112px;
		border: 2px solid #fff;
	}

	.header-menubtn-switch-open {
		font-size: 22px;
	}

	.header-menubtn-switch-close {
		font-size: 20px;
	}

	.header-menubtn-switch-close i {
		width: 32px;
	}


	/* common ---------------------------------------*/
	.icon-link { 
		width: calc(12px * 480 / var(--spWidth));
		height: calc(12px * 480 / var(--spWidth));
	}
	.icon-arrow {
		padding-right: calc(10px * 480 / var(--spWidth));
	}
	
	.icon-arrow::after {
		width: calc(8px * 480 / var(--spWidth));
		height: calc(16px * 480 / var(--spWidth));
	}
/* 	
	.icon-arrow-down {
		width: 32px;
		height: 32px;
		border: 1px solid #fff;
	}
	
	.icon-arrow-down::before {
		width: 14px;
		height: 9px;
	} */


	/* kv ---------------------------------------*/
	.kv { 
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 1;
	}

	.kv-container {
		display: none;
	}

	.kv-deco img { 
		position: absolute;
		transform: translate(-50%, -50%);
		z-index: 1;
	}

	.kv-deco img:first-of-type { 
		top: 14.2%;
		left: 28.2%;
		width: calc(213 / 1440 * 100vw);
		height: calc(212 / 1440 * 100vw);
		animation: floating-m 3s -2s infinite alternate ease-in-out;
	}

	.kv-deco img:nth-of-type(2) { 
		top: 44.6%;
		left: 3.6%;
		width: calc(153 / 1440 * 100vw);
		height: calc(152 / 1440 * 100vw);
		animation: floating-s 3s -0.2s infinite alternate ease-in-out;
	}

	.kv-deco img:nth-of-type(3) { 
		top: 91.3%;
		left: 29.4%;
		width: calc(304 / 1440 * 100vw);
		height: calc(303 / 1440 * 100vw);	
		animation: floating-l 3s -1s infinite alternate ease-in-out;
	}

	.kv-deco img:nth-of-type(4) { 
		top: 0.5%;
		left: 92.2%;
		width: calc(204 / 1440 * 100vw);
		height: calc(202 / 1440 * 100vw);
		animation: floating-s 3s -1.4s infinite alternate ease-in-out;
	}

	.kv-deco img:nth-of-type(5) { 
		top: 13.3%;
		left: 70%;
		width: calc(236 / 1440 * 100vw);
		height: calc(235 / 1440 * 100vw);
		animation: floating-s 3s -0.6s infinite alternate ease-in-out;
	}

	.kv-deco img:nth-of-type(6) { 
		top: 66.3%;
		left: 71%;
		width: calc(201 / 1440 * 100vw);
		height: calc(199 / 1440 * 100vw);
		animation: floating-m 3s -1.2s infinite alternate ease-in-out;
	}

	.kv-deco img:nth-of-type(7) { 
		top: 89.1%;
		left: 95.4%;
		width: calc(189 / 1440 * 100vw);
		height: calc(189 / 1440 * 100vw);
		animation: floating-l 3s -1.8s infinite alternate ease-in-out;
	}

	/* kv-animation */
	@keyframes floating-l {
		0% {
			translate: 0 8%;
		}
		100% {
			translate: 0 -8%;
		}
	}

	@keyframes floating-m {
		0% {
			translate: 0 6%;
		}
		100% {
			translate: 0 -6%;
		}
	}

	@keyframes floating-s {
		0% {
			translate: 0 5%;
		}
		100% {
			translate: 0 -5%;
		}
	}

	.kv-bg { 
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	.kv-bg img { 
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.kvpc { 
		position: relative;
	}
	
	.kvpc-image { 
		width: 100%;
		max-height: calc(100vh + 50px);
		overflow: hidden;
	}

	.kvpc-image img { 
		width: 100%;
	}

	.kvpc-title { 
		position: absolute;
		top: 4vh;
		width: auto;
		height: min(calc(100vh - 248px), 651px);
		z-index: 2;
		transform: translateX(-50%);
	}

	.kvpc-title img { 
		max-width: unset;
		width: auto;
		height: 100%;
	}

	.kvpc-title-left { left: 15%;}
	.kvpc-title-right { left: 85%;}

	.kvpc-info {
		position: absolute;
		top: min(calc(100vh - 216px), calc(1041px - 266px));
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		z-index: 2;
	}

	.kvpc-info img { 
		width: 100%;
	}
	
	.kvpc-schedule {
		position: absolute;
		top: min(100vh, calc(1041px - 50px));
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
		z-index: 2;
	}

	.kvpc-schedule img { 
		width: 100%;
	}


	/* entry ---------------------------------------*/
	.entry {
		padding: calc(48px * 480 / var(--spWidth)) 0 calc(72px * 480 / var(--spWidth));
	}

	.entry-title {
		font-size: calc((24px * 480 / var(--spWidth)));
		margin-bottom: calc(16px * 480 / var(--spWidth));
	}

	.entry-movie {
		width: calc(240px * 480 / var(--spWidth));
		margin: 0 auto calc(34px * 480 / var(--spWidth));
		border-radius: calc(10px * 480 / var(--spWidth));
	}

	.entry-text {
		font-size: calc((14px * 480 / var(--spWidth) ) );
		margin: 0 auto calc(14px * 480 / var(--spWidth));
	}

	.entry-text::before,
	.entry-text::after {
		width: calc(17px * 480 / var(--spWidth));
		height: calc(31px * 480 / var(--spWidth));
	}

	.entry-text::before {
		left: calc(-34px * 480 / var(--spWidth));
	}

	.entry-text::after {
		right: calc(-34px * 480 / var(--spWidth));
	}

	.entry-imagelist > li {
		width: calc(370px * 480 / var(--spWidth));
	}

	.entry-imagelist > li + li {
		margin-top: calc(10px * 480 / var(--spWidth));
	}


	/* about ---------------------------------------*/
	.about {
		padding: 0 0 calc(72px * 480 / var(--spWidth));
	}

	.about-title {
		margin-bottom: calc(20px * 480 / var(--spWidth));
	}

	.about-lead {
		font-size: calc((14px * 480 / var(--spWidth) ) );
		margin-bottom: calc(22px * 480 / var(--spWidth));
	}

	.about-lead strong {
		font-size: calc((20px * 480 / var(--spWidth) ) );
	}

	.about-linklist {
		gap: calc(14px * 480 / var(--spWidth));
		margin-bottom: calc(16px * 480 / var(--spWidth));
	}

	.about-linklist > li {
		width: calc(168px * 480 / var(--spWidth));
	}

	.about-text {
		font-size: calc((14px * 480 / var(--spWidth) ) );
		margin-bottom: calc(16px * 480 / var(--spWidth));
	}

	.about-link {
		width: calc(352px * 480 / var(--spWidth));
		margin: 0 auto calc(26px * 480 / var(--spWidth));
	}

	.about-link::before {
		top: calc(-34px * 480 / var(--spWidth));
		width: calc(96px * 480 / var(--spWidth));
		height: calc(60px * 480 / var(--spWidth));
	}

	.about-list {
		width: calc(350px * 480 / var(--spWidth));
		margin: 0 auto calc(20px * 480 / var(--spWidth));
	}

	.about-list > li {
		font-size: calc((11px * 480 / var(--spWidth)));
		padding-left: calc(14px * 480 / var(--spWidth));
	}

	.about-list > li + li {
		margin-top: calc(8px * 480 / var(--spWidth));
	}

	.about-list > li::before {
		font-size: calc((11px * 480 / var(--spWidth)));
	}

	.about-block {
		width: calc(350px * 480 / var(--spWidth));
		padding: calc(24px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth));
		border-radius: calc(10px * 480 / var(--spWidth));
		box-shadow: 0 0 calc(30px * 480 / var(--spWidth)) rgba(30, 32, 35, 0.1);
	}

	.about-block-text {
		font-size: calc((14px * 480 / var(--spWidth)));
		margin-bottom: calc(22px * 480 / var(--spWidth));
	}

	.about-block-image {
		width: calc(310px * 480 / var(--spWidth));
		margin: 0 auto calc(20px * 480 / var(--spWidth));
	}

	.about-block-link {
		font-size: calc((12px * 480 / var(--spWidth)));
	}

	.about-block-link > a {
		padding-bottom: calc((2px * 480 / var(--spWidth)));
	}

	.about-block-link > a:after {
		height: calc((1px * 480 / var(--spWidth)));
	}

	.about-block-link .icon-link {
		margin: 0 0 0 calc((4px * 480 / var(--spWidth)));
	}


	/* registration ---------------------------------------*/
	.registration-inner {
		padding: calc(32px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth)) calc(80px * 480 / var(--spWidth));
	}

	.registration-container {
		padding: calc(34px * 480 / var(--spWidth)) 0 calc(38px * 480 / var(--spWidth));
		border-radius: calc(20px * 480 / var(--spWidth));
	}

	.registration-list > li + li {
		margin-top: calc(46px * 480 / var(--spWidth));
	}

	.registration-list-link {
		font-size: calc((12px * 480 / var(--spWidth)));
		width: calc(178px * 480 / var(--spWidth));
		margin: calc(-31px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth));
	}

	.registration-list-btnlist {
		gap: calc(16px * 480 / var(--spWidth));
		width: calc(310px * 480 / var(--spWidth));
		margin: calc(10px * 480 / var(--spWidth)) auto 0;
	}

	.registration-complete {
		width: calc(350px * 480 / var(--spWidth));
		margin: calc(32px * 480 / var(--spWidth)) auto calc(24px * 480 / var(--spWidth));
	}

	.registration-text {
		font-size: calc((16px * 480 / var(--spWidth)));
		margin-bottom: calc(10px * 480 / var(--spWidth));
	}

	.registration-textlink {
		font-size: calc((14px * 480 / var(--spWidth)));
	}

	.registration-wesmo-link {
		width: calc(288px * 480 / var(--spWidth));
		margin: calc(32px * 480 / var(--spWidth)) auto 0;
	}

	.registration-wespo {
		background: linear-gradient(180deg, rgba(0, 116, 193, 0.1) 0, rgba(0, 116, 193, 0.1) calc(15px * 480 / var(--spWidth)), rgba(255, 255, 255, 0) calc(15px * 480 / var(--spWidth)), rgba(255, 255, 255, 0) 100%);
	}

	.registration-wespo .registration-inner {
		padding-top: calc(38px * 480 / var(--spWidth));
	}

	.registration-wespo .registration-container {
		padding: calc(24px * 480 / var(--spWidth)) 0;
	}

	.registration-container.registration-wespo-container {
		padding: calc(64px * 480 / var(--spWidth)) 0 calc(40px * 480 / var(--spWidth));
	}

	.registration-wespo-container + .registration-wespo-container {
		margin-top: calc(66px * 480 / var(--spWidth));
	}

	.registration-wespo-linklist {
		gap: calc(14px * 480 / var(--spWidth));
		margin: calc(24px * 480 / var(--spWidth)) auto calc(50px * 480 / var(--spWidth));
	}

	.registration-wespo-linklist > li {
		width: calc(168px * 480 / var(--spWidth));
	}

	.registration-wespo-title {
		top: calc(-24px * 480 / var(--spWidth));
		width: calc(310px * 480 / var(--spWidth));
		height: calc(48px * 480 / var(--spWidth));
		font-size: calc((16px * 480 / var(--spWidth)));
		border-radius: calc(50px * 480 / var(--spWidth));
	}


	/* mall ---------------------------------------*/
	.mall {
		background: linear-gradient(180deg, rgba(227, 0, 127, 0.1) 0, rgba(227, 0, 127, 0.1) calc(15px * 480 / var(--spWidth)), rgba(255, 255, 255, 0) calc(15px * 480 / var(--spWidth)), rgba(255, 255, 255, 0) 100%);
	}

	.mall-inner {
		padding: calc(34px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth)) calc(78px * 480 / var(--spWidth));
	}

	.mall-subtitle {
		width: calc(336px * 480 / var(--spWidth));
		height: calc(48px * 480 / var(--spWidth));
		margin: 0 auto calc(30px * 480 / var(--spWidth));
		font-size: calc((16px * 480 / var(--spWidth)));
		border-radius: calc(50px * 480 / var(--spWidth));
	}

	.mall-list {
		margin-bottom: calc(50px * 480 / var(--spWidth));
	}

	.mall-list > li + li {
		margin-top: calc(40px * 480 / var(--spWidth));

	}

	.mall-list-title {
		height: calc(32px * 480 / var(--spWidth));
		padding: 0 calc(24px * 480 / var(--spWidth));
		margin: 0 auto calc(24px * 480 / var(--spWidth));
		font-size: calc((12px * 480 / var(--spWidth)));
		border: calc(1px * 480 / var(--spWidth)) solid #0074C1;
		border-radius: calc(50px * 480 / var(--spWidth));
	}

	.mall-list-logolist {
		gap: calc(32px * 480 / var(--spWidth)) calc(25px * 480 / var(--spWidth));
	}

	.mall-list-logolist > li {
		width: calc(100px * 480 / var(--spWidth));
	}

	.mall-captionlist > li {
		font-size: calc((11px * 480 / var(--spWidth)));
		padding-left: calc(14px * 480 / var(--spWidth));
	}

	.mall-captionlist > li::before {
		top: calc(-2px * 480 / var(--spWidth));
		font-size: calc((11px * 480 / var(--spWidth)));
	}


	/* howto ---------------------------------------*/
	.howto-inner {
		padding: calc(38px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth)) calc(78px * 480 / var(--spWidth));
	}

	.howto-lead {
		font-size: calc((14px * 480 / var(--spWidth)));
		margin-bottom: calc(8px * 480 / var(--spWidth));
	}

	.howto-text {
		font-size: calc((16px * 480 / var(--spWidth)));
		margin-bottom: calc(32px * 480 / var(--spWidth));
	}


	/* faq ---------------------------------------*/
	.faq { 
		padding-bottom: calc(38px * 480 / var(--spWidth));
	}
	.faq-list { 
		padding: calc(34px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth)) calc(2px * 480 / var(--spWidth));
	}
	
	.faq-list > li { 
		padding-bottom: calc(25px * 480 / var(--spWidth));
		margin-bottom: calc(20px * 480 / var(--spWidth));
	}
	
	.faq-list > li::after { 
		height: calc(1px * 480 / var(--spWidth));
	}
	
	.faq-list-question { 
		gap: calc((8px * 480 / var(--spWidth)));
		margin-bottom: calc(6px * 480 / var(--spWidth));
	}
	
	.faq-list-question-q { 
		font-size: calc((24px * 480 / var(--spWidth)));
	}
	
	.faq-list-question-text { 
		font-size: calc((14px * 480 / var(--spWidth)));
		padding-top: calc(4px * 480 / var(--spWidth));
	}
	
	.faq-list-answer { 
		gap: calc((8px * 480 / var(--spWidth)));
	}
	
	.faq-list-answer-a { 
		font-size: calc((24px * 480 / var(--spWidth)));
	}
	
	.faq-list-answer-text { 
		font-size: calc((12px * 480 / var(--spWidth)));
		padding-top: calc(4px * 480 / var(--spWidth));
	}
	
	.faq-link {
		width: calc(286px * 480 / var(--spWidth));
		padding-bottom: calc(40px * 480 / var(--spWidth));
	}


	/* other ---------------------------------------*/
	.other-inner { 
		padding: calc(30px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth)) calc(80px * 480 / var(--spWidth));
	}
	
	.other-container { 
		margin: 0 auto calc(32px * 480 / var(--spWidth));
		padding: calc(32px * 480 / var(--spWidth)) calc(20px * 480 / var(--spWidth));
		border-radius: calc(10px * 480 / var(--spWidth));
	}
	
	.other-list > li { 
		font-size: calc((12px * 480 / var(--spWidth)));
		padding-left: calc(14px * 480 / var(--spWidth));
	}
	
	.other-list > li::before { 
		top: calc(6px * 480 / var(--spWidth));
		width: calc(6px * 480 / var(--spWidth));
		height: calc(6px * 480 / var(--spWidth));
	}
	
	.other-list > li + li { 
		margin-top: calc(12px * 480 / var(--spWidth));
	}
	
	.other-linklist { 
		margin-top: calc(12px * 480 / var(--spWidth));
	}
	
	.other-linklist > li { 
		font-size: calc((12px * 480 / var(--spWidth)));
	}
	
	.other-linklist > li + li { 
		margin-top: calc(12px * 480 / var(--spWidth));
	}
	
	.other-notelist > li { 
		font-size: calc((11px * 480 / var(--spWidth)));
		padding-left: calc(18px * 480 / var(--spWidth));
	}
	
	.other-notelist > li::before { 
		left: calc(5px * 480 / var(--spWidth));
		font-size: calc((11px * 480 / var(--spWidth)));
	}
	
	.other-notelist > li + li { 
		margin-top: calc(5px * 480 / var(--spWidth));
	}


	/* download ---------------------------------------*/
	.download {
		background: linear-gradient(180deg, rgba(0, 116, 193, 0.1) 0, rgba(0, 116, 193, 0.1) calc(15px * 480 / var(--spWidth)), rgba(255, 255, 255, 0) calc(15px * 480 / var(--spWidth)), rgba(255, 255, 255, 0) 100%);
		padding-bottom: calc(80px * 480 / var(--spWidth));
	}

	.download-title {
		margin-bottom: calc(42px * 480 / var(--spWidth));
	}

	.download-container {
		padding-top: calc(36px * 480 / var(--spWidth));
	}
	
	.download-container + .download-container {
		margin-top: calc(30px * 480 / var(--spWidth));
	}

	.download-block {
		width: calc(100% - calc(40px * 480 / var(--spWidth)));
		padding: calc(52px * 480 / var(--spWidth)) 0 calc(32px * 480 / var(--spWidth));
		border-radius: calc(10px * 480 / var(--spWidth));
	}

	.download-block + .download-block {
		margin-top: calc(66px * 480 / var(--spWidth));
	}

	.download-block-deco {
		top: calc(-34px * 480 / var(--spWidth));
		width: calc(310px * 480 / var(--spWidth));
	}

	.download-block-image {
		margin-bottom: calc(14px * 480 / var(--spWidth));
	}

	.download-block-text {
		margin-bottom: calc(30px * 480 / var(--spWidth));
		padding: 0 calc(16px * 480 / var(--spWidth));
		font-size: calc((16px * 480 / var(--spWidth)));
	}

	.download-block-text.download-block-text-wespo {
		font-size: calc((15px * 480 / var(--spWidth)));
		margin-bottom: calc(20px * 480 / var(--spWidth));
	}

	.download-block-text strong {
		font-size: calc((22px * 480 / var(--spWidth)));
	}

	.download-block-btnlist {
		gap: calc(14px * 480 / var(--spWidth));
		padding: 0 calc(20px * 480 / var(--spWidth));
	}

	.download-block-text-more {
		margin-top: calc(24px * 480 / var(--spWidth));
		padding: 0 calc(20px * 480 / var(--spWidth));
		font-size: calc((14px * 480 / var(--spWidth)));
	}

	.download-block-banner {
		margin: calc(14px * 480 / var(--spWidth)) auto 0;
		width: calc(310px * 480 / var(--spWidth));
	}


	/* fixedbottom ---------------------------------------*/
	.fixedbottom { 
		left: 0;
		right: 0;
		transform: translate3d(0, 100%, 0);
		margin: 0 auto;
		width: max(25vw, 480px);
		max-width: 480px;
		transition: all 0.4s ease;
	}

	.fixedbottom.is-show {
		transform: translate3d(0, 0, 0);
	}

	.fixedbottom-list {
		gap: calc(26px * 480 / var(--spWidth));
		padding: calc(16px * 480 / var(--spWidth)) calc(16px * 480 / var(--spWidth));
		box-shadow: 0 calc(-4px * 480 / var(--spWidth)) calc(16px * 480 / var(--spWidth)) rgba(0, 40, 87, 0.08);
	}

	.fixedbottom-list > li {
		width: calc(163px * 480 / var(--spWidth));
	}

	.fixedbottom-list-link {
		gap: calc(8px * 480 / var(--spWidth));
	}

	.fixedbottom-list-ap {
		width: calc(44px * 480 / var(--spWidth));
		filter: drop-shadow(0 calc(2px * 480 / var(--spWidth)) calc(8px * 480 / var(--spWidth)) rgba(0, 0, 0, 0.15));
	}

	.fixedbottom-list-text {
		font-size: calc((13px * 480 / var(--spWidth) ) );
	}

	.fixedbottom-list-arrow {
		width: calc(28px * 480 / var(--spWidth));
	}


	/* p-footer ---------------------------------------*/
	.p-footer {
		width: max(25vw, 480px);
		max-width: 480px;
		margin: 0 auto;
		overflow: hidden;
		padding: calc(85px * 480 / var(--spWidth)) 0 calc(110px * 480 / var(--spWidth));
	}

	.u-block {
        width: auto;
        padding-inline: calc(20px * 480 / var(--spWidth));
    }

	.p-footer-logo {
		margin-left: 0;
	}

	.p-footer-logo img {
		margin-left: calc(3px * 480 / var(--spWidth));
		width: calc(134px * 480 / var(--spWidth));
	}

	.p-footer-logo__label {
		margin-top: calc(9px * 480 / var(--spWidth));
		font-size: calc(29px * 480 / var(--spWidth));
	}

	.p-footer-layout {
		gap: calc(38px * 480 / var(--spWidth)) 0;
		grid-template-columns: 100%;
	}

	.p-footer-layout__left {
		padding-top: 0;
		order: 2;
	}

	.p-footer-layout__right {
		order: 1;
		display: grid;
		justify-content: space-between;
		align-items: flex-end;
		grid-template-columns: calc(175px * 480 / var(--spWidth)) calc(126px * 480 / var(--spWidth));
		margin-right: 0;
	}

	.p-footer-layout-foot {
		margin-top: calc(56px * 480 / var(--spWidth));
	}

	.p-footer-layout-foot-v2 {
		margin-top: calc(50px * 480 / var(--spWidth));
	}

	.p-footer-navgroup {
		margin-top: calc(32px * 480 / var(--spWidth));
	}

	.p-footer-navgroup__title {
		margin: 0 0 calc(8px * 480 / var(--spWidth));
		font-size: calc(20px * 480 / var(--spWidth));
	}

	.p-footer-nav-lv1 {
		grid-template-columns: repeat(2, auto);
		gap: calc(16px * 480 / var(--spWidth)) calc(40px * 480 / var(--spWidth));
		font-size: calc(13px * 480 / var(--spWidth));
		letter-spacing: 0.1em;
	}

	.p-footer-nav-lv2-wrap {
		flex-direction: column;
		gap: calc(16px * 480 / var(--spWidth)) 0;
	}

	.p-footer-nav-lv2 {
		gap: calc(16px * 480 / var(--spWidth));
		font-size: calc(12px * 480 / var(--spWidth));
	}

	.p-footer-nav-lv2 a.is-pdf:after {
		top: -1px;
		margin-left: calc(5px * 480 / var(--spWidth));
		width: calc(28px * 480 / var(--spWidth));
		height: calc(13px * 480 / var(--spWidth));
	}

	.p-footer-nav-lv2 a.is-blank:after {
		top: -2px;
		margin-left: calc(5px * 480 / var(--spWidth));
		width: calc(12px * 480 / var(--spWidth));
	}

	.p-footer-note-text {
		margin-top: calc(36px * 480 / var(--spWidth));
	}

	.p-footer-sns {
		margin: 0;
		padding: 0 0 2px;
	}

	.p-footer-sns__popup {
		width: calc(126px * 480 / var(--spWidth));
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
	}

	.p-footer-sns__list {
		margin: 13px 0 0 0;
	}

	.p-footer-sns__list li {
		width: 28px;
	}

	.p-footer-pagetop {
		border: none;
		background: transparent;
		display: block;
		margin: calc(8px * 480 / var(--spWidth)) 0 0 auto;
		padding: 0;
		width: calc(53px * 480 / var(--spWidth));
	}

	.p-footer-copyright {
		margin-top: calc(40px * 480 / var(--spWidth));
		font-size: calc(10px * 480 / var(--spWidth));
		text-align: center;
	}

}


/* small pc */
@media screen and (min-width: 1100px){
	.header-menubtn {
		display: none;
	}

	/* common ---------------------------------------*/
	.icon-arrow-down {
		width: 32px;
		height: 32px;
		border: 1px solid #fff;
	}
	
	.icon-arrow-down::before {
		width: 14px;
		height: 9px;
	}

	.kv-container {
		display: block;
		position: absolute;
		padding: 0 20px;
		top: 52.5%;
		left: calc(25% - 120px);
		transform: translate(-50%, -50%);
		z-index: 2;
		width: calc(50vw - 240px);
		max-width: 404px;
		height: fit-content !important;
	}

	.kv-campaign {
		width: 100%;
		margin: 0 auto 62px;
	}

	.kv-campaign img {
		width: 100%;
	}

	.kv-gnav {

	}

	.kv-gnav .gnav-block-lead {
		justify-content: center;
	}


	/* gnav ---------------------------------------*/
	.gnav {
		background-image: unset;
		padding: 0 20px;
		left: calc(75% + 120px);
		top: 52.5%;
		transform: scale(1) translate(-50%, -50%);
		transform-origin: unset;
		width: calc(50vw - 240px);
		max-width: 404px;
		height: fit-content!important;
	}

	.gnav-list { 
		background-image: linear-gradient(60deg, #04BEED 0%, #04BEED 0%, #EC68A7 90%, #EC68A7 100%);
		padding: 48px calc(20 / 364 * 100%);
		width: 100%;
		border-radius: 20px;
		margin-bottom: 62px;
	}

	.gnav-list > li { 
		max-width: 260px;
		margin: 0 auto;
	}

	.gnav-list > li + li { 
		margin-top: 24px;
	}

	.gnav-list > li a { 
		font-size: 20px;
	}

	.gnav-list > li a .gnav-list-text { 
		padding-bottom: calc(2px * 480 / var(--spWidth));
	}
	
	.gnav-list > li a .gnav-list-text::after { 
		bottom: calc(-1px * 480 / var(--spWidth));
	}

	/* .gnav-list > li a::before {
		width: 32px;
		height: 32px;
	} */

	.gnav-block { 
		padding: 34px calc(20 / 364 * 100%) 24px;
		width: 100%;
		border-radius: 20px;
	}

	.gnav-block.gnav-block-wesmo {
		display: none;
	}

	.gnav-block + .gnav-block {
		margin-top: unset;
	}

	.gnav-block-deco {
		top: calc(-44 / 364 * 100%);
		width: calc(216 / 364 * 100%);
	}

	.gnav-block-lead { 
		gap: calc(20 / 316 * 100%);
		margin-bottom: calc(18 / 316 * 100%);
	}

	.gnav-block-lead.gnav-block-lead-wespo { 
		flex-direction: row-reverse;
	}

	.gnav-block-lead img { 
		width: calc(64 / 316 * 100%);
	}

	.gnav-block-lead p { 
		padding-top: 6px;
		font-size: min(calc(14 /1440 * 100vw), 14px);
	}

	.gnav-block-lead p strong{ 
		font-size: min(calc(16 /1440 * 100vw), 16px);
	}

	.gnav-block-btnlist { 
		gap: calc(28 / 316 * 100%);
	}

	.gnav-block-btnlist > li:first-of-type { 
		width: calc(132 / 316 * 100%);
	}

	.gnav-block-btnlist > li:last-of-type { 
		width: calc(165 / 316 * 100%);
	}

}


@media screen and (min-width: 768px) and (max-width: 999px){
	.header-logo{width:100px;}

}

@media screen and (min-width: 1000px) and (max-width: 1200px){
	.header-logo{width:200px;}

}

@media screen and (min-width: 1100px) and (max-width: 1300px){
    .kv .kv-image {
        height: min(44vw, 80vh);
    }

}



/* sp only */
@media screen and (max-width: 767px){
	
	.pc{display: none !important;}
	
	/* header ---------------------------------------*/
	header{
	}

	.header-logo{
		/* left:10px;
		top:16px; */
	}

	/* .header-logo img{width:92px;} */

	/* kv ---------------------------------------*/

}

@media screen and (min-width: 1100px) and (max-height: 830px){
	.gnav {
		top: 80px;
		transform: scale(1) translate(-50%, 0);
		height: calc(100vh - 80px) !important;
		padding: 0 20px 40px;
		overflow-y: auto;
	}

	.kv-container {
		top: 80px;
		transform: translate(-50%, 0);
		height: calc(100vh - 80px) !important;
		padding: 0 20px 40px;
		overflow-y: auto;
	}
}



/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){

}