@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
.header-pc-logo .normal {
  display: none;
}
.header-pc-logo .bold {
  display: block;
}
.header-sp-logo .normal {
  display: none;
}
.header-sp-logo .bold {
  display: block;
}

.mvArea {
  height: 21.3333333333vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid 1px #000;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    height: 12.5vw;
  }
}
.mvArea h1 {
  font-size: 5.0666666667vw;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .mvArea h1 {
    font-size: 2.890625vw;
    letter-spacing: 0.18em;
  }
}

.linkArea {
  margin: 4vw 0 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .linkArea {
    margin: 3.125vw;
    margin-bottom: 0;
  }
}
.linkArea-link {
  display: flex;
}
.linkArea-link a {
  border: solid 2px #fff;
  outline: solid 1px #000;
  width: auto;
  position: relative;
  display: inline-block;
  font-size: 2.9333333333vw;
  background-color: #d4d7ee;
  line-height: 1.2;
  margin-left: auto;
  margin-right: 0;
  padding: 1.3333333333vw;
  padding-right: 6.6666666667vw;
  border-right: none;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .linkArea-link a {
    border: solid 2px #fff;
    padding: 0.3125vw 0.78125vw;
    padding-right: 2.34375vw;
    font-size: 1.015625vw;
    letter-spacing: 0.12em;
  }
}
.linkArea-link a:before {
  content: "";
  display: inline-block;
  width: 4.6666666667vw;
  height: 4.6666666667vw;
  background-image: url(../img/common/icon_target_btn.webp);
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 1.3333333333vw;
  top: 1.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .linkArea-link a:before {
    width: 1.5625vw;
    height: 1.5625vw;
    right: 0.3125vw;
    top: 0.3125vw;
  }
}
.linkArea-link a .small {
  font-size: 2.5333333333vw;
  letter-spacing: normal;
}
@media screen and (min-width: 751px), print {
  .linkArea-link a .small {
    font-size: 0.78125vw;
  }
}

.listArea {
  border-bottom: solid #000 1px;
  background-image: url(../img/tags/tagsArea_bg_sp.webp);
  background-size: contain;
  background-repeat: repeat;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .listArea {
    background-image: url(../img/tags/tagsArea_bg_pc.webp);
    padding-top: 5.78125vw;
  }
}
.listArea-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 91.3333333333vw;
  padding-bottom: 8vw;
  margin: 0 auto;
}
@media screen and (min-width: 751px), print {
  .listArea-list {
    width: 77.34375vw;
    padding-bottom: 5.46875vw;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list:before {
    content: "";
    display: block;
    order: 1;
    width: 16.40625vw;
  }
}
@media screen and (min-width: 751px), print {
  .listArea-list:after {
    content: "";
    display: block;
    order: 1;
    width: 16.40625vw;
  }
}
.listArea li {
  display: flex;
  width: 42vw;
  margin-top: 8.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .listArea li {
    width: 16.40625vw;
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 750px), print {
  .listArea li:nth-child(1), .listArea li:nth-child(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 751px), print {
  .listArea li:nth-child(1), .listArea li:nth-child(2), .listArea li:nth-child(3), .listArea li:nth-child(4) {
    margin-top: 0;
  }
}
.listArea a {
  width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.listArea a:hover {
  opacity: 1;
}
@media screen and (min-width: 751px), print {
  .listArea a:hover .listArea-img {
    padding: 0.78125vw;
    background-color: #dcff00;
  }
}
@media screen and (min-width: 751px), print {
  .listArea a:hover .listArea-txt span {
    background: linear-gradient(transparent 0%, #dcff00 20%, #dcff00 80%, transparent 100%);
  }
}
.listArea-img {
  width: 100%;
  height: 42vw;
  object-fit: cover;
  border: solid 1px #000;
  border-radius: 4vw;
}
@media screen and (min-width: 751px), print {
  .listArea-img {
    height: 16.40625vw;
    transition: all ease 0.2s;
    border-radius: 1.5625vw;
  }
}
.listArea-ttl {
  font-size: 3vw;
  line-height: 1.25;
  font-weight: 700;
  padding: 2.4vw 0 1.6vw;
  border-bottom: solid 0.2666666667vw #000;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px), print {
  .listArea-ttl {
    font-size: 1.171875vw;
    padding: 0.9375vw 0 0.46875vw;
    transition: all ease 0.2s;
    border-bottom: 2px solid #000;
  }
}
.listArea-ttl .kome {
  vertical-align: top;
  font-size: 0.8em;
}
.listArea-ttl .caution {
  display: block;
  font-size: 0.7em;
  text-align: left;
  margin-top: 1.3333333333vw;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
@media screen and (min-width: 751px), print {
  .listArea-ttl .caution {
    font-size: 0.8em;
    margin-top: 0.3125vw;
  }
}
.listArea-txt {
  font-size: 2.6vw;
  line-height: 1.5;
  padding-top: 1.6vw;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 751px), print {
  .listArea-txt {
    transition: all ease 0.2s;
    font-size: 1.015625vw;
    padding-top: 0.625vw;
  }
}

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