@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(38 / var(--vw-min) * 100vw);
		bottom:unset;
		left:calc(257 / var(--vw-min) * 100vw);
		right:calc(257 / var(--vw-min) * 100vw);
		height:calc(124 / var(--vw-min) * 100vw);
		background:#000;
		-webkit-mask:url(../img/common/logo.png) no-repeat center center / contain;
		mask:url(../img/common/logo.png) no-repeat center center / contain;
	}
}
@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{
			background:#000;
			-webkit-mask-image:url(../img/common/logo.webp);
			mask-image:url(../img/common/logo.webp);
		}
	}
}
.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__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:86%;
	bottom:1.1764%;
	background:url(../img/top/startdate.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.mvLeft__startDate{
		top:calc(1084 / var(--vw-min) * 100vw);
		bottom:calc(23 / var(--vw-min) * 100vw);
	}
}
.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__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__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--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(40 / var(--vw-min) * 100vw);
	}
}
.staff__list--val small{
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.staff__list--val small{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}
.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(40 / var(--vw-min) * 100vw);
		height:calc(40 / 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.15em;
		transition:all 0.3s ease;
	}
}
.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)
}