@charset "utf-8";

/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html {
	font-size: 16px;
	background: #000;
}

body {
	background-color: #000;
	overflow-x: hidden;
}

body.no-scroll {
	overflow: hidden;
}

img {
	vertical-align: middle;
	max-width: 100%;
	height: auto;
	width: 100%;
	pointer-events: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
a {　outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration: none; }


h1, h2, h3, p, a {
	font-family: 'Frutiger W01', sans-serif;
	font-weight: 700;
	color: #474747;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}


/* ==========================================================================
loading / Opening
========================================================================== */

#load__area {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 9999;
}

#loader {
	position: absolute;
	z-index: 99999;
	left: 0;
	top: calc(50% - 5em);
	width: 100%;
	text-align: center;
}
#load-text {
	color: #fff;
	font-size: 3.5vw;
	font-family: 'Chakra Petch', sans-serif;
}
.load__box {
	background: #fff;
	height: 5px;
	width: 0%;
	position: absolute;
	top: 50%;
	z-index: 99999;
}

#load__box__right {
	top: calc(50% + 5px);
}

.load__box.rotata {
	transition: all ease .5s;
	-ms-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

#load__box__left.rotata {
	-webkit-animation: anim__load__box__left .35s ease .5s 1 normal forwards;
	animation: anim__load__box__left .35s ease .5s 1 normal forwards;
}
@-webkit-keyframes anim__load__box__left {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}
@keyframes anim__load__box__left {
	0% {
		left: 0;
	}
	100% {
		left: -100%;
	}
}

#load__box__right.rotata {
	-webkit-animation: anim__load__box__right .35s ease .5s 1 normal forwards;
	animation: anim__load__box__right .35s ease .5s 1 normal forwards;
}
@-webkit-keyframes anim__load__box__right {
	0% {
		right:0;
	}
	100% {
		right:-100%;
	}
}
@keyframes anim__load__box__right {
	0% {
		right:0;
	}
	100% {
		right:-100%;
	}
}




#loadingBg {
	position: fixed;
	left: 0;
	top: 0;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	background: #d22303;
	z-index: 9999;
}
#loading {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100vw;
	padding: 0px;
	/* margin: -70px 0 0 -220px; */
	background: #d22303;
	z-index: 9999;
	transform: translate(0%,-50%);
}
#loading #percent {
	margin-bottom: 5px;
	text-align: center;
	font-size: 16px;
}
#loading #gauge {
	width: 0px;
	height: 5px;
	background: #ff0000;
}


#progress-bar {
	width: 0;
	height: 60px;
	background: #00cab9;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0%;-50%;)
}

/* ==========================================================================
opening
========================================================================== */
#opening {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	overflow: hidden;
	min-width: 1280px;
	min-height: 700px;
	background: #000;
}


#video__wrap {
	position: relative;
	width: 100vw;
	height: 100vh;
	min-width: 1280px;
	min-height: 700px;
	object-fit: cover;
}

#bg__video{
	width: 100vw;
	height: 100vh;
	min-width: 1280px;
	min-height: 700px;
}

#video__ovl__wrap {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 6000;
	min-width: 1200px;
}

#video__ovl {
	background: url(../img/opening.svg) no-repeat center center ;
	background-size: contain;
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100vh;
	min-width: 1280px;
	min-height: 700px;

	transform: translate(0vw,0vw) scale(1);
	transform-origin: center ;
	opacity: 1;
	display: none;

	transition: all .6s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}




.op__overlay {
	display: block;
	position: absolute;
	background: #000;
}
#op__overlay__top {
	top: 0;
	left: 0;
	width: 100vw;
	height: 22%;
}
#op__overlay__right {
	top: 0;
	right: 0;
	width: 30%;
	height: 100vh;
}
#op__overlay__bottom {
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 22%;
}
#op__overlay__left {
	top: 0;
	left: 0;
	width: 30%;
	height: 100vh;
}





/* ==========================================================================
mainvisual
========================================================================== */

#mainvisual,
#mainvisual #bg,
.character{
	height: 100vh;
	width: 100vw;
	min-width: 1200px;
/*	min-height: 700px;*/
}

#mainvisual {
	position: relative;
	overflow: hidden;
}


#mainvisual #bg {
	background: url(../img/bg_05.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: absolute;
	height: 100vh;
	width: 100vw;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
/*	transform: translate3d(-100vw,0,0);*/
	z-index: 2;
	min-width: inherit;
	min-height: inherit;
}


#cloud {
	background: url(../img/building.jpg) no-repeat center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	position: absolute;
	height: 100vh;
	width: 100vw;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
/*	transform: translate3d(-100vw,0,0);*/
	z-index: 1;
	min-width: inherit;
	min-height: inherit;
}

#black {
	width: 100vw;
	height: 100vh;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 3;
}

#blur {
	background: url(../img/blur.png);
	position: absolute;
	top: 0;
	z-index: 7;
	width: 100vw;
	height: 100vh;
	background-size: cover;
}

#flash{
	position:absolute;
	z-index: 9;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	display: none;
}

#mv__fixed__before {
	position: absolute;
	top: -10vh;
	left: -10vw;
	z-index: 7;
	opacity: 0;
	height: 120vh;
	width: 120vw;
	background: url(../img/fix_before.jpg) no-repeat center center;
	background-size: cover;
	will-change: animation;
}



#mv__fixed__before.active {
	animation: img-wrap .3s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}

@keyframes flash {
	0% {
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	60%{
		opacity: 1;
	}
	80%{
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

#mv__fixed {
	position: absolute;
	top: 0;
	z-index: 8;
	opacity: 0;
	height: 100vh;
	width: 100vw;
	will-change: opacity;
}

#mv__fixed.active {
	animation: img-wrap .5s cubic-bezier(0.895, 0.03, 0.685, 0.22);
}


@keyframes img-wrap {
	0% {
		-webkit-clip-path: circle(0% at 58% 50%);
		clip-path: circle(0% at 58% 50%);
	}
	100% {
		-webkit-clip-path: circle(100% at 58% 50%);
		clip-path: circle(100% at 58% 50%);
	}
}

#mv__fixed.active.return {
	animation: none;
}

#mv__fixed .glitch__img {
	background: url(../img/fix.jpg) no-repeat center center;
	background-size: cover;
	width: 100vw;
	height: 100vh;
	min-width: 1200px;
}

#mv__fixed .glitch__img:nth-of-type(even) {
	mix-blend-mode: difference;
}

#mv__fixed .glitch__img:nth-of-type(odd) {
	mix-blend-mode: hue;
}


.character__anchor {
	position: absolute;
	z-index: 100;

	cursor: pointer;

}


.character {
	position: absolute;
	opacity: 0;
	transition: all ease .4s;
	will-change: opacity,transform;
}

.character .glitch__img {
	width: 100vw;
	height: 100vh;
}

/*Naji*/
#character-A {
	z-index: 4;
	background: url("../img/character_naji.png") no-repeat center center;
	background-size: cover;
}
#character__anchor_A {
	height: 46vh;
	width: 28vh;
	z-index: 10;

	top: 53%;
	left: 19%;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#character-A .ovl {
	display: none;
	/*	background: url("../img/naji_2.png") no-repeat center center;*/
	background-size: cover;
	width: 100%;
	height: 100%;
}





/*7ZEL*/
#character-B {
	z-index: 5;
	background: url("../img/character_7zel.png") no-repeat center center;
	background-size: cover;
}
#character__anchor_B {
	height: 65vh;
	width: 35vh;
	z-index: 10;

	top: 53%;
	left: 0;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);

}
#character-B .ovl {
	display: none;
	/*	background: url("../img/tokiya_2.png") no-repeat center center;*/
	background-size: cover;
	width: 100%;
	height: 100%;
}






/*Yoneyama*/
#character-C {
	z-index: 5;
	background: url("../img/character_yoneyama.png") no-repeat center center;
	background-size: cover;
}
#character__anchor_C {
	height: 65vh;
	width: 35vh;
	z-index: 10;

	top: 53%;
	right: 19%;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#character-C .ovl {
	display: none;
	/*	background: url("../img/yoneyama_2.png") no-repeat center center;*/
	background-size: cover;
	width: 100%;
	height: 100%;
}






/*ISSAI*/
#character-D {
	z-index: 4;
	background: url("../img/character_kimura.png") no-repeat center center;
	background-size: cover;
}
#character__anchor_D {
	height: 55vh;
	width: 30vh;
	z-index: 10;

	top: 53%;
	right: 0%;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#character-D .ovl {
	display: none;
	/*	background: url("../img/kimura_2.png") no-repeat center center;*/
	background-size: cover;
	width: 100%;
	height: 100%;
}






/*BUNBUN*/
#character-E {
	z-index: 3;
	background: url("../img/character_bunbun.png") no-repeat center center;
	background-size: cover;
}
#character__anchor_E {
	height: 32vh;
	width: 15vh;
	z-index: 10;
	top: 54%;
	right: 45%;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}


#character-E .ovl {
	display: none;
	/*	background: url("../img/takagi_2.png") no-repeat center center;*/
	background-size: cover;
	width: 100%;
	height: 100%;
}



/*TAKAGI*/
#character-F {
	z-index: 3;
	background: url("../img/character_takagi.png") no-repeat center center;
	background-size: cover;
}

#character__anchor_F {
	height: 15vh;
	width: 15vh;
	z-index: 10;

	top: 57%;
	right: 48%;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

/*Palow*/
#character-G {
	background: url("../img/character_palow.png") no-repeat center center;
	background-size: cover;
	z-index: 1;
	top: 0;
	-webkit-transform: translate3d(100vw,50vw,0);
	transform: translate3d(100vw,50vw,0);
	transform-origin: right;

	transition: transform ease .2s;
}

#character-G.on {
	-webkit-transform: translate3d(0vw,0,0);
	transform: translate3d(0vw,0vw,0);
	transition: transform cubic-bezier(0.075, 0.82, 0.165, 1.02) .5s;
}

#character__anchor_G {
	height: 25vh;
	width: 15vh;
	z-index: 9;

	top: 57%;
	right: 48%;

	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}






/* ==========================================================================
contents
========================================================================== */

#wrapper {
	opacity: 0;
	transition: all ease .6s, width linear 0s;
	min-width: 1200px;
	will-change: opacity;
}

#wrapper.show {
	opacity: 1;
	transition: all ease 1.5s, width linear 0s;
}

header {
	position: absolute;
	top: 30px;
	left: 40px;
	max-width: 200px;
	z-index: 10;
}

header img {
	width: 150px;
}


nav {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 4999;
	cursor: pointer;
}

#top nav{
	position: fixed;
}
#top nav.depth{
	z-index: 5050;
}


#member header a,
footer ul li a,
.sns a,
.sns img,
#member .profile ul:last-of-type li a,
.overlay .ovl__inner ul li a {
	transition: all ease .4s;
}

#member header a:hover,
footer ul li a:hover,
.sns a:hover,
#member .profile ul:last-of-type li a:hover,
.overlay .ovl__inner ul li a:hover {
	transition: all ease .4s;
	opacity: .6;
}

/*#top header,*/
#top nav {
	opacity: 0;
}

.sns a {
	display: block;
	text-align: center;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 50px;
	height: 44px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
}

.menu-trigger span:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	background: #FC100F;
	transition: all ease .4s;
}

nav:hover .menu-trigger.close span:before {
	width: 100%;
	transition: all ease .4s;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger span:nth-of-type(1) {
	-webkit-animation: menu-bar01 .75s forwards;
	animation: menu-bar01 .75s forwards;
}

@-webkit-keyframes menu-bar01 {
	0% {
		-webkit-transform: translateY(20px) rotate(45deg);
	}
	50% {
		-webkit-transform: translateY(20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar01 {
	0% {
		transform: translateY(20px) rotate(45deg);
	}
	50% {
		transform: translateY(20px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger span:nth-of-type(2) {
	transition: all .25s .25s;
	opacity: 1;
}
.menu-trigger span:nth-of-type(3) {
	-webkit-animation: menu-bar02 .75s forwards;
	animation: menu-bar02 .75s forwards;
}
@-webkit-keyframes menu-bar02 {
	0% {
		-webkit-transform: translateY(-20px) rotate(-45deg);
	}
	50% {
		-webkit-transform: translateY(-20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(0) rotate(0);
	}
}
@keyframes menu-bar02 {
	0% {
		transform: translateY(-20px) rotate(-45deg);
	}
	50% {
		transform: translateY(-20px) rotate(0);
	}
	100% {
		transform: translateY(0) rotate(0);
	}
}
.menu-trigger.open span:nth-of-type(1) {
	-webkit-animation: active-menu-bar01 .75s forwards;
	animation: active-menu-bar01 .75s forwards;
}
@-webkit-keyframes active-menu-bar01 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(20px) rotate(45deg);
	}
}
@keyframes active-menu-bar01 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(20px) rotate(0);
	}
	100% {
		transform: translateY(20px) rotate(45deg);
	}
}
.menu-trigger.open span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.open span:nth-of-type(3) {
	-webkit-animation: active-menu-bar03 .75s forwards;
	animation: active-menu-bar03 .75s forwards;
}
@-webkit-keyframes active-menu-bar03 {
	0% {
		-webkit-transform: translateY(0) rotate(0);
	}
	50% {
		-webkit-transform: translateY(-20px) rotate(0);
	}
	100% {
		-webkit-transform: translateY(-20px) rotate(-45deg);
	}
}
@keyframes active-menu-bar03 {
	0% {
		transform: translateY(0) rotate(0);
	}
	50% {
		transform: translateY(-20px) rotate(0);
	}
	100% {
		transform: translateY(-20px) rotate(-45deg);
	}
}

.menu,
.curtain,
#works__list{
	position: fixed;
	top: 0;
	right: -100vw;
	width: 100%;
	height: 100%;
	background: #FC100F;
	z-index: 15;
}

#top .menu{
	z-index: 5005;
}

.menu ul {
	position: absolute;
	top: 90px;
	right: 38px;
	width: 30px;
}

.menu ul li {
	margin-bottom: 15px;
}

.menu ul li img {
	max-width: 100%;
}

.menu ul li:last-child img {
	width: 21px;
	margin-left: -3px;
}

.menu .menu__inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.menu .menu__inner div {
	margin-bottom: 2vw;
	text-align: center;
}
.menu .menu__inner div:last-of-type {
	margin-bottom: 0;
}
.menu .menu__inner div p {
	text-align: center;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.menu .menu__inner div p a {
	font-size: 5.5vw;
	display: block;
	text-align: center;
	color: #000;
	line-height: 1;
	position: relative;
	left: -50vw;
	transition: all ease .5s;
	cursor: pointer;
}
.menu.action .menu__inner div p a {
	transition: all ease .5s;
	left: 0;
}
.menu .menu__inner div:nth-of-type(2) p a {
	transition-delay: .05s;
}
.menu .menu__inner div:nth-of-type(3) p a {
	transition-delay: .1s;
}
.menu .menu__inner div:nth-of-type(4) p a {
	transition-delay: .15s;
}
.menu .menu__inner div:nth-of-type(5) p a {
	transition-delay: .2s;
}
.menu .menu__inner div:nth-of-type(6) p a {
	transition-delay: .25s;
}

.menu .menu__inner div p a span {
	transition: all ease .5s;
	top: 0;
}

.menu .menu__inner div p a span:first-of-type {
	color: #fff;
	position: absolute;
	top: -5.5vw;
}

.menu .menu__inner div p a:hover span:first-of-type {
	transition: all ease .5s;
	top: 0;
}

.menu .menu__inner div p a span:last-of-type {
	position: relative;
}

.menu .menu__inner div p a:hover span:last-of-type {
	transition: all ease .5s;
	top: 5.5vw;
}

.cp {
	font-family: 'Chakra Petch', sans-serif;
	font-weight: 500;
}

.cp__t {
	font-family: 'Chakra Petch', sans-serif;
	font-weight: 300;
}

.notosans {
	font-family: 'Noto Sans JP', sans-serif;
}

.notoserif__t,.notoserif__t div p{
	font-family: 'Noto Serif JP 200', serif;
}

.rbt, .rbt div p {
	font-family: 'Roboto', sans-serif;
}

.rbt__notosans {
	font-family: 'Roboto','Noto Sans JP', sans-serif;
}

.ls05 {
	letter-spacing: 0.05em;
}

.ls08 {
	letter-spacing: 0.08em;
}

.ls10 {
	letter-spacing: 0.1em;
}

.ls6 {
	letter-spacing: 0.6em;
}

.fw__t,.fw__t div p {
	font-weight: 200;
}

.fw__n {
	font-weight: 400;
}

.fe__b {
	font-weight: 600;
}

.container {
	min-width: 1200px;
	position: relative;
}

section {
	position: relative;
	z-index: 2;
	min-width: 1200px;
}

section h2 ,
section h4 {
	position: absolute;
	overflow: hidden;
}

section h2 span {
	line-height: 1;
	display: block;
	position: relative;
}

section h4 span {
	line-height: 1;
	display: block;
	position: relative;
}

section h2 img ,
section h4 img {
	width: auto;
}

#contents {
	position: relative;
}
@supports (-ms-ime-align:auto) {
	#contents {
		overflow-y: hidden;
	}
}

.inner{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.contents__inner {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.flex__box {
	display: flex;
	flex-wrap: wrap;
}

.clear {
	clear: both;
}

.fc__white {
	color: white !important;
}

.fc__red {
	color: #fc0f0f !important;
}

::-webkit-scrollbar{
	width: 10px;
}
::-webkit-scrollbar-track{
	background: #fff;
	border-left: solid 1px #ececec;
}
::-webkit-scrollbar-thumb{
	background: #ccc;
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px #fff;
}

.parallax-window {
	min-height: 800px;
	background: transparent;
}

.parallax-slider {
	top: 0;
	left: 0;
}

.parallax-mirror {
	transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
}

.parallax-mirror img {
	transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) .08s;
}


/* ==========================================================================
Text / Image Animation
========================================================================== */

.bg__block {
	position: absolute;
	width: 100%;
	will-change: transform;
}

.bg__block__01 {
	background: url(../img/bg_parts_01.png) no-repeat center center;
	background-size: 1600px auto;
	height: 512px;
}

.bg__block__01__02 {
	background: url(../img/bg_parts_02.png) no-repeat center center;
	background-size: 1600px auto;
	height: 864px;
}

.bg__block__02 {
	background: url(../img/bg_parts_03.png) no-repeat center center;
	background-size: 1600px auto;
	height: 864px;
}

.bg__block__03 {
	background: url(../img/bg_parts_04.png) no-repeat center center;
	background-size: 1600px auto;
	height: 864px;
}

.bg__block__04 {
	background: url(../img/bg_parts_05.png) no-repeat center center;
	background-size: 1600px auto;
	height: 599px;
}

.bg__block__04__02 {
	background: url(../img/bg_parts_06.png) no-repeat center center;
	background-size: 1600px auto;
	height: 861px;
}

.bg__block__05 {
	background: url(../img/bg_parts_07.png) no-repeat center center;
	background-size: 1600px auto;
	height: 864px;
}

.hide__block p {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.hide__block .ele {
	opacity: 0;
	will-change: opacity;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .hide__block .ele {
		position: relative;
	}
}
@supports (-ms-ime-align:auto) {
	.hide__block .ele {
		position: relative;
	}
}

.active .hide__block .fz {
	font-weight: bold;
	font-size: 35px;
	margin-left: -22px;
}

.english .active .hide__block .fz {
	margin-left: 0px;
}

_::-webkit-full-page-media, _:future, :root .english .active .hide__block .fz {
	padding-bottom: 3px;
}


.active .hide__block .ele__0 {
	-webkit-animation: eleIn .1s ease 1s 1 normal forwards;
	animation: eleIn .1s ease 1s 1 normal forwards;
}
.active .hide__block .ele__1 {
	-webkit-animation: eleIn .1s ease 1.05s 1 normal forwards;
	animation: eleIn .1s ease 1.05s 1 normal forwards;
}
.active .hide__block .ele__2 {
	-webkit-animation: eleIn .1s ease 1.3s 1 normal forwards;
	animation: eleIn .1s ease 1.3s 1 normal forwards;
}
.active .hide__block .ele__3 {
	-webkit-animation: eleIn .1s ease 1.45s 1 normal forwards;
	animation: eleIn .1s ease 1.45s 1 normal forwards;
}
.active .hide__block .ele__4 {
	-webkit-animation: eleIn .1s ease 1.6s 1 normal forwards;
	animation: eleIn .1s ease 1.6s 1 normal forwards;
}
.active .hide__block .ele__5 {
	-webkit-animation: eleIn .1s ease 1.75s 1 normal forwards;
	animation: eleIn .1s ease 1.75s 1 normal forwards;
}
.active .hide__block .ele__6 {
	-webkit-animation: eleIn .1s ease 1.9s 1 normal forwards;
	animation: eleIn .1s ease 1.9s 1 normal forwards;
}
.active .hide__block .ele__7 {
	-webkit-animation: eleIn .1s ease 2.05s 1 normal forwards;
	animation: eleIn .1s ease 2.05s 1 normal forwards;
}
.active .hide__block .ele__8 {
	-webkit-animation: eleIn .1s ease 2.2s 1 normal forwards;
	animation: eleIn .1s ease 2.2s 1 normal forwards;
}
.active .hide__block .ele__9 {
	-webkit-animation: eleIn .1s ease 2.35s 1 normal forwards;
	animation: eleIn .1s ease 2.35s 1 normal forwards;
}
.active .hide__block .ele__10 {
	-webkit-animation: eleIn .1s ease 2.5s 1 normal forwards;
	animation: eleIn .1s ease 2.5s 1 normal forwards;
}
.active .hide__block .ele__11 {
	-webkit-animation: eleIn .1s ease 2.75s 1 normal forwards;
	animation: eleIn .1s ease 2.75s 1 normal forwards;
}
.active .hide__block .ele__12 {
	-webkit-animation: eleIn .1s ease 2.9s 1 normal forwards;
	animation: eleIn .1s ease 2.9s 1 normal forwards;
}
.active .hide__block .ele__13 {
	-webkit-animation: eleIn .1s ease 3.05s 1 normal forwards;
	animation: eleIn .1s ease 3.05s 1 normal forwards;
}
.active .hide__block .ele__14 {
	-webkit-animation: eleIn .1s ease 3.2s 1 normal forwards;
	animation: eleIn .1s ease 3.2s 1 normal forwards;
}
.active .hide__block .ele__15 {
	-webkit-animation: eleIn .1s ease 3.35s 1 normal forwards;
	animation: eleIn .1s ease 3.35s 1 normal forwards;
}
.active .hide__block .ele__16 {
	-webkit-animation: eleIn .1s ease 3.5s 1 normal forwards;
	animation: eleIn .1s ease 3.5s 1 normal forwards;
}
.active .hide__block .ele__16 {
	-webkit-animation: eleIn .1s ease 3.65s 1 normal forwards;
	animation: eleIn .1s ease 3.65s 1 normal forwards;
}
.active .hide__block .ele__17 {
	-webkit-animation: eleIn .1s ease 3.8s 1 normal forwards;
	animation: eleIn .1s ease 3.8s 1 normal forwards;
}

@-webkit-keyframes eleIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes eleIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


@-webkit-keyframes eleIn_iframe {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes eleIn_iframe {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


#sec03 .active .youtube-wrapper.hide__block .ele__0{
	padding: 0 !important;
	-webkit-animation: eleIn_iframe .2s ease 1s 1 normal both;
	animation: eleIn_iframe .2s ease 1s 1 normal both;
}
#sec03 .youtube-wrapper.hide__block .mask {
	z-index: 8000;
}


.hide__block .mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0%;
	right: inherit;
	width: 0%;
	height: 100%;
	background: #FC100F;
	will-change: animation;
}

.active .hide__block .mask__0 {
	-webkit-animation: maskIn 1s ease .4s 1 normal forwards;
	animation: maskIn 1s ease .4s 1 normal forwards;
}
.active .hide__block .mask__1 {
	-webkit-animation: maskIn 1s ease .55s 1 normal forwards;
	animation: maskIn 1s ease .55s 1 normal forwards;
}
.active .hide__block .mask__2 {
	-webkit-animation: maskIn 1s ease .7s 1 normal forwards;
	animation: maskIn 1s ease .7s 1 normal forwards;
}
.active .hide__block .mask__3 {
	-webkit-animation: maskIn 1s ease .85s 1 normal forwards;
	animation: maskIn 1s ease .85s 1 normal forwards;
}
.active .hide__block .mask__4 {
	-webkit-animation: maskIn 1s ease 1s 1 normal forwards;
	animation: maskIn 1s ease 1s 1 normal forwards;
}
.active .hide__block .mask__5 {
	-webkit-animation: maskIn 1s ease 1.15s 1 normal forwards;
	animation: maskIn 1s ease 1.15s 1 normal forwards;
}
.active .hide__block .mask__6 {
	-webkit-animation: maskIn 1s ease 1.3s 1 normal forwards;
	animation: maskIn 1s ease 1.3s 1 normal forwards;
}
.active .hide__block .mask__7 {
	-webkit-animation: maskIn 1s ease 1.45s 1 normal forwards;
	animation: maskIn 1s ease 1.45s 1 normal forwards;
}
.active .hide__block .mask__8 {
	-webkit-animation: maskIn 1s ease 1.6s 1 normal forwards;
	animation: maskIn 1s ease 1.6s 1 normal forwards;
}
.active .hide__block .mask__9 {
	-webkit-animation: maskIn 1s ease 1.75s 1 normal forwards;
	animation: maskIn 1s ease 1.75s 1 normal forwards;
}
.active .hide__block .mask__10 {
	-webkit-animation: maskIn 1s ease 1.9s 1 normal forwards;
	animation: maskIn 1s ease 1.9s 1 normal forwards;
}
.active .hide__block .mask__11 {
	-webkit-animation: maskIn 1s ease 2.05s 1 normal forwards;
	animation: maskIn 1s ease 2.05s 1 normal forwards;
}
.active .hide__block .mask__12 {
	-webkit-animation: maskIn 1s ease 2.2s 1 normal forwards;
	animation: maskIn 1s ease 2.2s 1 normal forwards;
}
.active .hide__block .mask__13 {
	-webkit-animation: maskIn 1s ease 2.35s 1 normal forwards;
	animation: maskIn 1s ease 2.35s 1 normal forwards;
}
.active .hide__block .mask__14 {
	-webkit-animation: maskIn 1s ease 2.5s 1 normal forwards;
	animation: maskIn 1s ease 2.5s 1 normal forwards;
}
.active .hide__block .mask__15 {
	-webkit-animation: maskIn 1s ease 2.75s 1 normal forwards;
	animation: maskIn 1s ease 2.75s 1 normal forwards;
}
.active .hide__block .mask__16 {
	-webkit-animation: maskIn 1s ease 3s 1 normal forwards;
	animation: maskIn 1s ease 3s 1 normal forwards;
}
.active .hide__block .mask__17 {
	-webkit-animation: maskIn 1s ease 3.25s 1 normal forwards;
	animation: maskIn 1s ease 3.25s 1 normal forwards;
}

@-webkit-keyframes maskIn {
	0% {
		width: 0%;
		left: 0%;
	}
	50% {
		width: 100%;
		left: 0%;
	}
	100% {
		width: 0%;
		left: 100%;
	}
}
@keyframes maskIn {
	0% {
		width: 0%;
		left: 0%;
	}
	50% {
		width: 100%;
		left: 0%;
	}
	100% {
		width: 0%;
		left: 100%;
	}
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/sec03_img_o.png) no-repeat;
	background-size: cover;
	transition: all ease .4s;
	cursor: pointer;
	z-index: 10;

	opacity: 0;

}

.overlay.fade_in {
	transition: all ease .3s;
	opacity: 1;
}

.overlay .ovl__inner {
	color: #00ffa3;
	width: 80%;
	margin: 0 auto;
	padding-top: 50px;
	position: relative;
	height: 100%;
	box-sizing: border-box;
}

.overlay .ovl__inner.top__img {
	width: 100%;
}

.w80 {
	width: 80%;
	margin: 0 auto;
}

.overlay.fade_in .ovl__inner {
	transition: all ease .3s;
	transition-delay: .3s;
	opacity: 1;
}

.overlay .ovl__inner h5{
	font-size: 35px;
	margin-bottom: 40px;
	font-weight: bold;
}

.overlay .ovl__inner p{
	color: #00ffa3;
	font-size: 18px;
	display: block;
	margin-bottom: 25px;
	line-height: 1.7;
}

.overlay .ovl__inner .next__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.overlay .ovl__inner ul {
	position: relative;
	z-index: 2;
}

.overlay .ovl__inner ul li {
	margin-bottom: 6px;
}

.overlay .ovl__inner ul li span {
	font-size: 14px;
	padding-left: 20px;
	background: url(../img/ico_works.png) no-repeat;
	background-position: center left;
	color: #00ffa3;
}

.glitch__wrap {
	--gap-horizontal: 10px;
	--gap-vertical: 5px;

	--time-anim: 4s;
	--time-anim-1: 7s;
	--time-anim-2: 6.5s;
	--time-anim-3: 6s;
	--time-anim-4: 5.5s;
	--time-anim-5: 5s;
	--time-anim-6: 4.5s;
	--time-anim-7: 8s;

	--delay-anim: 2.8s;
	--delay-anim-1: 8s;
	--delay-anim-2: 8.5s;
	--delay-anim-3: 9s;
	--delay-anim-4: 9.5s;
	--delay-anim-5: 10s;
	--delay-anim-6: 10.5s;
	--delay-anim-7: 11s;
	--delay-anim-8: 11.5s;

	--blend-mode-1: none;
	--blend-mode-2: none;
	--blend-mode-3: none;
	--blend-mode-4: none;
	--blend-mode-5: overlay;
	--blend-color-1: transparent;
	--blend-color-2: transparent;
	--blend-color-3: transparent;
	--blend-color-4: transparent;
	--blend-color-5: #af4949;
}

.glitch__img {
	position: absolute;
	width : 100%;
	/*	height : 100%;*/
	top: 0 ;
	left : 0;
	background: url(../img/sec03_img.png) no-repeat ;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-color: transparent;
	transform: translate3d(0,0,0);
	background-blend-mode: none;
}


.movie__image .glitch__img {
	padding-top: 56.25%;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
	background-color: transparent;
	transform: translate3d(0,0,0);
	background-blend-mode: none;
}

.sevnzel .movie__image .glitch__img {
	background: url(../img/sec04_img_7zel.jpg) no-repeat;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.yoneyama .movie__image .glitch__img {
	background: url(../img/sec04_img_yoneyama.jpg) no-repeat;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.naji .movie__image .glitch__img {
	background: url(../img/sec04_img_naji.jpg) no-repeat;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.issai .movie__image .glitch__img {
	background: url(../img/sec04_img_issai.jpg) no-repeat;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.palow .movie__image .glitch__img {
	background: url(../img/sec04_img_palow.jpg) no-repeat;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.bunbun .movie__image .glitch__img {
	background: url(../img/sec04_img_bunbun.jpg) no-repeat;
	background-position:center;
	-moz-background-size:cover;
	-o-background-size:cover;
	-webkit-background-size:cover;
	background-size:cover;
}

.glitch-img:hover .overlay {
	opacity: 1;
	transition: all ease .3s;
}

/* Glitch styles */
.active .glitch__img:nth-child(n+2) {
	opacity: 0;
}

.active .glitch__img:nth-child(n+2) {
	animation-duration: 4s;
	animation-delay: 2.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.active .glitch__img:nth-child(2) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-1;
}

.active .glitch__img:nth-child(3) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-2;
}

.active .glitch__img:nth-child(4) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-3;
}

.active .glitch__img:nth-child(5) {
	background-color: #af4949;
	background-blend-mode: overlay;
	animation-name: glitch-anim-flash;
}



/*Random animation*/
.active .rand .glitch__img {
	animation: none;
}

.active .rand.action .glitch__img:nth-child(n+2) {
	animation-duration: 4s;
	animation-delay: 2.8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

.active .rand.action .glitch__img:nth-child(2) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-1;
}

.active .rand.action .glitch__img:nth-child(3) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-2;
}

.active .rand.action .glitch__img:nth-child(4) {
	background-color: transparent;
	background-blend-mode: none;
	animation-name: glitch-anim-3;
}

.active .rand.action .glitch__img:nth-child(5) {
	background-color: #af4949;
	background-blend-mode: overlay;
	animation-name: glitch-anim-flash;
}


/*Edge*/
@supports (-ms-ime-align: auto) {
	.glitch__img {
		animation: none !important;
	}
	.glitch__img:nth-child(n+2) {
		opacity: 1 !important;
	}
	.glitch__img.front-1 {
		filter: contrast(10);
	}
	.glitch__img.front-2 {
/*		filter: invert(1);*/
	}
	.original .glitch__wrap {
		height: 170px;
		padding-top: 0 !important;
	}
	#member .original li img.on {
		z-index: 10 !important;
	}
	
	.active .glitch__img:nth-child(n+2) {
		display: none;
	}
	
}



/* Animations */

@keyframes glitch-anim-1 {
	0% { 
		opacity: 1;
		transform: translate3d(10px,0,0);
		-webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
		clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
	}
	2% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}
	4% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}
	6% {
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}
	8% {
		-webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
		clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
	}
	10% {
		-webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
		clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
	}
	12% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
		clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
	}
	14% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}
	16% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}
	18% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
		clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(10px,0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-2 {
	0% { 
		opacity: 1;
		transform: translate3d(calc(-1 * 10px),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
		clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
	}
	3% {
		-webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}
	5% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
		clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
	}
	7% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	9% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	11% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	13% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	15% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}
	17% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	19% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	20% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(calc(-1 * 10px),0,0);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}

@keyframes glitch-anim-3 {
	0% { 
		opacity: 1;
		transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1,-1,1);
		-webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
		clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
	}
	1.5% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
		clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
	}
	2% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
		clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
	}
	2.5% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}
	3% {
		-webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
		clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
	}
	5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
		clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
	}
	5.5% {
		-webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
		clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
	}
	7% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
		clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
	}
	8% {
		-webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
		clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
	}
	9% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
		clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
	}
	10.5% {
		-webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
		clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
	}
	11% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
		clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
	}
	13% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
		clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
	}
	14% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
		clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
	}
	14.5% {
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
		clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
	}
	15% {
		-webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
		clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
	}
	16% {
		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	18% {
		-webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
		clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
	}
	20% {
		-webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
		clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
	}
	21.9% {
		opacity: 1;
		transform: translate3d(0, calc(-1 * 5px), 0) scale3d(-1,-1,1);
	}
	22%, 100% {
		opacity: 0;
		transform: translate3d(0,0,0);
		-webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
		clip-path: polygon(0 0, 0 0, 0 0, 0 0);
	}
}


/* Flash */
@keyframes glitch-anim-flash {
	0%, 5% { 
		opacity: 0.2; 
		transform: translate3d(10px, 5px, 0);
	}
	5.5%, 100% {
		opacity: 0;
		transform: translate3d(0, 0, 0);
	}
}




















.hov img {
	transition: all ease .4s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.hov:hover img {
	transition: all ease .4s;
	opacity: 0;
}

.hov span {
	transition: all ease .4s;
}

.hov:hover span {
	transition: all ease .4s;
	color: #fff;
}



/*
ABOUT
---------------------------------------------------------------------*/
#sec01 {
	padding: 120px 0 30px;
}

#sec01:after {
	content: "";
	display: block;
	background:
		url(../img/guide_line.png) repeat center;
	background-size: 1200px auto;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#sec01 .contents__inner {
	padding-top: 220px;
}

#sec01 p {
	color: #fff;
}

#sec01 p .min__font {
	font-size: .9rem;
}

#sec01 .inner__left {
	width: 28%;
	text-align: right;
	margin-right: 5.5%;
}

#sec01 .inner__right {
	width: 66.5%;
	padding-right: 100px;
	box-sizing: border-box;
	height: 900px;
	position: relative;
}

#sec01 .inner__left .hide__block p {
	max-width: 166px;
	width: 100%;
}

#sec01 .inner__right .hide__block {
	margin-bottom: 30px;
}

#sec01 .inner__right .hide__block div{
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 5px;
}
#sec01 .inner__right .hide__block div.mb20 {
	margin-bottom: 20px;
}
#sec01 .btn__area {
	position: relative;
	z-index: 5;
}

#sec01 h2 {
	top: 0px;
	right: 100px;
}

#sec01 h2 span {
	transition: all ease .8s;
	right: 520px;
}

#sec01 .active h2 span {
	transition: all ease .8s;
	right: 0%;
}

#sec01 h2 ul {
	float: right;
	margin-top: 30px;
	border: 1px solid #ff0000;
}

#sec01 h2 ul li {
	color: #ff0000;
	font-size: 18px;
	padding: 5px;
	cursor: pointer;
}

#sec01 h2 ul li.on {
	background: #ff0000;
	color: #1d1d25;
}

#sec01 h4 {
	top: -30px;
	left: 30px;
	overflow: hidden;
}

#sec01 h4 span {
	transition: all ease .8s;
	right: 150px;
}

#sec01 .active h4 span {
	right: 0%;
	transition: all ease .8s;
}

#sec01 .japanese,
#sec01 .english {
	position: absolute;
	top: 0;
	height: 1150px;
	transition: opacity ease .4s;
}

#sec01 .english {
	opacity: 0;
}

#sec01 #about__area__02 img {
	max-width: 163px;
}

#sec01 #about__area__02 {
	padding-bottom: 25px;
	padding-top: 0;
}

#sec01 #about__area__02 .inner__right .hide__block:first-of-type,
#sec01 #about__area__02 .inner__right .hide__block:nth-of-type(2){
	margin-bottom: 20px;
}

#sec01 #about__area__02 .inner__right .ttl {
	font-size: 18px;
}

#sec01 #about__area__02 .inner__right .hide__block:nth-of-type(2) div {
	margin-bottom: 5px;
	line-height: 1.1;
}

#sec01 #about__area__02 .inner__right p {
	font-size: 14px;
}

#sec01 .hide__block div.under__space {
	margin-bottom: 25px;
}

#sec01 .hide__block div p {
	white-space: nowrap;
}

#sec01 p.about__sign {
	width: 178px;
	float: right;
}

#sec01 .english p.about__sign {
	margin-right: 155px;
}

/*
MEMBER
---------------------------------------------------------------------*/
#sec02 {
	padding-bottom: 125px;
}

#sec02:after {
	content: "";
	display: block;
	background:
		url(../img/guide_line.png) repeat center;
	background-size: 1200px auto;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/*
_::-webkit-full-page-media, _:future, :root #contents {
max-width: 100vw;
overflow: hidden;
}
_::-webkit-full-page-media, _:future, :root #sec02 .anim__block__70 {
margin: 0;
max-width: 100vw;
}
*/

_::-webkit-full-page-media, _:future, :root #sec02 .anim__block__70 {
	margin: 0;
	max-width: 100vw;
	overflow: hidden;
}

#sec02 .slide {
	padding-top: 280px;
}


#sec02 h2 {
	top: 120px;
	right: 30px;
}
#sec02 h2 span {
	transition: all ease 1.2s;
	right: 650px;
}
#sec02 .active h2 span {
	transition: all ease 1.2s;
	right: 0%;
}


#sec02 h4 {
	top: 0;
	left: 30px;
}
#sec02 h4 span {
	transition: all ease .8s;
	right: 200px;
}
#sec02 .active h4 span {
	right: 0%;
	transition: all ease .8s;
}






.slick_container {
	position:relative;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}
.slick-prev, .slick-next {
	width:100px;
	height:auto;
}
.slick-prev:before, .slick-next:before {
	content:"";
}
button.slick-prev, button.slick-next {
	z-index:2;
	display: none !important;
}
#sec02 .members__slide {
	height: 1082px;
	margin: 0 auto;
	/*	overflow: hidden;*/
	padding-top: 60px;
}

#sec02 .members__slide div {
	height: 100%;
	position: relative;
}

#sec02 .members__slide .character__slide a {
	display: block;
	width: 100%;
	height: 100%;
}

#sec02 .members__slide .name {
	position: absolute;
	bottom: 100px;
	height: auto;
	left: -100px;
	z-index: 5;
}

#sec02 .members__slide .name p {
	color: #d22303;
	font-size: 50px;
	position: relative;
	overflow: hidden;
}

#sec02 .members__slide .name p:last-of-type {
	font-size: 30px;
}

#sec02 .members__slide .name p span {
	position: relative;
	left: -30vw;
	transition: all ease .6s;
}

#sec02 .members__slide .slick-current .name p span {
	transition: all ease .6s;
	transition-delay: .6s;
	left: 0;
}

#sec02 .members__slide .name p .rbt {
	color: #d22303;
	font-size: 16px;
	padding-left: 15px;
	font-weight: bold;
}

#sec02 .members__slide {
	display: block;
}

#sec02 .members__slide .sign {
	transition: all ease .4s;
	opacity: 0;
}

#sec02 .members__slide .sign.on {
	transition: all ease .4s;
	transition-delay: .5s;
	opacity: 1;
}

#sec02 .members__slide .takagi .sign img {
	left: 81%;
	top: 46%;
}

#sec02 .members__slide .tokiya .sign img {
	left: 83%;
	top: 44%;
}

#sec02 .members__slide .yoneyama .sign img {
	left: 85%;
	top: 45%;
}

#sec02 .members__slide .taiki .sign img {
	left: 85%;
	top: 38%;
}

#sec02 .members__slide .naji .sign img {
	left: 87%;
	top: 45%;
}

#sec02 .members__slide .issai .sign img {
	left: 90%;
	top: 35%;
}

#sec02 .members__slide .palow .sign img {
	left: 79%;
	top: 46%;
}

#sec02 .members__slide .bunbun .sign img {
	left: 85%;
}

#sec02 .members__slide .sign img {
	height: auto;
	width: auto;
	z-index: 5;
}


@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, #sec02 .members__slide .sign img {
		opacity: 0;
	}
	*::-ms-backdrop, #sec02 .members__slide .sign.on img {
		opacity: 1;
	} 
}
@supports (-ms-ime-align:auto) {
	#sec02 .members__slide .sign img {
		opacity: 0;
	}
	#sec02 .members__slide .sign.on img {
		opacity: 1;
	}
}

#sec02 .members__slide img.slide__ovl {
	z-index: 2
}

#sec02 .slick-slide {
	-webkit-transform: scale(.85);
	transform: scale(.85);
	/*	top: -40% !important;*/
	position: relative;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

#sec02 .members__slide img {
	height: auto;
	width: auto;
	margin: 0 auto;
	max-width: none;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%,-80%,0);
	transform: translate3d(-50%,-80%,0);
	transition: transform ease 1.1s;
	transition-delay: 0s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	will-change: transform,animation;
}

#sec02 .slick-current {
	position: relative;
	z-index: 2;
	-webkit-transform: scale(.85);
	transform: scale(.85);
	-webkit-animation: current .45s ease 1.1s 1 normal forwards;
	animation: current .45s ease 1.1s 1 normal forwards;
	top: 0 !important;
	width: 1200px;
}

#sec02 .members__slide .slick-current img {
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

@-webkit-keyframes current {
	0% {
		-webkit-transform: scale(.85);
		transform: scale(.85);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes current {
	0% {
		-webkit-transform: scale(.85);
		transform: scale(.85);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

#sec02 .slick-current + .slick-slide,
#sec02 .slick-current + .slick-slide + .slick-slide{
	/*	top: 40% !important;*/
}

#sec02 .slick-current + .slick-slide img ,
#sec02 .slick-current + .slick-slide + .slick-slide img {
	-webkit-transform: translate3d(-50%,-20%,0);
	transform: translate3d(-50%,-20%,0);
}

/*
.slick-next {
	background: url(../img/arrow__next_o.png) no-repeat;
}

.slick-prev {
	background: url(../img/arrow__prev_o.png) no-repeat;
}
*/
.slick-prev img.on,
.slick-next img.on {
	opacity: 0;
}

.slick-prev:hover img.on,
.slick-next:hover img.on {
	opacity: 1;
}

.slick-next,.slick-prev {
	display: block;
	height: 199px;
}

.slick-next img,.slick-prev img{
	position: absolute;
	top: 0;
}

.slick-prev span, .slick-next span {
	display: block;
	font-size: 16px;
	color: #d22303;
	position: absolute;
	white-space: nowrap;
	top: 50%;
}


.slick-next span {
	left: -110px;
}

.slick-prev span {
	right: -110px;
}

.character__slide .ovl {
	display: block;
	height: 100%;
	width: 100%;
}

.character__slide__A .ovl {
	display: none;
}




/*
WORKS
---------------------------------------------------------------------*/
#sec03 {
	padding-bottom: 90px;
}

#sec03:after {
	content: "";
	display: block;
	background:
		url(../img/guide_line.png) repeat center;
	background-size: 1200px auto;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#sec03 .inner {
	/*padding-top: 220px;*/
}

#sec03 .works__image {
	position: relative;
	max-width: 1100px;
	margin-left: 0;
}

#sec03 .arrow{
	position: absolute;
	/*	background: url(../img/next__arrow.png) no-repeat center right;*/
	height: 200px;
	bottom: 0;
	right: 101px;
	color: #fc0f0f;
	line-height: 200px;
	font-weight: bold;
	cursor: pointer;

	display: block;

	z-index: 100;

	outline: 0 none;
	user-select: none;

	transition: color .6s ease;



}
#sec03 .arrow img {
	width: 100px;
	transition: opacity .6s ease;
}

#sec03 .arrow img.on {
	width: 100px;
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0;
}



#sec03 .arrow:hover{
	color: #fff;
}
#sec03 .arrow:hover img{
	opacity: 0;
}
#sec03 .arrow:hover img.on{
	opacity: 1;
}


#sec03 h2 {
	top: 26px;
	left: 30px;
}
#sec03 h2 span {
	transition: all ease 1s;
	right: 550px;
}
#sec03 .active h2 span {
	transition: all ease 1s;
	right: 0%;
}


#sec03 h4 {
	top: 70px;
	right: 30px;
	z-index: 99;
}
#sec03 h4 span {
	transition: all ease .8s;
	right: 200px;
}
#sec03 .active h4 span {
	right: 0%;
	transition: all ease .8s;
}

#sec03 .ele {
	padding-top: 63.6363%;
	position: relative;
	overflow: hidden;
}

#sec03 .glitch__img {
	padding-top: 63.6363%;
}

#sec03 .glitch-img.front-2 {
	filter: hue-rotate(200deg) saturate(700%);
}

#sec03 .glitch-img.front-3 {
	filter: hue-rotate(120deg) saturate(700%);
}


#works__list {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	right: -300vw;
	z-index: 14;
	transition: all .8s cubic-bezier(1, 0, 0, 1) ;
	background: #333;
}

#works__list.action {
	right: 0 !important;
	transition: all .1s cubic-bezier(1, 0, 0, 1) ;
}

#works__list .works__inner {
	position: relative;
}

#works__list .works__inner,
#works__list .works__in__slide,
#works__list .works__in__slide .slide{
	width: 100vw;
	height: 100vh;
}

#works__list .works__in__slide .slide {
	position: relative;
	overflow-y: scroll;
}

#works__list .works__in__slide .slide p {
	position: absolute;
	left: 25px;
	bottom: 45px;
	color: #fff;
	z-index: 20;
	font-size: 40px;
	overflow: hidden;
}

#works__list .works__in__slide .slide p span {
	position: relative;
	top: 0;
	left: -50vw;
	transition: all ease .4s;
}

#works__list .works__in__slide .slick-current .slide p span {
	left: 0;
	transition: all ease .7s;
	transition-delay: .5s;
}

#works__list .works__in__slide .slick-current .slide img {
	height: auto;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0%;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	transform: translate(-50%,0%);
}

.menu-trigger__works {
	position: absolute;
	top: 30px;
	right: 30px;
	cursor: pointer;
}

#arrows__works__in .slick-prev, #arrows__works__in .slick-next {
	width: 41px;
	height: auto;
	transition: all ease .4s;
	height: 80px;
}

#arrows__works__in .slick-prev {
	left: 40px;
	top: 80px;
/*	background: url(../img/arrow__works__in__prev_o.png) no-repeat;*/
}

#arrows__works__in .slick-next {
	right: 40px;
	top: calc(100vh - 80px);
/*	background: url(../img/arrow__works__in__next_o.png) no-repeat;*/
}



/*
SPECIAL
---------------------------------------------------------------------*/
#sec04 {
	padding-bottom: 180px;
}

#sec04:after {
	content: "";
	display: block;
	background:
		url(../img/guide_line.png) repeat center;
	background-size: 1200px auto;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#sec04 .inner.anim__block {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
}

#sec04 #movie {
	margin-bottom: 50px;
}

#sec04 .flex__box {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	justify-content: space-between;
}

#sec04 dl {
	width: calc(50% - 20px);
	margin-bottom: 50px;
	box-sizing: border-box;
}

#sec04 .interview dl {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#sec04 dl dt {
	margin-bottom: 15px;
}

#sec04 dl dt div {
	line-height: 1;
}

_::-webkit-full-page-media, _:future, :root #sec04 dl dt div p.safari__style {
	width: 130px;
}

#sec04 dl dt div:first-of-type {
	margin-bottom: 15px;
}

#sec04 div dl dt div:last-of-type p span{
	font-weight: 400;
}

#sec04 dl dt p:first-of-type span {
	font-weight: bold;
}

#sec04 dl dt span {
	color: #fff;
	font-size: 20px;
	font-weight: 200;
}

#sec04 dl dd {
	position: relative;
	height: 270px;
	overflow: hidden;
}

#sec04 .interview dl dd {
	height: 329px;
}

#sec04 dl dd video {
	width: 100%;
	height: auto;
}

#sec04 .glitch-img.front-2,
#sec04 dl dd .glitch-img.front-2 video {
	filter: hue-rotate(200deg) saturate(700%);
}

#sec04 .glitch-img.front-3,
#sec04 dl dd .glitch-img.front-3 video {
	filter: hue-rotate(120deg) saturate(700%);
}

#sec04 .cont__sec04 {
	padding-top: 340px;
	position: relative;
	z-index: 2;
}

#sec04 .movie__image {
	padding-top: 56.25%;
}

#sec04 .sevnzel .overlay {
	background: url(../img/sec04_img_7zel_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .yoneyama .overlay {
	background: url(../img/sec04_img_yoneyama_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .naji .overlay {
	background: url(../img/sec04_img_naji_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .issai .overlay {
	background: url(../img/sec04_img_issai_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .palow .overlay {
	background: url(../img/sec04_img_palow_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .bunbun .overlay {
	background: url(../img/sec04_img_bunbun_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .interview .glitch__img {
	padding-top: 32.9%;
	background-image: url(../img/sec04_img_03.jpg);
}

#sec04 .interview .overlay {
	background: url(../img/sec04_img_03_o.jpg) no-repeat;
	background-size: cover;
}

#sec04 .overlay.mov__overlay {
	height: 270px;
}

#sec04 .overlay h5 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-weight: 200;
	font-size: 60px;
}
/*
#sec04 h2 {
	top: 25px;
	right: 30px;
}

#sec04 h2 span {
	transition: all ease 1s;
	right: 150px;
}

#sec04 .active h2 span {
	transition: all ease 1s;
	right: 0;
}
*/
#sec04 h2 {
	top: 116px;
	left: 584px;
}
#sec04 h2 span {
	transition: all ease 1s;
	right: 550px;
}
#sec04 .active h2 span {
	transition: all ease 1s;
	right: 0%;
}

#sec04 h3 {
	background: url(../img/sec04_ttl_line.png) no-repeat;
	height: 38px;
	line-height: 38px;
	color: #000;
	font-size: 1.5rem;
	padding-left: 30px;
	margin-bottom: 45px;
}

#sec04 h4 {
	top: 0;
	left: 30px;
}
#sec04 h4 span {
	transition: all ease .8s;
	right: 200px;
}
#sec04 .active h4 span {
	transition: all ease .8s;
	right: 0;
}




/*
CONTACT & RECRUIT
---------------------------------------------------------------------*/
#sec05 {
	z-index: 1;
}


#sec05:after {
	content: "";
	display: block;
	background:url(../img/guide_line.png) repeat center;
	background-size: 1200px auto;

	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#sec05 ul {
	padding: 340px 0 250px;
	width: 1000px;
}

#sec05 ul:after,
footer ul:after {
	content: "";
	display: block;
	clear: both;
}

#sec05 ul li {
	width: 485px;
	float: left;
}

#sec05 ul li:first-child {
	margin-right: 30px;
}

#sec05 ul li a {
	display: block;
	text-align: center;
	padding: 8px 0;

	font-size: 1.8rem;
}

#sec05 ul li div.hide__block:last-of-type {
	margin-top: 3px;
}

#sec05 ul li p {
	width: 100%;
}

#sec05 ul li p span {
	display: block;
	text-align: center;
}

#sec05 h2 {
	top: 30px;
	left: 30px;
}

#sec05 h2 span {
	transition: all ease 1.3s;
	right: 620px;
}

#sec05 .active h2 span {
	transition: all ease 1.2s;
	right: 0%;
}


#sec05 h4 {
	top: 10px;
	right: 30px;
}
#sec05 h4 span {
	transition: all ease .8s;
	right: 200px;
}
#sec05 .active h4 span {
	right: 0%;
	transition: all ease .8s;
}

.button_base {
	margin: 0;
	border: 0;
	font-size: 18px;
	position: relative;
	width: 100%;
	height: 50px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-user-select: none;
	cursor: default;
}
.b12_3d_glitch {
	overflow: hidden;
	width: 100%;
	height: 51px;
}
.b12_3d_glitch div {
	position: absolute;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	height: 50px;
	top: 0;
	padding-top: 8px;
}
.b12_3d_glitch div:nth-child(1) {
	background: #d22303;
	top: 0px;
	left: 0px;
}
.b12_3d_glitch div:nth-child(2) {
	width: 100%;
	height: 50px;
	color: #000;
}
.b12_3d_glitch:hover div:nth-child(1) {
	animation: b12_3d_glitch_bg 0.3s linear;
	-webkit-animation: b12_3d_glitch_bg 0.3s linear;
	-moz-animation: b12_3d_glitch_bg 0.3s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.b12_3d_glitch:hover div:nth-child(2) {

	animation: b12_3d_glitch 0.3s linear;
	-webkit-animation: b12_3d_glitch 0.3s linear;
	-moz-animation: b12_3d_glitch 0.3s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	background: url(../img/btn_glicth.png) repeat;
}
.b12_3d_glitch:hover div:nth-child(2) {
	color: #fff;
}
@-webkit-keyframes b12_3d_glitch_bg {
	49.00% {
		background-color: #d22303;
	}
	50.00% {
		background-color: yellow;
	}
	to {
		background-color: #8e1c07;
	}
}

@-webkit-keyframes b12_3d_glitch {
	from {
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		color: #000000;
	}
	25.00% {
		transform: skewX(90deg);
		-webkit-transform: skewX(90deg);
		-moz-transform: skewX(90deg);
		color: #000000;
	}
	75.00% {
		transform: skewX(-40deg);
		-webkit-transform: skewX(-40deg);
		-moz-transform: skewX(-40deg);
		color: #d22303;
	}
	90.00% {
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		color: #fff;
	}
	to {
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		color: #fff;
	}
}

@-moz-keyframes b12_3d_glitch_bg {
	49.00% {
		background-color: #d22303;
	}
	50.00% {
		background-color: yellow;
	}
	to {
		background-color: #8e1c07;
	}
}

@-moz-keyframes b12_3d_glitch {
	from {
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		color: #000000;
	}
	25.00% {
		transform: skewX(90deg);
		-webkit-transform: skewX(90deg);
		-moz-transform: skewX(90deg);
		color: #000000;
	}
	75.00% {
		transform: skewX(-40deg);
		-webkit-transform: skewX(-40deg);
		-moz-transform: skewX(-40deg);
		color: #d22303;
	}
	90.00% {
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		color: #fff;
	}
	to {
		transform: skewX(0deg);
		-webkit-transform: skewX(0deg);
		-moz-transform: skewX(0deg);
		color: #fff;
	}
}

.button_base + p {
	text-align: center;
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: .035em;
	padding-top: 5px;
}

footer {
	position: absolute;
	bottom: 120px;
	width: 100%;
	max-width: 1000px;
	left: 50%;
	transform: translate(-50%,0);
}

footer div {
	position: relative;
}

footer ul {
	padding: 0 !important;
	width: 1000px;
}

footer ul li {
	width: auto !important;
	margin-right: 30px;
	float: left;
}

footer ul li a {
	padding: 0 !important;
}

footer ul li:first-of-type img {
	width: 100px !important;
}

footer .copyright,
footer .privacy {
	clear: both;
	padding-top: 10px;
	color: #fff;
	font-size: 12px;
	font-weight: 300;
}
footer .privacy a {
	color: #fff;
	font-weight: 300;
	font-size: 12px !important;
}
.pagetop {
	position: absolute;
	z-index: 10;
	bottom: 0;
	right: 0;
	cursor: pointer;
	transition: all ease .4s;
	width: 91px;
	margin: 0;
	padding-top: 48px;
}

.pagetop span {
	display: block;
	text-align: center;
	padding-top: 6px;
	letter-spacing: .15em;
	font-weight: bold;
	transition: all ease .4s;
	font-size: 16px;
}

.pagetop img {
	width: 95px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease .4s;
}

.pagetop img.on {
	opacity: 0;
}

.pagetop:hover img {
	opacity: 0;
	transition: all ease .4s;
}

.pagetop a:hover {
	opacity: 1;
}

.pagetop:hover img.on {
	opacity: 1;
	transition: all ease .4s;
}

.pagetop:hover span {
	color: #fff !important;
}

















/*
MEMBER
---------------------------------------------------------------------*/

#member {
	padding-top: 150px;
}

#member header a {
	display: block;
}

#member .container {
	position: static;
}

#member #contents {
	overflow-y: hidden;
}

#member #contents:after {
	content: "";
	display: block;
	background-image: url(../member/img/member_guide.png);
	background-repeat: repeat-y;
	background-position: center top;
	height: 100%;
	position: absolute;
	width: 100%;
	top: 0;
	z-index: 1;
}

#member #contents img {
	width: auto;
}

#member .bg__block {
	position: absolute;
	width: 100%;
}

#member .bg__block__01 {
	background: url(../member/img/bg_parts_member_01.png) no-repeat center center;
	background-size: 1600px auto;
	height: 864px;
}

#member .bg__block__02 {
	background: url(../member/img/bg_parts_member_02.png) no-repeat center center;
	background-size: 1600px auto;
	height: 864px;
	top: 30%;
}

#member .bg__block__03 {
	background: url(../member/img/bg_parts_member_03.png) no-repeat center center;
	background-size: 1600px auto;
	height: 512px;
	top: 68%;
}

#member #contents .contents__inner {
	position: relative;
	z-index: 6;
	min-width: 1200px;
}

#member #top {
	position: relative;
	min-width: 1200px;
	z-index: 5;
	background: #000;
}




#member #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_yoneyama.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}

#member .taiki #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_taiki.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}

#member .takagi #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_takagi.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}
#member .palow #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_palow.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}
#member .issai #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_issai.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}
#member .naji #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_naji.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}
#member .sevnzel #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_7zel.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}
#member .bunbun #bg_top {
	padding-top: 46.8333%;
	background: url(../member/img/bg_bunbun.png) no-repeat center center,url(../member/img/member_guide.png) repeat-y center center;
	background-size: cover, 1200px auto;
	min-width: 1200px;
}

#member h1 {
	position: absolute;
	top: 0px;
	left: 40px;
	z-index: 6;
	width: 100px;
	height: 616px;
}

#member h1 img {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}

#member #top .mem__character {
	position: absolute;
	top: -230px;
	left: 45%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	z-index: 5;

	opacity: 0;

}


#member #top.taiki .mem__character {
	width: 1158px;
	top: -152px;
	left: 36%;
	/*transform: translate(-50%,0);*/
}

#member #top.yoneyama .mem__character {
	width: 796px;
}
#member #top.takagi .mem__character {
	width: 1200px;
	top: inherit;
	bottom: -84px;
}
#member #top.palow .mem__character {
	width: 1447px;
	top: inherit;
	bottom: -190px;
	left: 50%;
}
#member #top.naji .mem__character {
	width: 554px;
	top: inherit;
	bottom: -100px;
	left: 45%;
}
#member #top.sevnzel .mem__character {
	width: 1200px;
	bottom: -390px;
	left: 0;
	top: inherit;
	transform: none;
}
#member #top.issai .mem__character {
	width: 1043px;
	top: -120px;
	left: 43%;
}
#member #top.bunbun .mem__character {
	width: 502px;
	top: -150px;
	left: 28%;
}



#member #top #sign {
	position: absolute;
	top: 50px;
	z-index: 5;
	left: 70%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);

	opacity: 0;

}

#member #top.taiki #sign {
	top: 143px;
	left: 73%;
	width: 496px;
}

#member #top.yoneyama #sign {
	width: 467px;
}
#member #top.takagi #sign {
	width: 478px;
	top: 40%;
	left: 65%;
	transform: translate(-50%,-50%);
}
#member #top.palow #sign {
	left: 31%;
	top: 0%;
}
#member #top.naji #sign {
	width: 331px;
	left: 71.5%;
}
#member #top.sevnzel #sign {
	width: 585px;
	left: 69vw;
	top: inherit;
	bottom: 24vw;
}
#member #top.bunbun #sign {
	width: 446px;
	left: 70%;
	top: 10%;
}
#member #top.issai #sign {
	width: 205px;
	left: 80%;
	top: 4%;
}


#member #top .arrow {
	position: absolute;
	bottom: 0;
	right: 50px;
	cursor: pointer;
	z-index: 5;
	width: 100px;
	height: 199px;
/*	background: url(../member/img/arrow__next_o.png) no-repeat;*/
}

#member #top .arrow a {
	display: block;
	width: 100%;
	height: 100%;
}

#member #top .arrow img {
	position: absolute;
	top: 0;
}

#member #top .arrow img.on {
	opacity: 0;
}

#member #top .arrow:hover img.on {
	opacity: 1;
}

#member #top .arrow span {
	display: block;
	font-size: 16px;
	color: #d22303;
	position: absolute;
	white-space: nowrap;
	top: 50%;
	left: -110px;
	transform: translate(0,-50%);
}

#member #top .arrow:hover span {
	color: #fff;
	transition: all ease .4s;
}

#member .profile {
	color: #fff;
	position: relative;
	z-index: 10;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 50px;
	padding-top: 30px;
}

#member .profile h2{
	color: #fff;
	float: right;
	font-size: 50px;
	text-align: right;
	margin-bottom: 30px;
}

#member .profile h2 span{
	color: #fff;
	display: block;
	font-size: 16px;
}

#member .profile .works {
	float: right;
	width: 400px;
}

#member .profile .works li {
	font-size: 14px;
	margin-bottom: 30px;
	text-align: right;
	position: relative;
}

#member .profile ul:last-of-type,
#member .profile ul:last-of-type li {
	float: right;
}

#member .profile ul:last-of-type li:first-of-type {
	margin-left: 20px;
}

#member .profile ul:last-of-type li a {
	font-size: 14px;
}
#member .profile ul:last-of-type li a span {
	background: url(../member/img/ico_member.png) no-repeat center left;
	padding-left: 20px;
}


#member .special_blank{
	height: 90px;
}

#member .special,
#member .original {
	position: relative;
	padding-top: 90px;
	margin-bottom: 110px;
}

#member .special h2 {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 30px;
}

#member .special h2 span {
	transition: all ease .8s;
	right: 370px;
	line-height: 1;
	display: block;
	position: relative;
}

#member .special .active h2 span {
	transition: all ease .8s;
	right: 0;
}

#member .special h3 {
	background: url(../img/sec04_ttl_line.png) no-repeat;
	height: 38px;
	line-height: 38px;
	color: #000;
	font-size: 1.5rem;
	padding-left: 30px;
	margin-bottom: 45px;
}

#member .special dl {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 90px;
}

#member .special dl:after {
	content: "";
	display: block;
	clear: both;
}

#member .special dl dt {
	float: left;
	width: 300px;
	font-size: 20px;
}

#member .special .movie dt div:last-of-type p span {
	font-size: 20px;
}

#member .special dt div:nth-of-type(2) p span{
	font-size: 20px;
}

#member .special dt div:last-of-type p span {
	font-size: 14px;
	font-weight: 400;
}

#member .special dl dd {
	float: left;
	height: 190px;
	width: 700px;
}

#member .special dl dd .glitch__img,
#member .special dl dd .movie__image {
	padding-top: 27.1428%;
}

#member .special .movie.sevnzel .glitch__img{
	background: url(../member/img/parts_special_movie_7zel.jpg) no-repeat;
	background-size: cover;
}
#member .special .movie.sevnzel .overlay {
	background: url(../member/img/parts_special_movie_7zel_o.jpg) no-repeat;
	background-size: cover;
}

#member .special .movie.naji .glitch__img{
	background: url(../member/img/parts_special_movie_naji.jpg) no-repeat;
	background-size: cover;
}
#member .special .movie.naji .overlay {
	background: url(../member/img/parts_special_movie_naji_o.jpg) no-repeat;
	background-size: cover;
}

#member .special .movie.issai .glitch__img{
	background: url(../member/img/parts_special_movie_issai.jpg) no-repeat;
	background-size: cover;
}
#member .special .movie.issai .overlay {
	background: url(../member/img/parts_special_movie_issai_o.jpg) no-repeat;
	background-size: cover;
}

#member .special .movie.yoneyama .glitch__img{
	background: url(../member/img/parts_special_movie_yoneyama.jpg) no-repeat;
	background-size: cover;
}
#member .special .movie.yoneyama .overlay {
	background: url(../member/img/parts_special_movie_yoneyama_o.jpg) no-repeat;
	background-size: cover;
}

#member .special .movie.palow .glitch__img{
	background: url(../member/img/parts_special_movie_palow.jpg) no-repeat;
	background-size: cover;
}
#member .special .movie.palow .overlay {
	background: url(../member/img/parts_special_movie_palow_o.jpg) no-repeat;
	background-size: cover;
}

#member .special .movie.bunbun .glitch__img{
	background: url(../member/img/parts_special_movie_bunbun.jpg) no-repeat;
	background-size: cover;
}
#member .special .movie.bunbun .overlay {
	background: url(../member/img/parts_special_movie_bunbun_o.jpg) no-repeat;
	background-size: cover;
}

#member .special .interview .glitch__img{
	background: url(../member/img/parts_interview.jpg) no-repeat;
	background-size: cover;
}

#member .special .interview dl dd .overlay {
	background: url(../member/img/parts_interview_o.jpg) no-repeat;
	background-size: cover;
}

#member dd {
	position: relative;
	overflow: hidden;
}

#member .original h2 {
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0px;
}

#member .original h2 span {
	transition: all ease .8s;
	right: 750px;
	line-height: 1;
	display: block;
	position: relative;
}

#member .original.active h2 span {
	transition: all ease .8s;
	right: 0;
}

#member .original ul {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	justify-content: space-between;
}

#member .original ul li {
	margin-bottom: 30px;
	cursor: pointer;
	overflow: hidden;
	width: 484px;
	position: relative;
}

#member .original li img {
	transition: all ease .4s;
	position: relative;
	z-index: 2;
}

#member .original li img.on {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
}

#member .original li:hover img.on {
	transition: all ease .4s;
	opacity: 1;
}

#member footer {
	position: relative;
	bottom: 60px;
	padding-bottom: 30px;
}

#member #contents #works__list .works__in__slide .slide.works__slide img {
	height: auto;
	width: 100%;
	margin: 0 auto;
}

#member #contents #works__list.ovfscr .works__in__slide .slide.works__slide {
	overflow-y: scroll;
}

#member #contents #works__list.ovfscr .works__in__slide .slide.works__slide img {
	height: auto;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,0%);
}

#member #contents #works__list .works__in__slide .slide.works__slide img {
	height: 100%;
	width: auto;
	margin: 0 auto;
}

.works__in__slide .slick-active + .slick-slide {
}

#member .original .glitch__wrap {
	padding-top: 35.1239%;
}

#member .original .glitch__img {
	padding-top: 35.1239%;
}

@media screen and (max-width:1200px) {

	body {
		min-width: 1200px;
		overflow-x: auto;
	}

	#mainvisual {
		width: 1200px;
		overflow: hidden;
	}

	#sec02 .members__slide {
		overflow: hidden;
	}

	#member {
		overflow-x: auto;
		position: relative;
		min-width: 1200px;
	}

	#member #top.sevnzel #sign {
		left: 71%;
		bottom: 52%;
	}
	
	@supports (-ms-ime-align: auto) {
		#contents {
			overflow-x: auto;
		}
	}
	
}

@media screen and (min-width:1570px){
	#member #top.yoneyama .mem__character {
		width: 56vw;
	}
	#member #top.takagi .mem__character {
		width: 74vw;
		bottom: -5.2vw;
	}
	#member #top.palow .mem__character {
		width: 87vw;
	}
	#member #top.naji .mem__character {
		width: 34vw;
	}
	#member #top.sevnzel .mem__character {
		width: 77.5vw;
		bottom: -25.1vw;
	}
	#member #top.issai .mem__character {
		width: 70vw;
	}
	#member #top.bunbun .mem__character {
		width: 33vw;
	}
}














/*Edge*/
@supports (-ms-ime-align: auto) {
	
	#contents {
		overflow-x: hidden;
	}
	
	#mv__fixed__before {
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
	}
	.edge__block {
		
	}
	.edge__block:after {
		content: "";
		background: url(../img/fix.jpg) no-repeat center center ;
		background-size: cover;
		position: absolute;
		left: -2px;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		clip: rect(0, 100vh, 0, 0);
		animation: noise-anim 5s infinite linear alternate-reverse;
		filter: contrast(1.8);
	}
	.edge__block:before {
		content: "";
		background: url(../img/fix.jpg) no-repeat center center ;
		background-size: cover;
		position: absolute;
		left: -2px;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		clip: rect(0, 100vh, 0, 0);
		animation: noise-anim-2 5s infinite linear alternate-reverse;
		filter: brightness(80%);
	}
	.for__edge__block {
		display: block;
	}
	.for__edge__block:before {
		content: "";
		background: url(../img/fix.jpg) no-repeat center center ;
		background-size: cover;
		position: absolute;
		left: 4px;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		clip: rect(0, 100vh, 0, 0);
		animation: noise-anim-3 5.2s infinite linear alternate-reverse;
		filter: hue-rotate(340deg);
	}
	.for__edge__block:after {
		content: "";
		background: url(../img/fix.jpg) no-repeat center center ;
		background-size: cover;
		position: absolute;
		left: -4px;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		clip: rect(0, 100vh, 0, 0);
		animation: noise-anim-4 5.1s infinite linear alternate-reverse;
		filter: contrast(1.4);
	}
	
	
	#sec03 .edge__block:after,
	#sec03 .edge__block:before,
	#sec03 .for__edge__block:before,
	#sec03 .for__edge__block:after {
		background: url(../img/sec03_img.png) no-repeat center center ;
		background-size: cover;
	}
	
	
	.sevnzel .movie__image .edge__block:after,
	.sevnzel .movie__image .edge__block:before,
	.sevnzel .movie__image .for__edge__block:before,
	.sevnzel .movie__image .for__edge__block:after {
		background: url(../img/sec04_img_7zel.jpg) no-repeat;
		background-size: cover;
		animation-delay: 2s;
	}
	
	.yoneyama .movie__image .edge__block:after,
	.yoneyama .movie__image .edge__block:before,
	.yoneyama .movie__image .for__edge__block:before,
	.yoneyama .movie__image .for__edge__block:after {
		background: url(../img/sec04_img_yoneyama.jpg) no-repeat;
		background-size: cover;
		animation-delay: .2s;
	}
	
	.naji .movie__image .edge__block:after,
	.naji .movie__image .edge__block:before,
	.naji .movie__image .for__edge__block:before,
	.naji .movie__image .for__edge__block:after {
		background: url(../img/sec04_img_naji.jpg) no-repeat;
		background-size: cover;
		animation-delay: 1.2s;
	}
	
	.issai .movie__image .edge__block:after,
	.issai .movie__image .edge__block:before,
	.issai .movie__image .for__edge__block:before,
	.issai .movie__image .for__edge__block:after {
		background: url(../img/sec04_img_issai.jpg) no-repeat;
		background-size: cover;
	}
	
	.palow .movie__image .edge__block:after,
	.palow .movie__image .edge__block:before,
	.palow .movie__image .for__edge__block:before,
	.palow .movie__image .for__edge__block:after {
		background: url(../img/sec04_img_palow.jpg) no-repeat;
		background-size: cover;
		animation-delay: .6s;
	}
	
	.bunbun .movie__image .edge__block:after,
	.bunbun .movie__image .edge__block:before,
	.bunbun .movie__image .for__edge__block:before,
	.bunbun .movie__image .for__edge__block:after {
		background: url(../img/sec04_img_bunbun.jpg) no-repeat;
		background-size: cover;
		animation-delay: 1.8s;
	}
	
	#sec04 .interview .edge__block:after,
	#sec04 .interview .edge__block:before,
	#sec04 .interview .for__edge__block:after,
	#sec04 .interview .for__edge__block:before {
		background-image: url(../img/sec04_img_03.jpg);
		background-size: cover;
	}
	
	#member .special .movie.sevnzel .edge__block:after,
	#member .special .movie.sevnzel .edge__block:before,
	#member .special .movie.sevnzel .for__edge__block:after,
	#member .special .movie.sevnzel .for__edge__block:before {
		background: url(../member/img/parts_special_movie_7zel.jpg) no-repeat;
		background-size: cover;
	}
	
	#member .special .movie.yoneyama .edge__block:after,
	#member .special .movie.yoneyama .edge__block:before,
	#member .special .movie.yoneyama .for__edge__block:after,
	#member .special .movie.yoneyama .for__edge__block:before {
		background: url(../member/img/parts_special_movie_yoneyama.jpg) no-repeat;
		background-size: cover;
	}
	
	#member .special .movie.naji .edge__block:after,
	#member .special .movie.naji .edge__block:before,
	#member .special .movie.naji .for__edge__block:after,
	#member .special .movie.naji .for__edge__block:before {
		background: url(../member/img/parts_special_movie_naji.jpg) no-repeat;
		background-size: cover;
	}
	
	#member .special .movie.issai .edge__block:after,
	#member .special .movie.issai .edge__block:before,
	#member .special .movie.issai .for__edge__block:after,
	#member .special .movie.issai .for__edge__block:before {
		background: url(../member/img/parts_special_movie_issai.jpg) no-repeat;
		background-size: cover;
	}
	
	#member .special .movie.palow .edge__block:after,
	#member .special .movie.palow .edge__block:before,
	#member .special .movie.palow .for__edge__block:after,
	#member .special .movie.palow .for__edge__block:before {
		background: url(../member/img/parts_special_movie_palow.jpg) no-repeat;
		background-size: cover;
	}
	
	#member .special .movie.bunbun .edge__block:after,
	#member .special .movie.bunbun .edge__block:before,
	#member .special .movie.bunbun .for__edge__block:after,
	#member .special .movie.bunbun .for__edge__block:before {
		background: url(../member/img/parts_special_movie_bunbun.jpg) no-repeat;
		background-size: cover;
	}
	
	#member .special .interview .edge__block:after,
	#member .special .interview .edge__block:before,
	#member .special .interview .for__edge__block:after,
	#member .special .interview .for__edge__block:before {
		background: url(../member/img/parts_interview.jpg) no-repeat;
		background-size: cover;
	}
	
	
	#member .original .edge__block:after,
	#member .original .edge__block:before,
	#member .original .for__edge__block:after,
	#member .original .for__edge__block:before {
		background-image: inherit;
		background-size: cover;
	}
	
	#member .original .edge__block:after {
		animation: noise-anim-small 5.1s infinite linear alternate-reverse;
	}
	#member .original .edge__block:before {
		animation: noise-anim-small-2 5.1s infinite linear alternate-reverse;
	}
	#member .original .for__edge__block:after {
		animation: noise-anim-small 5s infinite linear alternate-reverse;
	}
	#member .original .for__edge__block:before {
		animation: noise-anim-small-2 4.8s infinite linear alternate-reverse;
	}
	
	#member .original li:nth-of-type(2) .edge__block:after,
	#member .original li:nth-of-type(2) .edge__block:before,
	#member .original li:nth-of-type(2) .for__edge__block:after,
	#member .original li:nth-of-type(2) .for__edge__block:before {
		animation-delay: 2.6s;
	}
	#member .original li:nth-of-type(3) .edge__block:after,
	#member .original li:nth-of-type(3) .edge__block:before,
	#member .original li:nth-of-type(3) .for__edge__block:after,
	#member .original li:nth-of-type(3) .for__edge__block:before {
		animation-delay: 2.1s;
	}
	#member .original li:nth-of-type(4) .edge__block:after,
	#member .original li:nth-of-type(4) .edge__block:before,
	#member .original li:nth-of-type(4) .for__edge__block:after,
	#member .original li:nth-of-type(4) .for__edge__block:before {
		animation-delay: 1s;
	}
	#member .original li:nth-of-type(5) .edge__block:after,
	#member .original li:nth-of-type(5) .edge__block:before,
	#member .original li:nth-of-type(5) .for__edge__block:after,
	#member .original li:nth-of-type(5) .for__edge__block:before {
		animation-delay: 1.6s;
	}
	#member .original li:nth-of-type(6) .edge__block:after,
	#member .original li:nth-of-type(6) .edge__block:before,
	#member .original li:nth-of-type(6) .for__edge__block:after,
	#member .original li:nth-of-type(6) .for__edge__block:before {
		animation-delay: .6s;
	}
	#member .original li:nth-of-type(7) .edge__block:after,
	#member .original li:nth-of-type(7) .edge__block:before,
	#member .original li:nth-of-type(7) .for__edge__block:after,
	#member .original li:nth-of-type(7) .for__edge__block:before {
		animation-delay: 1s;
	}
	#member .original li:nth-of-type(8) .edge__block:after,
	#member .original li:nth-of-type(8) .edge__block:before,
	#member .original li:nth-of-type(8) .for__edge__block:after,
	#member .original li:nth-of-type(8) .for__edge__block:before {
		animation-delay: .1s;
	}
	#member .original li:nth-of-type(9) .edge__block:after,
	#member .original li:nth-of-type(9) .edge__block:before,
	#member .original li:nth-of-type(9) .for__edge__block:after,
	#member .original li:nth-of-type(9) .for__edge__block:before {
		animation-delay: 2s;
	}
	#member .original li:nth-of-type(10) .edge__block:after,
	#member .original li:nth-of-type(10) .edge__block:before,
	#member .original li:nth-of-type(10) .for__edge__block:after,
	#member .original li:nth-of-type(10) .for__edge__block:before {
		animation-delay: .8s;
	}
	
	@keyframes noise-anim {
		0% {
			clip: rect(0, 0, 0, 0);
		}
		5% {
			clip: rect(0, 0, 0, 0);
		}
		10% {
			clip: rect(0, 0, 0, 0);
		}
		15% {
			clip: rect(0, 0, 0, 0);
		}
		20% {
			clip: rect(0, 0, 0, 0);
		}
		25% {
			clip: rect(0, 0, 0, 0);
		}
		30% {
			clip: rect(0, 0, 0, 0);
		}
		35% {
			clip: rect(0, 0, 0, 0);
		}
		40% {
			clip: rect(0, 0, 0, 0);
		}
		45% {
			clip: rect(0, 0, 0, 0);
		}
		50% {
			clip: rect(0, 0, 0, 0);
		}
		55% {
			clip: rect(0, 0, 0, 0);
		}
		60% {
			clip: rect(0, 0, 0, 0);
		}
		65% {
			clip: rect(0, 0, 0, 0);
		}
		70% {
			clip: rect(0, 0, 0, 0);
		}
		78% {
			clip: rect(46vh, 9999px, 81vh, 0);
		}
		80% {
			clip: rect(82vh, 9999px, 21vh, 0);
		}
		82% {
			clip: rect(22vh, 9999px, 40vh, 0);
		}
		84% {
			clip: rect(32vh, 9999px, 63vh, 0);
		}
		86% {
			clip: rect(53vh, 9999px, 23vh, 0);
		}
		88% {
			clip: rect(46vh, 9999px, 81vh, 0);
		}
		90% {
			clip: rect(82vh, 9999px, 21vh, 0);
		}
		92% {
			clip: rect(22vh, 9999px, 40vh, 0);
		}
		94% {
			clip: rect(32vh, 9999px, 63vh, 0);
		}
		96% {
			clip: rect(53vh, 9999px, 23vh, 0);
		}
		98% {
			clip: rect(46vh, 9999px, 81vh, 0);
		}
		100% {
			clip: rect(31vh, 9999px, 48vh, 0);
		}
	}
	@keyframes noise-anim-2 {
		0% {
			clip: rect(0, 0, 0, 0);
		}
		5% {
			clip: rect(0, 0, 0, 0);
		}
		10% {
			clip: rect(0, 0, 0, 0);
		}
		15% {
			clip: rect(0, 0, 0, 0);
		}
		20% {
			clip: rect(0, 0, 0, 0);
		}
		25% {
			clip: rect(0, 0, 0, 0);
		}
		30% {
			clip: rect(0, 0, 0, 0);
		}
		35% {
			clip: rect(0, 0, 0, 0);
		}
		40% {
			clip: rect(0, 0, 0, 0);
		}
		45% {
			clip: rect(0, 0, 0, 0);
		}
		50% {
			clip: rect(0, 0, 0, 0);
		}
		55% {
			clip: rect(0, 0, 0, 0);
		}
		60% {
			clip: rect(0, 0, 0, 0);
		}
		65% {
			clip: rect(0, 0, 0, 0);
		}
		70% {
			clip: rect(0, 0, 0, 0);
		}
		79% {
			clip: rect(42vh, 9999px, 78vh, 0);
		}
		80% {
			clip: rect(86vh, 9999px, 25vh, 0);
		}
		82% {
			clip: rect(25vh, 9999px, 32vh, 0);
		}
		84% {
			clip: rect(32vh, 9999px, 62vh, 0);
		}
		86% {
			clip: rect(45vh, 9999px, 23vh, 0);
		}
		88% {
			clip: rect(42vh, 9999px, 78vh, 0);
		}
		90% {
			clip: rect(86vh, 9999px, 25vh, 0);
		}
		92% {
			clip: rect(25vh, 9999px, 32vh, 0);
		}
		94% {
			clip: rect(32vh, 9999px, 62vh, 0);
		}
		96% {
			clip: rect(45vh, 9999px, 23vh, 0);
		}
		98% {
			clip: rect(42vh, 9999px, 78vh, 0);
		}
		100% {
			clip: rect(38vh, 9999px, 20vh, 0);
		}
	}
	@keyframes noise-anim-3 {
		0% {
			clip: rect(0, 0, 0, 0);
		}
		5% {
			clip: rect(0, 0, 0, 0);
		}
		10% {
			clip: rect(0, 0, 0, 0);
		}
		15% {
			clip: rect(0, 0, 0, 0);
		}
		20% {
			clip: rect(0, 0, 0, 0);
		}
		25% {
			clip: rect(0, 0, 0, 0);
		}
		30% {
			clip: rect(0, 0, 0, 0);
		}
		35% {
			clip: rect(0, 0, 0, 0);
		}
		40% {
			clip: rect(0, 0, 0, 0);
		}
		45% {
			clip: rect(0, 0, 0, 0);
		}
		50% {
			clip: rect(0, 0, 0, 0);
		}
		55% {
			clip: rect(0, 0, 0, 0);
		}
		60% {
			clip: rect(0, 0, 0, 0);
		}
		65% {
			clip: rect(0, 0, 0, 0);
		}
		70% {
			clip: rect(0, 0, 0, 0);
		}
		78% {
			clip: rect(40vh, 9999px, 72vh, 0);
		}
		80% {
			clip: rect(0, 0, 0, 0);
		}
		82% {
			clip: rect(29vh, 9999px, 31vh, 0);
		}
		84% {
			clip: rect(0, 0, 0, 0);
		}
		86% {
			clip: rect(47vh, 9999px, 23vh, 0);
		}
		88% {
			clip: rect(40vh, 9999px, 72vh, 0);
		}
		90% {
			clip: rect(0, 0, 0, 0);
		}
		92% {
			clip: rect(29vh, 9999px, 31vh, 0);
		}
		94% {
			clip: rect(0, 0, 0, 0);
		}
		96% {
			clip: rect(47vh, 9999px, 23vh, 0);
		}
		98% {
			clip: rect(40vh, 9999px, 72vh, 0);
		}
		100% {
			clip: rect(31vh, 9999px, 25vh, 0);
		}
	}

	@keyframes noise-anim-4 {
		0% {
			clip: rect(0, 0, 0, 0);
		}
		5% {
			clip: rect(0, 0, 0, 0);
		}
		10% {
			clip: rect(0, 0, 0, 0);
		}
		15% {
			clip: rect(0, 0, 0, 0);
		}
		20% {
			clip: rect(0, 0, 0, 0);
		}
		25% {
			clip: rect(0, 0, 0, 0);
		}
		30% {
			clip: rect(0, 0, 0, 0);
		}
		35% {
			clip: rect(0, 0, 0, 0);
		}
		40% {
			clip: rect(0, 0, 0, 0);
		}
		45% {
			clip: rect(0, 0, 0, 0);
		}
		50% {
			clip: rect(0, 0, 0, 0);
		}
		55% {
			clip: rect(0, 0, 0, 0);
		}
		60% {
			clip: rect(0, 0, 0, 0);
		}
		65% {
			clip: rect(0, 0, 0, 0);
		}
		70% {
			clip: rect(0, 0, 0, 0);
		}
		77% {
			clip: rect(40vh, 9999px, 72vh, 0);
		}
		80% {
			clip: rect(47vh, 9999px, 23vh, 0);
		}
		82% {
			clip: rect(0, 0, 0, 0);
		}
		84% {
			clip: rect(29vh, 9999px, 31vh, 0);
		}
		86% {
			clip: rect(0, 0, 0, 0);
		}
		88% {
			clip: rect(40vh, 9999px, 72vh, 0);
		}
		90% {
			clip: rect(47vh, 9999px, 23vh, 0);
		}
		92% {
			clip: rect(0, 0, 0, 0);
		}
		94% {
			clip: rect(29vh, 9999px, 31vh, 0);
		}
		96% {
			clip: rect(0, 0, 0, 0);
		}
		98% {
			clip: rect(40vh, 9999px, 72vh, 0);
		}
		100% {
			clip: rect(3vh, 9999px, 25vh, 0);
		}
	}
	
	
	@keyframes noise-anim-small {
		0% {
			clip: rect(0, 0, 0, 0);
		}
		5% {
			clip: rect(0, 0, 0, 0);
		}
		10% {
			clip: rect(0, 0, 0, 0);
		}
		15% {
			clip: rect(0, 0, 0, 0);
		}
		20% {
			clip: rect(0, 0, 0, 0);
		}
		25% {
			clip: rect(0, 0, 0, 0);
		}
		30% {
			clip: rect(0, 0, 0, 0);
		}
		35% {
			clip: rect(0, 0, 0, 0);
		}
		40% {
			clip: rect(0, 0, 0, 0);
		}
		45% {
			clip: rect(0, 0, 0, 0);
		}
		50% {
			clip: rect(0, 0, 0, 0);
		}
		55% {
			clip: rect(0, 0, 0, 0);
		}
		60% {
			clip: rect(0, 0, 0, 0);
		}
		65% {
			clip: rect(0, 0, 0, 0);
		}
		70% {
			clip: rect(0, 0, 0, 0);
		}
		78% {
			clip: rect(97px, 9999px, 76px, 0);
		}
		80% {
			clip: rect(175px, 9999px, 17px, 0);
		}
		82% {
			clip: rect(0, 0, 0, 0);
		}
		84% {
			clip: rect(75px, 9999px, 101px, 0);
		}
		86% {
			clip: rect(163px, 9999px, 176px, 0);
		}
		88% {
			clip: rect(97px, 9999px, 76px, 0);
		}
		90% {
			clip: rect(15px, 9999px, 117px, 0);
		}
		92% {
			clip: rect(4px, 9999px, 45px, 0);
		}
		94% {
			clip: rect(0, 0, 0, 0);
		}
		96% {
			clip: rect(11px, 9999px, 14px, 0);
		}
		98% {
			clip: rect(90px, 9999px, 56px, 0);
		}
		100% {
			clip: rect(0, 0, 0, 0);
		}
	}
	@keyframes noise-anim-small-2 {
		0% {
			clip: rect(0, 0, 0, 0);
		}
		5% {
			clip: rect(0, 0, 0, 0);
		}
		10% {
			clip: rect(0, 0, 0, 0);
		}
		15% {
			clip: rect(0, 0, 0, 0);
		}
		20% {
			clip: rect(0, 0, 0, 0);
		}
		25% {
			clip: rect(0, 0, 0, 0);
		}
		30% {
			clip: rect(0, 0, 0, 0);
		}
		35% {
			clip: rect(0, 0, 0, 0);
		}
		40% {
			clip: rect(0, 0, 0, 0);
		}
		45% {
			clip: rect(0, 0, 0, 0);
		}
		50% {
			clip: rect(0, 0, 0, 0);
		}
		55% {
			clip: rect(0, 0, 0, 0);
		}
		60% {
			clip: rect(0, 0, 0, 0);
		}
		65% {
			clip: rect(0, 0, 0, 0);
		}
		70% {
			clip: rect(0, 0, 0, 0);
		}
		78% {
			clip: rect(90px, 9999px, 70px, 0);
		}
		80% {
			clip: rect(145px, 9999px, 20px, 0);
		}
		82% {
			clip: rect(40px, 9999px, 120px, 0);
		}
		84% {
			clip: rect(0, 0, 0, 0);
		}
		86% {
			clip: rect(63px, 9999px, 116px, 0);
		}
		88% {
			clip: rect(87px, 9999px, 70px, 0);
		}
		90% {
			clip: rect(45px, 9999px, 17px, 0);
		}
		92% {
			clip: rect(0, 0, 0, 0);
		}
		94% {
			clip: rect(22px, 9999px, 171px, 0);
		}
		96% {
			clip: rect(181px, 9999px, 104px, 0);
		}
		98% {
			clip: rect(92px, 9999px, 10px, 0);
		}
		100% {
			clip: rect(18px, 9999px, 47px, 0);
		}
	}
	
}


/* works */
#video_2 .glitch__img {
	background: url(../img/sec03_img_03.png) no-repeat ;
}
#video_2 .overlay{
	background: url(../img/sec03_img_03_o.png) no-repeat;
}
#work_img_01 .glitch__img {
	background: url(../img/sec03_img_04.png) no-repeat ;
  background-position: center;
}
#work_img_01 .overlay{
	background: none;
}
#work_img_01 .overlay:hover { background-color: rgba(152, 23, 0, 0.8); }
#work_img_01 .overlay p em i { font-style: normal; font-family: Arial, sans-serif; }