/* (min-width: 1201px) */
@charset "UTF-8";

.wi {
  grid-template-columns: 1fr;
}

.wi2 {
  grid-template-columns: repeat(2, 1fr);
}

.wi3 {
  grid-template-columns: repeat(3, 1fr);
}

.wi4 {
  grid-template-columns: repeat(4, 1fr);
}

.wi5 {
  grid-template-columns: repeat(5, 1fr);
}

.wi6 {
  grid-template-columns: repeat(6, 1fr);
}

.bgbox {
  width: 35%;
  left: 35%;
}

header.inner {
  padding: 20px 3vw;
}

.banbox .video {
  width: 80vw;
  transform: translateX(20vw);
}

.bbox {
  top: 15%;
}

.banner h4 {
  font-size: 3.0rem;
}

.banner p {
  font-size: 1.5rem;
  margin-top: 1%;
}

.banner2 {
  grid-template-columns: 200px 200px;
  row-gap: 15%;
}

.banner2 figcaption {
  font-size: 1.4rem;
  margin-top: 3%;
}

@media (min-width:1500px) {
  .banbox .video {
    width: 60vw;
    transform: translateX(40vw);
  }

  .bbox {
    top: 8%;
  }

  .banner {
    margin-bottom: 2%;
  }

  .banner2 {
    row-gap: 5%;
  }
}

@media (min-width:1800px) {
  .banbox .video {
    width: 40vw;
    transform: translateX(60vw);
  }
}

.banner2 a {
  height: 2.8rem;
  line-height: 2.8rem;
  padding: 0 30px;
  border-radius: 1.4rem;
}

.vwebp {
  display: none;
}

.video {
  display: block;
}

.Service {
  gap: 6vw 0;
}

.Service figure img {
  width: 6vw;
}

.Service figcaption {
  margin-top: 2vw;
}

.one {
  grid-template-columns: 20% 80%;
  gap: 0;
}

.one span {
  margin-top: 5vw;
  padding-left: 10vw;
}

.one img.oneimg {
  transform: translateX(-20vw);
}

.one span.onetext {
  transform: translateX(80vw);
}

.cases {
  column-count: 4;
}

.reviews .box {
  width: 2000px;
  grid-template-columns: repeat(6, 1fr);
}

@media (min-width:1600px) {
  .reviews .box {
    width: 100%;
  }
}

.main p a {
  width: 140px;
  height: 44px;
  line-height: 44px;
}