@charset "utf-8";

/* ====================================================
.business
==================================================== */
.business {}
/* .business-mv
-------------------------*/
.business-mv {}
/* .business-first
-------------------------*/
.business-first.business-contents {
  position: relative;
  margin-top: 4.978vw;
  padding-bottom: 18.082vw;
}
.business-first.business-contents:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: inline-block;
  width: 100%;
  height: 38.58vw;
  margin: 0 auto;
  background: url(../img/business/business_bg.webp) no-repeat center top / cover;
  content: "";
}
.business-first.business-contents .business-box {
  justify-content: center;
}
.business-first.business-contents .business-box .business-txt {
  width: 36.9%;
  margin-right: 8.2%;
}
.business-first.business-contents .business-box .business-txt h2 {
  margin-bottom: 65px;
  font-size: var(--font-size30);
  font-weight: bold;
  letter-spacing: -0.01em;
}
.business-first.business-contents .business-box .business-txt h2 span {
  display: block;
  padding-top: 15px;
  font-size: var(--font-size18);
  font-weight: normal;
}
.business-first.business-contents .business-box .business-txt p {
  font-size: var(--font-size16);
}
.business-first.business-contents .business-box .business-txt p:not(:last-child) {
  margin-bottom: 25px;
}
.business-first.business-contents .business-box .business-img {
  width: 32.44%;
}
@media (max-width: 1024px) {
  .business-first.business-contents {
    margin-top: 60px;
    padding: 0 40px 18.082vw;
  }
  .business-first.business-contents .business-box {
    justify-content: space-between;
  }
  .business-first.business-contents .business-box .business-txt {
    width: 45%;
  }
  .business-first.business-contents .business-box .business-txt h2 {
    margin-bottom: 50px;
  }
  .business-first.business-contents .business-box .business-img {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .business-first.business-contents {
    margin-top: 53px;
    padding: 0 7.2% 308px;
  }
  .business-first.business-contents:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: inline-block;
    width: 100%;
    height: 140.533vw;
    margin: 0 auto;
    background: url(../img/business/business_bg_sp.webp) no-repeat center bottom / cover;
    content: "";
  }
  .business-first.business-contents .business-box {
    display: block;
  }
  .business-first.business-contents .business-box .business-txt {
    width: 100%;
    margin-right: 0;
  }
  .business-first.business-contents .business-box .business-txt h2 {
    margin-bottom: 44px;
    font-size: var(--font-size22);
  }
  .business-first.business-contents .business-box .business-txt h2 span {
    font-size: var(--font-size17);
  }
  .business-first.business-contents .business-box .business-txt p {
    font-size: var(--font-size15);
  }
  .business-first.business-contents .business-box .business-img {
    width: 100%;
    margin-bottom: 50px;
  }
}
/* .business-sec
-------------------------*/
.business-sec.business-contents {
  padding-top: 111px;
}
.business-sec.business-contents .business-box_ttl {
  margin-bottom: 78px;
  text-align: center;
}
.business-sec.business-contents .business-box_ttl h3 {
  font-size: var(--font-size34);
  font-weight: bold;
}
.business-sec.business-contents .business-box {
  margin-bottom: 120px;
  justify-content: flex-end;
}
.business-sec.business-contents .business-box .business-txt {
  width: 31.49%;
  margin-right: 7.55%;
}
.business-sec.business-contents .business-box .business-txt h4 {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
  font-size: var(--font-size37);
  font-weight: bold;
  line-height: 1;
}
.business-sec.business-contents .business-box .business-txt h4 span.num {
  display: inline-block;
  padding-right: 29px;
  color: var(--c-red1);
  font-size: var(--font-size80);
  font-weight: bold;
}
.business-sec.business-contents .business-box .business-txt p {
  margin-bottom: 25px;
  font-size: var(--font-size16);
}
.business-sec.business-contents .business-box .business-txt .external-link_btn {
  max-width: 430px;
  margin: 40px auto 0;
  border: 1px solid var(--c-red1);
  border-radius: 5px;
  background-color: #fff;
  font-size: var(--font-size18);
  text-align: center;
  color: var(--c-red1);
}
.business-sec.business-contents .business-box .business-txt .external-link_btn a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5% 3%;
}
.business-sec.business-contents .business-box .business-txt .external-link_btn a:after {
  display: inline-block;
  width: 12.18px;
  height: 12.19px;
  margin: 0 0 5px 13px;
  background-image: url(../img/common/arrow_03.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.business-sec.business-contents .business-box .business-img {
  width: 49.79%;
}
.business-sec.business-contents .business-box.business-box02,
.business-sec.business-contents .business-box.business-box04 {
  flex-direction: row-reverse;
}
.business-sec.business-contents .business-box.business-box02 .business-txt,
.business-sec.business-contents .business-box.business-box04 .business-txt {
  margin-left: 7.55%;
}
.business-sec.business-contents .business-box.business-box04 {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .business-sec.business-contents {
    padding: 111px 40px 0;
  }
  .business-sec.business-contents .business-box {
    justify-content: space-between;
  }
  .business-sec.business-contents .business-box .business-txt {
    width: 43%;
    margin-right: 0;
  }
  .business-sec.business-contents .business-box .business-txt .external-link_btn {
    font-size: var(--font-size15);
  }
}
@media (max-width: 767px) {
  .business-sec.business-contents {
    padding: 75px 7.2% 0;
  }
  .business-sec.business-contents .business-box_ttl {
    margin-bottom: 70px;
  }
  .business-sec.business-contents .business-box_ttl h3 {
    font-size: var(--font-size22);
  }
  .business-sec.business-contents .business-box {
    display: block;
    margin-bottom: 70px;
  }
  .business-sec.business-contents .business-box .business-txt {
    width: 100%;
    margin-bottom: 40px;
  }
  .business-sec.business-contents .business-box.business-box02 .business-txt,
  .business-sec.business-contents .business-box.business-box04 .business-txt {
    margin-left: 0;
  }
  .business-sec.business-contents .business-box .business-txt h4 {
    font-size: var(--font-size24);
  }
  .business-sec.business-contents .business-box .business-txt h4 span.num {
    padding-right: 18px;
    font-size: var(--font-size52);
  }
  .business-sec.business-contents .business-box .business-txt p {
    font-size: var(--font-size15);
  }
  .business-sec.business-contents .business-box .business-img {
    width: 100%;
  }
}