.virtual {
  padding-top: 14.2857142857vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.8571428571vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .virtual {
    padding-top: 26.6666666667vw;
    gap: 5.3333333333vw;
    padding-inline: 4vw;
  }
}

.gear {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.gear img {
  width: 100%;
}

.hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .hero {
    display: block;
    margin-bottom: 0;
  }
}
.hero h1 {
  font-size: 4.2857142857vw;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-top: 1.7142857143vw;
}
@media screen and (max-width: 768px) {
  .hero h1 {
    font-size: 8vw;
    margin-top: 4vw;
  }
}
.hero__mainText {
  font-size: 2.8571428571vw;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin-top: 1.1428571429vw;
}
@media screen and (max-width: 768px) {
  .hero__mainText {
    font-size: 4.8vw;
    margin-top: 2.6666666667vw;
  }
}
.hero__lead {
  font-size: 2.2857142857vw;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  margin-top: 1.1428571429vw;
}
@media screen and (max-width: 768px) {
  .hero__lead {
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
  }
}
.hero__colab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.hero__colab span {
  font-size: 1.4285714286vw;
  font-weight: 500;
  margin-right: 0.7142857143vw;
}
@media screen and (max-width: 768px) {
  .hero__colab span {
    font-size: 3.2vw;
    margin-right: 1.3333333333vw;
  }
}
.hero__colabImg {
  width: 15.4285714286vw;
}
@media screen and (max-width: 768px) {
  .hero__colabImg {
    width: 40vw;
  }
}

.tft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 71.4285714286vw;
  background-color: #fff;
  border-radius: 0.7142857143vw;
  padding-block: 3.5714285714vw;
}
@media screen and (max-width: 768px) {
  .tft {
    width: 100%;
    padding-block: 5.3333333333vw;
  }
}
.tft__logo {
  width: 50vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .tft__logo {
    width: 80%;
  }
}
.tft__img {
  margin-top: 1.4285714286vw;
  width: 50vw;
}
@media screen and (max-width: 768px) {
  .tft__img {
    margin-top: 2.6666666667vw;
    width: 80%;
    max-width: 93.3333333333vw;
  }
}

.mcp1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 71.4285714286vw;
  background-color: #fff;
  border-radius: 0.7142857143vw;
  padding-block: 3.5714285714vw;
}
@media screen and (max-width: 768px) {
  .mcp1 {
    width: 100%;
    padding-block: 6.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.mcp1__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7142857143vw;
  font-size: 4.2857142857vw;
  font-weight: 500;
  color: #e60012;
  font-family: "Futura";
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .mcp1__logo {
    font-size: 6.4vw;
    gap: 1.3333333333vw;
  }
}
.mcp1__logo span {
  background-color: #e60012;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.7142857143vw;
  height: 4.7142857143vw;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .mcp1__logo span {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
.mcp1__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mcp1__content h3 {
  font-size: 2.1428571429vw;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: 1.7142857143vw;
  background-color: #e60012;
  color: #fff;
  width: 50vw;
}
@media screen and (max-width: 768px) {
  .mcp1__content h3 {
    font-size: 4vw;
    margin-top: 4vw;
    width: 80%;
    max-width: 93.3333333333vw;
  }
}
.mcp1__content p {
  height: 4.2857142857vw;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.7142857143vw;
  font-weight: bold;
  text-align: center;
  margin-top: 1.1428571429vw;
  color: #e60012;
}
@media screen and (max-width: 768px) {
  .mcp1__content p {
    height: auto;
    min-height: 8vw;
    font-size: 2.6666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.mcp1__content p span {
  font-size: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .mcp1__content p span {
    font-size: 2.1333333333vw;
  }
}
.mcp1__img {
  margin-top: 1.4285714286vw;
  width: 50vw;
}
@media screen and (max-width: 768px) {
  .mcp1__img {
    margin-top: 2.6666666667vw;
    width: 80%;
    max-width: 93.3333333333vw;
  }
}

.mcp3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 71.4285714286vw;
  background-color: #fff;
  border-radius: 0.7142857143vw;
  padding-block: 3.5714285714vw;
}
@media screen and (max-width: 768px) {
  .mcp3 {
    width: 100%;
    padding-block: 6.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.mcp3__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.7142857143vw;
  font-size: 4.2857142857vw;
  font-weight: 500;
  color: #009e96;
  font-family: "Futura";
  font-style: italic;
}
@media screen and (max-width: 768px) {
  .mcp3__logo {
    font-size: 6.4vw;
    gap: 1.3333333333vw;
  }
}
.mcp3__logo span {
  background-color: #009e96;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 4.7142857143vw;
  height: 4.7142857143vw;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .mcp3__logo span {
    width: 6.9333333333vw;
    height: 6.9333333333vw;
  }
}
.mcp3__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mcp3__content h3 {
  font-size: 2.1428571429vw;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-top: 1.7142857143vw;
  background-color: #009e96;
  color: #fff;
  width: 50vw;
}
@media screen and (max-width: 768px) {
  .mcp3__content h3 {
    font-size: 4vw;
    margin-top: 4vw;
    width: 80%;
    max-width: 93.3333333333vw;
  }
}
.mcp3__content p {
  height: 3.2142857143vw;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.7142857143vw;
  font-weight: bold;
  text-align: center;
  margin-top: 1.1428571429vw;
  color: #009e96;
  border: solid 0.0714285714vw #009e96;
  width: 50vw;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .mcp3__content p {
    height: auto;
    min-height: 8vw;
    font-size: 3.2vw;
    margin-top: 2.6666666667vw;
    border: solid 0.2666666667vw #009e96;
    width: 80%;
    max-width: 93.3333333333vw;
    border-radius: 4vw;
  }
}
.mcp3__content p span {
  font-size: 1.4285714286vw;
}
@media screen and (max-width: 768px) {
  .mcp3__content p span {
    font-size: 2.6666666667vw;
  }
}
.mcp3__img {
  margin-top: 1.4285714286vw;
  width: 50vw;
  background-color: black;
}
@media screen and (max-width: 768px) {
  .mcp3__img {
    margin-top: 2.6666666667vw;
    width: 80%;
    max-width: 93.3333333333vw;
  }
}

.tomica {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 71.4285714286vw;
  background-color: #fff;
  border-radius: 0.7142857143vw;
  padding-block: 3.5714285714vw;
}
@media screen and (max-width: 768px) {
  .tomica {
    width: 100%;
    padding-block: 6.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.tomica h2 {
  font-size: 2.8571428571vw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .tomica h2 {
    font-size: 5.3333333333vw;
  }
}

.btnWrap {
  text-align: center;
  padding-block: 3.5714285714vw;
  padding-inline: 1.0714285714vw;
}
@media screen and (max-width: 768px) {
  .btnWrap {
    padding-block: 8vw;
    padding-inline: 4vw;
  }
}
.btnWrap .btn {
  background-color: #000;
  width: 18.5714285714vw;
  color: #fff;
  max-width: 27.1428571429vw;
  width: 100%;
  display: inline-block;
  font-size: 1.4285714286vw;
  font-weight: bold;
  padding: 0.7142857143vw 1.4285714286vw;
  border: 0.0714285714vw solid #000;
  border-radius: 3.5714285714vw;
  -webkit-transform: 0.3s;
          transform: 0.3s;
}
.btnWrap .btn:hover {
  background-color: #fff;
  color: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .btnWrap .btn {
    font-size: 4.2666666667vw;
    padding: 2.6666666667vw 5.3333333333vw;
    border: 0.2666666667vw solid #000;
    border-radius: 13.3333333333vw;
    max-width: 80vw;
  }
}/*# sourceMappingURL=style.css.map */