body {
    background-color: var(--color-light-brown);
}

.price-section {
    width: 89.3%;
    padding: 0 0 5rem;

    @media (width >= 768px) {
        width: 88.9%;
        padding-bottom: 10rem;
    }
}

.static-page-fv-section {
    @media (width >= 768px) {
        padding-bottom: 5rem;
    }
}

.static-page-fv-section-main-title {
    @media (width >= 768px) {
        margin-bottom: 0;
    }
}

.price-section-title-group{
    margin-bottom: 2rem;;
}

.static-page-fv-section-sub-title,
.static-page-fv-section-description
{
    text-align: left;
}

.static-page-fv-section-description {
    @media (width >= 768px) {
        max-width: 250px;
    }
}

.underline {
    text-decoration: underline;
}

.other-studios-section {
  margin: 2.5rem 0;

  @media (width >= 768px) {
      margin: 5rem 0;
  }
}

.other-studios-info-card {
  color: var(--color-dark-brown);
  background-color: var(--color-beige);
  border-radius: 8px;
}

.other-studios-area-card {
  margin-top: 20px;
  color: var(--color-dark-brown);
  background-color: var(--color-beige);
  border-radius: 8px;
}

.other-studios-info-card-body {
  padding: 1.25rem;

  .other-studios-info-card-note {
    margin-bottom: 1.25rem;
    font-size:1.25rem;
    text-align: center;
}

  @media (width >= 768px) {
      padding: 2.5rem;
  }
}

.other-studios-info-card-list {
  counter-reset: item;

  .other-studios-info-card-item {
    text-align: center;

      &:not(:last-child) {
          padding-bottom: 1.25rem;
          margin-bottom: 1.25rem;
          border-bottom: 1px solid var(--color-light-brown);
      }

      
  }
}

.area-flex {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
    justify-content: center;

    @media (width >= 768px) {
        flex-direction: row;
        gap: 2.5rem;
    }
}

.select-studio-container {
    display: flex;
    flex-direction: column;
    gap:1rem;
    font-size: var(--text-ja-13);

    @media (width >= 768px) {
        font-size: var(--text-ja-15);
    }

    .select-studio-label {
        font-size: var(--text-ja-18);

        .sp-only {
            display: block;

            @media (width >= 768px) {
                display: none;
            }
        }

        @media (width >= 768px) {
            font-size: var(--text-ja-15);
        }
    }
}

.area-container {
    font-size: var(--text-ja-13);

    @media (width >= 768px) {
        font-size: var(--text-ja-15);
    }

    .price {
        font-family: var(--font-family-en);
        font-size: var(--text-en-24);
    }
}

.other-studio-list {
    display: flex;
    flex-flow: row wrap;
    gap: 0.3em;

    li {
        font-size: var(--text-ja-13);

        

        &:not(:last-child)::after {
            content: '\00A0/';
        }
    }
}

.search-menu-select {
    width: 100%;
    max-width: 400px;
    height: 44px;
    padding: 10px 12px;
    padding-left: 1.75rem;
    margin: auto;
    margin-bottom: 10px;
    font-family: 'Zen Old Mincho', serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #988f87;
    letter-spacing: 0.08em;
    appearance: none;
    cursor: pointer;
    background-image: url("../img/icon/select_down.svg");
    background-repeat: no-repeat;
    background-position: 0.75rem 1.2rem;
    border: 1px solid #988f87;
    border-radius: 4px;

    @media (width >= 768px) {
        padding-left: 2.25rem;
    }
}

.search-menu-select:focus {
    border-color: var(--color-dark-brown);
    outline: none;
}

.search-menu-select:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

/* プレースホルダーのスタイルを調整 */
.search-menu-select option[value=""] {
    color: #988f87;
}

/* 選択された値のスタイル */
.search-menu-select option:not([value=""]) {
    color: var(--color-dark-brown);
}

.search-menu-items {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}

.campaign-section-wrapper {
    margin-bottom: 2.5rem;
    
    @media (width >= 768px) {
        margin-bottom: 5rem;
    }
}