/* 募集要項ページ　上部余白等　非表示*/
.wp-container-core-group-is-layout-c5a5abd8{margin-top:0px !important;}
.uagb-block-30651752{display:none;}
.wp-container-core-group-is-layout-2f5abec7{display:none;}
.wp-container-core-group-is-layout-1c44089e{display:none !important;}

.wp-block-gutenkit-pro-timeline .timeline-wrapper .timeline-item{padding:20px;}

/* お問い合わせページ 左右余白*/
.wpforms-block-26d5e3cc-54b4-46f7-9a67-8d6bd1463f82{
	max-width: min(800px, 95%);
	margin: 0 auto;
	padding-top:20px;
}
#wpforms-17481{
	max-width:800px;
}

/* フォーム全体の入力欄のデザイン */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form textarea,
.wpforms-form select {
    background-color: #f8f9fa;   /* 薄いグレーの背景 */
    border: 1px solid #ddd;      /* 薄い枠線 */
    border-radius: 6px;          /* 角を少し丸く */
    padding: 12px 15px;          /* 内側の余白を広げて入力しやすく */
    font-size: 16px;             /* 文字サイズを読みやすく */
    transition: all 0.3s ease;   /* クリック時のアニメーション */
    width: 100%;                 /* 幅を親要素に合わせる */
    box-sizing: border-box;
	max-width: 100% !important;
}
	
	
/* 画像ブロックを中央揃えにする */
.wp-block-image {
    margin-left: auto !important;
    margin-right: auto !important;
    display: table; /* キャプション（文字）がある場合、画像幅に合わせるため */
}

/* ラベル（項目名）のデザイン */
.wpforms-form .wpforms-field-label {
    font-weight: 700;            /* 太字に */
    color: #333;                 /* 文字色を濃く */
    margin-bottom: 8px !important;
    display: block;
}

/* 必須マーク（*）の色 */
.wpforms-form .wpforms-required-label {
    color: #e63946;              /* 赤色を目立たせる */
}

/* ラジオボタン（ご相談の種類）のリストを見やすく */
.wpforms-form .wpforms-field-radio ul li {
    margin-bottom: 8px;          /* 項目間の隙間 */
    padding: 5px 0;
}

/* 送信ボタンのデザイン */
.wpforms-form button[type="submit"] {
    background-color: #eb6100;   /* ヘッダーに合わせたオレンジ */
    color: #fff;
    border: none;
    padding: 15px 50px;          /* ボタンを大きく */
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px;         /* 丸みのあるボタン（ピル型） */
    cursor: pointer;
    transition: opacity 0.3s;
    margin-top: 20px;
    display: block;
    width: 100%;                 /* スマホで見やすいよう幅いっぱいに（お好みで調整可） */
    max-width: 300px;            /* PCでは広がりすぎないように制限 */
    margin-left: auto;
    margin-right: auto;          /* 中央寄せ */
}

/* 送信ボタンのマウスホバー時 */
.wpforms-form button[type="submit"]:hover {
    opacity: 0.8;                /* 少し透明にして反応を見せる */
}

/* --- ここからGridレイアウト設定 --- */

/* 画面幅が768px以上（タブレット・PC）のときだけ適用 */
@media (min-width: 768px) {
    
    /* フォームの入れ物をGrid化 */
    .wpforms-field-container {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 1対1の2列にする */
        gap: 20px; /* 隣との間隔（余白） */
    }

    /* 全てのフィールドは基本1列分の幅 */
    .wpforms-field {
        width: 100%;
    }

    /* 以下のフィールドは「2列分」またいで全幅にする */
    /* ※長文入力やラジオボタンなどは横長の方が見やすいため */
    .wpforms-field-textarea,      /* お問合せ内容（テキストエリア） */
    .wpforms-field-radio,         /* ラジオボタン */
    .wpforms-field-checkbox,      /* チェックボックス */
    .wpforms-field-file-upload,   /* ファイルアップロード */
    .wpforms-field-html {         /* HTMLブロックがあれば */
        grid-column: span 2;
    }
}

/* もし上記で効かない場合の念押し */
.wp-block-image img {
    display: block;
    margin: 0 auto;
}

/* 入力欄をクリックした時（フォーカス時） */
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus {
    background-color: #fff;      /* 背景を白に */
    border-color: #eb6100;       /* 枠線をサイトのキーカラー（オレンジ）に */
    outline: none;
    box-shadow: 0 0 0 3px rgba(235, 97, 0, 0.1); /* ほんのりオレンジの光 */
}

/*下のSingle postの部分を消す*/
.wp-container-core-group-is-layout-60907f7f{
	display:none;
}