@media screen and (max-width: 767px) {
  p{
    font-size: 14px;
  }

  .sp{
    display: block;
  }

  .pc{
    display: none;
  }

  .offset-1{
    margin-left: 0;
  }

  .wm-navbar-inner {
    position: relative;
    padding: 0 12px;
    height: 56px;
    z-index: 1000;
  }
  .wm-navbar-brand a {
    font-size: 1.2rem;
  }
  .wm-navbar-nav {
    position: absolute;
    top: 56px;
    right: 0;
    left: 0;
    background: #fff;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.06);
    display: none;
  }
  .wm-navbar-nav.open {
    display: flex;
  }
  .wm-navbar-nav li {
    margin-bottom: 0px;
  }
  .wm-navbar-nav a{
    font-size: 1rem;
    padding: 10px 0;
  }
  .wm-navbar-nav li:not(:last-child)::after {
    content: "";
    margin: 0;
  }
  .wm-navbar-toggler {
    display: block;
  }
  .wm-navbar-nav {
      position: absolute;
      top: 56px;
      right: 0;
      left: 0;
      background: #fff;
      flex-direction: column;
      align-items: flex-start;
      padding: 16px 24px;
      box-shadow: none;
      display: block;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-16px);
      transition: opacity 0.3s cubic-bezier(.4,0,.2,1), transform 0.3s cubic-bezier(.4,0,.2,1);
      z-index: 2000;
  }
  .wm-navbar-nav.open {
      opacity: 1;
      pointer-events: auto;
      transform: translateY(0);
  }
  .wm-navbar-nav:not(.open) {
      opacity: 0;
      pointer-events: none;
      transform: translateY(-16px);
  }
  .wm-navbar-nav li:not(:last-child)::after {
      content: "";
      margin: 0;
  }
  .wm-navbar-toggler {
      display: block;
  }
  /* オーバーレイ */
  .wm-navbar-overlay {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.15);
      opacity: 0;
      transition: opacity 0.3s cubic-bezier(.4,0,.2,1);
  }
  .wm-navbar-overlay.open {
      display: block;
      opacity: 1;
  }

  .wm-navbar-brand h2{
    font-size: 18px;
  }

  .tp-main{
    padding-top: 100px;
    flex-direction: column;
  }

  .tp-title,.tp-mainimg{
    width: 100%;
  }

  .tp-title h1{
    font-size: 30px;
  }

  .tp-title p{
    font-size: 14px;
  }

  .tp-title img{
    width: 100%;
  }

  .tp-about{
    margin-top: 0;
    border-radius: 0;
    border-bottom: 20px solid #00913a;
    height: 60vh;
  }

  .tp-about::before{
    border-radius: 0;
  }

  .tp-about-content{
    width: 85%;
    margin: 0 auto;
  }

  .tp-about-content h2{
    font-size: 18px;
  }

  .tp-ser-content{
    flex-direction: column;
    margin: 50px auto;
  }

  .tp-ser-content2{
    flex-direction: column-reverse;
  }

  .tp-ser-r,.tp-ser-l{
    width: 100%;
  }

  .tp-ser-r h4{
    font-size: 24px;
  }

  .tp-ser-r{
    margin-top: 30px;
  }

  .tp-comp-content{
    flex-wrap: wrap;
  }

  .tp-comp-icon{
    width: 45%;
  }

  .tp-comp-link{
    font-size: 60px;
    height: 150px;
    line-height: 150px;
  }

  .tp-news .col-md-10{
    flex-direction: column;
  }

  .tp-news-title,.tp-news-content{
    width: 100%;
  }

  .news-day,.news-text{
    display: block;
  }

  .news-tag{
    display: none;
  }

  .news-day,.news-text{
    width: 100%;
    font-size: 14px;
  }

  .tp-contact-content h4{
    width: 100%;
  }

  .tp-contact-content p{
    font-size: 16px;
  }

  footer{
    padding-top: 50px;
  }

  .foot-title img{
    width: 80%;
  }

  .foot-sitemap ul{
    flex-direction: column;
    gap: 0;
    text-align: center;
  }

  /* common */
  .common-head{
    padding: 100px 0 30px;
  }

  .head-title h2{
    font-size: 30px;
    letter-spacing: 2px;
  }

  /* company */
  .comp-category ul{
    flex-direction: column;
    gap: 10px;
  }

  .comp-category a{
    font-size: 14px;
    margin-left: 20px;
  }

  .comp-flex{
    flex-direction: column;
    gap: 20px;
  }

  .comp-title,.greet-content, .comp-content, .comp-store-content, .comp-dealers, .comp-serviceshop, .his-content, .ser-content{
    width: 100%;
  }

  .comp-content, .comp-dealers, .comp-serviceshop, .his-content, .ser-content{
    padding: 20px;
  }

  .comp-content th,.comp-content td{
    display: block;
    width: 100%;
    padding: 10px 0;
  }

  .greet-content img{
    width: 60%;
  }

  .his-content tr:first-child td{
    border-top: 1px solid #eee;
  }

  .his-content th,.his-content td{
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  .his-content th p{
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .ser-safety ul{
    flex-direction: column;
    gap: 10px;
  }

  .ser-safety li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .ser-safety li img{
    width: 20%;
  }

  .ser-safety li p{
    width: 75%;
    text-align: left;
    margin-top: 0;
  }

  .ser-safety li p br{
    display: none;
  }

  .ser-price{
    overflow-x: auto;
    white-space: nowrap;
  }

  /* zaiko */
  .zaiko-content,.zaiko-hosho{
    flex-direction: column;
  }

  .zaiko-hosho h5{
    border-right: none;
    padding-right: 0;
  }

  .zaiko-img,.zaiko-text{
    width: 100%;
  }

  .zaiko-spec h4{
    width: 100%;
  }

  .zaiko-spec-data{
    flex-direction: column;
  }

  .zaiko-spec-data table{
    width: 100%;
  }

  .zaiko-spec-data th,.zaiko-spec-data td{
    width: 50%;
  }

  .zaiko-price{
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
  }

  .zaiko-price1{
    width: 100%!important;
  }

  .zaiko-price2,.zaiko-price3{
    width: 45%!important;
  }

  .zaiko-price1 p{
    font-size: 16px;
  }

  .zaiko-price1 h5{
    font-size: 34px;
    margin-bottom: 0;
  }

  .zaiko-price1 h5 span{
    font-size: 16px;
  }

  .zaiko-price2 p, .zaiko-price3 p{
    font-size: 12px;
  }

  .zaiko-price2 h5,.zaiko-price3 h5{
    font-size: 16px;
  }

  .cis-data-price{
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
  }

  .cis-data-price-item1{
    width: 100%;
  }

  .cis-data-price-item1 dt {
    font-size: 22px;
  }

  .cis-data-price-item1 dt span{
    font-size: 40px;
  }

  .cis-data-price-item2,.cis-data-price-item3{
    width: 45%;
  }

  .cis-content1,.cis-content2,.cis-hosho{
    flex-direction: column;
  }

  .cis-img,.cis-data,.cis-r,.cis-l{
    width: 100%;
  }

  .thumb-list{
    flex-wrap: nowrap;
    overflow: scroll;
  }

  .thumb-list img{
    height: auto;
  }

  .cis-content2{
    margin-top: 50px;
  }

  .cis-spec-item table{
    width: 100%;
  }

  .cis-spec-item th,.cis-spec-item td{
    display: block;
  }

  .cis-spec h4,.cis-sales h4{
    width: 60%;
  }

  .cis-hosho h4,.cis-hosho p{
    width: 100%;
  }

  .cis-hosho h4{
    text-align: center;
    padding: 5px 0;
  }

  .wm-link-content{
    width: 90%;
  }

  .wm-linkbtn{
    flex-direction: column;
  }

  .wm-linkbtn a{
    width: 90%;
    padding: 20px 0;
  }
}