#cat-portal-intro-nav-01 li {
  width: 24.4%;
  margin: 0 0 8px;
}

@media screen and (min-width: 769px ) {
  .detail-btn {
    width: 200px;
    margin: 40px auto 100px;
    text-align: center;
    border-radius: 50px;
    background-color: #639;
    color: #fff;
    padding: 1em;
    cursor: pointer;
  }
  .open-speclist-btn {
    background: #639;
  }
}
@media screen and (max-width: 768px ) {
  .open-speclist-btn,
#pc .open-speclist-btn,
#sp .open-speclist-btn,
#pc span.close-btn {
    background: #639;
  }
}
@media screen and (min-width: 769px ) {
  span.close-btn {
    background: #639;
  }
  .detail-btn {
    width: 80%;
    margin: 2em auto;
    text-align: center;
    border-radius: 50px;
    background-color: #639;
    color: #fff;
    padding: 1em;
    cursor: pointer;
  }
}
.cat-portal-intro-nav-01-img-01 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-01) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-02 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-02) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-03 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-03) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-04 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-04) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-05 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-05) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-06 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-06) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-07 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-07) no-repeat;
  background-size: cover;
}

.cat-portal-intro-nav-01-img-08 {
  background: url(/-/media/Images/product/video-software/intro-nav-01-img-08) no-repeat;
  background-size: cover;
}

.cat-portal-product {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.cat-portal-product a:hover {
  opacity: 0.8;
}

.cat-portal-product-description {
  flex: 1 0 auto;
}

#ph_content_top {
  padding: 0px;
  margin: 0;
  font-size: 0;
  background: #000;
}

#cat-portal-catch .cat-portal-catch-inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
#cat-portal-catch .cat-portal-catch-inner video {
  width: 100%;
}
#cat-portal-catch #video-play-button {
  display: none;
  position: absolute;
  left: 12px;
  bottom: 10px;
  background: #471a52;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 0.3em 1.5em;
  cursor: pointer;
  z-index: 100;
}