@charset "utf-8";
/*-----------------------------------------------
* fv
* introduction
* news
* project
* comment
* movie
-------------------------------------------------*/
/*-----------------------------------------------
* fv
-------------------------------------------------*/
.fv {
	position: relative;
	margin-top: min(calc(56 / var(--vw-min) * 100vw),56px);
}
@media screen and (max-width:768px){ 
	.fv {
		min-height: calc(610 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}
.fv__StickyWrap {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none; 
	z-index: 1;
}
.fv__Sticky {
    position: sticky;
    top: 0;
    height: min(100%, 100vh);
}
.fv__logoText {
	width: calc(829 / var(--vw-min) * 100vw);
	height: calc(123 / var(--vw-min) * 100vw);
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 0 auto calc(115 / var(--vw-min) * 100vw);
	z-index: 1;
	background: url(../img/common/logo_10th.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){ 
	.fv__logoText {
		width: calc(624 / var(--vw-min) * 100vw);
		height: calc(93 / var(--vw-min) * 100vw);
		margin: 0 auto calc(70 / var(--vw-min) * 100vw);
	}
}
/** visual **/
.fv__visual {
	width: 100%;
}
@media screen and (max-width:768px){ 
	.fv__visual {
		position: absolute;
		top: calc(58 / var(--vw-min) * 100vw);
	}
}
.fv__visual img {
	width: 100%;
}
/*-----------------------------------------------
* introduction
-------------------------------------------------*/
.introduction {
	position: relative;
}
.introWrap {
	height: 100%;
	min-height: calc(620 / var(--vw-min) * 100vw);
	position: relative;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.introWrap {
		min-height: calc(620 / var(--vw-min) * 100vw);
	}
}
/** BG **/
.intro__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
	min-height: calc(620 / var(--vw-min) * 100vw);
    pointer-events: none;
    background: url(../img/common/bg/bg_intro.jpg)no-repeat center/ cover;
}
@media screen and (max-width:768px){
	.intro__bg {
		min-height: calc(620 / var(--vw-min) * 100vw);
	}
}
.intro__book {
	width: calc(903 / var(--vw-min) * 100vw);
	height: calc(601 / var(--vw-min) * 100vw);
	margin: 0 auto;
	background: url(../img/common/bg/bg_book.svg)no-repeat center/contain;
	transform: rotate(-7deg);
}
@media screen and (max-width:768px){
	.intro__book {
		width: calc(825 / var(--vw-min) * 100vw);
		height: calc(549 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min)* 100vw);
		transform: rotate(-13deg);
	}
}
.intro__bookIn {
	width: calc(903 / var(--vw-min) * 100vw);
	height: calc(601 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin:auto;
}
@media screen and (max-width:768px){
	.intro__bookIn {
		width: calc(825 / var(--vw-min) * 100vw);
		height: calc(549 / var(--vw-min) * 100vw);
	}
}
.intro__logo {
	width: calc(284 / var(--vw-min) * 100vw);
	height: calc(220 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(150 / var(--vw-min) * 100vw);
	right: calc(70 / var(--vw-min) * 100vw);
	background: url(../img/common/logo.svg)no-repeat center/contain;
	transform: rotate(-7deg);
}
@media screen and (max-width:768px){
	.intro__logo {
		width: calc(284 / var(--vw-min) * 100vw);
		height: calc(220 / var(--vw-min) * 100vw);
		top: calc(112 / var(--vw-min) * 100vw);
		right: calc(70 / var(--vw-min) * 100vw);
		transform: rotate(-13deg);
	}
}
.intro__text {
	width: calc(321 / var(--vw-min) * 100vw);
	height: calc(227 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(184 / var(--vw-min) * 100vw);
	left: calc(50 / var(--vw-min) * 100vw);
	background: url(../img/top/intro_catch.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.intro__text {
		width: calc(332 / var(--vw-min) * 100vw);
		height: calc(238 / var(--vw-min) * 100vw);
		top: calc(200 / var(--vw-min) * 100vw);
		left: calc(30 / var(--vw-min) * 100vw);
		transform: rotate(-6deg);
	}
}
/*-----------------------------------------------
* news
-------------------------------------------------*/
.news {
	position: relative;
	padding: min(calc(100 / var(--vw-min) * 100vw), 100px) 0 0;
}
@media screen and (max-width:768px){
	.news {
		padding: calc(120 / var(--vw-min) * 100vw) 0 0;
	}
}
/** LISTS **/
.topicsLists__item:not(:first-child) {
	margin-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width:768px){
	.topicsLists__item:not(:first-child) {
		margin-top: calc(30 / var(--vw-min) * 100vw);
	}
}
.topicsLists__item a {
	display: flex;
	text-decoration: none;
}
/** TIME **/
.topicsLists--date {
	font-family: var(--en2-font);
	width: 15%;/* 180 */
}
@media screen and (max-width:768px){
	.topicsLists--date {
		width: 21.3333%;/* 160 */
	}
}
.topicsLists--dateTime {
	font-size: min(calc(34 / var(--vw-min) * 100vw), 34px);
	color: #000;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	width: min(calc(115 / var(--vw-min) * 100vw), 115px);
	display: flex;
	flex-direction: column;
	margin-left: auto;
}
@media screen and (max-width:768px){
	.topicsLists--dateTime {
		font-size: calc(34 / var(--vw-min) * 100vw);
		width: calc(110 / var(--vw-min) * 100vw);
	}
}
.topicsLists--date_year {
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
@media screen and (max-width:768px){
	.topicsLists--date_year {
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
}
.topicsLists--date_month {
	color: var(--color-red);
}
/** TITLE **/
.topicsLists--title {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-yellow);
	letter-spacing: 0.1em;
	width: calc(100% - 15%);
	background-color: #000;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.topicsLists--title {
		font-size: calc(20 / var(--vw-min) * 100vw);
		line-height: 1.5;
		width: calc(100% - 21.3333%);
		padding: calc(8 / var(--vw-min) * 100vw) calc(25 / var(--vw-min) * 100vw);
	}
}
.topicsLists--title span {
	width: 86.2745%;/* 880 */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
@media screen and (max-width:768px){
	.topicsLists--title span {
		width: 93.2203%;/* 520 */
		-webkit-line-clamp: 2;
		min-height: calc(60 / var(--vw-min) * 100vw);
        display: flex;
        align-items: center;
	}
}
/** LINK BTN **/
.news .linkBtn {
	position: absolute;
	top: 0;
	right: 0;
}
/*-----------------------------------------------
* project
-------------------------------------------------*/
.project {
	position: relative;
	padding: min(calc(100 / var(--vw-min) * 100vw), 100px) 0 0;
}
@media screen and (max-width:768px){
	.project {
		padding: calc(130 / var(--vw-min) * 100vw) 0 0;
	}
}
/** BG **/
.projectBg-gun {
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
	height: min(calc(518 / var(--vw-min) * 100vw), 518px);
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
.projectBg-gun::before {
	content: "";
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
	height: min(calc(518 / var(--vw-min) * 100vw), 518px);
	position: absolute;
	top: max(calc(-310 / var(--vw-min) * 100vw), -310px);
	right: 0;
	z-index: -1;
	pointer-events: none;
	background: url(../img/common/bg/bg_accent.jpg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.projectBg-gun::before {
		width: calc(375 / var(--vw-min) * 100vw);
		height: calc(542 / var(--vw-min) * 100vw);
		top: calc(-310 / var(--vw-min) * 100vw);
		background: url(../img/common/bg/bg_accent-s.jpg)no-repeat center/contain;
	}
}
.project__contLists {
	display: flex;
}
@media screen and (max-width:768px){
	.project__contLists {
		display: block;
	}
}
.project__contItem {
	width: 100%;
	position: relative;
	display: flex;
}
.project__contSoon {
	width: 100%;
	position: relative;
	display: flex;
}
@media screen and (max-width:768px){
	.project__contItem.mission1 {
		width: 100%;
	}
	.project__contItem.mission2 {
		height: calc(790 / var(--vw-min) * 100vw);
	}
	.project__contItem.mission3 {
		height: calc(790 / var(--vw-min) * 100vw);
	}
}
.project__contItemIn {
	width: 100%;
	padding: calc(10 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.project__contItemIn {
		padding: calc(10 / var(--vw-min) * 100vw);
	}
}
.project__missionTitle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px) 0;
	background-color: #000;
}
@media screen and (max-width:768px){
	.project__missionTitle {
		padding: calc(16 / var(--vw-min) * 100vw) 0;
	}
}
.project__missionTitle::before {
	content: "";
	width: 100%;
	height: calc(48 / var(--vw-min) * 100vw);
}
.mission1 .project__missionTitle::before {
	-webkit-mask: url(../img/common/tit/tit_mission1.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_mission1.svg)no-repeat center/contain;
	background-color: var(--color-yellow);
}
.mission2 .project__missionTitle::before {
	-webkit-mask: url(../img/common/tit/tit_mission2.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_mission2.svg)no-repeat center/contain;
	background-color: var(--color-red);
}
.mission3 .project__missionTitle::before {
	-webkit-mask: url(../img/common/tit/tit_mission3.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_mission3.svg)no-repeat center/contain;
	background-color: var(--color-green);
}
/** 背景カラー **/
.mission1 {
	border: calc(10 / var(--vw-min) * 100vw) solid #000;
	background-color: var(--color-yellow);
}
.mission2 {
	border: calc(10 / var(--vw-min) * 100vw) solid #8a1412;
	background-color: var(--color-red);
}
.mission3 {
	border: calc(10 / var(--vw-min) * 100vw) solid #218431;
	background-color: var(--color-green);
}
.project__missionCont {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}
.mission2 .project__missionCont,
.mission3 .project__missionCont {
	min-height: 81.5%;
}
/** IMG **/
.project__ImgLists {
	display: flex;
	margin-top: calc(10 / var(--vw-min) * 100vw);
}

.mission1 .project__ImgItem img {
	width: 100%;
	pointer-events: none;
}
.mission1 .project__ImgItem {
	width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 2);
}
.mission1 .project__ImgItem:nth-child(2n) {
	margin-left: calc(10 / var(--vw-min) * 100vw);
}

.mission2 .project__ImgItem img {
	width: 100%;
	pointer-events: none;
}
.mission2 .project__ImgItem {
	/*width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 1);*/
}
.mission2 .project__ImgItem:nth-child(2n) {
	margin-left: calc(10 / var(--vw-min) * 100vw);
}

.mission3 .project__ImgItem img {
	width: 100%;
	pointer-events: none;
}
.mission3 .project__ImgItem {
	/*width: calc((100% - calc(10 / var(--vw-min) * 100vw)) / 1);*/
}
.mission3 .project__ImgItem:nth-child(2n) {
	margin-left: calc(10 / var(--vw-min) * 100vw);
}

.mission1 .project__text {
	font-size: calc(20 / var(--vw-min) * 100vw);
	color: #000;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin: calc(25 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
	.mission1 .project__text {
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

.mission2 .project__text {
	font-size: calc(20 / var(--vw-min) * 100vw);
	color: #ffe90e;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin: calc(25 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
	.mission2 .project__text {
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

.mission3 .project__text {
	font-size: calc(20 / var(--vw-min) * 100vw);
	color: #000;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
	margin: calc(25 / var(--vw-min) * 100vw) 0;
}
@media screen and (max-width:768px){
	.mission3 .project__text {
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
}

/** LINK BTN **/
.mission1 .linkBtn .linkA {
	background-color: var(--color-red);
	padding: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.mission1 .linkBtn .linkA {
		padding: calc(28 / var(--vw-min) * 100vw);
	}	
}
.mission1 .linkBtn .linkA::before {
	background-image: linear-gradient(#000, #000);
}

.mission2 .linkBtn .linkA {
	background-color: var(--color-yellow);
	color: var(--color-red);
	padding: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.mission2 .linkBtn .linkA {
		padding: calc(28 / var(--vw-min) * 100vw);
	}	
}
.mission2 .linkBtn .linkA::before {
	background-image: linear-gradient(#000, #000);
}

.mission3 .linkBtn .linkA {
	background-color: #000;
	color: var(--color-red);
	padding: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
	.mission3 .linkBtn .linkA {
		padding: calc(28 / var(--vw-min) * 100vw);
	}	
}
.mission3 .linkBtn .linkA::before {
	background-image: linear-gradient(var(--color-yellow), var(--color-yellow));
}

.project__soonText {
	width: calc(286 / var(--vw-min) * 100vw);
	height: calc(48 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-mask: url(../img/common/tit/tit_soon.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_soon.svg)no-repeat center/contain;
}
.mission2 .project__soonText {
	background-color: var(--color-yellow);
}
.mission3 .project__soonText {
	background-color: var(--color-red);
}
/** KEEP OUT **/
.project .deco__keepOutLists.is-keepT {
	top: calc(80 / var(--vw-min) * 100vw);
}
.project .deco__keepOutWrap {
	top: 0;
	bottom: max(calc(-20 / var(--vw-min) * 100vw), -20px);
}
.project .deco__keepOutLists.is-keepB .deco__keepOutItem:last-child {
	transform: rotate(-4deg);
    bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.project .deco__keepOutLists.is-keepB {
    bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
/*-----------------------------------------------
* comment
-------------------------------------------------*/
.comment {
	position: relative;
	padding: min(calc(100 / var(--vw-min) * 100vw), 100px) 0 0;
	/* padding: min(calc(100 / var(--vw-min) * 100vw), 100px) 0 min(calc(100 / var(--vw-min) * 100vw), 100px); */
}
@media screen and (max-width:768px){
	.comment {
		padding: calc(100 / var(--vw-min) * 100vw) 0 0;
		/* padding: calc(100 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw); */
	}	
}
.comment__contItemBtn {
	padding: min(calc(20 / var(--vw-min)* 100vw), 20px) 0;
	background-color: #000;
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.comment__contItemBtn {
		padding: calc(20 / var(--vw-min)* 100vw) calc(50 / var(--vw-min)* 100vw);
		margin-bottom: calc(4 / var(--vw-min) * 100vw);
	}	
}
.comment__contItem-titleWrap {
	width: min(calc(930 / var(--vw-min) * 100vw), 930px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.comment__contItem-titleWrap {
		width: 100%;
	}
}
.comment__contItem-title {
   color: #fff;
   font-weight: 500;
   display: flex;
   align-items: center;
}
/** NAME **/
.comment__contItem-charaName {
	font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
	position: relative;
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	.comment__contItem-charaName {
		font-size: calc(30 / var(--vw-min) * 100vw);
		padding-right: calc(20 / var(--vw-min) * 100vw);
	}
}
.comment__contItem-charaName::before {
	content: ":";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.comment__contItem-cvName {
	font-size: min(calc(50 / var(--vw-min) * 100vw), 50px);
	margin-left: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
@media screen and (max-width:768px){
	.comment__contItem-cvName {
		font-size: calc(50 / var(--vw-min) * 100vw);
		margin-left: calc(14 / var(--vw-min) * 100vw);
	}
}
/** ICON **/
.comment__contItem__icon {
	width: calc(38 / var(--vw-min) * 100vw);
	height: calc(44 / var(--vw-min) * 100vw);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/common/deco/deco_c-btn1.svg);
	transition: all .3s cubic-bezier(0.25, 1, 0.5, 1);
	transform:rotate(0deg);
}
@media screen and (max-width:768px){
	.comment__contItem__icon {
		width: calc(38 / var(--vw-min) * 100vw);
		height: calc(44 / var(--vw-min) * 100vw);		
	}
}
.comment__contItem__deco {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.comment__contItem__arrow {
    width: min(calc(19 / var(--vw-min)* 100vw), 19px);
    height: min(calc(13 / var(--vw-min)* 100vw), 13px);
	margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
    -webkit-mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_arrow.svg) no-repeat center / contain;
    background-color: #fff;
	transform: rotate(180deg);
    transition: .3s ease;
}
/** TEXT **/
.comment__contItem-textWrap {
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 2.25;
	font-weight: 500;
	padding: min(calc(30 / var(--vw-min)* 100vw), 30px) 0 min(calc(40 / var(--vw-min)* 100vw), 40px);
	display: none;
}
@media screen and (max-width:768px){
	.comment__contItem-textWrap {
		font-size: calc(20 / var(--vw-min) * 100vw);
		padding: calc(30 / var(--vw-min)* 100vw) calc(50 / var(--vw-min)* 100vw);
	}
}
.comment__contItem-text {
	width: min(calc(930 / var(--vw-min) * 100vw), 930px);
	display: flex;
	align-items: center;
	margin: 0 auto;
	background-color: #fff;
	padding: min(calc(20 / var(--vw-min)* 100vw), 20px);
}
@media screen and (max-width:768px){
	.comment__contItem-text {
		display: block;
		width: 100%;
	}
}
.comment__contItem-textIn {
	display: flex;
	flex-direction: column;
}
.comment__contItem-imgWrap {
	width: min(calc(640 / var(--vw-min) * 100vw), 640px);
	padding-left: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
@media screen and (min-width: 769px) {
    .comment__contItem-imgWrap_c {
        width: 370px;
    }
}

@media screen and (max-width:768px){
	.comment__contItem-imgWrap {
		width: 100%;
		padding-left: 0;
		display: block;
	}
}
.comment__contItem-img {
	padding: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background-color: #fff;
}
@media screen and (max-width:768px){
	.comment__contItem-img {
		width: 100%;
		padding: calc(30 / var(--vw-min) * 100vw);
	}
}
.comment__contItem-img img {
	width: 100%;
	pointer-events: none;
}
/*-----------------------------------------------
* movie
-------------------------------------------------*/
.movie {
	position: relative;
	padding: min(calc(95 / var(--vw-min) * 100vw), 95px) 0 0;
}
@media screen and (max-width:768px){
	.movie {
		padding: calc(96 / var(--vw-min) * 100vw) 0 0;
	}
}
.movie__cont {
	position: relative;
	padding: min(calc(75 / var(--vw-min) * 100vw), 75px) 0;
}
@media screen and (max-width:768px){
	.movie__cont {
		padding: calc(60 / var(--vw-min) * 100vw);
	}
}
/** BG **/
.movie__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
	/* min-height: min(calc(750 / var(--vw-min) * 100vw), 750px); */
    pointer-events: none;
    /* overflow: hidden; */
}
/* @media screen and (max-width:768px) {
    .movie__bg {
        min-height: calc(610 / var(--vw-min)* 100vw);
    }
} */
.movie__bg-clip {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.movie__bg-clip-in {
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    position: fixed;
    background: url(../img/common/bg/bg_movie.jpg)no-repeat top center/cover;
}
@supports (background-image:url(../img/common/bg/bg_movie.webp)){
	.movie__bg-clip-in {
		background-image: url(../img/common/bg/bg_movie.webp)
	}
}
/** SWIPER **/
.movieSwiperWrap {
	width: min(calc(1010 / var(--vw-min) * 100vw), 1010px);
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px) {
    .movieSwiperWrap {
		width: 100%;
	}
}
.movieSwiper {
	width: min(calc(960 / var(--vw-min) * 100vw), 960px);
	position: unset;
}
@media screen and (max-width:768px) {
	.movieSwiper {
		width: 100%;
	}
}
.movie__contItemWrap {
    overflow: hidden;
    position: relative;
    padding-top: 56.25%;
	overflow: hidden;
}
.movie__contItemWrap a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
	background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
}
.movie__contItemWrap a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, .5);
    transition: all 0.3s ease;
}
.movie__contItemWrap a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.movieSwiperItem-text {
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: #000;
	font-weight: 500;
	text-align: center;
	display: block;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px) {
	.movieSwiperItem-text {
		font-size: calc(24 / var(--vw-min) * 100vw);
		font-weight: 700;
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
}
.movieSwiperItem-text span {
	background-color: var(--color-yellow);
	padding: 0 min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width:768px) {
	.movieSwiperItem-text span {
		padding: 0 calc(10 / var(--vw-min) * 100vw);
	}
}
/** PAGINATION **/
.movieSwiper-pagination.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
	width: min(calc(50 / var(--vw-min) * 100vw), 50px);
	height: calc(100% - min(calc(56 / var(--vw-min) * 100vw), 56px));
	display: flex;
	align-items: flex-end;
    flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: unset;
	right: max(calc(-24 / var(--vw-min) * 100vw), -24px);
}
@media screen and (max-width:768px) {
	.movieSwiper-pagination.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
		width: 100%;
		height: 100%;
		position: relative;
		right: unset;
		flex-direction: row;
		margin-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.movieSwiper-pagination.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: min(calc(25 / var(--vw-min) * 100vw), 25px);
	height: min(calc(25 / var(--vw-min) * 100vw), 25px);
	background-color: var(--color-yellow);
	opacity: 1;
	position: relative;
	margin: 0 0 min(calc(10 / var(--vw-min) * 100vw), 10px) 0;
}
@media screen and (max-width:768px) {
	.movieSwiper-pagination.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
		margin: 0 calc(10 / var(--vw-min) * 100vw) 0 0;
	}
}
.movieSwiper-pagination .swiper-pagination-bullet::before {
	content: "";
	width: min(calc(12 / var(--vw-min) * 100vw), 12px);
	height: min(calc(12 / var(--vw-min) * 100vw), 12px);
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	opacity: 0;
	transition: .3s ease;
}
@media screen and (max-width:768px) {
	.movieSwiper-pagination .swiper-pagination-bullet::before {
		content: "";
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}
.movieSwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
	opacity: 1;
}
/*-----------------------------------------------
* 背景　DECO
-------------------------------------------------*/
.bgDeco {
	position: absolute;
	z-index: -1;
	overflow: hidden;
}
.bgDeco::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
}
/** deco1 **/
.bgDeco1 {
	width: min(calc(197 / var(--vw-min) * 100vw), 197px);
	height: min(calc(197 / var(--vw-min) * 100vw), 197px);
	top: 0;
	left: 0;
}
.bgDeco1::before {
	left: max(calc(-20 / var(--vw-min) * 100vw), -20px);
	transform: rotate(-24deg);
	background: url(../img/common/deco/deco_face1.svg)no-repeat center / contain;
}
/** deco2 **/
.bgDeco2 {
	width: min(calc(115 / var(--vw-min) * 100vw), 115px);
	height: min(calc(153 / var(--vw-min) * 100vw), 153px);
	top: min(calc(55 / var(--vw-min) * 100vw), 55px);
	left: min(calc(130 / var(--vw-min) * 100vw), 130px);
}
.bgDeco2::before {
	background: url(../img/common/deco/deco_sensei.png)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco2 {
		top: calc(90 / var(--vw-min) * 100vw);
		left: 0;
	}
	.bgDeco2::before {
		left: calc(-28 / var(--vw-min) * 100vw);
		background: url(../img/common/deco/deco_sensei.png)no-repeat center / contain;
	}
}
/** deco3 **/
.bgDeco3 {
	width: min(calc(154 / var(--vw-min) * 100vw), 154px);
	height: min(calc(154 / var(--vw-min) * 100vw), 154px);
	top: min(calc(52 / var(--vw-min) * 100vw), 52px);
	right: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.bgDeco3::before {
	transform: rotate(15deg);
	background: url(../img/common/deco/deco_face2.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco3 {
		top: calc(-30 / var(--vw-min) * 100vw);
		right: 0;
	}
	.bgDeco3::before {
		right: calc(-15 / var(--vw-min) * 100vw);
	}
}
/** deco4 **/
.bgDeco4 {
	width: min(calc(303 / var(--vw-min) * 100vw), 303px);
	height: min(calc(303 / var(--vw-min) * 100vw), 303px);
	top: max(calc(-80 / var(--vw-min) * 100vw), -80px);
	left: min(calc(45 / var(--vw-min) * 100vw), 45px);
}
.bgDeco4::before {
	transform: rotate(-30deg);
	background: url(../img/common/deco/deco_face3.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco4 {
		top: calc(-85 / var(--vw-min) * 100vw);
		left: 0;
	}
	.bgDeco4::before {
		left: calc(-60 / var(--vw-min) * 100vw);
	}
}
/** deco5 **/
.bgDeco5 {
	width: min(calc(112 / var(--vw-min) * 100vw), 112px);
	height: min(calc(112 / var(--vw-min) * 100vw), 112px);
	top: min(calc(90 / var(--vw-min) * 100vw), 90px);
	right: min(calc(210 / var(--vw-min) * 100vw), 210px);
}
.bgDeco5::before {
	transform: rotate(12deg);
	background: url(../img/common/deco/deco_face4.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco5 {
		top: calc(90 / var(--vw-min) * 100vw);
		right: calc(105 / var(--vw-min) * 100vw);
	}
}
/** deco6 **/
.bgDeco6 {
	width: min(calc(66 / var(--vw-min) * 100vw), 66px);
	height: min(calc(66 / var(--vw-min) * 100vw), 66px);
	top: min(calc(35 / var(--vw-min) * 100vw), 35px);
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.bgDeco6::before {
	transform: rotate(-12deg);
	background: url(../img/common/deco/deco_face5.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco6 {
		top: calc(45 / var(--vw-min) * 100vw);
		right: 0;
	}
	.bgDeco6::before {
		right: calc(-5 / var(--vw-min) * 100vw);
	}
}
/**
* MOVIE AREA 無
**/
/* .bgDeco7 {
	width: min(calc(172 / var(--vw-min) * 100vw), 172px);
	height: min(calc(172 / var(--vw-min) * 100vw), 172px);
	bottom: max(calc(-60 / var(--vw-min) * 100vw), -60px);
	left: min(calc(32 / var(--vw-min) * 100vw), 32px);
	z-index: -2;
}
.bgDeco7::before {
	transform: rotate(24deg);
	background: url(../img/common/deco/deco_face6.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco7 {
		bottom: calc(-22 / var(--vw-min) * 100vw);
		left: 0;
	}
	.bgDeco7::before {
		left: calc(-11 / var(--vw-min) * 100vw);
	}
} */
/** deco8 **/
/* .bgDeco8 {
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	bottom: 0;
	left: min(calc(320 / var(--vw-min) * 100vw), 320px);
}
.bgDeco8::before {
	transform: rotate(-16deg);
	background: url(../img/common/deco/deco_face7.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco8 {
		bottom: calc(-33 / var(--vw-min) * 100vw);
		left: calc(215 / var(--vw-min) * 100vw);
	}
} */
/** deco9 **/
/* .bgDeco9 {
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	height: min(calc(240 / var(--vw-min) * 100vw), 240px);
	bottom: max(calc(-30 / var(--vw-min) * 100vw), -30px);
	right: 0;
	z-index: -2;
}
.bgDeco9::before {
	transform: rotate(30deg);
	right: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	background: url(../img/common/deco/deco_face8.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco9 {
		bottom: calc(-40 / var(--vw-min) * 100vw);
		right: 0;
	}
	.bgDeco9::before {
		right: calc(-34 / var(--vw-min) * 100vw);
	}
} */
/**
* MOVIE AREA 有
**/
/* * deco7 **/
.bgDeco7 {
	width: min(calc(172 / var(--vw-min) * 100vw), 172px);
	height: min(calc(172 / var(--vw-min) * 100vw), 172px);
	top: min(calc(30 / var(--vw-min) * 100vw), 30px);
	left: min(calc(32 / var(--vw-min) * 100vw), 32px);
	z-index: -2;
}
.bgDeco7::before {
	transform: rotate(24deg);
	background: url(../img/common/deco/deco_face6.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco7 {
		top: calc(22 / var(--vw-min) * 100vw);
		left: 0;
	}
	.bgDeco7::before {
		left: calc(-11 / var(--vw-min) * 100vw);
	}
}
/** deco8 **/
.bgDeco8 {
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	top: min(calc(15 / var(--vw-min) * 100vw), 15px);
	left: min(calc(320 / var(--vw-min) * 100vw), 320px);
}
.bgDeco8::before {
	transform: rotate(-16deg);
	background: url(../img/common/deco/deco_face7.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco8 {
		top: calc(33 / var(--vw-min) * 100vw);
		left: calc(215 / var(--vw-min) * 100vw);
	}
}
/** deco9 **/
.bgDeco9 {
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	height: min(calc(240 / var(--vw-min) * 100vw), 240px);
	top: max(calc(-30 / var(--vw-min) * 100vw), -30px);
	right: 0;
	z-index: -2;
}
.bgDeco9::before {
	transform: rotate(30deg);
	right: max(calc(-5 / var(--vw-min) * 100vw), -5px);
	background: url(../img/common/deco/deco_face8.svg)no-repeat center / contain;
}
@media screen and (max-width:768px) {
	.bgDeco9 {
		top: calc(-40 / var(--vw-min) * 100vw);
		right: 0;
	}
	.bgDeco9::before {
		right: calc(-34 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
* アニメーション
-------------------------------------------------*/
.newsWrap .linkBtn,
.newsWrap .topicsLists,
.projectWrap .project__cont,
.comment__cont {
	opacity: 0;
	transform: translateY(10%);
	transition: .5s ease;
}
.newsWrap.is-ani .linkBtn,
.newsWrap.is-ani .topicsLists,
.projectWrap.is-ani .project__cont,
.commentWrap.is-ani .comment__cont {
	opacity: 1;
	transform: translateY(0%);
} 
.project .projectBg-gun::before {
	opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0.8);
    transition: all .25s cubic-bezier(0.25, 1, 0.5, 1);
}
.project.is-ani .projectBg-gun::before {
	transition-delay: .5s;
    opacity: 1;
    transform: scale(1);
}
.introWrap .intro__logo,
.introWrap .intro__text {
	opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0.8);
    transition: all .3s cubic-bezier(0.25, 1, 0.5, 1);
}
.introWrap .intro__logo {
	transform: scale(0.8) rotate(-360deg);
}
.introWrap.is-ani .intro__logo {
	transition-delay: .5s;
    opacity: 1;
    transform: scale(1) rotate(-7deg);
}
.introWrap.is-ani .intro__text {
	opacity: 1;
    transform: scale(1);
}
.comment__contItemBtn.is-active .comment__contItem__icon {
	transform: rotate(360deg);
}
@media screen and (max-width:768px) {
	.introWrap.is-ani .intro__text {
		transition-delay: 3.6s;
	}
	.introWrap.is-ani .intro__logo {
		transition-delay: 4.1s;
	}
}
/** 横から回転 **/
.news .bgDeco1,
.project .bgDeco3,
.movie .bgDeco8 {
	opacity: 0;
	transform: rotate(360deg) translateX(-150%);
	transition: opacity .5s, transform .8s;
}
.news.is-ani .bgDeco1,
.project.is-ani .bgDeco3,
.movie.is-ani .bgDeco8 {
	opacity: 1;
	transform: rotate(0) translateX(0%);
}
.movie.is-ani .bgDeco8 {
	transform: rotate(-16deg) translateX(0%);
}
/** 下から **/
.comment .bgDeco4 {
	opacity: 0;
	transform: translateY(50%);
	transition: .6s ease;
}
.comment.is-ani .bgDeco4 {
	opacity: 1;
	transform: translateY(0%);
}
/** ふわっと **/
.comment .bgDeco5,
.comment .bgDeco6::before,
.movie .bgDeco7,
.movie .bgDeco9  {
	opacity: 0;
	transition: .6s ease;
}
.comment.is-ani .bgDeco6::before {
	opacity: 1;
	transform: rotate(-12deg);
}
.comment.is-ani .bgDeco5,
.movie .bgDeco7,
.movie .bgDeco9 {
	opacity: 1;
}
.comment.is-ani .bgDeco5,
.comment.is-ani .bgDeco6::before {
	transition-delay: .2s;
}
.movie.is-ani .bgDeco7,
.movie.is-ani .bgDeco8,
.movie.is-ani .bgDeco9  {
	transition-delay: 1s;
}
.comment.is-ani .bgDeco4 {
	animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
.comment.is-ani .bgDeco6::before {
	animation: poyopoyo 1.8s ease-in-out infinite alternate;
}
.movie.is-ani .bgDeco7::before {
	animation: anim_r 5s linear infinite normal;	
}
.movie.is-ani .bgDeco9 {
	animation: jump 1s ease-in-out infinite alternate;	
}
.bgDeco2 {
	opacity: 0;
	transform: translateY(50%);
	transition: .6s ease;
}
.bgDeco2.is-active {
	transition-delay: 1.2s;
	opacity: 1;
	transform: translateY(0%);
}
@media screen and (max-width:768px) {
	.bgDeco2.is-active {
		transition-delay: .5s;
	}
}
@keyframes floating-y {
	0% {
	  transform: translateY(-3%);
	}
	100% {
	  transform: translateY(3%);
	}
}
@keyframes poyopoyo {
	0%, 40%, 60%, 80% {
	  transform: scale(1.0);
	}
	50%, 70% {
	  transform: scale(0.95) rotate(-12deg);
	}
}
@keyframes anim_r{
	0% {
		transform: rotate(0deg);
	  }
	  100% {
		transform: rotate(360deg);
	  }
}
@keyframes jump{
	0%   { transform:translate(0%, 20px) rotateX(20deg); }
	100% { transform:translate(0%, 0%); }
}

/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	background-color: var(--color-yellow);
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
    min-height: 100vh;
	min-height: 100dvh;
	overflow: hidden;
}
.loading__logo {
	width: calc(250 / var(--vw-min) * 100vw);
	height: calc(130 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/top/loading_face.svg)no-repeat center/contain;
	opacity: 0;
    transition: all 0.9s ease;
	animation-name:logo_poyon;
	animation-duration: 1.2s;
	animation-timing-function: linear;
	animation-direction:reverse; 
	animation-iteration-count: infinite;
}
.loading.is-ani .loading__logo {
	opacity: 1;
}
@keyframes logo_poyon {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%);}
	15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
	30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
	50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
	70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}