.custom-service-flow{position:relative;width:100%;min-height:732px;padding:80px 0;overflow:hidden;background-color:#f9f9f9}.custom-service-flow__bg{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;z-index:0}.custom-service-flow__bg-img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.15;pointer-events:none}.custom-service-flow__inner{position:relative;max-width:1440px;margin:0 auto;padding:0 208px;z-index:1}.custom-service-flow__heading{font-family:Noto Sans JP,sans-serif;font-size:32px;font-weight:700;line-height:51px;letter-spacing:4px;color:#333;text-align:center;margin:0 0 60px}.custom-service-flow__container{width:1024px;margin:0 auto}.custom-service-flow__content{display:none;gap:120px;align-items:center}.custom-service-flow__slide--active{display:flex}.custom-service-flow__left{display:flex;flex-direction:column;gap:32px;width:379px;flex-shrink:0;align-items:flex-start;margin-left:40px}.custom-service-flow__number{font-family:Noto Sans,sans-serif;font-size:58px;font-weight:700;line-height:normal;letter-spacing:5.8px;color:#e56e33;margin:0}.custom-service-flow__text-group{display:flex;flex-direction:column;gap:24px}.custom-service-flow__title{font-family:Noto Sans,Noto Sans JP,sans-serif;font-size:20px;font-weight:700;line-height:32px;letter-spacing:4px;color:#333;margin:0}.custom-service-flow__text{font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:500;line-height:25px;color:#555;margin:0}.custom-service-flow__text p{margin:0}.custom-service-flow__button{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:16px 20px;background-color:#e56e33;color:#fff;font-family:Noto Sans,Noto Sans JP,sans-serif;font-size:14px;font-weight:700;line-height:22px;letter-spacing:.56px;text-decoration:none;border:none;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box;width:auto}.custom-service-flow__button:hover{background-color:#d35f2d}.custom-service-flow__right{display:flex;gap:16px;align-items:flex-end;flex-shrink:0}.custom-service-flow__image-container{width:382px;height:500px;background-color:#fff;padding:16px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:hidden}.custom-service-flow__image{width:100%;height:100%;object-fit:cover;border-radius:4px}.custom-service-flow__steps{display:flex;flex-direction:column;gap:16px;width:50px;flex-shrink:0}.custom-service-flow__step{width:50px;height:50px;border-radius:25px;background-color:#b2a49e;display:flex;align-items:center;justify-content:center;font-family:Noto Sans,sans-serif;font-size:18px;font-weight:700;line-height:32.4px;letter-spacing:2.16px;color:#fff;text-align:center;border:none;cursor:pointer;transition:background-color .3s ease}.custom-service-flow__step:hover{background-color:#a39792}.custom-service-flow__step--active{background-color:#e56e33}.custom-service-flow__step--active:hover{background-color:#d35f2d}.custom-service-flow__nav-btn{display:none}@media screen and (max-width: 1200px){.custom-service-flow__inner{padding:0 100px}}@media screen and (max-width: 990px){.custom-service-flow{min-height:auto;padding:60px 0;background-color:#fff}.custom-service-flow__bg{width:100%;height:100%}.custom-service-flow__inner{padding:0}.custom-service-flow__heading{font-size:24px;line-height:38px;letter-spacing:4px;margin-bottom:40px;padding:0 20px}.custom-service-flow__slider-wrapper{display:flex;align-items:center;width:100%;padding:0}.custom-service-flow__container{width:calc(100% - 56px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;display:flex;gap:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.custom-service-flow__container::-webkit-scrollbar{display:none}.custom-service-flow__content{flex-direction:column;gap:20px;align-items:center;flex-shrink:0;width:100%;scroll-snap-align:center;display:flex;padding:0 20px;box-sizing:border-box}.custom-service-flow__left{width:100%;gap:20px;order:2;align-items:flex-start}.custom-service-flow__number{font-size:46px;letter-spacing:4.6px}.custom-service-flow__title{font-size:18px;line-height:32px;letter-spacing:4px}.custom-service-flow__text{font-size:14px;line-height:22px}.custom-service-flow__button{display:inline-flex;height:40px;padding:16px 20px;justify-content:center;align-items:center;gap:16px;background-color:#e56e33;color:#fff;font-family:Noto Sans,Noto Sans JP,sans-serif;font-size:14px;font-weight:700;line-height:22px;letter-spacing:.56px;text-align:center;text-decoration:none;white-space:nowrap;border:none;cursor:pointer;box-sizing:border-box;width:auto}.custom-service-flow__button:hover{background-color:#d35f2d}.custom-service-flow__right{width:100%;flex-direction:column;gap:20px;order:1;align-items:center}.custom-service-flow__image-container{width:100%;max-width:301px;height:340px;padding:10.89px}.custom-service-flow__steps{width:auto;flex-direction:row;gap:8px}.custom-service-flow__step{width:12px;height:12px;border-radius:50%;font-size:0;padding:0;line-height:0}.custom-service-flow__nav-btn{width:28px;height:28px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.custom-service-flow__nav-btn svg{width:20px;height:20px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-custom-service-flow.css.map */