/** modal
--------------------------------------------------*/
.modal {
  position: fixed;
  width: 100%;
  top: 0;
  transition: all 200ms ease-in-out;
  z-index: 101;
}
.modal__inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal__inner::-webkit-scrollbar {
  display: none;
}


.modal-menu {
  position: relative;
  padding: 40rem 40rem 80rem;
  width: calc( 100% - 1px );
  background-color: #ffffff;
  border-radius: 0 0 20px 20px;
}
.modal-menu__logo {
  text-align: center;
}
.modal-menu__logo > img {
  width: 200rem;
  height: auto;
}
.modal-menu__nav {
  margin: 20rem 30rem 0;
}
.modal-menu__nav > li {
  margin-bottom: 48rem;
}
.modal-menu__nav > li > img {
  width: auto;
  height: 50rem;
}
.modal-menu__nav > li > span {
  margin-left: 10rem;
  font-size: 23rem;
  color: #239aff !important; 
}
.modal-menu__link,
.modal-menu__sns {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 30rem;
}
.modal-menu__link {
  margin-top: 120rem;
}
.modal-menu__sns {
  margin-top: 24rem;
}
.modal-menu__title {
  display: flex;
  align-items: center;
  margin-right: 10rem;
  height: 50rem;
}
.modal-menu__title > img {
  width: auto;
  height: 27rem;
}
.modal-menu__sns-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  height: 50rem;
}
.modal-menu__link-banner > a {
  display: inline-block;
  margin-left: 30rem;
}
.modal-menu__link-banner > a > img {
  width: auto;
  height: 50rem;
}
.modal-menu__sns-list > li {
  margin-left: 30rem;
}
.modal-menu__sns-list > li > a {
  display: inline-block;
}
.modal-menu__sns-list > li > a > img {
  width: auto;
  height: 30rem;
}
.modal-menu__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  width: calc(100% - 80rem);
  bottom: 10px;
}
.modal-menu__footer img {
  width: 86rem;
  height: auto;
}
.modal-menu__footer::before,
.modal-menu__footer::after {
  content: '';
  display: block;
  height: 8rem;
  width: 260rem;
  background-color: #239aff;
  border-radius: 8rem;
}


/** hamburger-menu
--------------------------------------------------*/
.hamburger-menu {
  position: fixed;
  top: 20rem;
  right: 20rem;
  z-index: 102;
}
.hamburger-menu__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80rem;
  height: 80rem;
  background-color: #ffffff;
  border-radius: 80rem;
}
.hamburger-menu__icon > span,
.hamburger-menu__icon > span::before,
.hamburger-menu__icon > span::after {
  content: '';
  display: block;
  position: absolute;
  height: 8rem;
  width: 40rem;
  border-radius: 8rem;
  background-color: #239aff;
  transition: all 100ms ease-in-out;
}
.hamburger-menu__icon > span::before {
  bottom: 14rem;
}
.hamburger-menu__icon > span::after {
  top: 14rem;
}
#hamburger_menu_btn:checked ~ .hamburger-menu__icon {
  background-color: #239aff;
}
#hamburger_menu_btn:checked ~ .hamburger-menu__icon > span,
#hamburger_menu_btn:checked ~ .hamburger-menu__icon > span::before,
#hamburger_menu_btn:checked ~ .hamburger-menu__icon > span::after {
  background-color: #ffffff;
}
#hamburger_menu_btn:checked ~ .hamburger-menu__icon > span {
  background-color: rgba(255, 255, 255, 0);
}
#hamburger_menu_btn:checked ~ .hamburger-menu__icon > span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#hamburger_menu_btn:checked ~ .hamburger-menu__icon > span::after {
  top: 0;
  transform: rotate(-45deg);
}


@media screen and (max-width: 768px) {
}