/* ========================================================= ファマブロ 転職サービス管理 Front CSS v1.5 SWELL干渉回避・画像サイズ制御・タブ/モーダル/CTAデザイン v1.5: カード幅/タブUI/ロゴ枠/スマホ表示を改善 ========================================================= */ .pbsm{ --g:#22a86b;--gd:#18784d;--gs:#eefaf4;--o:#f2994a;--os:#fff4e8;--n:#24304f;--ns:#f4f6fb;--t:#263238;--m:#667085;--b:#e4e7ec;--w:#fff;--sh:0 12px 32px rgba(36,48,79,.08); width:100%!important;max-width:1120px!important;margin:0 auto!important;padding:0 16px!important;color:var(--t)!important;line-height:1.9!important;font-family:inherit!important; } .pbsm *{box-sizing:border-box!important}.pbsm a{text-decoration:none!important}.pbsm p{margin-top:0!important}.pbsm section{display:block!important} .pbsm h1,.pbsm h2,.pbsm h3,.pbsm h4,.post_content .pbsm h1,.post_content .pbsm h2,.post_content .pbsm h3,.post_content .pbsm h4,.entry-content .pbsm h1,.entry-content .pbsm h2,.entry-content .pbsm h3,.entry-content .pbsm h4{background:none!important;background-image:none!important;border:0!important;border-left:0!important;border-right:0!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important;text-decoration:none!important;padding:0!important;color:inherit!important} .pbsm h1:before,.pbsm h1:after,.pbsm h2:before,.pbsm h2:after,.pbsm h3:before,.pbsm h3:after,.pbsm h4:before,.pbsm h4:after{display:none!important;content:none!important;background:none!important;border:0!important} .pbsm-sec{margin:72px auto!important}.pbsm-sec:first-child{margin-top:0!important}.pbsm-head{text-align:center!important;margin:0 0 30px!important}.pbsm-eyebrow{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:4px 12px!important;border-radius:999px!important;background:var(--gs)!important;color:var(--gd)!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important}.pbsm-title{margin:14px 0 12px!important;color:var(--n)!important;font-size:clamp(31px,4.1vw,46px)!important;line-height:1.34!important;letter-spacing:.02em!important;font-weight:800!important}.pbsm-h2{margin:0 auto 10px!important;color:var(--n)!important;font-size:clamp(24px,3vw,35px)!important;line-height:1.45!important;font-weight:800!important;letter-spacing:.02em!important;text-align:center!important}.pbsm-lead,.pbsm-text{max-width:780px!important;margin:0 auto!important;color:var(--m)!important;font-size:15px!important;line-height:1.95!important} .pbsm-hero{padding:clamp(40px,6vw,76px)!important;border-radius:34px!important;background:radial-gradient(circle at top right,rgba(34,168,107,.18),transparent 36%),radial-gradient(circle at bottom left,rgba(242,153,74,.10),transparent 34%),linear-gradient(135deg,#fff 0%,#f3fbf7 48%,#f8fbff 100%)!important;box-shadow:var(--sh)!important;border:1px solid rgba(34,168,107,.10)!important;overflow:hidden!important}.pbsm-hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;gap:clamp(28px,5vw,56px)!important;align-items:center!important}.pbsm-cta{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:34px!important;align-items:center!important} .pbsm-btn,.pbsm-aff-raw>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:46px!important;padding:12px 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:800!important;line-height:1.4!important;text-align:center!important;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease!important}.pbsm-btn:hover,.pbsm-aff-raw>a:hover{transform:translateY(-2px)!important;opacity:.94!important}.pbsm-main{position:relative!important;min-height:54px!important;padding:14px 24px!important;background:linear-gradient(135deg,#20a866 0%,#18b978 100%)!important;color:#fff!important;box-shadow:0 14px 28px rgba(34,168,107,.26)!important}.pbsm-main:before{content:"迷ったらまずはここ"!important;position:absolute!important;left:18px!important;top:-26px!important;padding:3px 10px!important;border-radius:999px!important;background:var(--os)!important;color:#c7671e!important;font-size:11px!important;font-weight:800!important;line-height:1.4!important;white-space:nowrap!important}.pbsm-sub{background:#fff!important;color:var(--n)!important;border:1px solid var(--b)!important}.pbsm-orange{background:var(--o)!important;color:#fff!important}.pbsm-navy{background:var(--n)!important;color:#fff!important} .pbsm-panel{padding:24px!important;border-radius:26px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(34,168,107,.14)!important;box-shadow:0 16px 38px rgba(36,48,79,.10)!important}.pbsm-route{display:grid!important;grid-template-columns:42px 1fr!important;gap:12px!important;padding:14px!important;border-radius:18px!important;background:#fff!important;border:1px solid var(--b)!important}.pbsm-route+.pbsm-route{margin-top:12px!important}.pbsm-ico{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;border-radius:15px!important;background:var(--gs)!important;color:var(--gd)!important;font-weight:900!important}.pbsm-route:nth-child(2) .pbsm-ico{background:var(--os)!important;color:var(--o)!important}.pbsm-route-title{margin:0 0 2px!important;color:var(--n)!important;font-size:15px!important;font-weight:800!important;line-height:1.5!important}.pbsm-route-text{margin:0!important;color:var(--m)!important;font-size:13px!important;line-height:1.7!important} .pbsm-grid{display:grid!important;gap:18px!important}.pbsm-g2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-g3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.pbsm-g4{grid-template-columns:repeat(3,minmax(0,1fr))!important} .pbsm-card,.pbsm-service{position:relative!important;display:flex!important;flex-direction:column!important;height:100%!important;padding:22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--b)!important;box-shadow:0 8px 24px rgba(36,48,79,.05)!important;overflow:hidden!important}.pbsm-card-main,.pbsm-service.is-rec{border-color:rgba(34,168,107,.34)!important;background:linear-gradient(180deg,#fff 0%,#f6fcf9 100%)!important;box-shadow:0 12px 28px rgba(34,168,107,.08)!important}.pbsm-label{display:inline-flex!important;width:fit-content!important;margin-bottom:10px!important;padding:4px 11px!important;border-radius:999px!important;background:var(--gs)!important;color:var(--gd)!important;font-size:12px!important;font-weight:800!important;line-height:1.4!important}.pbsm-card-title,.pbsm-service-name{margin:0 0 10px!important;color:var(--n)!important;font-size:18px!important;line-height:1.5!important;font-weight:900!important}.pbsm-card-text,.pbsm-service-text{margin:0 0 16px!important;color:var(--m)!important;font-size:14px!important;line-height:1.8!important}.pbsm-tags{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:0 0 14px!important}.pbsm-tags span{display:inline-flex!important;padding:3px 8px!important;border-radius:999px!important;background:#f7f9fb!important;color:var(--n)!important;font-size:11.5px!important;font-weight:800!important}.pbsm-action{margin-top:auto!important;display:grid!important;gap:8px!important}.pbsm-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-height:42px!important;padding:10px 13px!important;border-radius:14px!important;background:var(--g)!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1.45!important}.pbsm-link-light{background:#f7f9fb!important;color:var(--n)!important;border:1px solid var(--b)!important} .pbsm-logo-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;height:60px!important;margin:0 0 12px!important;padding:10px 12px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.07)!important}.pbsm-logo-wrap img,.pbsm-service-logo{display:block!important;max-width:190px!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:left center!important;margin:0!important}.pbsm-logo-text{display:block!important;color:var(--n)!important;font-size:18px!important;font-weight:900!important;line-height:1.3!important;letter-spacing:.01em!important}.pbsm-service>img:not(.pbsm-service-logo){max-width:190px!important;max-height:58px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 0 12px!important} .pbsm-aff-raw{--svc-color:#22a86b;position:relative!important;display:block!important}.pbsm-aff-caption{display:block!important;margin:0 0 6px!important;color:var(--n)!important;font-size:12px!important;font-weight:900!important}.pbsm-aff-raw>a{width:100%!important;background:var(--svc-color)!important;color:#fff!important;text-align:center!important;text-decoration:none!important;box-shadow:0 8px 16px rgba(36,48,79,.08)!important}.pbsm-aff-raw>img,.pbsm-aff-raw img[width="1"],.pbsm-aff-raw img[height="1"]{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important}.pbsm-aff-rewrite>a{font-size:13px!important} .pbsm-tab-wrap{border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:var(--sh)!important;overflow:hidden!important}.pbsm-tab-head{padding:24px 24px 16px!important;background:linear-gradient(135deg,#fff 0%,#f5fbf8 100%)!important;border-bottom:1px solid var(--b)!important}.pbsm-tab-nav{position:sticky!important;top:0!important;z-index:3!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:14px 16px!important;overflow:visible!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--b)!important;backdrop-filter:blur(8px)!important}.pbsm-tab-nav::-webkit-scrollbar{display:none!important}.pbsm-tab-btn{flex:0 0 auto!important;min-height:40px!important;padding:9px 14px!important;border:1px solid var(--b)!important;border-radius:999px!important;background:#fff!important;color:var(--n)!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important}.pbsm-tab-btn.is-active{background:var(--g)!important;color:#fff!important;border-color:var(--g)!important}.pbsm-panel-tab{display:none!important;padding:28px!important}.pbsm-panel-tab.is-active{display:block!important}.pbsm-panel-hero{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(300px,1.05fr)!important;gap:22px!important;margin-bottom:22px!important}.pbsm-point{padding:22px!important;border-radius:22px!important;background:var(--gs)!important;border:1px solid rgba(34,168,107,.22)!important}.pbsm-ul{display:grid!important;gap:8px!important;margin:0!important;padding:18px!important;list-style:none!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--b)!important}.pbsm-ul li{position:relative!important;padding-left:24px!important;font-size:13.5px!important;color:var(--t)!important;list-style:none!important}.pbsm-ul li:before{content:"✓"!important;position:absolute!important;left:0!important;top:0!important;color:var(--gd)!important;font-weight:900!important}.pbsm-help{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;margin-left:4px!important;border:0!important;border-radius:999px!important;background:var(--os)!important;color:#a85b18!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important;vertical-align:middle!important}.pbsm-modal{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(20,30,50,.45)!important;z-index:99999!important;padding:20px!important}.pbsm-modal.is-open{display:flex!important}.pbsm-modal-box{width:min(560px,100%)!important;padding:24px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 22px 80px rgba(0,0,0,.22)!important}.pbsm-modal-title{margin:0 0 10px!important;color:var(--n)!important;font-size:20px!important;font-weight:900!important}.pbsm-modal-text{color:var(--m)!important;font-size:14px!important;line-height:1.9!important}.pbsm-modal-close{float:right!important;border:0!important;background:#f3f4f6!important;border-radius:999px!important;width:36px!important;height:36px!important;cursor:pointer!important;font-weight:900!important}.pbsm-final{padding:clamp(28px,5vw,48px)!important;border-radius:30px!important;background:radial-gradient(circle at top right,rgba(34,168,107,.15),transparent 34%),linear-gradient(135deg,#f3fbf7 0%,#fff 100%)!important;border:1px solid rgba(34,168,107,.22)!important;text-align:center!important;box-shadow:var(--sh)!important} @media(max-width:960px){.pbsm-hero-grid,.pbsm-panel-hero,.pbsm-g3,.pbsm-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-hero-grid,.pbsm-panel-hero{grid-template-columns:1fr!important}} @media(max-width:640px){.pbsm{padding:0 12px!important}.pbsm-sec{margin:52px auto!important}.pbsm-hero{padding:34px 22px 28px!important;border-radius:24px!important}.pbsm-title{font-size:28px!important;line-height:1.42!important}.pbsm-lead,.pbsm-text{text-align:left!important;font-size:14px!important}.pbsm-head{text-align:left!important}.pbsm-h2{text-align:left!important}.pbsm-cta{flex-direction:column!important;margin-top:38px!important}.pbsm-btn,.pbsm-link,.pbsm-aff-raw>a{width:100%!important}.pbsm-main:before{left:50%!important;transform:translateX(-50%)!important;top:-27px!important}.pbsm-g2,.pbsm-g3,.pbsm-g4{grid-template-columns:1fr!important}.pbsm-tab-nav{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}.pbsm-panel-tab{padding:20px 16px!important}.pbsm-card,.pbsm-service{padding:18px!important;border-radius:20px!important}.pbsm-logo-wrap{height:56px!important}.pbsm-final{text-align:left!important;border-radius:24px!important}.pbsm-final .pbsm-cta{align-items:stretch!important}} /* v1.6: CV補強セクション */ .pbsm-combo-list{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}.pbsm-combo-list li{display:flex!important;align-items:center!important;min-height:36px!important;padding:8px 11px!important;border-radius:13px!important;background:#f7f9fb!important;color:#24304f!important;font-size:13px!important;font-weight:800!important;line-height:1.45!important;list-style:none!important}.pbsm-combo-card .pbsm-card-text{min-height:auto!important}.pbsm-tip{display:flex!important;flex-direction:column!important;gap:6px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid var(--b)!important;box-shadow:0 8px 22px rgba(36,48,79,.05)!important}.pbsm-tip span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:999px!important;background:var(--gs)!important;color:var(--gd)!important;font-size:13px!important;font-weight:900!important}.pbsm-tip strong{display:block!important;color:var(--n)!important;font-size:15px!important;line-height:1.55!important}.pbsm-tip p{margin:0!important;color:var(--m)!important;font-size:13px!important;line-height:1.7!important}.pbsm-faq{display:grid!important;gap:10px!important;max-width:920px!important;margin:0 auto!important}.pbsm-faq details{border-radius:16px!important;background:#fff!important;border:1px solid var(--b)!important;box-shadow:0 6px 18px rgba(36,48,79,.035)!important;overflow:hidden!important}.pbsm-faq summary{cursor:pointer!important;padding:14px 16px!important;color:var(--n)!important;font-size:14px!important;font-weight:800!important;list-style:none!important}.pbsm-faq summary::-webkit-details-marker{display:none!important}.pbsm-faq summary:after{content:"＋"!important;float:right!important;color:var(--gd)!important;font-weight:900!important}.pbsm-faq details[open] summary:after{content:"－"!important}.pbsm-faq details>div{padding:0 16px 16px!important;color:var(--m)!important;font-size:13.5px!important;line-height:1.85!important} @media(max-width:640px){.pbsm-tip-grid{grid-template-columns:1fr!important}.pbsm-faq{max-width:100%!important}.pbsm-faq summary{font-size:13.5px!important;line-height:1.6!important}} /* v1.7: ?ポップアップ強化・登録前不安解消 */ .pbsm-anxiety-sec{position:relative!important} .pbsm-anxiety-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:1040px!important;margin:0 auto!important} .pbsm-anxiety-card{padding:16px 17px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important} .pbsm-anxiety-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;color:var(--n)!important;font-size:15px!important;font-weight:900!important;line-height:1.5!important} .pbsm-anxiety-card p{margin:8px 0 0!important;color:var(--m)!important;font-size:12.5px!important;line-height:1.65!important} .pbsm-note-box{max-width:920px!important;margin:18px auto 0!important;padding:16px 18px!important;border-radius:18px!important;background:var(--gs)!important;border:1px solid rgba(34,168,107,.22)!important;color:var(--m)!important;font-size:13.5px!important;line-height:1.8!important}.pbsm-note-box p{margin:0!important} .pbsm-help{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;margin-left:6px!important;border:1px solid rgba(242,153,74,.26)!important;border-radius:999px!important;background:#fff4e8!important;color:#b86218!important;font-size:13px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important;vertical-align:middle!important;box-shadow:0 4px 10px rgba(242,153,74,.10)!important}.pbsm-help:hover{background:#f2994a!important;color:#fff!important;transform:translateY(-1px)!important} .pbsm-modal{position:fixed!important;inset:0!important;display:none!important;align-items:center!important;justify-content:center!important;background:rgba(20,30,50,.48)!important;z-index:999999!important;padding:20px!important}.pbsm-modal.is-open{display:flex!important}.pbsm-modal-box{position:relative!important;width:min(560px,100%)!important;max-height:min(80vh,720px)!important;overflow:auto!important;padding:26px 24px 22px!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 90px rgba(0,0,0,.24)!important;border:1px solid rgba(255,255,255,.8)!important}.pbsm-modal-kicker{display:inline-flex!important;margin:0 0 10px!important;padding:4px 10px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:12px!important;font-weight:900!important}.pbsm-modal-title{margin:0 48px 10px 0!important;color:var(--n)!important;font-size:21px!important;line-height:1.45!important;font-weight:900!important}.pbsm-modal-text{color:var(--m)!important;font-size:14px!important;line-height:1.95!important;white-space:pre-line!important}.pbsm-modal-close{position:absolute!important;top:16px!important;right:16px!important;border:0!important;background:#f3f4f6!important;color:#24304f!important;border-radius:999px!important;width:38px!important;height:38px!important;cursor:pointer!important;font-weight:900!important;font-size:18px!important;line-height:1!important}.pbsm-modal-close:hover{background:#e6e8ee!important}.pbsm-modal-bottom-close{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:44px!important;margin-top:18px!important;border:0!important;border-radius:999px!important;background:#22a86b!important;color:#fff!important;font-size:14px!important;font-weight:900!important;cursor:pointer!important}.pbsm-modal-bottom-close:hover{opacity:.92!important} @media(max-width:960px){.pbsm-anxiety-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:640px){.pbsm-anxiety-grid{grid-template-columns:1fr!important}.pbsm-anxiety-card{padding:15px!important}.pbsm-modal{padding:14px!important;align-items:flex-end!important}.pbsm-modal-box{width:100%!important;max-height:86vh!important;border-radius:22px 22px 18px 18px!important;padding:24px 20px 20px!important}.pbsm-modal-title{font-size:19px!important}.pbsm-modal-text{font-size:13.5px!important}.pbsm-modal-close{top:14px!important;right:14px!important}} /* v1.8: ?ポップアップ安定化・縦長感を抑えるコンパクト調整 */ body.pbsm-modal-open{overflow:hidden!important} .pbsm-modal.is-open{display:flex!important} .pbsm-modal-text{white-space:pre-line!important} .pbsm-help{touch-action:manipulation!important;user-select:none!important;position:relative!important;z-index:5!important} /* 不安解消は長文を並べず、クリック前提のコンパクトカードにする */ .pbsm-anxiety-sec{margin-top:56px!important;margin-bottom:56px!important} .pbsm-anxiety-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;max-width:980px!important;margin:0 auto!important} .pbsm-anxiety-card{padding:13px 14px!important;border-radius:16px!important;min-height:auto!important;box-shadow:0 5px 14px rgba(36,48,79,.035)!important} .pbsm-anxiety-title{align-items:center!important;font-size:13.5px!important;line-height:1.45!important} .pbsm-anxiety-card p{display:none!important} .pbsm-anxiety-card .pbsm-help{width:24px!important;height:24px!important;margin-left:auto!important} /* 目的別・注意点の縦長感を抑える */ .pbsm-combo-grid .pbsm-card{padding:18px!important;border-radius:18px!important} .pbsm-combo-grid .pbsm-card-title{font-size:16px!important;margin-bottom:6px!important} .pbsm-combo-grid .pbsm-card-text{font-size:12.5px!important;line-height:1.65!important;margin-bottom:10px!important} .pbsm-combo-list{margin-top:8px!important} .pbsm-combo-list li{padding:8px 10px!important;font-size:12.5px!important} .pbsm-tip-grid .pbsm-tip{padding:16px!important;border-radius:16px!important} .pbsm-tip-grid .pbsm-tip p{font-size:12.5px!important;line-height:1.65!important} /* FAQはページ下部なので圧迫感を減らす */ .pbsm-faq details{border-radius:14px!important;box-shadow:0 4px 12px rgba(36,48,79,.03)!important} .pbsm-faq summary{padding:12px 14px!important;font-size:13.5px!important} .pbsm-faq details div{padding:0 14px 14px!important;font-size:13px!important} /* PCでは条件カードも少しだけ低くして情報密度を上げる */ @media(min-width:961px){ .pbsm-g4{grid-template-columns:repeat(3,minmax(0,1fr))!important} .pbsm-card{padding:20px!important} .pbsm-card-title{font-size:17px!important} .pbsm-card-text{font-size:13.5px!important;line-height:1.7!important} } @media(max-width:960px){ .pbsm-anxiety-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:640px){ .pbsm-anxiety-grid{grid-template-columns:1fr!important} .pbsm-anxiety-card{padding:14px!important} .pbsm-anxiety-title{font-size:14px!important} } /* ========================================================= v2.0: UIの直感性改善 - 何を押すとどうなるかを明確化 - 公式リンク・診断リンク・説明リンクの役割を分離 - クリック可能なカードを視覚的に強調 ========================================================= */ .pbsm-guide-sec{margin-top:-42px!important;margin-bottom:54px!important} .pbsm-use-guide{padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 10px 28px rgba(36,48,79,.06)!important} .pbsm-guide-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important} .pbsm-guide-item{display:flex!important;flex-direction:column!important;gap:3px!important;min-height:76px!important;padding:15px 16px!important;border-radius:18px!important;background:#f7f9fb!important;border:1px solid rgba(36,48,79,.08)!important;color:#24304f!important;box-shadow:0 5px 14px rgba(36,48,79,.035)!important;position:relative!important;overflow:hidden!important} .pbsm-guide-item:after{content:"→"!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#18784d!important;font-size:18px!important;font-weight:900!important} .pbsm-guide-item strong{display:block!important;font-size:13px!important;color:#18784d!important;line-height:1.45!important} .pbsm-guide-item span{display:block!important;color:#24304f!important;font-size:15px!important;font-weight:900!important;line-height:1.5!important;padding-right:20px!important} .pbsm-guide-item.pbsm-guide-main{background:linear-gradient(135deg,#eefaf4 0%,#fff 100%)!important;border-color:rgba(34,168,107,.32)!important;box-shadow:0 10px 24px rgba(34,168,107,.10)!important} .pbsm-btn-compare{border-color:rgba(36,48,79,.22)!important;background:#fff!important;color:#24304f!important} .pbsm-btn-rank{border-color:rgba(242,153,74,.28)!important;background:#fff4e8!important;color:#9a5a1b!important} .pbsm-condition-card{cursor:default!important;border-color:rgba(36,48,79,.10)!important;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important} .pbsm-condition-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(36,48,79,.08)!important;border-color:rgba(34,168,107,.32)!important} .pbsm-condition-card .pbsm-label:before{content:"比較条件"!important;margin-right:6px!important;color:#18784d!important;opacity:.72!important} .pbsm-condition-card .pbsm-action:before{content:"押すと下の候補が切り替わります"!important;display:block!important;margin:0 0 6px!important;color:#667085!important;font-size:11.5px!important;line-height:1.45!important;font-weight:700!important} .pbsm-condition-card .pbsm-link{min-height:46px!important;justify-content:center!important;box-shadow:0 9px 18px rgba(34,168,107,.14)!important} .pbsm-condition-card .pbsm-link span{margin-left:6px!important} .pbsm-help{font-family:inherit!important} .pbsm-card-title .pbsm-help:after,.pbsm-anxiety-title .pbsm-help:after{content:"説明"!important;position:absolute!important;left:50%!important;top:-24px!important;transform:translateX(-50%)!important;padding:2px 7px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(242,153,74,.22)!important;color:#9a5a1b!important;font-size:10px!important;font-weight:900!important;opacity:0!important;pointer-events:none!important;white-space:nowrap!important;transition:opacity .15s ease!important} .pbsm-help:hover:after{opacity:1!important} .pbsm-click-note{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#9a5a1b!important;font-size:12px!important;font-weight:900!important;margin-top:8px!important} .pbsm-click-note:before{content:"？"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:999px!important;background:#fff4e8!important;color:#b86218!important;border:1px solid rgba(242,153,74,.24)!important} .pbsm-anxiety-card{cursor:pointer!important;transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important} .pbsm-anxiety-card:hover{transform:translateY(-1px)!important;border-color:rgba(242,153,74,.30)!important;box-shadow:0 10px 22px rgba(242,153,74,.09)!important} .pbsm-current-tab{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:10px 16px!important;background:#eefaf4!important;border-bottom:1px solid rgba(34,168,107,.18)!important;color:#18784d!important;font-size:13px!important;font-weight:800!important;line-height:1.5!important} .pbsm-current-tab strong{color:#24304f!important;font-weight:900!important} .pbsm-tab-btn{position:relative!important;padding-left:18px!important;padding-right:18px!important} .pbsm-tab-btn.is-active{box-shadow:0 8px 16px rgba(34,168,107,.18)!important} .pbsm-tab-btn.is-active:after{content:"表示中"!important;position:absolute!important;left:50%!important;bottom:-20px!important;transform:translateX(-50%)!important;color:#18784d!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important} .pbsm-service{border-top:4px solid rgba(34,168,107,.36)!important} .pbsm-service .pbsm-action{gap:9px!important;margin-top:auto!important} .pbsm-service .pbsm-action:before{content:"次に押すボタン"!important;display:block!important;margin:2px 0 0!important;color:#667085!important;font-size:11.5px!important;font-weight:800!important;line-height:1.3!important} .pbsm-service .pbsm-link:not(.pbsm-link-light){position:relative!important;min-height:48px!important;justify-content:center!important;padding-left:52px!important;padding-right:16px!important;box-shadow:0 10px 20px rgba(36,48,79,.10)!important} .pbsm-service .pbsm-link:not(.pbsm-link-light):before{content:"公式"!important;position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:32px!important;height:24px!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important;color:#fff!important;font-size:11px!important;font-weight:900!important} .pbsm-service .pbsm-link-light{min-height:40px!important;justify-content:center!important;background:#fff!important;color:#24304f!important;border:1px solid rgba(36,48,79,.12)!important} .pbsm-service .pbsm-link-light:before{content:"迷う方"!important;display:inline-flex!important;margin-right:6px!important;padding:2px 7px!important;border-radius:999px!important;background:#f4f6fb!important;color:#667085!important;font-size:10.5px!important;font-weight:900!important} .pbsm-aff-caption{font-size:12px!important;color:#667085!important;font-weight:900!important;text-align:center!important;background:#f7f9fb!important;border:1px solid rgba(36,48,79,.06)!important;border-radius:12px!important;padding:6px 8px!important} .pbsm-aff-caption:before{content:"公式リンク："!important;color:#18784d!important} .pbsm-aff-raw>a{min-height:48px!important;position:relative!important;box-shadow:0 10px 20px rgba(36,48,79,.10)!important} .pbsm-aff-raw>a:before{content:"公式"!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:8px!important;min-width:32px!important;height:24px!important;border-radius:999px!important;background:rgba(255,255,255,.22)!important;color:#fff!important;font-size:11px!important;font-weight:900!important} .pbsm-tip strong:after{content:"確認ポイント"!important;display:inline-flex!important;margin-left:8px!important;padding:2px 7px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:10px!important;vertical-align:middle!important} .pbsm-faq summary{position:relative!important;padding-right:42px!important} .pbsm-faq summary:before{content:"FAQ"!important;display:inline-flex!important;margin-right:8px!important;padding:2px 7px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:10.5px!important;font-weight:900!important;vertical-align:middle!important} .pbsm-sticky-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99990!important;display:none!important;justify-content:center!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(36,48,79,.10)!important;box-shadow:0 -10px 26px rgba(36,48,79,.10)!important;backdrop-filter:blur(10px)!important} .pbsm-sticky-inner{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:min(520px,100%)!important} .pbsm-sticky-inner a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important} .pbsm-sticky-diagnosis{background:#22a86b!important;color:#fff!important} .pbsm-sticky-compare{background:#fff!important;color:#24304f!important;border:1px solid rgba(36,48,79,.15)!important} @media(max-width:960px){.pbsm-guide-grid{grid-template-columns:1fr!important}.pbsm-guide-sec{margin-top:-32px!important}.pbsm-tab-btn.is-active:after{display:none!important}} @media(max-width:640px){ .pbsm-use-guide{padding:14px!important;border-radius:20px!important} .pbsm-guide-item{min-height:64px!important;padding:12px 14px!important} .pbsm-guide-item span{font-size:14px!important} .pbsm-condition-card .pbsm-action:before{font-size:11px!important;text-align:center!important} .pbsm-current-tab{font-size:12.5px!important;text-align:center!important} .pbsm-service .pbsm-link:not(.pbsm-link-light){padding-left:48px!important} .pbsm-sticky-cta{display:flex!important} .pbsm{padding-bottom:74px!important} } /* ========================================================= v2.1: 比較軸の明確化 求人数・サポート・営業時間・連絡手段・面接同行・対面相談・せかされにくさ・信頼性・口コミ ========================================================= */ .pbsm-axis-sec{margin-top:54px!important} .pbsm-axis-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important} .pbsm-axis-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:154px!important;padding:16px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;overflow:hidden!important} .pbsm-axis-card:hover{transform:translateY(-2px)!important;border-color:rgba(34,168,107,.34)!important;box-shadow:0 12px 28px rgba(34,168,107,.09)!important} .pbsm-axis-card:before{content:"比較軸"!important;position:absolute!important;right:12px!important;top:12px!important;display:inline-flex!important;padding:2px 7px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:10.5px!important;font-weight:900!important;line-height:1.4!important} .pbsm-axis-label{display:inline-flex!important;width:fit-content!important;max-width:calc(100% - 62px)!important;margin-bottom:10px!important;padding:4px 9px!important;border-radius:999px!important;background:#f7f9fb!important;color:#24304f!important;border:1px solid rgba(36,48,79,.06)!important;font-size:11.5px!important;font-weight:900!important;line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .pbsm-axis-card strong{display:block!important;margin:0 0 8px!important;color:#24304f!important;font-size:14px!important;line-height:1.55!important;font-weight:900!important;padding-right:4px!important} .pbsm-axis-card p{display:flex!important;align-items:center!important;gap:6px!important;margin:auto 0 0!important;color:#9a5a1b!important;font-size:12px!important;font-weight:900!important;line-height:1.4!important} .pbsm-axis-card .pbsm-help{margin-left:0!important;flex:0 0 auto!important} @media(max-width:1100px){.pbsm-axis-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:640px){.pbsm-axis-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.pbsm-axis-card{min-height:138px!important;padding:14px!important}.pbsm-axis-card strong{font-size:13px!important}.pbsm-axis-label{font-size:10.5px!important}.pbsm-axis-card:before{display:none!important}} /* ========================================================= v2.2: 実データ比較UI・ボタン誤認防止・自然な？配置 ========================================================= */ .pbsm-guide-sec,.pbsm-anxiety-sec{display:none!important} .pbsm-fv-compare .pbsm-route-title{font-size:14.5px!important} .pbsm-axis-mini-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;max-width:1040px!important;margin:0 auto!important} .pbsm-axis-mini{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px 13px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 6px 18px rgba(36,48,79,.035)!important;color:#24304f!important;font-size:13px!important;font-weight:900!important;line-height:1.45!important} .pbsm-axis-mini .pbsm-help{flex:0 0 auto!important} .pbsm-data-sec{margin-top:54px!important}.pbsm-data-table-wrap{width:100%!important;overflow-x:auto!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:var(--sh)!important}.pbsm-data-table{width:100%!important;min-width:940px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important}.pbsm-data-table th,.pbsm-data-table td{padding:14px 16px!important;border-bottom:1px solid rgba(36,48,79,.08)!important;border-right:1px solid rgba(36,48,79,.06)!important;vertical-align:top!important;text-align:left!important;font-size:13px!important;line-height:1.65!important}.pbsm-data-table th{background:#f7fbf9!important;color:#24304f!important;font-weight:900!important;white-space:nowrap!important}.pbsm-data-table thead th{position:sticky!important;top:0!important;z-index:1!important;background:#eefaf4!important;color:#18784d!important}.pbsm-data-table thead th:first-child,.pbsm-data-table tbody th{position:sticky!important;left:0!important;z-index:2!important;min-width:150px!important;background:#fff!important}.pbsm-data-table thead th:first-child{z-index:3!important;background:#eefaf4!important}.pbsm-data-table tr:last-child th,.pbsm-data-table tr:last-child td{border-bottom:0!important}.pbsm-data-note{max-width:980px!important;margin:10px auto 0!important;color:#667085!important;font-size:12.5px!important;line-height:1.7!important;text-align:right!important} .pbsm-metric-preview{display:grid!important;gap:8px!important;margin:0 0 14px!important;padding:12px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.07)!important}.pbsm-metric-preview div{display:grid!important;grid-template-columns:86px 1fr!important;gap:8px!important;align-items:start!important}.pbsm-metric-preview span{color:#18784d!important;font-size:11px!important;font-weight:900!important;line-height:1.4!important}.pbsm-metric-preview strong{color:#24304f!important;font-size:12px!important;font-weight:800!important;line-height:1.55!important}.pbsm-service .pbsm-action:before{content:none!important;display:none!important}.pbsm-condition-card .pbsm-card-title .pbsm-help{display:none!important}.pbsm-current-tab{background:#f8fafc!important;color:#24304f!important}.pbsm-current-tab strong{color:#18784d!important}.pbsm-tab-head .pbsm-text:before{content:""!important}.pbsm-panel-tab .pbsm-data-sec{margin:24px 0!important}.pbsm-panel-tab .pbsm-data-table-wrap{box-shadow:0 8px 24px rgba(36,48,79,.05)!important}.pbsm-panel-tab .pbsm-data-table{min-width:860px!important}.pbsm-panel-tab .pbsm-head{text-align:left!important;margin-bottom:16px!important}.pbsm-panel-tab .pbsm-h2{text-align:left!important;font-size:22px!important;margin-left:0!important}.pbsm-panel-tab .pbsm-text{margin-left:0!important} .pbsm-combo-actions{display:grid!important;gap:8px!important;margin-top:auto!important}.pbsm-combo-actions a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:40px!important;padding:9px 12px!important;border-radius:14px!important;background:#f7f9fb!important;border:1px solid rgba(36,48,79,.08)!important;color:#24304f!important;font-size:13px!important;font-weight:900!important}.pbsm-combo-actions a:after{content:"→"!important;color:#18784d!important;font-weight:900!important}.pbsm-combo-actions a:hover{background:#eefaf4!important;border-color:rgba(34,168,107,.24)!important}.pbsm-combo-list{display:none!important}.pbsm-tip strong:after{content:none!important}.pbsm-axis-card{display:none!important} @media(max-width:1100px){.pbsm-axis-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:640px){.pbsm-axis-mini-grid{grid-template-columns:1fr 1fr!important}.pbsm-axis-mini{font-size:12px!important;padding:10px!important}.pbsm-data-table{min-width:780px!important}.pbsm-data-table th,.pbsm-data-table td{padding:12px!important;font-size:12.5px!important}.pbsm-data-note{text-align:left!important}.pbsm-metric-preview div{grid-template-columns:78px 1fr!important}.pbsm-panel-tab .pbsm-h2{font-size:20px!important}.pbsm-fv-compare{margin-top:18px!important}} /* v2.4: 読者導線の見直し・評価サマリー */ .pbsm-start-sec .pbsm-card{border-color:rgba(34,168,107,.18)!important} .pbsm-start-grid .pbsm-combo-actions{margin-top:auto!important} .pbsm-score-strip{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;margin:0 0 12px!important;padding:10px!important;border-radius:16px!important;background:#fbfcfd!important;border:1px solid rgba(36,48,79,.07)!important} .pbsm-score{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:44px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(36,48,79,.07)!important;line-height:1.2!important;text-align:center!important} .pbsm-score b{display:block!important;font-size:16px!important;font-weight:900!important;color:#18784d!important} .pbsm-score em{display:block!important;margin-top:3px!important;font-size:10px!important;font-style:normal!important;font-weight:800!important;color:#667085!important;white-space:nowrap!important} .pbsm-score-◎{background:#eefaf4!important;border-color:rgba(34,168,107,.24)!important}.pbsm-score-◎ b{color:#16a064!important} .pbsm-score-○{background:#f7fbff!important;border-color:rgba(61,173,214,.22)!important}.pbsm-score-○ b{color:#2f8fbd!important} .pbsm-score-△{background:#fffaf3!important;border-color:rgba(242,153,74,.22)!important}.pbsm-score-△ b{color:#c8792f!important} .pbsm-score-×{background:#fff5f5!important;border-color:rgba(220,38,38,.18)!important}.pbsm-score-× b{color:#b42318!important} .pbsm-pair-sec{margin-top:84px!important;padding-top:8px!important} .pbsm-pair-sec .pbsm-head:before{content:"候補が2社まで絞れたら使う比較機能"!important;display:inline-flex!important;margin:0 0 10px!important;padding:4px 12px!important;border-radius:999px!important;background:#fff4e8!important;color:#c7671e!important;font-size:12px!important;font-weight:900!important} .pbsm-pair-service{cursor:pointer!important} .pbsm-pair-service:after{content:"このサービスを選ぶ"!important;display:block!important;margin-top:8px!important;padding:6px 8px!important;border-radius:999px!important;background:#f7f9fb!important;color:#24304f!important;font-size:11px!important;font-weight:900!important;border:1px solid rgba(36,48,79,.08)!important} .pbsm-pair-service.is-selected:after,.pbsm-pair-service[aria-pressed="true"]:after{content:"選択中"!important;background:#22a86b!important;color:#fff!important;border-color:#22a86b!important} @media(max-width:640px){.pbsm-score-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}.pbsm-score{min-height:40px!important}.pbsm-score em{font-size:9.5px!important}.pbsm-start-grid .pbsm-card{padding:18px!important}} /* ========================================================= v2.5: 比較ページを「登録先決定ページ」へ進化 目的選択 → おすすめ2社 → 根拠比較 → 不安解消 → 登録 ========================================================= */ .pbsm-decision-page .pbsm-title{max-width:780px!important}.pbsm-hero-decision{background:radial-gradient(circle at top right,rgba(34,168,107,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(242,153,74,.10),transparent 32%),linear-gradient(135deg,#fff 0%,#f3fbf7 55%,#f8fbff 100%)!important;border:1px solid rgba(34,168,107,.18)!important}.pbsm-decision-sec{margin-top:72px!important}.pbsm-purpose-shell{display:grid!important;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;gap:18px!important;align-items:start!important}.pbsm-purpose-nav{display:grid!important;gap:10px!important;position:sticky!important;top:12px!important;padding:14px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 14px 34px rgba(36,48,79,.07)!important}.pbsm-purpose-btn{display:grid!important;grid-template-columns:44px 1fr!important;gap:12px!important;align-items:center!important;width:100%!important;padding:14px!important;border-radius:18px!important;border:1px solid rgba(36,48,79,.08)!important;background:#f8fafc!important;text-align:left!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important}.pbsm-purpose-btn:hover{transform:translateY(-1px)!important;background:#eefaf4!important;border-color:rgba(34,168,107,.28)!important}.pbsm-purpose-btn.is-active{background:linear-gradient(135deg,#eefaf4 0%,#fff 100%)!important;border-color:rgba(34,168,107,.42)!important;box-shadow:0 10px 24px rgba(34,168,107,.10)!important}.pbsm-purpose-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;border-radius:16px!important;background:#fff!important;color:#18784d!important;font-weight:900!important;border:1px solid rgba(34,168,107,.18)!important}.pbsm-purpose-btn strong{display:block!important;color:#24304f!important;font-size:14px!important;line-height:1.35!important}.pbsm-purpose-btn small{display:block!important;margin-top:3px!important;color:#667085!important;font-size:11.5px!important;font-weight:700!important;line-height:1.45!important}.pbsm-purpose-panels{min-width:0!important}.pbsm-purpose-panel{display:none!important}.pbsm-purpose-panel.is-active{display:block!important}.pbsm-purpose-result-head{padding:24px 26px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff 0%,#f5fbf8 100%)!important;border:1px solid rgba(34,168,107,.20)!important;box-shadow:0 12px 30px rgba(36,48,79,.06)!important;margin-bottom:16px!important}.pbsm-purpose-result-head h3{margin:8px 0 8px!important;color:#24304f!important;font-size:clamp(22px,2.6vw,32px)!important;line-height:1.45!important;font-weight:900!important}.pbsm-purpose-result-head p{margin:0!important;color:#667085!important;line-height:1.9!important}.pbsm-purpose-mini-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:16px!important}.pbsm-purpose-mini-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 12px!important;border-radius:999px!important;background:#f7f9fb!important;border:1px solid rgba(36,48,79,.08)!important;color:#24304f!important;font-size:12.5px!important;font-weight:900!important}.pbsm-purpose-mini-actions a.pbsm-mini-action-main{background:#22a86b!important;color:#fff!important;border-color:#22a86b!important}.pbsm-decision-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}.pbsm-decision-service{display:flex!important;flex-direction:column!important;padding:22px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 12px 30px rgba(36,48,79,.07)!important;min-width:0!important}.pbsm-decision-service:first-child{border-color:color-mix(in srgb,var(--svc-color) 45%,#e4e7ec)!important;background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important}.pbsm-decision-top{display:grid!important;grid-template-columns:94px 1fr!important;gap:14px!important;align-items:center!important;margin-bottom:12px!important}.pbsm-decision-logo{height:70px!important;margin:0!important}.pbsm-decision-name{margin:5px 0 0!important;color:#24304f!important;font-size:21px!important;line-height:1.35!important;font-weight:900!important}.pbsm-decision-reason{margin:0 0 14px!important;color:#24304f!important;font-size:14.2px!important;line-height:1.8!important;font-weight:750!important}.pbsm-decision-metrics{display:grid!important;gap:8px!important;margin:0 0 14px!important;padding:12px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.07)!important}.pbsm-decision-metrics div{display:grid!important;grid-template-columns:78px 1fr!important;gap:8px!important}.pbsm-decision-metrics span{color:#18784d!important;font-size:11px!important;font-weight:900!important}.pbsm-decision-metrics strong{color:#24304f!important;font-size:12.3px!important;line-height:1.55!important;font-weight:800!important}.pbsm-decision-fit{display:grid!important;gap:8px!important;margin-bottom:14px!important}.pbsm-decision-fit div{padding:11px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important}.pbsm-decision-fit b{display:block!important;color:#18784d!important;font-size:12px!important;margin-bottom:3px!important}.pbsm-decision-fit p{margin:0!important;color:#667085!important;font-size:12.5px!important;line-height:1.65!important}.pbsm-decision-actions{margin-top:auto!important} .pbsm-manager-review .pbsm-review-card{display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr)!important;gap:24px!important;padding:30px!important;border-radius:32px!important;background:linear-gradient(135deg,#f3fbf7 0%,#fff 58%,#fff4e8 100%)!important;border:1px solid rgba(34,168,107,.20)!important;box-shadow:0 16px 40px rgba(36,48,79,.08)!important}.pbsm-review-copy .pbsm-h2{text-align:left!important;margin-left:0!important}.pbsm-review-copy .pbsm-text{text-align:left!important;margin-left:0!important}.pbsm-review-grid{display:grid!important;gap:12px!important}.pbsm-review-grid div{padding:16px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(36,48,79,.09)!important}.pbsm-review-grid strong{display:block!important;color:#24304f!important;font-size:15px!important;margin-bottom:6px!important}.pbsm-review-grid p{margin:0!important;color:#667085!important;font-size:13px!important;line-height:1.75!important} .pbsm-popular3-sec{scroll-margin-top:18px!important}.pbsm-popular-table-wrap{overflow-x:auto!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 14px 34px rgba(36,48,79,.07)!important}.pbsm-popular-table{width:100%!important;min-width:760px!important;border-collapse:separate!important;border-spacing:0!important}.pbsm-popular-table th,.pbsm-popular-table td{padding:14px 16px!important;border-bottom:1px solid rgba(36,48,79,.08)!important;border-right:1px solid rgba(36,48,79,.06)!important;text-align:center!important;vertical-align:middle!important;font-size:13px!important}.pbsm-popular-table th:first-child,.pbsm-popular-table td:first-child{text-align:left!important}.pbsm-popular-table th{background:#f7fbf9!important;color:#24304f!important;font-weight:900!important}.pbsm-popular-table thead th{background:#eefaf4!important;color:#18784d!important}.pbsm-mark{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:999px!important;font-size:19px!important;font-weight:900!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important}.pbsm-mark-◎{background:#eefaf4!important;color:#16a064!important;border-color:rgba(34,168,107,.28)!important}.pbsm-mark-○{background:#eef5ff!important;color:#2f8fbd!important;border-color:rgba(61,173,214,.24)!important}.pbsm-mark-△{background:#fff4e8!important;color:#c8792f!important;border-color:rgba(242,153,74,.24)!important}.pbsm-mark-×{background:#fff5f5!important;color:#b42318!important;border-color:rgba(220,38,38,.18)!important}.pbsm-popular-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:14px!important} .pbsm-type-tabs{padding:20px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 12px 30px rgba(36,48,79,.06)!important}.pbsm-type-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-bottom:10px!important}.pbsm-type-btn{flex:0 0 auto!important;min-height:40px!important;padding:8px 14px!important;border-radius:999px!important;border:1px solid rgba(36,48,79,.10)!important;background:#fff!important;color:#24304f!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}.pbsm-type-btn.is-active{background:#22a86b!important;border-color:#22a86b!important;color:#fff!important}.pbsm-type-panel{display:none!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:18px!important;padding:18px!important;border-radius:22px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.07)!important}.pbsm-type-panel.is-active{display:grid!important}.pbsm-type-panel h3{margin:0 0 6px!important;color:#24304f!important;font-size:20px!important}.pbsm-type-panel p{margin:0!important;color:#667085!important;font-size:13.5px!important;line-height:1.8!important}.pbsm-type-service-list{display:grid!important;gap:8px!important}.pbsm-type-service-list a{display:grid!important;gap:3px!important;padding:11px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important;color:#24304f!important}.pbsm-type-service-list span{font-weight:900!important}.pbsm-type-service-list em{font-style:normal!important;color:#667085!important;font-size:12px!important;line-height:1.5!important} .pbsm-assurance-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.pbsm-assurance-item{display:flex!important;align-items:center!important;gap:8px!important;min-height:48px!important;padding:10px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;color:#24304f!important;font-size:13px!important;font-weight:900!important;text-align:left!important;cursor:pointer!important;box-shadow:0 6px 16px rgba(36,48,79,.035)!important}.pbsm-assurance-item span{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;border-radius:999px!important;background:#fff4e8!important;color:#c7671e!important;flex:0 0 auto!important}.pbsm-flow-line{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}.pbsm-flow-line div{position:relative!important;padding:17px 12px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;text-align:center!important;box-shadow:0 6px 16px rgba(36,48,79,.035)!important}.pbsm-flow-line span{display:inline-flex!important;margin-bottom:8px!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:12px!important;font-weight:900!important}.pbsm-flow-line strong{display:block!important;color:#24304f!important;font-size:13.5px!important}.pbsm-use-not-sec .pbsm-card{min-height:100%!important} .pbsm-all-compare-sec{margin-top:72px!important}.pbsm-all-compare-details>summary{cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 8px 24px rgba(36,48,79,.05)!important;color:#24304f!important;font-weight:900!important}.pbsm-all-compare-details>summary small{color:#667085!important;font-weight:800!important}.pbsm-all-compare-details[open]>summary{border-color:rgba(34,168,107,.28)!important;background:#eefaf4!important} @media(max-width:960px){.pbsm-purpose-shell,.pbsm-manager-review .pbsm-review-card,.pbsm-type-panel{grid-template-columns:1fr!important}.pbsm-purpose-nav{position:relative!important;top:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-decision-services,.pbsm-popular-actions{grid-template-columns:1fr!important}.pbsm-assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-flow-line{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media(max-width:640px){.pbsm-purpose-nav{grid-template-columns:1fr!important;padding:10px!important}.pbsm-purpose-btn{grid-template-columns:38px 1fr!important;padding:12px!important}.pbsm-purpose-icon{width:38px!important;height:38px!important}.pbsm-purpose-result-head{padding:20px!important;border-radius:24px!important}.pbsm-decision-service{padding:18px!important;border-radius:24px!important}.pbsm-decision-top{grid-template-columns:78px 1fr!important}.pbsm-decision-logo{height:58px!important}.pbsm-decision-name{font-size:19px!important}.pbsm-decision-metrics div{grid-template-columns:72px 1fr!important}.pbsm-manager-review .pbsm-review-card{padding:22px!important;border-radius:24px!important}.pbsm-popular-table{min-width:680px!important}.pbsm-type-tabs{padding:14px!important}.pbsm-type-panel{padding:14px!important}.pbsm-assurance-grid{grid-template-columns:1fr!important}.pbsm-flow-line{grid-template-columns:1fr 1fr!important}.pbsm-hero-decision .pbsm-cta{align-items:stretch!important}.pbsm-hero-decision .pbsm-btn{width:100%!important}} /* ========================================================= v2.6: 読者心理に合わせた再設計 - 最初に2社選択させない - 目的選択 → おすすめ候補 → 人気3社比較 → 不安解消 - 詳細比較と2社比較は必要な人だけ開く ========================================================= */ .pbsm-v26 .pbsm-sec{margin:66px auto!important} .pbsm-v26 .pbsm-v26-hero{padding:clamp(42px,6vw,74px)!important;border-radius:34px!important;box-shadow:0 18px 46px rgba(36,48,79,.10)!important} .pbsm-v26 .pbsm-title{max-width:720px!important;font-size:clamp(32px,4.2vw,48px)!important;line-height:1.32!important} .pbsm-v26 .pbsm-lead{max-width:720px!important;font-size:15.5px!important;line-height:2!important} /* 目的選択をNetflix風の横カードではなく、押す場所が明確なボタングリッドに */ .pbsm-v26 .pbsm-purpose-shell{display:block!important} .pbsm-v26 .pbsm-purpose-nav{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 22px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .pbsm-v26 .pbsm-purpose-btn{position:relative!important;display:grid!important;grid-template-columns:46px 1fr!important;min-height:108px!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 10px 26px rgba(36,48,79,.055)!important;overflow:hidden!important} .pbsm-v26 .pbsm-purpose-btn:after{content:"この目的で候補を見る"!important;grid-column:2!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;margin-top:8px!important;color:#18784d!important;font-size:11.5px!important;font-weight:900!important;line-height:1.4!important} .pbsm-v26 .pbsm-purpose-btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 32px rgba(34,168,107,.12)!important;border-color:rgba(34,168,107,.34)!important;background:#fff!important} .pbsm-v26 .pbsm-purpose-btn.is-active{background:linear-gradient(135deg,#eefaf4 0%,#fff 100%)!important;border-color:rgba(34,168,107,.48)!important;box-shadow:0 16px 36px rgba(34,168,107,.14)!important} .pbsm-v26 .pbsm-purpose-btn.is-active:after{content:"選択中：下に候補を表示"!important;color:#fff!important;background:#22a86b!important;width:fit-content!important;padding:4px 10px!important;border-radius:999px!important} .pbsm-v26 .pbsm-purpose-icon{background:#eefaf4!important;border-color:rgba(34,168,107,.20)!important} .pbsm-v26 .pbsm-purpose-btn strong{font-size:15px!important} .pbsm-v26 .pbsm-purpose-btn small{font-size:11.5px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} /* 結果エリアを1枚のLPカードとして整理 */ .pbsm-v26 .pbsm-purpose-result-head{margin:0 0 18px!important;padding:24px 28px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff 0%,#f4fbf7 100%)!important;border:1px solid rgba(34,168,107,.22)!important;box-shadow:0 12px 30px rgba(36,48,79,.06)!important;text-align:left!important} .pbsm-v26 .pbsm-purpose-result-head:before{content:"選んだ目的に合う候補を表示しています"!important;display:inline-flex!important;margin:0 0 8px!important;padding:4px 11px!important;border-radius:999px!important;background:#fff4e8!important;color:#c7671e!important;font-size:12px!important;font-weight:900!important} .pbsm-v26 .pbsm-purpose-result-head h3{font-size:clamp(23px,2.8vw,32px)!important;margin:4px 0 8px!important} .pbsm-v26 .pbsm-purpose-mini-actions a{min-height:40px!important;padding:9px 14px!important;border-radius:999px!important;background:#fff!important} /* おすすめサービスカードを「選べる候補」として見せる */ .pbsm-v26 .pbsm-decision-services{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important} .pbsm-v26 .pbsm-decision-service{border-radius:30px!important;padding:24px!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 16px 38px rgba(36,48,79,.075)!important} .pbsm-v26 .pbsm-decision-service:before{content:"候補"!important;display:inline-flex!important;width:fit-content!important;margin:0 0 10px!important;padding:4px 12px!important;border-radius:999px!important;background:color-mix(in srgb,var(--svc-color) 14%,#fff)!important;color:var(--svc-color)!important;font-size:12px!important;font-weight:900!important} .pbsm-v26 .pbsm-decision-service:first-child:before{content:"第一候補"!important} .pbsm-v26 .pbsm-decision-top{grid-template-columns:112px 1fr!important;margin-bottom:14px!important} .pbsm-v26 .pbsm-decision-logo{height:72px!important;width:112px!important;padding:10px!important;background:#fff!important} .pbsm-v26 .pbsm-decision-logo img{max-width:92px!important;max-height:46px!important;width:auto!important;height:auto!important;object-fit:contain!important} .pbsm-v26 .pbsm-decision-name{font-size:22px!important} .pbsm-v26 .pbsm-decision-reason{font-size:14.5px!important;line-height:1.85!important;border-left:4px solid var(--svc-color)!important;padding-left:12px!important;background:#f8fafc!important;border-radius:0 14px 14px 0!important;padding-top:10px!important;padding-bottom:10px!important;margin-bottom:14px!important} .pbsm-v26 .pbsm-decision-actions .pbsm-link:not(.pbsm-link-light){min-height:52px!important;border-radius:16px!important;font-size:14px!important;box-shadow:0 10px 22px rgba(36,48,79,.12)!important} .pbsm-v26 .pbsm-decision-actions .pbsm-link-light{min-height:44px!important;border-radius:14px!important} /* 人気3社比較は「納得材料」として見やすく */ .pbsm-v26 .pbsm-popular3-sec{margin-top:72px!important} .pbsm-v26 .pbsm-popular-table-wrap{border-radius:30px!important;box-shadow:0 16px 38px rgba(36,48,79,.07)!important} .pbsm-v26 .pbsm-popular-table th,.pbsm-v26 .pbsm-popular-table td{font-size:13.5px!important;padding:15px 16px!important} /* 詳細比較、2社比較、全社比較はアコーディオンで控えめに */ .pbsm-v26 .pbsm-detail-compare-details>summary, .pbsm-v26 .pbsm-pair-details>summary, .pbsm-v26 .pbsm-all-compare-details>summary{cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:20px 24px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 10px 28px rgba(36,48,79,.055)!important;color:#24304f!important;font-weight:900!important;list-style:none!important} .pbsm-v26 .pbsm-detail-compare-details>summary::-webkit-details-marker, .pbsm-v26 .pbsm-pair-details>summary::-webkit-details-marker, .pbsm-v26 .pbsm-all-compare-details>summary::-webkit-details-marker{display:none!important} .pbsm-v26 .pbsm-detail-compare-details>summary:after, .pbsm-v26 .pbsm-pair-details>summary:after, .pbsm-v26 .pbsm-all-compare-details>summary:after{content:"開く"!important;display:inline-flex!important;padding:5px 12px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:12px!important;font-weight:900!important} .pbsm-v26 .pbsm-detail-compare-details[open]>summary:after, .pbsm-v26 .pbsm-pair-details[open]>summary:after, .pbsm-v26 .pbsm-all-compare-details[open]>summary:after{content:"閉じる"!important;background:#fff4e8!important;color:#c7671e!important} .pbsm-v26 .pbsm-detail-compare-details>summary small, .pbsm-v26 .pbsm-pair-details>summary small, .pbsm-v26 .pbsm-all-compare-details>summary small{display:block!important;margin-top:3px!important;color:#667085!important;font-size:12px!important;font-weight:800!important;line-height:1.5!important} .pbsm-v26 .pbsm-detail-compare-details[open] .pbsm-tab-wrap{margin-top:18px!important} .pbsm-v26 .pbsm-pair-details[open] .pbsm-pair-inner-head{margin-top:24px!important} /* 2社比較の崩れ・巨大ロゴ防止 */ .pbsm-v26 .pbsm-pair-box{margin-top:18px!important;padding:20px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 12px 30px rgba(36,48,79,.06)!important} .pbsm-v26 .pbsm-pair-guide{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:16px!important;padding:14px 16px!important;border-radius:20px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.07)!important} .pbsm-v26 .pbsm-pair-guide div{display:grid!important;gap:2px!important}.pbsm-v26 .pbsm-pair-guide strong{color:#24304f!important}.pbsm-v26 .pbsm-pair-guide span{color:#667085!important;font-size:13px!important} .pbsm-v26 .pbsm-pair-service-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} .pbsm-v26 .pbsm-pair-service{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:116px!important;padding:12px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 6px 16px rgba(36,48,79,.035)!important;overflow:hidden!important;text-align:center!important} .pbsm-v26 .pbsm-pair-logo-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:48px!important;margin:6px 0!important;padding:6px!important;border-radius:12px!important;background:#f8fafc!important;overflow:hidden!important} .pbsm-v26 .pbsm-pair-logo-wrap img{display:block!important;max-width:110px!important;max-height:34px!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:0 auto!important} .pbsm-v26 .pbsm-pair-name{display:block!important;color:#24304f!important;font-size:12px!important;font-weight:900!important;line-height:1.35!important} .pbsm-v26 .pbsm-pair-check{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-weight:900!important} .pbsm-v26 .pbsm-pair-service.is-selected,.pbsm-v26 .pbsm-pair-service[aria-pressed="true"]{border-color:#22a86b!important;background:#eefaf4!important} .pbsm-v26 .pbsm-pair-result-box{margin-top:18px!important;padding:18px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(34,168,107,.22)!important} .pbsm-v26 .pbsm-pair-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:14px!important} .pbsm-v26 .pbsm-pair-actions img{display:none!important;width:1px!important;height:1px!important} /* 余計な長さを減らす */ .pbsm-v26 .pbsm-type-tabs{display:none!important} .pbsm-v26 .pbsm-detail-compare-sec{margin-top:64px!important} .pbsm-v26 .pbsm-pair-sec{margin-top:54px!important} .pbsm-v26 .pbsm-pair-sec .pbsm-head:before{display:none!important;content:none!important} @media(max-width:960px){ .pbsm-v26 .pbsm-purpose-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-v26 .pbsm-decision-services{grid-template-columns:1fr!important} .pbsm-v26 .pbsm-pair-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:640px){ .pbsm-v26 .pbsm-sec{margin:52px auto!important} .pbsm-v26 .pbsm-purpose-nav{grid-template-columns:1fr!important;gap:10px!important} .pbsm-v26 .pbsm-purpose-btn{min-height:88px!important;padding:14px!important;border-radius:20px!important} .pbsm-v26 .pbsm-purpose-btn:after{font-size:11px!important;margin-top:6px!important} .pbsm-v26 .pbsm-purpose-result-head{padding:20px!important;border-radius:24px!important} .pbsm-v26 .pbsm-decision-service{padding:18px!important;border-radius:24px!important} .pbsm-v26 .pbsm-decision-top{grid-template-columns:82px 1fr!important} .pbsm-v26 .pbsm-decision-logo{width:82px!important;height:58px!important} .pbsm-v26 .pbsm-decision-logo img{max-width:70px!important;max-height:36px!important} .pbsm-v26 .pbsm-decision-name{font-size:19px!important} .pbsm-v26 .pbsm-pair-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-v26 .pbsm-pair-guide{display:grid!important} .pbsm-v26 .pbsm-pair-actions{grid-template-columns:1fr!important} .pbsm-v26 .pbsm-detail-compare-details>summary, .pbsm-v26 .pbsm-pair-details>summary, .pbsm-v26 .pbsm-all-compare-details>summary{align-items:flex-start!important;padding:16px 18px!important;border-radius:20px!important} } /* ========================================================= v2.7 読者行動ベースUI：説明を減らし、直感で進める ========================================================= */ .pbsm-v27 .pbsm-v27-hero{padding:clamp(46px,6vw,82px)!important;background:radial-gradient(circle at 86% 18%,rgba(34,168,107,.20),transparent 34%),radial-gradient(circle at 12% 82%,rgba(242,153,74,.10),transparent 32%),linear-gradient(135deg,#fff 0%,#f2fbf6 54%,#f8fbff 100%)!important} .pbsm-v27 .pbsm-title{max-width:720px!important;font-size:clamp(34px,4.2vw,52px)!important;line-height:1.28!important;letter-spacing:.015em!important} .pbsm-v27 .pbsm-lead{max-width:680px!important;font-size:15.5px!important;line-height:2!important} .pbsm-v27 .pbsm-v27-hero-cta{margin-top:34px!important} .pbsm-v27 .pbsm-v27-hero-cta .pbsm-main{min-height:58px!important;padding:16px 28px!important;font-size:16px!important;border-radius:999px!important;box-shadow:0 16px 34px rgba(34,168,107,.28)!important} .pbsm-v27 .pbsm-fv-subnote{display:inline-flex!important;margin-top:14px!important;color:#667085!important;font-size:12.5px!important;font-weight:800!important;line-height:1.7!important} .pbsm-v27 .pbsm-fv-proof{display:grid!important;gap:12px!important;padding:24px!important;border-radius:28px!important;background:rgba(255,255,255,.94)!important} .pbsm-v27 .pbsm-proof-card{display:grid!important;grid-template-columns:92px 1fr!important;gap:10px 12px!important;align-items:center!important;padding:16px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(36,48,79,.09)!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important} .pbsm-v27 .pbsm-proof-card span{grid-row:1/3!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;border-radius:16px!important;background:#eefaf4!important;color:#18784d!important;font-size:12px!important;font-weight:900!important} .pbsm-v27 .pbsm-proof-card strong{display:block!important;color:#24304f!important;font-size:24px!important;line-height:1.15!important;font-weight:950!important} .pbsm-v27 .pbsm-proof-card em{display:block!important;color:#667085!important;font-style:normal!important;font-size:12.5px!important;font-weight:800!important;line-height:1.45!important} .pbsm-v27 .pbsm-proof-note{padding:13px 15px!important;border-radius:18px!important;background:#fff4e8!important;border:1px solid rgba(242,153,74,.28)!important;color:#8a551f!important;font-size:13px!important;font-weight:850!important;line-height:1.75!important} .pbsm-v27 .pbsm-decision-sec{margin-top:68px!important} .pbsm-v27 .pbsm-purpose-shell{display:block!important} .pbsm-v27 .pbsm-purpose-nav{position:relative!important;top:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:0 0 22px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} .pbsm-v27 .pbsm-purpose-btn{position:relative!important;display:grid!important;grid-template-columns:44px 1fr!important;align-items:center!important;min-height:96px!important;padding:16px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.11)!important;box-shadow:0 10px 26px rgba(36,48,79,.055)!important} .pbsm-v27 .pbsm-purpose-btn:after{content:"この目的で見る"!important;grid-column:2!important;display:inline-flex!important;width:fit-content!important;margin-top:8px!important;padding:4px 10px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:11px!important;font-weight:900!important} .pbsm-v27 .pbsm-purpose-btn.is-active{border-color:rgba(34,168,107,.55)!important;background:linear-gradient(135deg,#eefaf4 0%,#fff 100%)!important;box-shadow:0 14px 32px rgba(34,168,107,.13)!important} .pbsm-v27 .pbsm-purpose-btn.is-active:after{content:"表示中"!important;background:#22a86b!important;color:#fff!important} .pbsm-v27 .pbsm-purpose-icon{background:#eefaf4!important;border-color:rgba(34,168,107,.22)!important} .pbsm-v27 .pbsm-purpose-btn small{display:none!important} .pbsm-v27 .pbsm-purpose-result-head{margin-bottom:18px!important;text-align:left!important} .pbsm-v27 .pbsm-purpose-result-head:before{content:"あなたにおすすめ"!important} .pbsm-v27 .pbsm-purpose-mini-actions{display:none!important} .pbsm-v27 .pbsm-decision-metrics{display:none!important} .pbsm-v27 .pbsm-decision-fit{display:grid!important;grid-template-columns:1fr!important} .pbsm-v27 .pbsm-decision-fit div{padding:12px 14px!important} .pbsm-v27 .pbsm-decision-fit div:nth-child(n+2){display:none!important} .pbsm-v27 .pbsm-decision-actions .pbsm-link-light{display:none!important} .pbsm-v27 .pbsm-default-two{margin-top:44px!important} .pbsm-v27 .pbsm-default-two-box{display:grid!important;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;gap:22px!important;align-items:stretch!important;padding:28px!important;border-radius:32px!important;background:linear-gradient(135deg,#fff 0%,#f5fbf8 100%)!important;border:1px solid rgba(34,168,107,.22)!important;box-shadow:0 16px 38px rgba(36,48,79,.065)!important} .pbsm-v27 .pbsm-default-two-copy{padding:8px 0!important}.pbsm-v27 .pbsm-default-two-copy .pbsm-h2{text-align:left!important;margin-bottom:12px!important} .pbsm-v27 .pbsm-default-two-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important} .pbsm-v27 .pbsm-default-two-card{display:flex!important;flex-direction:column!important;gap:10px!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 10px 26px rgba(36,48,79,.055)!important} .pbsm-v27 .pbsm-default-two-card .pbsm-logo-wrap{height:62px!important;margin:0!important}.pbsm-v27 .pbsm-default-two-card img{max-height:38px!important;width:auto!important;object-fit:contain!important} .pbsm-v27 .pbsm-default-two-card h3{margin:0!important;color:#24304f!important;font-size:18px!important;font-weight:900!important}.pbsm-v27 .pbsm-default-two-card p{margin:0!important;color:#667085!important;font-size:13px!important;line-height:1.7!important} .pbsm-v27 .pbsm-default-two-card .pbsm-link:not(.pbsm-link-light),.pbsm-v27 .pbsm-default-two-card .pbsm-aff-raw>a{margin-top:auto!important;min-height:48px!important;border-radius:16px!important;background:var(--svc-color)!important;color:#fff!important;box-shadow:0 10px 22px rgba(36,48,79,.12)!important} .pbsm-v27 .pbsm-popular3-sec{margin-top:60px!important}.pbsm-v27 .pbsm-popular3-sec .pbsm-head .pbsm-text{max-width:680px!important} .pbsm-v27 .pbsm-manager-review{margin-top:62px!important} .pbsm-v27 .pbsm-final .pbsm-main:before{display:none!important;content:none!important} @media(max-width:960px){ .pbsm-v27 .pbsm-purpose-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-v27 .pbsm-default-two-box{grid-template-columns:1fr!important} } @media(max-width:640px){ .pbsm-v27 .pbsm-v27-hero{padding:34px 22px 30px!important} .pbsm-v27 .pbsm-title{font-size:30px!important;line-height:1.36!important} .pbsm-v27 .pbsm-fv-subnote{display:block!important} .pbsm-v27 .pbsm-proof-card{grid-template-columns:78px 1fr!important;padding:13px!important}.pbsm-v27 .pbsm-proof-card strong{font-size:21px!important} .pbsm-v27 .pbsm-purpose-nav{grid-template-columns:1fr!important;gap:10px!important} .pbsm-v27 .pbsm-purpose-btn{min-height:78px!important;grid-template-columns:40px 1fr!important;border-radius:20px!important;padding:14px!important} .pbsm-v27 .pbsm-purpose-btn:after{margin-top:4px!important} .pbsm-v27 .pbsm-default-two-box{padding:20px!important;border-radius:26px!important} .pbsm-v27 .pbsm-default-two-cards{grid-template-columns:1fr!important} .pbsm-v27 .pbsm-v27-hero-cta .pbsm-main{width:100%!important} } /* ========================================================= v2.8: 迷わないUIへ。選択→候補→1CTAに絞る ========================================================= */ .pbsm-v28 .pbsm-hero-decision .pbsm-title{max-width:720px!important;font-size:clamp(34px,4.6vw,54px)!important;line-height:1.26!important} .pbsm-v28 .pbsm-v27-hero-cta .pbsm-btn{min-height:58px!important;padding:15px 26px!important;font-size:16px!important;box-shadow:0 16px 30px rgba(34,168,107,.22)!important} .pbsm-v28 .pbsm-fv-subnote{font-size:12px!important;color:#557066!important;margin-top:14px!important;font-weight:800!important} .pbsm-v28 .pbsm-proof-note{display:none!important} .pbsm-v28 .pbsm-decision-sec{margin-top:62px!important} .pbsm-v28 .pbsm-purpose-btn{min-height:86px!important;border:2px solid rgba(36,48,79,.08)!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important} .pbsm-v28 .pbsm-purpose-btn:after{content:"選ぶ"!important;background:#eefaf4!important;color:#18784d!important;padding:3px 9px!important;border-radius:999px!important;font-size:11px!important} .pbsm-v28 .pbsm-purpose-btn.is-active:after{content:"選択中"!important;background:#22a86b!important;color:#fff!important} .pbsm-v28 .pbsm-purpose-result-head{padding:24px 28px!important;margin-bottom:18px!important} .pbsm-v28 .pbsm-purpose-result-head:before{content:"この目的なら、まずこの候補"!important;background:#fff4e8!important;color:#c7671e!important} .pbsm-v28 .pbsm-purpose-result-head h3{font-size:clamp(23px,2.8vw,34px)!important;line-height:1.42!important;margin-bottom:6px!important} .pbsm-v28 .pbsm-purpose-result-head p{font-size:14px!important;line-height:1.75!important} .pbsm-v28 .pbsm-decision-services{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important} .pbsm-v28 .pbsm-decision-service-simple{padding:24px!important;border-radius:30px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 14px 36px rgba(36,48,79,.075)!important} .pbsm-v28 .pbsm-decision-service-simple:first-child{border:2px solid color-mix(in srgb,var(--svc-color) 36%,#e4e7ec)!important} .pbsm-v28 .pbsm-decision-service-simple:before{display:none!important} .pbsm-v28 .pbsm-decision-top{grid-template-columns:96px 1fr!important;margin-bottom:16px!important} .pbsm-v28 .pbsm-decision-logo{width:96px!important;height:64px!important;padding:10px!important;border-radius:16px!important;background:#fff!important} .pbsm-v28 .pbsm-decision-logo img{max-width:76px!important;max-height:40px!important;width:auto!important;height:auto!important;object-fit:contain!important} .pbsm-v28 .pbsm-decision-name{font-size:23px!important;line-height:1.35!important} .pbsm-v28 .pbsm-reason-block{margin:0 0 14px!important;padding:14px 16px!important;border-radius:18px!important;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%)!important;border-left:5px solid var(--svc-color)!important} .pbsm-v28 .pbsm-reason-block b{display:block!important;margin-bottom:4px!important;color:var(--svc-color)!important;font-size:12px!important;font-weight:900!important} .pbsm-v28 .pbsm-reason-block p{margin:0!important;color:#24304f!important;font-size:14px!important;line-height:1.75!important;font-weight:850!important} .pbsm-v28 .pbsm-score-brief{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 14px!important} .pbsm-v28 .pbsm-score-mini{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:6px!important;min-height:42px!important;padding:8px 10px!important;border-radius:14px!important;background:#f7f9fb!important;border:1px solid rgba(36,48,79,.08)!important} .pbsm-v28 .pbsm-score-mini em{font-style:normal!important;color:#667085!important;font-size:11px!important;font-weight:900!important;line-height:1.2!important} .pbsm-v28 .pbsm-score-mini b{font-size:17px!important;line-height:1!important;color:#18784d!important;font-weight:900!important} .pbsm-v28 .pbsm-score-mini.pbsm-score-△ b{color:#f2994a!important} .pbsm-v28 .pbsm-score-mini.pbsm-score-× b{color:#e35d6a!important} .pbsm-v28 .pbsm-decision-fit-simple{margin-bottom:14px!important;display:grid!important;gap:8px!important} .pbsm-v28 .pbsm-decision-fit-simple div{padding:12px 14px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important} .pbsm-v28 .pbsm-decision-fit-simple b{display:block!important;color:#18784d!important;font-size:12px!important;margin-bottom:3px!important} .pbsm-v28 .pbsm-decision-fit-simple p{margin:0!important;color:#667085!important;font-size:12.5px!important;line-height:1.65!important} .pbsm-v28 .pbsm-decision-fit-simple details{border:1px solid rgba(36,48,79,.08)!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important} .pbsm-v28 .pbsm-decision-fit-simple summary{cursor:pointer!important;padding:11px 14px!important;color:#667085!important;font-size:12.5px!important;font-weight:900!important;list-style:none!important} .pbsm-v28 .pbsm-decision-fit-simple summary::-webkit-details-marker{display:none!important} .pbsm-v28 .pbsm-decision-fit-simple p{padding:0!important} .pbsm-v28 .pbsm-decision-fit-simple details p{padding:0 14px 12px!important} .pbsm-v28 .pbsm-decision-actions{margin-top:auto!important} .pbsm-v28 .pbsm-decision-actions .pbsm-link:not(.pbsm-link-light), .pbsm-v28 .pbsm-decision-actions .pbsm-aff-raw{width:100%!important;min-height:58px!important;border-radius:18px!important;box-shadow:0 14px 28px rgba(36,48,79,.16)!important;font-size:15px!important;font-weight:900!important} .pbsm-v28 .pbsm-aff-raw{display:block!important;position:relative!important;overflow:hidden!important;background:var(--svc-color)!important;color:#fff!important;border:0!important;padding:0!important;cursor:pointer!important} .pbsm-v28 .pbsm-aff-raw .pbsm-aff-caption{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:13px 14px!important;color:#fff!important;background:transparent!important;font-size:15px!important;font-weight:900!important;text-align:center!important} .pbsm-v28 .pbsm-aff-raw a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:24px!important;padding:4px 10px!important;background:rgba(255,255,255,.16)!important;color:rgba(255,255,255,.95)!important;border:0!important;border-radius:0!important;font-size:11px!important;font-weight:800!important;text-align:center!important;text-decoration:none!important} .pbsm-v28 .pbsm-aff-raw img{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} .pbsm-v28 .pbsm-default-two,.pbsm-v28 .pbsm-popular-actions .pbsm-link-light{display:none!important} @media(max-width:960px){.pbsm-v28 .pbsm-decision-services{grid-template-columns:1fr!important}} @media(max-width:640px){.pbsm-v28 .pbsm-hero-decision .pbsm-title{font-size:31px!important;line-height:1.33!important}.pbsm-v28 .pbsm-purpose-btn{min-height:74px!important}.pbsm-v28 .pbsm-purpose-btn:after{font-size:10.5px!important}.pbsm-v28 .pbsm-decision-service-simple{padding:18px!important}.pbsm-v28 .pbsm-decision-top{grid-template-columns:82px 1fr!important}.pbsm-v28 .pbsm-decision-logo{width:82px!important;height:58px!important}.pbsm-v28 .pbsm-score-brief{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-v28 .pbsm-aff-raw .pbsm-aff-caption{min-height:50px!important;font-size:14.5px!important}} /* ========================================================= v2.9: 直感UI版 - FVを小さく、1アクションに整理 - 目的カードを押せるチップ型に - 候補カードを短く、CTAを1つに - A8/レントラックス発行HTMLタグの文言は改変せず、表示はCTA風に統一 ========================================================= */ .pbsm-v29{max-width:1120px!important} .pbsm-v29 .pbsm-sec{margin:54px auto!important} .pbsm-v29 .pbsm-v29-hero{ padding:clamp(28px,4.2vw,54px)!important; border-radius:30px!important; background:radial-gradient(circle at 88% 18%,rgba(34,168,107,.20),transparent 32%),linear-gradient(135deg,#fff 0%,#f3fbf7 58%,#f9fbff 100%)!important; box-shadow:0 14px 34px rgba(36,48,79,.08)!important; border:1px solid rgba(34,168,107,.18)!important; } .pbsm-v29 .pbsm-v29-hero .pbsm-hero-grid{ grid-template-columns:minmax(0,1.1fr) minmax(260px,.72fr)!important; gap:28px!important; } .pbsm-v29 .pbsm-v29-hero .pbsm-title{ max-width:640px!important; font-size:clamp(29px,3.4vw,42px)!important; line-height:1.34!important; margin:12px 0 12px!important; } .pbsm-v29 .pbsm-v29-hero .pbsm-lead{ max-width:620px!important; font-size:14.5px!important; line-height:1.85!important; color:#526371!important; } .pbsm-v29 .pbsm-v29-hero .pbsm-cta{margin-top:26px!important} .pbsm-v29 .pbsm-v29-hero .pbsm-main{ min-height:52px!important; padding:14px 28px!important; font-size:15.5px!important; box-shadow:0 12px 26px rgba(34,168,107,.22)!important; } .pbsm-v29 .pbsm-v29-hero .pbsm-main:before{display:none!important;content:none!important} .pbsm-v29 .pbsm-fv-mini{ display:grid!important; gap:12px!important; padding:18px!important; border-radius:24px!important; background:rgba(255,255,255,.88)!important; border:1px solid rgba(36,48,79,.08)!important; box-shadow:0 12px 28px rgba(36,48,79,.07)!important; } .pbsm-v29 .pbsm-fv-mini span{ display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:54px!important; padding:12px 14px!important; border-radius:17px!important; background:#fff!important; color:#24304f!important; font-size:13px!important; font-weight:850!important; border:1px solid rgba(36,48,79,.08)!important; } .pbsm-v29 .pbsm-fv-mini b{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:58px!important; padding:6px 10px!important; border-radius:999px!important; background:#eefaf4!important; color:#18784d!important; font-size:15px!important; } .pbsm-v29 .pbsm-head-tight{margin-bottom:20px!important} .pbsm-v29 .pbsm-head-tight .pbsm-h2{font-size:clamp(22px,2.6vw,30px)!important} .pbsm-v29 .pbsm-head-tight .pbsm-text{font-size:13.5px!important} .pbsm-v29 .pbsm-purpose-shell{display:block!important} .pbsm-v29 .pbsm-purpose-nav{ position:relative!important;top:auto!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; margin:0 0 18px!important; padding:0!important; border:0!important;background:transparent!important;box-shadow:none!important; } .pbsm-v29 .pbsm-purpose-btn{ display:flex!important; align-items:center!important; gap:10px!important; min-height:64px!important; padding:12px 14px!important; border-radius:18px!important; background:#fff!important; border:1.5px solid rgba(36,48,79,.11)!important; box-shadow:0 8px 20px rgba(36,48,79,.045)!important; } .pbsm-v29 .pbsm-purpose-btn:after{display:none!important;content:none!important} .pbsm-v29 .pbsm-purpose-btn:hover{border-color:rgba(34,168,107,.45)!important;box-shadow:0 12px 26px rgba(34,168,107,.09)!important;transform:translateY(-1px)!important} .pbsm-v29 .pbsm-purpose-btn.is-active{background:#eefaf4!important;border-color:#22a86b!important;box-shadow:0 12px 26px rgba(34,168,107,.12)!important} .pbsm-v29 .pbsm-purpose-icon{ flex:0 0 auto!important; width:34px!important;height:34px!important; border-radius:13px!important; background:#eefaf4!important; color:#18784d!important; font-size:13px!important; } .pbsm-v29 .pbsm-purpose-btn.is-active .pbsm-purpose-icon{background:#22a86b!important;color:#fff!important} .pbsm-v29 .pbsm-purpose-btn strong{font-size:14px!important;line-height:1.3!important;color:#24304f!important} .pbsm-v29 .pbsm-purpose-btn small{display:none!important} .pbsm-v29 .pbsm-purpose-result-head{ padding:18px 22px!important; border-radius:22px!important; margin:0 0 16px!important; box-shadow:none!important; background:#f6fcf9!important; border:1px solid rgba(34,168,107,.20)!important; } .pbsm-v29 .pbsm-purpose-result-head:before{display:none!important;content:none!important} .pbsm-v29 .pbsm-purpose-result-head .pbsm-label{margin-bottom:8px!important} .pbsm-v29 .pbsm-purpose-result-head h3{ font-size:clamp(20px,2.3vw,27px)!important; line-height:1.45!important; margin:0 0 6px!important; } .pbsm-v29 .pbsm-purpose-result-head p{font-size:13.5px!important;line-height:1.7!important;color:#667085!important} .pbsm-v29 .pbsm-purpose-mini-actions{display:none!important} .pbsm-v29 .pbsm-decision-services{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} .pbsm-v29 .pbsm-decision-service-simple{ padding:18px!important; border-radius:24px!important; box-shadow:0 10px 24px rgba(36,48,79,.055)!important; } .pbsm-v29 .pbsm-decision-service-simple:first-child{border:2px solid color-mix(in srgb,var(--svc-color) 34%,#e4e7ec)!important} .pbsm-v29 .pbsm-decision-top{grid-template-columns:82px 1fr!important;gap:12px!important;margin-bottom:10px!important} .pbsm-v29 .pbsm-decision-logo{width:82px!important;height:54px!important;padding:8px!important;border-radius:14px!important;margin:0!important} .pbsm-v29 .pbsm-decision-logo img{max-width:66px!important;max-height:34px!important} .pbsm-v29 .pbsm-decision-name{font-size:20px!important;line-height:1.3!important} .pbsm-v29 .pbsm-decision-one-reason{ margin:0 0 12px!important; padding:11px 13px!important; border-radius:15px!important; background:#f8fafc!important; border-left:4px solid var(--svc-color)!important; color:#24304f!important; font-size:13.5px!important; line-height:1.7!important; font-weight:850!important; } .pbsm-v29 .pbsm-reason-block{display:none!important} .pbsm-v29 .pbsm-score-brief{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important} .pbsm-v29 .pbsm-score-mini{ display:grid!important; justify-items:center!important; gap:3px!important; min-height:50px!important; padding:7px 5px!important; border-radius:13px!important; background:#f7f9fb!important; border:1px solid rgba(36,48,79,.08)!important; } .pbsm-v29 .pbsm-score-mini em{font-size:10.5px!important;font-style:normal!important;color:#667085!important;font-weight:900!important;line-height:1.1!important} .pbsm-v29 .pbsm-score-mini b{font-size:18px!important;color:#18784d!important;line-height:1!important} .pbsm-v29 .pbsm-score-mini.pbsm-score-△ b{color:#f2994a!important}.pbsm-v29 .pbsm-score-mini.pbsm-score-× b{color:#e35d6a!important} .pbsm-v29 .pbsm-decision-fit-simple{display:grid!important;gap:7px!important;margin:0 0 12px!important} .pbsm-v29 .pbsm-decision-fit-simple div{padding:10px 12px!important;border-radius:14px!important} .pbsm-v29 .pbsm-decision-fit-simple b{font-size:11.5px!important}.pbsm-v29 .pbsm-decision-fit-simple p{font-size:12px!important;line-height:1.55!important} .pbsm-v29 .pbsm-decision-fit-simple details{border-radius:14px!important} .pbsm-v29 .pbsm-decision-fit-simple summary{padding:9px 12px!important;font-size:12px!important;color:#667085!important} .pbsm-v29 .pbsm-decision-actions .pbsm-link:not(.pbsm-link-light){min-height:54px!important;border-radius:16px!important;font-size:14.5px!important;font-weight:900!important} .pbsm-v29 .pbsm-decision-actions .pbsm-link-light{display:none!important} /* 発行HTMLタグそのままモードでも、読者には大きなCTAとして見せる。HTML自体は書き換えない */ .pbsm-v29 .pbsm-aff-raw{ min-height:54px!important; border-radius:16px!important; background:var(--svc-color)!important; position:relative!important; overflow:hidden!important; cursor:pointer!important; box-shadow:0 12px 24px rgba(36,48,79,.12)!important; } .pbsm-v29 .pbsm-aff-raw .pbsm-aff-caption{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:54px!important; padding:13px 16px!important; color:#fff!important; background:transparent!important; font-size:14.5px!important; font-weight:900!important; pointer-events:none!important; } .pbsm-v29 .pbsm-aff-raw>a{ position:absolute!important;inset:0!important; display:block!important;width:100%!important;height:100%!important; min-height:0!important;padding:0!important; opacity:0!important;color:transparent!important;font-size:0!important; background:transparent!important;border:0!important;z-index:2!important; } .pbsm-v29 .pbsm-aff-raw>img,.pbsm-v29 .pbsm-aff-raw img[width="1"],.pbsm-v29 .pbsm-aff-raw img[height="1"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} /* 以降は下に追いやる・見たい人だけ読む */ .pbsm-v29 .pbsm-default-two{display:none!important} .pbsm-v29 .pbsm-popular3-sec{margin-top:58px!important} .pbsm-v29 .pbsm-manager-review{margin-top:58px!important} @media(max-width:960px){ .pbsm-v29 .pbsm-v29-hero .pbsm-hero-grid{grid-template-columns:1fr!important} .pbsm-v29 .pbsm-purpose-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important} .pbsm-v29 .pbsm-decision-services{grid-template-columns:1fr!important} } @media(max-width:640px){ .pbsm-v29{padding:0 12px!important} .pbsm-v29 .pbsm-sec{margin:42px auto!important} .pbsm-v29 .pbsm-v29-hero{padding:28px 20px!important;border-radius:24px!important} .pbsm-v29 .pbsm-v29-hero .pbsm-title{font-size:27px!important;line-height:1.38!important} .pbsm-v29 .pbsm-v29-hero .pbsm-lead{font-size:13.5px!important;line-height:1.75!important} .pbsm-v29 .pbsm-fv-mini{grid-template-columns:1fr 1fr 1fr!important;gap:7px!important;padding:10px!important;border-radius:18px!important} .pbsm-v29 .pbsm-fv-mini span{display:grid!important;justify-items:center!important;gap:4px!important;min-height:56px!important;padding:8px 5px!important;font-size:10.5px!important;text-align:center!important} .pbsm-v29 .pbsm-fv-mini b{min-width:0!important;font-size:13px!important;padding:4px 7px!important} .pbsm-v29 .pbsm-purpose-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} .pbsm-v29 .pbsm-purpose-btn{min-height:56px!important;padding:10px!important;border-radius:16px!important;gap:8px!important} .pbsm-v29 .pbsm-purpose-icon{width:30px!important;height:30px!important;border-radius:11px!important;font-size:12px!important} .pbsm-v29 .pbsm-purpose-btn strong{font-size:12.5px!important} .pbsm-v29 .pbsm-purpose-result-head{padding:16px!important;border-radius:20px!important} .pbsm-v29 .pbsm-purpose-result-head h3{font-size:20px!important} .pbsm-v29 .pbsm-purpose-result-head p{font-size:12.8px!important} .pbsm-v29 .pbsm-decision-service-simple{padding:15px!important;border-radius:20px!important} .pbsm-v29 .pbsm-decision-top{grid-template-columns:72px 1fr!important} .pbsm-v29 .pbsm-decision-logo{width:72px!important;height:50px!important} .pbsm-v29 .pbsm-decision-logo img{max-width:58px!important;max-height:31px!important} .pbsm-v29 .pbsm-decision-name{font-size:18px!important} .pbsm-v29 .pbsm-score-brief{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important} .pbsm-v29 .pbsm-score-mini{min-height:44px!important;padding:6px 3px!important}.pbsm-v29 .pbsm-score-mini em{font-size:9.5px!important}.pbsm-v29 .pbsm-score-mini b{font-size:16px!important} } /* ========================================================= v3.0: 2階建てCV設計（1階=決める、2階=詳細） ========================================================= */ .pbsm-v30 .pbsm-sec{margin:56px auto!important} .pbsm-v30-firstview{margin-top:0!important} .pbsm-v30-hero{ display:grid!important; grid-template-columns:minmax(0,.96fr) minmax(320px,1.04fr)!important; gap:28px!important; align-items:center!important; padding:clamp(30px,5vw,56px)!important; border-radius:30px!important; background:radial-gradient(circle at 85% 20%,rgba(34,168,107,.18),transparent 36%),linear-gradient(135deg,#fff 0%,#f2fbf7 56%,#f7fbff 100%)!important; border:1px solid rgba(34,168,107,.23)!important; box-shadow:0 18px 46px rgba(36,48,79,.09)!important; } .pbsm-v30-hero .pbsm-title{font-size:clamp(30px,4vw,46px)!important;line-height:1.32!important;margin:14px 0!important;max-width:640px!important} .pbsm-v30-hero .pbsm-lead{font-size:15px!important;line-height:1.9!important;max-width:620px!important;color:#526371!important} .pbsm-v30-fv-cta{margin-top:26px!important} .pbsm-v30-fv-cta .pbsm-main{min-height:56px!important;padding:15px 30px!important;font-size:16px!important;border-radius:999px!important;box-shadow:0 14px 30px rgba(34,168,107,.25)!important} .pbsm-v30-fv-cta .pbsm-main:before{display:none!important;content:none!important} .pbsm-v30-hero-visual{border-radius:24px!important;overflow:hidden!important;box-shadow:0 16px 34px rgba(36,48,79,.12)!important;border:1px solid rgba(36,48,79,.08)!important;background:#fff!important} .pbsm-v30-hero-visual img{display:block!important;width:100%!important;height:auto!important;object-fit:cover!important} /* 目的選択：ボタンを押す場所として明確に、ただし小さく */ .pbsm-v30 .pbsm-cv-head{text-align:center!important;margin-bottom:22px!important} .pbsm-v30 .pbsm-cv-head .pbsm-h2{font-size:clamp(22px,2.7vw,32px)!important;margin-bottom:0!important} .pbsm-v30 .pbsm-cv-purpose-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 18px!important} .pbsm-v30 .pbsm-cv-purpose{display:flex!important;align-items:center!important;gap:10px!important;min-height:60px!important;padding:11px 13px!important;border-radius:17px!important;border:1.5px solid rgba(36,48,79,.12)!important;background:#fff!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important;cursor:pointer!important;text-align:left!important;transition:.18s ease!important} .pbsm-v30 .pbsm-cv-purpose:hover{transform:translateY(-1px)!important;border-color:rgba(34,168,107,.45)!important;box-shadow:0 12px 24px rgba(34,168,107,.08)!important} .pbsm-v30 .pbsm-cv-purpose.is-active{border-color:#22a86b!important;background:#eefaf4!important;box-shadow:0 12px 28px rgba(34,168,107,.10)!important} .pbsm-v30 .pbsm-cv-purpose span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:12px!important;background:#eefaf4!important;color:#18784d!important;font-weight:900!important;font-size:12px!important;flex:0 0 auto!important} .pbsm-v30 .pbsm-cv-purpose.is-active span{background:#22a86b!important;color:#fff!important} .pbsm-v30 .pbsm-cv-purpose strong{font-size:13.5px!important;line-height:1.25!important;color:#24304f!important} /* 結果見出し：短く、次の2カードへ視線誘導 */ .pbsm-v30 .pbsm-cv-result-head{padding:18px 22px!important;border-radius:22px!important;background:#f6fcf9!important;border:1px solid rgba(34,168,107,.20)!important;margin:0 0 16px!important;text-align:left!important} .pbsm-v30 .pbsm-cv-result-head h3{font-size:clamp(20px,2.4vw,28px)!important;line-height:1.42!important;margin:4px 0 6px!important;color:#18233f!important} .pbsm-v30 .pbsm-cv-result-head p{font-size:13.5px!important;line-height:1.7!important;color:#667085!important;margin:0!important} .pbsm-v30 .pbsm-cv-services{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important} /* 候補カード：1階では決めるための情報だけ */ .pbsm-v30 .pbsm-cv-service{padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 10px 26px rgba(36,48,79,.055)!important;display:flex!important;flex-direction:column!important;gap:12px!important} .pbsm-v30 .pbsm-cv-service.is-primary{border:2px solid color-mix(in srgb,var(--svc-color) 36%,#e4e7ec)!important} .pbsm-v30 .pbsm-cv-main{display:grid!important;grid-template-columns:84px 1fr!important;gap:13px!important;align-items:center!important} .pbsm-v30 .pbsm-cv-logo{width:84px!important;height:56px!important;border-radius:15px!important;background:#f7f9fb!important;border:1px solid rgba(36,48,79,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;overflow:hidden!important} .pbsm-v30 .pbsm-cv-logo img{max-width:68px!important;max-height:36px!important;width:auto!important;height:auto!important;object-fit:contain!important} .pbsm-v30 .pbsm-cv-label{display:inline-flex!important;width:fit-content!important;padding:3px 9px!important;border-radius:999px!important;background:#fff4e8!important;color:#c7671e!important;font-size:11px!important;font-weight:900!important;margin-bottom:4px!important} .pbsm-v30 .pbsm-cv-name{font-size:20px!important;line-height:1.35!important;margin:0!important;color:#18233f!important;font-weight:900!important} .pbsm-v30 .pbsm-cv-reason{margin:0!important;padding:12px 13px!important;border-radius:15px!important;background:#f8fafc!important;border-left:4px solid var(--svc-color)!important;color:#24304f!important;font-size:13.5px!important;line-height:1.7!important;font-weight:850!important} .pbsm-v30 .pbsm-cv-action{margin-top:auto!important} .pbsm-v30 .pbsm-cv-action .pbsm-link:not(.pbsm-link-light){min-height:56px!important;border-radius:16px!important;font-size:15px!important;font-weight:900!important;box-shadow:0 12px 24px rgba(36,48,79,.12)!important} .pbsm-v30 .pbsm-cv-more{border:1px solid rgba(36,48,79,.08)!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important} .pbsm-v30 .pbsm-cv-more summary{cursor:pointer!important;padding:9px 12px!important;font-size:12.5px!important;font-weight:850!important;color:#667085!important;list-style:none!important} .pbsm-v30 .pbsm-cv-more summary::-webkit-details-marker{display:none!important} .pbsm-v30 .pbsm-cv-more summary:after{content:'＋';float:right;color:#18784d;font-weight:900} .pbsm-v30 .pbsm-cv-more[open] summary:after{content:'－'} .pbsm-v30 .pbsm-cv-more-body{padding:0 12px 12px!important} .pbsm-v30 .pbsm-cv-more-body p{font-size:12.5px!important;line-height:1.65!important;margin:0 0 8px!important;color:#526371!important} .pbsm-v30 .pbsm-score-brief{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important} /* 発行HTMLタグそのままモード：1階ではCTAに見せる。タグ内hrefとimgは触らない */ .pbsm-v30 .pbsm-cv-service .pbsm-aff-raw{min-height:56px!important;border-radius:16px!important;background:var(--svc-color)!important;position:relative!important;overflow:hidden!important;box-shadow:0 12px 24px rgba(36,48,79,.12)!important} .pbsm-v30 .pbsm-cv-service .pbsm-aff-raw .pbsm-aff-caption{display:flex!important;align-items:center!important;justify-content:center!important;min-height:56px!important;color:#fff!important;background:transparent!important;font-size:15px!important;font-weight:900!important;pointer-events:none!important} .pbsm-v30 .pbsm-cv-service .pbsm-aff-raw>a{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;font-size:0!important;color:transparent!important;z-index:2!important} .pbsm-v30 .pbsm-cv-service .pbsm-aff-raw img[width="1"],.pbsm-v30 .pbsm-cv-service .pbsm-aff-raw img[height="1"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important} /* 迷ったらこの2社：1階では表示。短く */ .pbsm-v30 .pbsm-default-two{display:block!important;margin-top:44px!important} .pbsm-v30 .pbsm-default-two-box{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)!important;gap:18px!important;align-items:center!important;padding:26px!important;border-radius:28px!important;background:linear-gradient(135deg,#fff 0%,#f6fcf9 100%)!important;border:1px solid rgba(34,168,107,.20)!important;box-shadow:0 10px 28px rgba(36,48,79,.055)!important} .pbsm-v30 .pbsm-default-two-copy .pbsm-h2{font-size:clamp(21px,2.4vw,30px)!important;margin-bottom:8px!important} .pbsm-v30 .pbsm-default-two-copy .pbsm-ul{display:none!important} .pbsm-v30 .pbsm-default-two-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important} .pbsm-v30 .pbsm-default-two-card{padding:16px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 8px 20px rgba(36,48,79,.045)!important} .pbsm-v30 .pbsm-default-two-card .pbsm-logo-wrap{height:48px!important;margin:0 0 8px!important} .pbsm-v30 .pbsm-default-two-card h3{font-size:18px!important;margin:0 0 6px!important} .pbsm-v30 .pbsm-default-two-card p{font-size:12.5px!important;line-height:1.6!important;color:#667085!important;margin:0 0 10px!important} .pbsm-v30 .pbsm-default-two-card .pbsm-score-strip{display:none!important} /* 人気3社ミニ比較：1階は納得材料に圧縮 */ .pbsm-v30 .pbsm-popular3-sec{margin-top:44px!important} .pbsm-v30 .pbsm-popular3-sec .pbsm-head .pbsm-text{display:none!important} .pbsm-v30 .pbsm-popular-table-wrap{border-radius:18px!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important} .pbsm-v30 .pbsm-popular-table th,.pbsm-v30 .pbsm-popular-table td{padding:10px 8px!important;font-size:12px!important} .pbsm-v30 .pbsm-popular-table tbody tr:nth-child(n+8){display:none!important} .pbsm-v30 .pbsm-popular-actions{margin-top:10px!important} /* 不安解消：1階に必要分だけ */ .pbsm-v30 .pbsm-v30-assurance .pbsm-head{text-align:center!important;margin-bottom:18px!important} .pbsm-v30 .pbsm-assurance-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important} .pbsm-v30 .pbsm-assurance-item{min-height:44px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;font-size:12.5px!important;font-weight:850!important;box-shadow:0 6px 16px rgba(36,48,79,.035)!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important} .pbsm-v30 .pbsm-assurance-item span{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-weight:900!important} /* 2階詳細 */ .pbsm-v30 .pbsm-detail-zone-details{border-radius:26px!important;border:1px solid rgba(36,48,79,.12)!important;background:#fff!important;box-shadow:0 10px 28px rgba(36,48,79,.05)!important;overflow:hidden!important} .pbsm-v30 .pbsm-detail-zone-details>summary{cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:20px 24px!important;background:#f8fafc!important;color:#18233f!important;font-weight:900!important;list-style:none!important} .pbsm-v30 .pbsm-detail-zone-details>summary::-webkit-details-marker{display:none!important} .pbsm-v30 .pbsm-detail-zone-details>summary span{font-size:18px!important} .pbsm-v30 .pbsm-detail-zone-details>summary small{font-size:12.5px!important;color:#667085!important;font-weight:700!important} .pbsm-v30 .pbsm-detail-zone-details>summary:after{content:'＋';font-size:22px;color:#18784d;font-weight:900} .pbsm-v30 .pbsm-detail-zone-details[open]>summary:after{content:'－'} .pbsm-v30 .pbsm-detail-zone-body{padding:0 22px 24px!important} .pbsm-v30 .pbsm-detail-zone-body .pbsm-sec{margin:42px auto!important} @media(max-width:960px){ .pbsm-v30-hero{grid-template-columns:1fr!important} .pbsm-v30 .pbsm-cv-purpose-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important} .pbsm-v30 .pbsm-cv-services{grid-template-columns:1fr!important} .pbsm-v30 .pbsm-default-two-box{grid-template-columns:1fr!important} } @media(max-width:640px){ .pbsm-v30{padding:0 12px!important} .pbsm-v30 .pbsm-sec{margin:38px auto!important} .pbsm-v30-hero{padding:24px 18px!important;border-radius:24px!important;gap:18px!important} .pbsm-v30-hero .pbsm-title{font-size:27px!important;line-height:1.38!important} .pbsm-v30-hero .pbsm-lead{font-size:13.5px!important;line-height:1.75!important} .pbsm-v30-hero-visual{border-radius:18px!important} .pbsm-v30 .pbsm-cv-purpose-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important} .pbsm-v30 .pbsm-cv-purpose{min-height:54px!important;padding:10px!important;border-radius:15px!important} .pbsm-v30 .pbsm-cv-purpose span{width:30px!important;height:30px!important;font-size:12px!important} .pbsm-v30 .pbsm-cv-purpose strong{font-size:12.5px!important} .pbsm-v30 .pbsm-cv-result-head{padding:16px!important;border-radius:20px!important} .pbsm-v30 .pbsm-cv-result-head h3{font-size:20px!important} .pbsm-v30 .pbsm-cv-service{padding:15px!important;border-radius:20px!important} .pbsm-v30 .pbsm-cv-main{grid-template-columns:72px 1fr!important} .pbsm-v30 .pbsm-cv-logo{width:72px!important;height:50px!important} .pbsm-v30 .pbsm-cv-logo img{max-width:58px!important;max-height:31px!important} .pbsm-v30 .pbsm-cv-name{font-size:18px!important} .pbsm-v30 .pbsm-default-two-box{padding:18px!important;border-radius:22px!important} .pbsm-v30 .pbsm-default-two-cards{grid-template-columns:1fr!important} .pbsm-v30 .pbsm-popular-table-wrap{overflow-x:auto!important} .pbsm-v30 .pbsm-popular-table{min-width:520px!important} .pbsm-v30 .pbsm-assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-v30 .pbsm-detail-zone-details>summary{padding:16px!important;display:block!important} .pbsm-v30 .pbsm-detail-zone-details>summary small{display:block!important;margin-top:5px!important} .pbsm-v30 .pbsm-detail-zone-body{padding:0 14px 18px!important} } /* v3.1: comparison category UI refinement */ .pbsm-v30 .pbsm-cv-purpose-nav{ grid-template-columns:repeat(3,minmax(0,1fr))!important; max-width:980px!important; margin-left:auto!important; margin-right:auto!important; } .pbsm-v30 .pbsm-cv-purpose{ min-height:64px!important; } .pbsm-v30 .pbsm-cv-purpose strong{ font-size:14px!important; } @media(max-width:640px){ .pbsm-v30 .pbsm-cv-purpose-nav{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; } .pbsm-v30 .pbsm-cv-purpose{ min-height:54px!important; } } /* ========================================================= v3.2: 共通入力メモ・前回回答反映UI ========================================================= */ .pbsm-shared-panel{display:none!important;margin-top:32px!important;margin-bottom:34px!important}.pbsm-shared-panel.is-visible{display:block!important}.pbsm-shared-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;padding:24px!important;border-radius:28px!important;background:linear-gradient(135deg,#eefaf4 0%,#fff 70%)!important;border:1px solid rgba(34,168,107,.22)!important;box-shadow:0 12px 30px rgba(36,48,79,.07)!important}.pbsm-shared-box .pbsm-h2{margin:6px 0 6px!important;text-align:left!important;font-size:24px!important}.pbsm-shared-box .pbsm-text{text-align:left!important;margin-left:0!important}.pbsm-shared-chips{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}.pbsm-shared-chips span{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:5px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(34,168,107,.22)!important;color:#18784d!important;font-size:12px!important;font-weight:900!important}.pbsm-reset-btn{min-height:42px!important;padding:10px 16px!important;border-radius:999px!important;border:1px solid rgba(36,48,79,.14)!important;background:#fff!important;color:#24304f!important;font-weight:900!important;cursor:pointer!important}.pbsm-reset-btn:hover{background:#f8fafc!important}.pbsm-shared-reco{display:none!important;margin-top:14px!important}.pbsm-shared-reco.is-active{display:block!important}.pbsm-shared-reco-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important}.pbsm-shared-reco-head strong{color:#24304f!important;font-size:17px!important}.pbsm-shared-reco-head span{color:#667085!important;font-size:13px!important;font-weight:800!important}.pbsm-shared-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.pbsm-shared-card{padding:18px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 8px 22px rgba(36,48,79,.05)!important}.pbsm-shared-card-head{display:grid!important;grid-template-columns:76px 1fr!important;gap:12px!important;align-items:center!important}.pbsm-shared-logo{height:56px!important;border-radius:14px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.pbsm-shared-logo img{max-width:92%!important;max-height:48px!important;object-fit:contain!important}.pbsm-shared-logo strong{font-size:12px!important;color:#24304f!important;text-align:center!important}.pbsm-shared-ribbon{display:inline-flex!important;margin-bottom:4px!important;padding:3px 8px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:11px!important;font-weight:900!important}.pbsm-shared-card h3{margin:0!important;color:#24304f!important;font-size:18px!important;line-height:1.35!important}.pbsm-shared-reason{margin:12px 0 14px!important;color:#24304f!important;font-size:13.5px!important;line-height:1.7!important;font-weight:750!important}.pbsm-profile-box{padding:24px!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 12px 30px rgba(36,48,79,.06)!important}.pbsm-profile-head .pbsm-h2{text-align:left!important}.pbsm-profile-head .pbsm-text{text-align:left!important;margin-left:0!important}.pbsm-profile-groups{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:18px!important}.pbsm-profile-group{padding:16px!important;border-radius:20px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.07)!important}.pbsm-profile-group-title{margin:0 0 10px!important;color:#24304f!important;font-weight:900!important}.pbsm-profile-options{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.pbsm-profile-options button{min-height:38px!important;padding:8px 12px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(36,48,79,.12)!important;color:#24304f!important;font-size:13px!important;font-weight:900!important;cursor:pointer!important}.pbsm-profile-options button.is-active{background:#22a86b!important;border-color:#22a86b!important;color:#fff!important}.pbsm-profile-actions{margin-top:16px!important;text-align:right!important} @media(max-width:760px){.pbsm-shared-box{grid-template-columns:1fr!important;padding:18px!important}.pbsm-shared-card-grid,.pbsm-profile-groups{grid-template-columns:1fr!important}.pbsm-shared-reco-head{display:block!important}.pbsm-shared-card-head{grid-template-columns:64px 1fr!important}.pbsm-shared-logo{height:50px!important}.pbsm-profile-actions{text-align:left!important}.pbsm-reset-btn{width:100%!important}} /* ========================================================= v3.3: お悩み処方せんテイスト / ナッジ型CV専用エリア ========================================================= */ .pbsm-v33{--v33-bg:#f6fffa;--v33-line:#bcebd4;--v33-deep:#12324a;--v33-green:#14b873;--v33-soft:#eafff4;max-width:1100px!important} .pbsm-v33 .pbsm-sec{margin:52px auto!important} .pbsm-v33-fv{margin-top:0!important} .pbsm-v33-fv-card{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr)!important;gap:34px!important;align-items:center!important;padding:clamp(26px,5vw,54px)!important;border-radius:30px!important;background:radial-gradient(circle at 82% 10%,rgba(20,184,115,.18),transparent 34%),linear-gradient(135deg,#fff 0%,#f3fff8 100%)!important;border:1px solid var(--v33-line)!important;box-shadow:0 18px 48px rgba(18,50,74,.08)!important;overflow:hidden!important} .pbsm-v33 .pbsm-title{font-size:clamp(31px,5vw,52px)!important;line-height:1.22!important;color:var(--v33-deep)!important;letter-spacing:.01em!important;margin:12px 0 16px!important} .pbsm-v33 .pbsm-lead{margin:0!important;max-width:680px!important;color:#4b6170!important;font-size:15px!important;line-height:1.95!important}.pbsm-v33-fv-cta{margin-top:28px!important}.pbsm-v33-fv .pbsm-main:before{content:"まず見るのはここ"!important} .pbsm-v33-fv-proof{display:grid!important;gap:14px!important;padding:18px!important;border-radius:24px!important;background:rgba(255,255,255,.90)!important;border:1px solid rgba(18,50,74,.08)!important;box-shadow:0 14px 34px rgba(18,50,74,.08)!important}.pbsm-v33-fv-proof div{display:grid!important;grid-template-columns:82px 1fr!important;gap:12px!important;align-items:center!important;padding:13px 14px!important;border-radius:18px!important;background:#fff!important;border:1px solid #e9eef2!important}.pbsm-v33-fv-proof strong{display:flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:14px!important;background:var(--v33-soft)!important;color:#087a4f!important;font-size:24px!important;line-height:1!important;font-weight:900!important}.pbsm-v33-fv-proof span{color:#4b6170!important;font-size:13px!important;font-weight:800!important;line-height:1.6!important} .pbsm-v33-reco{margin-top:42px!important}.pbsm-v33-reco-panel,.pbsm-v33-final-panel{display:none!important}.pbsm-v33-reco-panel.is-active,.pbsm-v33-final-panel.is-active{display:block!important}.pbsm-v33-reco-panel{padding:clamp(22px,4vw,34px)!important;border-radius:28px!important;background:linear-gradient(180deg,#fff 0%,#f7fffb 100%)!important;border:1px solid var(--v33-line)!important;box-shadow:0 14px 40px rgba(18,50,74,.07)!important}.pbsm-v33-reco-copy{text-align:center!important;max-width:860px!important;margin:0 auto 24px!important}.pbsm-v33-reco-copy .pbsm-h2{font-size:clamp(25px,3.6vw,40px)!important;line-height:1.42!important}.pbsm-v33-reco-copy .pbsm-h2 strong{display:inline-block!important;margin:0 4px!important;color:#07975e!important;background:linear-gradient(transparent 65%,rgba(20,184,115,.20) 0)!important}.pbsm-v33-reco-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:24px!important}.pbsm-v33-reco-card{display:flex!important;flex-direction:column!important;justify-content:space-between!important;min-height:100%!important;padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e4edf0!important;box-shadow:0 10px 28px rgba(18,50,74,.06)!important;border-top:5px solid var(--svc-color)!important}.pbsm-v33-reco-card-main{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:16px!important;align-items:flex-start!important}.pbsm-v33-reco-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:10px!important;border-radius:18px!important;background:#f8fafc!important;border:1px solid #edf1f5!important}.pbsm-v33-reco-logo .pbsm-service-logo{max-width:96px!important;max-height:42px!important;object-fit:contain!important}.pbsm-v33-reco-badge{display:inline-flex!important;padding:3px 10px!important;border-radius:999px!important;background:var(--v33-soft)!important;color:#087a4f!important;font-size:12px!important;font-weight:900!important;line-height:1.4!important}.pbsm-v33-reco-card h3{margin:8px 0 8px!important;color:var(--v33-deep)!important;font-size:22px!important;line-height:1.45!important;font-weight:900!important}.pbsm-v33-reco-card p{margin:0!important;color:#435765!important;font-size:14px!important;line-height:1.85!important;font-weight:700!important}.pbsm-v33-reco-action{margin-top:18px!important}.pbsm-v33-reco-action .pbsm-aff-caption{display:none!important}.pbsm-v33-reco-action .pbsm-link,.pbsm-v33-reco-action .pbsm-aff-raw>a{min-height:52px!important;border-radius:16px!important;font-size:15px!important;justify-content:center!important;box-shadow:0 10px 22px rgba(18,50,74,.10)!important}.pbsm-v33-microcopy{margin:18px auto 0!important;text-align:center!important;color:#667085!important;font-size:13px!important;line-height:1.8!important;max-width:760px!important} .pbsm-v33-benefits{padding:clamp(22px,4vw,32px)!important;border-radius:28px!important;background:#fff!important;border:1px solid #e5f2eb!important;box-shadow:0 12px 34px rgba(18,50,74,.05)!important}.pbsm-v33-benefit-head{text-align:center!important;margin-bottom:22px!important}.pbsm-v33-benefit-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.pbsm-v33-benefit-grid article{padding:18px!important;border-radius:20px!important;background:linear-gradient(180deg,#fafffd 0%,#f4fff8 100%)!important;border:1px solid #d8f2e5!important}.pbsm-v33-benefit-grid span{display:inline-flex!important;margin-bottom:8px!important;padding:3px 10px!important;border-radius:999px!important;background:#eafff4!important;color:#087a4f!important;font-size:12px!important;font-weight:900!important}.pbsm-v33-benefit-grid h3{margin:0 0 8px!important;color:var(--v33-deep)!important;font-size:16px!important;line-height:1.55!important;font-weight:900!important}.pbsm-v33-benefit-grid p{margin:0!important;color:#516877!important;font-size:13.5px!important;line-height:1.8!important} .pbsm-v33-assurance{padding:clamp(20px,4vw,30px)!important;border-radius:28px!important;background:#fbfffd!important;border:1px solid #d8f2e5!important}.pbsm-v33 .pbsm-assurance-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.pbsm-v33 .pbsm-assurance-item{min-height:48px!important;background:#fff!important;border:1px solid #e8eef0!important;border-radius:14px!important;box-shadow:none!important;font-size:13px!important;color:#18374a!important}.pbsm-v33 .pbsm-assurance-item span{background:#fff4e8!important;color:#c7671e!important} .pbsm-v33-final-pair{margin-top:34px!important}.pbsm-v33-final-panel{padding:clamp(24px,4vw,38px)!important;border-radius:30px!important;background:radial-gradient(circle at 18% 15%,rgba(242,153,74,.12),transparent 28%),linear-gradient(135deg,#fff 0%,#f4fff9 100%)!important;border:1px solid var(--v33-line)!important;text-align:center!important;box-shadow:0 14px 40px rgba(18,50,74,.06)!important}.pbsm-v33-final-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:720px!important;margin:24px auto 0!important}.pbsm-v33-final-actions .pbsm-aff-caption{display:none!important}.pbsm-v33-final-actions .pbsm-link,.pbsm-v33-final-actions .pbsm-aff-raw>a{min-height:52px!important;border-radius:16px!important;justify-content:center!important;font-size:15px!important} .pbsm-v33-condition{margin-top:44px!important;padding:24px!important;border-radius:26px!important;background:#fff!important;border:1px solid #e4edf0!important}.pbsm-v33-condition-head{text-align:center!important;margin-bottom:20px!important}.pbsm-v33-condition-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.pbsm-v33-condition-btn{min-height:58px!important;padding:10px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid #dce8ec!important;box-shadow:none!important;color:var(--v33-deep)!important;display:flex!important;align-items:center!important;gap:10px!important;justify-content:flex-start!important}.pbsm-v33-condition-btn span{width:34px!important;height:34px!important;border-radius:12px!important;background:var(--v33-soft)!important;color:#087a4f!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.pbsm-v33-condition-btn strong{font-size:14px!important}.pbsm-v33-condition-btn.is-active{border-color:#18b978!important;background:#f3fff8!important;box-shadow:0 8px 18px rgba(20,184,115,.08)!important}.pbsm-v33-reset-row{text-align:center!important;margin-top:16px!important}.pbsm-v33 .pbsm-reset-btn{border-radius:999px!important;border:1px solid #d9e5e9!important;background:#fff!important;color:#435765!important;padding:9px 14px!important;font-size:13px!important;font-weight:800!important;cursor:pointer!important} .pbsm-v33 .pbsm-shared-panel{margin-top:0!important}.pbsm-v33 .pbsm-detail-zone{margin-top:56px!important}.pbsm-v33 .pbsm-detail-zone-details>summary{border-radius:22px!important;background:#fff!important;border:1px solid #dce8ec!important}.pbsm-v33 .pbsm-sticky-inner{box-shadow:0 -8px 24px rgba(18,50,74,.10)!important}.pbsm-v33 .pbsm-sticky-diagnosis,.pbsm-v33 .pbsm-sticky-compare{font-weight:900!important} @media (max-width: 820px){ .pbsm-v33{padding:0 12px!important}.pbsm-v33 .pbsm-sec{margin:36px auto!important}.pbsm-v33-fv-card{grid-template-columns:1fr!important;padding:24px 18px!important;border-radius:24px!important;gap:20px!important}.pbsm-v33 .pbsm-title{font-size:32px!important}.pbsm-v33-fv-proof{grid-template-columns:1fr!important;gap:8px!important;padding:12px!important}.pbsm-v33-fv-proof div{grid-template-columns:68px 1fr!important;padding:10px!important}.pbsm-v33-fv-proof strong{font-size:20px!important;min-height:38px!important}.pbsm-v33-reco-panel{padding:20px 14px!important;border-radius:24px!important}.pbsm-v33-reco-copy .pbsm-h2{font-size:24px!important}.pbsm-v33-reco-grid{grid-template-columns:1fr!important;gap:12px!important}.pbsm-v33-reco-card{padding:16px!important;border-radius:20px!important}.pbsm-v33-reco-card-main{grid-template-columns:82px 1fr!important;gap:12px!important}.pbsm-v33-reco-logo{min-height:64px!important}.pbsm-v33-reco-logo .pbsm-service-logo{max-width:76px!important}.pbsm-v33-reco-card h3{font-size:19px!important}.pbsm-v33-benefit-grid{grid-template-columns:1fr!important}.pbsm-v33 .pbsm-assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-v33-final-actions{grid-template-columns:1fr!important}.pbsm-v33-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.pbsm-v33-condition-btn{min-height:54px!important;padding:9px!important}.pbsm-v33-condition-btn span{width:30px!important;height:30px!important}.pbsm-v33-condition-btn strong{font-size:13px!important} } @media (max-width: 420px){.pbsm-v33 .pbsm-title{font-size:28px!important}.pbsm-v33-condition-grid{grid-template-columns:1fr!important}.pbsm-v33 .pbsm-assurance-grid{grid-template-columns:1fr!important}} /* v3.3 final overrides */ .pbsm-v33 .pbsm-main:before{display:none!important;content:none!important}.pbsm-v33-fv .pbsm-main:before{display:block!important;content:"まず見るのはここ"!important;position:absolute!important;left:18px!important;top:-26px!important;padding:3px 10px!important;border-radius:999px!important;background:var(--os)!important;color:#c7671e!important;font-size:11px!important;font-weight:800!important;line-height:1.4!important;white-space:nowrap!important}.pbsm-v33-reco-action .pbsm-aff-caption,.pbsm-v33-final-actions .pbsm-aff-caption{display:block!important;text-align:center!important;margin:0 0 6px!important;color:var(--v33-deep)!important;font-size:12px!important;font-weight:900!important}.pbsm-v33-reco-action .pbsm-aff-raw>a,.pbsm-v33-final-actions .pbsm-aff-raw>a{margin-top:0!important} /* ========================================================= v3.4: お悩み処方せん寄せ・2階建て比較ページ 上部は「決める」、下部は「詳しく読む」 ========================================================= */ .pbsm-v34{--pbsm-green:#16b978;--pbsm-deep:#0f2b3a;--pbsm-soft:#f1fbf6;--pbsm-border:rgba(22,185,120,.22);--pbsm-line:#dce8e3;color:var(--pbsm-deep)!important} .pbsm-v34 .pbsm-sec{max-width:1120px!important;margin:32px auto!important;padding-left:18px!important;padding-right:18px!important} .pbsm-v34 .pbsm-title,.pbsm-v34 .pbsm-h2{letter-spacing:.01em!important;color:var(--pbsm-deep)!important} .pbsm-v34 .pbsm-title{font-size:clamp(28px,4vw,44px)!important;line-height:1.35!important;margin:0!important;text-align:center!important} .pbsm-v34 .pbsm-h2{font-size:clamp(22px,3vw,34px)!important;line-height:1.45!important;margin:6px 0 10px!important;text-align:center!important} .pbsm-v34 .pbsm-lead,.pbsm-v34 .pbsm-text{color:#52656f!important;line-height:1.9!important;font-size:15px!important;text-align:center!important} .pbsm-v34 .pbsm-eyebrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:fit-content!important;margin:0 auto 8px!important;padding:5px 14px!important;border-radius:999px!important;background:#e9fbf3!important;color:#07945e!important;font-weight:900!important;font-size:12px!important} .pbsm-v34-prescription-card,.pbsm-v34-filter-card,.pbsm-v34-combo-result,.pbsm-v34-benefits,.pbsm-v34-anxiety,.pbsm-v34 .pbsm-v33-final-pair{border:1px solid var(--pbsm-border)!important;background:linear-gradient(135deg,#ffffff 0%,#f3fbf7 100%)!important;border-radius:30px!important;box-shadow:0 14px 36px rgba(15,43,58,.06)!important;padding:clamp(22px,4vw,40px)!important} .pbsm-v34-recommend{margin-top:18px!important} .pbsm-v34-recommend-head{max-width:800px!important;margin:0 auto 22px!important;text-align:center!important} .pbsm-v34-recommend-head strong,.pbsm-v34-combo-head strong{color:#07945e!important;text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.18em} .pbsm-v34-candidate-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;margin-top:20px!important}.pbsm-v34-candidate{display:flex!important;flex-direction:column!important;gap:14px!important;padding:18px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(15,43,58,.10)!important;box-shadow:0 10px 24px rgba(15,43,58,.055)!important;min-height:100%!important}.pbsm-v34-candidate.is-primary{border-color:var(--svc-color)!important}.pbsm-v34-candidate-main{display:grid!important;grid-template-columns:96px 1fr!important;gap:14px!important;align-items:center!important}.pbsm-v34-logo{height:64px!important;border-radius:15px!important;border:1px solid rgba(15,43,58,.10)!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:8px!important;overflow:hidden!important}.pbsm-v34-logo img{max-width:82px!important;max-height:46px!important;width:auto!important;height:auto!important;object-fit:contain!important}.pbsm-v34-logo strong{font-size:14px!important;line-height:1.25!important;color:#0f2b3a!important;text-align:center!important}.pbsm-v34-candidate-copy span{display:inline-flex!important;margin-bottom:5px!important;padding:3px 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--svc-color) 13%,#fff)!important;color:var(--svc-color)!important;font-size:11px!important;font-weight:900!important}.pbsm-v34-candidate-copy h3{margin:0 0 5px!important;font-size:20px!important;line-height:1.35!important;color:#0f2b3a!important}.pbsm-v34-candidate-copy p{margin:0!important;color:#415760!important;font-weight:800!important;line-height:1.7!important;font-size:13.5px!important}.pbsm-v34-candidate-action .pbsm-link{min-height:52px!important;border-radius:16px!important;font-size:14px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(15,43,58,.12)!important}.pbsm-v34-candidate-more{border:1px solid #e4eee9!important;border-radius:15px!important;background:#fbfdfc!important;overflow:hidden!important}.pbsm-v34-candidate-more summary{cursor:pointer!important;padding:11px 14px!important;font-weight:900!important;color:#0f2b3a!important;list-style:none!important}.pbsm-v34-candidate-more summary::-webkit-details-marker{display:none!important}.pbsm-v34-candidate-more summary:after{content:"＋"!important;float:right!important;color:#07945e!important}.pbsm-v34-candidate-more[open] summary:after{content:"－"!important}.pbsm-v34-candidate-more div{padding:0 14px 12px!important}.pbsm-v34-candidate-more p{margin:8px 0 0!important;font-size:13px!important;line-height:1.75!important;color:#52656f!important}.pbsm-v34-small-note{margin:16px 0 0!important;text-align:center!important;color:#6b7d86!important;font-size:12.5px!important;line-height:1.7!important} .pbsm-v34-mini-head{max-width:760px!important;margin:0 auto 18px!important;text-align:center!important}.pbsm-v34-benefit-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.pbsm-v34-benefit-grid article{background:#fff!important;border:1px solid var(--pbsm-border)!important;border-radius:20px!important;padding:18px!important}.pbsm-v34-benefit-grid h3{margin:0 0 8px!important;font-size:17px!important;line-height:1.45!important;color:#0f2b3a!important}.pbsm-v34-benefit-grid p{margin:0!important;font-size:13.5px!important;line-height:1.8!important;color:#52656f!important}.pbsm-v34-anxiety-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.pbsm-v34-anxiety-btn{display:flex!important;align-items:center!important;gap:9px!important;padding:13px 14px!important;min-height:52px!important;border-radius:16px!important;border:1px solid #e1ebe7!important;background:#fff!important;color:#0f2b3a!important;font-weight:900!important;font-size:13px!important;text-align:left!important;cursor:pointer!important}.pbsm-v34-anxiety-btn span{width:24px!important;height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#fff6ec!important;color:#cf6e1c!important;flex:0 0 auto!important}.pbsm-v34-anxiety-btn:hover,.pbsm-v34-filter-group button:hover{border-color:var(--pbsm-green)!important;box-shadow:0 8px 20px rgba(22,185,120,.10)!important;transform:translateY(-1px)!important} .pbsm-v34 .pbsm-v33-final-pair{padding:clamp(22px,4vw,34px)!important}.pbsm-v34 .pbsm-v33-final-panel{display:none!important;text-align:center!important}.pbsm-v34 .pbsm-v33-final-panel.is-active{display:block!important}.pbsm-v34 .pbsm-v33-final-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;max-width:760px!important;margin:20px auto 0!important}.pbsm-v34 .pbsm-v33-final-actions .pbsm-link{min-height:50px!important;border-radius:16px!important;font-size:14px!important} .pbsm-v34-filter-sec{display:grid!important;gap:18px!important}.pbsm-v34-filter-card{background:#fff!important}.pbsm-v34-filter-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:22px!important}.pbsm-v34-filter-group{padding:16px!important;background:#f8fcfa!important;border:1px solid #e0eee8!important;border-radius:22px!important}.pbsm-v34-filter-group h3{margin:0 0 12px!important;font-size:15px!important;color:#0f2b3a!important}.pbsm-v34-filter-group div{display:flex!important;flex-wrap:wrap!important;gap:9px!important}.pbsm-v34-filter-group button{cursor:pointer!important;border:1px solid #dbe9e3!important;background:#fff!important;color:#0f2b3a!important;border-radius:999px!important;min-height:42px!important;padding:9px 14px!important;font-weight:900!important;font-size:13.5px!important}.pbsm-v34-filter-group button.is-selected{background:#e8fbf3!important;border-color:var(--pbsm-green)!important;color:#068b59!important;box-shadow:0 8px 18px rgba(22,185,120,.13)!important}.pbsm-v34-filter-group button.is-selected:before{content:"✓"!important;margin-right:5px!important}.pbsm-v34-filter-actions{text-align:center!important;margin-top:16px!important}.pbsm-v34-combo-result{padding:clamp(20px,3vw,32px)!important}.pbsm-v34-combo-head{text-align:center!important;max-width:820px!important;margin:0 auto 18px!important}.pbsm-v34-detail-table{margin-top:18px!important;border:1px solid #dfece7!important;border-radius:18px!important;background:#fff!important;overflow:hidden!important}.pbsm-v34-detail-table>summary{cursor:pointer!important;padding:16px 18px!important;font-weight:900!important;color:#0f2b3a!important;list-style:none!important}.pbsm-v34-detail-table>summary::-webkit-details-marker{display:none!important}.pbsm-v34-detail-table>summary:after{content:"＋"!important;float:right!important;color:#07945e!important}.pbsm-v34-detail-table[open]>summary:after{content:"－"!important}.pbsm-v34-detail-table .pbsm-data-table-wrap{margin:0!important;border:0!important;border-top:1px solid #e5eee9!important;border-radius:0!important}.pbsm-v34-seo-zone .pbsm-detail-zone-details>summary{border-radius:22px!important;background:#fff!important}.pbsm-v34 .pbsm-sticky-inner{max-width:560px!important} .pbsm-v34 .pbsm-aff-raw{position:relative!important;border-radius:16px!important;overflow:hidden!important;background:var(--svc-color)!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;color:#fff!important;font-weight:900!important}.pbsm-v34 .pbsm-aff-raw .pbsm-aff-caption{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;background:var(--svc-color)!important;pointer-events:none!important;z-index:1!important}.pbsm-v34 .pbsm-aff-raw a{position:absolute!important;inset:0!important;opacity:0!important;z-index:2!important}.pbsm-v34 .pbsm-aff-raw img{position:absolute!important;width:1px!important;height:1px!important;opacity:.01!important;pointer-events:none!important} @media(max-width:860px){.pbsm-v34-candidate-grid,.pbsm-v34 .pbsm-v33-final-actions,.pbsm-v34-benefit-grid{grid-template-columns:1fr!important}.pbsm-v34-filter-groups{grid-template-columns:1fr!important}.pbsm-v34-anxiety-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-v34 .pbsm-title{text-align:left!important;font-size:clamp(25px,7vw,34px)!important}.pbsm-v34 .pbsm-h2{text-align:left!important}.pbsm-v34 .pbsm-lead,.pbsm-v34 .pbsm-text{text-align:left!important}.pbsm-v34 .pbsm-eyebrow{margin-left:0!important;margin-right:auto!important}.pbsm-v34-recommend-head,.pbsm-v34-mini-head,.pbsm-v34-combo-head{text-align:left!important}.pbsm-v34-prescription-card,.pbsm-v34-filter-card,.pbsm-v34-combo-result,.pbsm-v34-benefits,.pbsm-v34-anxiety{border-radius:24px!important;padding:22px!important}.pbsm-v34-candidate-main{grid-template-columns:82px 1fr!important}.pbsm-v34-logo{height:58px!important}.pbsm-v34-logo img{max-width:70px!important}.pbsm-v34-candidate-copy h3{font-size:18px!important}} @media(max-width:540px){.pbsm-v34 .pbsm-sec{margin:24px auto!important;padding-left:12px!important;padding-right:12px!important}.pbsm-v34-candidate{padding:15px!important;border-radius:20px!important}.pbsm-v34-candidate-main{grid-template-columns:1fr!important}.pbsm-v34-logo{width:96px!important}.pbsm-v34-anxiety-grid{grid-template-columns:1fr!important}.pbsm-v34-filter-group div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.pbsm-v34-filter-group button{width:100%!important;justify-content:center!important}.pbsm-v34-candidate-action .pbsm-link,.pbsm-v34 .pbsm-aff-raw{min-height:50px!important}.pbsm-v34 .pbsm-sticky-cta{display:block!important}} /* v3.5: お悩み処方せん寄せ・CV専用エリアの再整理 */ .pbsm-v35-mid-cta, .pbsm-v35-final-cta, .pbsm-v35-faq{ max-width:1120px; margin:30px auto; } .pbsm-v35-mid-box, .pbsm-v35-final-box{ border:1px solid rgba(34,168,107,.28); border-radius:28px; background:linear-gradient(135deg,#ffffff 0%,#f3fff9 100%); padding:32px; box-shadow:0 18px 48px rgba(15,84,55,.08); } .pbsm-v35-final-box{ background:linear-gradient(135deg,#ecfff6 0%,#ffffff 62%,#fffaf1 100%); border-color:rgba(34,168,107,.35); } .pbsm-v35-priority-grid{ display:grid; grid-template-columns:1.35fr .85fr; gap:18px; align-items:stretch; margin-top:18px; } .pbsm-v35-priority-card{ position:relative; border:1px solid rgba(17,41,59,.12); border-radius:22px; background:#fff; padding:22px; box-shadow:0 12px 30px rgba(17,41,59,.07); display:flex; flex-direction:column; gap:12px; } .pbsm-v35-priority-card.is-primary{ border-color:rgba(34,168,107,.45); box-shadow:0 18px 42px rgba(34,168,107,.16); } .pbsm-v35-priority-card.is-secondary{ background:#fbfefd; } .pbsm-v35-priority-head span{ display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; background:rgba(34,168,107,.1); color:#078250; font-size:12px; font-weight:800; margin-bottom:8px; } .pbsm-v35-priority-card.is-secondary .pbsm-v35-priority-head span{ background:rgba(17,41,59,.06); color:#365166; } .pbsm-v35-priority-head h3{ margin:0; font-size:24px; line-height:1.35; color:#10283b; } .pbsm-v35-priority-card p{ margin:0; color:#41596c; line-height:1.85; font-size:14px; } .pbsm-v35-priority-action{margin-top:auto;} .pbsm-v35-priority-card.is-primary .pbsm-aff-caption, .pbsm-v35-priority-card.is-primary .pbsm-link{ min-height:58px; font-size:16px; font-weight:900; } .pbsm-v35-priority-card.is-secondary .pbsm-aff-caption, .pbsm-v35-priority-card.is-secondary .pbsm-link{ background:#fff!important; color:var(--svc-color)!important; border:1px solid currentColor; box-shadow:none; } .pbsm-v35-faq{ border:1px solid rgba(34,168,107,.26); border-radius:28px; background:#f8fffb; padding:32px; } .pbsm-v35-anxiety-grid{margin-top:20px;} .pbsm-v35-faq-list{margin-top:22px;} .pbsm-v35-faq-list details{ background:#fff; border:1px solid rgba(17,41,59,.12); border-radius:16px; margin:10px 0; overflow:hidden; } .pbsm-v35-faq-list summary{ cursor:pointer; padding:16px 18px; font-weight:800; color:#10283b; } .pbsm-v35-faq-list details div{ padding:0 18px 18px; color:#41596c; line-height:1.9; } .pbsm-v34-filter-sec .pbsm-v34-combo-result{ border:1px solid rgba(34,168,107,.26); border-radius:26px; background:#fff; padding:26px; box-shadow:0 14px 38px rgba(17,41,59,.06); } .pbsm-v34-detail-table{ margin-top:20px; border:1px solid rgba(17,41,59,.12); border-radius:18px; background:#fff; overflow:hidden; } .pbsm-v34-detail-table > summary{ cursor:pointer; padding:16px 18px; font-weight:900; color:#078250; background:#f6fffa; } .pbsm-detail-zone-details > summary{ border-radius:18px!important; background:#fff!important; border:1px solid rgba(17,41,59,.12)!important; } @media (max-width: 768px){ .pbsm-v35-mid-box, .pbsm-v35-final-box, .pbsm-v35-faq{padding:22px;border-radius:22px;} .pbsm-v35-priority-grid{grid-template-columns:1fr;gap:14px;} .pbsm-v35-priority-card{padding:18px;border-radius:18px;} .pbsm-v35-priority-head h3{font-size:20px;} .pbsm-v35-priority-card.is-primary{order:1;} .pbsm-v35-priority-card.is-secondary{order:2;} } /* v3.6: 2社は同じ大きさ／チェックして比較するUI */ .pbsm-v35-priority-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .pbsm-v35-priority-card, .pbsm-v35-priority-card.is-primary, .pbsm-v35-priority-card.is-secondary, .pbsm-v35-priority-card.is-equal{ background:#fff!important; border:1px solid rgba(17,41,59,.12)!important; box-shadow:0 12px 30px rgba(17,41,59,.07)!important; order:initial!important; } .pbsm-v35-priority-head span, .pbsm-v35-priority-card.is-secondary .pbsm-v35-priority-head span{ background:rgba(34,168,107,.1)!important; color:#078250!important; } .pbsm-v35-priority-card .pbsm-aff-caption, .pbsm-v35-priority-card .pbsm-link, .pbsm-v35-priority-card.is-primary .pbsm-aff-caption, .pbsm-v35-priority-card.is-primary .pbsm-link, .pbsm-v35-priority-card.is-secondary .pbsm-aff-caption, .pbsm-v35-priority-card.is-secondary .pbsm-link{ min-height:56px!important; font-size:15px!important; font-weight:900!important; color:#fff!important; background:var(--svc-color)!important; border:0!important; box-shadow:0 10px 22px rgba(15,43,58,.12)!important; } .pbsm-v34-filter-group div{gap:10px!important} .pbsm-v36-check, .pbsm-v36-service-check{ display:inline-flex!important; align-items:center!important; gap:8px!important; min-height:44px!important; padding:8px 14px!important; border-radius:999px!important; border:1px solid #dbe9e3!important; background:#fff!important; color:#0f2b3a!important; font-size:13.5px!important; font-weight:900!important; cursor:pointer!important; user-select:none!important; transition:.16s ease!important; } .pbsm-v36-check input, .pbsm-v36-service-check input{ position:absolute!important; opacity:0!important; pointer-events:none!important; } .pbsm-v36-check span:before, .pbsm-v36-service-check span:before{ content:""!important; display:inline-flex!important; width:18px!important; height:18px!important; margin-right:7px!important; vertical-align:-4px!important; border-radius:6px!important; border:2px solid #bddbd0!important; background:#fff!important; box-sizing:border-box!important; } .pbsm-v36-check.is-selected, .pbsm-v36-service-check.is-selected, .pbsm-v36-check:has(input:checked), .pbsm-v36-service-check:has(input:checked){ background:#e8fbf3!important; border-color:var(--pbsm-green)!important; color:#068b59!important; box-shadow:0 8px 18px rgba(22,185,120,.13)!important; } .pbsm-v36-check.is-selected span:before, .pbsm-v36-service-check.is-selected span:before, .pbsm-v36-check:has(input:checked) span:before, .pbsm-v36-service-check:has(input:checked) span:before{ content:"✓"!important; align-items:center!important; justify-content:center!important; background:var(--pbsm-green)!important; border-color:var(--pbsm-green)!important; color:#fff!important; font-size:12px!important; font-weight:900!important; } .pbsm-v34-filter-actions, .pbsm-v36-picker-actions{ display:flex!important; justify-content:center!important; align-items:center!important; gap:12px!important; flex-wrap:wrap!important; margin-top:20px!important; } .pbsm-v36-compare-btn{ min-height:52px!important; padding:0 24px!important; border-radius:999px!important; border:0!important; background:var(--pbsm-green)!important; color:#fff!important; font-weight:900!important; box-shadow:0 12px 28px rgba(22,185,120,.22)!important; cursor:pointer!important; } .pbsm-v34-combo-result[hidden]{display:none!important} .pbsm-v36-service-picker{max-width:1120px!important;margin:30px auto!important;padding-left:18px!important;padding-right:18px!important} .pbsm-v36-picker-card{ border:1px solid rgba(34,168,107,.24)!important; border-radius:28px!important; background:#fff!important; padding:clamp(22px,4vw,36px)!important; box-shadow:0 14px 38px rgba(17,41,59,.05)!important; } .pbsm-v36-service-checks{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; justify-content:center!important; margin:20px auto 0!important; max-width:980px!important; } .pbsm-v36-service-table{margin-top:20px!important} .pbsm-v36-empty{ margin:14px auto 0!important; text-align:center!important; color:#52656f!important; font-weight:800!important; } .pbsm-v35-faq-list{max-width:980px!important} .pbsm-v35-faq-list summary:before{content:"FAQ"!important} .pbsm-v35-faq-list summary:after{content:"＋"!important;float:right!important;color:#07945e!important;font-weight:900!important} .pbsm-v35-faq-list details[open] summary:after{content:"－"!important} .pbsm-v35-anxiety-grid{display:none!important} @media(max-width:768px){ .pbsm-v35-priority-grid{grid-template-columns:1fr!important} .pbsm-v36-service-checks{justify-content:flex-start!important} .pbsm-v34-filter-actions,.pbsm-v36-picker-actions{justify-content:stretch!important} .pbsm-v36-compare-btn,.pbsm-reset-btn{width:100%!important} } @media(max-width:540px){ .pbsm-v34-filter-group div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-v36-check{width:100%!important;justify-content:center!important;padding:8px 10px!important} .pbsm-v36-service-check{width:100%!important} } /* v3.7: おすすめ2社の理由と、条件に応じたベネフィット表示 */ .pbsm-v37-reasons{ margin:18px auto 0!important; max-width:900px!important; padding:18px 20px!important; border:1px solid rgba(21,185,120,.22)!important; border-radius:22px!important; background:linear-gradient(135deg,#f4fffa,#ffffff)!important; text-align:left!important; } .pbsm-v37-reasons-head{ display:grid!important; gap:6px!important; margin-bottom:12px!important; } .pbsm-v37-reasons-head span{ display:inline-flex!important; width:max-content!important; padding:4px 10px!important; border-radius:999px!important; background:#e8fbf3!important; color:#078b5c!important; font-size:12px!important; font-weight:900!important; } .pbsm-v37-reasons-head strong{ display:block!important; color:#0f2b3a!important; font-size:16px!important; line-height:1.55!important; } .pbsm-v37-reasons ul{ margin:0!important; padding:0!important; display:grid!important; gap:8px!important; list-style:none!important; } .pbsm-v37-reasons li{ position:relative!important; padding-left:24px!important; color:#284455!important; font-size:14px!important; line-height:1.75!important; } .pbsm-v37-reasons li:before{ content:"✓"!important; position:absolute!important; left:0!important; top:.15em!important; width:17px!important; height:17px!important; border-radius:999px!important; background:#16b978!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:11px!important; font-weight:900!important; } .pbsm-v34-benefits .pbsm-text{ max-width:780px!important; margin:10px auto 0!important; } .pbsm-v34-benefit-grid article{ transition:background .2s ease,border-color .2s ease,transform .2s ease!important; } .pbsm-v34-benefit-grid article:hover{ transform:translateY(-2px)!important; border-color:rgba(21,185,120,.34)!important; background:#fbfffd!important; } @media(max-width:860px){ .pbsm-v37-reasons{padding:16px!important;border-radius:18px!important;} .pbsm-v37-reasons-head strong{font-size:15px!important;} .pbsm-v37-reasons li{font-size:13.5px!important;} } /* v3.9: brighter future, loss framing, table CTA, manager follow-up CTA */ .pbsm-v34-recommend .pbsm-title{ max-width:960px!important; margin-left:auto!important; margin-right:auto!important; line-height:1.32!important; } .pbsm-v34-recommend .pbsm-title strong{ display:inline!important; white-space:normal!important; } .pbsm-v39-loss{ max-width:1120px!important; margin:28px auto!important; padding:34px 28px!important; border:1px solid rgba(238,134,40,.24)!important; border-radius:28px!important; background:linear-gradient(135deg,#fffaf2,#f7fffb)!important; } .pbsm-v39-loss .pbsm-eyebrow{ background:#fff1df!important; color:#b75c00!important; } .pbsm-v39-loss-grid{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; margin-top:22px!important; } .pbsm-v39-loss-grid article{ background:#fff!important; border:1px solid rgba(238,134,40,.22)!important; border-radius:20px!important; padding:20px!important; box-shadow:0 10px 24px rgba(25,45,60,.04)!important; } .pbsm-v39-loss-grid h3{ margin:0 0 8px!important; font-size:18px!important; color:#102f3f!important; line-height:1.5!important; } .pbsm-v39-loss-grid p{ margin:0!important; color:#465f6f!important; font-size:14px!important; line-height:1.8!important; } .pbsm-table-cta-row th, .pbsm-table-cta-row td{ background:#fbfffd!important; vertical-align:middle!important; } .pbsm-table-cta .pbsm-aff-btn, .pbsm-table-cta .pbsm-aff-html a, .pbsm-table-cta .pbsm-btn{ min-height:40px!important; padding:10px 14px!important; border-radius:999px!important; font-size:13px!important; white-space:normal!important; } .pbsm-v39-manager-cta{ max-width:1120px!important; margin:24px auto!important; padding:0!important; border:0!important; background:transparent!important; } .pbsm-v39-manager-box{ border:1px solid rgba(21,185,120,.24)!important; border-radius:26px!important; background:linear-gradient(135deg,#f4fffa,#ffffff)!important; padding:28px!important; box-shadow:0 14px 34px rgba(25,45,60,.05)!important; text-align:center!important; } .pbsm-v39-manager-box .pbsm-text{ max-width:880px!important; margin:12px auto 20px!important; } @media(max-width:860px){ .pbsm-v39-loss{padding:24px 16px!important;border-radius:22px!important;} .pbsm-v39-loss-grid{grid-template-columns:1fr!important;gap:12px!important;} .pbsm-v34-recommend .pbsm-title{font-size:clamp(28px,8vw,42px)!important;} .pbsm-table-cta .pbsm-aff-btn, .pbsm-table-cta .pbsm-aff-html a, .pbsm-table-cta .pbsm-btn{font-size:12px!important;padding:9px 10px!important;} } /* v4.0: recommendation title, button hierarchy, clearer CV actions */ .pbsm-v34 .pbsm-v40-title{ font-size:clamp(28px,3.6vw,44px)!important; line-height:1.28!important; margin:0 0 10px!important; text-align:center!important; } .pbsm-v40-reco-names{ display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:center!important; gap:.35em .45em!important; margin:4px auto 12px!important; color:#0f2b3a!important; font-size:clamp(30px,4.3vw,54px)!important; font-weight:900!important; line-height:1.18!important; letter-spacing:.01em!important; } .pbsm-v40-reco-names strong{ color:#07945e!important; text-decoration:none!important; border-bottom:4px solid rgba(7,148,94,.22)!important; line-height:1.1!important; } .pbsm-v40-reco-names span{ display:inline-flex!important; color:#0f2b3a!important; } .pbsm-v34-candidate-action{ margin-top:2px!important; } .pbsm-v34-candidate-action .pbsm-link, .pbsm-v35-priority-action .pbsm-link, .pbsm-v34 .pbsm-aff-raw{ min-height:56px!important; border-radius:16px!important; font-size:15px!important; font-weight:900!important; box-shadow:0 14px 30px rgba(15,43,58,.16)!important; transform:translateZ(0)!important; } .pbsm-v34-candidate-action .pbsm-link:hover, .pbsm-v35-priority-action .pbsm-link:hover, .pbsm-v34 .pbsm-aff-raw:hover{ transform:translateY(-2px)!important; box-shadow:0 18px 38px rgba(15,43,58,.20)!important; } .pbsm-v34-candidate-more{ margin-top:2px!important; border:0!important; border-top:1px solid #e6efeb!important; border-radius:0!important; background:transparent!important; } .pbsm-v34-candidate-more summary{ padding:10px 2px 0!important; font-size:13px!important; color:#52656f!important; background:transparent!important; } .pbsm-v34-candidate-more summary:after{ float:none!important; margin-left:8px!important; font-size:13px!important; } .pbsm-v34-candidate-more div{ padding:8px 2px 0!important; } .pbsm-v37-reasons{ background:linear-gradient(135deg,#effcf6 0%,#ffffff 72%)!important; } .pbsm-v37-reasons-head strong{ font-size:17px!important; } .pbsm-v34-benefits{ background:linear-gradient(135deg,#f2fff9 0%,#ffffff 68%,#fffaf0 100%)!important; } .pbsm-v34-benefit-grid article{ box-shadow:0 10px 24px rgba(15,43,58,.05)!important; } .pbsm-v34-benefit-grid h3{ font-size:18px!important; } .pbsm-v34-benefit-grid p{ font-size:14px!important; color:#415760!important; } .pbsm-v35-mid-cta .pbsm-h2, .pbsm-v35-final-cta .pbsm-h2{ text-align:center!important; } .pbsm-v35-priority-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .pbsm-v35-priority-card.is-primary, .pbsm-v35-priority-card{ border-color:rgba(17,41,59,.12)!important; } .pbsm-v36-service-table .pbsm-table-cta .pbsm-aff-raw, .pbsm-v34-detail-table .pbsm-table-cta .pbsm-aff-raw{ min-height:42px!important; border-radius:999px!important; font-size:12.5px!important; } @media(max-width:860px){ .pbsm-v34 .pbsm-v40-title{text-align:left!important;font-size:28px!important;} .pbsm-v40-reco-names{justify-content:flex-start!important;font-size:34px!important;line-height:1.24!important;} .pbsm-v35-priority-grid{grid-template-columns:1fr!important;} } @media(max-width:540px){ .pbsm-v40-reco-names{font-size:30px!important;gap:.25em .35em!important;} .pbsm-v40-reco-names strong{border-bottom-width:3px!important;} .pbsm-v34-candidate-action .pbsm-link, .pbsm-v35-priority-action .pbsm-link, .pbsm-v34 .pbsm-aff-raw{min-height:54px!important;font-size:14px!important;} } /* v4.1 ranking integration */ .pbsm-ranking-page{max-width:1180px;margin:0 auto;padding:0 14px 80px;} .pbsm-ranking-hero{background:linear-gradient(135deg,#f1fff8 0%,#ffffff 62%,#fff8ed 100%);border:1px solid #bfeeda;border-radius:28px;padding:42px 36px;box-shadow:0 18px 46px rgba(5,80,50,.08);text-align:left;} .pbsm-ranking-hero .pbsm-v34-title{max-width:760px;margin-left:0;margin-right:0;} .pbsm-ranking-hero .pbsm-v34-lead{max-width:760px;margin-left:0;margin-right:0;text-align:left;} .pbsm-ranking-profile-note{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 14px;border-radius:999px;background:#fff;color:#04724d;font-weight:800;border:1px solid #d5f2e4;} .pbsm-ranking-panel{display:none;} .pbsm-ranking-panel.is-active{display:block;} .pbsm-ranking-head{text-align:center;max-width:900px;margin:0 auto 22px;} .pbsm-ranking-reason{max-width:900px;margin:0 auto 24px;padding:18px 20px;border-radius:20px;background:#f3fff9;border:1px solid #ccefdc;text-align:left;} .pbsm-ranking-reason strong{display:block;color:#007a4d;font-size:15px;margin-bottom:5px;} .pbsm-ranking-reason p{margin:0;color:#12324a;line-height:1.8;font-weight:700;} .pbsm-ranking-top3{display:grid;grid-template-columns:1fr;gap:16px;max-width:920px;margin:0 auto;} .pbsm-ranking-card{display:flex;gap:16px;align-items:stretch;background:#fff;border:1px solid #dceee6;border-radius:24px;padding:18px;box-shadow:0 12px 30px rgba(0,60,40,.07);} .pbsm-ranking-rank{flex:0 0 74px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;background:linear-gradient(180deg,var(--svc-color,#19aa70),#0c8d5a);color:#fff;font-weight:900;} .pbsm-ranking-rank span{font-size:34px;line-height:1;} .pbsm-ranking-card-main{flex:1;min-width:0;text-align:left;} .pbsm-ranking-logo-name{display:flex;align-items:center;gap:14px;margin-bottom:8px;} .pbsm-ranking-logo-name img{width:112px;max-height:42px;object-fit:contain;border:1px solid #edf3f1;border-radius:12px;background:#fff;padding:6px;} .pbsm-ranking-logo-name h2{font-size:22px;margin:0;color:#082b44;line-height:1.35;} .pbsm-ranking-card-main p{margin:0 0 12px;color:#16384f;font-weight:700;line-height:1.7;} .pbsm-ranking-all-details{max-width:920px;margin:22px auto 0;background:#fff;border:1px solid #dceee6;border-radius:22px;overflow:hidden;} .pbsm-ranking-all-details summary{cursor:pointer;padding:18px 22px;font-weight:900;color:#006a48;list-style:none;display:flex;justify-content:space-between;align-items:center;} .pbsm-ranking-all-details summary::-webkit-details-marker{display:none;} .pbsm-ranking-all-details summary:after{content:'＋';font-size:22px;} .pbsm-ranking-all-details[open] summary:after{content:'−';} .pbsm-ranking-list{display:grid;gap:10px;padding:0 18px 18px;} .pbsm-ranking-row{display:grid;grid-template-columns:64px 150px 1fr minmax(170px,220px);align-items:center;gap:12px;border:1px solid #eef3f1;border-radius:16px;padding:12px;background:#fbfffd;} .pbsm-ranking-row-rank{font-weight:900;color:#007a4d;} .pbsm-ranking-row strong{font-size:16px;color:#082b44;} .pbsm-ranking-row span:not(.pbsm-ranking-row-rank){color:#334f62;font-size:13px;line-height:1.5;} .pbsm-ranking-selector{background:#fff;border:1px solid #dceee6;border-radius:26px;padding:30px 26px;text-align:center;box-shadow:0 12px 30px rgba(0,60,40,.05);} .pbsm-ranking-selector .pbsm-v34-lead{text-align:center;} .pbsm-ranking-segment-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;text-align:left;} .pbsm-ranking-segment-group{background:#f7fffb;border:1px solid #e0f3ea;border-radius:20px;padding:16px;} .pbsm-ranking-segment-group strong{display:block;margin-bottom:10px;color:#082b44;font-size:15px;} .pbsm-ranking-segment-buttons{display:flex;gap:8px;flex-wrap:wrap;} .pbsm-ranking-chip,.pbsm-ranking-reset{appearance:none;border:1px solid #cbeada;background:#fff;border-radius:999px;padding:10px 14px;font-weight:900;color:#006a48;cursor:pointer;} .pbsm-ranking-chip.is-active{background:#14b873;color:#fff;border-color:#14b873;box-shadow:0 8px 18px rgba(20,184,115,.22);} .pbsm-ranking-reset{margin-top:18px;background:#f7f9f8;color:#315065;border-color:#dce6e1;} .pbsm-ranking-bridge{text-align:center;background:#f3fff9;border:1px solid #ccefdc;border-radius:26px;padding:32px 24px;} .pbsm-ranking-bridge .pbsm-v35-cta{max-width:360px;margin:18px auto 0;} @media(max-width:760px){ .pbsm-ranking-page{padding-left:8px;padding-right:8px;} .pbsm-ranking-hero{border-radius:22px;padding:28px 18px;} .pbsm-ranking-hero .pbsm-v34-title{font-size:28px;line-height:1.35;} .pbsm-ranking-card{padding:14px;gap:12px;border-radius:20px;} .pbsm-ranking-rank{flex-basis:54px;border-radius:16px;} .pbsm-ranking-rank span{font-size:27px;} .pbsm-ranking-logo-name{align-items:flex-start;gap:10px;} .pbsm-ranking-logo-name img{width:86px;max-height:34px;} .pbsm-ranking-logo-name h2{font-size:18px;} .pbsm-ranking-card-main p{font-size:13px;line-height:1.65;} .pbsm-ranking-segment-groups{grid-template-columns:1fr;gap:10px;} .pbsm-ranking-row{grid-template-columns:48px 1fr;} .pbsm-ranking-row span:not(.pbsm-ranking-row-rank){grid-column:1 / -1;} .pbsm-ranking-row .pbsm-aff-wrap,.pbsm-ranking-row .pbsm-aff-raw,.pbsm-ranking-row .pbsm-button{grid-column:1 / -1;width:100%;} } /* v4.2: Top page hub -------------------------------------------------- */ .pbsm-home-hub{--pbsm-green:#16b978;--pbsm-dark:#06243b;--pbsm-soft:#f2fff9;--pbsm-line:#b8efd8;max-width:1180px;margin:0 auto;padding:18px 10px 56px;color:var(--pbsm-dark);font-family:inherit}.pbsm-home-hub *{box-sizing:border-box}.pbsm-home-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;align-items:center;background:linear-gradient(135deg,#f7fffb 0%,#eefdf7 62%,#e2fbf2 100%);border:1px solid var(--pbsm-line);border-radius:30px;padding:48px 50px;box-shadow:0 18px 45px rgba(13,93,65,.08);margin:0 0 28px}.pbsm-home-title{font-size:clamp(30px,4.4vw,56px);line-height:1.16;letter-spacing:.02em;margin:16px 0 16px;font-weight:900;color:var(--pbsm-dark);text-align:left}.pbsm-home-lead{font-size:16px;line-height:1.95;color:#345166;margin:0;max-width:740px;text-align:left}.pbsm-home-hero-side{background:#fff;border:1px solid #dcece6;border-radius:24px;padding:20px;display:grid;gap:14px;box-shadow:0 18px 40px rgba(23,90,65,.08)}.pbsm-home-hero-side div{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fafffd;border:1px solid #e1f0ea;border-radius:18px;padding:16px}.pbsm-home-hero-side strong{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:14px;background:#eafff5;color:#00875b;padding:10px 12px;font-size:15px}.pbsm-home-hero-side span{font-weight:800;color:#193653}.pbsm-home-resume{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;background:#fff;border:2px solid #17bf79;border-radius:24px;padding:24px;margin:0 0 24px;box-shadow:0 12px 30px rgba(13,93,65,.08)}.pbsm-home-resume[hidden]{display:none!important}.pbsm-home-resume h2{font-size:24px;line-height:1.45;margin:8px 0 14px;color:var(--pbsm-dark);text-align:left}.pbsm-home-resume-chips{display:flex;flex-wrap:wrap;gap:8px}.pbsm-home-resume-chips span{display:inline-flex;align-items:center;border-radius:999px;background:#eafff5;color:#007f56;font-weight:800;padding:8px 12px;font-size:13px}.pbsm-home-resume-actions,.pbsm-home-profile-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.pbsm-home-action,.pbsm-home-reset{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;border:1px solid #d4e5dd;background:#fff;color:#07304b;font-weight:900;text-decoration:none;padding:12px 20px;line-height:1.2;cursor:pointer}.pbsm-home-action.is-primary{background:#16b978;border-color:#16b978;color:#fff;box-shadow:0 12px 24px rgba(22,185,120,.22)}.pbsm-home-action.is-light{background:#f7fffb}.pbsm-home-reset{font-size:13px}.pbsm-home-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 26px}.pbsm-home-choice{display:flex;flex-direction:column;min-height:250px;background:#fff;border:1px solid #dcebe5;border-radius:24px;padding:24px;text-decoration:none;color:var(--pbsm-dark);box-shadow:0 12px 30px rgba(16,54,80,.06);transition:.18s ease}.pbsm-home-choice:hover{transform:translateY(-3px);border-color:#16b978;box-shadow:0 18px 38px rgba(13,93,65,.12)}.pbsm-home-choice span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:#eafff5;color:#008b5d;font-weight:900;margin-bottom:16px}.pbsm-home-choice h2{font-size:22px;line-height:1.35;margin:0 0 12px;text-align:left;color:var(--pbsm-dark)}.pbsm-home-choice p{font-size:14px;line-height:1.8;margin:0 0 18px;color:#45606f;text-align:left}.pbsm-home-choice strong{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#16b978;color:#fff;padding:12px 14px;font-size:14px}.pbsm-home-choice.is-orange strong{background:#f38618}.pbsm-home-choice.is-blue strong{background:#2499d2}.pbsm-home-profile-set{background:#fafffd;border:1px solid var(--pbsm-line);border-radius:30px;padding:38px;margin:0 0 26px}.pbsm-home-profile-head{text-align:center;margin:0 auto 24px;max-width:780px}.pbsm-home-profile-head h2{font-size:clamp(24px,3vw,38px);line-height:1.35;margin:10px 0 10px;color:var(--pbsm-dark)}.pbsm-home-profile-head p{font-size:15px;line-height:1.8;color:#4b6675;margin:0}.pbsm-home-pref-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pbsm-home-pref-group{background:#fff;border:1px solid #dcebe5;border-radius:22px;padding:18px}.pbsm-home-pref-group h3{font-size:16px;margin:0 0 12px;color:var(--pbsm-dark);text-align:left}.pbsm-home-pref-group button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin:0 6px 8px 0;border-radius:999px;border:1px solid #cfe4da;background:#fff;color:#07304b;font-weight:900;padding:9px 13px;cursor:pointer}.pbsm-home-pref-group button.is-active{background:#16b978;border-color:#16b978;color:#fff;box-shadow:0 8px 18px rgba(22,185,120,.22)}.pbsm-home-profile-actions{margin-top:24px}.pbsm-home-hub .pbsm-eyebrow{display:inline-flex;align-items:center;border-radius:999px;background:#eafff5;color:#008b5d;padding:7px 13px;font-size:13px;font-weight:900} @media(max-width:920px){.pbsm-home-hero{grid-template-columns:1fr;padding:34px 24px;border-radius:24px}.pbsm-home-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.pbsm-home-pref-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pbsm-home-resume{grid-template-columns:1fr}} @media(max-width:600px){.pbsm-home-hub{padding:8px 8px 44px}.pbsm-home-hero{padding:28px 18px;margin-bottom:18px}.pbsm-home-title{font-size:30px}.pbsm-home-lead{font-size:14px;line-height:1.8}.pbsm-home-hero-side div{padding:12px}.pbsm-home-choices{grid-template-columns:1fr;gap:12px}.pbsm-home-choice{min-height:auto;padding:20px;border-radius:20px}.pbsm-home-choice h2{font-size:20px}.pbsm-home-profile-set{padding:24px 16px;border-radius:22px}.pbsm-home-pref-grid{grid-template-columns:1fr}.pbsm-home-action,.pbsm-home-reset{width:100%}.pbsm-home-resume{padding:18px;border-radius:20px}.pbsm-home-resume h2{font-size:20px}} /* v4.4 polish: compact copy, readable FAQ, service-color CTAs, cross-page navigation */ .pbsm p.pbsm-text,.pbsm .pbsm-lead,.pbsm .pbsm-v34-lead,.pbsm .pbsm-home-lead{ text-align:left!important; } .pbsm-head,.pbsm-v34-mini-head,.pbsm-v34-recommend-head{ text-align:left!important; } .pbsm-v34-recommend-head .pbsm-eyebrow,.pbsm-v34-mini-head .pbsm-eyebrow{ margin-left:0!important; } .pbsm-v40-reco-names{ display:flex!important; flex-wrap:wrap!important; align-items:baseline!important; justify-content:flex-start!important; gap:.25em .35em!important; font-size:clamp(30px,5vw,54px)!important; line-height:1.28!important; font-weight:900!important; color:#0f2b3a!important; max-width:100%!important; } .pbsm-v40-reco-names strong{ color:#07945e!important; text-decoration:none!important; white-space:normal!important; } .pbsm-v34-recommend-head .pbsm-title{ text-align:left!important; } .pbsm-v37-reasons strong,.pbsm-v37-reasons li{ text-align:left!important; } .pbsm-v34-benefits .pbsm-text,.pbsm-v39-loss .pbsm-text{ max-width:920px!important; margin-left:0!important; margin-right:0!important; } .pbsm-v34-benefit-grid article p,.pbsm-v39-loss-grid article p{ text-align:left!important; } .pbsm-v35-faq{ max-width:min(1100px,calc(100vw - 28px))!important; padding:clamp(22px,3vw,38px)!important; } .pbsm-v35-faq-list{ display:grid!important; gap:12px!important; max-width:100%!important; } .pbsm-v35-faq-list details{ border-radius:18px!important; } .pbsm-v35-faq-list summary{ min-height:56px!important; display:flex!important; align-items:center!important; gap:10px!important; padding:16px 22px!important; font-size:16px!important; line-height:1.5!important; } .pbsm-v35-faq-list summary:after{ margin-left:auto!important; float:none!important; font-size:20px!important; } .pbsm-v35-faq-list details div{ padding:0 22px 18px!important; font-size:15px!important; line-height:1.85!important; text-align:left!important; } .pbsm-link,.pbsm-aff-raw>a,.pbsm-aff-caption{ cursor:pointer!important; } .pbsm-v34-candidate-more summary,.pbsm-v35-priority-more summary{ background:#f8fbfa!important; color:#0f2b3a!important; } .pbsm-v34-candidate-action .pbsm-link,.pbsm-v35-priority-action .pbsm-link,.pbsm-ranking-card .pbsm-link,.pbsm-ranking-row .pbsm-link,.pbsm-aff-raw{ background:var(--svc-color,var(--g))!important; } .pbsm-ranking-hero-simple{ padding:clamp(22px,4vw,44px)!important; } .pbsm-ranking-hero-simple .pbsm-v34-title{ margin-bottom:0!important; } .pbsm-ranking-head-simple{ text-align:left!important; margin-bottom:20px!important; } .pbsm-ranking-head-simple .pbsm-v34-title{ text-align:left!important; font-size:clamp(30px,5vw,48px)!important; line-height:1.35!important; } .pbsm-ranking-card{ border-radius:22px!important; } .pbsm-ranking-rank{ background:linear-gradient(180deg,#c9ced6,#8c96a6)!important; color:#fff!important; } .pbsm-rank-medal-1{ background:linear-gradient(180deg,#f7c948,#d59b18)!important; } .pbsm-rank-medal-2{ background:linear-gradient(180deg,#d9dee7,#8c96a6)!important; } .pbsm-rank-medal-3{ background:linear-gradient(180deg,#d69b66,#a75f2b)!important; } .pbsm-ranking-service-note{ margin:10px 0 0!important; padding:10px 12px!important; border-radius:14px!important; background:#f7fbf9!important; color:#334e5c!important; font-size:14px!important; line-height:1.7!important; text-align:left!important; } .pbsm-ranking-selector .pbsm-v34-lead{ display:none!important; } .pbsm-ranking-profile-note{ display:none!important; } .pbsm-cross-nav{ max-width:1120px!important; margin:34px auto!important; padding:20px!important; border:1px solid #bfe8d4!important; border-radius:24px!important; background:#f5fffa!important; box-shadow:0 10px 28px rgba(0,80,50,.05)!important; } .pbsm-cross-nav-head{ margin-bottom:12px!important; color:#078252!important; font-weight:900!important; font-size:14px!important; } .pbsm-cross-nav-grid{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; } .pbsm-cross-nav-item{ display:flex!important; flex-direction:column!important; gap:4px!important; padding:14px!important; border-radius:16px!important; border:1px solid #d8e9e2!important; background:#fff!important; text-decoration:none!important; color:#0f2b3a!important; } .pbsm-cross-nav-item strong{ font-size:15px!important; font-weight:900!important; } .pbsm-cross-nav-item small{ font-size:12px!important; color:#5d7180!important; } .pbsm-cross-nav-item.is-current{ border-color:#12b875!important; background:#effcf6!important; } .pbsm-diagnosis-hero .pbsm-v34-title{ text-align:left!important; } .pbsm-diagnosis-note .pbsm-v34-lead{ text-align:left!important; } @media(max-width:640px){ .pbsm{ padding:0 8px!important; } .pbsm-v35-faq{ max-width:calc(100vw - 16px)!important; padding:20px 14px!important; border-radius:22px!important; } .pbsm-v35-faq-list{ gap:8px!important; } .pbsm-v35-faq-list summary{ min-height:54px!important; padding:14px 16px!important; font-size:15.5px!important; } .pbsm-v35-faq-list details div{ padding:0 16px 16px!important; font-size:14.5px!important; } .pbsm-cross-nav-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .pbsm-ranking-card{ gap:10px!important; } } /* v4.4.1 concise ranking polish */ .pbsm-row-medal-1{color:#d59b18!important;} .pbsm-row-medal-2{color:#8c96a6!important;} .pbsm-row-medal-3{color:#a75f2b!important;} .pbsm-ranking-head-simple .pbsm-v34-pill{display:none!important;} .pbsm-ranking-service-note{font-weight:800!important;} .pbsm-aff-raw>a,.pbsm-link[style*="background"]{color:#fff!important;} /* v4.4.2: ranking service overview cards */ .pbsm-ranking-card-rich{display:grid!important;grid-template-columns:74px minmax(130px,210px) minmax(0,1fr)!important;gap:18px!important;align-items:stretch!important;border-left:6px solid var(--svc-color,#22a86b)!important;} .pbsm-ranking-card-rich .pbsm-ranking-rank{height:auto!important;min-height:100%!important;} .pbsm-ranking-visual{display:flex!important;align-items:center!important;justify-content:center!important;min-height:132px!important;border-radius:18px!important;background:linear-gradient(135deg,#ffffff 0%,#f5faf8 100%)!important;border:1px solid #e2eeea!important;overflow:hidden!important;padding:12px!important;} .pbsm-ranking-visual img{display:block!important;width:100%!important;max-width:180px!important;max-height:108px!important;height:auto!important;object-fit:contain!important;margin:0!important;} .pbsm-ranking-visual-text span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:92px!important;border-radius:16px!important;background:var(--svc-color,#22a86b)!important;color:#fff!important;font-size:19px!important;font-weight:900!important;text-align:center!important;padding:10px!important;} .pbsm-ranking-tagline{margin:3px 0 0!important;color:#5b7180!important;font-size:13px!important;line-height:1.55!important;font-weight:800!important;} .pbsm-ranking-service-note{margin:10px 0 12px!important;padding:13px 15px!important;background:#f7fbf9!important;border:1px solid #e2eee8!important;border-radius:16px!important;font-size:14.5px!important;line-height:1.85!important;font-weight:800!important;} .pbsm-ranking-points{display:grid!important;gap:6px!important;margin:0 0 14px!important;padding:0!important;list-style:none!important;} .pbsm-ranking-points li{position:relative!important;margin:0!important;padding:8px 10px 8px 30px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e7f0ed!important;color:#23465b!important;font-size:13.5px!important;line-height:1.65!important;font-weight:800!important;} .pbsm-ranking-points li:before{content:'✓'!important;position:absolute!important;left:10px!important;top:8px!important;color:var(--svc-color,#22a86b)!important;font-weight:900!important;} .pbsm-ranking-action{margin-top:12px!important;} .pbsm-ranking-action .pbsm-aff-caption{display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;} .pbsm-ranking-action .pbsm-link,.pbsm-ranking-action .pbsm-aff-raw{width:100%!important;min-height:54px!important;border-radius:16px!important;} .pbsm-ranking-list .pbsm-ranking-row span:not(.pbsm-ranking-row-rank){font-weight:700!important;line-height:1.65!important;} @media(max-width:760px){ .pbsm-ranking-card-rich{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;} .pbsm-ranking-card-rich .pbsm-ranking-visual{grid-column:2!important;min-height:92px!important;padding:10px!important;} .pbsm-ranking-card-rich .pbsm-ranking-card-main{grid-column:1 / -1!important;} .pbsm-ranking-visual img{max-height:76px!important;} .pbsm-ranking-points li{font-size:13px!important;} } /* v4.5: 迷わない導線・診断結果・詳細リンク */ .pbsm-detail-text-link{display:inline-flex;margin-top:10px;font-weight:800;color:#0b5068;text-decoration:underline;text-underline-offset:3px} .pbsm-ranking-action + .pbsm-detail-text-link{margin-left:2px} .pbsm-ranking-row .pbsm-detail-text-link{white-space:nowrap;margin:0 0 0 8px;font-size:.92em} .pbsm-v45-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px} .pbsm-v45-question-grid fieldset{border:1px solid rgba(12,94,63,.16);border-radius:20px;padding:18px;background:#fff} .pbsm-v45-question-grid legend{font-weight:900;color:#0a3142;padding:0 8px} .pbsm-v45-question-grid label{display:inline-flex;align-items:center;gap:8px;margin:8px 8px 0 0;padding:10px 14px;border:1px solid rgba(12,94,63,.16);border-radius:999px;background:#f8fffc;font-weight:800;cursor:pointer} .pbsm-v45-question-grid input{accent-color:#14b779} .pbsm-v45-diagnosis-result.is-visible{display:block;background:linear-gradient(180deg,#f5fffb,#fff);border:1px solid rgba(20,183,121,.25)} .pbsm-home-choices-roadmap .pbsm-home-choice{min-height:180px} .pbsm-home-hero-side div{border-left:4px solid #14b779} @media(max-width:720px){.pbsm-v45-question-grid{grid-template-columns:1fr}.pbsm-ranking-row .pbsm-detail-text-link{display:block;margin:8px 0 0}.pbsm-v45-question-grid label{width:100%;justify-content:flex-start}} /* ========================================================= v4.7: CV最大化・離脱防止・状態別CTA ========================================================= */ .pbsm-v47-assurance{margin:14px 0!important;padding:14px 16px!important;border-radius:18px!important;background:#fffaf2!important;border:1px solid rgba(243,134,24,.22)!important;color:#24304f!important} .pbsm-v47-assurance strong{display:block!important;margin-bottom:8px!important;font-size:13px!important;font-weight:900!important;color:#c7671e!important} .pbsm-v47-assurance ul{display:grid!important;gap:6px!important;margin:0!important;padding:0!important;list-style:none!important} .pbsm-v47-assurance li{position:relative!important;margin:0!important;padding-left:22px!important;font-size:13px!important;line-height:1.65!important;font-weight:800!important} .pbsm-v47-assurance li:before{content:'✓'!important;position:absolute!important;left:0!important;top:0!important;color:#22a86b!important;font-weight:900!important} .pbsm-v47-checklist{margin:14px 0!important;padding:14px!important;border-radius:18px!important;background:#f7fbf9!important;border:1px solid rgba(34,168,107,.15)!important} .pbsm-v47-checklist strong{display:block!important;margin-bottom:9px!important;color:#18784d!important;font-size:13px!important;font-weight:900!important} .pbsm-v47-checklist ul{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0!important;padding:0!important;list-style:none!important} .pbsm-v47-checklist li{margin:0!important;padding:6px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important;color:#24304f!important;font-size:12px!important;font-weight:800!important} .pbsm-v47-fit{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:14px 0!important} .pbsm-v47-fit div{padding:12px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.09)!important} .pbsm-v47-fit b{display:block!important;margin-bottom:5px!important;color:#18784d!important;font-size:12px!important;font-weight:900!important} .pbsm-v47-fit p{margin:0!important;color:#667085!important;font-size:12.5px!important;line-height:1.65!important} .pbsm-v47-order{margin:16px 0!important;padding:16px!important;border-radius:20px!important;background:#eefaf4!important;border:1px solid rgba(34,168,107,.20)!important;color:#24304f!important} .pbsm-v47-order>strong{display:block!important;margin-bottom:9px!important;color:#18784d!important;font-size:14px!important;font-weight:900!important} .pbsm-v47-order ol{margin:0!important;padding-left:20px!important;display:grid!important;gap:7px!important} .pbsm-v47-order li{margin:0!important;font-size:13px!important;line-height:1.65!important;font-weight:800!important}.pbsm-v47-order span{font-weight:900!important;color:#24304f!important} .pbsm-v47-state-line{margin:12px 0!important;padding:12px 14px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.09)!important;color:#24304f!important;font-size:13px!important;font-weight:850!important} .pbsm-v47-progress{height:10px!important;margin:0 0 16px!important;border-radius:999px!important;background:#e7edf3!important;overflow:hidden!important}.pbsm-v47-progress span{display:block!important;height:100%!important;border-radius:999px!important;background:linear-gradient(90deg,#22a86b,#f38618)!important;transition:width .25s ease!important}.pbsm-v47-resume-note{margin:0 0 16px!important;padding:12px 14px!important;border-radius:16px!important;background:#eefaf4!important;color:#18784d!important;border:1px solid rgba(34,168,107,.20)!important;font-size:13px!important;font-weight:900!important} .pbsm-v45-question-grid fieldset.is-complete{border-color:rgba(34,168,107,.35)!important;background:#f7fbf9!important}.pbsm-v45-question-grid fieldset.is-complete legend:after{content:' ✓'!important;color:#22a86b!important;font-weight:900!important} .pbsm-v47-candidate .pbsm-v34-candidate-action{display:grid!important;gap:8px!important}.pbsm-v47-candidate-action-top{margin:12px 0!important}.pbsm-v47-candidate-action-bottom{margin-top:14px!important}.pbsm-v47-candidate .pbsm-detail-text-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;border-radius:999px!important;background:#f8fafc!important;border:1px solid rgba(36,48,79,.11)!important;color:#24304f!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important} .pbsm-sticky-cta{position:fixed!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;z-index:9998!important;width:min(920px,calc(100vw - 24px))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px!important;border-radius:20px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(36,48,79,.14)!important;box-shadow:0 18px 45px rgba(36,48,79,.18)!important;backdrop-filter:blur(10px)!important}.pbsm-sticky-cta[hidden]{display:none!important}.pbsm-sticky-cta-copy{display:grid!important;gap:2px!important}.pbsm-sticky-cta-copy span{color:#18784d!important;font-size:11px!important;font-weight:900!important}.pbsm-sticky-cta-copy strong{color:#24304f!important;font-size:14px!important;line-height:1.35!important}.pbsm-sticky-cta a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:9px 18px!important;border-radius:999px!important;background:#f38618!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;white-space:nowrap!important}.pbsm-home-resume.is-visible{display:grid!important}.pbsm-home-resume-status{display:inline-flex!important;margin-bottom:8px!important;padding:6px 10px!important;border-radius:999px!important;background:#eefaf4!important;color:#18784d!important;font-size:12px!important;font-weight:900!important}.pbsm-home-resume-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important}.pbsm-home-resume-chips span{padding:6px 10px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;color:#24304f!important;font-size:12px!important;font-weight:850!important} @media(max-width:640px){.pbsm-v47-fit{grid-template-columns:1fr!important}.pbsm-sticky-cta{bottom:8px!important;border-radius:18px!important;align-items:stretch!important}.pbsm-sticky-cta-copy strong{font-size:12.5px!important}.pbsm-sticky-cta a{min-width:116px!important;padding:8px 12px!important;font-size:12.5px!important}.pbsm{padding-bottom:78px!important}.pbsm-v47-checklist ul{display:grid!important;grid-template-columns:1fr 1fr!important}.pbsm-v47-checklist li{text-align:center!important}} /* v4.7.1: diagnosis inline comparison */ .pbsm-v47-inline-compare{margin-top:22px!important;border:1px solid var(--pbsm-border)!important;background:#fff!important;border-radius:24px!important;padding:22px!important;box-shadow:0 12px 28px rgba(15,43,58,.06)!important} .pbsm-v47-inline-compare[hidden]{display:none!important} .pbsm-v47-inline-compare .pbsm-data-table-wrap{margin-top:12px!important} /* v4.7.2 admin: CTA link slots */ .pbsm-aff-slot-admin{border:1px solid #fed7aa;background:#fff;margin:12px 0;padding:12px;border-radius:12px} .pbsm-aff-slot-admin h4{margin:0 0 4px;font-size:14px} .pbsm-aff-slot-admin textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace} /* v4.7.4: アイキャッチ画像を背景化し、文字・ボタンをHTMLで重ねる */ .pbsm-ranking-top3{max-width:1120px!important;} .pbsm-ranking-card-rich.pbsm-card-has-photo{ display:grid!important; grid-template-columns:78px minmax(0,1fr)!important; gap:18px!important; align-items:stretch!important; padding:18px!important; border-left:6px solid var(--svc-color,#22a86b)!important; overflow:hidden!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank{ grid-column:1!important; grid-row:1!important; min-height:100%!important; z-index:3!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual{ grid-column:2!important; grid-row:1!important; position:relative!important; width:100%!important; min-height:560px!important; aspect-ratio:1200/640!important; padding:0!important; border-radius:22px!important; border:1px solid rgba(36,48,79,.08)!important; background:#f7fbf9!important; overflow:hidden!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual:after{ content:""!important; position:absolute!important; inset:0!important; background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 34%,rgba(255,255,255,.42) 58%,rgba(255,255,255,.05) 100%)!important; z-index:1!important; pointer-events:none!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual img{ width:100%!important; height:100%!important; max-width:none!important; max-height:none!important; object-fit:cover!important; object-position:center center!important; display:block!important; margin:0!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main{ grid-column:2!important; grid-row:1!important; z-index:2!important; align-self:center!important; justify-self:start!important; width:min(58%,560px)!important; margin:22px!important; padding:22px!important; border-radius:22px!important; background:rgba(255,255,255,.86)!important; border:1px solid rgba(216,235,226,.92)!important; box-shadow:0 18px 42px rgba(15,43,58,.12)!important; backdrop-filter:blur(8px)!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name{ margin-bottom:10px!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name img{ width:120px!important; max-height:48px!important; background:#fff!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name h2{ font-size:clamp(22px,2.4vw,30px)!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-service-note{ background:rgba(255,255,255,.76)!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-points li, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-service-checklist, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-conversion-assurance{ background:rgba(255,255,255,.82)!important; } .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-visual img{ max-width:180px!important; max-height:108px!important; object-fit:contain!important; } @media(max-width:900px){ .pbsm-ranking-card-rich.pbsm-card-has-photo{ grid-template-columns:64px minmax(0,1fr)!important; gap:12px!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual{ min-height:520px!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main{ width:min(70%,560px)!important; margin:16px!important; padding:18px!important; } } @media(max-width:640px){ .pbsm-ranking-card-rich.pbsm-card-has-photo{ grid-template-columns:1fr!important; padding:14px!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank{ grid-column:1!important; grid-row:1!important; width:74px!important; height:74px!important; min-height:74px!important; justify-self:start!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual{ grid-column:1!important; grid-row:2!important; min-height:0!important; aspect-ratio:1200/640!important; border-radius:18px!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual:after{ background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.28) 100%)!important; } .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main{ grid-column:1!important; grid-row:3!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; backdrop-filter:none!important; } } /* v4.7.5: CVに近いカードではアイキャッチを使わず、ロゴ・説明・公式リンクを優先 */ .pbsm-ranking-card-rich, .pbsm-ranking-card-rich.pbsm-card-has-photo, .pbsm-ranking-card-rich.pbsm-card-no-photo{ display:grid!important; grid-template-columns:78px minmax(0,1fr)!important; gap:18px!important; align-items:stretch!important; padding:18px!important; border-left:6px solid var(--svc-color,#22a86b)!important; overflow:visible!important; } .pbsm-ranking-card-rich .pbsm-ranking-visual, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-visual{ display:none!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank{ grid-column:1!important; grid-row:1!important; min-height:100%!important; z-index:1!important; } .pbsm-ranking-card-rich .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main{ grid-column:2!important; grid-row:1!important; z-index:1!important; align-self:stretch!important; justify-self:stretch!important; width:100%!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; backdrop-filter:none!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name{ align-items:center!important; margin-bottom:10px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name img{ width:118px!important; max-height:48px!important; object-fit:contain!important; background:#fff!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2{ font-size:clamp(22px,2.2vw,28px)!important; } .pbsm-ranking-card-rich .pbsm-ranking-service-note{ background:#fff!important; border:1px solid #dceee6!important; border-radius:16px!important; padding:14px 16px!important; } @media(max-width:640px){ .pbsm-ranking-card-rich, .pbsm-ranking-card-rich.pbsm-card-has-photo, .pbsm-ranking-card-rich.pbsm-card-no-photo{ grid-template-columns:64px minmax(0,1fr)!important; padding:14px!important; gap:12px!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank{ width:64px!important; height:auto!important; min-height:100%!important; border-radius:16px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name{ gap:10px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name img{ width:86px!important; max-height:36px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2{ font-size:19px!important; } .pbsm-ranking-card-rich .pbsm-ranking-service-note{ padding:12px!important; font-size:13px!important; } } /* ========================================================= v4.7.6: アフィリエイトボタン文言の規約対応 - 「公式リンク：」の自動接頭辞を廃止 - ヤクジョブなど改変不可リンクは固定名だけを表示 ========================================================= */ .pbsm-aff-caption:before{content:""!important;display:none!important} .pbsm-aff-caption{font-weight:900!important} .pbsm-aff-locked .pbsm-aff-caption{color:#fff!important;background:var(--svc-color)!important;border-color:var(--svc-color)!important;border-radius:14px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 20px rgba(36,48,79,.10)!important} .pbsm-aff-locked>a:before,.pbsm-aff-locked-link:before{content:none!important;display:none!important} .pbsm-aff-locked>a{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;font-size:0!important;color:transparent!important;z-index:2!important} .pbsm-aff-locked img{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important} /* V4.7.7: 文言変更未許諾リンクは管理画面の固定文言/ASP発行HTMLの表示に限定 */ .pbsm-aff-fixed .pbsm-aff-caption{color:#fff!important;background:var(--svc-color)!important;border-color:var(--svc-color)!important;border-radius:14px!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 10px 20px rgba(36,48,79,.10)!important} .pbsm-aff-fixed-link{font-weight:900!important;text-align:center!important;justify-content:center!important} /* ========================================================= V4.7.8: CVマイクロコピー - ボタン文言を改変できない案件は、ボタン前後の自然な短文で補足 ========================================================= */ .pbsm-aff-cta{ display:flex!important; flex-direction:column!important; gap:7px!important; width:100%!important; margin:8px 0!important; } .pbsm-aff-lead, .pbsm-aff-note{ margin:0!important; line-height:1.55!important; letter-spacing:.01em!important; } .pbsm-aff-lead{ font-size:13.5px!important; font-weight:800!important; color:#1f2937!important; } .pbsm-aff-note{ font-size:12.5px!important; color:#64748b!important; } .pbsm-aff-cta .pbsm-link, .pbsm-aff-cta .pbsm-aff-caption{ width:100%!important; } .pbsm-v33-final-actions .pbsm-aff-cta, .pbsm-v33-reco-action .pbsm-aff-cta, .pbsm-cv-action .pbsm-aff-cta{ margin-top:6px!important; } @media(max-width:640px){ .pbsm-aff-cta{gap:6px!important;margin:7px 0!important} .pbsm-aff-lead{font-size:13px!important} .pbsm-aff-note{font-size:12px!important} } /* ========================================================= V4.7.9: CVボタン視認性・比較表CTA・管理UI補助 - ボタン文字を大きく、押せる見た目へ - 比較表の公式リンク行を詰めて、間延びを防ぐ ========================================================= */ .pbsm-aff-cta .pbsm-link, .pbsm-aff-cta .pbsm-aff-caption, .pbsm-aff-raw>a, .pbsm-ranking-action .pbsm-link, .pbsm-ranking-action .pbsm-aff-caption, .pbsm-v34-candidate-action .pbsm-link, .pbsm-v35-priority-action .pbsm-link{ min-height:56px!important; font-size:16px!important; font-weight:900!important; letter-spacing:.01em!important; border-radius:16px!important; } .pbsm-aff-cta .pbsm-aff-caption, .pbsm-aff-fixed .pbsm-aff-caption, .pbsm-aff-locked .pbsm-aff-caption{ color:#fff!important; background:var(--svc-color)!important; border-color:var(--svc-color)!important; padding:12px 18px!important; line-height:1.45!important; } .pbsm-aff-raw>a{ padding:13px 18px!important; line-height:1.45!important; } .pbsm-aff-lead{ font-size:14px!important; line-height:1.65!important; } .pbsm-aff-note{ font-size:13px!important; line-height:1.65!important; } .pbsm-table-cta-row th, .pbsm-table-cta-row td{ padding-top:14px!important; padding-bottom:14px!important; } .pbsm-table-cta .pbsm-aff-cta{ margin:0!important; gap:6px!important; } .pbsm-table-cta .pbsm-aff-lead{ font-size:13px!important; margin-bottom:2px!important; } .pbsm-table-cta .pbsm-aff-note{ font-size:12px!important; margin-top:2px!important; } .pbsm-table-cta .pbsm-link, .pbsm-table-cta .pbsm-aff-caption, .pbsm-table-cta .pbsm-aff-raw>a{ min-height:50px!important; font-size:15px!important; border-radius:14px!important; } @media(max-width:640px){ .pbsm-aff-cta .pbsm-link, .pbsm-aff-cta .pbsm-aff-caption, .pbsm-aff-raw>a{ min-height:54px!important; font-size:16px!important; } .pbsm-table-cta .pbsm-link, .pbsm-table-cta .pbsm-aff-caption, .pbsm-table-cta .pbsm-aff-raw>a{ min-height:50px!important; font-size:15px!important; } } /* v4.7.13: ランキング下部の比較導線をコンパクト化 */ .pbsm-v34 .pbsm-ranking-bridge.pbsm-sec{ max-width:760px!important; margin:22px auto 26px!important; padding:18px 20px!important; border-radius:18px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:14px!important; background:#f4fff9!important; box-shadow:0 10px 28px rgba(16,185,129,.08)!important; } .pbsm-ranking-bridge .pbsm-v34-h2{ margin:0!important; font-size:clamp(17px,2vw,20px)!important; line-height:1.45!important; text-align:left!important; } .pbsm-ranking-bridge .pbsm-v35-cta{ max-width:none!important; width:auto!important; min-height:46px!important; margin:0!important; padding:12px 24px!important; border-radius:999px!important; white-space:nowrap!important; } @media(max-width:640px){ .pbsm-v34 .pbsm-ranking-bridge.pbsm-sec{ margin:18px 12px 22px!important; padding:16px!important; display:block!important; text-align:center!important; } .pbsm-ranking-bridge .pbsm-v34-h2{ text-align:center!important; font-size:17px!important; margin-bottom:12px!important; } .pbsm-ranking-bridge .pbsm-v35-cta{ width:100%!important; min-height:48px!important; } } /* v4.7.19: お悩み処方せんの表記補正。レイアウトは変えない */ .pbsm-career-check-frame-label{ white-space:nowrap!important; } .pbsm-career-check-stamp-name{ white-space:nowrap!important; word-break:keep-all!important; overflow-wrap:normal!important; line-height:1!important; letter-spacing:0!important; } /* v4.7.21: 薬剤師の転職必要度診断 */ .pbsm-need-page{ --pnc-green:#10b981; --pnc-green-dark:#047857; --pnc-mint:#effcf6; --pnc-orange:#f59e0b; } #pnc-page-app, #pnc-page-app *{ box-sizing:border-box!important; } #pnc-page-app{ max-width:960px!important; margin:32px auto 56px!important; padding:0 14px!important; color:#0f2f3d!important; font-family:inherit!important; } #pnc-page-app .pnc-card{ padding:28px 26px 30px!important; border:1px solid #bbf7d0!important; border-radius:22px!important; background:linear-gradient(180deg,#f3fff9 0%,#ffffff 58%,#fffaf2 100%)!important; box-shadow:0 16px 44px rgba(16,185,129,.10)!important; } #pnc-page-app .pnc-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0 0 16px!important; padding:7px 15px!important; border-radius:999px!important; background:linear-gradient(90deg,#10b981,#34d399)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; line-height:1.4!important; } #pnc-page-app .pnc-title{ margin:0 0 12px!important; padding:0!important; border:none!important; background:none!important; color:#06283a!important; font-size:clamp(24px,3vw,32px)!important; font-weight:900!important; line-height:1.45!important; box-shadow:none!important; } #pnc-page-app .pnc-title::before, #pnc-page-app .pnc-title::after{display:none!important;content:none!important;} #pnc-page-app .pnc-lead{ margin:0 0 20px!important; color:#315466!important; font-size:15px!important; line-height:1.9!important; } #pnc-page-app .pnc-lead strong{color:#047857!important;font-weight:900!important;} #pnc-page-app .pnc-mode{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; margin:18px 0!important; } #pnc-page-app button{ appearance:none!important; -webkit-appearance:none!important; font-family:inherit!important; cursor:pointer!important; } #pnc-page-app .pnc-mode-btn{ width:100%!important; min-height:52px!important; padding:12px 18px!important; border:1px solid #cdeee0!important; border-radius:999px!important; background:#fff!important; color:#0f2f3d!important; font-size:15px!important; font-weight:900!important; line-height:1.4!important; text-align:center!important; box-shadow:none!important; transition:.15s ease!important; } #pnc-page-app .pnc-mode-btn.is-active{ border-color:#10b981!important; background:#10b981!important; color:#fff!important; box-shadow:0 10px 22px rgba(16,185,129,.22)!important; } #pnc-page-app .pnc-attr{ margin:0 0 18px!important; padding:16px!important; border:1px solid #bbf7d0!important; border-radius:16px!important; background:#fff!important; } #pnc-page-app .pnc-attr[hidden], #pnc-page-app .pnc-result[hidden], #pnc-page-app .pnc-detail-retry-box[hidden]{display:none!important;} #pnc-page-app .pnc-attr-title{ margin:0 0 12px!important; color:#06283a!important; font-size:15px!important; font-weight:900!important; line-height:1.6!important; } #pnc-page-app .pnc-attr-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } #pnc-page-app .pnc-field label{ display:block!important; margin:0 0 5px!important; color:#315466!important; font-size:12px!important; font-weight:900!important; line-height:1.4!important; } #pnc-page-app .pnc-field select{ width:100%!important; min-height:42px!important; padding:8px 10px!important; border:1px solid #cdeee0!important; border-radius:10px!important; background:#fff!important; color:#06283a!important; font-size:13px!important; } #pnc-page-app .pnc-start-detail-wrap{ margin-top:14px!important; text-align:center!important; } #pnc-page-app .pnc-start-detail{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:46px!important; padding:10px 24px!important; border:none!important; border-radius:999px!important; background:#10b981!important; color:#fff!important; font-size:14px!important; font-weight:900!important; box-shadow:0 8px 18px rgba(16,185,129,.22)!important; } #pnc-page-app .pnc-progress{margin:12px 0 18px!important;} #pnc-page-app .pnc-progress-top{ display:flex!important; justify-content:space-between!important; gap:12px!important; margin:0 0 7px!important; color:#315466!important; font-size:12px!important; line-height:1.5!important; } #pnc-page-app .pnc-progress-bg{ width:100%!important; height:8px!important; overflow:hidden!important; border-radius:999px!important; background:#dff8ec!important; } #pnc-page-app .pnc-progress-bar{ height:100%!important; border-radius:999px!important; background:linear-gradient(90deg,#10b981,#f59e0b)!important; transition:width .25s ease!important; } #pnc-page-app .pnc-question-box{ padding:18px 16px 16px!important; border:1px solid #bbf7d0!important; border-radius:16px!important; background:#fff!important; } #pnc-page-app .pnc-question{ margin:0 0 12px!important; color:#06283a!important; font-size:19px!important; font-weight:900!important; line-height:1.7!important; } #pnc-page-app .pnc-help{ margin:0 0 14px!important; color:#557284!important; font-size:12px!important; line-height:1.7!important; } #pnc-page-app .pnc-scale{ display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; } #pnc-page-app .pnc-answer{ display:flex!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; min-height:50px!important; margin:0!important; padding:12px 16px!important; border:1px solid #d7eadf!important; border-radius:12px!important; background:#fff!important; color:#06283a!important; font-size:15px!important; font-weight:800!important; line-height:1.5!important; text-align:left!important; box-shadow:none!important; transition:.15s ease!important; } #pnc-page-app .pnc-answer:hover{ border-color:#10b981!important; background:#f0fdf4!important; box-shadow:0 0 0 2px rgba(16,185,129,.15)!important; } #pnc-page-app .pnc-answer.is-selected{ border-color:#10b981!important; background:#dcfce7!important; color:#047857!important; font-weight:900!important; box-shadow:0 0 0 2px rgba(16,185,129,.24)!important; } #pnc-page-app .pnc-nav{margin-top:14px!important;} #pnc-page-app .pnc-back, #pnc-page-app .pnc-restart{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; padding:8px 16px!important; border:1px solid #cdeee0!important; border-radius:999px!important; background:#fff!important; color:#315466!important; font-size:13px!important; font-weight:900!important; line-height:1.4!important; box-shadow:none!important; } #pnc-page-app .pnc-back:disabled{opacity:.45!important;cursor:not-allowed!important;} #pnc-page-app .pnc-result{ display:flex!important; flex-direction:column!important; gap:16px!important; margin-top:22px!important; } #pnc-page-app .pnc-score{ display:inline-flex!important; width:fit-content!important; padding:7px 14px!important; border-radius:999px!important; background:#ecfdf5!important; color:#047857!important; font-size:13px!important; font-weight:900!important; line-height:1.5!important; } #pnc-page-app .pnc-result-title{ margin:0!important; padding:0!important; border:none!important; background:none!important; color:#06283a!important; font-size:clamp(22px,3vw,28px)!important; font-weight:900!important; line-height:1.55!important; box-shadow:none!important; } #pnc-page-app .pnc-result-message, #pnc-page-app .pnc-result-detail{ margin:0!important; color:#315466!important; font-size:15px!important; line-height:1.9!important; } #pnc-page-app .pnc-result-detail p{margin:0 0 12px!important;} #pnc-page-app .pnc-summary{ margin-top:12px!important; padding:14px!important; border:1px solid #bbf7d0!important; border-radius:14px!important; background:#fff!important; } #pnc-page-app .pnc-summary-title{ margin:0 0 8px!important; color:#06283a!important; font-size:15px!important; font-weight:900!important; line-height:1.6!important; } #pnc-page-app .pnc-summary-list{ display:flex!important; flex-direction:column!important; gap:7px!important; margin:0!important; padding:0!important; list-style:none!important; } #pnc-page-app .pnc-summary-list li{ display:flex!important; justify-content:space-between!important; gap:10px!important; padding-bottom:7px!important; border-bottom:1px dashed #dbeee5!important; font-size:13px!important; line-height:1.6!important; } #pnc-page-app .pnc-summary-list li:last-child{padding-bottom:0!important;border-bottom:none!important;} #pnc-page-app .pnc-summary-label{color:#315466!important;font-weight:800!important;} #pnc-page-app .pnc-summary-value{color:#047857!important;font-weight:900!important;white-space:nowrap!important;} #pnc-page-app .pnc-cta{ padding:18px!important; border:1px solid #bbf7d0!important; border-radius:16px!important; background:#f0fdf4!important; } #pnc-page-app .pnc-cta p{ margin:0 0 12px!important; color:#315466!important; font-size:14px!important; line-height:1.85!important; } #pnc-page-app .pnc-cta strong{color:#047857!important;font-weight:900!important;} #pnc-page-app .pnc-cta-actions{ display:flex!important; flex-wrap:wrap!important; gap:10px!important; margin-top:12px!important; } #pnc-page-app .pnc-cta-btn{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:50px!important; padding:12px 22px!important; border-radius:999px!important; font-size:15px!important; font-weight:900!important; line-height:1.5!important; text-align:center!important; text-decoration:none!important; transition:.15s ease!important; } #pnc-page-app .pnc-cta-btn:hover{opacity:.96!important;transform:translateY(-1px)!important;} #pnc-page-app .pnc-cta-btn-main{ background:#10b981!important; color:#fff!important; box-shadow:0 10px 24px rgba(16,185,129,.22)!important; } #pnc-page-app .pnc-cta-btn-sub{ border:1px solid #bbf7d0!important; background:#fff!important; color:#047857!important; } #pnc-page-app .pnc-note{ margin:10px 0 0!important; color:#557284!important; font-size:12px!important; line-height:1.7!important; } #pnc-page-app .pnc-detail-retry-box{ margin-top:2px!important; padding:16px!important; border:1px solid #bbf7d0!important; border-radius:16px!important; background:#fff!important; } #pnc-page-app .pnc-detail-retry-title{ margin:0 0 8px!important; color:#047857!important; font-size:14px!important; font-weight:900!important; line-height:1.6!important; } #pnc-page-app .pnc-detail-retry-text{ margin:0 0 13px!important; color:#315466!important; font-size:13px!important; line-height:1.85!important; } #pnc-page-app .pnc-detail-retry-btn{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:46px!important; padding:10px 18px!important; border:1px solid #bbf7d0!important; border-radius:999px!important; background:#fff!important; color:#047857!important; font-size:14px!important; font-weight:900!important; line-height:1.5!important; text-align:center!important; box-shadow:none!important; transition:.15s ease!important; } #pnc-page-app .pnc-actions{ display:flex!important; justify-content:center!important; gap:10px!important; flex-wrap:wrap!important; margin-top:2px!important; } @media(max-width:768px){ #pnc-page-app{margin:24px auto 44px!important;padding:0 10px!important;} #pnc-page-app .pnc-card{padding:20px 14px 22px!important;border-radius:18px!important;} #pnc-page-app .pnc-mode, #pnc-page-app .pnc-attr-grid{grid-template-columns:1fr!important;} #pnc-page-app .pnc-progress-top{flex-direction:column!important;gap:3px!important;} #pnc-page-app .pnc-question{font-size:17px!important;} #pnc-page-app .pnc-summary-list li{flex-direction:column!important;gap:2px!important;} #pnc-page-app .pnc-summary-value{white-space:normal!important;} #pnc-page-app .pnc-cta-actions{flex-direction:column!important;} #pnc-page-app .pnc-cta-btn, #pnc-page-app .pnc-restart{width:100%!important;} } /* v4.7.22: 下部クロスナビは現在ページを除外して4枚表示 */ .pbsm-cross-nav-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } .pbsm-cross-nav-item.is-current{ border-color:#d8e9e2!important; background:#fff!important; } @media(max-width:768px){ .pbsm-cross-nav{ margin:24px auto!important; padding:16px!important; border-radius:20px!important; } .pbsm-cross-nav-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .pbsm-cross-nav-item{ min-height:78px!important; padding:13px!important; } } @media(max-width:360px){ .pbsm-cross-nav-grid{ grid-template-columns:1fr!important; } } /* v4.7.23: トップページにお悩み処方せん導線を追加 */ .pbsm-home-onayami{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; gap:18px!important; align-items:center!important; margin:0 0 22px!important; padding:24px!important; border:1px solid #bbf7d0!important; border-radius:24px!important; background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 78%)!important; box-shadow:0 14px 34px rgba(16,185,129,.10)!important; } .pbsm-home-onayami-copy h2{ margin:9px 0 8px!important; color:#06283a!important; font-size:clamp(20px,2.5vw,30px)!important; font-weight:900!important; line-height:1.45!important; text-align:left!important; } .pbsm-home-onayami-copy p{ margin:0!important; color:#315466!important; font-size:15px!important; line-height:1.85!important; text-align:left!important; } .pbsm-home-onayami-button{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:50px!important; padding:13px 24px!important; border-radius:999px!important; background:#2563eb!important; color:#fff!important; font-size:15px!important; font-weight:900!important; line-height:1.4!important; text-decoration:none!important; box-shadow:0 10px 22px rgba(37,99,235,.18)!important; white-space:nowrap!important; } .pbsm-home-onayami-button:hover{ opacity:.96!important; transform:translateY(-1px)!important; } @media(max-width:768px){ .pbsm-home-onayami{ grid-template-columns:1fr!important; padding:18px!important; border-radius:20px!important; gap:14px!important; } .pbsm-home-onayami-button{ width:100%!important; } } /* v4.7.25: 内部導線CTAのボタン形を統一（アフィリエイトボタン .pbsm-link は対象外） */ .pbsm-home-action, .pbsm-home-onayami-button, .pbsm-home-choice strong, .pbsm-btn.pbsm-main[data-cta-type="career_check"], .pbsm-btn.pbsm-sub[data-cta-type="need_check"], .pbsm-btn.pbsm-sub[data-cta-type="comparison"], .pbsm-btn.pbsm-sub[data-cta-type="diagnosis"], .pbsm-btn.pbsm-sub[data-cta-type="ranking"]{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:50px!important; border-radius:999px!important; padding:13px 24px!important; font-weight:900!important; line-height:1.35!important; text-decoration:none!important; } .pbsm-home-onayami-button, .pbsm-home-choice strong, .pbsm-home-action:not(.is-primary):not(.is-light), .pbsm-btn.pbsm-main[data-cta-type="career_check"], .pbsm-btn.pbsm-sub[data-cta-type="need_check"], .pbsm-btn.pbsm-sub[data-cta-type="comparison"], .pbsm-btn.pbsm-sub[data-cta-type="diagnosis"], .pbsm-btn.pbsm-sub[data-cta-type="ranking"]{ background:#2563eb!important; border:1px solid #2563eb!important; color:#fff!important; box-shadow:0 10px 22px rgba(37,99,235,.18)!important; } .pbsm-home-action.is-light, .pbsm-btn.pbsm-sub{ background:#fff!important; border:2px solid #2563eb!important; color:#2563eb!important; box-shadow:none!important; } .pbsm-home-action.is-primary{ background:#10b981!important; border-color:#10b981!important; color:#fff!important; box-shadow:0 10px 22px rgba(16,185,129,.20)!important; } @media(max-width:600px){ .pbsm-home-action, .pbsm-home-onayami-button, .pbsm-btn.pbsm-main, .pbsm-btn.pbsm-sub{width:100%!important;} } /* ========================================================= v4.7.26: CTA色とスマホ表示の整理 - アフィリエイトボタン（.pbsm-link / .pbsm-aff-*）は改変しない - 緑の大ボタンを減らし、LINEっぽさを避ける - トップページは主CTAだけ青塗り、その他は白背景＋青枠 - ランキングはスマホのみ順位バーをバッジ化 ========================================================= */ /* トップページ：ページ遷移導線は基本アウトラインにして、青塗りの圧を下げる */ .pbsm-home-hub .pbsm-home-onayami-button, .pbsm-home-hub .pbsm-home-choice strong, .pbsm-home-hub .pbsm-home-action:not(.is-primary){ background:#fff!important; border:2px solid #2563eb!important; color:#2563eb!important; box-shadow:none!important; } /* トップページ：本命アクションだけ青塗りにする */ .pbsm-home-hub .pbsm-home-action.is-primary{ background:#2563eb!important; border-color:#2563eb!important; color:#fff!important; box-shadow:0 10px 22px rgba(37,99,235,.18)!important; } /* トップページ：カード自体の緑トーンは維持し、ボタンだけリンクらしくする */ .pbsm-home-hub .pbsm-home-choice:hover strong, .pbsm-home-hub .pbsm-home-onayami-button:hover, .pbsm-home-hub .pbsm-home-action:not(.is-primary):hover{ background:#eff6ff!important; border-color:#1d4ed8!important; color:#1d4ed8!important; } /* 転職必要度診断：タブの選択状態は緑塗りではなく、薄緑＋緑枠にする */ #pnc-page-app .pnc-mode-btn.is-active{ background:#f0fdf4!important; border:2px solid #10b981!important; color:#047857!important; box-shadow:0 0 0 3px rgba(16,185,129,.10)!important; } /* 転職必要度診断：大きいアクションボタンは青。LINE緑と混同させない */ #pnc-page-app .pnc-start-detail, #pnc-page-app .pnc-cta-btn-main{ background:#2563eb!important; border:1px solid #2563eb!important; color:#fff!important; box-shadow:0 10px 22px rgba(37,99,235,.18)!important; } /* 転職必要度診断：補助リンクは白背景＋青枠 */ #pnc-page-app .pnc-cta-btn-sub, #pnc-page-app .pnc-detail-retry-btn{ background:#fff!important; border:2px solid #2563eb!important; color:#2563eb!important; box-shadow:none!important; } /* 転職必要度診断：回答の選択状態は緑のまま。ただしボタンではなく選択状態として控えめにする */ #pnc-page-app .pnc-answer.is-selected{ background:#f0fdf4!important; border-color:#10b981!important; color:#047857!important; box-shadow:0 0 0 2px rgba(16,185,129,.16)!important; } /* スマホのランキング：縦長順位バーをバッジ化 */ @media(max-width:640px){ .pbsm-ranking-card-rich, .pbsm-ranking-card-rich.pbsm-card-has-photo, .pbsm-ranking-card-rich.pbsm-card-no-photo{ display:block!important; grid-template-columns:1fr!important; padding:16px!important; border-left:0!important; border-top:5px solid var(--svc-color,#22a86b)!important; border-radius:18px!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; width:auto!important; height:auto!important; min-height:34px!important; min-width:72px!important; margin:0 0 12px!important; padding:7px 13px!important; border-radius:999px!important; font-size:13px!important; line-height:1!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank span, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank span, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank span{ font-size:20px!important; line-height:1!important; margin-right:2px!important; } .pbsm-ranking-card-rich .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-card-main{ display:block!important; width:100%!important; margin:0!important; padding:0!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name{ display:flex!important; align-items:center!important; gap:10px!important; margin-bottom:10px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name h2{ font-size:20px!important; line-height:1.35!important; } .pbsm-ranking-card-rich .pbsm-ranking-service-note{ font-size:13px!important; line-height:1.75!important; padding:12px!important; } } /* ========================================================= v4.7.27: スマホ版ランキングカード上部の再整理 - 順位・ロゴ・サービス名を同じヘッダー行に集約 - 「1」と「位」のサイズ差をなくし、1行ピル表示へ - ロゴを見やすくし、カード上部の視線を整理 ========================================================= */ @media(max-width:640px){ .pbsm-ranking-card-rich, .pbsm-ranking-card-rich.pbsm-card-has-photo, .pbsm-ranking-card-rich.pbsm-card-no-photo{ display:grid!important; grid-template-columns:auto minmax(0,1fr)!important; grid-template-areas: "rank head" "note note" "points points" "check check" "assure assure" "action action" "detail detail"!important; column-gap:10px!important; row-gap:10px!important; padding:16px!important; border-left:0!important; border-top:5px solid var(--svc-color,#22a86b)!important; border-radius:18px!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank{ grid-area:rank!important; align-self:start!important; justify-self:start!important; display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; width:auto!important; height:34px!important; min-height:34px!important; min-width:58px!important; margin:0!important; padding:0 13px!important; border-radius:999px!important; font-size:18px!important; line-height:1!important; font-weight:900!important; letter-spacing:.02em!important; font-variant-numeric:tabular-nums!important; box-shadow:0 8px 18px rgba(15,43,58,.12)!important; white-space:nowrap!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank span, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank span, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank span{ display:inline!important; font-size:inherit!important; line-height:1!important; font-weight:inherit!important; margin:0!important; letter-spacing:inherit!important; } .pbsm-ranking-card-rich .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-card-main{ display:contents!important; width:auto!important; margin:0!important; padding:0!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name{ grid-area:head!important; display:flex!important; align-items:center!important; gap:10px!important; min-width:0!important; margin:0!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name img{ flex:0 0 auto!important; width:92px!important; max-width:92px!important; height:38px!important; max-height:38px!important; object-fit:contain!important; padding:6px 8px!important; border:1px solid #dceee6!important; border-radius:10px!important; background:#fff!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name>div, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name>div, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name>div{ min-width:0!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name h2{ margin:0!important; color:#06283a!important; font-size:21px!important; line-height:1.25!important; font-weight:900!important; letter-spacing:.01em!important; } .pbsm-ranking-card-rich .pbsm-ranking-tagline, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-tagline, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-tagline{ margin:4px 0 0!important; color:#315466!important; font-size:12.5px!important; line-height:1.45!important; font-weight:800!important; } .pbsm-ranking-card-rich .pbsm-ranking-service-note, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-service-note, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-service-note{ grid-area:note!important; margin:4px 0 0!important; padding:12px!important; font-size:13px!important; line-height:1.75!important; } .pbsm-ranking-card-rich .pbsm-ranking-points, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-points, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-points{ grid-area:points!important; margin:0!important; } .pbsm-ranking-card-rich .pbsm-service-checklist, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-service-checklist, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-service-checklist{ grid-area:check!important; margin:2px 0!important; } .pbsm-ranking-card-rich .pbsm-conversion-assurance, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-conversion-assurance, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-conversion-assurance{ grid-area:assure!important; } .pbsm-ranking-card-rich .pbsm-ranking-action, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-action, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-action{ grid-area:action!important; margin-top:4px!important; } .pbsm-ranking-card-rich .pbsm-detail-text-link, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-detail-text-link, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-detail-text-link{ grid-area:detail!important; display:block!important; margin:2px 0 0!important; font-size:18px!important; line-height:1.45!important; } } @media(max-width:390px){ .pbsm-ranking-card-rich, .pbsm-ranking-card-rich.pbsm-card-has-photo, .pbsm-ranking-card-rich.pbsm-card-no-photo{ column-gap:8px!important; padding:14px!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank{ min-width:52px!important; height:32px!important; min-height:32px!important; padding:0 10px!important; font-size:16px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name img{ width:78px!important; max-width:78px!important; height:34px!important; max-height:34px!important; padding:5px 7px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name h2{ font-size:19px!important; } } /* ========================================================= v4.7.28: スマホ版ランキングカードの崩れ修正 - v4.7.27のgridヘッダーでサービス名が縦に折れる問題を解消 - スマホは「順位バッジ → ロゴ＋サービス名 → 説明」の安定レイアウトへ - アフィリエイトボタン（.pbsm-link / .pbsm-aff-*）は触らない ========================================================= */ @media(max-width:640px){ .pbsm-ranking-top3{ gap:16px!important; } .pbsm-ranking-card-rich, .pbsm-ranking-card-rich.pbsm-card-has-photo, .pbsm-ranking-card-rich.pbsm-card-no-photo{ display:block!important; grid-template-columns:none!important; grid-template-areas:none!important; width:100%!important; max-width:100%!important; min-width:0!important; padding:16px!important; border-left:0!important; border-top:4px solid var(--svc-color,#22a86b)!important; border-radius:18px!important; overflow:hidden!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank{ display:inline-flex!important; flex-direction:row!important; align-items:center!important; justify-content:center!important; width:auto!important; height:34px!important; min-width:58px!important; min-height:34px!important; margin:0 0 12px!important; padding:0 13px!important; border-radius:999px!important; color:#fff!important; font-size:18px!important; line-height:1!important; font-weight:900!important; letter-spacing:.02em!important; white-space:nowrap!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; box-shadow:0 8px 18px rgba(15,43,58,.12)!important; } .pbsm-ranking-card-rich .pbsm-ranking-rank span, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-rank span, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-rank span{ display:inline!important; font-size:inherit!important; line-height:1!important; font-weight:inherit!important; margin:0!important; letter-spacing:inherit!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; } .pbsm-ranking-card-rich .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-card-main, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-card-main{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; text-align:left!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name{ display:grid!important; grid-template-columns:96px minmax(0,1fr)!important; gap:12px!important; align-items:center!important; width:100%!important; min-width:0!important; margin:0 0 12px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name img{ grid-column:1!important; width:96px!important; max-width:96px!important; height:42px!important; max-height:42px!important; object-fit:contain!important; padding:6px 8px!important; border:1px solid #dceee6!important; border-radius:10px!important; background:#fff!important; margin:0!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name>div, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name>div, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name>div{ grid-column:2!important; width:100%!important; min-width:0!important; max-width:100%!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name h2{ display:block!important; width:100%!important; min-width:0!important; margin:0!important; color:#06283a!important; font-size:22px!important; line-height:1.25!important; font-weight:900!important; letter-spacing:.01em!important; text-align:left!important; white-space:normal!important; word-break:keep-all!important; overflow-wrap:normal!important; writing-mode:horizontal-tb!important; text-orientation:mixed!important; } .pbsm-ranking-card-rich .pbsm-ranking-tagline, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-tagline, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-tagline{ display:block!important; margin:4px 0 0!important; color:#315466!important; font-size:12.5px!important; line-height:1.45!important; font-weight:800!important; text-align:left!important; writing-mode:horizontal-tb!important; } .pbsm-ranking-card-rich .pbsm-ranking-service-note, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-service-note, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-service-note{ display:block!important; margin:0 0 12px!important; padding:12px!important; font-size:13.5px!important; line-height:1.75!important; text-align:left!important; } .pbsm-ranking-card-rich .pbsm-ranking-points, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-points, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-points{ display:grid!important; margin:0 0 12px!important; } .pbsm-ranking-card-rich .pbsm-service-checklist, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-service-checklist, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-service-checklist, .pbsm-ranking-card-rich .pbsm-conversion-assurance, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-conversion-assurance, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-conversion-assurance, .pbsm-ranking-card-rich .pbsm-ranking-action, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-action, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-action, .pbsm-ranking-card-rich .pbsm-detail-text-link, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-detail-text-link, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-detail-text-link{ display:block!important; width:100%!important; margin-top:12px!important; } } @media(max-width:380px){ .pbsm-ranking-card-rich .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name{ grid-template-columns:86px minmax(0,1fr)!important; gap:10px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name img, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name img{ width:86px!important; max-width:86px!important; height:38px!important; max-height:38px!important; } .pbsm-ranking-card-rich .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-has-photo .pbsm-ranking-logo-name h2, .pbsm-ranking-card-rich.pbsm-card-no-photo .pbsm-ranking-logo-name h2{ font-size:20px!important; } } /* ========================================================= v4.7.29: スマホ版「4位以下」ランキング行の崩れ修正 - 1〜3位カードは変更しない - 4位以下のCTA周辺が狭い列に入り、縦書きのように折れる問題を解消 - アフィリエイトURL・ASPタグ・リンク文言は変更しない ========================================================= */ @media(max-width:640px){ .pbsm-ranking-all-details{ border-radius:20px!important; overflow:hidden!important; } .pbsm-ranking-all-details summary{ padding:18px 18px!important; font-size:18px!important; line-height:1.45!important; } .pbsm-ranking-list{ display:grid!important; grid-template-columns:1fr!important; gap:12px!important; padding:0 12px 14px!important; } .pbsm-ranking-row{ display:block!important; grid-template-columns:none!important; width:100%!important; min-width:0!important; padding:16px!important; border-radius:18px!important; background:#fbfffd!important; border:1px solid #dceee6!important; box-shadow:0 8px 20px rgba(15,43,58,.04)!important; overflow:hidden!important; } .pbsm-ranking-row-rank{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:50px!important; height:30px!important; margin:0 0 10px!important; padding:0 12px!important; border-radius:999px!important; background:#ecfdf5!important; color:#047857!important; font-size:17px!important; line-height:1!important; font-weight:900!important; white-space:nowrap!important; } .pbsm-ranking-row strong{ display:block!important; width:100%!important; margin:0 0 8px!important; color:#06283a!important; font-size:18px!important; line-height:1.45!important; font-weight:900!important; text-align:left!important; white-space:normal!important; word-break:keep-all!important; overflow-wrap:normal!important; writing-mode:horizontal-tb!important; } .pbsm-ranking-row > span:not(.pbsm-ranking-row-rank){ display:block!important; width:100%!important; margin:0 0 12px!important; color:#315466!important; font-size:13.5px!important; line-height:1.75!important; font-weight:800!important; text-align:left!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; writing-mode:horizontal-tb!important; } /* microcopy付きアフィリエイトCTAを必ず全幅にする */ .pbsm-ranking-row .pbsm-aff-cta, .pbsm-ranking-row .pbsm-aff-cta-ranking, .pbsm-ranking-row .pbsm-aff-cta-default{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; margin:14px 0 10px!important; text-align:left!important; grid-column:1 / -1!important; writing-mode:horizontal-tb!important; } .pbsm-ranking-row .pbsm-aff-lead, .pbsm-ranking-row .pbsm-aff-note{ display:block!important; width:100%!important; max-width:100%!important; margin:0 0 8px!important; color:#06283a!important; font-size:13.5px!important; line-height:1.7!important; font-weight:850!important; text-align:left!important; white-space:normal!important; word-break:normal!important; overflow-wrap:break-word!important; writing-mode:horizontal-tb!important; } .pbsm-ranking-row .pbsm-aff-note{ margin:8px 0 0!important; color:#315466!important; font-size:12.5px!important; font-weight:700!important; } .pbsm-ranking-row .pbsm-aff-raw, .pbsm-ranking-row .pbsm-aff-rewrite, .pbsm-ranking-row .pbsm-aff-fixed{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; text-align:center!important; grid-column:1 / -1!important; writing-mode:horizontal-tb!important; } .pbsm-ranking-row .pbsm-aff-caption{ display:block!important; width:100%!important; margin:0 0 8px!important; color:#06283a!important; font-size:13px!important; line-height:1.6!important; font-weight:900!important; text-align:center!important; white-space:normal!important; writing-mode:horizontal-tb!important; } /* URL型リンクは全幅ボタンに整える。ASPタグのURL・テキスト自体は変更しない */ .pbsm-ranking-row .pbsm-link, .pbsm-ranking-row .pbsm-aff-raw a, .pbsm-ranking-row .pbsm-aff-rewrite a{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; max-width:100%!important; min-height:50px!important; padding:12px 16px!important; border-radius:14px!important; text-align:center!important; white-space:normal!important; word-break:keep-all!important; overflow-wrap:break-word!important; line-height:1.45!important; } .pbsm-ranking-row .pbsm-detail-text-link{ display:block!important; width:100%!important; margin:12px 0 0!important; color:#06283a!important; font-size:15px!important; line-height:1.55!important; font-weight:900!important; text-align:left!important; white-space:normal!important; word-break:keep-all!important; overflow-wrap:break-word!important; writing-mode:horizontal-tb!important; } } /* v4.7.30: 個別ランキングページ用（固定segment） */ .pbsm-ranking-page-fixed .pbsm-ranking-selector{display:none!important} .pbsm-ranking-page-fixed .pbsm-ranking-panel{display:none!important} .pbsm-ranking-page-fixed .pbsm-ranking-panel.is-active{display:block!important} .pbsm-ranking-page-fixed .pbsm-ranking-head-simple{margin-bottom:18px!important} .pbsm-ranking-page-fixed .pbsm-ranking-bridge{margin-top:24px!important} /* v4.7.31: 固定segmentショートコードでは該当ランキングだけを表示 */ .pbsm-ranking-page-fixed[data-pbsm-fixed-segment] .pbsm-ranking-panel{display:none!important;} .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="default"] .pbsm-ranking-panel[data-pbsm-ranking-panel="default"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="pharmacy"] .pbsm-ranking-panel[data-pbsm-ranking-panel="pharmacy"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="drugstore"] .pbsm-ranking-panel[data-pbsm-ranking-panel="drugstore"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="hospital"] .pbsm-ranking-panel[data-pbsm-ranking-panel="hospital"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="company"] .pbsm-ranking-panel[data-pbsm-ranking-panel="company"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="regular"] .pbsm-ranking-panel[data-pbsm-ranking-panel="regular"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="part"] .pbsm-ranking-panel[data-pbsm-ranking-panel="part"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="mama"] .pbsm-ranking-panel[data-pbsm-ranking-panel="mama"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="dispatch"] .pbsm-ranking-panel[data-pbsm-ranking-panel="dispatch"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="income"] .pbsm-ranking-panel[data-pbsm-ranking-panel="income"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="support"] .pbsm-ranking-panel[data-pbsm-ranking-panel="support"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="job"] .pbsm-ranking-panel[data-pbsm-ranking-panel="job"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="workplace_info"] .pbsm-ranking-panel[data-pbsm-ranking-panel="workplace_info"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="careful"] .pbsm-ranking-panel[data-pbsm-ranking-panel="careful"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="fast"] .pbsm-ranking-panel[data-pbsm-ranking-panel="fast"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="unknown"] .pbsm-ranking-panel[data-pbsm-ranking-panel="unknown"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="20s"] .pbsm-ranking-panel[data-pbsm-ranking-panel="20s"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="30s"] .pbsm-ranking-panel[data-pbsm-ranking-panel="30s"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="40s"] .pbsm-ranking-panel[data-pbsm-ranking-panel="40s"], .pbsm-ranking-page-fixed[data-pbsm-fixed-segment="50s"] .pbsm-ranking-panel[data-pbsm-ranking-panel="50s"]{display:block!important;} .pbsm-ranking-page-fixed .pbsm-ranking-selector{display:none!important;} /* ========================================================= v4.7.34 LP一括管理・心理導線型LP ========================================================= */ .pbsm-lp{--svc-color:#22a86b;max-width:1100px;margin:0 auto 80px;padding:0 16px;color:#233;font-size:16px;line-height:1.9}.pbsm-lp *{box-sizing:border-box}.pbsm-lp-hero{position:relative;overflow:hidden;margin:0 auto 54px;padding:42px 42px 46px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,252,252,.94));border:1px solid rgba(0,0,0,.06);box-shadow:0 16px 44px rgba(0,0,0,.06)}.pbsm-lp-kicker{display:inline-flex;margin-bottom:14px;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--svc-color) 12%,#fff);color:var(--svc-color);font-weight:900;letter-spacing:.04em}.pbsm-lp-hero h1{margin:0 0 18px;color:#1f2937;font-size:34px;font-weight:900;line-height:1.48}.pbsm-lp-hero p{max-width:860px;margin:0 0 22px;color:#3f4a4a;font-size:17px;line-height:1.95}.pbsm-lp-points{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}.pbsm-lp-points span{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.08);font-weight:800;color:#334}.pbsm-lp-sec{margin:54px auto;padding:0}.pbsm-lp-sec h2{margin:0 0 20px;padding-left:14px;border-left:6px solid var(--svc-color);font-size:28px;line-height:1.55;font-weight:900;color:#1f2937}.pbsm-lp-sec p{font-size:17px;line-height:1.95;color:#3f4a4a}.pbsm-lp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pbsm-lp-cards>div{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:18px;padding:22px 24px;box-shadow:0 6px 18px rgba(0,0,0,.045)}.pbsm-lp-cards b{display:block;margin-bottom:8px;color:#1f2937;font-size:18px;line-height:1.55}.pbsm-lp-cards p{margin:0;font-size:15.5px;line-height:1.85}.pbsm-lp-cost,.pbsm-lp-solution,.pbsm-lp-flow,.pbsm-lp-final{padding:28px 30px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--svc-color) 8%,#fff),#fff);border:1px solid color-mix(in srgb,var(--svc-color) 20%,#eee)}.pbsm-lp-list,.pbsm-lp-checks,.pbsm-lp-flow ol{margin:0;padding-left:1.25em}.pbsm-lp-list li,.pbsm-lp-checks li,.pbsm-lp-flow li{margin:.45em 0;font-size:17px;line-height:1.85}.pbsm-lp-checks li::marker{color:var(--svc-color);font-weight:900}.pbsm-lp .pbsm-aff-cta{margin:26px auto 0;text-align:center}.pbsm-lp .pbsm-aff-lead{margin:0 0 10px!important;color:var(--svc-color);font-weight:900;text-align:center}.pbsm-lp .pbsm-aff-note{max-width:760px;margin:12px auto 0!important;color:#5f6b6b;font-size:14px!important;line-height:1.75;text-align:center}.pbsm-lp-managed-cta{max-width:760px;margin:28px auto;text-align:center}.pbsm-lp-managed-cta .pbsm-aff-cta{margin-top:0}.pbsm-lp .pbsm-link,.pbsm-lp-managed-cta .pbsm-link{display:inline-flex;align-items:center;justify-content:center;min-width:320px;max-width:100%;padding:15px 30px;border-radius:999px;background:var(--svc-color);color:#fff!important;text-decoration:none!important;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--svc-color) 30%,transparent)}.pbsm-lp .pbsm-aff-raw,.pbsm-lp-managed-cta .pbsm-aff-raw{display:inline-block}.pbsm-lp .pbsm-aff-caption,.pbsm-lp-managed-cta .pbsm-aff-caption{display:inline-flex;align-items:center;justify-content:center;min-width:320px;max-width:100%;padding:15px 30px;border-radius:999px;background:var(--svc-color);color:#fff;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--svc-color) 30%,transparent)}.pbsm-lp .pbsm-aff-raw a,.pbsm-lp-managed-cta .pbsm-aff-raw a{display:none!important}.pbsm-lp .pbsm-aff-raw img,.pbsm-lp-managed-cta .pbsm-aff-raw img{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pbsm-lp-final{margin-bottom:0}.pbsm-lp-final h2{border-left:0;padding-left:0;color:var(--svc-color)} @media(max-width:900px){.pbsm-lp{padding:0 12px}.pbsm-lp-hero{padding:28px 20px 32px;border-radius:20px}.pbsm-lp-hero h1{font-size:26px}.pbsm-lp-hero p,.pbsm-lp-sec p{font-size:16px}.pbsm-lp-sec{margin:44px auto}.pbsm-lp-sec h2{font-size:23px}.pbsm-lp-cards{grid-template-columns:1fr}.pbsm-lp-cost,.pbsm-lp-solution,.pbsm-lp-flow,.pbsm-lp-final{padding:22px 18px;border-radius:18px}.pbsm-lp .pbsm-link,.pbsm-lp-managed-cta .pbsm-link,.pbsm-lp .pbsm-aff-caption,.pbsm-lp-managed-cta .pbsm-aff-caption{width:100%;min-width:0;padding:16px 18px}.pbsm-lp-points span{width:100%;text-align:center}} /* v4.7.34 fix: LPではASPタグ内のa要素をクリック対象として残す */ .pbsm-lp .pbsm-aff-caption,.pbsm-lp-managed-cta .pbsm-aff-caption{display:block!important;min-width:0!important;max-width:none!important;width:auto!important;margin:0 0 10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--svc-color)!important;box-shadow:none!important;font-size:15px!important;line-height:1.6!important;font-weight:900!important;text-align:center!important}.pbsm-lp .pbsm-aff-raw>a,.pbsm-lp-managed-cta .pbsm-aff-raw>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:320px!important;max-width:100%!important;min-height:52px!important;padding:15px 30px!important;border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 8px 20px color-mix(in srgb,var(--svc-color) 30%,transparent)!important}.pbsm-lp .pbsm-aff-raw img,.pbsm-lp-managed-cta .pbsm-aff-raw img{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important}.pbsm-lp .pbsm-aff-fixed,.pbsm-lp-managed-cta .pbsm-aff-fixed{background:transparent!important}.pbsm-lp .pbsm-aff-caption:before,.pbsm-lp-managed-cta .pbsm-aff-caption:before{display:none!important;content:""!important}@media(max-width:900px){.pbsm-lp .pbsm-aff-raw>a,.pbsm-lp-managed-cta .pbsm-aff-raw>a{width:100%!important;min-width:0!important}} /* ========================================================= v4.7.35: LP Pro 全面刷新 - [pharmablog_service_lp] の見た目をLP専用に作り直し - ASP発行HTMLは改変せず、CSSでボタン化 - 承認リスク表現を避け、半年以内転職・具体的な応募検討に寄せる ========================================================= */ .pbsm-lp-pro{ --svc-color:#f38618; --svc-dark:color-mix(in srgb,var(--svc-color) 80%,#000); --svc-soft:color-mix(in srgb,var(--svc-color) 10%,#fff); --svc-bg:color-mix(in srgb,var(--svc-color) 6%,#fff); --svc-border:color-mix(in srgb,var(--svc-color) 22%,#eee); max-width:1120px!important; margin:0 auto 90px!important; padding:0 18px 80px!important; color:#1f2933!important; font-size:16px!important; line-height:1.9!important; font-family:"Noto Sans JP","Helvetica",sans-serif!important; box-sizing:border-box!important; } .pbsm-lp-pro *{box-sizing:border-box!important;} .pbsm-lp-pro p{margin:0!important;} .pbsm-lp-pro strong{color:var(--svc-dark)!important;font-weight:900!important;} .pbsm-lp-pro-hero{ position:relative!important; overflow:hidden!important; margin:0 auto 78px!important; padding:48px 48px 50px!important; border-radius:34px!important; background: radial-gradient(circle at top right,color-mix(in srgb,var(--svc-color) 22%,transparent),transparent 33%), linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--svc-color) 7%,#fff) 56%,color-mix(in srgb,var(--svc-color) 13%,#fff) 100%)!important; border:1px solid var(--svc-border)!important; box-shadow:0 24px 64px rgba(45,34,22,.10)!important; } .pbsm-lp-pro-hero:before{ content:""!important; position:absolute!important; right:-72px!important; top:-72px!important; width:230px!important; height:230px!important; border-radius:50%!important; background:color-mix(in srgb,var(--svc-color) 18%,transparent)!important; } .pbsm-lp-pro-hero-inner{position:relative!important;z-index:1!important;max-width:880px!important;} .pbsm-lp-pro-kicker{ display:inline-flex!important; align-items:center!important; margin:0 0 18px!important; padding:8px 18px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; letter-spacing:.04em!important; } .pbsm-lp-pro-hero h1{ margin:0 0 22px!important; color:#161616!important; font-size:38px!important; font-weight:950!important; line-height:1.45!important; letter-spacing:.01em!important; } .pbsm-lp-pro-lead{ max-width:800px!important; color:#31363b!important; font-size:17px!important; line-height:2!important; } .pbsm-lp-pro-pills{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; margin:30px 0 20px!important; } .pbsm-lp-pro-pills span{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:48px!important; padding:12px 14px!important; border-radius:18px!important; background:#fff!important; border:1px solid color-mix(in srgb,var(--svc-color) 20%,#eee)!important; color:#202a30!important; font-size:14px!important; font-weight:850!important; text-align:center!important; box-shadow:0 8px 22px rgba(0,0,0,.045)!important; } .pbsm-lp-pro-section{margin:84px auto 0!important;} .pbsm-lp-pro-head{margin:0 0 30px!important;} .pbsm-lp-pro-head span{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:48px!important; height:28px!important; margin:0 0 14px!important; border-radius:999px!important; background:var(--svc-soft)!important; color:var(--svc-dark)!important; font-size:13px!important; font-weight:950!important; } .pbsm-lp-pro-head h2{ margin:0 0 13px!important; padding-left:16px!important; border-left:6px solid #22a86b!important; color:#1d1d1d!important; font-size:31px!important; font-weight:950!important; line-height:1.45!important; } .pbsm-lp-pro-head p{ max-width:820px!important; color:#56616a!important; font-size:16px!important; line-height:1.95!important; } .pbsm-lp-pro-cards{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; } .pbsm-lp-pro-card{ padding:26px 26px 28px!important; border-radius:26px!important; background:#fff!important; border:1px solid #eee2d5!important; box-shadow:0 14px 34px rgba(0,0,0,.055)!important; } .pbsm-lp-pro-card h3{ margin:0 0 13px!important; color:#1f1f1f!important; font-size:20px!important; font-weight:950!important; line-height:1.55!important; } .pbsm-lp-pro-card p{ color:#444!important; font-size:15px!important; line-height:1.95!important; } .pbsm-lp-pro-emphasis{ margin:84px auto 0!important; padding:36px 38px!important; border-radius:32px!important; background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important; border:1px solid var(--svc-border)!important; box-shadow:0 18px 48px rgba(45,34,22,.08)!important; } .pbsm-lp-pro-emphasis-label{ display:inline-flex!important; margin:0 0 16px!important; padding:7px 16px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; font-size:13px!important; font-weight:950!important; } .pbsm-lp-pro-emphasis h2{ margin:0 0 18px!important; padding-left:16px!important; border-left:6px solid #22a86b!important; color:#1d1d1d!important; font-size:29px!important; font-weight:950!important; line-height:1.5!important; } .pbsm-lp-pro-emphasis p{ margin:0 0 15px!important; color:#444!important; font-size:16px!important; line-height:2!important; } .pbsm-lp-pro-mini{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; margin-top:26px!important; } .pbsm-lp-pro-mini span{ padding:14px 15px!important; border-radius:16px!important; background:var(--svc-soft)!important; color:color-mix(in srgb,var(--svc-color) 62%,#3a2a11)!important; font-size:14px!important; font-weight:850!important; text-align:center!important; } .pbsm-lp-pro-checks{display:grid!important;gap:18px!important;} .pbsm-lp-pro-check{ display:grid!important; grid-template-columns:46px 1fr!important; gap:18px!important; padding:24px 26px!important; border-radius:24px!important; background:#fff!important; border:1px solid #eee2d5!important; box-shadow:0 12px 30px rgba(0,0,0,.045)!important; } .pbsm-lp-pro-checkIcon{ display:flex!important; align-items:center!important; justify-content:center!important; width:42px!important; height:42px!important; border-radius:50%!important; background:#22a86b!important; color:#fff!important; font-size:19px!important; font-weight:950!important; } .pbsm-lp-pro-check h3{ margin:0 0 8px!important; color:#1f1f1f!important; font-size:20px!important; font-weight:950!important; } .pbsm-lp-pro-check p{ color:#444!important; font-size:15px!important; line-height:1.95!important; } .pbsm-lp-pro-soft{ padding:38px!important; border-radius:34px!important; background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important; border:1px solid color-mix(in srgb,var(--svc-color) 17%,#eee)!important; box-shadow:0 16px 44px rgba(80,50,20,.05)!important; } .pbsm-lp-pro-fit{display:grid!important;gap:18px!important;} .pbsm-lp-pro-fit>div{ padding:24px 26px!important; border-radius:24px!important; background:#fff!important; border:1px solid color-mix(in srgb,var(--svc-color) 20%,#eee)!important; box-shadow:0 10px 26px rgba(0,0,0,.04)!important; } .pbsm-lp-pro-fit h3{ margin:0 0 10px!important; color:#1f1f1f!important; font-size:21px!important; font-weight:950!important; } .pbsm-lp-pro-fit p{color:#444!important;font-size:15px!important;line-height:1.95!important;} .pbsm-lp-pro-steps{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; } .pbsm-lp-pro-steps>div{ padding:24px 20px!important; border-radius:24px!important; background:#fff!important; border:1px solid #eee2d5!important; box-shadow:0 12px 28px rgba(0,0,0,.045)!important; } .pbsm-lp-pro-steps b{ display:inline-flex!important; margin:0 0 10px!important; padding:4px 10px!important; border-radius:999px!important; background:var(--svc-soft)!important; color:var(--svc-dark)!important; font-size:12px!important; font-weight:950!important; } .pbsm-lp-pro-steps h3{margin:0 0 8px!important;font-size:19px!important;font-weight:950!important;} .pbsm-lp-pro-steps p{color:#444!important;font-size:14px!important;line-height:1.85!important;} .pbsm-lp-pro-final{ margin:92px auto 0!important; padding:44px 44px 48px!important; border-radius:36px!important; background:radial-gradient(circle at top left,color-mix(in srgb,var(--svc-color) 18%,transparent),transparent 30%),linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important; border:1px solid var(--svc-border)!important; box-shadow:0 22px 56px rgba(45,34,22,.10)!important; text-align:center!important; } .pbsm-lp-pro-final-label{ display:inline-flex!important; margin:0 0 18px!important; padding:7px 17px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; font-size:13px!important; font-weight:950!important; } .pbsm-lp-pro-final h2{ max-width:840px!important; margin:0 auto 20px!important; color:#1d1d1d!important; font-size:31px!important; font-weight:950!important; line-height:1.5!important; } .pbsm-lp-pro-final p{ max-width:800px!important; margin:0 auto 15px!important; color:#444!important; font-size:16px!important; line-height:2!important; } /* CTA：ASP発行HTMLでもURL/文言は変えずに見た目だけ丸ボタン化 */ .pbsm-lp-pro .pbsm-lp-pro-ctaBlock{margin-top:36px!important;text-align:center!important;} .pbsm-lp-pro .pbsm-lp-pro-ctaLead{margin:0 0 12px!important;color:var(--svc-dark)!important;font-size:15px!important;font-weight:950!important;letter-spacing:.04em!important;} .pbsm-lp-pro .pbsm-lp-pro-ctaNote{max-width:760px!important;margin:13px auto 0!important;color:#666!important;font-size:13px!important;line-height:1.75!important;text-align:center!important;} .pbsm-lp-pro .pbsm-aff-cta{margin:0 auto!important;text-align:center!important;} .pbsm-lp-pro .pbsm-aff-lead,.pbsm-lp-pro .pbsm-aff-note{display:none!important;} .pbsm-lp-pro .pbsm-aff-caption{display:none!important;} .pbsm-lp-pro .pbsm-aff-raw,.pbsm-lp-pro .pbsm-aff-rewrite,.pbsm-lp-pro .pbsm-link,.pbsm-lp-pro .pbsm-aff-cta>div{ max-width:620px!important; width:100%!important; margin:0 auto!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; } .pbsm-lp-pro .pbsm-aff-raw>a,.pbsm-lp-pro .pbsm-aff-rewrite>a,.pbsm-lp-pro .pbsm-link{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; min-height:64px!important; padding:18px 30px!important; border-radius:999px!important; background:linear-gradient(135deg,var(--svc-color) 0%,color-mix(in srgb,var(--svc-color) 76%,#fff) 100%)!important; color:#fff!important; font-size:18px!important; font-weight:950!important; line-height:1.4!important; text-align:center!important; text-decoration:none!important; box-shadow:0 16px 32px color-mix(in srgb,var(--svc-color) 34%,transparent)!important; transition:.2s ease!important; } .pbsm-lp-pro .pbsm-aff-raw>a:hover,.pbsm-lp-pro .pbsm-aff-rewrite>a:hover,.pbsm-lp-pro .pbsm-link:hover{ transform:translateY(-2px)!important; filter:brightness(1.03)!important; box-shadow:0 20px 38px color-mix(in srgb,var(--svc-color) 40%,transparent)!important; } .pbsm-lp-pro .pbsm-aff-raw img,.pbsm-lp-pro .pbsm-aff-rewrite img{ position:absolute!important; width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important; } @media(max-width:900px){ .pbsm-lp-pro{padding:0 14px 64px!important;} .pbsm-lp-pro-hero{padding:34px 20px 36px!important;margin-bottom:62px!important;border-radius:28px!important;} .pbsm-lp-pro-hero:before{display:none!important;} .pbsm-lp-pro-kicker{font-size:13px!important;margin-bottom:16px!important;} .pbsm-lp-pro-hero h1{font-size:28px!important;line-height:1.55!important;} .pbsm-lp-pro-lead{font-size:15px!important;line-height:1.95!important;} .pbsm-lp-pro-pills,.pbsm-lp-pro-cards,.pbsm-lp-pro-mini,.pbsm-lp-pro-steps{grid-template-columns:1fr!important;} .pbsm-lp-pro-section{margin-top:66px!important;} .pbsm-lp-pro-head h2,.pbsm-lp-pro-emphasis h2,.pbsm-lp-pro-final h2{font-size:24px!important;} .pbsm-lp-pro-head p{font-size:15px!important;} .pbsm-lp-pro-card,.pbsm-lp-pro-fit>div{padding:22px 20px!important;border-radius:24px!important;} .pbsm-lp-pro-emphasis,.pbsm-lp-pro-soft{padding:26px 18px!important;border-radius:28px!important;} .pbsm-lp-pro-check{grid-template-columns:38px 1fr!important;gap:13px!important;padding:22px 18px!important;border-radius:22px!important;} .pbsm-lp-pro-checkIcon{width:36px!important;height:36px!important;} .pbsm-lp-pro-final{padding:34px 20px 38px!important;border-radius:30px!important;} .pbsm-lp-pro .pbsm-aff-raw>a,.pbsm-lp-pro .pbsm-aff-rewrite>a,.pbsm-lp-pro .pbsm-link{min-height:62px!important;padding:17px 20px!important;font-size:16px!important;} } /* ========================================================= v4.7.36: LP 120点版 - 成約LPとして再設計：HERO強化／現状維持コスト／不安解消／最終CTA - ASP発行HTML・リンク・アンカーテキストは改変せず、CSSだけでボタン化 ========================================================= */ .pbsm-lp-120{ --svc-color:#f38618; --svc-dark:color-mix(in srgb,var(--svc-color) 78%,#111); --svc-soft:color-mix(in srgb,var(--svc-color) 10%,#fff); --svc-bg:color-mix(in srgb,var(--svc-color) 6%,#fff); --svc-border:color-mix(in srgb,var(--svc-color) 23%,#eee); --lp-green:#19a463; --lp-text:#1d2430; --lp-muted:#4f5b66; max-width:1160px!important; margin:0 auto 100px!important; padding:0 18px 92px!important; color:var(--lp-text)!important; font-family:"Noto Sans JP","Helvetica",sans-serif!important; line-height:1.85!important; font-size:16px!important; box-sizing:border-box!important; } .pbsm-lp-120 *{box-sizing:border-box!important;} .pbsm-lp-120 p{margin:0!important;} .pbsm-lp-120 strong{color:var(--svc-dark)!important;font-weight:950!important;} /* HERO */ .pbsm120-hero{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)!important; gap:28px!important; margin:0 auto 86px!important; padding:48px!important; border-radius:36px!important; background: radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--svc-color) 22%,transparent),transparent 30%), linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--svc-color) 5%,#fff) 48%,color-mix(in srgb,var(--svc-color) 12%,#fff) 100%)!important; border:1px solid var(--svc-border)!important; box-shadow:0 28px 72px rgba(33,24,16,.12)!important; overflow:hidden!important; } .pbsm120-hero:before{content:""!important;position:absolute!important;right:-86px!important;top:-86px!important;width:260px!important;height:260px!important;border-radius:50%!important;background:color-mix(in srgb,var(--svc-color) 18%,transparent)!important;} .pbsm120-hero-main,.pbsm120-hero-panel{position:relative!important;z-index:1!important;} .pbsm120-hero-visual{position:relative!important;z-index:1!important;display:flex!important;flex-direction:column!important;gap:14px!important;align-self:stretch!important;min-width:0!important;} .pbsm120-hero-photo{position:relative!important;overflow:hidden!important;border-radius:28px!important;min-height:220px!important;background:var(--svc-soft)!important;border:1px solid var(--svc-border)!important;box-shadow:0 16px 38px rgba(0,0,0,.075)!important;} .pbsm120-hero-photo:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(255,255,255,0) 45%,rgba(0,0,0,.20) 100%)!important;pointer-events:none!important;} .pbsm120-hero-photo img{display:block!important;width:100%!important;height:100%!important;min-height:220px!important;object-fit:cover!important;object-position:center!important;} .pbsm120-kicker{display:inline-flex!important;align-items:center!important;margin:0 0 18px!important;padding:8px 18px!important;border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;letter-spacing:.045em!important;box-shadow:0 10px 22px color-mix(in srgb,var(--svc-color) 25%,transparent)!important;} .pbsm120-hero h1{max-width:780px!important;margin:0 0 22px!important;color:#121820!important;font-size:41px!important;font-weight:950!important;line-height:1.43!important;letter-spacing:.01em!important;} .pbsm120-hero h1:after{content:""!important;display:block!important;width:92px!important;height:6px!important;margin-top:18px!important;border-radius:999px!important;background:linear-gradient(90deg,var(--svc-color),#ffd37b)!important;} .pbsm120-lead{max-width:800px!important;color:#2f3943!important;font-size:17.5px!important;line-height:2.05!important;} .pbsm120-trustbar{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:28px 0 20px!important;} .pbsm120-trustbar span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:12px 12px!important;border-radius:16px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--svc-color) 18%,#eee)!important;color:#27313a!important;font-size:13.5px!important;font-weight:900!important;text-align:center!important;box-shadow:0 8px 22px rgba(0,0,0,.045)!important;} .pbsm120-hero-panel{align-self:stretch!important;padding:26px 24px!important;border-radius:26px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--svc-color) 20%,#eee)!important;box-shadow:0 16px 38px rgba(0,0,0,.06)!important;} .pbsm120-panel-label{display:inline-flex!important;margin-bottom:14px!important;padding:6px 13px!important;border-radius:999px!important;background:var(--svc-soft)!important;color:var(--svc-dark)!important;font-size:12px!important;font-weight:950!important;} .pbsm120-hero-panel ul{margin:0!important;padding:0!important;list-style:none!important;} .pbsm120-hero-panel li{position:relative!important;margin:0 0 13px!important;padding-left:26px!important;color:#25313b!important;font-size:15px!important;line-height:1.7!important;font-weight:850!important;} .pbsm120-hero-panel li:before{content:"✓"!important;position:absolute!important;left:0!important;top:.05em!important;display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;border-radius:50%!important;background:var(--lp-green)!important;color:#fff!important;font-size:11px!important;font-weight:950!important;} .pbsm120-panel-note{margin-top:18px!important;padding-top:16px!important;border-top:1px solid #eee!important;color:#5a6570!important;font-size:13px!important;line-height:1.7!important;} .pbsm120-hero-visual .pbsm120-hero-panel{padding:22px 22px!important;border-radius:24px!important;box-shadow:0 14px 34px rgba(0,0,0,.055)!important;} .pbsm120-hero-visual .pbsm120-panel-label{background:var(--svc-color)!important;color:#fff!important;} /* CTA */ .pbsm-lp-120 .pbsm120-ctaBox{margin-top:32px!important;text-align:center!important;} .pbsm-lp-120 .pbsm120-ctaBox-hero{text-align:left!important;max-width:660px!important;} .pbsm120-ctaPre{margin:0 0 12px!important;color:var(--svc-dark)!important;font-size:15px!important;font-weight:950!important;letter-spacing:.035em!important;text-align:center!important;} .pbsm120-ctaBox-hero .pbsm120-ctaPre{text-align:left!important;} .pbsm120-ctaBox p{max-width:760px!important;margin:13px auto 0!important;color:#66717b!important;font-size:13px!important;line-height:1.75!important;text-align:center!important;} .pbsm120-ctaBox-hero p{margin-left:0!important;text-align:left!important;} /* Affiliate output -> button */ .pbsm-lp-120 .pbsm-aff-cta{margin:0 auto!important;text-align:center!important;} .pbsm-lp-120 .pbsm-aff-lead,.pbsm-lp-120 .pbsm-aff-note,.pbsm-lp-120 .pbsm-aff-caption{display:none!important;} .pbsm-lp-120 .pbsm-aff-raw,.pbsm-lp-120 .pbsm-aff-rewrite,.pbsm-lp-120 .pbsm-link,.pbsm-lp-120 .pbsm-aff-cta>div{display:block!important;max-width:640px!important;width:100%!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;} .pbsm120-ctaBox-hero .pbsm-aff-raw,.pbsm120-ctaBox-hero .pbsm-aff-rewrite,.pbsm120-ctaBox-hero .pbsm-link,.pbsm120-ctaBox-hero .pbsm-aff-cta>div{margin-left:0!important;} .pbsm-lp-120 .pbsm-aff-raw>a,.pbsm-lp-120 .pbsm-aff-rewrite>a,.pbsm-lp-120 .pbsm-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:66px!important;padding:18px 32px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--svc-color) 0%,color-mix(in srgb,var(--svc-color) 78%,#fff) 100%)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;line-height:1.4!important;text-align:center!important;text-decoration:none!important;box-shadow:0 18px 34px color-mix(in srgb,var(--svc-color) 34%,transparent)!important;transition:.2s ease!important;position:relative!important;overflow:hidden!important;} .pbsm-lp-120 .pbsm-aff-raw>a:hover,.pbsm-lp-120 .pbsm-aff-rewrite>a:hover,.pbsm-lp-120 .pbsm-link:hover{transform:translateY(-2px)!important;filter:brightness(1.03)!important;box-shadow:0 22px 42px color-mix(in srgb,var(--svc-color) 42%,transparent)!important;} .pbsm-lp-120 .pbsm-aff-raw img,.pbsm-lp-120 .pbsm-aff-rewrite img{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important;} /* Sections */ .pbsm120-section{margin:88px auto 0!important;} .pbsm120-section-head{margin:0 0 30px!important;} .pbsm120-section-head span{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 0 14px!important;padding:5px 12px!important;border-radius:999px!important;background:var(--svc-soft)!important;color:var(--svc-dark)!important;font-size:12px!important;font-weight:950!important;} .pbsm120-section-head h2{margin:0 0 12px!important;padding-left:17px!important;border-left:6px solid var(--lp-green)!important;color:#17202a!important;font-size:31px!important;font-weight:950!important;line-height:1.45!important;} .pbsm120-section-head p{max-width:820px!important;color:var(--lp-muted)!important;font-size:16px!important;line-height:1.95!important;} .pbsm120-riskGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;} .pbsm120-riskGrid article{padding:24px 24px 26px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e9edf0!important;box-shadow:0 12px 32px rgba(0,0,0,.05)!important;} .pbsm120-riskGrid h3{margin:0 0 12px!important;color:#17202a!important;font-size:19px!important;font-weight:950!important;line-height:1.55!important;} .pbsm120-riskGrid p{color:#424d57!important;font-size:15px!important;line-height:1.92!important;} .pbsm120-cost,.pbsm120-objections,.pbsm120-stepsSection,.pbsm120-final{margin:88px auto 0!important;padding:40px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important;border:1px solid var(--svc-border)!important;box-shadow:0 20px 54px rgba(33,24,16,.08)!important;} .pbsm120-cost-label,.pbsm120-final-label{display:inline-flex!important;margin:0 0 16px!important;padding:7px 16px!important;border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;font-size:13px!important;font-weight:950!important;} .pbsm120-cost h2,.pbsm120-final h2{margin:0 0 18px!important;padding-left:17px!important;border-left:6px solid var(--lp-green)!important;color:#17202a!important;font-size:30px!important;font-weight:950!important;line-height:1.48!important;} .pbsm120-cost p,.pbsm120-final p{max-width:860px!important;margin:0 0 15px!important;color:#424d57!important;font-size:16px!important;line-height:2!important;} .pbsm120-cost-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:26px!important;} .pbsm120-cost-points span{padding:14px 15px!important;border-radius:16px!important;background:#fff!important;border:1px solid color-mix(in srgb,var(--svc-color) 18%,#eee)!important;color:var(--svc-dark)!important;font-size:14px!important;font-weight:900!important;text-align:center!important;} .pbsm120-solutionList{display:grid!important;gap:16px!important;} .pbsm120-solutionList article{display:grid!important;grid-template-columns:44px 1fr!important;gap:16px!important;padding:24px 26px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e9edf0!important;box-shadow:0 12px 30px rgba(0,0,0,.045)!important;} .pbsm120-check{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border-radius:50%!important;background:var(--lp-green)!important;color:#fff!important;font-size:18px!important;font-weight:950!important;} .pbsm120-solutionList h3{margin:0 0 8px!important;color:#17202a!important;font-size:20px!important;font-weight:950!important;} .pbsm120-solutionList p{color:#424d57!important;font-size:15px!important;line-height:1.92!important;} .pbsm120-fitSection{padding:38px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important;border:1px solid var(--svc-border)!important;box-shadow:0 16px 44px rgba(33,24,16,.055)!important;} .pbsm120-fitList{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;} .pbsm120-fitList article,.pbsm120-objectionGrid article,.pbsm120-steps article{padding:22px 24px!important;border-radius:22px!important;background:#fff!important;border:1px solid #e9edf0!important;box-shadow:0 10px 26px rgba(0,0,0,.04)!important;} .pbsm120-fitList h3,.pbsm120-objectionGrid h3,.pbsm120-steps h3{margin:0 0 9px!important;color:#17202a!important;font-size:18px!important;font-weight:950!important;line-height:1.55!important;} .pbsm120-fitList p,.pbsm120-objectionGrid p,.pbsm120-steps p{color:#424d57!important;font-size:14.5px!important;line-height:1.9!important;} .pbsm120-objectionGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;} .pbsm120-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;} .pbsm120-steps b{display:inline-flex!important;margin:0 0 10px!important;padding:4px 10px!important;border-radius:999px!important;background:var(--svc-soft)!important;color:var(--svc-dark)!important;font-size:12px!important;font-weight:950!important;} .pbsm120-final{text-align:center!important;} .pbsm120-final h2{max-width:860px!important;margin-left:auto!important;margin-right:auto!important;text-align:left!important;} .pbsm120-final p{margin-left:auto!important;margin-right:auto!important;text-align:left!important;} .pbsm120-ctaBox-final{margin-top:34px!important;} /* Mobile sticky CTA */ .pbsm120-sticky-cta{display:none!important;} @media(max-width:900px){ .pbsm-lp-120{padding:0 14px 92px!important;margin-bottom:70px!important;} .pbsm120-hero{grid-template-columns:1fr!important;padding:32px 20px 34px!important;margin-bottom:64px!important;border-radius:28px!important;} .pbsm120-hero:before{display:none!important;} .pbsm120-kicker{font-size:12px!important;margin-bottom:16px!important;} .pbsm120-hero h1{font-size:27px!important;line-height:1.55!important;} .pbsm120-lead{font-size:15px!important;line-height:1.95!important;} .pbsm120-trustbar,.pbsm120-riskGrid,.pbsm120-cost-points,.pbsm120-fitList,.pbsm120-objectionGrid,.pbsm120-steps{grid-template-columns:1fr!important;} .pbsm120-hero-panel{padding:22px 18px!important;border-radius:22px!important;} .pbsm120-hero-visual{gap:12px!important;} .pbsm120-hero-photo{min-height:210px!important;border-radius:24px!important;} .pbsm120-hero-photo img{min-height:210px!important;} .pbsm120-ctaBox-hero{text-align:center!important;max-width:none!important;} .pbsm120-ctaBox-hero .pbsm120-ctaPre,.pbsm120-ctaBox-hero p{text-align:center!important;} .pbsm120-ctaBox-hero .pbsm-aff-raw,.pbsm120-ctaBox-hero .pbsm-aff-rewrite,.pbsm120-ctaBox-hero .pbsm-link,.pbsm120-ctaBox-hero .pbsm-aff-cta>div{margin-left:auto!important;} .pbsm120-section,.pbsm120-cost,.pbsm120-objections,.pbsm120-stepsSection,.pbsm120-final{margin-top:68px!important;} .pbsm120-section-head h2,.pbsm120-cost h2,.pbsm120-final h2{font-size:24px!important;} .pbsm120-section-head p,.pbsm120-cost p,.pbsm120-final p{font-size:15px!important;} .pbsm120-cost,.pbsm120-objections,.pbsm120-stepsSection,.pbsm120-final,.pbsm120-fitSection{padding:28px 18px!important;border-radius:28px!important;} .pbsm120-riskGrid article,.pbsm120-fitList article,.pbsm120-objectionGrid article,.pbsm120-steps article{padding:21px 19px!important;border-radius:22px!important;} .pbsm120-solutionList article{grid-template-columns:38px 1fr!important;gap:13px!important;padding:22px 18px!important;border-radius:22px!important;} .pbsm120-check{width:36px!important;height:36px!important;} .pbsm-lp-120 .pbsm-aff-raw>a,.pbsm-lp-120 .pbsm-aff-rewrite>a,.pbsm-lp-120 .pbsm-link{min-height:62px!important;padding:17px 20px!important;font-size:16px!important;} .pbsm120-sticky-cta{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;padding:9px 12px 11px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 -10px 28px rgba(0,0,0,.12)!important;backdrop-filter:blur(10px)!important;} .pbsm120-sticky-cta .pbsm-aff-cta{margin:0!important;} .pbsm120-sticky-cta .pbsm-aff-raw,.pbsm120-sticky-cta .pbsm-aff-rewrite,.pbsm120-sticky-cta .pbsm-link,.pbsm120-sticky-cta .pbsm-aff-cta>div{max-width:520px!important;width:100%!important;margin:0 auto!important;} .pbsm120-sticky-cta .pbsm-aff-raw>a,.pbsm120-sticky-cta .pbsm-aff-rewrite>a,.pbsm120-sticky-cta .pbsm-link{min-height:52px!important;font-size:15px!important;padding:13px 16px!important;} .pbsm120-sticky-cta .pbsm-aff-lead,.pbsm120-sticky-cta .pbsm-aff-note,.pbsm120-sticky-cta .pbsm-aff-caption{display:none!important;} } /* ========================================================= v4.7.38: LP 110点狙い版 override - PC: 画像と文字を重ねるHero - コピー導線: 損失回避→独自性→不安解消→高意欲CTA - ASP発行HTMLは改変せずCSSのみでボタン化 ========================================================= */ .pbsm-lp-120{ max-width:1120px!important; padding:0 18px 96px!important; color:#16202a!important; } .pbsm-lp-120 .pbsm120-hero-overlap{ position:relative!important; display:block!important; min-height:610px!important; margin:0 auto 92px!important; padding:0!important; border-radius:34px!important; overflow:hidden!important; background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important; border:1px solid var(--svc-border)!important; box-shadow:0 26px 70px rgba(24,18,12,.13)!important; } .pbsm-lp-120 .pbsm120-hero-bg{ position:absolute!important; top:0!important; right:0!important; bottom:0!important; width:56%!important; z-index:0!important; overflow:hidden!important; } .pbsm-lp-120 .pbsm120-hero-bg:before{ content:""!important; position:absolute!important; inset:0!important; z-index:1!important; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.86) 30%,rgba(255,255,255,.34) 62%,rgba(255,255,255,.04) 100%)!important; } .pbsm-lp-120 .pbsm120-hero-bg img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; transform:scale(1.03)!important; } .pbsm-lp-120 .pbsm120-hero-copy{ position:relative!important; z-index:2!important; width:min(68%,760px)!important; margin:0!important; padding:48px 48px 50px!important; min-height:610px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; background:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 78%,rgba(255,255,255,.72) 100%)!important; backdrop-filter:blur(6px)!important; } .pbsm-lp-120 .pbsm120-kicker{ width:max-content!important; max-width:100%!important; margin:0 0 18px!important; padding:8px 17px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; font-size:13px!important; font-weight:950!important; letter-spacing:.04em!important; } .pbsm-lp-120 .pbsm120-hero h1{ margin:0 0 20px!important; color:#111a22!important; font-size:39px!important; font-weight:950!important; line-height:1.38!important; letter-spacing:.01em!important; } .pbsm-lp-120 .pbsm120-lead{ max-width:690px!important; color:#2f3a45!important; font-size:17px!important; line-height:2!important; } .pbsm-lp-120 .pbsm120-trustbar{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:10px!important; max-width:660px!important; margin:26px 0 0!important; } .pbsm-lp-120 .pbsm120-trustbar span{ padding:11px 12px!important; border-radius:999px!important; background:#fff!important; border:1px solid color-mix(in srgb,var(--svc-color) 18%,#e9edf0)!important; box-shadow:0 10px 22px rgba(0,0,0,.045)!important; color:#20303c!important; font-size:13px!important; font-weight:900!important; text-align:center!important; } .pbsm-lp-120 .pbsm120-hero-panel-overlap{ position:absolute!important; z-index:3!important; right:34px!important; bottom:34px!important; width:min(355px,31%)!important; padding:22px 22px!important; border-radius:24px!important; background:rgba(255,255,255,.94)!important; border:1px solid rgba(255,255,255,.85)!important; box-shadow:0 18px 46px rgba(0,0,0,.16)!important; backdrop-filter:blur(10px)!important; } .pbsm-lp-120 .pbsm120-panel-label{font-size:13px!important;font-weight:950!important;color:var(--svc-dark)!important;margin-bottom:12px!important;} .pbsm-lp-120 .pbsm120-hero-panel ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:8px!important;} .pbsm-lp-120 .pbsm120-hero-panel li{position:relative!important;padding-left:22px!important;color:#1f2d38!important;font-size:13px!important;font-weight:850!important;line-height:1.55!important;} .pbsm-lp-120 .pbsm120-hero-panel li:before{content:"✓"!important;position:absolute!important;left:0!important;top:0!important;color:var(--lp-green)!important;font-weight:950!important;} .pbsm-lp-120 .pbsm120-panel-note{margin-top:12px!important;color:#5b6671!important;font-size:12px!important;line-height:1.65!important;} .pbsm-lp-120 .pbsm120-ctaBox{margin-top:30px!important;text-align:center!important;} .pbsm-lp-120 .pbsm120-ctaBox-hero{text-align:left!important;margin-top:30px!important;max-width:670px!important;} .pbsm-lp-120 .pbsm120-ctaPre{margin:0 0 8px!important;color:var(--svc-dark)!important;font-size:14px!important;font-weight:950!important;letter-spacing:.04em!important;text-align:center!important;} .pbsm-lp-120 .pbsm120-ctaReason{max-width:700px!important;margin:0 auto 10px!important;color:#253342!important;font-size:14px!important;font-weight:850!important;line-height:1.75!important;text-align:center!important;} .pbsm-lp-120 .pbsm120-ctaBox-hero .pbsm120-ctaPre,.pbsm-lp-120 .pbsm120-ctaBox-hero .pbsm120-ctaReason{text-align:left!important;} .pbsm-lp-120 .pbsm120-ctaBox p{max-width:710px!important;margin:12px auto 0!important;color:#6a7480!important;font-size:12.5px!important;line-height:1.75!important;text-align:center!important;} .pbsm-lp-120 .pbsm120-ctaBox-hero p{text-align:left!important;margin-left:0!important;} .pbsm-lp-120 .pbsm-aff-raw>a,.pbsm-lp-120 .pbsm-aff-rewrite>a,.pbsm-lp-120 .pbsm-link{ min-height:68px!important; border-radius:999px!important; background:linear-gradient(135deg,var(--svc-color) 0%,color-mix(in srgb,var(--svc-color) 76%,#fff) 100%)!important; font-size:18px!important; box-shadow:0 18px 36px color-mix(in srgb,var(--svc-color) 36%,transparent)!important; } .pbsm120-ctaBox-hero .pbsm-aff-raw,.pbsm120-ctaBox-hero .pbsm-aff-rewrite,.pbsm120-ctaBox-hero .pbsm-link,.pbsm120-ctaBox-hero .pbsm-aff-cta>div{margin-left:0!important;} .pbsm-lp-120 .pbsm120-section{margin-top:96px!important;} .pbsm-lp-120 .pbsm120-section-head span,.pbsm-lp-120 .pbsm120-cost-label,.pbsm-lp-120 .pbsm120-final-label{ box-shadow:0 8px 18px color-mix(in srgb,var(--svc-color) 18%,transparent)!important; } .pbsm-lp-120 .pbsm120-section-head h2,.pbsm-lp-120 .pbsm120-cost h2,.pbsm-lp-120 .pbsm120-final h2{ font-size:32px!important; letter-spacing:.005em!important; } .pbsm-lp-120 .pbsm120-section-head p{font-size:16.5px!important;max-width:860px!important;} .pbsm-lp-120 .pbsm120-riskGrid article,.pbsm-lp-120 .pbsm120-reasonCards article,.pbsm-lp-120 .pbsm120-fitList article,.pbsm-lp-120 .pbsm120-objectionGrid article,.pbsm-lp-120 .pbsm120-steps article{ transition:.18s ease!important; } .pbsm-lp-120 .pbsm120-riskGrid article:hover,.pbsm-lp-120 .pbsm120-reasonCards article:hover,.pbsm-lp-120 .pbsm120-fitList article:hover,.pbsm-lp-120 .pbsm120-objectionGrid article:hover,.pbsm-lp-120 .pbsm120-steps article:hover{ transform:translateY(-2px)!important; box-shadow:0 16px 38px rgba(0,0,0,.07)!important; } .pbsm-lp-120 .pbsm120-cost-strong,.pbsm-lp-120 .pbsm120-final-strong{ background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 56%,color-mix(in srgb,var(--svc-color) 11%,#fff) 100%)!important; border-width:1px!important; box-shadow:0 24px 64px rgba(33,24,16,.10)!important; } .pbsm-lp-120 .pbsm120-serviceReason{padding:40px!important;border-radius:34px!important;background:#fff!important;border:1px solid #e9edf0!important;box-shadow:0 18px 48px rgba(0,0,0,.055)!important;} .pbsm-lp-120 .pbsm120-reasonCards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;} .pbsm-lp-120 .pbsm120-reasonCards article{padding:24px 24px 26px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,var(--svc-bg) 100%)!important;border:1px solid var(--svc-border)!important;box-shadow:0 12px 32px rgba(0,0,0,.045)!important;} .pbsm-lp-120 .pbsm120-reasonCards h3{margin:0 0 11px!important;color:#17202a!important;font-size:19px!important;font-weight:950!important;line-height:1.55!important;} .pbsm-lp-120 .pbsm120-reasonCards p{color:#424d57!important;font-size:15px!important;line-height:1.92!important;} .pbsm-lp-120 .pbsm120-solutionList article{border-left:5px solid var(--lp-green)!important;} .pbsm-lp-120 .pbsm120-final-strong{text-align:left!important;} .pbsm-lp-120 .pbsm120-final-strong .pbsm120-ctaBox{text-align:center!important;} @media(max-width:900px){ .pbsm-lp-120{padding:0 14px 96px!important;} .pbsm-lp-120 .pbsm120-hero-overlap{min-height:0!important;margin-bottom:72px!important;border-radius:30px!important;} .pbsm-lp-120 .pbsm120-hero-bg{position:relative!important;width:100%!important;height:235px!important;display:block!important;} .pbsm-lp-120 .pbsm120-hero-bg:before{background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.32) 70%,rgba(255,255,255,.96) 100%)!important;} .pbsm-lp-120 .pbsm120-hero-copy{width:100%!important;min-height:0!important;padding:24px 20px 30px!important;background:#fff!important;backdrop-filter:none!important;} .pbsm-lp-120 .pbsm120-hero h1{font-size:28px!important;line-height:1.52!important;} .pbsm-lp-120 .pbsm120-lead{font-size:15.5px!important;line-height:1.92!important;} .pbsm-lp-120 .pbsm120-trustbar{grid-template-columns:1fr!important;max-width:none!important;} .pbsm-lp-120 .pbsm120-hero-panel-overlap{position:relative!important;right:auto!important;bottom:auto!important;width:auto!important;margin:0 18px 24px!important;box-shadow:0 14px 34px rgba(0,0,0,.10)!important;} .pbsm-lp-120 .pbsm120-ctaBox-hero,.pbsm-lp-120 .pbsm120-ctaBox-hero .pbsm120-ctaPre,.pbsm-lp-120 .pbsm120-ctaBox-hero p,.pbsm-lp-120 .pbsm120-ctaBox-hero .pbsm120-ctaReason{text-align:center!important;} .pbsm120-ctaBox-hero .pbsm-aff-raw,.pbsm120-ctaBox-hero .pbsm-aff-rewrite,.pbsm120-ctaBox-hero .pbsm-link,.pbsm120-ctaBox-hero .pbsm-aff-cta>div{margin-left:auto!important;} .pbsm-lp-120 .pbsm120-section{margin-top:74px!important;} .pbsm-lp-120 .pbsm120-section-head h2,.pbsm-lp-120 .pbsm120-cost h2,.pbsm-lp-120 .pbsm120-final h2{font-size:24px!important;} .pbsm-lp-120 .pbsm120-serviceReason{padding:28px 18px!important;border-radius:28px!important;} .pbsm-lp-120 .pbsm120-reasonCards{grid-template-columns:1fr!important;} .pbsm-lp-120 .pbsm120-riskGrid,.pbsm-lp-120 .pbsm120-cost-points,.pbsm-lp-120 .pbsm120-fitList,.pbsm-lp-120 .pbsm120-objectionGrid,.pbsm-lp-120 .pbsm120-steps{grid-template-columns:1fr!important;} } /* ========================================================= v4.7.41: LP横幅・スマホ余白の再調整 - スマホで本文・カード・CTAが細く見えないようにする - PCは読みやすい範囲で少し広げる ========================================================= */ .pbsm-lp-120{ max-width:1220px!important; width:100%!important; padding-left:16px!important; padding-right:16px!important; } .pbsm-lp-120 .pbsm120-hero-copy{ width:min(70%,790px)!important; } .pbsm-lp-120 .pbsm120-hero-bg{ width:58%!important; } .pbsm-lp-120 .pbsm120-section-head p, .pbsm-lp-120 .pbsm120-cost p, .pbsm-lp-120 .pbsm120-final p{ max-width:920px!important; } @media(max-width:900px){ .pbsm-lp-120{ max-width:100vw!important; width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding-left:8px!important; padding-right:8px!important; } .pbsm-lp-120 .pbsm120-hero-overlap, .pbsm-lp-120 .pbsm120-section, .pbsm-lp-120 .pbsm120-cost, .pbsm-lp-120 .pbsm120-objections, .pbsm-lp-120 .pbsm120-stepsSection, .pbsm-lp-120 .pbsm120-final, .pbsm-lp-120 .pbsm120-fitSection, .pbsm-lp-120 .pbsm120-serviceReason{ width:100%!important; } .pbsm-lp-120 .pbsm120-hero-copy{ padding-left:18px!important; padding-right:18px!important; } .pbsm-lp-120 .pbsm120-cost, .pbsm-lp-120 .pbsm120-objections, .pbsm-lp-120 .pbsm120-stepsSection, .pbsm-lp-120 .pbsm120-final, .pbsm-lp-120 .pbsm120-fitSection, .pbsm-lp-120 .pbsm120-serviceReason{ padding-left:18px!important; padding-right:18px!important; } .pbsm-lp-120 .pbsm120-riskGrid article, .pbsm-lp-120 .pbsm120-reasonCards article, .pbsm-lp-120 .pbsm120-fitList article, .pbsm-lp-120 .pbsm120-objectionGrid article, .pbsm-lp-120 .pbsm120-steps article, .pbsm-lp-120 .pbsm120-solutionList article{ padding-left:18px!important; padding-right:18px!important; } } /* v4.7.42 pharmacareer supplied text LP tweaks */ .pbsm-lp-120-pharmacareer-supplied .pbsm120-hero-info{margin:10px 0 0!important;color:#5c6873!important;font-size:13.5px!important;line-height:1.75!important;font-weight:800!important;} .pbsm-lp-120-pharmacareer-supplied .pbsm120-section .pbsm120-ctaBox{margin-top:28px!important;} @media (max-width:900px){ .pbsm-lp-120-pharmacareer-supplied .pbsm120-hero-info{text-align:center!important;font-size:12.5px!important;} } /* ========================================================= v4.7.45: ヤクジョブLP専用改善 - 親テーマの本文幅に引っ張られないよう横幅を拡張 - 説明ページ感を減らし、読みやすいカードLPへ変更 ========================================================= */ .pbsm-lp-yj45{ --yj-blue:#3DADD6; --yj-blue-dark:#167fa7; --yj-soft:#eefaff; --yj-border:#bfeaf7; --yj-text:#15212b; --yj-muted:#51606b; position:relative!important; left:50%!important; transform:translateX(-50%)!important; width:min(1180px,calc(100vw - 28px))!important; max-width:none!important; margin:0 0 100px!important; padding:0 0 90px!important; color:var(--yj-text)!important; } .pbsm-lp-yj45 *{box-sizing:border-box!important;} .pbsm-lp-yj45 p{margin:0!important;} .pbsm-lp-yj45 strong{color:var(--yj-blue-dark)!important;font-weight:950!important;} .pbsm-lp-yj45 .yj45-hero{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr)!important; gap:26px!important; align-items:stretch!important; padding:44px!important; border-radius:34px!important; overflow:hidden!important; background: radial-gradient(circle at 100% 0%,rgba(61,173,214,.28),transparent 34%), linear-gradient(135deg,#fff 0%,#f8fdff 50%,#e9f9ff 100%)!important; border:1px solid var(--yj-border)!important; box-shadow:0 24px 62px rgba(26,110,145,.16)!important; } .pbsm-lp-yj45 .yj45-hero-bg{position:absolute!important;inset:0!important;pointer-events:none!important;} .pbsm-lp-yj45 .yj45-hero-bg:before{content:""!important;position:absolute!important;right:-78px!important;top:-120px!important;width:330px!important;height:330px!important;border-radius:52px!important;transform:rotate(18deg)!important;background:rgba(61,173,214,.22)!important;} .pbsm-lp-yj45 .yj45-hero-bg:after{content:""!important;position:absolute!important;right:54px!important;bottom:-80px!important;width:230px!important;height:230px!important;border-radius:999px!important;background:rgba(61,173,214,.15)!important;} .pbsm-lp-yj45 .yj45-hero-copy,.pbsm-lp-yj45 .yj45-hero-side{position:relative!important;z-index:2!important;} .pbsm-lp-yj45 .yj45-kicker{display:inline-flex!important;margin:0 0 18px!important;padding:8px 17px!important;border-radius:999px!important;background:var(--yj-blue)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;line-height:1.45!important;box-shadow:0 10px 22px rgba(61,173,214,.24)!important;} .pbsm-lp-yj45 h1{margin:0 0 22px!important;color:#101923!important;font-size:42px!important;font-weight:950!important;line-height:1.36!important;letter-spacing:.01em!important;} .pbsm-lp-yj45 h1 span{color:var(--yj-blue-dark)!important;} .pbsm-lp-yj45 .yj45-hero-copy>p{max-width:760px!important;margin:0 0 13px!important;color:#2f3b45!important;font-size:17px!important;line-height:2!important;} .pbsm-lp-yj45 .yj45-tags{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:26px 0 0!important;max-width:760px!important;} .pbsm-lp-yj45 .yj45-tags span{display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:11px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid var(--yj-border)!important;box-shadow:0 10px 24px rgba(20,110,150,.08)!important;color:#1d3441!important;font-size:13.5px!important;font-weight:900!important;text-align:center!important;} .pbsm-lp-yj45 .yj45-hero-side{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:16px!important;padding:24px!important;border-radius:28px!important;background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.88)!important;box-shadow:0 18px 42px rgba(16,87,118,.13)!important;backdrop-filter:blur(8px)!important;} .pbsm-lp-yj45 .yj45-logo{display:flex!important;align-items:center!important;justify-content:center!important;min-height:96px!important;padding:16px!important;border-radius:22px!important;background:linear-gradient(135deg,#f7fdff,#e9f9ff)!important;border:1px solid var(--yj-border)!important;overflow:hidden!important;} .pbsm-lp-yj45 .yj45-logo img{display:block!important;max-width:86%!important;height:auto!important;max-height:80px!important;object-fit:contain!important;} .pbsm-lp-yj45 .yj45-check-title{display:inline-flex!important;width:max-content!important;max-width:100%!important;padding:6px 13px!important;border-radius:999px!important;background:var(--yj-blue)!important;color:#fff!important;font-size:13px!important;font-weight:950!important;} .pbsm-lp-yj45 .yj45-hero-side ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:10px!important;} .pbsm-lp-yj45 .yj45-hero-side li{position:relative!important;padding-left:26px!important;color:#24313b!important;font-size:14px!important;font-weight:850!important;line-height:1.65!important;} .pbsm-lp-yj45 .yj45-hero-side li:before{content:"✓"!important;position:absolute!important;left:0!important;top:.08em!important;display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#1dbd72!important;color:#fff!important;font-size:11px!important;font-weight:950!important;} .pbsm-lp-yj45 .yj45-section{margin-top:78px!important;padding:40px!important;border-radius:32px!important;background:#fff!important;border:1px solid #e4edf2!important;box-shadow:0 18px 48px rgba(18,75,100,.075)!important;} .pbsm-lp-yj45 .yj45-section:nth-of-type(odd){background:linear-gradient(135deg,#fff 0%,#f7fdff 100%)!important;border-color:var(--yj-border)!important;} .pbsm-lp-yj45 .yj45-diagnosis{background:linear-gradient(135deg,#f3fbff 0%,#fff 100%)!important;border-color:var(--yj-border)!important;} .pbsm-lp-yj45 .yj45-head{margin:0 0 28px!important;} .pbsm-lp-yj45 .yj45-head span,.pbsm-lp-yj45 .yj45-final>span{display:inline-flex!important;margin:0 0 13px!important;padding:6px 13px!important;border-radius:999px!important;background:var(--yj-soft)!important;color:var(--yj-blue-dark)!important;font-size:13px!important;font-weight:950!important;} .pbsm-lp-yj45 .yj45-head h2,.pbsm-lp-yj45 .yj45-final h2{margin:0 0 14px!important;color:#101923!important;font-size:31px!important;font-weight:950!important;line-height:1.48!important;letter-spacing:.005em!important;} .pbsm-lp-yj45 .yj45-head p,.pbsm-lp-yj45 .yj45-final>p{max-width:920px!important;color:var(--yj-muted)!important;font-size:16px!important;line-height:1.95!important;} .pbsm-lp-yj45 .yj45-cardgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;} .pbsm-lp-yj45 .yj45-cardgrid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;} .pbsm-lp-yj45 .yj45-cardgrid article{position:relative!important;padding:24px 24px 25px!important;border-radius:24px!important;background:#fff!important;border:1px solid #e3edf2!important;box-shadow:0 12px 32px rgba(0,0,0,.045)!important;transition:.18s ease!important;} .pbsm-lp-yj45 .yj45-cardgrid article:before{content:""!important;position:absolute!important;left:24px!important;top:22px!important;width:34px!important;height:5px!important;border-radius:999px!important;background:var(--yj-blue)!important;} .pbsm-lp-yj45 .yj45-cardgrid article:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(21,96,130,.09)!important;} .pbsm-lp-yj45 .yj45-cardgrid h3{margin:18px 0 10px!important;color:#13212c!important;font-size:18px!important;font-weight:950!important;line-height:1.58!important;} .pbsm-lp-yj45 .yj45-cardgrid p{color:#4d5b66!important;font-size:14.8px!important;line-height:1.9!important;} .pbsm-lp-yj45 .yj45-cta{margin-top:28px!important;} .pbsm-lp-yj45 .yj45-cta-center{text-align:center!important;} .pbsm-lp-yj45 .yj45-cta-label{margin:0 0 10px!important;color:var(--yj-blue-dark)!important;font-size:14.5px!important;font-weight:950!important;text-align:center!important;} .pbsm-lp-yj45 .yj45-hero .yj45-cta-label{text-align:left!important;} .pbsm-lp-yj45 .yj45-cta p{max-width:760px!important;margin:12px auto 0!important;color:#687580!important;font-size:12.5px!important;line-height:1.7!important;text-align:center!important;} .pbsm-lp-yj45 .yj45-hero .yj45-cta p{text-align:left!important;margin-left:0!important;} .pbsm-lp-yj45 .pbsm-aff-raw,.pbsm-lp-yj45 .pbsm-aff-rewrite,.pbsm-lp-yj45 .pbsm-link,.pbsm-lp-yj45 .pbsm-aff-cta>div{display:block!important;max-width:520px!important;width:100%!important;margin:0 auto!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;} .pbsm-lp-yj45 .yj45-hero .pbsm-aff-raw,.pbsm-lp-yj45 .yj45-hero .pbsm-aff-rewrite,.pbsm-lp-yj45 .yj45-hero .pbsm-link,.pbsm-lp-yj45 .yj45-hero .pbsm-aff-cta>div{margin-left:0!important;} .pbsm-lp-yj45 .pbsm-aff-lead,.pbsm-lp-yj45 .pbsm-aff-note,.pbsm-lp-yj45 .pbsm-aff-caption{display:none!important;} .pbsm-lp-yj45 .pbsm-aff-raw>a,.pbsm-lp-yj45 .pbsm-aff-rewrite>a,.pbsm-lp-yj45 .pbsm-link{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:64px!important;padding:17px 28px!important;border-radius:999px!important;background:linear-gradient(135deg,var(--yj-blue) 0%,#68c9e9 100%)!important;color:#fff!important;font-size:17px!important;font-weight:950!important;line-height:1.4!important;text-align:center!important;text-decoration:none!important;box-shadow:0 16px 32px rgba(61,173,214,.34)!important;} .pbsm-lp-yj45 .pbsm-aff-raw img,.pbsm-lp-yj45 .pbsm-aff-rewrite img{position:absolute!important;width:1px!important;height:1px!important;max-width:1px!important;max-height:1px!important;opacity:0!important;pointer-events:none!important;} .pbsm-lp-yj45 .yj45-final{margin-top:84px!important;padding:46px 44px!important;border-radius:34px!important;background:linear-gradient(135deg,#fff 0%,#effbff 100%)!important;border:1px solid var(--yj-border)!important;box-shadow:0 22px 58px rgba(26,110,145,.13)!important;} .pbsm-lp-yj45 .yj45-final>p{margin-top:12px!important;} @media(max-width:1024px){ .pbsm-lp-yj45 .yj45-hero{grid-template-columns:1fr!important;padding:34px 24px!important;} .pbsm-lp-yj45 .yj45-hero-side{order:-1!important;} .pbsm-lp-yj45 .yj45-tags,.pbsm-lp-yj45 .yj45-cardgrid,.pbsm-lp-yj45 .yj45-cardgrid-4{grid-template-columns:1fr!important;} .pbsm-lp-yj45 h1{font-size:34px!important;} } @media(max-width:600px){ .pbsm-lp-yj45{width:calc(100vw - 12px)!important;padding-bottom:82px!important;} .pbsm-lp-yj45 .yj45-hero{padding:22px 16px 24px!important;border-radius:26px!important;gap:18px!important;} .pbsm-lp-yj45 .yj45-hero-side{padding:18px!important;border-radius:22px!important;} .pbsm-lp-yj45 .yj45-kicker{font-size:12.5px!important;padding:7px 13px!important;} .pbsm-lp-yj45 h1{font-size:27px!important;line-height:1.48!important;} .pbsm-lp-yj45 .yj45-hero-copy>p{font-size:15.5px!important;line-height:1.9!important;} .pbsm-lp-yj45 .yj45-tags span{border-radius:16px!important;} .pbsm-lp-yj45 .yj45-section{margin-top:50px!important;padding:24px 16px!important;border-radius:26px!important;} .pbsm-lp-yj45 .yj45-head h2,.pbsm-lp-yj45 .yj45-final h2{font-size:23px!important;line-height:1.55!important;} .pbsm-lp-yj45 .yj45-head p,.pbsm-lp-yj45 .yj45-final>p{font-size:15px!important;line-height:1.9!important;} .pbsm-lp-yj45 .yj45-cardgrid article{padding:22px 18px!important;border-radius:22px!important;} .pbsm-lp-yj45 .yj45-cardgrid article:before{left:18px!important;top:20px!important;} .pbsm-lp-yj45 .yj45-cardgrid h3{font-size:17px!important;} .pbsm-lp-yj45 .pbsm-aff-raw>a,.pbsm-lp-yj45 .pbsm-aff-rewrite>a,.pbsm-lp-yj45 .pbsm-link{min-height:60px!important;padding:16px 20px!important;font-size:16px!important;} .pbsm-lp-yj45 .yj45-hero .yj45-cta-label,.pbsm-lp-yj45 .yj45-hero .yj45-cta p{text-align:center!important;} .pbsm-lp-yj45 .yj45-hero .pbsm-aff-raw,.pbsm-lp-yj45 .yj45-hero .pbsm-aff-rewrite,.pbsm-lp-yj45 .yj45-hero .pbsm-link,.pbsm-lp-yj45 .yj45-hero .pbsm-aff-cta>div{margin-left:auto!important;} .pbsm-lp-yj45 .yj45-final{margin-top:58px!important;padding:30px 18px!important;border-radius:28px!important;} } /* ========================================================= v4.7.46 PASBECONA共通LPテンプレート 全サービス共通骨格：HERO / Problem / Affinity / Solution / Benefit / Evidence / Contents / Offer / Narrow / Action ========================================================= */ .pbsm-pbc, .pbsm-pbc *{box-sizing:border-box!important} .pbsm-pbc{--svc-color:#22a86b;position:relative!important;left:50%!important;margin-left:-50vw!important;width:100vw!important;max-width:100vw!important;padding:0 clamp(12px,2vw,24px) 40px!important;color:#24304f!important;font-family:inherit!important;overflow-x:hidden!important;background:#fff!important} .pbsm-pbc a{text-decoration:none!important} .pbsm-pbc .pbc-hero, .pbsm-pbc .pbc-section, .pbsm-pbc .pbc-related{width:min(1180px,100%)!important;margin-left:auto!important;margin-right:auto!important} .pbsm-pbc .pbc-hero{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;gap:26px!important;align-items:stretch!important;margin-top:18px!important;margin-bottom:44px!important;padding:clamp(22px,3.2vw,42px)!important;border-radius:32px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--svc-color) 12%,#fff) 0%,#fff 54%,color-mix(in srgb,var(--svc-color) 8%,#eef7ff) 100%)!important;border:1px solid color-mix(in srgb,var(--svc-color) 25%,#e5e7eb)!important;box-shadow:0 18px 48px rgba(36,48,79,.10)!important;overflow:hidden!important;position:relative!important} .pbsm-pbc .pbc-hero:before{content:""!important;position:absolute!important;right:-80px!important;top:-90px!important;width:260px!important;height:260px!important;border-radius:999px!important;background:color-mix(in srgb,var(--svc-color) 12%,transparent)!important;pointer-events:none!important} .pbsm-pbc .pbc-kicker{display:inline-flex!important;align-items:center!important;gap:8px!important;width:fit-content!important;max-width:100%!important;padding:7px 14px!important;border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.03em!important;margin-bottom:12px!important} .pbsm-pbc .pbc-hero h1{margin:0 0 14px!important;font-size:clamp(29px,4.2vw,50px)!important;line-height:1.22!important;letter-spacing:-.04em!important;color:#1f2937!important;font-weight:950!important;text-wrap:balance!important;max-width:860px!important} .pbsm-pbc .pbc-conclusion{margin:0 0 18px!important;font-size:clamp(15px,1.6vw,17px)!important;line-height:1.9!important;color:#344054!important;font-weight:700!important;max-width:820px!important} .pbsm-pbc .pbc-hero-grids{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin:16px 0!important} .pbsm-pbc .pbc-hero-grids>div{padding:16px!important;border-radius:20px!important;background:rgba(255,255,255,.86)!important;border:1px solid rgba(36,48,79,.08)!important;box-shadow:0 8px 22px rgba(36,48,79,.045)!important} .pbsm-pbc .pbc-hero-grids h2{margin:0 0 9px!important;font-size:14px!important;line-height:1.5!important;color:var(--svc-color)!important;font-weight:950!important;border:0!important;padding:0!important} .pbsm-pbc .pbc-hero-grids ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:7px!important} .pbsm-pbc .pbc-hero-grids li{position:relative!important;margin:0!important;padding-left:23px!important;font-size:13.5px!important;line-height:1.55!important;color:#344054!important;font-weight:800!important} .pbsm-pbc .pbc-hero-grids li:before{content:"✓"!important;position:absolute!important;left:0!important;top:0!important;color:var(--svc-color)!important;font-weight:950!important} .pbsm-pbc .pbc-author-mini{margin:14px 0!important;padding:12px 14px!important;border-radius:16px!important;background:#fff!important;border-left:5px solid var(--svc-color)!important;color:#475467!important;font-size:13px!important;line-height:1.7!important;font-weight:800!important} .pbsm-pbc .pbc-hero-img{position:relative!important;min-height:360px!important;border-radius:28px!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(36,48,79,.12)!important;background:color-mix(in srgb,var(--svc-color) 12%,#f8fafc)!important;align-self:stretch!important} .pbsm-pbc .pbc-hero-img img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important} .pbsm-pbc-yakujob .pbc-hero-img img,.pbsm-pbc-faget .pbc-hero-img img,.pbsm-pbc-levalwell .pbc-hero-img img{object-fit:contain!important;padding:40px!important;background:#fff!important} .pbsm-pbc .pbc-section{margin-top:34px!important;padding:clamp(22px,3.2vw,38px)!important;border-radius:28px!important;background:#fff!important;border:1px solid rgba(36,48,79,.09)!important;box-shadow:0 14px 36px rgba(36,48,79,.055)!important} .pbsm-pbc .pbc-section:nth-of-type(odd){background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--svc-color) 5%,#f8fafc) 100%)!important} .pbsm-pbc .pbc-section>span,.pbsm-pbc .pbc-loss>span,.pbsm-pbc .pbc-final>span{display:inline-flex!important;width:fit-content!important;margin:0 0 11px!important;padding:5px 12px!important;border-radius:999px!important;background:color-mix(in srgb,var(--svc-color) 12%,#fff)!important;color:var(--svc-color)!important;font-size:12px!important;font-weight:950!important;letter-spacing:.04em!important} .pbsm-pbc .pbc-section h2{margin:0 0 14px!important;padding:0!important;border:0!important;color:#1f2937!important;font-size:clamp(23px,2.8vw,34px)!important;line-height:1.36!important;font-weight:950!important;letter-spacing:-.025em!important;text-wrap:balance!important} .pbsm-pbc .pbc-section p{margin:0 0 12px!important;color:#475467!important;font-size:15px!important;line-height:1.95!important;max-width:950px!important} .pbsm-pbc .pbc-cardgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin-top:20px!important} .pbsm-pbc .pbc-cardgrid article{padding:19px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(36,48,79,.09)!important;box-shadow:0 10px 24px rgba(36,48,79,.055)!important;min-height:100%!important} .pbsm-pbc .pbc-cardgrid h3{margin:0 0 9px!important;color:#1f2937!important;font-size:16px!important;line-height:1.5!important;font-weight:950!important} .pbsm-pbc .pbc-cardgrid p{font-size:14px!important;line-height:1.85!important;margin:0!important;color:#475467!important} .pbsm-pbc .pbc-cta{margin:24px auto 0!important;padding:18px!important;max-width:760px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--svc-color) 7%,#fff) 100%)!important;border:1px solid color-mix(in srgb,var(--svc-color) 22%,#e5e7eb)!important;text-align:center!important;box-shadow:0 12px 30px rgba(36,48,79,.07)!important} .pbsm-pbc .pbc-hero .pbc-cta{margin-left:0!important;margin-right:0!important;max-width:720px!important;background:#fff!important} .pbsm-pbc .pbc-cta-pre{margin:0 0 10px!important;color:#1f2937!important;font-size:14px!important;line-height:1.7!important;font-weight:950!important;text-align:center!important} .pbsm-pbc .pbc-cta-note{margin:10px 0 0!important;color:#667085!important;font-size:12px!important;line-height:1.7!important;text-align:center!important;max-width:none!important} .pbsm-pbc .pbsm-aff-cta{margin:0!important}.pbsm-pbc .pbsm-aff-caption{font-weight:950!important}.pbsm-pbc .pbsm-aff-note,.pbsm-pbc .pbsm-aff-lead{display:none!important} .pbsm-pbc .pbsm-link,.pbsm-pbc .pbsm-aff-raw a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:min(520px,100%)!important;min-height:54px!important;padding:13px 28px!important;border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;font-size:15px!important;font-weight:950!important;box-shadow:0 14px 30px color-mix(in srgb,var(--svc-color) 32%,transparent)!important;text-decoration:none!important;border:0!important;line-height:1.4!important} .pbsm-pbc .pbsm-aff-raw{display:grid!important;justify-items:center!important;gap:8px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}.pbsm-pbc .pbsm-aff-raw img{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important} .pbsm-pbc .pbc-table{display:grid!important;gap:10px!important;margin-top:18px!important}.pbsm-pbc .pbc-table>div{display:grid!important;grid-template-columns:180px 1fr!important;gap:16px!important;align-items:start!important;padding:13px 15px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important}.pbsm-pbc .pbc-table strong{color:var(--svc-color)!important;font-weight:950!important}.pbsm-pbc .pbc-table p{margin:0!important;font-size:14px!important;line-height:1.75!important} .pbsm-pbc .pbc-compare{display:grid!important;gap:12px!important;margin-top:18px!important}.pbsm-pbc .pbc-compare>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:14px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important}.pbsm-pbc .pbc-compare p{margin:0!important;font-size:13.5px!important;line-height:1.7!important}.pbsm-pbc .pbc-compare strong{display:block!important;margin-bottom:4px!important;color:var(--svc-color)!important;font-weight:950!important}.pbsm-pbc .pbc-compare span{display:block!important;color:#475467!important} .pbsm-pbc .pbc-flow{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;list-style:none!important;margin:20px 0 0!important;padding:0!important}.pbsm-pbc .pbc-flow li{padding:17px 13px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.08)!important;text-align:center!important;box-shadow:0 8px 20px rgba(36,48,79,.04)!important}.pbsm-pbc .pbc-flow b{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-bottom:8px!important;padding:5px 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--svc-color) 12%,#fff)!important;color:var(--svc-color)!important;font-size:12px!important}.pbsm-pbc .pbc-flow span{display:block!important;color:#344054!important;font-size:13.5px!important;font-weight:850!important;line-height:1.6!important} .pbsm-pbc .pbc-faq{display:grid!important;gap:10px!important;margin-top:18px!important}.pbsm-pbc .pbc-faq details{padding:0!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;overflow:hidden!important}.pbsm-pbc .pbc-faq summary{cursor:pointer!important;padding:15px 18px!important;color:#1f2937!important;font-weight:950!important}.pbsm-pbc .pbc-faq p{padding:0 18px 17px!important;margin:0!important;font-size:14px!important;line-height:1.85!important} .pbsm-pbc .pbc-loss{border-color:color-mix(in srgb,var(--svc-color) 38%,#e5e7eb)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--svc-color) 9%,#fff) 0%,#fff 100%)!important}.pbsm-pbc .pbc-loss h2{color:#1f2937!important}.pbsm-pbc .pbc-final{background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--svc-color) 8%,#fff) 100%)!important;border-color:color-mix(in srgb,var(--svc-color) 28%,#e5e7eb)!important} .pbsm-pbc .pbc-related{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:10px!important;margin-top:30px!important}.pbsm-pbc .pbc-related a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:9px 16px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(36,48,79,.12)!important;color:#344054!important;font-size:13px!important;font-weight:900!important;box-shadow:0 8px 20px rgba(36,48,79,.04)!important} @media(max-width:980px){.pbsm-pbc{padding-left:12px!important;padding-right:12px!important}.pbsm-pbc .pbc-hero{grid-template-columns:1fr!important;gap:18px!important;padding:18px!important;border-radius:24px!important}.pbsm-pbc .pbc-hero-img{order:-1!important;min-height:220px!important;border-radius:22px!important}.pbsm-pbc .pbc-hero h1{font-size:clamp(27px,8vw,38px)!important}.pbsm-pbc .pbc-hero-grids{grid-template-columns:1fr!important}.pbsm-pbc .pbc-cardgrid{grid-template-columns:1fr!important}.pbsm-pbc .pbc-flow{grid-template-columns:1fr 1fr!important}.pbsm-pbc .pbc-compare>div{grid-template-columns:1fr!important}.pbsm-pbc .pbc-table>div{grid-template-columns:1fr!important;gap:4px!important}.pbsm-pbc .pbc-section{padding:20px!important;border-radius:22px!important}.pbsm-pbc .pbsm-link,.pbsm-pbc .pbsm-aff-raw a{width:100%!important;min-width:0!important}} @media(max-width:560px){.pbsm-pbc{padding-left:8px!important;padding-right:8px!important}.pbsm-pbc .pbc-hero{padding:16px!important;margin-top:8px!important}.pbsm-pbc .pbc-hero-img{min-height:185px!important}.pbsm-pbc .pbc-hero h1{font-size:26px!important;line-height:1.28!important}.pbsm-pbc .pbc-conclusion{font-size:14px!important;line-height:1.85!important}.pbsm-pbc .pbc-section{margin-top:22px!important;padding:18px!important}.pbsm-pbc .pbc-section h2{font-size:22px!important}.pbsm-pbc .pbc-flow{grid-template-columns:1fr!important}.pbsm-pbc .pbc-cta{padding:14px!important}.pbsm-pbc .pbc-cardgrid article{padding:16px!important}.pbsm-pbc .pbc-kicker{font-size:11px!important;line-height:1.45!important;white-space:normal!important}} /* v4.7.48 ファルマスタッフ個別LP：FV感情訴求・CTA強化 */ .pbsm-pbc-fstaff-v4748{padding-left:max(12px,calc((100vw - 100%) / 2))!important;padding-right:max(12px,calc((100vw - 100%) / 2))!important;background:#fffaf4!important} .pbsm-pbc-fstaff-v4748 .pbc-hero, .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related{width:min(1240px,100%)!important;max-width:1240px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;gap:30px!important;padding:clamp(24px,3.2vw,46px)!important} .pbsm-pbc-fstaff-v4748 .pbc-hero h1{max-width:920px!important;font-size:clamp(30px,4vw,50px)!important;line-height:1.23!important} .pbsm-pbc-fstaff-v4748 .pbc-conclusion{max-width:860px!important;font-size:clamp(15px,1.5vw,18px)!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:16px 0 6px!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points>div{position:relative!important;padding:12px 12px 12px 34px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(243,134,24,.22)!important;color:#344054!important;font-weight:900!important;font-size:13.5px!important;line-height:1.55!important;box-shadow:0 8px 20px rgba(243,134,24,.06)!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points>div:before{content:"✓"!important;position:absolute!important;left:13px!important;top:12px!important;color:#F38618!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-author-mini{background:#fff!important;border-left:5px solid #F38618!important;box-shadow:0 8px 20px rgba(243,134,24,.06)!important} .pbsm-pbc-fstaff-v4748 .pbc-section p{max-width:1080px!important} .pbsm-pbc-fstaff-v4748 .pbc-cta{max-width:880px!important;padding:20px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero .pbc-cta{max-width:820px!important} .pbsm-pbc-fstaff-v4748 .pbc-cta-pre{font-size:15px!important;line-height:1.75!important;text-align:left!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important} .pbsm-pbc-fstaff-v4748 .pbc-cta .pbsm-aff-caption{display:none!important} .pbsm-pbc-fstaff-v4748 .pbc-cta .pbsm-aff-raw a{min-height:58px!important;width:min(560px,100%)!important;font-size:15.5px!important;background:#F38618!important} .pbsm-pbc-fstaff-v4748 .pbc-soft-note{margin-top:18px!important;padding:16px 18px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(243,134,24,.25)!important;font-weight:850!important;color:#344054!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:18px!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col{padding:20px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 10px 28px rgba(36,48,79,.055)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-yes{border-color:rgba(34,168,107,.25)!important;background:linear-gradient(135deg,#fff 0%,#f2fff8 100%)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-no{border-color:rgba(243,134,24,.26)!important;background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col h3{margin:0 0 14px!important;font-size:18px!important;font-weight:950!important;color:#1f2937!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col p{margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(36,48,79,.08)!important;line-height:1.75!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col p:last-child{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col strong{display:block!important;color:#1f2937!important;font-weight:950!important;margin-bottom:3px!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col span{display:block!important;color:#475467!important;font-size:14px!important;line-height:1.8!important} .pbsm-pbc-fstaff-v4748 .pbc-cardgrid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-pbc-fstaff-v4748 .pbc-author-detail{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)!important;border-color:rgba(243,134,24,.25)!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist{margin-top:22px!important;padding:22px!important;border-radius:24px!important;background:#fff7ed!important;border:1px solid rgba(243,134,24,.25)!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist h3{margin:0 0 14px!important;color:#1f2937!important;font-size:18px!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist span{position:relative!important;display:block!important;padding:11px 12px 11px 34px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(36,48,79,.09)!important;font-weight:850!important;color:#344054!important;font-size:14px!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist span:before{content:"□"!important;position:absolute!important;left:12px!important;top:10px!important;color:#F38618!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-flow-detail li{text-align:left!important} .pbsm-pbc-fstaff-v4748 .pbc-flow-detail small{display:block!important;margin-top:6px!important;color:#667085!important;font-size:12.5px!important;line-height:1.65!important;font-weight:700!important} .pbsm-pbc-fstaff-v4748 .pbc-final-single{background:linear-gradient(135deg,#fff7ed 0%,#fff 100%)!important;border:1px solid rgba(243,134,24,.35)!important;box-shadow:0 18px 48px rgba(243,134,24,.10)!important} .pbsm-pbc-fstaff-v4748 .pbc-final-single h2{color:#1f2937!important} .pbsm-pbc-fstaff-v4748 .pbc-related{max-width:1240px!important} @media(max-width:980px){ .pbsm-pbc-fstaff-v4748{padding-left:10px!important;padding-right:10px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero{grid-template-columns:1fr!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points{grid-template-columns:1fr!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-compare{grid-template-columns:1fr!important} .pbsm-pbc-fstaff-v4748 .pbc-cardgrid-2{grid-template-columns:1fr!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist>div{grid-template-columns:repeat(2,minmax(0,1fr))!important} } @media(max-width:680px){ .pbsm-pbc-fstaff-v4748{padding-left:6px!important;padding-right:6px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero{padding:18px!important;border-radius:22px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero-img{display:none!important} .pbsm-pbc-fstaff-v4748 .pbc-hero h1{font-size:25px!important;line-height:1.32!important} .pbsm-pbc-fstaff-v4748 .pbc-conclusion{font-size:14px!important;line-height:1.8!important} .pbsm-pbc-fstaff-v4748 .pbc-section{padding:18px!important;border-radius:22px!important} .pbsm-pbc-fstaff-v4748 .pbc-section h2{font-size:22px!important;line-height:1.42!important} .pbsm-pbc-fstaff-v4748 .pbc-cta{padding:15px!important;border-radius:20px!important} .pbsm-pbc-fstaff-v4748 .pbc-cta-pre{text-align:left!important;font-size:13.5px!important} .pbsm-pbc-fstaff-v4748 .pbc-cta .pbsm-aff-raw a{min-height:58px!important;padding:13px 16px!important;font-size:14.5px!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist>div{grid-template-columns:1fr!important} } /* v4.7.48 ファルマスタッフLP：ファーストビュー感情訴求・成約CTA強化 */ .pbsm-pbc-fstaff-v4748{background:#fff8f0!important;padding-left:max(10px,calc((100vw - 100%) / 2))!important;padding-right:max(10px,calc((100vw - 100%) / 2))!important} .pbsm-pbc-fstaff-v4748 .pbc-hero, .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related{width:min(1280px,100%)!important;max-width:1280px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-strong{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:34px!important;padding:clamp(24px,3.5vw,52px)!important;border-radius:34px!important;background:linear-gradient(135deg,#fff4e6 0%,#fff 47%,#fff8ef 100%)!important;border:1px solid rgba(243,134,24,.34)!important;box-shadow:0 24px 70px rgba(243,134,24,.16)!important;margin-top:16px!important} .pbsm-pbc-fstaff-v4748 .pbc-hero h1{font-size:clamp(34px,4.7vw,58px)!important;line-height:1.16!important;letter-spacing:-.045em!important;max-width:900px!important;color:#1f2937!important} .pbsm-pbc-fstaff-v4748 .pbc-seo-sub{display:inline-flex!important;width:fit-content!important;max-width:100%!important;margin:0 0 14px!important;padding:6px 13px!important;border-radius:999px!important;background:#fff!important;border:1px solid rgba(243,134,24,.22)!important;color:#9a4d00!important;font-size:13px!important;font-weight:950!important;line-height:1.45!important;box-shadow:0 8px 20px rgba(243,134,24,.06)!important} .pbsm-pbc-fstaff-v4748 .pbc-conclusion{font-size:clamp(15.5px,1.55vw,18px)!important;line-height:1.9!important;font-weight:800!important;color:#344054!important;max-width:900px!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points-strong{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:18px 0 10px!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points-strong>div{position:relative!important;padding:14px 14px 14px 38px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(243,134,24,.28)!important;color:#1f2937!important;font-weight:950!important;font-size:14px!important;line-height:1.55!important;box-shadow:0 12px 26px rgba(243,134,24,.08)!important} .pbsm-pbc-fstaff-v4748 .pbc-mini-points-strong>div:before{content:"✓"!important;position:absolute!important;left:14px!important;top:14px!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#F38618!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-hero-img-message{min-height:430px!important;border-radius:30px!important;box-shadow:0 24px 60px rgba(36,48,79,.18)!important;overflow:hidden!important} .pbsm-pbc-fstaff-v4748 .pbc-hero-bubble{position:absolute!important;left:18px!important;right:18px!important;bottom:18px!important;padding:16px 18px!important;border-radius:20px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(243,134,24,.24)!important;box-shadow:0 16px 38px rgba(36,48,79,.14)!important;color:#1f2937!important;font-size:15px!important;line-height:1.65!important;font-weight:950!important;text-align:center!important;backdrop-filter:blur(6px)!important} .pbsm-pbc-fstaff-v4748 .pbc-author-strong,.pbsm-pbc-fstaff-v4748 .pbc-author-final{background:#fff!important;border-left:6px solid #F38618!important;box-shadow:0 12px 28px rgba(243,134,24,.08)!important;color:#344054!important;font-size:13.5px!important;font-weight:900!important} .pbsm-pbc-fstaff-v4748 .pbc-cta{max-width:920px!important;margin-top:24px!important;padding:24px!important;border-radius:24px!important;background:linear-gradient(135deg,#fff7ed 0%,#fff 100%)!important;border:2px solid rgba(243,134,24,.34)!important;box-shadow:0 18px 46px rgba(243,134,24,.13)!important} .pbsm-pbc-fstaff-v4748 .pbc-hero .pbc-cta{max-width:860px!important;margin-left:0!important;margin-right:0!important;background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)!important} .pbsm-pbc-fstaff-v4748 .pbc-cta-pre{font-size:15.5px!important;line-height:1.82!important;text-align:left!important;color:#1f2937!important;font-weight:950!important;max-width:820px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:14px!important} .pbsm-pbc-fstaff-v4748 .pbc-cta-note{font-size:12.5px!important;line-height:1.75!important;color:#667085!important;margin-top:12px!important} .pbsm-pbc-fstaff-v4748 .pbc-cta .pbsm-aff-caption{display:none!important} .pbsm-pbc-fstaff-v4748 .pbc-cta .pbsm-aff-raw a{min-height:58px!important;width:min(620px,100%)!important;padding:15px 24px!important;border-radius:999px!important;background:#F38618!important;color:#fff!important;font-size:16px!important;font-weight:950!important;letter-spacing:.01em!important;box-shadow:0 14px 30px rgba(243,134,24,.26)!important} .pbsm-pbc-fstaff-v4748 .pbc-decision-card{background:linear-gradient(135deg,#fff 0%,#fff9f2 100%)!important;border-color:rgba(243,134,24,.25)!important;box-shadow:0 16px 44px rgba(36,48,79,.07)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin-top:18px!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col{padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important;box-shadow:0 12px 30px rgba(36,48,79,.06)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-yes{border-color:rgba(34,168,107,.28)!important;background:linear-gradient(135deg,#f1fff8 0%,#fff 100%)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-no{border-color:rgba(148,163,184,.28)!important;background:linear-gradient(135deg,#f8fafc 0%,#fff 100%)!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col h3{margin:0 0 14px!important;font-size:18px!important;font-weight:950!important;color:#1f2937!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col p{margin:0 0 12px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(36,48,79,.08)!important;line-height:1.75!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col p:last-child{margin-bottom:0!important;padding-bottom:0!important;border-bottom:0!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col strong{display:block!important;color:#1f2937!important;font-weight:950!important;margin-bottom:3px!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-col span{display:block!important;color:#475467!important;font-size:14px!important;line-height:1.8!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-compare-simple ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:10px!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-compare-simple li{position:relative!important;margin:0!important;padding:10px 10px 10px 34px!important;border-radius:14px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(36,48,79,.07)!important;font-size:14px!important;line-height:1.6!important;font-weight:900!important;color:#344054!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-yes li:before{content:"✓"!important;position:absolute!important;left:12px!important;top:10px!important;color:#16a34a!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-fit-no li:before{content:"×"!important;position:absolute!important;left:12px!important;top:10px!important;color:#64748b!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-reasons-section{background:linear-gradient(135deg,#fff 0%,#eef8ff 100%)!important;border-color:rgba(14,165,233,.22)!important} .pbsm-pbc-fstaff-v4748 .pbc-reason-cards article{border-top:5px solid #F38618!important} .pbsm-pbc-fstaff-v4748 .pbc-cardgrid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important} .pbsm-pbc-fstaff-v4748 .pbc-author-detail{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%)!important;border-color:rgba(243,134,24,.25)!important} .pbsm-pbc-fstaff-v4748 .pbc-check-strong{background:linear-gradient(135deg,#fff0db 0%,#fff8ed 100%)!important;border:2px solid rgba(243,134,24,.34)!important;box-shadow:0 18px 48px rgba(243,134,24,.12)!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist{margin-top:20px!important;padding:0!important;border:0!important;background:transparent!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist>div{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist span{position:relative!important;display:block!important;padding:13px 14px 13px 40px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(243,134,24,.22)!important;box-shadow:0 8px 22px rgba(243,134,24,.06)!important;font-weight:900!important;color:#344054!important;font-size:14px!important;line-height:1.45!important} .pbsm-pbc-fstaff-v4748 .pbc-checklist span:before{content:"✓"!important;position:absolute!important;left:14px!important;top:12px!important;width:18px!important;height:18px!important;border-radius:999px!important;background:#F38618!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:12px!important;font-weight:950!important} .pbsm-pbc-fstaff-v4748 .pbc-flow-detail li{text-align:left!important}.pbsm-pbc-fstaff-v4748 .pbc-flow-detail small{display:block!important;margin-top:6px!important;color:#667085!important;font-size:12.5px!important;line-height:1.65!important;font-weight:700!important} .pbsm-pbc-fstaff-v4748 .pbc-final-strong{background:linear-gradient(135deg,#fff0db 0%,#fff 100%)!important;border:2px solid rgba(243,134,24,.42)!important;box-shadow:0 26px 70px rgba(243,134,24,.18)!important;padding:clamp(28px,4vw,52px)!important}.pbsm-pbc-fstaff-v4748 .pbc-final-strong h2{font-size:clamp(28px,3.5vw,44px)!important;color:#1f2937!important}.pbsm-pbc-fstaff-v4748 .pbc-final-strong .pbc-cta{background:#fff!important;border-color:rgba(243,134,24,.42)!important} .pbsm-pbc-fstaff-v4748 .pbc-related{max-width:1280px!important} @media(max-width:980px){.pbsm-pbc-fstaff-v4748{padding-left:10px!important;padding-right:10px!important}.pbsm-pbc-fstaff-v4748 .pbc-hero{grid-template-columns:1fr!important}.pbsm-pbc-fstaff-v4748 .pbc-hero-img{order:2!important;min-height:230px!important}.pbsm-pbc-fstaff-v4748 .pbc-mini-points-strong{grid-template-columns:1fr!important}.pbsm-pbc-fstaff-v4748 .pbc-fit-compare{grid-template-columns:1fr!important}.pbsm-pbc-fstaff-v4748 .pbc-cardgrid-2{grid-template-columns:1fr!important}.pbsm-pbc-fstaff-v4748 .pbc-checklist>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:680px){.pbsm-pbc-fstaff-v4748{padding-left:6px!important;padding-right:6px!important}.pbsm-pbc-fstaff-v4748 .pbc-hero{padding:18px!important;border-radius:24px!important}.pbsm-pbc-fstaff-v4748 .pbc-hero h1{font-size:29px!important;line-height:1.22!important}.pbsm-pbc-fstaff-v4748 .pbc-seo-sub{font-size:12px!important;line-height:1.5!important}.pbsm-pbc-fstaff-v4748 .pbc-conclusion{font-size:14px!important;line-height:1.82!important}.pbsm-pbc-fstaff-v4748 .pbc-hero-img{display:block!important;order:2!important;min-height:190px!important;border-radius:22px!important}.pbsm-pbc-fstaff-v4748 .pbc-hero-bubble{font-size:12.5px!important;line-height:1.55!important;padding:10px 12px!important;left:12px!important;right:12px!important;bottom:12px!important}.pbsm-pbc-fstaff-v4748 .pbc-section{padding:18px!important;border-radius:22px!important;margin-top:22px!important}.pbsm-pbc-fstaff-v4748 .pbc-section h2{font-size:23px!important;line-height:1.38!important}.pbsm-pbc-fstaff-v4748 .pbc-cta{padding:17px!important;border-radius:22px!important}.pbsm-pbc-fstaff-v4748 .pbc-cta-pre{text-align:left!important;font-size:13.8px!important;line-height:1.75!important}.pbsm-pbc-fstaff-v4748 .pbc-cta .pbsm-aff-raw a{min-height:58px!important;padding:13px 16px!important;font-size:14.5px!important;width:100%!important}.pbsm-pbc-fstaff-v4748 .pbc-checklist>div{grid-template-columns:1fr!important}.pbsm-pbc-fstaff-v4748 .pbc-kicker{font-size:11px!important}.pbsm-pbc-fstaff-v4748 .pbc-author-mini{font-size:12.5px!important}} /* v4.7.49 ファルマスタッフFV：画像背景を活かした成約LP型ヒーロー */ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual{ position:relative!important; overflow:hidden!important; width:min(1500px,calc(100vw - 24px))!important; max-width:1500px!important; margin-left:50%!important; margin-right:0!important; transform:translateX(-50%)!important; min-height:660px!important; display:grid!important; grid-template-columns:minmax(0,760px) minmax(380px,1fr)!important; align-items:center!important; gap:28px!important; padding:clamp(34px,4vw,62px)!important; border-radius:36px!important; border:2px solid rgba(243,134,24,.32)!important; box-shadow:0 30px 90px rgba(243,134,24,.18)!important; background-image:linear-gradient(90deg,rgba(255,248,239,.99) 0%,rgba(255,248,239,.96) 41%,rgba(255,248,239,.66) 55%,rgba(255,248,239,.16) 70%,rgba(255,248,239,0) 100%),var(--fstaff-hero-image)!important; background-size:cover!important; background-position:center right!important; background-repeat:no-repeat!important; } .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related{ width:min(1320px,calc(100vw - 24px))!important; max-width:1320px!important; margin-left:50%!important; transform:translateX(-50%)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-copy{ position:relative!important; z-index:2!important; max-width:760px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual h1{ font-size:clamp(44px,5.35vw,74px)!important; line-height:1.08!important; letter-spacing:-.055em!important; margin-bottom:16px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual h1::first-letter{color:#F38618!important} .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-conclusion{ font-size:clamp(17px,1.45vw,22px)!important; line-height:1.78!important; font-weight:900!important; color:#2f3542!important; max-width:740px!important; text-shadow:0 1px 0 rgba(255,255,255,.55)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong{ grid-template-columns:1fr!important; max-width:660px!important; gap:8px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong>div{ padding:12px 16px 12px 48px!important; border-radius:12px!important; font-size:16px!important; background:rgba(255,255,255,.82)!important; backdrop-filter:blur(5px)!important; border-color:rgba(243,134,24,.38)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong>div:before{ left:16px!important; top:13px!important; width:22px!important; height:22px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta{ max-width:820px!important; margin-top:18px!important; padding:20px 24px!important; border-radius:20px!important; border:2px solid rgba(243,134,24,.42)!important; background:rgba(255,255,255,.88)!important; box-shadow:0 18px 48px rgba(243,134,24,.18)!important; backdrop-filter:blur(5px)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta-pre{ font-size:16px!important; line-height:1.7!important; color:#1f2937!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta .pbsm-aff-raw a{ min-height:64px!important; width:min(560px,100%)!important; font-size:20px!important; box-shadow:0 18px 38px rgba(243,134,24,.32)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-author-strong{ margin-top:20px!important; padding:18px 20px!important; border-radius:16px!important; background:rgba(255,255,255,.88)!important; border-left:6px solid #F38618!important; box-shadow:0 14px 32px rgba(36,48,79,.08)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message{ position:relative!important; min-height:520px!important; border:0!important; box-shadow:none!important; background:transparent!important; overflow:visible!important; align-self:stretch!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message img{ display:none!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-bubble{ position:absolute!important; left:0!important; top:34%!important; right:auto!important; bottom:auto!important; width:min(320px,88%)!important; padding:22px 24px!important; border-radius:46px!important; background:rgba(255,255,255,.95)!important; color:#2f3542!important; font-size:20px!important; line-height:1.75!important; font-weight:950!important; text-align:center!important; box-shadow:0 18px 44px rgba(36,48,79,.16)!important; border:1px solid rgba(243,134,24,.22)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-bubble:after{ content:""!important; position:absolute!important; right:-18px!important; bottom:22px!important; width:38px!important; height:30px!important; background:rgba(255,255,255,.95)!important; clip-path:polygon(0 0,100% 50%,0 100%)!important; } @media(max-width:980px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual{ width:min(100%,calc(100vw - 16px))!important; grid-template-columns:1fr!important; min-height:auto!important; padding:24px!important; background-image:linear-gradient(135deg,#fff3e4 0%,#fff 58%,#fff8ef 100%)!important; } .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related{width:min(100%,calc(100vw - 16px))!important} .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message{ display:block!important; order:2!important; min-height:auto!important; margin-top:18px!important; border-radius:24px!important; overflow:hidden!important; box-shadow:0 16px 42px rgba(36,48,79,.12)!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message img{ display:block!important; width:100%!important; height:240px!important; object-fit:cover!important; object-position:right center!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-bubble{ left:14px!important; right:14px!important; top:auto!important; bottom:14px!important; width:auto!important; padding:12px 14px!important; border-radius:18px!important; font-size:13px!important; line-height:1.55!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-bubble:after{display:none!important} } @media(max-width:680px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual{ padding:18px!important; border-radius:24px!important; margin-top:8px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual h1{ font-size:34px!important; line-height:1.13!important; letter-spacing:-.045em!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-conclusion{ font-size:14.5px!important; line-height:1.78!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong>div{ font-size:14px!important; padding:12px 12px 12px 42px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta{ padding:16px!important; border-radius:20px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta-pre{ font-size:13.6px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta .pbsm-aff-raw a{ min-height:58px!important; width:100%!important; font-size:15px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message img{ height:190px!important; } } /* v4.7.51 ファルマスタッフLP：FVを説明資料型から成約LP型へ再設計 */ .pbsm-pbc-fstaff-v4751{ max-width:none!important; width:100%!important; padding-left:0!important; padding-right:0!important; background:#fffaf4!important; font-feature-settings:"palt" 1!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean{ width:min(1680px,calc(100vw - 24px))!important; max-width:1680px!important; min-height:auto!important; display:grid!important; grid-template-columns:minmax(560px,760px) minmax(520px,1fr)!important; gap:0!important; align-items:stretch!important; margin:18px auto 28px!important; transform:none!important; padding:0!important; overflow:hidden!important; border-radius:36px!important; background:linear-gradient(135deg,#fff2e2 0%,#fffaf4 45%,#ffffff 100%)!important; background-image:linear-gradient(135deg,#fff2e2 0%,#fffaf4 45%,#ffffff 100%)!important; border:2px solid rgba(243,134,24,.32)!important; box-shadow:0 28px 76px rgba(36,48,79,.11)!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean:before{display:none!important;content:none!important} .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-copy{ z-index:3!important; max-width:none!important; margin:clamp(26px,3.2vw,56px) -58px clamp(26px,3.2vw,56px) clamp(24px,4vw,70px)!important; padding:clamp(26px,3.3vw,48px)!important; border-radius:30px!important; background:rgba(255,255,255,.95)!important; border:1px solid rgba(243,134,24,.24)!important; box-shadow:0 18px 52px rgba(36,48,79,.12)!important; backdrop-filter:blur(8px)!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-kicker{ margin-bottom:14px!important; padding:6px 13px!important; border-radius:999px!important; background:#fff3e5!important; color:#c15f00!important; font-size:12px!important; font-weight:950!important; letter-spacing:.04em!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean h1{ margin:0 0 12px!important; max-width:760px!important; color:#171a1f!important; font-size:clamp(43px,4.15vw,66px)!important; line-height:1.12!important; letter-spacing:-.052em!important; text-wrap:normal!important; text-shadow:none!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean h1 span{display:block!important} .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean h1::first-letter{color:inherit!important} .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-seo-sub{ display:block!important; margin:0 0 18px!important; color:#F38618!important; font-size:clamp(14px,1.15vw,17px)!important; line-height:1.65!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-conclusion{ max-width:720px!important; margin:0 0 20px!important; color:#344054!important; font-size:clamp(16px,1.35vw,19px)!important; line-height:1.85!important; font-weight:800!important; letter-spacing:.01em!important; text-shadow:none!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-mini-points-strong{ display:grid!important; grid-template-columns:1fr!important; gap:9px!important; max-width:650px!important; margin:0 0 18px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{ position:relative!important; padding:12px 14px 12px 46px!important; border-radius:14px!important; background:#fffaf5!important; border:1px solid rgba(243,134,24,.24)!important; box-shadow:none!important; color:#243047!important; font-size:16px!important; line-height:1.55!important; font-weight:950!important; backdrop-filter:none!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div:before{ content:"✓"!important; position:absolute!important; left:15px!important; top:12px!important; width:22px!important; height:22px!important; border-radius:999px!important; display:grid!important; place-items:center!important; background:#F38618!important; color:#fff!important; font-size:13px!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta{ max-width:720px!important; margin:18px 0 0!important; padding:20px!important; border-radius:22px!important; background:#fff4e8!important; border:2px solid rgba(243,134,24,.38)!important; box-shadow:0 16px 42px rgba(243,134,24,.16)!important; backdrop-filter:none!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta-pre{ max-width:650px!important; margin:0 auto 13px!important; color:#1f2937!important; font-size:15.5px!important; line-height:1.75!important; text-align:left!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a{ width:min(540px,100%)!important; min-height:60px!important; padding:15px 24px!important; border-radius:999px!important; font-size:17px!important; font-weight:950!important; box-shadow:0 18px 40px rgba(243,134,24,.28)!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta-note{display:none!important} .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-img-message{ display:block!important; position:relative!important; min-height:560px!important; align-self:stretch!important; border:0!important; border-radius:0!important; box-shadow:none!important; background:#fff4e8!important; overflow:hidden!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-img-message img{ display:block!important; width:100%!important; height:100%!important; min-height:560px!important; object-fit:cover!important; object-position:center right!important; filter:saturate(1.03) contrast(1.01)!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-bubble{display:none!important} .pbsm-pbc-fstaff-v4751 .pbc-author-under-hero{ width:min(1320px,calc(100vw - 24px))!important; max-width:1320px!important; margin:0 auto 28px!important; padding:16px 20px!important; border-radius:18px!important; background:#fff!important; border:1px solid rgba(243,134,24,.22)!important; border-left:6px solid #F38618!important; color:#344054!important; font-size:15px!important; line-height:1.8!important; font-weight:850!important; box-shadow:0 10px 30px rgba(36,48,79,.06)!important; } .pbsm-pbc-fstaff-v4751 .pbc-section, .pbsm-pbc-fstaff-v4751 .pbc-related{ width:min(1420px,calc(100vw - 24px))!important; max-width:1420px!important; margin-left:auto!important; margin-right:auto!important; transform:none!important; } .pbsm-pbc-fstaff-v4751 .pbc-section{ padding:clamp(28px,3vw,44px)!important; } .pbsm-pbc-fstaff-v4751 .pbc-section p{ max-width:1120px!important; font-size:16px!important; line-height:1.9!important; } .pbsm-pbc-fstaff-v4751 .pbc-cardgrid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; } .pbsm-pbc-fstaff-v4751 .pbc-cardgrid article{ padding:24px!important; border-radius:22px!important; } .pbsm-pbc-fstaff-v4751 .pbc-cardgrid h3{ font-size:18px!important; line-height:1.55!important; margin-bottom:10px!important; } .pbsm-pbc-fstaff-v4751 .pbc-cardgrid p, .pbsm-pbc-fstaff-v4751 .pbc-table p, .pbsm-pbc-fstaff-v4751 .pbc-compare p, .pbsm-pbc-fstaff-v4751 .pbc-faq p{ font-size:15.5px!important; line-height:1.85!important; } .pbsm-pbc-fstaff-v4751 .pbc-reason-cards article:nth-child(3), .pbsm-pbc-fstaff-v4751 .pbc-cardgrid article:only-child{ grid-column:auto!important; } .pbsm-pbc-fstaff-v4751 .pbc-cta{ max-width:960px!important; padding:24px 26px!important; border-radius:24px!important; background:#fff3e4!important; border:2px solid rgba(243,134,24,.35)!important; box-shadow:0 18px 46px rgba(243,134,24,.13)!important; } .pbsm-pbc-fstaff-v4751 .pbc-cta-pre{ font-size:16px!important; line-height:1.8!important; } .pbsm-pbc-fstaff-v4751 .pbc-cta .pbsm-aff-raw a{ width:min(620px,100%)!important; min-height:60px!important; font-size:17px!important; } @media(max-width:1100px){ .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean{ grid-template-columns:1fr!important; width:min(100%,calc(100vw - 16px))!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-copy{ margin:18px!important; max-width:none!important; order:1!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-img-message{ order:2!important; min-height:auto!important; border-radius:0 0 24px 24px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-img-message img{ height:260px!important; min-height:0!important; object-position:center right!important; } .pbsm-pbc-fstaff-v4751 .pbc-cardgrid, .pbsm-pbc-fstaff-v4751 .pbc-cardgrid-2, .pbsm-pbc-fstaff-v4751 .pbc-fit-compare{ grid-template-columns:1fr!important; } } @media(max-width:680px){ .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean{ border-radius:24px!important; margin-top:8px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-copy{ margin:12px!important; padding:20px!important; border-radius:22px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean h1{ font-size:34px!important; line-height:1.16!important; letter-spacing:-.045em!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-seo-sub{ font-size:12.5px!important; margin-bottom:12px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-conclusion{ font-size:15px!important; line-height:1.78!important; margin-bottom:14px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{ font-size:14.5px!important; line-height:1.55!important; padding:11px 12px 11px 41px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta{ padding:16px!important; margin-top:14px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta-pre{ font-size:13.8px!important; line-height:1.75!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a{ width:100%!important; min-height:58px!important; font-size:15px!important; padding-left:12px!important; padding-right:12px!important; } .pbsm-pbc-fstaff-v4751 .pbc-hero-fstaff-clean .pbc-hero-img-message img{ height:190px!important; } .pbsm-pbc-fstaff-v4751 .pbc-author-under-hero{ width:min(100%,calc(100vw - 16px))!important; margin-bottom:18px!important; font-size:13px!important; line-height:1.75!important; } .pbsm-pbc-fstaff-v4751 .pbc-section, .pbsm-pbc-fstaff-v4751 .pbc-related{ width:min(100%,calc(100vw - 16px))!important; } .pbsm-pbc-fstaff-v4751 .pbc-section{ padding:20px!important; } .pbsm-pbc-fstaff-v4751 .pbc-section p{ font-size:15px!important; line-height:1.85!important; } .pbsm-pbc-fstaff-v4751 .pbc-cardgrid h3{font-size:16.5px!important} .pbsm-pbc-fstaff-v4751 .pbc-cardgrid p, .pbsm-pbc-fstaff-v4751 .pbc-table p, .pbsm-pbc-fstaff-v4751 .pbc-compare p, .pbsm-pbc-fstaff-v4751 .pbc-faq p{font-size:14.8px!important} } /* v4.7.52 ファルマスタッフLP：FVを引き算し、文字組み・余白・CTA主役感を再調整 */ .pbsm-pbc-fstaff-v4752{ background:#fffaf4!important; color:#243047!important; font-feature-settings:"palt" 1!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean{ width:min(1320px,calc(100vw - 28px))!important; max-width:1320px!important; display:grid!important; grid-template-columns:minmax(420px,540px) minmax(0,1fr)!important; gap:0!important; align-items:stretch!important; margin:18px auto 22px!important; padding:0!important; overflow:hidden!important; border-radius:30px!important; background:linear-gradient(135deg,#fff6ec 0%,#fffaf6 55%,#ffffff 100%)!important; border:1px solid rgba(243,134,24,.30)!important; box-shadow:0 22px 56px rgba(36,48,79,.10)!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-copy{ margin:clamp(22px,3vw,42px)!important; padding:clamp(24px,3vw,38px)!important; max-width:560px!important; align-self:center!important; z-index:4!important; border-radius:26px!important; background:rgba(255,255,255,.97)!important; border:1px solid rgba(243,134,24,.22)!important; box-shadow:0 16px 42px rgba(36,48,79,.10)!important; backdrop-filter:blur(8px)!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-kicker{ display:inline-flex!important; align-items:center!important; width:auto!important; margin:0 0 13px!important; padding:6px 12px!important; border-radius:999px!important; background:#fff1df!important; color:#c15f00!important; font-size:11.5px!important; line-height:1.3!important; font-weight:900!important; letter-spacing:.04em!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean h1{ margin:0 0 12px!important; color:#111827!important; font-size:clamp(34px,3.2vw,48px)!important; line-height:1.18!important; letter-spacing:-.045em!important; font-weight:950!important; max-width:500px!important; text-wrap:balance!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean h1 span{display:block!important} .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-seo-sub{ display:block!important; margin:0 0 12px!important; color:#F38618!important; font-size:13px!important; line-height:1.55!important; font-weight:900!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-conclusion{ max-width:500px!important; margin:0 0 16px!important; color:#344054!important; font-size:16px!important; line-height:1.82!important; font-weight:700!important; letter-spacing:.01em!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-mini-points-strong{ display:grid!important; grid-template-columns:1fr!important; gap:8px!important; max-width:500px!important; margin:0 0 16px!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{ position:relative!important; padding:10px 12px 10px 40px!important; border-radius:12px!important; background:#fffaf5!important; border:1px solid rgba(243,134,24,.28)!important; color:#243047!important; font-size:15px!important; line-height:1.45!important; font-weight:850!important; box-shadow:none!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div:before{ content:"✓"!important; position:absolute!important; left:13px!important; top:10px!important; width:20px!important; height:20px!important; display:grid!important; place-items:center!important; border-radius:999px!important; background:#F38618!important; color:#fff!important; font-size:12px!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta{ max-width:500px!important; margin:14px 0 0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta-pre, .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta-note{display:none!important} .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw, .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta [data-service-slug]{width:100%!important} .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta .pbsm-link{ width:100%!important; min-height:56px!important; padding:14px 18px!important; border-radius:999px!important; font-size:16px!important; line-height:1.35!important; font-weight:950!important; box-shadow:0 16px 34px rgba(243,134,24,.28)!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-img-message{ display:block!important; min-height:520px!important; border-radius:0!important; box-shadow:none!important; overflow:hidden!important; background:#fff!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-img-message img{ width:100%!important; height:100%!important; min-height:520px!important; display:block!important; object-fit:cover!important; object-position:center right!important; filter:saturate(1.02) contrast(1.01)!important; } .pbsm-pbc-fstaff-v4752 .pbc-author-under-hero{ width:min(1080px,calc(100vw - 32px))!important; max-width:1080px!important; margin:0 auto 28px!important; padding:18px 22px 18px 72px!important; border-radius:20px!important; background:#fff!important; border:1px solid rgba(243,134,24,.22)!important; border-left:6px solid #F38618!important; color:#344054!important; font-size:15px!important; line-height:1.85!important; font-weight:750!important; position:relative!important; box-shadow:0 10px 28px rgba(36,48,79,.06)!important; } .pbsm-pbc-fstaff-v4752 .pbc-author-under-hero:before{ content:"薬"!important; position:absolute!important; left:22px!important; top:18px!important; width:34px!important; height:34px!important; border-radius:999px!important; display:grid!important; place-items:center!important; background:#fff1df!important; color:#F38618!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4752 .pbc-section, .pbsm-pbc-fstaff-v4752 .pbc-related{ width:min(1120px,calc(100vw - 32px))!important; max-width:1120px!important; margin-left:auto!important; margin-right:auto!important; } .pbsm-pbc-fstaff-v4752 .pbc-section{ padding:clamp(30px,3vw,46px)!important; margin-top:28px!important; border-radius:26px!important; } .pbsm-pbc-fstaff-v4752 .pbc-section h2{ font-size:clamp(24px,2.2vw,34px)!important; line-height:1.38!important; letter-spacing:-.025em!important; text-wrap:balance!important; } .pbsm-pbc-fstaff-v4752 .pbc-section p{ max-width:820px!important; font-size:16px!important; line-height:1.95!important; letter-spacing:.01em!important; } .pbsm-pbc-fstaff-v4752 .pbc-cardgrid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:18px!important; } .pbsm-pbc-fstaff-v4752 .pbc-cardgrid article{ padding:24px!important; border-radius:22px!important; } .pbsm-pbc-fstaff-v4752 .pbc-cardgrid h3{ font-size:18px!important; line-height:1.55!important; margin-bottom:10px!important; } .pbsm-pbc-fstaff-v4752 .pbc-cardgrid p, .pbsm-pbc-fstaff-v4752 .pbc-table p, .pbsm-pbc-fstaff-v4752 .pbc-compare p, .pbsm-pbc-fstaff-v4752 .pbc-faq p{ font-size:15.8px!important; line-height:1.9!important; } .pbsm-pbc-fstaff-v4752 .pbc-cta{ max-width:760px!important; padding:22px 24px!important; border-radius:24px!important; background:#fff4e8!important; border:2px solid rgba(243,134,24,.35)!important; box-shadow:0 16px 40px rgba(243,134,24,.12)!important; } .pbsm-pbc-fstaff-v4752 .pbc-cta-pre{ font-size:16px!important; line-height:1.85!important; font-weight:800!important; } .pbsm-pbc-fstaff-v4752 .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-fstaff-v4752 .pbc-cta .pbsm-link{ width:min(560px,100%)!important; min-height:58px!important; padding:14px 18px!important; font-size:16px!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4752 .pbc-check-strong, .pbsm-pbc-fstaff-v4752 .pbc-final-strong{ width:min(1180px,calc(100vw - 32px))!important; max-width:1180px!important; } @media(max-width:980px){ .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean{ width:min(100%,calc(100vw - 16px))!important; grid-template-columns:1fr!important; border-radius:24px!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-copy{ order:1!important; max-width:none!important; margin:14px!important; padding:24px!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-img-message{ order:2!important; min-height:auto!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-img-message img{ height:260px!important; min-height:0!important; object-position:center right!important; } .pbsm-pbc-fstaff-v4752 .pbc-cardgrid, .pbsm-pbc-fstaff-v4752 .pbc-cardgrid-2, .pbsm-pbc-fstaff-v4752 .pbc-fit-compare{ grid-template-columns:1fr!important; } } @media(max-width:680px){ .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean{margin-top:8px!important} .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-copy{ margin:10px!important; padding:20px!important; border-radius:22px!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean h1{ font-size:30px!important; line-height:1.22!important; letter-spacing:-.04em!important; max-width:100%!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-seo-sub{font-size:12.5px!important} .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-conclusion{ font-size:15px!important; line-height:1.82!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{ font-size:14.5px!important; padding:10px 10px 10px 39px!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-cta .pbsm-link{ min-height:56px!important; font-size:14.5px!important; } .pbsm-pbc-fstaff-v4752 .pbc-hero-fstaff-clean .pbc-hero-img-message img{height:190px!important} .pbsm-pbc-fstaff-v4752 .pbc-author-under-hero{ width:min(100%,calc(100vw - 16px))!important; padding:14px 16px 14px 58px!important; font-size:13.5px!important; line-height:1.8!important; margin-bottom:20px!important; } .pbsm-pbc-fstaff-v4752 .pbc-author-under-hero:before{left:16px!important;top:14px!important;width:30px!important;height:30px!important} .pbsm-pbc-fstaff-v4752 .pbc-section, .pbsm-pbc-fstaff-v4752 .pbc-related, .pbsm-pbc-fstaff-v4752 .pbc-check-strong, .pbsm-pbc-fstaff-v4752 .pbc-final-strong{ width:min(100%,calc(100vw - 16px))!important; } .pbsm-pbc-fstaff-v4752 .pbc-section{ padding:20px!important; margin-top:22px!important; border-radius:22px!important; } .pbsm-pbc-fstaff-v4752 .pbc-section h2{font-size:22px!important;line-height:1.4!important} .pbsm-pbc-fstaff-v4752 .pbc-section p{font-size:15px!important;line-height:1.88!important} .pbsm-pbc-fstaff-v4752 .pbc-cardgrid h3{font-size:16.5px!important} .pbsm-pbc-fstaff-v4752 .pbc-cardgrid p, .pbsm-pbc-fstaff-v4752 .pbc-table p, .pbsm-pbc-fstaff-v4752 .pbc-compare p, .pbsm-pbc-fstaff-v4752 .pbc-faq p{font-size:14.8px!important;line-height:1.85!important} } /* v4.7.53 ファルマスタッフLP：3枚目カンプ寄せ。左カード廃止・全幅ヒーロー・著者顔画像対応 */ .pbsm-pbc-fstaff-v4753{ background:#fffaf4!important; color:#243047!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean{ position:relative!important; overflow:hidden!important; display:grid!important; grid-template-columns:minmax(0,58%) minmax(380px,42%)!important; align-items:center!important; gap:0!important; width:min(1560px,calc(100vw - 24px))!important; max-width:1560px!important; min-height:720px!important; margin:18px auto 22px!important; padding:clamp(44px,4.4vw,70px) clamp(42px,4.8vw,72px)!important; border-radius:34px!important; border:1px solid rgba(243,134,24,.34)!important; box-shadow:0 28px 86px rgba(243,134,24,.15)!important; background-image: linear-gradient(90deg,rgba(255,248,239,.98) 0%,rgba(255,248,239,.96) 40%,rgba(255,248,239,.72) 54%,rgba(255,248,239,.18) 70%,rgba(255,248,239,0) 100%), var(--hero-image)!important; background-size:cover!important; background-position:center right!important; background-repeat:no-repeat!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-copy{ max-width:850px!important; margin:0!important; padding:0!important; align-self:center!important; z-index:3!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; backdrop-filter:none!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-kicker{ display:inline-flex!important; align-items:center!important; margin:0 0 22px!important; padding:9px 20px!important; border-radius:999px!important; background:#F38618!important; color:#fff!important; font-size:16px!important; line-height:1.35!important; font-weight:950!important; letter-spacing:.035em!important; box-shadow:0 12px 28px rgba(243,134,24,.22)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean h1{ margin:0 0 24px!important; max-width:940px!important; color:#252a33!important; font-size:clamp(56px,5.25vw,90px)!important; line-height:1.08!important; letter-spacing:-.055em!important; font-weight:950!important; text-wrap:balance!important; text-shadow:0 1px 0 rgba(255,255,255,.35)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean h1 span{display:block!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean h1 em{ color:#F38618!important; font-style:normal!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-seo-sub{ display:inline-flex!important; width:fit-content!important; margin:0 0 18px!important; padding:7px 15px!important; border-radius:999px!important; background:#fff7ee!important; border:1px solid rgba(243,134,24,.24)!important; color:#d76500!important; font-size:15px!important; font-weight:950!important; line-height:1.45!important; box-shadow:0 8px 20px rgba(243,134,24,.06)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-conclusion{ max-width:820px!important; margin:0 0 22px!important; color:#2f3542!important; font-size:clamp(18px,1.45vw,24px)!important; line-height:1.75!important; font-weight:900!important; letter-spacing:.01em!important; text-shadow:0 1px 0 rgba(255,255,255,.45)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-mini-points-strong{ display:grid!important; grid-template-columns:1fr!important; gap:10px!important; max-width:740px!important; margin:0 0 22px!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{ position:relative!important; padding:13px 18px 13px 56px!important; border-radius:14px!important; background:rgba(255,255,255,.84)!important; border:1px solid rgba(243,134,24,.28)!important; box-shadow:0 10px 26px rgba(36,48,79,.06)!important; color:#243047!important; font-size:19px!important; line-height:1.45!important; font-weight:950!important; backdrop-filter:blur(4px)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div:before{ content:"✓"!important; position:absolute!important; left:18px!important; top:50%!important; transform:translateY(-50%)!important; width:26px!important; height:26px!important; display:grid!important; place-items:center!important; border-radius:999px!important; background:#F38618!important; color:#fff!important; font-size:16px!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta{ max-width:860px!important; margin:20px 0 0!important; padding:22px 28px!important; border-radius:22px!important; background:rgba(255,255,255,.82)!important; border:2px solid rgba(243,134,24,.36)!important; box-shadow:0 18px 48px rgba(243,134,24,.18)!important; backdrop-filter:blur(5px)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta-pre{ display:block!important; max-width:770px!important; margin:0 0 14px!important; color:#243047!important; font-size:18px!important; line-height:1.75!important; font-weight:950!important; text-align:left!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta-note{display:block!important;font-size:14px!important;line-height:1.7!important;color:#667085!important;margin-top:12px!important;text-align:center!important;font-weight:750!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta .pbsm-link{ width:min(680px,100%)!important; min-height:68px!important; padding:18px 28px!important; border-radius:999px!important; font-size:24px!important; line-height:1.25!important; font-weight:950!important; box-shadow:0 20px 44px rgba(243,134,24,.34)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-img-message{ display:block!important; position:relative!important; min-height:560px!important; align-self:stretch!important; border:0!important; background:transparent!important; box-shadow:none!important; overflow:visible!important; pointer-events:none!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-img-message img{display:none!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-bubble{ display:block!important; position:absolute!important; left:clamp(8px,3vw,62px)!important; top:30%!important; width:min(360px,90%)!important; padding:24px 30px!important; border-radius:52px!important; background:rgba(255,255,255,.95)!important; border:1px solid rgba(243,134,24,.22)!important; box-shadow:0 20px 48px rgba(36,48,79,.17)!important; color:#2f3542!important; font-size:24px!important; line-height:1.75!important; font-weight:950!important; text-align:center!important; letter-spacing:.02em!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-bubble:after{ content:""!important; position:absolute!important; right:-20px!important; bottom:28px!important; width:42px!important; height:32px!important; background:rgba(255,255,255,.95)!important; clip-path:polygon(0 0,100% 50%,0 100%)!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-under-hero{ width:min(1450px,calc(100vw - 32px))!important; max-width:1450px!important; margin:0 auto 34px!important; padding:20px 28px!important; display:grid!important; grid-template-columns:96px minmax(0,1fr) 150px 150px 150px!important; gap:22px!important; align-items:center!important; border-radius:24px!important; background:rgba(255,255,255,.98)!important; border:1px solid rgba(243,134,24,.22)!important; border-left:0!important; box-shadow:0 18px 54px rgba(36,48,79,.10)!important; color:#344054!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-under-hero:before{display:none!important;content:none!important} .pbsm-pbc-fstaff-v4753 .pbc-author-face img{ width:86px!important; height:86px!important; object-fit:cover!important; border-radius:999px!important; border:4px solid #fff1df!important; box-shadow:0 10px 26px rgba(36,48,79,.10)!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-text strong{ display:block!important; margin-bottom:6px!important; color:#243047!important; font-size:24px!important; line-height:1.45!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-text strong::first-letter{color:#F38618!important} .pbsm-pbc-fstaff-v4753 .pbc-author-text span{ display:block!important; color:#475467!important; font-size:16px!important; line-height:1.8!important; font-weight:760!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-stats{ text-align:center!important; padding:0 10px!important; border-left:1px solid rgba(36,48,79,.12)!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-stats b{ display:block!important; color:#F38618!important; font-size:42px!important; line-height:1!important; font-weight:950!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-stats b span{ color:#243047!important; font-size:16px!important; margin-left:2px!important; } .pbsm-pbc-fstaff-v4753 .pbc-author-stats small{ display:block!important; margin-top:7px!important; color:#243047!important; font-size:14px!important; line-height:1.45!important; font-weight:850!important; } .pbsm-pbc-fstaff-v4753 .pbc-section, .pbsm-pbc-fstaff-v4753 .pbc-related{ width:min(1160px,calc(100vw - 32px))!important; max-width:1160px!important; } @media(max-width:1180px){ .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean{ grid-template-columns:1fr!important; min-height:auto!important; padding:28px!important; background-image:linear-gradient(135deg,#fff6ec 0%,#fff 62%,#fff7ee 100%)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-copy{max-width:none!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-img-message{ min-height:auto!important; overflow:hidden!important; border-radius:24px!important; margin-top:22px!important; box-shadow:0 16px 44px rgba(36,48,79,.12)!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-img-message img{ display:block!important; width:100%!important; height:300px!important; min-height:0!important; object-fit:cover!important; object-position:right center!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-bubble{display:none!important} .pbsm-pbc-fstaff-v4753 .pbc-author-under-hero{grid-template-columns:78px minmax(0,1fr)!important} .pbsm-pbc-fstaff-v4753 .pbc-author-stats{display:none!important} .pbsm-pbc-fstaff-v4753 .pbc-author-face img{width:72px!important;height:72px!important} } @media(max-width:680px){ .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean{ width:min(100%,calc(100vw - 16px))!important; padding:18px!important; border-radius:24px!important; margin-top:8px!important; } .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-kicker{font-size:12px!important;padding:7px 13px!important;margin-bottom:14px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean h1{font-size:34px!important;line-height:1.16!important;letter-spacing:-.045em!important;margin-bottom:14px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-seo-sub{font-size:12.5px!important;margin-bottom:12px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-conclusion{font-size:15px!important;line-height:1.78!important;margin-bottom:16px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{font-size:14.5px!important;padding:11px 12px 11px 42px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta{padding:16px!important;border-radius:20px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta-pre{font-size:13.8px!important;line-height:1.75!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-cta .pbsm-link{width:100%!important;min-height:58px!important;font-size:14.5px!important;padding:14px 12px!important} .pbsm-pbc-fstaff-v4753 .pbc-hero-fstaff-clean .pbc-hero-img-message img{height:210px!important} .pbsm-pbc-fstaff-v4753 .pbc-author-under-hero{width:min(100%,calc(100vw - 16px))!important;grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;padding:14px!important;margin-bottom:20px!important;border-radius:18px!important} .pbsm-pbc-fstaff-v4753 .pbc-author-face img{width:52px!important;height:52px!important;border-width:3px!important} .pbsm-pbc-fstaff-v4753 .pbc-author-text strong{font-size:16px!important;line-height:1.45!important} .pbsm-pbc-fstaff-v4753 .pbc-author-text span{font-size:13px!important;line-height:1.7!important} } /* v4.7.54 ファルマスタッフLP：全体センタリング修正・吹き出し削除・職場横断訴求へ調整 */ .pbsm-pbc-fstaff-v4754{ position:relative!important; left:50%!important; right:50%!important; width:100vw!important; max-width:100vw!important; margin-left:-50vw!important; margin-right:-50vw!important; padding:0 24px 96px!important; box-sizing:border-box!important; background:#fffaf4!important; overflow-x:clip!important; } .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean, .pbsm-pbc-fstaff-v4754 .pbc-author-under-hero, .pbsm-pbc-fstaff-v4754 .pbc-section, .pbsm-pbc-fstaff-v4754 .pbc-related{ margin-left:auto!important; margin-right:auto!important; } .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean{ width:min(1560px,100%)!important; max-width:1560px!important; } .pbsm-pbc-fstaff-v4754 .pbc-section, .pbsm-pbc-fstaff-v4754 .pbc-related{ width:min(1160px,100%)!important; max-width:1160px!important; } .pbsm-pbc-fstaff-v4754 .pbc-check-strong, .pbsm-pbc-fstaff-v4754 .pbc-final-strong{ width:min(1180px,100%)!important; max-width:1180px!important; } .pbsm-pbc-fstaff-v4754 .pbc-author-under-hero{ width:min(1450px,100%)!important; max-width:1450px!important; } .pbsm-pbc-fstaff-v4754 .pbc-hero-bubble{display:none!important;content:none!important} .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean .pbc-hero-img-message{pointer-events:none!important;} .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean h1{max-width:980px!important;} .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean .pbc-conclusion{max-width:840px!important;} .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean .pbc-mini-points-strong{max-width:790px!important;} @media(max-width:1180px){ .pbsm-pbc-fstaff-v4754{padding-left:16px!important;padding-right:16px!important;} .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean{width:100%!important;} } @media(max-width:680px){ .pbsm-pbc-fstaff-v4754{padding-left:8px!important;padding-right:8px!important;padding-bottom:72px!important;} .pbsm-pbc-fstaff-v4754 .pbc-hero-fstaff-clean, .pbsm-pbc-fstaff-v4754 .pbc-author-under-hero, .pbsm-pbc-fstaff-v4754 .pbc-section, .pbsm-pbc-fstaff-v4754 .pbc-related, .pbsm-pbc-fstaff-v4754 .pbc-check-strong, .pbsm-pbc-fstaff-v4754 .pbc-final-strong{width:100%!important;max-width:100%!important;} } /* v4.7.55 ファルマスタッフLP：FV/著者/本文ブロックを横に広げ、著者実績の改行崩れを修正 */ .pbsm-pbc-fstaff-v4755{ padding-left:clamp(18px,3vw,56px)!important; padding-right:clamp(18px,3vw,56px)!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean{ width:min(1780px,100%)!important; max-width:1780px!important; min-height:760px!important; grid-template-columns:minmax(0,61%) minmax(420px,39%)!important; padding:clamp(52px,4.8vw,84px) clamp(52px,5.2vw,88px)!important; border-radius:36px!important; background-image: linear-gradient(90deg,rgba(255,248,239,.99) 0%,rgba(255,248,239,.97) 43%,rgba(255,248,239,.78) 58%,rgba(255,248,239,.24) 73%,rgba(255,248,239,0) 100%), var(--hero-image)!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-hero-copy{ max-width:980px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean h1{ max-width:1040px!important; font-size:clamp(62px,5.4vw,96px)!important; line-height:1.06!important; letter-spacing:-.058em!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean h1 span{ display:block!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-conclusion{ max-width:930px!important; font-size:clamp(19px,1.45vw,25px)!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-mini-points-strong{ max-width:860px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div{ font-size:19.5px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-cta{ max-width:900px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean .pbc-cta .pbsm-link{ width:min(720px,100%)!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-under-hero{ width:min(1680px,100%)!important; max-width:1680px!important; grid-template-columns:100px minmax(0,1fr) 170px 170px 170px!important; gap:26px!important; padding:22px 34px!important; border-radius:26px!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-text strong{ font-size:26px!important; line-height:1.38!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-text span{ font-size:17px!important; line-height:1.85!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-stats{ min-width:150px!important; white-space:normal!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-stats b{ display:flex!important; align-items:baseline!important; justify-content:center!important; gap:3px!important; white-space:nowrap!important; word-break:keep-all!important; font-size:48px!important; line-height:1!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-stats b span{ white-space:nowrap!important; word-break:keep-all!important; font-size:17px!important; line-height:1!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-stats small{ white-space:normal!important; word-break:keep-all!important; font-size:15px!important; line-height:1.55!important; } .pbsm-pbc-fstaff-v4755 .pbc-section, .pbsm-pbc-fstaff-v4755 .pbc-related{ width:min(1320px,100%)!important; max-width:1320px!important; } .pbsm-pbc-fstaff-v4755 .pbc-check-strong, .pbsm-pbc-fstaff-v4755 .pbc-final-strong{ width:min(1380px,100%)!important; max-width:1380px!important; } .pbsm-pbc-fstaff-v4755 .pbc-section p{ max-width:1060px!important; } .pbsm-pbc-fstaff-v4755 .pbc-table>div{ grid-template-columns:220px 1fr!important; } @media(max-width:1180px){ .pbsm-pbc-fstaff-v4755{ padding-left:16px!important; padding-right:16px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean{ min-height:auto!important; grid-template-columns:1fr!important; padding:30px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean h1{ font-size:clamp(40px,7vw,68px)!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-under-hero{ grid-template-columns:82px minmax(0,1fr) 130px 130px 130px!important; gap:16px!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-stats b{font-size:36px!important;} .pbsm-pbc-fstaff-v4755 .pbc-author-stats small{font-size:13px!important;} } @media(max-width:880px){ .pbsm-pbc-fstaff-v4755 .pbc-author-under-hero{ grid-template-columns:72px minmax(0,1fr)!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-stats{display:none!important;} } @media(max-width:680px){ .pbsm-pbc-fstaff-v4755{ padding-left:8px!important; padding-right:8px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean{ padding:18px!important; } .pbsm-pbc-fstaff-v4755 .pbc-hero-fstaff-clean h1{ font-size:34px!important; line-height:1.16!important; } .pbsm-pbc-fstaff-v4755 .pbc-author-under-hero{ grid-template-columns:56px minmax(0,1fr)!important; gap:12px!important; padding:14px!important; } .pbsm-pbc-fstaff-v4755 .pbc-section, .pbsm-pbc-fstaff-v4755 .pbc-related, .pbsm-pbc-fstaff-v4755 .pbc-check-strong, .pbsm-pbc-fstaff-v4755 .pbc-final-strong{ width:100%!important; max-width:100%!important; } } /* ========================================================= v4.7.56: FV以外の本文ブロック幅を拡張・読みやすさ再調整 - ファルマスタッフLPの各セクションをヒーロー幅に近づける - カードの窮屈さを軽減し、本文の最大幅を拡張 - PASBECONA型の他サービスLPも同じ幅設計に寄せる ========================================================= */ .pbsm-pbc-fstaff-v4756 .pbc-section, .pbsm-pbc-fstaff-v4756 .pbc-related{ width:min(1500px,100%)!important; max-width:1500px!important; } .pbsm-pbc-fstaff-v4756 .pbc-conclusion-card, .pbsm-pbc-fstaff-v4756 .pbc-decision-card, .pbsm-pbc-fstaff-v4756 .pbc-reasons-section, .pbsm-pbc-fstaff-v4756 .pbc-check-strong, .pbsm-pbc-fstaff-v4756 .pbc-author-detail, .pbsm-pbc-fstaff-v4756 .pbc-narrow-merged, .pbsm-pbc-fstaff-v4756 .pbc-final-strong{ width:min(1540px,100%)!important; max-width:1540px!important; } .pbsm-pbc-fstaff-v4756 .pbc-section{ padding:clamp(34px,3.2vw,54px)!important; } .pbsm-pbc-fstaff-v4756 .pbc-section h2{ max-width:1180px!important; } .pbsm-pbc-fstaff-v4756 .pbc-section p{ max-width:1220px!important; font-size:16.5px!important; line-height:1.95!important; } .pbsm-pbc-fstaff-v4756 .pbc-cardgrid{ gap:22px!important; } .pbsm-pbc-fstaff-v4756 .pbc-cardgrid article{ padding:26px 28px!important; } .pbsm-pbc-fstaff-v4756 .pbc-cardgrid h3{ font-size:18.5px!important; } .pbsm-pbc-fstaff-v4756 .pbc-cardgrid p, .pbsm-pbc-fstaff-v4756 .pbc-table p, .pbsm-pbc-fstaff-v4756 .pbc-compare p, .pbsm-pbc-fstaff-v4756 .pbc-faq p{ font-size:15.8px!important; line-height:1.9!important; } .pbsm-pbc-fstaff-v4756 .pbc-fit-compare{ gap:24px!important; } .pbsm-pbc-fstaff-v4756 .pbc-fit-col{ padding:30px!important; } .pbsm-pbc-fstaff-v4756 .pbc-checklist>div{ grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important; } .pbsm-pbc-fstaff-v4756 .pbc-table>div{ grid-template-columns:260px 1fr!important; padding:16px 18px!important; } .pbsm-pbc-fstaff-v4756 .pbc-compare>div{ padding:18px!important; gap:14px!important; } .pbsm-pbc-fstaff-v4756 .pbc-flow{ gap:16px!important; } .pbsm-pbc-fstaff-v4756 .pbc-flow li{ padding:20px 16px!important; } .pbsm-pbc-fstaff-v4756 .pbc-cta{ max-width:1040px!important; } .pbsm-pbc-fstaff-v4756 .pbc-faq details{ max-width:none!important; } /* 他のPASBECONA型個別LPも、説明が窮屈に見えないよう標準幅を拡張 */ .pbsm-pbc:not(.pbsm-pbc-fstaff-v4756) .pbc-hero, .pbsm-pbc:not(.pbsm-pbc-fstaff-v4756) .pbc-section, .pbsm-pbc:not(.pbsm-pbc-fstaff-v4756) .pbc-related{ width:min(1320px,calc(100vw - 28px))!important; max-width:1320px!important; } .pbsm-pbc:not(.pbsm-pbc-fstaff-v4756) .pbc-section p{ max-width:1080px!important; font-size:15.8px!important; } .pbsm-pbc:not(.pbsm-pbc-fstaff-v4756) .pbc-cardgrid article{ padding:22px!important; } @media(max-width:1180px){ .pbsm-pbc-fstaff-v4756 .pbc-section, .pbsm-pbc-fstaff-v4756 .pbc-related, .pbsm-pbc-fstaff-v4756 .pbc-conclusion-card, .pbsm-pbc-fstaff-v4756 .pbc-decision-card, .pbsm-pbc-fstaff-v4756 .pbc-reasons-section, .pbsm-pbc-fstaff-v4756 .pbc-check-strong, .pbsm-pbc-fstaff-v4756 .pbc-author-detail, .pbsm-pbc-fstaff-v4756 .pbc-narrow-merged, .pbsm-pbc-fstaff-v4756 .pbc-final-strong{ width:100%!important; max-width:100%!important; } .pbsm-pbc-fstaff-v4756 .pbc-checklist>div{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .pbsm-pbc-fstaff-v4756 .pbc-table>div{ grid-template-columns:190px 1fr!important; } } @media(max-width:680px){ .pbsm-pbc-fstaff-v4756 .pbc-section{ padding:20px!important; } .pbsm-pbc-fstaff-v4756 .pbc-section p{ font-size:15px!important; line-height:1.86!important; } .pbsm-pbc-fstaff-v4756 .pbc-cardgrid article{ padding:18px!important; } .pbsm-pbc-fstaff-v4756 .pbc-checklist>div{ grid-template-columns:1fr!important; } .pbsm-pbc-fstaff-v4756 .pbc-table>div, .pbsm-pbc-fstaff-v4756 .pbc-compare>div{ grid-template-columns:1fr!important; } } /* v4.7.57: ファルマスタッフFVの人物を少し右へ寄せ、顔の見え方を改善 */ .pbsm-pbc-fstaff-v4757 .pbc-hero-fstaff-clean{ background-repeat:no-repeat,no-repeat!important; background-size:100% 100%,cover!important; background-position:0 0,calc(100% + 88px) center!important; } @media(max-width:1480px){ .pbsm-pbc-fstaff-v4757 .pbc-hero-fstaff-clean{ background-position:0 0,calc(100% + 56px) center!important; } } @media(max-width:1180px){ .pbsm-pbc-fstaff-v4757 .pbc-hero-fstaff-clean{ background-position:0 0,right center!important; background-size:100% 100%,cover!important; } } /* v4.7.58: 他の転職サイトLPもファルマスタッフと同じPASBECONA型・幅広Hero構造へ */ .pbsm-pbc-service-v4758{ width:100vw!important; max-width:none!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding:0 clamp(18px,4vw,72px) 44px!important; box-sizing:border-box!important; background:#fffaf4!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean{ width:min(1780px,100%)!important; max-width:1780px!important; min-height:640px!important; margin:0 auto 22px!important; padding:clamp(42px,4.6vw,76px) clamp(44px,5vw,86px)!important; display:grid!important; grid-template-columns:minmax(0,61%) minmax(420px,39%)!important; gap:0!important; align-items:center!important; border-radius:36px!important; border:1px solid color-mix(in srgb,var(--svc-color) 30%,#f4d2a8)!important; box-shadow:0 30px 80px rgba(36,48,79,.10)!important; overflow:hidden!important; position:relative!important; background-image: linear-gradient(90deg,rgba(255,250,245,.99) 0%,rgba(255,250,245,.98) 42%,rgba(255,250,245,.76) 58%,rgba(255,250,245,.25) 74%,rgba(255,250,245,0) 100%), var(--hero-image)!important; background-size:100% 100%,cover!important; background-repeat:no-repeat,no-repeat!important; background-position:0 0,right center!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean:before{display:none!important;content:none!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-copy{max-width:920px!important;position:relative!important;z-index:2!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-kicker{ display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:8px 18px!important; border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;font-size:14px!important;font-weight:950!important;margin:0 0 24px!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean h1{ max-width:960px!important;margin:0 0 22px!important;font-size:clamp(48px,4.6vw,82px)!important;line-height:1.08!important; letter-spacing:-.055em!important;color:#1f2937!important;font-weight:950!important;text-wrap:balance!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-conclusion{ max-width:880px!important;margin:0 0 26px!important;font-size:clamp(17px,1.25vw,22px)!important;line-height:1.9!important;color:#1f2937!important;font-weight:850!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong{max-width:840px!important;display:grid!important;gap:12px!important;margin:0 0 26px!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong>div{ position:relative!important;min-height:50px!important;display:flex!important;align-items:center!important;padding:13px 18px 13px 54px!important; border-radius:12px!important;background:rgba(255,255,255,.84)!important;border:1px solid color-mix(in srgb,var(--svc-color) 42%,#f3d1a5)!important; font-size:17px!important;line-height:1.5!important;color:#1f2937!important;font-weight:900!important;box-shadow:0 8px 24px rgba(36,48,79,.04)!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong>div:before{ content:'✓'!important;position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important; width:26px!important;height:26px!important;border-radius:999px!important;background:var(--svc-color)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:950!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta{max-width:840px!important;margin:0!important;background:rgba(255,255,255,.70)!important;border:1px solid color-mix(in srgb,var(--svc-color) 36%,#f3d1a5)!important;box-shadow:0 18px 44px rgba(36,48,79,.08)!important;padding:20px 28px!important;border-radius:18px!important;text-align:center!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta .pbsm-link{width:min(650px,100%)!important;min-height:58px!important;font-size:18px!important;background:var(--svc-color)!important;border-color:var(--svc-color)!important;color:#fff!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-img-message{display:none!important} .pbsm-pbc-service-v4758 .pbc-author-under-service{ width:min(1680px,100%)!important;max-width:1680px!important;margin:0 auto 34px!important;background:#fff!important;border-radius:26px!important; border:1px solid rgba(36,48,79,.08)!important;box-shadow:0 22px 60px rgba(36,48,79,.08)!important; display:grid!important;grid-template-columns:88px minmax(0,1fr) 150px 150px 150px!important;gap:22px!important;align-items:center!important;padding:22px 30px!important; } .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-face img{width:66px!important;height:66px!important;border-radius:999px!important;object-fit:cover!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-text strong{display:block!important;font-size:22px!important;line-height:1.45!important;color:#1f2937!important;font-weight:950!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-text span{display:block!important;margin-top:6px!important;font-size:15.5px!important;line-height:1.8!important;color:#344054!important;font-weight:760!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-stats{border-left:1px solid rgba(36,48,79,.10)!important;text-align:center!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-stats b{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:3px!important;color:var(--svc-color)!important;font-size:42px!important;line-height:1!important;white-space:nowrap!important;font-weight:950!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-stats b span{font-size:15px!important;color:#1f2937!important;white-space:nowrap!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-stats small{display:block!important;margin-top:6px!important;font-size:13.5px!important;line-height:1.45!important;color:#1f2937!important;font-weight:850!important} .pbsm-pbc-service-v4758 .pbc-section,.pbsm-pbc-service-v4758 .pbc-related{width:min(1420px,100%)!important;max-width:1420px!important;margin-left:auto!important;margin-right:auto!important} .pbsm-pbc-service-v4758 .pbc-section{padding:clamp(30px,3.4vw,48px)!important;border-radius:28px!important} .pbsm-pbc-service-v4758 .pbc-section h2{font-size:clamp(26px,2.3vw,38px)!important;line-height:1.42!important;text-wrap:balance!important} .pbsm-pbc-service-v4758 .pbc-section p{font-size:16px!important;line-height:1.95!important;max-width:1080px!important} .pbsm-pbc-service-v4758 .pbc-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important} .pbsm-pbc-service-v4758 .pbc-cardgrid article{padding:22px!important} .pbsm-pbc-service-v4758 .pbc-fit-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important} .pbsm-pbc-service-v4758 .pbc-fit-col{padding:24px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(36,48,79,.10)!important} .pbsm-pbc-service-v4758 .pbc-fit-yes{border-color:color-mix(in srgb,#22a86b 45%,#dbeee6)!important;background:#f4fffb!important} .pbsm-pbc-service-v4758 .pbc-fit-no{background:#f8fafc!important} .pbsm-pbc-service-v4758 .pbc-fit-col ul{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:10px!important} .pbsm-pbc-service-v4758 .pbc-fit-col li{position:relative!important;padding:10px 12px 10px 34px!important;border:1px solid rgba(36,48,79,.08)!important;border-radius:10px!important;background:#fff!important;font-weight:850!important;line-height:1.55!important} .pbsm-pbc-service-v4758 .pbc-fit-col li:before{content:'✓'!important;position:absolute!important;left:12px!important;color:var(--svc-color)!important;font-weight:950!important} @media(max-width:1180px){ .pbsm-pbc-service-v4758{padding-left:16px!important;padding-right:16px!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean{min-height:auto!important;background-position:0 0,right center!important;padding:30px!important;grid-template-columns:1fr!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean h1{font-size:clamp(38px,7vw,64px)!important} .pbsm-pbc-service-v4758 .pbc-author-under-service{grid-template-columns:72px minmax(0,1fr)!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-stats{display:none!important} } @media(max-width:680px){ .pbsm-pbc-service-v4758{padding-left:8px!important;padding-right:8px!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean{padding:18px!important;border-radius:24px!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean h1{font-size:31px!important;line-height:1.18!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-conclusion{font-size:15px!important;line-height:1.84!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong>div{font-size:14.5px!important;padding:11px 12px 11px 42px!important;min-height:44px!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta{padding:16px!important} .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta .pbsm-aff-raw a,.pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta .pbsm-link{width:100%!important;min-height:56px!important;font-size:14.5px!important} .pbsm-pbc-service-v4758 .pbc-author-under-service{padding:16px!important;grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-face img{width:46px!important;height:46px!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-text strong{font-size:16px!important} .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-text span{font-size:13.5px!important;line-height:1.7!important} .pbsm-pbc-service-v4758 .pbc-cardgrid,.pbsm-pbc-service-v4758 .pbc-fit-compare{grid-template-columns:1fr!important} .pbsm-pbc-service-v4758 .pbc-section{padding:20px!important;border-radius:22px!important} } /* v4.7.59: ファルマスタッフ以外の個別LPが右端へ寄る問題を修正 */ .pbsm-pbc-service-v4758{ width:min(1780px,calc(100vw - 32px))!important; max-width:1780px!important; margin-left:auto!important; margin-right:auto!important; padding:0 0 44px!important; box-sizing:border-box!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean, .pbsm-pbc-service-v4758 .pbc-author-under-service, .pbsm-pbc-service-v4758 .pbc-section, .pbsm-pbc-service-v4758 .pbc-related, .pbsm-pbc-service-v4758 .pbc-check-strong, .pbsm-pbc-service-v4758 .pbc-final-strong{ margin-left:auto!important; margin-right:auto!important; } .pbsm-pbc-service-v4758 .pbc-hero-service-clean{ width:100%!important; max-width:1780px!important; } @media(max-width:1180px){ .pbsm-pbc-service-v4758{ width:calc(100vw - 24px)!important; max-width:calc(100vw - 24px)!important; padding-left:0!important; padding-right:0!important; } } @media(max-width:680px){ .pbsm-pbc-service-v4758{ width:calc(100vw - 14px)!important; max-width:calc(100vw - 14px)!important; } } /* v4.7.60: 個別LPの右寄せを根本修正。共通.pbsm-pbcの left:50% をサービスLPでは解除 */ .pbsm-pbc.pbsm-pbc-service-v4758{ position:relative!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; width:min(1780px,calc(100vw - 32px))!important; max-width:1780px!important; margin-left:auto!important; margin-right:auto!important; padding-left:0!important; padding-right:0!important; overflow-x:visible!important; } .pbsm-pbc.pbsm-pbc-service-v4758 .pbc-hero-service-clean, .pbsm-pbc.pbsm-pbc-service-v4758 .pbc-author-under-service, .pbsm-pbc.pbsm-pbc-service-v4758 .pbc-section, .pbsm-pbc.pbsm-pbc-service-v4758 .pbc-related, .pbsm-pbc.pbsm-pbc-service-v4758 .pbc-check-strong, .pbsm-pbc.pbsm-pbc-service-v4758 .pbc-final-strong{ margin-left:auto!important; margin-right:auto!important; } @media(max-width:1180px){ .pbsm-pbc.pbsm-pbc-service-v4758{ width:calc(100vw - 24px)!important; max-width:calc(100vw - 24px)!important; } } @media(max-width:680px){ .pbsm-pbc.pbsm-pbc-service-v4758{ width:calc(100vw - 14px)!important; max-width:calc(100vw - 14px)!important; } } /* ========================================================= v4.7.61: 他サービス個別LPをファルマスタッフLPと同じ見え方に統一 - 右寄せ/小幅化を解消し、FV・著者・本文幅をFS型に揃える - H1を問題提起型に変更したHTMLを前提に、強調色・改行を制御 - 決め手/応募前チェック/向いている・いない統合ブロックをFS型に合わせる ========================================================= */ .pbsm-pbc.pbsm-pbc-service-v4761{ position:relative!important; left:auto!important; right:auto!important; transform:none!important; translate:none!important; width:100vw!important; max-width:100vw!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; padding:0 clamp(12px,2vw,24px) 44px!important; box-sizing:border-box!important; overflow-x:hidden!important; background:#fffaf4!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean{ width:min(1780px,100%)!important; max-width:1780px!important; min-height:760px!important; margin:0 auto 22px!important; padding:clamp(52px,4.8vw,84px) clamp(52px,5.2vw,88px)!important; grid-template-columns:minmax(0,61%) minmax(420px,39%)!important; border-radius:36px!important; background-image: linear-gradient(90deg,rgba(255,248,239,.99) 0%,rgba(255,248,239,.97) 43%,rgba(255,248,239,.78) 58%,rgba(255,248,239,.24) 73%,rgba(255,248,239,0) 100%), var(--hero-image)!important; background-repeat:no-repeat,no-repeat!important; background-size:100% 100%,cover!important; background-position:0 0,calc(100% + 68px) center!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-hero-copy{ max-width:980px!important; position:relative!important; z-index:2!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-kicker{ display:inline-flex!important; align-items:center!important; min-height:34px!important; padding:8px 18px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; font-size:14px!important; font-weight:950!important; margin:0 0 24px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1{ max-width:1040px!important; margin:0 0 22px!important; font-size:clamp(62px,5.4vw,96px)!important; line-height:1.06!important; letter-spacing:-.058em!important; color:#1f2937!important; font-weight:950!important; text-wrap:balance!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1 span{ display:block!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1 em{ color:var(--svc-color)!important; font-style:normal!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-seo-sub{ display:inline-flex!important; width:fit-content!important; max-width:100%!important; margin:0 0 14px!important; padding:6px 13px!important; border-radius:999px!important; background:#fff!important; border:1px solid color-mix(in srgb,var(--svc-color) 28%,#f2d4b2)!important; color:color-mix(in srgb,var(--svc-color) 78%,#7a3c00)!important; font-size:13px!important; font-weight:950!important; line-height:1.45!important; box-shadow:0 8px 20px rgba(36,48,79,.06)!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-conclusion{ max-width:930px!important; margin:0 0 26px!important; font-size:clamp(19px,1.45vw,25px)!important; line-height:1.9!important; color:#1f2937!important; font-weight:850!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-mini-points-strong{ max-width:860px!important; display:grid!important; gap:12px!important; margin:0 0 26px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-mini-points-strong>div{ position:relative!important; min-height:50px!important; display:flex!important; align-items:center!important; padding:13px 18px 13px 54px!important; border-radius:12px!important; background:rgba(255,255,255,.84)!important; border:1px solid color-mix(in srgb,var(--svc-color) 42%,#f3d1a5)!important; font-size:19.5px!important; line-height:1.5!important; color:#1f2937!important; font-weight:900!important; box-shadow:0 8px 24px rgba(36,48,79,.04)!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-mini-points-strong>div:before{ content:'✓'!important; position:absolute!important; left:18px!important; top:50%!important; transform:translateY(-50%)!important; width:26px!important; height:26px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:17px!important; font-weight:950!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-cta{ max-width:900px!important; margin:0!important; background:rgba(255,255,255,.72)!important; border:1px solid color-mix(in srgb,var(--svc-color) 36%,#f3d1a5)!important; box-shadow:0 18px 44px rgba(36,48,79,.08)!important; padding:20px 28px!important; border-radius:18px!important; text-align:center!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-cta .pbsm-link{ width:min(720px,100%)!important; min-height:58px!important; font-size:18px!important; background:var(--svc-color)!important; border-color:var(--svc-color)!important; color:#fff!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-hero-img-message{ display:none!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service{ width:min(1680px,100%)!important; max-width:1680px!important; margin:0 auto 34px!important; background:#fff!important; border-radius:26px!important; border:1px solid rgba(36,48,79,.08)!important; box-shadow:0 22px 60px rgba(36,48,79,.08)!important; display:grid!important; grid-template-columns:100px minmax(0,1fr) 170px 170px 170px!important; gap:26px!important; align-items:center!important; padding:22px 34px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-face img{ width:76px!important; height:76px!important; border-radius:999px!important; object-fit:cover!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-text strong{ display:block!important; font-size:26px!important; line-height:1.38!important; color:#1f2937!important; font-weight:950!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-text span{ display:block!important; margin-top:6px!important; font-size:17px!important; line-height:1.85!important; color:#344054!important; font-weight:760!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats{ min-width:150px!important; border-left:1px solid rgba(36,48,79,.10)!important; text-align:center!important; white-space:normal!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats b{ display:flex!important; align-items:baseline!important; justify-content:center!important; gap:3px!important; color:var(--svc-color)!important; font-size:48px!important; line-height:1!important; white-space:nowrap!important; word-break:keep-all!important; font-weight:950!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats b span{ font-size:17px!important; color:#1f2937!important; white-space:nowrap!important; word-break:keep-all!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats small{ display:block!important; margin-top:6px!important; font-size:15px!important; line-height:1.55!important; color:#1f2937!important; font-weight:850!important; word-break:keep-all!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-related{ width:min(1500px,100%)!important; max-width:1500px!important; margin-left:auto!important; margin-right:auto!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-conclusion-card, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-decision-card, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-reasons-section, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-check-strong, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-detail, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-narrow-merged, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-final, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-loss{ width:min(1540px,100%)!important; max-width:1540px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section{ padding:clamp(34px,3.2vw,54px)!important; border-radius:28px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section h2{ max-width:1180px!important; font-size:clamp(28px,2.4vw,42px)!important; line-height:1.4!important; text-wrap:balance!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section p{ max-width:1220px!important; font-size:16.5px!important; line-height:1.95!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cardgrid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cardgrid article{ padding:26px 28px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cardgrid h3{ font-size:18.5px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cardgrid p, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-table p, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-compare p, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-faq p{ font-size:15.8px!important; line-height:1.9!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-compare{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:24px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-col{ padding:30px!important; border-radius:22px!important; background:#fff!important; border:1px solid rgba(36,48,79,.10)!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-yes{ border-color:color-mix(in srgb,#22a86b 45%,#dbeee6)!important; background:#f4fffb!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-no{ background:#f8fafc!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-col p{ margin:0 0 12px!important; padding:0 0 12px!important; border-bottom:1px solid rgba(36,48,79,.08)!important; line-height:1.75!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-col p:last-child{ margin-bottom:0!important; padding-bottom:0!important; border-bottom:0!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-col p strong{ display:block!important; margin-bottom:5px!important; color:#1f2937!important; font-weight:950!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-col p span{ display:block!important; color:#475467!important; font-size:14.8px!important; line-height:1.78!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-checklist{ margin-top:20px!important; padding:0!important; border:0!important; background:transparent!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-checklist>div{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:12px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-checklist span{ position:relative!important; display:block!important; padding:13px 14px 13px 40px!important; border-radius:16px!important; background:#fff!important; border:1px solid color-mix(in srgb,var(--svc-color) 22%,#e5e7eb)!important; box-shadow:0 8px 22px rgba(36,48,79,.05)!important; font-weight:900!important; color:#344054!important; font-size:14px!important; line-height:1.45!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-checklist span:before{ content:'✓'!important; position:absolute!important; left:14px!important; top:12px!important; width:18px!important; height:18px!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; display:grid!important; place-items:center!important; font-size:12px!important; font-weight:950!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-table>div{ grid-template-columns:260px 1fr!important; padding:16px 18px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-compare>div{ padding:18px!important; gap:14px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-flow{ gap:16px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-flow li{ padding:20px 16px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cta{ max-width:1040px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-faq details{ max-width:none!important; } @media(max-width:1480px){ .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean{ background-position:0 0,calc(100% + 44px) center!important; } } @media(max-width:1180px){ .pbsm-pbc.pbsm-pbc-service-v4761{ padding-left:16px!important; padding-right:16px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean{ width:100%!important; min-height:auto!important; grid-template-columns:1fr!important; padding:30px!important; background-position:0 0,right center!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1{ font-size:clamp(40px,7vw,68px)!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service{ grid-template-columns:82px minmax(0,1fr) 130px 130px 130px!important; gap:16px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats b{font-size:36px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats small{font-size:13px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-related, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-conclusion-card, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-decision-card, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-reasons-section, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-check-strong, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-detail, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-narrow-merged, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-final, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-loss{ width:100%!important; max-width:100%!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-checklist>div{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-table>div{ grid-template-columns:190px 1fr!important; } } @media(max-width:880px){ .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service{ grid-template-columns:72px minmax(0,1fr)!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-stats{display:none!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-fit-compare, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cardgrid{ grid-template-columns:1fr!important; } } @media(max-width:680px){ .pbsm-pbc.pbsm-pbc-service-v4761{ padding-left:8px!important; padding-right:8px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean{ padding:18px!important; border-radius:24px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1{ font-size:34px!important; line-height:1.16!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-seo-sub{font-size:12.5px!important;margin-bottom:12px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-conclusion{font-size:15px!important;line-height:1.84!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-mini-points-strong>div{font-size:14.5px!important;padding:11px 12px 11px 42px!important;min-height:44px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-cta{padding:16px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-cta .pbsm-aff-raw a, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-cta .pbsm-link{width:100%!important;min-height:56px!important;font-size:14.5px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service{ grid-template-columns:56px minmax(0,1fr)!important; gap:12px!important; padding:14px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-face img{width:46px!important;height:46px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-text strong{font-size:16px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-author-under-service .pbc-author-text span{font-size:13.5px!important;line-height:1.7!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section{ padding:20px!important; border-radius:22px!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section p{ font-size:15px!important; line-height:1.86!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-cardgrid article{padding:18px!important;} .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-checklist>div{ grid-template-columns:1fr!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-table>div, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-compare>div{ grid-template-columns:1fr!important; } } /* v4.7.62: サービス別PASBECONA LPのCTAを1ボタン表示に統一 */ .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta .pbsm-aff-caption{ display:none!important; } .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta .pbsm-aff-raw, .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta [data-service-slug]{ width:100%!important; } .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta .pbsm-link{ width:min(650px,100%)!important; min-height:58px!important; margin-left:auto!important; margin-right:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; background:var(--svc-color)!important; color:#fff!important; font-size:16px!important; font-weight:950!important; text-decoration:none!important; box-shadow:0 14px 30px color-mix(in srgb,var(--svc-color) 26%,transparent)!important; } .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-hero-service-clean .pbc-cta-pre{ margin-bottom:14px!important; font-size:15px!important; line-height:1.75!important; } @media(max-width:680px){ .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc.pbsm-pbc-service-v4762 .pbc-cta .pbsm-link{ width:100%!important; min-height:56px!important; font-size:14.5px!important; } } /* v4.7.63: 個別LPのCVコピー・スマホHERO・CTA・チェック余白の改善 */ .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean .pbc-hero-copy, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero-copy{ word-break:normal!important; overflow-wrap:break-word!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean h1, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero h1{ letter-spacing:-.035em!important; line-break:strict!important; word-break:keep-all!important; overflow-wrap:normal!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean .pbc-conclusion, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-conclusion{ max-width:760px!important; font-size:18px!important; line-height:1.9!important; font-weight:850!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-mini-points-strong>div, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-mini-points-strong>div, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-checklist span, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-checklist span, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-fit-col li{ padding-left:48px!important; line-height:1.65!important; min-height:48px!important; display:flex!important; align-items:center!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-mini-points-strong>div:before, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-mini-points-strong>div:before, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-checklist span:before, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-checklist span:before{ left:16px!important; top:50%!important; transform:translateY(-50%)!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-fit-col li:before{ left:17px!important; top:50%!important; transform:translateY(-50%)!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-compare, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-compare{ display:none!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-feature-cards article, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-difference-cards article, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-difference-cards article{ border-top:4px solid var(--svc-color)!important; background:linear-gradient(180deg,#fff,#fffaf6)!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta{ max-width:880px!important; padding:24px 28px!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta .pbsm-aff-lead, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta .pbsm-aff-note, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta .pbsm-aff-lead, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta .pbsm-aff-note{ display:none!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta .pbsm-link, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta .pbsm-link, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta .pbsm-aff-raw>a{ width:min(640px,100%)!important; min-height:58px!important; font-size:17px!important; border-radius:999px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; white-space:normal!important; text-align:center!important; line-height:1.35!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-related, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-related{ width:min(1280px,100%)!important; max-width:1280px!important; } .pbsm-detail-text-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:40px!important; margin-top:10px!important; padding:9px 16px!important; border-radius:999px!important; background:#fff!important; border:1px solid rgba(36,48,79,.14)!important; font-weight:900!important; text-decoration:none!important; } @media(max-width:980px){ .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero{ background-image:linear-gradient(135deg,#fffaf3 0%,#fff 100%)!important; background-size:auto!important; background-position:center!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-img, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero-img{ display:none!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean .pbc-hero-copy, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero-copy{ max-width:100%!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean h1, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero h1{ font-size:clamp(32px,8.2vw,46px)!important; line-height:1.16!important; } } @media(max-width:680px){ .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero{ padding:20px 16px!important; border-radius:24px!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean h1, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-hero h1{ font-size:30px!important; line-height:1.18!important; letter-spacing:-.04em!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-hero-service-clean .pbc-conclusion, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-conclusion{ font-size:15.5px!important; line-height:1.85!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-mini-points-strong>div, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-mini-points-strong>div, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-checklist span, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-checklist span{ padding-left:44px!important; min-height:46px!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta{ padding:18px!important; } .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta .pbsm-link, .pbsm-pbc.pbsm-pbc-service-v4763 .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta .pbsm-link, .pbsm-pbc.pbsm-pbc-fstaff-v4763 .pbc-cta .pbsm-aff-raw>a{ min-height:54px!important; font-size:14.5px!important; padding-left:14px!important; padding-right:14px!important; } } /* v4.7.65 ファルマスタッフFVをさらに横に広げ、人物を右へ寄せて顔に文字が被らないよう調整 */ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual{ width:min(1620px,calc(100vw - 20px))!important; max-width:1620px!important; grid-template-columns:minmax(0,820px) minmax(420px,1fr)!important; gap:34px!important; padding:clamp(38px,4.2vw,68px)!important; background-image:linear-gradient(90deg,rgba(255,248,239,.995) 0%,rgba(255,248,239,.975) 46%,rgba(255,248,239,.82) 56%,rgba(255,248,239,.38) 68%,rgba(255,248,239,.06) 80%,rgba(255,248,239,0) 100%),var(--fstaff-hero-image)!important; background-size:cover!important; background-position:calc(100% + 72px) center!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-copy{ max-width:820px!important; padding-right:22px!important; } .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related{ width:min(1420px,calc(100vw - 20px))!important; max-width:1420px!important; } @media(max-width:1440px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual{ background-position:calc(100% + 42px) center!important; } } @media(max-width:1240px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual{ width:min(1500px,calc(100vw - 20px))!important; grid-template-columns:minmax(0,760px) minmax(340px,1fr)!important; background-position:right center!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-copy{ max-width:760px!important; padding-right:12px!important; } } @media(max-width:980px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related{ width:min(100%,calc(100vw - 20px))!important; } } /* v4.7.66: 見出しの不自然な改行を抑制し、重要語を途中で割らない */ .pbsm-pbc .pbc-nowrap, .pbsm-pbc-fstaff-v4748 .pbc-nowrap{ white-space:nowrap!important; } .pbsm-pbc h1, .pbsm-pbc h2, .pbsm-pbc h3, .pbsm-pbc .pbc-final-strong h2, .pbsm-pbc-fstaff-v4748 h1, .pbsm-pbc-fstaff-v4748 h2, .pbsm-pbc-fstaff-v4748 h3{ word-break:auto-phrase!important; line-break:strict!important; overflow-wrap:normal!important; text-wrap:pretty!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section h2{ max-width:1320px!important; font-size:clamp(26px,2.05vw,38px)!important; line-height:1.48!important; letter-spacing:-.035em!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-final-strong h2{ max-width:1320px!important; font-size:clamp(28px,2.25vw,42px)!important; line-height:1.48!important; letter-spacing:-.035em!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section p, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-final-strong p{ max-width:1240px!important; } @media(max-width:680px){ .pbsm-pbc h1, .pbsm-pbc h2, .pbsm-pbc h3, .pbsm-pbc .pbc-final-strong h2{ word-break:normal!important; overflow-wrap:break-word!important; text-wrap:pretty!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-section h2, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-final-strong h2{ font-size:24px!important; line-height:1.48!important; letter-spacing:-.025em!important; } } /* v4.7.67: スマホFV崩れ防止・背景人物非表示・本文幅を安全化 */ @media(max-width:980px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-service-v4758 .pbc-hero-service-clean{ width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; min-height:auto!important; display:block!important; grid-template-columns:1fr!important; margin-left:auto!important; margin-right:auto!important; transform:none!important; padding:26px 20px!important; border-radius:24px!important; background-image:linear-gradient(135deg,#fffaf3 0%,#fff 100%)!important; background-size:auto!important; background-position:center!important; overflow:hidden!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-copy, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-copy{ max-width:100%!important; padding-right:0!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img, .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-img, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-img-message{ display:none!important; } .pbsm-pbc-fstaff-v4748 .pbc-author-under-hero, .pbsm-pbc-service-v4758 .pbc-author-under-service{ width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; margin-left:auto!important; margin-right:auto!important; transform:none!important; grid-template-columns:56px minmax(0,1fr)!important; gap:12px!important; padding:16px!important; } .pbsm-pbc-fstaff-v4748 .pbc-author-under-hero .pbc-author-stats, .pbsm-pbc-service-v4758 .pbc-author-under-service .pbc-author-stats{ display:none!important; } } @media(max-width:680px){ .pbsm-pbc, .pbsm-pbc-fstaff-v4748, .pbsm-pbc-service-v4758{ padding-left:10px!important; padding-right:10px!important; overflow-x:hidden!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-service-v4758 .pbc-hero-service-clean{ width:100%!important; max-width:100%!important; padding:22px 16px!important; border-radius:22px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual h1, .pbsm-pbc-service-v4758 .pbc-hero-service-clean h1{ font-size:30px!important; line-height:1.22!important; letter-spacing:-.035em!important; max-width:100%!important; overflow-wrap:break-word!important; word-break:normal!important; text-wrap:pretty!important; } .pbsm-pbc .pbc-nowrap, .pbsm-pbc-fstaff-v4748 .pbc-nowrap{ white-space:normal!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-conclusion, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-conclusion{ font-size:15px!important; line-height:1.85!important; max-width:100%!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong{ max-width:100%!important; gap:9px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong>div, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong>div{ min-height:auto!important; padding:11px 12px 11px 42px!important; font-size:14px!important; line-height:1.55!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta{ width:100%!important; max-width:100%!important; padding:16px!important; margin-top:16px!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-cta .pbsm-link, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-cta .pbsm-link{ width:100%!important; min-height:52px!important; font-size:14px!important; padding-left:12px!important; padding-right:12px!important; white-space:normal!important; } .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-service-v4758 .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-related, .pbsm-pbc-service-v4758 .pbc-related{ width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; transform:none!important; } } /* v4.7.68: PCのHERO画像復旧・スマホのチェックアイコン重なり修正 */ @media (min-width:681px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-fstaff-v4757 .pbc-hero-fstaff-clean{ background-image: linear-gradient(90deg,rgba(255,248,239,.995) 0%,rgba(255,248,239,.975) 46%,rgba(255,248,239,.82) 56%,rgba(255,248,239,.38) 68%,rgba(255,248,239,.06) 80%,rgba(255,248,239,0) 100%), var(--hero-image)!important; background-repeat:no-repeat,no-repeat!important; background-size:100% 100%,cover!important; background-position:0 0,calc(100% + 70px) center!important; } .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img, .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-hero-img-message, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-img, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-hero-img-message{ display:block!important; } } @media (min-width:681px) and (max-width:1240px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-fstaff-v4757 .pbc-hero-fstaff-clean{ background-position:0 0,right center!important; } } @media (min-width:681px) and (max-width:980px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-service-v4758 .pbc-hero-service-clean{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(260px,.55fr)!important; width:calc(100vw - 20px)!important; max-width:calc(100vw - 20px)!important; min-height:auto!important; background-size:100% 100%,cover!important; overflow:hidden!important; } } @media (max-width:680px){ .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual, .pbsm-pbc-fstaff-v4757 .pbc-hero-fstaff-clean, .pbsm-pbc-service-v4758 .pbc-hero-service-clean{ background-image:linear-gradient(135deg,#fffaf3 0%,#fff 100%)!important; } .pbsm-pbc .pbc-mini-points-strong>div, .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong>div, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong>div, .pbsm-pbc .pbc-fit-compare-simple li, .pbsm-pbc .pbc-checklist span{ position:relative!important; padding-left:58px!important; padding-right:14px!important; min-height:52px!important; display:flex!important; align-items:center!important; line-height:1.55!important; } .pbsm-pbc .pbc-mini-points-strong>div:before, .pbsm-pbc-fstaff-v4748 .pbc-hero-fstaff-visual .pbc-mini-points-strong>div:before, .pbsm-pbc-service-v4758 .pbc-hero-service-clean .pbc-mini-points-strong>div:before, .pbsm-pbc .pbc-fit-compare-simple li:before, .pbsm-pbc .pbc-checklist span:before{ left:17px!important; top:50%!important; transform:translateY(-50%)!important; width:28px!important; height:28px!important; min-width:28px!important; line-height:28px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:999px!important; font-size:15px!important; z-index:1!important; } .pbsm-pbc .pbc-fit-yes li:before{ background:#22a86b!important; color:#fff!important; } .pbsm-pbc .pbc-fit-no li:before{ background:#e5e7eb!important; color:#64748b!important; } } /* v4.7.69: FV文字サイズ調整・登録後の安心導線・Before/After追加 */ @media (min-width:981px){ .pbsm-pbc-fstaff-v4769 .pbc-hero-fstaff-clean h1, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1{ font-size:clamp(48px,3.9vw,72px)!important; line-height:1.10!important; letter-spacing:-.048em!important; max-width:980px!important; } .pbsm-pbc-fstaff-v4769 .pbc-hero-fstaff-clean .pbc-conclusion, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-conclusion{ font-size:clamp(17px,1.15vw,21px)!important; line-height:1.86!important; max-width:900px!important; } .pbsm-pbc-fstaff-v4769 .pbc-hero-fstaff-clean .pbc-mini-points-strong>div, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean .pbc-mini-points-strong>div{ font-size:17px!important; min-height:52px!important; } .pbsm-pbc-fstaff-v4769 .pbc-hero-fstaff-clean{ grid-template-columns:minmax(0,57%) minmax(440px,43%)!important; background-position:0 0,calc(100% + 28px) center!important; } .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean{ grid-template-columns:minmax(0,57%) minmax(440px,43%)!important; } } .pbsm-pbc .pbc-cv-bridge{ background:linear-gradient(135deg,#ffffff 0%,color-mix(in srgb,var(--svc-color) 5%,#fff) 100%)!important; border-color:color-mix(in srgb,var(--svc-color) 28%,#e5e7eb)!important; } .pbsm-pbc .pbc-before-after h2, .pbsm-pbc .pbc-register-can h2{ max-width:1080px!important; } .pbsm-pbc .pbc-ba-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; margin-top:22px!important; } .pbsm-pbc .pbc-ba-col{ border-radius:24px!important; padding:24px!important; background:#fff!important; border:1px solid rgba(36,48,79,.10)!important; box-shadow:0 14px 34px rgba(36,48,79,.06)!important; } .pbsm-pbc .pbc-ba-before{ background:linear-gradient(135deg,#fff 0%,#fff7f2 100%)!important; border-color:rgba(243,134,24,.22)!important; } .pbsm-pbc .pbc-ba-after{ background:linear-gradient(135deg,#fff 0%,#f0fff8 100%)!important; border-color:rgba(34,168,107,.25)!important; } .pbsm-pbc .pbc-ba-col h3{ margin:0 0 14px!important; font-size:20px!important; line-height:1.35!important; font-weight:950!important; color:#1f2937!important; } .pbsm-pbc .pbc-ba-col ul{ margin:0!important; padding:0!important; list-style:none!important; display:grid!important; gap:10px!important; } .pbsm-pbc .pbc-ba-col li{ position:relative!important; padding:12px 14px 12px 42px!important; border-radius:14px!important; background:rgba(255,255,255,.78)!important; border:1px solid rgba(36,48,79,.08)!important; color:#1f2937!important; font-weight:850!important; line-height:1.55!important; } .pbsm-pbc .pbc-ba-col li:before{ position:absolute!important; left:14px!important; top:13px!important; width:20px!important; height:20px!important; border-radius:999px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:13px!important; font-weight:950!important; } .pbsm-pbc .pbc-ba-before li:before{ content:'!'!important; background:#fff1e6!important; color:#f38618!important; } .pbsm-pbc .pbc-ba-after li:before{ content:'✓'!important; background:#22a86b!important; color:#fff!important; } .pbsm-pbc .pbc-register-grid{ margin-top:22px!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; } .pbsm-pbc .pbc-register-grid article{ border-left:5px solid var(--svc-color)!important; } .pbsm-pbc .pbc-register-can .pbc-cta{ margin-top:26px!important; } @media(max-width:980px){ .pbsm-pbc .pbc-ba-grid, .pbsm-pbc .pbc-register-grid{ grid-template-columns:1fr!important; } } @media(max-width:680px){ .pbsm-pbc-fstaff-v4769 .pbc-hero-fstaff-clean h1, .pbsm-pbc.pbsm-pbc-service-v4761 .pbc-hero-service-clean h1{ font-size:28px!important; line-height:1.24!important; } .pbsm-pbc .pbc-ba-col{ padding:18px!important; border-radius:20px!important; } .pbsm-pbc .pbc-ba-col li{ padding:11px 12px 11px 40px!important; font-size:14px!important; } } /* v4.7.70: セクション見出し文言を読者向けに変更（他サービスも比較したいケース） */ /* v4.7.71: 成約導線強化・FVコピー微調整・下からふっと出る動き */ @media (min-width:981px){ .pbsm-pbc-fstaff-v4771 .pbc-hero-fstaff-clean h1{ font-size:clamp(44px,3.45vw,64px)!important; line-height:1.12!important; max-width:900px!important; letter-spacing:-.045em!important; } .pbsm-pbc-fstaff-v4771 .pbc-hero-fstaff-clean .pbc-conclusion{ max-width:840px!important; font-size:clamp(17px,1.05vw,20px)!important; line-height:1.88!important; } .pbsm-pbc-fstaff-v4771 .pbc-reasons-section h2{ max-width:1040px!important; } } .pbsm-pbc .pbc-reasons-section .pbc-cardgrid article{ border-top:4px solid color-mix(in srgb,var(--svc-color) 74%,#fff)!important; } .pbsm-pbc.pbsm-animate-ready .pbsm-reveal-item{ opacity:0; transform:translateY(28px); transition:opacity .72s cubic-bezier(.22,.9,.32,1),transform .72s cubic-bezier(.22,.9,.32,1),box-shadow .28s ease; will-change:opacity,transform; } .pbsm-pbc.pbsm-animate-ready .pbsm-reveal-item.pbsm-revealed{ opacity:1; transform:translateY(0); } @media(max-width:680px){ .pbsm-pbc.pbsm-animate-ready .pbsm-reveal-item{ transform:translateY(18px); transition-duration:.56s; } } @media(prefers-reduced-motion:reduce){ .pbsm-pbc.pbsm-animate-ready .pbsm-reveal-item{ opacity:1!important; transform:none!important; transition:none!important; } } /* v4.7.72: 個別LPセクションのスクロール出現アニメーションを強制適用 */ .pbsm-pbc.pbc-motion-on .pbc-revealable{ opacity:0!important; transform:translate3d(0,34px,0)!important; transition: opacity .78s cubic-bezier(.22,.9,.32,1) var(--pbc-delay,0ms), transform .78s cubic-bezier(.22,.9,.32,1) var(--pbc-delay,0ms), box-shadow .25s ease!important; will-change:opacity,transform!important; } .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-slide-left{ transform:translate3d(-34px,0,0)!important; } .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-slide-right{ transform:translate3d(34px,0,0)!important; } .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-revealed, .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-slide-left.pbc-revealed, .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-slide-right.pbc-revealed{ opacity:1!important; transform:translate3d(0,0,0)!important; } @media(max-width:820px){ .pbsm-pbc.pbc-motion-on .pbc-revealable, .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-slide-left, .pbsm-pbc.pbc-motion-on .pbc-revealable.pbc-slide-right{ transform:translate3d(0,24px,0)!important; transition-duration:.58s!important; } } /* v4.7.73: スマホ見出しの不自然な分割とCTA直前コピーを改善 */ @media(max-width:680px){ .pbsm-pbc .pbc-section h2, .pbsm-pbc-fstaff-v4748 .pbc-section h2, .pbsm-pbc-service-v4758 .pbc-section h2{ font-size:clamp(20px,5.45vw,24px)!important; line-height:1.52!important; letter-spacing:-.018em!important; word-break:keep-all!important; overflow-wrap:normal!important; line-break:strict!important; text-wrap:pretty!important; } .pbsm-pbc .pbc-section h2 .pbc-nowrap, .pbsm-pbc-fstaff-v4748 .pbc-section h2 .pbc-nowrap, .pbsm-pbc-service-v4758 .pbc-section h2 .pbc-nowrap{ white-space:nowrap!important; } .pbsm-pbc .pbc-before-after h2, .pbsm-pbc .pbc-check-strong h2, .pbsm-pbc .pbc-register-can h2{ font-size:22px!important; line-height:1.48!important; } .pbsm-pbc .pbc-check-strong>p, .pbsm-pbc .pbc-register-can>p, .pbsm-pbc .pbc-before-after>p{ font-size:14px!important; line-height:1.85!important; } .pbsm-pbc .pbc-checklist span{ padding-left:54px!important; gap:10px!important; } } @media(max-width:380px){ .pbsm-pbc .pbc-section h2, .pbsm-pbc-fstaff-v4748 .pbc-section h2, .pbsm-pbc-service-v4758 .pbc-section h2{ font-size:20px!important; line-height:1.55!important; } } /* v4.7.74: スマホ見出し・重複見出し・CV直前コピーの読みやすさ修正 */ @media(max-width:680px){ .pbsm-pbc, .pbsm-pbc-fstaff-v4748, .pbsm-pbc-service-v4758{ padding-left:10px!important; padding-right:10px!important; } .pbsm-pbc .pbc-section, .pbsm-pbc-fstaff-v4748 .pbc-section, .pbsm-pbc-service-v4758 .pbc-section{ padding:18px 16px!important; border-radius:22px!important; } .pbsm-pbc .pbc-section h2, .pbsm-pbc-fstaff-v4748 .pbc-section h2, .pbsm-pbc-service-v4758 .pbc-section h2{ max-width:100%!important; width:100%!important; font-size:clamp(19px,5.1vw,22px)!important; line-height:1.58!important; letter-spacing:-.012em!important; word-break:auto-phrase!important; overflow-wrap:normal!important; line-break:strict!important; text-wrap:balance!important; } .pbsm-pbc .pbc-section>span, .pbsm-pbc-fstaff-v4748 .pbc-section>span, .pbsm-pbc-service-v4758 .pbc-section>span{ margin-bottom:10px!important; } .pbsm-pbc .pbc-cta-pre, .pbsm-pbc-fstaff-v4748 .pbc-cta-pre, .pbsm-pbc-service-v4758 .pbc-cta-pre{ font-size:13.5px!important; line-height:1.75!important; text-align:center!important; } .pbsm-pbc .pbc-checklist span, .pbsm-pbc-fstaff-v4748 .pbc-checklist span, .pbsm-pbc-service-v4758 .pbc-checklist span, .pbsm-pbc .pbc-mini-points-strong>div, .pbsm-pbc-fstaff-v4748 .pbc-mini-points-strong>div, .pbsm-pbc-service-v4758 .pbc-mini-points-strong>div{ padding-left:50px!important; padding-right:14px!important; min-height:50px!important; align-items:center!important; } } @media(max-width:380px){ .pbsm-pbc .pbc-section h2, .pbsm-pbc-fstaff-v4748 .pbc-section h2, .pbsm-pbc-service-v4758 .pbc-section h2{ font-size:18.5px!important; line-height:1.62!important; } } /* v4.7.76: 職場選びの安心材料ブロックのスマホ余白とCTA中央寄せを調整 */ .pbsm-pbc .pbc-check-strong .pbc-cta, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta{ text-align:center!important; } .pbsm-pbc .pbc-check-strong .pbc-cta-pre, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta-pre, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta-pre{ display:block!important; width:100%!important; max-width:100%!important; margin-left:auto!important; margin-right:auto!important; text-align:center!important; } .pbsm-pbc .pbc-check-strong .pbc-cta .pbsm-aff-raw, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta .pbsm-aff-raw, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta .pbsm-aff-raw{ display:flex!important; justify-content:center!important; width:100%!important; } @media(max-width:680px){ .pbsm-pbc .pbc-check-strong, .pbsm-pbc-fstaff-v4748 .pbc-check-strong, .pbsm-pbc-service-v4758 .pbc-check-strong{ padding:24px 16px!important; border-radius:22px!important; } .pbsm-pbc .pbc-check-strong h2, .pbsm-pbc-fstaff-v4748 .pbc-check-strong h2, .pbsm-pbc-service-v4758 .pbc-check-strong h2{ margin-bottom:12px!important; } .pbsm-pbc .pbc-check-strong>p, .pbsm-pbc-fstaff-v4748 .pbc-check-strong>p, .pbsm-pbc-service-v4758 .pbc-check-strong>p{ margin-bottom:18px!important; } .pbsm-pbc .pbc-check-strong .pbc-checklist, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-checklist, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-checklist{ margin-top:14px!important; margin-bottom:20px!important; } .pbsm-pbc .pbc-check-strong .pbc-checklist>div, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-checklist>div, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-checklist>div{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; } .pbsm-pbc .pbc-check-strong .pbc-checklist span, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-checklist span, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-checklist span{ min-height:44px!important; padding:10px 10px 10px 38px!important; border-radius:14px!important; font-size:13px!important; line-height:1.45!important; white-space:normal!important; } .pbsm-pbc .pbc-check-strong .pbc-checklist span:before, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-checklist span:before, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-checklist span:before{ left:10px!important; width:22px!important; height:22px!important; font-size:13px!important; } .pbsm-pbc .pbc-check-strong .pbc-cta, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta{ width:100%!important; max-width:100%!important; padding:16px 14px!important; margin-top:20px!important; border-radius:20px!important; box-sizing:border-box!important; } .pbsm-pbc .pbc-check-strong .pbc-cta-pre, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta-pre, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta-pre{ font-size:13.5px!important; line-height:1.65!important; margin-bottom:12px!important; padding:0 4px!important; text-align:center!important; } .pbsm-pbc .pbc-check-strong .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc .pbc-check-strong .pbc-cta .pbsm-link, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-cta .pbsm-link, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta .pbsm-aff-raw>a, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-cta .pbsm-link{ width:100%!important; max-width:100%!important; min-height:52px!important; padding:13px 12px!important; font-size:14px!important; line-height:1.35!important; box-sizing:border-box!important; } } @media(max-width:380px){ .pbsm-pbc .pbc-check-strong .pbc-checklist>div, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-checklist>div, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-checklist>div{ grid-template-columns:1fr!important; } .pbsm-pbc .pbc-check-strong .pbc-checklist span, .pbsm-pbc-fstaff-v4748 .pbc-check-strong .pbc-checklist span, .pbsm-pbc-service-v4758 .pbc-check-strong .pbc-checklist span{ font-size:13.5px!important; } } /* v4.7.86: ヤクジョブLPのHero背景にロゴ画像を使わない調整 */ .pbsm-pbc-yakujob{--hero-image:url('https://pharmacist-guide.net/wp2/wp-content/uploads/2025/11/hero-female-pharmacist.jpg')!important;} /* v4.7.85: LP最下部の関連リンクを常時表示。アニメーション非表示の巻き込みを防止 */ .pbsm-pbc .pbc-related-v4785, .pbsm-pbc.pbc-motion-on .pbc-related-v4785, .pbsm-pbc.pbsm-animate-ready .pbc-related-v4785, .pbsm-pbc.pbc-motion-on .pbc-related-v4785.pbc-motion-item, .pbsm-pbc.pbsm-animate-ready .pbc-related-v4785.pbsm-reveal-item{ display:flex!important; visibility:visible!important; opacity:1!important; transform:none!important; filter:none!important; transition:none!important; pointer-events:auto!important; justify-content:center!important; flex-wrap:wrap!important; gap:12px!important; width:min(1280px,calc(100vw - 24px))!important; max-width:1280px!important; margin:28px auto 64px!important; padding:0 8px!important; box-sizing:border-box!important; } .pbsm-pbc .pbc-related-v4785 a{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:10px 18px!important; border-radius:999px!important; background:#fff!important; border:1px solid rgba(36,48,79,.14)!important; color:#344054!important; font-size:13.5px!important; font-weight:900!important; line-height:1.35!important; box-shadow:0 8px 22px rgba(36,48,79,.06)!important; text-align:center!important; text-decoration:none!important; } .pbsm-pbc .pbc-related-v4785 a:hover{ transform:translateY(-1px)!important; box-shadow:0 12px 28px rgba(36,48,79,.10)!important; } @media(max-width:680px){ .pbsm-pbc .pbc-related-v4785, .pbsm-pbc.pbc-motion-on .pbc-related-v4785, .pbsm-pbc.pbsm-animate-ready .pbc-related-v4785{ width:calc(100vw - 16px)!important; margin:22px auto 42px!important; gap:9px!important; padding:0!important; } .pbsm-pbc .pbc-related-v4785 a{ width:100%!important; min-height:42px!important; padding:10px 12px!important; font-size:13px!important; } }