@media screen and (max-width:768px){body{letter-spacing:.1em}span.sp-db{display:block}span.sp-dib{display:inline-block}span.sp-di{display:inline}div.catch{width:100%;aspect-ratio:auto;background-color:#fff;padding-top:1px}div.catch h1{margin-top:8px;margin-left:8px;position:absolute;background:no-repeat center / contain var(--food_header_logo);z-index:1}div.catch h2{font-size:clamp(1.5rem,5vw,3rem);right:16px;top:16px}div.catch:before{width:clamp(120px,31vw,240px);bottom:clamp(-60px,12vw,-180px);left:8vw;transform:translate(-50%)}div.catch:after{width:clamp(146px,39vw,300px);bottom:0;left:-5vw;transform:rotate(10deg) translateY(50%)}div.catch div.video-container{border-radius:0;width:100%;aspect-ratio:auto}div.catch div.video-container .pc{display:none}div.catch div.video-container img.sp{display:block}p.text-after-catch{font-size:clamp(1rem,3.1vw,1.5rem);padding:60px 16px}p.text-after-catch span.top{transform:translate(10px)}div.title-area{display:flex;flex-direction:column;margin-bottom:40px;letter-spacing:.2em}div.title-area h3{font-size:clamp(1.375rem,3.1vw,1.75rem)}section.our-commitment{background-color:#e6ede9;position:relative}section.our-commitment:before,section.our-commitment:after{content:"";width:82px;height:72px;background:no-repeat center / contain var(--lp__241105_bracket);position:absolute}section.our-commitment:before{top:12px;left:12px;z-index:1}section.our-commitment:after{bottom:12px;right:12px;transform:rotate(180deg)}section.our-commitment div.section-inner{background-color:#fff;border-radius:32px}section.our-commitment div.section-inner:after{content:none}section.our-commitment div.section-inner:before{aspect-ratio:280/90;width:clamp(280px,41vw,560px);background:no-repeat center / contain var(--lp__241105_food_sp);top:-40px;right:88px}section.our-commitment div.title-area{text-align:center}section.our-commitment p.text-top{text-align:center}section.our-commitment div.text-area{max-width:100%;text-align:center}section.what-is-buddyfood{height:auto;overflow:visible}section.what-is-buddyfood div.section-inner{display:block;padding-top:72px;padding-bottom:clamp(100px,23vw,180px)}section.what-is-buddyfood div.title-area{text-align:center}section.what-is-buddyfood div.left-area{max-width:100%;height:auto;margin-right:0;margin-bottom:32px;text-align:center;position:static;padding-bottom:0}section.what-is-buddyfood div.left-area div.sticky{position:static}section.what-is-buddyfood div.left-area div.sticky:before{width:640px;height:640px;top:160px;left:50%;animation:40s linear infinite rotation-sp}@keyframes rotation-sp{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}section.what-is-buddyfood div.left-area p.text-small{text-align:left;letter-spacing:0}section.what-is-buddyfood div.left-area p span.db{display:inline-block}section.what-is-buddyfood ul.feature-list{min-width:100%}section.what-is-buddyfood ul.feature-list li{max-width:100%}section.what-is-buddyfood ul.feature-list li:not(:last-child){margin-bottom:40px}section.what-is-buddyfood ul.feature-list li h4{font-size:1.5rem;margin-bottom:16px}section.what-is-buddyfood ul.feature-list li h4 span.number-one{font-size:1.5rem}section.what-is-buddyfood ul.feature-list li div.text-container{margin:-1rem .5rem 0}section.menu div.menu-bg{border-top-left-radius:32px;border-top-right-radius:32px}section.menu ul li div.menu-title-area h4{font-size:1.25rem}section.menu ul li div.menu-title-area p.en{font-size:1rem}section.menu p.text-top{text-align:center}section.menu div.menu-list-container.swiper{margin-top:64px;overflow:visible}section.menu p.description{font-size:.9375rem}section.menu ul li div.type-area p.top{height:24px}section.menu ul li div.type-area p.effect{margin-top:4px;height:24px}section.menu ul li div.type-area{font-size:.875rem}section.how-to-start div.section-inner{display:block;padding-bottom:104px}section.how-to-start div.title-area{text-align:center;max-width:100%}section.how-to-start ol li{flex-direction:column;margin:auto auto 48px;max-width:560px;background-color:#fff;padding:32px 16px 16px;box-sizing:border-box;border-radius:8px;position:relative;letter-spacing:.1em}section.how-to-start ol li:before{margin-right:0;min-width:64px;height:64px;position:absolute;top:-24px}section.how-to-start ol li p.text-large{text-align:center;margin-top:16px}section.how-to-start div.section-inner:after{width:350px;left:0;right:0;margin:auto;bottom:-104px}section.voice{position:relative}section.voice div.evaluation-wrapper{width:100%;margin:auto;position:relative}section.voice div.evaluation-area{position:static;margin-top:64px}section.voice div.evaluation-area:before{content:"";width:280px;top:-48px;right:0;left:50%;animation:40s linear infinite rotation-sp}section.voice div.evaluation-area p.num{font-size:1.75rem}section.voice div.star-area{margin-bottom:-4px}section.voice div.star-area img{width:40px;transform:translateY(3px)}section.voice div.evaluation-area p.text-caution{font-size:.75rem}section.voice ul.voice-list li.voice-list-item{min-width:320px;margin:0}section.voice ul.voice-list li.voice-list-item:nth-child(n+4){display:block}section.voice div.button-container{display:flex;justify-content:space-between;width:360px;height:fit-content;position:absolute;right:0;left:0;margin:auto;top:220px;z-index:2}section.voice div.button-container button{text-indent:100%;white-space:nowrap;overflow:hidden;border-radius:50%;width:40px;height:40px;border:none;background-color:#fff;color:#fff;position:relative;box-shadow:0 0 4px #cacecc}section.voice div.button-container button:after{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #2a6043;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto}section.voice div.button-container button#prev:after{transform:rotate(180deg)}section.voice div.modal-area div.inner{max-width:560px;max-height:90vh;display:block;position:static;margin-top:24px;overflow-y:auto}section.voice div.modal-area div.left-img-container{height:320px;overflow:hidden;align-items:flex-start}section.voice div.modal-area div.left-img-container img{object-position:top;object-fit:cover}section.voice div.modal-area button.close{position:absolute;right:auto;top:16px;left:16px;color:#fff;background-color:#a0a0a0}section.support{position:relative}section.support div.section-inner{display:block}section.support div.section-inner div.text-area{margin-left:0;padding:0 16px}section.support div.section-inner div.text-area a{font-size:clamp(1rem,5vw,2rem)}section.support div.section-inner div.text-area a.tel{margin-bottom:8px}section.support div.img-container{width:90vw;min-width:300px;margin-top:24px}section.support div.img-area:before{width:360px;width:clamp(240px,78vw,360px);right:8px}section.what-is-buddycare{width:100vw;margin:72px auto;padding:40px 0;border-radius:32px;max-width:100%}section.what-is-buddycare:before{content:none}section.what-is-buddycare .inner{padding:0 16px}section.what-is-buddycare div.title-area{text-align:center}section.what-is-buddycare h3{font-size:1.25rem}section.what-is-buddycare div.title-area p.en{margin-bottom:16px}section.what-is-buddycare h3 span.text-buddycare{margin-top:8px;margin-bottom:-8px;width:180px}section.what-is-buddycare p.top-text{text-align:left}section.what-is-buddycare ul.co-feature-list li{padding:36px 16px;height:auto;display:flex;flex-direction:column;align-items:center;position:relative}section.what-is-buddycare ul.co-feature-list li p{padding-left:0;text-align:center}section.what-is-buddycare ul.co-feature-list li p:before{position:static;display:block;margin-bottom:24px}section.what-is-buddycare ul.co-feature-list li p.num{padding:10px;margin-right:0;position:absolute;left:0;top:0;border-top-left-radius:8px}section.what-is-buddycare ul.co-feature-list li img{margin-left:0;margin-top:12px}div.cta-button{bottom:24px}div.cta-button a{font-size:1.25rem}div.cta-button a:after{border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;right:16px}div.cta-button p{width:64px;height:64px;margin-bottom:-32px;margin-left:-12px;font-size:.75rem;line-height:1.3;letter-spacing:0}div.cta-button p span.text-large{font-size:1rem}div.cta-button p span.text-large span{font-size:1.5rem}}@media screen and (max-width:460px){p.text-after-catch:before{width:clamp(130px,20vw,160px);left:-46px;top:-78px}p.text-after-catch:after{transform:rotate(10deg);width:clamp(144px,24vw,185px);left:-36px;top:-68px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/lp__241105_index768.css.map */