/* futuredefault */
.fs-l-main,.fs-l-pageMain{
	margin: 0;
	width: 100%;
	max-width: 100%;
	padding: 0;
}
.fs-l-header{
	z-index: 100;
}
.fs-l-footer{
	padding: 0;
	border: none;
}
.fs-c-heading--page{
	display: none;
}

/* css */
.wrap,.wrap *{
	font-size: 10px;
	line-height: 1em;
}
.wrap{
	--contents: 1728/780;
	margin: 0 0 20em;
}
.fv{
	width: 172.8em;
	aspect-ratio: var(--contents);
	margin: 0 0 0 auto;
	background: url(https://sunace5963.itembox.design/item/lp/2023_pola/images/fv_bg_pc.jpg) no-repeat center/cover;
	display: flex;
	align-items: center;
	position: relative;
	opacity: 0;
	transition: opacity .8s;
}
.fv.active{
	opacity: 1;
}
.fv div{
	width: 37.4em;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6em;
	margin: 0 0 0 10em;
}
.fv div em{
	font-size: 3em;
	font-weight: 500;
	letter-spacing: .1em;
	font-feature-settings: "palt";
}
.fv div em span{
	font-size: 1em;
	font-weight: 400;
	font-family: YuMincho,'Yu Mincho',serif;
}
.fv div p{
	width: 100%;
	aspect-ratio: 375/100;
	font-size: 1.6em;
	line-height: 2em;
	text-align: center;
	color: #fff;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 20;
}
.fv ul li{
	position: absolute;
	z-index: 20;
}
.fv ul li{
	opacity: 0;
	transition: opacity .8s;
}
.fv.active ul li{
	opacity: 1;
}
.fv ul li:nth-child(1){
	width: 29.4em;
	top: 1.6em;
	right: calc(50% - 72em + 30em);
	transition-delay: .4s;
}
.fv ul li:nth-child(2){
	width: 35.4em;
	top: 7.6em;
	right: calc(50% - 72em + 77em);
	transition-delay: .6s;
}
.fv ul li:nth-child(3){
	width: 26.9em;
	top: 16.2em;
	right: calc(50% - 72em + 59em);
	transition-delay: .8s;
}
.fv ul.bg{
	z-index: 10;
}
.fv ul.bg li:nth-child(1){
	width: 88.5em;
	top: -12em;
	right: calc(50% - 72em - 6em);
}
.fv ul.bg li:nth-child(2){
	width: 80.7em;
	right: calc(50% - 72em + 50em);
	top: 1em;
}
.fv ul.bg li:nth-child(3){
	width: 110.1em;
	right: calc(50% - 72em + 10em);
}

.fv ul li img{
	z-index: 20;
	position: relative;
}
.lineup{
	width: 172.8em;
	margin-top: 18em;
	aspect-ratio: var(--contents);
	display: flex;
	position: relative;
	z-index: 80;
}
#contents01 .list{
	background: url(https://sunace5963.itembox.design/item/lp/2023_pola/images/bg01.jpg) no-repeat center/cover;
}
#contents02 .list{
	background: url(https://sunace5963.itembox.design/item/lp/2023_pola/images/bg02.jpg) no-repeat center/cover;
}
#contents03 .list{
	background: url(https://sunace5963.itembox.design/item/lp/2023_pola/images/bg03.jpg) no-repeat center/cover;
}
#contents01 .info{
	background: #000;
}
#contents02 .info{
	background: #172a51;
}
#contents03 .info{
	background: #786647;
}
#contents01 h3{
	width: 25.8em;
}
#contents02 h3{
	width: 13.8em;
}
#contents03 h3{
	width: 14.1em;
}
.lineup .info{
	width: calc(100%/3);
	padding: 0 11em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
}
.lineup .info h3{
	margin: 0 0 4em;
}
.lineup .info strong{
	font-size: 2em;
	line-height: 2.1em;
	margin: 0 0 1.6em;
	font-weight: 500;
}
.lineup .info p{
	font-size: 1.2em;
	line-height: 2.5em;
	margin: 0 0 4em;
}
.lineup .info a{
	width: 15.7142em;
	aspect-ratio: 220/45;
	font-size: 1.4em;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #fff;
	color: #fff;
}
.lineup .list{
	width: calc(100%/3 * 2);
	position: relative;
}
.lineup .list ul{
	width: 71.6em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	gap: 3.6em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -7em;
}
.lineup .list ul li{
	width: 34em;
	box-shadow: .6em .8em 5em 0 rgba(7, 7, 7, 0.11);
}
.lineup .list ul li:nth-child(2n){
	position: relative;
	top: 8em;
}
#contents02{
	margin-left: auto;
	flex-direction: row-reverse;
}
#contents02 .list ul{
	right: auto;
	left: -7em;
	flex-direction: row;
}
.fadein{
	opacity: 0;
	transform: translateY(2em);
	transition: opacity .5s,transform .5s;
}
.fadein.active{
	opacity: 1;
	transform: translateY(0);
}
.fade_item li{
	opacity: 0;
	transform: translateY(2em);
	transition: opacity .8s,transform .5s;
}
.fade_item li:nth-child(1){
	transition-delay: 0s;
}
.fade_item li:nth-child(2){
	transition-delay: .2s;
}
.fade_item li:nth-child(3){
	transition-delay: .4s;
}
.fade_item li:nth-child(4){
	transition-delay: .6s;
}
.fade_item.active li{
	opacity: 1;
	transform: translateY(0);
}

@media screen and (max-width:1840px) {
	.wrap,.wrap *{
		font-size: .53vw;
	}
}
@media screen and (max-width:1340px) {
	.wrap{
		--contents: 1728/1000;
	}
	.fv{
		width: 90%;
	}
	.fv h2{
		width: 15em;
		position: relative;
		z-index: 20;
	}
	.fv h2 img{
		width: 100%;
	}
	.fv div{
		width: 50em;
		margin: 0 0 0 8em;
	}
	.fv div em{
		font-size: 3.4em;
		position: relative;
		z-index: 20;
	}
	.fv div p{
		font-size: 2.2em;
		aspect-ratio: 375/100;
	}
	.fv ul li:nth-child(1){
		right: calc(5% + 21em);
	}
	.fv ul li:nth-child(2){
		right: calc(5% + 68em);
	}
	.fv ul li:nth-child(3){
		right: calc(5% + 50em);
	}
	.fv ul.bg li:nth-child(1){
		top: -4em;
		right: calc(5% - 15em);
	}
	.fv ul.bg li:nth-child(2){
		right: calc(5% + 48em);
		top: 1em;
	}
	.fv ul.bg li:nth-child(3){
		right: calc(5% + 5em);
	}
	.lineup{
		width: 90%;
	}
	.lineup .info{
		width: calc(100%/7 * 3);
		padding: 0 7em;
	}
	.lineup .list{
		width: calc(100%/7 * 4);
	}
	.lineup .info strong{
		font-size: 2.8em;
		margin: 0 0 1.2em;
	}
	.lineup .info p{
		font-size: 2em;
		margin: 0 0 3em;
	}
	.lineup .info a{
		font-size: 2.2em;
	}
}
@media screen and (max-width:769px) {
	.wrap,.wrap *{
		font-size: 2.6666vw;
	}
	.wrap{
		margin: 0 0 12em;
	}
	.fv{
		width: 100%;
		height: 82em;
		flex-direction: column;
		aspect-ratio: unset;
		background: url(https://sunace5963.itembox.design/item/lp/2023_pola/images/fv_bg_pc.jpg) no-repeat center/cover;
		padding: 6em 5% 0;
		gap: 4em;
	}
	.fv div{
		width: 100%;
		gap: 4em;
		display: contents;
	}
	.fv div em{
		font-size: 2.6em;
	}
	.fv div p{
		margin: auto 0 0;
		font-size: 1.8em;
	}
	.fv ul{
		order: 30;
	}
	.fv ul li:nth-child(1){
		width: 13em;
		right: 1em;
		top: auto;
		bottom: 36em;
	}
	.fv ul li:nth-child(2){
		width: 15em;
		right: auto;
		left: 1em;
		top: auto;
		bottom: 31em;
	}
	.fv ul li:nth-child(3){
		width: 12em;
		right: 13em;
		top: auto;
		bottom: 21em;
	}
	.fv ul.bg li:nth-child(1){
		width: 40em;
		top: 18em;
		right: -16em;
	}
	.fv ul.bg li:nth-child(2){
		width: 36em;
		right: auto;
		top: 20em;
		left: -9em;
	}
	.fv ul.bg li:nth-child(3){
		width: 50em;
		right: -10em;
		top: 24em;
	}
	.lineup{
		width: 100%;
		margin: 8em 0 0;
		display: block;
	}
	.lineup .info{
		width: 100%;
		padding: 8em 5%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#contents01 h3{
		width: 18.6em;
	}
	#contents02 h3{
		width: 9.66em;
	}
	#contents03 h3{
		width: 9.87em;
	}
	.lineup .info strong{
		width: 100%;
		font-size: 1.7em;
	}
	.lineup .info p{
		width: 100%;
		font-size: 1.3em;
	}
	.lineup .info a{
		aspect-ratio: 220/40;
		width: 100%;
		font-size: 1.5em;
	}
	.lineup .list{
		width: 100%;
	}
	.lineup .list ul{
		width: 100%;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		gap: 1.8em 4%;
		padding: 8em 5%;
	}
	.lineup .list ul li{
		width: 48%;
	}
	.lineup .list ul li:nth-child(2n){
		top: 1.6em;
	}
	#contents02 .list ul{
		left: auto;
	}
	.fadein_sp{
		opacity: 0;
		transform: translateY(2em);
		transition: opacity .5s,transform .5s;
	}
	.fadein_sp.active{
		opacity: 1;
		transform: translateY(0);
	}
}