@charset "UTF-8";
/* [ クレステック global ] setting */
/* [ クレステック gloal ] component */
body {
  font-family: "Be Vietnam Pro", sans-serif;
}

@media screen and (min-width: 1141px) {
  .techcomm, .sales, .localization, .printingdesign {
    padding-bottom: 3.02vw;
  }
}
@media only screen and (max-width: 1140px) {
  .techcomm, .sales, .localization, .printingdesign {
    padding-bottom: 5.21vw;
  }
}

.main-image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.main-image h1 {
  width: 100%;
  color: #fff;
}
@media screen and (min-width: 1141px) {
  .main-image {
    aspect-ratio: 18 / 5;
    background-position: top left;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 90px;
  }
  .main-image h1 {
    max-width: calc(1460px * 0.8);
    line-height: 1.064;
    padding: 0 1.39vw;
  }
}
@media only screen and (max-width: 1140px) {
  .main-image {
    aspect-ratio: 8 / 9;
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .main-image h1 {
    line-height: 1.25;
    padding-left: 8.75vw;
  }
}

@media screen and (min-width: 1141px) {
  .container:has(.techcomm) .main-image {
    background-image: url("../img/tech-comm/bg_main.jpg");
  }
}
@media only screen and (max-width: 1140px) {
  .container:has(.techcomm) .main-image {
    background-image: url("../img/tech-comm/bg_main_sp.jpg");
  }
}
@media screen and (min-width: 1141px) {
  .container:has(.sales) .main-image {
    background-image: url("../img/sales/bg_main.jpg");
  }
}
@media only screen and (max-width: 1140px) {
  .container:has(.sales) .main-image {
    background-image: url("../img/sales/bg_main_sp.jpg");
  }
}
@media screen and (min-width: 1141px) {
  .container:has(.localization) .main-image {
    background-image: url("../img/localization/bg_main.jpg");
  }
}
@media only screen and (max-width: 1140px) {
  .container:has(.localization) .main-image {
    background-image: url("../img/localization/bg_main_sp.jpg");
  }
}
@media screen and (min-width: 1141px) {
  .container:has(.printingdesign) .main-image {
    background-image: url("../img/printing-design/bg_main.jpg");
  }
}
@media only screen and (max-width: 1140px) {
  .container:has(.printingdesign) .main-image {
    background-image: url("../img/printing-design/bg_main_sp.jpg");
  }
}

.sub-text {
  width: 100%;
}
.sub-text p {
  font-weight: 500;
}
@media screen and (min-width: 1141px) {
  .sub-text {
    max-width: calc(1440px * 0.8);
    padding: 0 1.04vw;
    margin: 2.6vw auto 3.91vw;
  }
  .sub-text p {
    font-size: clamp(1.8rem, calc(1.15vw * 0.8), calc(2.2rem * 0.8));
    line-height: 1.818;
  }
}
@media only screen and (max-width: 1140px) {
  .sub-text {
    padding: 0 3.75vw;
    margin: 7.88vw auto 12.13vw;
  }
  .sub-text p {
    font-size: calc(28 * 1px);
    font-size: calc(calc(100 / 800) * 28 * 1vw);
    line-height: 1.714;
  }
}