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

.common-breadcrumbArea {
  border: none;
  background: unset;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 751px), print {
  .common-breadcrumbArea {
    position: relative;
    top: 10.9375vw;
  }
}
.common-breadcrumbArea ul {
  justify-content: flex-start;
}

.mvArea {
  width: 100%;
  position: absolute;
  z-index: 10;
  padding-top: 10.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    padding-top: 4.296875vw;
  }
}
.mvArea-ttl {
  width: 76.8vw;
  margin: 2vw auto 0;
}
@media screen and (min-width: 751px), print {
  .mvArea-ttl {
    width: 63.28125vw;
    margin: 0vw auto 0;
  }
}

.mainArea {
  border-bottom: solid 1px #000;
  padding-bottom: 0;
}
@media screen and (min-width: 751px), print {
  .mainArea {
    padding-bottom: 0;
    position: relative;
  }
}
.mainArea .contentArea {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .mainArea .contentArea {
    margin: 0 auto;
  }
}

.sec {
  position: relative;
  background-size: 5.3333333333vw auto;
  background-repeat: repeat;
}
@media screen and (min-width: 751px), print {
  .sec {
    background-size: 3.125vw auto;
  }
}
.sec.is-1 {
  padding-block: 42.2666666667vw 37.3333333333vw;
  background-image: url(../img/teachers-room/sec01_bg.webp);
}
@media screen and (min-width: 751px), print {
  .sec.is-1 {
    padding-block: 17.1875vw 20.3125vw;
  }
}
.sec.is-2 {
  padding-block: 1px 18.6666666667vw;
  background-image: url(../img/teachers-room/sec02_bg.webp);
}
@media screen and (min-width: 751px), print {
  .sec.is-2 {
    padding-block: 1px 17.1875vw;
  }
}
.sec.is-2 .sec-mv {
  margin-top: -24vw;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-mv {
    margin-top: -10.15625vw;
  }
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-data {
    right: unset;
    left: 4.6875vw;
    top: 46.875vw;
  }
}
.sec.is-2 .sec-intro {
  margin: 4vw 4vw 0 auto;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-intro {
    margin: 0 0 0 2.34375vw;
  }
}
.sec.is-2 .sec-qa {
  margin: -5.3333333333vw 0 0 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-qa {
    margin: 1.5625vw 0 0;
  }
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-list {
    margin: 5.46875vw 8.59375vw 0 auto;
  }
}
.sec.is-2 .sec-list::before {
  right: unset;
  top: -1%;
  left: -2%;
  background-image: url(../img/teachers-room/icon_pickup_black.webp);
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-list::before {
    top: 0%;
    left: -12%;
  }
}
.sec.is-2 .sec-item:nth-child(2n) {
  top: 0;
}
.sec.is-2 .sec-item:nth-child(2n-1) {
  position: relative;
  top: 13.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-item:nth-child(2n-1) {
    top: 6.25vw;
  }
}
.sec-mv {
  position: relative;
}
.sec-leading {
  position: absolute;
  z-index: 10;
  right: 3.2vw;
  top: 113.3333333333vw;
  writing-mode: vertical-rl;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .sec-leading {
    right: 9.375vw;
    top: 18.75vw;
    gap: 0.78125vw;
  }
}
.sec-leading-item {
  border: 1px solid #000;
  font-size: 3.2vw;
  letter-spacing: 0.1em;
  background-color: #91cdd3;
  padding-inline: 0.5em;
  line-height: 1.75;
}
@media screen and (min-width: 751px), print {
  .sec-leading-item {
    font-size: 1.484375vw;
  }
}
.sec-data {
  position: relative;
}
@media screen and (min-width: 751px), print {
  .sec-data {
    position: absolute;
    right: 3.90625vw;
    top: 65.625vw;
  }
}
.sec-intro {
  background-color: #000;
  color: #fff;
  font-weight: 500;
  font-size: 3.2vw;
  width: fit-content;
  min-width: 58.6666666667vw;
  min-height: 53.3333333333vw;
  padding: 4vw;
  margin: 4vw 0 0 4vw;
  line-height: 1.5;
}
@media screen and (min-width: 751px), print {
  .sec-intro {
    font-size: 0.9375vw;
    min-width: 18.75vw;
    min-height: 17.1875vw;
    padding: 1.5625vw;
    margin: 0;
  }
}
.sec-intro-name {
  letter-spacing: 0.12em;
}
.sec-intro-name strong {
  font-weight: 900;
  font-size: 4.4vw;
}
@media screen and (min-width: 751px), print {
  .sec-intro-name strong {
    font-size: 1.640625vw;
  }
}
.sec-intro-pos {
  margin-top: 2.6666666667vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .sec-intro-pos {
    margin-top: 0.78125vw;
  }
}
.sec-intro-more {
  letter-spacing: 0.1em;
}
.sec-intro-more::before {
  content: "";
  display: block;
  width: 5.3333333333vw;
  margin-block: 2.6666666667vw;
  border-top: 1px solid #fff;
}
@media screen and (min-width: 751px), print {
  .sec-intro-more::before {
    width: 2.03125vw;
    margin-block: 0.78125vw;
  }
}
.sec-qa {
  position: relative;
  z-index: 1;
  margin: -10.6666666667vw 5.3333333333vw 0 auto;
  padding: 0 1.3333333333vw 1.3333333333vw 0;
  width: fit-content;
  clip-path: polygon(100% 0, 100% calc(100% - 7.3333333333vw), calc(100% - 8vw) 100%, 0 100%, 0 0);
}
@media screen and (min-width: 751px), print {
  .sec-qa {
    margin: 1.5625vw 0 0;
    padding: 0 0.78125vw 1.3333333333vw 0;
    clip-path: polygon(100% 0, 100% calc(100% - 3.125vw), calc(100% - 3.125vw) 100%, 0 100%, 0 0);
  }
}
.sec-qa::before {
  content: "";
  position: absolute;
  width: calc(100% - 1.3333333333vw);
  height: calc(100% - 1.3333333333vw);
  right: 0;
  bottom: 0;
  background-color: #000;
  z-index: -1;
}
@media screen and (min-width: 751px), print {
  .sec-qa::before {
    width: calc(100% - 0.78125vw);
    height: calc(100% - 0.78125vw);
  }
}
.sec-qa-cont {
  clip-path: inherit;
  background-color: #fff;
  border: 1px solid #000;
  width: 76vw;
  padding: 5.3333333333vw 6.6666666667vw;
  margin: 0;
}
@media screen and (min-width: 751px), print {
  .sec-qa-cont {
    width: 28.515625vw;
    padding: 2.34375vw 2.734375vw;
  }
}
.sec-qa-q {
  color: #ff7850;
  border-bottom: 1px solid #ff7850;
  font-weight: 900;
  font-size: 3.2vw;
  padding: 0.5em 0;
  line-height: 1.5;
}
@media screen and (min-width: 751px), print {
  .sec-qa-q {
    font-size: 1.40625vw;
  }
}
.sec-qa-a {
  font-size: 2.9333333333vw;
  margin: 2.6666666667vw 0 0;
}
@media screen and (min-width: 751px), print {
  .sec-qa-a {
    font-size: 1.09375vw;
    margin: 0.78125vw 0 0;
  }
}
.sec-qa-a + .sec-qa-q {
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .sec-qa-a + .sec-qa-q {
    margin-top: 1.5625vw;
  }
}
.sec-list {
  position: relative;
  margin: 13.3333333333vw 4vw 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.6666666667vw 4vw;
}
@media screen and (min-width: 751px), print {
  .sec-list {
    gap: 2.34375vw 2.734375vw;
    margin: 6.25vw 0 0 10.15625vw;
    width: 44.921875vw;
  }
}
.sec-list::before {
  content: "";
  width: 21.3333333333vw;
  height: 21.3333333333vw;
  background-image: url(../img/teachers-room/icon_pickup_yellow.webp);
  background-size: contain;
  position: absolute;
  right: -2%;
  top: 1%;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .sec-list::before {
    width: 12.5vw;
    height: 12.5vw;
    right: unset;
    left: -12%;
    top: -10%;
  }
}
.sec-item {
  font-feature-settings: "palt";
}
.sec-item:nth-child(2n) {
  position: relative;
  top: 13.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .sec-item:nth-child(2n) {
    top: 6.25vw;
  }
}
.sec-item-ttl {
  line-height: 1.5;
  margin-top: 1.3333333333vw;
  font-size: 3.0666666667vw;
  letter-spacing: 0.14em;
}
@media screen and (min-width: 751px), print {
  .sec-item-ttl {
    font-size: 1.25vw;
    margin-top: 0.78125vw;
  }
}
.sec-item-txt {
  line-height: 1.75;
  font-size: 2.6666666667vw;
  width: 34.5333333333vw;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 751px), print {
  .sec-item-txt {
    width: 17.96875vw;
    font-size: 1.015625vw;
  }
}

.btnArea {
  background-color: #fff;
  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=teachers-room.css.map */