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

.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_1 a:before {
  background-color: #2e527c;
}
.listArea li.fac_color_1 a:hover:before {
  background-color: #2e527c;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_2 a:before {
  background-color: #65117e;
}
.listArea li.fac_color_2 a:hover:before {
  background-color: #65117e;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_3 a:before {
  background-color: #0070bc;
}
.listArea li.fac_color_3 a:hover:before {
  background-color: #0070bc;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_4 a:before {
  background-color: #f18c00;
}
.listArea li.fac_color_4 a:hover:before {
  background-color: #f18c00;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_5 a:before {
  background-color: #004da2;
}
.listArea li.fac_color_5 a:hover:before {
  background-color: #004da2;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_6 a:before {
  background-color: #01a7ea;
}
.listArea li.fac_color_6 a:hover:before {
  background-color: #01a7ea;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_7 a:before {
  background-color: #1d2089;
}
.listArea li.fac_color_7 a:hover:before {
  background-color: #1d2089;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_8 a:before {
  background-color: #C80260;
}
.listArea li.fac_color_8 a:hover:before {
  background-color: #C80260;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_9 a:before {
  background-color: #f9be00;
}
.listArea li.fac_color_9 a:hover:before {
  background-color: #f9be00;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_10 a:before {
  background-color: #93d1ca;
}
.listArea li.fac_color_10 a:hover:before {
  background-color: #93d1ca;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_11 a:before {
  background-color: #000000;
}
.listArea li.fac_color_11 a:hover:before {
  background-color: #000000;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_12 a:before {
  background-color: #8fc320;
}
.listArea li.fac_color_12 a:hover:before {
  background-color: #8fc320;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_13 a:before {
  background-color: #e6242e;
}
.listArea li.fac_color_13 a:hover:before {
  background-color: #e6242e;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_14 a:before {
  background-color: #d7007f;
}
.listArea li.fac_color_14 a:hover:before {
  background-color: #d7007f;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_15 a:before {
  background-color: #009243;
}
.listArea li.fac_color_15 a:hover:before {
  background-color: #009243;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_16 a:before {
  background-color: #009aa5;
}
.listArea li.fac_color_16 a:hover:before {
  background-color: #009aa5;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_17 a:before {
  background-color: #fff100;
}
.listArea li.fac_color_17 a:hover:before {
  background-color: #fff100;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_18 a:before {
  background-color: #72283f;
}
.listArea li.fac_color_18 a:hover:before {
  background-color: #72283f;
}
.listArea li {
  /* nth(変数, 順番) で、セットの中の1番目と2番目を取得 */
  /* メイン色（#2e527cなど） */
  /* 文字・装飾の色（#ffffffなど） */
}
.listArea li.fac_color_19 a:before {
  background-color: #334b6f;
}
.listArea li.fac_color_19 a:hover:before {
  background-color: #334b6f;
}

.listArea {
  border-bottom: 1px solid #000;
}
.listArea-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
}
.listArea-list li {
  width: 50%;
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .listArea-list li {
    width: 25%;
    margin-top: 0.78125vw;
    border-right: solid 1px #000;
    border-top: solid 1px #000;
    border-bottom: solid 1px #000;
  }
}
.listArea-list li:nth-child(1) {
  border-top: none;
  margin-top: 0;
}
.listArea-list li:nth-child(2) {
  border-top: none;
  margin-top: 0;
}
@media screen and (min-width: 751px), print {
  .listArea-list li:nth-child(3) {
    border-top: none;
    margin-top: 0;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list li:nth-child(4) {
    border-top: none;
    margin-top: 0;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list li:nth-last-child(1), .listArea-list li:nth-last-child(2), .listArea-list li:nth-last-child(3) {
    border-bottom: none;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list li a {
    display: block;
    position: relative;
    z-index: 2;
  }
}
.listArea-list li a img {
  z-index: 3;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .listArea-list li a:before {
    content: "";
    display: block;
    width: 8.59375vw;
    height: 100%;
    border-right: 1px #000 solid;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.2s ease all;
    z-index: 1;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list li a:after {
    content: "";
    display: block;
    content: "";
    display: inline-block;
    width: 3.125vw;
    height: 0.3125vw;
    background-image: url(../img/snap/icon_arrow_white.webp);
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 1.171875vw;
    left: 1.5625vw;
    z-index: 10;
    transition: ease all 0.2s;
  }
}
.listArea-list li a:hover {
  opacity: 1;
}
@media screen and (min-width: 751px), print {
  .listArea-list li a:hover:after {
    left: 1.953125vw;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list li a:hover:before {
    border: none;
    width: 100%;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list li.fac_color_1 a:after, .listArea-list li.fac_color_17 a:after {
    background-image: url(../img/snap/icon_arrow_black.webp);
  }
}

.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=snapArchive.css.map */