.ug-section{font-family:Noto Sans JP,sans-serif;color:#111;box-sizing:border-box}.ug-section *,.ug-section *:before,.ug-section *:after{box-sizing:border-box}.ug-youtube{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#b0b0b0}.ug-youtube__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.ug-youtube--empty{display:flex;align-items:center;justify-content:center}.ug-youtube__placeholder{font-size:calc(16 / 1920 * 100vw);color:#11111173;text-align:center;padding:calc(20 / 1920 * 100vw)}.ug-hero{position:relative;overflow:hidden;background:#fff;min-height:46.875vw}.ug-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.ug-hero__media img,.ug-hero__media .ug-youtube,.ug-hero__media .ug-youtube__iframe{width:100%;height:100%;object-fit:cover}.ug-hero__media .ug-youtube{aspect-ratio:auto}.ug-hero__media-item{position:absolute;top:0;right:0;bottom:0;left:0}.ug-hero__media-item img{width:100%;height:100%;object-fit:cover;object-position:bottom center}.ug-hero__media-item--mobile{display:none}.ug-hero__brand{position:absolute;z-index:2;top:calc(32 / 1920 * 100vw);left:3.28125vw;display:flex;align-items:center;gap:.625vw}.ug-hero__logo{display:block;height:2.03125vw;width:auto}.ug-hero__brand-text{font-size:calc(26 / 1920 * 100vw);font-weight:400;line-height:1.4;white-space:nowrap}.ug-hero__brand-text span{opacity:.8}.ug-hero__content-wrap{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none}.ug-hero__panel{position:absolute;top:50%;right:calc(66 / 1920 * 100vw);transform:translateY(-50%);width:calc(700 / 1920 * 100vw);padding:calc(47 / 1920 * 100vw) calc(61 / 1920 * 100vw) calc(46 / 1920 * 100vw);background:#ffffffdb;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:auto}.ug-hero__title{margin:0 0 calc(16 / 1920 * 100vw);font-size:3.125vw;font-weight:700;line-height:1.4}.ug-hero__subtitle{margin:0;font-size:1.5625vw;font-weight:400;line-height:1.4;opacity:.8}.ug-hero__subtitle p{margin:0}.ug-video-text{background:#f7f8fb}.ug-video-text__inner{display:grid;grid-template-columns:minmax(0,calc(500 / 1920 * 100vw)) minmax(0,1fr);gap:calc(80 / 1920 * 100vw);align-items:center;min-height:46.875vw;padding:calc(80 / 1920 * 100vw) calc(74 / 1920 * 100vw)}.ug-video-text--reverse .ug-video-text__inner{grid-template-columns:minmax(0,1fr) minmax(0,calc(500 / 1920 * 100vw))}.ug-video-text--reverse .ug-video-text__content{order:2}.ug-video-text--reverse .ug-video-text__media{order:1}.ug-video-text__title{margin:0 0 calc(16 / 1920 * 100vw);font-size:2.8125vw;font-weight:700;line-height:1.4}.ug-video-text__title p{margin:0}.ug-video-text__desc{margin:0;max-width:24.375vw;font-size:calc(20 / 1920 * 100vw);font-weight:400;line-height:1.4;opacity:.8}.ug-video-text__desc p{margin:0 0 .5em}.ug-video-text__desc p:last-child{margin-bottom:0}.ug-video-text__media .ug-youtube{border-radius:.625vw}.ug-app{background:#f7f8fb;padding:calc(100 / 1920 * 100vw) 2.96875vw}.ug-app__inner{max-width:93.75vw;margin:0 auto}.ug-app__title{margin:0 0 calc(68 / 1920 * 100vw);font-size:2.8125vw;font-weight:700;line-height:1.4;text-align:center}.ug-app__title p{margin:0}.ug-app__card{position:relative;min-height:calc(800 / 1920 * 100vw);border-radius:.625vw;background:#d9deec;overflow:hidden}.ug-app__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.ug-app__decor-item{position:absolute;top:0;right:0;bottom:0;left:0}.ug-app__decor img{width:100%;height:100%;object-fit:cover}.ug-app__decor-item--mobile{display:none}.ug-app__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.25vw;width:31.25vw;padding:calc(68 / 1920 * 100vw) 0 0 calc(116 / 1920 * 100vw)}.ug-app__head{display:flex;flex-direction:column;gap:1.25vw}.ug-app__qr-layer{display:flex;flex-direction:column}.ug-app__qr-wrap{display:none}.ug-app__qr-wrap.is-active{display:block}.ug-app__tabs{position:relative;display:inline-flex;width:13.90625vw;height:2.96875vw;border-radius:calc(4 / 1920 * 100vw);background:#0b0b0b1a;padding:.3125vw}.ug-app__tab{flex:1;border:0;background:transparent;font-family:inherit;font-size:calc(28 / 1920 * 100vw);font-weight:400;line-height:1.4;color:#111;cursor:pointer;border-radius:calc(4 / 1920 * 100vw);transition:background .2s ease}.ug-app__tab.is-active{background:#dbff00}.ug-app__desc{margin:0;font-size:calc(20 / 1920 * 100vw);line-height:1.4;opacity:.8}.ug-app__desc--mobile{display:none}.ug-app__desc.rte :is(p,ul,ol){margin:0}.ug-app__desc.rte :first-child{margin-block-start:0}.ug-app__desc.rte :last-child{margin-block-end:0}.ug-app__panel{display:none}.ug-app__panel.is-active{display:block}.ug-app__qr{width:calc(266 / 1920 * 100vw);border-radius:calc(26 / 1920 * 100vw);overflow:hidden;background:#fff}.ug-app__qr img{display:block;width:100%;height:auto}.ug-app__qr--empty{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:calc(14 / 1920 * 100vw);color:#11111173;text-align:center;padding:calc(16 / 1920 * 100vw)}@media(max-width:768px){.ug-youtube__placeholder{font-size:3.2vw;padding:3.2vw}.ug-hero{min-height:calc(550 / 375 * 100vw)}.ug-hero__media-item--desktop{display:none}.ug-hero__media-item--mobile{display:block}.ug-hero__brand{top:calc(16 / 375 * 100vw);left:calc(31.5 / 375 * 100vw);gap:1.6vw}.ug-hero__logo{height:5.2vw}.ug-hero__brand-text{font-size:calc(13 / 375 * 100vw)}.ug-hero__content-wrap{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;pointer-events:none}.ug-hero__panel{position:relative;top:auto;right:auto;transform:none;width:100%;padding:calc(81.5 / 375 * 100vw) calc(20 / 375 * 100vw) calc(50 / 375 * 100vw);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;text-align:center;pointer-events:auto}.ug-hero__title{margin-bottom:calc(8 / 375 * 100vw);font-size:8vw}.ug-hero__subtitle{font-size:4vw}.ug-video-text__inner{display:flex;flex-direction:column;gap:calc(34 / 375 * 100vw);min-height:0;padding:calc(50 / 375 * 100vw) calc(20 / 375 * 100vw)}.ug-video-text--reverse .ug-video-text__content,.ug-video-text--reverse .ug-video-text__media{order:unset}.ug-video-text__content{width:100%;text-align:center}.ug-video-text__title{margin-bottom:calc(8 / 375 * 100vw);font-size:calc(27 / 375 * 100vw)}.ug-video-text__desc{max-width:calc(274 / 375 * 100vw);margin-inline:auto;font-size:calc(10 / 375 * 100vw)}.ug-video-text__media{width:100%;max-width:calc(335 / 375 * 100vw);margin-inline:auto}.ug-video-text__media .ug-youtube{border-radius:1.6vw}.ug-app{padding:calc(50 / 375 * 100vw) calc(20 / 375 * 100vw)}.ug-app__inner{max-width:calc(335 / 375 * 100vw)}.ug-app__title{max-width:calc(250 / 375 * 100vw);margin-left:auto;margin-right:auto;margin-bottom:calc(34 / 375 * 100vw);font-size:calc(27 / 375 * 100vw)}.ug-app__card{height:calc(423 / 375 * 100vw);min-height:calc(423 / 375 * 100vw);border-radius:1.6vw}.ug-app__decor-item--desktop{display:none}.ug-app__decor-item--mobile{display:block;inset:auto;left:calc(-69.5 / 375 * 100vw);top:calc(107.5 / 375 * 100vw);width:calc(504 / 375 * 100vw);height:calc(504 / 375 * 100vw);opacity:.5}.ug-app__decor-item--mobile img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.ug-app__body{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;padding:0;gap:0;align-items:stretch}.ug-app__head{position:absolute;top:calc(20.5 / 375 * 100vw);left:50%;transform:translate(-50%);width:71.2vw;gap:3.2vw;align-items:center;text-align:center}.ug-app__panel{width:100%}.ug-app__panel.is-active{display:block}.ug-app__qr-layer{position:absolute;top:calc(116 / 375 * 100vw);left:50%;transform:translate(-50%);width:calc(133 / 375 * 100vw);z-index:3}.ug-app__qr-wrap{display:none;width:100%}.ug-app__qr-wrap.is-active{display:block}.ug-app__tabs{width:35.6vw;height:7.6vw;border-radius:calc(2 / 375 * 100vw);padding:.8vw}.ug-app__tab{font-size:calc(14 / 375 * 100vw);border-radius:calc(2 / 375 * 100vw)}.ug-app__desc--desktop{display:none}.ug-app__desc--mobile{display:block}.ug-app__desc{font-size:calc(10 / 375 * 100vw);text-align:center}.ug-app__qr{width:100%;margin-top:0;border-radius:calc(13 / 375 * 100vw)}.ug-app__qr--empty{font-size:calc(10 / 375 * 100vw);padding:calc(10 / 375 * 100vw)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/userguide.css.map */