/* (min-width: 901px) and (max-width: 1200px) */
@charset "UTF-8";

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

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

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

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

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

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

.bgbox {
  width: 45%;
  left: 25%;
}

.banbox .video {
  width: 90vw;
  transform: translateX(10vw);
}

.bbox {
  top: 15%;
}

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

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

.banner2 {
  grid-template-columns: 18% 18%;
  row-gap: 10%;
}

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

.banner2 a {
  height: 2.4rem;
  line-height: 2.4rem;
  padding: 0 25px;
  border-radius: 1.2rem;
}

.vwebp {
  display: none;
}

.video {
  display: block;
}

.Service {
  margin-top: 8vw;
  gap: 6vw 0;
}

.Service figure img {
  width: 7vw;
}

.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);
}

.process2 {
  padding: 0 5vw;
}

.cases {
  column-count: 4;
}

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

.main p a {
  width: 132px;
  height: 40px;
  line-height: 40px;
}