@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
.main {
  background-color: #e3e7f8;
  position: relative;
  background-image: url(../img/beauty/bg_sp.webp);
  background-repeat: no-repeat;
  background-position: 100% 13.3333333333vw;
  background-size: 100% auto;
}
@media screen and (min-width: 751px), print {
  .main {
    background-image: url(../img/beauty/bg.webp);
    background-position: 100% 11.71875vw;
  }
}

.common-breadcrumbArea {
  border: none;
  background: unset;
}
.common-breadcrumbArea ul {
  justify-content: flex-start;
}

.mvArea {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 13.3333333333vw;
  background-image: url(../img/beauty/mv_bg_sp.webp), linear-gradient(#fff, #fff);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: 57.3333333333vw auto, 100% 10.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    overflow: unset;
    background-image: url(../img/beauty/mv_bg.webp), linear-gradient(#fff, #fff);
    background-size: 28.90625vw auto, 100% 7.8125vw;
    padding-top: 7.8125vw;
  }
}
.mvArea-ttl {
  margin-inline: auto;
  width: 62.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-ttl {
    width: 32.8125vw;
    position: relative;
    margin-top: -7.8125vw;
  }
}
@media screen and (min-width: 751px), print {
  .mvArea-ttl::before {
    content: "";
    position: absolute;
    left: -30.46875vw;
    top: 8.59375vw;
    width: 29.6875vw;
    height: 28.125vw;
    border-top: 1px solid #8753eb;
    border-left: 1px solid #8753eb;
    pointer-events: none;
  }
}
.mvArea-ashirai {
  position: absolute;
  right: -10px;
  top: 4vw;
  width: 29.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-ashirai {
    width: 13.515625vw;
    top: 6.5625vw;
    right: 12.8125vw;
  }
}

.fixTxt {
  position: absolute;
  width: 100%;
  top: 44vw;
  pointer-events: none;
  padding-inline: 2.6666666667vw;
  display: flex;
  justify-content: space-between;
  z-index: 10;
}
@media screen and (min-width: 751px), print {
  .fixTxt {
    top: 48.4375vw;
  }
}
.fixTxt > * {
  width: 2.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .fixTxt > * {
    width: 1.5625vw;
  }
}

.mainArea {
  border-bottom: solid 1px #000;
  padding-bottom: 16vw;
}
@media screen and (min-width: 751px), print {
  .mainArea {
    padding-bottom: 9.375vw;
    position: relative;
  }
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea {
    display: flex;
    justify-content: center;
    background-image: url(../img/beauty/mv_bg_anchor.webp);
    background-repeat: no-repeat;
    background-size: auto 3.75vw;
    background-position: 0 85%;
  }
}
.mainArea .linkArea-list {
  background-image: url(../img/beauty/mv_bg_anchor.webp);
  background-repeat: no-repeat;
  background-size: auto 8vw;
  background-position: 0 85%;
  padding-inline: 5.3333333333vw;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  row-gap: 2.6666666667vw;
  padding-top: 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-list {
    padding-inline: 0;
    padding-top: 3.125vw;
    background: unset;
    margin: 0;
  }
}
.mainArea .linkArea-item {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 22.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-item {
    width: 10.703125vw;
  }
}
.mainArea .linkArea-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5%;
  width: 1px;
  height: 10.6666666667vw;
  background-color: #8753eb;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-item::before {
    height: 5.46875vw;
  }
}
.mainArea .linkArea-item:last-child::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 5%;
  width: 1px;
  height: 10.6666666667vw;
  background-color: #8753eb;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-item:last-child::after {
    height: 5.46875vw;
    right: -1px;
  }
}
.mainArea .linkArea-item a {
  display: block;
  position: relative;
  transition: all ease 0.3s;
}
.mainArea .linkArea-item img {
  width: auto;
  height: 15.2vw;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-item img {
    height: 6.5625vw;
  }
}
.mainArea .linkArea-item:hover a {
  opacity: 0.8;
}
.mainArea .linkArea-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
}
.mainArea .linkArea-box::after {
  content: "";
  margin-top: 2.6666666667vw;
  width: 2.6666666667vw;
  aspect-ratio: 20/8;
  background-image: url(../img/beauty/anchor_arrow.webp);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-box::after {
    margin-top: 1.5625vw;
    width: 1.25vw;
  }
}
.mainArea .linkArea-ttl {
  font-size: 2.6666666667vw;
  font-family: "Hina Mincho", serif;
  color: #8753eb;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-ttl {
    font-size: 1.015625vw;
  }
}
.mainArea .linkArea-num {
  height: 2.4vw;
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-num {
    height: 0.9375vw;
    margin-top: 0.78125vw;
  }
}
.mainArea .linkArea-num img {
  width: auto;
  height: 100%;
  display: block;
  margin: auto;
}
.mainArea .linkArea-name {
  position: relative;
  left: 2px;
  margin: auto;
  font-size: 2.9333333333vw;
  margin-top: 2vw;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-name {
    font-size: 1.015625vw;
    margin-top: 1.171875vw;
  }
}
.mainArea .linkArea-txt {
  font-size: 3.7333333333vw;
  width: 89.3333333333vw;
  text-align: center;
  margin: 0 auto;
  margin-top: 4vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .mainArea .linkArea-txt {
    font-size: 1.25vw;
    width: 56.25vw;
    text-align: center;
    margin-top: 1.5625vw;
  }
}
.mainArea .subttl {
  width: 36vw;
  margin: 5.3333333333vw auto 0;
  position: relative;
  right: 8%;
}
@media screen and (min-width: 751px), print {
  .mainArea .subttl {
    width: 21.875vw;
    margin: 3.75vw auto 0;
    position: absolute;
    top: -2vw;
    right: 10vw;
    z-index: 10;
  }
}
.mainArea .contentArea {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .mainArea .contentArea {
    margin: 0 auto;
  }
}
.mainArea .contentArea-item {
  position: relative;
  background-color: transparent;
  margin-top: 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .mainArea .contentArea-item {
    margin: 3.90625vw auto 0;
  }
}

.icon-design {
  display: none;
}
@media screen and (min-width: 751px), print {
  .icon-design {
    display: block;
  }
}

.icon-star {
  display: none;
}
@media screen and (min-width: 751px), print {
  .icon-star {
    display: block;
  }
}

.card {
  position: relative;
  background-repeat: no-repeat;
  background-position: 100% 60%;
  background-size: 96vw auto;
  font-feature-settings: "palt";
}
@media screen and (min-width: 751px), print {
  .card {
    background-size: 91.40625vw auto;
    padding-left: 10.15625vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-reverse {
    background-position: 0 60%;
    padding-inline: 0 14.0625vw;
  }
}
.card.is-reverse .card-row {
  flex-direction: row-reverse;
}
.card.is-reverse .card-col {
  right: unset;
  left: 2%;
}
@media screen and (min-width: 751px), print {
  .card.is-reverse .card-col {
    left: 0;
  }
}
.card.is-reverse .card-info {
  right: unset;
  left: 0;
  translate: -120% 0;
}
@media screen and (min-width: 751px), print {
  .card.is-reverse .card-info {
    left: unset;
    translate: unset;
    margin: 1.5625vw auto 0 1.5625vw;
  }
}
.card.is-1 .card-must-img {
  right: 4%;
}
@media screen and (min-width: 751px), print {
  .card.is-1 .card-must-txt {
    width: 22.265625vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-1 .card-col:first-child {
    width: 27.5vw;
  }
}
.card.is-2 {
  margin-top: 16.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .card.is-2 {
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-2 .card-col:first-child {
    width: 25vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-2 .card-col:last-child {
    width: 37.5vw;
  }
}
.card.is-2 .card-must-img {
  right: -2vw;
  scale: 0.9;
}
@media screen and (min-width: 751px), print {
  .card.is-2 .card-must-img {
    right: 1.5vw;
    top: 0.1vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-2 .card-must-txt {
    width: 21.875vw;
  }
}
.card.is-3 {
  margin-top: 14.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .card.is-3 {
    position: relative;
    margin-top: 6.25vw;
    padding-left: 13.671875vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-3 .card-col:first-child {
    width: 30.078125vw;
    margin-bottom: 4.6875vw;
  }
}
.card.is-3 .card-must-img {
  right: -2%;
}
@media screen and (min-width: 751px), print {
  .card.is-3 .card-must-txt {
    width: 22.5vw;
  }
}
.card.is-4 {
  margin-top: 16vw;
}
@media screen and (min-width: 751px), print {
  .card.is-4 {
    margin-top: 8.59375vw;
    background-position: 0% 70%;
    padding-right: 12.5vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-4 .card-col:first-child {
    width: 25vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-4 .card-col:last-child {
    margin-bottom: 3.125vw;
  }
}
.card.is-4 .card-must-img {
  top: -1%;
  right: 2%;
  scale: 0.9;
}
@media screen and (min-width: 751px), print {
  .card.is-4 .card-must-img {
    right: 6%;
  }
}
.card.is-5 {
  margin-top: 20vw;
}
@media screen and (min-width: 751px), print {
  .card.is-5 {
    margin-top: 9.375vw;
    background-position: 100% 90%;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-5 .card-col:first-child {
    width: 26.875vw;
  }
}
.card.is-5 .card-must-img {
  width: 23.4666666667vw;
  top: 3vw;
  right: 3vw;
}
@media screen and (min-width: 751px), print {
  .card.is-5 .card-must-img {
    width: 10.46875vw;
    top: 1vw;
    right: 2vw;
  }
}
.card.is-6 {
  margin-top: 18.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .card.is-6 {
    margin-top: 10.9375vw;
    background-position: 0 85%;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-6 .card-col:first-child {
    width: 26.71875vw;
  }
}
.card.is-6 .card-must-img {
  top: 4%;
  right: -4%;
}
@media screen and (min-width: 751px), print {
  .card.is-6 .card-must-img {
    right: 2%;
  }
}
.card.is-7 {
  margin-top: 13.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .card.is-7 {
    margin-top: 10.9375vw;
    padding-left: 11.71875vw;
  }
}
.card.is-7 .card-must-img {
  right: 4%;
}
.card.is-8 {
  margin-top: 14.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .card.is-8 {
    margin-top: 9.375vw;
    padding-right: 12.5vw;
  }
}
@media screen and (min-width: 751px), print {
  .card.is-8 .card-col:first-child {
    width: 26.953125vw;
  }
}
.card.is-8 .card-info {
  padding-inline: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .card.is-8 .card-must-img {
    top: -0.6vw;
    right: 2vw;
  }
}
.card.is-8 .card-must-txt {
  padding-right: 3.8666666667vw;
}
@media screen and (min-width: 751px), print {
  .card-row {
    display: flex;
    align-items: flex-end;
    gap: 2.34375vw;
  }
}
.card-col:first-child {
  position: relative;
  right: 2%;
  width: 50.4vw;
  margin: auto;
}
@media screen and (min-width: 751px), print {
  .card-col:first-child {
    right: 0;
    margin: 0;
    width: 28.125vw;
  }
}
.card-col:last-child {
  width: 80vw;
  margin: 5.3333333333vw auto 0;
}
@media screen and (min-width: 751px), print {
  .card-col:last-child {
    width: auto;
    margin: 0;
  }
}
.card-info {
  position: absolute;
  right: 0;
  bottom: 0;
  translate: 120% 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  white-space: nowrap;
  padding-inline: 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .card-info {
    position: relative;
    translate: unset;
    writing-mode: horizontal-tb;
    width: 21.875vw;
    margin: 0.78125vw 1.5625vw 0 auto;
    padding: 0 3.125vw;
    text-align: center;
  }
}
.card-info::before, .card-info::after {
  content: "";
  position: absolute;
  background-color: #8753eb;
  width: 4.8vw;
  height: 1px;
}
@media screen and (min-width: 751px), print {
  .card-info::before, .card-info::after {
    width: 1px;
    height: 1.953125vw;
  }
}
.card-info::before {
  top: 0;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 751px), print {
  .card-info::before {
    top: 50%;
    left: 0;
    translate: 0 -50%;
  }
}
.card-info::after {
  bottom: 0;
  left: 50%;
  translate: -50% 0;
}
@media screen and (min-width: 751px), print {
  .card-info::after {
    top: 50%;
    left: unset;
    right: 0;
    translate: 0 -50%;
  }
}
.card-name {
  font-size: 3.2vw;
  letter-spacing: 0.22em;
}
@media screen and (min-width: 751px), print {
  .card-name {
    font-size: 0.9375vw;
  }
}
.card-subject {
  font-size: 2.6666666667vw;
  line-height: 1.5;
  letter-spacing: 0.16em;
}
@media screen and (min-width: 751px), print {
  .card-subject {
    font-size: 0.78125vw;
  }
}
.card-leading {
  height: 15.4666666667vw;
  width: auto;
}
@media screen and (min-width: 751px), print {
  .card-leading {
    height: 5.78125vw;
  }
}
.card-subRow {
  margin-top: 2.6666666667vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .card-subRow {
    align-items: flex-end;
    margin-top: 2.34375vw;
    gap: 1.171875vw;
  }
}
.card-subCol:first-child {
  width: 36.8vw;
}
@media screen and (min-width: 751px), print {
  .card-subCol:first-child {
    letter-spacing: 0;
    width: auto;
  }
}
.card-subCol:last-child {
  width: 40vw;
}
@media screen and (min-width: 751px), print {
  .card-subCol:last-child {
    width: 12.890625vw;
    flex-shrink: 0;
  }
}
.card-specialTtl {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  font-size: 5.8666666667vw;
  line-height: 1;
  font-weight: 400;
}
@media screen and (min-width: 751px), print {
  .card-specialTtl {
    font-size: 2.8125vw;
  }
}
.card-specialTtl strong {
  font-weight: 700;
}
.card-specialTxt {
  font-size: 3.6vw;
  margin-top: 1.3333333333vw;
  width: 36.8vw;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 751px), print {
  .card-specialTxt {
    font-size: 1.484375vw;
    letter-spacing: 0.08em;
    margin-top: 0.78125vw;
    width: auto;
    min-width: 23.4375vw;
    max-width: 31.25vw;
  }
}
.card-must {
  position: relative;
  right: 10.6666666667vw;
  border: 2px solid #8753eb;
  background-image: linear-gradient(to right, #996dee, #f0bef0 50%, #f0bef0 80%, #82e6e1);
  width: 89.8666666667vw;
  margin-top: 2.6666666667vw;
  padding-block: 4vw;
  color: #fff;
  border-radius: 0 0 18.6666666667vw 0;
}
@media screen and (min-width: 751px), print {
  .card-must {
    right: 0;
    width: auto;
    min-width: 36.09375vw;
    max-width: 37.8125vw;
    margin-top: 1.5625vw;
    border-radius: 0 0 7.8125vw 0;
    padding-block: 1.5625vw;
  }
}
.card-must-cont {
  width: 57.8666666667vw;
  margin-left: 10vw;
}
@media screen and (min-width: 751px), print {
  .card-must-cont {
    width: 31.71875vw;
    margin-left: 1.953125vw;
  }
}
.card-must-ttl {
  font-family: "Montserrat", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  font-size: 5.6vw;
  font-weight: 700;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 751px), print {
  .card-must-ttl {
    font-size: 2.34375vw;
  }
}
.card-must-ttl::after {
  content: "";
  display: block;
  height: 0;
  border-bottom: 1px solid #fff;
  position: relative;
  bottom: 0.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .card-must-ttl::after {
    bottom: 0.390625vw;
  }
}
.card-must-txt {
  margin-top: 2vw;
  padding-right: 4.5333333333vw;
  font-size: 3.6vw;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (min-width: 751px), print {
  .card-must-txt {
    font-size: 1.40625vw;
    padding-right: 0;
    margin-top: 0.78125vw;
  }
}
.card-must-img {
  position: absolute;
  top: -8%;
  right: -2%;
  width: 33.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .card-must-img {
    top: -10%;
    right: 0;
    width: 12.5vw;
  }
}

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