@charset "UTF-8"; /* Template: swell Theme Name: SWELL CHILD Theme URI: https://swell-theme.com/ Description: SWELLの子テーマ Version: 1.0.0 Author: LOOS WEB STUDIO Author URI: https://loos-web-studio.com/ License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl.html */ /* ============================== 全体 letter-spacing ============================== */ body { letter-spacing: 0.1em; } /* ============================== H2 フォント統一（投稿ページは除外＝SWELLデフォルトのまま） ※ .single クラスはではなく #body_wrap に付くため #body_wrap で除外 ============================== */ #body_wrap:not(.single) .post_content h2:not(.p-postList__title) { font-family: "Noto Serif JP", serif; font-size: 24px !important; font-weight: normal !important; letter-spacing: .1em; } #body_wrap:not(.single) .post_content h3 { font-family: "Noto Serif JP", serif; font-weight: 500; margin: 10px 0 30px 0; } /* 投稿一覧：カードタイトル（汎用見出し装飾を当てず17pxゴシックに） */ h2.p-postList__title, .post_content h2.p-postList__title { font-size: 17px !important; font-family: "Noto Sans JP", sans-serif !important; font-weight: normal !important; } /* ============================== トップページ：段落・グループブロックを左揃え（h2と同じ位置に揃える） ============================== */ .home .post_content > p, .home .post_content > .wp-block-paragraph, .home .post_content > .wp-block-group:not(.alignwide):not(.alignfull), .home .post_content > .wp-block-columns, .home .post_content > .wp-block-table, .home .post_content > .swell-block-faq, .home .post_content > .p-postListWrap { margin-left: var(--swl-h2-margin--x, 0); width: calc(100% + calc(-1 * var(--swl-h2-margin--x, 0px))); } /* 幅広・全幅ブロックは中央揃えを維持 */ .home .post_content > .wp-block-group.alignwide, .home .post_content > .wp-block-group.alignfull { margin-left: auto; margin-right: auto; } /* 「安心して話せる相談室。」直下のテキスト行間 */ .home .wp-block-group.alignwide .has-huge-font-size + .wp-block-paragraph { line-height: 2.5 !important; } /* ステップテキスト */ .swell-block-step__item .swell-block-step__title { font-weight: 500; } /* STEP ラベル＋数字をブランドカラーに */ .swell-block-step__number .__label, .swell-block-step__number::after { color: var(--color_main, #77a3c5) !important; } /* テーブル行の高さ・縦中央揃え */ .post_content table td, .post_content table th { height: 50px; vertical-align: middle; } /* ============================== メインビジュアル ============================== */ /* 見出し：Noto Serif JP 36px */ .p-mainVisual__slideTitle { font-family: "Noto Serif JP", serif !important; font-size: 36px !important; font-weight: normal !important; letter-spacing: 0.2em !important; } /* MV タイトルと本文の間隔 */ .p-mainVisual__slideTitle { margin-bottom: 10px !important; } /* MV サブテキスト行間 */ .p-mainVisual__slideText { line-height: 2 !important; } /* テキスト・ボタンの位置を上に */ .p-mainVisual__textLayer { padding-bottom: 20% !important; } /* MV ボタン：角丸・幅 */ .c-mvBtn__btn { border-radius: 999px !important; width: 230px !important; text-align: center !important; } /* ============================== フッター SNSアイコン ============================== */ .footer-sns-icons { display: flex; gap: 12px; margin-top: 16px; align-items: center; } .footer-sns-link img { width: 32px; height: 32px; display: block; margin: 0; transition: opacity 0.2s; } .footer-sns-link:hover img { opacity: 0.75; } /* フッター右カラム：ナビ */ .w-footer__box .widget_nav_menu ul { list-style: none; padding: 0; margin: 0; } .w-footer__box .widget_nav_menu ul li { margin: 0; } /* スマホのみ横並び */ @media (max-width: 599px) { .w-footer__box .widget_nav_menu ul { display: flex !important; flex-wrap: wrap; gap: 8px 16px; } } .w-footer__box .widget_nav_menu ul li a { font-size: 13px; text-decoration: none; opacity: 0.85; color: #4b4b4b; } .w-footer__box .widget_nav_menu ul li a:hover { opacity: 1; text-decoration: none; } .p-postList.-pc-col3 { margin-left: -16px; margin-right: -16px; } /* 投稿一覧横野余白 */ .p-postList.-pc-col3 > li { padding-left: 16px; padding-right: 16px; } /* ============================== カウンセラーセクション ============================== */ /* 背景とコンテンツの余白・下マージン */ .wp-block-group.has-swl-main-thin-background-color, .wp-block-group.alignwide.has-swl-main-thin-background-color { padding: 60px !important; margin-bottom: 30px !important; } /* カウンセラー本文行間 */ .wp-block-group.has-swl-main-thin-background-color p { line-height: 2 !important; } /* COUNSELORラベル */ .counselor-label { font-family: "Noto Serif JP", serif !important; text-transform: uppercase !important; font-size: 12px !important; letter-spacing: 0.25em !important; color: var(--swl-color-main, #7aadbb) !important; margin-bottom: 6px !important; margin-top: 0 !important; font-weight: normal !important; } /* カウンセラー名 */ .counselor-name { font-family: "Noto Serif JP", serif !important; font-size: 22px !important; font-weight: normal !important; letter-spacing: 0.05em !important; margin-bottom: 4px !important; } /* 英語名 */ .counselor-name-en { font-size: 13px !important; letter-spacing: 0.15em !important; color: #666 !important; margin-left: 12px !important; font-weight: normal !important; } /* ============================== ご相談メニューカード ============================== */ .menu-card { border-radius: 10px !important; overflow: hidden !important; } /* カード内の画像（上角丸はoverflow:hiddenで自動クリップ） */ .menu-card .wp-block-image img { border-radius: 0 !important; display: block !important; } /* カード内見出し：ゴシック・レギュラー */ .menu-card h3 { font-family: "Noto Sans JP", sans-serif !important; font-weight: normal !important; } /* ご利用の流れ：カード見出しゴシック・レギュラー（ステップブロックを含むカードを特定） */ .home .wp-block-group.has-white-background-color:has(.swell-block-step) h3, .home .wp-block-group.has-white-background-color:has(.swell-block-step) h3 span { font-family: "Noto Sans JP", sans-serif !important; font-weight: normal !important; } /* ============================== サービスタグ（対面・オンラインなど） ============================== */ .service-tag p, p.service-tag { display: inline-block !important; font-size: 12px !important; line-height: 1 !important; padding: 6px 14px !important; border-radius: 999px !important; background-color: #DDECF6 !important; color: #555 !important; margin: 0 0 16px !important; letter-spacing: 0.05em !important; } /* 円形写真 */ .counselor-photo img { border-radius: 50% !important; aspect-ratio: 1 / 1 !important; object-fit: cover !important; width: 100% !important; max-width: 280px !important; height: auto !important; display: block !important; margin: 0 auto !important; } /* ============================== プロフィールセクション ============================== */ /* 名前 */ .profile-name { font-family: "Noto Serif JP", serif !important; font-size: 22px !important; font-weight: normal !important; letter-spacing: 0.05em !important; margin-bottom: 20px !important; line-height: 1.4 !important; } /* プロフィールテーブル */ .profile-table table { width: 100% !important; border-collapse: collapse !important; } .profile-table table tr { border-top: 1px solid #e0e0e0 !important; } .profile-table table tr:last-child { border-bottom: 1px solid #e0e0e0 !important; } .profile-table table td { padding: 14px 8px !important; vertical-align: top !important; line-height: 2 !important; } /* ラベル列（学歴・資格・経歴） */ .profile-table table td:first-child { color: var(--swl-color-main, #5A84A8) !important; white-space: nowrap !important; width: 3em !important; padding-right: 16px !important; } /* プロフィール写真 */ .profile-photo img { width: 100% !important; max-width: 320px !important; height: auto !important; display: block !important; margin: 0 auto !important; } /* ============================== アクセスレイアウト ============================== */ /* 地図と住所を上揃え */ .page-id-11 .wp-block-columns.are-vertically-aligned-center:has(.wp-image-280) { align-items: flex-start !important; } /* ============================== アクセスマップボタン ============================== */ .page-id-11 .wp-block-button.is-style-outline .wp-block-button__link { border: 1px solid #a8c8d8 !important; color: #7aadbb !important; background: transparent !important; border-radius: 4px !important; padding: 16px 24px !important; letter-spacing: 0.05em !important; width: 100% !important; text-align: center !important; display: block !important; } .page-id-11 .wp-block-button.is-style-outline .wp-block-button__link:hover { background: #f3f8fb !important; } /* ============================== Aboutページヘッダー ============================== */ /* Aboutページ本文行間 */ .page-id-11 .post_content p, .page-id-11 .post_content .wp-block-paragraph, .page-id-11 .wp-block-group__inner-container p { line-height: 2 !important; } /* policiesページ：h3 sans-serif・太字なし */ .page-id-263 .post_content h3 { font-family: "Noto Sans JP", sans-serif !important; } /* policiesページ：h2の左マージンをリセット＋ブランドカラー下線＋ゴシック */ .page-id-263 .post_content h2 { margin-left: 0 !important; width: 100% !important; border-bottom: 2px solid var(--color_main, #77a3c5) !important; padding-bottom: 8px !important; font-size: 24px !important; font-family: "Noto Sans JP", sans-serif !important; font-weight: normal !important; } /* デフォルトページタイトルを非表示（post_content内に代替タイトルを配置） */ .page-id-11 .c-pageTitle, .page-id-185 .c-pageTitle, .page-id-263 .c-pageTitle, .page-id-411 .c-pageTitle, .blog .c-pageTitle { display: none !important; } .page-id-11 #breadcrumb, .page-id-185 #breadcrumb, .page-id-263 #breadcrumb, .page-id-411 #breadcrumb, .blog #breadcrumb { margin-bottom: 0 !important; } .page-id-11 #content, .page-id-11 .l-mainContent, .page-id-11 .l-mainContent__inner, .page-id-11 .post_content, .page-id-185 #content, .page-id-185 .l-mainContent, .page-id-185 .l-mainContent__inner, .page-id-185 .post_content, .page-id-263 #content, .page-id-263 .l-mainContent, .page-id-263 .l-mainContent__inner, .page-id-263 .post_content, .page-id-411 #content, .page-id-411 .l-mainContent, .page-id-411 .l-mainContent__inner, .page-id-411 .post_content, .blog #content, .blog .l-mainContent, .blog .l-mainContent__inner, .blog .post_content { margin-top: 0 !important; padding-top: 0 !important; } /* お知らせ・コラム：投稿リストをタイトルと同じ幅（最大1068px）に拡張 */ .blog .p-homeContent { width: min(1068px, 92vw); margin-left: calc((100% - min(1068px, 92vw)) / 2); } /* 投稿ページ：本文とタイトルの左端を揃える（SWELLは本文に左右16pxのパディング、h2に-16pxのマージンを与えるため両方を0に） */ .single .post_content { --swl-pad_post_content: 0px; --swl-h2-margin--x: 0px; } /* 投稿ページ：本文の見出し（h2〜h4）の太さを500に見出し内がで囲まれている場合も対象にする（strongは700固定のため） */ .single .post_content h2, .single .post_content h3, .single .post_content h4, .single .post_content h2 strong, .single .post_content h3 strong, .single .post_content h4 strong { font-weight: 500 !important; } /* 投稿ページ：記事タイトルの太さを500に */ .single .c-postTitle__ttl, .single .c-postTitle__ttl strong { font-weight: 500 !important; } /* ============================== ご予約・お問い合わせカード ============================== */ /* カード枠 */ .contact-card { border: 1px solid #e0e0e0 !important; border-radius: 10px !important; padding: 36px 24px !important; background: #fff !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* アイコン画像：中央寄せ */ .contact-card .wp-block-image { text-align: center !important; width: 100% !important; margin-bottom: 8px !important; } .contact-card .wp-block-image img { margin: 0 auto !important; display: block !important; } /* カードタイトル */ .contact-card__title { font-weight: bold !important; font-size: 16px !important; text-align: center !important; margin: 12px 0 16px !important; letter-spacing: 0.05em !important; } /* 説明文・リスト */ .contact-card p:not(.contact-card__title), .contact-card .wp-block-list { line-height: 1.8 !important; align-self: stretch !important; } /* メールアイコン（FA envelope） */ .contact-icon-wrap { width: 78px !important; height: 78px !important; border-radius: 50% !important; background-color: #e8f0f5 !important; display: flex !important; align-items: stretch !important; justify-content: center !important; margin: 0 auto !important; } .contact-icon-wrap i { font-size: 30px !important; color: #8bb8c8 !important; } /* ボタンを下部に固定 */ .contact-card .swell-block-button { align-self: stretch !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: auto !important; padding-top: 24px !important; } .contact-card .swell-block-button__link { width: 100% !important; min-width: 0 !important; text-align: center !important; display: block !important; box-sizing: border-box !important; } /* ============================== アンカーリンクスクロール位置補正（固定ヘッダー分） ============================== */ [id] { scroll-margin-top: var(--swl-fix_headerH, 80px); } /* ============================== よくある質問 ============================== */ /* Q/A アイコン：テーマカラーの円 */ .swell-block-faq .faq_q::before, .swell-block-faq .faq_a::before { background-color: #7aadbb !important; color: #fff !important; border-radius: 50% !important; font-weight: normal !important; } /* 質問テキスト：ボールド */ .swell-block-faq .faq_q { font-weight: bold !important; } /* 回答テキスト：レギュラー */ .swell-block-faq .faq_a { font-weight: normal !important; } /* アイテム間の区切り線 */ .swell-block-faq .swell-block-faq__item { border-bottom: 1px solid #e0e0e0 !important; padding-bottom: 24px !important; margin-bottom: 24px !important; } .swell-block-faq .swell-block-faq__item:last-child { border-bottom: none !important; margin-bottom: 0 !important; } /* ============================== Contact Form 7 スタイル ============================== */ /* フォーム全体の幅・余白 */ .page-id-411 .wpcf7 { max-width: 640px; margin: 80px auto 0; } /* 必須バッジ */ .page-id-411 .cf7-required { display: inline-block; font-size: 11px; color: #c97070; background-color: transparent; padding: 0 4px; margin-left: 6px; vertical-align: middle; letter-spacing: 0.05em; font-weight: normal; } /* ラベル */ .page-id-411 .wpcf7-form label { display: flex; flex-wrap: wrap; align-items: center; row-gap: 8px; margin-bottom: 24px; font-size: 14px; font-family: "Noto Sans JP", sans-serif; color: #555; font-weight: normal; letter-spacing: 0.05em; } /* 入力欄を次の行に折り返す */ .page-id-411 .wpcf7-form label .wpcf7-form-control-wrap { flex: 0 0 100%; } /* テキスト・メール入力 */ .page-id-411 .wpcf7-form input.wpcf7-text, .page-id-411 .wpcf7-form input.wpcf7-email { display: block; width: 100%; margin-top: 8px; padding: 12px 16px; border: 1px solid #ccdde5; border-radius: 6px; font-size: 15px; font-family: "Noto Sans JP", sans-serif; color: #333; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } /* テキストエリア */ .page-id-411 .wpcf7-form textarea.wpcf7-textarea { display: block; width: 100%; margin-top: 8px; padding: 12px 16px; border: 1px solid #ccdde5; border-radius: 6px; font-size: 15px; font-family: "Noto Sans JP", sans-serif; color: #333; background: #fff; min-height: 180px; resize: vertical; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } /* フォーカス */ .page-id-411 .wpcf7-form input.wpcf7-text:focus, .page-id-411 .wpcf7-form input.wpcf7-email:focus, .page-id-411 .wpcf7-form textarea.wpcf7-textarea:focus { border-color: #7aadbb; outline: none; box-shadow: 0 0 0 3px rgba(122, 173, 187, 0.15); } /* バリデーションエラー時の枠線 */ .page-id-411 .wpcf7-form input.wpcf7-not-valid, .page-id-411 .wpcf7-form textarea.wpcf7-not-valid { border-color: #c97070; } /* エラーメッセージ */ .page-id-411 .wpcf7-not-valid-tip { display: block; margin-top: 4px; font-size: 12px; color: #c97070; font-family: "Noto Sans JP", sans-serif; } /* 送信ボタン */ .page-id-411 .wpcf7-form input.wpcf7-submit { display: block; margin: 36px auto 0; padding: 14px 0; width: 220px; background-color: #7aadbb; color: #fff; border: none; border-radius: 999px; font-size: 15px; font-family: "Noto Sans JP", sans-serif; letter-spacing: 0.1em; cursor: pointer; transition: background-color 0.2s, opacity 0.2s; text-align: center; } .page-id-411 .wpcf7-form input.wpcf7-submit:hover { background-color: #6699aa; } /* 送信中（スピナー表示時）は薄く */ .page-id-411 .wpcf7-form.submitting input.wpcf7-submit { opacity: 0.6; cursor: not-allowed; } /* プライバシーポリシー同意チェックボックス */ .page-id-411 .wpcf7-acceptance { display: flex; align-items: flex-start; gap: 10px; margin: 8px 0 0; font-size: 14px; font-family: "Noto Sans JP", sans-serif; color: #555; line-height: 1.6; } .page-id-411 .wpcf7-acceptance input[type="checkbox"] { width: 18px; height: 18px; min-width: 18px; margin-top: 2px; accent-color: #7aadbb; cursor: pointer; } .page-id-411 .wpcf7-acceptance a { color: #7aadbb; text-decoration: underline; } .page-id-411 .wpcf7-acceptance a:hover { opacity: 0.75; } /* 送信結果メッセージ */ .page-id-411 .wpcf7-response-output { margin-top: 24px; padding: 16px 20px; border-radius: 8px; font-size: 14px; font-family: "Noto Sans JP", sans-serif; border: none !important; text-align: center; } /* 送信成功 */ .page-id-411 .wpcf7-form.sent .wpcf7-response-output { background-color: #e8f5f8; color: #3a7a8a; } /* バリデーションエラー・送信失敗 */ .page-id-411 .wpcf7-form.failed .wpcf7-response-output, .page-id-411 .wpcf7-form.invalid .wpcf7-response-output, .page-id-411 .wpcf7-form.spam .wpcf7-response-output { background-color: #fdf0f0; color: #c07070; } /* 料金表：内容（時間・検査名）のテキストカラー（PC・SP共通） */ #price ~ figure td:nth-child(2) { color: #767676 !important; } /* 料金表：注釈（※すべて税込み価格）のフォントサイズ（PC・SP共通） */ #price ~ figure ~ p, #price ~ figure ~ p span { font-size: 13px !important; } /* aboutプロフィール：見出し下のアイコン（中央・幅200px） */ .profile-icon { text-align: center !important; margin: 0 auto 20px !important; } .profile-icon img { width: 200px !important; height: auto !important; } /* #about 大きな地図で見る */ .page-id-11 .wp-block-button.is-style-outline .wp-block-button__link { border: 1px solid #5A84A8 !important; color: #5A84A8 !important; font-size: 14px; } /* プロフィールアイコンはスマホのみ表示（PCは非表示） */ @media (min-width: 600px) { .profile-icon { display: none !important; } } /* ============================== スマホ調整（599px以下） ============================== */ @media (max-width: 599px) { /* サイト全体のベース文字サイズ（SWELL標準は端末幅依存の可変。13px固定に） */ :root { --swl-fz--root: 13px !important; } /* メインビジュアル：キャッチコピー */ .p-mainVisual__slideTitle { font-size: 22px !important; letter-spacing: 0.1em !important; } /* メインビジュアル：サブテキスト */ .p-mainVisual__slideText { font-size: 13px !important; } /* メインビジュアル：テキストレイヤーの下余白 */ .p-mainVisual__textLayer { padding-bottom: 80% !important; } /* トップ：各セクションの見出し（投稿一覧カードのタイトルは除外） */ #body_wrap.home .post_content h2:not(.p-postList__title) { font-size: 20px !important; } /* トップ：各セクションの本文テキスト */ #body_wrap.home .post_content p { font-size: 13px !important; } /* トップ：コンテンツ上部の余白をなくす */ .top #content { padding-top: 0em !important; } /* 薄い背景色グループ（カウンセラー等）の内側余白 */ .wp-block-group.has-swl-main-thin-background-color, .wp-block-group.alignwide.has-swl-main-thin-background-color { padding: 30px !important; } /* spacer_1：高さ */ .spacer_1 { height: 20px !important; } /* spacer_0：高さ0 */ .spacer_0 { height: 0 !important; min-height: 0 !important; } /* 料金・FAQセクションの左右余白 margin だと幅100%のグループが右にはみ出すため padding で内側に取る */ #price-sec, #faq_sec { padding-left: 15px !important; padding-right: 15px !important; } /* FAQ：質問（Q）のフォントサイズ */ #faq_sec .faq_q { font-size: 14px !important; } /* 料金表：項目名を上の行、内容（左）と料金（右）を下の行に SWELLが1列目幅・最小幅を!importantで固定するため、全て!importantで打ち消す */ #price ~ figure table, #price ~ figure tbody { display: block !important; width: 100% !important; } #price ~ figure tr { display: flex !important; flex-wrap: wrap !important; align-items: baseline !important; width: 100% !important; padding: 17px 0 0 !important; } #price ~ figure tr { border-bottom: 1px solid #e0e0e0; } #price ~ figure td { display: block !important; min-width: 0 !important; max-width: none !important; width: auto !important; border: none !important; padding: 0 !important; font-size: 13px !important; } /* 1列目：項目名（単独の行） */ #price ~ figure td:nth-child(1) { flex: 0 0 100% !important; width: 100% !important; margin-bottom: -14px !important; } /* 2列目：内容（時間・検査名）を左 */ #price ~ figure td:nth-child(2) { flex: 1 1 auto !important; text-align: left !important; } /* 3列目：料金を右 */ #price ~ figure td:nth-child(3) { flex: 0 0 auto !important; margin-left: auto !important; text-align: right !important; } /* 料金：説明文の下余白 */ #price + p { margin-bottom: 25px !important; } /* カウンセラー名 */ .counselor-name { font-size: 17px !important; } /* カウンセラー写真を200px・中央 */ .counselor-photo { text-align: center !important; } .counselor-photo img { width: 200px !important; height: auto !important; } /* ご相談メニュー：カード見出し（カウンセリング・心理検査等） */ .menu-card h3, .menu-card h3 span { font-size: 18px !important; } /* 投稿一覧カードのタイトル（PCは17px、スマホは14px） */ h2.p-postList__title, .post_content h2.p-postList__title { font-size: 14px !important; } /* ご予約はこちら・もっと見るボタンのフォントサイズ */ .home .wp-block-button__link, .home .is-style-more_btn .btn_text { font-size: 14px !important; } /* ご予約はこちらボタンの幅を広げる */ .home .wp-block-button { width: 80% !important; } .home .wp-block-button .wp-block-button__link { width: 100% !important; } /* 下層ページのリンクボタン（ご予約はこちらと同じく幅80%・中央・14px） */ .page:not(.home) .swell-block-button { width: 80% !important; margin-left: auto !important; margin-right: auto !important; } .page:not(.home) .swell-block-button .swell-block-button__link { width: 100% !important; font-size: 14px !important; } /* 下層ページの一番上のタイトル（fullWide内のh1）のフォントサイズ */ #body_wrap:not(.home) .swell-block-fullWide h1 { font-size: 20px !important; } /* 下層ページの本文テキスト */ .page:not(.home) .post_content p { font-size: 13px !important; } /* aboutページ：カウンセラー名（有馬佐知江）上の本文13pxより詳細度を上げて17pxにする */ #body_wrap.page-id-11 .profile-name { font-size: 17px !important; } /* 下層ページのセクションタイトル（h2） PC用の24px（#body_wrap付き）に詳細度で勝つため #body_wrap を付与 */ #body_wrap:not(.home) .post_content h2:not(.p-postList__title) { font-size: 18px !important; } /* プロフィール内のテキスト（経歴テーブル） */ .profile-table td, .profile-table th { font-size: 13px !important; } /* スマホでは下の大きいプロフィール写真を非表示（上のアイコンで代替） */ .profile-photo { display: none !important; } /* 下層ページのタイトル上下余白を半分に（sp-py-40=4em → 2em） */ #body_wrap:not(.home) .post_content > .swell-block-fullWide:first-child { padding-top: 2em !important; padding-bottom: 2em !important; } /* フッター：住所のフォントサイズ */ .footer-left-content p { font-size: 13px !important; } /* ご利用の流れ：ステップタイトル（ご予約・お支払い等） */ .swell-block-step__title span { font-size: 15px !important; } .-img .c-headLogo__link { padding: 3px 0; } .p-mainVisual__slideTitle{ font-weight: 600!important; } #body_wrap:not(.single) .post_content h2:not(.p-postList__title) { font-weight: 600!important; } /* #about 大きな地図で見る */ .post_content dd>:last-child, .post_content div>:last-child, .post_content>:last-child { margin: 0 auto; } /* テーブル行の高さ・縦中央揃え */ .post_content table td, .post_content table th { height: 40px; } } /* よくある質問 QとAの間のマージン調整 */ .swell-block-faq .faq_q { padding-bottom: 10px !important; } .swell-block-faq .faq_a { padding-top: 10px !important; } /* よくある質問回答(A) フォントサイズスマホ */ @media screen and (max-width: 600px) { .swell-block-faq .faq_a { font-size: 14px !important; } } /* よくある質問アイテム間の余白スマホ */ @media screen and (max-width: 600px) { .swell-block-faq .swell-block-faq__item { padding-bottom: 15px !important; margin-bottom: 15px !important; } } /* セクションタイトル letter-spacing スマホ */ @media screen and (max-width: 600px) { #body_wrap:not(.single) .post_content h2:not(.p-postList__title) { letter-spacing: .05em; } }