/*--------------------------
    ai_reform　準備中
--------------------------*/

.p-ai__detail .contents-detail.standby {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-ai__detail .contents-detail.standby .l-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 56px 0;
  justify-content: center;
  padding-block: 5em 7em;
}

.p-ai__detail .contents-detail.standby .frame-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 40px 0;
  justify-content: center;
  width: 100%;
}

.p-ai__detail .contents-detail.standby .frame-box:nth-child(n+2) {
  border-top: 1px solid #e1f0fd;
  padding-top: 56px;
}

.p-ai__detail .contents-detail.standby .title-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 24px 0;
  text-align: center;
}

.p-ai__detail .contents-detail.standby .title-box .text {
  background-color: #e1f0fd;
  padding-bottom: 4px;
  padding-inline: 24px;
  width: fit-content;
}

.p-ai__detail .contents-detail.standby .title-box .title {
  color: #0061b4;
  font-size: 3.5em;
  font-weight: 600;
  letter-spacing: .15em;
  line-height: 1;
}

.p-ai__detail .contents-detail.standby .text-box .text {
  display: block;
  font-size: 1em;
  line-height: 1.5;
  text-align: center;
}

.p-ai__detail .contents-detail.standby .button-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px 0;
}

.p-ai__detail .contents-detail.standby .button-box .contact-button,
.p-ai__detail .contents-detail.standby .top-button {
  margin-inline: auto;
  min-width: 560px;
}

.p-ai__detail .contents-detail.standby .top-button {
  align-items: center;
  background-color: #fff;
  border: 2px solid #0061B4;
  border-radius: 70px;
  display: flex;
  justify-content: center;
  margin-inline: auto;
  padding: 1.1em 3em 1.2em;
  position: relative;
  width: fit-content;
}

.p-ai__detail .contents-detail.standby .top-button:before {
  background-color: #0061B4;
  clip-path: polygon(
    60% 0,
    10% 50%,
    60% 100%,
    70% 90%,
    30% 50%,
    70% 10%
  );
  content: "";
  height: 20px;
  left: 5%;
  position: absolute;
  width: 20px;
}

.p-ai__detail .contents-detail.standby .top-button .text {
  color: #0061B4;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1;
}

.p-ai__detail .contents-detail.standby .top-button:hover {
  background-color: #0061B4;
}

.p-ai__detail .contents-detail.standby .top-button:hover:before {
  background-color: #fff;
}

.p-ai__detail .contents-detail.standby .top-button:hover .text {
  color: #fff;
}

@media screen and (max-width:767px) {
  .p-ai__detail .contents-detail.standby {
    height: unset;
    padding-block: 3em 5em;
  }

  .p-ai__detail .contents-detail.standby .l-wrapper {
    gap: 3em 0;
    padding-block: 2em 4em;
  }

  .p-ai__detail .contents-detail.standby .frame-box {
    gap: 2em 0;
  }

  .p-ai__detail .contents-detail.standby .frame-box:nth-child(n+2) {
    padding-top: 3em;
  }

  .p-ai__detail .contents-detail.standby .button-box {
    width: 100%;
  }

  .p-ai__detail .contents-detail.standby .button-box .text {
    text-align: center;
  }

  .p-ai__detail .contents-detail.standby .button-box .contact-button,
  .p-ai__detail .contents-detail.standby .top-button {
    min-width: unset;
    width: 100%;
  }

  .p-ai__detail .contents-detail.standby .top-button:before {
    height: 1em;
    width: 1em;
  }

  .p-ai__detail .contents-detail.standby .top-button .text {
    font-size: 1em;
  }
}