/*====================================*/
/* inquiry/ common */
/*====================================*/
main {
  padding-bottom: clamp(50px, calc(11px + 6.5vw), 102px);
}
.kv-header_ttl {
  & h1 {
    &::before {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      display: block;
      width: 12px;
      height: 100%;
      border-left: 12px solid var(--colA1);
    }
  }
}

/*====================================*/
/* inquiry */
/*====================================*/
.inquiry {
  .customer {
    margin-bottom: clamp(12px, calc(3px + 1.5vw), 24px);
    h3 {
      font-size: var(--font-size-20);
      font-weight: 600;
      padding-block: 12px;
      padding-inline: 21px;
      background-color: #dbf4ff;
      border-radius: 5px;
      margin-top: 0;
      margin-bottom: clamp(21px, calc(17.25px + 0.625vw), 26px);
    }
    p {
      margin-bottom: 0.5em;
    }
    .freedial {
      display: flex;
      align-items: flex-end;
      font-size: var(--font-size-18);
      font-weight: 600;
      margin-bottom: clamp(12px, calc(3px + 1.5vw), 24px);
      span.tel {
        font-size: var(--font-size-30);
      }
      span.notes-r.txt-l {
        font-size: var(--font-size-40);
        font-size: 5rem;
      }
    }
    .notes-cont {
      padding: 25px;
      margin-block: clamp(20px, calc(8px + 2vw), 36px);
      background-color: #f0f0f0;
      border-radius: 5px;
    }
  }
  @media (max-width: 576px) {
    .customer {
      .freedial {
        flex-wrap: wrap;
        justify-content: center;
        span.tel {
          font-size: var(--font-size-26);
        }
        span.notes-r.txt-l {
          font-size: var(--font-size-36);
        }
      }
    }
  }
}