@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;
  }
  .gaiyou{text-align: center;
	padding:20px;
	}

.gaiyou h1{
	text-align:center;
	font-size: 25px;
	font-weight:bold;
	letter-spacing:0em;
	padding-top:25px;
	padding-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
		}
.gaiyou p{	z-index:999;
	margin: 0 auto;	
	width: 50%;
  color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: 0.3em;
	font-family: "M PLUS Rounded 1c";
	text-align: center;
	}	
.gaiyou img{
	margin: 0 auto;
	display: inline-block;
	}
/* キャラ */
#mad1 {
	width:40%;
	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;
  }
  .gaiyou{text-align: center;
	padding:20px;
	}

.gaiyou h1{
	text-align:center;
	font-size: 26px;
	font-weight:bold;
	letter-spacing:0em;
	padding-top:25px;
	padding-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
		}
.gaiyou p{	z-index:999;
	margin: 0 auto;	
	width: 50%;
  color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: 0.3em;
	font-family: "M PLUS Rounded 1c";
	text-align: center;
	}	
.gaiyou img{
	margin: 0 auto;
	display: inline-block;
	}
/* キャラ */
#mad1 {
	width:30%;
	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;
  }
  .gaiyou{text-align: center;
	padding:20px;
	}

.gaiyou h1{
	text-align:center;
	font-size: 30px;
	font-weight:bold;
	letter-spacing:0em;
	padding-top:25px;
	padding-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
		}
.gaiyou p{	z-index:999;
	margin: 0 auto;	
	width: 50%;
  color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: 0.3em;
	font-family: "M PLUS Rounded 1c";
	text-align: center;
	}	
.gaiyou img{
	margin: 0 auto;
	display: inline-block;
	}
/* キャラ */
#mad1 {
	width:20%;
	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:800px;
  }
	
.gaiyou{text-align: center;
	padding:20px;
	}

.gaiyou h1{
	text-align:center;
	font-size: 30px;
	font-weight:bold;
	letter-spacing:0em;
	padding-top:25px;
	padding-bottom:20px;
	font-family: HuiFont109-1, "ふい字";
	text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
		}
.gaiyou p{	z-index:999;
	margin: 0 auto;	
	width: 50%;
  color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	letter-spacing: 0.3em;
	font-family: "M PLUS Rounded 1c";
	text-align: center;
	}	
.gaiyou img{
	margin: 0 auto;
	display: inline-block;
	}
/* キャラ */
#mad1 {
	width:20%;
	height:auto;
	}	

			}			
/* ########### 1260px 以上 ########### */
@media (min-width: 1260px) {
	/* 全体の横幅を固定 */
.box4{
	width:900px;
height:auto;
	margin-left: auto;
	margin-right: auto}	
		
			}