#mv-area {
  overflow: hidden;
  position: relative;
  padding-top: 6vh;
  padding-bottom: 6vh;
  height: 100vh;
}
#bg-mv {
  position: absolute;
  top: -10vh;
  left: 0;
  width: 100%;
  height: 135vh;
  opacity: 0;
}
#bg-mv img {
  height: 100%;
}
#mv-area figcaption {
  padding-top: 3vh;
  padding-bottom: 3vh;
}
#btn-top div {
  padding: 0 .5vw;
}
#btn-top a {
  border-radius: 4vh;
  padding: 2vh 0;
}
#mv-logo {
  max-height: 18vh;
  max-width: 100%;
  margin-bottom: 3vh;
}
#mv-phone {
  height: 40vh;
}
#medal {
  top: 10vh;
  left: 42vw;
  z-index: 12345;
  max-height: 18vh;
  max-width: 10vw;
}
#main > section {
  border-top-width: 2.5vw !important;
  overflow: hidden;
}
#main > section > header::before, #main > section > header::after {
  content: '';
  height: .2vw;
  position: absolute;
  left: 8vw;
  top: 2.5vw;
  z-index: 0;
}
.youtube {
  position: relative;
}
.notouch {
  position: absolute;
  z-index: 1234;
}
.nt1 {
  height: 10%;
  width: 100%;
  left: 0;
  top: 0;
}
.nt2 {
  height: 6%;
  width: 30%;
  right: 0;
  bottom: 0;
}

#concierge header::before, #concierge header::after {
  background-color: #dc3545;
  width: 20vw;
}
#map header::before, #map header::after {
  background-color: #17a2b8;
  width: 21vw;
}
#room header::before, #room header::after {
  background-color: #28a745;
  width: 10vw;
}
#manga header::before, #manga header::after {
  background-color: #ff914d;
  width: 19vw;
}
#hotel-dx header::before, #hotel-dx header::after {
  background-color: #ffc107;
  width: 25vw;
}
#contact header::before, #contact header::after {
  background-color: #999;
  width: 25vw;
}
#main > section > header::after {
  left: auto;
  right: 8vw;
}
.merit figure {
  padding: 0 5vw;
}
#con02 img {
  margin-bottom: 2vw;
}
#con03 img {
  margin-bottom: 1vw;
}
#map-list li {
  padding: 0 .8vw;
}
.map-des {
  padding-right: 5vw;
}
.map-des2 {
  padding-right: 2vw;
}
#main h1 i {
  vertical-align: middle;
}
.bg-green2 {
  background-color: #4fb623;
}
.bg-orange {
  background-color: #ff914d;
}
.border-orange {
  border-color: #ff914d !important;
}
.bg-orange2 {
  background-color: #f85014;
}
.bg-blue {
  background-color: #004aad;
}
.bg-brown {
  background-color: #503e3b;
}

@media (min-width: 768px){
  .table-responsive {
    overflow: visible;
  }
}

@media (max-width: 767px){
  #mv-area {
    height: auto;
  }
  #mv-phone {
    height: 30vh;
  }
  #bg-mv {
    opacity: 1;
  }
  #bg-mv img {
    object-position: -180vw 0;
  }
  #medal {
    top: 48vw;
    left: 5vw;
    max-height: 20vh;
    max-width: 23vw;
  }
  #main > section {
    border-top-width: 4vw !important;
  }
  #btn-top div {
    padding: 0 1.5vw;
  }
  #btn-top a {
    border-radius: 5vw;
    padding: 2vw 0;
  }
  #about {
    padding: 10vw 0;
  }
  .table-responsive ul {
    width: 250vw;
  }
  .merit figure {
    padding: 0 13vw;
  }
  #main > section > header::before, #main > section > header::after {
    content: none;
  }
  #map-list li {
    padding: 0 2vw;
  }
  .map-des {
    padding-right: 15vw;
  }
  .map-des2 {
    padding-right: 10vw;
  }
  #main h1 {
    font-size: 170%;
    line-height: 1;
  }
  #main h1 span {
    margin-top: 2vw;
  }
}

@media (max-width: 575px){
  
}