@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * NEWS
 * MOVIES
 * INTRODUCTION / STORY
 * CHARACTER
 * SYSTEM
 * STAFF
 * SPEC
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
/**
* bg
**/
.section__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.section__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.section__bg-clip-in {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.news .section__bg-clip-in {
	background: url(../img/common/bg/bg_news.jpg)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_news.webp)){
	.news .section__bg-clip-in {
		background-image: url(../img/common/bg/bg_news.webp);
	}
}
.movies .section__bg-clip-in {
	background: url(../img/common/bg/bg_movies.jpg)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_movies.webp)){
	.movies .section__bg-clip-in {
		background-image: url(../img/common/bg/bg_movies.webp);
	}
}
.introStory .section__bg-clip-in {
	background: url(../img/common/bg/bg_introStory.jpg)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_introStory.webp)){
	.introStory .section__bg-clip-in {
		background-image: url(../img/common/bg/bg_introStory.webp);
	}
}
.staff .section__bg-clip-in {
	background: url(../img/common/bg/bg_staff.jpg)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_staff.webp)){
	.staff .section__bg-clip-in {
		background-image: url(../img/common/bg/bg_staff.webp);
	}
}
.charaSystem {
	position: relative;
	padding-bottom: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.charaSystem {
		padding-bottom: calc(90 / var(--vw-min) * 100vw);
	}
}
.charaSystem .section__bg-clip-in {
	background: url(../img/common/bg/bg_main.jpg)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_main.webp)){
	.charaSystem .section__bg-clip-in {
		background-image: url(../img/common/bg/bg_main.webp);
	}
}
.bnr__buy {
	position: fixed;
	right: min(calc(35 / var(--vw-min) * 100vw),35px);
	bottom: min(calc(27 / var(--vw-min) * 100vw),27px);
	z-index: 999;
}
@media screen and (max-width:768px){
	.bnr__buy {
		width: calc(280 / var(--vw-min) * 100vw);
		height: calc(225 / var(--vw-min) * 100vw);
		right: 0;
		bottom: calc(10 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
}
.bnr__buyLink {
	width: min(calc(183 / var(--vw-min) * 100vw),183px);
	height: min(calc(173 / var(--vw-min) * 100vw),173px);
	position: relative;
	display: block;
	background: url(../img/common/bnr/bnr_buy.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.bnr__buyLink {
		width: calc(239 / var(--vw-min) * 100vw);
		height: calc(225 / var(--vw-min) * 100vw);
		position: absolute;
		right: calc(-10 / var(--vw-min) * 100vw);
	}
}
.bnr__buyLink::before {
	content: "";
	width: min(calc(83 / var(--vw-min) * 100vw),83px);
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	display: block;
	position: absolute;
	bottom: min(calc(35 / var(--vw-min) * 100vw),35px);
	left: max(calc(-30 / var(--vw-min) * 100vw),-30px);
	background: url(../img/common/deco/deco_gun.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.bnr__buyLink::before {
		width: calc(111 / var(--vw-min) * 100vw);
		height: calc(98 / var(--vw-min) * 100vw);
		top: calc(87 / var(--vw-min) * 100vw);
		left: calc(-40 / var(--vw-min) * 100vw);
	}
}
.bnr__buyLink::after {
	content: "";
	width: min(calc(46 / var(--vw-min) * 100vw),46px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	display: block;
	position: absolute;
	top: min(calc(25 / var(--vw-min) * 100vw),25px);
	right: 0;
	transform: rotate(15deg);
	background: url(../img/common/deco/deco_robot.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.bnr__buyLink::after {
		width: calc(65 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
		right: 0;
	}
}
@keyframes gunBounce{
    0% {transform: translateX(0) rotate(0);}
    50% {transform: translateX(-10px) rotate(-5deg);}
    100% {transform: translateX(0) rotate(0);}
}
@keyframes robotBounce {
	0% {transform: translateY(0) rotate(15deg);}
    50% {transform: translateY(-10px) rotate(25deg);}
    100% {transform: translateY(0) rotate(15deg);}
}
.bnr__buyLink.--animate::before {
    animation: gunBounce .5s cubic-bezier(0.25, 1, 0.5, 1);
}
.bnr__buyLink.--animate::after {
    animation: robotBounce .4s cubic-bezier(0.25, 1, 0.5, 1);
    animation-delay: .3s;
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fv {
	width: 100%;
	height: 100vh;
	position: relative;
}
@media screen and (max-width:768px){
	.fv {
		height: 100%;
	}
}
.fv__logo {
	width: min(calc(516 / var(--vw-min) * 100vw),516px);
	height: min(calc(300 / var(--vw-min) * 100vw),300px);
	position: absolute;
	z-index: 4;
	bottom: min(calc(147 / var(--vw-min) * 100vw),147px);
	left: min(calc(40 / var(--vw-min) * 100vw),40px);
	background: url(../img/common/logo/logo_zmg.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fv__logo {
		width: calc(516 / var(--vw-min) * 100vw);
		height: calc(300 / var(--vw-min) * 100vw);
		bottom: calc(240 / var(--vw-min) * 100vw);
		left: calc(23 / var(--vw-min) * 100vw);
	}
}
.fv__catch {
	font-size: min(calc(39 / var(--vw-min) * 100vw),39px);
	font-weight: 700;
	line-height: 1.5;
	position: absolute;
	bottom: min(calc(90 / var(--vw-min) * 100vw),90px);
	left: min(calc(56 / var(--vw-min) * 100vw),56px);
	z-index: 4;
}
@media screen and (max-width:768px){
	.fv__catch {
		font-size: calc(39 / var(--vw-min) * 100vw);
		bottom: calc(180 / var(--vw-min) * 100vw);
		left: calc(45 / var(--vw-min) * 100vw);
	}
}
.fv__catch span {
	display: inline-block;
	line-height: 1;
	padding: min(calc(7 / var(--vw-min) * 100vw),7px) min(calc(10 / var(--vw-min) * 100vw),10px);
	background: linear-gradient(var(--color-blue003));
}
@media screen and (max-width:768px){
	.fv__catch span {
		padding: calc(8 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
	}
}
/**
* movie
**/
.fvBg {
    position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#000;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 3;
}
.fvBg__inner {
	display: block;
	width:100%;
	height:100%;
	position: relative;
}
#bg-video {
    width: 100%;
    height: 100%;
}
@media screen and (max-width:768px){
	.fvBg {
		display: none;
	}
}
.visualSwiper {
	display: none;
}
@media screen and (max-width:768px){
	.visualSwiper {
		width: 100%;
		display: block;
	}
	.visualItem img {
		width: 100%;
		pointer-events: none;
	}
}
.fv__head {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 4;
	display: flex;
	align-items: center;
	border-top: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	padding: min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(40 / var(--vw-min) * 100vw),40px);
	background-color: rgba(0, 0, 0, .85);
}
@media screen and (max-width:768px){
	.fv__head {
		align-items: unset;
		flex-direction: column-reverse;
		border-width: calc(1 / var(--vw-min) * 100vw);
		padding: calc(46 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
	}
}
.fv__head:after {
    content: '';
    display: block;
    flex: 1;
}
.fv__head .official-tit {
	margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.fv__head .official-tit {
		margin-right: calc(20 / var(--vw-min) * 100vw);
	}
}
.fv__head .officialWrap {
	flex: 1;
	padding-left: min(calc(35 / var(--vw-min) * 100vw),35px);
}
@media screen and (max-width:768px){
	.fv__head .officialWrap{
		padding-left: calc(95 / var(--vw-min) * 100vw);
	}
}
.fv__head .official__item {
	margin-right: min(calc(20 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.fv__head .official__item {
		margin-right: calc(17 / var(--vw-min) * 100vw);
	}
}
.fv__head .official__link--x {
	width: min(calc(21 / var(--vw-min) * 100vw),21px);
	height: min(calc(21 / var(--vw-min) * 100vw),21px);
}
.fv__head .official__link--insta {
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.fv__head .official__link--yt {
	width: min(calc(32 / var(--vw-min) * 100vw),32px);
	height: min(calc(22 / var(--vw-min) * 100vw),22px);
}
.fv__head .official__link--fb {
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
}
.fv__head .official__link--weibo {
	width: min(calc(36 / var(--vw-min) * 100vw),36px);
	height: min(calc(29 / var(--vw-min) * 100vw),29px);
}
@media screen and (max-width:768px){
	.fv__head .official__link--x {
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
	}
	.fv__head .official__link--insta {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
	.fv__head .official__link--yt {
		width: calc(44 / var(--vw-min) * 100vw);
		height: calc(31 / var(--vw-min) * 100vw);
	}
	.fv__head .official__link--fb {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
	.fv__head .official__link--weibo {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(39 / var(--vw-min) * 100vw);
	}
}
.fv__head .spec__pfLogoLists {
	margin-top: 0;
}
@media screen and (max-width:768px){
	.fv__head .spec__pfLogoLists {
		padding-left: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(30 / var(--vw-min) * 100vw);
	}
	.fv__head .spec__pfLogo:not(:last-child) {
		margin-right: calc(20 / var(--vw-min) * 100vw);
	}
	.fv__pf .spec__pfLogo.--switch2 {
		width: calc(41 / var(--vw-min) * 100vw);
	}
	.fv__pf	.spec__pfLogo.--pl5 {
		width: calc(120 / var(--vw-min) * 100vw);
	}
	.fv__pf	.spec__pfLogo.--steam {
		width: calc(112 / var(--vw-min) * 100vw);
	}
	.fv__pf	.spec__pfLogo.--store {
		width: calc(92 / var(--vw-min) * 100vw);
	}

}
.fv__deco-l,
.fv__deco-r {
	width: min(calc(254 / var(--vw-min) * 100vw),254px);
	height: min(calc(32 / var(--vw-min) * 100vw),32px);
	position: absolute;
	bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
	background: url(../img/common/deco/deco_fv-frame.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fv__deco-l,
	.fv__deco-r {
		bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.fv__deco-l {
	left: min(calc(43 / var(--vw-min) * 100vw),43px);
}
@media screen and (max-width:768px){
	.fv__deco-l {
		width: calc(85 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
		left: calc(10 / var(--vw-min) * 100vw);
		overflow: hidden;
		background-size: cover;
		background-position: left center;
	}
}
.fv__deco-r {
	right: min(calc(43 / var(--vw-min) * 100vw),43px);
}
@media screen and (max-width:768px){
	.fv__deco-r {
		width: calc(328 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
		background-image: url(../img/common/deco/deco_fv-frame-s.png);
		background-size: cover;
		transform: scale(1);
	}
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
	position: relative;
	padding: min(calc(64 / var(--vw-min) * 100vw),64px) 0 min(calc(68 / var(--vw-min) * 100vw),68px);
}
@media screen and (max-width:768px){
	.news {
		padding: calc(86 / var(--vw-min) * 100vw) 0 calc(77 / var(--vw-min) * 100vw);
	}
}
.newsWrap {
	width: min(calc(1020 / var(--vw-min) * 100vw),1020px);
	position: relative;
	z-index: 1;
	display: flex;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.newsWrap  {
		width: 100%;
		flex-direction: column;
		padding: 0 calc(87 / var(--vw-min) * 100vw);
	}
}
.news__deco-costume {
	width: min(calc(104 / var(--vw-min) * 100vw),104px);
	height: min(calc(81 / var(--vw-min) * 100vw),81px);
	position: absolute;
	top: min(calc(143 / var(--vw-min) * 100vw),143px);
	left: min(calc(42 / var(--vw-min) * 100vw),42px);
	transform: rotate(-15deg);
	background: url(../img/common/deco/deco_costume.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.news__deco-costume {
		width: calc(79 / var(--vw-min) * 100vw);
		height: calc(61 / var(--vw-min) * 100vw);
		top: calc(-12 / var(--vw-min) * 100vw);
		left: calc(327 / var(--vw-min) * 100vw);
	}
}
.news__deco-ribbon {
	width: min(calc(48 / var(--vw-min) * 100vw),48px);
	height: min(calc(39 / var(--vw-min) * 100vw),39px);
	position: absolute;
	top: min(calc(243 / var(--vw-min) * 100vw),243px);
	left: min(calc(132 / var(--vw-min) * 100vw),132px);
	transform: rotate(15deg);
	background: url(../img/common/deco/deco_ribbon.png)no-repeat center/contain;
	animation: 1.8s ani_rotate02 linear infinite;
}
@media screen and (max-width:768px){
	.news__deco-ribbon {
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(30 / var(--vw-min) * 100vw);
		top: calc(40 / var(--vw-min) * 100vw);
		left: calc(410 / var(--vw-min) * 100vw);
	}
}
.news .cont-tit {
	width: min(calc(194 / var(--vw-min) * 100vw),194px);
	height: min(calc(72 / var(--vw-min) * 100vw),72px);
	display: block;
	-webkit-mask: url(../img/common/tit/tit_news.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_news.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.news .cont-tit {
		width: calc(195 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
	}
}
.newsCont {
	width: calc(100% - min(calc(194 / var(--vw-min) * 100vw),194px));
	position: relative;
	padding-left: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.newsCont {
		width: 100%;
		padding-left: 0;
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.newsCont.has-scroll::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: min(calc(6 / var(--vw-min) * 100vw),6px);
	height: 100%;
	pointer-events: none;
	box-shadow: 0 0 30px var(--color-blue00);
}
@media screen and (max-width:768px){
	.newsCont::before {
		width: calc(6 / var(--vw-min) * 100vw);
	}
}
.news__lists {
	max-height: min(calc(400 / var(--vw-min) * 100vw),400px);
	overflow-y: auto;
	padding-right: min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.news__lists {
		max-height: calc(591 / var(--vw-min) * 100vw);
		padding-right: calc(66 / var(--vw-min) * 100vw);
	}
}
/**
* scrollbar
**/
.news__lists::-webkit-scrollbar {
	width: min(calc(6 / var(--vw-min) * 100vw),6px);
}
@media screen and (max-width:768px){
	.news__lists::-webkit-scrollbar {
		width: calc(6 / var(--vw-min) * 100vw);
	}
}
.news__lists::-webkit-scrollbar-track {
	background-color: #fff;
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
}
.news__lists::-webkit-scrollbar-thumb {
	background-color: var(--color-blue00);
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.news__lists::-webkit-scrollbar-track,
	.news__lists::-webkit-scrollbar-thumb {
		border-radius: calc(3 / var(--vw-min) * 100vw);
	}
}
.news__item {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: #fff;
	text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
	display: block;
	padding-bottom: min(calc(15 / var(--vw-min) * 100vw),15px);
	text-decoration: none;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-blue00);
	margin-top: max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
@media screen and (max-width:768px){
	.news__item {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}
.news__item:not(:first-child) {
	margin-top: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.news__item:not(:first-child) {
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}
}
.news__time {
	color: var(--color-blue00);
	line-height: 1;
}
.news__txt {
	line-height: 2;
	overflow: hidden;
	display: -webkit-box;
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
}
.news__item a {
	color: var(--color-blue00);
	text-decoration: none;
}
/*-----------------------------------------------
 * MOVIES
-------------------------------------------------*/
.movies {
	position: relative;
	padding: min(calc(100 / var(--vw-min) * 100vw),100px) 0;
}
@media screen and (max-width:768px){
	.movies {
		padding: calc(100 / var(--vw-min) * 100vw) 0;
		overflow: hidden;
	}
}
.movies .cont-tit {
	width: min(calc(315 / var(--vw-min) * 100vw),315px);
	height: min(calc(340 / var(--vw-min) * 100vw),340px);
	position: absolute;
	top: min(calc(12 / var(--vw-min) * 100vw),12px);
	left: max(calc(-15 / var(--vw-min) * 100vw),-15px);
	background: url(../img/common/tit/tit_movies.png)no-repeat center/contain;
	animation: 30s ani_rotate01 linear infinite;
}
@media screen and (max-width:768px){
	.movies .cont-tit {
		width: calc(264 / var(--vw-min) * 100vw);
		height: calc(265 / var(--vw-min) * 100vw);
		top: unset;
		left: calc(-45 / var(--vw-min) * 100vw);
		bottom: calc(-95 / var(--vw-min) * 100vw);
	}
}
.movieWrap {
	position: relative;
	z-index: 1;
}
.moviesCont {
	width: min(calc(710 / var(--vw-min) * 100vw),710px);
	position: relative;
	margin: 0 auto;
	padding-bottom: min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
	.moviesCont {
		width: calc(507 / var(--vw-min) * 100vw);
		padding-bottom: calc(50 / var(--vw-min) * 100vw);
	}
}
.movies.slideNone .moviesCont {
	padding-bottom: 0;
}
.movies:not(.slideNone) .moviesCont::before {
	content: '';
	width: min(calc(628 / var(--vw-min) * 100vw),628px);
	height: min(calc(6 / var(--vw-min) * 100vw),6px);
	position: absolute;
	right: max(calc(-81 / var(--vw-min) * 100vw),-81px);
	bottom: 0;
	pointer-events: none;
	box-shadow: 0 0 30px var(--color-pinkf5);
}
@media screen and (max-width:768px){
	.movies:not(.slideNone) .moviesCont::before {
		width: calc(255 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
		margin: auto;
	}
}
/**
* swiper
**/
.moviesSwiper.swiper {
	overflow: unset;
}
.movies.slideNone .movies__lists.swiper-wrapper{
	justify-content: center;
}
.movies__item {
	width: min(calc(640 / var(--vw-min) * 100vw),640px);
	margin-right: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.movies__item  {
		width: calc(507 / var(--vw-min) * 100vw);
		margin-right: calc(60 / var(--vw-min) * 100vw);
	}
}
.movies.slideNone .movies__item {
	margin-right: 0;
}
.movies__itemIn {
	 position: relative;
	padding-top: 56.25%;
    overflow: hidden;
}
.moviesBtn {
	 width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}
.moviesBtn::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: .3s ease;
}
.moviesBtn img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.movies__yt-play {
	width: min(calc(90 / var(--vw-min) * 100vw),90px);
	height: min(calc(90 / var(--vw-min) * 100vw),90px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/common/deco/deco_play.png)no-repeat center/contain;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.movies__yt-play {
		width: calc(133 / var(--vw-min) * 100vw);
		height: calc(132 / var(--vw-min) * 100vw);
	}
}
.movies__tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	font-weight: 700;
	text-align: center;
	margin-top: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.movies__tit {
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.moviesBtn:hover::before {
		opacity: 1;
	}
	.moviesBtn:hover .movies__yt-play {
		transform: scale(0.9);
	}
}
/**
* scrollbar
**/
.moviesSwiper-scrollbar.swiper-scrollbar-horizontal {
	width: min(calc(628 / var(--vw-min) * 100vw),628px);
	height: min(calc(6 / var(--vw-min) * 100vw),6px);
	bottom: 0;
	left: min(calc(165 / var(--vw-min) * 100vw),165px);
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
	background-color: #fff;
}
@media screen and (max-width:768px){
	.moviesSwiper-scrollbar.swiper-scrollbar-horizontal  {
		width: calc(255 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
		left: 0;
		right: 0;
		margin: auto;
		border-radius: calc(3 / var(--vw-min) * 100vw);
	}
}
.moviesSwiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
	background: var(--color-pinkf5);
	border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.moviesSwiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
		border-radius: calc(3 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * INTRODUCTION / STORY
-------------------------------------------------*/
.introStory {
	position: relative;
	overflow: hidden;
}
.introStory::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background-color: rgba(0, 0, 0, .5);
}
.introStory__bg-akemi {
	width: min(calc(734 / var(--vw-min) * 100vw),734px);
	height: min(calc(1086 / var(--vw-min) * 100vw),1086px);
	position: absolute;
	top: min(calc(27 / var(--vw-min) * 100vw),27px);
	left: 0;
	z-index: -1;
	background: url(../img/common/bg/bg_akemi.png)no-repeat center/contain;
}
@supports (background-image:url(../img/common/bg/bg_akemi.webp)){
	.introStory__bg-akemi {
		background-image: url(../img/common/bg/bg_akemi.webp);
	}
}
@media screen and (max-width:768px){
	.introStory__bg-akemi {
		width: calc(672 / var(--vw-min) * 100vw);
		height: calc(997 / var(--vw-min) * 100vw);
		top: 0;
		left: calc(-40 / var(--vw-min) * 100vw);
	}
}
.introStory__bg-ryoko {
	width: min(calc(720 / var(--vw-min) * 100vw),720px);
	height: min(calc(1200 / var(--vw-min) * 100vw),1200px);
	position: absolute;
	top: min(calc(280 / var(--vw-min) * 100vw),280px);
	right: 0;
	z-index: -1;
	background: url(../img/common/bg/bg_ryoko.png)no-repeat center/contain;
}
@supports (background-image:url(../img/common/bg/bg_ryoko.webp)){
	.introStory__bg-ryoko {
		background-image: url(../img/common/bg/bg_ryoko.webp);
	}
}
@media screen and (max-width:768px){
	.introStory__bg-ryoko {
		width: calc(715 / var(--vw-min) * 100vw);
		height: calc(1154 / var(--vw-min) * 100vw);
		top: calc(550 / var(--vw-min) * 100vw);
	}
}
.introduction {
	padding: min(calc(84 / var(--vw-min) * 100vw),84px) 0 min(calc(105 / var(--vw-min) * 100vw),105px);
}
@media screen and (max-width:768px){
	.introduction {
		padding: calc(100 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) calc(135 / var(--vw-min) * 100vw) calc(187 / var(--vw-min) * 100vw);
	}
}
.story {
	padding: min(calc(105 / var(--vw-min) * 100vw),105px) 0 min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.story {
		padding: calc(135 / var(--vw-min) * 100vw) calc(215 / var(--vw-min) * 100vw) calc(100 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}
}
.introduction .cont-tit {
	width: min(calc(526 / var(--vw-min) * 100vw),526px);
	height: min(calc(73 / var(--vw-min) * 100vw),73px);
	-webkit-mask: url(../img/common/tit/tit_intro.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_intro.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.introduction .cont-tit {
		width: calc(526 / var(--vw-min) * 100vw);
		height: calc(73 / var(--vw-min) * 100vw);
	}
}
.story .cont-tit {
	width: min(calc(240 / var(--vw-min) * 100vw),240px);
	height: min(calc(72 / var(--vw-min) * 100vw),72px);
	-webkit-mask: url(../img/common/tit/tit_story.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_story.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.story .cont-tit {
		width: calc(240 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
	}
}
.introStoryWrap {
	width: min(calc(1020 / var(--vw-min) * 100vw),1020px);
	position: relative;
	z-index: 1;
	padding: 0 min(calc(180 / var(--vw-min) * 100vw),180px) 0 min(calc(200 / var(--vw-min) * 100vw),200px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.introStoryWrap {
		width: 100%;
		padding: 0;
	}
}
.introStory__txtWrap {
	margin-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.introStory__txtWrap {
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.introStory__txt {
	font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight: 700;
	line-height: 2.25;
	letter-spacing: 0.1em;
	display: inline;
	background: linear-gradient(var(--color-blue003));
	padding: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.introStory__txt {
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding: calc(4 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.character {
	overflow: hidden;
	padding: min(calc(114 / var(--vw-min) * 100vw),114px) 0 min(calc(145 / var(--vw-min) * 100vw),145px);
}
@media screen and (max-width:768px){
	.character {
		padding: calc(100 / var(--vw-min) * 100vw) 0 calc(134 / var(--vw-min) * 100vw);
	}
}
.character .cont-tit {
	width: min(calc(475 / var(--vw-min) * 100vw),475px);
	height: min(calc(72 / var(--vw-min) * 100vw),72px);
	position: relative;
	z-index: 1;
	-webkit-mask: url(../img/common/tit/tit_character.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_character.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.character .cont-tit {
		width: calc(475 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
	}
}
.charaCont {
	position: relative;
}
.chara__bg {
	width: 100%;
	padding-top: min(min(calc(590 / var(--vw-min) * 100vw),590px),49.1667%);/*590*/
	position: absolute;
	top: min(calc(90 / var(--vw-min) * 100vw),90px);
	background: url(../img/common/bg/bg_chara.jpg)no-repeat center/cover;
}
@supports (background-image:url(../img/common/bg/bg_chara.webp)){
	.chara__bg {
		background-image: url(../img/common/bg/bg_chara.webp);
	}
}
@media screen and (max-width:768px){
	.chara__bg {
		padding-top: calc(702 / var(--vw-min) * 100vw);
		top: calc(72 / var(--vw-min) * 100vw);
	}
}
.chara__itemIn {
	width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
	height: 100%;
	min-height: min(calc(850 / var(--vw-min) * 100vw),850px);
	display: flex;
    justify-content: space-between;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.chara__itemIn {
		width: 100%;
		display: block;
		min-height: unset;
	}
}
/**
* change btn
**/
.chara__changeBtnWrap {
	width: min(calc(1200 / var(--vw-min) * 100vw),1200px);
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	position: absolute;
	top: min(calc(140 / var(--vw-min) * 100vw),140px);
	right: 0;
	left: 0;
	margin: auto;
}
@media screen and (max-width:768px){
	.chara__changeBtnWrap {
		width: 100%;
		height: calc(74 / var(--vw-min) * 100vw);
		top: calc(130 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtn {
	width: min(calc(74 / var(--vw-min) * 100vw),74px);
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	border-radius: 50%;
	position: absolute;
	top: 0;
	z-index: 2;
	right: min(calc(320 / var(--vw-min) * 100vw),320px);
	background-color: #000;
	opacity: 0;
	pointer-events: none;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.chara__changeBtn {
		width: calc(74 / var(--vw-min) * 100vw);
		height: calc(74 / var(--vw-min) * 100vw);
		right: calc(85 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtn.--active {
	opacity: 1;
	pointer-events: auto;
}
.chara__changeBtn::before {
	content: "";
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(99 / var(--vw-min) * 100vw),99px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(calc(-11 / var(--vw-min) * 100vw),-11px);
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.chara__changeBtn::before {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(99 / var(--vw-min) * 100vw);
		left: calc(-11 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtn::after {
	content: "";
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(102 / var(--vw-min) * 100vw),102px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(calc(-11 / var(--vw-min) * 100vw),-11px);
	margin: auto;
	background: url(../img/common/deco/deco_change.png)no-repeat center/contain;
	pointer-events: none;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.chara__changeBtn::after {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(102 / var(--vw-min) * 100vw);
		left: calc(-11 / var(--vw-min) * 100vw);
	}
}
.chara__changeBtn-txt {
	width: min(calc(102 / var(--vw-min) * 100vw),102px);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
	display: block;
	position: absolute;
	top: max(calc(-30 / var(--vw-min) * 100vw),-30px);
	left: max(calc(-11 / var(--vw-min) * 100vw),-11px);
	background: url(../img/common/deco/deco_change-txt.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.chara__changeBtn-txt {
		width: calc(102 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
		top: calc(-30 / var(--vw-min) * 100vw);
		left: calc(-11 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.chara__changeBtn:hover::after {
		transform: rotate(180deg);
	}
}
/**
* swiper
**/
.charaSwiper {
	padding-top: min(calc(90 / var(--vw-min) * 100vw),90px);
	margin-top: max(calc(-90 / var(--vw-min) * 100vw),-90px);
}
@media screen and (max-width:768px){
	.charaSwiper {
		padding-top: calc(72 / var(--vw-min) * 100vw);
		margin-top: calc(-72 / var(--vw-min) * 100vw);
	}
}
/**
* img
**/
.chara__imgWrap {
	width: min(calc(1100 / var(--vw-min) * 100vw),1100px);
    padding-top: 81.8182%;/*900*/
	position: absolute;
	top: max(calc(-90 / var(--vw-min) * 100vw),-90px);
	right: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.chara__imgWrap {
		width: 100%;
		height: calc(800 / var(--vw-min) * 100vw);
		padding-top: 0;
		position: relative;
		top: 0;
		margin-top: calc(-72 / var(--vw-min) * 100vw);
		z-index: 2;
	}
}
.chara__img {
	width: 100%;
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.chara__img img {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
    pointer-events: none;
}
.chara__img {
	opacity: 0;
	transition: .3s;
}
.chara__img.--active {
	opacity: 1;
}
.chara1 .chara__img {
	top: max(calc(-30 / var(--vw-min) * 100vw),-30px);
}
@media screen and (max-width:768px){
	.chara1 .chara__img {
		top: 0;
	}
}
/**
* detail
**/
.chara__detail {
	width: min(calc(380 / var(--vw-min) * 100vw),380px);
	position: relative;
	z-index: 1;
	padding-left: min(calc(50 / var(--vw-min) * 100vw),50px);
	margin-top: min(calc(176 / var(--vw-min) * 100vw),176px);
}
@media screen and (max-width:768px){
	.chara__detail {
		width: 100%;
		z-index: 3;
		padding: 0 calc(82 / var(--vw-min) * 100vw);
		margin-top: calc(-440 / var(--vw-min) * 100vw);
	}
}
.chara__catch {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.chara__catch {
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-bottom:calc(12 / var(--vw-min) * 100vw);
	}
}
.chara__catch span {
	display: inline;
}
.chara__name {
	font-size: min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height: 1.5;
	font-weight: 700;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.chara__name {
		font-size: calc(50 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
}
.chara__name span {
	display: inline;
	line-height: 1;
	background: linear-gradient(#000,#000);
	padding: min(calc(3 / var(--vw-min) * 100vw),3px) 0;
}
@media screen and (max-width:768px){
	.chara__name span {
		padding: calc(3 / var(--vw-min) * 100vw) 0;
	}
}
.chara__cvWrap {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height: 1;
	font-weight: 700;
	margin-bottom: min(calc(25 / var(--vw-min) * 100vw),25px);
}
@media screen and (max-width:768px){
	.chara__cvWrap {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}
.chara__cvIn {
	display: inline-flex;
	line-height: 1;
	background: linear-gradient(#000,#000);
	padding: min(calc(3 / var(--vw-min) * 100vw),3px) 0;
}
@media screen and (max-width:768px){
	.chara__cvIn {
		padding: calc(3 / var(--vw-min) * 100vw) 0;
	}
}
.chara__cv::after {
	content: ":";
	display: inline-block;
	margin: 0 min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.chara__cv::after {
		margin: 0 calc(3 / var(--vw-min) * 100vw);
	}
}
.chara__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: 0.1em;
	line-height: 1.8;
}
@media screen and (max-width:768px){
	.chara__txt {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.chara__txt span {
	display: inline;
	background: linear-gradient(#000,#000);
}
/**
* movie
**/
.chara__movieArea {
	width: min(calc(390 / var(--vw-min) * 100vw),390px);
	margin-top: min(calc(336 / var(--vw-min) * 100vw),336px);
}
@media screen and (max-width:768px){
	.chara__movieArea {
		width: 100%;
		margin-top: 0;
	}
}
.chara__movie {
	overflow: hidden;
    position: relative;
    padding-top: 56.25%;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
}
@media screen and (max-width:768px){
	.chara__movie {
		padding-top: 42%;/*315*/
		border: unset;
	}
}
/**
* thumb
**/
.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
	width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
	position: relative;
	bottom: unset;
	left: unset;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.chara__thumbLists {
		width: 100%;
		flex-wrap: wrap;
		padding: 0 calc(90 / var(--vw-min) * 100vw);
		margin-top: calc(45 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
	width: min(calc(110 / var(--vw-min) * 100vw),110px);
	height: 100%;
	display: flex!important;
	flex-direction: column;
    align-items: center;
	margin: 0 min(calc(6 / var(--vw-min) * 100vw),6px);
	background: unset;
	opacity: 1;
}
@media screen and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.chara__thumbItem {
		width: calc(110 / var(--vw-min) * 100vw);
		margin: 0 calc(6 / var(--vw-min) * 100vw);
	}
}
.chara__thumbItemIn {
	width: min(calc(110 / var(--vw-min) * 100vw),110px);
	height: min(calc(110 / var(--vw-min) * 100vw),110px);
	border-radius: 50%;
	position: relative;
	background-color: #000;
	overflow: hidden;
	margin-top: max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
@media screen and (max-width:768px){
	.chara__thumbItemIn {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(110 / var(--vw-min) * 100vw);
		margin-top: calc(-10 / var(--vw-min) * 100vw);
	}
}
.chara__thumbItemIn::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: scale(0);
	border-radius: 50%;
	margin: auto;
	transition: .3s ease;
}
.chara__thumbItemIn::after {
	content: "";
	width: min(calc(150 / var(--vw-min) * 100vw),150px);
	height: min(calc(148 / var(--vw-min) * 100vw),148px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(calc(-20 / var(--vw-min) * 100vw),-20px);
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.chara__thumbItemIn::after {
		width: calc(150 / var(--vw-min) * 100vw);
		height: calc(148 / var(--vw-min) * 100vw);
		left: calc(-20 / var(--vw-min) * 100vw);
	}
}
.chara__thumb-name {
	height: min(calc(42 / var(--vw-min) * 100vw),42px);
	position: relative;
}
@media screen and (max-width:768px){
	.chara__thumb-name {
		height: calc(42 / var(--vw-min) * 100vw);
	}
}
.chara__thumb-name img {
	height: 100%;
	pointer-events: none;
}
.chara__thumb-img {
	position: relative;
}
.chara__thumb-img img {
	width: 100%;
	pointer-events: none;
}
.chara__thumbItem.swiper-pagination-bullet-active .chara__thumbItemIn::after {
	animation: 25s ani_rotate01 linear infinite;
}
.chara__thumbItem.swiper-pagination-bullet-active .chara__thumbItemIn::before {
	transform: scale(1);
}
/**
* arrow
**/
.swiper__arrowWrap {
	width: 100%;
	height: min(calc(590 / var(--vw-min) * 100vw),590px);
    position: absolute;
    top: min(calc(72 / var(--vw-min) * 100vw),72px);
    right: 0;
    left: 0;
    z-index: 2;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
}
@media screen and (max-width:768px){
	.swiper__arrowWrap {
		height: calc(74 / var(--vw-min) * 100vw);
		top: calc(680 / var(--vw-min) * 100vw);
		align-items: unset;
	}
}
.swiper__arrow {
	width: min(calc(74 / var(--vw-min) * 100vw),74px);
	height: min(calc(74 / var(--vw-min) * 100vw),74px);
	border-radius: 50%;
	position: absolute;
	background-color: #000;
	pointer-events: auto;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper__arrow {
		width: calc(74 / var(--vw-min) * 100vw);
		height: calc(74 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow.--prev {
	left: max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
.swiper__arrow.--next {
	right: max(calc(-10 / var(--vw-min) * 100vw),-10px);
}
@media screen and (max-width:768px){
	.swiper__arrow.--prev {
		left: calc(-10 / var(--vw-min) * 100vw);
	}
	.swiper__arrow.--next {
		right: calc(-10 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::before {
	content: "";
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(99 / var(--vw-min) * 100vw),99px);
	position: absolute;
    top: 0;
    right: max(calc(-11 / var(--vw-min) * 100vw),-11px);
	bottom: 0;
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	pointer-events: none;
	animation: 25s ani_rotate01 linear infinite;
}
@media screen and (max-width:768px){
	.swiper__arrow::before {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(99 / var(--vw-min) * 100vw);
		right: calc(-11 / var(--vw-min) * 100vw);
	}
}
.swiper__arrow::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
	bottom: 0;
	margin: auto;
	pointer-events: none;
}
.swiper__arrow.--prev::after {
	left: min(calc(3 / var(--vw-min) * 100vw),3px);
	background: url(../img/common/deco/deco_arrow-l.png)no-repeat center/contain;
	transition: .3s ease;
}
.swiper__arrow.--next::after {
	right: min(calc(5 / var(--vw-min) * 100vw),5px);
	background: url(../img/common/deco/deco_arrow-r.png)no-repeat center/contain;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper__arrow.--prev::after {
		left: calc(3 / var(--vw-min) * 100vw);
	}
	.swiper__arrow.--next::after {
		right: calc(5 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.swiper__arrow.--prev:hover::after {
		transform: translateX(-5px);
	}
	.swiper__arrow.--next:hover::after {
		transform: translateX(5px);
	}
}
.character .swiper__arrow.swiper-button-disabled {
	opacity: 0;
}
.chara__img.--active {
	opacity: 0;
	transform: translateY(100px);
	transition: .3s ease;
}
.chara__item.swiper-slide-active .chara__img.--active {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .25s;
}
.chara__catch,
.chara__name,
.chara__cvWrap,
.chara__txt {
    opacity: 0;
	transform: translateX(-10%);
	transition: .3s ease;
}
.chara__item.swiper-slide-active .chara__catch {
	 opacity: 1;
	transform: translateX(0%);
	transition-delay: .1s;
}
.chara__item.swiper-slide-active .chara__name {
    opacity: 1;
	transform: translateX(0%);
	transition-delay: .2s;
}
.chara__item.swiper-slide-active .chara__cvWrap {
    opacity: 1;
	transform: translateX(0%);
	transition-delay: .3s;
}
.chara__item.swiper-slide-active .chara__txt {
    opacity: 1;
	transform: translateX(0%);
	transition-delay: .4s;
}
.chara__movieArea {
	opacity: 0;
	transition: .3s ease;
}
.chara__item.swiper-slide-active .chara__movieArea {
	opacity: 1;
	transition-delay: .25s;
}
/**
* 各キャラカラー指定
**/
/** ryoko **/
.chara1 .chara__catch span {
	background: linear-gradient(var(--color-ryoko));
}
.chara1 .chara__name {
	color: var(--color-ryoko);
}
.chara1 .chara__cvWrap {
	color: var(--color-ryoko);
}
.chara1 .chara__thumbItemIn::before {
	background-color: var(--color-ryoko);
}
/** akemi **/
.chara2 .chara__catch span {
	background: linear-gradient(var(--color-akemi));
}
.chara2 .chara__name {
	color: var(--color-akemi);
}
.chara2 .chara__cvWrap {
	color: var(--color-akemi);
}
.chara2 .chara__thumbItemIn::before {
	background-color: var(--color-akemi);
}
/** hakase **/
.chara3 .chara__catch span {
	background: linear-gradient(var(--color-hakase));
}
.chara3 .chara__name {
	color: var(--color-hakase);
}
.chara3 .chara__cvWrap {
	color: var(--color-hakase);
}
.chara3 .chara__thumbItemIn::before {
	background-color: var(--color-hakase);
}
/** kyohei **/
.chara4 .chara__catch span {
	background: linear-gradient(var(--color-kyohei));
}
.chara4 .chara__name {
	color: var(--color-kyohei);
}
.chara4 .chara__cvWrap {
	color: var(--color-kyohei);
}
.chara4 .chara__thumbItemIn::before {
	background-color: var(--color-kyohei);
}
@media (hover: hover) and (pointer: fine){
	.chara__thumbItemIn:hover::before {
		transform: scale(1);
	}
	.chara1 .chara__thumbItemIn:hover::before {
		background-color: var(--color-ryoko);
	}
	.chara2 .chara__thumbItemIn:hover::before {
		background-color: var(--color-akemi);
	}
	.chara3 .chara__thumbItemIn:hover::before {
		background-color: var(--color-hakase);
	}
	.chara4 .chara__thumbItemIn:hover::before {
		background-color: var(--color-kyohei);
	}
}
/*-----------------------------------------------
 * SYSTEM
-------------------------------------------------*/
.system {
	position: relative;
	padding: min(calc(60 / var(--vw-min) * 100vw),60px) 0 min(calc(55 / var(--vw-min) * 100vw),55px);
}
@media screen and (max-width:768px){
	.system {
		padding: calc(60 / var(--vw-min) * 100vw) 0 calc(55 / var(--vw-min) * 100vw);
	}
}
.system__deco-tool {
	width: min(calc(72 / var(--vw-min) * 100vw),72px);
	height: min(calc(69 / var(--vw-min) * 100vw),69px);
	position: absolute;
	top: max(calc(-40 / var(--vw-min) * 100vw),-40px);
	right: 0;
	left: 0;
	z-index: 2;
	margin: auto;
	background: url(../img/common/deco/deco_tool.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.system__deco-tool {
		width: calc(72 / var(--vw-min) * 100vw);
		height: calc(69 / var(--vw-min) * 100vw);
		top: calc(-40 / var(--vw-min) * 100vw);
	}
}
.system__deco-t,
.system__deco-b {
	width: min(calc(1115 / var(--vw-min) * 100vw),1115px);
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1;
	margin: auto;
}
@media screen and (max-width:768px){
	.system__deco-t,
	.system__deco-b {
		width: 100%;
	}
}
.system__deco-t {
	height: min(calc(60 / var(--vw-min) * 100vw),60px);
	top: 0;
	background: url(../img/common/deco/deco_system-t.png)no-repeat center/contain;
}
.system__deco-b {
	height: min(calc(55 / var(--vw-min) * 100vw),55px);
	bottom: 0;
	background: url(../img/common/deco/deco_system-b.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.system__deco-t {
		height: calc(60 / var(--vw-min) * 100vw);
		background-size: cover;
	}
	.system__deco-b {
		height: calc(55 / var(--vw-min) * 100vw);
		background-size: cover;
	}
}
.systemWrap {
	width: min(calc(1020 / var(--vw-min) * 100vw),1020px);
	position: relative;
	z-index: 1;
	margin: min(calc(30 / var(--vw-min) * 100vw),30px) auto min(calc(47 / var(--vw-min) * 100vw),47px);
}
@media screen and (max-width:768px){
	.systemWrap {
		width: 100%;
		margin: calc(55 / var(--vw-min) * 100vw) 0 calc(50 / var(--vw-min) * 100vw);
	}
}
.system__box {
	display: flex;
}
@media screen and (max-width:768px){
	.system__box {
		display: block;
	}
}
.system .cont-tit {
	width: min(calc(290 / var(--vw-min) * 100vw),290px);
	height: min(calc(73 / var(--vw-min) * 100vw),73px);
	margin-top: min(calc(150 / var(--vw-min) * 100vw),150px);
	-webkit-mask: url(../img/common/tit/tit_system.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_system.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.system .cont-tit {
		width: calc(290 / var(--vw-min) * 100vw);
		height: calc(73 / var(--vw-min) * 100vw);
		margin: 0 0 calc(45 / var(--vw-min) * 100vw);
	}
}
.systemImgWrap {
	width: calc(100% - min(calc(290 / var(--vw-min) * 100vw),290px));
	padding-left: min(calc(90 / var(--vw-min) * 100vw),90px);
}
@media screen and (max-width:768px){
	.systemImgWrap {
		width: 100%;
		padding-left: 0;
	}
}
.systemImg__item {
	width: 100%;
}
.systemImg__item img {
	width: 100%;
	pointer-events: none;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists {
	position: relative;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists {
		margin-top: calc(23 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper__pagerLists .swiper-pagination-bullet.swiper__pager {
	width: min(calc(37 / var(--vw-min) * 100vw),37px);
	height: min(calc(37 / var(--vw-min) * 100vw),37px);
	position: relative;
	border-radius: 50%;
	background-color: #000;
	margin: 0 min(calc(5 / var(--vw-min) * 100vw),5px);
	opacity: 1;
}
@media screen and (max-width:768px){
	.swiper-pagination-horizontal.swiper-pagination-bullets.swiper__pagerLists .swiper-pagination-bullet.swiper__pager {
		width: calc(37 / var(--vw-min) * 100vw);
		height: calc(37 / var(--vw-min) * 100vw);
		margin: 0 calc(5 / var(--vw-min) * 100vw);
	}
}
.swiper__pager::before {
	content: "";
	width: min(calc(50 / var(--vw-min) * 100vw),50px);
	height: min(calc(50 / var(--vw-min) * 100vw),50px);
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(calc(-6 / var(--vw-min) * 100vw),-6px);
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.swiper__pager::before {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
		left: calc(-6 / var(--vw-min) * 100vw);
	}
}
.swiper__pager::after {
	content: "";
	width: min(calc(20 / var(--vw-min) * 100vw),20px);
	height: min(calc(20 / var(--vw-min) * 100vw),20px);
	border-radius: 50%;
	position: absolute;
	top: min(calc(9 / var(--vw-min) * 100vw),9px);
	left: min(calc(9 / var(--vw-min) * 100vw),9px);
	transform: scale(0);
	background: var(--color-blue69);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.swiper__pager::after {
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
		top: calc(9 / var(--vw-min) * 100vw);
		left: calc(9 / var(--vw-min) * 100vw);
	}
}
.swiper-pagination-bullet-active.swiper__pager::before {
	animation: 30s ani_rotate01 linear infinite;
}
.swiper-pagination-bullet-active.swiper__pager::after {
	transform: scale(1);
} 
@media (hover: hover) and (pointer: fine){
	.swiper__pager:hover::after {
		transform: scale(1);
	}
}
.swiper__pagerLink {
	width: 100%;
	height: 100%;
	display: block;
}
.system__txtWrap {
	width: 	min(calc(800 / var(--vw-min) * 100vw),800px);
	margin: min(calc(50 / var(--vw-min) * 100vw),50px) auto 0;
}
@media screen and (max-width:768px){
	.system__txtWrap {
		width: 100%;
		padding: 0 calc(45 / var(--vw-min) * 100vw);
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.system__txt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: 0.1em;
	line-height: 2.1875;
}
@media screen and (max-width:768px){
	.system__txt {
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: 2;
	}
}
.system__b {
	font-size: min(calc(30 / var(--vw-min) * 100vw),26px);
	font-weight: 700;
/*	line-height: 1; */
	margin-bottom: min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.system__b {
		font-size: calc(40 / var(--vw-min) * 100vw);
		line-height: 1.7;
		margin-bottom: calc(28 / var(--vw-min) * 100vw);
	}
}
.system__txt span,
.system__b span {
	display: inline;
	background: linear-gradient(var(--color-blue003));
	padding: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.system__txt span {
		background: unset;
		padding: 0;
		line-height: 1.5;
	}
	.system__b span {
		line-height: 2;
		padding: calc(3 / var(--vw-min) * 100vw);
	}
}
/**
* linkBtn
**/
.linkBtn {
	display: flex;
	justify-content: center;
	margin-top: min(calc(45 / var(--vw-min) * 100vw),45px);
}
@media screen and (max-width:768px){
	.linkBtn {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.linkA {
	display: flex;
    justify-content: center;
    align-items: center;
	border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
	padding: min(calc(16 / var(--vw-min) * 100vw),16px) min(calc(118 / var(--vw-min) * 100vw),118px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.linkA {
		border-width: calc(1 / var(--vw-min) * 100vw);
		padding: calc(24 / var(--vw-min) * 100vw) calc(150 / var(--vw-min) * 100vw);
	}
}
.linkA-txt {
	width: min(calc(55 / var(--vw-min) * 100vw),55px);
	height: min(calc(21 / var(--vw-min) * 100vw),21px);
	display: block;
	-webkit-mask: url(../img/common/tit/tit_more.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_more.svg)no-repeat center/contain;
	background-color: #fff;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.linkA-txt {
		width: calc(85 / var(--vw-min) * 100vw);
		height: calc(33 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.linkA:hover {
		background-color: #fff;
	}
	.linkA:hover .linkA-txt {
		background-color: #000;
	}
}
.linkBtn.--none .linkA {
	opacity: .3;
	pointer-events: none;
}
/*-----------------------------------------------
 * STAFF
-------------------------------------------------*/
.staff {
	position: relative;
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(72 / var(--vw-min) * 100vw),72px);
}
@media screen and (max-width:768px){
	.staff {
		padding: calc(90 / var(--vw-min) * 100vw) 0;
	}
}
.staffWrap {
	width: min(calc(1020 / var(--vw-min) * 100vw),1020px);
	position: relative;
	z-index: 1;
	display: flex;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.staffWrap {
		width: 100%;
		display: block;
		padding: 0 calc(87 / var(--vw-min) * 100vw);
	}
}
.staff .cont-tit {
	width: min(calc(221 / var(--vw-min) * 100vw),221px);
	height: min(calc(72 / var(--vw-min) * 100vw),72px);
	-webkit-mask: url(../img/common/tit/tit_staff.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_staff.svg)no-repeat center/contain;
	background-color: #000;
}
@media screen and (max-width:768px){
	.staff .cont-tit {
		width: calc(221 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
	}
}
.staffCont {
	width: calc(100% - min(calc(221 / var(--vw-min) * 100vw),221px));
	padding-left: min(calc(60 / var(--vw-min) * 100vw),60px);
	margin-top: max(calc(-5 / var(--vw-min) * 100vw),-5px);
}
@media screen and (max-width:768px){
	.staffCont {
		width: 100%;
		padding-left: 0;
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
}
.staff__item {
	display: grid;
    grid-template-columns: min(calc(203 / var(--vw-min) * 100vw),203px) 1fr;
    grid-template-rows: repeat(2, 1fr);
}
@media screen and (max-width:768px){
	.staff__item {
		grid-template-columns: repeat(2, 1fr);
    	grid-template-rows: repeat(1, 1fr);
	}
}
.staff__item:not(:first-child) {
	margin-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.staff__item:not(:first-child) {
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.staff__job {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: #fff;
	text-align: center;
	font-weight: 700;
	line-height: 1.375;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
	grid-row: span 2 / span 2;
	border: min(calc(6 / var(--vw-min) * 100vw),6px) solid #fff;
	padding: min(calc(12 / var(--vw-min) * 100vw),12px);
	background-color: #000;
}
@media screen and (max-width:768px){
	.staff__job {
		font-size: calc(20 / var(--vw-min) * 100vw);
		border-width: calc(6 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw);
		grid-row: unset;
	}
}
.staff__name {
	font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
	color: #000;
	font-weight: 700;
	line-height: 1;
}
@media screen and (max-width:768px){
	.staff__name {
		font-size: calc(45 / var(--vw-min) * 100vw);
		display: flex;
    	align-items: center;
    	justify-content: center;
		background-color:#fff;
		text-align: center;
	}
}
.staff__name span {
	line-height: 1;
	display: inline-block;
	background: linear-gradient(#fff,#fff);
	padding: min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.staff__name span {
		padding: 0;
		line-height: 1.2;
		background: unset;
	}
}
.staff__detail {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: 0.01em;
	line-height: 1.5;
	grid-column-start: 2;
	margin-top: auto;
}
@media screen and (max-width:768px){
	.staff__detail {
		font-size: calc(18 / var(--vw-min) * 100vw);
		grid-column: span 2 / span 2;
		margin-top: calc(15 / var(--vw-min) * 100vw);
	}
}
.staff__detail span {
	height: 100%;
	display: inline-block;
	background: #000;
	padding: 0 min(calc(5 / var(--vw-min) * 100vw),5px);
}
@media screen and (max-width:768px){
	.staff__detail span {
		padding: calc(5 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * SPEC
-------------------------------------------------*/
.specFooter {
	position: relative;
}
@media screen and (max-width:768px){
	.specFooter {
		padding-bottom: calc(187 / var(--vw-min) * 100vw);
	}
}
.spec {
	position: relative;
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.spec {
		padding: calc(40 / var(--vw-min) * 100vw) 0 calc(45 / var(--vw-min) * 100vw);
	}
}
.specWrap {
	width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.specWrap {
		width: 100%;
		padding: 0 calc(87 / var(--vw-min) * 100vw);
	}
}
.spec .cont-tit {
	width: min(calc(179 / var(--vw-min) * 100vw),179px);
	height: min(calc(179 / var(--vw-min) * 100vw),179px);
	margin: 0 auto;
	background: url(../img/common/tit/tit_spec.png)no-repeat center/contain;
	animation: 30s ani_rotate01 linear infinite;
}
@media screen and (max-width:768px){
	.spec .cont-tit {
		width: calc(206 / var(--vw-min) * 100vw);
		height: calc(206 / var(--vw-min) * 100vw);
	}
}
.spec__decoWrap {
	width: min(calc(590 / var(--vw-min) * 100vw),590px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: min(calc(85 / var(--vw-min) * 100vw),85px);
	left: 0;
}
@media screen and (max-width:768px){
	.spec__decoWrap {
		width: 100%;
		position: relative;
		top: unset;
		left: unset;
		margin: calc(15 / var(--vw-min) * 100vw) 0 calc(30 / var(--vw-min) * 100vw);
	}
}
.spec__deco-ryoko {
	width: min(calc(48 / var(--vw-min) * 100vw),48px);
	height: min(calc(52 / var(--vw-min) * 100vw),52px);
	margin-right: min(calc(10 / var(--vw-min) * 100vw),10px);
	background: url(../img/common/deco/deco_ryoko.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.spec__deco-ryoko {
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(52 / var(--vw-min) * 100vw);
		margin-right: calc(10 / var(--vw-min) * 100vw);
	}
}
.spec__deco-akemi {
	width: min(calc(52 / var(--vw-min) * 100vw),52px);
	height: min(calc(56 / var(--vw-min) * 100vw),56px);
	margin-right: min(calc(8 / var(--vw-min) * 100vw),8px);
	background: url(../img/common/deco/deco_akemi.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.spec__deco-akemi {
		width: calc(52 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
		margin-right: calc(8 / var(--vw-min) * 100vw);
	}
}
.spec__deco-hakase {
	width: min(calc(52 / var(--vw-min) * 100vw),52px);
	height: min(calc(52 / var(--vw-min) * 100vw),52px);
	background: url(../img/common/deco/deco_hakase.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.spec__deco-hakase {
		width: calc(52 / var(--vw-min) * 100vw);
		height: calc(52 / var(--vw-min) * 100vw);
	}
}
@keyframes flyOnce {
  0%   { transform: translateY(0); }
  30%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
.decoStart {
  animation: flyOnce 0.6s ease-in-out;
}
.specCont {
	display: flex;
}
@media screen and (max-width:768px){
	.specCont {
		display: block;
	}
}
/**
* spec__detail
**/
.spec__detail {
	width: min(calc(590 / var(--vw-min) * 100vw),590px);
	padding: 0 min(calc(84 / var(--vw-min) * 100vw),84px) 0 min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
	.spec__detail {
		width: 100%;
		padding: 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.spec__item {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.01em;
	display: flex;
	align-items: center;
	padding: min(calc(16 / var(--vw-min) * 100vw),16px) 0 ;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-pinkf5);
}
@media screen and (max-width:768px){
	.spec__item {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(15 / var(--vw-min) * 100vw) 0;
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.spec__item-dt {
	color: var(--color-pinkf5);
	width: min(calc(170 / var(--vw-min) * 100vw),170px);
}
@media screen and (max-width:768px){
	.spec__item-dt {
		width: calc(170 / var(--vw-min) * 100vw);
	}
}
.spec__item-dd {
	width: calc(100% - min(calc(170 / var(--vw-min) * 100vw),170px));
}
.spec__item-dd span {
	font-size: 0.9em;
    display: inline-block;
    margin-bottom: 10px;
}
@media screen and (max-width:768px){
	.spec__item-dd {
		width: calc(100% - calc(170 / var(--vw-min) * 100vw));
	}
}
/**
* spec__pf
**/
.spec__pf {
	width: calc(100% - min(calc(590 / var(--vw-min) * 100vw),590px));
	padding: min(calc(58 / var(--vw-min) * 100vw),58px) 0 0 min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){
	.spec__pf {
		width: 100%;
		padding: calc(40 / var(--vw-min) * 100vw) 0 0 calc(20 / var(--vw-min) * 100vw);
	}
}
.officialWrap {
	display: flex;
	align-items: center;
}
.official-tit {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-pinkf5);
	font-weight: 900;
	line-height: 1;
	text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
	margin-right: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.official-tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-right: calc(40 / var(--vw-min) * 100vw);
	}
}
.official__lists {
	display: flex;
	align-items: center;
}
.official__item {
	margin-right: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.official__item {
		margin-right: calc(47 / var(--vw-min) * 100vw);
	}
}
.official__link {
	display: block;
	background-color: #fff;
}
.official__link--x {
	width: min(calc(40 / var(--vw-min) * 100vw),40px);
	height: min(calc(40 / var(--vw-min) * 100vw),40px);
	-webkit-mask: url(../img/common/sns/icon_tw.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_tw.svg)no-repeat center/contain;
}
.official__link--insta {
	width: min(calc(45 / var(--vw-min) * 100vw),45px);
	height: min(calc(45 / var(--vw-min) * 100vw),45px);
	-webkit-mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_Instagram.svg)no-repeat center/contain;
}
.official__link--yt {
	width: min(calc(59 / var(--vw-min) * 100vw),59px);
	height: min(calc(42 / var(--vw-min) * 100vw),42px);
	-webkit-mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_youtube.svg)no-repeat center/contain;
}
.official__link--fb {
	width: min(calc(45 / var(--vw-min) * 100vw),45px);
	height: min(calc(45 / var(--vw-min) * 100vw),45px);
	-webkit-mask: url(../img/common/sns/icon_fb.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_fb.svg)no-repeat center/contain;
}
.official__link--weibo {
	width: min(calc(59 / var(--vw-min) * 100vw),59px);
	height: min(calc(48 / var(--vw-min) * 100vw),48px);
	-webkit-mask: url(../img/common/sns/weibo.svg)no-repeat center/contain;
	mask: url(../img/common/sns/weibo.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.official__link--x {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
	}
	.official__link--insta {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
	}
	.official__link--yt {
		width: calc(73 / var(--vw-min) * 100vw);
		height: calc(51 / var(--vw-min) * 100vw);
	}
	.official__link--fb {
		width: calc(56 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
	}
	.official__link--weibo {
		width: calc(73 / var(--vw-min) * 100vw);
		height: calc(59 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogoLists {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.spec__pfLogoLists {
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo img {
	width: 100%;
	pointer-events: none;
}
.spec__pfLogo:not(:last-child) {
	margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.spec__pfLogo:not(:last-child) {
		margin-right: calc(32 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo.--bandai {
	width: min(calc(168 / var(--vw-min) * 100vw),168px);
	margin-right: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.spec__pfLogo.--bandai {
		width: calc(217 / var(--vw-min) * 100vw);
		margin-right: 20px
	}
}
.spec__pfLogo.--yukes {
	width: min(calc(205 / var(--vw-min) * 100vw),205px);
}
@media screen and (max-width:768px){
	.spec__pfLogo.--yukes {
		width: calc(266 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo.--cle {
	width: 170px;
	height: 60px;
	margin-top: 20px;
}
@media screen and (max-width:768px){
	.spec__pfLogo.--cle {
		width: 130px;
		height: 46px;
	}
}

.spec__pfLogo.--switch2 {
	width: min(calc(45 / var(--vw-min) * 100vw),45px);
}
@media screen and (max-width:768px){
	.spec__pfLogo.--switch2 {
		width: calc(53 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo.--pl5 {
	width: min(calc(129 / var(--vw-min) * 100vw),129px);
}
@media screen and (max-width:768px){
	.spec__pfLogo.--pl5 {
		width: calc(150 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo.--steam {
	width: min(calc(121 / var(--vw-min) * 100vw),121px);
}
@media screen and (max-width:768px){
	.spec__pfLogo.--steam {
		width: calc(142 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo.--store {
	width: min(calc(99 / var(--vw-min) * 100vw),99px);
}
@media screen and (max-width:768px){
	.spec__pfLogo.--store {
		width: calc(116 / var(--vw-min) * 100vw);
	}
}
.spec__pfLogo-link {
	width: 100%;
	height: 100%;
	display: block;
}
.spec__caution {
	font-size: min(calc(10 / var(--vw-min) * 100vw),10px);
	color: #666666;
	line-height: 2;
	margin-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.spec__caution {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}
.spec__caution svg {
	fill: #666;
}
.page-top {
	position: absolute;
	top: max(calc(-50 / var(--vw-min) * 100vw),-50px);
	right: min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index: 1;
}
@media screen and (max-width:768px){
	.page-top {
		position: relative;
		top: unset;
		display: flex;
        align-items: center;
        justify-content: center;
		right: unset;
		margin: calc(40 / var(--vw-min) * 100vw) auto 0;
	}
}
.page-topLink {
	width: min(calc(97 / var(--vw-min) * 100vw),97px);
	height: min(calc(97 / var(--vw-min) * 100vw),97px);
	border-radius: 50%;
	display: block;
	position: relative;
	background-color: #000;
}
@media screen and (max-width:768px){
	.page-topLink {
		width: calc(97 / var(--vw-min) * 100vw);
		height: calc(97 / var(--vw-min) * 100vw);
	}
}
.page-topLink::before {
	content: "";
	width: min(calc(129 / var(--vw-min) * 100vw),129px);
	height: min(calc(130 / var(--vw-min) * 100vw),130px);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: max(calc(-15 / var(--vw-min) * 100vw),-15px);
	margin: auto;
	background: url(../img/common/deco/deco_frame.png)no-repeat center/contain;
	animation: 30s ani_rotate01 linear infinite;
}
@media screen and (max-width:768px){
	.page-topLink::before {
		width: calc(129 / var(--vw-min) * 100vw);
		height: calc(130 / var(--vw-min) * 100vw);
		left: calc(-15 / var(--vw-min) * 100vw);
	}
}
.page-topLink::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: min(calc(13 / var(--vw-min) * 100vw),13px);
	bottom: 0;
	left: min(calc(2 / var(--vw-min) * 100vw),2px);
	transform: rotate(-90deg);
	margin: auto;
	background: url(../img/common/deco/deco_arrow-r.png)no-repeat center/contain;
	transition: .3s ease;

}
@media screen and (max-width:768px){
	.page-topLink::after {
		top: calc(13 / var(--vw-min) * 100vw);
		left: calc(2 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.page-topLink:hover::after {
		transform: rotate(-90deg) translateX(5px);
	}
}
/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
.footer {
	position: relative;
	z-index: 1;
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	padding: 0 0 min(calc(225 / var(--vw-min) * 100vw),225px);
}
@media screen and (max-width:768px){
	.footer {
		padding: 0;
	}
}
.copyright {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
	.copyright {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.footer__subNavLists {
	display: flex;
    justify-content: center;
    align-items: center;
	margin: min(calc(20 / var(--vw-min) * 100vw),20px) 0 min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.footer__subNavLists {
		margin: calc(26 / var(--vw-min) * 100vw) 0;
	}
}
.footer__subNavItem {
	height: min(calc(14 / var(--vw-min) * 100vw),14px);
	line-height: 1;
	position: relative;
	padding: 0 min(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:768px){
	.footer__subNavItem {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: 0 calc(13 / var(--vw-min) * 100vw);
	}
}
.footer__subNavItem:not(:last-child):after {
    content: '';
    width: min(calc(1 / var(--vw-min) * 100vw),1px);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
}
@media screen and (max-width:768px){
	.footer__subNavItem:not(:last-child):after {
		width: calc(1 / var(--vw-min) * 100vw);
	}
}
.footer__subNavItemLink {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	color: var(--color-pinkf5);
}
@media screen and (max-width:768px){
	.footer__subNavItemLink {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.footer__caution {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.footer__caution {
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}

.contWrap.scr-Y {
	opacity: 0;
	transform: translateY(100px);
	transition: .6s ease;
}
.section.is-ani .contWrap.scr-Y {
	opacity: 1;
	transform: translateY(0);
}
.moviesSwiper.scr-X{
	opacity: 0;
	transform: translateX(100px);
	transition: .6s ease;
}
.section .cont-tit.scr-X,
.section .introStory__txtWrap.scr-X {
	opacity: 0;
	transform: translateX(-100px);
	transition: .6s ease;
}
.section.is-ani .cont-tit.scr-X,
.section.is-ani .introStory__txtWrap.scr-X,
.section.is-ani .moviesSwiper.scr-X {
	opacity: 1;
	transform: translateX(0);
}
.section .introStory__txtWrap.scr-X {
	transition-delay: .1s;
}
.system .system__deco-tool,
.system .system__deco-t,
.system .system__deco-b {
	opacity: 0;
	transition: .6s ease;
}
.system.is-ani .system__deco-tool,
.system.is-ani .system__deco-t,
.system.is-ani .system__deco-b {
	opacity: 1;
}

/*-----------------------------------------------
* loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 10000;
  }
.loading__logo {
	width: min(calc(516 / var(--vw-min) * 100vw),516px);
	position: relative;
	opacity: 0;
    animation: fadeIn .3s forwards;
}
@media screen and (max-width: 768px) {
.loading__logo {
		width: calc(516 / var(--vw-min) * 100vw);
	}
}
.loading__logo img {
	width: 100%;
	pointer-events: none;
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}