@charset "utf-8";
/*-----------------------------------------------
* TOP - HERO
*-----------------------------------------------*/
.p-hero{
	width: 100%;
	height: calc(100vh - min(calc(90 / var(--vw-min) * 100vw), 90px));
	height: calc(100svh - min(calc(90 / var(--vw-min) * 100vw), 90px));
	position: relative;
	overflow: hidden;
	background-color: var(--color-black);
}
.p-hero_slideCont{
	width: 100%;
	height: calc(100vh - min(calc(90 / var(--vw-min) * 100vw), 90px));
	height: calc(100svh - min(calc(90 / var(--vw-min) * 100vw), 90px));
	position: relative;
	display: flex;
	flex-direction: column;
}
@media screen and (max-width:767px){
	.p-hero{
		height: auto;
		background-color: #001659;
	}
	.p-hero_slideCont{
		width: 100%;
		height:calc(530 / var(--vw-min) * 100vw);
		position: relative;
		display: flex;
		flex-direction: column;
	}
}

.p-hero__media,
.p-hero__media--image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity .4s ease;
}

.p-hero__media--image--bg{
	width: 100%;
	height: 100%;
	position: relative;
	opacity: 0;
	transition: opacity .8s ease;
}
.p-hero__media--image--bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(112.5%);
	transition: transform 0.4s ease .4s;
	/* filter: blur(16px); */
}
.p-hero__media--image--main{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.p-hero__media--image--main img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.p-hero__media--shadow{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 30%);
}
.p-hero__media--shadow:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: calc(240 / var(--vh-min) * 100vh);
	background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
	opacity: 0.4;
}
.p-hero__media--shadow:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: calc(240 / var(--vh-min) * 100vh);
	background: linear-gradient(360deg, rgba(0, 0, 0, 100%) 0%, rgba(0, 0, 0, 0%) 100%);
	opacity: 0.4;
}

.p-hero__media[data-media="youtube"] .p-hero__media--image{
	background-color: var(--color-black);
}
.p-hero__media[data-media="youtube"] .p-hero__media--image--bg{
	display: none;
}


.p-hero__info{
	position: relative;
	z-index: 2;
	margin-top: auto;
	padding: 0 2% min(calc(32 / var(--vw-min) * 100vw), 32px);
	color: #FFF;
}

.p-hero__info--pagenation{
	line-height: 1;
	font-family: var(--font-en_roboto);
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	font-weight: 500;
	display: flex;
	align-items: center;
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
	opacity: 0;
}
@media screen and (min-width:768px){
	.p-hero__info--pagenation-sp{
		display: none!important;
	}
}

/* SP */
.p-hero__info--pagenation-sp{
	opacity: 1;
	color: #FFF;
}
.p-hero__info--pagenation_now{
	position: relative;
	display: inline-block;
	padding-right: 0.6154em;
	position: relative;
}
.p-hero__info--pagenation_now:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 50%);
}
.p-hero__info--pagenation_all{
	position: relative;
	display: inline-block;
	padding-left: 0.6154em;
}
.p-hero__info--title{
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 1.5;
	transform: translateY(1em);
	opacity: 0;
	transition: transform .4s ease .3s, opacity .3s ease;
}
.p-hero__info--titlle-en{
	font-family: var(--font-en);
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
	font-weight: 600;
	line-height: 1;
	margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
	transform: translateX(1em);
	opacity: 0;
	transition: transform .4s ease .3s, opacity .3s ease;
}
.p-hero__info--link{
	margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	line-height: 1;
	transform: translateX(1em);
	opacity: 0;
	transition: transform .4s ease .3s, opacity .3s ease;
}
.p-hero__info--link_a{
	display: inline-block;
	font-family: var(--font-en);
	font-weight: 600;
	color: #FFF;
	text-decoration: none;
	position: relative;
	padding-right: min(calc(16 / var(--vw-min) * 100vw), 16px);
	pointer-events: none;
}
.p-hero__info--link_a:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height: min(calc(8 / var(--vw-min) * 100vw), 8px);
	-webkit-mask: url(../img/common/arrow_rt.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_rt.svg) no-repeat center / contain;
	background-color: #fff;
	margin: auto 0;
}


.p-hero_videoWrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	opacity: 0;
	/* transition: opacity .4s ease; */
}
.p-hero_videoPlayer{
	width: 100%;
	min-width: 177.7778vh;
	height: calc(100% + 50vh);
	min-height: calc(56.25vw + 50vh);
}


/* Active */
.swiper-slide-active .p-hero__info--pagenation{
	opacity: 1;
}
.swiper-slide-active .p-hero__info--title{
	transform: translateY(0%);
	opacity: 1;
	transition-delay: 0.4s;
}
.swiper-slide-active .p-hero__info--titlle-en{
	transform: translateX(0%);
	opacity: 1;
	transition-delay: 0.5s;
}
.swiper-slide-active .p-hero__info--link{
	transform: translateX(0%);
	opacity: 1;
	transition-delay: 0.6s;
}
.swiper-slide-active .p-hero__info--link_a{
	pointer-events: auto;
}



/* Active -> YouTube */
.p-hero_SlideWrapper[data-nowmedia="youtube"] .p-hero__media--image{
	opacity: 0;
	transition-delay: .2s;
}
.p-hero_SlideWrapper[data-nowmedia="youtube"] ~ .p-hero_videoWrapper{
	opacity: 1;
}



/* Active -> Img */
.p-hero_SlideWrapper[data-nowmedia="img"] .p-hero__media--image--bg{
	opacity: 1;
	transition-delay: .2s;
}
.p-hero_SlideWrapper[data-nowmedia="img"] .p-hero__media--image--bg img{
	transform: scale(100%);
	transition: transform 2s ease .2s;
}



/**
* heroHeader
**/
.p-hero__header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	z-index: 2;
	align-items: flex-start;
}
.p-hero__header--logo{
	position: relative;
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(160 / var(--vh-min) * 100vh), 160px);
	margin-left: 2%;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	filter: drop-shadow(0 0 calc(10 / var(--vw-min) * 100vw) #000) drop-shadow(0 0 calc(50 / var(--vw-min) * 100vw) rgba(0, 0, 0, 0.8)) drop-shadow(0 0 calc(40 / var(--vw-min) * 100vw) rgba(0, 0, 0, 0.6));
}
.p-hero__header--logo img{
	object-fit: contain;
	object-position: top left;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:767px){
	.p-hero__header{
		display: none;
	}
}

.p-hero__header--navs{
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-right: min(calc(93 / var(--vw-min) * 100vw), 93px);
	position: relative;
	margin-left: auto;
}
@media screen and (max-width:767px){
	.p-hero__header--navs{
		display: none;
	}
}
.p-hero__header--navs .navList__link{
	color: var(--color-white);
}

.p-hero__header--navBtn{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	width: min(calc(72 / var(--vw-min) * 100vw), 72px);
}
.p-hero__header--navBtn .p-navBtn{
	margin-left: auto;
	margin-right: auto;
}

.p-hero__header .p-navBtn::before{
	border-color: var(--color-white)
}
.p-hero__header .p-navBtn-dots > span::before{
	background-color: var(--color-white);
}
.p-hero__header .p-navBtn-dots > span::after{
	border-color: var(--color-white);
}


/**
* p-hero_slideController
**/
.p-hero_slideController{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(72 / var(--vw-min) * 100vw), 72px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.p-hero_slideController:before{
	content: '';
	position: absolute;
	top: 0;
	left: -1px;
	bottom: 0;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 50%);
}
.p-hero_slideController--title{
	font-family: var(--font-en);
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	writing-mode: vertical-rl;
}
@media screen and (max-width:767px){
	.p-hero_slideController{
		position: relative;
		width:100%;
	}
	.p-hero_slideController--title{
		display: none;
	}
}




.p-hero_slideController--arrows{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}

.p-hero_slideController--arrow{
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
@media screen and (max-width:767px){
	.p-hero_slideController--arrows{
		position: relative;
		display: flex;
		width:100%;
		padding: calc(10 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(18 / var(--vw-min) * 100vw);
		justify-content: space-between;
		margin-bottom: unset;
	}
	.p-hero_slideController--arrow{
		width:calc(38 / var(--vw-min) * 100vw);
		height:calc(38 / var(--vw-min) * 100vw);
	}
}
.p-hero_slideController--arrow:not(:last-child){
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.p-hero_slideController--arrow_line{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 50%);
}
.controller--arrow_svg,
.p-hero_slideController--arrow_svg{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: min(calc(48 / var(--vw-min) * 100vw), 48px);
	height: min(calc(48 / var(--vw-min) * 100vw), 48px);
	transform: rotate(-90deg);
}

.controller--arrow_svg circle,
.p-hero_slideController--arrow_svg circle{
	cx: min(calc(24 / var(--vw-min) * 100vw), 24px);
	cy: min(calc(24 / var(--vw-min) * 100vw), 24px);
	r: calc(min(calc(24 / var(--vw-min) * 100vw), 24px) - 1px);
	fill: none;
	stroke: var(--color-kadblue);
	stroke-width: 2px;
	stroke-dasharray: min(calc(146 / var(--vw-min) * 100vw), 146px);
	stroke-dashoffset: min(calc(146 / var(--vw-min) * 100vw), 146px);
}
._w .controller--arrow_svg circle,
.p-hero_slideController--arrow_svg circle{
	stroke: var(--color-white);
	stroke-width: 2px;
	stroke-dasharray: min(calc(146 / var(--vw-min) * 100vw), 146px);
	stroke-dashoffset: min(calc(146 / var(--vw-min) * 100vw), 146px);
}
@media screen and (max-width:767px){
	.controller--arrow_svg,
	.p-hero_slideController--arrow_svg{
		width: calc(38 / var(--vw-min) * 100vw);
        height: calc(38 / var(--vw-min) * 100vw);
	}
	.controller--arrow_svg circle,
	.p-hero_slideController--arrow_svg circle{
		cx: calc(19 / var(--vw-min) * 100vw);
		cy: calc(19 / var(--vw-min) * 100vw);
		r: calc((19 / var(--vw-min) * 100vw) - 1px);
		fill: none;
		stroke: var(--color-kadblue);
		stroke-width: 2px;
		stroke-dasharray: calc(116 / var(--vw-min) * 100vw);
		stroke-dashoffset: calc(116 / var(--vw-min) * 100vw);
	}
	._w .controller--arrow_svg circle,
	.p-hero_slideController--arrow_svg circle{
		cx: calc(19 / var(--vw-min) * 100vw);
		cy: calc(19 / var(--vw-min) * 100vw);
		r: calc((19 / var(--vw-min) * 100vw) - 1px);
		fill: none;
		stroke: var(--color-white);
		stroke-width: 2px;
		stroke-dasharray: calc(116 / var(--vw-min) * 100vw);
		stroke-dashoffset: calc(116 / var(--vw-min) * 100vw);
	}
}
.controller--arrow .p-link_arrow,
.p-hero_slideController--arrow .p-link_arrow{
	border-radius: 50%;
}

.p-hero_slideController{
	--heroslideDuration: 10000ms;
}
.p-hero_SlideWrapper[data-nowmedia="img"] ~ .p-hero_slideController .p-hero_slideController--arrow_svg circle,
.p-hero_SlideWrapper[data-nowmedia="youtube"] ~ .p-hero_slideController .p-hero_slideController--arrow_svg circle{
	animation-name: ani_heroSlide_circle;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-duration: var(--heroslideDuration);
}

.bar {
  animation: none;
}

.bar.is-ani {
  animation: ani_heroSlide_circle 4000ms linear forwards;
}

@keyframes ani_heroSlide_circle {
	to {
		stroke-dashoffset: 0;
	}
	from {
		stroke-dashoffset: min(calc(146 / var(--vw-min) * 100vw), 146px);
	}
}
@media screen and (max-width:767px){
	@keyframes ani_heroSlide_circle {
		to {
			stroke-dashoffset: 0;
		}
		from {
			stroke-dashoffset: calc(116 / var(--vw-min) * 100vw);
		}
	}
}


/*----------------
ani
----------------*/
.l-content__titleWrap{
	opacity: 0;
	transform: translateY(min(calc(40 / var(--vw-min) * 100vw), 40px));
	transition: opacity .4s ease,transform .6s ease;
	overflow: hidden;
}
.inSectionBlock.is-ani .l-content__titleWrap,
.l-content.is-ani .l-content__titleWrap{
	opacity: 1;
	transform:translateY(0);
}

.l-contentIn__cont{
	opacity: 0;
	transform: translateY(min(calc(20 / var(--vw-min) * 100vw), 20px));
	transition: opacity .4s ease,transform .6s ease;
	transition-delay: .4s;
}
.inSectionBlock .autoSlider{
	opacity: 0;
	transform: translateY(min(calc(20 / var(--vw-min) * 100vw), 20px));
	transition: opacity .4s ease,transform .6s ease;
	transition-delay: .4s;
}
.inSectionBlock.is-ani .autoSlider,
.l-content.is-ani .l-contentIn__cont{
	opacity: 1;
	transform:translateY(0);
}

/*----------------
l-content__title
----------------*/
.l-content__title{
	display: flex;
	align-items: flex-end;
	color: var(--color-kadblue);
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
.l-content__title--en{
	display: flex;
    flex-direction: column;
	font-family: var(--font-en);
	font-weight: 800;
	line-height: 1;
}
.l-content__title--en_sub{
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	letter-spacing: min(calc(0.39 / var(--vw-min) * 100vw), 0.39px);
}
.l-content__title--en_txt{
	font-size: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.l-content__title--ja{
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
	font-weight: 700;
	line-height: min(calc(38 / var(--vw-min) * 100vw), 38px);
	letter-spacing: min(calc(0.45 / var(--vw-min) * 100vw), 0.45px);
	margin-left: 0.5em;
}
@media screen and (max-width:767px){
	.l-content__title{
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}	
	.l-content__title--en_sub{
		font-size: calc(10 / var(--vw-min) * 100vw);
		letter-spacing: calc(0.3 / var(--vw-min) * 100vw);
	}
	.l-content__title--en_txt{
		font-size: calc(48 / var(--vw-min) * 100vw);
		line-height: 0.6em;
        margin-top: calc(10 / var(--vw-min) * 100vw);
	}
	.l-content__title--ja{
		font-size: calc(12 / var(--vw-min) * 100vw);
		letter-spacing: calc(0.36 / var(--vw-min) * 100vw);
		line-height: 0.6em;
        margin-left: calc(10 / var(--vw-min) * 100vw);
	}
	.inSectionBlock .l-content__title--en_txt{
		font-size:calc(24 / var(--vw-min) * 100vw);
	}
}




.l-contentIn{
	width: max(80%, calc(100% - 240px));
	margin: 0 auto;
}
.l-contentIn__cont{
	width: 100%;
}
@media screen and (max-width:767px){
	.l-contentIn{
		width: 100%;
	}
}

/*------------------------
NEWS
------------------------*/
.l-content#news{
	position: relative;
}
.l-content#news::after{
	content: "";
	position: absolute;
	bottom:0;
	left: 0;
	z-index: 0∂;
	width: 100%;
	height:min(calc(240 / var(--vw-min) * 100vw), 240px); 
	background-color: #F0F0F0;
}
#news .l-contentIn{
	position: relative;
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	border-bottom: 1px solid var(--color-kadblue);
	padding-bottom: min(calc(125 / var(--vw-min) * 100vw), 125px);
	z-index: 1;
}
@media screen and (max-width:767px){
	.l-content#news::after{
		height:calc(240 / var(--vw-min) * 100vw); 
	}
	#news .l-contentIn{
		width: 100%;
		border-bottom: unset;
		padding-bottom: calc(56 / var(--vw-min) * 100vw);
	}
	#news .l-contentIn::after{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 90vw;
		height: 1px;
		background-color: var(--color-kadblue);
	}
	#news .l-content__titleWrap{
		padding-left:calc(16 / var(--vw-min) * 100vw);
	}
}
/* newsList */
.newsLists{
	display: flex;
	padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px) min(calc(10 / var(--vw-min) * 100vw), 10px) 0;
}
.newsItem{
	width:min(calc(288 / var(--vw-min) * 100vw), 288px);
	position: relative;
	margin-right:min(calc(11 / var(--vw-min) * 100vw), 11px);
}
.newsItem::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #5755A3;
	border: 1px solid var(--color-kadblue);
	position: absolute;
	right: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	bottom: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	border-radius:min(calc(16 / var(--vw-min) * 100vw), 16px);
	z-index: -1;
}
.newsItem__link{
	display: flex;
    flex-direction: column;
	border: 1px solid var(--color-kadblue);
	background-color: #FFF;
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
	height:min(calc(350 / var(--vw-min) * 100vw), 350px);
	padding:min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(26 / var(--vw-min) * 100vw), 26px);
	text-decoration: none;
}

.newsItem__img{
	width: 100%;
	height: min(calc(144 / var(--vw-min) * 100vw), 144px);
	overflow: hidden;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	margin-bottom: min(calc(17 / var(--vw-min) * 100vw), 17px);
}
.newsItem__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.newsItem .item__title{
	overflow: hidden;
	color: #1C1C1C;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
	font-weight: 500;
	line-height:180%;
	letter-spacing: min(calc(0.15 / var(--vw-min) * 100vw), 0.15px);
}
.works__title{
	font-family: var(--font-en_roboto);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 500;
	line-height: 1;
	color: rgba(0, 0, 0,0.5);
	margin-top: auto;
}
@media screen and (hover:hover) and (pointer: fine){
	.works__title{
		transition: opacity .3s ease;
	}
	.works__title:hover{
		opacity: 50%;
	}
}

@media screen and (max-width:767px){
	.newsListsWrap{
		padding-left:calc(20 / var(--vw-min) * 100vw);
	}
	.newsItem{
		width:calc(288 / var(--vw-min) * 100vw);
		margin-right:min(calc(11 / var(--vw-min) * 100vw), 11px);
	}
	.newsItem__link{
		border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
		height:calc(338 / var(--vw-min) * 100vw);
		padding:calc(16 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
	.newsItem__img{
		width: 100%;
		height: calc(144 / var(--vw-min) * 100vw);
		overflow: hidden;
		border-radius: calc(8 / var(--vw-min) * 100vw);
		margin-bottom: calc(17 / var(--vw-min) * 100vw);
	}
	.newsItem .item__title{
		font-size:calc(14 / var(--vw-min) * 100vw);
		line-height:185.714%;
		letter-spacing:calc(0.14 / var(--vw-min) * 100vw);
	}
	.works__title{
		font-size:calc(12 / var(--vw-min) * 100vw);
	}
}


/* controlBlock */
.controlBlock._news{
	/*display: none;*/
}
@media screen and (max-width:767px){
	.controlBlock._news{
		display: flex;
	}
	.controlBlock._news .controller--arrows{
		display: flex;
		width: calc(92 / var(--vw-min) * 100vw);
		justify-content: space-between;
	}
}


#news .viewBtn{
	position: absolute;
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	top: max(calc(-70 / var(--vw-min) * 100vw),-70px);
}
@media screen and (max-width:767px){
	.btm{
		position: relative;
		display: flex;
		justify-content: space-between;
		margin-top: calc(20 / var(--vw-min) * 100vw);
		padding:0 calc(19 / var(--vw-min) * 100vw);
	}
	#news .viewBtn{
		position: relative;
		right: unset;
		top: unset;
	}
}

/*------------------------
COMMON LIST
------------------------*/
/* listItem */
.listItem{
	width:min(calc(282 / var(--vw-min) * 100vw), 282px);
	margin-right: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.listItem:last-child{
	margin-right:0;
}
@media screen and (max-width:767px){
	.listItem{
		width:calc(225 / var(--vw-min) * 100vw);
	}
}
.item__link{
	display: flex;
    flex-direction: column;
	text-decoration: none;
}
.date_cateWrap{
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.item__date{
	font-family: var(--font-en_roboto);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	font-weight: 500;
	line-height: 1;
	color: rgba(0, 0, 0,0.5);
}
.item__cate{
	font-size: min(calc(11 / var(--vw-min) * 100vw), 11px);
	font-weight: 500;
	line-height: 181.818%;
	color: #FFF;
	display: block;
	background-color: #5755A3;	
	padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px);
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
	text-decoration: none;
}

@media screen and (hover:hover) and (pointer: fine){
	.item__cate{
		transition: opacity .3s ease;
	}
	.item__cate:hover{
		opacity: 80%;
	}
}
@media screen and (max-width:767px){
	.date_cateWrap{
		margin-bottom: calc(13 / var(--vw-min) * 100vw);
	}
	.item__date{
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
	.item__cate{
		font-size:calc(11 / var(--vw-min) * 100vw);
		padding: 0 calc(10 / var(--vw-min) * 100vw);
	}
}
.item__title{
	overflow: hidden;
	color: #1C1C1C;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size:min(calc(15 / var(--vw-min) * 100vw), 15px);
	font-weight: 500;
	line-height:180%;
	letter-spacing: min(calc(0.15 / var(--vw-min) * 100vw), 0.15px);
}
@media screen and (max-width:767px){
	.item__title{
		font-size:calc(14 / var(--vw-min) * 100vw);
		line-height:164.286%;
		letter-spacing: calc(0.28 / var(--vw-min) * 100vw);
	}
}
.item__img{
	width: 100%;
	height: min(calc(399 / var(--vw-min) * 100vw), 399px);
	overflow: hidden;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	margin-bottom: min(calc(17 / var(--vw-min) * 100vw), 17px);
}
.item__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:767px){
	.item__img{
		height: calc(318 / var(--vw-min) * 100vw);
		border-radius: calc(8 / var(--vw-min) * 100vw);
		margin-bottom: calc(14 / var(--vw-min) * 100vw);
	}
}
/**/
.newsItem__linkOver{
	position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
	left: 0;
	top: 0;
}
.newsItem .works__title,
.newsItem .item__cate{
	position: relative;
	z-index: 1;
	text-decoration: none;
}
.newsItem__img{
	pointer-events: none;
}
/*------------------------
EVENT
------------------------*/
.l-content#event{
	background-color: #F0F0F0;
	padding-top: min(calc(104 / var(--vw-min) * 100vw), 104px);
	padding-bottom: min(calc(180 / var(--vw-min) * 100vw), 180px);
}
#event .l-contentIn{
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	position: relative;
}
@media screen and (max-width:767px){
	.l-content#event{
		padding-top: 0;
		padding-bottom: calc(67 / var(--vw-min) * 100vw);
	}
	#event .l-contentIn{
		width: 100%;
	}
	#event .l-content__titleWrap{
		padding-left: calc(16 / var(--vw-min) * 100vw);
	}
}

@media screen and (max-width:767px){
	.eventListsWrap{
		padding-right: calc(20 / var(--vw-min) * 100vw);;
		padding-left: calc(19 / var(--vw-min) * 100vw);;
	}
}
.eventLists{
	display: flex;
}

#event .item__title{
	-webkit-line-clamp: 2;
	line-height:160%;
	letter-spacing: min(calc(0.3 / var(--vw-min) * 100vw), 0.3px);
	text-decoration: none;
}
@media screen and (max-width:767px){
	#event .item__title{
		-webkit-line-clamp: 2;
		line-height:160%;
		font-size: calc(14 / var(--vw-min) * 100vw);
		letter-spacing: calc(0.28 / var(--vw-min) * 100vw);
	}
}


/* controlBlock */
.controlBlock._event {
	position: relative;
	margin-top:min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.controlBlock._event .controller--arrows{
    justify-content: space-between;
	margin: 0 auto;
}

@media screen and (max-width:767px){
	.controlBlock._event{
		padding:0 calc(19 / var(--vw-min) * 100vw);
	}
}

/* viewBtn */
#event .viewBtn{
	position: absolute;
	right: min(calc(20 / var(--vw-min) * 100vw),20px);
	top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:767px){
	.controlBlock._event{
		padding-right: calc(19 / var(--vw-min) * 100vw);
	}
	#event .viewBtn{
		position: relative;
		right: unset;
		top: unset;
		justify-content: flex-end;
		padding-right: calc(19 / var(--vw-min) * 100vw);
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}


/*------------------------
ANNIVERSARY
------------------------*/
#anniversary.l-content{
	background-color: #F0F0F0;
	position: relative;
}
#anniversary .l-contentIn{
	width: 100%;
	background-color: #001659;
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
	position: relative;
}
@media screen and (max-width:767px){
	#anniversary .l-contentIn{
		width: 100%;
		background-color: #001659;
		padding-bottom: calc(65 / var(--vw-min) * 100vw);
		padding-top: calc(62 / var(--vw-min) * 100vw);
	}
}

.item__year{
	position: absolute;
	display: block;
	color: #FFF;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	pointer-events: none;
	z-index: 1;
}
.item__year img{
	width: 100%;
	height:auto;
}


/* tab */
.anniversaryTtl__tab .tab__txt{
	font-family: var(--font-en);
	letter-spacing: min(calc(0.495 / var(--vw-min) * 100vw), 0.495px);
	font-weight: 600;
	display: block;
	padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px) 0 min(calc(40 / var(--vw-min) * 100vw), 40px);
	z-index: 1;
}

#anniversary .ttlTabWrap{
	display: inline-block;
	padding-right: min(calc(72 / var(--vw-min) * 100vw),72px);
	position: relative;
}
#anniversary .ttlTabWrap::after{
	content: "";
	position: absolute;
	right: 1px;
	top: 0;
	width: min(calc(72 / var(--vw-min) * 100vw),72px);
	height: 100%;
	-webkit-mask: url(../img/common/tab_bg.svg) no-repeat center left / auto 100%;
	mask: url(../img/common/tab_bg.svg) no-repeat center left /  auto 100%;
	background-color: #001659;
}
#anniversary .ttlTab{
	color: #FFF;
	width: min(calc(320 / var(--vw-min) * 100vw),320px);
	height: min(calc(64 / var(--vw-min) * 100vw),64px);
	display: flex;
	align-items: center;
    justify-content: center;
}
#anniversary .ttlTab::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-color: #001659;
	z-index: 0;
	width: min(calc(320 / var(--vw-min) * 100vw),320px);
	height: min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:767px){
	#anniversary .tab__txt{
		font-size: calc(14 / var(--vw-min) * 100vw);
		line-height: 142.857%;
		padding: 0;
		padding-left: calc(20 / var(--vw-min) * 100vw);
		padding-top: calc(36 / var(--vw-min) * 100vw);
		white-space:nowrap;
        font-weight: 700;
	}
	#anniversary .ttlTab::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background-color: #001659;
		z-index: -1;
		width: calc(172 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
	}
	#anniversary .ttlTab {
		width: calc(172 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
	}
	#anniversary .ttlTabWrap {
		position: relative;
		z-index: 2;
		padding-right: calc(68 / var(--vw-min) * 100vw);
	}
	#anniversary .ttlTabWrap::after{
		width: calc(68 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
	}
	.flowingTxt._anniversary{
		z-index: 2;
	}
}
.anniversaryListsWrap{
	padding-left: min(calc(203 / var(--vw-min) * 100vw), 203px);
}
.anniversaryLists{
	display: flex;
	/*padding-left: min(calc(210 / var(--vw-min) * 100vw), 210px);*/
}
.anniversaryLists .item__title{
	color: #FFF;
}
.anniversaryLists .listItem{
	margin-right:min(calc(32 / var(--vw-min) * 100vw), 32px);
}
@media screen and (max-width:767px){
	.anniversaryListsWrap{
		padding-left: unset;
	}
	.anniversaryLists{
		padding: 0 0;
	}
	.anniversaryLists .listItem{
		margin-right: calc(16 / var(--vw-min) * 100vw);
	}
}




/* controlBlock anniversary */
.controlBlock._anniversary{
	width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
	margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
}
.controlBlock._anniversary .controller--arrows{
	width: 100%;
    justify-content: space-between;
	align-items: center;
}
.controlBlock._anniversary .controller--arrow_line{
		border: 1px solid #FFF;
}
.controlBlock._anniversary .p-link_arrow--arrow:before {
		background-color: #FFF;
}
.anniversary__scrollbar{
	width: min(calc(890 / var(--vw-min) * 100vw), 890px)!important;
	height: min(calc(2 / var(--vw-min) * 100vw), 2px)!important;
	background-color: rgba(255, 255, 255,0.4)!important;
	position: relative!important;
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
	bottom: unset;
	left: unset;
}
.anniversary__scrollbar .swiper-scrollbar-drag{
	/*width: min(calc(240 / var(--vw-min) * 100vw), 240px)!important;*/
	background-color: rgba(255, 255, 255,1)!important;
	border-radius: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
@media screen and (max-width:767px){
	.controlBlock._anniversary{
		width: 100%;
		margin: min(calc(40 / var(--vw-min) * 100vw), 40px) auto 0;
	}
	.anniversary__scrollbar{
		width:calc(225 / var(--vw-min) * 100vw)!important;
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
	.controlBlock._anniversary .controller--arrows{
		width:calc(335 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
}

/* CONTROLLER */
.controller__info--pagenation{
	line-height: 1;
	font-family: var(--font-en_roboto);
	font-size: min(calc(13 / var(--vw-min) * 100vw), 13px);
	font-weight: 500;
	display: flex;
	align-items: center;
	color: var(--color-kadblue)
}
.controller__infoWrap._w .controller__info--pagenation{
	color: #FFF;
}
@media screen and (min-width:768px){
	.controller__info--pagenation.sp{
		display: none;
	}
}
@media screen and (max-width:767px){
	.controller__info--pagenation.pc{
		display: none;
	}
	.controller__info--pagenation{
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	.controller__info--pagenation.sp{
		color: var(--color-white);
	}
	.controller__info--pagenation.sp .controller__info--pagenation_now:after{
		background-color: rgba(255, 255, 255, 50%);
	}
}
.controller__info--pagenation_now{
	position: relative;
	display: inline-block;
	padding-right: 0.6154em;
	position: relative;
}
.controller__info--pagenation_now:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1px;
	height: 100%;
	background-color:rgb(31, 40, 111,0.5);
}
.controller__infoWrap._w .controller__info--pagenation_now:after{
	background-color: rgba(255, 255, 255, 50%);
}
.controller__info--pagenation_all{
	position: relative;
	display: inline-block;
	padding-left: 0.6154em;
}

/*----------------
swiper contl
----------------*/
@media screen and (max-width:767px){
	.controller__scrollbar-infoWrap{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: min(calc(1020 / var(--vw-min) * 100vw), 1020px);
		margin: 0 auto;
	}
	.controller__infoWrap{
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap:min(calc(24 / var(--vw-min) * 100vw), 24px);
	}


	.controller__scrollbar-infoWrap{
		flex-direction: column;
		width: calc(225 / var(--vw-min) * 100vw);
	}
	.controller__infoWrap{
		width: 100%;
	}
}

.controller--btnWrap{
	display: flex;
	justify-content: space-between;
    align-items: center;
	width: min(calc(33 / var(--vw-min) * 100vw), 33px);
}
.cntlBtn{
	transition: opacity .4s ease;
}
.cntl__pause{
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height:  min(calc(10 / var(--vw-min) * 100vw), 10px);
	-webkit-mask: url(../img/common/cntl_pause.svg) no-repeat center center / contain;
	mask: url(../img/common/cntl_pause.svg) no-repeat center center / contain;
	background-color: var(--color-kadblue);
}
.cntl__play{
	width: min(calc(9 / var(--vw-min) * 100vw), 9px);
	height: min(calc(9 / var(--vw-min) * 100vw), 9px);
	-webkit-mask: url(../img/common/cntl_play.svg) no-repeat center center / contain;
	mask: url(../img/common/cntl_play.svg) no-repeat center center / contain;
	background-color: var(--color-kadblue);
	opacity:1;
}
.cntlBtn.is-active{
	opacity: 0.4;
}

.controller__infoWrap._w .cntl__pause,
.controller__infoWrap._w .cntl__play{
	background-color: #FFF;
}

@media screen and (max-width:767px){
	.controller--btnWrap{
		width: calc(33 / var(--vw-min) * 100vw);
	}
	.cntl__pause{
		width:calc(8 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
	.cntl__play{
		width:calc(9 / var(--vw-min) * 100vw);
		height:calc(9 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.cntlBtn:hover{
		opacity: 0.4;
	}
}


.p-hero_slideController-pc{
	position: absolute;
	left:min(calc(24 / var(--vw-min) * 100vw),24px);
	bottom: min(calc(118 / var(--vw-min) * 100vw),118px);
	z-index: 10;
}

/* flowingTxt */
.flowingTxt{
	position: absolute;
	width: 100%;
	height: min(calc(144 / var(--vw-min) * 100vw),144px);
	overflow: hidden;
	bottom: 0;
	left: 0;
	mix-blend-mode: multiply;
}
.flowingTxt::after{
	position: absolute;
	left: 0;
	display: block;
	content: "";
	width: 100%;
	height: min(calc(144 / var(--vw-min) * 100vw),144px);
	-webkit-mask: url(../img/common/fl_kadokawaani_txt_yoko.svg) repeat-x;
	mask: url(../img/common/fl_kadokawaani_txt_yoko.svg) repeat-x; 
	mask-size: min(calc(1730 / var(--vw-min) * 100vw),1730px) auto;
	background-color: #E8E8E8;
    animation: flowingTxt 20s linear infinite reverse;
}

@media screen and (max-width:767px){
	.flowingTxt._p-hero{
		position: absolute;
		width: 100%;
		height: calc(80 / var(--vw-min) * 100vw);
		overflow: hidden;
		top: unset;
		bottom:calc(-20 / var(--vw-min) * 100vw);
		mix-blend-mode: lighten;
	}
	.flowingTxt._p-hero::after,
	.flowingTxt._p-hero::before{
		width:calc(968 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
		-webkit-mask: url(../img/common/fl_kadokawaani_txt_yoko.svg) repeat-x; 
		mask: url(../img/common/fl_kadokawaani_txt_yoko.svg) repeat-x; 
		mask-size:calc(948 / var(--vw-min) * 100vw) auto;
		background-color: var(--color-kadblue);
		animation: flowingTxt_sp 20s linear infinite;
	}
}
/*
.flowingTxt::before{
	position: absolute;
	left: min(calc(1735 / var(--vw-min) * 100vw),1735px);
	display: block;
	content: "";
	width:min(calc(1735 / var(--vw-min) * 100vw),1735px);
	height: min(calc(144 / var(--vw-min) * 100vw),144px);
	-webkit-mask: url(../img/common/fl_kadokawaani_txt_yoko.svg)no-repeat; 
	mask: url(../img/common/fl_kadokawaani_txt_yoko.svg) no-repeat; 
	mask-size:min(calc(1705 / var(--vw-min) * 100vw),1705px) auto;
	background-color: #E8E8E8;
    animation: flowingTxt 20s linear infinite reverse;
}*/
.flowingTxt._sheetContents{
	bottom: max(calc(10 / var(--vw-min) * 100vw),10px);
}
@media screen and (max-width:767px){
	.flowingTxt{
		height:calc(80 / var(--vw-min) * 100vw);
	}
	.flowingTxt::after{
		width: calc(968 / var(--vw-min) * 100vw);
		animation: flowingTxt_sp 20s linear infinite reverse;
		mask-size:calc(948 / var(--vw-min) * 100vw) auto;
	}
	.flowingTxt::before{
		left: calc(968 / var(--vw-min) * 100vw);
		width: calc(948 / var(--vw-min) * 100vw);
		mask-size:calc(948 / var(--vw-min) * 100vw) auto;
		animation: flowingTxt_sp 20s linear infinite reverse;
	}
	.flowingTxt._sheetContents{
		bottom: calc(24 / var(--vw-min) * 100vw);
	}
}

.flowingTxt._anniversary{
	position: absolute;
	width: 100%;
	height: min(calc(144 / var(--vw-min) * 100vw),144px);
	overflow: hidden;
	top: max(calc(-25 / var(--vw-min) * 100vw),-25px);
	left: 0;
    mix-blend-mode: lighten;
}


.flowingTxt._anniversary::after/*,
.flowingTxt._anniversary::before*/{
	background-color: var(--color-kadblue);
	width:min(calc(2809 / var(--vw-min) * 100vw),2809px);
	height: min(calc(116/ var(--vw-min) * 100vw),116px);
	-webkit-mask: url(../img/common/fl_anniversary_txt.svg) repeat-x;  
	mask: url(../img/common/fl_anniversary_txt.svg) repeat-x; 
	mask-size:min(calc(2809 / var(--vw-min) * 100vw),2809px) auto;

    animation: flowingTxt_anniversary 30s linear infinite;
}
/*
.flowingTxt._anniversary::before{
	left: min(calc(2782 / var(--vw-min) * 100vw),2782px);
}*/

@media screen and (max-width:767px){
	.flowingTxt._anniversary{
		overflow: hidden;
		top: calc(-8 / var(--vw-min) * 100vw);
	}
	.flowingTxt._anniversary::after{
		width:calc(1565 / var(--vw-min) * 100vw);
		height:calc(80 / var(--vw-min) * 100vw);
		mask-size:calc(1565 / var(--vw-min) * 100vw) auto;
		animation: flowingTxt_anniversary_sp 30s linear infinite;
	}
}
@keyframes flowingTxt_anniversary {
    from {
        /*transform: translateX(0)*/
		mask-position: 0 0;
    }

    to {
       /* transform: translateX(max(calc(-2782 / var(--vw-min) * 100vw),-2782px))*/
		mask-position: max(calc(-2782 / var(--vw-min) * 100vw),-2782px) 0;
    }
}
@keyframes flowingTxt_anniversary_sp {
	from {
		mask-position: 0 0;
	}
	to {
		mask-position: calc(-1565 / var(--vw-min) * 100vw) 0;
	}
}




@keyframes flowingTxt {
    from {
		mask-position: 0 0;
    }
    to {
		mask-position: max(calc(-1730 / var(--vw-min) * 100vw),-1730px) 0;
    }
}
@keyframes flowingTxt_sp {
    from {
        transform: translateX(0)
    }
    to {
		mask-position: calc(-968 / var(--vw-min) * 100vw) 0;
    }
}

/*---------------------------
sheetContents
---------------------------*/
.sheetContentsBlock{
	padding-bottom:min(calc(140 / var(--vw-min) * 100vw), 140px); 
    background-color: #F0F0F0;
	position: relative;
}


/* ttl */
.sheetContents__ttlWrap{
	padding-left:min(calc(82 / var(--vw-min) * 100vw), 82px); 
	margin: 0 auto;
}
.sheetContents__ttl{
	margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px); 
	font-family: var(--font-en);
	color: var(--color-kadblue);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px); 
	font-weight: 700;
	line-height:1;
	letter-spacing:min(calc(0.32 / var(--vw-min) * 100vw), 0.32px); 
}
@media screen and (max-width:767px){
	.sheetContents__ttlWrap{
		padding-left:calc(19 / var(--vw-min) * 100vw); 
	}
}

.sheetContentsWrap{
	position: relative;
	padding-top:min(calc(40 / var(--vw-min) * 100vw), 40px); 
    background-color: #F5F5F5;
}
.sheetContents{
	position: relative;
	padding-top:min(calc(100 / var(--vw-min) * 100vw), 100px); 
}
.sheetContents__inner{
	position: relative;
    border-radius: min(calc(40 / var(--vw-min) * 100vw), 40px); 
    border: 1px solid #001659;
    padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px) min(calc(80 / var(--vw-min) * 100vw), 80px);
    z-index: 1;
	background-color: #F7F7F7;
}
@media screen and (max-width:767px){
	.sheetContents__inner{
		position: relative;
		border-radius: calc(32 / var(--vw-min) * 100vw); 
		padding: 0;
		padding-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}



.inSectionBlock{
	max-width: min(calc(1326 / var(--vw-min) * 100vw), 1326px);
	margin: 0 auto;
	position: relative;
	padding: min(calc(88 / var(--vw-min) * 100vw), 88px) min(calc(23 / var(--vw-min) * 100vw), 23px);
}
#comingsoon.inSectionBlock{
	margin-top: max(calc(-80 / var(--vw-min) * 100vw), -80px);
	/*margin-bottom: min(calc(144 / var(--vw-min) * 100vw), 144px);*/
}
#lineup.inSectionBlock{
	padding-top: 0;
	padding-bottom: min(calc(144 / var(--vw-min) * 100vw), 144px);
}

.inSectionBlock__inner{
	padding: 0 min(calc(63 / var(--vw-min) * 100vw), 63px) min(calc(8 / var(--vw-min) * 100vw), 8px);
	margin: 0 auto;
	border-radius: 0 min(calc(16 / var(--vw-min) * 100vw), 16px) 0 min(calc(16 / var(--vw-min) * 100vw), 16px);
}
#comingsoon .inSectionBlock__inner{
	background-color: #4D4C55;
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
#anniversary .inSectionBlock__inner{
	background-color: #001659;
}
#anniversary.inSectionBlock{
	margin-top: max(calc(-160 / var(--vw-min) * 100vw), -160px);
}
@media screen and (max-width:767px){
	.inSectionBlock{
		padding: calc(64 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw);
	}
	#onair.inSectionBlock{
		padding: calc(49 / var(--vw-min) * 100vw) 0;
	}
	#onair .l-content__titleWrap{
		padding-left: calc(6 / var(--vw-min) * 100vw);
	}
	.inSectionBlock__inner{
		padding: 0 0 calc(18 / var(--vw-min) * 100vw);
		border-radius: 0 min(calc(16 / var(--vw-min) * 100vw), 16px) 0 min(calc(16 / var(--vw-min) * 100vw), 16px);
	}
}

/* inSectionBlock > ttl */
@media screen and (max-width:767px){
	.inSectionBlock .l-content__title{
		position: relative;
		padding: 0 calc(13 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
		display: flex;
        flex-direction: column;
        align-items: flex-start;
	}
	.inSectionBlock#comingsoon .l-content__title--ja{
		position: absolute;
		left: calc(163 / var(--vw-min) * 100vw);
		bottom: calc(4 / var(--vw-min) * 100vw);
	}
}

/* deco */
.inSectionBlock__deco{
	position: absolute;
	width: min(calc(817 / var(--vw-min) * 100vw), 817px);
	height: min(calc(88 / var(--vw-min) * 100vw), 88px);
}
.inSectionBlock__deco._top{
	top: 0;
	left: min(calc(23 / var(--vw-min) * 100vw), 23px);
	display: flex;
}
.inSectionBlock__deco._btm{
	bottom: 1px;
	right: min(calc(23 / var(--vw-min) * 100vw), 23px);
	display: flex;
	transform: rotate(180deg);
}
.inSectionBlock__deco::before{
	content: "";
	display: block;
	border-radius: min(calc(16 / var(--vw-min) * 100vw),16px) 0 0 0;
	background-color: #4D4C55;
	width:min(calc(720 / var(--vw-min) * 100vw),720px);
	height: 100%;
}
.inSectionBlock__deco::after{
	content: "";
	display: block;
	position: absolute;
    right: 1px;
    top: 0;
	background-color: #4D4C55;
	width:min(calc(98 / var(--vw-min) * 100vw),98px);
	height: 100%;
	-webkit-mask: url(../img/common/tab_bg.svg) no-repeat bottom left / auto 100%;
	mask: url(../img/common/tab_bg.svg) no-repeat bottom left / auto 100%;
}
#anniversary .inSectionBlock__deco::after,
#anniversary .inSectionBlock__deco::before{
	background-color: #001659;
}

@media screen and (max-width:767px){
	.inSectionBlock__deco{
		position: absolute;
		width: calc(272 / var(--vw-min) * 100vw);
		height: calc(65 / var(--vw-min) * 100vw);
	}
	.inSectionBlock__deco._top{
		top: 0;
		left: calc(6 / var(--vw-min) * 100vw);
	}
	.inSectionBlock__deco::before{
		border-radius: calc(16 / var(--vw-min) * 100vw) 0 0 0;
		width:calc(200 / var(--vw-min) * 100vw);
	}
	.inSectionBlock__deco::after{
		width:calc(72 / var(--vw-min) * 100vw);
	}
	.inSectionBlock__deco._btm{
		bottom: 1px;
		right: calc(6 / var(--vw-min) * 100vw);
		width: calc(203 / var(--vw-min) * 100vw);
	}
	.inSectionBlock__deco._btm::before{
		width:calc(131 / var(--vw-min) * 100vw);
	}


}

#anniversary .item__title,
#comingsoon .item__title{
	color: var(--color-white);
}
#anniversary .l-content__title,
#comingsoon .l-content__title{
	color: var(--color-white);
}
#lineup .viewBtn,
#onair .viewBtn,
#comingsoon .viewBtn{
	margin-top: min(calc(48 / var(--vw-min) * 100vw),48px);
	justify-content: flex-end;
}
@media screen and (max-width:767px){
	#lineup .viewBtn,
	#onair .viewBtn,
	#comingsoon .viewBtn{
		margin-top: calc(14 / var(--vw-min) * 100vw);
		margin-right: calc(20 / var(--vw-min) * 100vw);
	}
}

@media screen and (min-width:767px){
	#lineup .l-content__titleWrap,
	#onair .l-content__titleWrap,
	#anniversary .l-content__titleWrap,
	#comingsoon .l-content__titleWrap{
		margin-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
	}
}




/* controlBlock */
.controlBlock._sheetIn{
	position: absolute;
	width: 100%;
	height: min(calc(339 / var(--vw-min) * 100vw), 339px);
	top: 0;
	z-index: 10;
	pointer-events: none;
}
.controlBlock._sheetIn .controller--arrows{
	height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.controlBlock._sheetIn .controller--arrow{
	pointer-events: all;
}
@media screen and (max-width:767px){
	.controlBlock._sheetIn{
		width: calc(100% - calc(28 / var(--vw-min) * 100vw));
		height: calc(38 / var(--vw-min) * 100vw);
		top: unset;
		left: 0;
		right: 0;
		margin: auto;
		bottom: calc(60 / var(--vw-min) * 100vw);
	}
	.controlBlock._sheetIn .controller--arrows{
		height: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.inSectionBlock .controller__infoWrap{
		margin-top: calc(10 / var(--vw-min) * 100vw);
	}

}


.inSectionBlock .autoSlider{
	position: relative;
}
.inSectionBlock .listItem{
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	margin-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.inSectionBlock .listItem:last-child{
	margin-right:0;
}
.inSectionBlock .item__img{
	height: min(calc(339 / var(--vw-min) * 100vw), 339px);
}
.inSectionBlock .autoSliderSwiper{
	width: min(calc(1020 / var(--vw-min) * 100vw), 1020px);
	width: 100%;
}
.inSectionBlock .controller__scrollbar-infoWrap{
	margin-top: min(calc(45 / var(--vw-min) * 100vw), 45px);
}
@media screen and (max-width:767px){
	.inSectionBlock .autoSliderSwiper{
		width: 100%;
	}
	.inSectionBlock .listItem{
		width: calc(225 / var(--vw-min) * 100vw);
		margin-right: calc(16 / var(--vw-min) * 100vw);
	}
	.inSectionBlock .item__img{
		height: calc(318 / var(--vw-min) * 100vw);
	}
	.inSectionBlock .controller__scrollbar-infoWrap{
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:768px){

	.autoSlider-wrapper.-noSlider{
		gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
		flex-wrap: wrap;
	}
	.autoSlider-wrapper.-noSlider .listItem{
		margin-right: 0;
		width: min(calc(210 / var(--vw-min) * 100vw), 210px);
	}
	.autoSlider-wrapper.-noSlider .listItem .item__img{
		height: min(calc(293 / var(--vw-min) * 100vw), 293px);

	}
}

.worksSheetTtl{
	font-size: min(calc(38 / var(--vw-min) * 100vw), 38px)
}
@media screen and (max-width: 768px) {
	.worksSheetTtl{
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
}



/*MOVIE*/
#movie {
    padding-top: min(calc(125 / var(--vw-min) * 100vw), 125px);
    padding-bottom: min(calc(125 / var(--vw-min) * 100vw), 125px);
    z-index: 1;
	background-color: #F0F0F0;
}
#movie .l-contentIn {
    position: relative;
    width: min(calc(1200 / var(--vw-min) * 100vw), 1200px);
}
@media screen and (max-width: 768px) {
	#movie {
		padding-top: calc(56 / var(--vw-min) * 100vw);
		padding-bottom: calc(56 / var(--vw-min) * 100vw);
	}
	#movie .l-contentIn {
		width:100%;
	}
	#movie .l-content__titleWrap{
		padding-left:calc(16 / var(--vw-min) * 100vw);
	}
}
.w_movieLists {
 
}
.w_movieItem {
  width: min(calc(380 / var(--vw-min) * 100vw), 380px);
  margin-right: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.w_movieItem:last-child {
  margin-right:0;
}
@media screen and (max-width: 768px) {
  .w_movieListsWrap.is-single  .w_movieLists{
    justify-content: center;		
  }
  .w_movieItem {
    width:calc(288 / var(--vw-min) * 100vw);
	margin-left: calc(16 / var(--vw-min) * 100vw);
	margin-right: 0;
  }
    .w_movieItem:last-child {
	margin-right: calc(16 / var(--vw-min) * 100vw);
  }
}

.movieBoxWrap {
  background: #000;
  display: block;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.movieBoxWrap::before {
  background: #000;
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 1;
  opacity: 0.3;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.w_movieItem:hover .movieBoxWrap::before {
  opacity: 0;
}


.movieBox__img {
	width: 100%;
	height: 100%;
	transition: 0.4s ease;
}
.movieBox__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.4s ease;
}

.movieBox {
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.play-icon {
  width: min(calc(48 / var(--vw-min) * 100vw), 48px);
  height: min(calc(48 / var(--vw-min) * 100vw), 48px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(../img/common/icon_movie.svg) no-repeat center center/contain;
  transform: scale(1);
  transition: 0.4s ease;
  z-index: 1;
}

.btn_moviePlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*hover*/
.movieBoxWrap:hover .movieBox__img {
  transform: scale(1.05);
}
.movieBox:hover {
  cursor: pointer;
}
/* slider control */
.controlBlock._movie{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.controlBlock._movie .controller--arrows{
	width: 100%;
	display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.controlBlock._movie{
		margin-top: calc(20 / var(--vw-min) * 100vw);
		width: 100%;
		padding: 0 calc(19 / var(--vw-min) * 100vw);
	}
}

/* TAB */
.tabNavLists{
	display: flex;
	gap:min(calc(12 / var(--vw-min) * 100vw), 12px);
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.tabNavItem{
	background-color: #FFF;
    display: flex;
    align-items: center;
	border: 1px solid #FFF;
}
.tabNavItem__link{
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(28 / var(--vw-min) * 100vw), 28px);
	color: var(--color-kadblue);
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
    font-weight: 700;
    letter-spacing: min(calc(0.45 / var(--vw-min) * 100vw), 0.45px);
}
.tabNavItem.is-active{
	background-color: var(--color-kadblue);
}
.tabNavItem.is-active .tabNavItem__link{
	color: #FFF;
}
@media screen and (max-width: 768px) {
	.tabNavLists{
		gap:calc(12 / var(--vw-min) * 100vw);
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
		padding: 0 calc(13 / var(--vw-min) * 100vw);
	}
	.tabNavItem__link{
		padding: 0 calc(10 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
}