@charset "utf-8";
.loading__logos{
	width:36.0833%;
	-webkit-mask:url(../img/common/logo.png) no-repeat center center / contain;
	mask:url(../img/common/logo.png) no-repeat center center / contain;
	display:flex;
	justify-content:center;
	align-items:center;
	/*transform:translate(-20%,-24%);*/
	transition:transform 1.2s ease;
	transition-delay:0.2s;
}
@supports (background-image:url(../img/common/logo.webp)){
	.loading__logos{
		-webkit-mask-image:url(../img/common/logo.webp);
		mask-image:url(../img/common/logo.webp);
	}
}
@media screen and (max-width:768px){
	.loading__logos{
		width:60%;
		/*transform:translate(-34%,-24%);*/
	}
}
.loading__logos img{
	display:block;
	opacity:0;
	transition:all 0.6s ease;
	position:relative;
	z-index:50;
}
#loading.ani2 .loading__logos{
	transform:translate(0);
}
#loading.ani4 .loading__logos img{
	opacity:1;
}
.loading__logoBox{
	max-width:100%;
	width:min(100%,calc(26.8236vh / 0.524577));
	height:min(100%,calc(44.3334vw * 0.524577));
	position:relative;
}
/*.loading__mask--moon{
	position:absolute;
	right:3.5%;
	top:53.5%;
	width:23.3333%;
	overflow:hidden;
	bottom:0;
}
.loading__mask--moonInner{
	position:absolute;
	right:-1%;
	bottom:-6%;
	width:130%;
	padding-top:130%;
	background:var(--color-blue);
	-webkit-mask:url(../img/top/mask_moon.svg) no-repeat right center / contain;
	mask:url(../img/top/mask_moon.svg) no-repeat right center / contain;
	transform:rotate(220deg);
	overflow:hidden;
	transition:all 0.25s ease-in;
}
#loading.ani1 .loading__mask--moonInner{
	transform:rotate(39deg);
}*/
.loading__mask--en1{
	position:absolute;
	left:74%;
	top:58%;
	height:11%;
	width:0;
	background:var(--color-blue);
	transition:all 0.4s ease;
}
.loading__mask--en2{
	position:absolute;
	left:74%;
	top:68%;
	height:11%;
	width:0;
	background:var(--color-blue);
	transition:all 0.4s ease;
	transition-delay:0.15s;
}
.loading__mask--en3{
	position:absolute;
	left:74%;
	top:78%;
	height:11%;
	width:0;
	background:var(--color-blue);
	transition:all 0.4s ease;
	transition-delay:0.3s;
}
/*#loading.ani2 .loading__mask--en1,
#loading.ani2 .loading__mask--en2,
#loading.ani2 .loading__mask--en3{
	width:18%;
}*/
.loading__mask--ja1{
	position:absolute;
	right:0;
	top:0;
	height:49%;
	width:0;
	background:var(--color-blue);
	transition:all 0.7s ease;
}
.loading__mask--ja2{
	position:absolute;
	right:27%;
	top:51%;
	height:49%;
	width:0;
	background:var(--color-blue);
	transition:all 0.35s ease;
	transition-delay:0.3s;
}
#loading.ani3 .loading__mask--ja1{
	width:100%;
}
#loading.ani3 .loading__mask--ja2{
	width:48%;
}


.mv{
	display:flex;
	clip-path:inset(0);
}
@media screen and (max-width:768px){
	.mv{
		display:block;
		position:relative;
	}
}
.mv:before{
	content:'';
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/top/mv_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.mv:before{
		background:url(../img/top/mv_bg.jpg) no-repeat center center / cover;
	}
}
@supports (background-image:url(../img/top/mv_bg.webp)){
	.mv:before{
		background-image:url(../img/top/mv_bg.webp);
	}
	@media screen and (max-width:768px){
		.mv:before{
			background-image:url(../img/top/mv_bg-s.webp);
		}
	}
}
.mvLeft{
	width:50%;
	position:relative;
	z-index:50;
}
@media screen and (max-width:768px){
	.mvLeft{
		width:100%;
		position:absolute;
		left:0;
		top:0;
		bottom:0;
	}
}
.mvLeft__fixed{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100%;
	max-height:100vh;
}
@media screen and (max-width:768px){
	.mvLeft__fixed{
		position:absolute;
		max-height:unset;
	}
}
.mvLeft__logo{
	position:absolute;
	top:37.8823%;
	bottom:35.2941%;
	left:12.6666%;
	right:15.1666%;
	background:url(../img/common/logo.png) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.mvLeft__logo{
		top:calc(690 / var(--vw-min) * 100vw);
		bottom:unset;
		left:calc(0 / var(--vw-min) * 100vw);
		right:calc(0 / var(--vw-min) * 100vw);
		height:calc(184 / var(--vw-min) * 100vw);
	}
}
/*@supports (background-image:url(../img/common/logo.webp)){
	.mvLeft__logo{
		background-image:url(../img/common/logo.webp);
	}
	@media screen and (max-width:768px){
		.mvLeft__logo{
			-webkit-mask-image:url(../img/common/logo.webp);
			mask-image:url(../img/common/logo.webp);
			top:calc(650 / var(--vw-min) * 100vw);
			left:calc(0 / var(--vw-min) * 100vw);
			right:calc(0 / var(--vw-min) * 100vw);
			height:calc(184 / var(--vw-min) * 100vw);
		}
	}
}*/
.mvRight{
	width:50%;
	position:relative;
}
@media screen and (max-width:768px){
	.mvRight{
		width:100%;
	}
}
.mvRight__mv{
	width:100%;
	position:sticky;
	left:0;
	top:0;
}
@media screen and (max-width:768px){
	.mvRight__mv{
		position:relative;
	}
}
.mvRight__mv img{
	width:100%;
	display:block;
}
.mvRight__catch{
	position:absolute;
	top:74.2352%;
	bottom:4.4705%;
	left:0;
	right:0;
}
@media screen and (max-width:768px){
	.mvRight__catch{
		top:calc(859 / var(--vw-min) * 100vw);
		bottom:calc(121 / var(--vw-min) * 100vw);
	}
}
.mvRight__copyright{
	display:none;
}
@media screen and (max-width:768px){
	.mvRight__copyright{
		position:absolute;
		display:flex;
		left:0;
		right:0;
		bottom:0;
		height:calc(47 / var(--vw-min) * 100vw);
		justify-content:center;
		align-items:center;
		font-size:calc(11 / var(--vw-min) * 100vw);
		z-index:10;
	}
}
.mvLeft__xt{
	position:absolute;
	top:78.2352%;
	left:0;
	right:0;
	bottom:18%;
	display:flex;
	justify-content:center;
	left:50%;
	transform:translateX(-50%);
}
.mvLeft__xt img{
	height:100%;
	width:auto;
	opacity:0;
}
@media screen and (max-width:768px){
	.mvLeft__xt{
		display:none;
	}
}
.mvLeft__xLink{
	display:block;
	height:100%;
	-webkit-mask:url(../img/top/mv_x.svg) no-repeat center center / contain;
	mask:url(../img/top/mv_x.svg) no-repeat center center / contain;
	background:linear-gradient(to right,#000000 0%,#000000 50%,var(--color-blue) 50%,var(--color-blue) 100%) repeat-x 0 0 / 200% 100%;
	animation:linkbg-out 0.3s ease forwards;
}
.mvLeft__xLink:hover{
	animation:linkbg-in 0.3s ease forwards;
}

.mvLeft__jp{
	position:absolute;
	top:78.2352%;
	left:0;
	right:0;
	bottom:18%;
	display:flex;
	justify-content:center;
	left:50%;
	transform:translateX(-50%);
}
.mvLeft__jp img{
	height:100%;
	width:auto;
	opacity:0;
}
@media screen and (max-width:768px){
	.mvLeft__jp{
		display:none;
	}
}
.mvLeft__jpLink{
	display:block;
	height:100%;
	-webkit-mask:url(../img/top/mv_jp.svg) no-repeat center center / contain;
	mask:url(../img/top/mv_jp.svg) no-repeat center center / contain;
	background:linear-gradient(to right,#000000 0%,#000000 50%,var(--color-blue) 50%,var(--color-blue) 100%) repeat-x 0 0 / 200% 100%;
	animation:linkbg-out 0.3s ease forwards;
}
.mvLeft__jpLink:hover{
	animation:linkbg-in 0.3s ease forwards;
}

.mvLeft__tiktokLink{
	display:block;
	height:100%;
	-webkit-mask:url(../img/top/mv_tiktok.svg) no-repeat center center / contain;
	mask:url(../img/top/mv_tiktok.svg) no-repeat center center / contain;
	background:linear-gradient(to right,#000000 0%,#000000 50%,var(--color-blue) 50%,var(--color-blue) 100%) repeat-x 0 0 / 200% 100%;
	animation:linkbg-out 0.3s ease forwards;
}
.mvLeft__tiktokLink:hover{
	animation:linkbg-in 0.3s ease forwards;
}
.mvLeft__slash{
	display:block;
	background:url(../img/top/mv_slash.svg) no-repeat center center / contain;
}
.mvLeft__startDate{
	position:absolute;
	left:0;
	right:0;
	top:92%;
	bottom:2.1764%;
	background:url(../img/top/startdate_en.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.mvLeft__startDate{
		top:calc(1070 / var(--vw-min) * 100vw);
		bottom:calc(8 / var(--vw-min) * 100vw);
		background:url(../img/top/startdate_en.svg) no-repeat center center / contain;
		width: 90%;
		margin: 0 auto;
	}
}
.news{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 8.3333%;
}
@media screen and (max-width:768px){
	.news{
		padding:calc(100 / var(--vw-min) * 100vw) calc(67 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}
}
.news__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.news__header{
	position:relative;
}
.news__headerTitle{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:var(--color-blue);
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.news__headerTitle{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.news__headerToLists{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.news__headerToListsLink{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-family:var(--font-bodoni);
	font-weight:600;
	color:var(--color-blue);
	display:block;
	position:relative;
	text-decoration:none;
	line-height:1.25;
}
@media screen and (max-width:768px){
	.news__headerToListsLink{
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
@keyframes linklinebg-in{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:-200% 0;
	}
}
@keyframes linklinebg-out{
	0%{
		background-position:0 0;
	}
	100%{
		background-position:-200% 0;
	}
}
.news__headerToListsLink:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	height:1px;
	background:linear-gradient(to right,rgba(71,121,155,1) 0%,rgba(71,121,155,1) 50%,rgba(71,121,155,0) 50%,rgba(71,121,155,0) 100%) repeat-x 0 0 / 200% 100%;
	animation:linklinebg-out 0.3s ease forwards;
}
.news__headerToListsLink:hover:before{
	animation:linklinebg-in 0.3s ease forwards;
}
.news__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px);
	display:flex;
}
@media screen and (max-width:768px){
	.news__lists{
		margin:0;
		flex-wrap:wrap;
		justify-content:space-between;
	}
}
.news__item{
	width:calc(100% / 3);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.news__item{
		width:calc(280 / var(--vw-min) * 100vw);
		padding:0 0 calc(40 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.news__item:nth-child(4){
		display:none;
	}
}
.news__itemLink{
	display:block;
	position:relative;
	padding-top:min(calc(17 / var(--vw-min) * 100vw),17px);
	text-decoration:none;
	height:100%;
}
@media screen and (max-width:768px){
	.news__itemLink{
		padding-top:calc(16 / var(--vw-min) * 100vw);
		text-decoration:none;
		height:100%;
	}
}
.news__itemLink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:var(--color-lightblue);
}
.news__itemLink:after{
	content:'';
	position:absolute;
	left:0;
	width:20%;
	top:0;
	height:1px;
	background:var(--color-blue);
	animation:newsLine-out 0.3s ease forwards;
}
@keyframes newsLine-in{
	0%{
		width:20%;
	}
	100%{
		width:100%;
	}
}
@keyframes newsLine-out{
	0%{
		width:100%;
		left:0;
	}
	80%{
		width:0;
		left:100%;
	}
	80.01%{
		width:0;
		left:0;
	}
	100%{
		width:20%;
		left:0;
	}
}
.news__itemLink:hover:after{
	animation:newsLine-in 0.3s ease forwards;
}
.news__itemMark{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	margin:max(calc(-15 / var(--vw-min) * 100vw),-15px) 0 0 max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background:#fff;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.news__itemMark{
		width:calc(45 / var(--vw-min) * 100vw);
		height:calc(45 / var(--vw-min) * 100vw);
		margin:calc(-22.5 / var(--vw-min) * 100vw) 0 0 calc(-22.5 / var(--vw-min) * 100vw);
	}
}
.news__itemMark:before{
	content:'';
	display:block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	-webkit-mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	background:var(--color-paleblue);
	transition:all 0.1s ease;
}
@media screen and (max-width:768px){
	.news__itemMark:before{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
.news__itemLink:hover .news__itemMark:before{
	background:var(--color-blue);
	transition-delay:0.06s;
}
.news__time{
	display:flex;
	align-items:center;
	font-weight:700;
	font-family:var(--font-bodoni);
	color:var(--color-blue);
	margin-bottom:0.5em;
}
@media screen and (max-width:768px){
	.news__time{
		margin-bottom:0;
	}
}
.news__time:after{
	content:'';
	display:block;
	width:min(calc(5 / var(--vw-min) * 100vw),5px);
	height:min(calc(5 / var(--vw-min) * 100vw),5px);
	box-sizing:border-box;
	border-top:1px solid var(--color-blue);
	border-right:1px solid var(--color-blue);
	margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
	transform:rotate(45deg);
}
.news__time--year{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
	padding-top:0;
	line-height:1;
	margin-top:-0.5em;
	margin-right:0.5em;
}
@media screen and (max-width:768px){
	.news__time--year{
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.news__time--date{
	font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
	display:block;
}
@media screen and (max-width:768px){
	.news__time--date{
		font-size:calc(40 / var(--vw-min) * 100vw);
	}
}
.news__itemTitle{
	line-height:2;
	height:8em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:4;
	overflow:hidden;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.news__itemTitle{
		line-height:1.7;
		height:8.5em;
		-webkit-line-clamp:5;
	}
}
.news__itemLink:hover .news__itemTitle{
	color:var(--color-blue);
}
.introduction{
	padding:min(calc(110 / var(--vw-min) * 100vw),110px) 0;
	display:flex;
	justify-content:center;
	position:relative;
}
@media screen and (max-width:768px){
	.introduction{
		padding:calc(100 / var(--vw-min) * 100vw) 0;
	}
}
.introduction:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/top/introduction_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.introduction:before{
		background-image:url(../img/top/introduction_bg-s.jpg);
	}
}
@supports (background-image:url(../img/top/introduction_bg.webp)){
	.introduction:before{
		background-image:url(../img/top/introduction_bg.webp);
	}
	@media screen and (max-width:768px){
		.introduction:before{
			background-image:url(../img/top/introduction_bg-s.webp);
		}
	}
}
.introduction__wrap{
	position:relative;
}
@media screen and (max-width:768px){
	.introduction__wrap{
		width:calc(560 / var(--vw-min) * 100vw);
	}
}
.introduction__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.78;
	font-weight:700;
	color:#fff;
	margin-bottom:min(calc(36 / var(--vw-min) * 100vw),36px);
}
@media screen and (max-width:768px){
	.introduction__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(36 / var(--vw-min) * 100vw);
		white-space:nowrap;
	}
}
.introduction__catch{
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	color:#fff;
	font-weight:700;
	margin-bottom:min(calc(32 / var(--vw-min) * 100vw),32px);
	text-shadow:0px 0px 1px rgba(71,121,155,0.3),
	            1px 0px 1px rgba(71,121,155,0.3),
	            2px 0px 1px rgba(71,121,155,0.3),
	            3px 0px 1px rgba(71,121,155,0.3),
	            -1px 0px 1px rgba(71,121,155,0.3),
	            -2px 0px 1px rgba(71,121,155,0.3),
	            -3px 0px 1px rgba(71,121,155,0.3),
	            1px 1px 1px rgba(71,121,155,0.3),
	            2px 1px 1px rgba(71,121,155,0.3),
	            3px 1px 1px rgba(71,121,155,0.3),
	            -1px 1px 1px rgba(71,121,155,0.3),
	            -2px 1px 1px rgba(71,121,155,0.3),
	            -3px 1px 1px rgba(71,121,155,0.3),
	            1px 2px 1px rgba(71,121,155,0.3),
	            2px 2px 1px rgba(71,121,155,0.3),
	            3px 2px 1px rgba(71,121,155,0.3),
	            -1px 2px 1px rgba(71,121,155,0.3),
	            -2px 2px 1px rgba(71,121,155,0.3),
	            -3px 2px 1px rgba(71,121,155,0.3),
	            1px 3px 1px rgba(71,121,155,0.3),
	            2px 3px 1px rgba(71,121,155,0.3),
	            3px 3px 1px rgba(71,121,155,0.3),
	            -1px 3px 1px rgba(71,121,155,0.3),
	            -2px 3px 1px rgba(71,121,155,0.3),
	            -3px 3px 1px rgba(71,121,155,0.3),
	            1px -1px 1px rgba(71,121,155,0.3),
	            2px -1px 1px rgba(71,121,155,0.3),
	            3px -1px 1px rgba(71,121,155,0.3),
	            -1px -1px 1px rgba(71,121,155,0.3),
	            -2px -1px 1px rgba(71,121,155,0.3),
	            -3px -1px 1px rgba(71,121,155,0.3),
	            1px -2px 1px rgba(71,121,155,0.3),
	            2px -2px 1px rgba(71,121,155,0.3),
	            3px -2px 1px rgba(71,121,155,0.3),
	            -1px -2px 1px rgba(71,121,155,0.3),
	            -2px -2px 1px rgba(71,121,155,0.3),
	            -3px -2px 1px rgba(71,121,155,0.3),
	            1px -3px 1px rgba(71,121,155,0.3),
	            2px -3px 1px rgba(71,121,155,0.3),
	            3px -3px 1px rgba(71,121,155,0.3),
	            -1px -3px 1px rgba(71,121,155,0.3),
	            -2px -3px 1px rgba(71,121,155,0.3),
	            -3px -3px 1px rgba(71,121,155,0.3);
}
@media screen and (max-width:768px){
	.introduction__catch{
		font-size:calc(30 / var(--vw-min) * 100vw);
		line-height:1.6666;
		margin-bottom:calc(18 / var(--vw-min) * 100vw);
		text-shadow:none;
	}
}
.introduction__text{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}
@media screen and (max-width:768px){
	.introduction__text{
		display:block;
		line-height:2;
	}
}
.introduction__text--liner{
	display:block;
	height:min(calc(28 / var(--vw-min) * 100vw),28px);
	margin-bottom:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	color:var(--color-blue);
	background:#FFF;
	line-height:min(calc(28 / var(--vw-min) * 100vw),28px);
	padding:0 0.25em;
}
@media screen and (max-width:768px){
	.introduction__text--liner{
		display:unset;
		font-size:calc(24 / var(--vw-min) * 100vw);
		height:unset;
		margin-bottom:0;
		padding:0;
	}
}
.story{
	padding:min(calc(110 / var(--vw-min) * 100vw),110px) 0 min(calc(86 / var(--vw-min) * 100vw),86px);
	display:flex;
	justify-content:center;
}
@media screen and (max-width:768px){
	.story{
		padding:calc(100 / var(--vw-min) * 100vw) 0 calc(86 / var(--vw-min) * 100vw);
	}
}
.story__wrap{
	position:relative;
}
@media screen and (max-width:768px){
	.story__wrap{
		width:calc(600 / var(--vw-min) * 100vw);
	}
}
.story__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.78;
	font-weight:700;
	color:var(--color-blue);
	margin-bottom:min(calc(56 / var(--vw-min) * 100vw),56px);
	text-align:center;
}
@media screen and (max-width:768px){
	.story__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(56 / var(--vw-min) * 100vw);
	}
}
.story__catch{
	white-space:nowrap;
	letter-spacing:0.59em;
	padding-left:0.59em;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight:700;
	color:var(--color-blue);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.story__catch{
		font-size:calc(30 / var(--vw-min) * 100vw);
		margin-bottom:calc(47 / var(--vw-min) * 100vw);
	}
}
.story__text{
	line-height:2.5625;
	margin-bottom:2.5625em;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	color:var(--color-blue);
	padding:0 min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.story__text{
		line-height:2.3;
		margin-bottom:2.3em;
		font-size:calc(22 / var(--vw-min) * 100vw);
		color:var(--color-blue);
		padding:0;
	}
}
.story__text:last-child{
	margin-bottom:0;
}
.staff{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 8.3333% 0;
	overflow:hidden;
	clip-path:inset(0);
	position:relative;
}
@media screen and (max-width:768px){
	.staff{
		padding:calc(100 / var(--vw-min) * 100vw) calc(70 / var(--vw-min) * 100vw) 0;
	}
}
.staff:before{
	content:'';
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/top/mv_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.staff:before{
		background:url(../img/top/mv_bg.jpg) no-repeat center center / cover;
	}
}
@supports (background-image:url(../img/top/mv_bg.webp)){
	.staff:before{
		background-image:url(../img/top/mv_bg.webp);
	}
	@media screen and (max-width:768px){
		.staff:before{
			background-image:url(../img/top/mv_bg-s.webp);
		}
	}
}
.staff__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.staff__wrap:not(:last-child){
	margin-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
}
.staff__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:var(--color-blue);
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.staff__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
	.staff__wrap:not(:last-child){
		margin-bottom:calc(120 / var(--vw-min) * 100vw);
	}
}
.staff__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px);
	display:flex;
	flex-wrap:wrap;
}
@media screen and (max-width:768px){
	.staff__lists{
		margin:0;
		justify-content:space-between;
	}
}
.staff__list{
	width:calc(100% / 3);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(194 / var(--vw-min) * 100vw),194px);
	color:var(--color-blue);
}
@media screen and (max-width:768px){
	.staff__list{
		width:calc(280 / var(--vw-min) * 100vw);
		padding:0;
		height:calc(200 / var(--vw-min) * 100vw);
	}
}
.staff__list.is-full{
	width:100%;
}
.staff__list--key{
	border-top:1px solid var(--color-blue);
	padding-top:min(calc(26 / var(--vw-min) * 100vw),26px);
	font-family:var(--font-serif);
	font-weight:700;
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	white-space:nowrap;
}
@media screen and (max-width:768px){
	.staff__list--key{
		padding-top:calc(20 / var(--vw-min) * 100vw);
		font-size:calc(18 / var(--vw-min) * 100vw);
	}
}
.staff__list--val{
	font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
	font-weight:700;
	line-height:1.5666;
	/*letter-spacing:0.2em;*/
}
@media screen and (max-width:768px){
	.staff__list--val{
		font-size:calc(32 / var(--vw-min) * 100vw);
		letter-spacing:0.05em
	}
}
.staff__list--val small{
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	/*letter-spacing:0.19em;*/
}
@media screen and (max-width:768px){
	.staff__list--val small{
		font-size:calc(24 / var(--vw-min) * 100vw);
		display:block;
		letter-spacing:0.05em;
	}
}
.staff__list--comment{
	display:inline-block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	background:url(../img/common/icon_comment.svg) no-repeat center center / contain;
	vertical-align:text-top;
	margin-top:min(calc(5 / var(--vw-min) * 100vw),5px);
	margin-left:0.15em;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.staff__list--comment{
		width:calc(36 / var(--vw-min) * 100vw);
		height:calc(36 / var(--vw-min) * 100vw);
		background:url(../img/common/icon_comment.svg) no-repeat center center / contain;
		vertical-align:text-top;
		margin-top:0;
		margin-left:0.4em;
	}
}
.staff__list--comment:hover{
	transform:scale(1.3);
	transform-origin:left bottom;
}
.comics{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 0;
}
@media screen and (max-width:768px){
	.comics{
		padding:calc(100 / var(--vw-min) * 100vw) 0 calc(70 / var(--vw-min) * 100vw);
	}
}
.comics__wrap{
	width:100%;
	overflow:hidden;
}
.comics__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.78;
	font-weight:700;
	color:var(--color-blue);
	text-align:center;
}
@media screen and (max-width:768px){
	.comics__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
	}
}
.comics__swiperWrap{
	padding:min(calc(60 / var(--vw-min) * 100vw),60px) 8.3333% min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.comics__swiperWrap{
		padding:calc(60 / var(--vw-min) * 100vw) calc(200 / var(--vw-min) * 100vw);
	}
}
.comics__swiperCont{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.comics__swiper{
	overflow:visible;
	margin:0 max(calc(-25 / var(--vw-min) * 100vw),-25px);
}
@media screen and (max-width:768px){
	.comics__swiper{
		overflow:visible;
		margin:0;
	}
}
.comics__swiper-wrapper{
	display:flex;
	padding-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
}
.comics__swiper-slide{
	width:calc(100% / 3);
	padding:0 min(calc(25 / var(--vw-min) * 100vw),25px);
}
@media screen and (max-width:768px){
	.comics__swiper-slide{
		width:100%;
		padding:0 min(calc(25 / var(--vw-min) * 100vw),25px);
	}
}
.comics__link{
	display:block;
	text-decoration:none;
	color:var(--color-blue);
}
.comics__thumb{
	margin-bottom:0.5em;
	transition:all 0.8s ease;
}
.comics__link:hover .comics__thumb{
	transform:scale(1.05);
}
.comics__thumb img{
	width:100%;
	height:auto;
	display:block;
}
.comics__name{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	display:flex;
	justify-content:center;
}
@media screen and (max-width:768px){
	.comics__name{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.comics__swiper-scrollbar{
	margin:0 min(calc(90 / var(--vw-min) * 100vw),90px);
}
@media screen and (max-width:768px){
	.comics__swiper-scrollbar{
		margin:0 calc(-120 / var(--vw-min) * 100vw);
	}
}
.comics__swiper .comics__swiper-scrollbar{
	position:relative;
	left:unset;
	bottom:unset;
	height:min(calc(16 / var(--vw-min) * 100vw),16px);
	background:transparent;
	border-radius:0;
	width:unset;
}
.comics__swiper .comics__swiper-scrollbar:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:1px;
	background:var(--color-lightblue);
}
.comics__swiper .swiper-scrollbar-drag{
	background:transparent;
	border-radius:0;
	position:relative;
	cursor:pointer;
}
.comics__swiper .swiper-scrollbar-drag:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:50%;
	height:1px;
	background:var(--color-blue);
}
.comics__swiper-prevBtn{
	position:absolute;
	left:min(calc(86 / var(--vw-min) * 100vw),86px);
	bottom:0;
	width:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	height:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	z-index:60;
}
@media screen and (max-width:768px){
	.comics__swiper-prevBtn{
		left:calc(-130 / var(--vw-min) * 100vw);
		bottom:calc(-8 / var(--vw-min) * 100vw);
		width:calc(30 / var(--vw-min) * 100vw + 1px);
		height:calc(30 / var(--vw-min) * 100vw + 1px);
		z-index:60;
	}
}
.comics__swiper-prevBtn a{
	display:flex;
	width:100%;
	padding-top:100%;
	background:var(--color-blue);
	border-radius:50%;
	position:relative;
	transition:all 0.3s ease;
}
.comics__swiper-prevBtn a:hover{
	transform:scale(1.25);
}
.comics__swiper-prevBtn a:before{
	content:'';
	position:absolute;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	left:50%;
	top:50%;
	margin-left:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	margin-top:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	-webkit-mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	background:#fff;
}
@media screen and (max-width:768px){
	.comics__swiper-prevBtn a:before{
		width:calc(16 / var(--vw-min) * 100vw);
		height:calc(16 / var(--vw-min) * 100vw);
		margin-left:calc(-8 / var(--vw-min) * 100vw);
		margin-top:calc(-8 / var(--vw-min) * 100vw);
	}
}
.comics__swiper-nextBtn{
	position:absolute;
	right:min(calc(86 / var(--vw-min) * 100vw),86px);
	bottom:0;
	width:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	height:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	z-index:60;
}
@media screen and (max-width:768px){
	.comics__swiper-nextBtn{
		right:calc(-130 / var(--vw-min) * 100vw);
		bottom:calc(-8 / var(--vw-min) * 100vw);
		width:calc(30 / var(--vw-min) * 100vw + 1px);
		height:calc(30 / var(--vw-min) * 100vw + 1px);
	}
}
.comics__swiper-nextBtn a{
	display:flex;
	width:100%;
	padding-top:100%;
	background:var(--color-blue);
	border-radius:50%;
	position:relative;
	transition:all 0.3s ease;
}
.comics__swiper-nextBtn a:hover{
	transform:scale(1.25);
}
.comics__swiper-nextBtn a:before{
	content:'';
	position:absolute;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	left:50%;
	top:50%;
	margin-left:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	margin-top:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	-webkit-mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	background:#fff;
	transform:rotate(180deg);
}
@media screen and (max-width:768px){
	.comics__swiper-nextBtn a:before{
		width:calc(16 / var(--vw-min) * 100vw);
		height:calc(16 / var(--vw-min) * 100vw);
		margin-left:calc(-8 / var(--vw-min) * 100vw);
		margin-top:calc(-8 / var(--vw-min) * 100vw);
	}
}
.comics__swiper-scrollbar:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	top:min(calc(22 / var(--vw-min) * 100vw),22px);
	-webkit-mask:url(../img/common/text_selector.svg) no-repeat center center / contain;
	mask:url(../img/common/text_selector.svg) no-repeat center center / contain;
	background:var(--color-blue);
}
@media screen and (max-width:768px){
	.comics__swiper-scrollbar:after{
		height:calc(18 / var(--vw-min) * 100vw);
		top:calc(32 / var(--vw-min) * 100vw);
		-webkit-mask:url(../img/common/text_selector.svg) no-repeat center center / contain;
		mask:url(../img/common/text_selector.svg) no-repeat center center / contain;
		background:var(--color-blue);
	}
}
.special{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 8.3333%;
	background:var(--color-blue);
}
@media screen and (max-width:768px){
	.special{
		padding:calc(100 / var(--vw-min) * 100vw) min(calc(70 / var(--vw-min) * 100vw),70px);
		background:var(--color-blue);
	}
}
.special__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.special__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.special__title{
		font-family:var(--font-bodoni);
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.special__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px) max(calc(-30 / var(--vw-min) * 100vw),-30px);
	display:flex;
	flex-wrap:wrap;
	/* 2件以内の場合のみ下記適用 */
	justify-content:center;
}
@media screen and (max-width:768px){
	.special__lists{
		margin:0 0 calc(-80 / var(--vw-min) * 100vw);
		display:block;
	}
}
.special__item{
	width:calc(100% / 3);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.special__item{
		width:100%;
		padding:0;
		margin-bottom:calc(80 / var(--vw-min) * 100vw);
	}
}
.special__itemLink{
	display:block;
	position:relative;
	padding-top:min(calc(17 / var(--vw-min) * 100vw),17px);
	text-decoration:none;
	height:100%;
}
.special__itemLink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:#fff;
}
.special__itemLink:after{
	content:'';
	position:absolute;
	left:0;
	width:20%;
	top:0;
	height:1px;
	background:var(--color-paleblue);
	animation:newsLine-out 0.3s ease forwards;
}
@media screen and (max-width:768px){
	.special__itemLink:after{
		width:calc(56 / var(--vw-min) * 100vw);
		animation:unset;
	}
}
.special__itemLink:hover:after{
	animation:newsLine-in 0.3s ease forwards;
}
.special__itemMark{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	margin:max(calc(-15 / var(--vw-min) * 100vw),-15px) 0 0 max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background:var(--color-blue);
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.special__itemMark{
		width:calc(53 / var(--vw-min) * 100vw);
		height:calc(53 / var(--vw-min) * 100vw);
		margin:calc(-26.5 / var(--vw-min) * 100vw) 0 0 calc(-26.5 / var(--vw-min) * 100vw);
	}
}
.special__itemMark:before{
	content:'';
	display:block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	-webkit-mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	background:#fff;
	transition:all 0.1s ease;
}
@media screen and (max-width:768px){
	.special__itemMark:before{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
.special__itemLink:hover .special__itemMark:before{
	background:var(--color-paleblue);
	transition-delay:0.06s;
}
.special__number{
	display:flex;
	align-items:center;
	font-weight:700;
	font-family:var(--font-bodoni);
	color:#fff;
	margin-bottom:0.5em;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.special__number{
		margin-bottom:0;
	}
}
.special__itemLink:hover .special__number{
	color:var(--color-paleblue);
}
.special__number:after{
	content:'';
	display:block;
	width:min(calc(5 / var(--vw-min) * 100vw),5px);
	height:min(calc(5 / var(--vw-min) * 100vw),5px);
	box-sizing:border-box;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
	transform:rotate(45deg);
}
.special__itemLink:hover .special__number:after{
	border-color:var(--color-pareblue);
}
.special__number--no{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
	padding-top:0;
	line-height:1;
	margin-top:-0.5em;
	margin-right:0.5em;
}
@media screen and (max-width:768px){
	.special__number--no{
		font-size:calc(20 / var(--vw-min) * 100vw);
		display:block;
		padding-top:0;
		line-height:1;
		margin-top:-0.5em;
		margin-right:0.5em;
	}
}
.special__number--num{
	font-size:min(calc(30 / var(--vw-min) * 100vw),30px);
	display:block;
}
@media screen and (max-width:768px){
	.special__number--num{
		font-size:calc(40 / var(--vw-min) * 100vw);
	}
}
.special__itemTitle{
	line-height:2;
	height:4em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	transition:all 0.3s ease;
	color:#fff;
	margin-bottom:1em;
}
@media screen and (max-width:768px){
	.special__itemTitle{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.special__itemLink:hover .special__itemTitle{
	color:var(--color-paleblue);
}
.special__itemThumb{
	width:100%;
	padding-top:50%;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.special__itemThumb img{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.8s ease;
}
.special__itemLink:hover .special__itemThumb img{
	transform:scale(1.1)
}
.character{
	background:var(--color-blue);
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 0;
}
.character__wrap{
	width:100%;
	overflow:hidden;
}
.character__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.78;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin-bottom:min(calc(11 / var(--vw-min) * 100vw),11px);
}
@media screen and (max-width:768px){
	.character__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
	}
}
.character__swiperWrap{
	max-width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.character__swiperWrap{
		padding:0 calc(30 / var(--vw-min) * 100vw);
	}
}
.character__swiperCont{
	width:100%;
	position: relative;
}
.character__swiperNav {
	position: absolute;
	z-index:50;
	left:min(calc(30 / var(--vw-min) * 100vw),30px);
	top:min(calc(100 / var(--vw-min) * 100vw),100px);
	display: flex;
	flex-wrap: wrap;
	width:min(calc(220 / var(--vw-min) * 100vw),220px);
}
@media screen and (max-width:768px){
	.character__swiperNav {
		position:relative;
		left:unset;
		top:unset;
		width:100%;
		justify-content: center;
		margin-top:calc(60 / var(--vw-min) * 100vw);
	}
}
.character__swiperNavItem {
	width:min(calc(100 / var(--vw-min) * 100vw),100px);
	margin:0 min(calc(5 / var(--vw-min) * 100vw),5px) min(calc(10 / var(--vw-min) * 100vw),10px);
}
.character__swiperNavItem a {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	background:#000;
	transition: all 0.4s ease;
	transform-origin: center bottom;
}
@media screen and (hover:hover){
	.character__swiperNavItem a:hover {
		transform:scale(1.1);
	}
}
.character__swiperNavItem.is-active a {
	background:var(--color-paleblue);
	pointer-events: none;
}
.character__swiperNavItem a img {
	width:100%;
	height:auto;
	display: block;
}
.character__swiper{
	overflow:visible;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
.character__swiper-slide{
	position:relative;
	width:100%;
	margin:0 auto;
}
.character__swiperin{
	width:min(calc(1090 / var(--vw-min) * 100vw),1090px);
	margin:0 auto;
	position:relative;
	opacity:0;
	transition:all 0.6s ease;
	transform:scale(0.5);
}
@media screen and (max-width:768px){
	.character__swiperin{
		width:calc(690 / var(--vw-min) * 100vw);
	}
}
.character__swiper-slide.swiper-slide-active .character__swiperin{
	opacity:1;
	transform:scale(1);
}
.character__name-cv{
	display:flex;
	justify-content:flex-end;
	flex-direction:row-reverse;
	position:absolute;
	right:min(calc(140 / var(--vw-min) * 100vw),140px);
	top:min(calc(100 / var(--vw-min) * 100vw),100px);
	align-items:flex-end;
}
@media screen and (max-width:768px){
	.character__name-cv{
		right:0;
	}
}
.character__name{
	letter-spacing:0.2em;
	font-size:min(calc(40 / var(--vw-min) * 100vw),40px);
	font-weight:700;
	color:#fff;
	writing-mode:vertical-rl;
	line-height:2;
	width:min(calc(80 / var(--vw-min) * 100vw),80px);
}
.character__cv{
	padding-top:min(calc(30 / var(--vw-min) * 100vw),30px);
	position:relative;
	color:#fff;
	letter-spacing:0.2em;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-bottom:min(calc(2 / var(--vw-min) * 100vw),2px);
	font-weight:700;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height:2;
}
.character__cv--name{
	writing-mode:vertical-rl;
}
.character__cv:before{
	content:'cast';
	position:absolute;
	top:0;
	left:max(calc(-20 / var(--vw-min) * 100vw),-20px);
	right:max(calc(-20 / var(--vw-min) * 100vw),-20px);
	text-align:center;
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	font-weight:700;
	letter-spacing:0.2em;
}
.character__nameen {
	color:#fff;
	writing-mode: vertical-rl;
	font-family: var(--font-bodoni);
	font-weight: 700;
	line-height:1;
	font-size:min(calc(80 / var(--vw-min) * 100vw),80px);
	width:calc(80 / var(--vw-min) * 100vw);
	position: absolute;
	right:0;
	top:min(calc(100 / var(--vw-min) * 100vw),100px);
	color:var(--color-paleblue);
}
@media screen and (max-width:768px){
	.character__nameen {
		font-size:min(calc(80 / var(--vw-min) * 100vw),80px);
		left:calc(-40 / var(--vw-min) * 100vw);
		color:var(--color-paleblue);
	}
}
.character__img{
	width:min(calc(555 / var(--vw-min) * 100vw),555px);
	margin:0 auto;
}
.character__img img{
	display:block;
	width:100%;
	height:auto;
}
.character__description{
	display:flex;
	justify-content:center;
	width:100%;
}
@media screen and (max-width:768px){
	.character__description{
		width:calc(620 / var(--vw-min) * 100vw);
		margin:0 auto;
	}
}
.character__descriptionText{
	color:#fff;
	line-height:2.5;
	letter-spacing:0.2em;
}
.character__swiper-scrollbar{
	margin:0 min(calc(65 / var(--vw-min) * 100vw),65px);
}
@media screen and (max-width:768px){
	.character__swiper-scrollbar{
		margin:0 calc(50 / var(--vw-min) * 100vw)
	}
}
.character__swiper .character__swiper-scrollbar{
	position:relative;
	left:unset;
	bottom:unset;
	height:min(calc(16 / var(--vw-min) * 100vw),16px);
	background:transparent;
	border-radius:0;
	width:unset;
}
.character__swiper .character__swiper-scrollbar:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	right:0;
	height:1px;
	background:var(--color-paleblue);
}
.character__swiper .swiper-scrollbar-drag{
	background:transparent;
	border-radius:0;
	position:relative;
	cursor:pointer;
}
.character__swiper .swiper-scrollbar-drag:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:50%;
	height:1px;
	background:#fff;
}
.character__swiper-prevBtn{
	position:absolute;
	left:min(calc(60 / var(--vw-min) * 100vw),60px);
	bottom:0;
	width:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	height:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	z-index:60;
}
@media screen and (max-width:768px){
	.character__swiper-prevBtn{
		left:calc(40 / var(--vw-min) * 100vw);
		bottom:calc(-8 / var(--vw-min) * 100vw);
		width:calc(30 / var(--vw-min) * 100vw + 1px);
		height:calc(30 / var(--vw-min) * 100vw + 1px);
		z-index:60;
	}
}
.character__swiper-prevBtn a{
	display:flex;
	width:100%;
	padding-top:100%;
	background:#fff;
	border-radius:50%;
	position:relative;
	transition:all 0.3s ease;
}
.character__swiper-prevBtn a:hover{
	transform:scale(1.25);
}
.character__swiper-prevBtn a:before{
	content:'';
	position:absolute;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	left:50%;
	top:50%;
	margin-left:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	margin-top:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	-webkit-mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	background:var(--color-blue);
}
@media screen and (max-width:768px){
	.character__swiper-prevBtn a:before{
		width:calc(16 / var(--vw-min) * 100vw);
		height:calc(16 / var(--vw-min) * 100vw);
		margin-left:calc(-8 / var(--vw-min) * 100vw);
		margin-top:calc(-8 / var(--vw-min) * 100vw);
	}
}
.character__swiper-nextBtn{
	position:absolute;
	right:min(calc(60 / var(--vw-min) * 100vw),60px);
	bottom:0;
	width:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	height:calc(min(calc(15 / var(--vw-min) * 100vw),15px) + 1px);
	z-index:60;
}
@media screen and (max-width:768px){
	.character__swiper-nextBtn{
		right:calc(40 / var(--vw-min) * 100vw);
		bottom:calc(-8 / var(--vw-min) * 100vw);
		width:calc(30 / var(--vw-min) * 100vw + 1px);
		height:calc(30 / var(--vw-min) * 100vw + 1px);
	}
}
.character__swiper-nextBtn a{
	display:flex;
	width:100%;
	padding-top:100%;
	background:#fff;
	border-radius:50%;
	position:relative;
	transition:all 0.3s ease;
}
.character__swiper-nextBtn a:hover{
	transform:scale(1.25);
}
.character__swiper-nextBtn a:before{
	content:'';
	position:absolute;
	width:min(calc(8 / var(--vw-min) * 100vw),8px);
	height:min(calc(8 / var(--vw-min) * 100vw),8px);
	left:50%;
	top:50%;
	margin-left:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	margin-top:max(calc(-4 / var(--vw-min) * 100vw),-4px);
	-webkit-mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_scrollarrow.svg) no-repeat center center / contain;
	background:var(--color-blue);
	transform:rotate(180deg);
}
@media screen and (max-width:768px){
	.character__swiper-nextBtn a:before{
		width:calc(16 / var(--vw-min) * 100vw);
		height:calc(16 / var(--vw-min) * 100vw);
		margin-left:calc(-8 / var(--vw-min) * 100vw);
		margin-top:calc(-8 / var(--vw-min) * 100vw);
	}
}
.character__swiper-scrollbar:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	top:min(calc(22 / var(--vw-min) * 100vw),22px);
	-webkit-mask:url(../img/common/text_selector.svg) no-repeat center center / contain;
	mask:url(../img/common/text_selector.svg) no-repeat center center / contain;
	background:#fff;
}
@media screen and (max-width:768px){
	.character__swiper-scrollbar:after{
		height:calc(18 / var(--vw-min) * 100vw);
		top:calc(32 / var(--vw-min) * 100vw);
	}
}
.trailer{
	height:min(calc(620 / var(--vw-min) * 100vw),620px);
	position:relative;
	overflow:hidden;
	background:#000;
}
@media screen and (max-width:768px){
	.trailer{
		height:calc(820 / var(--vw-min) * 100vw);
	}
}
.trailer__bgMovie{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.trailer__bgMoviein{
	width:100%;
	position:relative;
	padding-top:56.25%;
	flex-shrink:0;
}
@media screen and (max-width:768px){
	.trailer__bgMoviein{
		width:calc(1458 / var(--vw-min) * 100vw);
		padding-top:0;
		height:calc(820 / var(--vw-min) * 100vw);
	}
}
.trailer__bgMoviein video{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.trailer__bgMoviein:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.25) url(../img/top/movie_mask.png) repeat center center;
}
.trailer__wrap{
	position:relative;
	z-index:50;
	padding:min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.trailer__wrap{
		padding:calc(110 / var(--vw-min) * 100vw);
	}
}
.trailer__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.78;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin-bottom:calc(90 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.trailer__title{
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(120 / var(--vw-min) * 100vw);
	}
}
.trailer__swiper{
	width:min(calc(290 / var(--vw-min) * 100vw),290px);
	margin:0 auto;
	overflow:visible;
}
@media screen and (max-width:768px){
	.trailer__swiper{
		width:calc(370 / var(--vw-min) * 100vw);
	}
}
.trailer__swiper-slide{
	width:min(calc(290 / var(--vw-min) * 100vw),290px);
	padding:0 min(calc(45 / var(--vw-min) * 100vw),45px);
}
@media screen and (max-width:768px){
	.trailer__swiper-slide{
		width:calc(370 / var(--vw-min) * 100vw);
		padding:0 calc(35 / var(--vw-min) * 100vw);
	}
}
.trailer__swiperLink{
	width:min(calc(200 / var(--vw-min) * 100vw),200px);
	height:min(calc(200 / var(--vw-min) * 100vw),200px);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--color-blue);
	font-family:var(--font-bodoni);
	line-height:1;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	position:relative;
	overflow:hidden;
	margin-bottom:min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.trailer__swiperLink{
		width:calc(300 / var(--vw-min) * 100vw);
		height:calc(300 / var(--vw-min) * 100vw);
		font-size:calc(90 / var(--vw-min) * 100vw);
		margin-bottom:calc(16 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.trailer__swiperLink:before{
		content:'';
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		transform:scale(0);
		background:var(--color-paleblue);
		transition:all 0.3s ease;
		opacity:0.75;
	}
	.trailer__swiperLink:hover:before{
		transform:scale(1) rotate(90deg);
	}
}
.trailer__swiperLink span{
	position:relative;
}
.trailer__name{
	margin-left:max(calc(-30 / var(--vw-min) * 100vw),-30px);
	margin-right:max(calc(-30 / var(--vw-min) * 100vw),-30px);
	text-align:center;
	color:#fff;
	font-weight:700;
	letter-spacing:0.2em;
	padding-left:0.2em;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight:700;
}
@media screen and (max-width:768px){
	.trailer__name{
		font-size:calc(30 / var(--vw-min) * 100vw);
	}
}

.music{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 8.3333%;
	background:#647588;
}
@media screen and (max-width:768px){
	.music{
		padding:calc(100 / var(--vw-min) * 100vw) min(calc(70 / var(--vw-min) * 100vw),70px);
		background:#647588;
	}
}
.music__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.music__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.music__title{
		font-family:var(--font-bodoni);
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.music__lists{
	margin:0 max(calc(-40 / var(--vw-min) * 100vw),-40px) max(calc(-30 / var(--vw-min) * 100vw),-30px);
	display:flex;
	flex-wrap:wrap;
	/* 2件以内の場合のみ下記適用 */
	justify-content:center;
}
@media screen and (max-width:768px){
	.music__lists{
		margin:0 0 calc(-80 / var(--vw-min) * 100vw);
		display:block;
	}
}
.music__item{
	width:calc(100% / 3);
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.music__item{
		width:100%;
		padding:0;
		margin-bottom:calc(80 / var(--vw-min) * 100vw);
	}
}
.music__itemLink{
	display:block;
	position:relative;
	padding-top:min(calc(17 / var(--vw-min) * 100vw),17px);
	text-decoration:none;
	height:100%;
}
.music__itemLink:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:1px;
	background:#fff;
}
.music__itemLink:after{
	content:'';
	position:absolute;
	left:0;
	width:20%;
	top:0;
	height:1px;
	background:var(--color-paleblue);
	animation:newsLine-out 0.3s ease forwards;
}
@media screen and (max-width:768px){
	.music__itemLink:after{
		width:calc(56 / var(--vw-min) * 100vw);
		animation:unset;
	}
}
.music__itemLink:hover:after{
	animation:newsLine-in 0.3s ease forwards;
}
.music__itemMark{
	position:absolute;
	left:50%;
	top:0;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	margin:max(calc(-15 / var(--vw-min) * 100vw),-15px) 0 0 max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background:#647588;
	z-index:10;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.music__itemMark{
		width:calc(53 / var(--vw-min) * 100vw);
		height:calc(53 / var(--vw-min) * 100vw);
		margin:calc(-26.5 / var(--vw-min) * 100vw) 0 0 calc(-26.5 / var(--vw-min) * 100vw);
	}
}
.music__itemMark:before{
	content:'';
	display:block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(14 / var(--vw-min) * 100vw),14px);
	-webkit-mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_moon.svg) no-repeat center center / contain;
	background:#fff;
	transition:all 0.1s ease;
}
@media screen and (max-width:768px){
	.music__itemMark:before{
		width:calc(32 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
.music__itemLink:hover .music__itemMark:before{
	background:var(--color-paleblue);
	transition-delay:0.06s;
}
.music__number{
	display:flex;
	align-items:center;
	font-weight:700;
	font-family:var(--font-bodoni);
	color:#fff;
	margin-bottom:0.5em;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.music__number{
		margin-bottom:0;
	}
}
.music__itemLink:hover .music__number{
	color:var(--color-paleblue);
}
.music__number:after{
	content:'';
	display:block;
	width:min(calc(5 / var(--vw-min) * 100vw),5px);
	height:min(calc(5 / var(--vw-min) * 100vw),5px);
	box-sizing:border-box;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	margin-left:min(calc(16 / var(--vw-min) * 100vw),16px);
	transform:rotate(45deg);
}
.music__itemLink:hover .music__number:after{
	border-color:var(--color-pareblue);
}
.music__number--no{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
	padding-top:0;
	line-height:1;
	margin-top:-0.5em;
	margin-right:0.5em;
}
@media screen and (max-width:768px){
	.music__number--no{
		font-size:calc(20 / var(--vw-min) * 100vw);
		display:block;
		padding-top:0;
		line-height:1;
		margin-top:-0.5em;
		margin-right:0.5em;
	}
}
.music__number--num{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	display:block;
}
@media screen and (max-width:768px){
	.music__number--num{
		font-size:calc(20 / var(--vw-min) * 100vw);
	}
}
.music__itemTitle{
	line-height:2;
	height:2em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	transition:all 0.3s ease;
	color:#fff;
	margin-bottom:1em;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.music__itemTitle{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.music__itemLink:hover .music__itemTitle{
	color:var(--color-paleblue);
}
.music__itemThumb{
	width:100%;
	padding-top:100%;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.music__itemThumb img{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all 0.8s ease;
}
.music__itemLink:hover .music__itemThumb img{
	transform:scale(1.1)
}


.snsAccount{
	padding:min(calc(100 / var(--vw-min) * 100vw),100px) 8.3333%;
	background:#647588;
}
@media screen and (max-width:768px){
	.snsAccount{
		padding:calc(100 / var(--vw-min) * 100vw) min(calc(70 / var(--vw-min) * 100vw),70px);
		background:#647588;
	}
}
.snsAccount__wrap{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.snsAccount__title{
	font-family:var(--font-bodoni);
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	line-height:0.783;
	font-weight:700;
	color:#fff;
	text-align:center;
	margin-bottom:min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.snsAccount__title{
		font-family:var(--font-bodoni);
		font-size:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(60 / var(--vw-min) * 100vw);
		line-height:1.2;
	}
}

.snsAccount__lists{
	display:flex;
	flex-wrap:wrap;
	/* 2件以内の場合のみ下記適用 */
	justify-content:center;
	padding: 0;
}
@media screen and (max-width:768px){
	.snsAccount__lists{
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
}
.snsAccount__item{
	width:calc(100% / 2);
	padding:0 min(calc(5 / var(--vw-min) * 100vw),5px);
	margin-bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.snsAccount__item{
		width:calc(100% / 2);
		padding:0 calc(5 / var(--vw-min) * 100vw);
		margin-bottom:calc(10 / var(--vw-min) * 100vw);
	}
}

.article__btlist{
	width:100%;
	margin:0 auto;
}
.article__btlistLink{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	display:flex;
	width:100%;
	height:min(calc(55 / var(--vw-min) * 100vw),55px);
	justify-content:center;
	align-items:center;
	color:#fff;
	font-weight:700;
	font-family:var(--font-bodoni);
	text-decoration:none;
	border:1px solid #fff;
	transition:all 0.6s ease;
}
.article__btlistLink:hover{
	background:#fff;
	color:var(--color-blue);
}

.m__ttl{
	text-align: center;
	padding: 30px 0 50px;
}

.article__title{
	font-size:min(calc(44 / var(--vw-min) * 100vw),44px);
	line-height:1.75;
	color:var(--color-blue);
}

.article__title small{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height:1.75;
}

@media screen and (max-width:768px){
	.article__title{
		font-size:calc(44 / var(--vw-min) * 100vw);
		padding-bottom:calc(16 / var(--vw-min) * 100vw);
	}
	.m__ttl{
		text-align: center;
		padding: 10px 0 30px;
	}
	.article__btlist{
		width:100%;
		margin:0 auto;
	}
	.article__btlistLink{
		height:min(80 / var(--vw-min) * 100vw);
	}
}