@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
.mvArea {
  border-bottom: solid 1px #000;
}
@media screen and (max-width: 750px) {
  .mvArea {
    padding-top: 2vw;
  }
  .mvArea img {
    position: relative;
    left: -2vw;
  }
}

.listArea {
  border-bottom: 1px solid #000;
}
.listArea-title {
  text-align: center;
  margin-top: 9.3333333333vw;
  margin-bottom: 8.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .listArea-title {
    margin-top: 3.4375vw;
    margin-bottom: 3.90625vw;
  }
}
.listArea-title img {
  width: 77.6vw;
}
@media screen and (min-width: 751px), print {
  .listArea-title img {
    width: 58.59375vw;
  }
}
.listArea-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
}
.listArea-list li {
  width: 50%;
}
@media screen and (min-width: 751px), print {
  .listArea-list li {
    width: 16.6666666667%;
    transition: ease 0.3s;
  }
  .listArea-list li:hover {
    opacity: 0.7;
  }
}
.listArea-item {
  cursor: pointer;
}
.listArea-item-bg01 {
  background-color: #ffffff;
}
.listArea-item-bg02 {
  background-color: #65117e;
}
.listArea-item-bg03 {
  background-color: #0070bc;
}
.listArea-item-bg04 {
  background-color: #f18c00;
}
.listArea-item-bg05 {
  background-color: #004da2;
}
.listArea-item-bg06 {
  background-color: #01a7ea;
}
.listArea-item-bg07 {
  background-color: #1d2089;
}
.listArea-item-bg08 {
  background-color: #C80260;
}
.listArea-item-bg09 {
  background-color: #f9be00;
}
.listArea-item-bg10 {
  background-color: #93d1ca;
}
.listArea-item-bg11 {
  background-color: #000000;
}
.listArea-item-bg12 {
  background-color: #8fc320;
}
.listArea-item-bg13 {
  background-color: #e6242e;
}
.listArea-item-bg14 {
  background-color: #d7007f;
}
.listArea-item-bg15 {
  background-color: #009243;
}
.listArea-item-bg16 {
  background-color: #009aa5;
}
.listArea-item-bg17 {
  background-color: #fff100;
}
.listArea-item-bg17 .listArea-txtArea {
  color: #000000;
}
.listArea-item-bg18 {
  background-color: #72283f;
}
.listArea-item-bg19 {
  background-color: #334b6f;
}
.listArea-box {
  position: relative;
  padding-top: 7.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .listArea-box {
    padding-top: 2.578125vw;
  }
}
.listArea-img img {
  width: 85.78%;
}
.listArea-txtArea {
  color: #FFFFFF;
}
.listArea-txtArea .ttl {
  position: absolute;
  top: 2.2666666667vw;
  right: 1.2vw;
  writing-mode: vertical-rl;
  font-family: "Noto Sans JP", "ヒラギノ明朝 ProN W6", "HG明朝E", "MS PMincho", "ＭＳ Ｐ明朝", "MS 明朝", serif;
  font-weight: 800;
  font-size: 4.1333333333vw;
  line-height: 1;
}
@media screen and (min-width: 751px), print {
  .listArea-txtArea .ttl {
    top: 0.78125vw;
    right: 0.546875vw;
    font-size: 1.40625vw;
  }
}
.listArea-txtArea .subttl {
  display: none;
}
.listArea-txtArea .attention {
  display: none;
  position: absolute;
  font-family: "Noto Sans JP", "ヒラギノ明朝 ProN W6", "HG明朝E", "MS PMincho", "ＭＳ Ｐ明朝", "MS 明朝", serif;
  font-weight: 500;
  color: #000000;
  bottom: 1.3333333333vw;
  left: 1.3333333333vw;
  width: 40vw;
  font-size: 2.9333333333vw;
  line-height: 1.3636363636;
  padding: 0.6666666667vw;
  background-color: rgba(255, 255, 255, 0.85);
}
@media screen and (min-width: 751px), print {
  .listArea-txtArea .attention {
    bottom: 0.78125vw;
    left: 0.78125vw;
    width: 12.734375vw;
    font-size: 0.9375vw;
    line-height: 1.25;
    padding: 0.234375vw;
  }
}
.listArea-txtArea .attention:empty {
  display: none;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
  display: none;
  justify-content: center;
  align-items: center;
}
.modal.is-active {
  display: flex;
}
.modal.is-active .modal-container {
  opacity: 1;
  transform: translateY(0);
}
.modal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
}
.modal-bg:hover {
  cursor: pointer;
}
.modal-container {
  position: relative;
  width: 73.3333333333vw;
  padding: 2.6666666667vw 0;
  max-height: 90vh; /* 画面からはみ出さない */
  z-index: 1001;
  display: flex;
  flex-direction: column;
  /* アニメーション */
  opacity: 0;
  transform: translateY(-20px);
  transition: all 0.3s ease;
}
@media screen and (max-width: 400px) {
  .modal-container {
    width: 80vw;
    padding: 12vw 0;
  }
}
@media screen and (min-width: 751px), print {
  .modal-container {
    width: 31.25vw;
    padding: 4.6875vw 0;
    max-height: 95vh; /* 画面からはみ出さない */
  }
}
@media screen and (min-width: 1280px), print {
  .modal-container {
    width: 400px;
    padding: 60px 0;
  }
}
.modal-container .listArea-box {
  padding-top: 12vw;
}
@media screen and (min-width: 751px), print {
  .modal-container .listArea-box {
    padding-top: 4.84375vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-container .listArea-box {
    padding-top: 62px;
  }
}
.modal-close {
  position: absolute;
  bottom: 12vw;
  right: 0;
  z-index: 1;
  width: 12vw;
  height: 12vw;
  transition: 0.2s all ease;
}
@media screen and (min-width: 401px) {
  .modal-close {
    bottom: 1.3333333333vw;
  }
}
@media screen and (min-width: 751px), print {
  .modal-close {
    bottom: 4.6875vw;
    width: 4.6875vw;
    height: 4.6875vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-close {
    bottom: 60px;
    width: 60px;
    height: 60px;
  }
}
@media screen and (min-width: 751px), print {
  .modal-close:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
.modal-close span {
  background-color: #FFFFFF;
  display: inline-block;
  height: 0.2666666667vw;
  display: inline-block;
  position: absolute;
}
@media screen and (min-width: 751px), print {
  .modal-close span {
    height: 0.15625vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-close span {
    height: 2px;
  }
}
.modal-close span:nth-child(1) {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(45deg);
  width: 16.9333333333vw;
}
@media screen and (min-width: 751px), print {
  .modal-close span:nth-child(1) {
    width: 6.5625vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-close span:nth-child(1) {
    width: 84px;
  }
}
.modal-close span:nth-child(2) {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%) rotate(-45deg);
  width: 16.9333333333vw;
}
@media screen and (min-width: 751px), print {
  .modal-close span:nth-child(2) {
    width: 6.5625vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-close span:nth-child(2) {
    width: 84px;
  }
}
.modal-body {
  overflow-y: auto; /* 内容が多い場合はスクロール */
}
@media screen and (max-width: 750px) {
  .modal-body .listArea-img img {
    width: 85.66%;
  }
}
.modal-body .modal-body-ttl {
  position: absolute;
  top: 3.7333333333vw;
  right: 2vw;
  writing-mode: vertical-rl;
  font-family: "Noto Sans JP", "ヒラギノ明朝 ProN W6", "HG明朝E", "MS PMincho", "ＭＳ Ｐ明朝", "MS 明朝", serif;
  font-weight: 800;
  font-size: 6.6666666667vw;
  line-height: 1;
}
@media screen and (min-width: 751px), print {
  .modal-body .modal-body-ttl {
    top: 1.40625vw;
    right: 0.78125vw;
    font-size: 2.65625vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-body .modal-body-ttl {
    top: 18px;
    right: 10px;
    font-size: 34px;
  }
}
.modal-body .modal-body-subttl {
  position: absolute;
  top: 6.9333333333vw;
  left: 1.6vw;
  font-family: "Noto Sans JP", "ヒラギノ明朝 ProN W6", "HG明朝E", "MS PMincho", "ＭＳ Ｐ明朝", "MS 明朝", serif;
  font-weight: 800;
  font-size: 2.6666666667vw;
  line-height: 1;
}
@media screen and (min-width: 751px), print {
  .modal-body .modal-body-subttl {
    top: 2.734375vw;
    left: 0.78125vw;
    font-size: 1.015625vw;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-body .modal-body-subttl {
    top: 35px;
    left: 10px;
    font-size: 13px;
  }
}
.modal-body .modal-body-attention {
  display: none;
  color: #000000;
  position: absolute;
  bottom: -1.3333333333vw;
  left: 0;
  font-family: "Noto Sans JP", "ヒラギノ明朝 ProN W6", "HG明朝E", "MS PMincho", "ＭＳ Ｐ明朝", "MS 明朝", serif;
  font-weight: 500;
  font-size: 3.2vw;
  line-height: 1.4166666667;
  height: 0;
}
@media screen and (min-width: 751px), print {
  .modal-body .modal-body-attention {
    bottom: -0.625vw;
    font-size: 1.09375vw;
    line-height: 1.2857142857;
  }
}
@media screen and (min-width: 1280px), print {
  .modal-body .modal-body-attention {
    bottom: -8px;
    font-size: 14px;
  }
}

.btnArea {
  border-top: solid 1px #000;
  padding-top: 2.6666666667vw;
  padding-bottom: 2.6666666667vw;
  margin-top: 0.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .btnArea {
    margin-top: 0.3125vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw;
  }
}/*# sourceMappingURL=voice-student.css.map */