.mfp-content {
  max-width: 600px
}

.mfp-container {
  top: 50%;
  transform: translateY(-50%)
}

.popup {
  background-color: rgba(255, 255, 255, .25);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all .3s
}

.popup-modal-dismiss.text a {
  position: relative;
  display: block;
  z-index: 10;
  display: block;
  background: #b8b8b8;
  border-radius: 4px;
  text-align: center;
  padding: 6px;
  color: #000;
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px
}

.popup:target {
  visibility: visible;
  opacity: 1;
  pointer-events: auto
}

.popup__textarea {
  width: 100%;
  max-width: 600px;
  padding: 2em;
  color: #fff;
  z-index: 10;
  overflow: hidden;
  position: relative
}

.popup__textarea:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  z-index: 2
}

.popup__textarea__image {
  max-width: 200px
}

.popup__textarea__profile__name {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 5px;
  text-align: left;
  line-height: 1.4
}

.popup__textarea__profile__class {
  font-size: 18px
}

.popup__textarea__profile__class ul li {
  text-indent: -1em;
  padding-left: 1em
}

.popup__textarea__profile__schedule {
  font-size: 18px;
  padding-left: 1em;
  text-indent: -1em
}

.popup__textarea__profile__schedule.none {
  display: none
}

.popup__textarea__profile__text {
  position: relative;
  z-index: 100;
  text-align: left
}

.popup__textarea__profile__text.none {
  display: none
}

.popup__textarea__profile__career {
  display: block
}

.popup__textarea__profile__text ul li {
  text-indent: -1em;
  padding-left: 1em
}

.popup__textarea__profile__career.none {
  display: none
}

.popup__textarea__profile__text+.popup__textarea__profile__text {
  margin-top: 15px
}

.popup__textarea__inner {
  display: flex;
  gap: 30px;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  z-index: 100
}

.modal-close {
  color: #fff;
  line-height: 50px;
  position: absolute;
  right: 0;
  top: 30px;
  width: 70px;
  text-decoration: none;
  z-index: 100
}

.modal-close:hover {
  color: #000
}

.modal-close:before,
.modal-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 2px;
  background-color: #fff
}

.modal-close:before {
  transform: translate(-50%, -50%) rotate(45deg)
}

.modal-close:after {
  transform: translate(-50%, -50%) rotate(-45deg)
}

@media(max-width: 767px) {
  .popup__textarea__inner {
    flex-direction: row;
    gap: 20px
  }

  .popup__textarea__profile {
    text-align: left
  }

  .popup__textarea__profile__class {
    font-size: 15px
  }

  .popup__textarea__profile__schedule {
    font-size: 15px
  }

  .popup__textarea__inner {
    flex-direction: row
  }

  .popup__textarea__image {
    max-width: 150px
  }

  .popup__textarea__profile__name {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    line-height: 1.3
  }

  .popup__textarea__profile__name span {
    font-size: 20px;
    display: inline-block
  }
}

.popup__textarea:after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  filter: blur(10px)
}

#popup01 .popup__textarea:after {
  background: url(/instructor/img/fifty_400x400.jpg) no-repeat center center/180%
}

#popup02 .popup__textarea:after {
  background: url(/instructor/img/lina_400x400.jpg) no-repeat center center/180%
}

#popup03 .popup__textarea:after {
  background: url(/instructor/img/chikane_400x400.jpg) no-repeat center center/180%
}

#popup04 .popup__textarea:after {
  background: url(/instructor/img/mio_400x400.jpg) no-repeat center center/180%
}

#popup05 .popup__textarea:after {
  background: url(/instructor/img/gen-z_400x400.jpg) no-repeat center center/180%
}

#popup06 .popup__textarea:after {
  background: url(/instructor/img/emi_400x400.jpg) no-repeat center center/180%
}

#popup07 .popup__textarea:after {
  background: url(/instructor/img/koshiroh_400x400.jpg) no-repeat center center/180%
}

#popup08 .popup__textarea:after {
  background: url(/instructor/img/y-u-kari_400x400.jpg) no-repeat center center/180%
}

#popup09 .popup__textarea:after {
  background: url(/instructor/img/masa_400x400.jpg) no-repeat center center/180%
}

#popup10 .popup__textarea:after {
  background: url(/instructor/img/yuca_400x400.jpg) no-repeat center center/180%
}

#popup11 .popup__textarea:after {
  background: url(/instructor/img/omio_400x400.jpg) no-repeat center center/180%
}

#popup12 .popup__textarea:after {
  background: url(/instructor/img/go-d_400x400.jpg) no-repeat center center/180%
}

#popup13 .popup__textarea:after {
  background: url(/instructor/img/noah_400x400.jpg) no-repeat center center/180%
}

#popup14 .popup__textarea:after {
  background: url(/instructor/img/boo_400x400.jpg) no-repeat center center/180%
}

#popup15 .popup__textarea:after {
  background: url(/instructor/img/nana_400x400.jpg) no-repeat center center/180%
}

#popup16 .popup__textarea:after {
  background: url(/instructor/img/sato_400x400.jpg) no-repeat center center/180%
}

#popup17 .popup__textarea:after {
  background: url(/instructor/img/manaka_400x400.jpg) no-repeat center center/180%
}

#popup18 .popup__textarea:after {
  background: url(/instructor/img/naoki_400x400.jpg) no-repeat center center/180%
}

#popup19 .popup__textarea:after {
  background: url(/instructor/img/daichysalas_400x400.jpg) no-repeat center center/180%
}

#popup20 .popup__textarea:after {
  background: url(/instructor/img/choro_400x400.jpg) no-repeat center center/180%
}

#popup21 .popup__textarea:after {
  background: url(/instructor/img/j_400x400.jpg) no-repeat center center/180%
}

#popup22 .popup__textarea:after {
  background: url(/instructor/img/kotone_400x400.jpg) no-repeat center center/180%
}

#popup23 .popup__textarea:after {
  background: url(/instructor/img/ayumi_400x400.jpg) no-repeat center center/180%
}

#popup24 .popup__textarea:after {
  background: url(/instructor/img/miho-takubo_400x400.jpg) no-repeat center center/180%
}

#popup-challenge .popup__textarea:after {
  background-image: linear-gradient(90deg, rgba(103, 178, 250, 1), rgba(142, 84, 219, 1))!important;
}

/*# sourceMappingURL=instructor.css.map */