/* =========================================================
   SP MENU
========================================================= */

.sp-menu{
  position: fixed;
  inset: 0;
  z-index: 999;

  background: #ffffff;

  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
}

/* 非表示 */
.sp-menu[hidden]{
  display: none;
}



/* =========================================================
   INNER CONTAINER
========================================================= */

.sp-menu__inner{
  max-width: 720px;
  margin: 0 auto;

  padding: 110px 24px 60px;
}


/* =========================================================
   SECTION
========================================================= */

.sp-menu__section{
  margin-top: 40px;
}

.sp-menu__section:first-child{
  margin-top: 0;
}


/* =========================================================
   TITLE
========================================================= */

.sp-menu__title{
  font-size: 16px;
  font-weight: 700;

  margin-bottom: 18px;

  letter-spacing: 0.05em;
}

.sp-menu__title a{
  color: inherit;
  text-decoration: none;
}

/* =========================================================
   LIST
========================================================= */

.sp-menu__list{
  list-style: none;
  padding: 0;
  margin: 0;
}


/* =========================================================
   ITEM
========================================================= */

.sp-menu__item{
  margin-top: 30px;
}

.sp-menu__item:first-child{
  margin-top: 0;
}


/* =========================================================
   LINK
========================================================= */

.sp-menu__link{
  display: block;

  font-size: 16px;
  font-weight: 500;

  color: #000000;
  text-decoration: none;

  line-height: 1.6;
}


/* hover */

.sp-menu__link:hover{
  color: #5F90EB;
}


/* =========================================================
   BODY SCROLL LOCK
========================================================= */

body.is-sp-menu-open{
  overflow: hidden;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (min-width:801px){

  .sp-menu{
    display: none;
  }

}