:root {

  --white: #fff;
  --black: #000;
  --textBasic: #222;
  --color22: #222;
  --colordd: #ddd;
  --color44: #444;
  --color66: #666;
  --colorf7: #F7F7F7;
  --coloref: #eff1f3;
  --color27: #2765C8;
  --colorb2: #B2BECA;

}

.img-box {
  max-width: 100%;
  margin: 0 auto;
}

.pc-img {
  display: block;
}

.mo-img {
  display: none;
}

@media screen and (max-width:768px) {
  .pc-img {
    display: none;
  }

  .mo-img {
    display: block;
  }

}

.show-default {
  display: block !important;
}

.hide-default {
  display: none !important;
}

@media all and (max-width: 1000px) {
  .show-1000 {
    display: block !important;
  }

  .hide-1000 {
    display: none !important;
  }
}

@media all and (max-width: 768px) {
  .show-768 {
    display: block !important;
  }

  .hide-768 {
    display: none !important;
  }
}

@media all and (max-width: 640px) {
  .show-640 {
    display: block !important;
  }

  .hide-640 {
    display: none !important;
  }
}




.visual-box {
  position: relative;
  width: 100%;
  height: 630px;

}


.visual-box .inner {
  height: 100%;
}

.visual-box .title-box {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.visual-box .title-box h2 {
  color: var(--white);
  font-size: 5rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -0.2rem;
}

.visual-box.K01 {
  background: url('/affiliate/image/sub/bg_about.png') no-repeat center center/cover;
}

.visual-box.K02 {
  background: url('/affiliate/image/sub/bg_business.png') no-repeat center center/cover;
}

.visual-box.K03 {
  background: url('/affiliate/image/sub/bg_news.png') no-repeat center center/cover;
}

.visual-box.K04 {
  background: url('/affiliate/image/sub/bg_recruit.png') no-repeat center center/cover;
}

.visual-box.K05 {
  background: url('/affiliate/image/sub/bg_online.png') no-repeat center center/cover;
}

@media screen and (max-width:1200px) {
  .visual-box .title-box h2 {
    font-size: 4rem;
  }
}

@media screen and (max-width:768px) {

  .visual-box .title-box h2 {
    font-size: 2.5rem;
  }

  .visual-box.K01 {
    background: url('/affiliate/image/sub/bg_about_m.png') no-repeat center center/cover;
  }

  .visual-box.K02 {
    background: url('/affiliate/image/sub/bg_business_m.png') no-repeat center center/cover;
  }

  .visual-box.K03 {
    background: url('/affiliate/image/sub/bg_news_m.png') no-repeat center center/cover;
  }

  .visual-box.K04 {
    background: url('/affiliate/image/sub/bg_recruit_m.png') no-repeat center center/cover;
  }

  .visual-box.K05 {
    background: url('/affiliate/image/sub/bg_online_m.png') no-repeat center center/cover;
  }

}