*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{font-family:"Shippori Mincho",serif;line-height:1em}.header{position:fixed;top:0;left:0;display:flex;justify-content:flex-end;width:100%;padding:10px 20px 20px 20px;z-index:100}.btn{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:45px;cursor:pointer;z-index:5;opacity:0;animation:mvbtnAnimation .5s ease-in forwards;animation-delay:.5s}@keyframes mvbtnAnimation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}.btn__top,.btn__middle,.btn__bottom{display:block;position:absolute;width:34px;height:1px;background:#000;transition:.5s}.btn__top{transform:translateY(-8px)}.btn__bottom{transform:translateY(8px)}.btn__menu{position:relative;font-size:12px;font-family:"Hina Mincho",serif;letter-spacing:.1em;transform:translateY(16px);transition:1s}.gnav{position:absolute;top:0;right:0;display:flex;justify-content:flex-end;width:100%;height:100vh;gap:122px;padding-top:108px;padding-right:140px;background:#fff;opacity:0;transition:1s;pointer-events:none}.gnav__logo{transform:translateY(-20px)}.gnav__list{margin-bottom:46px}.gnav__link{color:#000;text-decoration:none}.gnav__link:hover{color:#585858}#top .mv{position:relative;background:url("../images/mv_bg.png") center center/cover;z-index:-2;opacity:0;animation:mvAnimation .5s ease-in forwards;animation-delay:.2s}@keyframes mvAnimation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv::before{content:"";display:block;position:absolute;top:100px;left:560px;width:392px;height:44px;background:url("../images/deco_6.png") center center/cover;z-index:2;opacity:0;animation:deco1Animation 1s ease-in forwards;animation-delay:2.7s}@keyframes deco1Animation{0%{transform:scale(0.5);opacity:0}50%{transform:scale(0.8);opacity:.5}100%{transform:scale(1);opacity:1}}#top .mv::after{content:"";display:block;position:absolute;top:705px;right:250px;width:250px;height:41px;background:url("../images/deco_2.png") center center/cover;z-index:2;opacity:0;animation:deco2Animation 1s ease-in forwards;animation-delay:2.7s}@keyframes deco2Animation{0%{transform:scale(0.5);opacity:0}50%{transform:scale(0.8);opacity:.5}100%{transform:scale(1);opacity:1}}#top .mv__box--1{display:flex;justify-content:flex-end;padding-top:242px;margin-left:0 auto}#top .mv__pic--1{position:absolute;top:0px;left:60px;opacity:0;animation:pic1Animation 2s ease-in forwards;animation-delay:.8s}@keyframes pic1Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__pic--2{position:absolute;top:0px;right:646px;z-index:-1;opacity:0;animation:pic2Animation 1s ease-in forwards;animation-delay:.5s}@keyframes pic2Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__pic--3{opacity:0;animation:pic3Animation 1s ease-in forwards;animation-delay:.5s}@keyframes pic3Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__pic--4{margin-left:190px;opacity:0;animation:pic4Animation 2s ease-in forwards;animation-delay:.8s}@keyframes pic4Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__copy{padding-top:293px;margin-left:270px;font-size:20px;letter-spacing:.4em;writing-mode:vertical-rl;opacity:0;animation:mvcopyAnimation 1.2s ease-in forwards;animation-delay:1.7s}@keyframes mvcopyAnimation{0%{transform:translateY(0) rotate(-3deg);opacity:0}50%{opacity:.5}100%{transform:translateY(-10px) rotate(0deg);opacity:1}}#top .mv__logo{padding-top:180px;margin-left:48px;opacity:0;animation:mvlogoAnimation 1.2s ease-in forwards;animation-delay:1.7s}@keyframes mvlogoAnimation{0%{transform:translateY(0) rotate(5deg);opacity:0}50%{opacity:.5}100%{transform:translateY(-10px) rotate(0deg);opacity:1}}#top .mv__pic--5{position:absolute;top:880px;left:0;z-index:-1;opacity:0;animation:pic5Animation 1s ease-in forwards;animation-delay:1.5s}@keyframes pic5Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__pic--6{position:absolute;bottom:150px;left:214px;opacity:0;animation:pic5Animation 1s ease-in forwards;animation-delay:1.5s}@keyframes pic5Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__box--2{position:relative;display:flex;justify-content:flex-end;padding-top:88px;opacity:0;animation:pic5Animation 1s ease-in forwards;animation-delay:1.5s}#top .mv__box--2::after{content:"";display:block;position:absolute;bottom:410px;right:654px;width:392px;height:44px;background:url("../images/deco_6.png") center center/cover;z-index:2}@keyframes pic5Animation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}#top .mv__subcopy{width:233px;margin-right:290px;padding-top:45px;font-family:"Hina Mincho",serif;font-size:15px;line-height:1.3em;letter-spacing:.1em}#top .mv__pic--7{margin-right:215px}#top .about{position:relative;padding:158px 0px 210px 0px}#top .about__container{display:flex}#top .about__container::before{content:"Just as a sip of tea can soothe the soul, teacups also have the power to heal. Bring a cup of tea that embodies quiet wisdom into your daily life.";display:block;position:absolute;bottom:465px;right:300px;width:233px;font-size:10px;font-family:"Hina Mincho",serif;line-height:2em;letter-spacing:.1em}#top .about__container::after{content:"";display:block;position:absolute;bottom:300px;right:240px;width:440px;height:34px;background:url("../images/deco_3.png") center center/cover;z-index:10}#top .about__box{margin-left:140px;padding-top:283px}#top .about__subttl{margin-bottom:40px;font-size:20px;font-weight:500;line-height:2em;letter-spacing:.05em}#top .about__txt{width:420px;font-size:14px;line-height:2.1em;letter-spacing:.1em}#top .about__ttl{margin-left:113px;position:relative;writing-mode:vertical-rl;font-size:20px;font-weight:200;letter-spacing:.45em}#top .about__ttl::after{content:"about";display:block;position:absolute;top:0;left:28px;font-family:"Hina Mincho",serif;font-size:15px;color:#787878;letter-spacing:.08em}#top .about__pic--2{position:absolute;bottom:-60px;right:0;z-index:5}#top .craft{position:relative;padding:154px 0px 123px 0px;background:url("../images/craft_bg.png") center center/cover;z-index:-1}#top .craft::after{content:"";display:block;position:absolute;bottom:430px;right:400px;width:334px;height:38px;background:url("../images/deco_4.png") center center/cover}#top .craft__box{display:flex;margin:0px 0px 96px 457px}#top .craft__ttl{margin-right:153px;color:#fff;position:relative;writing-mode:vertical-rl;font-size:20px;font-weight:200;letter-spacing:.45em}#top .craft__ttl::after{content:"about";display:block;position:absolute;top:0;left:28px;font-family:"Hina Mincho",serif;font-size:15px;color:#787878;letter-spacing:.08em}#top .craft__ttl::after{content:"craft"}#top .craft__txt{width:514px;padding-top:80px;color:#fff;font-size:14px;line-height:2.1em;letter-spacing:.1em}#top .craft__swiper{width:844px;height:525px;margin:0px 225px 0px 215px}#top .craft__pic{position:absolute;top:343px;right:213px}#top .product{padding-top:150px;background:#eee}#top .product__ttl{margin-left:327px;margin-bottom:70px;position:relative;writing-mode:vertical-rl;font-size:20px;font-weight:200;letter-spacing:.45em}#top .product__ttl::after{content:"about";display:block;position:absolute;top:0;left:28px;font-family:"Hina Mincho",serif;font-size:15px;color:#787878;letter-spacing:.08em}#top .product__ttl::after{content:"products"}#top .product__box{display:flex;justify-content:center;gap:85px;margin-left:50px}#top .product__unit--2{padding-top:230px}#top .product__link{text-decoration:none}#top .product__link:hover .product__img{transform:scale(1.05);transition:1s}#top .product__link:hover .product__heading::after{transition:1s;transform:translateX(8px) rotate(45deg)}#top .product__pic{width:560px;height:458px;overflow:hidden}#top .product__img{transition:1s}#top .product__heading{position:relative;display:block;padding-top:24px;margin-bottom:133px;color:#000;font-size:14px;line-height:2.1em;letter-spacing:.1em;text-align:center}#top .product__heading:last-child{margin-bottom:91px}#top .product__heading::after{content:"";display:block;position:absolute;top:35px;right:210px;width:10px;height:10px;border-top:1px solid #9d9d9d;border-right:1px solid #9d9d9d;transform:rotate(45deg);transition:1s}#top .product__btn{padding-bottom:160px;text-align:center}#top .product__btnlink{display:inline-block;position:relative;padding:10px;color:#000;font-size:15px;font-family:"Hina Mincho",serif;letter-spacing:.1em;text-decoration:none;padding-right:80px;transition:1s}#top .product__btnlink::before{content:"";display:block;position:absolute;top:5px;left:107px;width:30px;height:30px;border:1px solid #9d9d9d;border-radius:50%}#top .product__btnlink::after{content:"";display:block;position:absolute;top:20px;left:77px;width:50px;height:1px;background:#9d9d9d}#top .product__btnlink:hover::before{animation:btnAnimation .5s ease-in forwards}@keyframes btnAnimation{0%{transform:scale(0.1)}100%{transform:scale(1)}}#top .product__btnlink:hover{color:#818080}#top .product__back{width:100%;height:700px;background:url("../images/product_5.jpg") center center/cover;background-size:cover;background-attachment:fixed}#top .howto{padding:166px 0px 160px 0px;background:#eee}#top .howto__box{position:relative;display:flex}#top .howto__box::after{content:"";display:block;position:absolute;bottom:195px;right:75px;width:392px;height:44px;background:url("../images/deco_5.png") center center/cover}#top .howto__pic{margin-left:214px;margin-bottom:160px;padding-top:36px}#top .howto__txt{margin:0px 112px 0px 124px;padding-top:143px;width:337px;font-size:14px;line-height:2.1em;letter-spacing:.1em}#top .howto__ttl{position:relative;writing-mode:vertical-rl;font-size:20px;font-weight:200;letter-spacing:.45em}#top .howto__ttl::after{content:"about";display:block;position:absolute;top:0;left:28px;font-family:"Hina Mincho",serif;font-size:15px;color:#787878;letter-spacing:.08em}#top .howto__ttl::after{content:"how to brew"}#top .howto__dl{display:flex;justify-content:center;gap:46px}#top .howto__detailunit{display:flex}#top .howto__heading{position:relative;padding-top:37px;writing-mode:vertical-rl;font-size:16px;line-height:2em;letter-spacing:.45em}#top .howto__heading::before{content:"01";position:absolute;top:-25px;left:-10px;display:flex;justify-content:center;align-items:center;padding-top:5px;padding-left:2px;font-size:18px;line-height:.8em;letter-spacing:.3em;width:52px;height:52px;color:#fff;background:#3c3c3c;border:1px solid #eee;border-radius:50%;transform:rotate(-90deg)}#top .howto__detailbox:nth-of-type(2) .howto__heading::before{content:"02"}#top .howto__detailbox:nth-of-type(3) .howto__heading::before{content:"03"}#top .howto__detailpic{margin-bottom:28px}#top .howto__detailtxt{width:255px;margin-left:auto;font-size:12px;line-height:2em;letter-spacing:.04em}#top .news{padding:115px 0 160px 0}#top .news__box{display:flex;margin:0 0 55px 328px}#top .news__ttl{position:relative;writing-mode:vertical-rl;font-size:20px;font-weight:200;letter-spacing:.45em}#top .news__ttl::after{content:"about";display:block;position:absolute;top:0;left:28px;font-family:"Hina Mincho",serif;font-size:15px;color:#787878;letter-spacing:.08em}#top .news__ttl::after{content:"news"}#top .news__btn{margin-left:auto;margin-right:360px;padding-top:92px}#top .news__btnlink{position:relative;padding:10px;color:#000;font-size:15px;font-family:"Hina Mincho",serif;letter-spacing:.1em;text-decoration:none;padding-right:80px}#top .news__btnlink::before{content:"";display:block;position:absolute;top:5px;left:107px;width:30px;height:30px;border:1px solid #9d9d9d;border-radius:50%}#top .news__btnlink::after{content:"";display:block;position:absolute;top:20px;left:77px;width:50px;height:1px;background:#9d9d9d}#top .news__btnlink:hover::before{animation:btnAnimation .5s ease-in forwards}@keyframes btnAnimation{0%{transform:scale(0.1)}100%{transform:scale(1)}}#top .news__swiper{position:relative}#top .news__link{display:flex;width:-moz-fit-content;width:fit-content;color:#000;text-decoration:none}#top .news__pic--1{margin-right:40px;margin-left:397px}#top .news__pic--2{margin-right:40px;margin-left:85px}#top .news__pic--3{margin-right:40px;margin-left:397px}#top .news__pic--4{margin-right:40px;margin-left:85px}#top .news__date{padding-top:35px;font-size:12px;line-height:2em;letter-spacing:.05em}#top .news__heading{margin-bottom:10px;font-size:12px;line-height:2em;letter-spacing:.05em}#top .news__txt{width:208px;font-size:12px;line-height:2em;letter-spacing:.05em}#top .news__prev::after,#top .news__next::after{content:none}#top .news__prev{position:absolute;top:50%;left:327px;width:30px;height:30px}#top .news__prev::before{content:"";display:block;width:20px;height:20px;border-top:1px solid #000;border-left:1px solid #000;transform:rotate(-45deg)}#top .news__next{position:absolute;top:50%;right:302px;width:30px;height:30px}#top .news__next::before{content:"";display:block;width:20px;height:20px;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}#top .footer{padding:48px 0 20px 0;background:url("../images/footer_bg.png") center center/cover}#top .footer__container{margin-left:327px;display:flex}#top .footer__logo{padding-top:10px}#top .footer__nav{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3, auto);-moz-column-gap:47px;column-gap:47px;row-gap:8px;margin-left:109px;margin-bottom:130px;list-style:none}#top .footer__link{display:block;padding:10px;color:#fff;font-size:12px;letter-spacing:.1em;text-decoration:none}#top .footer__box{display:flex;margin-left:327px}#top .footer__copy{color:#fff;font-size:15px;font-family:"Hina Mincho",serif;letter-spacing:.1em}#top .footer__snslink{display:flex;margin-left:auto}#top .footer__sns{color:#fff;font-size:15px;font-family:"Hina Mincho",serif;letter-spacing:.1em}#top .footer__snslogo{margin-left:7px;transform:translateY(2px)}#top .footer__pagetop{margin-right:304px;margin-left:24px;transform:translateY(-2px)}#top .footer__pagetoplink{padding:10px;color:#fff;font-size:15px;font-family:"Hina Mincho",serif;letter-spacing:.1em;text-decoration:none}.opacityNav{opacity:1;pointer-events:auto}.rotateTop{transform:rotate(45deg)}.hideMiddle{opacity:0}.rotateBottom{transform:rotate(-45deg)}.menuClose{color:rgba(0,0,0,0)}.menuClose::before{content:"close";display:block;position:absolute;top:0;left:0;color:#000}.fadeIn{opacity:0}.showBox{animation:showAnimation 1s ease-in forwards}@keyframes showAnimation{0%{opacity:0}50%{opacity:.5}100%{opacity:1}}.fadeInrotate1{opacity:0}.showrotate1{animation:rotate1Animation 1s ease-in forwards}@keyframes rotate1Animation{0%{opacity:0;transform:rotate(-2deg)}50%{opacity:.5}100%{transform:rotate(0deg);opacity:1}}.fadeInrotate2{opacity:0}.showrotate2{animation:rotate2Animation 1s ease-in forwards}@keyframes rotate2Animation{0%{opacity:0;transform:rotate(2deg)}50%{opacity:.5}100%{transform:rotate(0deg);opacity:1}}/*# sourceMappingURL=style.css.map */