/* p-trunk
---------------------------------------------------------------------------- */
.p-trunk {
  padding-block: 8rem 10rem;
}

.p-trunk-blocks {
  display: flex;
  flex-direction: column;
  gap: 7.2rem;
  margin-top: 5rem;
}

.p-trunk-block-wrapper {
  display: flex;
  align-items: center;
  gap: 0 6rem;
}

.p-trunk-block-wrap {
  flex: 1;
}

.p-trunk-block-wrap-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 2.8rem;
}

.p-trunk-block-wrapper-img {
  width: 45rem;
}
.p-trunk-block-wrapper-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-trunk-block-wrapper-img._01 {
  aspect-ratio: 450/278;
}

.p-trunk-block-wrapper-img._02 {
  aspect-ratio: 450/305;
}

.p-trunk-block-box {
  padding-block: 5rem;
  padding-inline: 5rem;
  background-color: #F8F8F8;
  margin-top: 3rem;
}

.p-trunk-block-box-groups {
  display: flex;
  flex-direction: column;
  gap: 3.8rem;
}

.p-trunk-block-box-group {
  display: flex;
  align-items: center;
  gap: 0 4rem;
}

.p-trunk-block-box-group-wrap {
  flex: 1;
}

.p-trunk-block-box-group-wrap-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 2rem;
}

.p-trunk-block-box-group-wrap-button {
  width: 34rem;
  height: 6rem;
  margin-top: 2.7rem;
}

.p-trunk-block-box-group-img {
  width: 29.9rem;
}
.p-trunk-block-box-group-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-trunk-block-box-group-img._01 {
  aspect-ratio: 299/199;
  border-radius: 3rem 0 3rem 0;
}

.p-trunk-block-box-group-img._02 {
  aspect-ratio: 299/218;
}

.p-trunk-block-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 2.8rem;
}

.p-trunk-block-img {
  width: 98rem;
  aspect-ratio: 980/414;
  margin-inline: auto;
  margin-top: 2.8rem;
}
.p-trunk-block-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.p-trunk-block-hedge {
  padding-block: 5rem;
  padding-inline: 8rem;
  background-color: #EAF0FD;
}

.p-trunk-block-hedge-items {
  display: flex;
  gap: 0 6rem;
  margin-top: 3.5rem;
}

.p-trunk-block-hedge-item {
  width: 49rem;
}

.p-trunk-block-hedge-item-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 1.8rem;
}

.p-trunk-block-hedge-item-button {
  width: 24rem;
  height: 6rem;
  margin-top: 2.8rem;
}

.p-trunk-block-button._digitization {
  width: 29.1rem;
  height: 6rem;
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .p-trunk {
    padding-block: 13.3333333333vw;
  }
  .p-trunk-blocks {
    margin-top: 8.5333333333vw;
    gap: 13.3333333333vw;
  }
  .p-trunk-block-wrapper {
    flex-direction: column;
    gap: 4.8vw;
  }
  .p-trunk-block-wrap-txt {
    font-size: 4.2666666667vw;
    margin-top: 6.1333333333vw;
  }
  .p-trunk-block-wrapper-img {
    width: 100%;
  }
  .p-trunk-block-box {
    padding-block: 8vw;
    padding-inline: 5.3333333333vw;
    margin-top: 6.1333333333vw;
  }
  .p-trunk-block-box-groups {
    gap: 7.4666666667vw;
  }
  .p-trunk-block-box-group {
    flex-direction: column;
    gap: initial;
  }
  .p-trunk-block-box-group-wrap {
    display: contents;
  }
  .p-trunk-block-box-group-wrap-txt {
    font-size: 4.2666666667vw;
    margin-top: 4.8vw;
  }
  .p-trunk-block-box-group-wrap-button {
    width: 100%;
    height: 23.2vw;
    margin-top: 5.3333333333vw;
    order: 1;
  }
  .p-trunk-block-box-group-wrap-button .m-lgs-btn-arrow {
    padding-inline: 5.3333333333vw;
  }
  .p-trunk-block-box-group-img {
    width: 100%;
    margin-top: 4.8vw;
  }
  .p-trunk-block-box-group-img._01 {
    border-radius: 8vw 0 8vw 0;
  }
  .p-trunk-block-txt {
    font-size: 4.2666666667vw;
    margin-top: 6.1333333333vw;
  }
  .p-trunk-block-img {
    width: 100%;
    aspect-ratio: 335/522;
    margin-top: 4.8vw;
  }
  .p-trunk-block-hedge {
    padding-block: 8vw;
    padding-inline: 5.3333333333vw;
  }
  .p-trunk-block-hedge-items {
    flex-direction: column;
    gap: 8.5333333333vw;
    margin-top: 6.6666666667vw;
  }
  .p-trunk-block-hedge-item {
    width: 100%;
  }
  .p-trunk-block-hedge-item-txt {
    font-size: 4.2666666667vw;
    margin-top: 4.8vw;
  }
  .p-trunk-block-hedge-item-button {
    width: 100%;
    height: 16vw;
    margin-top: 4.8vw;
  }
  .p-trunk-block-button._digitization {
    width: 100%;
    height: 16vw;
    margin-top: 4vw;
  }
}