section {
  width: 950px;
}

#hero-container {
  width: 100%;
  min-width: 950px;
  height: 39vw;
  min-height: 390px;
  background-color: rgb(15, 13, 14);
  padding: 50px;
  margin-bottom: 50px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.hero {
  position: absolute;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .7s;
}
#hero1 {
  background-image: url('../images/index/hero1.jpg');
  opacity: 1;
}
#hero2 {
  background-image: url('../images/index/hero2.jpg');
  opacity: 0;
}
#hero3 {
  background-image: url('../images/index/hero3.jpg');
  opacity: 0;
}
#hero4 {
  background-image: url('../images/index/hero4.jpg');
  opacity: 0;
}
#hero5 {
  background-image: url('../images/index/hero5.jpg');
  opacity: 0;
}

.main-menu {
  display: flex;
  width: 950px;
  height: 191px;
  margin-bottom: 50px;
  text-decoration: none;
  font-family:
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  transition: all .4s;
}
.main-menu:hover {
  transform: scale(1.02);
}
.main-menu-image {
  width: 592px;
  height: 191px;
  position: relative;
}
.main-menu-image img {
  width: 100%;
}
.main-menu-image div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 190.7px;
  font-size: 32px;
  color: #111;
  font-weight: bold;
  text-shadow:
    white 2px 0px 6px, white -2px 0px 6px,
    white 0px -2px 6px, white -2px 0px 6px,
    white 2px 2px 6px, white -2px 2px 6px,
    white 2px -2px 6px, white -2px -2px 6px,
    white 1px 2px 6px, white -1px 2px 6px,
    white 1px -2px 6px, white -1px -2px 6px,
    white 2px 1px 6px, white -2px 1px 6px,
    white 2px -1px 6px, white -2px -1px 6px,
    white 1px 1px 6px, white -1px 1px 6px,
    white 1px -1px 6px, white -1px -1px 6px;
}
.main-menu-text {
  width: 358px;
  height: 191px;
  box-sizing: border-box;
  padding: 50px 30px;
  line-height: 45px;
  font-size: 24px;
  color: white;
  font-weight: bold;
}
.main-menu-text.three-columns {
  padding: 35px 30px;
  line-height: 38px;
}
#main-menu1:hover {
  box-shadow: 0 0 8px rgb(33,143,206);
}
#main-menu1 .main-menu-text {
  background-color: rgb(33,143,206);
}
#main-menu2:hover {
  box-shadow: 0 0 8px rgb(246,149,34);
}
#main-menu2 .main-menu-text {
  background-color: rgb(246,149,34);
}
#main-menu3:hover {
  box-shadow: 0 0 8px rgb(58,183,83);
}
#main-menu3 .main-menu-text {
  background-color: rgb(58,183,83);
}

#contact-information dl {
  width: 760px;
  margin: 0 auto 40px auto;
  padding: 0;
  line-height: 2em;
}
#contact-information dt {
  float: left;
  width: 135px;
  padding: 10px 0;
}
#contact-information dt::after {
  content: ":";
}
#contact-information dd {
  margin-left: 135px;
  padding: 10px 0;
}