.sp{
    display: none;
}

/*@media screen and (max-width:768px)*/
@media screen and (max-width: 979px) and (min-width: 220px){
.sp{
    display: block;
}
.pc_on{
    display: none
}
  .main-menu{
    float: none;
    margin: 0;
    margin-bottom: 10px;
    padding: 10px 0;  
}
.main-menu ul li a{
      font-family: Lato,Helvetica,Arial,sans-serif;
    color: #afb4b5;
    font-size: 14px;
    display: block;
    text-decoration: none;
    padding: 14px 10px;
}

.hamburger:hover{opacity:.7}
.hamburger-box{width:23px;height:17px;display:inline-block;position:relative}
.hamburger-inner{display:block;top:50%;margin-top:-.5px}
.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:23px;height:1px;background-color:#fff;border-radius:4px;position:absolute;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;transition-timing-function:ease}
.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}
.hamburger-inner::before{top:-8px}
.hamburger-inner::after{bottom:-8px}
.hamburger--squeeze .hamburger-inner{-webkit-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19)}
.hamburger--squeeze .hamburger-inner::before{-webkit-transition:top 75ms .12s ease,opacity 75ms ease;transition:top 75ms .12s ease,opacity 75ms ease}
.hamburger--squeeze .hamburger-inner::after{-webkit-transition:bottom 75ms .12s ease,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms .12s ease,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:bottom 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19)}
.hamburger--squeeze.is-active .hamburger-inner{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:.12s;transition-delay:.12s;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1)}
.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms .12s ease;transition:top 75ms ease,opacity 75ms .12s ease}
.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms .12s cubic-bezier(.215,.61,.355,1);transition:bottom 75ms ease,-webkit-transform 75ms .12s cubic-bezier(.215,.61,.355,1);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1);transition:bottom 75ms ease,transform 75ms .12s cubic-bezier(.215,.61,.355,1),-webkit-transform 75ms .12s cubic-bezier(.215,.61,.355,1)}
.main-menu .rh_menu__hamburger p{
     display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin: 0 0 0 5px;
    line-height: 1.3;
    color: #fff; 
}
.main-menu ul li a{
  font-family: Lato,Helvetica,Arial,sans-serif;
    color: #afb4b5;
    font-size: 14px;
    display: block;
    text-decoration: none;
    padding: 14px 10px;
}
.fa{
 display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; 
}
.main-menu .rh_menu__responsive{
    display: none;
    margin: 0 auto;
    width: 100%;
    padding: 10px 0;
}
.main-menu .rh_menu__responsive .rh_menu__indicator{
      display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: .4;
    cursor: pointer;
    color: #fff;
    background: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}
.main-menu .rh_menu__responsive .rh_menu__indicator:focus{
  background: 0;
    outline: 0;
}
.main-menu .rh_menu__responsive .rh_menu__indicator_up{
  -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .2s all linear;
    transition: .2s all linear;
}
.main-menu ul li{
  float: none;
}
.main-menu ul li a{
      font-family: Lato,Helvetica,Arial,sans-serif;
    color: #afb4b5;
    font-size: 14px;
    display: block;
    text-decoration: none;
    padding: 14px 10px;
}
#footer-bottom{
    margin-bottom: 80px;
}
}
/*メニュー固定用css*/
.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
}