/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
******************************************/
/* IMPLEX 共通CSS（Simple Custom CSS & JS「IMPLEX共通」）。設計書2章：色・文字・部品の共通ルール */
:root{
  --ix-paper:#f7f6f2;--ix-white:#fff;--ix-green:#1f3a2e;--ix-moss:#6b7f5e;
  --ix-ink:#1d2b24;--ix-ink-soft:#5a6a60;--ix-pale:#eef0e9;--ix-line:#dcdcd4;
  --ix-serif:'Shippori Mincho','Hiragino Mincho ProN','Yu Mincho',serif;
  --ix-sans:'Zen Kaku Gothic New','Hiragino Sans','Noto Sans JP',sans-serif;
  --ix-en:'Cormorant Garamond',Georgia,serif;
}
body{font-family:var(--ix-sans);color:var(--ix-ink);background:var(--ix-paper)}
.post_content strong,.post_content b{font-family:inherit}

/* 見出し：SWELLの飾りを消して明朝に */
.post_content :is(h1,h2,h3).ix-h{font-family:var(--ix-serif);font-weight:700;color:var(--ix-green);background:none;border:0;padding:0;letter-spacing:.02em;line-height:1.5}
.post_content :is(h1,h2,h3).ix-h::before,.post_content :is(h1,h2,h3).ix-h::after{content:none}
.post_content h2.ix-h{font-size:clamp(1.6rem,1.2rem + 1.2vw,2.1rem);margin:0 0 40px}
.post_content h3.ix-h{font-size:1.15rem;margin:16px 0 8px}
.post_content p.ix-en{font-family:var(--ix-en);font-style:italic;font-size:1.25rem;color:var(--ix-moss);margin:0 0 6px;line-height:1.2}
.c-pageTitle__inner,.c-postTitle__ttl{font-family:var(--ix-serif)}

/* 本文 */
.post_content p{line-height:2}
.post_content p.ix-sub{color:var(--ix-ink-soft);font-size:.9rem}

/* ボタン（塗り・線の2種類、角は丸めない） */
/* ボタン：充填受託（48）・抹茶（458）のLPは独自の色（ゴールド）なので対象外（2026-10-03 本番で上書きしてしまったのを直した） */
#body_wrap:not(.page-id-48):not(.page-id-458) .post_content .wp-block-button__link{border-radius:0;padding:15px 28px;font-weight:700;letter-spacing:.05em;box-shadow:none}
#body_wrap:not(.page-id-48):not(.page-id-458) .post_content .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--ix-green)!important;color:#fff!important}
#body_wrap:not(.page-id-48):not(.page-id-458) .post_content .wp-block-button.is-style-outline .wp-block-button__link{background:transparent!important;border:1px solid var(--ix-green);color:var(--ix-green)!important}

/* 全幅セクションの余白 */
.post_content .swell-block-fullWide.ix-sec{padding-top:96px;padding-bottom:96px}
@media (max-width:599px){.post_content .swell-block-fullWide.ix-sec{padding-top:56px;padding-bottom:56px}}
/* 中身の幅：会社のページの区切りは見本と同じ 1168px（内側の余白16pxを含めて1200px）。記事（コラム・お知らせ）は読みやすさのため SWELL の 900px のまま（2026-10-03 土山の要望） */
.post_content .swell-block-fullWide.ix-sec>.swell-block-fullWide__inner{max-width:1200px}

/* 写真の角は丸めない */
.post_content img{border-radius:0}

/* カード・数字・チップ */
.post_content .ix-card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.post_content .ix-card .ix-label{font-size:.72rem;letter-spacing:.15em;color:var(--ix-moss);margin:14px 0 2px}
.post_content .ix-stat{border-top:1px solid var(--ix-green);padding-top:20px}
.post_content .ix-stat .ix-num{font-family:var(--ix-en);font-style:normal;font-weight:500;font-size:4rem;line-height:1;color:var(--ix-green);margin:0} /* 2026-10-03 土山：斜体→まっすぐ（見本Aと同じ） */
.post_content .ix-stat .ix-num small{font-family:var(--ix-sans);font-size:.9rem;margin-left:4px}
.post_content ul.ix-chips{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}
.post_content ul.ix-chips li{border:1px solid #cfd6c9;background:#fff;padding:8px 16px;font-size:.85rem;margin:0}
.post_content ul.ix-chips li::before{content:none}

/* ヘッダー */
.l-header{background:rgba(247,246,242,.96)}
.c-gnav>.menu-item>a{font-size:13px;color:var(--ix-ink)}
.c-gnav .ix-nav-bt>a{color:var(--ix-moss)}
.c-gnav .ix-nav-cta>a{background:var(--ix-green);color:#fff!important;padding:0 20px;margin-left:8px}
.c-gnav .ix-nav-cta>a:hover{opacity:.85}

/* 問い合わせ帯（フッター直前ウィジェット）。2026-10-03 充填受託ページの相談セクション（#jl-cta）と同じ作りに：深緑の濃淡・丸い飾りの線・ラベル・強みのタグ・ボタン2つ */
.w-beforeFooter .ix-cta{position:relative;overflow:hidden;color:#eef2ea;text-align:center;padding:88px 24px 80px;margin:0 calc(50% - 50vw);
  background:radial-gradient(ellipse at 20% 0%,#2c4a3c 0%,rgba(44,74,60,0) 55%),radial-gradient(ellipse at 85% 110%,#27443a 0%,rgba(39,68,58,0) 50%),var(--ix-green)}
.ix-cta::before,.ix-cta::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(185,201,168,.2);pointer-events:none}
.ix-cta::before{width:520px;height:520px;left:-180px;top:-260px}
.ix-cta::after{width:380px;height:380px;right:-120px;bottom:-200px;border-color:rgba(185,201,168,.16)}
.ix-cta>*{position:relative;z-index:1;max-width:760px;margin-left:auto;margin-right:auto}
.ix-cta .ix-cta-label{display:inline-block;margin:0 0 16px;padding:5px 16px;border:1px solid rgba(185,201,168,.6);border-radius:999px;color:#cfdac4;font-size:.86rem;letter-spacing:.08em}
.ix-cta h2{font-family:var(--ix-serif);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);color:#fff;margin:0 auto 12px;background:none;border:0;padding:0;word-break:keep-all;overflow-wrap:anywhere}
.ix-cta h2::before,.ix-cta h2::after{content:none}
.ix-cta .ix-cta-lede{margin:0 auto 32px;max-width:40em;opacity:.85;line-height:1.9;text-wrap:balance}
.ix-cta .ix-cta-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 30px}
.ix-cta .ix-cta-points span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(238,242,234,.2);color:#eef2ea;font-size:.9rem;font-weight:500}
.ix-cta .ix-cta-points span::before{content:"✓";color:#b9c9a8;font-weight:700}
.ix-cta .ix-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ix-cta .ix-btns a{padding:15px 30px;font-weight:700;text-decoration:none}
.ix-cta .ix-btns a.p{background:#b9c9a8;color:var(--ix-green);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.ix-cta .ix-btns a.p:hover{background:#cfdac4}
.ix-cta .ix-btns a.s{border:1px solid rgba(238,242,234,.5);color:#fff}
.ix-cta .ix-tel{margin-top:26px;font-size:1.5rem;letter-spacing:.05em}
.ix-cta .ix-tel a{color:#fff;text-decoration:none}
@media (max-width:600px){.ix-cta .ix-cta-points span{font-size:.84rem;padding:7px 13px}.ix-cta .ix-btns{flex-direction:column;align-items:stretch}.ix-cta .ix-cta-lede{text-align:left}}

/* フッター */
.l-footer{background:var(--ix-paper);color:var(--ix-ink)}
.l-footer .ix-ft-bt{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}
.l-footer .ix-ft-bt img{width:72px;height:72px;object-fit:cover}

/* フッターのリンク（Task 3） */
.l-footer .ix-ft-links{list-style:none;padding:0;margin:0 0 12px;display:inline-block;vertical-align:top;width:48%}
.l-footer .ix-ft-links li{margin:0 0 6px}
.l-footer .ix-ft-links a{color:inherit;text-decoration:none;font-size:13px}
/* 問い合わせ帯を画面の端から端まで（SWELLのフッター直前ウィジェットは幅の決まった箱の中にあるため、外側に色を付ける） */
.w-beforeFooter:has(.ix-cta){background:var(--ix-green);margin-top:0;padding:0}
.w-beforeFooter .c-widget:has(.ix-cta){margin:0}

/* コラムの記事下の相談ボタン（Task 8） */
.post_content .ix-post-cta{background:var(--ix-pale);padding:32px;margin:48px 0 0;border-top:2px solid var(--ix-green)}

/* 認証のカード（トップ・会社概要で共用。2026-10-03 トップのページ別CSSから移した） */
.post_content #certification .ix-cert-card{height:100%;background:#fff;border:1px solid var(--ix-line);padding:32px 20px 26px;text-align:center}
.post_content #certification .ix-cert-card figure{margin:0 auto 16px}
.post_content #certification .ix-cert-card img{height:64px;width:auto;max-width:100%;object-fit:contain;margin:0 auto}
.post_content #certification .ix-cert-card h3.ix-h{font-size:1rem;margin:0 0 6px}
.post_content #certification .ix-cert-card p.ix-sub{margin:0;font-size:.82rem}
.post_content #certification .wp-block-columns{--wp-column-gap:16px}
.post_content #certification p.ix-more{margin-top:28px}
@media (max-width:781px){.post_content #certification .wp-block-columns{display:grid;grid-template-columns:1fr 1fr;--wp-column-gap:10px;margin-bottom:10px}.post_content #certification .wp-block-column{margin:0}.post_content #certification .ix-cert-card{padding:22px 12px 18px}.post_content #certification .ix-cert-card img{height:52px}}

/* 固定ページの上部見出し（SWELLの .u-obf-cover が height:100%!important のため、高さは !important で上書き）：見本パターンAと同じく、左に文字（英字の小見出し・題名）・右に写真（2026-10-03 土山）。
   英字の小見出しは各ページの「サブタイトル」。出し方は子テーマ functions.php の swl_parts__page_title */
#body_wrap.page .l-topTitleArea{display:grid;grid-template-columns:1fr 1.3fr;min-height:0;padding:0;background:var(--ix-paper);color:var(--ix-ink)}
#body_wrap.page .l-topTitleArea.c-filterLayer::before,#body_wrap.page .l-topTitleArea.c-filterLayer::after{content:none;display:none}
#body_wrap.page .l-topTitleArea__img{position:static;grid-column:2;grid-row:1;width:100%;height:280px!important;min-height:0;object-fit:cover;opacity:1;filter:none;transform:none}
#body_wrap.page .l-topTitleArea__body{position:static;grid-column:1;grid-row:1;align-self:center;width:auto;max-width:none;margin:0;padding:48px 40px 48px max(40px,calc((100vw - 1168px) / 2));text-align:left;color:var(--ix-ink)}
#body_wrap.page .l-topTitleArea .c-pageTitle__en{font-family:var(--ix-en);font-style:italic;font-size:1.25rem;color:var(--ix-moss);margin:0 0 10px;line-height:1.2}
#body_wrap.page .l-topTitleArea .c-pageTitle{font-family:var(--ix-serif);font-weight:700;font-size:clamp(2rem,1.4rem + 1.6vw,2.75rem);color:var(--ix-green);text-shadow:none;letter-spacing:.06em;margin:0}
@media (max-width:781px){
  #body_wrap.page .l-topTitleArea{grid-template-columns:1fr;min-height:0}
  #body_wrap.page .l-topTitleArea__img{grid-column:1;grid-row:1;min-height:0;height:200px!important}
  #body_wrap.page .l-topTitleArea__body{grid-column:1;grid-row:2;padding:28px 20px 32px}
}
/* パンくずリスト：目立たないように小さく・薄く（2026-10-03 土山） */
#breadcrumb.p-breadcrumb{padding:10px 0;background:none;border:0}
#breadcrumb .p-breadcrumb__list{font-size:11px;opacity:.6;max-width:1200px;padding-left:16px;padding-right:16px} /* 左端を本文（1168px）にそろえる */
#breadcrumb .p-breadcrumb__text{color:var(--ix-ink-soft)}
/* 記事ページ・記事一覧（お知らせ・コラム）の背景は白（アイキャッチが映え、文章も読みやすいように。2026-10-03 土山） */
#body_wrap.single,#body_wrap.archive{background-color:#fff}
/* 目立たないリンク：文字の色・下線を周りと同じにする（代表ページへのリンク。2026-10-03 土山） */
.post_content a.ix-quiet,.post_content a.ix-quiet:hover{color:inherit;text-decoration:none}
/* 段落の最後の行に1〜2文字だけ残らないように（2026-10-03 土山：変なところで折り返す） */
.post_content .ix-sec p{text-wrap:pretty}
/* コラムの監修者（記事の末尾、小さく右寄せ。2026-10-03） */
.post_content p.ix-byline{margin-top:48px;text-align:right;font-size:.8rem;color:var(--ix-ink-soft)}