/* カスタムCSS - ここに追加スタイルを記述 */
.strength-icon img{
display:inline;
}

.hero h1 .highlight{
 display:inline;
}

br.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  br.sp {
    display: block;
  }
}
/* CF7 応答メッセージを送信ボタンの下に正しく表示 */
.wpcf7 .screen-reader-response { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; padding: 0 !important; margin: -1px !important; border: 0 !important; }
.wpcf7-response-output { display: block !important; margin: 1.5em 0 0 !important; padding: 1em 1.2em !important; border-radius: 4px !important; color: #fff !important; background: rgba(70,180,80,0.18) !important; border: 1px solid rgba(70,180,80,0.5) !important; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { background: rgba(220,53,69,0.18) !important; border-color: rgba(220,53,69,0.5) !important; }
.wpcf7-not-valid-tip { color: #ff6b6b !important; margin-top: .25em !important; font-size: .9em !important; }
/* CF7応答エリアが空のときのみ非表示（緑線対策・2026-05-26）
   送信完了メッセージ／エラーメッセージは緑・赤背景を残す */
.wpcf7-response-output:empty {
  display: none !important;
}