@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap";:root{--main-bg-color: #effde9;--active-link-color: #04a980;--cta-bg-color: #068f56;--sec-bg-color: #a1dec6;--form-btn-color: #216703;--white: #fcfcfc}*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{font-family:"Rubik","Noto Sans JP",sans-serif;line-height:1;font-weight:400;color:#555;overflow-x:hidden}.container{max-width:120rem;padding:0 3.2rem;margin:0 auto}.grid{display:grid;column-gap:6.4rem;row-gap:9.6rem}.grid:not(:last-child){margin-bottom:9.6rem}.grid--2-cols{grid-template-columns:repeat(2, 1fr)}.grid--3-cols{grid-template-columns:repeat(3, 1fr)}.grid--4-cols{grid-template-columns:repeat(4, 1fr)}.grid--center-v{align-items:center}.heading-primary,.heading-secondary,.heading-tertiary{font-weight:bold;color:#333;letter-spacing:-0.5px}.heading-primary{font-size:5.2rem;line-height:1.05;margin-bottom:3.2rem}.heading-secondary{font-size:4.4rem;line-height:1.2;margin-bottom:9.6rem}.heading-tertiary{font-size:3rem;line-height:1.2;margin-bottom:3.2rem}.subheading{display:block;font-size:1.6rem;font-weight:500;color:var(--cta-bg-color);text-transform:uppercase;margin-bottom:1.6rem;letter-spacing:.75px}.btn,.btn:link,.btn:visited{display:inline-block;text-decoration:none;font-size:2rem;font-weight:normal;padding:1.6rem 3.2rem;border-radius:4px;border:none;cursor:pointer;font-family:inherit;transition:all .3s}.btn--full:link,.btn--full:visited{background-color:var(--cta-bg-color);color:#fff}.btn--full:hover,.btn--full:active{background-color:var(--cta-bg-color)}.btn--outline:link,.btn--outline:visited{background-color:#fff;color:#555}.btn--outline:hover,.btn--outline:active{filter:brightness(1.1);box-shadow:inset 0 0 0 3px #fff}.btn--form{background-color:#45260a;color:#fdf2e9;align-self:end;padding:1.2rem}.btn--form:hover{background-color:#fff;color:#555}.link:link,.link:visited{display:inline-block;color:var(--cta-bg-color);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;transition:all .3s}.link:hover,.link:active{color:var(--cta-bg-color);border-bottom:1px solid rgba(0,0,0,0)}.list{list-style:none;display:flex;flex-direction:column;gap:1.6rem}.list-item{font-size:1.8rem;display:flex;align-items:center;gap:1.6rem;line-height:1.2}.list-icon{width:3rem;height:3rem;color:var(--cta-bg-color)}*:focus{outline:none}.margin-right-sm{margin-right:1.6rem !important}.margin-bottom-md{margin-bottom:4.8rem !important}.center-text{text-align:center}strong{font-weight:500}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--main-bg-color);height:9.6rem;padding:0 4.8rem;position:relative}.logo{height:2.2rem}.main-nav-list{list-style:none;display:flex;align-items:center;gap:4.8rem}.main-nav-link:link,.main-nav-link:visited{display:inline-block;text-decoration:none;color:#333;font-weight:500;font-size:1.8rem;transition:all .3s}.main-nav-link:hover,.main-nav-link:active{color:var(--active-link-color)}.main-nav-link.nav-cta:link,.main-nav-link.nav-cta:visited{padding:1.2rem 2.4rem;border-radius:4px;color:#fff;background-color:var(--cta-bg-color)}.main-nav-link.nav-cta:hover,.main-nav-link.nav-cta:active{background-color:var(--active-link-color)}.btn-mobile-nav{border:none;background:none;cursor:pointer;display:none}.icon-mobile-nav{height:4.8rem;width:4.8rem;color:#333}.icon-mobile-nav[name=close-outline]{display:none}.sticky .header{position:fixed;top:0;bottom:0;width:100%;height:8rem;padding-top:0;padding-bottom:0;background-color:rgba(255,255,255,.97);z-index:999;box-shadow:0 1.2rem 3.2rem rgba(0,0,0,.03)}.sticky .section-hero{margin-top:9.6rem}.section-hero{background-color:var(--main-bg-color);padding:4.8rem 0 9.6rem 0}.hero{max-width:130rem;margin:0 auto;padding:0 3.2rem;display:grid;grid-template-columns:1fr 1fr;gap:9.6rem;align-items:center}.hero-description{font-size:2rem;line-height:1.6;margin-bottom:4.8rem}.hero-img{width:100%}.splide{width:100vw;height:40vh;overflow-y:hidden;display:flex;align-items:center}.splide img{width:100%;object-fit:cover;object-position:center center}.delivered-meals{display:flex;align-items:center;gap:1.6rem;margin-top:8rem}.delivered-imgs{display:flex}.delivered-imgs img{height:4.8rem;width:4.8rem;border-radius:50%;margin-right:-1.6rem;border:3px solid var(--main-bg-color)}.delivered-imgs img:last-child{margin:0}.delivered-text{font-size:1.8rem;font-weight:600}.delivered-text span{color:var(--active-link-color);font-weight:700}.section-featured{padding:4.8rem 0 3.2rem 0}.heading-featured-in{font-size:1.4rem;text-transform:uppercase;letter-spacing:.75px;font-weight:500;text-align:center;margin-bottom:2.4rem;color:#888}.logos{display:flex;justify-content:space-around}.logos img{height:3.2rem;filter:brightness(0);opacity:50%}.section-how{padding:9.6rem 0}.step-number{font-size:8.6rem;font-weight:600;color:#ddd;margin-bottom:1.2rem}.step-description{font-size:1.8rem;line-height:1.8}.step-img-box{position:relative;display:flex;align-items:center;justify-content:center}.step-img-box::before,.step-img-box::after{content:"";display:block;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.step-img-box::before{width:60%;padding-bottom:60%;background-color:var(--main-bg-color);z-index:-2}.step-img-box::after{width:45%;padding-bottom:45%;background-color:var(--sec-bg-color);z-index:-1}.step-img{width:35%}.section-meals{padding:9.6rem 0}.meal{box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.075);border-radius:11px;overflow:hidden;transition:all .4s}.meal:hover{transform:translateY(-1.2rem);box-shadow:0 3.2rem 6.4rem rgba(0,0,0,.06)}.meal-content{padding:3.2rem 4.8rem 4.8rem 4.8rem}.meal-tags{margin-bottom:1.2rem;display:flex;gap:.4rem}.tag{display:inline-block;padding:.4rem .8rem;font-size:1.2rem;text-transform:uppercase;color:#333;border-radius:100px;font-weight:600}.tag--vegetarian{background-color:#51cf66}.tag--vegan{background-color:#94d82d}.tag--paleo{background-color:#ffd43b}.meal-title{font-size:2.4rem;color:#333;font-weight:600;margin-bottom:3.2rem}.meal-attributes{list-style:none;display:flex;flex-direction:column;gap:2rem}.meal-attribute{font-size:1.8rem;display:flex;align-items:center;gap:1.6rem}.meal-icon{height:2.4rem;width:2.4rem;color:var(--cta-bg-color)}.meal-img{width:100%}.all-recipes{text-align:center;font-size:1.8rem}.section-testimonials{background-color:var(--main-bg-color);display:grid;grid-template-columns:55fr 45fr;align-items:center}.testimonials-container{padding:9.6rem}.testimonials{display:grid;grid-template-columns:1fr 1fr;row-gap:4.8rem;column-gap:8rem}.testimonial-img{width:6.4rem;border-radius:50%;margin-bottom:1.2rem}.testimonial-text{font-size:1.8rem;line-height:1.8;margin-bottom:1.6rem}.testimonial-name{font-size:1.6rem;color:#6f6f6f}.gallery{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.6rem;padding:1.6rem}.gallery-item{overflow:hidden}.gallery-item img{display:block;width:100%;transition:all .4s}.gallery-item img:hover{transform:scale(1.1)}.toggle-prices{margin-top:2rem}.toggle-wrapper{position:relative;display:grid;grid-template-columns:repeat(2, 1fr);width:fit-content;background:#d8f5cc;border-radius:50px;margin:2rem auto;box-shadow:0px 0px 30px rgba(0,0,0,.1);border:1px solid #c4e8b4;overflow:hidden;padding:1rem 1rem}.toggle-wrapper:before{content:"";position:absolute;background:rgba(42,137,0,.54);top:10%;left:4%;right:0%;bottom:0%;width:50%;height:auto;aspect-ratio:2/1;border-radius:50px;transition:all 150ms ease-in}.toggle-wrapper p{z-index:1;font-size:1.6rem;text-align:center;padding:1rem 2rem;font-weight:500;line-height:1.5}.toggle-wrapper p:first-child{color:#fff}#toggle{display:none}#toggle:checked+.toggle-wrapper:before{transform:translateX(82%)}#toggle:checked+.toggle-wrapper p:first-child{color:#000}#toggle:checked+.toggle-wrapper p:last-child{color:#fff}.toggle-wrapper:hover{cursor:pointer}.section-pricing{padding:9.6rem 0}.pricing-plan{display:flex;justify-content:space-around;align-items:center;border-radius:11px;width:100%}.pricing-plan--normal{display:flex;flex-direction:column;border:2px solid var(--main-bg-color);padding:4.6rem}.pricing-plan--complete{background-color:var(--main-bg-color);display:flex;flex-direction:column;padding:4.8rem;position:relative;overflow:hidden;justify-self:center}.pricing-plan--complete::after{content:"一番人気";position:absolute;top:4%;right:-18%;text-transform:uppercase;font-size:1.4rem;font-weight:700;color:#333;background-color:#ffd43b;padding:.8rem 8rem;transform:rotate(45deg)}.plan-header{text-align:center;margin-bottom:4.8rem}.plan-name{color:var(--cta-bg-color);font-weight:600;font-size:2rem;text-transform:uppercase;letter-spacing:.75;margin-bottom:3.2rem}.plan-price{font-size:6.2rem;font-weight:600;color:#333;margin-bottom:1.6rem}.plan-price span{font-size:3rem;font-weight:500;margin-right:.8rem}.plan-text{font-size:1.6rem;line-height:1.6;color:#6f6f6f}.plan-sing-up{text-align:center;margin-top:4.8rem}.plan-details{font-size:1.6rem;line-height:1.6;text-align:center}.feature-icon{color:var(--cta-bg-color);height:3.2rem;width:3.2rem;background-color:var(--main-bg-color);margin-bottom:3.2rem;padding:1.6rem;border-radius:50%}.feature-title{font-size:2.4rem;color:#333;font-weight:700;margin-bottom:1.6rem}.feature-text{font-size:1.8rem;line-height:1.8}.section-cta{padding:4.8rem 0 12.8rem}.cta{display:grid;grid-template-columns:2fr 1fr;box-shadow:0 2.4rem 4.8rem rgba(0,0,0,.15);border-radius:11px;background-image:linear-gradient(to right bottom, var(--active-link-color), var(--cta-bg-color));overflow:hidden}.cta-text-box{padding:4.8rem 6.4rem 6.4rem 6.4rem;color:var(--white)}.cta .heading-secondary{color:inherit;margin-bottom:3.2rem}.cta-text{font-size:1.8rem;line-height:1.8;margin-bottom:4.8rem}.cta-img-box{background-image:linear-gradient(to right bottom, rgba(168, 249, 98, 0.1), rgba(45, 210, 48, 0.1)),url("../img/eating.jpg");background-size:cover;background-position:center}.cta-form{display:grid;grid-template-columns:1fr 1fr;column-gap:3.2rem;row-gap:2.4rem}.cta-form label{display:block;font-size:1.6rem;font-weight:500;margin-bottom:1.2rem}.cta-form input,.cta-form select{width:100%;padding:1.2rem;font-size:1.8rem;font-family:inherit;color:#333;border:none;background-color:var(--white);border-radius:9px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.cta-form input::placeholder{color:#aaa}.cta *:focus{outline:none;box-shadow:0 0 0 .8rem rgba(253,242,233,.5)}.cta form .btn--form{background-color:var(--form-btn-color);color:var(--white)}.cta form .btn--form:hover{background-color:var(--main-bg-color);color:var(--form-btn-color)}.footer{padding:12.8rem 0;border-top:1px solid #eee}.grid--footer{grid-template-columns:1.5fr 1.5fr 1fr 1fr 1fr}.logo-col{display:flex;flex-direction:column}.footer-logo{display:block;margin-bottom:3.2rem}.social-links{list-style:none;display:flex;gap:2.4rem}.social-icon{height:2.4rem;width:2.4rem}.copyright{font-size:1.4rem;line-height:1.6;color:#767676;margin-top:auto}.footer-heading{font-size:1.8rem;font-weight:500;margin-bottom:4rem}.contacts{font-style:normal;font-size:1.6rem;line-height:1.6}.address{margin-bottom:2.4rem}.footer-nav{list-style:none;display:flex;flex-direction:column;gap:2.4rem}.footer-link:link,.footer-link:visited{text-decoration:none;font-size:1.6rem;color:#767676;transition:all .3s}.footer-link:hover,.footer-link:active{color:#555}@media(max-width: 1344px){.hero{max-width:120rem}.heading-primary{font-size:4rem}.gallery{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 1200px){html{font-size:56.25%}.grid{column-gap:4.8rem;row-gap:6.4rem}.heading-secondary{font-size:3.6rem}.heading-tertiary{font-size:2.4rem}.header{padding:0 3.2rem}.main-nav-list{gap:3.2rem}.hero{gap:4.8rem}.testimonials-container{padding:9.6rem 3.2rem}}@media(max-width: 944px){html{font-size:50%}.hero{grid-template-columns:1fr;padding:0 8rem;gap:6.4rem}.hero-text-box,.hero-img-box{text-align:center}.hero-img{width:60%}.delivered-meals{justify-content:center;margin-top:3.2rem}.logos img{height:2.4rem}.step-number{font-size:7.4rem}.meal-content{padding:2.4rem 3.2rem 3.2rem 3.2rem}.section-testimonials{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(6, 1fr)}.cta{grid-template-columns:3fr 2fr}.cta-form{grid-template-columns:1fr}.btn--form{margin-top:1.2rem}.btn-mobile-nav{display:block;z-index:9999}.main-nav{background-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(10px);position:absolute;top:0;left:0;width:100%;height:100vh;transform:translateX(100%);display:flex;align-items:center;justify-content:center;transition:all 50ms ease-in;opacity:0;pointer-events:none;visibility:hidden}.nav-open .main-nav{opacity:1;pointer-events:auto;visibility:visible;transform:translateX(0)}.nav-open .icon-mobile-nav[name=close-outline]{display:block}.nav-open .icon-mobile-nav[name=menu-outline]{display:none}.main-nav-list{flex-direction:column;gap:4.8rem}.main-nav-link:link,.main-nav-link:visited{font-size:2rem}}@media(max-width: 704px){.grid--3-cols,.grid--4-cols{grid-template-columns:repeat(2, 1fr)}.diets{grid-column:1/-1;justify-self:center}.heading-secondary{margin-bottom:4.8rem}.pricing-plan{width:100%}.grid--footer{grid-template-columns:repeat(6, 1fr)}.logo-col,.address-col{grid-column:span 3}.nav-col{grid-row:1;grid-column:span 2;margin-bottom:3.2rem}}@media(max-width: 544px){.grid{row-gap:4.8rem}.grid--2-cols,.grid--3-cols,.grid--4-cols{grid-template-columns:1fr}.btn,.btn:link,.btn:visited{padding:2.4rem 1.6rem}.section-hero{padding:2.4rem 0 6.4rem 0}.hero{padding:0 3.2rem}.hero-img{width:80%}.logos img{height:1.2rem}.step-img-box:nth-child(2){grid-row:1}.step-img-box:nth-child(6){grid-row:5}.step-img-box{transform:translateY(2.4rem)}.testimonials{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(4, 1fr);gap:1.2rem}.cta{grid-template-columns:1fr}.cta-text-box{padding:3.2rem}.cta-img-box{height:32rem;grid-row:1}}.no-flexbox-gap .main-nav-list li:not(:last-child){margin-right:4.8rem}.no-flexbox-gap .list-item:not(:last-child){margin-bottom:1.6rem}.no-flexbox-gap .list-icon:not(:last-child){margin-right:1.6rem}.no-flexbox-gap .delivered-faces{margin-right:1.6rem}.no-flexbox-gap .meal-attribute:not(:last-child){margin-bottom:2rem}.no-flexbox-gap .meal-icon{margin-right:1.6rem}.no-flexbox-gap .footer-row div:not(:last-child){margin-right:6.4rem}.no-flexbox-gap .social-links li:not(:last-child){margin-right:2.4rem}.no-flexbox-gap .footer-nav li:not(:last-child){margin-bottom:2.4rem}@media(max-width: 75em){.no-flexbox-gap .main-nav-list li:not(:last-child){margin-right:3.2rem}}@media(max-width: 59em){.no-flexbox-gap .main-nav-list li:not(:last-child){margin-right:0;margin-bottom:4.8rem}}