body{
	 width:100%;
	 height:100%;
	 box-sizing: border-box;
}

.container{
	position:relative;
	width:100%;
	height:100vh;
}

.wrapper{
	position:relative;
	left:0;
	top:0;
	z-index: 2;
	width:100%;
	padding-top:calc((100vh - 400px) / 2);
	padding-bottom:100px;
}

img{
	max-width:100%;
}

h1{
	margin:0;
	color:#fff;
	font-size:48px;
	text-shadow: 0px 3px 15px black,0px 3px 15px black;
	font-family: toppan-bunkyu-midashi-go-std, sans-serif;
	font-weight: 900;
	font-style: normal;
	margin-bottom:60px;
}

h1 img{
	max-height:55vh;
}

h2{
	text-shadow: 0 0 10px #000;
	line-height:1.5;
	text-shadow: 0px 3px 15px black,0px 3px 15px black;
}

.fv{
	text-align:center;
}

p{
	line-height:2;
}

.slides{
	position:fixed !important;
	width:100%;
	height:100vh !important;
	left:0;
	top:0;
	z-index:1;
}
.slides:after{
	content: "";
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.slide1{
	width:100%;
	height:100vh !important;
	background:url(images/bg1.jpeg);
	background-size: cover;
	background-position: center center;
}

.slide2{
	width:100%;
	height:100vh !important;
	background:url(images/bg2.jpeg);
	background-size: cover;
	background-position: center center;
}

.slide3{
	width:100%;
	height:100vh !important;
	background:url(images/bg3.jpeg);
	background-size: cover;
	background-position: center center;
}

.slide4{
	width:100%;
	height:100vh !important;
	background:url(images/bg4.jpeg);
	background-size: cover;
	background-position: center center;
}

.below-fv,.main{
	width:100%;
	text-align:center;
	color:#fff;
}

.below-fv p{
	font-size:13px;
}

.main{
	margin-top:30px;
	margin-bottom:30px;
}

.main h2{
	font-size:24px;
}

.banners a{
	display:inline-block;
	width:300px;
	transition: all 0.2s;
}

.banners a img{
	border-radius: 2px;
}

.banners a:hover{
	opacity:0.8;
}

.start-youtube{
	position:fixed;
	top:20px;
	right:20px;
}

.start-youtube img{
	width:150px;
}

footer{
	position:fixed;
	bottom:0;
	right:0;
	width:100%;
	padding-right:15px;
	text-align:right;
	color:#fff;
	z-index: 2;
	font-size:11px;
}

footer a{
	color:#fff;
	text-decoration: none;
	display:inline-block;
}


footer a::after {
  content: "";
  display: block;
  width: 0;
  position:relative;
  top:-2px;
  transition: width 0.5s;
  border-bottom: 1px solid #fff;
}

footer a:hover::after {
  width: 100%;
}

.mb{
	display:none;
}

@media screen and (max-width:480px) { 
	h1{
		font-size:33px;
	}
	h2{
		font-size:20px;
	}
	p{
		line-height: 1.8;
		font-size:16px !important;
	}
	.pc{
		display:none;
	}
	.mb{
		display:inline-block;
	}
	.container{
		padding:15px;
		box-sizing: border-box;
	}
	.wrapper{
		padding-bottom: 50px;
	}

	footer{
		text-align:center;
		padding-right:0;
	}

	.main{
		margin-bottom:80px;
	}
	.main h2{
		font-size:22px;
	}
	.start-youtube{
		position:relative;
		margin-top:50px;
		top:0;
		right:0;
	}
}