/* ple-cre Build Content — フロント表示
   トップページ側（.hb）やテーマのCSSに負けないよう、すべて .pbc を前置して優先度を上げている */
.pbc{--pbc-acc:#c8321e;--pbc-max:1480px;--pbc-k:#111;--pbc-w:#fff;--pbc-g:#f2f2f2;--pbc-g2:#8a8a8a;--pbc-line:#d9d9d9;
  color:var(--pbc-k);line-height:2;letter-spacing:.04em;font-size:14px;box-sizing:border-box;}
.pbc *,.pbc *::before,.pbc *::after{box-sizing:border-box;}
.pbc a{color:inherit;text-decoration:none;}
.pbc img{display:block;max-width:100%;height:auto;}
.pbc ul,.pbc ol,.pbc dl{list-style:none;margin:0;padding:0;}
.pbc li{margin:0;padding:0;list-style:none;}
.pbc li::marker{content:none;}
.pbc p,.pbc dd,.pbc dt{margin:0;}
.pbc.pbc-sec{width:100vw;margin-left:calc(50% - 50vw);padding:140px 0;}
.pbc.pbc-bg-white{background:var(--pbc-w);}
.pbc.pbc-bg-gray{background:var(--pbc-g);}
.pbc.pbc-bg-black{background:var(--pbc-k);color:var(--pbc-w);}
.pbc .pbc-in{max-width:var(--pbc-max);margin:0 auto;padding:0 40px;}

/* 見出し */
.pbc .pbc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;}
.pbc .pbc-ttl{display:block;}
.pbc .pbc-en{display:block;font-family:'Bebas Neue','Noto Sans JP',sans-serif;font-weight:400;font-size:clamp(52px,7vw,96px);line-height:.9;letter-spacing:.02em;}
.pbc .pbc-ja{margin:18px 0 0;padding:0;border:0;background:none;box-shadow:none;font-size:15px;font-weight:500;letter-spacing:.12em;line-height:1.7;color:inherit;position:static;text-align:left;}
.pbc .pbc-ja::before{content:"";display:inline-block;width:8px;height:8px;background:var(--pbc-acc);margin-right:12px;vertical-align:.12em;position:static;border:0;}
.pbc .pbc-ja::after{content:none;display:none;}
.pbc .pbc-lead{font-size:12px;letter-spacing:.14em;line-height:1.9;margin-top:8px;color:var(--pbc-g2);}
.pbc.pbc-bg-black .pbc-lead{color:#9a9a9a;}
.pbc .pbc-more{display:inline-flex;align-items:center;gap:14px;font-family:'Bebas Neue','Noto Sans JP',sans-serif;font-size:20px;letter-spacing:.08em;white-space:nowrap;padding-bottom:6px;}
.pbc .pbc-more i{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:16px;transition:background .3s,color .3s;}
.pbc .pbc-more:hover i{background:var(--pbc-k);color:var(--pbc-w);}
.pbc.pbc-bg-black .pbc-more:hover i{background:var(--pbc-w);color:var(--pbc-k);}

/* グリッド */
.pbc .pbc-grid{display:grid;gap:40px;margin:64px 0 0;padding:0;}
.pbc .pbc-cols-1{grid-template-columns:1fr;}
.pbc .pbc-cols-2{grid-template-columns:repeat(2,1fr);}
.pbc .pbc-cols-3{grid-template-columns:repeat(3,1fr);}
.pbc .pbc-cols-4{grid-template-columns:repeat(4,1fr);gap:28px;}
.pbc .pbc-card{display:block;}
.pbc .pbc-img{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--pbc-g);}
.pbc.pbc-bg-black .pbc-img{background:#222;}
.pbc .pbc-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top;transition:transform 1.2s cubic-bezier(.22,1,.36,1);}
.pbc .pbc-card:hover .pbc-img img{transform:scale(1.04);}
.pbc .pbc-noimg{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:.2em;color:var(--pbc-g2);}
.pbc .pbc-draft{position:absolute;left:0;top:0;z-index:1;background:#f0b429;color:#111;font-size:11px;font-weight:500;padding:4px 10px;letter-spacing:.06em;}
.pbc .pbc-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;letter-spacing:.14em;color:var(--pbc-g2);margin:20px 0 0;}
.pbc.pbc-bg-black .pbc-meta{color:#9a9a9a;}
.pbc .pbc-cat{color:var(--pbc-acc);font-weight:500;}
.pbc .pbc-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:6px 0 0;padding:0;border:0;background:none;box-shadow:none;font-size:17px;font-weight:500;line-height:1.7;letter-spacing:.04em;color:inherit;position:static;text-align:left;}
.pbc .pbc-name::before,.pbc .pbc-name::after{content:none;display:none;}
.pbc .pbc-name small{font-size:12px;font-weight:400;margin-left:4px;color:var(--pbc-g2);}
.pbc .pbc-name i{font-style:normal;font-family:'Bebas Neue',sans-serif;font-size:18px;margin-left:auto;transition:transform .3s;}
.pbc .pbc-card:hover .pbc-name i{transform:translateX(6px);}
.pbc .pbc-tags,.pbc .pbc-ex{display:block;font-size:12px;color:#444;margin-top:8px;line-height:1.9;}
.pbc.pbc-bg-black .pbc-tags,.pbc.pbc-bg-black .pbc-ex{color:#bdbdbd;}
.pbc .pbc-result{display:inline-block;font-size:12px;font-weight:500;margin-top:10px;padding:2px 10px;border:1px solid var(--pbc-acc);color:var(--pbc-acc);letter-spacing:.06em;}
.pbc .pbc-empty{margin-top:40px;padding:24px;border:1px dashed var(--pbc-line);font-size:13px;color:var(--pbc-g2);}
.pbc .pbc-note{font-size:11px;color:var(--pbc-g2);margin-top:16px;}
.pbc.pbc-bg-black .pbc-note{color:#777;}

/* ===== SEO実績：表 ===== */
.pbc .pbc-ctbl{margin-top:56px;border-top:1px solid currentColor;}
.pbc .pbc-ctbl li{display:grid;grid-template-columns:1fr 1.5fr 110px;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--pbc-line);font-size:14px;}
.pbc.pbc-bg-black .pbc-ctbl li{border-bottom-color:#333;}
.pbc .pbc-ctbl li.is-head{padding:10px 0;}
.pbc .pbc-ctbl li.is-head span{font-size:11px;letter-spacing:.14em;color:var(--pbc-g2);font-weight:400;}
.pbc .pbc-ctbl li span:first-child{font-size:12px;color:var(--pbc-g2);}
.pbc .pbc-ctbl li span:nth-child(2){font-weight:500;}
.pbc .pbc-ctbl li span:nth-child(2) small{display:block;font-size:11px;font-weight:400;color:var(--pbc-g2);}
.pbc .pbc-ctbl li span:last-child{text-align:right;font-size:13px;white-space:nowrap;}
.pbc .pbc-ctbl li span:last-child b{font-size:26px;font-weight:500;margin-right:2px;letter-spacing:0;}
/* ===== SEO実績：問い合わせ増加 ===== */
.pbc .pbc-inq-card{position:relative;background:var(--pbc-w);color:var(--pbc-k);padding:36px;border:1px solid var(--pbc-line);height:100%;}
.pbc.pbc-bg-gray .pbc-inq-card,.pbc.pbc-bg-black .pbc-inq-card{border:0;}
.pbc .pbc-inq-who{font-size:15px;font-weight:500;letter-spacing:.04em;}
.pbc .pbc-inq-who small{font-size:12px;font-weight:400;color:var(--pbc-g2);margin-left:4px;}
.pbc .pbc-inq-who em{display:block;font-style:normal;font-size:11px;font-weight:400;color:var(--pbc-g2);letter-spacing:.1em;margin-top:4px;}
.pbc .pbc-inq-num{display:flex;align-items:center;gap:18px;margin-top:24px;}
.pbc .pbc-inq-num small{display:block;font-size:11px;letter-spacing:.12em;color:var(--pbc-g2);}
.pbc .pbc-inq-num b{display:block;font-size:30px;font-weight:500;line-height:1.1;letter-spacing:-.02em;margin-top:6px;color:var(--pbc-g2);}
.pbc .pbc-inq-num .af b{font-size:48px;color:var(--pbc-acc);}
.pbc .pbc-inq-num .arw{font-size:24px;margin-top:10px;}
.pbc .pbc-inq-txt{font-size:13px;color:#444;margin-top:18px;}
/* ===== SEO実績：カード ===== */
.pbc .pbc-ccard{background:var(--pbc-w);color:var(--pbc-k);border:1px solid var(--pbc-line);height:100%;}
.pbc.pbc-bg-black .pbc-ccard{border:0;}
.pbc .pbc-ccard-body{padding:28px;}
.pbc .pbc-ccard-kw{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--pbc-line);}
.pbc .pbc-ccard-kw small{display:block;font-size:11px;color:var(--pbc-g2);letter-spacing:.1em;}
.pbc .pbc-ccard-kw > div > span{font-weight:500;font-size:16px;}
.pbc .pbc-ccard-rank{margin-left:auto;font-size:12px;color:var(--pbc-g2);white-space:nowrap;}
.pbc .pbc-ccard-rank b{font-size:34px;color:var(--pbc-acc);font-weight:500;margin:0 2px 0 8px;line-height:1;}
.pbc .pbc-ccard-note{display:inline-block;font-size:11px;color:var(--pbc-acc);border:1px solid var(--pbc-acc);padding:1px 8px;margin-top:12px;}
.pbc .pbc-ccard .pbc-meta{margin-top:18px;}
.pbc .pbc-name--static{display:block;}
.pbc .pbc-ccard-inq{font-size:13px;margin-top:10px;color:#444;}
.pbc .pbc-ccard-inq b{font-weight:500;color:var(--pbc-k);}
.pbc .pbc-ccard-inq b.af{color:var(--pbc-acc);font-size:16px;}
.pbc .pbc-ccard-dt{margin-top:16px;border-top:1px solid var(--pbc-line);}
.pbc .pbc-ccard-dt summary{cursor:pointer;list-style:none;padding:14px 0 0;font-size:13px;font-weight:500;color:var(--pbc-g2);}
.pbc .pbc-ccard-dt summary::-webkit-details-marker{display:none;}
.pbc .pbc-ccard-dt summary::after{content:" ＋";}
.pbc .pbc-ccard-dt[open] summary::after{content:" －";}
.pbc .pbc-ccard-dt dl{margin:14px 0 0;display:grid;grid-template-columns:48px 1fr;gap:10px 14px;font-size:13px;}
.pbc .pbc-ccard-dt dt{font-weight:500;color:var(--pbc-acc);font-size:12px;letter-spacing:.1em;padding-top:2px;}
.pbc .pbc-ccard-dt dd{color:#444;}
.pbc .pbc-ccard-link{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:500;border-bottom:1px solid var(--pbc-k);padding-bottom:2px;}
.pbc .pbc-ccard-link i{font-style:normal;}
/* ===== SEO実績：フィーチャー ===== */
.pbc .pbc-feat{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin-top:64px;}
.pbc .pbc-feat-img{background:var(--pbc-w);padding:10px;}
.pbc .pbc-feat-img img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;}
.pbc .pbc-feat-kw small{font-size:13px;color:var(--pbc-g2);}
.pbc .pbc-feat-rank{display:flex;align-items:flex-end;gap:10px;margin-top:10px;flex-wrap:wrap;}
.pbc .pbc-feat-rank span{font-size:14px;font-weight:500;letter-spacing:.14em;padding-bottom:14px;margin-right:6px;}
.pbc .pbc-feat-rank b{font-size:104px;font-weight:500;line-height:.85;letter-spacing:-.04em;}
.pbc .pbc-feat-rank i{font-style:normal;font-size:26px;font-weight:500;padding-bottom:8px;}
.pbc .pbc-feat-rank em{font-style:normal;font-size:12px;border:1px solid currentColor;padding:1px 10px;margin:0 0 14px 10px;}
.pbc .pbc-feat-copy{font-size:clamp(17px,1.8vw,21px);font-weight:500;line-height:1.8;margin-top:24px;}
.pbc .pbc-feat-who{font-size:12px;letter-spacing:.14em;color:var(--pbc-g2);margin-top:8px;}
/* ===== お客様の声 ===== */
.pbc .pbc-vlist{margin-top:64px;display:grid;gap:48px;}
.pbc .pbc-voice{display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:center;position:relative;}
.pbc .pbc-voice.no-img{grid-template-columns:1fr;}
.pbc .pbc-voice-img{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--pbc-g);}
.pbc .pbc-voice-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;}
.pbc .pbc-voice-q{font-size:clamp(20px,2.4vw,30px);font-weight:500;line-height:1.75;letter-spacing:.06em;}
.pbc .pbc-voice-who{margin-top:20px;font-size:12px;letter-spacing:.16em;color:var(--pbc-g2);}
.pbc .pbc-voice-txt{margin-top:16px;font-size:14px;color:#444;}
.pbc.pbc-bg-black .pbc-voice-txt{color:#bdbdbd;}
.pbc .pbc-voice-more{margin-top:28px;}
.pbc .pbc-vcards .pbc-voice{grid-template-columns:1fr;gap:20px;align-items:start;}
.pbc .pbc-vcards .pbc-voice-img{aspect-ratio:1/1;max-width:120px;}
.pbc .pbc-vcards .pbc-voice-q{font-size:18px;}

@media (max-width:960px){
  .pbc .pbc-cols-3,.pbc .pbc-cols-4{grid-template-columns:repeat(2,1fr);gap:28px;}
  .pbc .pbc-feat{grid-template-columns:1fr;gap:32px;}
  .pbc .pbc-voice{grid-template-columns:200px 1fr;gap:32px;}
}
@media (max-width:768px){
  .pbc.pbc-sec{padding:88px 0;}
  .pbc .pbc-in{padding:0 20px;}
  .pbc .pbc-head{flex-direction:column;align-items:flex-start;gap:20px;}
  .pbc .pbc-grid,.pbc .pbc-cols-2,.pbc .pbc-cols-3,.pbc .pbc-cols-4{grid-template-columns:1fr;gap:36px;margin-top:40px;}
  .pbc .pbc-ctbl li{grid-template-columns:1fr 70px;}
  .pbc .pbc-ctbl li span:first-child{grid-column:1/-1;}
  .pbc .pbc-ctbl li.is-head span:first-child{display:none;}
  .pbc .pbc-feat-rank b{font-size:76px;}
  .pbc .pbc-voice{grid-template-columns:1fr;gap:20px;}
  .pbc .pbc-voice-img{max-width:180px;}
  .pbc .pbc-inq-card,.pbc .pbc-ccard-body{padding:24px 20px;}
}
