@media only screen and (max-width: 1023px) {
  .logo {
    top: 16px;
  }
  .u-inner {
    width: 100%;
    padding: 0 50px;
  }
  .top-intro-cols {
    flex-direction: column;
    gap: 56px;
  }
  .top-intro-pic {
    width: 100%;
  }
  .top-criterias {
    flex-direction: column;
    gap: 68px;
  }
  .u-hdr01 {
    margin-bottom: 39px;
  }
  .brand-list-cols {
    margin-top: -9px;
  }
  .top-store-cols {
    flex-direction: column-reverse;
    gap: 61px;
  }
  .top-store-contents::before {
    content: "";
    display: block;
    background-image: url(/assets/img/top/store-pic01@2x.jpg);
    background-size: cover;
    width: 100%;
    padding-top: 71.4%;
    margin-bottom: 56px;
  }
  .top-store-cols .top-store-pic > img {
    display: none;
  }
  .map {
    margin-top: 0;
  }
  .top-store-pic {
    width: 100%;
  }
  .top-slides .slide01 {
    background-image: url(/assets/img/top/sp-slide01@2x.jpg?v=1.00);
  }
  .top-slides .slide02 {
    background-image: url(/assets/img/top/sp-slide02@2x.jpg?v=1.00);
  }
  .top-slides .slide03 {
    background-image: url(/assets/img/top/sp-slide03@2x.jpg?v=1.00);
  }
  .top-slides .slide04 {
    background-image: url(/assets/img/top/sp-slide04@2x.jpg?v=1.00);
  }
  .top-slides .slide05 {
    background-image: url(/assets/img/top/sp-slide05@2x.jpg?v=1.00);
  }
  .top-slides .slide06 {
    background-image: url(/assets/img/top/sp-slide06@2x.jpg?v=1.00);
  }
  .top-slides .slide07 {
    background-image: url(/assets/img/top/sp-slide07@2x.jpg?v=1.00);
  }
  .top-slides .slide08 {
    background-image: url(/assets/img/top/sp-slide08@2x.jpg?v=1.00);
  }
  .top-slides .slide09 {
    background-image: url(/assets/img/top/sp-slide09@2x.jpg?v=1.00);
  }
  .top-slides .slide10 {
    background-image: url(/assets/img/top/sp-slide10@2x.jpg?v=1.00);
  }
  .form-content {
    width: 100%;
  }
  .top-store-tel a {
    pointer-events: all;
  }
  .footer {
    padding: 142px 0 38px;
  }
  .msg-complete {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .logo {
    top: 5px;
    left: 20px;
  }
  .logo svg {
    width: 200px;
    height: 16.8px;
  }
  .u-inner {
    width: 100%;
    padding: 0 20px;
  }
  .brand-logo {
    margin-bottom: 16px;
  }
  .footer {
    padding: 142px 0 28px;
  }
}