/* Only the two welfare pages. Coordinates and decisions: verification/20261019-welfare/DESIGN.md */
.welfare-page{--welfare-band:#f0f9fd;--welfare-head:#eefafd;--welfare-accent:#0096a9;--welfare-ink:#101d39;--welfare-copy:#52647d;color:var(--welfare-ink)}
.welfare-page p,.welfare-page li,.welfare-page td,.welfare-page th{font-size:16px;line-height:1.85;color:var(--welfare-copy)}
.welfare-page h1,.welfare-page h2,.welfare-page h3,.welfare-page summary{color:var(--welfare-ink)}
.welfare-page .eyebrow{font-size:13px;font-weight:600;color:#008a9c;letter-spacing:.06em;margin-bottom:10px}
.welfare-page .detail-hero{background:#fdfefe}
.welfare-page .detail-hero-inner{grid-template-columns:1fr 1fr;gap:24px;padding-block:32px;min-height:380px}
.welfare-page .detail-hero h1{font-size:clamp(30px,2.8vw,42px);font-weight:700;line-height:1.55;letter-spacing:.015em;text-wrap:balance;margin:12px 0 20px}
.welfare-page .detail-lead{font-size:18px;line-height:1.9;color:var(--welfare-ink)}
.welfare-hero-figure{margin:0;min-width:0}.approved-hero-crop{position:relative;overflow:hidden;isolation:isolate}
.approved-hero-crop img{position:absolute;max-width:none;height:auto;display:block}
.dx-crop{aspect-ratio:389/245}.dx-crop img{width:213.11%;left:-113.11%;top:-14.29%}
.google-crop{aspect-ratio:401/250}.google-crop img{width:203.242%;left:-103.242%;top:-24%}
.welfare-hero-figure figcaption{display:none;font-size:16px;line-height:1.85;color:var(--welfare-copy);margin:18px 0 0;padding:16px 20px;background:var(--welfare-band);border-left:3px solid var(--welfare-accent)}
.welfare-page .welfare-contents{border:0;border-bottom:1px solid #dcebf2;margin:0;border-radius:0}
.welfare-page .welfare-contents summary{font-size:16px;padding:14px 0}
.welfare-page .welfare-contents .section-nav{padding:8px 0 22px;border:0;margin:0}
.welfare-page .section-nav a{font-size:16px}
.welfare-page .detail-section{background:white;padding-block:44px}
.welfare-page #section-1,.welfare-page #section-3,.page-new-social-welfare #section-5,.page-new-social-welfare #section-6,.page-social-welfare-google-workspace #section-5{background:var(--welfare-band)}
.welfare-page h2{font-size:28px;line-height:1.6;font-weight:700;margin:0 0 24px;letter-spacing:.015em;text-wrap:balance}
.welfare-page h3{font-size:18px;font-weight:700;line-height:1.7;margin:0 0 10px}
.welfare-page .detail-section:not(.welfare-editorial)>.wrap>.welfare-section-head{text-align:center}
.welfare-page .welfare-editorial>.wrap{display:grid;grid-template-columns:31% minmax(0,1fr);gap:44px}
.welfare-page .welfare-editorial .welfare-section-head h2{font-size:29px;margin:0 0 16px}
.welfare-page .detail-grid{margin:0;gap:20px}
.welfare-page .detail-card{border:0;background:#fff;padding:24px;border-radius:5px}
.welfare-page .welfare-icon{width:44px;height:44px;object-fit:contain;display:block;margin:0;flex:none}
.welfare-page #section-1 .detail-card{display:grid;grid-template-columns:52px 1fr;column-gap:18px;align-content:start;padding:24px}
.welfare-page #section-1 .welfare-icon{width:52px;height:52px;padding:9px;background:#edf9fc;border-radius:50%;grid-column:1;grid-row:1/3}
.welfare-page #section-1 .detail-card h3,.welfare-page #section-1 .detail-card p{grid-column:2}
.welfare-page .table-scroll{margin:0 0 20px;border-color:#dce9ef;border-radius:5px}
.welfare-page th,.welfare-page td{font-size:16px;padding:20px 24px;min-width:0;border-right:1px solid #e1ecf2}
.welfare-page th:last-child,.welfare-page td:last-child{border-right:0}
.welfare-page thead th{background:var(--welfare-head);font-weight:600;color:#00879c}
.welfare-page tbody th{background:white;color:var(--welfare-ink);font-weight:600}
.page-new-social-welfare #section-2 th .welfare-icon{display:inline-block;width:32px;height:32px;margin-right:20px;vertical-align:middle}
.welfare-page .detail-steps{margin:0;gap:24px}
.welfare-page .detail-steps>li{border:0;padding:0;position:relative;text-align:center}
.welfare-page .detail-steps>li:before{position:absolute;top:-5px;left:calc(50% - 44px);width:30px;height:30px;display:grid;place-items:center;font-size:16px;line-height:1;color:white;background:var(--welfare-accent);border:2px solid var(--welfare-band);border-radius:50%;z-index:1}
.welfare-page .detail-steps>li:not(:last-child):after{content:'›';position:absolute;right:-18px;top:22px;font-size:30px;color:var(--welfare-accent);font-weight:400}
.welfare-page .detail-steps .welfare-icon{width:78px;height:78px;padding:20px;border-radius:50%;background:#e0f3f7;margin:0 auto 18px}
.welfare-page .detail-steps h3{font-size:17px}.welfare-page .detail-steps p{text-align:left;margin:0}
.page-new-social-welfare #section-4 .welfare-section-head{display:grid;grid-template-columns:31% 1fr;gap:0 44px;text-align:left}
.page-new-social-welfare #section-4 .welfare-section-head .eyebrow{grid-column:1/-1}.page-new-social-welfare #section-4 h2{grid-column:1}.page-new-social-welfare #section-4 .welfare-section-head>p:not(.eyebrow){grid-column:2;align-self:center;max-width:42em}
.page-new-social-welfare #section-4 tbody th{width:18%}.page-new-social-welfare #section-4 td:nth-child(2){width:45%}.page-new-social-welfare #section-4 td:nth-child(3){font-size:20px;color:var(--welfare-ink);font-weight:600;white-space:nowrap}
.page-new-social-welfare #section-5 .detail-content{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
.page-new-social-welfare #section-5 .detail-steps{background:white;padding:28px 18px!important;border-radius:5px;gap:14px}
.page-new-social-welfare #section-5 .detail-steps>li:before{display:none}.page-new-social-welfare #section-5 .detail-steps>li:after{right:-12px}
.page-new-social-welfare #section-5 .detail-steps h3{font-size:16px}.page-new-social-welfare #section-5 .detail-steps .welfare-icon{width:64px;height:64px;padding:16px}
.page-new-social-welfare #section-5 .detail-steps p{font-size:16px}
.page-new-social-welfare #section-5 .detail-grid,.page-new-social-welfare #section-6 .detail-grid,.page-social-welfare-google-workspace #section-7 .detail-grid{grid-template-columns:1fr;gap:0;background:#fff;padding:8px 22px;border-radius:5px}
.page-new-social-welfare #section-5 .detail-card,.page-new-social-welfare #section-6 .detail-card,.page-social-welfare-google-workspace #section-7 .detail-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 22px;padding:20px 0;border-radius:0;border-bottom:1px solid #dce9ef;background:transparent}
.page-new-social-welfare #section-5 .detail-card:last-child,.page-new-social-welfare #section-6 .detail-card:last-child,.page-social-welfare-google-workspace #section-7 .detail-card:last-child{border-bottom:0}
.page-new-social-welfare #section-5 .detail-card .welfare-icon,.page-new-social-welfare #section-6 .detail-card .welfare-icon,.page-social-welfare-google-workspace #section-7 .detail-card .welfare-icon{grid-row:1/3;margin-top:4px}
.page-new-social-welfare #section-5 .detail-card h3,.page-new-social-welfare #section-5 .detail-card p,.page-new-social-welfare #section-6 .detail-card h3,.page-new-social-welfare #section-6 .detail-card p,.page-social-welfare-google-workspace #section-7 .detail-card h3,.page-social-welfare-google-workspace #section-7 .detail-card p{grid-column:2}
.page-new-social-welfare #section-7 .detail-card{background:var(--welfare-band);border:1px solid #e3eef2;padding:24px}.page-new-social-welfare #section-7 .welfare-icon{margin-bottom:16px}
.welfare-page details{border-color:#dce9ef;box-shadow:none;margin:12px 0;border-radius:4px}.welfare-page summary{font-size:16px;padding:18px 24px}.welfare-page details[open]{border-left:3px solid var(--welfare-accent)}.welfare-page details[open]>summary{background:var(--welfare-band);margin-bottom:20px}
.page-social-welfare-google-workspace #section-5 .detail-grid{grid-template-columns:1fr 1fr;margin-bottom:22px}.page-social-welfare-google-workspace #section-5 .detail-card{display:grid;grid-template-columns:56px 1fr;gap:0 24px;background:#e5f5f8}.page-social-welfare-google-workspace #section-5 .detail-card:nth-child(2){background:#e8f4fc}.page-social-welfare-google-workspace #section-5 .welfare-icon{grid-row:1/3;align-self:center}.page-social-welfare-google-workspace #section-5 h3,.page-social-welfare-google-workspace #section-5 .detail-card p{grid-column:2}
.page-social-welfare-google-workspace #section-5 .detail-content>p{max-width:none}
.page-social-welfare-google-workspace #section-6{padding-top:24px}.page-social-welfare-google-workspace #section-6>.wrap{display:grid;grid-template-columns:31% 1fr;gap:32px;background:#edf8fa;padding:28px 32px;border-radius:5px}
.page-social-welfare-google-workspace #section-6 .welfare-section-head{text-align:left;display:grid;grid-template-columns:40px 1fr;gap:0 18px;align-content:start}.page-social-welfare-google-workspace #section-6 .welfare-icon{grid-row:1/3;width:36px;height:36px}.page-social-welfare-google-workspace #section-6 .eyebrow{grid-column:2}.page-social-welfare-google-workspace #section-6 h2{grid-column:2;font-size:20px;margin:0}.page-social-welfare-google-workspace #section-6 ul{margin-bottom:0}
.welfare-app-names{font-weight:600;color:#26778a!important;letter-spacing:.025em}
.welfare-related{display:block;margin-top:28px;padding:24px 28px;background:var(--welfare-band);border:1px solid #dcebf2;border-radius:5px;font-weight:600}
.welfare-page .final-cta{max-width:none;width:100%;padding:44px var(--gutter);background:var(--welfare-band);display:flex;flex-direction:column;text-align:center;gap:8px;border-radius:0;margin-bottom:0}.welfare-page .final-cta h2{margin-bottom:12px}.welfare-page .final-cta p{margin-bottom:14px}
@media(max-width:1100px){.welfare-page .welfare-editorial>.wrap{grid-template-columns:29% minmax(0,1fr);gap:28px}.welfare-page .welfare-editorial .welfare-section-head h2{font-size:25px}.welfare-page #section-1 .detail-card{grid-template-columns:1fr;padding:22px}.welfare-page #section-1 .welfare-icon{grid-row:auto;grid-column:1;margin-bottom:16px}.welfare-page #section-1 .detail-card h3,.welfare-page #section-1 .detail-card p{grid-column:1}.page-new-social-welfare #section-5 .detail-content{grid-template-columns:1fr}.welfare-page .detail-steps{gap:20px}.welfare-page .detail-steps h3{font-size:16px}.welfare-page th,.welfare-page td{padding:18px}.welfare-hero-figure figcaption{display:block}.welfare-page .detail-hero-inner{align-items:start}.welfare-page .detail-hero h1{font-size:32px}}
@media(max-width:800px){.welfare-page .detail-hero-inner{grid-template-columns:1fr;gap:24px;padding-block:26px}.welfare-page .detail-hero h1{font-size:30px;max-width:20em;text-wrap:initial}.welfare-hero-figure{width:100%;max-width:560px;margin:auto}.welfare-page .detail-section{padding-block:36px}.welfare-page .welfare-editorial>.wrap{display:block}.welfare-page h2,.welfare-page .welfare-editorial .welfare-section-head h2{font-size:25px}.welfare-page .welfare-section-head{margin-bottom:24px}.welfare-page .detail-section:not(.welfare-editorial)>.wrap>.welfare-section-head{text-align:left}.welfare-page .detail-grid{grid-template-columns:1fr}.welfare-page #section-1 .detail-card{grid-template-columns:52px 1fr;gap:0 18px}.welfare-page #section-1 .welfare-icon{grid-row:1/3}.welfare-page #section-1 .detail-card h3,.welfare-page #section-1 .detail-card p{grid-column:2}.welfare-page .detail-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px}.welfare-page .detail-steps>li:not(:last-child):after{display:none}.welfare-page .detail-steps p{text-align:left}.page-new-social-welfare #section-4 .welfare-section-head{display:block}.page-new-social-welfare #section-4 .welfare-section-head>p:not(.eyebrow){max-width:none}.page-new-social-welfare #section-5 .detail-steps{grid-template-columns:1fr;gap:24px;padding:24px!important}.page-new-social-welfare #section-5 .detail-steps>li{display:grid;grid-template-columns:64px 1fr;gap:0 20px;text-align:left}.page-new-social-welfare #section-5 .detail-steps .welfare-icon{grid-row:1/3;margin:0}.page-new-social-welfare #section-5 .detail-steps h3,.page-new-social-welfare #section-5 .detail-steps p{grid-column:2}.page-social-welfare-google-workspace #section-5 .detail-grid{grid-template-columns:1fr}.page-social-welfare-google-workspace #section-6>.wrap{display:block;width:calc(100% - 44px);padding:24px}.page-social-welfare-google-workspace #section-6 .welfare-section-head{margin-bottom:22px}.welfare-page .table-scroll{overflow:visible;border:0;background:transparent}.welfare-page table,.welfare-page tbody,.welfare-page tr,.welfare-page td,.welfare-page tbody th{display:block;width:100%!important}.welfare-page thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.welfare-page tbody tr{border:1px solid #dce9ef;border-radius:5px;overflow:hidden;background:white;margin-bottom:16px}.welfare-page tbody th{background:var(--welfare-head);padding:16px 20px;border:0}.welfare-page tbody td{display:grid;grid-template-columns:7.5em 1fr;gap:14px;padding:16px 20px;border:0;border-top:1px solid #e1ecf2}.welfare-page tbody td:before{content:attr(data-label);font-size:16px;font-weight:600;color:#007f93}.page-new-social-welfare #section-4 td:nth-child(3){font-size:20px}.welfare-page .final-cta h2{font-size:25px}.welfare-page .welfare-contents summary{font-size:16px}.welfare-page summary{padding:18px}.welfare-page details>p{margin:0 18px 20px}}
@media(max-width:420px){.welfare-page tbody td{grid-template-columns:1fr;gap:6px}.welfare-page .detail-hero h1{font-size:28px}.welfare-page .detail-steps{gap:24px 20px}.welfare-page .detail-steps .welfare-icon{width:68px;height:68px;padding:17px}.welfare-page #section-1 .detail-card{padding:20px;gap:0 14px}.page-new-social-welfare #section-5 .detail-grid,.page-new-social-welfare #section-6 .detail-grid,.page-social-welfare-google-workspace #section-7 .detail-grid{padding:0 16px}.page-new-social-welfare #section-5 .detail-card,.page-new-social-welfare #section-6 .detail-card,.page-social-welfare-google-workspace #section-7 .detail-card{grid-template-columns:34px 1fr;gap:0 16px}.welfare-page .welfare-icon{width:34px;height:34px}}
.welfare-app-pair{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.welfare-app{display:inline-flex;align-items:center;gap:10px;color:var(--welfare-ink);font-weight:500}.welfare-app img{display:block;width:32px;height:32px;object-fit:contain}
/* Prevent the shared CTA pseudo-element from adding 2 gutters to full-width pages. */
.welfare-page .final-cta:before{inset:0;background:none}
.welfare-page .final-cta{align-items:center}
.welfare-page .welfare-phrase{display:inline-block;max-width:100%;text-wrap:initial}
.welfare-page h1 .welfare-phrase{display:block}
.welfare-page h2{ text-wrap:initial }
.welfare-generated-hero img{display:block;width:100%;height:auto}
.welfare-material-band{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 auto 36px;padding:28px 36px;border:1px solid #e1edf1;border-radius:5px;background:linear-gradient(90deg,#eefafd 0%,#eefafdf0 60%,#eefafd66),url('../20261017_サイト実装用画像素材/02_背景_写真風_風景/webp/06_notebook_plant_detail-1440w.webp') right center/55% auto no-repeat}.welfare-material-band h3{margin-bottom:8px}.welfare-material-band p{margin:0}.welfare-material-band .button{flex:none;background:#fff;color:#00869b;border:1px solid #cde4eb}.welfare-related{padding-left:190px;background:linear-gradient(90deg,transparent 0 160px,#f0f9fd 160px),url('../20261017_サイト実装用画像素材/02_背景_写真風_風景/webp/06_notebook_plant_detail-1440w.webp') left center/180px auto no-repeat;min-height:90px;align-content:center}@media(max-width:800px){.welfare-material-band{display:block;padding:24px;background-size:auto 100%}.welfare-material-band .button{margin-top:20px}.welfare-related{padding:110px 24px 24px;background:linear-gradient(0deg,#f0f9fd 0 calc(100% - 90px),transparent calc(100% - 90px)),url('../20261017_サイト実装用画像素材/02_背景_写真風_風景/webp/06_notebook_plant_detail-1440w.webp') center top/100% auto no-repeat}}