@charset "utf-8";
/* CSS Document */
@media(max-width:1920px){
	#background_video2{
		display: none;
	}
}
@media(min-width:1921px){
	#background_video{
		display: none;
	}
}
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #67c5ff;
  color: white;
}

.conB{
	width: 100%;
}
.conB .container{
	width: 100%;
	height: 300px;
}
.conB .photo{
	width: 100vw;
	background-color: #000000;
	height: 300px;
	background-image: url("../img/topnew1S.jpg");
	background-position: center;
	background-size: cover;
	display: none;
}
.conB .text{
	position: absolute;
	margin: 0;
	text-align: center;
	width: 100vw;
	background: #FFF;
	height: 300px;
}
.conB h1{
	margin-top: 100px;
	font-family: sata;
}
.conB a{
	color: #67C5FF;
	font-size: 20px;
	transition: .4s;
}
.conB a:hover{
	color: #fff;
	font-size: 20px;
}
@media(min-width:768px){
	.conB .container{
		display: flex;
		height: 600px;
	}
.conB .photo{
	width: 100vw;
	height: 100%;
}
.conB .text{
	position: static;
	width: 100vw;
	height: 100%;
}
	.conB h1{
	margin-top: 200px;
	font-size: 35px;
}
	.conB .photo{
	display: inherit;
}
}

.conC{
	width: 100%;
}
.conC .container{
	width: 100%;
	height: 600px;
}
.conC .photo{
	width: 100vw;
	background-color: #000000;
	height: 300px;
	background-image: url("../img/aoki (24).jpg");
	background-position: center;
	background-size: cover;
}
.conC .text{
	position: absolute;
	margin: 0;
	text-align: center;
	width: 100vw;
	background: #FFF;
	height: 300px;
}
.conC h1{
	margin-top: 100px;
	font-family: sata;
}
.conC a{
	color: #67C5FF;
	font-size: 20px;
	transition: .4s;
}
.conC a:hover{
	color: #fff;
	font-size: 20px;
}
@media(min-width:768px){
	.conC .container{
		display: flex;
		flex-direction: row-reverse;
	}
.conC .photo{
	width: 100vw;
	height: 100%;
}
.conC .text{
	position: static;
	width: 100vw;
	height: 100%;
}
	.conC h1{
	margin-top: 200px;
		font-size: 35px;
}
}

.conD{
	width: 100%;
}
.conD .container{
	width: 100%;
	height: 600px;
}
.conD .photo{
	width: 100vw;
	background-color: #000000;
	height: 300px;
	background-image: url("../img/aoki (21).jpg");
	background-position: center;
	background-size: cover;
	
}
.conD .text{
	position: absolute;
	margin: 0;
	text-align: center;
	width: 100vw;
	background: #FFF;
	height: 300px;
}
.conD h1{
	margin-top: 100px;
	font-family: sata;
}
.conD a{
	color: #67C5FF;
	font-size: 20px;
	transition: 1s;
}
.conD a:hover{
	color: #fff;
	font-size: 20px;
}
@media(min-width:768px){
	.conD .container{
		display: flex;
		
	}
.conD .photo{
	width: 100vw;
	height: 100%;
}
.conD .text{
	position: static;
	width: 100vw;
	height: 100%;
}
	.conD h1{
	margin-top: 200px;
	font-size: 35px;
}
}

/*.back{
	background-image: url("../img/back.jpg");
	background-position: center;
	background-size: cover;
	
}*/