@charset "utf-8";

body, html {
margin: 0;
padding: 0;
height: 100%;
overflow-x: hidden;
}

.container {
position: relative;
width: 100%;
height: 100vh;
}

.container h1 {
width: 16%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -55%);
margin: 0;
}

.container h1 img{
  width: 100%;
  height: auto;
  display: block; 
}

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

.container {
height: 100svh; 
}


.container h1 {
transform: translate(-50%, -５0%);
width: 40%;
}

}