/* ========================================================== KAINS FileSender お知らせ表示 ========================================================== */ /* お知らせ全体 */ .kains-notice { box-sizing: border-box !important; width: min(600px, calc(100% - 32px)) !important; margin: 14px auto 18px !important; padding: 14px 18px !important; color: #222 !important; background-color: #fffaf0 !important; border: 1px solid #dfbd73 !important; border-left: 6px solid #c98200 !important; border-radius: 8px !important; box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07) !important; font-size: 14px !important; line-height: 1.45 !important; text-align: left !important; } /* 配下を強制的に左寄せ */ .kains-notice, .kains-notice * { text-align: left !important; box-sizing: border-box !important; } /* タイトル */ .kains-notice__title { margin: 0 0 8px !important; color: #8a5700 !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1.3 !important; } /* 最初の注意文 */ .kains-notice__lead { margin: 0 0 10px !important; padding: 8px 12px !important; color: #b00000 !important; background-color: #fff1f1 !important; border: 1px solid #efbcbc !important; border-radius: 5px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.4 !important; } /* 設定方法見出し */ .kains-notice__heading { margin: 0 0 6px !important; color: #333 !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.3 !important; } /* 手順枠 */ .kains-flow { margin: 0 !important; padding: 8px 14px !important; background-color: #fff !important; border: 1px solid #ddd !important; border-radius: 6px !important; } /* 番号付きリスト */ .kains-flow ol { margin: 0 !important; padding-left: 1.6em !important; } /* 各手順 */ .kains-flow li { margin: 4px 0 !important; padding-left: 3px !important; color: #222 !important; font-size: 14px !important; line-height: 1.4 !important; text-align: left !important; } /* 強調箇所 */ .kains-flow strong { color: #064f9f !important; font-weight: 700 !important; } /* スマートフォン */ @media (max-width: 640px) { .kains-notice { width: calc(100% - 16px) !important; margin: 8px auto 12px !important; padding: 12px 14px !important; font-size: 13px !important; } .kains-notice__title { font-size: 17px !important; } .kains-notice__lead, .kains-flow li { font-size: 13px !important; } .kains-flow { padding: 7px 10px !important; } } /* KAINS FileSender 利用条件 */ .ku-privacy-policy { box-sizing: border-box !important; width: 80% !important; max-width: 1000px !important; margin: 20px auto !important; text-align: left !important; } .ku-privacy-policy, .ku-privacy-policy * { text-align: left !important; } @media (max-width: 768px) { .ku-privacy-policy { width: calc(100% - 24px) !important; margin: 12px auto !important; } } /* ========================================================== KAINS FileSender ヘッダー・サイトお知らせ ========================================================== */ /* ---------------------------------------------------------- 固定ヘッダーを通常配置へ変更 ---------------------------------------------------------- */ header { position: relative !important; width: 100% !important; height: auto !important; padding: 0 !important; background-color: var(--fs-bg-color-secondary) !important; border-bottom: 1px solid var(--fs-border) !important; z-index: 1 !important; } /* ロゴ・メニュー部分だけ従来の高さを維持 */ header nav { box-sizing: border-box !important; width: 100% !important; height: var(--fs-spacing-12x) !important; padding: 0 var(--fs-spacing-base) !important; } /* ---------------------------------------------------------- ヘッダー内のお知らせ領域 ---------------------------------------------------------- */ .kains-header-announcement { box-sizing: border-box !important; width: 100% !important; margin: 0 !important; padding: 8px 16px 10px !important; color: #24364b !important; background-color: #f5f9ff !important; border-top: 1px solid #dce8f8 !important; border-bottom: 1px solid #d6e4f7 !important; text-align: left !important; } .kains-header-announcement, .kains-header-announcement * { box-sizing: border-box !important; text-align: left !important; } /* お知らせ内容の最大幅 */ .kains-header-announcement-inner { display: flex !important; align-items: center !important; gap: 24px !important; width: min(1180px, calc(100% - 16px)) !important; margin: 0 auto !important; padding: 0 !important; } /* お知らせ見出し */ .kains-site-announcement-title { flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; color: #1557b0 !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; } /* お知らせ一覧 */ .kains-site-announcement-list { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 各お知らせ */ .kains-site-announcement-item { margin: 0 !important; padding: 1px 0 !important; color: #24364b !important; font-size: 14px !important; line-height: 1.3 !important; } /* 日付 */ .kains-site-announcement-item strong { margin-right: 8px !important; color: #24364b !important; font-weight: 600 !important; } /* リンク */ .kains-site-announcement-item a { color: #155fc0 !important; font-weight: 600 !important; text-decoration: underline !important; text-underline-offset: 2px !important; } .kains-site-announcement-item a:hover, .kains-site-announcement-item a:focus { color: #0d438c !important; text-decoration: none !important; } /* ---------------------------------------------------------- 固定ヘッダー用に設定されていた本文上部余白を解除 ---------------------------------------------------------- */ main { margin-top: 0 !important; padding-top: 0 !important; } /* FileSender側で #page に余白がある場合 */ #page { margin-top: 0 !important; } /* ---------------------------------------------------------- タブレット・スマートフォン ---------------------------------------------------------- */ @media (max-width: 767px) { header nav { height: auto !important; min-height: var(--fs-spacing-12x) !important; } .kains-header-announcement { padding: 8px 10px !important; } .kains-header-announcement-inner { display: block !important; width: 100% !important; } .kains-site-announcement-title { margin-bottom: 4px !important; font-size: 15px !important; } .kains-site-announcement-item { padding: 2px 0 !important; font-size: 13px !important; line-height: 1.35 !important; } } #page h1, #page h2 { color: #203a59 !important; font-weight: 700 !important; letter-spacing: 0.03em; }