.front-page .bg-img{background-image:url("../images/bg_top.webp");background-position:center;background-repeat:no-repeat;background-size:cover;content:"";height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.front-page .wrap{margin:0 auto;width:100%;max-width:1480px}.front-page .wrap .accent{flex:0 0 34.03%;max-width:34.03%}.front-page .wrap .accent .accent-white{width:64.1%;aspect-ratio:1.6972972973;background-color:#FFF}.front-page .wrap .accent .logo{margin:10% 4.5% 15.9% 10%}.front-page .wrap .accent .sub-vis{max-width:82.3%;margin-left:auto}.front-page .wrap .accent .sub-vis .sub-vis-inner{position:relative;width:100%;height:100%;aspect-ratio:1.5164835165;overflow:hidden}.front-page .wrap .accent .sub-vis .sub-vis-inner img.sub-vis-item{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;transition:opacity 2.5s ease-in-out;z-index:0}.front-page .wrap .accent .sub-vis .sub-vis-inner img.sub-vis-item.active{opacity:1;z-index:1}.front-page .wrap .accent .sub-vis .sub-vis-inner_sp{position:relative;width:100%;aspect-ratio:1.5214723926;overflow:hidden}.front-page .wrap .accent .sub-vis .sub-vis-inner_sp img.sub_sp-vis-item{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;transition:opacity 2.5s ease-in-out;z-index:0}.front-page .wrap .accent .sub-vis .sub-vis-inner_sp img.sub_sp-vis-item.active{opacity:1;z-index:1}.front-page .wrap .main-vis{flex:0 0 59.03%;max-width:59.03%;margin-top:6.94%}.front-page .wrap .main-vis .main-vis-inner{position:relative;width:100%;aspect-ratio:1.5173611111;overflow:hidden}.front-page .wrap .main-vis .main-vis-inner img.main-vis-item{position:absolute;top:0;left:0;width:100%;height:auto;opacity:0;transition:opacity 2s ease-in-out;z-index:0}.front-page .wrap .main-vis .main-vis-inner img.main-vis-item.active{opacity:1;z-index:1}.front-page .wrap .space{flex:0 0 3.47%;max-width:3.47%}.front-page .wrap .welcome-wrap{max-width:75%;margin:0 auto;padding:6.95% 0 6.95%;position:relative}.front-page .wrap .welcome-wrap .welcome{text-align:center;background-color:#FFF;padding:7.4% 20px 3.7%}.front-page .wrap .welcome-wrap .welcome h2{font-size:20px;font-weight:400;margin-bottom:24px}.front-page .wrap .welcome-wrap .welcome img{max-width:27.8%;margin:0 auto;padding-right:4%}.front-page .wrap .welcome-wrap .cat-paw{position:absolute;width:40px;height:33px;opacity:0;pointer-events:none;transition:opacity 0.3s ease-in-out}.front-page .wrap .welcome-wrap .cat-paw.cat-paw1{bottom:70px;right:70px}.front-page .wrap .welcome-wrap .cat-paw.cat-paw2{bottom:120px;right:120px}.front-page .wrap .welcome-wrap .cat-paw.cat-paw3{bottom:170px;right:85px}.front-page .wrap .welcome-wrap .cat-paw.cat-paw4{bottom:220px;right:145px}.front-page .wrap .welcome-wrap .dog-paw{position:absolute;width:51.4px;height:46.2px;opacity:0;pointer-events:none;transition:opacity 0.8s ease-in-out}.front-page .wrap .welcome-wrap .dog-paw.dog-paw1{bottom:180px;right:0px}.front-page .wrap .welcome-wrap .dog-paw.dog-paw2{bottom:270px;right:-40px}.front-page .wrap .welcome-wrap .dog-paw.dog-paw3{bottom:355px;right:40px}.front-page .concept{background-color:#E8E7E2}.front-page .concept .concept-inner{margin:0% auto;width:100%;max-width:1480px;padding:clamp(20px, 9.45%, 132px) 0;background-image:url("../images/top_concept.png");background-repeat:no-repeat;background-position:right -10% bottom;background-size:auto 110%}.front-page .concept .concept-inner .concept-txt{width:50%}.front-page .concept .concept-inner .concept-txt h2,.front-page .concept .concept-inner .concept-txt p{width:75%;margin-left:auto;margin-bottom:30px}.front-page .concept .concept-inner .concept-txt h2 img,.front-page .concept .concept-inner .concept-txt p img{width:142.76px}.front-page .concept .concept-inner .concept-txt .concept-btn-wrap{width:75%;margin-left:auto;margin-top:50px}.front-page .concept .concept-inner .concept-txt .concept-btn-wrap .concept-btn{max-width:280px;color:#FFF;background:linear-gradient(to right, #AF9237 0%, #866538 96%)}.front-page .menu .menu-inner{margin:0% auto;width:100%;max-width:1160px;padding:clamp(20px, 9.45%, 132px) 20px}.front-page .menu .menu-inner h2{width:103.79px;margin:0 auto 30px}.front-page .menu .menu-inner p.text-center{margin-bottom:50px}.front-page .menu .menu-inner .menu-item{align-items:stretch;max-height:193px;height:193px;margin-bottom:21px}.front-page .menu .menu-inner .menu-item .menu-item-txt{width:50%;background-color:#EAEAEA;padding:45px 0 35px 50px}.front-page .menu .menu-inner .menu-item .menu-item-txt .menu-num{top:-10px;left:12px;height:35px;width:auto}.front-page .menu .menu-inner .menu-item .menu-item-txt .menu-num img{height:100%;width:auto}.front-page .menu .menu-inner .menu-item .menu-item-txt h3{font-size:18px}.front-page .menu .menu-inner .menu-item .menu-item-img{width:50%;height:100%;overflow:hidden}.front-page .menu .menu-inner .menu-item .menu-item-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.front-page .menu .menu-inner .menu-btn{margin:50px auto 0;max-width:280px;color:#FFF;background:linear-gradient(to right, #AF9237 0%, #866538 96%)}.front-page .salonlist{margin:0% auto;width:100%;max-width:1480px}.front-page .salonlist .salonlist-inner{padding:clamp(20px, 9.45%, 132px) 20px}.front-page .salonlist .salonlist-inner h2{width:196.73px}.front-page .salonlist .salonlist-inner .salon-cards{max-width:1120px;width:100%;gap:40px;margin-top:50px}.front-page .salonlist .salonlist-inner .salon-wrap{max-width:48%;background-color:#FFF;padding:70px 40px 60px;box-shadow:1px 1px 5px #999999}.front-page .salonlist .salonlist-inner .salon-wrap h3{font-size:18px;padding:40px 0 16px}.front-page .salonlist .salonlist-inner .salon-wrap .line{height:1px;max-width:380px;background-image:linear-gradient(to right, #999999, #999999 6px, transparent 6px);background-size:10px 1px;background-position:left bottom;background-repeat:repeat-x;margin-bottom:16px}.front-page .salonlist .salonlist-inner .salon-wrap .icons{margin-top:20px;gap:10px;justify-content:center}.front-page .salonlist .salonlist-inner .salon-wrap .icons .icon{width:72px}.front-page .salonlist .salonlist-inner .salon-wrap .salon-btn{margin:30px auto 0;max-width:280px;color:#866538;background-color:#FFF;border:solid 1px #866538;padding-left:40px;padding-right:40px;background-repeat:no-repeat;background-position:calc(100% - 20px) center}.front-page .salonlist .salonlist-inner .salon-wrap .salon-btn.koshigaya{background-image:url("../images/koshigaya-btn-icon.png");background-size:32px 29px}.front-page .salonlist .salonlist-inner .salon-wrap .salon-btn.seijo{background-image:url("../images/seijo-btn-icon.png");background-size:25px 21px}.front-page .reserve .reserve-inner{margin:0% auto;width:100%;max-width:1480px;padding:clamp(20px, 9.45%, 132px) 20px}.front-page .reserve .reserve-inner h2{width:135.77px;margin-bottom:30px}.front-page .reserve .reserve-inner .reserve-cards{max-width:1120px;width:100%;gap:40px;margin-top:50px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap{max-width:48%;width:100%;background-color:#FFF;padding:40px;border:solid 0.5px #866538}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap h3 img{height:60px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .line{border-bottom:solid 0.5px #866538;margin:20px auto;max-width:440px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .tel-wrap{gap:11px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .tel-wrap .tel-icon{width:33px;height:33px;margin-top:10px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .tel-wrap .tel{font-size:40px;color:#866538;text-decoration:none}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap p{margin:0;line-height:1}@media screen and (max-width:1162px){.front-page .wrap .welcome-wrap .dog-paw.dog-paw1{bottom:280px;right:-50px}.front-page .wrap .welcome-wrap .dog-paw.dog-paw2{bottom:370px;right:-90px}.front-page .wrap .welcome-wrap .dog-paw.dog-paw3{bottom:455px;right:-10px}}@media screen and (max-width:1067px){.front-page .salonlist .salonlist-inner .salon-wrap p{height:calc(2.2em * 3)}}@media screen and (max-width:1062px){.front-page .menu .menu-inner .menu-item{max-height:215px;height:215px}}@media screen and (max-width:991px){.front-page .wrap .welcome-wrap .cat-paw{width:30px;height:23px}.front-page .wrap .welcome-wrap .cat-paw.cat-paw1{top:110px;right:75px;bottom:auto}.front-page .wrap .welcome-wrap .cat-paw.cat-paw2{top:80px;right:125px;bottom:auto}.front-page .wrap .welcome-wrap .cat-paw.cat-paw3{top:50px;right:90px;bottom:auto}.front-page .wrap .welcome-wrap .cat-paw.cat-paw4{top:20px;right:140px;bottom:auto}.front-page .wrap .welcome-wrap .dog-paw{width:39px;height:32.2px}.front-page .wrap .welcome-wrap .dog-paw.dog-paw1{top:15px;right:45px;bottom:auto}.front-page .wrap .welcome-wrap .dog-paw.dog-paw2{top:-35px;right:20px;bottom:auto}.front-page .wrap .welcome-wrap .dog-paw.dog-paw3{top:-85px;right:70px;bottom:auto}.front-page .menu .menu-inner .menu-item{flex-direction:column;max-height:none;height:auto;margin-bottom:40px}.front-page .menu .menu-inner .menu-item .menu-item-txt{width:100%}.front-page .menu .menu-inner .menu-item .menu-item-txt .menu-num{top:-20px;left:3px}.front-page .menu .menu-inner .menu-item .menu-item-img{width:100%;height:auto}.front-page .menu .menu-inner .menu-item .menu-item-img img{width:100%;height:auto}.front-page .salonlist .salonlist-inner .salon-cards{flex-direction:column}.front-page .salonlist .salonlist-inner .salon-wrap{max-width:100%;width:100%}.front-page .reserve .reserve-inner .reserve-cards{flex-direction:column}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap{max-width:100%;width:100%}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap h3 img{height:85px}.front-page .concept .concept-inner{background-position:right -51% bottom;background-size:auto 100%}}@media screen and (max-width:767px){.front-page .wrap .d-flex{flex-direction:column}.front-page .wrap .d-flex .accent{order:2;max-width:100%;flex:auto}.front-page .wrap .d-flex .accent .logo{margin:20px 40px}.front-page .wrap .d-flex .accent .accent-white{width:53.6%;margin-left:auto;margin-right:20px;margin-bottom:36%}.front-page .wrap .d-flex .accent .sub-vis{max-width:66%;margin-left:0;position:absolute;top:25.4%;width:100%}.front-page .wrap .d-flex .space{flex:0;width:0}.front-page .wrap .d-flex .main-vis{order:1;margin-top:80px;max-width:100%;padding-left:20px;flex:auto}.front-page .wrap .welcome-wrap{max-width:560px;padding:0 20px 76px}.front-page .wrap .welcome-wrap .welcome{text-align:start;padding:50px 25px}.front-page .wrap .welcome-wrap .welcome h2{font-size:18px;line-height:1.72;margin-bottom:20px}.front-page .wrap .welcome-wrap .welcome p{font-size:14px;margin-bottom:18px}.front-page .wrap .welcome-wrap .welcome img{max-width:60%;padding-right:5%}.front-page .concept .concept-inner{padding:48px 20px;background-position:right -25% bottom;background-size:auto 106%}.front-page .concept .concept-inner .concept-txt{width:100%}.front-page .concept .concept-inner .concept-txt h2{width:auto;margin-bottom:20px}.front-page .concept .concept-inner .concept-txt h2 img{width:107.33px}.front-page .concept .concept-inner .concept-txt p{width:auto;font-size:14px;margin-bottom:20px}.front-page .concept .concept-inner .concept-txt p:last-of-type{font-size:13px;line-height:2.15}.front-page .concept .concept-inner .concept-txt .concept-btn-wrap{width:auto;margin-top:30px}.front-page .concept .concept-inner .concept-txt .concept-btn-wrap .concept-btn{margin:0 auto;max-width:220px}.front-page .menu .menu-inner{padding:40px 20px 60px}.front-page .menu .menu-inner h2{margin-left:0;margin-bottom:20.5px;width:78.35px}.front-page .menu .menu-inner .text-center{text-align:start !important;font-size:13px;line-height:2.15}.front-page .menu .menu-inner .menu-item .menu-item-txt{padding:36px 25px 20px}.front-page .menu .menu-inner .menu-item .menu-item-txt h3{font-size:14px;line-height:1.64;margin-bottom:15px}.front-page .menu .menu-inner .menu-item .menu-item-txt p{margin:0;font-size:13px;line-height:2.15}.front-page .menu .menu-inner .menu-btn{margin:30px auto 0;max-width:220px}.front-page .salonlist .salonlist-inner{padding:41px 20px 50px}.front-page .salonlist .salonlist-inner h2{width:147.31px;margin:0 !important}.front-page .salonlist .salonlist-inner .salon-cards{margin-top:20px;gap:25px}.front-page .salonlist .salonlist-inner .salon-wrap{padding:30px 24px}.front-page .salonlist .salonlist-inner .salon-wrap h3{padding:20px 0 15px;font-size:14px}.front-page .salonlist .salonlist-inner .salon-wrap .line{margin-bottom:15px}.front-page .salonlist .salonlist-inner .salon-wrap p{font-size:13px;line-height:2.15;margin-bottom:20px;height:auto}.front-page .salonlist .salonlist-inner .salon-wrap .icons{flex-wrap:wrap}.front-page .salonlist .salonlist-inner .salon-wrap .icons .icon{width:30%}.front-page .salonlist .salonlist-inner .salon-wrap .icons .icon img{max-width:72px;margin:0 auto}.front-page .salonlist .salonlist-inner .salon-wrap .salon-btn{margin-top:20px;box-shadow:none;max-width:220px}.front-page .salonlist .salonlist-inner .salon-wrap .salon-btn.koshigaya{background-size:25px 22px}.front-page .salonlist .salonlist-inner .salon-wrap .salon-btn.seijo{background-size:20px 16.8px}.front-page .reserve .reserve-inner{padding:50px 20px}.front-page .reserve .reserve-inner h2{width:101.34px;margin-bottom:20px}.front-page .reserve .reserve-inner p{font-size:13px;line-height:2.15}.front-page .reserve .reserve-inner .reserve-cards{margin-top:30px;gap:10px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap{padding:20px 25px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap h3 img{height:auto;max-height:46px;width:100%}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .line{margin:14px auto 10px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .tel-wrap{gap:8.68px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .tel-wrap .tel-icon{width:20px;height:20px;margin-top:5px}.front-page .reserve .reserve-inner .reserve-cards .reserve-wrap .tel-wrap .tel{font-size:26px}}@media screen and (max-width:598px){.front-page .concept .concept-inner{background-size:auto 84%}}@media screen and (max-width:492px){.front-page .concept .concept-inner{background-position:right -38% bottom;background-size:auto 61%}}