@import'https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap';@import'https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,200,300,400,500,600,700&display=swap';@import'https://fonts.googleapis.com/css?family=Noto+Serif+JP:100,200,300,400,500,600,700&display=swap';html,body{overflow-x:hidden;transition:none !important}body{position:relative;width:100%;margin:0 auto;font-family:"Noto Sans JP","游ゴシック体","ヒラギノ角ゴシック","YuGothic","Hiragino Sans",sans-serif;color:#4c4948}section,div,table,th,tr,td,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,p,picture,video,img,span{padding:0;margin:0}li{list-style:none}label[for]{cursor:unset}select,.anchor,.btn,.trg{cursor:pointer}@media(width >= 769px){.campain-lp .sp{display:none !important}}@media(width <= 768px){.campain-lp .pc{display:none !important}}.campain-lp img{display:block;vertical-align:bottom}main{width:100%;max-width:750px;margin:0 auto;margin-top:min(108px,14.4vw);overflow:hidden;line-height:1.5}.header{position:fixed;top:0;left:50%;z-index:99999;width:100%;max-width:750px;max-height:none;margin:0 auto;transform:translate(-50%, 0)}.header *{box-sizing:border-box}.header .inner{width:100%;line-height:1}.header .inner ul{display:flex;align-items:center;justify-content:center;width:100%;max-width:750px;margin:0 auto;background:#e7f6ff}.fade-in,.fade-up,.fade-left,.fade-right,.zoom-in,.bound-in{opacity:0}.fade-in.scrollin,.fade-up.scrollin,.fade-left.scrollin,.fade-right.scrollin,.zoom-in.scrollin,.scrollin .fade-in,.scrollin .fade-up,.scrollin .fade-left,.scrollin .fade-right,.scrollin .zoom-in,.scrollin .bound-in{opacity:1;-webkit-animation-duration:.8s;animation-duration:.8s}.fade-in.scrollin,.scrollin .fade-in{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1.2s;animation-duration:1.2s}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.fade-up.scrollin,.scrollin .fade-up{-webkit-animation-name:fade-up;animation-name:fade-up}@-webkit-keyframes fade-up{from{opacity:0;transform:translateY(3em)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{from{opacity:0;transform:translateY(3em)}to{opacity:1;transform:translateY(0)}}.fade-left.scrollin,.scrollin .fade-left{-webkit-animation-name:fade-left;animation-name:fade-left}@-webkit-keyframes fade-left{from{opacity:0;transform:translateX(-20%)}to{opacity:1;transform:translateX(0)}}@keyframes fade-left{from{opacity:0;transform:translateX(-20%)}to{opacity:1;transform:translateX(0)}}.fade-right.scrollin,.scrollin .fade-right{-webkit-animation-name:fade-right;animation-name:fade-right}@-webkit-keyframes fade-right{from{opacity:0;transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}@keyframes fade-right{from{opacity:0;transform:translateX(20%)}to{opacity:1;transform:translateX(0)}}.zoom-in.scrollin,.scrollin .zoom-in{-webkit-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-in{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes zoom-in{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.bound-in.scrollin,.scrollin .bound-in{-webkit-animation-name:bound-in;animation-name:bound-in;-webkit-animation-duration:1.8s;animation-duration:1.8s}@-webkit-keyframes bound-in{0%,40%,60%,80%{transform:scale(1)}50%,70%{transform:scale(0.95)}0%{opacity:0}100%{opacity:1}}@keyframes bound-in{0%,40%,60%,80%{transform:scale(1)}50%,70%{transform:scale(0.95)}0%{opacity:0}100%{opacity:1}}.sec1-1{position:relative;width:100%;background-color:#d7d6d4}.sec1-1 video{display:block;width:min(750px,100vw);margin:auto;line-height:1}.sec1-1 .sec1-1-2,.sec1-1 .sec1-1-3{position:absolute;left:0}.sec1-1 .sec1-1-2{top:min(82px,10.9333vw)}.sec1-1 .sec1-1-3{top:min(470px,62.666vw);transition-delay:1.5s;-webkit-animation-delay:1.5s;animation-delay:1.5s}.sec1-2{position:relative}.sec1-2 .sec1-2-2{position:absolute;top:min(50px,6.666vw);left:0}.sec2-1{position:relative}.sec2-1 .sec2-1-2{position:absolute;top:min(254px,33.8666vw);left:0}.sec2-2{position:relative;padding-bottom:min(4px,.5333vw);background-color:#65191b}.sec2-2 .sec2-2-1{padding-block:min(50px,6.666vw) min(90px,12vw)}.sec2-2 .sec2-2-2,.sec2-2 .sec2-2-3{margin-bottom:min(32px,4.2666vw)}.sec2-2 .more-btn{width:min(632px,84.2666vw);margin-inline:auto;margin-bottom:min(90px,12vw)}.sec2-3{position:relative}.sec2-3 .sec2-3-2{position:absolute;top:0;left:0}.sec3-1{position:relative}.sec3-1 .sec3-1-2{position:absolute;top:min(282px,37.6vw);left:0}.sec3 .set-item-wrap{position:relative}.sec3 .set-item-wrap .set-item{position:absolute;top:0;left:0}.sec3 .set-item-wrap .set-item a{position:absolute;display:block}.sec3 .set-item-wrap .set-item a.btn-1,.sec3 .set-item-wrap .set-item a.btn-2,.sec3 .set-item-wrap .set-item a.btn-3{left:min(86px,11.466vw);width:min(591px,78.8vw)}.sec3 .set-item-wrap .set-item a.detail-btn{right:0;bottom:min(100px,13.333vw);left:0;width:min(455px,60.666vw);margin-inline:auto}.sec3 .set-item-wrap .set-item.three-btn .btn-1{bottom:min(480px,64vw)}.sec3 .set-item-wrap .set-item.three-btn .btn-2{bottom:min(320px,42.666vw)}.sec3 .set-item-wrap .set-item.three-btn .btn-3{bottom:min(154px,20.5333vw)}.sec3 .set-item-wrap .set-item.one-btn .btn-1{bottom:min(154px,20.5333vw)}.sec4-1{position:relative}.sec4-1 .sec4-1-2{position:absolute;top:min(146px,19.466vw);left:0}.sec4-1 .anchor-wrap{position:absolute;top:min(390px,52vw);width:100%}.sec4-1 .anchor-wrap a{display:block;width:min(256px,34.133vw)}.sec4-1 .anchor-wrap a.sec4-1-3{position:absolute;top:0;left:min(24px,3.2vw)}.sec4-1 .anchor-wrap a.sec4-1-4{position:relative;z-index:1;margin-left:min(257px,34.2666vw)}.sec4-1 .anchor-wrap a.sec4-1-5{position:absolute;top:0;left:min(490px,65.333vw);z-index:2}.sec4-2,.sec4-3,.sec4-4{position:relative}.sec4-2 .product-detail,.sec4-3 .product-detail,.sec4-4 .product-detail{position:absolute;top:0;left:0}.sec4-2 .product-detail .product-title,.sec4-3 .product-detail .product-title,.sec4-4 .product-detail .product-title{margin-bottom:min(45px,6vw)}.sec4-2 .item-wrap,.sec4-3 .item-wrap,.sec4-4 .item-wrap{position:relative}.sec4-2 .item-wrap .detail-btn,.sec4-3 .item-wrap .detail-btn,.sec4-4 .item-wrap .detail-btn{position:absolute;right:0;bottom:min(30px,4vw);left:0;width:min(644px,85.8666vw);margin-inline:auto}.sec4-2 .item-wrap.item-milk .detail-btn,.sec4-3 .item-wrap.item-milk .detail-btn,.sec4-4 .item-wrap.item-milk .detail-btn{bottom:min(122px,16.2666vw)}.sec5-1{position:relative}.sec5-1 .sec5-1-2{position:absolute;top:min(270px,36vw);left:0}.popup-contents{position:fixed;top:50%;right:0;left:0;z-index:999999;display:none;width:min(725px,96.666vw);max-height:96svh;margin-inline:auto;overflow-y:scroll;background-color:#fff;border-radius:min(16px,2.1333vw);box-shadow:0 5px 15px 0 rgba(0,0,0,.25);transform:translateY(-50%)}.popup-contents.open{display:block}.popup-contents .wrap{position:relative}.popup-contents .popup-close{position:absolute;right:0;left:0;margin-inline:auto;cursor:pointer}.popup-contents .popup-1 .popup-close{bottom:min(50px,6.666vw);width:min(582px,77.6vw)}.popup-contents .popup-2 .popup-close{bottom:min(50px,6.666vw);width:min(682px,90.9333vw)}.popup-contents .popup-3 .popup-close{bottom:min(100px,13.333vw);width:min(545px,72.666vw)}.info-wrap{width:100%;max-width:750px;padding:4% 0;margin:0 auto;line-height:1.5;background-color:#fff}.info-wrap .top_btn_area{position:fixed;right:0;bottom:0;left:0;z-index:15;width:750px;margin:auto}@media(width <= 750px){.info-wrap .top_btn_area{width:100%}}.info-wrap .top_btn_area .top_btn{position:absolute;right:0;bottom:0;left:auto;display:block;width:100px;height:115px;margin:0 30px 40px 0;cursor:pointer}@media(width <= 750px){.info-wrap .top_btn_area .top_btn{width:15vw;height:auto;margin:0 5.33vw 8vw 0}}@media(width <= 750px){.info-wrap .top_btn_area .top_btn::after{z-index:2;display:block;width:3.47vw;height:3.47vw;margin:3.73vw auto auto;border-top:solid .53vw #fff;border-left:solid .53vw #fff}}.info-wrap .detail-area{width:86.67%;padding:40px 0 0;margin:0 auto}@media(width <= 750px){.info-wrap .detail-area{padding:5vw 0 10vw}}.info-wrap .detail-area .detail-wrap{width:100%;max-width:750px;margin:0 auto}@media(width <= 750px){.info-wrap .detail-area .detail-wrap{width:100%}}.info-wrap .detail-area .detail_ttl{padding:.5em;margin:0 0 30px;font-size:32px;font-weight:500;color:#275342;text-align:center;letter-spacing:.05em;background:#edeff2}@media(width <= 750px){.info-wrap .detail-area .detail_ttl{margin:0 0 4vw;font-size:5vw}}.info-wrap .detail-area .item-detail{padding:0;margin:0 0 50px}@media(width <= 750px){.info-wrap .detail-area .item-detail{margin:0 0 8vw}}.info-wrap .detail-area .item-name{margin-bottom:20px;font-size:32px;color:#000;text-align:center}@media(width <= 750px){.info-wrap .detail-area .item-name{margin-bottom:2vw;font-size:3.73vw}}.info-wrap .detail-area .item-text{display:none;padding-bottom:1px}@media(width <= 750px){.info-wrap .detail-area .item-text{display:none}}.info-wrap .detail-area .item-text dl{display:flex;flex-wrap:wrap;padding:40px 0;margin:0 auto;color:#000;border-bottom:solid 1px}@media(width <= 750px){.info-wrap .detail-area .item-text dl{padding:4vw 0}}.info-wrap .detail-area .item-text dt{width:100%;font-size:28px;line-height:2}@media(width <= 750px){.info-wrap .detail-area .item-text dt{margin-bottom:.2em;font-size:4vw}}.info-wrap .detail-area .item-text dd{width:100%;font-size:24px;text-align:left}@media(width <= 750px){.info-wrap .detail-area .item-text dd{font-size:3.47vw}}.info-wrap .detail-area .item-text dd.sp-center{text-align:center}.info-wrap .detail-area .item-text dd span{display:block;margin-top:.5em;font-size:.8em}.info-wrap .detail-area .detail-btn{position:relative;padding:25px 0;margin:0;font-size:30px;line-height:1;color:#fff;text-align:center;letter-spacing:.05em;cursor:pointer;background:#6f6f6f;transition:.4s}@media(width <= 750px){.info-wrap .detail-area .detail-btn{position:relative;padding:.75em 0;font-size:4.2vw;color:#fff;text-align:center;letter-spacing:.05em;cursor:pointer;transition:.4s}}.info-wrap .detail-area .detail-btn::before,.info-wrap .detail-area .detail-btn::after{position:absolute;top:50%;right:5%;display:block;width:3%;height:3%;content:"";background:#fff}@media(width <= 750px){.info-wrap .detail-area .detail-btn::before,.info-wrap .detail-area .detail-btn::after{right:3vw}}.info-wrap .detail-area .detail-btn::before{transform:translate(-50%, -50%)}.info-wrap .detail-area .detail-btn::after{transition:.4s;transform:translate(-50%, -50%) rotate(90deg)}.info-wrap .detail-area .detail-close-btn{position:relative;width:61.539%;padding:25px 0;margin:2em auto;font-size:30px;line-height:1;color:#6f6f6f;text-align:center;cursor:pointer;border:solid 2px #6f6f6f}@media(width <= 750px){.info-wrap .detail-area .detail-close-btn{width:45%;padding:.5em 16% .5em 10.6%;margin:5vw auto;font-size:4.2vw;text-align:center;cursor:pointer}}.info-wrap .detail-area .detail-close-btn::after{position:absolute;top:50%;right:10%;display:block;width:7%;height:5%;content:"";background:#6f6f6f}@media(width <= 750px){.info-wrap .detail-area .detail-close-btn::after{right:26%}}.info-wrap .item-text{text-align:center}.info-wrap .link-product h2{position:relative;padding-bottom:30px;margin:0 auto 50px;font-size:50px;color:#000;text-align:center}@media(width <= 750px){.info-wrap .link-product h2{margin:0 auto 6.667vw;font-size:6.67vw}}.info-wrap .link-product h2::after{position:absolute;bottom:0;left:50%;width:60px;height:7px;content:"";background-color:#000;transform:translateX(-50%)}@media(width <= 750px){.info-wrap .attention{font-size:3.47vw}}.footer{max-width:750px;margin:0 auto;background-color:#f0f0f0}@media(width <= 750px){.footer{max-width:100vw}}.footer .block-link{padding:60px 0 80px}@media(width <= 750px){.footer .block-link{padding:8vw 0 10.667vw}}.footer .block-link .block_l,.footer .block-link .block-r{width:100%}@media(width <= 750px){.footer .block-link .block_l,.footer .block-link .block-r{margin-bottom:4vw}}.footer .block-link .block_l .box-heading,.footer .block-link .block-r .box-heading{margin-bottom:30px}.footer .block-link .block_l .box-heading h4,.footer .block-link .block-r .box-heading h4{font-size:36px;color:#4e3227;text-align:center}@media(width <= 750px){.footer .block-link .block_l .box-heading h4,.footer .block-link .block-r .box-heading h4{font-size:4.8vw}}.footer .block-link .block_l{width:100%;margin-bottom:80px}@media(width <= 750px){.footer .block-link .block_l{margin-bottom:10.667vw}}.footer .block-link .block_l .box-01{text-align:center}.footer .block-link .block_l .box-01 .txt_tel{margin:30px 0;font-size:52px;font-weight:600;line-height:1}@media(width <= 750px){.footer .block-link .block_l .box-01 .txt_tel{margin:4vw 0;font-size:6.933vw}}.footer .block-link .block_l .box-01 .txt_detail{margin:0 0 50px;font-size:28px;line-height:1.6}@media(width <= 750px){.footer .block-link .block_l .box-01 .txt_detail{margin:0 0 6.667vw;font-size:3.733vw}}.footer .block-link .block-r{width:100%}.footer .block-link .block-r .box+.box{margin-top:40px}@media(width <= 750px){.footer .block-link .block-r .box+.box{margin-top:5.333vw}}.footer .block-link .block-r .box .list{display:flex;flex-wrap:wrap}.footer .block-link .block-r .box .list li{width:49%;margin:0 2% 0 0;border-bottom:2px dotted #a6a6a6}@media(width <= 750px){.footer .block-link .block-r .box .list li{border-bottom:.267vw dotted #a6a6a6}}.footer .block-link .block-r .box .list li:nth-child(-n+2){border-top:2px dotted #a6a6a6}@media(width <= 750px){.footer .block-link .block-r .box .list li:nth-child(-n+2){border-top:.267vw dotted #a6a6a6}}.footer .block-link .block-r .box .list li:nth-child(2n){margin-right:0}.footer .block-link .block-r .box .list li a{display:flex;align-items:center;height:100%;padding:25px 4%;font-size:30px}@media(width <= 750px){.footer .block-link .block-r .box .list li a{padding:3.334vw 4%;font-size:4vw}}.footer .block-inner{width:100%;padding-right:4%;padding-left:4%}.footer .block-copyright{width:100%;padding:0;margin:0;border-top:1px solid #a6a6a6}@media(width <= 750px){.footer .block-copyright{border-top:.133vw solid #a6a6a6}}.footer .block-copyright .txt-copyright{padding:50px 0;font-size:22px;line-height:1;text-align:center}@media(width <= 750px){.footer .block-copyright .txt-copyright{padding:6.667vw 0;font-size:2.933vw}}.end-header{display:flex;justify-content:space-between;width:100%}.end-header a{display:block}.end-header a img{height:min(108px,14.4vw)}.end-contents{padding:min(120px,16vw) min(20px,2.666vw)}.end-contents h1{margin-bottom:min(40px,5.3333vw);font-size:min(36px,4.8vw);color:#4e3227;text-align:center}.end-contents h1 span{display:inline-block}.end-contents p{margin-bottom:min(40px,5.3333vw);font-size:min(26px,3.4666vw);line-height:1.7;color:#4e3227}.end-contents a{position:relative;display:block;width:80%;max-width:500px;padding:min(20px,2.666vw);margin:min(60px,8vw) auto 0;font-size:min(26px,3.4666vw);color:#fff;text-align:center;background-color:#63564a;border-radius:min(8px,1.0666vw)}.end-contents a::after{position:absolute;top:50%;right:min(20px,2.666vw);display:block;width:min(16px,2.1333vw);height:min(16px,2.1333vw);content:"";border:0;border-top:2px solid #fff;border-right:2px solid #fff;transform:translateY(-50%) rotate(45deg)}
