.scroll {
	position: fixed;
	top: 50%;
	left: 50%;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 3em;
	line-height: 2;
	width: 10em;
	text-align: center;
	height: 2em;
	color: #e74c3c;
	background: #fff;
	font-style: normal;
	text-transform: uppercase;
	opacity: 0.8;

}

.scroll::after {
	display: block;
	color: #fff;
	font-size: 3em;
	line-height: 1;

}





@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



#contactbox{
		z-index: 200;

}







/* sakusei */

#mitumori{
	margin-top: 100px;
}



@media screen and (max-width: 65em) {
	body {
		font-size: 85%;
	}
}


	.ha-header h1 {
		margin: 0 auto;
		height: 60%;
		padding-left: 7%;
	}
@media screen and (max-width: 60em) {


	.ha-header-perspective > div,
	.ha-header nav {
		text-align: center;
	}

	.ha-header h1 {
		margin: 0 auto;
		height: 60%;
padding-left: 20%;
	font-size: 90%;
	color:#383838;
	cursor: default;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

	.ha-header .ha-header-bottom nav {
		padding: 40px 0px;
	}

	.ha-header nav {
		display: block;
		height: auto;
	}




.mainvisual {
		background: #fff;
		width: 100%;
	height: auto;
	margin: 10 auto;
	z-index: 5;
}
.mainvisual ul {
	list-style-type: none;
}


	.Imbox{
		width: 100%;
		margin:0 aout;

	}
	.Imbox1{
		float: none;
		width: 90%;
	margin:0 auto;
	}
	.Imbox2{

		float: none;
		width: 100%;
		margin:0 auto;
	}



.main2 {
	width: auto;
			margin:0 auto;

	float: left;
}
.main2 img {
	max-width: 100%;
	height: auto;
}
.main3 {
	width: auto;
	float: left;
	margin-left: 3px;

}






@media screen and (max-width: 38em) {
	section {
		font-size: 1.3em;
	}



.ha-header p {
	font-weight: 400;
	font-size: 2.0em;
	color:#383838;
	cursor: default;
	z-index: 1;
		margin: 0 auto;

}

	.ha-header h1 {
		margin: 0 25px;
		height: 60%;

	font-size: 80%;
	color:#383838;
	cursor: default;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

	.ha-header nav {
		font-size: 60%;
	}


	.Imbox{
		width: 100%;
		margin:0 aout;

	}
	.Imbox1{
		float: none;
		width: 90%;
  margin-right: auto;
  margin-left : auto;	}
	.Imbox2{
		float: none;
		width: 100%;
	  margin-right: auto;
  margin-left : auto;
	}





.mainvisual {
		background: #fff;
		width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: 5;
	position: absolute;
}
.mainvisual ul {
	list-style-type: none;
}
.Imbox{
	 width:1073px;
  margin-right: auto;
  margin-left : auto;
  margin-top:1.5%;
  margin-bottom: 1.5%;
  background-color :#ffffff;
  border-radius: 15px;
}
.Imbox1{
	 width:468px;
  margin-right: auto;
  margin-left : auto;
  margin-top: 3%;
  margin-bottom: 3%;
  background-color :#ffffff;
  border-radius: 15px;
  float:left;
}
.Imbox2{
	 width:605px;
  margin-right: auto;
  margin-left : auto;
  margin-top:3%;
  margin-bottom: 3%;
  background-color :#ffffff;
  border-radius: 15px;
    float:right;

}


.main1 {
	width: auto;
		margin:0 auto;
	position: absorute;
	float: left;
		background: #fff;

}

.main1 p {
	position: absolute;

	top: 100px;
	left: 50px;
	text-align: left;
}
.main1 img {
	max-width: 100%;

	height: auto;
}
.main2 {
	width: auto;
			margin:0 auto;
	position: absorute;

	float: left;
}
.main2 img {
	max-width: 100%;
	height: auto;
	margin-right:13px;
}
.main3 {
	width: auto;
	float: left;
	margin: 0 auto;

}
.main3 p {
	position: absolute;
	top: 100px;
	left: 30px;
	color: #ffffff;
	font-size: small;
	text-align: left;
}
.main3 img {
	max-width: 100%;
	height: auto;
}

}



@media only screen and (max-width: 767px) {
	.Imbox{
		width:78%;
	  margin-right: auto;
     margin-left : auto;
     	  margin-top: 60px;

	}
	.Imbox1{
		float: none;
		width: 85.5%;
	  margin-right: auto;
     margin-left : 5%;
	}
	.Imbox2{
		float: none;
		width: 100%;
			  margin-right: auto;
     margin-left : auto;
	}



.main1 {
	width: auto;
		  margin-right: auto;
     margin-left : auto;
     margin-bottom : 3px;
	position: relative;
	float: left;
		background: #fff;

}
.main1 p {
	position: absolute;

	top: 100px;
	left: 20px;
	text-align: left;
}
.main1 img {
	max-width: 100%;
	height: auto;
}
.main2 {
	width: auto;
	  margin-right: auto;
     margin-left : 5%;
	float: left;
}
.main2 img {
	max-width: 100%;
	height: auto;
}
.main3 {
	width: auto;
	     margin-left : 5%;

	float: left;
		  margin-right: auto;

}
.main3 p {
	position: absolute;
	top: 100px;
	left: 30px;
	color: #ffffff;
	font-size: small;
	text-align: left;
}
.main3 img {
	max-width: 100%;
	height: auto;
}