@charset "utf-8";

@font-face {
font-family: "HuiFont109-1";
  src: url(../font/HuiFont109-1.eot) format("eot"), url(../font/HuiFont109-1.woff) format("woff");
}



/* ########### 559px以下 ########### */
@media  (max-width: 559px) 
{
.page {
  overflow: scroll;
}
.hero {
  background-image: url(../img/back01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height:710px;
  }
/* ロゴ */
.hero .rogo {
	padding-top:5px;
	padding-bottom:10px;
	text-align:center;
  }
.rogo img{width:40%;
height:auto
  }
.rogo a:hover{opacity: 0.8
  }
/* アイ */
.hero .eye {
	  width:100%;
	  text-align:center;
	margin: 0 auto;	
  }
.eye img{width:90%;
height:auto;
  }
  }
/* ########### 560px～767px以下 ########### */
@media (min-width: 560px) and (max-width: 767px) 
{
.page {
  overflow: scroll;
}
.hero {
  background-image: url(../img/back01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height:655px;
  }
/* ロゴ */
.hero .rogo {
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
  }
.rogo img{width:30%;
height:auto
  }
.rogo a:hover{opacity: 0.8
  }
/* アイ */
.hero .eye {
	  width:100%;
	  margin-top:0px;
	  margin-bottom:35px;
	  text-align:center;
  }
.eye img{width:500px;
height:auto;
  }
  }

/* ########### 768px～1039px以下 ########### */
@media (min-width: 768px) and (max-width: 1039px) 
{
.page {
  overflow: scroll;
}
.hero {
  background-image: url(../img/back01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height:800px;
  }
/* ロゴ */
.hero .rogo {
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
  }
.rogo img{width:25%;
height:auto
  }
.rogo a:hover{opacity: 0.8
  }
/* アイ */
.hero .eye {
	  width:100%;
	  margin-top:0px;
	  margin-bottom:55px;
	  text-align:center;
  }
.eye img{width:600px;
height:auto;
  }
  }

/* ########### 1040px 以上 ########### */
@media (min-width: 1040px) {
.page {
  overflow: scroll;
}
.hero {
  background-image: url(../img/back01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height:1000px;
  }
/* ロゴ */
.hero .rogo {
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
  }
.rogo img{width:25%;
height:auto
  }
.rogo a:hover{opacity: 0.8
  }
/* アイ */
.hero .eye {
	  width:100%;
	  margin-top:0px;
	  margin-bottom:70px;
	  text-align:center;
  }
.eye img{width:700px;
height:auto;
  }
	
			}			
/* ########### 1260px 以上 ########### */
@media (min-width: 1260px) {
	/* 全体の横幅を固定 */

		
			}