/* Theme Name: CURE Child Template: cure_tcd082 Version: 1.0 */ /* ============================================================ #1104 計画相談支援 大地｜ページCSS 本文から分離 ============================================================ */ /* ============================================================ #1104 計画相談支援 大地｜公開用 共通最小CSS ============================================================ */ /* ============================================================ セクション01｜計画相談支援 大地 ファーストビュー ============================================================ */ /* 背景装飾 */ /* コンテナ */ /* 2カラム */ /* ============================================================ ラベル ============================================================ */ /* ============================================================ H1 ============================================================ */ /* ============================================================ キャッチコピー ============================================================ */ /* ============================================================ リード文 ============================================================ */ /* ============================================================ 3ポイント ============================================================ */ /* カード */ /* 左アクセント */ /* 数字 */ /* 02のみゴールド */ /* ポイントタイトル */ /* ポイント説明 */ /* ============================================================ 補足 ============================================================ */ /* ============================================================ CTA ============================================================ */ /* メインCTA */ /* 電話CTA */ /* ============================================================ CTA下 安心表示 ============================================================ */ /* ============================================================ 写真 ============================================================ */ /* メイン画像 */ /* 写真上カード */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* ラベル */ /* H1 */ /* キャッチ */ /* リード */ /* カード */ /* 補足 */ /* CTA */ /* 安心表示 */ /* 写真 */ /* 写真カード */ } /* ============================================================ 小型スマートフォン ============================================================ */ /* ============================================================ セクション02｜計画相談支援とは ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ リード文 ============================================================ */ /* ============================================================ 4カード ============================================================ */ /* ============================================================ カード本体 ============================================================ */ /* 上部アクセント */ /* 右下装飾 */ /* ============================================================ カード番号 ============================================================ */ /* 02・04をゴールド */ /* ============================================================ カードタイトル ============================================================ */ /* ============================================================ カード本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 相談支援専門員 ============================================================ */ /* ============================================================ サービス等利用計画 ============================================================ */ /* ============================================================ 最後の安心メッセージ ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* カード */ /* 相談支援専門員 */ /* サービス等利用計画 */ /* 最後 */ } /* ============================================================ セクション03｜このようなお悩みはありませんか？ ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 6カード グリッド ============================================================ */ /* ============================================================ カード ============================================================ */ /* 左上の小アクセント */ /* 右下の薄い装飾 */ /* ============================================================ カード上部 ============================================================ */ /* チェック */ /* 番号 */ /* 02・04・06 ゴールド */ /* ============================================================ カードタイトル ============================================================ */ /* ============================================================ 説明文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 安心メッセージ ============================================================ */ /* ============================================================ 次セクションへの導線 ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 1列 */ /* カード */ /* 安心メッセージ */ } /* ============================================================ セクション06｜計画相談支援を利用できる方 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 2カラム ============================================================ */ /* ============================================================ 左ボックス ============================================================ */ /* ============================================================ 対象項目 ============================================================ */ /* ============================================================ 右ボックス ============================================================ */ /* ============================================================ 右側ミニリスト ============================================================ */ /* ============================================================ 制度上の補足 ============================================================ */ /* ============================================================ 次セクションへの導線 ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 左右ボックス */ /* 項目 */ /* 右側 */ /* 補足 */ } /* ============================================================ セクション07｜相談からサービス利用までの流れ ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ タイムライン本体 ============================================================ */ /* 中央ライン */ /* ============================================================ STEPカード ============================================================ */ /* 中央の丸 */ /* 偶数ゴールド */ /* ============================================================ STEP番号 ============================================================ */ /* ============================================================ STEPタイトル ============================================================ */ /* ============================================================ STEP本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 既に利用している方 ============================================================ */ /* ============================================================ 期間の補足 ============================================================ */ /* ============================================================ 最後の安心メッセージ ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* タイムラインを左寄せ */ /* カード1列 */ /* 補足 */ /* 安心メッセージ */ } /* ============================================================ セクション08｜だいこん畑の就労支援サービスとの連携 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 3サービス ============================================================ */ /* ============================================================ サービス番号 ============================================================ */ /* ============================================================ サービス内容 ============================================================ */ /* ============================================================ 相談例 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 連携イメージ ============================================================ */ /* ============================================================ 中立性メッセージ ============================================================ */ /* ============================================================ こんなこともご相談ください ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* 3サービス */ /* 連携図 */ /* 中立性 */ /* 相談例 */ } /* ============================================================ セクション09｜計画相談支援とA型・B型・就労定着支援の違い ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 共通小見出し ============================================================ */ /* ============================================================ 比較表 ============================================================ */ /* ============================================================ 4カード ============================================================ */ /* 番号 */ /* 役割 */ /* カードタイトル */ /* 本文 */ /* ポイント */ /* タグ */ /* ============================================================ 関係図 ============================================================ */ /* ============================================================ 組み合わせ利用 ============================================================ */ /* ============================================================ 内部リンク ============================================================ */ /* ============================================================ 安心メッセージ ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* 比較表 */ /* カード */ /* 関係図 */ /* 組み合わせ */ /* 内部リンク */ /* 安心メッセージ */ } /* ============================================================ セクション10｜計画相談支援 大地が大切にしていること ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 3カード ============================================================ */ /* ============================================================ 番号 ============================================================ */ /* ============================================================ 英字小ラベル ============================================================ */ /* ============================================================ カードタイトル ============================================================ */ /* ============================================================ カード本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ メッセージ ============================================================ */ /* ============================================================ 選択を大切にする ============================================================ */ /* ============================================================ 次セクション導線 ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* カード */ /* メッセージ */ /* 選択 */ /* 次セクション */ } /* ============================================================ セクション11｜対応地域・事業所情報 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 基本情報＋アクセス 2カラム ============================================================ */ /* ============================================================ 左：基本情報 ============================================================ */ /* ============================================================ 基本情報表 ============================================================ */ /* ============================================================ アクセス ============================================================ */ /* Google Map iframeを入れた場合 */ /* ============================================================ 対応地域 ============================================================ */ /* ============================================================ ご相談の前に ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* 基本情報 */ /* 地図 */ /* 対応地域 */ /* ご相談の前に */ } /* ============================================================ セクション12｜計画相談支援についてよくある質問 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ FAQ一覧 ============================================================ */ /* ============================================================ FAQ 1項目 ============================================================ */ /* ============================================================ 質問部分 ============================================================ */ /* ＋ボタン */ /* Q */ /* 質問文 */ /* ============================================================ 回答部分 ============================================================ */ /* A */ /* 回答本文 */ /* ============================================================ ご本人以外の方への案内 ============================================================ */ /* ============================================================ フォーカス ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* FAQ */ /* 回答 */ /* 次セクション */ } /* ============================================================ セクション13｜ご本人以外の方へ ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 6カード ============================================================ */ /* ============================================================ 番号 ============================================================ */ /* ============================================================ カード ============================================================ */ /* ============================================================ 本人中心メッセージ ============================================================ */ /* ============================================================ 連携図 ============================================================ */ /* ============================================================ 相談例 ============================================================ */ /* ============================================================ 情報共有補足 ============================================================ */ /* ============================================================ 最終CTAへの橋渡し ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 見出し */ /* カード */ /* 本人中心 */ /* 連携 */ /* 相談例 */ /* 補足・橋渡し */ } /* ============================================================ セクション14｜最終CTA ============================================================ */ /* 装飾 */ /* ============================================================ 英字ラベル ============================================================ */ /* ============================================================ H2 ============================================================ */ /* ============================================================ リード ============================================================ */ /* ============================================================ 安心ポイント ============================================================ */ /* ============================================================ CTAボタン ============================================================ */ /* 相談ボタン */ /* 電話ボタン */ /* ============================================================ 補足 ============================================================ */ /* ============================================================ 対象 ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* ラベル */ /* H2 */ /* リード */ /* ポイント */ /* ボタン */ /* 補足 */ /* 対象 */ } \3c !-- wp:html --> \3c style> .entry-content .daikon-section-guide__title { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 18px 24px !important; border: 0 !important; background: #ffffff !important; background-image: none !important; box-shadow: none !important; } /* ============================================================ 共通｜標準フォーマット説明文 「（標準）」見出し直下の説明文に共通使用 ============================================================ */ .daikon-standard-note { max-width: 960px; margin: -8px auto 24px !important; padding: 12px 16px; border-left: 4px solid #caa95f; border-radius: 0 8px 8px 0; background: #faf6ed; color: #59635c !important; font-size: 14px; line-height: 1.75; } .daikon-standard-note code { padding: 2px 5px; border-radius: 4px; background: rgba(49, 91, 64, 0.08); color: #315b40; font-family: Consolas, Monaco, monospace; font-size: 0.92em; } /* ============================================================ 共通｜CTAボタン部品 対象： ・（標準）標準ボタン① ・（標準）標準ボタン② ============================================================ */ /* ============================================================ 共通｜標準ボタン① 対象：（標準）標準ボタン① 用途： PCでは上段2つ・下段1つで配置し、3つとも同じ幅にします。 3つ目の「A型事業所一覧を見る」は中央配置です。 ============================================================ */ /* ============================================================ 共通｜標準ボタン② 対象：（標準）標準ボタン② ============================================================ */ /* ============================================================ 共通｜標準カード 対象：（標準）標準カード ============================================================ */ @media screen and (max-width: 781px) { .daikon-standard-note { margin: -6px 16px 20px !important; padding: 11px 14px; font-size: 13px; } } /* PCのみ表示　
*/ /* スマホのみ表示　
*/ /* ============================================================ セクション01｜就労定着支援 ファーストビュー ============================================================ */ /* 英字ラベル */ /* メイン見出し */ /* 補足 */ /* CTA */ /* 安心表示 */ /* 写真エリア */ /* 写真上カード */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ FV｜3ポイントカード 共通補助 ============================================================ */ /* ============================================================ FVカード｜レイアウト崩れ修正版 Gridを使わず安定した横長カードにする ============================================================ */ /* カード本体 */ /* カード内のブロック幅を強制リセット */ /* ============================================================ 番号 ============================================================ */ /* 02だけゴールド */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 説明文 ============================================================ */ /* ============================================================ 左アクセント ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ FV支援カード｜最終上書き 数字60px・余白縮小 ============================================================ */ /* 数字 01～03 */ /* タイトル */ /* 説明文 */ /* カード間の余白 */ /* スマホ */ /* ============================================================ セクション02｜就労定着支援とは ============================================================ */ /* 見出し */ /* ============================================================ 3つの支援内容｜カード ============================================================ */ /* カード本体 */ /* 上部グラデーション */ /* 右下の薄い装飾 */ /* 01・02・03 */ /* 02だけ少しゴールド */ /* 見出し */ /* 本文 */ /* タブレット */ /* スマートフォン */ /* 関係図 */ /* 働き始めた後の説明 */ /* 補足 */ /* 次セクション導線｜基本幅 */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ 就労定着支援｜関係図まわりの3カード ============================================================ */ /* カード本体 */ /* 上部アクセント */ /* 右下の薄い装飾 */ /* hover */ /* タイトル */ /* 本文 */ /* 2枚目だけ少し強調 */ /* タブレット以下 */ /* スマホ */ /* ============================================================ セクション02｜背景デザイン ============================================================ */ /* 背景装飾1 */ /* 背景装飾2 */ /* 中の要素を前面に出す */ /* タイトル */ /* 働き始めた後〜 の説明ボックス */ /* 画像 */ /* 注意文 */ /* 次の案内ブロック */ /* スマホ */ /* ============================================================ セクション03｜このような悩みはありませんか？ ============================================================ */ /* 見出し */ /* 悩みカード */ /* 仕事以外の影響 */ /* 安心ボックス */ /* 相談内容3分類 */ /* 次セクション導線 */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ 仕事・体調・生活｜コンパクトカード ============================================================ */ /* このカードには番号がないので、 共通CSSの大きな番号用余白を解除 */ /* 本文 */ /* 装飾円も少し小さく */ /* ============================================================ セクション03｜次セクション案内カード ============================================================ */ /* 上部アクセント */ /* 右上の装飾円 */ /* 見出し */ /* 説明文 */ /* ボタンを前面に */ /* 1個だけのボタンを中央配置 */ /* スマホ */ /* ============================================================ セクション04｜対象となる方 ============================================================ */ /* ============================================================ 小見出し ============================================================ */ /* ============================================================ 3つの条件カード｜列幅のみ カード本体は後段「対象者カード 最終調整」で定義 ============================================================ */ /* ============================================================ 対象サービス ============================================================ */ /* ============================================================ 復職した方 ============================================================ */ /* ============================================================ 対象か分からない方 ============================================================ */ /* CTA */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ セクション04｜対象者カード 最終調整 余白をなくしてコンパクト＋上品なカードへ ============================================================ */ /* 3カード全体 */ /* ============================================================ カード本体 ============================================================ */ /* 上部アクセント */ /* 右下の装飾 */ /* hover */ /* ============================================================ 01・02・03 ============================================================ */ /* 02だけ少しゴールド */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 本文 ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* 標準ボタンA｜1個だけのとき左右中央 */ .daikon-three-buttons > .wp-block-button:only-child { grid-column: 1 / -1 !important; justify-self: center !important; } /* ============================================================ セクション05｜就労定着支援で受けられる支援 ============================================================ */ /* ============================================================ 小見出し ============================================================ */ /* ============================================================ 6カード ============================================================ */ /* カード */ /* 上部アクセント */ /* 右下装飾 */ /* ============================================================ 番号 ============================================================ */ /* 偶数カードを少しゴールド */ /* ============================================================ カードタイトル ============================================================ */ /* 本文 */ /* タグ */ /* ============================================================ 連携フロー ============================================================ */ /* フロー本体 */ /* STEP */ /* フロー見出し */ /* 矢印 */ /* ============================================================ 安心補足 ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ 就労定着支援｜関係機関との連携エリア ============================================================ */ /* 左上の淡い丸 */ /* 右下の淡い丸 */ /* 中身を装飾より前へ */ /* 見出し */ /* 見出し直下の説明文 */ /* スマートフォン */ /* ============================================================ セクション06｜支援開始までの流れ ============================================================ */ /* ============================================================ タイムライン本体 ============================================================ */ /* 中央ライン */ /* ============================================================ 各STEP ============================================================ */ /* 左カード */ /* 右カード */ /* ============================================================ STEPマーカー ============================================================ */ /* 04 */ /* 最終 */ /* ============================================================ STEPカード ============================================================ */ /* 左右を中央線につなぐ線 */ /* 04 */ /* 06 */ /* ============================================================ カード内文字 ============================================================ */ /* ============================================================ STEP02 確認項目 ============================================================ */ /* ============================================================ 小補足 ============================================================ */ /* STEP04補足 */ /* STEP06タグ */ /* ============================================================ 手続き補足 ============================================================ */ /* ============================================================ application-flowへの内部リンク ============================================================ */ /* ============================================================ ボタン ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ タブレット・スマホ ============================================================ */ /* ============================================================ 就労定着支援タイムライン｜Gutenberg幅制限 修正 ============================================================ */ /* STEP内のGutenberg幅制限を解除 */ /* 左側 */ /* 右側 */ /* STEPマーカーを中央線に固定 */ /* カード幅 */ /* ============================================================ STEP01・02｜2カラムカード幅 修正版 ============================================================ */ /* 2カラム全体 */ /* 左右カラムを50%ずつ */ /* STEP01・02ではタイムライン用Gridを解除 */ /* カードをカラムいっぱいに広げる */ /* カード内の文字幅 */ /* 見出し */ /* 本文 */ /* スマホ */ /* ============================================================ セクション07｜就労定着支援 利用期間 ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* 装飾 */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ メイン「最長3年間」 ============================================================ */ /* ============================================================ 利用開始までの流れ ============================================================ */ /* フロー */ /* ============================================================ 1〜3年目 ============================================================ */ /* ============================================================ 利用終了後 ============================================================ */ /* ============================================================ 注意書き ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 縦型フロー */ /* 3年間カード */ } /* ============================================================ セクション08｜就労定着支援 利用料金 ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ メインメッセージ ============================================================ */ /* ============================================================ 3つのポイント ============================================================ */ /* ============================================================ 負担上限額 ============================================================ */ /* 表 */ /* ============================================================ 0円ボックス ============================================================ */ /* ============================================================ 受給者証 ============================================================ */ /* ============================================================ 受給者証｜横幅全体表示 修正版 ============================================================ */ /* 中のWordPressカラムを横幅いっぱいに */ /* 左右を均等幅に */ /* 左側説明文 */ /* 右側の受給者証イメージ */ /* 上限月額欄 */ /* スマートフォン */ /* ============================================================ 注意書き ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ セクション09｜就労定着支援で相談できること ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 6つの相談カード ============================================================ */ /* 番号 */ /* 英字カテゴリ */ /* カードタイトル */ /* 本文 */ /* タグ */ /* ============================================================ 仕事以外の相談 ============================================================ */ /* ============================================================ 勤務先との調整 ============================================================ */ /* ============================================================ 関係機関連携 ============================================================ */ /* ============================================================ 相談内容が分からなくてもOK ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ セクション10｜就労定着支援 よくある質問 ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ FAQ一覧 ============================================================ */ /* FAQ1件 */ /* summary */ /* Q */ /* ＋ */ /* 開いたときの質問部分 */ /* ============================================================ 回答 ============================================================ */ /* 回答内リンク */ /* ============================================================ 相談CTA ============================================================ */ /* CTAボタン */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ セクション11｜関連する支援 ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 4カード ============================================================ */ /* 番号 */ /* 英字 */ /* カード見出し */ /* 説明 */ /* 対象 */ /* ボタン */ /* ============================================================ 「どれを選べばいい？」ボックス ============================================================ */ /* ============================================================ 次セクション ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ セクション12｜就労定着支援 最終CTA ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* ============================================================ メインカード ============================================================ */ /* ============================================================ 見出し ============================================================ */ /* ============================================================ 安心ポイント3つ ============================================================ */ /* ============================================================ CTAエリア ============================================================ */ /* ============================================================ ボタン ============================================================ */ /* お問い合わせ */ /* 電話 */ /* ============================================================ 安心表示 ============================================================ */ /* ============================================================ 締めのメッセージ ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ 最終CTA｜おしゃれ背景 ============================================================ */ /* 上部のアクセントライン */ /* 右上の薄い円 */ /* 見出し */ /* 説明文 */ /* ボタンエリアも前面へ */ /* スマホ */ /* ============================================================ 就労定着支援｜本文・説明文 16px統一 ============================================================ */ /* ============================================================ 就労定着支援｜強調テキスト 20px統一 ============================================================ */ /* 「就職後の困りごとは、仕事だけが原因とは限りません。」 */ /* ============================================================ 就労定着支援｜説明文をPC・スマホとも中央揃え ============================================================ */ .daikon-section-lead { text-align: center !important; } /* ============================================================ 就労定着支援｜中央揃え 最終調整 PC・スマホ共通／カード本文には影響させない ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション03｜このようなお悩みはありませんか？ ============================================================ */ /* ============================================================ セクション本体 ============================================================ */ /* ============================================================ カード配置 ============================================================ */ /* ============================================================ カード ============================================================ */ /* 上部アクセント */ /* 背景装飾 */ /* ============================================================ 番号 ============================================================ */ /* 02・04・06をゴールド系 */ /* ============================================================ カードタイトル ============================================================ */ /* ============================================================ 本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 下部 安心メッセージ ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション04｜計画相談支援 大地でできること ============================================================ */ /* ============================================================ セクション本体 ============================================================ */ /* ============================================================ ステップ全体 ============================================================ */ /* 縦のライン */ /* ============================================================ 各ステップ ============================================================ */ /* ============================================================ 番号 ============================================================ */ /* 偶数のみゴールド */ /* ============================================================ 内容カード ============================================================ */ /* 左アクセント */ /* 偶数はゴールドアクセント */ /* 右下装飾 */ /* ============================================================ タイトル ============================================================ */ /* ============================================================ 本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* 偶数タグ */ /* ============================================================ 下部メッセージ ============================================================ */ /* 上アクセント */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション05｜サービス等利用計画とは ============================================================ */ /* ============================================================ 5項目＋中央 ============================================================ */ /* 番号 */ /* タイトル */ /* 本文 */ /* ============================================================ 中央カード ============================================================ */ /* ============================================================ 計画は一度作って終わりではありません ============================================================ */ /* ============================================================ 4段階サイクル ============================================================ */ /* ============================================================ 中間CTA ============================================================ */ /* ボタン */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ セクション05｜CURE / Gutenberg レイアウト競合対策 ============================================================ */ /* ============================================================ セクション05｜5項目 カラム方式 完成版 ============================================================ */ /* 通常カード */ /* 番号 */ /* タイトル */ /* 本文 */ /* 中央カード */ /* スマートフォン */ /* ============================================================ #1104 計画相談支援 大地 セクション05｜サービス等利用計画とは ============================================================ */ /* ============================================================ セクション本体 ============================================================ */ /* ============================================================ 5項目 ============================================================ */ /* 1段 */ /* ============================================================ 通常カード ============================================================ */ /* 上アクセント */ /* ============================================================ 番号 ============================================================ */ /* ============================================================ タイトル ============================================================ */ /* ============================================================ 説明文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 中央カード ============================================================ */ /* ============================================================ 計画は一度作って終わりではありません ============================================================ */ /* ============================================================ 4ステップ ============================================================ */ /* ============================================================ タブレット ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション06｜計画相談支援を利用できる方 ============================================================ */ /* ============================================================ セクション本体 ============================================================ */ /* ============================================================ メインボックス ============================================================ */ /* 上部アクセント */ /* ============================================================ CHECK ============================================================ */ /* ============================================================ メインタイトル ============================================================ */ /* ============================================================ チェックリスト ============================================================ */ /* 1項目 */ /* ============================================================ チェックマーク ============================================================ */ /* ============================================================ 内容 ============================================================ */ /* ============================================================ サービス未定でも相談OK ============================================================ */ /* ============================================================ 利用条件について ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション07｜相談からサービス利用までの流れ v2 ============================================================ */ /* ============================================================ セクション本体 ============================================================ */ /* ============================================================ タイムライン ============================================================ */ /* 縦ライン */ /* ============================================================ 各STEP ============================================================ */ /* ============================================================ STEP番号 ============================================================ */ /* 偶数をゴールド */ /* ============================================================ 内容カード ============================================================ */ /* ============================================================ STEPラベル ============================================================ */ /* ============================================================ H3 ============================================================ */ /* ============================================================ 本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 継続支援メッセージ ============================================================ */ /* ============================================================ 中間CTA ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション08｜だいこん畑の就労支援サービスとの連携 v2 ============================================================ */ /* ============================================================ セクション本体 ============================================================ */ /* ============================================================ 計画相談支援 大地 ============================================================ */ /* ============================================================ 3サービス ============================================================ */ /* カード */ /* 番号 */ /* 英字 */ /* H3 */ /* キャッチ */ /* 説明 */ /* タグ */ /* ============================================================ 本人中心の支援 ============================================================ */ /* ============================================================ 相談例 ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション09｜サービス比較 v2 ============================================================ */ /* ============================================================ 全体 ============================================================ */ /* ============================================================ 比較表エリア ============================================================ */ /* ============================================================ 比較表 ============================================================ */ /* ============================================================ 詳細カード ============================================================ */ /* カード */ /* 番号 */ /* 英字 */ /* H3 */ /* キャッチ */ /* 説明文 */ /* タグ */ /* 詳細リンク */ /* ============================================================ どれを選ぶかわからない ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション10｜大切にしていること v2 ============================================================ */ /* ============================================================ 全体 ============================================================ */ /* ============================================================ 3カード ============================================================ */ /* カード */ /* 上部アクセント */ /* 真ん中だけゴールド */ /* ============================================================ 番号 ============================================================ */ /* 02 */ /* ============================================================ 英字ラベル ============================================================ */ /* ============================================================ H3 ============================================================ */ /* ============================================================ 本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ OUR APPROACH ============================================================ */ /* 上部ライン */ /* ラベル */ /* H3 */ /* 本文 */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 計画相談支援 大地 セクション11｜対応地域・事業所情報 v2 ============================================================ */ /* ============================================================ 全体 ============================================================ */ /* ============================================================ 共通ラベル ============================================================ */ /* ============================================================ 共通H3 ============================================================ */ /* ============================================================ 対応地域 ============================================================ */ /* 対応地域ボックス */ /* ============================================================ 事業所情報 ============================================================ */ /* 各行 */ /* 項目 */ /* 内容 */ /* ============================================================ アクセス ============================================================ */ /* 左 */ /* 地図 */ /* Google Mapを後でiframeにした場合 */ /* ============================================================ 対応地域補足 ============================================================ */ /* ============================================================ CTA ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 対応地域 */ /* 事業所情報 */ /* アクセス */ /* 注意 */ /* CTA */ } /* ============================================================ #1104 相談支援 大地 セクション12｜よくある質問 v2 ============================================================ */ /* ============================================================ 全体 ============================================================ */ /* ============================================================ FAQ項目 ============================================================ */ /* 開いた状態 */ /* ============================================================ 質問部分 ============================================================ */ /* Chrome / Safari の標準三角を消す */ /* Firefox等 */ /* 開いたとき */ /* ============================================================ Q番号 ============================================================ */ /* 偶数はゴールド */ /* ============================================================ 質問文 ============================================================ */ /* ============================================================ ＋ − アイコン ============================================================ */ /* ============================================================ 回答 ============================================================ */ /* Aマーク */ /* ============================================================ FAQ下メッセージ ============================================================ */ /* 上部ライン */ /* ラベル */ /* H3 */ /* 本文 */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* 質問 */ /* Q番号 */ /* 質問 */ /* ＋ */ /* 回答 */ /* FAQ下 */ } /* ============================================================ #1104 相談支援 大地 セクション13｜ご本人以外の方へ v2 ============================================================ */ /* ============================================================ 全体 ============================================================ */ /* ============================================================ 6カード ============================================================ */ /* カード */ /* 上部ライン */ /* 2、5番目はゴールド */ /* ============================================================ 番号 ============================================================ */ /* 2列目 */ /* ============================================================ 英字 ============================================================ */ /* ============================================================ H3 ============================================================ */ /* ============================================================ キャッチ ============================================================ */ /* ============================================================ 本文 ============================================================ */ /* ============================================================ タグ ============================================================ */ /* ============================================================ 相談例 ============================================================ */ /* チェック */ /* ============================================================ 本人中心の支援 ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* カード */ /* 相談例 */ /* メッセージ */ } /* ============================================================ #1104 相談支援 大地 セクション14｜最終CTA v2 ============================================================ */ /* ============================================================ セクション全体 ============================================================ */ /* 背景装飾 */ /* ============================================================ 内側 ============================================================ */ /* ============================================================ 英字ラベル ============================================================ */ /* ============================================================ H2 ============================================================ */ /* ============================================================ リード ============================================================ */ /* ============================================================ 安心ポイント3つ ============================================================ */ /* カード */ /* 番号 */ /* タイトル */ /* 本文 */ /* ============================================================ CTA本体 ============================================================ */ /* 上部文 */ /* ============================================================ ボタン ============================================================ */ /* ============================================================ 補足 ============================================================ */ /* ============================================================ 安心タグ ============================================================ */ /* ============================================================ 事業所名 ============================================================ */ /* ============================================================ スマートフォン ============================================================ */ @media screen and (max-width: 781px) { /* H2 */ /* リード */ /* カード */ /* CTA */ /* 補足 */ /* 安心タグ */ /* 事業所 */ } /* ============================================================ #1104 相談支援 大地 指定テキストのフォントサイズ調整 ============================================================ */ /* ------------------------------------------------------------ 16px ------------------------------------------------------------ */ /* FV｜3つの説明文 ・どの福祉サービスを利用すればよいかわからない段階から～ ・サービス等利用計画の作成や～ ・サービス開始後も状況を確認し～ */ /* FV｜利用したいサービスが決まっていない段階でも～ */ /* FV｜利用サービス未定でも相談可 ご家族からの相談可 相談支援専門員が対応 */ /* セクション05｜カード説明文 これからどのように生活したいか～ ※他のサービス等利用計画カードも16pxで統一 */ /* セクション06｜利用条件について */ /* セクション06｜利用条件の説明文 */ /* ------------------------------------------------------------ STEP 01 ～ STEP 08：20px ------------------------------------------------------------ */ /* ============================================================ 相談支援 大地 PC：中央揃え / スマホ：左寄せ ============================================================ */ /* PC */ /* スマートフォン */ /* ============================================================ 相談支援 大地｜単独CTAボタンを中央配置 ============================================================ */ /* ============================================================ #1104 相談支援 大地 FVボタン 最終調整 ============================================================ */ /* スマートフォン */ /* ============================================================ #1104 計画相談支援 大地 ファーストビュー｜CTAボタン幅調整 ============================================================ */ /* スマートフォン */ /* 相談支援を利用できる方｜カード上部余白を縮小 */ /* ============================================================ #1104 セクション06｜対象者カード 見出し上部の余白を縮小 ============================================================ */ /* ============================================================ #1104 セクション07 STEPと見出しの間隔を強制調整 ============================================================ */ /* ============================================================ #1104 セクション11｜事業所情報 レイアウト修正版 ============================================================ */ /* 全体 */ /* 見出し */ /* 表全体 */ /* 1行 */ /* 最後の行 */ /* 左：項目名 */ /* 右：内容 */ /* 事業所名だけ少し強調 */ /* 行ホバー */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 セクション11｜事業所情報 WordPress inner-container対応 最終修正 ============================================================ */ /* 表全体 */ /* 各行 */ /* ============================================================ WordPressが自動生成するinner-container ============================================================ */ /* inner-containerが生成されない環境にも対応 */ /* 左：項目名 */ /* 右：内容 */ /* 事業所名 */ /* 最終行 */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 セクション11｜事業所情報 背景デザイン ============================================================ */ /* 左上の装飾円 */ /* 右下の装飾 */ /* 「事業所情報」見出し */ /* 見出し下の短いライン */ /* 表を背景から浮かせる */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 セクション11｜アクセス 背景デザイン ============================================================ */ /* 背景装飾 */ /* ============================================================ アクセス見出し ============================================================ */ /* ============================================================ 2カラム ============================================================ */ /* 左：住所・交通案内 */ /* 住所 */ /* 区切り線 */ /* 交通案内 */ /* ============================================================ 右：Googleマップ ============================================================ */ /* 仮表示 */ /* Google Map iframeを入れた後 */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 セクション11 対応地域 → 事業所情報の余白を縮小 ============================================================ */ /* ============================================================ #1104 事業所情報｜上の余白を縮小 ============================================================ */ /* ============================================================ #1104 セクション11｜CTA 背景デザイン ============================================================ */ /* 左上の装飾 */ /* 右下の装飾 */ /* CTAテキスト */ /* ボタン群 */ /* ============================================================ スマートフォン ============================================================ */ /* ============================================================ #1104 STEP01 STEP番号・見出し・タグを上下中央揃え ============================================================ */ /* 各カラムも上下中央 */ /* STEP 01 */ /* お問い合わせ */ /* まずは相談から */ /* ============================================================ PC・スマホ専用改行 ============================================================ */ /* PC */ br.br-sp { display: none !important; } br.br-pc { display: inline !important; } /* スマホ */ @media screen and (max-width: 781px) { br.br-sp { display: block !important; } br.br-pc { display: none !important; } } /* ============================================================ 共通｜各ページ最初のセクション上余白を縮小 ============================================================ */ .daikon-section-heading:first-of-type {    margin-top: 24px !important; padding-top: 0 !important; } /* ================================================== 事業所名アンカー見出し ================================================== */ .plant-area-heading { position: relative; width: fit-content; margin: 60px auto 40px !important; padding: 0 42px 18px; color: #274531 !important; font-size: clamp(25px, 2.5vw, 34px) !important; font-weight: 700; line-height: 1.5; letter-spacing: 0.06em; text-align: center !important; } /* 見出し下のゴールド線 */ .plant-area-heading::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 64px; height: 3px; background: #c89516; border-radius: 999px; transform: translateX(-50%); } /* アンカー移動時に固定ヘッダーへ隠れないようにする */ .plant-area-heading[id] { scroll-margin-top: 150px; } /* スマートフォン */ @media screen and (max-width: 781px) { .plant-area-heading { margin: 42px auto 30px !important; padding: 0 20px 15px; font-size: 24px !important; } .plant-area-heading[id] { scroll-margin-top: 100px; } } /* A型説明文から店舗見出しまでの余白を縮める */ .plant-office-section { padding-top: 36px !important; } .plant-office-section .plant-area-heading { margin-top: 0 !important; margin-bottom: 32px !important; } /* スマートフォン */ @media screen and (max-width: 781px) { .plant-office-section { padding-top: 28px !important; } .plant-office-section .plant-area-heading { margin-top: 0 !important; margin-bottom: 24px !important; } } /* B型ラベル：ベージュ系 */ body .plant-office-card .plant-badge--b { color: #755b24 !important; background: #f7f0df !important; border: 1px solid #dfcfaa !important; } /* マウス選択時も色を維持 */ body .plant-office-card .plant-badge--b a { color: inherit !important; } /* ================================================== 計画相談支援カード：レイアウト修正 ================================================== */ body .plant-planning-card { display: grid !important; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important; gap: 48px !important; align-items: center !important; width: min(100% - 40px, 1120px) !important; box-sizing: border-box !important; margin: 44px auto 0 !important; padding: 48px !important; overflow: hidden; background: linear-gradient(135deg, #fffdf8, #f7faf5) !important; border: 1px solid #dfdfcf !important; border-radius: 20px !important; box-shadow: 0 12px 32px rgba(57, 81, 60, 0.09); scroll-margin-top: 150px; } /* Gutenbergの共通幅制限を解除 */ body .plant-planning-card > .wp-block-group { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } /* 左側 */ body .plant-planning-card__intro { display: flex; flex-direction: column; align-items: flex-start; } body .plant-planning-card .plant-badge--p { width: fit-content; margin: 0 0 20px !important; padding: 7px 16px !important; color: #765c24 !important; background: #f7f0df !important; border: 1px solid #dfcfaa !important; border-radius: 999px; font-size: 14px; font-weight: 700; } body .plant-planning-card h3 { position: relative; margin: 0 0 25px !important; padding-bottom: 17px; color: #24432e !important; font-size: clamp(27px, 2.5vw, 36px) !important; line-height: 1.45; } body .plant-planning-card h3::after { content: ""; position: absolute; bottom: 0; left: 0; width: 64px; height: 3px; background: #c89516; border-radius: 999px; } body .plant-planning-card__intro > p:not(.plant-badge) { margin: 0 !important; color: #4d5b50; font-size: 16px; line-height: 2; } /* 右側 */ body .plant-planning-card__data { display: flex; flex-direction: column; } body .plant-planning-card__data .plant-data { width: 100% !important; margin: 0 0 24px !important; overflow: hidden; background: #fff !important; border: 1px solid #dce6da !important; border-radius: 15px !important; } body .plant-planning-card__data .plant-data > div { display: grid !important; grid-template-columns: 125px minmax(0, 1fr) !important; gap: 20px; align-items: center; min-height: 76px !important; height: auto !important; max-height: none !important; box-sizing: border-box; padding: 17px 22px !important; border: 0 !important; } body .plant-planning-card__data .plant-data > div + div { border-top: 1px solid #e1e8df !important; } body .plant-planning-card__data .plant-data dt { color: #28763c !important; font-weight: 700; } body .plant-planning-card__data .plant-data dd { min-width: 0; margin: 0; color: #34463a; line-height: 1.7; overflow-wrap: anywhere; } /* 詳細ボタン */ body .plant-planning-card .plant-button--card { display: block !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } body .plant-planning-card .plant-button--card a { position: relative; display: flex !important; align-items: center; justify-content: center; width: 100%; min-height: 62px; box-sizing: border-box; padding: 14px 52px 14px 22px; color: #fff !important; background: linear-gradient(135deg, #287d3d, #3e9852) !important; border: 1px solid #287d3d !important; border-radius: 12px !important; box-shadow: 0 8px 20px rgba(39, 125, 61, 0.18); font-weight: 700; text-align: center; text-decoration: none !important; } body .plant-planning-card .plant-button--card a::after { content: "→"; position: absolute; right: 22px; color: #f2cf65; font-size: 20px; } /* スマートフォン */ @media screen and (max-width: 781px) { body .plant-planning-card { grid-template-columns: 1fr !important; gap: 30px !important; width: calc(100% - 32px) !important; margin-top: 32px !important; padding: 28px 22px !important; } body .plant-planning-card__data .plant-data > div { grid-template-columns: 1fr !important; gap: 5px; min-height: 0 !important; padding: 16px 18px !important; } body .plant-planning-card .plant-button--card a { min-height: 56px; padding-right: 45px; font-size: 15px; } }