/*　top.html　*/

body {
  background-color: dimgray;
  margin: 0;
}

.wrapper img {
  width: 100%;
}

.wrapper {
  display: flex;
  align-items: center;
  height: 100vh;
}

.pc { display: block !important; }
.sp { display: none !important; }

@media (max-width: 670px) {
  .pc { display: none !important; }
  .sp { display: block !important; }
}


/*
.pc-image { display: block !important; }
.smartphone-image { display: none !important; }

@media only screen and (max-width: 750px) {
  .pc-image { display: none !important; }
  .smartphone-image { display: block !important; }
}


@media (max-width: 750px) {
  .wrapper img {
    height: 100%;
  }

  
}
*/

/*
.wrapper {
  background-image: url(./images/background.png);
  background-size: cover; 
  background-position: center;
  width: 100%; 
  height: 100vh;
  position: relative;
}
*/

/*
.container {
  color: white;
}

.enter {
  font-family: "Didot Regular","Times New Roman";
  background-color: dimgray;
  font-size: 15px;
  color: white;
  padding: 8px 24px;
  opacity: 0.7;
  border-radius: 10px;  
  text-decoration: none;
  position: absolute;
  top: 55%;
  left: 63%;
}

.enter:hover {
  opacity: 0.8;
}
*/