@charset "UTF-8";
/* CSS Document */


/* === 追加css === */
form .container {
	width: 90%;
	max-width: 1000px !important;
	margin: 0 auto;
}
.field.is-horizontal {
	width: 100%;
}
.field.is-horizontal .field-label {
	width: 30%;
	flex-basis: auto;
  flex-grow: initial;
}
.field.is-horizontal .field-body {
	width: 70%;
}
.select-after {
	display: inline-block;
}
.upload-item input[type="file"].wpcf7-file {
  min-width: 400px;
	margin-left: 20px;
}

@media (max-width: 768px) {
	.upload-item input[type="file"].wpcf7-file {
	  min-width: 100%;
	  margin-left: 0;
	}
}
/* thanks page */
.page-thanks-wrap {
	width: 90%;
	margin: 0 auto;
	padding: 100px 0;
}

.text-caption {
	font-size: 90%;
}

/* === 見出し【アンケート】のスタイル === */
h2.section-h2 {
    color: #333 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    padding-bottom: 15px !important;
    margin-bottom: 30px !important;
    border-top: none !important;
    /* border-bottom: 2px solid #ff6600 !important; */
    letter-spacing: 0.1em !important;
    text-align: center !important;
    background: none !important;
    padding-top: 0 !important;
}
h2.section-h2::before { content: "【" !important; }
h2.section-h2::after { content: "】" !important; }


/* === ファイル選択ボタンのスタイル（推奨版） === */
.wpcf7-form input[type="file"]::file-selector-button {
  background-color: #ffffff;      /* 背景を白に */
  color: #3273dc;                  /* 文字の色を青に (送信ボタンと色を統一) */
  border: 2px solid #3273dc;      /* 枠線を青に (送信ボタンと色を統一) */
  border-radius: 999px;           /* 角を完全に丸くして楕円形に */
  padding: 10px 20px;             /* 内側の余白 */
  margin-right: 15px;             /* ボタンとファイル名の間隔 */
  cursor: pointer;                /* マウスカーソルを指の形に変更 */
  transition: all 0.3s ease;      /* アニメーションを滑らかに */
}
/* マウスがボタンに乗った時のデザイン */
.wpcf7-form input[type="file"]::file-selector-button:hover {
  background-color: #3273dc;      /* 背景を青に */
  color: #ffffff;                 /* 文字の色を白に */
}

/* === チェックボックスのスタイル === */
.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item { display: block; }


/* === 送信ボタンのスタイル（枠線スタイルに修正） === */
.wpcf7-form input[type="submit"] {
    background-color: transparent; /* 背景を透明に */
    border: 1px solid #3273dc;   /* 枠線を青に */
    color: #3273dc;              /* 文字を青に */
    display: block;              /* ブロック要素にして幅を広げる */
    width: 100%;                 /* 横幅を100%に */
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;           /* 文字を太字に */
    transition: all 0.2s ease-in-out;
}
/* マウスを乗せたら塗りつぶしスタイルに */
.wpcf7-form input[type="submit"]:hover {
    background-color: #3273dc;
    color: white;
}

/* ******** */
/* 本奨学金を何で知りましたか？ */
/* ******** */
.checkbox-horizontal {
  display: flex;
  align-items: center; /* テキストとチェックボックスを垂直方向の中央に揃える */
  flex-wrap: wrap;
  gap: 0.8em;          /* 「設置場所」と各項目の間の隙間を設定 */
}

/* 各チェックボックスの横並び設定 */
.checkbox-horizontal .wpcf7-checkbox {
  display: inline-flex; /* これもflexにしておく */
  gap: 1.5em;           /* チェックボックスの項目間の隙間 */
}

/* Contact Form 7 のメッセージボックスを中央揃えにする */
.wpcf7-response-output {
  text-align: center;
}