.drawer {
  position: fixed;
  z-index: 1000;
  top: 1.2rem;
  left: 2.2rem;
  width: calc(100% - 4.4rem);
  height: calc(100vh - 2.4rem);
  background-color: #212121;
  border-radius: .5rem;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .3s ease;
  transform: scale(0);
  transform-origin: center center;
}
.drawer.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: scale(1);
}
.drawer_close_btn {
  font-size: 1.3rem;
  color: #fff;
  position: absolute;
  top: 2.2rem;
  right: 2.2rem;
  z-index: 1001;
}
.drawer_box {
  height: 100%;
  padding: 6.6rem 4.4rem;
  box-sizing: border-box;
  overflow-y: auto;
}
.drawer_list {
  margin-bottom: 4.4rem;
}
.drawer_list_item + .drawer_list_item {
  margin-top: 1rem;
}
.drawer_list_item_link {
  font-family: 'ppneuemontreal';
	font-weight: bold;
  font-size: 3rem;
  color: #FFF;
}
.drawer_external {
  display: block;
}
.drawer_external + .drawer_external {
  margin-top: 2.2rem;
}
.drawer_external_en {
  font-size: 2.6rem;
  color: #FFF;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.drawer_external_en:after {
  content: "";
  margin-top: .6rem;
  width: .6rem;
  height: .6rem;
  background-color: #fff;
  mask: url(../img/arrow-right2.svg) no-repeat center;
  mask-size: contain;
}  
.drawer_external_ja {
  font-size: 1.1rem;
  color: #FFF;
  line-height: 1.2;
  margin-top: .5rem;
}
.drawer_language {
  display: flex;
  align-items: center;
  margin-top: 4.4rem;
}
.drawer_language_icon {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 1.5rem;
}
.drawer_language_icon::before {
  content: "";
  mask: url(../img/earth.svg) no-repeat center;
  mask-size: contain;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: block;
}
.drawer_language_text {
  font-size: 1.6rem;
  color: rgb(255 255 255 / .6);
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-right: 1rem;
}
.drawer_language_text:after {
  content: "";
  width: .1rem;
  height: 1.6rem;
  background-color: #fff;
}
.drawer_language_link {
  font-size: 1.6rem;
  color: #fff;
}