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



.title {
	position: relative;
	text-align: center;

}


.title__img{
  width:  100%;
  height:auto;
  overflow: hidden;
	}
.title__img img{
     width: 100%;
   }

.main_text_after {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 70%;
	padding:30px;
	background : rgba(0,0,0,0.5);
}


@media screen and (max-width: 992px){
	.main_text_after {

width: 80%;

}

.title__img{
  height: auto;
	  width: auto;
	}
}

.title__img img{
     width: 80%;
   }



.main_text_after h2 {
	  font-size:24px;
	  letter-spacing:2px;
	  margin-bottom:10px;
		  width:100%;

	    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
			  line-height:40px;
	color: #FFFFFF;

}
.main_text_after h6 {
	  font-size:16px;
	  letter-spacing:2px;
	  margin-bottom:24px;
		  width:100%;
line-height:20px;
	color: #fff;

}
.main_text_after p {
	  font-size:18px;
	  letter-spacing:1px;
	  line-height:40px;
	  width:100%;
	  margin-left:auto;
	  margin-right:auto;
	  text-align:center;	
		color: #FFFFFF;
	 font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}


@media screen and (max-width: 767px){
	.title__img img{
     width: 82%;
   }
	
	.main_text_after {
	
	width: 90%;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
}
.main_text_after h2 {
	  font-size:18px;
		line-height:26px;

}
	
	.main_text_after p {
	  font-size:16px;
	  line-height:28px;
	  
}
}







/* ==========================================================================
micestyle
========================================================================== */

#micestyle{
	padding-bottom: 70px;
	padding-top: 70px;

  }


#micestyle h3{
	margin-top: 20px;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;

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

#micestyle h3{
	margin-top: 0px;
	
  }
	 }

#micestyle p {
	text-align:left;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:24px;
	  margin-top:15px;
	  padding-left: 10px;
	  padding-right: 10px;
	color: #424242;
	margin-bottom: 20px;
}


.img_3r {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
  }

.wrap_safety {
	width: 100%;
	height: auto;
	background:linear-gradient(45deg, #0076d6,#009da8,#01be84);/*グラデーションを定義*/
	background-size: 200% 200%;/*サイズを大きくひきのばす*/
	animation: bggradient 10s ease infinite;
	margin-top: 60px;
	padding-top: 50px;
	padding-bottom: 40px;
	
  }


@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.text_corona {
	padding-left:80px;
	padding-right:50px;

  }
.safety {
	padding-left:30px;
		padding-right:70px;
  }


.text_corona h5 {
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
	padding-left: 10px;
		color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 30px;

  }

.text_corona h6 {
	padding-bottom: 10px;
	padding-left: 10px;
		color: #FFFFFF;
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 22px;

  }

@media screen and (max-width: 767px){
.text_corona {
	text-align: center;
	padding-left:30px;
	padding-right:30px;
	margin-bottom: 40px;
  }
.text_corona h6 {
	padding-left: 0px;
  }
	.safety {
	padding-left:50px;
		padding-right:50px;
  }

 }

.wrap_hall {
	width: 100%;
	margin-top: 150px;
	
  }
.h_100 {
	width: 100%;
	height: 100px;
	
	
  }

.wrap_hall h3{
	margin-top:0px;
	font-size: 22px;
	letter-spacing: 1px;
	font-weight: 600;
	text-align: center;
	padding-bottom:0px;
		  color: #a3cca7;



  }

.wrap_hall h6 {
	text-align:center;
	letter-spacing:0.5px;
	  font-size:14px;
	  line-height:14px;
	  padding-left: 10px;
	  padding-right: 10px;
	  color: #a3cca7;
	padding-bottom:50px;
	padding-top: 5px;
}


.wrap_hall ul {
	margin-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

.wrap_hall li {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.zumen {
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 50px;
	padding-top: 30px;
	
}
.img_80 {
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	
}

.acril {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: #e7f1f4;
	margin-bottom: 80px;
	margin-top: 80px;
	text-align: center;
	color: #000000;
	padding-left: 20px;
	padding-right: 20px;

	
}
.acril_text {
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
}


.acril_box {
	width: 44%;
	height: auto;
	float: left;
	margin-left:3%;
	margin-right: 3%;
	
}


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

.acril {

	padding-left: 10px;
	padding-right: 10px;
	

	
}


}