.apply {
  width: 100%;
}
  .apply__inner {
    width: 95%;
    max-width: 800px;
    margin: 40px auto;
  }
    .apply__title {
      font-size: 2.8rem;
      font-weight: bold;
    }
    .apply__page {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 0.5em;
      margin-top: 40px;
      padding: 2em 2.5em;
      background: #fff;
      border-radius: 8px;
      box-shadow: var(--shadow);
    }
      .apply__head {
        grid-column: 1 / -1;
        margin-top: 1em;
        font-size: 1.8rem;
        font-weight: bold;
      }
        .apply__head>div {
          font-size: 1.4rem;
          font-weight: normal;
        }
      .apply__sub {
        grid-column: span 1;
        text-align: right;
        font-weight: bold;
      }
      .apply__input {
        grid-column: 1 / -1;
        padding: 0.2em 0.4em;
      }
        .apply__input--sub {
          grid-column: span 3;
        }
        .apply__input--sub2 {
          grid-column: span 1;
        }
      .apply__text {
        grid-column: span 2;
      }
      .apply__check {
        grid-column: 1 / -1;
        margin-top: 2em;
        text-align: center;
        font-size: 1.8rem;
      }
      .apply__button {
        grid-column: 1 / -1;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 80%;
        max-width: 350px;
        margin: 1em auto;
        padding: 0.6em 0;
        background: var(--orange);
        border-radius: 8px;
        box-shadow: var(--shadow);
        color: #fff;
        font-size: 1.8rem;
        font-weight: bold;
        cursor: pointer;
      }

@media screen and (max-width: 767px) {
  .apply__title {
    font-size: 1.8rem;
    font-weight: bold;
  }
  .apply__page {
    grid-template-columns: 1fr 3fr;
    gap: 0.4em;
    margin-top: 20px;
    padding: 1em 1.5em;
  }
    .apply__head {
      margin-top: 0.5em;
      font-size: 1.6rem;
    }
    .apply__sub {
      grid-column: span 1;
    }
      .apply__input--sub {
        grid-column: span 1;
      }
      .apply__input--sub2 {
        grid-column: span 1;
      }
    .apply__text {
      grid-column: span 2;
    }
    .apply__check {
      font-size: 1.4rem;
    }
}