@charset "utf-8";

/* --------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@700&display=swap');

/* --------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{
	display: block; /* FOR IE8 */
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
} 

html{
	overflow-y: scroll;
	touch-action: manipulation;
}

body{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	
	font-size: 62.5%; /* font-size 1em = 10px */
	line-height: 1.0;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background:#000000;
	color:#FFFFFF;
}

a{
	color: inherit;
	text-decoration: none;
}

br{
	letter-spacing: normal;
}

img{
	vertical-align: top;
}

ol, ul, li{
	list-style: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

table tr td{
	padding: 0;
	vertical-align: middle;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* --------------------------------------------- */

.sp_only{
	display: none;
}

.pcbr{
	display: block;
}

.spbr{
	display: none;
}

@media all and (min-width: 768px){
}

@media all and (max-width: 767px){
.pc_only{
	display: none;
}

.sp_only{
	display: block;
}
img.sp_only{
	display: inline;
}

.pcbr{
	display: inline;
}

.spbr{
	display: block;
}
}

/* CHASE --------------------------------------------- */

#chase{
	position: fixed;
	z-index: 99999999;
	pointer-events: none;
	/*mix-blend-mode: difference;*/
}
#chase.ov,
#chase.ov_s{
	/*mix-blend-mode: normal;*/
	mix-blend-mode: difference;
}
#chase .sub1{
	position: fixed;
	z-index: 1;
}
#chase .sub1 .sub{
	position: absolute;
	width: 22px;
	height: 22px;
	left: -11px;
	top: -11px;
	width: 30px;
	height: 30px;
	left: -15px;
	top: -15px;
	background: rgba(255,255,255,1.0);
	opacity: 0.15;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	
	-webkit-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}
#chase.ov .sub1 .sub{
	width: 120px;
	height: 120px;
	left: -60px;
	top: -60px;
	opacity: 0.25;
}
#chase.ov_s .sub1 .sub{
	width: 70px;
	height: 70px;
	left: -35px;
	top: -35px;
	opacity: 0.25;
}
#chase.ov_a .sub1 .sub{
	width: 120px;
	height: 120px;
	left: -60px;
	top: -70px;
	opacity: 1.0;
}
#chase .sub1 .anchor{
	position: absolute;
	width: 20px;
	height: 12px;
	left: -10px;
	top: -16px;
	
	opacity:0;
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
#chase.ov_a .sub1 .anchor{
	opacity: 1.0;
}

/* --------------------------------------------- */

#itr{
	position:fixed;
	left: 0;
	top: 0;
	z-index:9999999999;
	background:#000000;
	width:100%;
	height:100vh;
}

#vh100{
	position:fixed;
	left:-100px;
	top:0;
	width: 10px;
	height: 100vh;
}

#base{
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
	position:fixed;
	min-width: 1280px;
}
#base.nvop{
	position:fixed;
}
#base.scroll_true{
	position:static;
}

#base .cnt{
	width:100%;
	min-width: 1280px;
	position:relative;
}

#base .cnt .subcnt{
	width:100%;
	min-width: 1280px;
	background:#000000;
	position:fixed;
}
#base.tch .cnt .subcnt{
	position:static;
}

#base .sec{
	position: relative;
	width: 100%;
}

#base .hvr{
	cursor:pointer;
}

#base .strk{
	color:rgba(255,255,255,0) !important;
	/*color:rgba(0,0,0,1.0) !important;*/
	-webkit-text-stroke: 1px rgba(255,255,255,1.0);
	text-stroke: 1px rgba(255,255,255,1.0);
	/*mix-blend-mode: screen;*/
}

@media all and (max-width: 767px){
#base{
	min-width: 0;
}

#base .cnt{
	min-width: 0;
}

#base .cnt .subcnt{
	min-width: 0;
}
}

/* LOGO --------------------------------------------- */

#base .header .logo{
	position: fixed;
	z-index:10000;
	left:40px;
	top:35px;
	pointer-events: none;
	
	opacity:0;
	-webkit-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}
#base .header .logo.vw{
	opacity:1.0;
	pointer-events: auto;
}

#base .header .logo img{
	width:117px;
	height:auto;
}

@media all and (max-width: 767px){
#base .header .logo{
	left:20px;
	top:20px;
}

#base .header .logo img{
	width:87px;
}
}

/* INTRO --------------------------------------------- */

#base .intro{
	position:absolute;
	left: 0;
	top: 0;
	z-index:999999;
	overflow:hidden;
}
#base .intro.del{
	display: none;
}

#base .intro .ttl{
	position: absolute;
	left:calc(50% - 150px);
	top:calc(50% - 250px);
	width:300px;
	height:500px;
}

#base .intro .ttl .logo{
	position:absolute;
	width: 800px;
	height: 800px;
	left: calc(50% - 400px);
	top: calc(50% - 400px);
}

#base .intro .ttl .logo img,
#base .intro .ttl .logo svg{
	position: absolute;
	width: 800px;
	height: 800px;
}

#base .intro .ttl .logo .intro_zeroone{
	opacity: 0;
	
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	
}
#base .intro .ttl .logo .intro_zeroone.vw{
	opacity: 1.0;
}

@media all and (max-width: 767px){
#base .intro .ttl{
	left:calc(50% - 135px);
	top:calc(50% - 225px - 10px);
	width:270px;
	height:450px;
}

#base .intro .ttl .logo{
	width:484px;
	height:484px;
	left:calc(50% - (484px / 2));
	top:calc(50% - (484px / 2));
}

#base .intro .ttl .logo img,
#base .intro .ttl .logo svg{
	width:484px;
	height:484px;
}
}

/* 0 ----- */

#base .intro .ttl .logo .intro_01_0,
#base .intro .ttl .logo .intro_01_0_{
	position: relative;
	left:-150px;
}
#base .intro .ttl .logo .intro_01_0{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_01_0_{
	-webkit-transition: left .4s ease-in-out;
	-o-transition: left .4s ease-in-out;
	transition: left .4s ease-in-out;
}
#base .intro .ttl .logo .intro_01_0.mov,
#base .intro .ttl .logo .intro_01_0_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_01_0,
#base .intro .ttl .logo .intro_01_0_{
	left:calc(-150px * 484 / 800);
}
}

/* 1_1 ----- */

#base .intro .ttl .logo .intro_01_11,
#base .intro .ttl .logo .intro_01_11_{
	position: relative;
	left:121px;
	top:-90px;
}
#base .intro .ttl .logo .intro_01_11{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_01_11_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_01_11.mov,
#base .intro .ttl .logo .intro_01_11_.mov{
	left:0;
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_01_11,
#base .intro .ttl .logo .intro_01_11_{
	left:calc(121px * 484 / 800);
	top:calc(-90px * 484 / 800);
}
}

/* 1_2 ----- */

#base .intro .ttl .logo .intro_01_12,
#base .intro .ttl .logo .intro_01_12_{
	position: relative;
	top:-150px;
}
#base .intro .ttl .logo .intro_01_12{
	-webkit-transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_01_12_{
	-webkit-transition: top .4s ease-in-out;
	-o-transition: top .4s ease-in-out;
	transition: top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_01_12.mov,
#base .intro .ttl .logo .intro_01_12_.mov{
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_01_12,
#base .intro .ttl .logo .intro_01_12_{
	top:calc(-150px * 484 / 800);
}
}

/* z_1 ----- */

#base .intro .ttl .logo .intro_zO_z1,
#base .intro .ttl .logo .intro_zO_z1_{
	position: relative;
	left:-90px;
}
#base .intro .ttl .logo .intro_zO_z1{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_z1_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_z1.mov,
#base .intro .ttl .logo .intro_zO_z1_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_z1,
#base .intro .ttl .logo .intro_zO_z1_{
	left:calc(-90px * 484 / 800);
}
}

/* z_2 ----- */

#base .intro .ttl .logo .intro_zO_z2,
#base .intro .ttl .logo .intro_zO_z2_{
	position: relative;
	left:-53px;
	top:73px;
}
#base .intro .ttl .logo .intro_zO_z2{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_z2_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_z2.mov,
#base .intro .ttl .logo .intro_zO_z2_.mov{
	left:0;
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_z2,
#base .intro .ttl .logo .intro_zO_z2_{
	left:calc(-53px * 484 / 800);
	top:calc(73px * 484 / 800);
}
}

/* z_3 ----- */

#base .intro .ttl .logo .intro_zO_z3,
#base .intro .ttl .logo .intro_zO_z3_{
	position: relative;
	left:-90px;
}
#base .intro .ttl .logo .intro_zO_z3{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_z3_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_z3.mov,
#base .intro .ttl .logo .intro_zO_z3_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_z3,
#base .intro .ttl .logo .intro_zO_z3_{
	left:calc(-90px * 484 / 800);
}
}

/* e_1 ----- */

#base .intro .ttl .logo .intro_zO_ee1,
#base .intro .ttl .logo .intro_zO_ee1_{
	position: relative;
	left:-90px;
}
#base .intro .ttl .logo .intro_zO_ee1{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_ee1_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_ee1.mov,
#base .intro .ttl .logo .intro_zO_ee1_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_ee1,
#base .intro .ttl .logo .intro_zO_ee1_{
	left:calc(-90px * 484 / 800);
}
}

/* e_2 ----- */

#base .intro .ttl .logo .intro_zO_ee2,
#base .intro .ttl .logo .intro_zO_ee2_{
	position: relative;
	top:90px;
}
#base .intro .ttl .logo .intro_zO_ee2{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_ee2_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_ee2.mov,
#base .intro .ttl .logo .intro_zO_ee2_.mov{
	left:0;
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_ee2,
#base .intro .ttl .logo .intro_zO_ee2_{
	top:calc(90px * 484 / 800);
}
}

/* r_1 ----- */

#base .intro .ttl .logo .intro_zO_r1,
#base .intro .ttl .logo .intro_zO_r1_{
	position: relative;
	top:-90px;
}
#base .intro .ttl .logo .intro_zO_r1{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_r1_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_r1.mov,
#base .intro .ttl .logo .intro_zO_r1_.mov{
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_r1,
#base .intro .ttl .logo .intro_zO_r1_{
	top:calc(-90px * 484 / 800);
}
}

/* r_2 ----- */

#base .intro .ttl .logo .intro_zO_r2,
#base .intro .ttl .logo .intro_zO_r2_{
	position: relative;
	left:90px;
}
#base .intro .ttl .logo .intro_zO_r2{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_r2_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_r2.mov,
#base .intro .ttl .logo .intro_zO_r2_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_r2,
#base .intro .ttl .logo .intro_zO_r2_{
	left:calc(90px * 484 / 800);
}
}

/* o ----- */

#base .intro .ttl .logo .intro_zO_oo,
#base .intro .ttl .logo .intro_zO_oo_{
	position: relative;
	top:90px;
}
#base .intro .ttl .logo .intro_zO_oo{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_oo_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_oo.mov,
#base .intro .ttl .logo .intro_zO_oo_.mov{
	left:0;
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_oo,
#base .intro .ttl .logo .intro_zO_oo_{
	top:calc(90px * 484 / 800);
}
}

/* O ----- */

#base .intro .ttl .logo .intro_zO_O,
#base .intro .ttl .logo .intro_zO_O_{
	position: relative;
	left:-90px;
}
#base .intro .ttl .logo .intro_zO_O{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_O_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_O.mov,
#base .intro .ttl .logo .intro_zO_O_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_O,
#base .intro .ttl .logo .intro_zO_O_{
	left:calc(-90px * 484 / 800);
}
}

/* N_1 ----- */

#base .intro .ttl .logo .intro_zO_N1,
#base .intro .ttl .logo .intro_zO_N1_{
	position: relative;
	top:90px;
}
#base .intro .ttl .logo .intro_zO_N1{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_N1_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_N1.mov,
#base .intro .ttl .logo .intro_zO_N1_.mov{
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_N1,
#base .intro .ttl .logo .intro_zO_N1_{
	top:calc(90px * 484 / 800);
}
}

/* N_2 ----- */

#base .intro .ttl .logo .intro_zO_N2,
#base .intro .ttl .logo .intro_zO_N2_{
	position: relative;
	left:-53px;
	top:-74px;
}
#base .intro .ttl .logo .intro_zO_N2{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_N2_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_N2.mov,
#base .intro .ttl .logo .intro_zO_N2_.mov{
	left:0;
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_N2,
#base .intro .ttl .logo .intro_zO_N2_{
	left:calc(-53px * 484 / 800);
	top:calc(-74px * 484 / 800);
}
}

/* N_3 ----- */

#base .intro .ttl .logo .intro_zO_N3,
#base .intro .ttl .logo .intro_zO_N3_{
	position: relative;
	top:-90px;
}
#base .intro .ttl .logo .intro_zO_N3{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_N3_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_N3.mov,
#base .intro .ttl .logo .intro_zO_N3_.mov{
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_N3,
#base .intro .ttl .logo .intro_zO_N3_{
	top:calc(-90px * 484 / 800);
}
}

/* E_1 ----- */

#base .intro .ttl .logo .intro_zO_E1,
#base .intro .ttl .logo .intro_zO_E1_{
	position: relative;
	top:90px;
}
#base .intro .ttl .logo .intro_zO_E1{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_E1_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_E1.mov,
#base .intro .ttl .logo .intro_zO_E1_.mov{
	top:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_E1,
#base .intro .ttl .logo .intro_zO_E1_{
	top:calc(90px * 484 / 800);
}
}

/* E_2 ----- */

#base .intro .ttl .logo .intro_zO_E2,
#base .intro .ttl .logo .intro_zO_E2_{
	position: relative;
	left:90px;
}
#base .intro .ttl .logo .intro_zO_E2{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_E2_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_E2.mov,
#base .intro .ttl .logo .intro_zO_E2_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_E2,
#base .intro .ttl .logo .intro_zO_E2_{
	left:calc(90px * 484 / 800);
}
}

/* E_3 ----- */

#base .intro .ttl .logo .intro_zO_E3,
#base .intro .ttl .logo .intro_zO_E3_{
	position: relative;
	left:90px;
}
#base .intro .ttl .logo .intro_zO_E3{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_E3_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_E3.mov,
#base .intro .ttl .logo .intro_zO_E3_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_E3,
#base .intro .ttl .logo .intro_zO_E3_{
	left:calc(90px * 484 / 800);
}
}

/* E_4 ----- */

#base .intro .ttl .logo .intro_zO_E4,
#base .intro .ttl .logo .intro_zO_E4_{
	position: relative;
	left:90px;
}
#base .intro .ttl .logo .intro_zO_E4{
	-webkit-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: left .3s cubic-bezier(0.165, 0.84, 0.44, 1), top .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#base .intro .ttl .logo .intro_zO_E4_{
	-webkit-transition: left .4s ease-in-out, top .4s ease-in-out;
	-o-transition: left .4s ease-in-out, top .4s ease-in-out;
	transition: left .4s ease-in-out, top .4s ease-in-out;
}
#base .intro .ttl .logo .intro_zO_E4.mov,
#base .intro .ttl .logo .intro_zO_E4_.mov{
	left:0;
}

@media all and (max-width: 767px){
#base .intro .ttl .logo .intro_zO_E4,
#base .intro .ttl .logo .intro_zO_E4_{
	left:calc(90px * 484 / 800);
}
}

/* HOME --------------------------------------------- */

#base .home{
	width: 100%;
	z-index:90;
	background:#000000;
}

#base .home .ttl{
	position: absolute;
	left:calc(50% - (300px / 2));
	top:calc(50% - (500px / 2));
	width:300px;
	height:500px;
	overflow:hidden;
	display:table;
}

#base .home .ttl .ttl2{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#base .home .ttl .ttl2 .logo{
	position: relative;
	width:300px;
	height:230px;
	overflow: hidden;
	opacity: 0;
}
#base .home .ttl .ttl2 .logo.vw{
	opacity:1.0;
}

#base .home .ttl .ttl2 .logo img{
	position: absolute;
	left:calc(50% - (484px / 2));
	top:calc(50% - (484px / 2));
	width:484px;
	height:484px;
}

#base .home .ttl .ttl2 .wht{
	width:230px;
	height:43px;
	margin:42px auto 40px;
}

#base .home .ttl .ttl2 .wht .sub{
	height:100%;
	background:#FFFFFF;
	margin: 0 auto;
	overflow:hidden;
	position: relative;
	
	width:0;
	-webkit-transition: width .4s ease-in-out;
	-o-transition: width .4s ease-in-out;
	transition: width .4s ease-in-out;
}
#base .home .ttl .ttl2 .wht.vw .sub{
	width:100%;
}

#base .home .ttl .ttl2 .txt{
	padding-bottom:4px;
}

#base .home .ttl .ttl2 .txt p{
	font-weight:700;
	font-size:2.5em;
	line-height:1.4;
	padding-top:0;
	padding-bottom:0;
}
#base .home .ttl .ttl2 .txt p:nth-child(1){
	letter-spacing:-0.04em;
	transform:scaleX(1.28);
}
#base .home .ttl .ttl2 .txt p:nth-child(2){
	letter-spacing:-0.005em;
	transform:scaleX(1.3);
	position:relative;
	left:0.08em;
}

#base .home .ttl .ttl2 .txt p span{
	color:rgba(0,0,0,0);
}
#base .home .ttl .ttl2 .txt p .udl{
	border-bottom: solid 2px #FFFFFF;
	box-sizing: border-box;
}
#base .home .ttl .ttl2 .txt p .vw{
	color:#FFFFFF;
	border-bottom: none;
}

@media all and (max-width: 767px){
#base .home .ttl{
	left:calc(50% - 135px);
	top:calc(50% - 225px - 10px);
	width:270px;
	height:450px;
}

#base .home .ttl .ttl2 .logo{
	width:270px;
	height:207px;
}

#base .home .ttl .ttl2 .logo img{
	left:calc(50% - (436px / 2));
	top:calc(50% - (436px / 2));
	width:436px;
	height:436px;
}

#base .home .ttl .ttl2 .wht{
	width:206px;
	height:39px;
	margin:38px auto 36px;
}

#base .home .ttl .ttl2 .txt{
	padding-bottom:4px;
}

#base .home .ttl .ttl2 .txt p{
	font-size:2.25em;
}
}

#base .home .latest{
	position: fixed;
	z-index:100;
	left: 0;
	bottom: 0;
}
#base .home .latest.del{
	pointer-events: none;
}

#base .home .latest .sub{
	position: relative;
	
	top: 161px;
	-webkit-transition: top .5s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: top .5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: top .5s cubic-bezier(0.76, 0, 0.24, 1);
}
#base .home .latest.vw .sub{
	top: 0;
}
#base .home .latest.del .sub{
	top: 161px;
}

#base .home .latest .pht{
	background:#111111;
}

#base .home .latest .pht img{
	width:240px;
	height:160px;
}

#base.no_tch .home .latest a:hover .pht img{
	opacity:0.5;
}

#base .home .latest .icn{
	position: absolute;
	left: 0;
	bottom: 0;
	width:32px;
	height:32px;
	background:#FFFFFF;
}

#base .home .latest .icn img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}

@media all and (max-width: 767px){
#base .home .latest .pht img{
	width:165px;
	height:110px;
}
}

#base .scrl{
	position: fixed;
	z-index:100;
	right:calc(-15px + 45px - 30px + 30px);
	bottom:calc(-6px - 30px + 30px);
	pointer-events: none;
	transform:rotate(90deg);
	transform-origin: 100% 0;
	pointer-events: none;
	
	/*opacity:0;
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
	*/
	
	opacity: 0;
	-webkit-transition: opacity .2s linear 0s;
	-o-transition: opacity .2s linear 0s;
	transition: opacity .2s linear 0s;
}
#base .scrl.vw{
	opacity:1.0;
}
/*
#base .scrl.fls{
	display:none;
}
*/
#base .scrl.del{
	opacity:0;
}

#base .scrl .subscrl{
	display:table;
	height:35px;
}

#base .scrl .subscrl .sub{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	position:relative;
}

#base .scrl .subscrl .sub:nth-child(1){
	padding-right:10px;
}

#base .scrl .subscrl .sub:nth-child(2){
	padding-right:18px;
}

#base .scrl .subscrl .sub p{
	font-family:'Poppins', sans-serif;
	font-weight:300;
	letter-spacing:0.04em;
	font-size: 1.1em;
}

#base .scrl .subscrl .sub .bar{
	position:relative;
	width: 120px;
	height: 1px;
	overflow: hidden;
}

#base .scrl .subscrl .sub .bar .bg{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.25);
}

#base .scrl .subscrl .sub .bar .ln{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background: rgba(255,255,255,1.0);
	animation-name: scrl_anime;
	animation-duration: 3.0s;
	animation-iteration-count: infinite;
}

#base .scrl .subscrl .sub .crcl{
	position:absolute;
	right:0;
	top:0;
	width: 35px;
	height: 35px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	box-sizing:border-box;
	border:solid 1px rgba(255,255,255,0.25);
}

#base .scrl .subscrl .sub .crcl .pnt{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width: 5px;
	height: 5px;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background:rgba(255,255,255,1);
}

@media all and (max-width: 767px){
#base .scrl{
	right: 20px;
	bottom: calc(20px - 23px);
}

#base .scrl .subscrl{
	height:31px;
}

#base .scrl .subscrl .sub:nth-child(1){
	padding-right:7px;
}

#base .scrl .subscrl .sub:nth-child(2){
	padding-right:calc((31px + 1px) * 0.5);
}

#base .scrl .subscrl .sub p{
	font-size: 1.1em;
}

#base .scrl .subscrl .sub .bar{
	width: 60px;
	width: 90px;
}

#base .scrl .subscrl .sub .crcl{
	width: 31px;
	height: 31px;
}

#base .scrl .subscrl .sub .crcl .pnt{
	width: 3px;
	height: 3px;
}
}

@keyframes scrl_anime {
0% {
	width: 0;
	left: 0;
}

75% {
	width: 0;
	left: 0;
	animation-timing-function: ease-in;
}

85% {
	width: 100%;
	left: 0;
}

90% {
	width: 100%;
	left: 0;
}

100% {
	width: 0;
	left: 100%;
	animation-timing-function: ease-out;
}
}

/* ABOUT --------------------------------------------- */

#base .about{
	z-index:80;
	background:#000000;
	padding-bottom:150px;
}

#base .about .cont{
	padding:150px 0;
	display:table;
	width:100%;
}

#base .about .cont .ttl{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding-right:70px;
	text-align:right;
}

#base .about .cont .ttl p{
	color:#FFFFFF;
	line-height:0.95;
	line-height:1.0;
	font-family:'Poppins', sans-serif;
	font-weight:700;
}
#base .about .cont .ttl p:nth-child(1){
	letter-spacing:-0.02em;
	font-size:12.0em;
}
#base .about .cont .ttl p:nth-child(2){
	letter-spacing:0.03em;
	font-size:20.0em;
	font-size:18.0em;
	font-size:16.0em;
	font-size:14.0em;
}
#base .about .cont .ttl p:nth-child(2) .zero{
	font-family: 'Unbounded', sans-serif;
	font-weight:700;
	font-size: 0.98em;
}

#base .about .cont .txt{
	display:table-cell;
	width:50%;
	vertical-align:middle;
	padding-left:70px;
}

#base .about .cont .txt .sub .subsub{
	position: relative;
	display: inline-block;
}

#base .about .cont .txt .sub .subsub p{
	font-weight:700;
	text-align:left;
	font-size:1.8em;
	/*line-height:2.8;*/
	letter-spacing: 0.02em;
	white-space:nowrap;
	
	color: #000000;
	background: #FFFFFF;
	display: inline-block;
	padding-left:1px;
	padding-bottom:2px;
	margin: 15px 0;
}

#base .about .cont .txt .sub .subsub .txt2{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	overflow: hidden;
	
	width:0;
	-webkit-transition: width .4s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: width .4s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width .4s cubic-bezier(0.76, 0, 0.24, 1);
}
#base .about .cont .txt .sub .subsub .txt2.vw{
	width:100%;
}

#base .about .cont .txt .sub .subsub .txt2 p{
	color: #FFFFFF;
	background: #000000;
}

#base .about .cont .txt .sub .subsub .msk{
	position: absolute;
	right:-1px;
	top:-1px;
	height:calc(100% + 2px);
	overflow: hidden;
	background: #000000;
	
	width:calc(100% + 2px);
	-webkit-transition: width .3s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: width .3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width .3s cubic-bezier(0.76, 0, 0.24, 1);
}
#base .about .cont .txt .sub .subsub .msk.vw{
	width:0;
}

@media all and (max-width: 767px){
#base .about{
	padding-bottom:100px;
}

#base .about .cont{
	padding:100px 0;
	display:block;
}

#base .about .cont .ttl{
	display:block;
	width:auto;
	padding-right:0;
	text-align:center;
	padding-bottom: 35px;
}

#base .about .cont .ttl p{
}
#base .about .cont .ttl p:nth-child(1){
	font-size:6.0em;
}
#base .about .cont .ttl p:nth-child(2){
	font-size:7.0em;
}

#base .about .cont .txt{
	display:block;
	width:auto;
	padding-left:0;
	text-align:center;
}

#base .about .cont .txt .sub .subsub p{
	text-align:center;
	font-size:1.6em;
	
	padding-left:1px;
	padding-bottom:2px;
	margin: 13px 0;
	margin: 12px 0;
}

}

/* EVENT --------------------------------------------- */

#base .event .subsec{
	z-index:70;
}

#base .event .subsec .cont{
	position:relative;
	z-index:10;
	
}
#base .event.stp .subsec.trg .cont{
}
#base .event.cmp .subsec.trg .cont{
}
#base .event.cmp .subsec.oth .cont{
	z-index:20;
}
#base .event .subsec.z_down .cont{
	z-index:5;
}
#base .event.stp .subsec .cont,
#base .event.cmp .subsec .cont{
	background:#000000;
}
/*
#base .event .subsec .cont.op{
	background:#111111;
}

#base .event .subsec .cont .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0.3;
}
#base .event .subsec.event3 .cont.op .bg{
	background:url(../img/event3.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
}
#base .event .subsec.event2 .cont.op .bg{
	background:url(../img/event2.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
}
#base .event .subsec.event1 .cont.op .bg{
	background:url(../img/event1.jpg) no-repeat center center;
	background-size:cover;
	background-attachment:fixed;
}
*/

#base .event .subsec .cont .fv{
	position:relative;
	cursor:pointer;
}
#base .event .subsec .cont.op .fv{
	cursor:default;
	pointer-events: none;
}

#base .event .subsec .cont .fv .pht{
	position:absolute;
	z-index: 9;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	/*overflow:hidden;*/
}

#base .event .subsec .cont .fv .pht .pht_{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	/*overflow:hidden;*/
	
	transform-style:preserve-3d;
	perspective:1000px;
}

#base .event .subsec .cont .fv .pht .sub{
	position:absolute;
	background:#111111;
}
#base .event.stp .subsec.trg .cont .fv .pht .sub,
#base .event.cmp .subsec.trg .cont .fv .pht .sub{
	-webkit-transition: transform 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: transform 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	transition: transform 1.0s cubic-bezier(0.76, 0, 0.24, 1);
}

#base .event .subsec .cont .fv .pht .sub .subsub{
	width:100%;
	height:100%;
	
	/*
	-webkit-transition: opacity 0.8s linear;
	-o-transition: opacity 0.8s linear;
	transition: opacity 0.8s linear;
	*/
}
#base .event .subsec.event3 .cont .fv .pht .sub .subsub{
	background:url(../img/event3.jpg) no-repeat center center;
	background-size:cover;
}
#base .event .subsec.event2 .cont .fv .pht .sub .subsub{
	background:url(../img/event2.jpg) no-repeat center center;
	background-size:cover;
}
#base .event .subsec.event1 .cont .fv .pht .sub .subsub{
	background:url(../img/event1.jpg) no-repeat center center;
	background-size:cover;
}
#base .event .subsec .cont.op .fv .pht .sub .subsub{
	/*opacity:0.3;*/
}
#base .event.stp .subsec.trg .cont .fv .pht .sub .subsub,
#base .event.cmp .subsec.trg .cont .fv .pht .sub .subsub{
	-webkit-transition: opacity 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: opacity 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	transition: opacity 1.0s cubic-bezier(0.76, 0, 0.24, 1);
}

#base .event .subsec .cont .fv .ttl{
	position:absolute;
	z-index: 9999;
	transform: translateZ(9999px);
	top:0;
	bottom:0;
	height:300px;
	margin:auto;
	display:table;
}
#base .event .subsec:nth-child(2n+1) .cont .fv .ttl{
	right:7.5%;
	text-align:right;
}
#base .event .subsec:nth-child(2n+2) .cont .fv .ttl{
	left:7.5%;
}

#base .event .subsec .cont .fv .ttl .sub{
	display:table-cell;
	vertical-align:middle;
}

#base .event .subsec .cont .fv .ttl .txt1{
	color:#FFFFFF;
	font-family:'Poppins', sans-serif;
	font-weight:700;
	font-size:15.0em;
	font-size:16.0em;
	letter-spacing:-0.04em;
}
#base .event .subsec .cont .fv .ttl .txt1 .strk{
	letter-spacing:0.0em;
}
#base .event .subsec .cont .fv .ttl .txt1 .zero{
	font-family: 'Unbounded', sans-serif;
	font-weight:700;
	font-size:0.98em;
}

#base .event .subsec .cont .fv .ttl .txt2{
	color:#FFFFFF;
	font-family:'Poppins', sans-serif;
	padding-top:30px;
	padding-bottom:17px;
}
#base .event .subsec .cont .fv .ttl .txt2 .txt2_1{
	font-weight:600;
	font-size:2.2em;
	letter-spacing:0.02em;
}
#base .event .subsec .cont .fv .ttl .txt2 .txt2_2{
	font-weight:600;
	font-size:3.2em;
	letter-spacing:0.04em;
	padding-left:0.6em;
	padding-right:0.3em;
}
#base .event .subsec .cont .fv .ttl .txt2 .txt2_3{
	position:relative;
	bottom:5px;
	font-weight:300;
	font-size:1.3em;
	letter-spacing:0.0em;
	box-sizing:border-box;
	border:solid 1px rgba(255,255,255,0.4);
	padding:0 4px 0 4px;
}

#base .event .subsec .cont .fv .ttl .txt3{
	color:#000000;
	background:#BFFF12;
	font-family:'Poppins', sans-serif;
	font-weight:700;
	font-size:2.4em;
	letter-spacing:-0.04em;
	display: inline-block;
	padding: 6px 8px 5px 8px;
	margin-bottom: 30px;
}

@media all and (max-width: 767px){
/*
#base .event .subsec.event3 .cont .fv{
	background:rgba(255,0,0,0.3);
}
#base .event .subsec.event2 .cont .fv{
	background:rgba(0,255,0,0.3);
}
*/

#base .event .subsec .cont .fv .pht{
	position:absolute;
	left:0;
	top:0;
	/*overflow:hidden;*/
	
	transform-style:preserve-3d;
	perspective:1000px;
}

#base .event .subsec .cont .fv .pht .sub .subsub{
	width:100%;
	height:100%;
	
	/*
	-webkit-transition: opacity 0.8s linear;
	-o-transition: opacity 0.8s linear;
	transition: opacity 0.8s linear;
	*/
}

#base .event .subsec .cont.op .fv .pht .sub .subsub{
	/*opacity:0.3;*/
}
#base .event.stp .subsec.trg .cont .fv .pht .sub .subsub,
#base .event.cmp .subsec.trg .cont .fv .pht .sub .subsub{
	-webkit-transition: opacity 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: opacity 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	transition: opacity 1.0s cubic-bezier(0.76, 0, 0.24, 1);
}

#base .event .subsec .cont .fv .ttl{
	top:calc(50% + 76px);
	bottom:auto;
	height: auto;
	
	-webkit-transition: top 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: top 1.0s cubic-bezier(0.76, 0, 0.24, 1);
	transition: top 1.0s cubic-bezier(0.76, 0, 0.24, 1);
}
#base .event .subsec.trg .cont.op .fv .ttl{
	top:calc(50% - 90px);
	top:calc(50% - 80px);
}
#base .event .subsec:nth-child(2n+1) .cont .fv .ttl{
	right:auto;
	text-align:left;
	left:30px;
}
#base .event .subsec:nth-child(2n+2) .cont .fv .ttl{
	left:30px;
}

#base .event .subsec .cont .fv .ttl .sub{
}

#base .event .subsec .cont .fv .ttl .txt1{
	font-size:8.4em;
}

#base .event .subsec .cont .fv .ttl .txt2{
	padding-top:30px;
	padding-bottom:17px;
	
	padding-top:21px;
	padding-top:15px;
	padding-bottom:12px;
}
#base .event .subsec .cont .fv .ttl .txt2 .txt2_1{
	font-size:1.9em;
}
#base .event .subsec .cont .fv .ttl .txt2 .txt2_2{
	font-size:2.8em;
	padding-left:0.5em;
	padding-right:0.2em;
}
#base .event .subsec .cont .fv .ttl .txt2 .txt2_3{
	bottom:5px;
	font-size:1.1em;
	line-height:0.8;
	padding:0 4px 0 4px;
}

#base .event .subsec .cont .fv .ttl .txt3{
	font-size:2.1em;
	padding: 5px 7px 4px 7px;
	
	font-size:1.8em;
	padding: 4px 6px 3px 6px;
	margin-bottom: 0;
	position: absolute;
	left: 0;
	top: -40px;
}
}

/* EVENT詳細 --------------------------------------------- */

#base .event .subsec .cont .dtl{
	position:relative;
	z-index: 9999;
	transform: translateZ(9999px);
	overflow:hidden;
	
	height:0;
	/*
	-webkit-transition: height 1.2s cubic-bezier(0.76, 0, 0.24, 1);
	-o-transition: height 1.2s cubic-bezier(0.76, 0, 0.24, 1);
	transition: height 1.2s cubic-bezier(0.76, 0, 0.24, 1);
	*/
}

#base .event .subsec .cont .dtl .sub{
}

#base .event .subsec .cont .dtl .sub .subsub{
	padding-top:100px;
	padding-bottom:calc(50vh - 100px);
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt{
	display:table;
	width:85%;
	margin:200px auto 0;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt:nth-child(1){
	margin-top:0;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .lft{
	display:table-cell;
	width:auto;
	vertical-align:top;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .lft p{
	font-family:'Poppins', sans-serif;
	font-weight:600;
	letter-spacing:-0.02em;
	font-size:2.4em;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .rgh{
	display:table-cell;
	width:860px;
	vertical-align:top;
}

@media all and (max-width: 767px){
#base .event .subsec .cont .dtl .sub .subsub{
	padding-top:100px;
	padding-bottom:calc(50vh - 100px);
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt{
	display:block;
	width:calc(100vw - 60px);
	margin:200px auto 0;
	margin:110px auto 0;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .lft{
	display:block;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .lft p{
	font-size:2.4em;
	padding-bottom:42px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .rgh{
	display:block;
	width:auto;
}
}

/* EVENT　picture -------- */

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture{
	position:relative;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht{
	position:relative;
	width:860px;
	height:573px;
	overflow:hidden;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul{
	position:relative;
	width:100%;
	height:100%;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(2){ left:100%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(3){ left:200%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(4){ left:300%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(5){ left:400%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(6){ left:500%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(7){ left:600%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(8){ left:700%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(9){ left:800%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(10){ left:900%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(11){ left:1000%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(12){ left:1100%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(13){ left:1200%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(14){ left:1300%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(15){ left:1400%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(16){ left:1500%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(17){ left:1600%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(18){ left:1700%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(19){ left:1800%; }
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht ul li:nth-child(20){ left:1900%; }

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht img{
	width:100%;
	height:100%;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht .cvr{
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	overflow:hidden;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .arw{
	position:absolute;
	top:50%;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .arw_l{
	left:-50px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .arw_r{
	right:-50px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .arw .btn{
	position:relative;
	padding:5px 10px;
	top:-18px;
}

@media all and (max-width: 767px){
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .subpht{
	width:100%;
	height:calc((100vw - 60px) * 2 / 3);
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .arw{
	display: none;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .pager ul{
	display:table;
	margin:18px auto 0;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .pager ul li{
	display:table-cell;
	padding-left:5px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .pager ul li:nth-child(1){
	padding-left:0;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .pager ul li div{
	width:6px;
	height:6px;
	background:#444444;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .picture .pht .pager ul li.slct div{
	background:#FFFFFF;
}
}

/* EVENT　theme -------- */

#base .event .subsec .cont .dtl .sub .subsub .dcnt .theme .txt1{
	font-size:1.9em;
	font-weight:700;
	line-height:1.75;
	letter-spacing:0.02em;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .theme .txt2{
	font-size:1.6em;
	line-height:2.0;
	padding-top:20px;
}

@media all and (max-width: 767px){
#base .event .subsec .cont .dtl .sub .subsub .dcnt .theme .txt1{
	font-size:1.7em;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .theme .txt2{
	font-size:1.4em;
	padding-top:18px;
}
}

/* EVENT　companies -------- */

#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li{
	width:200px;
	background:#FFFFFF;
	display:inline-block;
	margin-left:20px;
	
	overflow: hidden;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li:nth-child(4n+1){
	margin-left:0;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li:nth-child(n+5){
	margin-top:20px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li img{
	width:100%;
	height:auto;
}

@media all and (max-width: 767px){

#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li{
	width:calc(50% - 8px);
	margin-left:16px;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li:nth-child(2n+1){
	margin-left:0;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .companies ul li:nth-child(n+3){
	margin-top:16px;
}
}

/* EVENT　speakers -------- */

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers{
	position:relative;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht{
	position:relative;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht{
	position:relative;
	width:860px;
	height:430px;
	overflow:hidden;
	background:rgba(0,0,0,0.5);
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht .tbl{
	position:relative;
	display:table;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht .tbl .td{
	display:table-cell;
	vertical-align:top;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht .tbl .td img{
	width:215px;
	height:215px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht .cvr{
	position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	overflow:hidden;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .arw{
	position:absolute;
	top:50%;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .arw_l{
	left:-50px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .arw_r{
	right:-50px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .arw .btn{
	position:relative;
	padding:5px 10px;
	top:-18px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .txt{
	font-size:1.6em;
	line-height:2.0;
	padding-top:40px;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .txt .slash{
	color:rgba(255,255,255,0.6);
	padding:0 0.5em;
}

@media all and (max-width: 767px){
#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht{
	width:100%;
	height:calc(100vw - 60px);
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .subpht .tbl .td img{
	width:calc(50vw - 30px);
	height:calc(50vw - 30px);
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .arw{
	display: none;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .pager ul{
	display:table;
	margin:18px auto 0;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .pager ul li{
	display:table-cell;
	padding-left:5px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .pager ul li:nth-child(1){
	padding-left:0;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .pager ul li div{
	width:6px;
	height:6px;
	background:#444444;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .pht .pager ul li.slct div{
	background:#FFFFFF;
}

#base .event .subsec .cont .dtl .sub .subsub .dcnt .speakers .txt{
	font-size:1.4em;
	padding-top:16px;
}
}

/* EVENT　launch -------- */

#base .event .subsec .cont .dtl .sub .subsub .launch{
	width:85%;
	margin:200px auto 0;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn{
	position:relative;
	width:100%;
	height:130px;
	display:table;
	box-sizing:border-box;
	border:solid 1px rgba(255,255,255,1);
}
#base.no_tch .event .subsec .cont .dtl .sub .subsub .launch a:hover .btn{
	background:#FFFFFF;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn .subtn{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn .subtn p{
	font-family:'Poppins', sans-serif;
	font-weight:700;
	letter-spacing:-0.02em;
	font-size:2.4em;
}
#base.no_tch .event .subsec .cont .dtl .sub .subsub .launch a:hover .btn .subtn p{
	color:#000000;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn .subtn .blank img{
	position:absolute;
	top:0;
	bottom:0;
	right:28px;
	margin:auto;
}
#base.no_tch .event .subsec .cont .dtl .sub .subsub .launch a:hover .btn .subtn .blank img{
	filter: brightness(0);
}

@media all and (max-width: 767px){

#base .event .subsec .cont .dtl .sub .subsub .launch{
	width:calc(100% - 60px);
	margin:110px auto 0;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn{
	height:90px;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn .subtn p{
	font-size:1.9em;
}

#base .event .subsec .cont .dtl .sub .subsub .launch .btn .subtn .blank img{
	right:28px;
	
	width:auto;
	height:12px;
}
}

/* EVENT　close -------- */

#base .event .subsec .cont .close{
	z-index: 9999;
	transform: translateZ(9999px);
	width:85px;
	height:85px;
	overflow:hidden;
	right:0;
	display:none;
}
#base .event.stp .subsec .cont .close,
#base .event.cmp .subsec .cont .close{
	display:block;
}
#base .event .subsec .cont .close.typ1{
	position:absolute;
	top:calc(100vh - 85px);
}
#base .event .subsec .cont .close.typ2{
	position:fixed;
	bottom:0;
}
#base .event .subsec .cont .close.typ3{
	position:absolute;
	bottom:0;
}

#base .event .subsec .cont .close .btn{
	position:relative;
	width:84px;
	height:84px;
	border-left:solid 1px rgba(255,255,255,0.3);
	border-top:solid 1px rgba(255,255,255,0.3);
	
	top:86px;
}
#base.no_tch .event .subsec .cont .close .btn:hover{
	background:#FFFFFF;
}

#base .event .subsec .cont .close .btn img{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
	width:20px;
	height:12px;
}
#base.no_tch .event .subsec .cont .close .btn:hover img{
	filter: brightness(0);
}

@media all and (max-width: 767px){
#base .event .subsec .cont .close{
	width:75px;
	height:75px;
}
#base .event .subsec .cont .close.typ1{
	top:calc(100vh - 75px);
}

#base .event .subsec .cont .close .btn{
	width:74px;
	height:74px;
	top:76px;
	background:rgba(0,0,0,0.7);
}

#base .event .subsec .cont .close .btn img{
	width:20px;
	height:12px;
}
}

/* EVENT　scrl -------- */

/*
#base .event.cmp .subsec.trg .cont .scrl{
	opacity:1.0;
}
*/

/* EVENT　reception -------- */

#base .event .subsec .cont .reception{
	z-index: 9999;
	transform: translateZ(9999px);
	width:310px;
	height:85px;
	overflow:hidden;
	left:0;
	display:none;
}
#base .event.stp .subsec .cont .reception,
#base .event.cmp .subsec .cont .reception{
	display:block;
}
#base .event .subsec .cont .reception.typ1{
	position:absolute;
	top:calc(100vh - 85px);
}
#base .event .subsec .cont .reception.typ2{
	position:fixed;
	bottom:0;
}
#base .event .subsec .cont .reception.typ3{
	position:absolute;
	bottom:0;
}

#base .event .subsec .cont .reception .btn{
	position:relative;
	width:100%;
	height:100%;
	display:table;
	background: #FFFFFF;
	
	top:86px;
}
#base.no_tch .event .subsec .cont .reception .btn:hover{
	background:#BFFF12;
}

#base .event .subsec .cont .reception .btn .subtn{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
}

#base .event .subsec .cont .reception .btn .subtn p{
	font-weight:700;
	letter-spacing:0.0em;
	font-size:1.7em;
	color: #000000;
	padding-left: 23px;
}

#base .event .subsec .cont .reception .btn .subtn .blank img{
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
}

@media all and (max-width: 767px){
#base .event .subsec .cont .reception{
	width:250px;
	height:75px;
}
#base .event .subsec .cont .reception.typ1{
	top:calc(100vh - 75px);
}

#base .event .subsec .cont .reception .btn{
	top:76px;
}

#base .event .subsec .cont .reception .btn .subtn p{
	font-size:1.5em;
	padding-left: 21px;
}

#base .event .subsec .cont .reception .btn .subtn .blank img{
	right:18px;
}
}

/* FOOTER --------------------------------------------- */

#base .footer{
	z-index:80;
	background:#000000;
}

#base .footer .ttl{
	position: absolute;
	left:calc(50% - 150px);
	top:calc(50% - 250px);
	width:300px;
	height:500px;
	display:table;
}

#base .footer .ttl .ttl2{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#base .footer .ttl .ttl2 .txt1{
	font-family:'Poppins', sans-serif;
	font-weight:300;
	letter-spacing:0.04em;
	font-size: 1.4em;
	padding-top:5px;
	padding-bottom:35px;
}

#base .footer .ttl .ttl2 .pn img{
	width:160px;
}

#base .footer .ttl .ttl2 .txt2{
	font-weight:700;
	letter-spacing:-0.02em;
	font-size: 1.9em;
	font-size: 1.8em;
	line-height:1.55;
	transform:scaleX(1.25);
	padding-top:41px;
	padding-bottom:43px;
}

#base .footer .ttl .ttl2 .txt3{
	font-family:'Poppins', sans-serif;
	font-weight:300;
	letter-spacing:0.04em;
	font-size: 1.3em;
	padding-bottom:15px;
}
#base .footer .ttl .ttl2 .txt3 a{
	/*text-decoration:underline;*/
	border-bottom:solid 1px rgba(255,255,255,0.5);
}
#base.no_tch .footer .ttl .ttl2 .txt3 a:hover{
	background:#FFFFFF;
	color:#000000;
}

#base .footer .ttl .ttl2 .sns{
	display:table;
	margin:0 auto;
	padding-top:6px;
}

#base .footer .ttl .ttl2 .sns li{
	display:table-cell;
	padding-left:15px;
}
#base .footer .ttl .ttl2 .sns li:nth-child(1){
	padding-left:0;
}

#base .footer .copyright{
	position: absolute;
	right:40px;
	bottom:43px;
}

#base.no_tch .footer .ttl .ttl2 .sns li a:hover{
	opacity:0.3;
}

#base .footer .copyright p{
	color:#FFFFFF;
	font-family:'Poppins', sans-serif;
	font-weight:300;
	font-size:1.1em;
	letter-spacing:0.05em;
	opacity:0.7;
	
	transform: scale(0.9090909);
	transform-origin:100% 100%;
}

@media all and (max-width: 767px){
#base .footer .ttl{
	left:calc(50% - 150px);
	top:calc(50% - 250px - 5px);
	width:300px;
	height:500px;
}

#base .footer .ttl .ttl2 .pn img{
	width:148px;
}

#base .footer .ttl .ttl2 .txt2{
	font-size: 1.8em;
	padding-top:46px;
	padding-bottom:47px;
	
	
	font-size: 1.7em;
	padding-top:38px;
	padding-bottom:40px;
}

#base .footer .ttl .ttl2 .txt3{
	font-size: 1.3em;
	padding-bottom:15px;
	
	font-size: 1.2em;
	padding-bottom:14px;
}

#base .footer .ttl .ttl2 .sns{
	padding-top:6px;
}

#base .footer .ttl .ttl2 .sns li{
	padding-left:15px;
	
	padding-left:14px;
}
#base .footer .ttl .ttl2 .sns li:nth-child(1){
	padding-left:0;
}

#base .footer .ttl .ttl2 .sns li img{
	width: 36px;
	height: 36px;
}

#base .footer .copyright{
	right:0;
	bottom:27px;
	width:100%;
	text-align:center;
}

#base .footer .copyright p{
	transform: scale(0.9090909);
	transform-origin:50% 50%;
}
}