@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap");

@import url("//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css");

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent
}

body{
  line-height:1
}

/* article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block
} */

nav ul{
  list-style:none
}

ol,ul{
  list-style:none
}

blockquote,q{
  quotes:none
}

blockquote:before,blockquote:after,q:before,q:after{
  content:'';content:none
}

a{
  margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent
}

ins{
  background-color:#ff9;color:#000;text-decoration:none
}

mark{
  background-color:#ff9;color:#000;font-style:italic;font-weight:bold
}

del{
  text-decoration:line-through
}

abbr[title],dfn[title]{
  border-bottom:1px dotted;cursor:help
}

table{
  border-collapse:collapse;border-spacing:0
}

hr{
  display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0
}

input,select{
  vertical-align:middle
}

*,*::before,*::after{
  box-sizing:border-box
}

html,body{
  font-family:'Helvetica', serif;
  color:#ffffff;
  font-size:12px;
  line-height:1.4;
  background-color:#000000
}

body{
  line-height:1.6
}

body.is-scroll-fixed{
  overflow-y:hidden
}

img{
  max-width:100%;
  height:auto;
  vertical-align:bottom
}

.l-header{
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
  background-color:transparent;transition:.3s
}

.l-header.is-invert{
  background-color:#000000E6
}

@media (max-width: 767px){
  .l-header.is-open{
    background-color:#000000E6
  }
}

.p-header{
  height:48px;
  display:flex;
  justify-content:space-between;
  align-items:center
}

@media (min-width: 768px){
  .p-header{
    height:80px
  }
}

.p-header__logo{
  width:75px;
  height:25px;
  transition:.5s
  
}

@media (min-width: 768px){
  .p-header__logo{
    padding-top: 10px;
    width:150px;
    height:50px
  }
}

.is-open .p-header__logo{
  filter:invert(1)
}

.p-header__nav{
  width:100vw;
  background-color:#000000E6;
  padding-top:16px;
  height:calc( 100vh - 48px)
}

@media (min-width: 768px){
  .p-header__nav{
    position:relative;
    top:initial;
    left:initial;
    margin-left:auto;
    width:initial;
    background-color:transparent;
    padding-top:0;
    height:auto
  }
}

.p-header__nav-list{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:100%
}

@media (min-width: 768px){
  .p-header__nav-list{
    flex-direction:row;
    align-items:center;
    height:auto
  }
}

.p-header__nav-item{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-size:12px;
  line-height:1.452;
  font-weight:700
}

.p-header__nav-item.locales{
  order:6
}

.p-header__nav-item a{
  color:#fff
}

.p-header__nav-item .current{
  color:#7e890a
}

.p-header__nav-item .current:hover{
  color:#7e890a
}

.p-header__nav-item a+a{
  margin-left:24px
}

.p-header__nav-item.social{
  order:7;margin:auto auto 108px
}

@media (min-width: 768px){
  .p-header__nav-item{
    padding:0;
    font-weight:1000
  }
  
  .p-header__nav-item a:not(.current){
    color:#fff
  }
  
  .is-invert .p-header__nav-item a:not(.current){
    color:#fff;text-shadow:none
  }
  
  .p-header__nav-item+.p-header__nav-item{
    margin-left:24px
  }
  
  .p-header__nav-item.social{
    margin:0 0 0 40px;flex-shrink:0
  }
  
  .p-header__nav-item.locales{
    order:initial
  }
}


.three_lines{
  position:absolute;top:13px;right:10px;width:24px;height:24px;margin-bottom:3px;z-index:100;cursor:pointer
}

.three_lines span{
  position:absolute;left:3px;width:18px;height:2px;background-color:#000;display:inline-block;transition:all .2s;box-sizing:border-box;box-shadow:0 0 3px 0 #fff,0 0 3px 0 #fff
}

.three_lines span:nth-of-type(1){
  top:6px
}

.three_lines span:nth-of-type(2){
  top:11px
}

.three_lines span:nth-of-type(3){
  bottom:6px
}

@media (min-width: 768px){
  .three_lines{
    display:none
  }
}

@media (max-width: 767px){
  .js-menu-body{
    position:absolute;top:100%;left:0;transform:translateY(calc( -100% - 48px));transition:0.3s cubic-bezier(0, 0.71, 0.3, 1);z-index:-1
  }
  
  .js-menu-body.is-open{
    transform:translateY(0)
  }
}

.is-invert .three_lines span{
  background-color:#fff;box-shadow:none
}

.is-open .three_lines span{
  background-color:#fff
}

.is-open .three_lines span:nth-of-type(1){
  -webkit-transform:translateY(5px) rotate(-45deg);transform:translateY(5px) rotate(-45deg)
}

.is-open .three_lines span:nth-of-type(2){
  opacity:0
}

.is-open .three_lines span:nth-of-type(3){
  -webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)
}

.bg-img{
  position:fixed;top:0;left:0;width:100%;height:auto;
}

@media (min-width: 768px){
  .bg-img{
    width:100vw;height:100vh
  }
}

.bg-img img{
  width:100%;height:auto;object-fit:cover;max-width:initial
}

@media (min-width: 768px){
  .bg-img img{
    width:100vw;height:100vh
  }
}

.hero-area{
  line-height:0;position:relative;width:100%;height:56.25vw
}

@media (min-width: 768px){
  .hero-area{
    height:auto;min-height:100vh;min-height:calc( var(--vh, 1vh) * 100)
  }
}

.hero-area::after{
  content:"";width:100%;height:40px;position:absolute;bottom:0;left:0;background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.564706) 100%);pointer-events:none
}

@media (min-width: 768px){
  .hero-area::after{
    height:160px
  }
}

.hero-area__btns{
  position:absolute;left:50%;
  bottom:48px;
  transform:translateX(-50%);
  display:flex;
  justify-content:center;
  align-items:center
}

.hero-area__btns .c-btn+.c-btn{
  margin-left:8px
}

@media (min-width: 768px){
  .hero-area__btns{
    bottom:97px
  }
  
  .hero-area__btns .c-btn+.c-btn{
    margin-left:16px
  }
}

.c-btn{
  display:inline-block;
  width:148px;
  height:40px;
  /* border-radius:20px; */
  background-color:#000;
  display:flex;
  justify-content:center;
  align-items:center;
  font-family:'Poppins', sans-serif;
  font-size:12px;
  font-weight:900;
  line-height:1.5
}

@media (min-width: 768px){
  .c-btn{
    font-size:24px;
    line-height:1.5
  }
}

@media (min-width: 768px){
  .c-btn{
    width:272px;
    height:64px;
    /* border-radius:32px */
  }
}

.c-btn.red{
  background-color:#7e890a
}

.content_wrap{
  width:90%;
  margin:auto
}

@media (min-width: 768px){
  .content_wrap{
    width:80%;
    max-width:1100px
  }
}

.information_area{
  padding:8px;background:linear-gradient(#8b3033 0%, #65060e 100%);position:relative;text-align:center;line-height:2.16667
}

.information_area .content_wrap{
  max-width:800px
}

@media (min-width: 768px){
  .information_area{padding:16px 0
  }
}

.content-wrapper{
  background-color:#000000E6;
  position:relative;
  padding:1px 0;
}

.movie{
  max-width:800px;
  margin:32px auto;
  padding:0 16px
}

@media (min-width: 768px){
  .movie{
    width:70%;
    margin:36px auto
  }
}

.movie .movie_inner{
  position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;box-shadow:0px 0px 20px rgba(255,255,255,0.25)
}

.movie iframe{
  position:absolute;top:0;left:0;width:100%;height:100%;
}

.section{
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 32px;
  padding-bottom:32px
}

.section__heading{
  font-size:16px;
  font-weight:900;
  line-height:1.5;
  margin:0 0 32px;
  text-align:center;
  cursor: pointer;
}


@media (min-width: 768px){
  .section__heading{
    font-size:30px;
    line-height:1.437
  }
}

@media (min-width: 768px){
  .section__heading{margin:0 0 48px
  }
}

.section__subtitle{
  font-size:14px;font-weight:900;line-height:1.71429;margin:0 0 32px;text-align:center
}

@media (min-width: 768px){
  .section__subtitle{
    font-size:22px;line-height:1.43636
  }
}

@media (min-width: 768px){
  .section__subtitle{margin:0 0 48px
  }
}

.section__text{
  font-size:12px;font-weight:400;line-height:2.5;text-align:center;margin:0 auto 1em;max-width:620px;letter-spacing:-0.01em
}

@media (min-width: 768px){
  .section__text{
    font-size:14px;line-height:2.14286
  }
}

.section__text a{
  text-decoration:underline
}

.btns{
  display:flex;justify-content:center;align-items:center;padding-bottom:64px
}

@media (min-width: 768px){
  .btns{
    padding-bottom:88px
  }
}

.btns .c-btn+.c-btn{
  margin-left:8px
}

@media (min-width: 768px){
  .btns .c-btn+.c-btn{
    margin-left:16px
  }
}

.loopslide{
  padding-bottom:64px
}@media (min-width: 768px){
  .loopslide{
    padding-bottom:96px
  }
}

.loopslide .loopimage-item{
  margin-left:12px
}

@media (min-width: 768px){
  .loopslide .loopimage-item{
    margin-left:16px
  }
}

.roadmap__list{
  width:264px;margin:auto;position:relative;padding:55px 0
}

@media (min-width: 768px){
  .roadmap__list{
    width: 528px;
  }
}

.roadmap__list::before{
  content:"";width:4px;height:100%;background-color:#7e890a;position:absolute;top:0;left:-14px
}

/* @media (min-width: 768px){
  .roadmap__list::before{
    width:6px;left:50%;transform:translateX(-50%)
  }
} */

.roadmap__item{
  margin-bottom:32px
}

.roadmap__image{
  margin-bottom:16px
}

.roadmap__detail{
  position:relative
}

.roadmap__detail::before{
  content:"";display:block;width:16px;height:16px;background-color:#7e890a;border-radius:8px;position:absolute;left:-20px;top:4px
}

.roadmap__detail-date{
  font-size:18px;font-weight:900;line-height:1.43722;margin-bottom:16px
}

@media (min-width: 768px){
  .roadmap__detail-date{
    font-size:30px;line-height:1.437
  }
}

.roadmap__detail-text{
  font-size:12px;font-weight:400;line-height:2
}

@media (min-width: 768px){
  .roadmap__detail-text{
    font-size:14px;line-height:2.14286
  }
}

/* @media (min-width: 768px){
  .roadmap__list{
    width:552px;padding:80px 0
  }
  
  .roadmap__item{
    display:flex;justify-content:space-between;align-items:center
  }
  
  .roadmap__item:not(:last-child){
    margin-bottom:80px
  }
  
  .roadmap__item:nth-child(2n){
    flex-direction:row-reverse;text-align:right
  }
  
  .roadmap__image{
    width:248px;margin:0
  }
  
  .roadmap__detail{
    width:248px
  }
  
  .roadmap__detail::before{
    content:"";width:24px;height:24px;border-radius:12px;left:-40px;top:50%;transform:translateY(-50%)
  }
  .roadmap__item:nth-child(2n) .roadmap__detail::before{
    left:calc( 100% + 16px)
  }
 .roadmap__detail-date{
    margin-bottom:16px
  }
} */
    
.utility{
  position:relative
}
    
.utility__images .slick-slide img{
  height:auto;
  opacity:.6;
  transform:scale(0.8);
  transition:opacity .5s, transform .5s;
  width:100%
}

.utility__images .slick-slide.slick-center img{
  opacity:1;transform:scale(1)
}
    
.utility__images .image{
  margin-bottom:16px
}

@media (min-width: 768px){
  .utility__images .image{
    margin-bottom:48px
      }
}
    
.utility__images .caption{
  opacity:0;transition:.5s
}

.utility__images .caption__heading{
  margin:0 auto 16px;font-size:18px;font-weight:900;line-height:1.43722
}
    
@media (min-width: 768px){
  .utility__images .caption__heading{
    font-size:30px;line-height:1.66667
  }
}

@media (min-width: 768px){
  .utility__images .caption__heading{
    max-width:560px
  }
}
    
.utility__images .caption__text{
  margin:0 auto 16px;
  font-size:10px;
  font-weight:400;
  line-height:2.4
}
    
@media (min-width: 768px){
 .utility__images .caption__text{
   font-size:14px;
   line-height:2.14286
  }
}
    
@media (min-width: 768px){
  .utility__images .caption__text{
   max-width:560px
  }
}

.utility .slick-current .caption{
  opacity:1
}


.draggable_icon .inner{
display:flex;justify-content:center;align-items:center;width:64px;height:64px;border-radius:32px;background-color:#9E0909;font-size:10px;font-weight:600;line-height:1}
    
@media (min-width: 768px){
      .draggable_icon .inner{
        font-size:12px;line-height:1
      }
    }
    
@media (min-width: 768px){
      .draggable_icon .inner{
        width:88px;height:88px;border-radius:44px
      }
    }
    
    .sales__section{
      max-width:560px;margin:0 auto 32px
    }
    
@media (min-width: 768px){
      .sales__section{
        margin:0 auto 48px
      }
    }
    
    .sales__section-heading{
      margin-bottom:32px;font-size:14px;font-weight:900;line-height:1.71429
    }
    
@media (min-width: 768px){
      .sales__section-heading{
        font-size:22px;line-height:1.43682
      }
    }
    
@media (min-width: 768px){
      .sales__section-heading{
        margin-bottom:48px;text-align:center
      }
    }
    
    .sales__section-list{
      display:flex;flex-wrap:wrap
    }
    
    .sales__section-list-title{
      width:88px;font-size:12px;font-weight:400;line-height:2
    }
    
@media (min-width: 768px){
      .sales__section-list-title{
        font-size:14px;line-height:2.14286
      }
    }
    
@media (min-width: 768px){
      .sales__section-list-title{
        width:102px
      }
      
      .sales__section-list-body{
        width:calc( 100% - 88px);border-left:1px solid #fff;padding:0 16px 24px;font-size:12px;font-weight:400;line-height:2
      }
      
      .sales__section-list-body:last-child{
        padding-bottom:0
      }
      
      @media (min-width: 768px){
        .sales__section-list-body{
          font-size:14px;line-height:2.14286
        }
      }
      
      @media (min-width: 768px){
        .sales__section-list-body{
          width:calc( 100% - 102px);padding:0 24px 24px
        }
      }
      
      .sales__section-list-body p{
        font-size:inherit;line-height:inherit;margin-bottom:8px
      }
      
      .sales__section-list-body.column{
        display:flex
      }
      
      .sales__section-list-body.column .sales__section-list-list{
        margin-left:8px
      }
      
      .team__item{
        position:relative;max-width:890px;margin:auto
      }
      
      .team__item .container{
        max-width:320px;margin:0 auto 32px;padding:16px;position:relative;font-size:14px;font-weight:500;line-height:1.66429
      }
      
      @media (min-width: 768px){
        .team__item .container{
          font-size:14px;line-height:1.66429
        }
      }
      
      @media (min-width: 768px){
        .team__item .container{
          margin:0 auto 80px;padding:0
        }
      }
      
      .team__item-header{
        border-bottom:1px solid #fff;margin-bottom:24px;padding-bottom:24px;position:relative
      }
      
      .team__item-header .role{
        font-size:14px;font-weight:500;line-height:1.43714
      }
      
      @media (min-width: 768px){
        .team__item-header .role{
          font-size:14px;line-height:1.43714
        }
      }
      
      .team__item-header .name{
        font-size:28px;font-weight:700;line-height:1.745
      }
      
      @media (min-width: 768px){
        .team__item-header .name{
          font-size:31px;line-height:1.57613
        }
      }

      .team__item-header .job{
        font-size:14px;font-weight:500;line-height:1.43714
      }
      
      @media (min-width: 768px){
        .team__item-header .job{
          font-size:14px;line-height:1.43714
        }
      }
      
      .team__item-header .inner{
        position:relative
      }

      .team__item-detail{
        position:relative
      }
      
      .team__item-detail-lead{
        font-size:14px;font-weight:500;line-height:1.66429;margin-bottom:1em
      }
      
      @media (min-width: 768px){
        .team__item-detail-lead{
          font-size:14px;line-height:1.66429
        }
      }
      
      .team__item .portrait{
        margin:auto;margin-bottom:-122px;position:relative;pointer-events:none;max-width:320px;padding:16px
      }
      
      @media (min-width: 768px){
        .team__item .portrait{opacity:0;position:absolute;left:0;top:63px;transition:.5s ease-out;padding:0;max-width:initial
        }
      }
      
      .team__item .work-list+.work-list{
        margin-top:1em
      }
      
      .team__item.moriya .portrait,.team__item.sadoshima .portrait{
        margin-bottom:-142px
      }
      
      .team__item.kunimitsu .job li:not(:last-child){
        margin-bottom:1em
      }
      
      @media (min-width: 768px){
        .team__item.kunimitsu .job li:not(:last-child){
          margin-bottom:0
        }
      }
      
      .team__item:hover .portrait{
        display:block;opacity:1
      }
      
      .team.en .motohiro .portrait{
        margin-bottom:-142px
      }
      
      .team.en .moriya .portrait,.team.en .sadoshima .portrait{
        margin-bottom:-122px
      }
      
      .designer .designer__list{
        display:flex;flex-wrap:wrap;justify-content:center
      }
      
      @media (min-width: 768px){
        .designer .designer__list{
          max-width:560px;margin:auto
        }
      }
      
      .designer .designer__item{
        width:calc( ( 100% - 16px ) / 2);margin-bottom:8px;font-size:12px;font-weight:700;line-height:1.43667
      }
      
      @media (min-width: 768px){
        
        .designer .designer__item{
          font-size:12px;line-height:1.43667
        }
      }
      
      @media (min-width: 768px){
        .designer .designer__item{
          width:calc( ( 100% - 32px ) / 3)
        }
      }
      
      .designer .designer__item-thumbnail{
        margin-bottom:8px
      }
      
      .designer .designer__item-caption{
        display:flex;justify-content:space-between;align-items:center
      }
      
      .designer .designer__item-caption::before{
        content:""
      }
      
      .designer .designer__item-caption .social{
        width:16px;height:16px
      }
      
      .designer .designer__item+.designer__item{
        margin-left:16px
      }
      
      .ambassador .ambassador__list{
        display:flex;flex-wrap:wrap;justify-content:center
      }
      
      @media (min-width: 768px){
        .ambassador .ambassador__list{
          max-width:560px;margin:auto
        }
      }
      
      .ambassador .ambassador__item{
        width:calc( ( 100% - 16px ) / 2);margin-bottom:8px;font-size:12px;font-weight:700;line-height:1.43667
      }
      
      @media (min-width: 768px){
        
        .ambassador .ambassador__item{
          font-size:12px;line-height:1.43667
        }
      }
      
      @media (min-width: 768px){
        .ambassador .ambassador__item{
          width:calc( ( 100% - 32px ) / 3)
        }
      }
      
      .ambassador .ambassador__item-thumbnail{
        margin-bottom:8px
      }
      
      .ambassador .ambassador__item-caption{
        display:flex;justify-content:space-between;align-items:center
      }
      
      .ambassador .ambassador__item-caption::before{
        content:""
      }
      
      .ambassador .ambassador__item-caption .social{
        width:16px;height:16px
      }
      
      .ambassador .ambassador__item+.ambassador__item{
        margin-left:16px
      }
      
      .p-footer{
        max-width:560px;margin:auto;padding:32px 0 24px;
      }
      
      .p-footer__logo{
        text-align:center;margin-bottom:24px
      }
      
      .p-footer .social{
        display:flex;justify-content:space-between;align-items:center;max-width:215px;margin:auto;margin-bottom:24px
      }
      
      .p-footer .social__item{
        width:24px
      }

      .p-footer__law-link{
        text-align:center
      }
      
      .p-footer__law-link a{
        text-decoration:underline
      }
      
      small{
        display:block;margin:0 auto 60px;text-align:center;font-size:10px
      
      }
      
      @media (min-width: 768px){
        small{
          font-size:12px
        }
      }
      
      .rules,.law{
        padding:112px 10px 0
      }
      
      @media (min-width: 768px){
        .rules,.law{
          padding:112px 0 0
        }
      }
      
      .rules>.section,.law>.section{
        max-width:800px;margin:auto
      }
      
      .rules__enactment-date,.law__enactment-date{
        text-align:right
      }
      
      .subsection{
        margin-bottom:32px
      }
      
      .subsection__heading{
        margin-bottom:16px;font-size:14px;font-weight:700;line-height:1.71429
      }
      
      @media (min-width: 768px){
        .subsection__heading{
          font-size:22px;line-height:1.43682
        }
      }
      
      .subsection__list{
        list-style-type:disc;padding-left:1.5em
      }
      
      .subsection__item{
        margin-bottom:1em;font-size:12px;font-weight:400;line-height:2.5
      }
      
      @media (min-width: 768px){
        .subsection__item{
          font-size:12px;line-height:1.7175
        }
      }
      
      .law .subsection__item{
        margin-bottom:0
      }
      
      .subsection__sublist{
        list-style-type:circle;padding-left:1.5em
      }
      
      .subsection__subitem{
        font-size:12px;font-weight:400;line-height:2.5
      }
      
      @media (min-width: 768px){
        .subsection__subitem{
          font-size:12px;line-height:1.7175
        }
      }
      
      .subsection p{
        margin-bottom:1em;font-size:12px
      }
      
      .subsection a{
        text-decoration:underline
      }
      
      p{
        font-size:14px;line-height:1.8
      }
      
      @media (min-width: 768px){
        p{
          line-height:2;font-size:16px
        }
      }
      
      p.caption{
        margin-bottom:30px;font-size:18px;text-align:center
      }
      
      @media (min-width: 768px){
        p.caption{
          margin-bottom:40px;font-size:20px
        }
      }
      
      a{
        color:#fff;text-decoration:none;transition:all .3s
      }
      
      a:hover{
        color:#888888
      }
      
      img{
        max-width:100%
      
      }
      
      .img_horizontal{
        display:flex;justify-content:space-between;line-height:0;margin:40px 0
      }
      
      @media (min-width: 768px){
        .img_horizontal{
          margin:80px 0
        }
      }
      
      .img_horizontal+.img_horizontal{
        margin-top:-40px
      }
      
      @media (min-width: 768px){
        .img_horizontal+.img_horizontal{
          margin-top:-80px
        }
      }
      
      .sp-only{
        display:block
      }
      
      @media (min-width: 768px){
        .sp-only{
          display:none
        }
      }
      
      .pc-only{
        display:none
      }
      
      @media (min-width: 768px){
        .pc-only{
          display:block
        }
      }
      
      .sa{
        opacity:0;transition:all 2s ease
      }

      .sa.show{
        opacity:1;transform:none
      }
      
      .sa.sa--fast{
        transition:all .5s ease
      }
      
      .sa--lr{
        transform:translate(-100px, 0)
      }
      
      .sa--rl{
        transform:translate(100px, 0)
      }
      
      .sa--up{
        transform:translate(0, 10px)
      }
      
      .sa--down{
        transform:translate(0, -100px)
      }
      
      .sa--scaleUp{
        transform:scale(0.5)
      }
      
      .sa--scaleDown{
        transform:scale(1.5)
      }
      
      .sa--rotateL{
        transform:rotate(720deg)
      }
      
      .sa--rotateR{
        transform:rotate(-180deg)
      }


.container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
}


.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-bottom: 30px;
}

.container img {
  width: 100%;
}

@media (min-width: 768px){
  .container img {
    width: 300px;
    height: 150px;
  }
}

@media  (min-width: 1040px){
  .container img {
    width: 200px;
    height: 200px;
  }
}


.container02 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-bottom: 30px;
}

.container02 img {
  width:170px;
  height: 170px;
}

@media (min-width: 768px){
  .container02 img {
    width: 250px;
    height: 250px;
  }

  .container02 {
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   gap: 50px;
   padding-bottom: 30px;
  }
}

video {
  max-width: 100%;

}

.container03 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding-bottom: 30px;
}

.container03 img,video{
  width: 170px;
  height: 170px;
}

.scroll02 {
  overflow-y: scroll;
  height: 400px;
}

@media (min-width: 768px){
  .scroll02{
    overflow-y: scroll;
    height: 400px;
  }

  .container03 img,video{
    width: 250px;
    height: 250px;
  }
}

.js-smooth img {
  width: 30px;
  height: 30px;

}

@media (min-width :768px){
  .js-smooth img {
    width: 70px;
    height: 70px;
  
  }
}

.social img {
  width: 25px;
  height: 25px;
}

.p-footer{
  max-width:560px;margin:auto;padding:32px 0 24px;
}

.p-footer__logo{
  text-align:center;margin-bottom:24px
}

.p-footer .social{
  display:flex;justify-content:space-between;align-items:center;max-width:215px;margin:auto;margin-bottom:24px
}

.p-footer .social__item{
  width:24px
}

.p-footer__law-link{
  text-align:center
}

.p-footer__law-link a{
  text-decoration:underline
}

small{
  display:block;margin:0 auto 60px;text-align:center;font-size:10px

}

/* force image size */
.slide img {
  width: inherit;
  height: inherit;
  margin: 0;
  padding: 0;
  border: none;
}

.slide {
  white-space: nowrap;
  width: 200px;
  height: 200px;
  overflow: hidden;
}

@media (min-width:768px){
  .slide {
    white-space: nowrap;
    width: 300px;
    height: 300px;
    overflow: hidden;
  }
}


.slide > :first-child {
  animation-name: slide;
  animation-duration: 48s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}

@keyframes slide {
  0% {
    margin-left: 0;
  }
  8% {
    margin-left: -100%;
  }
  16% {
    margin-left: -200%;
  }
  24% {
    margin-left: -300%;
  }
  32% {
    margin-left: -400%;
  }
  40% {
    margin-left: -500%;
  }
  48% {
    margin-left: -600%;
  }
  56% {
    margin-left: -700%;
  }
  64% {
    margin-left: -800%;
  }
  72% {
    margin-left: -900%;
  }
  80% {
    margin-left: -1000%;
  }
  88% {
    margin-left: -1100%;
  }
  100% {
    margin-left: -1200%;
  }
}

.center {
  margin: auto;
  margin-bottom: 10px;
}



/* .sideshow {
  display: flex;
}

.sideshow img {
  width: 100px;
  height: 100px;
}

.wrap {
  display: flex;
  align-items: center;
  height: 340px;
  overflow: hidden;
} */



h2 img{
  width: 30%;
}

.nfts{
  margin-bottom: 15px;
}

@media (min-width:768px){
  .nfts{
    display: flex;
  }
}