#message {
  line-height: 1.8;
}
#information > dl {
  border-bottom: dotted 2px #ccc;
}
#information > dl > dt {
  width: 250px;
  font-weight: 400;
}
#information > dl > dt, #information > dl > dd {
  padding-top: 15px;
  padding-bottom: 15px;
  line-height: 1.7;
}

#information dd dt {
  width: 300px;
}

@media (max-width: 1199px){
  #about  {
    font-size: 1.4vw;
  }
  #message {
    line-height: 2.4vw;
  }
  #information > dl > dt {
    width: 25vw;
  }
  #information > dl > dt, #information > dl > dd {
    line-height: 2.2vw;
    font-size: 1.4vw;
  }
  #information dd dt {
    width: 30vw;
  }
}
@media (max-width: 767px){
  #about {
    font-size: 2.8vw;
  }
  #message {
    line-height: 5vw;
  }
  #information > dl > dt, #information > dl:last-child > dt {
    width: 100%;
  }
  #information > dl > dt, #information > dl > dd {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 4.5vw;
    font-size: 2.8vw;
  }
  #information > dl > dt {
    padding-bottom: 3px;
  }
  #information > dl > dd {
    padding-top: 0;
    padding-left: 6vw;
  }
  #information dd dt {
    width: 34vw;
  }
}

#info-nav a {
  height: 6vw;
  line-height: 6vw;
  transition:0.15s ease-in-out;
  background-size: 100%;
  background-position: center top;
}
#info-nav ul {
  position: absolute;
  top: -7vw;
}

@media (max-width: 1199px){
  #info-nav {
    font-size: 1.2vw;
  }
}

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

@media (max-width: 767px){
  #info-nav {
    font-size: 2vw;
  }
  #info-nav ul {
    top: -8vw;
  }
  #info-nav a {
    height: 8.5vw;
    line-height: 8.5vw;
  }
  #information dd dt {
    width: 55vw;
  }
}

/*#header {
  height: 28vw !important;
}
@media (max-width: 767px){
  #header {
    height: 70vw !important;
  }
}*/