.main_img {
    z-index:4;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 24s 0s infinite;
    animation: anime 24s 0s infinite;
  }

  .main_h_img{
    display: inline-block;
  }

  .main_h_img_b{
    display: none;
  }

  .-scroll .main_h_img{
    display: none;
  }

  .-scroll .main_h_img_b{
    display: inline-block;
  }

  .category__flex{
    display: flex;
  }

  .top-post.-group.-margin-top{
    margin-bottom: 0px;
  }

  .sc-none{
    display: none;
  }

  .sc-show{
    display: inline-block;
  }

  .header.-scroll .sc-none{
    display: inline-block;
  }

  .header.-scroll .sc-show{
    display: none;
  }

  .header__lang-link._en_jp svg{
    width: 34px;
    height: 34px;
    margin: 5px 0px 0 0px;
  }

  .header.-scroll ._en_jp_j.header__language-item:not(:last-child):after, .header.-scroll ._en_jp_j.header__lang-item:not(:last-child):after {
    background-color: #333;
  }

  ._en_jp_j.header__language-item:not(:last-child):after, ._en_jp_j.header__lang-item:not(:last-child):after {
    content: '';
    position: absolute;
    top: 50%;
    right: -4px;
    width: 11px;
    height: 1px;
    background-color: #fff;
    transition: .2s;
}

  .breadcrumbs.-dark li{
    color: #3E3C3A;
  }

  .def-text.dis-f{
    display: flex;
  }
  .about-offset__text{
    letter-spacing: 0.06em;
  }
  .step-list__desc{
    letter-spacing: 0.06em;
  }
  a:hover .product__list-img img {
    transform: scale(1.1); }
    a:hover .product__list-img:after {
    visibility: visible;
    opacity: 1; }
@media (max-width: 768px){
  .def-text.dis-f{
    display: block
  }
}

   .main_img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }
@keyframes anime {
  0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    40% {
        opacity: 0;
         z-index:3;
    }
    100% { opacity: 0 }
}