@charset "UTF-8";
*{margin: 0;padding: 0;}

body{
	font-family:　Lato, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16pt;
  margin: 0;
  padding: 0;
  background-color: #fff;
overflow-x: hidden;

}



.back{
position: relative;
background-color: black;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 1000px;
overflow-x: hidden;
}

.overlink{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
	z-index: 2;
}

.kankei{
z-index: 30;
top: 3dvh;
position: absolute;
margin: 40px;
display: flex;
text-align: center;
left: 100px;

}


.kankei img{
width: 80dvw;

}

.top{
width: 100px;	
height: 40px;
text-align: center;
background-color: #FFE000;
position: absolute;
top: 110dvh;
left: 47dvw;
z-index: 999;

}

.top:hover{opacity: 0.5;}

.top a{
font-family: "M PLUS 2", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10pt;
color: black;
margin: auto;
text-decoration: none;
}








/*スマホ用*/

@media screen and (max-width:700px){ 





.back{
position: relative;
background-color: black;
background-size: cover;
background-attachment: fixed;
width: 100%;
height: 100vh;} 



.kankei{
z-index: 999;
top: 130px;
position: absolute;
margin: auto;
display: flex;
text-align: center;
left: 13px;
}




.kankei img{
width: 95vw;

}


.top{
width: 100px;	
height: 40px;

position: absolute;
top: 60dvh;
left: 38dvw;

}


.top a{
font-size: 10pt;
color: black;
text-decoration: none;
}