@layer custom {

  input[type="number"] {
    padding-inline: var(--p-md);
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: var(--text-color);
    font-family: var(--family-noto);
    font-size: var(--text-md);
    border-radius: 3px;
    border: solid 1px var(--border-color);
    background-color: var(--contents-bg-color);
    max-width: 100px;
  }

  .page-form input:disabled,
  .page-form select:disabled {
    background-color: #fafafa;
    color: #999;
    -webkit-text-fill-color: #999;
    opacity: 1;
  }

  .page-form-title {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--red-02);
  }

  @media (min-width: 768px) {
    .page-form .page-contents {
      gap: 20px;
    }
  }

  .page-form .form-text {
    background: var(--border-color);
    text-align: center;
    font-size: var(--text-lg);
    padding: 1em;
  }
  
  .address-copy-checkbox+label {
    min-width: 200px;
  }
  .page-form .form .title::after {
    right: var(--p-lg);
    
  }
  @media (min-width: 768px) {
    .page-form .form .title {
      padding-right: 90px;
      padding-block: calc(var(--p-xl) + 10px) var(--p-xl);
    }
    .page-form .form .title::after {
      right: var(--p-lg);
      top: 44px;
    }
    .page-form .form .description {
      padding-block: var(--p-xl);
    }
  }

  @media (min-width: 768px) {
    .page-form .form .description .radio-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    }
    .page-form .form .description-name .block {
      grid-template-columns: 60px 1fr;
    }
    .page-form .form .description-name .block:has(input[name$='-position']) {
      grid-template-columns: 140px 1fr;
    }
  }

  .description .with-unit input {
    width: 75%;
  }

  .page-form .form .description-name .note-text {
    padding-block: 10px;
  }

  .page-form .submit {
    background: var(--gradation-red);
    border-radius: 10px;
  }
  .page-form .submit:hover {
    background: var(--contents-bg-color);
  }

  .page-form .submit::after {
    content: none;
  }

  .page-form .form .description-area .block {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
  @media (min-width: 768px) {
    .page-form .form .description-area .block {
        display: flex;
    }
  }

  .page-form .form .description-area .block .block-inner {
    align-items: center;
    display: flex;
    gap: var(--gap-sm);
    align-items: center;
    flex-wrap: wrap;
  }

  .page-form .form .description-area .block .block-inner .block-inner {
    flex-wrap: nowrap;
  }

  .page-form .form .description-area .block select {
    min-width: 100px;
  }
  @media (min-width: 768px) {
    .page-form .form .description-area .block select {
        min-width: 150px;
    }
  }

  .page-form .form .description-area .block .area-change {
    margin-left: auto;
    white-space: nowrap;
    font-size: var(--text-sm);
    cursor: pointer;
  }
  .page-form .form .description-area .block .area-change::before {
    font: var(--fa-font-solid);
    content: '\f0ec';
    margin-right: var(--gap-sm);
  }

  .page-form .form .block-movein select {
    width: 150px;
  }

  .page-form .form .notes[aria-hidden='true'],
  .page-form .form .layout-notes[aria-hidden='true'],
  .page-form .form .block-movein[aria-hidden='true'],
  .page-form .form .parking-space[aria-hidden='true'],
  .page-form .form .block.area-sqm[aria-hidden='true'],
  .page-form .form .block.area-tsubo[aria-hidden='true'] {
    display: none;
  }

  @media (min-width: 768px) {
    input[type='text'].size-wide {
        max-width: none;
    }
  }

  @media (min-width: 768px) {
    .page-form .form .description-row {
      flex-direction: row;
    }
  }

}