.bathrobe{max-width:100%}a{text-decoration:none}li{list-style:none}.under374-only{display:none}.not-under374-only{display:block}.tablet-only{display:none}.mato-breadcrumbs{width:100%;height:80px}a:hover{opacity:.8;transition:all .4s}html{background:#fff;box-sizing:border-box;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.gradually,.title{opacity:0}.gradually.lang-jp.fadeIn,.title.lang-jp.fadeIn{font-weight:bold}.gradually.lang-en.fadeIn,.title.lang-en.fadeIn{letter-spacing:0.15em}.gradually.fadeIn,.title.fadeIn{opacity:1;animation-name:fadeInAnime;animation-fill-mode:backwards;animation-duration:1s;animation-timing-function:ease;animation-delay:0s;animation-direction:normal}@keyframes fadeInAnime{from{opacity:0;-webkit-filter:blur(15px);-moz-filter:blur(15px);-ms-filter:blur(15px);-o-filter:blur(15px);filter:blur(15px)}to{opacity:1;-webkit-filter:blur(0px);-moz-filter:blur(0px);-ms-filter:blur(0px);-o-filter:blur(0px);filter:blur(0px)}}.container{width:100%}.block-1{height:calc(100vh - 64px);height:calc(100svh - 64px);width:100%;max-width:100%;max-height:100%;padding-top:0}.block-1 picture img{width:100%;height:calc(100vh - 64px);height:calc(100svh - 64px);object-fit:cover;object-position:left top;margin-top:0}@media screen and (min-width: 1700px){.block-1 picture img{object-fit:cover}}.block-1{background:#212121;color:#fff;position:relative}.block-1 .title{position:absolute;bottom:50px;left:90px;color:#fff}.block-1 .title h1{text-shadow:0px 2px 4px rgba(0,0,0,0.3);font-size:58.5px;font-weight:700;line-height:normal;letter-spacing:5.8px;margin-bottom:14px}.block-1 .title h2{text-shadow:0px 4px 4px rgba(0,0,0,0.3);font-size:27px;font-weight:700;line-height:48px;letter-spacing:2.7px}.video,.introduction{width:100%;max-width:900px;margin:0 auto}.introduction{margin-top:140px;position:relative}.introduction p{font-size:19.476px;font-weight:700;line-height:41.735px;letter-spacing:0.779px}.introduction ul{display:flex}.introduction ul li{width:50%;height:auto}.introduction ul li img{width:100%}.introduction .introduction-upper li:first-child{padding-top:16%}.introduction .introduction-upper li:nth-child(2){text-align:right}.introduction .introduction-upper li:nth-child(2) img{width:94.7%;height:auto}.introduction .introduction-lower{position:absolute;top:65%;left:0;align-items:flex-end}.introduction .introduction-lower li:first-child{text-align:left}.introduction .introduction-lower li:first-child img{width:81%;height:auto}.introduction .introduction-lower li:nth-child(2){padding-left:3%}.introduction .introduction-lower li:nth-child(2) p{width:94.7%;display:inline;vertical-align:baseline}.video{margin-top:calc(147px + 270px)}.video .video-container{background:#000;z-index:0;position:relative;width:100%;max-width:900px;height:auto;max-height:506px}.video #video{width:100%;max-width:900px;height:auto;opacity:1;z-index:10;overflow:hidden;position:relative}.video .mato-logo{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.video .mato-logo img{width:200px;height:auto}.point{margin-top:140px !important;width:100%;max-width:720px;margin:0 auto 150px}.point .each-point{margin-bottom:123px}.point .point-text{text-align:center}.point .point-text h4{background:black;color:#fff;height:30px;font-size:26px;font-weight:700;line-height:30px;letter-spacing:1.04px;margin-bottom:36px}.point .point-text p{font-size:18px;font-weight:700;letter-spacing:0.72px}.point .point-text h5{font-size:30px;font-weight:700;letter-spacing:1.2px;margin-bottom:50px}.point .point-ul{display:flex}.point .point-ul img{width:100%;height:auto}.point .point-ul li:first-child{width:47.2%}.point .point-ul li:nth-child(2){width:11.2%;display:flex;justify-content:center;align-items:center}.point .point-ul li:last-child{width:41.6%}.point .imgText-ul{display:block}.point .imgText-ul li:first-child{width:100%}.point .imgText-ul li:last-child{margin-top:5px;width:100%;height:100%;font-size:16px;font-weight:700;line-height:28px;letter-spacing:0.64px}.pushgift{background:#E9E9E9;width:100%;text-align:center;padding:98px 0}.pushgift .pushgift-inner{max-width:900px;margin:0 auto}.pushgift .pushgift-inner h2{background:#fff;font-size:46px;font-weight:700;line-height:46px;letter-spacing:1.84px;margin:0 auto;display:inline}.pushgift .pushgift-inner img{width:83%;max-width:900px;height:auto;margin-top:60px}.pushgift .pushgift-inner .text{margin:56px auto 18px;text-align:center;display:block}.pushgift .pushgift-inner .text .text-inner{text-align:left;display:inline-block}.pushgift .pushgift-inner .text .text-inner p{font-size:18px;font-weight:700;line-height:50px;letter-spacing:0.72px;margin-bottom:50px}.pushgift .pushgift-inner .text .text-inner p .l-text{font-size:24px;letter-spacing:0.96px}.end-of-lp{text-align:center;margin:0 auto;padding:28px 14px 34px;background:#fff;width:324px;height:auto}.block-end .block-end-img img{width:200px;height:auto;margin-top:10px}.block-end h3.en{font-size:14px;font-weight:700;line-height:24px;margin-bottom:3px}.block-end h3.jp{font-size:14px;font-weight:700;line-height:24px;margin-bottom:10px}.block-end .shopping-link{width:81.4%;height:44px;color:#fff;background:#000000;margin:1em auto 0;border-radius:50px;display:flex;justify-content:center;align-items:center;text-align:center}.block-end .shopping-link p{font-size:16px;font-weight:700;line-height:26px;margin-bottom:0}.block-end .shopping-link svg{width:15px;height:13px}@media screen and (max-width: 1024px){.block-1 picture img{object-fit:cover;object-position:top center}.block-1 .title{bottom:40px;left:40px}}@media screen and (min-width: 768px) and (max-width: 768px){.pc-only.not-tablet{display:none}.tablet-only{display:block}.introduction{max-width:720px}.introduction .introduction-upper li:first-child{padding-top:9%}.video .video-container{background:initial}}@media screen and (min-width: 550px) and (max-width: 767px){.introduction,.point{max-width:550px !important}.end-of-lp{max-width:480px !important}}@media screen and (max-width: 767px){.tablet-only{display:none}.block-1{padding-top:0;height:calc(100vh - 65px);height:calc(100svh - 65px)}.block-1 picture img{height:calc(100vh - 65px);height:calc(100svh - 65px);object-fit:cover;object-position:top center;width:100%}.block-1 .title{position:absolute;top:auto;bottom:20px;left:50%;transform:translate(-50%, -20px);width:100%;text-align:center}.block-1 .title h1{font-size:45px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);letter-spacing:4.5px;margin-bottom:8px}.block-1 .title h2{font-size:17px;line-height:30px;letter-spacing:1px}.video,.introduction{width:100%;max-width:100%;margin:0 auto}.introduction{margin-top:60px;position:static;display:flex;flex-direction:column;padding:0 35px}.introduction p{font-size:16px;line-height:36px;letter-spacing:0.56px}.introduction ul{display:grid}.introduction ul li{width:100%;height:auto}.introduction ul li img{width:100%}.introduction .introduction-upper li:first-child{padding-top:0;margin-bottom:60px}.introduction .introduction-upper li:nth-child(2){text-align:left}.introduction .introduction-upper li:nth-child(2) img{width:84%;height:auto}.introduction .introduction-lower{align-items:unset;position:static}.introduction .introduction-lower li:first-child{text-align:center;order:2;margin-top:60px}.introduction .introduction-lower li:first-child img{width:88%;height:auto}.introduction .introduction-lower li:nth-child(2){padding-left:0;order:1;text-align:right;margin-top:60px;text-align:right;display:block;width:100%}.introduction .introduction-lower li:nth-child(2) p{width:auto;text-align:left;display:inline-block}.video{margin-top:60px;padding:0 35px;text-align:center}.video .video-container{position:relative;width:100%;max-width:initial;height:auto;max-height:initial;background:initial}.video #video{width:100%;max-width:100%;height:auto;max-height:calc(100vh - 60px);max-height:calc(100svh - 60px);width:auto}.video .mato-logo{display:none}.point{margin-top:100px !important;width:100%;max-width:100%;margin:0 auto 70px}.point .each-point{margin-bottom:70px}.point .point-text h4{height:30px;font-size:18px;font-weight:700;line-height:30px;letter-spacing:1.04px;margin-bottom:30px}.point .point-text p{font-size:14px;letter-spacing:0.72px}.point .point-text h5{font-size:23px;letter-spacing:1.2px;margin-bottom:20px}.point .point-ul{display:block;padding:0 33px}.point .point-ul img{width:100%;height:auto}.point .point-ul li:first-child{width:100%}.point .point-ul li:nth-child(2){width:100%;height:45px;display:flex;justify-content:center;align-items:center;transform:rotate(-270deg)}.point .point-ul li:nth-child(2) svg{width:25px;height:20px}.point .point-ul li:last-child{width:100%}.point .imgText-ul{display:flex}.point .imgText-ul li:first-child{width:31%}.point .imgText-ul li:last-child{margin-top:0;width:69%;padding-left:24px;font-size:16px;line-height:28px;letter-spacing:0.64px;transform:none;height:auto}.pushgift{width:100%;max-width:100%;padding:42px 32px 63px;margin:0}.pushgift .pushgift-inner h2{font-size:28px;line-height:28px;letter-spacing:normal;margin:0 auto}.pushgift .pushgift-inner img{width:100%;max-width:auto;height:auto;margin-top:42px}.pushgift .pushgift-inner .text{margin:31px auto 18px}.pushgift .pushgift-inner .text .text-inner p{font-size:14px;line-height:28px;letter-spacing:0.72px;margin-bottom:30px}.pushgift .pushgift-inner .text .text-inner p .l-text{font-size:22px;letter-spacing:0.96px}.end-of-lp{padding:28px 14px 34px;margin:0 auto;width:100%}.block-end{padding:0;height:100%}.block-end .block-end-img img{width:62%;height:auto;margin:10px auto 23px}.block-end-text{width:81%;margin:0 auto}.block-end h3.en{line-height:23px}.block-end h3.jp{line-height:23px;margin-bottom:17px}.block-end .shopping-link{width:100%;height:44px;margin:0 auto;text-align:center;border-radius:50px}.block-end .shopping-link p{font-size:16px;font-weight:700;line-height:26px}}@media screen and (max-width: 374px){.under374-only{display:block}.not-under374-only{display:none}.point .imgText-ul li:last-child{font-size:13px;line-height:22px}}@media screen and (max-width: 320px){.block-1 .title h1{font-size:35px}.block-1 .title h2{font-size:15px}}

/*# sourceMappingURL=style.css.map */