@charset "utf-8";
/* CSS Document */


#mv{
	background-image: url("../images/mv.jpg");
	background-size: cover;
	position: relative;
	background-position:center center;
	
}

#mv .wrap{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mv::before{
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	position: absolute;
	left: 0;
	top: 0;
}

.mv_txt01{
	font-size: 6rem;
	letter-spacing: 0.1em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	position: relative;
	text-shadow: 0 0 15px rgba(0,0,0,.6);
}


.scroll_bar{
	width: 200px;
	margin: auto;
	position: absolute;
	left: 50%;
	bottom: 0;
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
	text-align:center;
	transform: translateX(-50%);
	height: 50px;
}
.scroll_bar .en{
	position: absolute;
	left: 50%;
	top: -2em;
	transform: translateX(-50%);
	
}

.scroll_bar::after,
.scroll_bar::before{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);      
	background-color: #fff;
}
.scroll_bar::before{
	width: 2px;
	height: 100%;
}

.scroll_bar::after{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	top: 0;
	bottom: auto;
	animation: scroll_maru 2s infinite ease-in-out .8s alternate;
}



@keyframes scroll_maru {
  0% {
    transform:translate(-50%, 0) rotate(-7deg);
  }
  100% {
    transform:translate(-50%, 50px) rotate(0deg);

  }
/*  100% {
    transform:translate(-50%, 0) rotate(7deg);
  }*/
}
 


.gaiyo_txt{
		margin: 50px auto 50px;
}

.gaiyo_tbl_out{
	display: flex;
	justify-content: center;

}
.gaiyo_tbl{
	flex-wrap: wrap;
}
.gaiyo_tbl dt{
	width: 6em;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.gaiyo_tbl dd{
	width: calc( 100% - 6em);
	padding: 10px;
	border-bottom: 1px solid #ccc;
}









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



	.mv_txt01{
		font-size: 2.8rem;
	}
	
}