/* ============================================================ セミナー申込フォーム（.seminar-form-page 配下のみ） ============================================================ */ .seminar-form-page { margin: 0 auto !important; box-sizing: border-box !important; } /* 注意書きボックス */ .seminar-form-page .caution-form { background-color: #f9f9f9 !important; padding: 12.5px !important; font-size: 14px !important; margin-top: 20px !important; font-weight: 400 !important; color: #444 !important; line-height: 1.75 !important; max-width: 100% !important; } .seminar-form-page .caution-form strong { color: #1B3A6B !important; font-size: 16px !important; margin-bottom: 5px !important; display: block !important; } /* フォーム本体 */ .seminar-form-page .form { margin: 40px auto 0 !important; /*max-width: 820px !important;*/ } /* 入力欄 */ .seminar-form-page .form input:not([type="checkbox"]):not([type="submit"]):not([type="button"]), .seminar-form-page .form select, .seminar-form-page .form textarea { width: 100% !important; min-width: 0 !important; padding: 12px !important; border: 1px solid #ccc !important; border-radius: 6px !important; background: #eaedf2 !important; font-size: 16px !important; box-sizing: border-box !important; } .seminar-form-page .form textarea { height: 160px !important; } /* 各項目行（PC=横並び／SP=縦） */ .seminar-form-page .form-Item { border-top: 1px solid #ddd !important; padding: 24px 0 !important; width: 100% !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; } .seminar-form-page .form-Item:last-of-type { border-bottom: 1px solid #ddd !important; } .seminar-form-page .form-Item-Label { width: 100% !important; max-width: 500px !important; letter-spacing: 0.05em !important; font-weight: bold !important; font-size: 18px !important; color: #333 !important; line-height: 1 !important; } /* 必須／任意ラベル */ .seminar-form-page .form-Item-Label-Required { /* border-radius: 6px !important; */ margin-right: 8px !important; padding: 8px 0 !important; width: 48px !important; display: inline-block !important; text-align: center !important; background: #1B3A6B !important; color: #fff !important; font-size: 14px !important; } .seminar-form-page .form-Item-Label-Optional { background: #b1b1b1 !important; } /* プライバシーポリシー */ .seminar-form-page .privacy_policy_box { margin-top: 50px !important; } .seminar-form-page .privacy_policy_box h2 { font-size: 24px !important; margin-bottom: 10px !important; color: #1B3A6B !important; } .seminar-form-page .privacy_policy { overflow-x: hidden !important; overflow-y: scroll !important; margin: 0 auto 24px !important; padding: 28px 31px !important; width: 100% !important; height: 300px !important; border: 1px solid #ccc !important; box-sizing: border-box !important; } .seminar-form-page .privacy_policy h3 { margin-bottom: 20px !important; font-size: 18px !important; color: #1B3A6B !important; } .seminar-form-page .privacy_policy h4 { font-size: 16px !important; margin: 0 0 6px !important; } .seminar-form-page .privacy_inner > p, .seminar-form-page .privacy_detail { margin-bottom: 30px !important; } .seminar-form-page .privacy_policy_box .form-Item { justify-content: center !important; } .seminar-form-page .privacy_policy_box input { width: auto !important; } .seminar-form-page .privacy_policy_box .wpcf7-list-item-label { font-size: 18px !important; } /* 送信ボタン */ .seminar-form-page input.wpcf7-submit, .seminar-form-page .form-Btn, .seminar-form-page .wpcf7-previous{ border-radius: 6px !important; margin: 60px auto 0 !important; padding: 18px !important; width: 100% !important; max-width: 280px !important; display: block !important; letter-spacing: 0.05em !important; background: #1B3A6B !important; color: #fff !important; font-weight: bold !important; font-size: 18px !important; border: none !important; cursor: pointer !important; transition: background 0.3s ease !important; } .seminar-form-page input.wpcf7-submit:hover, .seminar-form-page .form-Btn:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(27, 58, 107, 0.35) !important; } /* SP */ @media screen and (max-width: 480px) { .seminar-form-page .form-Item { padding: 16px 14px !important; } .seminar-form-page .form-Item-Label { max-width: inherit !important; font-size: 15px !important; margin-bottom: 5px !important; } .seminar-form-page .form input:not([type="checkbox"]):not([type="submit"]):not([type="button"]), .seminar-form-page .form select, .seminar-form-page .form textarea { font-size: 15px !important; } } /* 確認画面：戻る／送信ボタン */ .seminar-form-page input.wpcf7-previous { background: #e8e8e8 !important; color: #333 !important; margin-top: 16px !important; } .seminar-form-page input.wpcf7-previous:hover { background: #d8d8d8 !important; } .seminar-form-page .form.confirm .form-Item p { word-break: break-all !important; } /* ============================================================ フォーム デザイン修正（下部追加） ============================================================ */ /* ①② ラベルと必須/任意バッジの上下中央揃え＋バッジ確実適用 */ .seminar-form-page .form-Item-Label { display: flex !important; align-items: center !important; } .seminar-form-page .form-Item-Label .form-Item-Label-Required { flex: 0 0 auto !important; margin-right: 10px !important; padding: 10px 0 !important; width: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; background: #1B3A6B !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; border-radius: 0 !important; box-sizing: border-box !important; } /* 任意（Optionalが付くと上書きでグレーに） */ .seminar-form-page .form-Item-Label .form-Item-Label-Required.form-Item-Label-Optional { background: #b1b1b1 !important; } /* ③ 入力欄の幅を完全統一（input/select/textarea すべて） */ .seminar-form-page .form .wpcf7-form-control-wrap { display: block !important; width: 100% !important; max-width: 410px !important; margin-left: auto !important; } .seminar-form-page .form input:not([type="checkbox"]):not([type="submit"]):not([type="button"]), .seminar-form-page .form select, .seminar-form-page .form textarea, .seminar-form-page .form select.wpcf7-select { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; padding: 12px !important; border: 1px solid #ccc !important; border-radius: 6px !important; background: #eaedf2 !important; font-size: 16px !important; } .seminar-form-page .form textarea { height: 160px !important; } /* 各行：ラベル左・入力右で上揃え */ .seminar-form-page .form-Item { align-items: flex-start !important; } .seminar-form-page .form-Item > p:last-child { flex: 1 1 auto !important; margin: 0 !important; display: flex !important; justify-content: flex-end !important; } /* ④ 非表示グループ・隠し要素の余白を除去（※ご注意下の空白対策） */ .seminar-form-page .wpcf7cf-hidden { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } .seminar-form-page .wpcf7cf_group:empty, .seminar-form-page form .wpcf7cf-hidden[data-class="wpcf7cf_group"] { display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* cf7msmの隠しフィールドや空pの余白潰し */ .seminar-form-page .hidden-fields-container, .seminar-form-page form > p:empty { display: none !important; margin: 0 !important; padding: 0 !important; } /* ============================================================ フォーム デザイン修正 追補（下部追加） ============================================================ */ /* ② 「任意」バッジ（Optional単独）に直接適用 */ .seminar-form-page .form-Item-Label .form-Item-Label-Optional { flex: 0 0 auto !important; margin-right: 10px !important; padding: 10px 0 !important; width: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; background: #b1b1b1 !important; color: #fff !important; font-size: 13px !important; font-weight: 700 !important; line-height: 1 !important; border-radius: 0 !important; box-sizing: border-box !important; } /* ③ 非表示グループ・空fieldsetの余白を確実に除去（インラインstyleに勝つ） */ .seminar-form-page .wpcf7cf-hidden, .seminar-form-page .hidden-fields-container { display: none !important; } /* ① プライバシーポリシーの同意行：必須バッジと「同意する」を中央＆隣接に戻す */ .seminar-form-page .privacy_policy_box .form-Item > p { display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 10px !important; } .seminar-form-page .privacy_policy_box .form-Item > p .wpcf7-form-control-wrap { width: auto !important; max-width: none !important; margin-left: 0 !important; flex: 0 0 auto !important; } .seminar-form-page .privacy_policy_box .form-Item > p .form-Item-Label-Required { margin-right: 0 !important; } /* ============================================================ フォーム デザイン修正 追補2（下部追加） ============================================================ */ /* ① ご注意ボックス内の段落間の余白を詰める */ .seminar-form-page .caution-form p { margin: 0 !important; } .seminar-form-page .caution-form p + p { margin-top: 12px !important; } /* ② ラベルと入力欄を上下中央揃えに戻す */ .seminar-form-page .form-Item { align-items: center !important; } .seminar-form-page input.wpcf7-submit, .seminar-form-page .form-Btn,.seminar-form-page .wpcf7-previous{ background: linear-gradient(135deg, #1B3A6B 0%, #2C4F8C 100%) !important; color: #fff !important; padding: 15px 64px !important; border: none !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: 0.15em !important; cursor: pointer !important; box-shadow: 0 4px 12px rgba(27, 58, 107, 0.25) !important; transition: all 0.3s ease !important; font-family: inherit !important; } .seminar-form-page input.wpcf7-submit{ margin-top:25px!important; } .seminar-form-page input.wpcf7-previous{ } .form-btns p{ display: flex; flex-direction: column-reverse; padding-bottom: 50px !important; } /* ============================================================ フォーム レスポンシブ調整（タブレット以下・下部追加） ============================================================ */ @media screen and (max-width: 959px) { /* 各行：ラベル上・入力下の縦積みに */ .seminar-form-page .form-Item { flex-direction: column !important; align-items: stretch !important; padding: 18px 0 !important; } /* ラベル：全幅・折り返し許可・下に余白 */ .seminar-form-page .form-Item-Label { width: 100% !important; max-width: 100% !important; align-items: center !important; flex-wrap: nowrap !important; margin-bottom: 12px !important; font-size: 16px !important; line-height: 1.5 !important; } /* バッジが縮まないよう固定 */ .seminar-form-page .form-Item-Label .form-Item-Label-Required, .seminar-form-page .form-Item-Label .form-Item-Label-Optional { flex: 0 0 auto !important; } /* 入力欄ラッパー：全幅・右寄せ解除 */ .seminar-form-page .form-Item > p:last-child { width: 100% !important; justify-content: flex-start !important; } .seminar-form-page .form .wpcf7-form-control-wrap { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; } /* 入力欄：全項目を全幅に統一 */ .seminar-form-page .form input:not([type="checkbox"]):not([type="submit"]):not([type="button"]), .seminar-form-page .form select, .seminar-form-page .form textarea, .seminar-form-page .form select.wpcf7-select { width: 100% !important; max-width: 100% !important; font-size: 16px !important; } /* プライバシーポリシー同意行は中央寄せのまま維持 */ .seminar-form-page .privacy_policy_box .form-Item { flex-direction: row !important; align-items: center !important; justify-content: center !important; } .seminar-form-page .privacy_policy_box .form-Item-Label-Required { margin-bottom: 0 !important; } .seminar-form-page .privacy_policy_box .form-Item > p { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: center !important; flex-wrap: nowrap !important; gap: 10px !important; width: 100% !important; } .seminar-form-page .privacy_policy_box .form-Item > p .wpcf7-form-control-wrap { width: auto !important; max-width: none !important; margin-left: 0 !important; flex: 0 0 auto !important; } } /* ============================================================ セミナー支払いページ 追加分（.seminar-form-page 配下） ============================================================ */ /* ① 決済ボタン（青）＋特商法リンク（青） */ .seminar-form-page .payment.form-Btn { border-radius: 6px !important; margin: 40px auto 0 !important; padding: 18px !important; width: 90% !important; max-width: 450px !important; display: block !important; text-align: center !important; letter-spacing: 0.05em !important; background: #06659C !important; color: #fff !important; font-weight: 500 !important; font-size: 20px !important; border: none !important; text-decoration: none !important; cursor: pointer !important; transition: background 0.3s ease !important; } .seminar-form-page .payment.form-Btn:hover { background: #2C4F8C !important; opacity: 1 !important; } /* 特定商取引法リンク（赤→青） */ .seminar-form-page .tokushoho.info { border-bottom: 1px solid #06659C !important; display: table !important; color: #06659C !important; margin: 16px auto 0 !important; font-size: 14px !important; text-decoration: none !important; } /* 注意文（赤文字は維持） */ .seminar-form-page .caution-text { font-weight: 600 !important; margin-bottom: 20px !important; color: #C8102E !important; } /* FAQ内のメールリンク（青） */ .seminar-form-page .qa-list .mail { color: #06659C !important; text-decoration: underline !important; } /* ② アコーディオン（.qa-list） */ .seminar-form-page .qa-list dl { position: relative !important; margin: 0 !important; padding: 28px 80px 28px 30px !important; cursor: pointer !important; border-bottom: 1px solid #ccc !important; } .seminar-form-page .qa-list dl:first-child { border-top: 1px solid #ccc !important; } .seminar-form-page .qa-list dl::before { position: absolute !important; top: 35px !important; right: 35px !important; display: block !important; width: 7px !important; height: 7px !important; margin: auto !important; content: '' !important; transform: rotate(135deg) !important; border-top: 2px solid #1B3A6B !important; border-right: 2px solid #1B3A6B !important; } .seminar-form-page .qa-list dl.open::before { transform: rotate(-45deg) !important; } .seminar-form-page .qa-list dl dt { position: relative !important; margin: 0 !important; padding: 0 0 0 50px !important; font-weight: bold !important; font-size: 18px !important; } .seminar-form-page .qa-list dl dt::before { font-size: 22px !important; line-height: 1 !important; position: absolute !important; top: 3px !important; left: 0 !important; display: block !important; content: 'Q.' !important; color: #1B3A6B !important; } .seminar-form-page .qa-list dl dd::before { font-size: 22px !important; line-height: 1 !important; position: absolute !important; top: 3px !important; left: 2px !important; display: block !important; content: 'A.' !important; font-weight: bold !important; color: #1B3A6B !important; } .seminar-form-page .qa-list dl dd { position: relative !important; display: none !important; height: auto !important; margin: 20px 0 0 !important; padding: 0 0 0 50px !important; } .seminar-form-page .qa-list dl dd p { margin: 30px 0 0 !important; } .seminar-form-page .qa-list dl dd p:first-child { margin-top: 0 !important; } @media screen and (max-width: 767px) { .seminar-form-page .qa-list dl { padding: 15px 40px 15px 10px !important; } .seminar-form-page .qa-list dl::before { top: 20px !important; right: 20px !important; width: 7px !important; height: 7px !important; } .seminar-form-page .qa-list dl dt { padding: 0 0 0 30px !important; font-size: 16px !important; } .seminar-form-page .qa-list dl dt::before { font-size: 14px !important; top: 3px !important; left: 5px !important; } .seminar-form-page .qa-list dl dd::before { font-size: 14px !important; top: 5px !important; left: 5px !important; } .seminar-form-page .qa-list dl dd { margin: 10px 0 0 !important; padding: 0 0 0 30px !important; font-size: 14px !important; } .seminar-form-page .qa-list dl dd p { margin: 30px 0 0 !important; font-size: 14px !important; } .seminar-form-page .qa-list dl dd p:first-child { margin-top: 0 !important; } } /* ============================================================ 支払いページ 実DOM対応の修正（下部追加・上書き） ============================================================ */ /* ① 決済ボタン（div.wp-block-button.payment > a に当てる） */ .seminar-form-page .wp-block-button.payment { margin: 40px auto 0 !important; width: 100% !important; max-width: 450px !important; display: block !important; } .seminar-form-page .wp-block-button.payment > .wp-block-button__link, .seminar-form-page .wp-block-button.payment .wp-element-button { display: block !important; width: 100% !important; margin: 0 auto !important; padding: 18px !important; background: #06659C !important; background-image: none !important; color: #fff !important; font-weight: 500 !important; font-size: 20px !important; letter-spacing: 0.05em !important; text-align: center !important; text-decoration: none !important; border: none !important; border-radius: 6px !important; box-shadow: none !important; transition: background 0.3s ease !important; } .seminar-form-page .wp-block-button.payment > .wp-block-button__link:hover, .seminar-form-page .wp-block-button.payment .wp-element-button:hover { background: #2C4F8C !important; opacity: 1 !important; } /* ① 特商法リンク（p.tokushoho） */ .seminar-form-page .tokushoho { text-align: center !important; margin: 0 !important; } .seminar-form-page .tokushoho a { display: inline-block !important; color: #1B3A6B !important; font-size: 14px !important; text-decoration: none !important; border-bottom: 1px solid #06659C !important; } /* 決済ボタンエリア中央寄せ */ .seminar-form-page .pay-btn-area > .wp-block-group__inner-container { display: flex !important; flex-direction: column !important; align-items: center !important; } .seminar-form-page .pay-btn-area .wp-block-buttons { justify-content: center !important; width: 100% !important; } /* ③ フッター手前の余白 */ .seminar-form-page { padding-bottom: 100px !important; } .seminar-form-page .faq-area { margin-bottom: 40px !important; } .seminar-form-page .pay-btn-area{ padding: 30px 0!important; } @media screen and (max-width: 756px) { .seminar-form-page .pay-btn-area{ padding: 0 0 30px!important; } } /* ============================================================ セミナー決済完了（thanks）ページ ============================================================ */ /* ② 会場情報テーブル */ .seminar-form-page .thanks-table-area { margin: 48px 0 0 !important; } .seminar-form-page .thanks-table-area h2 { font-size: 20px !important; font-weight: 600 !important; color: #333 !important; letter-spacing: 0.02em; margin: 0 0 16px !important; padding: 0 0 12px !important; border-bottom: 2px solid #1B3A6B !important; } .seminar-form-page .thanks-table-area .wp-block-table { margin: 0 !important; } .seminar-form-page .thanks-table-area table { width: 100% !important; border-collapse: collapse !important; border: 1px solid #d9e0ea !important; background: #fff !important; } .seminar-form-page .thanks-table-area th, .seminar-form-page .thanks-table-area td { padding: 16px 18px !important; border: 1px solid #d9e0ea !important; text-align: left !important; vertical-align: top !important; line-height: 1.7 !important; font-size: 15px !important; } /* 左ラベル列（場所/時間） */ .seminar-form-page .thanks-table-area td:first-child { width: 120px !important; background: #f5f8fb !important; color: #1B3A6B !important; font-weight: 700 !important; white-space: nowrap !important; } .seminar-form-page .thanks-table-area td strong { color: #1B3A6B !important; } /* ① ボタンエリア（2ボタン横並び・中央／SP縦積み） */ .seminar-form-page .thanks-btn-area { margin: 48px 0 0 !important; } .seminar-form-page .thanks-btn-area .wp-block-buttons { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 16px !important; margin: 0 !important; } .seminar-form-page .thanks-btn-area .wp-block-button { margin: 0 !important; } .seminar-form-page .thanks-btn-area .wp-block-button__link, .seminar-form-page .thanks-btn-area .wp-element-button { display: block !important; min-width: 260px !important; padding: 16px 28px !important; background: #1B3A6B !important; background-image: none !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-align: center !important; text-decoration: none !important; border: 1px solid #1B3A6B !important; border-radius: 6px !important; box-shadow: none !important; transition: background 0.3s ease, color 0.3s ease !important; } .seminar-form-page .thanks-btn-area .wp-block-button__link:hover, .seminar-form-page .thanks-btn-area .wp-element-button:hover { background: #2C4F8C !important; opacity: 1 !important; } /* 2つ目（協会TOP）は白地・紺枠で差別化 */ .seminar-form-page .thanks-btn-area .wp-block-button:last-child .wp-block-button__link, .seminar-form-page .thanks-btn-area .wp-block-button:last-child .wp-element-button { background: #fff !important; color: #1B3A6B !important; } .seminar-form-page .thanks-btn-area .wp-block-button:last-child .wp-block-button__link:hover, .seminar-form-page .thanks-btn-area .wp-block-button:last-child .wp-element-button:hover { background: #f0f3f8 !important; color: #1B3A6B !important; } /* SP：ボタン縦積み・全幅 */ @media screen and (max-width: 768px) { .seminar-form-page .thanks-btn-area .wp-block-buttons { flex-direction: column !important; align-items: center !important; } .seminar-form-page .thanks-btn-area .wp-block-button { width: 100% !important; max-width: 360px !important; } .seminar-form-page .thanks-btn-area .wp-block-button__link, .seminar-form-page .thanks-btn-area .wp-element-button { width: 100% !important; min-width: 0 !important; } .seminar-form-page .thanks-table-area td:first-child { width: 90px !important; } } @media screen and (max-width: 956px) { #main_content .post_content{ margin-top: 30px; } }