@media(max-width:1024px){


header{
  width:100vw;
  height: 60px;
}

.header__nav--list{
  display: none;
  flex-direction: column;
}

.header__nav--list a{
  display: block;
    text-decoration: none;
    color: #333333;
    border: 1px solid #080707;
    padding: 10px;
    background-color: #ffffff;
}

.nav-store img{
  margin-right: 13px;
  width: 20px;
  height: 21px;
}

.nav-contact img{
  margin-right: 15px;
  width: 18px;
  height: 13px;
}

.header__logo img{
  width:109px;
  height:19px;
}

.header__logo{
  margin-left: 20px;
}

.burger-btn{
  display: block;
}

.fv{
  /*background-image: url("../img/bg-sp1.jpg");*/
  height: 420px;
}

.fv__wrapper {
    position: absolute;
    top:40%;
    left:30px;
}

.fv__wrapper--title h1{
  font-size: 24px;
}

.sp{
  display: block;
}

.slider img{
  height: 420px;
}

.slider-sp{
  display: none;
}

  .slider-sp img{
width: 100%;
height: 420px;
}



.slick-dots{
	bottom: 61px!important;
}

.news__container{
  top:410px;
  width:90%;
  height:620px;
  margin-top:-40px;
  padding: 40px 15px;
}

.news__wrapper--main h2{
  font-size: 20px;
  line-height: 0.75;
}

.news__wrapper--sub h3{
  font-size: 14px;
  line-height: 1.07;
}

.news__container--contents{
  flex-direction: column;
  padding: 0;
  margin-top: 30px;
}

.news__contents{
  width:100%;
  margin-bottom: 30px;
  padding-left: 0;
}

.news__contents--title p{
  font-size: 11px;
  line-height: 1.36;
}

.news__contents--news p{
  margin-top: 15px;
}

.btn{
  height:50px;
  font-size: 14px;
  line-height: 1.07;
}

.blank{
  height:585px;
}

.furniture__container{
  width: 90%;
  margin-top: -37px;
  padding: 74px 0 0 0;
}

.furniture__wrapper--main h2{
  font-size: 20px;
  line-height: 0.75;
  margin-bottom: 15px;
}

.furniture__wrapper--sub h3{
  font-size: 14px;
  line-height: 1.07;
}

.furniture__contents{
  margin-bottom: 0;
  margin-top: 60px;
}

.furniture__contents img{
  width: 50%;
  height: 335px;
}

.furniture__contents-term{
  padding: 0;
  margin-left: 60px;
}

.term-text{
  padding-bottom: 29px;
}

.furniture__contents-title h3{
  font-size: 20px;
  line-height: 0.75;
  margin-top: 29px;
  margin-bottom: 29px;
}

.furniture-btn{
  margin: 0 auto;
  margin-top: 30px;
}

.furniture__contents-color{
  padding: 0;
  margin-right: 60px;
}

/*.furnitures{
  width: 100vw;
  flex-direction: column;
  margin-top: 60px;
}

.furniture__content{
  display: block!important;
  width: 100%;
}*/

.furniture__content{
  margin-top: 60px;
}

.furniture__contents-wrapper{
  width: 90vw;
}

.furniture__content img{
  width: 50%;
  height: 334px;
  margin-bottom:0;
}

.furnitures-btn{
  margin-top: 29px;
  margin-bottom: 60px;
}


.list__wrapper{
  width: 90%;
 padding: 40px 0 0 0;
}

.list__wrapper img{
  width:50%;
  height:270px;
}


.store__wrapper{
  width: 90%;
  padding: 80px 0 0 0;
  margin-top: -80px;
}

.store__wrapper img{
  width:50%;
  height:230px;
}

.list-text{
  margin-bottom: 40px;
}

.special{
  margin-bottom: 60px;
}

.employment__container{
  padding-bottom: 40px;
}

.employment-btn{
  margin-top: 30px;
}

.employment__wrapper--main h2{
  padding-top: 40px;
}

.employment__wrapper--sub h3{
  margin-top: 15px;
  margin-bottom: 40px;
}

.footer__top{
  flex-direction: column;
  padding: 0;
}

.info{
padding:30px 74px;
}

.logo img{
  display: block;
  width: 109px;
  height: 17px;
  margin: auto;
}

.address p{
  margin-top: 19px;
  text-align: center;
}

.tel p{
  font-size: 23px;
  text-align: center;
}

.link{
  flex-direction: column;
}

.link__left{
  margin-right: 0;
}

.link-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 22px;
  border-top: 1px solid #555555;
  border-bottom: 1px solid #555555;
  width:100%;
  height: 50px;
}

.link-btn span{
  display: block;
  margin-right: 20px;
}

.link__left--border a{
  margin-top: 20px;
  padding-left: 22px;
}

.link__left--center{
  margin-top: 0;
  padding-top: 20px;
  padding-left: 20px;
  margin-bottom: 31px;
}

.links-btn{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.links-btn hr{
  width: 15px;
  display: block;
  margin-right: 25px;
}

.link__left--bottom{
  margin-left: 0;
  padding-left: 20px;
  margin-bottom: 20px;
}

.employ-btn{
  margin-top: 14px;
}

.link__right--info a{
  padding-left: 30px;
}

.link__right--center{
  margin-top: 0px;
  margin-bottom: 0px;
}

.link__right--center a{
  border:none;
}

.footer__bottom{
  flex-direction: column-reverse;
  padding: 0px;
}

.inc p{
  text-align: center;
  margin-bottom: 30px;
}

.privacy a{
  margin-top: 30px;
  margin-bottom: 30px;
  display: block;
  text-align: center;
}

/*ハンバーガーメニュー*/

    .burger-btn{
        display: block;
        width: 30px;
        height: 20px;
        position: relative;
        z-index: 3;
        /*   codepenの挙動のため */
        background-color:transparent;
        border:none;
        margin-right: 20px;
      }


      .bar{
        background-color: #333333;
        display: block;
        position: absolute;
        transform: translateX(-50%);
       }

      .bar_top{
        width: 25px;
        top: 7px;
        right:15px;
        left:38%;
        border:1px solid #333333;
      }

      .bar_mid{
        width: 20px;
        top: 17px;
        right:15px;
        left:43%;
        border:1px solid #333333;
      }

      .bar_bottom{
        width:15px;
        top: 27px;
        right:15px;
        left:50%;
        border:1px solid #333333;
      }


      .burger-btn.close .bar_top{
        width: 30px;
        left:50%;
        transform: translate(-50%,10px) rotate(45deg);
        transition: transform .3s;
      }
      .burger-btn.close .bar_mid{
        opacity: 0;
        transition: opacity .3s;
      }
      .burger-btn.close .bar_bottom{
        width: 30px;
        transform: translate(-50%,-10px) rotate(-45deg);
        transition: transform .3s;
      }

      .nav__wrapper--sp{
        display: none;
        width: 100vw;
        height:100vh;
        position: fixed;
        overflow: auto;
        top: 0;
        left: 0;
        z-index: 2;
        padding-top: 500px;
        background-color:antiquewhite;
      }

      .header__nav{
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color:antiquewhite;
      }

      .nav-store a{
        display: block;
          padding: 30px 26px 27px 26px;
          font-family: 'Quicksand';
          font-size: 15px;
          font-weight:500;
          text-align: center;
          letter-spacing: 0.05em;
          background-color: #24a2b3;
          color: #ffffff;
      }

      .nav-contact a{
        display: block;
        font-family: Noto Sans CJK JP;
        padding: 35px 26px 27px 26px;
        font-size: 15px;
        font-weight: 500;
        text-align: center;
        letter-spacing: 0.05em;
        background-color: #aa8f7b;
        color: #ffffff;
      }

      .header__nav .header__nav--list{
        display: block;
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: left;
        padding-top: 280px;
        padding-bottom: 280px;
      }
      .header__nav .nav-item{
        margin-right: 0;
        margin-bottom:30px;
        text-align: center;
      }

      body.noscroll{
        overflow: hidden;
      }

      .nav__wrapper{
          display: none;
      }
}

@media (max-width:559px){


  .nav-store a{
    padding: 30px 0px 27px 0px;
}

.nav-contact a{
    padding: 35px 0px 27px 0px;
}


  .furniture__contents img{
  width: 90vw;
}

.furniture__content img{
  width: 90vw;
}

.list__wrapper img{
  width:380px;
}

.store__wrapper img{
  width:380px;
}


  .slider{
    display: none;
  }

  .furniture__contents{
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 60px;
}

.furniture__contents-term{
  margin-left: 0px;
}

.furnitures{
  /*width: 100vw;*/
  flex-direction: column;
  margin-top: 60px;
}

.furniture__content{
  display: block!important;
  width: 100%;
}

.furniture__content img{
  width: 90vw;
  height: 334px;
  margin-bottom:0;
  margin-right: 0!important;
}

.list__wrapper{
 flex-direction: column;
}

.list__contents-wrapper{
  margin-left: 0;
}

.list__wrapper img{
  width:90vw;
  height:177px;
}


.store__wrapper{
  flex-direction: column;
}

.store__wrapper img{
  width:90vw;
  height:176px;
}

.furniture__contents-color{
  margin-right: 0px;
}

}

@media (max-width:350px){

  .tel p{
    font-size: 0.9rem;
  }

 .news__container {
    top: 75%;
}
.header__nav--list a {
    font-size: 0.9rem;
}

.nav-store a {
    font-size: 0.8rem;
}

}

@media (max-width:1400px){
  .furnitures{
   flex-wrap: wrap;
    justify-content: space-between;
  }

  .furniture__content{
    display: flex;
    width: 100%;
  }

  .furniture__content img {
    margin-right: 60px;
}

  .furniture__contents-wrapper{
    align-items: center;
  }

  .nav-item {
    margin-right:26px;
}

}
