.business-intro {
  padding-top: 80px;
  position: relative;
}
@media (max-width: 428px) {
  .business-intro {
    margin-top: 60px;
    padding-top: 0;
    padding-bottom: 48px;
    background-color: #475F9B;
  }
}
.business-intro--lead {
  font-size: 32px;
  line-height: 1.47;
  color: #002174;
}
@media (max-width: 428px) {
  .business-intro--lead {
    font-size: 24px;
    line-height: 1.48;
  }
}
.business-intro--txt {
  font-size: 15px;
  line-height: 2;
  margin-top: 28px;
}
@media (max-width: 428px) {
  .business-intro--txt {
    font-size: 14px;
    margin-top: 24px;
  }
}

.business-intro_deco {
  height: 52.1229868228vw;
  position: relative;
}
@media (max-width: 1238px) {
  .business-intro_deco {
    height: 645.2825768668px;
  }
}
@media (max-width: 428px) {
  .business-intro_deco {
    height: auto;
  }
}
.business-intro_deco--bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 71.4494875549vw;
  height: 49.1947291362vw;
  background-color: #475F9B;
  clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
  display: block;
}
@media (max-width: 1238px) {
  .business-intro_deco--bg {
    width: 884.5446559297px;
    height: 609.0307467057px;
  }
}
@media (max-width: 428px) {
  .business-intro_deco--bg {
    display: none;
  }
}
.business-intro_deco--img {
  position: absolute;
  top: 0;
  left: 0;
  width: 71.4494875549vw;
  height: 49.1947291362vw;
  background-image: url(../../img/business-intro-deco-img.png);
  background-size: cover;
  display: block;
}
@media (max-width: 1238px) {
  .business-intro_deco--img {
    width: 884.5446559297px;
    height: 609.0307467057px;
  }
}
@media (max-width: 428px) {
  .business-intro_deco--img {
    position: static;
    width: 100%;
    height: 160vw;
    background-image: url(../../img/business-business-deco-img-sp.png);
  }
}

.business-intro_txt {
  background-color: rgba(255, 255, 255, 0.92);
  padding: 64px;
  box-sizing: border-box;
  width: 667px;
  position: absolute;
  top: calc(50% + 40px);
  left: calc(50% - 64px);
  transform: translateY(-35%);
  opacity: 0;
  transition: 0.3s;
}
@media (max-width: 428px) {
  .business-intro_txt {
    position: relative;
    top: auto;
    left: auto;
    width: calc(100% - 40px);
    transform: translateY(40px);
    margin: -300px auto 0;
    padding: 48px 24px;
  }
}
.business-intro_txt.is_show {
  opacity: 1;
  transform: translateY(-50%);
}
@media (max-width: 428px) {
  .business-intro_txt.is_show {
    transform: none;
  }
}

.business-service {
  padding-bottom: 80px;
}
@media (max-width: 428px) {
  .business-service {
    padding-bottom: 60px;
  }
}
.business-service--service01 {
  padding-top: 80px;
}
@media (max-width: 428px) {
  .business-service--service01 {
    padding-top: 60px;
  }
}
.business-service--service02 {
  padding-top: 80px;
}
@media (max-width: 428px) {
  .business-service--service02 {
    padding-top: 60px;
  }
}
.business-service--wrap {
  height: 32.0644216691vw;
  position: relative;
  margin-top: 64px;
}
@media (max-width: 1238px) {
  .business-service--wrap {
    height: 396.9575402635px;
  }
}
@media (max-width: 428px) {
  .business-service--wrap {
    height: auto;
    margin-top: 48px;
    padding-top: 374px;
  }
}
.business-service--wrap.is_show:before {
  opacity: 1;
  transform: none;
}
.business-service--wrap.is_show .business-service--box {
  opacity: 1;
  transform: translateY(-50%);
}
@media (max-width: 428px) {
  .business-service--wrap.is_show .business-service--box {
    transform: none;
  }
}
.business-service--wrap:before {
  content: "";
  position: absolute;
  top: 0;
  width: 56.6617862372vw;
  height: 32.0644216691vw;
  background-size: cover;
  opacity: 0;
  transform: translateY(40px);
  transition: 0.3s;
}
@media (max-width: 1238px) {
  .business-service--wrap:before {
    width: 701.4729136164px;
    height: 396.9575402635px;
  }
}
@media (max-width: 428px) {
  .business-service--wrap:before {
    width: 100%;
    height: 112vw;
  }
}
.business-service--wrap-service01:before {
  left: 0;
  background-image: url(../../img/business-service-wrap-service01.png);
}
@media (max-width: 428px) {
  .business-service--wrap-service01:before {
    background-image: url(../../img/business-service-wrap-service01-sp.png);
  }
}
.business-service--wrap-service02:before {
  right: 0;
  background-image: url(../../img/business-service-wrap-service02.png);
}
@media (max-width: 428px) {
  .business-service--wrap-service02:before {
    background-image: url(../../img/business-service-wrap-service02-sp.png);
  }
}
.business-service--box {
  width: 790px;
  box-sizing: border-box;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-40%);
  opacity: 0;
  transition: 0.3s;
  transition-delay: 0.2s;
}
@media (max-width: 428px) {
  .business-service--box {
    width: calc(100% - 80px);
    position: relative;
    top: auto;
    transform: translateY(40px);
    margin: auto;
    background-image: none;
    background-color: rgba(255, 255, 255, 0.92);
  }
  .business-service--box:before {
    content: "";
    display: block;
    background-color: rgba(255, 255, 255, 0.92);
    width: 100%;
    height: 130px;
    position: absolute;
    top: -129px;
    left: 0;
  }
}
.business-service--box-service01 {
  padding: 40px 40px 40px 160px;
  left: calc(50% - 188px);
  background-image: url(../../img/business-service-box-service01.svg);
  background-position: 0% 0%;
}
@media (max-width: 428px) {
  .business-service--box-service01 {
    left: auto;
    padding: 30px 24px;
  }
}
@media (max-width: 428px) {
  .business-service--box-service01:before {
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
}
.business-service--box-service02 {
  padding: 40px 154px 40px 45px;
  right: calc(50% - 188px);
  background-image: url(../../img/business-service-box-service02.svg);
  background-position: 100% 100%;
}
@media (max-width: 428px) {
  .business-service--box-service02 {
    right: auto;
    padding: 30px 24px;
  }
}
@media (max-width: 428px) {
  .business-service--box-service02:before {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  }
}
.business-service--ttl {
  color: #002174;
  font-size: 24px;
  line-height: 1.46;
  font-weight: 500;
}
@media (max-width: 428px) {
  .business-service--ttl {
    font-size: 20px;
    line-height: 1.6;
  }
}
.business-service--desc {
  font-size: 15px;
  line-height: 1.87;
  margin-top: 40px;
}
@media (max-width: 428px) {
  .business-service--desc {
    font-size: 14px;
    line-height: 1.88;
    margin-top: 24px;
  }
}

/*# sourceMappingURL=business.css.map */