@media (max-width:1440px){
  .inner{padding-left: 0.882rem; padding-right: 0.882rem;}
  #header #logo{left: .882rem}
  #header .etc{right: 0.882rem}
  #header > .inner{padding-left: 30%;}

  .history_w .l{width: 40%}
  .history_w .cont{padding-left: 45%;}

  .cont-st1{padding-left: 350px;}
  .cont-st1 .tit{width: 350px}
}
@media (max-width:1024px){
    html{font-size: 16px}
    .tablet{display: block !important}
    .pc_only{display: none !important}
    #header .inner{height: 5.3em}
    #top_nav{display: none;}
    #btn-menu{display: block;}
    #header .etc{line-height: 5.3em;}
    #header #logo{    left: 50%;
    top: 50%;
    margin: 0;
    height: 3.8em;    transform: translate(-50%,-50%);}
    #header #logo img{height: 100%}

    br.m{display: none;}
    .block-t{display: block;}
    #footer .top .inner{padding-top: 1.4em; padding-bottom: 1.4em;}
    #footer{}
    #footer .logo,#footer .sns{position: static;}
    #footer .logo img{display: block;margin: 0 auto;}
    #footer .in{text-align: center;padding-left: 0;}
    #footer .address{margin: 1.5em 0;}
    #footer .copyright{padding-top: 1.5em; padding-bottom: 1.5em;}
    .go_top{position: relative;; width: 3em; height: 3em; left: 50%;margin-left: -1.5em; bottom: auto; margin-top:2em;}

    #sub_visual{padding: 70px 0 110px}
    #location{line-height: 3.3rem; height: 3.3rem}
    #location li{padding: 0 1.5em}
    .cont-st1{display: block; padding-left: 0;}
    .cont-st1 .tit{width: 100%;margin-bottom: 1.5em; position: static;}
    .history_w .l{    height: auto;
    padding-bottom: 50%; bottom: auto; top:1em}
    .history_w .cont{padding-left: 44%;}
    .history_w .r .top{margin: 1em 0}
    .history_w .r .top:before{display: none;}
    .history > li{padding-left: 3em;}
    .location .item{padding-left: 0;}
    .location .item .l{position: static;width: auto; margin-bottom: 1em; padding-top: 3em;}
    .location .tel{margin-top: 10px;}

  .tit-goods{margin-bottom: 1em;}
    .tit-goods .bbs-sch{position: relative; margin: 1.5em 0 1em; left: auto;width: 100%;height: 3.5em  }
    .tit-goods .bbs-total{position: static;}
    .bbs-view .top{padding: 1.5em 0;text-align: center;}
    .bbs-view .top .tit{float: none}
    .bbs-view .date{float: none; margin-top: 1em;display: block;}
    .bbs-view .cont{padding: 1.5em 0}

    .prev_next dl{position: relative;padding-left: 5em;;border-top: 1px solid #ccc; line-height: 3.5em;}
    .prev_next dt{width:5em;}
    .prev_next dd{padding: 0 1em}
}
@media (max-width:720px){
  .pc{display: none !important;}
  .mobile{display: block !important;}
  .sub_page{padding-top: 3rem;padding-bottom: 5rem;}
    html{font-size: 15px}
    #footer .top{text-align: center;}
    #footer .top .r{display: none;}
    #location li{padding:0 1em}
    #sub_visual{padding: 50px 0 80px;font-size: 1.18em;}
    .company .group{padding: 3.5rem 0}
    .company .item_w > li{width: 29.3333333333333%}
    .goods-list{margin-left: 0;}
    .goods-list > li{width: 100%;margin-left: 0; margin-bottom: 30px;}
    .goods-list .cont{margin-top: 1.18em;}
    .goods-list .cont .t{margin-bottom: .3em;}
    .tit-goods .bbs-sch{padding-right: 5em;}
    .tit-goods .btn-sch{width: 5em;}

.form-st1 .item,.form-st1 .item > *{display: block;}
    .form-st1 .t{width: 100%; padding: 10px;text-align: left;}
    .form-st1 input[type="text"]{max-width: 100%}
    .form-st1 .cont{padding: 10px}
    .form-st1 input[type="text"]{height: 3em}
    .form-st1 textarea{height: 13em}
    .bbs-photo{margin-left: 0;}
    .bbs-photo > li{width: 100%;margin-left: 0;margin-bottom: 30px;}

.paging_w{margin-top: 4em;}
.paging_w li{font-size: 13px;}
    .paging_w a{width: 2.4em;height: 2.4em;line-height: 2.4em;}

    .privacy .item{padding: 1.3em;width: 97%}

.terms .group,.terms .group > *{display: block;}
.terms .group{padding: 2.4em 0}
    .terms .group .t{width: 100%;margin-bottom: 1em;}

    .goods-view .top > .l{float: none;width: 100%}
    .goods-view .top > .r{float: none;width: 100%; margin-top: 1.5em;}
    .goods-view .slick-dots{margin-top: 1.5em;}
    .goods-view .slick-dots li{margin: 0 10px; width: 10px;height: 10px}
    .goods-view .top{margin-bottom: 3em;}
    .goods-view .r .tit{margin-bottom: 1.5em; padding-bottom: 1.3em;}
    .goods-view .r .tit .t{margin-bottom: .5em;}
    .tabs-goods{margin-bottom: 3em;}


      .history_w .l{width: 30%}
      .history_w .cont{padding-left:35%;}
}
/* @media (max-width:420px){
    html{font-size: 14px}
} */
@media (max-width:380px){
    html{font-size: 14px}
}