/** Shopify CDN: Minification failed

Line 243:41 Unexpected "{"

**/
.slide-swiper{
  display:block;
  padding:96px 6.730769230769231%;
}
.slide-swiper .title-wrapper{
  margin: 0 0 44px;
}
.have-bg .slide-swiper .title-wrapper .title,
.have-bg .slide-swiper .main-wrapper .text-wrapper .text{
  display:block;
  color:var(--text-color);
  text-align:center;
}
.slide-swiper .main-wrapper .icon-wrapper{
  padding:32px 0 0;
}
.slide-swiper .main-wrapper .icon-wrapper ul{
  list-style: none;
  display:flex;
  flex-direction:row;
  justify-content:center;
  padding:0;
  margin:0;
}
.slide-swiper .main-wrapper .icon-wrapper ul li{
  padding-right:36px;
}
.slide-swiper .main-wrapper .icon-wrapper ul li:last-of-type{
  padding-right:0;
}
.slide-swiper .main-wrapper .icon-wrapper ul li .iconfont{
  font-size:32px;
  line-height:32px;
}
.slide-swiper .main-wrapper .text-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.slide-swiper .main-wrapper .text-wrapper .text{
  text-align:center;
  padding:0 11%;
  font-size:16px;
  line-height:28px;
  min-height:auto;
}
.slide-swiper .main-wrapper .text-wrapper .text-img{
  padding:52px 0 0;
  opacity:0;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
}
.slide-swiper .slide-swiper-wrapper{
  padding:96px 0 0;
}

.is-swiper.slide-swiper .slide-swiper-wrapper{
  overflow:hidden;
  padding:52px 0 0;
}
.is-swiper.slide-swiper .slide-swiper-wrapper .swiper-wrapper{
  display:flex;
  grid-column-gap:0;
  -webkit-transition-timing-function: linear; 
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.is-swiper.slide-swiper .slide-swiper-wrapper .swiper-wrapper .swiper-slide{
  width:300px;
  margin-right:24px;
}
.slide-swiper-wrapper .swiper-wrapper{
  display:grid;
  grid-template-columns:repeat(var(--image-num),1fr);
  grid-column-gap:18px;
}
.slide-swiper-wrapper .swiper-wrapper .swiper-slide{
  overflow:hidden;
}
.slide-swiper-wrapper .swiper-wrapper .swiper-slide a{
  text-decoration:none;
}
.slide-swiper-wrapper .swiper-wrapper .swiper-slide .image-wrapper{
  font-size:0;
  overflow:hidden;
}
.slide-swiper-wrapper .swiper-wrapper .swiper-slide img{
  width:100%;
  height:auto;
  object-fit:cover;
  transition:all .5s ease-in-out;
  transform:scale(1);
}
.slide-swiper-wrapper .swiper-wrapper .swiper-slide img:hover{
  transform:scale(1.03)
}
.slide-swiper-wrapper .swiper-wrapper .swiper-slide p{
  font-size:14px;
  line-height:22px;
  font-family:Roboto-Regular,sans-serif;
  font-weight:400;
  padding:12px 0 0;
  color:var(--text-color);
}
.summarize-wrapper{
  padding:52px 0 0;
}
.summarize-wrapper .text-wrapper.line::before{
  content:"";
  display:block;
  height:1px;
  width:100%;
  background:rgba(255,255,255,.18);
  margin:0 0 52px;
}
.slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text{
  font-size:.84vw;
  line-height:28px;
  font-family:Roboto-Regular,sans-serif;
  font-weight:400;
  padding:0;
  display:flex;
  flex-direction:column;
}
.slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text span:last-of-type{
  line-height:24px;
 
}
.swiper-auto-wrapper{
  display:inline-flex;
   --animate-speed:30s;
}
.swiper-auto-wrapper .swiper-wrapper{
  webkit-animation:marquee var(--animate-speed) linear infinite;
  animation: marquee var(--animate-speed) linear infinite;
}
.is-swiper .main-wrapper{
  overflow:hidden;
  font-size: 0;
}
.is-swiper.slide-swiper .title-wrapper{
  margin-bottom:20px;
}
.text-wrapper.is-text-bottom .title{
    margin: 0 0 40px;
    letter-spacing: 0;
    font-size: 40px;
    font-family: var(--medium-font);
    color: #1e1f20;
    line-height: 44px;
}
@media screen and (min-width:750px) and (max-width: 1240px){
  .slide-swiper .main-wrapper .text-wrapper .text-img{
    padding:52px 10% 0;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text span{
    text-align:left;
    padding:12px 0 0;
    line-height: 24px;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text span:nth-of-type(1){
    padding:0;
  }
}
@media screen and (min-width:996px) and (max-width: 1440px) {
  .slide-swiper {
    padding:72px 0;
  }
  .slide-swiper .main-wrapper .text-wrapper .text{
    font-size:14px;
    line-height:22px;
    padding:0;
  }
  .slide-swiper .slide-swiper-wrapper{
    padding:52px 0 0;
  }
  .slide-swiper-wrapper .swiper-wrapper .swiper-slide p{
    font-size:12px;
    line-height:16px;
  }
  .summarize-wrapper{
   padding:36px 0 0; 
  }
  .summarize-wrapper .text-wrapper.line:before{
    margin:0 0 36px;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text{
    font-size:14px;
    line-height:22px;
  }
}
@media screen and (min-width:1024px) and (max-width: 1440px) {
  .text-wrapper.is-text-bottom .title{
    font-size:32px;
    line-height:36px;
  }
}
@media screen and (min-width: 750px) and (max-width: 1440px){
  .text-wrapper.is-text-bottom .title{
      font-size: 27px;
      line-height: 33px;
  }
}
@media screen and (min-width:750px) and (max-width:996px){
  .slide-swiper{
    padding:52px 0;
  }
  .slide-swiper .main-wrapper .text-wrapper .text{
    padding:0 !important;
  }
  .closet-select .main-wrapper{
    padding:0 !important
  }
}
@media screen and (max-width:996px){
  .text-wrapper.is-text-bottom {
      display:grid !important;
      grid-template-columns:100%;
      grid-template-areas:'img' 'title' 'text';
  }
  .text-wrapper.is-text-bottom .title{
    grid-area:title;
    font-size: 16px;
    line-height: 19px;
    text-align:left;
    width:100%;
    margin:20px 0 16px;
  }
  .text-wrapper.is-text-bottom .text{
    grid-area:text;
    text-align:left !important;
    width:100%;
  }
  .text-wrapper.is-text-bottom .text-img-m,
  .text-wrapper.is-text-bottom .text-img,{
    grid-area:img;
    width:100%;
  }
}
@media screen and (max-width: 749px){
  .slide-swiper.is-auto  .slide-swiper-wrapper .swiper-wrapper .swiper-slide{
    width:36%;
  }
  .slide-swiper{
    padding:36px 0;
  }
  .slide-swiper.is-swiper{
    padding:48px 0;
  }
  .slide-swiper .text-img{
    display:none !important;
  }
  .slide-swiper .text-img-m{
    width:100%;
    display:block !important;
    padding:18px 10% 0;
    opacity:0;
    animation-fill-mode:forwards;
  }
  .slide-swiper .title-wrapper{
    margin-bottom:32px !important;
    justify-content: center !important;
  }
  
  .slide-swiper .title-wrapper h1.title{
    font-size:20px !important;
    line-height:26px !important;
  }
  .is-swiper.slide-swiper .title-wrapper h1.title{
    font-size:5.4vw!important;
    line-height:5.4vw!important;
  }
  .slide-swiper .main-wrapper .text-wrapper .text{
    padding:0 !important;
    font-size:11px !important;
    line-height: 16px;
  }
  .slide-swiper .slide-swiper-wrapper{
    padding:32px 0 0;
    overflow:hidden;
    position:relative;
  }
  .slide-swiper-wrapper .swiper-wrapper{
    /* position: relative;
    flex-wrap: inherit;
    overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    -webkit-overflow-scrolling:auto ; */
    padding: 0 0 8px;
  }
  .is-swiper.slide-swiper .slide-swiper-wrapper .swiper-wrapper{
    padding:0;
  }
  .slide-swiper .title-wrapper{
    margin-bottom:10px !important;
  }
  .is-swiper.slide-swiper .slide-swiper-wrapper .swiper-wrapper .swiper-slide{
    width:362px;
    margin-right:12px;
  }
  .slide-swiper-wrapper .swiper-wrapper .swiper-slide p{
    font-size:11px !important;
    line-height:15px !important;
    padding:8px 0 0;
  }
  .summarize-wrapper{
    padding:26px 0 0;
  }
  .summarize-wrapper .text-wrapper.line:before{
    margin:0 0 26px;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text{
    font-size:11px !important;
    line-height:15px !important;
    text-align:left;
    display:flex;
    flex-direction:column;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text span{
    padding:20px 0 0;
    display:block;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text span:nth-of-type(1){
    padding:0;
  }
  .slide-swiper-wrapper .swiper-wrapper{
      /* grid-template-columns: repeat(var(--image-num),300px); */
    grid-template-columns:unset;
    grid-column-gap: 0px;
    display:flex;
    margin:0 0 12px !important;
  }
  .slide-swiper .main-wrapper .summarize-wrapper .text-wrapper .text span:last-of-type{
    line-height:15px;
  }
  .slide-swiper-wrapper .swiper-wrapper .swiper-slide{
    /* width:300px !important; */
  }
  .slide-swiper-wrapper .swiper-scrollbar{
    background:var(--scroll-custom-bg-color) !important;
  }
  .slide-swiper-wrapper .swiper-scrollbar-drag{
    background:var(--scroll-custom-wrapper-color);
    display:block !important
  }
  .slide-swiper .main-wrapper .icon-wrapper{
    padding:32px 0 0;
  }
  .is-swiper.slide-swiper .title-wrapper{
    margin-bottom:20px !important;
  }
}
@media screen and (max-width: 480px){
    .is-swiper.slide-swiper .title-wrapper{
      margin-bottom:10px !important;
    }
   .is-swiper.slide-swiper{
    padding:48px 0;
  }
  .slide-swiper .main-wrapper .icon-wrapper{
    padding:24px 0 0;
  }
  .is-swiper.slide-swiper .slide-swiper-wrapper{
    padding:36px 0 0;
  }
   .is-swiper.slide-swiper .slide-swiper-wrapper .swiper-wrapper .swiper-slide{
    width:181px;
  }
}