/* * ====================================== * 追加クラス一覧（共通SCSS取り込み検討用） * ====================================== * * ※ プレフィックス sbs- = SBSプロダクツ。値の基準は claude-design-output/（clamp 値は元データのまま） * * .sbs-ico-arrow - 矢印アイコン（SVG mask / currentColor） * .is-reveal-ready - スクロールフェードイン（common.js が data-reveal 要素に付与） * .sbs-sec / --x16 / --end - セクション余白 clamp(40,5vw,64) / 左右16〜32 / 最終 clamp(80,10vw,128) * .sbs-band / --end - 薄ブルー帯（角丸 clamp(16,2vw,24)・左右 clamp(0,1.5vw,24) 余白） * .sbs-w-1400〜760 - コンテンツ最大幅（1400/1100/1080/1000/960/880/760） * .sbs-gap-2〜44 - gap 刻み（共通 gap-* にない値） * .sbs-stack-56 - gap clamp(36,5vw,56) * .sbs-split / -top - auto-fit 420px 2カラム（gap clamp(40,6vw,80) / clamp(40,5vw,64)） * .sbs-heading / .sbs-label-en / .sbs-h2(--md/--sm) / __bar / __lead - 英字ラベル＋h2＋バー見出し * .sbs-btn / .sbs-arrow(--96/84/72/64/47, --white/red/outline) - 矢印ピル付きボタン * .sbs-maplink(--white) - 地図を見る * .sbs-header__* / .sbs-logo-mark / .sbs-nav-toggle / .sbs-sp-nav* - ヘッダー差分（2段右カラム・青丸ハンバーガー・ドロップダウン） * .sbs-footer__* - フッター差分 * .sbs-mv* - MV（斜め帯・角丸枠・キャッチカード） * .sbs-outline-txt - 白線の英字装飾（MV・下層タイトル） * .sbs-about* - TOP ABOUT（12列重なりレイアウト） * .sbs-entry* - TOP 入口カード（右下にはみ出す矢印） * .sbs-biz* - TOP 事業内容 写真背景カード * .sbs-apply* - 応募カード（赤） * .sbs-news* / .sbs-news-list(--line/--lg) / .sbs-badge - お知らせ（blog-list 差分） * .sbs-hero* / .sbs-breadcrumb - 下層ページタイトル（page-hero / breadcrumb 差分） * .sbs-photo / .sbs-txt / .sbs-about-h2 / .sbs-philosophy-lead - 2カラム写真＋本文 * .sbs-overcard* - 白カード＋右上にはみ出す写真 * .sbs-dl(--boxed) - 会社情報／募集要項の定義リスト * .sbs-dot-list - 丸ドット強調行 * .sbs-step(--13/--job) / .sbs-flow*(--center) - STEP バッジとフローカード * .sbs-pill(--sm) / .sbs-area - エリアピル * .sbs-values* / .sbs-benefit* / .sbs-jobs* - job ページ各カード * .sbs-reasons* / .sbs-wbox* / .sbs-policy* - business ページ各パーツ * .sbs-formbox* / .sbs-field* / .sbs-input / .sbs-radio / .sbs-agree / .sbs-submit / .sbs-req / .sbs-opt - フォーム * .sbs-privacy* - プライバシーポリシー スクロールボックス * .sbs-telcard* / .sbs-redlink - contact TEL カード・企業フォーム導線 * .sbs-tabs - 応募フォームタブ（tab-nav 差分） * .sbs-faq* - FAQ（accordion 差分） * .sbs-recruit-* / .sbs-anchor-btn / .sbs-jobcard* - recruit ページ * .sbs-blog* / .sbs-pagination / .sbs-sidebox*(__list) / .sbs-post* / .sbs-cms-pager - お知らせ一覧・詳細（ブログCMS出力の装飾含む） * * ====================================== * 共通SCSSに不足していたもの * ====================================== * * 【値の粒度不足】 * - section / container が固定値（120px / 1200px）のみ。clamp() による流動余白・幅の刻みがない * - gap-* に 2/4/6/12/14/16/22/24/28/32/36/44 がない。fz-* に 11/15/17/19 等がない * - letter-spacing utility の上限 0.2em（英字ラベル 0.24em が出せない） * - body の font-size が tablet 1.4rem / sp 1.2rem に自動縮小される（本案件は全幅16px） * 【指定方向不足】 * - nav-toggle の位置・サイズが固定値（top/right 10px・44px） * 【状態不足】 * - .header__nav-item--current のドット表示（下線前提のため差し替え） * - accordion--qa の Q/A が擬似要素固定で、開閉時「−」切替を止める modifier がない * 【構造不足】 * - ヘッダー右側「TEL＋CTA（上段）／ナビ（下段）」の2段構成 * - sp-nav がフルスクリーン前提（ヘッダー直下ドロップダウン型がない） * - 写真が枠外へはみ出すカード（overcard）、右下にはみ出す矢印付きカード（entry） * - 12カラムで写真とパネルを重ねるレイアウト（about） * 【装飾パターン不足】 * - clip-path 斜め帯＋白線ストローク英字（MV／下層タイトル） * - 横長ピル型の矢印アイコン（サイズ違い6種） * */ /* ========================================================================== Base（main.css の body / a のサイト差分） ========================================================================== */ body { background: #fff; color: #26334d; font-weight: 500; font-size: 1.6rem; /* main.css の tablet:1.4rem / sp:1.2rem を打ち消す */ line-height: 1.9; letter-spacing: 0.04em; } a { color: #4472c4; transition: none; } a:hover { color: #2f5aa8; opacity: 1; } input, textarea, select, button { font-family: inherit; } /* 矢印アイコン（currentColor で着色） */ .sbs-ico-arrow { display: block; width: 1em; height: 1em; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8h12M9.5 3.5L14 8l-4.5 4.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8h12M9.5 3.5L14 8l-4.5 4.5'/%3E%3C/svg%3E") center / contain no-repeat; } /* スクロールフェードイン（common.js が付与） */ .is-reveal-ready { opacity: 0; transform: translateY(18px); transition: opacity 1.1s ease, transform 1.1s ease; } .is-reveal-ready.is-revealed { opacity: 1; transform: none; } /* ========================================================================== Layout（セクション余白・幅） ========================================================================== */ .sbs-sec { padding: clamp(40px, 5vw, 64px) clamp(20px, 3vw, 32px); } .sbs-sec--x16 { padding-left: clamp(16px, 3vw, 32px); padding-right: clamp(16px, 3vw, 32px); } .sbs-sec--end { padding-bottom: clamp(80px, 10vw, 128px); } .sbs-band { border-radius: clamp(16px, 2vw, 24px); margin: clamp(40px, 5vw, 64px) clamp(0px, 1.5vw, 24px); padding: clamp(56px, 7vw, 96px) clamp(20px, 3vw, 32px); } .sbs-band--end { margin-bottom: clamp(80px, 10vw, 128px); } .sbs-w-1400 { max-width: 1400px; } .sbs-w-1100 { max-width: 1100px; } .sbs-w-1080 { max-width: 1080px; } .sbs-w-1000 { max-width: 1000px; } .sbs-w-960 { max-width: 960px; } .sbs-w-880 { max-width: 880px; } .sbs-w-760 { max-width: 760px; } /* 共通 gap 刻み（6/14/16/22/28/32/36/44/56）にない値 */ .sbs-gap-2 { gap: 2px; } .sbs-gap-4 { gap: 4px; } .sbs-gap-6 { gap: 6px; } .sbs-gap-12 { gap: 12px; } .sbs-gap-14 { gap: 14px; } .sbs-gap-16 { gap: 16px; } .sbs-gap-22 { gap: 22px; } .sbs-gap-24 { gap: 24px; } .sbs-gap-28 { gap: 28px; } .sbs-gap-32 { gap: 32px; } .sbs-gap-36 { gap: 36px; } .sbs-gap-44 { gap: 44px; } /* 2カラム（auto-fit 420px / gap clamp(40,6vw,80)） */ .sbs-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(40px, 6vw, 80px); align-items: center; } /* ========================================================================== Heading（英字ラベル＋h2＋バー） ========================================================================== */ .sbs-heading { display: flex; flex-direction: column; gap: 6px; } .sbs-label-en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.24em; line-height: 1.9; color: #4472c4; } .sbs-h2 { margin-top: 0; font-size: clamp(24px, 3.2vw, 34px); font-weight: 700; line-height: 1.5; } .sbs-h2--md { font-size: clamp(22px, 3vw, 30px); } .sbs-h2--sm { font-size: clamp(22px, 2.8vw, 30px); } .sbs-heading__bar { display: block; width: 36px; height: 4px; border-radius: 4px; background: #4472c4; margin-top: 10px; } .sbs-heading__lead { margin-top: 16px; font-size: 16px; text-wrap: pretty; } /* ========================================================================== Button / Arrow pill ========================================================================== */ .sbs-btn { display: inline-flex; align-items: center; gap: 16px; border: 2px solid #4472c4; background: #fff; color: #4472c4; font-weight: 700; font-size: 16px; padding: 12px 14px 12px 32px; border-radius: 999px; transition: background 0.2s; } .sbs-btn:hover { background: #f4f8fc; color: #4472c4; } .sbs-arrow { display: flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 999px; background: #4472c4; color: #fff; line-height: 1; } .sbs-arrow--96 { width: 96px; height: 44px; font-size: 22px; } .sbs-arrow--84 { width: 84px; height: 38px; font-size: 18px; } .sbs-arrow--72 { width: 72px; height: 32px; font-size: 16px; } .sbs-arrow--64 { width: 64px; height: 30px; font-size: 15px; } .sbs-arrow--47 { width: 47px; height: 22px; font-size: 13px; } .sbs-arrow--white { background: #fff; color: #e56a6a; } .sbs-arrow--red { background: #e56a6a; color: #fff; } .sbs-arrow--outline { background: none; color: #4472c4; border: 2px solid #4472c4; } /* 地図を見る */ .sbs-maplink { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; font-size: 14px; font-weight: 700; color: #4472c4; } .sbs-maplink:hover { color: #4472c4; } .sbs-maplink__pill { width: 38px; height: 18px; border-radius: 999px; background: #4472c4; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 11px; line-height: 1; } .sbs-maplink--white { color: #fff; } .sbs-maplink--white:hover { color: #fff; opacity: 0.8; } .sbs-maplink--white .sbs-maplink__pill { background: #fff; color: #4472c4; } /* ========================================================================== Header（.header / header-logo / header__nav の値差分） ========================================================================== */ .sbs-header { background: #e8eff7; color: #26334d; } .sbs-header__inner { width: 92%; max-width: none; height: auto; padding: 18px 0; gap: 28px; } /* MV枠（.sbs-mv__wrap：幅92%）と左右端を揃える */ .sbs-header__logo { gap: 16px; color: #26334d; } .sbs-header__logo:hover { color: #26334d; } /* ロゴ形状の mask：CDN(S3)に CORS ヘッダーが無く mask-image が読めないため、logo.png を 204px(表示3倍) に縮小して data URI 化 */ .sbs-logo-mark { display: block; width: 68px; height: 48px; border-radius: 0; background: #4472c4; -webkit-mask: url("data:image/png;base64,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") center / contain no-repeat; mask: url("data:image/png;base64,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") center / contain no-repeat; } .sbs-header__logo .header-logo__body { gap: 4px; line-height: 1.25; } .sbs-header__logo .header-logo__name { font-size: clamp(19px, 1.8vw, 24px); font-weight: 700; letter-spacing: 0.04em; line-height: 1.25; color: #26334d; } .sbs-header__logo .header-logo__sub { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 0.14em; color: #4472c4; } .sbs-header__col { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; gap: 14px; } .sbs-header__right { gap: 12px; height: auto; } .sbs-header__tel { font-family: inherit; font-size: inherit; font-weight: 500; color: #26334d; align-items: baseline; gap: 8px; margin-right: 8px; line-height: 1.2; } .sbs-header__tel::before { content: none; } .sbs-header__tel:hover { opacity: 1; color: #26334d; } .sbs-header__tel-num { font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 19px; color: #4472c4; letter-spacing: 0.04em; } .sbs-header__tel-time { font-size: 13px; } .sbs-header__cta { flex-direction: row; height: auto; gap: 10px; background: #4472c4; color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.08em; padding: 10px 26px; border-radius: 999px; white-space: nowrap; transition: background 0.2s; } .sbs-header__cta:hover { background: #2f5aa8; color: #fff; } .sbs-header__nav { margin: 0; gap: clamp(20px, 2.2vw, 28px); } /* 1273px以上は元データ通り28px。幅92%化で狭いPC幅(1100前後)がはみ出すため縮める */ .sbs-header__nav .header__nav-item a { display: block; padding: 0; font-size: 16px; font-weight: 700; color: #26334d; letter-spacing: 0.1em; white-space: nowrap; transition: color 0.2s; } .sbs-header__nav .header__nav-item a:hover { color: #4472c4; } .sbs-header__nav .header__nav-item a::after, .sbs-header__nav .header__nav-item a:hover::after { display: none; } .sbs-header__nav .header__nav-item--current a { color: #4472c4; transition: none; } .sbs-header__nav .header__nav-item--current a::after, .sbs-header__nav .header__nav-item--current a:hover::after { display: block; left: 50%; bottom: -8px; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: #4472c4; transform: none; transition: none; } /* ハンバーガー（52px 青丸） */ .sbs-nav-toggle { top: 18px; right: 4vw; width: 52px; height: 52px; border-radius: 50%; background: #4472c4; -webkit-backdrop-filter: none; backdrop-filter: none; } .sbs-nav-toggle .nav-toggle__line { width: 18px; border-radius: 2px; background: #fff; } .sbs-nav-toggle .nav-toggle__line:nth-child(1) { top: 18px; } .sbs-nav-toggle .nav-toggle__line:nth-child(2) { top: 25px; } .sbs-nav-toggle .nav-toggle__line:nth-child(3) { top: 32px; } .sbs-nav-toggle.is-active .nav-toggle__line:nth-child(1), .sbs-nav-toggle.is-active .nav-toggle__line:nth-child(3) { top: 25px; } /* SPナビ（ヘッダー直下のドロップダウン） */ .sbs-sp-nav { top: 88px; bottom: auto; display: block; max-height: calc(100vh - 88px); padding: 0 16px 20px; background: #e8eff7; } .sbs-sp-nav .sp-nav__list { display: flex; flex-direction: column; gap: 4px; max-width: none; text-align: left; background: #4472c4; border-radius: 28px 28px 0 0; padding: 20px 20px 0; } .sbs-sp-nav .sp-nav__item { border: 0; transform: none; opacity: 1; transition: none; } .sbs-sp-nav .sp-nav__link { color: #fff; font-weight: 700; padding: 14px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } .sbs-sp-nav .sp-nav__link::after { content: none; } .sbs-sp-nav .sp-nav__link:hover { background: none; color: #fff; } .sbs-sp-nav .sp-nav__bottom { max-width: none; margin: 0; opacity: 1; transform: none; transition: none; background: #4472c4; border-radius: 0 0 28px 28px; padding: 16px 20px 20px; } .sbs-sp-nav__tel { display: flex; flex-direction: column; align-items: center; background: #fff; border-radius: 20px; padding: 14px; color: #26334d; line-height: 1.4; } .sbs-sp-nav__tel:hover { color: #26334d; } .sbs-sp-nav__tel-num { font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 24px; color: #4472c4; } @media (max-width: 1099px) { .sbs-header__inner { height: 88px; padding-right: 64px; } /* 64 = ハンバーガー52 + 余白12 */ .sbs-header__col { display: none; } .sbs-header__logo { flex-shrink: 1; min-width: 0; } } @media (max-width: 767px) { .sbs-header__logo .header-logo__name { font-size: clamp(14px, 4.4vw, 18px); white-space: nowrap; } /* 正式社名「〜株式会社」がSPで折り返さないよう画面幅に合わせて縮める */ } @media (min-width: 1100px) { .sbs-sp-nav { display: none; } } /* ========================================================================== Footer（.footer / footer-body / footer-bottom の値差分） ========================================================================== */ .sbs-footer { background: #4472c4; color: #fff; border-radius: clamp(16px, 2vw, 24px) clamp(16px, 2vw, 24px) 0 0; line-height: 1.9; letter-spacing: 0.04em; } .sbs-footer__body { padding: 0; } .sbs-footer__inner { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: clamp(32px, 5vw, 56px); max-width: 1400px; margin: 0 auto; padding: clamp(48px, 7vw, 80px) clamp(20px, 3vw, 32px) 32px; } .sbs-footer__left { width: auto; display: flex; flex-direction: column; gap: 20px; align-items: flex-start; } .sbs-footer__logo { margin-bottom: 0; display: flex; align-items: center; gap: 14px; color: #fff; } .sbs-footer__logo:hover { color: #fff; } .sbs-footer__logo img { display: block; width: 64px; height: auto; } .sbs-footer__logo-txt { display: flex; flex-direction: column; line-height: 1.3; } .sbs-footer__logo-en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; } .sbs-footer__logo-ja { font-weight: 700; font-size: clamp(18px, 2vw, 24px); letter-spacing: 0.06em; white-space: nowrap; } @media (max-width: 767px) { .sbs-footer__logo-ja { font-size: clamp(16px, 4.8vw, 24px); } } /* 正式社名がSPで折り返さないよう画面幅に合わせて縮める */ .sbs-footer__contact { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; } .sbs-footer__tel-wrap { display: flex; flex-direction: column; line-height: 1.5; } .sbs-footer__tel { color: #fff; font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 26px; letter-spacing: 0.04em; } .sbs-footer__tel:hover { color: #fff; } .sbs-footer__cta { display: inline-flex; align-items: center; gap: 10px; background: #fff; color: #4472c4; font-weight: 700; font-size: 16px; padding: 14px 28px; border-radius: 999px; transition: transform 0.2s; } .sbs-footer__cta:hover { transform: translateY(-2px); color: #2f5aa8; } .sbs-footer__right { width: auto; justify-self: end; display: flex; flex-direction: column; gap: 18px; font-size: 15px; } .sbs-footer__bottom { border-top: 1px solid rgba(255, 255, 255, 0.3); max-width: 1400px; margin: 0 auto; padding: 20px clamp(20px, 3vw, 32px) 28px; } .sbs-footer__bottom .footer-bottom__copyright { font-size: 14px; color: #fff; } /* ========================================================================== TOP：MV ========================================================================== */ .sbs-mv { position: relative; overflow: hidden; padding: 8px 0 clamp(72px, 10vw, 150px); } .sbs-mv__band { position: absolute; inset: 0; background: #4472c4; clip-path: polygon(0 30%, 100% 56%, 100% 100%, 0 100%); } .sbs-outline-txt { position: absolute; white-space: nowrap; font-family: "Sulphur Point", sans-serif; font-weight: 700; line-height: 1; letter-spacing: 0.02em; color: transparent; -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.4); pointer-events: none; } .sbs-mv .sbs-outline-txt { left: -0.04em; bottom: -0.14em; font-size: min(10vw, 170px); } /* 元データ clamp(80px,11vw,170px) だと右端の「S」が切れるため画面幅に収まるサイズに変更 */ .sbs-mv__wrap { position: relative; width: 92%; margin: 0 auto; container-type: inline-size; } .sbs-mv__frame { position: relative; /* 元データ aspect-ratio:16/8.4 + min-height:420px と同じ高さ。 aspect-ratio だと min-height から幅800pxが逆算されSPで枠がはみ出すため、幅基準の高さ指定に置換 */ height: max(420px, calc(100cqw * 8.4 / 16)); border: 1px solid #26334d; border-radius: clamp(16px, 2vw, 24px); overflow: hidden; background: #dde7f3; } .sbs-mv #slideshow { position: absolute; inset: 0; height: 100%; } .sbs-mv .swiper-slide, .sbs-mv .main_slider__inner { position: absolute; inset: 0; width: 100%; height: 100%; } .sbs-mv .main_slider__inner img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } /* 仮スライドのフェード（元データ：opacity 1.2s ease／6秒間隔は js/top.js） */ .sbs-mv__slide { opacity: 0; transition: opacity 1.2s ease; } .sbs-mv__slide.is-active { opacity: 1; } .sbs-mv__card { position: absolute; left: clamp(16px, 3vw, 40px); right: clamp(16px, 3vw, 40px); bottom: clamp(16px, 3vw, 40px); z-index: 2; max-width: 720px; background: rgba(255, 255, 255, 0.94); border-radius: 28px; padding: clamp(22px, 3vw, 40px); display: flex; flex-direction: column; gap: 14px; } .sbs-mv__catch { font-size: clamp(19px, 3.2vw, 40px); font-weight: 700; line-height: 1.6; letter-spacing: 0.06em; } .sbs-mv__lead { font-size: clamp(15px, 1.4vw, 17px); line-height: 1.9; } /* ========================================================================== TOP：ABOUT US（12カラム重なり） ========================================================================== */ .sbs-about { position: relative; overflow: hidden; padding: clamp(80px, 10vw, 128px) 0 clamp(40px, 5vw, 64px); } .sbs-about__grid { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); } .sbs-about__photo { grid-column: 1 / 8; grid-row: 1; align-self: start; min-height: clamp(280px, 36vw, 520px); border-radius: 0 14px 14px 0; background: #dde7f3 center / cover no-repeat; } .sbs-about__panel { grid-column: 6 / 13; grid-row: 1; align-self: start; margin-top: 120px; position: relative; z-index: 1; background: #e8eff7; border-radius: 14px 0 0 14px; padding: clamp(36px, 5vw, 72px) clamp(24px, 5.5vw, 96px) clamp(40px, 5vw, 72px) clamp(24px, 5vw, 80px); display: flex; flex-direction: column; gap: 28px; } .sbs-about__panel .sbs-btn { align-self: flex-start; } .sbs-about__txt { display: flex; flex-direction: column; gap: 14px; max-width: 720px; } .sbs-about__txt p { font-size: 16px; line-height: 1.9; text-wrap: pretty; } @media (max-width: 899px) { .sbs-about__photo { grid-column: 1 / -1; margin-top: 0; } .sbs-about__panel { grid-column: 1 / -1; grid-row: 2; margin-top: 0; } } /* ========================================================================== TOP：入口カード（右下にはみ出す矢印） ========================================================================== */ .sbs-entry-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 56px clamp(16px, 2vw, 24px); } .sbs-entry { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 20px clamp(16px, 1.6vw, 24px); background: #fff; border: 1px solid #26334d; border-radius: 14px; padding: clamp(28px, 3.5vw, 48px) clamp(24px, 3.5vw, 56px) clamp(32px, 4vw, 56px); color: #26334d; transition: transform 0.3s; } .sbs-entry:hover { transform: translateY(-4px); color: #26334d; } .sbs-entry__photo { flex-shrink: 0; width: clamp(140px, 13vw, 200px); aspect-ratio: 1 / 1; border-radius: 50%; background: #dde7f3 center / cover no-repeat; } .sbs-entry__body { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 22px; } .sbs-entry__body > * { padding-left: clamp(0px, 1.5vw, 20px); } .sbs-entry__en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.14em; color: #4472c4; } .sbs-entry__ttl { display: flex; flex-direction: column; } .sbs-entry__sub { font-size: clamp(14px, 1.2vw, 18px); font-weight: 700; line-height: 1.6; white-space: nowrap; } .sbs-entry__name { font-size: clamp(22px, 2.2vw, 28px); font-weight: 700; line-height: 1.4; letter-spacing: 0.06em; } .sbs-entry__txt { font-size: 16px; line-height: 1.9; } .sbs-entry .sbs-arrow { position: absolute; right: clamp(24px, 3.5vw, 48px); bottom: -22px; font-family: "Quicksand", sans-serif; font-weight: 700; } @media (max-width: 767px) { .sbs-entry__photo { margin-inline: auto; } .sbs-entry__en, .sbs-entry__ttl { padding-left: 0; text-align: center; } } /* ========================================================================== TOP：事業内容（写真背景カード） ========================================================================== */ .sbs-biz-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(24px, 3vw, 40px); } .sbs-biz { display: flex; flex-direction: column; color: #26334d; } .sbs-biz:hover { color: #26334d; opacity: 0.92; } .sbs-biz__photo { position: relative; aspect-ratio: 3 / 2; min-height: 340px; border-radius: 14px; overflow: hidden; background: #dde7f3 center / cover no-repeat; } .sbs-biz__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(38, 51, 77, 0.28), rgba(38, 51, 77, 0.08) 45%, rgba(38, 51, 77, 0.6)); } .sbs-biz__label { position: absolute; top: clamp(20px, 3vw, 32px); left: clamp(20px, 3vw, 32px); display: flex; flex-direction: column; align-items: flex-start; gap: 4px; color: #fff; } .sbs-biz__en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 14px; letter-spacing: 0.14em; line-height: 1.3; } .sbs-biz__ja { font-size: clamp(17px, 1.6vw, 20px); font-weight: 700; letter-spacing: 0.06em; line-height: 1.4; } .sbs-biz .sbs-arrow { position: absolute; right: clamp(20px, 3vw, 32px); bottom: clamp(20px, 3vw, 32px); } .sbs-biz__txt { position: absolute; left: clamp(20px, 3vw, 32px); right: clamp(120px, 12vw, 140px); bottom: clamp(20px, 3vw, 32px); font-size: 16px; font-weight: 700; line-height: 1.7; color: #fff; text-wrap: pretty; } /* ========================================================================== 応募カード（赤） TOP / job / recruit ========================================================================== */ .sbs-apply-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr)); gap: 24px; } .sbs-apply { position: relative; display: flex; align-items: stretch; background: #e56a6a; color: #fff; border-radius: 14px; min-height: 200px; transition: transform 0.25s, background 0.25s; } .sbs-apply:hover { transform: translateY(-3px); background: #da5c5c; color: #fff; } .sbs-apply--single { align-self: center; width: 100%; max-width: 720px; } .sbs-apply__photo { flex: 0 0 32%; margin: 14px 0 14px 14px; border-radius: 12px; background: #dde7f3 center / cover no-repeat; } .sbs-apply__body { flex: 1; min-width: 0; container-type: inline-size; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 24px clamp(18px, 2.4vw, 32px) 24px clamp(16px, 2vw, 28px); } .sbs-apply__badge { align-self: flex-start; white-space: nowrap; background: #fff; color: #c24c4c; font-size: clamp(13px, 1.2vw, 15px); font-weight: 700; letter-spacing: 0.06em; border-radius: 999px; padding: 5px clamp(12px, 1.4vw, 22px); } .sbs-apply__ttl { font-size: max(14px, min(20px, 4.9cqi)); font-weight: 700; line-height: 1.6; letter-spacing: 0.02em; } .sbs-apply__ttl small { font-size: 0.85em; } .sbs-apply__note { font-size: 14px; margin-top: -8px; } .sbs-apply .sbs-arrow { align-self: flex-end; } /* ========================================================================== お知らせリスト（blog-list の値差分） ========================================================================== */ .sbs-news { display: flex; flex-wrap: wrap; gap: clamp(24px, 4vw, 64px); align-items: flex-start; } .sbs-news__head { flex: 0 0 220px; display: flex; flex-direction: column; gap: 6px; } .sbs-news__more { margin-top: 16px; display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 16px; color: #4472c4; } .sbs-news__more:hover { color: #4472c4; } .sbs-news__list { flex: 1 1 480px; min-width: 0; } .sbs-news-list { border-top: 0; } .sbs-news-list--line { border-top: 1px solid #dbe5f2; } .sbs-news-list .blog-list__item { border-bottom: 1px solid #dbe5f2; } .sbs-news-list .blog-list__link { flex-wrap: wrap; align-items: center; gap: 8px 18px; padding: 22px 4px; color: #26334d; transition: color 0.2s; } .sbs-news-list .blog-list__link:hover { background: none; color: #4472c4; } .sbs-news-list .blog-list__date { font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 16px; line-height: 1.9; letter-spacing: 0.04em; color: #4472c4; } .sbs-news-list .blog-list__title { flex: 1 1 280px; font-size: 16px; font-weight: 500; line-height: 1.9; transition: none; } .sbs-news-list--lg .blog-list__link { padding: 24px 4px; } .sbs-news-list--lg .blog-list__title { flex: 1 1 300px; font-size: 16px; } .sbs-news-list__arrow { font-family: "Sulphur Point", sans-serif; color: #4472c4; } /* カテゴリ等のピルバッジ */ .sbs-badge { font-size: 13px; font-weight: 700; color: #4472c4; background: #e8eff7; border-radius: 999px; padding: 2px 14px; } /* ========================================================================== 下層：ページタイトル（.page-hero / .breadcrumb の値差分） ========================================================================== */ .sbs-hero { padding: clamp(36px, 5vw, 64px) clamp(20px, 3vw, 40px) clamp(88px, 10vw, 136px); } .sbs-hero__band { position: absolute; inset: 0; background: #4472c4; clip-path: polygon(0 78%, 100% 58%, 100% 100%, 0 100%); } .sbs-hero .sbs-outline-txt { right: -0.04em; bottom: -0.16em; font-size: clamp(64px, 10vw, 150px); -webkit-text-stroke-color: rgba(255, 255, 255, 0.45); } .sbs-hero__inner { position: relative; max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; gap: 6px; } .sbs-hero__en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: clamp(34px, 5.6vw, 68px); color: #4472c4; letter-spacing: 0.04em; line-height: 1.1; } .sbs-hero__ttl { font-size: clamp(18px, 2vw, 22px); font-weight: 700; letter-spacing: 0.08em; } /* 日本語を大見出しにする版（$hero_ja_first）：位置・サイズを英字と入れ替え */ .sbs-hero__ttl--main { font-size: clamp(28px, 4.6vw, 56px); line-height: 1.3; letter-spacing: 0.06em; } .sbs-hero__en--sub { font-size: clamp(16px, 1.8vw, 22px); letter-spacing: 0.12em; line-height: 1.4; } .sbs-breadcrumb { padding: 0; font-size: 14px; color: #26334d; margin-bottom: clamp(16px, 2.5vw, 28px); } .sbs-breadcrumb .breadcrumb__list { gap: 10px; } .sbs-breadcrumb .breadcrumb__item:not(:last-child)::after { content: "\203A"; margin: 0 0 0 10px; color: #26334d; } .sbs-breadcrumb .breadcrumb__link { color: #4472c4; } .sbs-breadcrumb .breadcrumb__link:hover { text-decoration: none; color: #2f5aa8; } .sbs-breadcrumb .breadcrumb__current { color: #26334d; } /* ========================================================================== 下層共通パーツ ========================================================================== */ .sbs-stack-56 { gap: clamp(36px, 5vw, 56px); } /* 角丸写真（2カラムの片側） */ .sbs-photo { align-self: stretch; width: 100%; min-height: 360px; border-radius: 14px; background: #dde7f3 center / cover no-repeat; } /* 2カラム本文ブロック */ .sbs-txt { display: flex; flex-direction: column; gap: 22px; } .sbs-txt p { font-size: 16px; line-height: 1.9; } .sbs-philosophy-lead { font-size: clamp(16px, 1.6vw, 18px); font-weight: 500; line-height: 1.9; } .sbs-about-h2 { font-size: clamp(21px, 3vw, 36px); font-weight: 700; line-height: 1.5; } .sbs-about-h2--lg { font-size: clamp(26px, 3.4vw, 38px); } /* 白カード＋右上にはみ出す写真（会社概要 事業内容／job POINT） */ .sbs-overcard-list { width: 100%; max-width: 1100px; margin: 0 auto; display: flex; flex-direction: column; gap: clamp(40px, 5vw, 56px); } .sbs-overcard { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; background: #fff; border: 1px solid #26334d; border-radius: 14px; margin: 24px clamp(8px, 2vw, 28px) 0 0; } .sbs-overcard__body { flex: 1 1 400px; min-width: 0; padding: clamp(28px, 4vw, 56px) clamp(24px, 3vw, 40px); display: flex; flex-direction: column; gap: 14px; justify-content: center; } .sbs-overcard__photo { flex: 0 1 40%; min-width: min(100%, 300px); min-height: 280px; margin: -24px clamp(-28px, -2vw, -8px) 24px 0; border: 1px solid #26334d; border-radius: 14px; overflow: hidden; background: #dde7f3 center / cover no-repeat; } .sbs-overcard__photo--38 { flex-basis: 38%; min-width: min(100%, 280px); min-height: 240px; } @media (max-width: 767px) { .sbs-overcard__photo--sp-center { margin: 0 auto 24px; } /* 会社概要 事業内容・お仕事 働く安心：SPは写真をカード中央に・上に余白 */ } .sbs-overcard__num { font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 40px; line-height: 1; color: #4472c4; } .sbs-overcard__point { display: flex; align-items: baseline; gap: 12px; color: #4472c4; } .sbs-overcard__point-en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.16em; } .sbs-overcard__ttl { font-size: clamp(22px, 2.2vw, 28px); font-weight: 700; letter-spacing: 0.06em; } .sbs-overcard__ttl--sm { font-size: clamp(20px, 2vw, 24px); line-height: 1.6; letter-spacing: 0.04em; } .sbs-overcard__txt { font-size: 16px; line-height: 1.9; } .sbs-overcard__client { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; font-size: 16px; } .sbs-overcard__client-label { font-size: 13px; font-weight: 700; color: #fff; background: #4472c4; border-radius: 999px; padding: 2px 14px; } /* 定義リスト（会社情報／募集要項） */ .sbs-dl { border-top: 1px solid #dbe5f2; font-size: 16px; } .sbs-dl__row { display: grid; grid-template-columns: minmax(104px, 200px) minmax(0, 1fr); border-bottom: 1px solid #dbe5f2; } .sbs-dl__row dt { padding: 18px clamp(14px, 2.5vw, 28px); } .sbs-dl__row dd { padding: 18px clamp(14px, 2.5vw, 28px); display: flex; flex-direction: column; gap: 4px; } .sbs-dl--boxed { border: 1px solid #dbe5f2; border-radius: 14px; overflow: hidden; } .sbs-dl--boxed .sbs-dl__row { grid-template-columns: minmax(96px, 200px) minmax(0, 1fr); border-bottom-color: #e8eff7; } .sbs-dl--boxed dt { background: #f4f8fc; font-weight: 700; color: #4472c4; } .sbs-dl--boxed dd { display: block; } /* 丸ドット付き強調行 */ .sbs-dot-list { display: flex; flex-direction: column; gap: 10px; } .sbs-dot-list p { display: flex; gap: 12px; align-items: baseline; font-size: 16px; font-weight: 700; } .sbs-dot-list p::before { content: ""; flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%; background: #4472c4; } /* STEP / JOB バッジ */ .sbs-step { align-self: flex-start; font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.1em; color: #fff; background: #4472c4; border-radius: 999px; padding: 2px 14px; } .sbs-step--13 { font-size: 14px; } .sbs-step--job { font-size: 14px; letter-spacing: 0.12em; } /* フローカード */ .sbs-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 16px; } .sbs-flow__item { background: #fff; border-radius: 14px; padding: 28px 24px; display: flex; flex-direction: column; gap: 10px; } .sbs-flow__item--border { border: 1px solid #26334d; } .sbs-flow__ttl { font-size: 17px; font-weight: 700; line-height: 1.6; } .sbs-flow__txt { font-size: 16px; line-height: 1.9; } .sbs-flow--center { grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr)); gap: 14px; } .sbs-flow--center .sbs-flow__item { background: #e8eff7; padding: 24px 18px; align-items: center; text-align: center; } .sbs-flow--center .sbs-step { align-self: auto; } .sbs-flow--center .sbs-flow__ttl { font-size: 16px; } .sbs-flow__note { font-size: 14px; line-height: 1.7; } @media (max-width: 767px) { .sbs-flow--center { grid-template-columns: minmax(0, 1fr); } /* 企業様 ご利用の流れ：SPは1列で縦並び */ } /* エリア等のピル */ .sbs-pill { background: #e8eff7; color: #4472c4; border-radius: 999px; padding: 6px 22px; } .sbs-pill--sm { font-weight: 700; padding: 4px 20px; } /* ========================================================================== job：OUR VALUES / BENEFITS / JOBS ========================================================================== */ .sbs-values { padding-top: 26px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 44px 16px; } .sbs-values__item { position: relative; background: #fff; border-radius: 14px; padding: 44px 24px 28px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; } .sbs-values__num { position: absolute; top: -26px; left: 50%; margin-left: -26px; width: 52px; height: 52px; border-radius: 50%; background: #4472c4; color: #fff; display: flex; align-items: center; justify-content: center; font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 18px; } .sbs-values__item img { display: block; width: min(100%, 140px); height: auto; } .sbs-values__txt { font-size: 16px; font-weight: 700; line-height: 1.7; } .sbs-values__txt span { display: inline-block; } .sbs-benefit { background: #fff; border-radius: 14px; padding: 24px clamp(20px, 3vw, 36px); display: flex; flex-wrap: wrap; gap: 8px 32px; align-items: baseline; } .sbs-benefit__ttl { flex: 0 0 270px; font-size: 17px; font-weight: 700; color: #4472c4; } .sbs-benefit__txt { flex: 1 1 320px; font-size: 16px; } .sbs-jobs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 20px; } .sbs-jobs__item { background: #4472c4; color: #fff; border-radius: 14px; padding: 32px; display: flex; flex-direction: column; gap: 8px; } .sbs-jobs__en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.16em; } .sbs-jobs__ttl { font-size: 20px; font-weight: 700; } .sbs-area { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; font-size: 16px; font-weight: 700; } /* ========================================================================== business：REASONS / 職種・エリア / POLICY ========================================================================== */ .sbs-reasons { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 4vw, 48px) clamp(24px, 3vw, 40px); } .sbs-reasons__item { display: flex; flex-direction: column; gap: 20px; } .sbs-reasons__media { position: relative; } .sbs-reasons__photo { aspect-ratio: 3 / 2; border: 1px solid #26334d; border-radius: 999px; overflow: hidden; background: #dde7f3 center / cover no-repeat; } .sbs-reasons__num { position: absolute; top: -4%; left: 9%; width: clamp(52px, 4.8vw, 64px); height: clamp(52px, 4.8vw, 64px); border-radius: 50%; background: #4472c4; color: #fff; display: flex; align-items: center; justify-content: center; font-family: "Quicksand", sans-serif; font-weight: 700; font-size: clamp(16px, 1.4vw, 18px); line-height: 1; } .sbs-reasons__ttl { margin-top: 8px; font-size: clamp(20px, 2vw, 24px); font-weight: 700; line-height: 1.6; letter-spacing: 0.04em; } .sbs-split-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); gap: clamp(40px, 5vw, 64px); } .sbs-wbox { background: #fff; border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 16px; } .sbs-wbox__label { font-size: 15px; font-weight: 700; color: #4472c4; } .sbs-policy { display: flex; flex-direction: column; gap: 10px; } .sbs-policy li { background: #fff; border-radius: 999px; padding: 12px 24px; display: flex; align-items: center; gap: 14px; font-size: 16px; font-weight: 700; } .sbs-policy__check { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: #4472c4; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px; } /* ========================================================================== フォーム（.form-input の値差分＋フォーム部品） ========================================================================== */ .sbs-formbox { background: #fff; border: 1px solid #26334d; border-radius: 14px; padding: clamp(28px, 5vw, 64px); display: flex; flex-direction: column; gap: 32px; } .sbs-formbox--entry { border: 2px solid #4472c4; padding: clamp(28px, 5vw, 56px); gap: 28px; } .sbs-formbox__en-red { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.2em; color: #e56a6a; } .sbs-form-lead { margin-top: 8px; font-size: 16px; } .sbs-form-h2 { font-size: clamp(20px, 2.6vw, 26px); font-weight: 700; line-height: 1.5; } .sbs-fields { display: flex; flex-direction: column; gap: 22px; } .sbs-field { display: flex; flex-direction: column; gap: 8px; } .sbs-field__label { display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; } .sbs-req, .sbs-opt { font-size: 12px; border-radius: 999px; padding: 1px 10px; } .sbs-req { color: #fff; background: #e56a6a; } .sbs-opt { color: #4472c4; background: #e8eff7; } .sbs-input { width: 100%; font-size: 16px; padding: 14px 18px; border: 1.5px solid #d5e0ee; border-radius: 14px; background: #f7faff; color: #26334d; outline: none; transition: none; } .sbs-input:focus { border-color: #4472c4; background: #fff; } textarea.sbs-input { resize: vertical; } .sbs-radios { display: flex; flex-wrap: wrap; gap: 10px; } .sbs-radio { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid #d5e0ee; border-radius: 999px; padding: 8px 20px; font-size: 16px; font-weight: 500; background: #f7faff; } .sbs-radio input { margin: 0; accent-color: #4472c4; } .sbs-agree { align-self: center; display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; cursor: pointer; } .sbs-agree input { width: 18px; height: 18px; margin: 0; accent-color: #4472c4; } .sbs-submit { border: none; cursor: pointer; background: #4472c4; color: #fff; font-weight: 700; font-size: 16px; padding: 16px 56px; border-radius: 999px; transition: background 0.2s; } .sbs-submit:hover { background: #2f5aa8; } .sbs-submit--red { background: #e56a6a; } .sbs-submit--red:hover { background: #da5c5c; } /* -------------------------------------------------------------------------- CMSフォーム（cdn.rs-sys.jp mail-form.css / form-pattern-1）をサイトデザインに合わせる ※ mail-form.css は site.css より後に読み込まれるため .sbs-cmsform を前置して詳細度で上書き -------------------------------------------------------------------------- */ .sbs-cmsform .form-contents { padding: 0; margin: 0; background: none; } .sbs-cmsform .form-contents form { display: flex; flex-direction: column; } .sbs-cmsform .form-contents form dl { margin: 0 0 32px; } .sbs-cmsform .form-contents form dl dt:not(.pattern-exclusion) { display: flex; float: none; width: auto; margin: 0 0 8px; padding: 0; text-align: left; } .sbs-cmsform .form-contents form dl dt:not(.pattern-exclusion) span { display: inline-flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; color: #26334d; } .sbs-cmsform .form-pattern-1 dl dt:not(.pattern-exclusion) span.required::before, .sbs-cmsform .form-pattern-1 dl dt:not(.pattern-exclusion) span.optional::before { content: none; } .sbs-cmsform .form-pattern-1 dl dt:not(.pattern-exclusion) span.required::after, .sbs-cmsform .form-pattern-1 dl dt:not(.pattern-exclusion) span.optional::after { font-size: 12px; font-weight: 500; border-radius: 999px; padding: 1px 10px; } .sbs-cmsform .form-pattern-1 dl dt:not(.pattern-exclusion) span.required::after { content: "必須"; color: #fff; background: #e56a6a; } .sbs-cmsform .form-pattern-1 dl dt:not(.pattern-exclusion) span.optional::after { content: "任意"; color: #4472c4; background: #e8eff7; } .sbs-cmsform .form-pattern-1 form dl dd:not(.pattern-exclusion) { width: auto; margin: 0 0 22px; padding: 0; border: 0; line-height: 1.9; } .sbs-cmsform .form-pattern-1 form dl dd:not(.pattern-exclusion):last-child { margin-bottom: 0; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) .textarea { display: block; width: 100%; height: auto; font-size: 16px; padding: 14px 18px; border: 1.5px solid #d5e0ee; border-radius: 14px; background: #f7faff; color: #26334d; outline: none; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) textarea.textarea { height: 150px; resize: vertical; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) .textarea:focus { border-color: #4472c4; background: #fff; } /* ラジオ・チェックボックス（ピル型） */ .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion):has(.radio, .checkbox) { display: flex; flex-wrap: wrap; gap: 10px; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) label:has(.radio, .checkbox) { display: inline-flex; align-items: center; gap: 8px; border: 1.5px solid #d5e0ee; border-radius: 999px; padding: 8px 20px; font-size: 16px; background: #f7faff; cursor: pointer; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) .radio, .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) .checkbox { margin: 0; accent-color: #4472c4; } /* プライバシーポリシー同意（CMSのチェックボックス項目）：見出し行を消し、デザインの「☐ 同意する [必須]」1行・中央寄せに */ .sbs-cmsform .form-contents form dl dt:not(.pattern-exclusion):has(+ dd .checkbox[value*="プライバシーポリシー"]) { display: none; } .sbs-cmsform .form-pattern-1 form dl dd:not(.pattern-exclusion):has(.checkbox[value*="プライバシーポリシー"]) { justify-content: center; margin-top: 32px; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) label:has(.checkbox[value*="プライバシーポリシー"]) { gap: 10px; border: 0; border-radius: 0; padding: 0; background: none; font-size: 16px; font-weight: 700; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) label:has(.checkbox[value*="プライバシーポリシー"])::after { content: "必須"; flex-shrink: 0; white-space: nowrap; font-size: 12px; font-weight: 500; color: #fff; background: #e56a6a; border-radius: 999px; padding: 1px 10px; } .sbs-cmsform .form-pattern-1 dd:not(.pattern-exclusion) .checkbox[value*="プライバシーポリシー"] { width: 18px; height: 18px; } /* 応募フォーム（contact：.sbs-formbox--entry）は元データの余白が 28px（企業様フォームは 32px） */ .sbs-formbox--entry.sbs-cmsform .form-contents form dl { margin-bottom: 28px; } .sbs-formbox--entry.sbs-cmsform .form-pattern-1 form dl dd:not(.pattern-exclusion):has(.checkbox[value*="プライバシーポリシー"]) { margin-top: 28px; } /* 送信ボタン */ .sbs-cmsform .form-pattern-1 .submit-btn { align-self: center; width: auto; margin: 0 auto; padding: 16px 56px; border: none; border-radius: 999px; background: #4472c4; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: normal; transition: background 0.2s; } .sbs-cmsform .form-pattern-1 .submit-btn::before { content: none; } .sbs-cmsform .form-pattern-1 :not(.pattern-exclusion) .submit-btn:hover { background: #2f5aa8; } .sbs-cmsform--red .form-pattern-1 .submit-btn { background: #e56a6a; } /* 応募フォーム（contact）は赤 */ .sbs-cmsform--red .form-pattern-1 :not(.pattern-exclusion) .submit-btn:hover { background: #da5c5c; } /* エラー・送信完了 */ .sbs-cmsform .form-contents .form-err-msg { margin: 0 0 22px; padding: 16px 20px; border: 1px solid #e56a6a; border-radius: 14px; background: #fdeeee; color: #e56a6a; font-size: 16px; } .sbs-cmsform .form-pattern-1 .form-thanks-msg { border: 0; padding: 24px 0; background: none; } .sbs-cmsform .form-pattern-1 .form-thanks-msg p { font-size: 16px; line-height: 1.9; } .sbs-cmsform .form-pattern-1 .form-thanks-msg .back-home-btn { width: auto; margin-top: 28px; text-align: center; } .sbs-cmsform .form-pattern-1 .form-thanks-msg .back-home-btn a { display: inline-block; padding: 12px 40px; border: 2px solid #4472c4; border-radius: 999px; background: #fff; color: #4472c4; font-size: 16px; letter-spacing: normal; } .sbs-cmsform .form-pattern-1 .form-thanks-msg .back-home-btn a:hover { background: #f4f8fc; color: #4472c4; } .sbs-privacy { display: flex; flex-direction: column; gap: 14px; margin-top: clamp(32px, 4vw, 48px); } .sbs-privacy__ttl { font-size: 17px; font-weight: 700; } .sbs-privacy__box { max-height: 220px; overflow-y: auto; border: 1px solid #d5e0ee; border-radius: 14px; background: #f7faff; padding: 20px 24px; display: flex; flex-direction: column; gap: 14px; font-size: 15px; line-height: 1.9; } .sbs-privacy__box dt { font-weight: 700; color: #4472c4; } /* ========================================================================== contact：TEL / タブ（.tab-nav） / FAQ（.accordion） ========================================================================== */ .sbs-telcard { background: #4472c4; color: #fff; border-radius: 14px; padding: clamp(28px, 4vw, 44px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; } .sbs-telcard__en { font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.2em; } .sbs-telcard__ttl { font-size: 17px; font-weight: 700; } .sbs-telcard__num { color: #fff; font-family: "Quicksand", sans-serif; font-weight: 700; font-size: clamp(32px, 4.4vw, 44px); line-height: 1.2; letter-spacing: 0.04em; } .sbs-telcard__num:hover { color: #fff; } .sbs-redlink { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #fff; border: 2px solid #e56a6a; border-radius: 999px; padding: 14px 16px 14px 28px; color: #e56a6a; font-size: 16px; font-weight: 700; transition: background 0.2s; } .sbs-redlink:hover { background: #fdeeee; color: #e56a6a; } .sbs-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 8px; border-bottom: 0; } .sbs-tabs .tab-nav__item { border: none; border-radius: 14px 14px 0 0; padding: 18px 12px; font-size: clamp(15px, 1.6vw, 17px); font-weight: 700; line-height: 1.5; background: #e8eff7; color: #4472c4; transition: none; } .sbs-tabs .tab-nav__item:hover { background: #dbe6f3; color: #4472c4; } .sbs-tabs .tab-nav__item.is-active { background: #4472c4; color: #fff; } .sbs-faq { display: flex; flex-direction: column; gap: 12px; } .sbs-faq .accordion { border: 0; border-radius: 14px; background: #fff; } .sbs-faq .accordion__head { justify-content: flex-start; gap: 16px; padding: 20px 24px; background: none; color: #26334d; font-size: 16px; transition: none; } .sbs-faq .accordion__head:hover { background: none; } .sbs-faq .accordion__head::after, .sbs-faq .accordion.is-open .accordion__head::after { content: none; } .sbs-faq .accordion__body { gap: 16px; padding: 0 24px 22px; border-top: 0; background: none; } .sbs-faq .accordion.is-open .accordion__body { display: flex; } .sbs-faq__badge { flex-shrink: 0; width: 36px; height: 36px; border-radius: 50%; background: #4472c4; color: #fff; display: flex; align-items: center; justify-content: center; font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 16px; } .sbs-faq__badge--a { background: #e8eff7; color: #4472c4; } .sbs-faq__q { flex: 1; font-size: 16px; font-weight: 700; line-height: 1.6; } .sbs-faq__plus { flex-shrink: 0; font-family: "Sulphur Point", sans-serif; font-size: 22px; font-weight: 400; color: #4472c4; } .sbs-faq__a { margin-top: 4px; font-size: 16px; } /* ========================================================================== recruit ========================================================================== */ .sbs-recruit-lead { font-size: clamp(20px, 2.4vw, 26px); font-weight: 700; line-height: 1.8; } .sbs-recruit-anchors { margin-top: 8px; } .sbs-anchor-btn { display: inline-flex; align-items: center; gap: 10px; border: 2px solid #4472c4; color: #4472c4; font-weight: 700; font-size: 16px; padding: 10px 26px; border-radius: 999px; } .sbs-anchor-btn:hover { background: #4472c4; color: #fff; } .sbs-jobcard { background: #fff; border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 16px; } .sbs-jobcard dl { display: flex; flex-direction: column; gap: 12px; font-size: 16px; } .sbs-jobcard__row { display: flex; flex-direction: column; gap: 2px; border-bottom: 1px dashed #dbe5f2; padding-bottom: 10px; } .sbs-jobcard__row dt { font-size: 15px; font-weight: 700; color: #4472c4; } /* ========================================================================== お知らせ（一覧・詳細） ========================================================================== */ .sbs-blog { max-width: 1400px; margin: 0 auto; padding: clamp(32px, 5vw, 64px) clamp(20px, 3vw, 32px) clamp(80px, 9vw, 120px); display: flex; flex-wrap: wrap; gap: clamp(40px, 5vw, 64px); align-items: flex-start; } .sbs-blog--detail { padding-top: clamp(32px, 5vw, 56px); } .sbs-blog__main { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 28px; } .sbs-blog__side { flex: 1 1 280px; max-width: 100%; display: flex; flex-direction: column; gap: 20px; } .sbs-pagination { margin: 0; } .sbs-pagination .pagination__list { display: flex; gap: 8px; font-family: "Sulphur Point", sans-serif; font-weight: 700; font-size: 16px; } .sbs-pagination .pagination__link { width: 44px; min-width: 0; height: 44px; padding: 0; border: 0; border-radius: 50%; background: #e8eff7; color: #4472c4; transition: none; } .sbs-pagination .pagination__link:hover { color: #4472c4; } .sbs-pagination .pagination__link.is-current { background: #4472c4; color: #fff; } /* ブログCMS（一覧）：<%page_link%> の出力（.pages > .page_prev / .page_next の「前の◯件／次の◯件」）を デザインのページ送り（44px・#e8eff7地・青文字）の色・高さに合わせたピル型で表示 */ .sbs-blog__main { scroll-margin-top: 150px; } /* #cmsblog 戻り先：PC固定ヘッダー分 */ .sbs-cms-pager .pages { display: flex; justify-content: center; gap: 8px; margin-top: 28px; } .sbs-cms-pager .page_prev a, .sbs-cms-pager .page_next a { display: flex; align-items: center; height: 44px; padding: 0 22px; border-radius: 999px; background: #e8eff7; color: #4472c4; font-size: 16px; font-weight: 700; white-space: nowrap; } .sbs-cms-pager .page_prev a:hover, .sbs-cms-pager .page_next a:hover { background: #4472c4; color: #fff; } .sbs-news-list .sbs-badge { display: none; } /* カテゴリ機能は不使用（CMSテンプレート更新までの保険） */ @media (max-width: 1099px) { .sbs-blog__main { scroll-margin-top: 108px; } } .sbs-sidebox { background: #e8eff7; border-radius: 14px; padding: 28px; display: flex; flex-direction: column; gap: 12px; } .sbs-sidebox__ttl { font-size: 16px; font-weight: 700; display: flex; justify-content: space-between; align-items: baseline; } .sbs-sidebox__en { font-family: "Sulphur Point", sans-serif; font-size: 13px; letter-spacing: 0.16em; color: #4472c4; } .sbs-sidebox__link { background: #fff; border-radius: 999px; padding: 8px 18px; font-size: 15px; color: #26334d; display: flex; justify-content: space-between; } .sbs-sidebox__link:hover { color: #26334d; } .sbs-sidebox__link span { color: #4472c4; } .sbs-sidebox__list { display: flex; flex-direction: column; gap: 12px; } /* CMS出力（span内の記事カード）を12px間隔で縦並び */ .sbs-sidebox__post { display: flex; flex-direction: column; background: #fff; border-radius: 18px; padding: 10px 18px; color: #26334d; line-height: 1.6; } .sbs-sidebox__post:hover { color: #26334d; } .sbs-sidebox__date { font-family: "Sulphur Point", sans-serif; font-size: 14px; font-weight: 700; color: #4472c4; } .sbs-post__head { display: flex; flex-direction: column; gap: 14px; padding-bottom: 24px; border-bottom: 2px solid #e8eff7; } .sbs-post__meta { display: flex; align-items: center; gap: 14px; } .sbs-post__date { font-family: "Quicksand", sans-serif; font-weight: 700; font-size: 16px; color: #4472c4; letter-spacing: 0.04em; } .sbs-post__ttl { font-size: clamp(22px, 3vw, 30px); font-weight: 700; line-height: 1.6; } .sbs-post__body { display: flex; flex-direction: column; gap: 20px; font-size: 16px; line-height: 1.9; } /* CMS本文（エディタ出力）の要素：段落・見出し・画像・リンク */ .sbs-post__body p + p { margin-top: 20px; } .sbs-post__body h2 { margin: 32px 0 20px; font-size: 20px; font-weight: 700; padding: 10px 20px; background: #e8eff7; border-radius: 16px; } .sbs-post__body h3 { margin: 28px 0 14px; font-size: 18px; font-weight: 700; color: #4472c4; } .sbs-post__body img { max-width: 100%; height: auto; border-radius: 14px; } .sbs-post__body a { text-decoration: underline; } .sbs-post__body ul, .sbs-post__body ol { padding-left: 1.5em; list-style: disc; } .sbs-post__body ol { list-style: decimal; } .sbs-post__nav { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; padding-top: 28px; border-top: 2px solid #e8eff7; } .sbs-post__nav--center { justify-content: center; } /* 前後記事リンクはCMSタグが無いため「一覧へ戻る」のみ */ .sbs-post__back { display: inline-flex; align-items: center; gap: 10px; background: #4472c4; color: #fff; font-weight: 700; font-size: 15px; padding: 10px 28px; border-radius: 999px; } .sbs-post__back:hover { background: #2f5aa8; color: #fff; } /* ========================================================================== SP：改行調整（行頭の「ー」小書き仮名を禁止・1文字だけの行落ちを抑制） ========================================================================== */ @media (max-width: 767px) { body { line-break: strict; } h1, h2, h3, .sbs-entry__name, .sbs-apply__ttl, .sbs-faq__q { word-break: auto-phrase; } p, li, dd { text-wrap: pretty; } .sbs-dl__row, .sbs-dl--boxed .sbs-dl__row { grid-template-columns: 116px minmax(0, 1fr); } /* 会社情報（company）：SPは項目名→内容の上下積み。項目名は求人カード（.sbs-jobcard__row dt）と同じ見せ方 */ .sbs-dl--sp-stack .sbs-dl__row { grid-template-columns: minmax(0, 1fr); } .sbs-dl--sp-stack .sbs-dl__row dt { padding: 16px 14px 2px; font-size: 15px; font-weight: 700; color: #4472c4; } .sbs-dl--sp-stack .sbs-dl__row dd { padding: 0 14px 16px; } }