/* nav
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
.group .nav-four {
  position: absolute;
  left: 50%;
  top: 276px;
  width: 980px;
  height: auto;
  margin-left: -490px;
  z-index: 30;
}
.group .nav-four .btn {
  float: left;
  width: 234px;
  margin-left: 14px;
}
.group .nav-four .btn:first-child {
  margin-left: 0;
}
.group .nav-four .btn .is-active {
  opacity: 0.8;
}

.group .nav-two {
  position: absolute;
  left: 50%;
  top: 280px;
  width: 980px;
  height: auto;
  margin-left: -490px;
  z-index: 30;
}
.group .nav-two .btn {
  float: left;
  width: 480px;
  margin-left: 14px;
}
.group .nav-two .btn:first-child {
  margin-left: 0;
}
.group .nav-two .btn .is-active {
  opacity: 0.8;
}

/* 768px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 768px) {
  .group .nav-two,
  .group .nav-four {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    margin-left: 0;
    z-index: 30;
  }
  .group.domestic .nav-four {
    padding-top: 230px;
  }
  .group.overseas .nav-two {
    padding-top: 230px;
  }
  .group .nav-two img,
  .group .nav-four img {
    width: 100%;
  }
  .group .nav-four .btn {
    float: left;
    width: 24%;
    margin-left: 1.3%;
  }
  .group .nav-two .btn {
    float: left;
    width: 48%;
    margin-left: 4%;
  }
  .group .contents {
    padding-top: 44px;
  }
}

/* 568px以下
- - - - - - - - - - - - - - - - - - - - - - - - - - - */
@media only screen and (max-width: 568px) {
  .group.domestic .nav-four {
    padding-top: 230px;
  }
  .group.overseas .nav-two {
    padding-top: 230px;
  }
} /* 0 - 568 */