/* 共通スタイル（PC・SP両方） */
.apply-check {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 20px auto;
  flex-wrap: wrap;
  max-width: 100%;
  white-space: nowrap; /* テキストの強制改行を防ぐ */
  overflow-wrap: normal;
}

.apply-check p {
  margin: 0;
  display: inline;
  font-size: 16px;
  white-space: nowrap; /* 改行防止 */
}

.apply-check .wpcf7-acceptance {
  display: inline-flex;
  align-items: center;
}

/* スマホ向け */
@media screen and (max-width: 480px) {
  .apply-check {
    justify-content: center;
    gap: 6px;
    padding: 0 10px; /* スマホ端でのはみ出し防止 */
  }

  .apply-check p {
    font-size: 14px;
  }
}

/* */
.midashi-a {
  font-size: 1.6em;
  font-weight: 600;
  margin-bottom: 1em;
  display: flex;           /* ← 横並びに */
  align-items: center;     /* 縦位置を中央に */
  gap: 0.5em;              /* タイトルとラベルの間隔 */
  flex-wrap: wrap;         /* 長いタイトルでも折り返し対応 */
}

.label-complete {
  display: inline-block;
  padding: 0.2em 0.6em;
  background: #4a7ba8;
  color: #fff;
  font-size: 0.75em;
  border-radius: 4px;
  line-height: 1.2;
}
/* 建築中案内バナー（全体クリックタイプ） */
.genba-banner {
  text-align: center;
  margin: 25px 0; /* 上下のスペースをやや狭めに */
}

.genba-banner a {
  display: inline-block;
  color: #3b8b6f; /* 柔らかいミントグリーン系 */
  font-weight: 500;
  font-size: 1.05em;
  text-decoration: none;
  border: 1.5px solid #b8e0ce; /* 明るいミントグリーン枠線 */
  border-radius: 6px;
  padding: 9px 22px; /* 全体をややコンパクトに */
  transition: 0.3s ease;
  background-color: transparent;
}

.genba-banner a:hover {
  background-color: #edf7f3; /* ごく淡いミント色の背景 */
  border-color: #9edcc2;
  color: #2b6d59;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
  transform: translateY(-1px);
}