.concept h2{color:#ff5566}.person h2{color:#2081b3;text-align:center}.intro h2{color:#3da154}.blog h2{color:#fff;text-align:center}.top{position:relative;background-image:url("/pop/images/img_top-visual.jpg");background-position:center top;background-size:contain,cover}.top h3,.top p{margin:0;text-align:center;font-size:16px;font-size:1.6rem;line-height:1.5em}@media screen and (min-width: 1025px){.top{position:relative;background-image:none}.top::before,.top::after{content:"";position:absolute;top:0;z-index:-1;height:763px;background-size:contain}.top::before{left:0;width:46.85%;background-image:url("/pop/images/img_top-visual_pc_l.jpg");background-position:left top;padding-top:0}.top::after{right:0;width:53.15%;background-image:url("/pop/images/img_top-visual_pc_r.jpg");background-position:right top}}.top-visual h1{text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0}.top-visual div{width:100%;margin-top:80px;padding:0 20px;text-align:center}@media screen and (min-width: 601px){.top-visual div{max-width:756px;margin:0 auto;margin-top:100px;padding:0 30px}}@media screen and (min-width: 1025px){.top-visual div{width:756px;height:328px;margin-top:10%;padding:0}}.top-txt{margin-top:40px}.top-txt section:last-child{margin-top:15px}@media screen and (min-width: 601px){.top-txt{display:grid;grid-template-columns:51% 1fr;grid-gap:32px}.top-txt section:first-child{text-align:right}.top-txt section:last-child{margin-top:0}.top-txt section h3,.top-txt section p{display:inline-block;font-size:16px;font-size:1.6rem;line-height:1.5em}.top-txt section h3{margin-right:8px}}@media screen and (min-width: 1025px){.top-txt{grid-gap:40px;margin-top:70px}.top-txt section h3,.top-txt section p{font-size:25px;font-size:2.5rem;line-height:1.5em;font-weight:normal}}.concept>p{text-align:left;font-size:20px;font-size:2rem;line-height:1.5em}.concept>p br{display:none}@media screen and (min-width: 1025px){.concept>p{z-index:2;text-align:center;font-size:25px;font-size:2.5rem;line-height:2.0em}.concept>p br{display:initial}}.sns p a{border:1px solid #4b4b4b;border-radius:0;text-align:center;color:#4d4d4d}.sns p a::before{background-image:url("/pop/images/sns-insta.svg");background-color:#db4baf}.sns p a::after{border-left-color:#db4baf}.sns p:last-child a{margin-top:17px}.sns p:last-child a::before{background-image:url("/pop/images/icon_mail.svg");background-color:#3DA154}.sns p:last-child a::after{border-left-color:#3DA154}@media screen and (min-width: 601px){.sns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.sns p{margin:0}.sns p a{margin:0;padding:20px 60px}.sns p a::before{left:10px}.sns p a::after{right:0}.sns p:last-child a{margin-top:0}}@media screen and (min-width: 1025px){.sns{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:center;align-items:center;z-index:2;max-width:557px;margin:0 auto}.sns p{width:100%;margin:0;transition:0.5s}.sns p a{margin:0;padding:20px 100px;border:0px}.sns p a::before,.sns p a::after{transition:0.5s}.sns p a::before{background-color:#4d4d4d;left:30px}.sns p a::after{border-left-color:#4d4d4d;right:40px}.sns p a:hover::before{background-color:#db4baf}.sns p:last-child{grid-column:initial}.sns p:last-child a{margin-top:0}.sns p:last-child a::before{background-color:#4d4d4d}.sns p:last-child a::after{border-left-color:#4d4d4d}.sns p:last-child a:hover::before{background-color:#3DA154}}.person{margin-top:60px;padding-bottom:60px;background-color:#d6e8f1}.person section{position:relative}.person ul li{display:block;position:relative;margin-top:40px;padding-top:219px;padding-bottom:40px;background-color:#fff;border-radius:30px;text-align:center}.person ul li::before{content:"";position:absolute;top:36px;left:50%;width:184px;height:219px;transform:translateX(-50%);background-image:url("/pop/images/person_logo.png");background-position:center top;background-size:contain}.person ul li:last-child::before{background-image:url("/pop/images/person_logo_fri.png")}.person ul li figure{position:relative}.person ul li figure figcaption{position:absolute;top:-55px;left:50%;transform:translateX(-50%);width:100%;font-size:20px;font-size:2rem;font-weight:bold;line-height:1.5em}.person ul li>div{padding:0 10px}.person ul li>div h3{margin-top:33px;font-size:25px;font-size:2.5rem;line-height:1.5em}.person ul li>div p{text-align:center;font-size:16px;font-size:1.6rem}.person ul li>div p::before{content:"好きな朝ごはん";display:block;margin-bottom:5px;font-size:12.8px;font-size:1.28rem;font-weight:bold;color:#2081b3}.person .btn::after{border-left-color:#fff}.person .btn a{background-color:#2081b3;color:#fff}@media screen and (min-width: 601px){.person ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;z-index:2}.person ul li{margin-top:0;padding-bottom:70px}.person .btn{position:absolute;bottom:-30px;left:50%;transform:translateX(-50%)}.person .btn a{width:150px}}@media screen and (min-width: 1025px){.person{padding-bottom:112px;background-color:initial}.person section::before{content:"";position:absolute;top:120px;width:100%;height:100%;background-color:#d6e8f1}.person section>div{max-width:1280px;margin:0 auto}.person ul{gap:43px}.person ul li{padding-bottom:80px}.person ul li>div h3,.person ul li>div p{text-align:left;padding-left:20px}.person ul li>div p{margin-top:20px;font-size:18px;font-size:1.8rem}.person ul li>div p::before{font-size:16px;font-size:1.6rem}.person .btn{transition:0.5s}.person .btn::after{border-left-color:#2081b3;transition:0.5s}.person .btn a{width:217px;background-color:#fff;border:1px solid #2081b3;color:#2081b3}.person .btn:hover::after{border-left-color:#fff}.person .btn:hover a{background-color:#2081b3;color:#fff}}.intro{padding-bottom:60px;background-color:#fff}.intro dl{margin:0;padding:0}.intro dl dt{position:relative;width:100%;padding:25px 55px 10px 20px;background-color:#eee;font-size:16px;font-size:1.6rem;line-height:1.5em;font-weight:bold;color:#4d4d4d}.intro dl dt::after{content:attr(data-day);display:block;font-size:12.8px;font-size:1.28rem;line-height:1.5em;color:#999}.intro dl dd{display:inline-block;width:100%;padding:0}.intro dl dd>a{display:block;position:relative;padding:10px 55px 25px 20px;color:#4d4d4d}.intro dl dd>a::after{content:"";position:absolute;top:15px;right:0;background-position:center;background-size:contain;border:17px solid transparent;border-top-width:10px;border-bottom-width:10px;border-left-color:#3da154}.intro dl dd>a h3{font-size:20px;font-size:2rem;line-height:1.5em}.intro dl dd>a h3 span{display:inline-block}.intro dl dd>a p{margin-top:7px}.intro dl dd ul{margin-top:0;padding:0 0 15px;font-size:12.8px;font-size:1.28rem;list-style:none}.intro dl dd ul li{margin:2px 20px 0}.intro dl dd ul li a{display:block;position:relative;padding:2px 0 2px 20px;text-decoration:underline;color:#3da154}.intro dl dd ul li a::before{content:"";display:block;position:absolute;top:14px;left:0;width:10px;height:10px;background-color:#9acea6}.intro dl dd>div{padding:10px 55px 25px 20px}.intro dl dd>div h3{font-size:20px;font-size:2rem;line-height:1.5em}.intro dl dd>div h3 span{display:inline-block}.intro dl dd>div p{margin-top:7px}@media screen and (min-width: 1025px){.intro{padding-bottom:112px}.intro>div:last-child{z-index:2}.intro dl{display:grid;grid-template-columns:20% 1fr;max-width:1000px;margin:0 auto}.intro dl dt{padding:45px 0px 47px 40px;background-color:rgba(255,255,255,0.7);backdrop-filter:blur(6px);border-bottom:1px solid #4d4d4d;font-size:20px;font-size:2rem}.intro dl dt::after{font-size:14px;font-size:1.4rem;line-height:1.5em}.intro dl dd{display:block;padding-left:4.8%}.intro dl dd>a{padding:40px 0}.intro dl dd>a::after{top:50%;right:30px;transform:translateY(-50%);transition:0.5s}.intro dl dd>a h3{font-size:25px;font-size:2.5rem;transition:0.5s}.intro dl dd>a:hover::after{right:0}.intro dl dd>a:hover h3{color:#3da154}.intro dl dd ul li{margin:0}.intro dl dd ul li a{font-size:16px;font-size:1.6rem}.intro dl dd ul li a::before{top:10px;width:14px;height:14px}.intro dl dd ul li a:hover{color:red}.intro dl dd>div{padding:40px 0}.intro dl dd>div h3{font-size:25px;font-size:2.5rem}}.blog{background-image:url("/pop/images/img_blog-bg.jpg");background-position:right center;background-size:cover}.blog h2::after{color:#fff}.blog ul li{background-color:#fff}.blog ul li:not(first-child){margin-top:40px}.blog ul li:nth-child(n+3){display:none}.blog ul li a{display:block}.blog ul li figure img{display:block}.blog ul li figure figcaption{font-size:0px;font-size:0rem;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0}.blog ul li div{display:grid;grid-gap:2px;padding:20px;background-color:#ffe7d7;color:#4d4d4d}.blog ul li div h3{grid-row:2 / 3;font-size:16px;font-size:1.6rem;line-height:1.5em}.blog ul li div time{grid-row:1 / 2;font-size:12.8px;font-size:1.28rem;line-height:1.5em}.blog ul li div strong{grid-row:3 / 4;font-size:12.8px;font-size:1.28rem;line-height:1.5em;font-weight:normal;color:#999}.blog .btn::after{border-left-color:#ff7847}.blog .btn a{background-color:#fff;color:#ff7847}.blog small{display:block;padding-bottom:25px;text-align:center;font-size:20px;font-size:2rem;line-height:1.0em;font-weight:bold;color:#fff}@media screen and (min-width: 601px){.blog ul{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:none;gap:20px}.blog ul li{border:2px solid #fff;transition:0.5s}.blog ul li:not(first-child){margin-top:0}.blog ul li:nth-child(n+3){display:initial}.blog ul li:nth-child(n+4){display:none}.blog ul li div{padding:15px 20px}.blog .btn{max-width:394px}}@media screen and (min-width: 601px) and (max-width: 799px){.blog ul{grid-template-columns:repeat(2, 1fr);gap:30px}.blog ul li:nth-child(n+3){display:none}}@media screen and (min-width: 1025px){.blog{background-position:center top;background-size:cover}.blog section{max-width:1280px;margin-right:auto;margin-left:auto}.blog ul{grid-template-columns:repeat(4, 1fr)}.blog ul li:nth-child(n+4){display:initial}.blog ul li:hover{border:2px solid #4d4d4d}.blog .btn{transition:0.5s}.blog .btn::after{transition:0.5s}.blog .btn a{border:2px solid #fff}.blog .btn:hover a{border:2px solid #4d4d4d}}@media screen and (min-width: 1025px){#wrapper{overflow:hidden}.concept,.person,.intro{position:relative}.concept::before,.concept::after,.person::before,.person::after,.intro::before,.intro::after{content:"";position:absolute;z-index:1;background-position:center center;background-size:contain}.concept::before{top:0;right:80%;width:672px;height:672px;background-image:url("/pop/images/concept_coffe.png")}.concept::after{top:50%;left:75%;width:775px;height:775px;background-image:url("/pop/images/concept_plate.png")}.person::before{right:85%;bottom:-10%;width:530px;height:530px;background-image:url("/pop/images/person_berry.png")}.person::after{left:75%;bottom:-23%;width:888px;height:630px;background-image:url("/pop/images/person_chopstick.png")}.intro::before{right:85%;bottom:112px;width:265px;height:439px;background-image:url("/pop/images/intro_vege.png")}}