@charset "UTF-8";
/* 下層共通 */
@media (max-width: 1150px) {
main{
  padding: 60px 15px;
}
.page-header{
  height: 320px;
}
.page-ttl-wrap{
  bottom: -130px;
  width: 90%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.page-ttl-wrap .inner-narrow{
  padding-top: 40px;
}

.inner-page{
  width: 100%;
}

/* サービス */
.page-service{
  padding-top: 80px;
}
.service-items{
  margin-bottom: 60px;
}
.service-items::before{
  width: 100%;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
.service-wrap{
  width: 100%;
  flex-flow: column;
}
.service-img{
  position: relative;
  width: 90%;
  padding-top: 240px;
  top:-20px;
  left: 0;
}
.service-button-outer{
  width: 100%;
  margin: 0;
  padding: 20px;
}
.service-button-outer h2{
  font-size: 24px;
}

.page-service a.target-link:nth-of-type(even) .service-items .service-img{
  right: 0;
}
.page-service a.target-link:nth-of-type(even) .service-items::before{
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}
/* 在庫 */
.stock-wrap ul li{
  width: 100%;
}

.stock-wrap ul li:nth-child(3n+2):last-child {
    margin-left: 0;
    margin-right: 0;
}

/* 在庫詳細 */
.swiper-my-pagination .swiper-pagination-bullet{
  width: 20%;
}
.info-wrap{
  flex-wrap: wrap;
}
.info-name{
  width: 100%;
}
.info-price{
  width: 100%;
  text-align: right;
}

.stock-table,.stock-option{
  font-size: 10px;
}
.stock-contact{
  padding: 20px;
}

/* 実績 */
.result-wrap ul li {
    width: 100%;
    margin-bottom: 20px;
    transition: all 0.3s;
    position: relative;
    display: flex;
    flex-flow: column;
}

.result-wrap ul li:nth-child(3n+2):last-child {
    margin-left: 0;
    margin-right: 0;
}

/* スタッフ */
.staff-wrap ul li{
  width: 100%;
}

.staff-wrap ul li:nth-child(3n+2):last-child {
    margin-left: 0;
    margin-right: 0;
}


/* お客様の声 */

.voice-wrap ul li{
  width: 100%;
}

.voice-wrap ul li:nth-child(3n+2):last-child {
    margin-left: 0;
    margin-right: 0;
}
    
    
/*****20200309******/
.store-wrap {
    flex-wrap: wrap;
}
.page-store .store-items::before {
    width: 100%;
    transform: translate(0px);
}
    
.store-img {
    width: 100%;
    top: -130px;
    left: 0%;
}
    
.store-map-area {
    position: static;
    width: 100%;
    height: 350px;
    order: 2;
    padding-top: 0px;
    padding-bottom: 50px;
}
        
.store-button-outer {
    width: 100%;
    padding: 10px;
    margin-top: 22em;
    margin-bottom: 30px;
}


}


@media (max-width: 880px) {
  .store-img img{
    top: 70%;
    height: 60%;
  }


  .service-d-item{
    display: flex;
    flex-wrap: wrap;
  }

  .service-d-item.reverse{
    flex-direction: column-reverse;
  }

  .service-d-item > div{
    width: 80%;
    text-align: center;
  }

  .img-pos{
    margin-top: 0;
  }
}