.roll-installation{color:var(--wh-body);background:var(--wh-paper);font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}.roll-installation,.roll-installation *{box-sizing:border-box}.roll-installation{width:min(100%,1480px);margin:0 auto;padding:34px clamp(14px,2vw,32px) clamp(60px,9vw,132px)}.roll-installation__hero{margin:0}@media(max-width:749px){.roll-installation{padding-top:18px}.roll-installation .roll-installation__hero{position:relative;left:50%;transform:translate(-50%);margin-inline:0}.roll-installation .roll-installation__hero img{width:100%}}.roll-installation__hero img,.roll-installation__card img{display:block;width:100%;height:auto}.roll-installation__lead{margin:clamp(18px,2vw,28px) 0 0;font-size:clamp(15px,1.35vw,19px);line-height:1.85;letter-spacing:.04em}.roll-installation__methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,3.6vw,58px);align-items:center;width:min(100%,1140px);margin:clamp(58px,9vw,136px) auto 0}.roll-installation__card{display:block;min-width:0;border-radius:clamp(8px,1vw,14px);overflow:hidden}.roll-installation #installation-steps{scroll-margin-top:96px}a.roll-installation__card:focus-visible{outline:3px solid #332419;outline-offset:4px}.roll-installation__card--disabled{filter:grayscale(1);opacity:.58}.roll-installation__note{margin:clamp(30px,4vw,54px) 0 0;color:var(--wh-muted);font-size:clamp(13px,1.05vw,16px);line-height:1.7;text-align:center}.roll-installation__lead+.roll-installation__note{margin-top:8px;text-align:left}@media(max-width:899px){.roll-installation__methods{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,680px)}}@media(max-width:540px){.roll-installation{padding-inline:14px}.roll-installation__lead{margin-top:16px;font-size:15px;line-height:1.75}.roll-installation__methods{grid-template-columns:1fr;gap:18px;width:min(100%,360px);margin-top:46px}}.roll-installation__conditions{width:min(100%,1240px);margin:clamp(58px,9vw,128px) auto 0;padding-top:clamp(38px,5vw,68px);border-top:1px solid #e1ddd8}.roll-installation__conditions-title{position:relative;margin:0;padding-left:1.15em;color:#d8140c;font-size:clamp(21px,2vw,30px);font-weight:700;line-height:1.45}.roll-installation__conditions-title:before{position:absolute;top:.38em;left:0;width:.62em;height:.62em;border-radius:50%;background:currentColor;content:""}.roll-installation__conditions-copy{display:grid;gap:clamp(12px,1.4vw,20px);margin-top:clamp(20px,2.4vw,30px);font-size:clamp(15px,1.35vw,19px);line-height:1.9;letter-spacing:.04em}.roll-installation__conditions-copy p{margin:0}.roll-installation__conditions-warning{color:#6a3b31;font-weight:500}.roll-installation__conditions-image{margin:clamp(30px,4vw,54px) 0 0}.roll-installation__conditions-image img{display:block;width:100%;height:auto}@media(max-width:540px){.roll-installation__conditions{margin-top:62px;padding-top:38px}.roll-installation__conditions-title{font-size:21px}.roll-installation__conditions-copy{gap:15px;margin-top:20px;font-size:15px;line-height:1.8}}.roll-installation__hero{width:min(100%,1080px);margin-inline:auto}.roll-installation__lead{width:min(100%,1080px);margin-inline:auto;margin-top:clamp(18px,2vw,28px)}.roll-installation__methods{width:min(100%,1140px);gap:clamp(18px,3.2vw,48px)}.roll-installation__card{position:relative;aspect-ratio:2.6 / 1;border-radius:clamp(8px,.8vw,12px)}.roll-installation__card img{position:absolute;top:-58.8%;left:-22.9%;width:145.7%;max-width:none;height:auto}@media(max-width:540px){.roll-installation__card{aspect-ratio:2.6 / 1}}.roll-installation__conditions{width:min(100%,1120px);margin-top:clamp(56px,6vw,84px);padding-top:0;border-top:0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__conditions-title{padding-left:1em;font-size:clamp(20px,1.55vw,25px);font-weight:700;line-height:1.35;letter-spacing:.01em}.roll-installation__conditions-title:before{top:.37em;width:.58em;height:.58em}.roll-installation__conditions-copy{gap:clamp(10px,1vw,14px);margin-top:clamp(14px,1.2vw,18px);font-size:clamp(15px,1.08vw,18px);font-weight:400;line-height:1.7;letter-spacing:.01em}.roll-installation__conditions-warning{font-weight:400}.roll-installation__conditions-image{margin-top:clamp(24px,2.4vw,34px)}@media(max-width:540px){.roll-installation__conditions{margin-top:54px;padding-top:0}.roll-installation__conditions-title{font-size:20px}.roll-installation__conditions-copy{gap:12px;margin-top:14px;font-size:15px;line-height:1.68}.roll-installation__conditions-image{margin-top:26px}}.roll-installation__card img{top:-90.7%}.roll-installation__conditions-copy{font-size:clamp(14px,1vw,17px)}@media(max-width:540px){.roll-installation__conditions-copy{font-size:14px}}.roll-installation__card{aspect-ratio:auto}.roll-installation__card img{position:static;top:auto;left:auto;width:100%;max-width:100%;height:auto}.roll-installation__lead,.roll-installation__methods,.roll-installation__note,.roll-installation__conditions{width:min(100%,1080px);margin-inline:auto}.roll-installation__simple-type{width:min(100%,1080px);margin:clamp(54px,7vw,92px) auto 0}.roll-installation__simple-type-title{margin:0;padding:clamp(18px,2.2vw,28px) clamp(22px,2.8vw,36px);border:3px dotted rgba(255,255,255,.78);background:#929a58;color:#fff;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:clamp(22px,2.1vw,31px);font-weight:700;line-height:1.35}@media(max-width:540px){.roll-installation__simple-type{margin-top:56px}.roll-installation__simple-type-title{padding:17px 18px;border-width:2px;font-size:21px}}.roll-installation__simple-type-title{padding:clamp(12px,1.2vw,16px) clamp(18px,2vw,26px);font-size:clamp(19px,1.55vw,24px);line-height:1.3}@media(max-width:540px){.roll-installation__simple-type-title{padding:12px 15px;font-size:19px}}.roll-installation__simple-type-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);align-items:start;width:min(100%,1080px);margin:clamp(28px,3.5vw,48px) auto 0}.roll-installation__simple-type-illustration{margin:0}.roll-installation__simple-type-illustration img{display:block;width:100%;height:auto}.roll-installation__simple-type-video{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#191919}.roll-installation__simple-type-video img{display:block;width:100%;height:100%;object-fit:cover}.roll-installation__simple-type-video-label{position:absolute;right:12px;bottom:12px;padding:6px 10px;background:#000000b3;color:#fff;font-size:13px;line-height:1}@media(max-width:720px){.roll-installation__simple-type-media{grid-template-columns:1fr;gap:26px}.roll-installation__simple-type-video-label{right:10px;bottom:10px;font-size:12px}}.roll-installation__simple-type-illustration{display:flex;align-items:flex-start;justify-content:center;aspect-ratio:16 / 9}.roll-installation__simple-type-illustration img{width:auto;max-width:100%;height:100%;object-fit:contain}.roll-installation__simple-type-media{grid-template-columns:minmax(0,47.8%) minmax(0,52.2%);gap:0}.roll-installation__simple-type-illustration{width:109.2%;justify-content:flex-start}@media(max-width:720px){.roll-installation__simple-type-media{grid-template-columns:1fr;gap:26px}.roll-installation__simple-type-illustration{width:100%}}@media(min-width:721px){.roll-installation__simple-type-video{transform:translate(-150px)}}.roll-installation__assembly{width:min(100%,1080px);margin:clamp(64px,8vw,106px) auto 0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__assembly-title{display:inline-block;margin:0;padding:clamp(11px,1.2vw,16px) clamp(20px,2.2vw,30px);background:var(--wh-cream);color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.35}.roll-installation__assembly-image-placeholder{aspect-ratio:16 / 9;margin-top:clamp(22px,2.5vw,34px);border:1px dashed #c9c9c9;background:#fafafa}.roll-installation__assembly-gallery{display:grid;gap:clamp(18px,2.5vw,30px);margin-top:clamp(22px,2.5vw,34px)}.roll-installation__assembly-main-image{width:100%;margin:0}.roll-installation__assembly-detail-images figure{width:70%;margin:0 auto}.roll-installation__assembly-main-image img,.roll-installation__assembly-detail-images img{display:block;width:100%;height:auto}.roll-installation__assembly-detail-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px)}.roll-installation__assembly-copy{display:grid;gap:10px;margin-top:clamp(22px,2.6vw,34px);color:var(--wh-body);font-size:clamp(14px,1vw,17px);line-height:1.75}.roll-installation__assembly-copy p{margin:0}@media(max-width:540px){.roll-installation__assembly{margin-top:64px}.roll-installation__assembly-title{padding:11px 17px;font-size:20px}.roll-installation__assembly-image-placeholder{margin-top:20px}.roll-installation__assembly-gallery{gap:16px;margin-top:20px}.roll-installation__assembly-detail-images{gap:10px}.roll-installation__assembly-copy{gap:10px;margin-top:22px;font-size:14px;line-height:1.7}}.roll-installation__mounting{width:min(100%,1080px);margin:clamp(64px,8vw,106px) auto 0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__mounting-title{display:inline-block;margin:0;padding:clamp(11px,1.2vw,16px) clamp(20px,2.2vw,30px);background:var(--wh-cream);color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.35}.roll-installation__mounting-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.8vw,38px);margin-top:clamp(22px,2.5vw,34px)}.roll-installation__mounting-images figure{margin:0}.roll-installation__mounting-images img{display:block;width:100%;height:auto}.roll-installation__mounting-copy{display:grid;gap:12px;margin-top:clamp(22px,2.6vw,34px);color:var(--wh-body);font-size:clamp(14px,1vw,17px);line-height:1.8}.roll-installation__mounting-copy p{margin:0}.roll-installation__mounting-copy mark{padding:0 .12em;background:linear-gradient(transparent 45%,#fff176 45%,#fff176 94%,transparent 94%);color:inherit;font-weight:700}@media(max-width:540px){.roll-installation__mounting{margin-top:64px}.roll-installation__mounting-title{padding:11px 17px;font-size:20px}.roll-installation__mounting-images{grid-template-columns:1fr;gap:18px;margin-top:20px}.roll-installation__mounting-copy{gap:12px;margin-top:22px;font-size:14px;line-height:1.75}}.roll-installation__ring{width:min(100%,1080px);margin:clamp(64px,8vw,106px) auto 0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__ring-title{display:inline-block;margin:0;padding:clamp(11px,1.2vw,16px) clamp(20px,2.2vw,30px);background:var(--wh-cream);color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.35}.roll-installation__ring-image{width:min(100%,720px);margin:clamp(22px,2.5vw,34px) 0 0}.roll-installation__ring-image img{display:block;width:100%;height:auto}.roll-installation__ring-copy{display:grid;gap:12px;margin-top:clamp(22px,2.6vw,34px);color:var(--wh-body);font-size:clamp(14px,1vw,17px);line-height:1.8}.roll-installation__ring-copy p,.roll-installation__ring-copy ul{margin:0}.roll-installation__ring-copy ul{display:grid;gap:6px;padding-left:1.35em}.roll-installation__ring-copy mark{padding:0 .12em;background:linear-gradient(transparent 45%,#fff176 45%,#fff176 94%,transparent 94%);color:inherit;font-weight:700}@media(max-width:540px){.roll-installation__ring{margin-top:64px}.roll-installation__ring-title{padding:11px 17px;font-size:20px}.roll-installation__ring-image{width:100%;margin-top:20px}.roll-installation__ring-copy{gap:12px;margin-top:22px;font-size:14px;line-height:1.75}}.roll-installation__mounting-image{margin:clamp(22px,2.5vw,34px) 0 0}.roll-installation__mounting-image img{display:block;width:100%;height:auto}.roll-installation__mounting-image{width:70%}@media(max-width:540px){.roll-installation__mounting-image{width:100%}}.roll-installation__ring-media{display:flex;align-items:center;justify-content:space-between;gap:clamp(28px,6vw,96px);margin-top:clamp(22px,2.5vw,34px)}.roll-installation__ring-media .roll-installation__ring-image{width:min(100%,504px);margin:0}.roll-installation__ring-tool{width:min(100%,280px);margin:0}.roll-installation__ring-tool img{display:block;width:100%;height:auto}.roll-installation__ring-media+.roll-installation__ring-copy{margin-top:clamp(22px,2.6vw,34px)}@media(max-width:540px){.roll-installation__ring-media{flex-direction:column;align-items:flex-start;gap:24px;margin-top:20px}.roll-installation__ring-media .roll-installation__ring-image,.roll-installation__ring-tool{width:100%}.roll-installation__ring-tool{max-width:260px;align-self:center}}.roll-installation__verification{width:min(100%,1080px);margin:clamp(64px,8vw,106px) auto 0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__verification-title{display:inline-block;margin:0;padding:clamp(11px,1.2vw,16px) clamp(20px,2.2vw,30px);background:var(--wh-cream);color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.35}@media(max-width:540px){.roll-installation__verification{margin-top:64px}.roll-installation__verification-title{padding:11px 17px;font-size:20px}}.roll-installation__mounting-title,.roll-installation__ring-title,.roll-installation__verification-title{display:block;padding:0;background:transparent;color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.45}.roll-installation__ring-media{display:block}.roll-installation__ring-media .roll-installation__ring-image{width:100%}.roll-installation__ring-media .roll-installation__ring-image--compact{width:70%;margin-left:0;margin-right:0}.roll-installation__headrail-type{width:min(100%,1080px);margin:clamp(64px,8vw,106px) auto 0}.roll-installation__headrail-type-title{margin:0;padding:clamp(12px,1.2vw,16px) clamp(18px,2vw,26px);border:3px dotted rgba(255,255,255,.78);background:#929a58;color:#fff;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif;font-size:clamp(19px,1.55vw,24px);font-weight:700;line-height:1.3}@media(max-width:540px){.roll-installation__headrail-type{margin-top:64px}.roll-installation__headrail-type-title{padding:12px 15px;border-width:2px;font-size:19px}}.roll-installation__headrail-step{width:min(100%,1080px);margin:clamp(46px,6vw,76px) auto 0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__headrail-step-title{margin:0;color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.45}.roll-installation__headrail-step-image{margin:clamp(22px,2.5vw,34px) 0 0}.roll-installation__headrail-step-image img{display:block;width:100%;height:auto}.roll-installation__headrail-step-copy{display:grid;gap:12px;margin-top:clamp(22px,2.6vw,34px);color:var(--wh-body);font-size:clamp(14px,1vw,17px);line-height:1.8}.roll-installation__headrail-step-copy p{margin:0}.roll-installation__headrail-step-copy mark{padding:0 .12em;background:linear-gradient(transparent 45%,#fff176 45%,#fff176 94%,transparent 94%);color:inherit;font-weight:700}@media(max-width:540px){.roll-installation__headrail-step{margin-top:48px}.roll-installation__headrail-step-title{font-size:20px}.roll-installation__headrail-step-image{margin-top:20px}.roll-installation__headrail-step-copy{gap:12px;margin-top:22px;font-size:14px;line-height:1.75}}.roll-installation__mounting-image{width:100%}.roll-installation__assembly-title{display:block;padding:0;background:transparent;color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.45}.roll-installation__headrail-video{margin:0;background:#fff}.roll-installation__headrail-video img{object-fit:contain}.roll-installation__headrail-video{display:flex;align-items:center;justify-content:center}.roll-installation__headrail-video img{width:70%;height:auto;max-height:70%}.roll-installation__simple-check{width:min(100%,1080px);margin:clamp(64px,8vw,106px) auto 0;font-family:Meiryo,Yu Gothic,Hiragino Kaku Gothic ProN,sans-serif}.roll-installation__simple-check-title{display:block;margin:0;padding:0;background:transparent;color:var(--wh-ink);font-size:clamp(20px,1.65vw,25px);font-weight:700;line-height:1.45}.roll-installation__simple-check-copy{margin-top:clamp(22px,2.6vw,34px);color:var(--wh-body);font-size:clamp(14px,1vw,17px);line-height:1.8}.roll-installation__simple-check-copy p{margin:0}.roll-installation__simple-check-copy mark{padding:0 .12em;background:linear-gradient(transparent 45%,#fff176 45%,#fff176 94%,transparent 94%);color:inherit;font-weight:700}.roll-installation__mounting-image--half{width:60%}@media(max-width:540px){.roll-installation__simple-check{margin-top:64px}.roll-installation__simple-check-title{font-size:20px}.roll-installation__simple-check-copy{margin-top:22px;font-size:14px;line-height:1.75}}.roll-installation__conditions-caption{margin-top:14px;color:var(--wh-body);font-size:clamp(14px,1vw,17px);line-height:1.7}.roll-installation__conditions-image--compact{width:60%;margin-inline:auto}.roll-installation__assembly-copy mark{padding:0 .12em;background:linear-gradient(transparent 45%,#fff176 45%,#fff176 94%,transparent 94%);color:inherit;font-weight:700}.roll-installation--blind .roll-installation__mounting-image{width:min(27%,var(--installation-image-width, 260px))}.roll-installation__conditions-image>img{display:block;width:min(100%,var(--installation-image-scale, 100%));margin-inline:auto}.roll-installation__conditions-caption--single-line{width:max-content;margin-left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--installation-caption-size, 14px)}@media(max-width:540px){.roll-installation--blind .roll-installation__mounting-image{width:min(45%,var(--installation-image-width, 260px))}.roll-installation__conditions-caption--single-line{font-size:min(var(--installation-caption-size, 14px),calc((100vw - 28px) / 48))}}.roll-installation{width:min(100%,calc(var(--installation-content-width, 960px) + 64px));margin-inline:auto}.roll-installation__hero,.roll-installation__lead,.roll-installation__methods,.roll-installation__note,.roll-installation__conditions,.roll-installation__simple-type,.roll-installation__simple-type-media,.roll-installation__assembly,.roll-installation__mounting,.roll-installation__ring,.roll-installation__simple-check,.roll-installation__headrail-type,.roll-installation__headrail-video,.roll-installation__headrail-step,.roll-installation__hero img{width:min(100%,var(--installation-module-width, 960px));margin-inline:auto}.roll-installation__lead,.roll-installation__note{font-size:var(--installation-copy-size, 17px)}.roll-installation__methods{gap:var(--installation-card-gap, 32px)}.roll-installation__methods>.roll-installation__card{width:min(100%,var(--installation-card-width, 100%));justify-self:center}.roll-installation__conditions-title,.roll-installation__simple-type-title,.roll-installation__headrail-type-title,.roll-installation__assembly-title,.roll-installation__mounting-title,.roll-installation__ring-title,.roll-installation__simple-check-title,.roll-installation__headrail-step-title{font-size:var(--installation-title-size, inherit)}.roll-installation__conditions-copy,.roll-installation__assembly-copy,.roll-installation__mounting-copy,.roll-installation__ring-copy,.roll-installation__simple-check-copy,.roll-installation__headrail-step-copy{font-size:var(--installation-copy-size, inherit)}.roll-installation__conditions-image{width:min(100%,var(--installation-image-width, 960px));margin-inline:auto}.roll-installation__conditions-image--compact{width:min(100%,var(--installation-image-width, 960px))}.roll-installation__simple-type-illustration{width:min(100%,var(--installation-image-width, 480px))}.roll-installation__simple-type-video{width:min(100%,var(--installation-poster-width, 480px))}.roll-installation__headrail-video>img{width:min(100%,var(--installation-image-width, 480px))}.roll-installation__headrail-video-poster{width:min(100%,var(--installation-poster-width, 480px))}.roll-installation__assembly-main-image{width:min(100%,var(--installation-main-image-width, 960px));margin-inline:auto}.roll-installation__assembly-detail-images figure{width:min(70%,var(--installation-detail-image-width, 320px))}.roll-installation__mounting-image,.roll-installation__ring-media .roll-installation__ring-image,.roll-installation__headrail-step-image{width:min(100%,var(--installation-image-width, 680px))}.roll-installation__mounting-image img,.roll-installation__ring-image img,.roll-installation__headrail-step-image img{width:100%}.roll-installation mark,.roll-installation strong{padding:0 .12em;background:linear-gradient(transparent 45%,#fff176 45%,#fff176 94%,transparent 94%);color:inherit;font-weight:700}@media(max-width:540px){.roll-installation{width:100%}.roll-installation__simple-type-media{width:min(100%,var(--installation-module-width, 960px))}}@media(max-width:749px){.roll-installation__methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,16px);align-items:start;width:min(100%,var(--installation-module-width, 960px));margin-top:clamp(32px,8vw,48px)}.roll-installation__methods>.roll-installation__card{width:100%}}@media(max-width:749px){.roll-installation__lead,.roll-installation__note,.roll-installation__conditions-copy,.roll-installation__assembly-copy,.roll-installation__mounting-copy,.roll-installation__ring-copy,.roll-installation__simple-check-copy,.roll-installation__headrail-step-copy{font-size:calc(var(--installation-copy-size, 17px) - 4px)}.roll-installation__conditions-title,.roll-installation__simple-type-title,.roll-installation__headrail-type-title,.roll-installation__assembly-title,.roll-installation__mounting-title,.roll-installation__ring-title,.roll-installation__simple-check-title,.roll-installation__headrail-step-title{font-size:calc(var(--installation-title-size, 24px) - 4px)}.roll-installation__conditions-caption{font-size:calc(var(--installation-caption-size, 14px) - 4px)}.roll-installation__conditions-caption--single-line{width:auto;margin-left:0;transform:none;white-space:normal}.roll-installation__simple-type-video-label{font-size:9px}}@media(max-width:720px){.roll-installation__simple-type-video-label{font-size:8px}}.roll-installation__simple-type-media:has(>.roll-installation__simple-type-video:only-child){display:flex;justify-content:center}.roll-installation__simple-type-media:has(>.roll-installation__simple-type-video:only-child)>.roll-installation__simple-type-video{flex:0 1 var(--installation-poster-width, 480px);transform:none}
/*# sourceMappingURL=/cdn/shop/t/18/assets/window-installation-guide.css.map */