/* =========================================
   ① 企業への紹介文章
========================================= */
/* タイトル */
.page-title {
  text-align: center;
  display: block;
  margin: 0 auto 10px;
}

/* 全体の中央ボックス */
.companycontact-wrapper {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}
/* リード文 */
.page-lead {
  display: block;
  text-align: left;
  margin: 0;  
}
.lead-wrapper {
  max-width: 700px;
  margin: 0 auto;
  text-align: left;
}
/* 左右に分けるカラム */
.companycontact-inner.two-column {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  max-width: 700px;
  margin: 0 auto;
}

.companycontact-inner.two-column .column-left,
.companycontact-inner.two-column .column-right {
  width: 50%;
  text-align: left;
}

.companycontact-wrapper h1,
.companycontact-wrapper strong {
  text-align: left !important;
}
/* =========================================
   ② フォームの入力欄
========================================= */
.form-title {
  text-align: center;
}

.contact-form {
  max-width: 690px;
  margin: 0 auto;
  text-align: left;
}
.contact-form .form-row > div {
  width: 320px !important;
}

.contact-form .form-row {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
}

.contact-form input,
.contact-form select,
.contact-form input[type="date"] {
  width: 320px !important;
  max-width: 100%;
  padding: 10px;
  font-size: 16px;
}

select[name="user"] {
  width: 280px !important;
}

.contact-form textarea {
  width: 100% !important;
  max-width: 690px !important;
  padding: 10px;
  font-size: 16px;
}
.wide-row textarea {
  height: 220px; 
}

/* =========================================
   ③ 営業目的ではありません
========================================= */

.radio-row {
  display: block !important;
  width: 100%;
  margin-top: 10px;
}

.radio-row label {
  display: block;
  margin-bottom: 5px;
  white-space: nowrap; 
}

.radio-options {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  white-space: nowrap; 
}

.radio-options input[type="radio"] {
  margin-left: 5px;
}

/* =========================================
   送信ボタン
========================================= */

.contact-form {
  display: block !important;
}

.contact-form button {
  display: block !important;
  clear: both !important;
  width: 100% !important;
  max-width: 200px;
  margin: 30px auto 0 !important;
  padding: 12px 30px;
  font-size: 18px;
  background: #4CAF50 !important; 
  color: #fff !important;       
  border: none !important;      
  border-radius: 6px;
  cursor: pointer;
}

.contact-form button:hover {
  background: #45a049;
}