/* Welfare Workspace: concrete work/tool/rule mapping and selectable support scopes. */
body[data-page="social-welfare-google-workspace"] .detail-section{--welfare-ink:var(--ep-heading);--welfare-copy:var(--ep-text);--welfare-accent:var(--ep-action);--welfare-band:var(--ep-surface);--welfare-head:var(--ep-surface);padding-block:34px;background:white}
body[data-page="social-welfare-google-workspace"] #section-1,body[data-page="social-welfare-google-workspace"] #section-3{background:var(--ep-surface)}
body[data-page="social-welfare-google-workspace"] .detail-section h2{font-size:28px!important;line-height:1.5;letter-spacing:0;margin-bottom:18px;color:var(--ep-heading)}
body[data-page="social-welfare-google-workspace"] .detail-section h3{font-size:18px;line-height:1.5;margin-bottom:8px;color:var(--ep-heading)}
body[data-page="social-welfare-google-workspace"] .detail-section :is(p,li,th,td){font-size:16px;line-height:1.75}
body[data-page="social-welfare-google-workspace"] .detail-section .eyebrow{font-size:13px;margin-bottom:8px;color:var(--ep-action)}
body[data-page="social-welfare-google-workspace"] .welfare-section-head{margin:0}
body[data-page="social-welfare-google-workspace"] .welfare-editorial>.wrap{grid-template-columns:28% minmax(0,1fr);gap:36px}
body[data-page="social-welfare-google-workspace"] .detail-section:not(.welfare-editorial)>.wrap>.welfare-section-head{text-align:left}
body[data-page="social-welfare-google-workspace"] .detail-card{padding:20px;border-radius:5px;box-shadow:none}
body[data-page="social-welfare-google-workspace"] .welfare-icon{width:42px;height:42px;padding:0;background:none;object-fit:contain}
body[data-page="social-welfare-google-workspace"] #section-1 .detail-grid{gap:20px}
body[data-page="social-welfare-google-workspace"] #section-1 .detail-card{grid-template-columns:42px minmax(0,1fr);gap:8px 15px;padding:22px;border:1px solid var(--ep-border)}
body[data-page="social-welfare-google-workspace"] #section-1 .welfare-icon{width:42px;height:42px;background:none;padding:0;border-radius:0}
body[data-page="social-welfare-google-workspace"] #section-1 .detail-card p{margin:0}
body[data-page="social-welfare-google-workspace"] .table-scroll{border-color:var(--ep-border);border-radius:5px;margin:18px 0 14px}
body[data-page="social-welfare-google-workspace"] th,body[data-page="social-welfare-google-workspace"] td{border-color:var(--ep-border);padding:16px 20px;vertical-align:middle}
body[data-page="social-welfare-google-workspace"] thead th{background:var(--ep-surface);color:var(--ep-heading)}
body[data-page="social-welfare-google-workspace"] tbody th{color:var(--ep-heading)}
body[data-page="social-welfare-google-workspace"] #section-2 th:first-child{width:26%}
body[data-page="social-welfare-google-workspace"] #section-2 th:nth-child(2){width:38%}
body[data-page="social-welfare-google-workspace"] #section-2 td:last-child{background:var(--ep-info)}
body[data-page="social-welfare-google-workspace"] .welfare-app-pair{gap:12px;flex-wrap:nowrap}
body[data-page="social-welfare-google-workspace"] .welfare-app{gap:10px;white-space:nowrap;font-weight:500}
body[data-page="social-welfare-google-workspace"] .welfare-app img{width:32px;height:32px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps>li{padding-top:44px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps>li:before{content:counter(steps);top:0;left:calc(50% - 17px);width:34px;height:34px;background:var(--ep-action);border:0;font-size:18px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps>li:not(:last-child):after{content:'→';right:-20px;top:4px;font-size:20px;color:var(--ep-text-sub)}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps .welfare-icon{width:44px;height:44px;padding:0;border-radius:0;background:none;margin:0 auto 14px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps h3{font-size:18px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps p{margin:0;text-wrap:pretty}
body[data-page="social-welfare-google-workspace"] #section-4 .table-scroll{border-top:3px solid var(--ep-action)}
body[data-page="social-welfare-google-workspace"] #section-4 th:first-child{width:25%}
body[data-page="social-welfare-google-workspace"] #section-4 th:nth-child(2){width:43%}
body[data-page="social-welfare-google-workspace"] #section-4 tbody th{background:var(--ep-surface)}
body[data-page="social-welfare-google-workspace"] #section-5{background:var(--ep-surface)}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-grid{grid-template-columns:1fr 1fr;gap:20px}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px 15px;padding:22px;border:1px solid var(--ep-border);background:white}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-card:nth-child(2){background:var(--ep-info)}
body[data-page="social-welfare-google-workspace"] #section-5 .welfare-icon{width:42px;height:42px;grid-row:1/3}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-card h3,body[data-page="social-welfare-google-workspace"] #section-5 .detail-card p{grid-column:2;margin:0}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-content>p{margin-top:16px;margin-bottom:0}
body[data-page="social-welfare-google-workspace"] #section-6{padding-block:28px;background:white}
body[data-page="social-welfare-google-workspace"] #section-6>.wrap{display:grid;grid-template-columns:28% minmax(0,1fr);gap:36px;padding:24px 28px;border:1px solid var(--ep-border);border-left:4px solid var(--ep-action);border-radius:5px;background:var(--ep-info)}
body[data-page="social-welfare-google-workspace"] #section-6 .welfare-section-head{padding:0;border:0}
body[data-page="social-welfare-google-workspace"] #section-6 .welfare-icon{width:40px;height:40px;margin-bottom:14px}
body[data-page="social-welfare-google-workspace"] #section-6 .detail-content>p{max-width:none}
body[data-page="social-welfare-google-workspace"] #section-6 ul{margin:16px 0 0;padding-left:1.2em}
body[data-page="social-welfare-google-workspace"] #section-6 li{margin:6px 0}
body[data-page="social-welfare-google-workspace"] #section-7{padding-block:28px}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-grid{padding:0;background:none}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:7px 16px;padding:18px 0;border-bottom:1px solid var(--ep-border);background:none;border-radius:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card:first-child{padding-top:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card .welfare-icon{grid-row:1/3;width:40px;height:40px}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card h3,body[data-page="social-welfare-google-workspace"] #section-7 .detail-card p{grid-column:2;margin:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-content>p{margin-top:18px;margin-bottom:0}
body[data-page="social-welfare-google-workspace"] #section-8{padding-block:28px;background:var(--ep-surface)}
body[data-page="social-welfare-google-workspace"] #section-8 .detail-content{border-top:1px solid var(--ep-border)}
body[data-page="social-welfare-google-workspace"] #section-8 details{margin:0;background:none;border:0;border-bottom:1px solid var(--ep-border);border-radius:0}
body[data-page="social-welfare-google-workspace"] #section-8 summary{padding:17px 0;font-size:16px;display:flex;justify-content:space-between;gap:16px;list-style:none}
body[data-page="social-welfare-google-workspace"] #section-8 summary:after{content:'＋';color:var(--ep-action);flex:none}
body[data-page="social-welfare-google-workspace"] #section-8 summary::-webkit-details-marker{display:none}
body[data-page="social-welfare-google-workspace"] #section-8 details[open]>summary:after{content:'−'}
body[data-page="social-welfare-google-workspace"] #section-8 details>p{margin:0 0 18px}
body[data-page="social-welfare-google-workspace"] .welfare-related{margin-top:22px;display:block;padding:20px 20px 20px 170px;border:1px solid var(--ep-border);border-radius:5px;background:linear-gradient(90deg,transparent 0 146px,#fff 146px),url('../../20261017_サイト実装用画像素材/02_背景_写真風_風景/webp/06_notebook_plant_detail-1440w.webp') left center/155px auto no-repeat;min-height:94px;color:var(--ep-action)}
body[data-page="social-welfare-google-workspace"] .final-cta{background:var(--ep-info);padding-block:28px}
body[data-page="social-welfare-google-workspace"] .final-cta h2{font-size:24px;color:var(--ep-heading)}
body[data-page="social-welfare-google-workspace"] .final-cta .button{background:var(--ep-action)}
body[data-page="social-welfare-google-workspace"] main :is(a,summary):focus-visible{outline:3px solid var(--ep-action);outline-offset:4px}
body[data-page="social-welfare-google-workspace"] .detail-section :is(p,h3){text-wrap:pretty}
@media(max-width:1100px){
body[data-page="social-welfare-google-workspace"] .welfare-editorial>.wrap{grid-template-columns:1fr;gap:20px}
body[data-page="social-welfare-google-workspace"] #section-1 .detail-card{grid-template-columns:36px minmax(0,1fr);gap:7px 12px;padding:18px}
body[data-page="social-welfare-google-workspace"] #section-1 .welfare-icon{width:36px;height:36px}
body[data-page="social-welfare-google-workspace"] .welfare-app-pair{flex-wrap:wrap;gap:10px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps{gap:28px}
body[data-page="social-welfare-google-workspace"] #section-6>.wrap{grid-template-columns:30% minmax(0,1fr);gap:28px}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card{display:block;padding:0;border:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card .welfare-icon{margin-bottom:12px}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card h3{margin-bottom:8px}
}
@media(max-width:800px){
body[data-page="social-welfare-google-workspace"] .detail-section{padding-block:28px}
body[data-page="social-welfare-google-workspace"] .detail-section h2{font-size:24px!important}
body[data-page="social-welfare-google-workspace"] .welfare-section-head{margin-bottom:20px}
body[data-page="social-welfare-google-workspace"] #section-1 .detail-card{grid-template-columns:40px minmax(0,1fr);padding:20px;gap:8px 14px}
body[data-page="social-welfare-google-workspace"] #section-1 .welfare-icon{width:40px;height:40px}
body[data-page="social-welfare-google-workspace"] .table-scroll{margin-bottom:14px}
body[data-page="social-welfare-google-workspace"] tbody tr{border-color:var(--ep-border);margin-bottom:14px}
body[data-page="social-welfare-google-workspace"] tbody th{padding:15px 18px;background:var(--ep-surface)}
body[data-page="social-welfare-google-workspace"] tbody td{padding:14px 18px;border-color:var(--ep-border);grid-template-columns:1fr;gap:5px}
body[data-page="social-welfare-google-workspace"] tbody td:before{color:var(--ep-text-sub);font-size:14px}
body[data-page="social-welfare-google-workspace"] #section-2 tbody td:last-child{background:var(--ep-info)}
body[data-page="social-welfare-google-workspace"] .welfare-app-pair{flex-wrap:nowrap;gap:10px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps{grid-template-columns:1fr;gap:28px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:6px 14px;padding:0 0 0 48px;text-align:left}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps>li:before{left:0;top:0;width:32px;height:32px}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps .welfare-icon{grid-row:1/3;grid-column:1;width:38px;height:38px;margin:0}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps h3,body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps p{grid-column:2;margin:0}
body[data-page="social-welfare-google-workspace"] #section-3 .detail-steps>li:not(:last-child):after{display:block;content:'↓';left:9px;right:auto;top:auto;bottom:-26px}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-grid{grid-template-columns:1fr}
body[data-page="social-welfare-google-workspace"] #section-5 .detail-card{grid-template-columns:40px minmax(0,1fr);gap:8px 14px;padding:20px}
body[data-page="social-welfare-google-workspace"] #section-5 .welfare-icon{width:40px;height:40px}
body[data-page="social-welfare-google-workspace"] #section-6>.wrap{display:block;padding:22px;width:calc(100% - 44px)}
body[data-page="social-welfare-google-workspace"] #section-6 .welfare-section-head{margin-bottom:18px}
body[data-page="social-welfare-google-workspace"] #section-6 h2{margin-bottom:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-grid{display:block;padding:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card,body[data-page="social-welfare-google-workspace"] #section-7 .detail-card:first-child{display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px 14px;padding:18px 0;border-bottom:1px solid var(--ep-border)}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card .welfare-icon{width:38px;height:38px;margin:0}
body[data-page="social-welfare-google-workspace"] #section-7 .detail-card h3{margin:0}
body[data-page="social-welfare-google-workspace"] .welfare-related{padding:112px 20px 20px;background:linear-gradient(0deg,#fff 0 calc(100% - 90px),transparent calc(100% - 90px)),url('../../20261017_サイト実装用画像素材/02_背景_写真風_風景/webp/06_notebook_plant_detail-1440w.webp') center top/100% auto no-repeat}
body[data-page="social-welfare-google-workspace"] .final-cta h2{font-size:24px}
}

body[data-page="social-welfare-google-workspace"] .approved-phrase{display:inline-block}
/* Keep text in its own column when the inherited 1100px rule switches children. */
body[data-page="social-welfare-google-workspace"] #section-1 .detail-card h3,
body[data-page="social-welfare-google-workspace"] #section-1 .detail-card p{grid-column:2}
body[data-page="social-welfare-google-workspace"] #section-1 .welfare-icon{grid-column:1;grid-row:1/3;margin:0}
