/* responsive */
@media (min-width: 751px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
  }
  
  @media only screen and (max-device-width: 1024px) {
  
      }
  
  @media only screen and (max-device-width: 768px) {
  
  .is_pc{
    display: none;
  }
  
  .is_sp{
    display: block;
  }

    /* header */
    header{
      position: fixed;
      width: 100%;
      top:0;
    }
  
    .header .nav_menu li a{
      font-size: 14px;
      border-bottom: 1px dashed #c1c1c1;
      color: #333333;
      text-align: left;
      position: relative;
    }
  
    .footer .nav_menu li a{
      text-align: left;
      padding: 10px 0px;
    }
  
    .footer_right{
      margin:15px 0;
    }
  
    .footer_left,.copyright{
      text-align: center;
    }
  
    .header .nav_menu li a:after{
      content: "\f105";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #026c34;
      font-size: 12px;
      position: absolute;
      right: 0;
    }
  
    .menu_logo img{
      width: 65px;
    }
  
    .hamburger-menu{
      display: block;
    }
  
    .car_icon_container{
      padding-top:75px;
    }
  
    .menu-btn {
      position: absolute;
      top: 0;
      right: 0;
      display: flex;
      height: 60px;
      width: 60px;
      justify-content: center;
      align-items: center;
      z-index: 90;
    }
  
    .menu-btn span,
    .menu-btn span:before,
    .menu-btn span:after {
      content: '';
      display: block;
      height: 2px;
      width: 20px;
      border-radius: 3px;
      background-color: #000000;
      position: absolute;
    }
  
    .fixed .menu-btn span,
    .fixed .menu-btn span:before,
    .fixed .menu-btn span:after{
      background-color: #006be0;
    }
  
    .menu-btn span:before {
      bottom: 7px;
    }
  
    .menu-btn span:after {
      top: 7px;
    }
      
    #menu-btn-check:checked ~ .menu-btn span {
      background-color: rgba(255, 255, 255, 0);
    }
  
    #menu-btn-check:checked ~ .menu-btn span::before {
      bottom: 0;
      transform: rotate(45deg);
    }
  
    #menu-btn-check:checked ~ .menu-btn span::after {
      top: 0;
      transform: rotate(-45deg);
    }
      
    .menu-content {
      width: 80%;
      height: 100%;
      position: fixed;
      top: 0;
      left: 100%;
      z-index: 80;
      background:#ffffffdb;
      transition: all 0.5s;
      padding:0 20px;
      margin-top:60px;
      display: block;
    }

    .logo_w{
      width: 180px;
      padding:10px 0 0 0;
    }
  
    .title_inner h1{
      font-size: 27px;
    }
  
    .title_back{
      top: 65px;
      height: 105px;
  }
  
    .header{
      height: 60px;
    }
  
    .header_top{
      background: #ffffff;
      height: 65px;
    }
  
    .header_top p{
      margin-left:10px;
    }
  
    #menu-btn-check:checked ~ .menu-content {
      left: 20%;
    }
  
    #menu-btn-check {
      display: none;
    }
  
    #menu-btn-check:checked ~ .hamburger_cover{
      position: fixed;
      width: 100%;
      height: 100%;
      top: 60px;
      left: 0;
      background: rgb(0 0 0 / 40%);
      display: block;
    }
  
    .header ul{
      display: block;
    }

  .nav_menu li a{
    font-size: 11px;
    padding: 15px 5px;
  }

  .nav_menu li{
    width: 100%;
  }

  .first_view .text_box{
    left:40px;
  }

  
  }
  
  @media only screen and (max-device-width: 480px) {	
      .cal_2,.cal_3,.cal_4{
          width:100%;
  }
  
  .cal_5{
    width: calc(33.3% - 15px / 3);
    padding-bottom: 10px;
  }

  .aboutus_section .cal_3,.service_section .cal_2,.service_section02 .cal_2{
    margin-bottom:20px;
  }

  .page_section h2{
    margin: 60px 0 0 0;
    padding: 50px 0 40px 0;
  }

  .breadcrumbs{
    padding:10px;
  }

  .wrapper {
    padding: 40px 20px;
}

.table th, .table td {
  padding: 20px 10px;
}

.scrolldown1{
left:46%;
}

.message_container .left,.message_container .right{
    width: 100%;
}

.message_container .right{
  padding-top:15px;
}

.message_container p{
font-size:14px;
}

.message_container .img img{
    width: 80%;
}

.message_container .img{
    text-align: center;
}

.service_section .box_container01{
margin:0;
}

.service_section02 .link a{
    margin: 0;
}

.insta_a{
    padding: 7px 5px 7px 27px !important;
	margin-right:5px!important;
}

.service_section02 .link a{
padding: 7px 6px;
}

.insta{
    left: 5px;
}

.staff_right {
    width: 100%;
}

.staff_left{
    width: 50%;
}
  
  }
  
  @media only screen and (max-device-width: 320px) {
  
  .first_view .text_box img{
     width:250px;
}

    .first_view .text_box {
        left: 30px;
		top: 170px;
    }
  
  }