@charset "UTF-8";

body
{background-color: darkslategrey;
	font-family: "WorkSans Black", "WorkSans Bold", "WorkSans ExtraBold", "WorkSans ExtraLight", "WorkSans Light", "WorkSans Medium", "WorkSans Regular", "WorkSans SemiBold", "WorkSans Thin";
	margin: 0;
	padding: 0;
	
	
	background-image: url("images/haikei.png");
	background-repeat: no-repeat;
	background-size: 100vw;
	background-position: top;
}





#first{
	background-color: #000000;
    width: 375px;
	height: 40px;
	position: relative;
	margin: 0px 0px 0px 0px;
}




	.title img{
			width: 60vw;margin: 30px 0px 0px 0px;}
	.title{text-align: center;}

	.photo img{width: 100vw;}




.setumei h2{
		text-align: center;
		color: tomato;
		font-size: 14px;
		font-family:'Work Sans', sans-serif;
		position: relative;
		top: 10px;
}

.setumei p{color: tomato;
			font-size: 12px;
			text-align: center;
			position: relative;
			top: 30px;
			width: 375px;
				background-color: #352628;
				height: 120px;
}
		
		
		

.how h3{
		position: relative;
		top:25px;
		left:13px;
		font-size: 50px;
		color: tomato;
		width: 200px;
		font-family: 'Work Sans', sans-serif;
		background: linear-gradient(to top, #356B57 0% 50%, rgba(0,0,0,0) 50% 100%);
}
.how p{position: relative;
		top:-25px;
		left:15px;
		font-size: 10px;
		color:goldenrod;
		width: 300px;
	}
 
		





	.show1 h4{
		text-align: right;
		position: relative;
		top:150px;
		right:-35px;
		font-size: 40px;
		color:goldenrod;
		width: 330px;
}
	.show1 p{
		text-align: right;
		position: relative;
		top:205px;
		left:109px;
		font-size: 10px;
		color:tomato;
		width: 257px;
		background-color: #356B57;
}


	.show1 img{
		width: 100vw;
		margin: -190px 0px 0px 0px;
		
}

.show1{margin: 20px 0px 0px 0px;}



	.show2 img{
		width: 100vw;
		text-align: left;
		margin: 0;
}
	.show2 h4{
		position: relative;
		top:155px;
		left: 13px;
		font-size: 40px;
		color: goldenrod;
		width: 300px;
}

	.show2 p{
		position: relative;
		top:108px;
		left:15px;
		font-size: 10px;
		color:tomato;
 		width: 205px;
		background-color: #356B57;
}

.show2{margin: -70px 0px 0px 0px}






.show3 h4{position: relative;
		font-size: 40px;
		color:goldenrod;
		width: 330px;
		margin: 0px 0px 0px 11px;
}
.show3 p{position: relative;
		font-size: 10px;
		color:tomato;
		width: 245px;
		margin: 40px 0px 0px 15px;
		background-color: #356B57;
}

.show3 img{width: 100vw;
		margin: -500px 0px 0px 0px;
}

.show3{margin: 325px 0px 0px 0px;}





.yokoku img{width: 100vw;
			justify-content: center;
			margin: 50px 0px 0px 0px;
			background-color:#356B57;
			}

.yokoku h5{text-align: center;
		color: goldenrod;
		font-family: 'Work Sans', sans-serif ;
		font-size: 25px;
		margin: 100px 0px 0px 0px;}

.yokoku p{
	text-align: center;
	font-size: 10px;
	color: goldenrod;}





.rink img{margin: 90px 90px 90px 100px}

p{font-family: "ヒラギノ角ゴシック W6";}
h4{font-family: 'Work Sans', sans-serif;}


.icon img{
		width: 40px;
		position: absolute;
		margin: -50px 0px 0px 145px;}

.icon2 img{
		width: 26px;
		position: absolute;
		margin: -43px 0px 0px 200px;
}


#box{
	z-index:-3;
	background-color: #000000;
    width: 375px;
	height: 60px;
	position: relative;
	margin: -60px 0px 0px 0px;
}