@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) 
{
/* ロゴ */
.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;
  }
  /* 見出し */
.box3 {
	width:100%;
	margin-top:0px;
	margin-bottom:40px;
	text-align:center;
	}

.balloon1 {
  position: relative;
  display: inline-block;
  margin:  0;
  padding: 20px;
  width: 280px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #00678B;
box-shadow: 3px 3px 10px -1px #23606E }

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00678B;
  
}

.balloon1 p {
  margin: 0px;
  padding: 0px;
  color:#FFFFFF;
	text-decoration: none;
	font-size:16px;
	font-weight:normal;
	line-height:5px;
	letter-spacing: -0.1em;
	font-family: HuiFont109-1, "ふい字";
}
.balloon1 img {
	position:absolute;
}
/* レンコンabout */
#re-about {
	width:65px;
	height:auto;
	left:-38px;
	top:-25px;
	}
  }
/* ########### 560px～767px以下 ########### */
@media (min-width: 560px) and (max-width: 767px) 
{
/* ロゴ */
.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;
  }
 /* 見出し */
.box3 {
	width:100%;
	margin-top:15px;
	margin-bottom:40px;
	text-align:center;
	}

.balloon1 {
  position: relative;
  display: inline-block;
  margin:  0;
  padding: 20px;
  width: 390px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #00678B;
box-shadow: 3px 3px 10px -1px #23606E }

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00678B;
  
}

.balloon1 p {
  margin: 0px;
  padding: 0px;
  color:#FFFFFF;
	text-decoration: none;
	font-size:19px;
	font-weight:normal;
	line-height:14px;
	letter-spacing: -0.05em;
	font-family: HuiFont109-1, "ふい字";
}
.balloon1 img {
	position:absolute;
}
/* レンコンabout */
#re-about {
	width:77px;
	height:auto;
	left:-40px;
	top:-20px;
	}
  }

/* ########### 768px～1039px以下 ########### */
@media (min-width: 768px) and (max-width: 1039px) 
{
/* ロゴ */
.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;
  }
/* 見出し */
.box3 {
	width:100%;
	margin-top:45px;
	margin-bottom:50px;
	text-align:center;
	}

.balloon1 {
  position: relative;
  display: inline-block;
  margin:  0;
  padding: 20px;
  width: 500px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #00678B;
box-shadow: 3px 3px 10px -1px #23606E }

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00678B;
  
}

.balloon1 p {
  margin: 0px;
  padding: 0px;
  color:#FFFFFF;
	text-decoration: none;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	letter-spacing: 0.1em;
	font-family: HuiFont109-1, "ふい字";
}
.balloon1 img {
	position:absolute;
}
/* レンコンabout */
#re-about {
	width:77px;
	height:auto;
	left:-40px;
	top:-20px;
	}
  }

/* ########### 1040px 以上 ########### */
@media (min-width: 1040px) {
/* ロゴ */
.hero .rogo {
	padding-top:15px;
	padding-bottom:0px;
	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;
  }
/* 見出し */
.box3 {
	width:100%;
	margin-top:45px;
	margin-bottom:50px;
	text-align:center;
	}

.balloon1 {
  position: relative;
  display: inline-block;
  margin:  0;
  padding: 20px;
  width: 500px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #00678B;
box-shadow: 3px 3px 10px -1px #23606E }

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #00678B;
  
}

.balloon1 p {
  margin: 0px;
  padding: 0px;
  color:#FFFFFF;
	text-decoration: none;
	font-size:20px;
	font-weight:normal;
	line-height:22px;
	letter-spacing: 0.1em;
	font-family: HuiFont109-1, "ふい字";
}
.balloon1 img {
	position:absolute;
}
/* レンコンabout */
#re-about {
	width:77px;
	height:auto;
	left:-40px;
	top:-20px;
	}	
			}			
/* ########### 1260px 以上 ########### */
@media (min-width: 1260px) {
	/* 全体の横幅を固定 */
.box3{
	width: 1260px;
	margin-left: auto;
	margin-right: auto}	
		
			}