.md-cont-wrap {
  padding-block: 3.125rem;
  @media (width < 768px) {
    padding: 0;
  }
}
.md-cont {
  background-color: #fff;
  border-radius: 10px;
  padding: 3.125rem 1.875rem 3.75rem;
  @media (width < 768px) {
    padding: 20px 18px;
  }

  p {
    font-size: 1rem;
    line-height: 1.875;
    & + p {
      margin-top: 1rem;
    }
  }

  .md-required {
    color: #e51717;
  }

  .fz-small {
    font-size: 0.875rem;
  }
  .fz-xsmall {
    font-size: 0.75rem;
  }

  .md-page_title {
    margin-block-end: 2rem;
    font-size: 1.6875rem;
    border-bottom: 3px solid #36ab36;
    line-height: 1.3913;
    @media (width < 768px) {
      margin-block-end: 1.5625rem;
      font-size: 1.4375rem;
    }
    &::after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: #fcea3e;
      margin-block: 10px 3px;
    }
  }
  .md-page_description {
    line-height: 1.625;
  }

  .md-termsofuse {
    margin-block-start: 1.5rem;
    @media (width < 768px) {
      margin-block-start: 1.25rem;
    }

    .md-termsofuse_title {
      border-left: 4px solid #ffaa37;
      font-size: 1.25rem;
      padding-inline-start: 12px;
    }
    .md-termsofuse_cont {
      margin-block-start: 1.5rem;
      background-color: #f8f8f8;
      padding: 1.5rem 1.875rem;
      @media (width < 768px) {
        margin-block-start: 1.125rem;
        padding: 1.125rem 1rem;
      }
      p {
        line-height: 1.7857;
      }
      .md-note {
        margin-block-start: 1.5rem;
        @media (width < 768px) {
          margin-block-start: 1rem;
        }
      }
    }
  }
  .md-form-wrap {
    width: 100%;
  }
  .md-form {
    margin-block-start: 1.875rem;
    @media (width < 768px) {
      margin-block-start: 1.5625rem;
    }
  }
  .md-form_item_set {
    > * {
      border-bottom: 2px solid #fff;
    }
  }
  .md-form_name {
    background-color: #ffdb34;
    font-weight: 700;
    text-align: center;
    min-width: calc(8em + 3rem);
    font-size: 1rem;
    @media (width < 768px) {
      padding-block: 15px;
    }
  }
  .md-form_input {
    width: 100%;
    background-color: #f8f8f4;
    font-size: 1rem;
    word-break: break-all;
    @media (width < 768px) {
      padding: 20px 15px;
    }
    p {
      line-height: 1.625;
      & + label {
        margin-block-start: .5rem;
      }
    }
    label {
      display: flex;
      align-items: center;
    }
    input[type="checkbox"] {
      width: 16px;
      height: 16px;
      border-radius: 0;
      margin-inline-end: .5rem;
    }
    input[type="text"], input[type="email"] {
      border: 1px solid #afafaf;
      background-color: #fff;
      padding: 0.5rem;
      max-width: 458px;
      width: 100%;
      &[readonly] {
        background: none;
        border: none;
        padding: 0;
        color: #333;
        &:focus-within {
          outline: none;
        }
      }
    }
    .md-error {
      color: #e51717;
      font-size: 0.875rem;
      font-weight: 700;
      line-height: 1.7143;
      margin-block-start: 0.5rem;
      &:empty {
        margin-block-start: 0;
      }
    }
    .md-retype {
      margin-block: .5rem;
    }
  }
  .md-form_buttonset {
    margin-block-start: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    @media (width < 768px) {
      margin-block-start: 24px;
      flex-direction: column;
    }
    button {
      font-weight: 400;
      color: #333;
      cursor: pointer;
      margin: 1rem 12px 0;
      position: relative;
      font-size: 1.25rem;
      width: 224px;
      height: 60px;
      border-radius: 10px;
      border: 1px solid #e6e6e6;
      background-image: linear-gradient(
        180deg,
        hsl(0deg 0% 100%) 0%,
        hsl(344deg 0% 99%) 10%,
        hsl(344deg 0% 99%) 20%,
        hsl(344deg 0% 98%) 30%,
        hsl(344deg 0% 97%) 40%,
        hsl(0deg 0% 97%) 50%,
        hsl(344deg 0% 96%) 60%,
        hsl(344deg 0% 95%) 70%,
        hsl(344deg 0% 95%) 80%,
        hsl(344deg 0% 94%) 90%,
        hsl(0deg 0% 93%) 100%
      );
      &:hover {
        background-image: linear-gradient(
          180deg,
          hsl(0deg 0% 100%) 0%,
          hsl(344deg 0% 100%) 11%,
          hsl(344deg 0% 99%) 22%,
          hsl(344deg 0% 99%) 33%,
          hsl(344deg 0% 99%) 44%,
          hsl(344deg 0% 98%) 56%,
          hsl(344deg 0% 98%) 67%,
          hsl(344deg 0% 98%) 78%,
          hsl(344deg 0% 97%) 89%,
          hsl(0deg 0% 97%) 100%
        );
      }
      &::before {
        content: '';
        display: block;
        width: 15px;
        height: 18px;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        background-color: #7ebf26;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin-inline-start: 18px;
        margin-block: auto;
      }
      @media (width < 768px) {
        width: 100%;
      }
    }
  }
  @media (768px <= width) {
    .md-form-wrap {
      display: table;
      .md-form_item_set {
        display: table-row;
        > * {
          display: table-cell;
          padding: 1.5rem;
        }
        .md-form_name {
          border-right: 2px solid #fff;
        }
      }
    }
  }
}

#dlform .box, #dlform2 .box {
  max-width: 1000px;
  width: 100%;
  margin: 0;
  @media (width < 768px) {
    padding-inline: 1.125rem;
  }
}

.boxType05 .innerWrap {
  background: #f8f8f8;
}

@media (width < 768px) {
  #dlform2 {
   padding: 0;
  }
}