/** Shopify CDN: Minification failed

Line 167:0 Expected "}" to go with "{"

**/


.home-concept{font-family:'Noto Sans JP', sans-serif}

.home-concept__items{display:flex;align-items:stretch;justify-content:center;width:100%}

@media only screen and (max-width: 748px){.home-concept__items{display:block}}

.home-concept__item{width:calc(720 / 1440 * 100%);
display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
                   }

@media only screen and (max-width: 748px){.home-concept__item{width:100%}}

.home-concept__title{display:flex;align-items:center;justify-content:flex-start;padding-top:28px;padding-bottom:28px;padding-left:5rem;border-top:2px solid #000;border-bottom:2px solid #000;width:100%}

@media only screen and (max-width: 748px){.home-concept__title{display:block;padding:1rem 3rem;border-top:1px solid #000;border-bottom:1px solid #000}}

.home-concept__title h2{font-family:'Questrial', sans-serif;font-size:4rem;font-weight:400;margin-top:0;margin-bottom:0;}

  @media only screen and (max-width: 748px){.home-concept__title h2 {
    margin-bottom:0;  
    font-size:3.2rem;
  }}

.home-concept__title span{display:block;padding-left:4rem;font-size:1rem;font-weight:normal;letter-spacing: 0.1rem;}

@media only screen and (max-width: 748px){.home-concept__title span{padding-left:0;font-size:1rem;}}

.home-concept__text{padding-top:10.8rem;padding-left:14rem;padding-bottom:5rem;}

@media only screen and (max-width: 748px){.home-concept__text{padding-top:4rem;padding-left:2.5rem;padding-bottom:0;}}

.home-concept__text h3{font-family:'Questrial', sans-serif;font-size:8.2rem;font-weight:400;line-height:1.2;margin-top:0;}

@media only screen and (max-width: 748px){.home-concept__text h3{font-size:4.1rem}}

.home-concept__text h4{padding-bottom:6rem;font-size:2.8rem;letter-spacing:1rem;margin-top:0;margin-bottom:0;}

@media only screen and (max-width: 748px){.home-concept__text h4{padding-bottom:2rem;font-size:1.4rem}}

.home-concept__text p{font-size:2rem;margin: 0;}

@media only screen and (max-width: 748px){.home-concept__text p{font-size:1rem}}
.home-concept__image{
  line-height:0;
display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
                   }
@media only screen and (max-width: 748px){.home-concept__image{margin-top:4rem}}

.home-concept__image img{width:100%;line-height:0;
    height: 100%;
    object-fit: cover;}
  


  .loop-loopText{overflow:hidden;}
.loop-loopTextWrap {
  height:6rem;margin-bottom:12rem;width:100%;
}


.loop-loopText._smallText{height:5rem;margin:15rem 0}

.loop-loopTextItems{display:flex;height:100%;margin:2rem 0 5rem;overflow:hidden;width: 9000px;}
@media only screen and (max-width: 748px){}
.loop-loopTextItems.is-animate .loop-loopTextItem:first-child{-webkit-animation:loop 70s -35s linear infinite;animation:loop 70s -35s linear infinite}

.loop-loopTextItems.is-animate .loop-loopTextItem:last-child{-webkit-animation:loop2 70s linear infinite;animation:loop2 70s linear infinite}

.loop-loopTextItems._smallText.is-animate .loop-loopText02Item:first-child{-webkit-animation:loop3 40s -20s linear infinite;animation:loop3 40s -20s linear infinite}

.loop-loopTextItems._smallText.is-animate .loop-loopText02Item:last-child{-webkit-animation:loop4 40s linear infinite;animation:loop4 40s linear infinite}

.loop-loopTextItem{height:100%;list-style:none}

.loop-loopTextItem img{height:100%}

.loop-loopText_bg{display:block;padding:2rem 0;border-top:2px solid #000000;border-bottom:2px solid #000000;background-color:#EAEAEA;text-indent:-9999px}

@media only screen and (max-width: 748px){.loop-loopText_bg{border-top:1px solid #000;border-bottom:1px solid #000}}

@-webkit-keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@-webkit-keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

@-webkit-keyframes loop3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@keyframes loop3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@-webkit-keyframes loop4{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

@keyframes loop4{0%{transform:translateX(0)}to{transform:translateX(-200%)}}
 .loop-loopText._smallText._upper {
  margin: 0 auto; height: auto;
 }
 .loop-loopText._smallText._upper .loop-loopTextWrap{
    margin-bottom:7rem;
  }
.loop-loopText._smallText._upper .loop-loopTextItems {margin: 2rem 0;
  }
  @media only screen and (max-width: 748px){
     .loop-loopText._smallText._upper .loop-loopTextItems{
  }
  }


  
.loop-loopText{}

.loop-loopText._smallText{height:5rem;margin:3rem 0}
.loop-loopText._smallText .loop-loopTextWrap {margin-bottom:0}
.loop-loopText_bg{display:block;padding:2rem 0;border-top:2px solid #000000;border-bottom:2px solid #000000;background-color:#EAEAEA;text-indent:-9999px}
.loop-loopText._smallText .loop-loopTextItems {margin: 0;padding: 1rem 0 1rem}
  
@media only screen and (max-width: 748px){.loop-loopText._smallText .loop-loopTextItems{width: 9000px;}}
.loop-loopTextItems{display:flex;height:100%;margin:2rem 0 5rem;overflow:hidden}

.loop-loopTextItems.is-animate .loop-loopTextItem:first-child{-webkit-animation:loop 70s -35s linear infinite;animation:loop 70s -35s linear infinite}

.loop-loopTextItems.is-animate .loop-loopTextItem:last-child{-webkit-animation:loop2 70s linear infinite;animation:loop2 70s linear infinite}

._smallText .loop-loopTextItems.is-animate .loop-loopText02Item:first-child{-webkit-animation:loop3 40s -20s linear infinite;animation:loop3 40s -20s linear infinite}

._smallText .loop-loopTextItems.is-animate .loop-loopText02Item:last-child{-webkit-animation:loop4 40s linear infinite;animation:loop4 40s linear infinite}

.loop-loopTextItem{height:100%;list-style:none

.loop-loopTextItem img{height:100%}

                   
._smallText .loop-loopTextItems{width: 4000px}
                   
@media only screen and (max-width: 748px){.loop-loopText_bg{border-top:1px solid #000;border-bottom:1px solid #000}}

@-webkit-keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@-webkit-keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

@-webkit-keyframes loop3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@keyframes loop3{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}

@-webkit-keyframes loop4{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

@keyframes loop4{0%{transform:translateX(0)}to{transform:translateX(-200%)}}

