@media screen and (max-width : 1024px ){
  body{
  margin:0;
  }
  .hum-menu{
      display: block;
      position: fixed;
      top:20px;
      right: 20px;
      float: none;
      background-color:#6dc50d;
      z-index:100000;
  }
  nav{
      display: none;
  }
  .open{
      display: block;
  }
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: static;
    width: 60px;
    height: 60px;
  }
  .menu-trigger span {
    position: absolute;
    left: 15%;
    width: 70%;
    height: 4px;
    background-color: #ffffff;
    border-radius: 0;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 20px;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 30px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 16px;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
    height:40px;
    top:-8px;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  nav{
      position: fixed;
      top:88px;
      width:50%;
      left: auto;
      right:0;
      background-color:#6dc50d;
      z-index: 100000;
      animation: slideMenu 0.2s linear ;
  }
  @keyframes slideMenu {
      0% {
    transform: translateX(100%);
  }
      100% {
          transform: translatex(0);
  }
  }
  #global-menu nav.open ul{
      padding: 0;
      padding-bottom: 40px;
      padding-top:40px;
      display: block;
  }
  #global-menu nav.open li{
      float: none;
      border-top: 1px solid #efefef;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  }
  #global-menu li a{
      width:100%;
      text-align: center;
  border-radius:0;
  text-decoration:none;
  width:100%;
  padding:15px 0;
  }
  #home-header #global-menu nav li a {
    padding:15px 10px;
  }

  @keyframes scale {
      0% {
    transform:scale(1.1);
  }
      100% {
    transform:scale(1);
          opacity: 1;
  }
  }
  #header-right{
    display: none;
  }
  .sp-header-right{
      display: block;
  }
  .header-tel{
    background-color:#FFF;
    padding:15px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    margin-bottom:15px;
  }
  .header-contact{
    margin-bottom:30px;
    width:100%;
    text-align: center;
  }
  .header-contact a{
    margin-left:0;
    font-size:20px;
    font-weight: bold;
    line-height:48px;
  }
}


/*  mobile    */

@media screen and (max-width : 820px ){
  .pc-none{
    display: block;
  }
  .sp-none{
      display: none;
  }
	.flex{
		flex-wrap:wrap;
	}
  .h2-ttl{
    font-size:28px;
  }
  .hero-img img{
    width:100%;
  }
  .hero-contact{
    position:static;
    transform:translateX(0);

  }
  #home-service ul{
    flex-wrap: wrap;
  }
  #home-service ul li{
    width:48%;
    margin-bottom:30px;
  }
  #home-point ul{
    display: block;
  }
  #home-point ul li{
    width:100%;
    max-width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
  }
  .flow-list{
    display: block;
  }
  .flow-box{
    width:100%;
    max-width:400px;
    min-height: auto;
    margin-left:auto;
    margin-right:auto;
  }
  .flow_arrow{
    margin:0 auto 30px auto;
	  transform:rotate(90deg);
  }
  .aside-banner ul{
    display: block;
  }
  .aside-banner ul li{
    width:80%;
    max-width:300px;
    margin-bottom: 30px;
    margin-left:auto;
    margin-right:auto;
  }

  table.CF7_table{
    width:100%;
    max-width:600px;
    border-collapse: collapse;
  }
  table.CF7_table th {
    padding:15px 20px;
    text-align: left;
    box-sizing: border-box;
  }
  table.CF7_table td {
    width:100%;
  }
  .CF7_table input, .CF7_table textarea {
    border: 1px solid #6dc50d;
      width:100%;
      box-sizing: border-box;
  }
  .footer-menu ul{
    flex-wrap: wrap;
    border-bottom:1px solid #efefef;
    margin-bottom:30px;

  }
  .footer-menu ul li{
    width:50%;
    top:60px;
  }

}

/* mobile s */
@media screen and (max-width : 430px ){
  #logo img{
      max-width: 240px;
  }
  .hum-menu{
    top: 0px;
    right: 0px;
  }
  nav{
    width:80%;
    top:60px;
  }
  #global-menu nav.open ul{
    padding-bottom: 20px;
    padding-top:20px;
  }
  .h2-ttl{
    font-size:22px;
  }
  #home-service ul li h3{
    font-size:18px;
  }
  #home-service ul li p{
    font-size:12px;
    font-weight: normal;
    line-height: 1.4;
  }
  #home-point h2{
    font-size:22px;
  }
  #home-point ul li h3{
    font-size:18px;
  }
  #home-point ul li p{
    font-size:14px;
    line-height: 1.3;
  }
  #home-point ul li p.small{
    font-size:12px;
    padding: 8px 10px;
    font-weight: normal;
  }
  #home-closing{
    text-align: center;
    background-attachment: scroll;
    background-size: cover;
  }
  #home-closing h2{
    font-size:24px;
  }
  #home-closing p{
    font-size:18px;
  }
  #home-contact .contact-description h2{
    font-size:24px;
}
#home-contact .contact-description p{
    font-size:14px;
}
#side-banner{
  bottom: 0;
  width:100%;
}
#side-banner ul{
  display:flex;
  width:100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#side-banner ul li{
  width:50%;
  margin:0;
}
#side-banner a{
  text-align: center;
  padding:20px 20px;
-webkit-writing-mode:horizontal-tb;
-ms-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
}
.svg-icon{
  height:16px;
  margin:0;
}
#pageTop{
  bottom: 70px;
}


}