/* コンテンツ全体のレイアウト調整 */
.site-content {
  padding-left: calc(250 / var(--bw) * 100vw); /* 左側メニューの幅に応じて調整 */
  max-width: calc(1200 / var(--bw) * 100vw);
  margin: 0 auto;
}

.container {
  padding: calc(20 / var(--bw) * 100vw);
}

/* 以下は既存のスタイル */

h2 {
  margin-top: calc(80 / var(--bw) * 100vw);
  margin-bottom: calc(40 / var(--bw) * 100vw);
}

.vikrentcar-section {
  margin-top: calc(60 / var(--bw) * 100vw);
}

.vikrentcar-section h3 {
  color: var(--color-dark-primary);
  font-weight: bold;
  margin-bottom: calc(32 / var(--bw) * 100vw);
}

.vrc-search-form {
  display: flex;
  flex-direction: column;
  gap: calc(32 / var(--bw) * 100vw);
}

.vrc-search-form-inner {
  display: flex;
  flex-wrap: wrap;
  gap: calc(24 / var(--bw) * 100vw);
}

.vrc-search-form-inner > div {
  flex: 1;
  min-width: calc(200 / var(--bw) * 100vw);
}

.vrc-search-form label {
  display: block;
  margin-bottom: calc(8 / var(--bw) * 100vw);
  font-size: calc(16 / var(--bw) * 100vw);
}

.vrc-search-form input[type="text"],
.vrc-search-form select {
  width: 100%;
  padding: calc(12 / var(--bw) * 100vw);
  border: 1px solid var(--color-border);
  border-radius: calc(8 / var(--bw) * 100vw);
  font-size: calc(16 / var(--bw) * 100vw);
}

.vrc-search-form button {
  background-color: var(--color-primary);
  color: white;
  padding: calc(16 / var(--bw) * 100vw) calc(32 / var(--bw) * 100vw);
  border: none;
  border-radius: calc(8 / var(--bw) * 100vw);
  font-size: calc(18 / var(--bw) * 100vw);
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.vrc-search-form button:hover {
  background-color: var(--color-primary-dark);
}

@media (max-width: 767px) {
  .vrc-search-form-inner {
    flex-direction: column;
    gap: calc(24 / var(--bw) * 100vw);
  }

  .vrc-search-form-inner > div {
    width: 100%;
  }

  .vrc-search-form button {
    width: 100%;
  }
}