@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;
}
.common-breadcrumbArea ul {
  justify-content: flex-end;
}

.mvArea {
  width: 100%;
  position: absolute;
  z-index: 10;
  padding-top: 13.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    padding-top: 11.71875vw;
  }
}
.mvArea-ttl {
  position: absolute;
  z-index: -1;
  top: 9.3333333333vw;
  left: 2.6666666667vw;
  width: 61.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-ttl {
    width: 30.78125vw;
    top: 5.859375vw;
    left: 7.8125vw;
  }
}

.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: 100% auto;
  background-position: 0 0, 0 100%;
}
.sec.is-1 {
  padding-block: 24vw 16vw;
  background-image: url(../img/room-gallery/sec01_label_sp.webp), url(../img/room-gallery/sec01_label_sp.webp), url(../img/room-gallery/sec01_bg_sp.webp);
}
@media screen and (min-width: 751px), print {
  .sec.is-1 {
    padding-block: 10.15625vw 6.25vw;
    background-image: url(../img/room-gallery/sec01_label.webp), url(../img/room-gallery/sec01_label.webp), url(../img/room-gallery/sec01_bg.webp);
  }
}
.sec.is-2 {
  padding-block: 8vw 16vw;
  background-image: url(../img/room-gallery/sec02_label_sp.webp), url(../img/room-gallery/sec02_label_sp.webp), url(../img/room-gallery/sec02_bg_sp.webp);
}
@media screen and (min-width: 751px), print {
  .sec.is-2 {
    padding-block: 6.25vw 7.8125vw;
    background-image: url(../img/room-gallery/sec02_label.webp), url(../img/room-gallery/sec02_label.webp), url(../img/room-gallery/sec02_bg.webp);
  }
}
.sec.is-2 .sec-data {
  position: absolute;
  width: 91.6vw;
  height: 136.2666666667vw;
  top: 8vw;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-data {
    width: 30.46875vw;
    height: 59.140625vw;
    left: unset;
    translate: unset;
    right: 3.90625vw;
    top: 12.5vw;
    margin: 0;
  }
}
.sec.is-2 .sec-profile {
  background-image: url(../img/room-gallery/sec02_profile.webp);
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-profile {
    width: 16.015625vw;
    height: 16.40625vw;
  }
}
.sec.is-2 .sec-profile-cont {
  left: 12%;
  top: 42%;
}
.sec.is-2 .sec-room {
  background-image: url(../img/room-gallery/sec02_room.webp);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 46.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-room {
    background-image: url(../img/room-gallery/sec02_room.webp);
    width: 100%;
    height: 16.25vw;
  }
}
.sec.is-2 .sec-room-cont {
  left: 9%;
  top: 41%;
}
.sec.is-2 .sec-ttl {
  margin: 44vw 0 0 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-ttl {
    margin: 0.78125vw 0 0 19.53125vw;
    width: 24.453125vw;
    height: 9.375vw;
  }
}
.sec.is-2 .sec-list {
  margin-top: 4vw;
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-list {
    margin: 0vw 7.8125vw 0 21.09375vw;
  }
}
@media screen and (min-width: 751px), print {
  .sec.is-2 .sec-item:nth-child(2) .sec-item-img {
    transform-origin: 50% 100%;
    scale: 1.2;
  }
}
.sec-data {
  position: relative;
  margin-top: 1.3333333333vw;
  overflow: hidden;
}
@media screen and (min-width: 751px), print {
  .sec-data {
    margin: -23.4375vw 3.90625vw 0 auto;
    width: 83.046875vw;
    height: 31.25vw;
  }
}
.sec-profile {
  position: absolute;
  top: 0.6666666667vw;
  left: -5.3333333333vw;
  width: 50.4vw;
  height: 46.1333333333vw;
  background-image: url(../img/room-gallery/sec01_profile.webp);
  background-size: contain;
}
@media screen and (min-width: 751px), print {
  .sec-profile {
    width: 19.53125vw;
    height: 17.8125vw;
    left: 0;
    top: 0;
  }
}
.sec-profile-cont {
  position: absolute;
  left: 25%;
  top: 45%;
}
.sec-profile-name {
  font-size: 3.2vw;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.75;
}
@media screen and (min-width: 751px), print {
  .sec-profile-name {
    font-size: 1.171875vw;
  }
}
.sec-profile-info {
  font-size: 2.5333333333vw;
  line-height: 1.5;
}
@media screen and (min-width: 751px), print {
  .sec-profile-info {
    font-size: 0.9375vw;
  }
}
.sec-profile-school {
  font-size: 2.2666666667vw;
  line-height: 1.25;
}
@media screen and (min-width: 751px), print {
  .sec-profile-school {
    font-size: 0.78125vw;
  }
}
.sec-room {
  margin-left: auto;
  position: relative;
  left: 1.3333333333vw;
  width: 57.7333333333vw;
  height: 71.4666666667vw;
  background-image: url(../img/room-gallery/sec01_room_sp.webp);
  background-size: contain;
}
@media screen and (min-width: 751px), print {
  .sec-room {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30.46875vw;
    height: 16.25vw;
    background-image: url(../img/room-gallery/sec01_room.webp);
  }
}
.sec-room-cont {
  position: absolute;
  left: 15%;
  top: 63%;
}
@media screen and (min-width: 751px), print {
  .sec-room-cont {
    left: 8%;
    top: 44%;
  }
}
.sec-room-txt {
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (min-width: 751px), print {
  .sec-room-txt {
    font-size: 1.015625vw;
  }
}
.sec-ttl {
  width: 61.8666666667vw;
  margin: -2.6666666667vw auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .sec-ttl {
    width: 24.453125vw;
    margin: -3.90625vw 0 0 4.6875vw;
  }
}
.sec-list {
  margin: 13.3333333333vw 4vw 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6.6666666667vw 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .sec-list {
    gap: 3.90625vw 3.125vw;
    margin: 3.90625vw 21.09375vw 0 7.8125vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.sec-item {
  font-feature-settings: "palt";
}
.sec-item-ttl {
  line-height: 1.333333;
  margin-top: 1.3333333333vw;
  font-size: 4vw;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 751px), print {
  .sec-item-ttl {
    font-size: 1.40625vw;
    margin-top: 0.78125vw;
  }
}
.sec-item-img.is-large {
  scale: 1.3;
  transform-origin: 50% 100%;
}
.sec-item-txt {
  line-height: 1.666666;
  margin-top: 1.3333333333vw;
  font-size: 3.2vw;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 751px), print {
  .sec-item-txt {
    font-size: 1.015625vw;
    margin-top: 0.78125vw;
  }
}
.sec-item-important {
  position: relative;
}
.sec-item-important::before {
  content: "";
  width: 23.6vw;
  height: 14.9333333333vw;
  background-image: url(../img/room-gallery/icon_important.webp);
  background-size: contain;
  position: absolute;
  right: -11%;
  bottom: -7%;
}
@media screen and (min-width: 751px), print {
  .sec-item-important::before {
    right: -10%;
    width: 11.484375vw;
    height: 7.265625vw;
  }
}

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