.c-page-title {
  --bgi: url("/_assets/service/img/ttl-main.svg");
}
@media only screen and (max-width: 768px) {
  .c-page-title .c-page-title-en {
    left: -5.4545454545vw;
    top: -9.3181818182vw;
    width: 19.0909090909vw;
  }
}
@media print, screen and (min-width: 769px) {
  .c-page-title .c-page-title-en {
    left: -55px;
    top: -51px;
    width: 114px;
  }
}

@media only screen and (max-width: 768px) {
  .c-mv {
    --bgi: url("/_assets/service/img/img-main_sp.jpg");
    margin-bottom: 15.2272727273vw;
  }
}
@media print, screen and (min-width: 769px) {
  .c-mv {
    --bgi: url("/_assets/service/img/img-main.jpg");
    margin-bottom: 96px;
  }
}

.p-banners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .p-banners {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13.6363636364vw;
    margin-bottom: 19.0909090909vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-banners {
    gap: 98px;
    margin-bottom: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .p-banners .p-banner {
    width: 464px;
  }
}
.p-banners .p-banner:first-child .p-banner-image p {
  background: rgba(0, 159, 232, 0.7);
}
.p-banners .p-banner:last-child .p-banner-image p {
  background: rgba(200, 0, 18, 0.7);
}
.p-banners .p-banner .p-banner-image {
  position: relative;
}
.p-banners .p-banner .p-banner-image img {
  height: auto;
  width: 100%;
}
.p-banners .p-banner .p-banner-image a {
  display: block;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .p-banners .p-banner .p-banner-image a:hover p {
    opacity: 1;
  }
}
.p-banners .p-banner .p-banner-image p {
  font-size: 2.4rem;
  background: rgba(200, 0, 18, 0.7);
  color: #fff;
  display: -ms-grid;
  display: grid;
  font-weight: bold;
  height: 100%;
  left: 0;
  line-height: 1.75;
  opacity: 0;
  place-content: center;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 100%;
}
.p-banners .p-banner-cap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .p-banners .p-banner-cap {
    font-size: 3.6363636364vw;
    margin-top: 2.7272727273vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-banners .p-banner-cap {
    font-size: 1.6rem;
    margin-top: 18px;
  }
}
.p-banners .p-banner-cap i {
  background: url("/_assets/img/icon-arrow01.svg") no-repeat left top/cover;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .p-banners .p-banner-cap i {
    height: 3.6363636364vw;
    margin-left: 2.2727272727vw;
    width: 3.6363636364vw;
  }
}
@media print, screen and (min-width: 769px) {
  .p-banners .p-banner-cap i {
    height: 14px;
    margin-left: 8px;
    width: 14px;
  }
}