@charset "utf-8";
html, body {
  /*height: 100%;
  margin: 0;*/
  scroll-behavior: smooth;
}
header{
	width: 100%;
	z-index: 10;
}
main{
  /*height: 1000px;*/
  /*background-color: red;*/ 
  overflow: hidden;
}

/*---トップに戻るボタンsp---*/
#page-top {
	position: fixed;
	width: 40px;
  height: 40px;
  right: 40px;
	bottom: 30px;		
  z-index: 2;
}

/*---フッターsp---*/
footer{
  .copy{
    padding: var(--px50) 5px;
    text-align: center;
  }
}


/*---ハンバーガーメニューの中身 sp---*/
.hamburger_wrap{
  height: 100vh;
  overflow-y: auto;
  
    /*スクロールバー全体*/
    &::-webkit-scrollbar {
        width: 0px;
    }
}

.hamburger_inner{
  width: min(90%,280px);  
  margin: 0 auto;
  padding: 80px 0 0;
  
  .hamburger_nav{
    transition: .4s;

    ul{
      text-align: left;
      padding: var(--px20) 0;

      li{
        padding-bottom: 5px;
        font-size: 2.1rem;
        font-weight: var(--SemiBold);
        line-height: 1.2;
        
        span{
          font-size: 1.4rem;
          color: #666;
          font-weight: var(--Regular);
          letter-spacing: .1em;
          
          &.tx{
            font-size: 1.7rem;
            font-weight: var(--SemiBold);
            color: #333;
            letter-spacing: 0;
          }
        }
 
      }
    }
  }
  

}
@media (min-width:768px){
header{
  position: absolute;
  
  .menu_btn{
    /*position: fixed;*/
    width: 100%;
    margin: 70px min(5%,93px) 0;
    transition: 0.5s;
    
    ul{
      display: inline;
      background-color: rgba(255,255,255,.9);
      
      li{
        display: inline-block;
        padding-right: min(5%,40px);
        padding: 0 30px 10px 0;
        font-weight: var(--SemiBold);
        font-size: var(--font-size20);
        
        &:last-child{
          padding-right: 0;
        }
        span{
          font-size: 75%;
        }
      }
    }
    
  }
}
._on{
  
    .menu_btn{
      margin: 0 auto;
      display: flex;
      justify-content: center;
      
      ul{
        width: min(90%,670px);
        padding: 8px min(4%,25px);
        box-shadow: 0px 0px 12px #ddd;

        li{
          padding-right: min(5%,25px);
          font-size: 17px;

          &:last-child{
            padding-right: 0;
          }
          span{
            font-size: 75%;
          }
        }
      }
    }
  }

  
}


@media (min-width:1024px){
/*--------- pc ---------*/


 /*---トップに戻るボタンpc---*/
  #page-top {
    width: 60px;
    height: 60px;
    right: 60px;
    bottom: 33px;    
  }
  


}