html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0);box-sizing:border-box}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:rgba(0,0,0,0)}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@-webkit-keyframes mv{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes mv{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes catch{0%{transform:translateY(-200px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes catch{0%{transform:translateY(-200px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes catchsub{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}@keyframes catchsub{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes bg1{0%{transform:translateX(-200px);opacity:0}50%{transform:translateX(0)}100%{transform:rotate(-5deg);opacity:.2}}@keyframes bg1{0%{transform:translateX(-200px);opacity:0}50%{transform:translateX(0)}100%{transform:rotate(-5deg);opacity:.2}}@-webkit-keyframes bg2{0%{transform:translateX(-200px);opacity:0}50%{transform:translateX(0)}100%{transform:rotate(5deg);opacity:.7}}@keyframes bg2{0%{transform:translateX(-200px);opacity:0}50%{transform:translateX(0)}100%{transform:rotate(5deg);opacity:.7}}.header{position:fixed;top:0;left:0;padding:74px;display:flex;justify-content:center;align-items:center;width:100%;transition:.4s;z-index:3}.header__pic{width:345px;height:54px;transition:.4s}.header__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.btn{position:absolute;right:74px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px;z-index:1;cursor:pointer}.btn__top,.btn__middle,.btn__bottom{display:block;position:absolute;width:80%;height:1px;background:#000;transition:.4s}.btn__top{transform:translateY(-10px)}.btn__bottom{transform:translateY(10px)}.gnav{position:absolute;top:0;right:0;padding:147px 0;width:480px;height:800px;background:rgba(255,251,214,.6980392157);text-align:center;transform:translateX(100%);transition:1s}.gnav__list{margin-bottom:30px}.gnav__link{display:block;color:#6cb701;text-decoration:none;font-size:20px;font-weight:700;transition:.4s}.gnav__link:hover{opacity:.5}.gnav__btn{margin:0 auto 65px;width:168px}.gnav__btnlink{display:block;padding:10px 0;border:3px solid #6cb701;color:#6cb701;font-size:18px;font-weight:700;text-align:center;text-decoration:none;transition:.4s}.gnav__btnlink:hover{color:#fffbd6;background:#6cb701}.gnav__logo{margin:0 auto 50px;width:200px;height:34px}.gnav__img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.gnav__iconbox{margin:0 auto;display:flex;justify-content:space-between;width:150px}.gnav__iconlink{display:block;transition:.4s}.gnav__iconlink:hover{opacity:.5}.gnav__iconimg{display:block}.footer{padding:50px 0}.footer__container{display:flex;align-items:center;justify-content:space-between;width:1740px;margin:0 auto}.footer__logo{margin-bottom:6px;width:250px;height:44px}.footer__logolink{display:block}.footer__logoimg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.footer__copy{font-size:10px;letter-spacing:.1rem}.footer .fnav__ttl{margin-bottom:10px;color:#6cb701;font-size:12px;font-weight:700}.footer .fnav:nth-child(3){align-self:flex-end}.footer .fnav__box{width:500px;display:flex;justify-content:space-between}.footer .fnav__link{display:block;color:#6cb701;font-size:12px;font-weight:500;text-decoration:none;line-height:2;opacity:.7;transition:.4s}.footer .fnav__link:hover{opacity:.4}.footer .fnav-sub__link{display:block;color:#aaa;text-decoration:none;font-size:10px;font-weight:500;line-height:3;transition:.4s}.footer .fnav-sub__link:hover{opacity:.5}.footer__box{display:flex}.footer__snsbox{align-items:center;display:flex;padding:33px;background:#6cb701;opacity:.5}.footer__snsttl{color:#fff;font-size:12px;font-weight:700}.footer__snsicon{margin-left:20px}.footer__snslink{display:block;transition:.4s}.footer__snslink:hover{opacity:.5}.footer__snsimg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top{font-feature-settings:"palt";font-family:"Noto Sans JP",sans-serif;font-weight:400;letter-spacing:.15rem;line-height:2}#top .concept__ttl,#top .message__ttl,#top .what__ttl,#top .point__ttl,#top .more__ttl,#top .package__ttl,#top .detail__ttl{margin-bottom:20px;color:#6cb701;font-size:14px;font-weight:700}#top .concept__ttlsub,#top .message__ttlsub,#top .what__ttlsub,#top .point__ttlsub,#top .more__ttlsub,#top .package__ttlsub,#top .detail__ttlsub{margin-bottom:35px;font-size:24px;font-weight:500}#top .concept__txt,#top .message__txt,#top .what__txt,#top .point__txt,#top .more__txt,#top .package__txt,#top .detail__txt{font-size:14px;font-weight:400}#top .mv{position:relative;margin:205px auto 0;width:1500px;height:750px}#top .mv__pic{position:absolute;-webkit-animation:mv 2s ease-in-out forwards;animation:mv 2s ease-in-out forwards}#top .mv__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .mv__catch{position:absolute;bottom:50px;left:30px;color:#fff;font-size:45px;font-weight:700;opacity:0;-webkit-animation:catch 1s 2s ease-in-out forwards;animation:catch 1s 2s ease-in-out forwards}#top .mv__catch-sub{position:absolute;bottom:24px;left:30px;color:#fff;font-size:18px;opacity:0;-webkit-animation:catchsub 1.5s 2s ease-in-out forwards;animation:catchsub 1.5s 2s ease-in-out forwards}#top .mv__bg1{position:absolute;width:1500px;height:750px;background:#6cb701;z-index:-1;-webkit-animation:bg1 2s ease-in-out forwards;animation:bg1 2s ease-in-out forwards}#top .mv__bg2{position:absolute;width:1500px;height:750px;background:#fffbd6;z-index:-1;-webkit-animation:bg2 1s 1s ease-in-out forwards;animation:bg2 1s 1s ease-in-out forwards}#top .concept{padding-top:240px;width:960px;margin:0 auto 240px;display:flex;justify-content:space-between}#top .concept__box{position:relative;transition:.5s}#top .concept__logo{margin-bottom:6px;width:250px;height:44px}#top .concept__logoimg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .concept__txt:nth-child(2){margin-bottom:16px}#top .concept__txt:nth-child(3){margin-bottom:16px}#top .message{margin-bottom:160px;padding:130px 160px 290px;width:100%;height:120vh;display:flex;justify-content:space-between;background:url(../images/bg.jpg) center center/cover}#top .message__ttl{transition:1s}#top .message__ttlsub{transition:1s}#top .message__fadein{transition:.5s}#top .message__box:nth-child(2){align-self:flex-end;transition:.5s}#top .message__txt{position:relative;color:#6cb701;font-size:18px;font-weight:700;line-height:2}#top .message__txt:nth-child(1){margin-bottom:36px}#top .message__txt:nth-child(2)::after{position:absolute;content:"";background:url(../images/moji1.svg) center center/cover;width:339px;height:230px;top:0;right:0}#top .what{position:relative;display:flex}#top .what:before{display:block;content:"";background:url(../images/what_img1.jpg) center center/cover;width:686px;height:1029px}#top .what__container{display:flex;align-items:flex-end;position:absolute;top:300px;right:310px}#top .what__pic{margin-right:20px;width:466px}#top .what__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .what__box{transition:.5s}#top .what__illust1{margin-left:auto;background:url(../images/what_img03.png) center center/cover;width:311px;height:271px;transition:1.5s}#top .what__illust2{margin-left:auto;position:relative;background:url(../images/what_img04.png) center center/cover;width:235px;height:177px;top:-150px;left:95px;z-index:1;transition:1.5s}#top .what__illust2:after{position:absolute;display:block;content:"";background:url(../images/header_logo.svg) center center/cover;width:154px;height:24px;bottom:75px;left:40px;z-index:2}#top .point{position:relative;padding-top:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}#top .point__fadein{transition:.5s}#top .point__span{font-size:12px}#top .point__pic{width:960px;z-index:-1}#top .point__container{position:absolute;bottom:-30px}#top .point__pic-02{position:relative;display:flex;justify-content:center;width:192px}#top .point__pic-02:nth-child(1)::before{position:absolute;content:"ヨモギ";display:block;color:#6cb701;font-size:18px;font-weight:500;top:35px}#top .point__pic-02:nth-child(1)::after{position:absolute;content:"保湿成分";display:block;color:#6cb701;font-size:14px;font-weight:400;bottom:40px}#top .point__pic-02:nth-child(2)::before{position:absolute;content:"アカシソ";display:block;color:#6cb701;font-size:18px;font-weight:500;top:35px}#top .point__pic-02:nth-child(2)::after{position:absolute;content:"保湿成分";display:block;color:#6cb701;font-size:14px;font-weight:400;bottom:40px}#top .point__pic-02:nth-child(3)::before{position:absolute;content:"ローズマリー";display:block;color:#6cb701;font-size:18px;font-weight:500;top:35px}#top .point__pic-02:nth-child(3)::after{position:absolute;content:"保湿成分";display:block;color:#6cb701;font-size:14px;font-weight:400;bottom:40px}#top .point__pic-02:nth-child(4)::before{position:absolute;content:"レモン";display:block;color:#6cb701;font-size:18px;font-weight:500;top:35px}#top .point__pic-02:nth-child(4)::after{position:absolute;content:"天然精油";display:block;color:#6cb701;font-size:14px;font-weight:400;bottom:40px}#top .point__pic-02:nth-child(5)::before{position:absolute;content:"ユーカリ";display:block;color:#6cb701;font-size:18px;font-weight:500;top:35px}#top .point__pic-02:nth-child(5)::after{position:absolute;content:"天然精油";display:block;color:#6cb701;font-size:14px;font-weight:400;bottom:40px}#top .point__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .point__container{width:960px;display:flex;justify-content:space-between}#top .point__box{color:#6cb701}#top .point__ingra{font-size:18px}#top .point__ingra-sub{font-size:14px}#top .more{position:relative;padding-top:160px}#top .more:before{position:absolute;display:block;content:"";background:#fffbd6;width:100%;height:565px;bottom:-160px;z-index:-1}#top .more__fadein{transition:.5s}#top .swiper-container{position:relative}#top .swiper-more{margin-left:320px;transition:.5s}#top .swiper-more__slide{width:500px}#top .swiper-more__pic{margin-bottom:35px;overflow:hidden}#top .swiper-more__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:1s}#top .swiper-more__img:hover{transform:scale(1.1)}#top .swiper-more__morecard--lead{margin-bottom:10px;color:#6cb701;font-size:14px;font-weight:700}#top .swiper-more__morecard--ttlsub2{margin-bottom:20px;font-size:20px;font-weight:500}#top .swiper-more__morecard--txt{font-size:14px}#top .swiper-more__prev{position:absolute;top:350px;left:250px}#top .swiper-more__prev:after{content:"";position:absolute;display:block;width:25px;height:25px;border-right:2px solid #6cb701;border-top:2px solid #6cb701;transform:rotate(-135deg)}#top .swiper-more__next{position:absolute;top:350px;right:240px}#top .swiper-more__next:after{content:"";position:absolute;display:block;width:25px;height:25px;border-right:2px solid #6cb701;border-top:2px solid #6cb701;transform:rotate(45deg)}#top .package{position:relative;padding-top:320px;margin-bottom:160px;width:1280px;margin:0 auto 160px;display:flex;justify-content:space-between;align-items:center}#top .package__pic-01{position:absolute;top:0}#top .package__fadein{transition:.5s}#top .package__pic-02{width:670px;transition:.5s}#top .package__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .detail{padding:160px 0;background:#fffbd6}#top .detail__viewphoto{margin-bottom:18px;width:700px;height:700px}#top .detail__viewbox{width:700px;display:flex;justify-content:space-between}#top .detail__container{margin:0 auto;width:1280px;display:flex;justify-content:space-between;transition:.5s}#top .detail__sub{margin-bottom:30px;font-size:24px;font-weight:500}#top .detail__box{display:flex;align-items:center}#top .detail__logo{margin-right:20px;margin-bottom:20px;width:250px;height:44px}#top .detail__logoimg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .detail__inner-capacity{line-height:1.5;font-size:18px}#top .detail__expiration-date-for-use{font-size:15px}#top .detail__price{margin-bottom:15px;font-size:35px;font-weight:700}#top .detail__span1{font-size:22px;font-weight:700}#top .detail__span2{font-size:18px;font-weight:700}#top .detail__btn{margin-bottom:65px;width:168px}#top .detail__link{display:block;padding:10px 0;border:3px solid #6cb701;color:#6cb701;font-size:18px;font-weight:700;text-align:center;text-decoration:none;transition:.4s}#top .detail__link:hover{color:#fffbd6;background:#6cb701}#top .detail__viewpic{width:220px;height:220px}#top .detail__viewimg{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#top .detail__box--02{width:445px;transition:.5s}#top .detail__info-ttl{margin-bottom:20px;color:#6cb701}#top .detail__info-dl{border-bottom:2px dotted #aaa}#top .detail__info-dt{position:relative;padding-top:15px;padding-bottom:15px;width:445px;border-top:2px dotted #aaa;font-size:14px;cursor:pointer;display:flex;align-items:center}#top .detail__info-dt::before,#top .detail__info-dt::after{content:"";position:absolute;right:0;width:16px;height:2px;background:#6cb701;transition:.5s}#top .detail__info-dt::before{transform:rotate(90deg)}#top .detail__info-dt::after{transform:rotate(0)}#top .detail__info-dd{display:none;padding-bottom:15px;width:445px;font-size:10px;line-height:2}.resizeHeader{padding:37px 74px}.resizePic{width:246px;height:38.5px}.changeColor{background:#fff;border-bottom:1px solid #000}.rotateTop{transform:rotate(45deg)}.hideMiddle{transform:translateX(100%);opacity:0;pointer-events:none}.rotateBottom{transform:rotate(-45deg)}.translateNav{transform:translateX(0)}.isOpen::before{transform:rotate(45deg)}.isOpen::after{transform:rotete(-45deg)}#top .isOpen::before{transform:rotate(45deg)}#top .isOpen::after{transform:rotate(-45deg)}.fadeinLeft{position:relative;left:-200px;opacity:0}.fadeinRight{position:relative;left:200px;opacity:0}.fadeIn{position:relative;opacity:0}.showElement{opacity:1;left:0}/*# sourceMappingURL=style.css.map */