@charset "UTF-8";

  nav.sp_menu { display:none; overscroll-behavior-y: none; color: #ffffff; background-attachment: fixed; position: fixed; width: 100%; height: 100vh; top: 0; z-index: 777; left: 0; text-align: left; overflow-y: auto; }
  nav.sp_menu .sp_gnav { padding: 5rem 5% 6rem 5%; }
  nav.sp_menu .sp_gnav .sp_gnav--title { font-size: 0.7em; font-weight: 800; line-height: 1em; margin: 1.25rem 0 0.75em 0; }
  nav.sp_menu .sp_gnav ul {  }
  nav.sp_menu .sp_gnav ul li { font-size: 1.7em; font-weight: 800; line-height: 1.3em; }
  nav.sp_menu .sp_gnav ul li a { display:flex; align-items: center; }
  nav.sp_menu .sp_gnav ul li a .icon { margin:0 0 0.15em 0.5em; }
  nav.sp_menu .sp_gnav ul.sp_gnav--sns li a { justify-content: space-between; line-height: 1.7em; }
  nav.sp_menu .sp_gnav ul.sp_gnav--sns li a .icon { font-size: 1.3em; margin:0 0 0 0.5em; }

  .menu_overlay { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: #333333; opacity: 1; z-index: -1; }
  .menu_btn { overflow: hidden; width: 10rem; height: 4rem; background-color: #ffffff; overflow: visible; line-height: 1em; font-size: 1px; float: right; cursor: pointer; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .menu_btn .line { position: fixed; background-color: #333333; overflow: hidden; z-index: 999; bottom: 0; left: 1.4rem; width: 1.8rem; height: 3px; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .menu_btn .line:nth-child(1) { bottom: 2.2rem; z-index: 2; }
  .menu_btn .line:nth-child(2) { bottom: 1.7rem; z-index: 2; }
  .menu_btn .line:nth-child(3) { bottom: 1.2rem; z-index: 2; }
  .menu_btn .menu_btn--title { position: fixed; font-size: 1.4rem; font-weight: 800; line-height: 1em ; bottom: 1.2rem; left: 4.2rem; }
  .btn_wrapper { display:none; position: fixed; bottom: 0; left: 0; z-index: 777; }
  .btn_wrapper.clicked .menu_btn .line:nth-child(1) { -webkit-transform: translateY(0.5rem) rotate(45deg); transform: translateY(0.5rem) rotate(45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .btn_wrapper.clicked .menu_btn .line:nth-child(2) { opacity: 0; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
  .btn_wrapper.clicked .menu_btn .line:nth-child(3) { -webkit-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-0.5rem) rotate(-45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }