@media screen and (max-width: 768px) {
  .row .col {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-1 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-2 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-3 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-4 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-5 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-6 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-7 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-8 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-9 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-10 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-11 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .row .col.col-12 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  a.bn01.pc {
    display: none;
  }
  a.bn01.sp {
    display: inherit;
  }
}

@media screen and (max-width: 768px) {
  .content_inner .row {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media screen and (max-width: 768px) {
  a.btnCta02 {
    max-width: 360px;
    margin: 4px auto;
  }
}

@media screen and (max-width: 768px) {
  a.btnCta02 + figure.callPhone-info,
  a.btnCta02 + .callInfo {
    max-width: 360px;
    width: 100%;
    margin: 4px auto;
  }
}

@media screen and (max-width: 768px) {
  header {
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  header .header_wrapper .header_inner .header_contents {
    padding: 0;
  }
}

@media screen and (max-width: 768px) {
  header .header_wrapper .header_inner .header_contents .logo_area h1.title_logo {
    width: auto;
    height: auto;
    margin: auto;
    padding: 0;
  }
}