@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------------------------------------------------
PC用レイアウト（768px以上スクリーン）
----------------------------------------------------------------------------------------*/
/*--------------------------------------------------
共通設定(PC)
-----------------------------------------------------*/
/*body全体の初期スタイル調整
#contact_form {
  font-size: 62.5%; 
  font-family: 'Noto Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN',
    'メイリオ', Meiryo, sans-serif;
  font-weight: normal;
  color: #000;
}*/
/*リンク文字の設定*/
#contact_form a {
  text-decoration: underline;
}

/*ブラウザのCSSをリセット*/
p {
  margin: 0;
  padding: 0;
}
/*セクションエリアの共通設定*/
section {
  clear: both;
  overflow: auto;
}
/*--------------------------------------------------
見出しタグ設定（PC）
-----------------------------------------------------*/
h2 {
  margin: 0.5em 0em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}
h3 {
  margin: 0.5em 0em;
  padding: 0.3em 0.6em;
  font-size: 1.6em;
  font-weight: bold;
  border-left: 8px solid #10559A;
  border-bottom: 1px dotted #10559A;
}
h4 {
  margin: 0.5em 0em;
  padding: 0.3em 0;
  font-size: 1.4em;
  font-weight: bold;
}
h5 {
  margin: 0.5em 0em;
  padding: 0.1em;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px dotted #ccc;
}


.hr_border{
margin-top:5em;
    border-bottom: 1px solid #000000;
    border-top: 0;
}

input {
    -webkit-appearance: auto;
    appearance: auto;
}

.tx_red{
color:#f00;
}

.ml-1em{margin-left: 1em;}

/*--------------------------------------------------
埋め込み問い合わせフォーム
-----------------------------------------------------*/
.contact {
padding: 0em 0 0em;
  border-radius: 0.5em;
  max-width: 950px;
  margin: 2em auto;
}
section.contact {
  padding-top: 2em;
}

.contact h2 {
  text-align: center;
  margin-bottom: 1.5em;
  color: #222222;
  font-size: 2em;
}

.contact_form .form_group {
    margin-bottom: 2em;
    margin-top: 2em;
}

.contact_form label {
  display: block;
  color: #222222;
  font-weight: 500;
  font-size: 1em;
}

.required {
    color: #ffffff;
    font-size: 0.8em;
    background: #ff0000;
    padding: 2px 9px 3px 7px;
    text-align: center;
    border-radius: 5px;
    margin-left: 10px;
}

.contact_form input[type="text"],
.contact_form input[type="email"],
.contact_form input[type="tel"] {
  width: 100%;
  padding: 1em;
  border: 2px solid #ccc;
  border-radius: 0.1em;
  font-size: 1em;
}

.name_fields {
  display: flex;
  gap: 0.5em;
}

.checkbox label {
  font-weight: normal;
text-align: center;
}

.form_submit {
  text-align: center;
  margin-top: 1.5em;
}

.form_submit button {
    background: #000000;
    color: #fff;
    border: none;
    padding: 1em 2em;
    border-radius: 0.5em;
    font-size: 1.5em;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
    letter-spacing: 0.07em;
}

.form_submit button:hover {
  background: #4a6cb0;
}

.privacy_text {
  font-size: 1em;
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: #ff0000;
  text-align: center;
}

.form_doui{
   text-align: center;
}

/* チェックボックス（標準デザインを活かして大きさだけ調整） */
.contact_form input[type="checkbox"] {
  transform: scale(1.3); /* 大きさ調整 */
  margin-right: 0.5em;
  cursor: pointer;
}

.contact_form input[type="checkbox"] {
  transform: scale(2);
  border-radius: 0;
}

.contact_form textarea {
  width: 100%;
  min-height: 10em;      /* ←高さ。数値を増やせばもっと大きく */
  padding: 1em;
  border: 2px solid #ccc;
  border-radius: 0.1em;
  font-size: 1em;
  font-family: inherit;   /* ← 他の入力欄と同じフォントを使う */
 
}

.submit_btn_p p{
  font-size: 1.4em;
  color: #222;
}

.submit_btn_p{
  margin-top: 1.2em;
}



form.contact_form{
margin-top:2em;
    border-top: 1px solid #999999;
}

.form_row {
  display: flex;          /* 横並びにする */
}

.form_label {
  width: 20%;
  font-weight: bold;
    background: #000000;
padding: 10px;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}
.form_label label{
color: #ffffff;
}

.form_input{
    width: 80%;
    background: #ffffff;
    padding: 10px;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
}

.form_input label {
  display: block;         /* ラジオ＋テキストを縦に並べる */
}
.form_input p {
font-size:0.8em;
}

.input_radio {
  display: flex;          /* 横並びにする */
}

.input_radio label {
  display: flex;          /* ラベル内も横並び（テキスト＋ボタン） */
  align-items: center;    /* 縦中央揃え */
margin-right: 20px;
}
.input_radio label input {
margin-right: 10px;
}