@charset "UTF-8";

/* ===== お問い合わせフォーム専用調整 ===== */
.p_page {
  width: 100%;
  max-width: 800px;   /* 横幅を制限して読みやすく */
  margin: 100px auto 50px auto;  /* 上はヘッダー回避、下はフッター回避 */
  padding: 20px;
  background: #fff;   /* 背景を白に固定 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border-radius: 8px;
}

/* フォーム全体を縦レイアウトに */
.p_page form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* ラベルと入力欄 */
.p_page label {
  display: block;
  font-weight: bold;
  margin-bottom: 8px;
}

.p_page input[type="text"],
.p_page input[type="email"],
.p_page textarea {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
}

.p_page textarea {
  min-height: 150px;
  resize: vertical;
}

/* 送信ボタン */
.p_page input[type="submit"] {
  background: #0b79d0;
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
transition: background-color 0.3s ease; /* ← ここを修正 */
margin-bottom: 20px;
max-width: 180px;
}

.p_page input[type="submit"]:hover {
  background-color: #095c9d; /* ← こちらも合わせる */
}
.p_page a {
  text-decoration: none;
}

.kanryo {
  height: 500px;
}

/* スマホ対応 */
@media (max-width: 600px) {
  .p_page {
    margin: 80px 10px 30px 10px;
    padding: 15px;
  }
}