@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/* ==================================================
   CofJC 全ページ統合スタイルシート
   このファイル1つを Cocoon Child の style.css 末尾に貼るだけでOK
   生成日: 2026-06-23
   ================================================== */


/* ===== cofjc-style.css ===== */
/* =========================================================
   CofJC カスタムスタイル
   配置先: 子テーマ style.css の末尾に追記
   方針: 全クラスに .cofjc- 接頭辞 → Cocoonと衝突させない
   ========================================================= */

:root{
  --cofjc-ink:#16161A;
  --cofjc-paper:#F2EDE4;
  --cofjc-paper-2:#E8E1D4;
  --cofjc-blood:#B5121B;
  --cofjc-gold:#A8863F;
  --cofjc-grey:#6B6B70;
}

/* Cocoonデフォルト装飾の打ち消し（CofJCセクション内のみ） */
.cofjc-hero, .cofjc-problem, .cofjc-turn, .cofjc-declare,
.cofjc-service, .cofjc-proof, .cofjc-rep, .cofjc-filter,
.cofjc-faq, .cofjc-final{
  margin:0; padding-top:108px; padding-bottom:108px;
}
.cofjc-hero h1, .cofjc-problem h2, .cofjc-turn h2, .cofjc-declare h2,
.cofjc-service h2, .cofjc-proof h2, .cofjc-rep h2, .cofjc-filter h2,
.cofjc-faq h2{
  background:none !important; border-left:none !important;
  box-shadow:none !important; border-bottom:none !important;
  padding:0 !important; margin:0;
}
.home .post-date, .home .entry-meta, .home time{ display:none !important; }

.cofjc-wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.cofjc-hero .mincho, .mincho{font-family:"Shippori Mincho B1",serif}
.cofjc-mono, .mono{font-family:"Roboto Mono",monospace;font-feature-settings:"tnum"}

/* ===== HEADER ===== */
.cofjc-header{
  position:sticky;top:0;z-index:9999;
  background:rgba(242,237,228,.88);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(22,22,26,.12);
}
.cofjc-nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.cofjc-logo{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:22px;letter-spacing:.04em;color:var(--cofjc-ink);text-decoration:none}
.cofjc-logo span{color:var(--cofjc-blood)}
.cofjc-menu{display:flex;gap:30px;align-items:center}
.cofjc-menu a, .cofjc-menu-list a{color:var(--cofjc-ink);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}
.cofjc-menu a:hover{color:var(--cofjc-blood)}
.cofjc-menu-list{display:flex;gap:30px;align-items:center;list-style:none;margin:0;padding:0}
.cofjc-btn{background:var(--cofjc-ink);color:var(--cofjc-paper) !important;padding:11px 22px;font-weight:700;font-size:13px}
.cofjc-btn:hover{background:var(--cofjc-blood);color:#fff !important}
.cofjc-burger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:6px}
.cofjc-burger span{width:26px;height:2px;background:var(--cofjc-ink);display:block}

/* ===== HERO ===== */
.cofjc-hero{padding:120px 0 110px;position:relative;background:var(--cofjc-paper)}
.cofjc-eyebrow{font-size:12px;letter-spacing:.32em;color:var(--cofjc-blood);font-weight:700;margin-bottom:36px}
.cofjc-h1{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(34px,6.4vw,72px);line-height:1.28;letter-spacing:.01em;color:var(--cofjc-ink)}
.cofjc-h1 .line{display:block;opacity:0;transform:translateY(28px);animation:cofjcRise .9s cubic-bezier(.2,.7,.2,1) forwards}
.cofjc-h1 .line:nth-child(1){animation-delay:.1s}
.cofjc-h1 .line:nth-child(2){animation-delay:.32s}
.cofjc-h1 .blood, .blood{color:var(--cofjc-blood)}
@keyframes cofjcRise{to{opacity:1;transform:translateY(0)}}
.cofjc-cut{width:64px;height:5px;background:var(--cofjc-blood);margin:44px 0 38px;opacity:0;animation:cofjcWipe .7s ease .85s forwards}
@keyframes cofjcWipe{from{width:0;opacity:0}to{width:64px;opacity:1}}
.cofjc-hero-sub{max-width:640px;font-size:17px;color:#2c2c30;opacity:0;animation:cofjcRise .9s ease 1s forwards}
.cofjc-hero-sub strong{font-weight:700;border-bottom:2px solid var(--cofjc-gold);padding-bottom:1px}
.cofjc-cta-row{display:flex;gap:16px;margin-top:48px;flex-wrap:wrap;opacity:0;animation:cofjcRise .9s ease 1.2s forwards}
.cofjc-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;font-weight:700;font-size:15px;text-decoration:none;border:1.5px solid var(--cofjc-ink);transition:all .2s}
.cofjc-cta.solid{background:var(--cofjc-ink);color:var(--cofjc-paper)}
.cofjc-cta.solid:hover{background:var(--cofjc-blood);border-color:var(--cofjc-blood);color:#fff}
.cofjc-cta.ghost{color:var(--cofjc-ink)}
.cofjc-cta.ghost:hover{background:var(--cofjc-ink);color:var(--cofjc-paper)}
.cofjc-vnum{position:absolute;right:-10px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:"Roboto Mono",monospace;font-size:12px;letter-spacing:.3em;color:rgba(22,22,26,.3)}

/* ===== SECTION COMMON ===== */
.cofjc-sec-label{font-family:"Roboto Mono",monospace;font-size:12px;letter-spacing:.28em;color:var(--cofjc-grey);margin-bottom:20px;display:flex;align-items:center;gap:14px}
.cofjc-sec-label::before{content:"";width:30px;height:1px;background:var(--cofjc-blood)}
.cofjc-sec-h{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(28px,4.4vw,46px);line-height:1.4;letter-spacing:.01em;color:var(--cofjc-ink)}

/* ===== PROBLEM ===== */
.cofjc-problem{background:var(--cofjc-ink);color:var(--cofjc-paper)}
.cofjc-problem .cofjc-sec-label{color:#8a8a90}
.cofjc-problem .cofjc-sec-h{color:var(--cofjc-paper)}
.cofjc-lead{font-size:18px;margin:40px 0 0;color:#d8d3c7;max-width:680px}
.cofjc-badlist{margin:40px 0;border-top:1px solid rgba(242,237,228,.16);padding:0;list-style:none}
.cofjc-badlist li{padding:22px 0;border-bottom:1px solid rgba(242,237,228,.16);font-family:"Shippori Mincho B1",serif;font-size:clamp(19px,2.6vw,26px);font-weight:500;display:flex;align-items:baseline;gap:18px;color:#efe9dd}
.cofjc-badlist li .x{color:var(--cofjc-blood);font-weight:700;font-size:18px}
.cofjc-punch{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(24px,4vw,40px);line-height:1.5;margin-top:8px;color:var(--cofjc-paper)}
.cofjc-closer{margin-top:48px;font-size:18px;color:#d8d3c7;max-width:620px}
.cofjc-closer .em{color:#fff;font-weight:700}

/* ===== TURN ===== */
.cofjc-turn{background:var(--cofjc-paper)}
.cofjc-turn .cofjc-sec-h{margin-bottom:8px}
.cofjc-brand-tag{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(40px,7vw,84px);color:var(--cofjc-blood);line-height:1.1;margin:30px 0 6px}
.cofjc-brand-tag small{display:block;font-size:15px;color:var(--cofjc-ink);font-weight:500;font-family:"Noto Sans JP",sans-serif;letter-spacing:.04em;margin-top:10px}
.cofjc-turn-body{max-width:660px;font-size:17px;color:#2c2c30;margin-top:34px}
.cofjc-turn-body p{margin-bottom:20px}
.cofjc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(22,22,26,.14);border:1px solid rgba(22,22,26,.14);margin:46px 0 0}
.cofjc-metric{background:var(--cofjc-paper);padding:30px 24px}
.cofjc-metric .n{font-family:"Roboto Mono",monospace;font-weight:700;font-size:clamp(28px,4vw,40px);color:var(--cofjc-ink)}
.cofjc-metric .n b{color:var(--cofjc-blood)}
.cofjc-metric .l{font-size:13px;color:var(--cofjc-grey);margin-top:8px;line-height:1.6}
.cofjc-kick{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(20px,3vw,28px);margin-top:44px;line-height:1.6;color:var(--cofjc-ink)}

/* ===== DECLARE ===== */
.cofjc-declare{background:var(--cofjc-paper-2)}
.cofjc-declare .cofjc-sec-h{margin-bottom:48px}
.cofjc-decl-row{display:flex;gap:28px;padding:34px 0;border-top:1px solid rgba(22,22,26,.18);align-items:flex-start}
.cofjc-decl-row:last-child{border-bottom:1px solid rgba(22,22,26,.18)}
.cofjc-decl-no{font-family:"Roboto Mono",monospace;font-weight:700;font-size:15px;color:var(--cofjc-blood);padding-top:6px;min-width:42px}
.cofjc-decl-main h3{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(20px,3vw,28px);margin-bottom:12px;color:var(--cofjc-ink)}
.cofjc-decl-main p{font-size:16px;color:#3a3a3e;max-width:620px}

/* ===== SERVICE ===== */
.cofjc-service{background:var(--cofjc-paper)}
.cofjc-service .cofjc-sec-h{margin-bottom:14px}
.cofjc-intro{font-size:17px;color:#2c2c30;max-width:560px;margin-bottom:46px}
.cofjc-svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(22,22,26,.14);border:1px solid rgba(22,22,26,.14)}
.cofjc-svc{background:var(--cofjc-paper);padding:34px 30px;transition:background .25s}
.cofjc-svc:hover{background:#fff}
.cofjc-svc .t{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:21px;margin-bottom:12px;display:flex;align-items:center;gap:12px;color:var(--cofjc-ink)}
.cofjc-svc .t::before{content:"";width:8px;height:8px;background:var(--cofjc-blood);flex-shrink:0}
.cofjc-svc p{font-size:15px;color:#3a3a3e}
.cofjc-svc-tail{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(19px,2.6vw,24px);text-align:center;margin-top:44px;color:var(--cofjc-ink)}

/* ===== PROOF ===== */
.cofjc-proof{background:var(--cofjc-ink);color:var(--cofjc-paper)}
.cofjc-proof .cofjc-sec-label{color:#8a8a90}
.cofjc-proof .cofjc-sec-h{color:var(--cofjc-paper);margin-bottom:40px}
.cofjc-proof-card{border:1px solid rgba(242,237,228,.2);padding:44px;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.cofjc-proof-visual{background:linear-gradient(135deg,#1d1d22,#262630);border:1px solid rgba(242,237,228,.14);padding:36px;min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.cofjc-proof-visual .pv-row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed rgba(242,237,228,.2);padding-bottom:14px}
.cofjc-proof-visual .pv-row:last-child{border:none;padding:0}
.cofjc-proof-visual .k{font-size:13px;color:#a8a8ae}
.cofjc-proof-visual .v{font-family:"Roboto Mono",monospace;font-weight:700;font-size:clamp(20px,3vw,30px);color:var(--cofjc-gold)}
.cofjc-proof-text p{color:#d8d3c7;font-size:17px;margin-bottom:18px}
.cofjc-proof-text .big{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(22px,3vw,30px);color:#fff;line-height:1.5}
.cofjc-proof-text a{display:inline-block;margin-top:14px;color:var(--cofjc-gold);text-decoration:none;font-weight:700;border-bottom:1px solid var(--cofjc-gold);padding-bottom:2px}

/* ===== REP ===== */
.cofjc-rep{background:var(--cofjc-paper)}
.cofjc-rep-card{display:grid;grid-template-columns:360px 1fr;gap:48px;align-items:center}
.cofjc-rep-photo{aspect-ratio:3/2;background:var(--cofjc-paper-2);border:1px solid rgba(22,22,26,.14);overflow:hidden}
.cofjc-rep-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(12%) contrast(1.02)}
.cofjc-rep-name{font-family:"Shippori Mincho B1",serif;font-weight:500;font-size:14px;letter-spacing:.04em;color:var(--cofjc-grey);margin-bottom:6px}
.cofjc-rep-name b{display:block;font-size:26px;font-weight:800;color:var(--cofjc-ink);letter-spacing:.06em;margin-top:4px}
.cofjc-rep-quote{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(20px,3vw,27px);line-height:1.7;margin:26px 0;border-left:4px solid var(--cofjc-blood);padding-left:24px;color:var(--cofjc-ink)}
.cofjc-rep-meta{font-size:14px;color:var(--cofjc-grey)}
.cofjc-rep-meta a{color:var(--cofjc-ink);text-decoration:none;border-bottom:1px solid rgba(22,22,26,.3)}

/* ===== FILTER ===== */
.cofjc-filter{background:var(--cofjc-paper-2)}
.cofjc-filter .cofjc-sec-h{margin-bottom:14px}
.cofjc-filt-item{display:flex;gap:20px;padding:26px 0;border-top:1px solid rgba(22,22,26,.18);align-items:flex-start}
.cofjc-filt-item:last-of-type{border-bottom:1px solid rgba(22,22,26,.18)}
.cofjc-filt-item .no{color:var(--cofjc-blood);font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:22px;line-height:1.3}
.cofjc-filt-item h4{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:19px;margin-bottom:8px;color:var(--cofjc-ink)}
.cofjc-filt-item p{font-size:15px;color:#3a3a3e}
.cofjc-flip{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(20px,3vw,28px);margin-top:40px;line-height:1.6;color:var(--cofjc-ink)}

/* ===== FAQ ===== */
.cofjc-faq{background:var(--cofjc-paper)}
.cofjc-faq .cofjc-sec-h{margin-bottom:40px}
.cofjc-qa{border-bottom:1px solid rgba(22,22,26,.16)}
.cofjc-qa summary{list-style:none;cursor:pointer;padding:24px 0;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(17px,2.4vw,21px);color:var(--cofjc-ink)}
.cofjc-qa summary::-webkit-details-marker{display:none}
.cofjc-qa summary .mk{color:var(--cofjc-blood);font-family:"Roboto Mono",monospace;font-weight:700;transition:transform .25s;flex-shrink:0}
.cofjc-qa[open] summary .mk{transform:rotate(45deg)}
.cofjc-qa .ans{padding:0 0 26px;font-size:16px;color:#3a3a3e;max-width:760px}
.cofjc-qa .ans b{color:var(--cofjc-ink)}

/* ===== FINAL ===== */
.cofjc-final{background:var(--cofjc-ink);color:var(--cofjc-paper);text-align:center}
.cofjc-final h2{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(26px,4.4vw,46px);line-height:1.5;margin-bottom:14px;color:var(--cofjc-paper)}
.cofjc-final p{color:#b8b3a7;margin-bottom:40px;font-size:16px}
.cofjc-final .cofjc-cta.solid{background:var(--cofjc-blood);border-color:var(--cofjc-blood);color:#fff;font-size:17px;padding:18px 46px}
.cofjc-final .cofjc-cta.solid:hover{background:#fff;color:var(--cofjc-ink)}

/* ===== FOOTER ===== */
.cofjc-footer{background:#101013;color:#9a9aa0;padding:64px 0 40px}
.cofjc-foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(242,237,228,.12)}
.cofjc-foot-logo{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:24px;color:var(--cofjc-paper)}
.cofjc-foot-logo span{color:var(--cofjc-blood)}
.cofjc-foot-brand p{font-size:13px;margin-top:14px;line-height:1.8}
.cofjc-foot-col h5{color:var(--cofjc-paper);font-size:13px;letter-spacing:.1em;margin-bottom:16px;font-weight:700}
.cofjc-foot-col a{display:block;color:#9a9aa0;text-decoration:none;font-size:13px;margin-bottom:10px;transition:color .2s}
.cofjc-foot-col a:hover{color:var(--cofjc-gold)}
.cofjc-foot-bottom{padding-top:28px;display:flex;justify-content:space-between;font-size:12px;flex-wrap:wrap;gap:12px}
.cofjc-foot-bottom .cofjc-mono{color:#6a6a70}

/* ===== reveal ===== */
.cofjc-hero ~ * .reveal, .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* ===== responsive ===== */
@media(max-width:760px){
  .cofjc-menu{position:absolute;top:68px;left:0;right:0;flex-direction:column;gap:0;background:var(--cofjc-paper);padding:8px 28px 20px;border-bottom:1px solid rgba(22,22,26,.12);display:none}
  .cofjc-menu.is-open{display:flex}
  .cofjc-menu-list{flex-direction:column;gap:0;width:100%}
  .cofjc-burger{display:flex}
  .cofjc-hero{padding:72px 0 64px}
  .cofjc-hero,.cofjc-problem,.cofjc-turn,.cofjc-declare,.cofjc-service,.cofjc-proof,.cofjc-rep,.cofjc-filter,.cofjc-faq,.cofjc-final{padding-top:72px;padding-bottom:72px}
  .cofjc-vnum{display:none}
  .cofjc-metrics{grid-template-columns:1fr}
  .cofjc-svc-grid{grid-template-columns:1fr}
  .cofjc-proof-card{grid-template-columns:1fr;padding:28px}
  .cofjc-rep-card{grid-template-columns:1fr;gap:28px}
  .cofjc-rep-photo{max-width:240px}
  .cofjc-foot-top{grid-template-columns:1fr;gap:28px}
  .cofjc-decl-row{gap:16px}
}

@media(prefers-reduced-motion:reduce){
  .cofjc-h1 .line,.cofjc-hero-sub,.cofjc-cta-row,.cofjc-cut,.reveal{opacity:1 !important;transform:none !important;animation:none !important}
}


/* ===== cofjc-contact-style.css ===== */
/* =========================================================
   CofJC お問い合わせページ 追加スタイル
   配置先: 子テーマ style.css の末尾（cofjc-style.css の後ろ）に追記
   ========================================================= */

/* ===== CONTACT HERO ===== */
.cofjc-chero{background:var(--cofjc-paper);padding:104px 0 72px}
.cofjc-chero .cofjc-h1{font-size:clamp(30px,5.4vw,60px)}
.cofjc-chero .cofjc-hero-sub{animation:none;opacity:1}
.cofjc-chero .cofjc-h1 .line{animation:cofjcRise .8s cubic-bezier(.2,.7,.2,1) forwards}

/* ===== WHY ===== */
.cofjc-cwhy{background:var(--cofjc-paper);padding:0 0 96px}
.cofjc-cwhy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(22,22,26,.14);border:1px solid rgba(22,22,26,.14)}
.cofjc-cwhy-item{background:var(--cofjc-paper);padding:36px 30px}
.cofjc-cwhy-item .no{font-family:"Roboto Mono",monospace;font-weight:700;font-size:14px;color:var(--cofjc-blood);margin-bottom:16px}
.cofjc-cwhy-item h3{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:21px;margin-bottom:12px;color:var(--cofjc-ink);line-height:1.5}
.cofjc-cwhy-item p{font-size:15px;color:#3a3a3e}

/* ===== FORM ===== */
.cofjc-cform{background:var(--cofjc-paper-2);padding:96px 0}
.cofjc-cform-wrap{max-width:760px}
.cofjc-cform .cofjc-sec-h{margin-bottom:12px}
.cofjc-cform .cofjc-intro{margin-bottom:40px}

/* CF7 レイアウト */
.cofjc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cofjc-field{display:flex;flex-direction:column}
.cofjc-field-full{grid-column:1 / -1}
.cofjc-field label{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:15px;color:var(--cofjc-ink);margin-bottom:10px;display:flex;align-items:center;gap:10px}
.cofjc-field .req{font-family:"Noto Sans JP",sans-serif;font-weight:700;font-size:11px;color:#fff;background:var(--cofjc-blood);padding:2px 9px;letter-spacing:.04em}
.cofjc-field .opt{font-family:"Noto Sans JP",sans-serif;font-weight:500;font-size:11px;color:var(--cofjc-grey);background:rgba(22,22,26,.08);padding:2px 9px;letter-spacing:.04em}

/* 入力欄 */
.cofjc-cf7 input[type=text],
.cofjc-cf7 input[type=email],
.cofjc-cf7 input[type=tel],
.cofjc-cf7 select,
.cofjc-cf7 textarea{
  width:100%;
  font-family:"Noto Sans JP",sans-serif;font-size:15px;color:var(--cofjc-ink);
  background:var(--cofjc-paper);
  border:1.5px solid rgba(22,22,26,.22);
  border-radius:0;
  padding:14px 16px;
  transition:border-color .2s,background .2s;
  -webkit-appearance:none;appearance:none;
}
.cofjc-cf7 select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2316161A' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;padding-right:42px;
}
.cofjc-cf7 textarea{resize:vertical;min-height:120px}
.cofjc-cf7 input:focus,
.cofjc-cf7 select:focus,
.cofjc-cf7 textarea:focus{outline:none;border-color:var(--cofjc-blood);background:#fff}
.cofjc-cf7 input::placeholder,
.cofjc-cf7 textarea::placeholder{color:#a8a39a}

/* 同意 */
.cofjc-consent{font-size:14px;color:#3a3a3e}
.cofjc-consent a{color:var(--cofjc-ink);border-bottom:1px solid rgba(22,22,26,.4);text-decoration:none}
.cofjc-cf7 .wpcf7-list-item{margin:0}
.cofjc-cf7 .wpcf7-list-item-label{margin-left:8px}

/* 送信ボタン */
.cofjc-submit-row{align-items:center;text-align:center;margin-top:8px}
.cofjc-cf7 input[type=submit]{
  font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:17px;
  color:#fff;background:var(--cofjc-blood);
  border:1.5px solid var(--cofjc-blood);border-radius:0;
  padding:18px 56px;cursor:pointer;transition:all .2s;letter-spacing:.04em;
}
.cofjc-cf7 input[type=submit]:hover{background:var(--cofjc-ink);border-color:var(--cofjc-ink)}
.cofjc-form-note{font-size:13px;color:var(--cofjc-grey);margin-top:18px}

/* CF7 バリデーション表示 */
.cofjc-cf7 .wpcf7-not-valid-tip{color:var(--cofjc-blood);font-size:13px;margin-top:6px}
.cofjc-cf7 .wpcf7-response-output{
  border:1.5px solid rgba(22,22,26,.3) !important;
  margin:28px 0 0 !important;padding:16px 18px !important;
  font-size:14px;background:var(--cofjc-paper);
}
.cofjc-cf7 .wpcf7-mail-sent-ok{border-color:var(--cofjc-gold) !important}
.cofjc-cf7 .wpcf7-validation-errors,
.cofjc-cf7 .wpcf7-acceptance-missing{border-color:var(--cofjc-blood) !important}

/* ===== ALT CONTACT ===== */
.cofjc-calt{background:var(--cofjc-ink);padding:72px 0}
.cofjc-calt-box{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.cofjc-calt-box h4{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:21px;color:var(--cofjc-paper);margin-bottom:10px}
.cofjc-calt-box p{font-size:15px;color:#b8b3a7;max-width:520px}
.cofjc-calt .cofjc-cta.ghost{color:var(--cofjc-paper);border-color:var(--cofjc-paper);font-family:"Roboto Mono",monospace;font-size:15px;white-space:nowrap}
.cofjc-calt .cofjc-cta.ghost:hover{background:var(--cofjc-paper);color:var(--cofjc-ink)}

/* ===== responsive ===== */
@media(max-width:760px){
  .cofjc-chero{padding:64px 0 48px}
  .cofjc-cwhy{padding:0 0 64px}
  .cofjc-cwhy-grid{grid-template-columns:1fr}
  .cofjc-cform{padding:64px 0}
  .cofjc-form-grid{grid-template-columns:1fr;gap:20px}
  .cofjc-calt-box{flex-direction:column;align-items:flex-start}
  .cofjc-cf7 input[type=submit]{width:100%}
}


/* ===== cofjc-strength-style.css ===== */
/* =========================================================
   CofJC「強み」ページ 追加スタイル
   配置先: 子テーマ style.css の末尾（cofjc-style.css の後ろ）に追記
   ========================================================= */

/* ===== HERO ===== */
.cofjc-shero{background:var(--cofjc-paper);padding:104px 0 80px}
.cofjc-shero .cofjc-h1{font-size:clamp(30px,5.4vw,62px)}
.cofjc-shero .cofjc-hero-sub{animation:none;opacity:1}
.cofjc-shero .cofjc-h1 .line{animation:cofjcRise .8s cubic-bezier(.2,.7,.2,1) forwards}

/* ===== PIPELINE ===== */
.cofjc-pipeline{background:var(--cofjc-ink);color:var(--cofjc-paper);padding:104px 0}
.cofjc-pipeline .cofjc-sec-label{color:#8a8a90}
.cofjc-pipeline .cofjc-sec-h{color:var(--cofjc-paper)}
.cofjc-pipeline .cofjc-intro{color:#d8d3c7;margin:34px 0 56px}

.cofjc-flow{display:flex;flex-direction:column}
.cofjc-flow-step{display:grid;grid-template-columns:96px 1fr;gap:32px;padding:36px 0;border-top:1px solid rgba(242,237,228,.16);position:relative}
.cofjc-flow-step:last-child{border-bottom:1px solid rgba(242,237,228,.16)}
.cofjc-flow-step .step-no{font-family:"Roboto Mono",monospace;font-weight:700;font-size:clamp(28px,4vw,44px);color:var(--cofjc-blood);line-height:1}
.cofjc-flow-step .step-body h3{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(20px,3vw,27px);margin-bottom:14px;color:#fff}
.cofjc-flow-step .step-body p{font-size:16px;color:#cfcabf;max-width:640px;margin-bottom:18px}
.cofjc-flow-step .step-metric{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(242,237,228,.22);padding:10px 18px}
.cofjc-flow-step .step-metric .k{font-size:12px;color:#a8a8ae;letter-spacing:.04em}
.cofjc-flow-step .step-metric .v{font-family:"Roboto Mono",monospace;font-weight:700;font-size:15px;color:var(--cofjc-gold)}

/* ===== NUMBERS ===== */
.cofjc-numbers{background:var(--cofjc-paper);padding:104px 0}
.cofjc-numbers .cofjc-intro{margin:34px 0 50px}
.cofjc-num-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(22,22,26,.14);border:1px solid rgba(22,22,26,.14)}
.cofjc-num{background:var(--cofjc-paper);padding:40px 26px;text-align:left}
.cofjc-num .n{font-family:"Roboto Mono",monospace;font-weight:700;font-size:clamp(34px,5vw,52px);color:var(--cofjc-ink);line-height:1.05}
.cofjc-num .n small{font-size:.45em;color:var(--cofjc-blood);margin-left:3px}
.cofjc-num .l{font-size:13px;color:var(--cofjc-grey);margin-top:14px;line-height:1.65}
.cofjc-num-note{font-size:12px;color:var(--cofjc-grey);margin-top:22px}

/* ===== TRANSFER ===== */
.cofjc-transfer{background:var(--cofjc-paper-2);padding:104px 0}
.cofjc-transfer-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.cofjc-transfer-text .cofjc-sec-h{margin:18px 0 26px}
.cofjc-transfer-text p{font-size:17px;color:#2c2c30;margin-bottom:18px}
.cofjc-transfer-text .em{font-weight:700;border-bottom:2px solid var(--cofjc-gold);padding-bottom:1px}
.cofjc-transfer-list{display:flex;flex-direction:column;gap:1px;background:rgba(22,22,26,.16);border:1px solid rgba(22,22,26,.16)}
.cofjc-transfer-list .t-item{background:var(--cofjc-paper-2);padding:22px 24px;font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(15px,2.2vw,18px);color:var(--cofjc-ink);display:flex;gap:14px;align-items:baseline}
.cofjc-transfer-list .t-item .x{color:var(--cofjc-blood);font-family:"Roboto Mono",monospace;font-weight:700}

/* ===== responsive ===== */
@media(max-width:760px){
  .cofjc-shero{padding:64px 0 52px}
  .cofjc-pipeline,.cofjc-numbers,.cofjc-transfer{padding:64px 0}
  .cofjc-flow-step{grid-template-columns:1fr;gap:14px;padding:28px 0}
  .cofjc-flow-step .step-no{font-size:30px}
  .cofjc-num-grid{grid-template-columns:1fr 1fr}
  .cofjc-transfer-grid{grid-template-columns:1fr;gap:36px}
}
@media(max-width:430px){
  .cofjc-num-grid{grid-template-columns:1fr}
}


/* ===== cofjc-service-style.css ===== */
/* =========================================================
   CofJC「サービス」ページ 追加スタイル
   配置先: 子テーマ style.css の末尾に追記
   ========================================================= */

/* HERO */
.cofjc-svhero{background:var(--cofjc-paper);padding:104px 0 80px}
.cofjc-svhero .cofjc-h1{font-size:clamp(30px,5.4vw,60px)}
.cofjc-svhero .cofjc-hero-sub{animation:none;opacity:1}
.cofjc-svhero .cofjc-h1 .line{animation:cofjcRise .8s cubic-bezier(.2,.7,.2,1) forwards}

/* SERVICE LIST */
.cofjc-svlist{background:var(--cofjc-paper);padding:0 0 96px}
.cofjc-svblock{border-top:1px solid rgba(22,22,26,.18);padding:48px 0}
.cofjc-svblock:last-child{border-bottom:1px solid rgba(22,22,26,.18)}
.cofjc-svblock .sv-head{display:flex;align-items:baseline;gap:22px;margin-bottom:26px}
.cofjc-svblock .sv-no{font-family:"Roboto Mono",monospace;font-weight:700;font-size:clamp(24px,3.4vw,38px);color:var(--cofjc-blood);line-height:1}
.cofjc-svblock h2{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(23px,3.6vw,34px);color:var(--cofjc-ink);line-height:1.4;margin:0;background:none;border:none;padding:0}
.cofjc-svblock .sv-cols{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}
.cofjc-svblock .sv-lead p{font-size:17px;color:#2c2c30}
.cofjc-svblock .sv-detail{background:var(--cofjc-paper-2);padding:26px 28px}
.cofjc-svblock .sv-tag{font-family:"Roboto Mono",monospace;font-size:11px;letter-spacing:.2em;color:var(--cofjc-blood);font-weight:700;margin-bottom:16px}
.cofjc-svblock .sv-detail ul{list-style:none;margin:0;padding:0}
.cofjc-svblock .sv-detail li{font-size:15px;color:var(--cofjc-ink);padding:10px 0 10px 22px;position:relative;border-bottom:1px solid rgba(22,22,26,.1)}
.cofjc-svblock .sv-detail li:last-child{border-bottom:none}
.cofjc-svblock .sv-detail li::before{content:"✓";position:absolute;left:0;color:var(--cofjc-gold);font-weight:700}

/* OUR WAY */
.cofjc-svway{background:var(--cofjc-ink);color:var(--cofjc-paper);padding:104px 0}
.cofjc-svway .cofjc-sec-label{color:#8a8a90}
.cofjc-svway .cofjc-sec-h{color:var(--cofjc-paper);margin-bottom:44px}
.cofjc-svway-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(242,237,228,.16);border:1px solid rgba(242,237,228,.16)}
.cofjc-svway-grid .way{background:var(--cofjc-ink);padding:26px 28px;font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(15px,2.2vw,19px);color:#efe9dd;display:flex;gap:14px;align-items:baseline}
.cofjc-svway-grid .way .x{color:var(--cofjc-blood);font-family:"Roboto Mono",monospace;font-weight:700;flex-shrink:0}

/* responsive */
@media(max-width:760px){
  .cofjc-svhero{padding:64px 0 52px}
  .cofjc-svlist{padding:0 0 64px}
  .cofjc-svblock{padding:36px 0}
  .cofjc-svblock .sv-cols{grid-template-columns:1fr;gap:24px}
  .cofjc-svway{padding:64px 0}
  .cofjc-svway-grid{grid-template-columns:1fr}
}


/* ===== cofjc-works-style.css ===== */
/* =========================================================
   CofJC「実績」ページ 追加スタイル
   配置先: 子テーマ style.css の末尾に追記
   ========================================================= */

/* HERO */
.cofjc-whero{background:var(--cofjc-paper);padding:104px 0 80px}
.cofjc-whero .cofjc-h1{font-size:clamp(30px,5.4vw,60px)}
.cofjc-whero .cofjc-hero-sub{animation:none;opacity:1}
.cofjc-whero .cofjc-h1 .line{animation:cofjcRise .8s cubic-bezier(.2,.7,.2,1) forwards}

/* SELF (flagship) */
.cofjc-wself{background:var(--cofjc-ink);color:var(--cofjc-paper);padding:104px 0}
.cofjc-wself .cofjc-sec-label{color:#8a8a90}
.cofjc-wself .cofjc-sec-h{color:var(--cofjc-paper);margin-bottom:40px}
.cofjc-wself-card{display:grid;grid-template-columns:1fr 1fr;gap:48px;border:1px solid rgba(242,237,228,.2);padding:44px;align-items:center}
.cofjc-wself-card .ws-desc{font-size:17px;color:#d8d3c7;margin-bottom:24px}
.cofjc-wself-card .ws-link{color:var(--cofjc-gold);text-decoration:none;font-weight:700;border-bottom:1px solid var(--cofjc-gold);padding-bottom:2px}
.cofjc-wself-card .ws-right{display:flex;flex-direction:column;gap:18px}
.cofjc-wself-card .ws-metric{display:flex;flex-direction:column;border-bottom:1px dashed rgba(242,237,228,.22);padding-bottom:16px}
.cofjc-wself-card .ws-metric:last-child{border-bottom:none;padding-bottom:0}
.cofjc-wself-card .ws-metric .n{font-family:"Roboto Mono",monospace;font-weight:700;font-size:clamp(22px,3vw,30px);color:var(--cofjc-gold)}
.cofjc-wself-card .ws-metric .l{font-size:13px;color:#a8a8ae;margin-top:6px}

/* CASES */
.cofjc-wcases{background:var(--cofjc-paper);padding:104px 0}
.cofjc-wcases .cofjc-intro{margin:34px 0 48px}
.cofjc-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(22,22,26,.14);border:1px solid rgba(22,22,26,.14)}
.cofjc-case{background:var(--cofjc-paper);padding:36px 32px}
.cofjc-case .case-cat{font-family:"Roboto Mono",monospace;font-size:12px;letter-spacing:.16em;color:var(--cofjc-blood);font-weight:700;margin-bottom:16px}
.cofjc-case h3{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:21px;color:var(--cofjc-ink);margin-bottom:14px;line-height:1.5}
.cofjc-case p{font-size:15px;color:#3a3a3e;margin-bottom:20px}
.cofjc-case .case-tag{font-size:12px;color:var(--cofjc-grey);border-top:1px solid rgba(22,22,26,.12);padding-top:14px}
.cofjc-case-note{font-size:12px;color:var(--cofjc-grey);margin-top:24px}

/* FIELDS */
.cofjc-wfields{background:var(--cofjc-paper-2);padding:104px 0}
.cofjc-field-tags{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.cofjc-field-tags span{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:clamp(14px,2vw,17px);color:var(--cofjc-ink);background:var(--cofjc-paper);border:1px solid rgba(22,22,26,.2);padding:12px 22px}

/* CLIENTS */
.cofjc-clients-h{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(22px,3.4vw,32px);color:var(--cofjc-ink);margin-bottom:28px}
.cofjc-client-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(22,22,26,.16);border:1px solid rgba(22,22,26,.16)}
.cofjc-client-list span{background:var(--cofjc-paper-2);padding:22px 26px;font-size:clamp(14px,2vw,17px);color:var(--cofjc-ink);font-weight:500}

/* responsive */
@media(max-width:760px){
  .cofjc-whero{padding:64px 0 52px}
  .cofjc-wself{padding:64px 0}
  .cofjc-wself-card{grid-template-columns:1fr;gap:30px;padding:28px}
  .cofjc-wcases{padding:64px 0}
  .cofjc-case-grid{grid-template-columns:1fr}
  .cofjc-wfields{padding:64px 0}
  .cofjc-client-list{grid-template-columns:1fr}
}


/* =========================================================
   CofJC「会社概要」ページ 追加スタイル
   配置先: 子テーマ style.css の末尾に追記
   ========================================================= */

/* HERO */
.cofjc-chero2{background:var(--cofjc-paper);padding:104px 0 80px}
.cofjc-chero2 .cofjc-h1{font-size:clamp(30px,5.4vw,60px)}
.cofjc-chero2 .cofjc-hero-sub{animation:none;opacity:1}
.cofjc-chero2 .cofjc-h1 .line{animation:cofjcRise .8s cubic-bezier(.2,.7,.2,1) forwards}

/* INFO TABLE（罫線のみ・縞模様なし・端正） */
.cofjc-cinfo{background:var(--cofjc-paper);padding:104px 0}
.cofjc-info-table{width:100%;border-collapse:collapse;margin-top:36px;border-top:1px solid rgba(22,22,26,.2)}
.cofjc-info-table tr{border-bottom:1px solid rgba(22,22,26,.14)}
.cofjc-info-table th,
.cofjc-info-table td{background:transparent !important}
.cofjc-info-table th{
  text-align:left;vertical-align:top;width:200px;padding:26px 24px 26px 0;
  font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:15px;color:var(--cofjc-ink);
}
.cofjc-info-table td{padding:26px 0;font-size:16px;color:#2c2c30;line-height:1.85}
.cofjc-info-table td a{color:var(--cofjc-ink);border-bottom:1px solid rgba(22,22,26,.3);text-decoration:none}
.cofjc-info-table td a:hover{color:var(--cofjc-blood);border-color:var(--cofjc-blood)}

/* MISSION（顔写真・代表名・リンク統合 / 黒背景） */
.cofjc-cmission{background:var(--cofjc-ink);color:var(--cofjc-paper);padding:104px 0}
.cofjc-cmission .cofjc-sec-label{color:#8a8a90}
.cofjc-cmission-h{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:clamp(26px,4.4vw,46px);line-height:1.5;color:var(--cofjc-paper);margin:18px 0 48px}
.cofjc-cmission-grid{display:grid;grid-template-columns:380px 1fr;gap:52px;align-items:center}
.cofjc-cmission-photo{aspect-ratio:3/2;background:#222228;border:1px solid rgba(242,237,228,.18);overflow:hidden}
.cofjc-cmission-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(12%) contrast(1.02)}
.cofjc-cmission-body p{font-size:16px;color:#d8d3c7;margin-bottom:16px}
.cofjc-cmission-sign{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:16px;color:#fff !important;margin-top:26px !important}
.cofjc-cmission-link{display:inline-block;margin-top:14px;color:var(--cofjc-gold);text-decoration:none;font-size:14px;border-bottom:1px solid var(--cofjc-gold);padding-bottom:2px}
.cofjc-cmission-link:hover{color:#fff;border-color:#fff}

/* responsive */
@media(max-width:760px){
  .cofjc-chero2{padding:64px 0 52px}
  .cofjc-cinfo{padding:64px 0}
  .cofjc-info-table th{width:110px;font-size:14px;padding:18px 16px 18px 0}
  .cofjc-info-table td{font-size:15px;padding:18px 0}
  .cofjc-cmission{padding:64px 0}
  .cofjc-cmission-grid{grid-template-columns:1fr;gap:28px}
  .cofjc-cmission-photo{max-width:340px}
}

/* =========================================================
   CofJC「代表プロフィール」ページ 追加スタイル
   配置先: 子テーマ style.css の末尾に追記
   ========================================================= */

/* HERO */
.cofjc-pfhero{background:var(--cofjc-paper);padding:96px 0 80px}
.cofjc-pfhero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.cofjc-pfhero .cofjc-h1{font-size:clamp(28px,4.8vw,54px)}
.cofjc-pfhero .cofjc-h1 .line{animation:cofjcRise .8s cubic-bezier(.2,.7,.2,1) forwards}
.cofjc-pf-name{font-family:"Shippori Mincho B1",serif;font-weight:800;font-size:30px;color:var(--cofjc-ink);margin-top:8px}
.cofjc-pf-name span{font-family:"Roboto Mono",monospace;font-weight:500;font-size:15px;color:var(--cofjc-grey);margin-left:12px;letter-spacing:.04em}
.cofjc-pf-title{font-size:15px;color:var(--cofjc-grey);margin-top:8px}
.cofjc-pf-photo{aspect-ratio:3/2;background:var(--cofjc-paper-2);border:1px solid rgba(22,22,26,.14);overflow:hidden}
.cofjc-pf-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(12%) contrast(1.02)}

/* BODY */
.cofjc-pfbody{background:var(--cofjc-ink);color:var(--cofjc-paper);padding:96px 0}
.cofjc-pfbody .cofjc-sec-label{color:#8a8a90}
.cofjc-pfbody-wrap{max-width:760px}
.cofjc-pf-prose{margin-top:28px}
.cofjc-pf-prose p{font-size:18px;color:#d8d3c7;margin-bottom:22px;line-height:2}
.cofjc-pf-prose strong{color:#fff;font-weight:700;border-bottom:2px solid var(--cofjc-gold);padding-bottom:1px}

/* ACTIVITIES */
.cofjc-pfwork{background:var(--cofjc-paper);padding:104px 0}
.cofjc-pfwork .cofjc-sec-h{margin-bottom:14px}
.cofjc-pfwork-intro{font-size:16px;color:#3a3a3e;margin-bottom:36px}

/* 著書グリッド */
.cofjc-book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.cofjc-book{display:block;text-decoration:none;background:#fff;border:1px solid rgba(22,22,26,.1);box-shadow:0 1px 3px rgba(22,22,26,.06);transition:transform .2s,box-shadow .2s;overflow:hidden}
.cofjc-book:hover{transform:translateY(-4px);box-shadow:0 10px 28px rgba(22,22,26,.16)}
.cofjc-book img{width:100%;height:auto;display:block}
.cofjc-book-all{display:inline-block;margin-top:28px;font-family:"Roboto Mono",monospace;font-size:13px;color:var(--cofjc-ink);text-decoration:none;border-bottom:1px solid rgba(22,22,26,.3);padding-bottom:2px}
.cofjc-book-all:hover{color:var(--cofjc-blood);border-color:var(--cofjc-blood)}

/* Podcast */
.cofjc-podcast{max-width:560px}
.cofjc-podcast iframe{display:block;width:100%}

/* SNS */
.cofjc-sns-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(22,22,26,.14);border:1px solid rgba(22,22,26,.14)}
.cofjc-sns{background:var(--cofjc-paper);padding:24px 26px;text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:background .2s}
.cofjc-sns:hover{background:#fff}
.cofjc-sns .sns-name{font-family:"Shippori Mincho B1",serif;font-weight:700;font-size:17px;color:var(--cofjc-ink)}
.cofjc-sns .sns-id{font-family:"Roboto Mono",monospace;font-size:12px;color:var(--cofjc-grey)}
.cofjc-sns:hover .sns-name{color:var(--cofjc-blood)}

/* HISTORY */
.cofjc-pfhistory{background:var(--cofjc-paper-2);padding:104px 0}
.cofjc-pfhistory .cofjc-sec-h{margin-bottom:40px}
.cofjc-pf-timeline{border-left:2px solid rgba(22,22,26,.2);margin-left:8px}
.cofjc-pf-timeline .tl-item{position:relative;padding:0 0 32px 36px}
.cofjc-pf-timeline .tl-item:last-child{padding-bottom:0}
.cofjc-pf-timeline .tl-dot{position:absolute;left:-9px;top:6px;width:14px;height:14px;background:var(--cofjc-blood);border:3px solid var(--cofjc-paper-2)}
.cofjc-pf-timeline .tl-body p{font-size:16px;color:#2c2c30;line-height:1.9}

/* responsive */
@media(max-width:760px){
  .cofjc-pfhero{padding:64px 0 52px}
  .cofjc-pfhero-grid{grid-template-columns:1fr;gap:36px}
  .cofjc-pf-photo{max-width:260px;order:-1}
  .cofjc-pfbody{padding:64px 0}
  .cofjc-pf-prose p{font-size:16px}
  .cofjc-pfwork{padding:64px 0}
  .cofjc-book-grid{grid-template-columns:1fr 1fr 1fr}
  .cofjc-sns-grid{grid-template-columns:1fr 1fr}
  .cofjc-pfhistory{padding:64px 0}
}
@media(max-width:430px){
  .cofjc-book-grid{grid-template-columns:1fr 1fr}
  .cofjc-sns-grid{grid-template-columns:1fr}
}



/* =========================================================
   CofJC 修正パッチ（最終CTA等のh2/h3/h4 Cocoon装飾打ち消し）
   配置先: 子テーマ style.css の末尾に追記（既存CofJC CSSの後ろ）
   後勝ちで上書きするため、必ず一番下に置くこと
   ========================================================= */

/* CofJC全セクションの見出しから Cocoonデフォルト装飾を完全除去 */
.cofjc-final h2,
.cofjc-final h3,
.cofjc-cmission h2,
.cofjc-svblock h2,
.cofjc-case h3,
.cofjc-pfwork-card .pw-l,
[class*="cofjc-"] h2,
[class*="cofjc-"] h3,
[class*="cofjc-"] h4{
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  border-left:none !important;
  border-bottom:none !important;
  box-shadow:none !important;
  padding-left:0 !important;
}

/* 最終CTAの見出しは必ず生成り色（白背景化を完全に防ぐ） */
.cofjc-final h2{
  color:var(--cofjc-paper) !important;
}

/* 黒背景セクションの見出しを白系で固定 */
.cofjc-problem .cofjc-sec-h,
.cofjc-proof .cofjc-sec-h,
.cofjc-pipeline .cofjc-sec-h,
.cofjc-wself .cofjc-sec-h,
.cofjc-svway .cofjc-sec-h,
.cofjc-pfbody .cofjc-sec-label,
.cofjc-cmission-h{
  color:var(--cofjc-paper) !important;
}

/* Cocoonが見出しに付けるafter/beforeの装飾も除去 */
[class*="cofjc-"] h2::before,
[class*="cofjc-"] h2::after,
[class*="cofjc-"] h3::before,
[class*="cofjc-"] h3::after{
  display:none !important;
  content:none !important;
}