@charset "UTF-8";
/* CSS Document */
body {
	background-color:#000;
	}
/*===================================
	Slider
====================================*/
.swiper-container {
    width: 100%;
    height: 100vh;
	z-index: -9999;
    }

 .swiper-wrapper .swiper-slide {
	 width: 100%;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
    }


/*===================================		
	index page
====================================*/
section {
	width:100%;
	}	
h1 {
	position:fixed;
	width:100%;
	top:8%;
	left:4%;
	margin: inherit;
	z-index: 9;
	}
h1 img {
	display:block;
	width:20%;
	max-width:90px;
	}	
footer {
	position:fixed;
	bottom:0;
	left:0;
	z-index: 999999;
	}
h1,	
.menu-trigger,
footer {
	opacity:0;
	animation-duration:30.5s;
	animation-iteration-count:1;
	animation-name:logo;
	animation-fill-mode: forwards;
	}
/*ロゴの色*/
.logo_02 path {
	fill:#fff;
	}
h1 svg {
	width:18%;
	margin:0 auto;
	max-width:7em;
	}
/*===================================		
	animation (common)
====================================*/
@keyframes logo {
    0%		{ opacity: 0.0; }
    8%		{ opacity: 1.0; }
	100%	{ opacity: 1.0; }
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */

h1 {
	position:fixed;
	width:100%;
	top:15%;
	left:4%;
	margin: inherit;
	z-index: 9;
	}
h1 img {
	display:block;
	width:20%;
	max-width:90px;
	}	

h1,	
.menu-trigger,
footer {
	opacity:0;
	animation-duration:30.5s;
	animation-iteration-count:1;
	animation-name:logo;
	animation-fill-mode: forwards;
	}
/*ロゴの色*/
.logo_02 path {
	fill:#fff;
	}
h1 svg {
	width:10%;
	margin:0 auto;
	max-width:5em;
	}
}


/* ==================================================
    PC
================================================== */
@media screen and (min-width: 768px) {
	.spOnly { display: none; }
    .pcOnly { display: block; }
	
	
	h1 {
	position:fixed;
	width:100%;
	top:65px;
	left:30px;
	margin: inherit;
	z-index: 9;
	}
	h1 svg {
	width:5.5em;
	margin:0 auto;
	}
}