@charset "UTF-8";
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
/* 看護学部 */
/* 法学部 */
/* 経済学部 */
/* 経営学部 */
/* 理工学部 */
/* 建築学部 */
/* 薬学部 */
/* 文芸学部 */
/* 総合社会学部 */
/* 国際学部 */
/* 情報学部 */
/* 農学部 */
/* 医学部 */
/* 生物理工学部 */
/* 工学部 */
/* 産業理工学部 */
/* 短期大学部 */
/* 通信教育部 */
/* 留学生 */
html {
  --color-khaki: #ffe771;
  --color-pink: #ffb5d4;
  --color-cornflowerblue: #6c92ff;
  --color-aquamarine: #9fe2c8;
}

dl, dt, dd {
  margin: 0;
}

.mvArea {
  padding-top: 14.6666666667vw;
  background-color: var(--color-khaki);
  border-bottom: none;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea {
    padding-top: 0;
  }
}
.mvArea:before {
  content: "";
  width: 13.7333333333vw;
  height: 100%;
  background-color: var(--color-pink);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 751px), print {
  .mvArea:before {
    width: 8.125vw;
  }
}
.mvArea-media {
  width: 100%;
}
@media screen and (min-width: 751px), print {
  .mvArea-media {
    display: flex;
    justify-content: flex-end;
    position: relative;
  }
}
.mvArea-mediaDesc {
  flex: 1;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc {
    width: 44.765625vw;
    position: absolute;
    top: 8.90625vw;
    left: 0;
    z-index: 2;
  }
}
.mvArea-mediaDesc .breadcrumb {
  padding-left: 2.6666666667vw;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .breadcrumb {
    padding-left: 3.125vw;
  }
}
.mvArea-mediaDesc .breadcrumb li {
  line-height: 1.2;
  font-size: 3.2vw;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .breadcrumb li {
    font-size: 0.9375vw;
  }
}
.mvArea-mediaDesc .breadcrumb li + li::before {
  content: ">";
  margin: 0 3px 0 5px;
}
.mvArea-mediaDesc .breadcrumb li a {
  text-decoration: underline;
}
.mvArea-mediaDesc .breadcrumb li a:hover {
  text-decoration: none;
}
.mvArea-mediaDesc .box {
  width: 100%;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .box {
    position: absolute;
    top: 6.25vw;
    left: 0;
  }
}
.mvArea-mediaDesc .boxSub {
  width: 79.2vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxSub {
    width: 40.703125vw;
  }
}
.mvArea-mediaDesc .boxMain {
  padding-left: 5.3333333333vw;
  margin-top: 4vw;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxMain {
    padding-left: 4.6875vw;
    margin-top: 2.1875vw;
  }
}
.mvArea-mediaDesc .boxMain h1 {
  width: 88.5333333333vw;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxMain h1 {
    width: 40.078125vw;
  }
}
.mvArea-mediaDesc .boxMain .lead {
  width: 68.8vw;
  height: 7.7333333333vw;
  margin-top: 3.7333333333vw;
  padding-inline: 2vw;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxMain .lead {
    width: 90.5%;
    height: 3.59375vw;
    margin-top: 1.5625vw;
    padding-inline: 0.78125vw;
  }
}
.mvArea-mediaDesc .boxMain .lead img {
  width: 42.2666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxMain .lead img {
    width: 49.5%;
  }
}
.mvArea-mediaDesc .boxMain .txt {
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.66;
  letter-spacing: 0.18em;
  margin-top: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxMain .txt {
    font-size: 1.171875vw;
    line-height: 1.86;
    margin-top: 1.40625vw;
  }
}
.mvArea-mediaDesc .boxMain .img {
  width: 18.9333333333vw;
  position: absolute;
  bottom: 0;
  right: 28.2666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaDesc .boxMain .img {
    width: 9.21875vw;
    bottom: -1.40625vw;
    right: 11.71875vw;
  }
}
.mvArea-mediaImg {
  width: 94.6666666667vw;
  margin: 0 0 0 auto;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaImg {
    width: 58.125%;
    margin: 0;
  }
}
.mvArea-mediaImg .txt {
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.45;
  background-color: rgba(255, 255, 255, 0.8);
  position: absolute;
  bottom: 4.8vw;
  left: 10vw;
  display: inline;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaImg .txt {
    font-size: 0.9375vw;
    line-height: 1.5;
    bottom: 6.54%;
    left: 26.88%;
  }
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaImg .txt span {
    font-size: 1.09375vw;
    line-height: 1.57;
  }
}
.mvArea-mediaImg .lead {
  width: 34.6666666667vw;
  position: absolute;
  top: -6.1333333333vw;
  left: -2.4vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-mediaImg .lead {
    width: 16.25vw;
    top: -4.53125vw;
    left: 2.578125vw;
  }
}
.mvArea-snap {
  width: 96vw;
  margin: -2.6666666667vw 0 0 auto;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap {
    width: 73.28125vw;
    margin-top: -1.875vw;
    display: grid;
    grid-template-columns: 20.3125vw 1fr;
    grid-template-areas: "img1 desc" "img1 img2";
    gap: 5.46875vw 2.5vw;
  }
}
.mvArea-snap .desc {
  grid-area: desc;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.mvArea-snap .desc:before {
  content: "";
  width: 22.6666666667vw;
  aspect-ratio: 1;
  background: url("/assets/img/selfie/ico_circle_01.webp") center/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .desc:before {
    width: 5vw;
  }
}
.mvArea-snap .descInner {
  width: 84.6666666667vw;
  height: 22.6666666667vw;
  padding-inline: 4vw;
  background-color: #000000;
  display: flex;
  align-items: center;
  position: relative;
  gap: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .descInner {
    width: calc(100% - 2.5vw);
    height: 5vw;
    padding: 0 3.125vw 0 1.953125vw;
    gap: 0 2.1875vw;
  }
}
.mvArea-snap .descInner dt {
  display: flex;
  align-items: center;
}
.mvArea-snap .descInner dt img {
  width: 9.8666666667vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .descInner dt img {
    width: 3.59375vw;
  }
}
.mvArea-snap .descInner dd {
  color: #ffffff;
  font-size: 2.9333333333vw;
  line-height: 1.54;
  letter-spacing: 0.06em;
  padding-left: 2.6666666667vw;
  border-left: 1px solid #ffffff;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .descInner dd {
    font-size: 0.9375vw;
    font-weight: 500;
    line-height: 1.83;
    padding-left: 1.40625vw;
  }
}
.mvArea-snap .img01 {
  width: 46.9333333333vw;
  margin: 0 5.3333333333vw 0 auto;
  grid-area: img1;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img01 {
    width: 100%;
    margin: 0;
  }
}
.mvArea-snap .img01 .lead {
  width: 46vw;
  position: absolute;
  bottom: 19.0666666667vw;
  left: -26.6666666667vw;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img01 .lead {
    width: 21.640625vw;
    bottom: 9.140625vw;
    left: -14.609375vw;
  }
}
.mvArea-snap .img02 {
  width: 68.2666666667vw;
  margin-top: -3.4666666667vw;
  grid-area: img2;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img02 {
    width: 100%;
    margin: 0;
  }
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img02 p {
    width: 31.25vw;
    margin-left: 1.5625vw;
  }
}
.mvArea-snap .img02 .lead {
  width: 50.6666666667vw;
  position: absolute;
  bottom: 4vw;
  right: 9.3333333333vw;
  z-index: 1;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img02 .lead {
    width: 23.90625vw;
    bottom: 1.5625vw;
    right: 8.28125vw;
  }
}
.mvArea-snap .img03 {
  width: 19.0666666667vw;
  bottom: 0;
  right: 5.6vw;
  position: absolute;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img03 {
    width: 11.25vw;
    bottom: 5.15625vw;
    right: 4.21875vw;
  }
}
.mvArea-snap .img04 {
  width: 19.7333333333vw;
  top: 34.6666666667vw;
  left: 4vw;
  position: absolute;
}
@media screen and (min-width: 751px), print {
  .mvArea-snap .img04 {
    width: 11.5625vw;
    top: auto;
    bottom: -9.53125vw;
    left: -20.78125vw;
  }
}
.mvArea-point {
  width: 90.9333333333vw;
  margin: 5.3333333333vw auto 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .mvArea-point {
    width: 74.921875vw;
    margin: 0.9375vw 3.125vw 0 auto;
    align-items: center;
  }
}
.mvArea-point .ico {
  width: 20vw;
  transform: translateY(-3%);
}
@media screen and (min-width: 751px), print {
  .mvArea-point .ico {
    width: 8.203125vw;
  }
}
.mvArea-point dl {
  width: 71.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .mvArea-point dl {
    width: 66.25vw;
    height: 5.46875vw;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: center;
    gap: 1.40625vw;
  }
}
.mvArea-point dt {
  width: 100%;
  height: 16.6666666667vw;
  padding-inline: 2.6666666667vw;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px), print {
  .mvArea-point dt {
    width: 28.75vw;
    padding: 0;
    height: 2.34375vw;
    border: none;
    border-right: 1px solid #000000;
  }
}
.mvArea-point dt picture {
  width: 54.6666666667vw;
  display: block;
}
@media screen and (min-width: 751px), print {
  .mvArea-point dt picture {
    width: 26.71875vw;
    display: flex;
    align-items: center;
  }
}
.mvArea-point dd {
  width: 54.8vw;
  margin: 4vw 0 0 auto;
}
@media screen and (min-width: 751px), print {
  .mvArea-point dd {
    width: auto;
    flex: 1;
    margin: 0;
  }
}
.mvArea-point dd .txt {
  font-size: 2.9333333333vw;
  font-weight: 700;
  line-height: 1.63;
  letter-spacing: 0.06em;
  text-align: justify;
}
@media screen and (min-width: 751px), print {
  .mvArea-point dd .txt {
    font-size: 1.09375vw;
    line-height: 1.9;
  }
}

.contentArea {
  border-bottom: solid 1px #000000;
}
.contentArea-box {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 751px), print {
  .contentArea-box {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.contentArea-box:nth-child(odd) {
  align-items: flex-end;
}
@media screen and (min-width: 751px), print {
  .contentArea-box:nth-child(odd) {
    flex-direction: row-reverse;
    align-items: flex-start;
  }
}
.contentArea-box:nth-child(odd) .descArea {
  align-items: flex-start;
}
@media screen and (min-width: 751px), print {
  .contentArea-box:nth-child(odd) .descArea {
    margin-top: 4.6875vw;
  }
}
.contentArea-box:nth-child(odd) .descArea .lead:before {
  left: auto;
  right: 0;
  transform: translateX(50%);
}
@media screen and (min-width: 751px), print {
  .contentArea-box:nth-child(odd) .descArea .leadInner {
    align-items: flex-end;
  }
}
.contentArea-box:nth-child(odd) .descArea .point {
  padding-inline: 4.2666666667vw 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box:nth-child(odd) .descArea .point {
    padding-inline: 0 !important;
    justify-content: flex-end;
  }
}
.contentArea-box-0 {
  padding-block: 9.6vw 12vw;
  background-color: var(--color-khaki);
  position: relative;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-0 {
    padding-block: 7.03125vw 8.984375vw;
    display: flex;
    flex-direction: column !important;
  }
}
.contentArea-box-0:before {
  content: "";
  width: 13.7333333333vw;
  height: 100%;
  background-color: var(--color-pink);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-0:before {
    width: 8.125vw;
  }
}
.contentArea-box-1 {
  padding-block: 15.3333333333vw 5.3333333333vw;
  background-color: var(--color-cornflowerblue);
}
@media screen and (min-width: 751px), print {
  .contentArea-box-1 {
    padding-block: 0 4.6875vw;
  }
}
.contentArea-box-1 .deco-1 {
  width: 22.6666666667vw;
  top: -22.6666666667vw;
  left: 0.8vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-1 .deco-1 {
    width: 13.28125vw;
    top: -7.109375vw;
    left: auto;
    right: 14.921875vw;
  }
}
.contentArea-box-1 .deco-2 {
  width: 9.0666666667vw;
  top: -26.9333333333vw;
  left: 27.0666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-1 .deco-2 {
    width: 5.3125vw;
    top: -9.53125vw;
    left: auto;
    right: 7.890625vw;
  }
}
.contentArea-box-2 {
  padding-block: 11.2vw 38vw;
  background-color: var(--color-aquamarine);
}
@media screen and (min-width: 751px), print {
  .contentArea-box-2 {
    padding-block: 4.21875vw 10vw;
  }
}
.contentArea-box-2:before {
  content: "";
  width: 100%;
  height: 29.2vw;
  background-color: #000000;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-2:before {
    height: 13.28125vw;
  }
}
.contentArea-box-2 .deco {
  z-index: 1;
}
.contentArea-box-2 .deco-1 {
  width: 15.7333333333vw;
  bottom: 7.2vw;
  left: 8.2666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-2 .deco-1 {
    width: 9.21875vw;
    bottom: -3.90625vw;
    left: auto;
    right: 33.4375vw;
  }
}
.contentArea-box-2 .deco-2 {
  width: 11.4666666667vw;
  bottom: -1.6vw;
  left: 33.4666666667vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-2 .deco-2 {
    width: 6.71875vw;
    bottom: -9.21875vw;
    left: auto;
    right: 21.328125vw;
  }
}
.contentArea-box-2 .deco-3 {
  width: 20.5333333333vw;
  bottom: -6.6666666667vw;
  right: 28vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-2 .deco-3 {
    width: 12.03125vw;
    bottom: -12.1875vw;
    right: 5.390625vw;
  }
}
.contentArea-box-3 {
  padding-block: 16vw 6.6666666667vw;
  background-color: var(--color-pink);
}
@media screen and (min-width: 751px), print {
  .contentArea-box-3 {
    padding-block: 0 4.296875vw;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-box-3:before {
    content: "";
    width: 100%;
    height: 5.46875vw;
    background-color: #000000;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.contentArea-box-4 {
  padding-block: 12.8vw 6.6666666667vw;
  background-color: var(--color-aquamarine);
}
@media screen and (min-width: 751px), print {
  .contentArea-box-4 {
    padding-block: 4.296875vw 0;
  }
}
@media screen and (min-width: 751px), print {
  .contentArea-box-4:before {
    content: "";
    width: 100%;
    height: 3.125vw;
    background-color: var(--color-cornflowerblue);
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.contentArea-box-4 .deco {
  z-index: 1;
}
.contentArea-box-4 .deco-1 {
  width: 15.0666666667vw;
  bottom: 12.2666666667vw;
  left: 7.2vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-4 .deco-1 {
    width: 8.828125vw;
    bottom: -4.6875vw;
    left: 4.765625vw;
  }
}
.contentArea-box-4 .deco-2 {
  width: 22vw;
  bottom: -5.3333333333vw;
  right: 4.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-4 .deco-2 {
    width: 10.390625vw;
    bottom: -17.265625vw;
    right: 20.703125vw;
  }
}
.contentArea-box-5 {
  padding-block: 18.4vw 8.5333333333vw;
  background-color: var(--color-cornflowerblue);
  flex-wrap: wrap;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-5 {
    padding-block: 3.75vw 6.25vw;
  }
}
.contentArea-box-5:before {
  content: "";
  width: 9.3333333333vw;
  height: 100%;
  background-color: var(--color-khaki);
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-5:before {
    width: 10.15625vw;
  }
}
.contentArea-box-5 .deco-1 {
  width: 15.0666666667vw;
  bottom: 12.2666666667vw;
  left: 7.2vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-5 .deco-1 {
    width: 8.828125vw;
    bottom: -4.6875vw;
    left: 4.765625vw;
  }
}
.contentArea-box-5 .deco-2 {
  width: 22vw;
  bottom: -5.3333333333vw;
  right: 4.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .contentArea-box-5 .deco-2 {
    width: 10.390625vw;
    bottom: -17.265625vw;
    right: 20.703125vw;
  }
}
.contentArea .deco {
  position: absolute;
}

.imgArea {
  width: 94.6666666667vw;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .imgArea {
    width: 56.25vw;
  }
}
.imgArea .txt {
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.45;
  position: absolute;
  bottom: 6vw;
}
@media screen and (min-width: 751px), print {
  .imgArea .txt {
    font-size: 0.9375vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 751px), print {
  .imgArea .txt span {
    font-size: 1.09375vw;
    line-height: 1.57;
  }
}
.imgArea .txt.white {
  color: #ffffff;
}
.imgArea .lead {
  position: absolute;
}
.imgArea-1 .txt {
  bottom: 6vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-1 .txt {
    bottom: 1.40625vw;
    left: 12.65625vw;
  }
}
.imgArea-1 .lead {
  width: 49.7333333333vw;
  top: -7.0666666667vw;
  right: -2.4vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-1 .lead {
    width: 23.28125vw;
    top: -1.171875vw;
    right: 0;
  }
}
.imgArea-2 .txt {
  bottom: 6.6666666667vw;
  right: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-2 .txt {
    bottom: 1.71875vw;
    right: 12.1875vw;
  }
}
.imgArea-2 .lead {
  width: 48.5333333333vw;
  top: -8vw;
  right: 3.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-2 .lead {
    width: 22.8125vw;
    top: -2.734375vw;
    right: 4.140625vw;
  }
}
.imgArea-3 .txt {
  bottom: 6.6666666667vw;
  right: 0;
}
@media screen and (min-width: 751px), print {
  .imgArea-3 .txt {
    color: #000000 !important;
    bottom: 0.9375vw;
    right: 7.5vw;
  }
}
.imgArea-3 .lead {
  width: 52.5333333333vw;
  top: -13.3333333333vw;
  right: 3.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-3 .lead {
    width: 24.609375vw;
    top: -5.78125vw;
    right: 8.90625vw;
  }
}
.imgArea-4 .txt {
  bottom: 5.6vw;
  right: 8.2666666667vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-4 .txt {
    color: #000000 !important;
    bottom: 2.1875vw;
    right: 16.09375vw;
  }
}
.imgArea-4 .lead {
  width: 57.3333333333vw;
  top: -10.6666666667vw;
  right: 8vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-4 .lead {
    width: 26.875vw;
    top: -3.125vw;
    right: 5.859375vw;
  }
}
.imgArea-5 .txt {
  bottom: 6vw;
  left: 5.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-5 .txt {
    bottom: 1.171875vw;
    left: 15vw;
  }
}
.imgArea-5 .lead {
  width: 52.4vw;
  top: -4.5333333333vw;
  right: -3.8666666667vw;
}
@media screen and (min-width: 751px), print {
  .imgArea-5 .lead {
    width: 24.609375vw;
    top: 3.4375vw;
    right: -5.390625vw;
  }
}

.descArea {
  width: 100%;
  margin-top: -4.2666666667vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media screen and (min-width: 751px), print {
  .descArea {
    width: 40.46875vw;
    margin-top: 14.0625vw;
  }
}
.descArea .lead {
  width: 82vw;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .descArea .lead {
    width: 100%;
  }
}
.descArea .lead:before {
  content: "";
  height: 100%;
  aspect-ratio: 1;
  background: url("../img/selfie/ico_circle_02.webp") center/contain no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50%);
}
.descArea .leadInner {
  min-height: 28vw;
  padding: 3.6vw 5.3333333333vw 3.0666666667vw 4vw;
  background-color: #000000;
  display: flex;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .descArea .leadInner {
    min-height: 9.765625vw;
    padding: 1.25vw 1.875vw 0;
    flex-direction: column;
  }
}
.descArea .leadTtl {
  width: 27.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea .leadTtl {
    width: 31.25vw !important;
    padding-bottom: 0.9375vw;
    border-bottom: 1px solid #ffffff;
  }
}
.descArea .leadTxt {
  padding-left: 4vw;
  flex: 1;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .descArea .leadTxt {
    width: 31.25vw;
    padding: 0 0 2.34375vw;
    margin-top: 0.9375vw;
  }
}
@media screen and (max-width: 750px), print {
  .descArea .leadTxt:before {
    content: "";
    width: 1px;
    height: calc(100% - 1.0666666667vw);
    background-color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.descArea .leadTxt p {
  color: #ffffff;
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.54;
}
@media screen and (max-width: 750px), print {
  .descArea .leadTxt p {
    position: relative;
    top: -1.0666666667vw;
  }
}
@media screen and (min-width: 751px), print {
  .descArea .leadTxt p {
    font-size: 0.9375vw;
    line-height: 1.83;
  }
}
.descArea .leadTxt .btn {
  display: none;
}
@media screen and (min-width: 751px), print {
  .descArea .leadTxt .btn {
    width: 12.5vw;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
  }
}
.descArea .leadBtn {
  display: none;
}
@media screen and (min-width: 751px), print {
  .descArea .leadBtn {
    width: 12.5vw;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
.descArea .point {
  width: 100%;
  margin-top: 6.6666666667vw;
  padding-inline: 3.2vw 5.3333333333vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px), print {
  .descArea .point {
    margin-top: 3.125vw;
    padding: 0;
    justify-content: flex-start;
    gap: 0 0.78125vw;
  }
}
.descArea .point .ico {
  width: 18.4vw;
  display: block;
  transform: translateY(-14%);
}
@media screen and (min-width: 751px), print {
  .descArea .point .ico {
    width: 7.1875vw;
    transform: translateY(-10%);
  }
}
.descArea .point dl {
  width: 70.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .descArea .point dl {
    width: 24.6875vw;
  }
}
.descArea .point dt {
  min-height: 10vw;
  padding: 2.6666666667vw 1.3333333333vw;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px), print {
  .descArea .point dt {
    min-height: 4.53125vw;
    padding: 0 1.171875vw;
  }
}
.descArea .point dt.white {
  border-color: #ffffff !important;
}
.descArea .point dd {
  margin-top: 4vw;
  padding-left: 1.6vw;
}
@media screen and (min-width: 751px), print {
  .descArea .point dd {
    margin-top: 1.5625vw;
    padding-left: 1.171875vw;
  }
}
.descArea .point dd .txt {
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.63;
  text-align: justify;
}
@media screen and (min-width: 751px), print {
  .descArea .point dd .txt {
    font-size: 1.09375vw;
    line-height: 1.71;
  }
}
.descArea .point dd .txt.white {
  color: #ffffff;
}
.descArea .btn {
  width: 42.6666666667vw;
  margin: 6vw auto 0;
}
@media screen and (min-width: 751px), print {
  .descArea .btn {
    display: none;
  }
}
.descArea-1 .lead:before {
  background: url("../img/selfie/ico_circle_02.webp") center/contain no-repeat;
}
.descArea-1 .leadTtl img {
  width: 23.8666666667vw;
}
@media screen and (min-width: 751px), print {
  .descArea-1 .leadTtl img {
    width: 26.40625vw;
  }
}
.descArea-1 .point dt img {
  width: 65.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea-1 .point dt img {
    width: 22.5vw;
  }
}
.descArea-2 .lead:before {
  background: url("../img/selfie/ico_circle_03.webp") center/contain no-repeat;
}
.descArea-2 .leadInner {
  padding-left: 3.4666666667vw;
}
.descArea-2 .leadTtl {
  width: 30.4vw;
}
.descArea-2 .leadTtl img {
  width: 27.0666666667vw;
}
@media screen and (min-width: 751px), print {
  .descArea-2 .leadTtl img {
    width: 25.78125vw;
  }
}
.descArea-2 .leadTxt p {
  font-feature-settings: "palt";
}
@media screen and (min-width: 751px), print {
  .descArea-2 .leadTxt p {
    letter-spacing: 0.06em;
  }
}
@media screen and (min-width: 751px), print {
  .descArea-2 .point {
    padding-inline: 0 !important;
    justify-content: flex-end;
  }
}
.descArea-2 .point dt img {
  width: 65.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea-2 .point dt img {
    width: 22.5vw;
  }
}
.descArea-3 .lead:before {
  background: url("../img/selfie/ico_circle_03.webp") center/contain no-repeat;
}
.descArea-3 .leadTtl {
  width: 28.6666666667vw;
}
.descArea-3 .leadTtl img {
  width: 25.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea-3 .leadTtl img {
    width: 19.84375vw;
  }
}
.descArea-3 .leadTxt p {
  font-feature-settings: "palt";
}
@media screen and (min-width: 751px), print {
  .descArea-3 .leadTxt p {
    font-feature-settings: normal;
  }
}
.descArea-3 .point dt img {
  width: 46.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .descArea-3 .point dt img {
    width: 16.25vw;
  }
}
.descArea-4 .lead:before {
  background: url("../img/selfie/ico_circle_03.webp") center/contain no-repeat;
}
.descArea-4 .leadTtl {
  width: 31.7333333333vw;
}
.descArea-4 .leadTtl img {
  width: 22.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea-4 .leadTtl img {
    width: 26.40625vw;
  }
}
.descArea-4 .leadTxt p {
  font-feature-settings: "palt";
}
@media screen and (min-width: 751px), print {
  .descArea-4 .leadTxt p {
    font-feature-settings: normal;
  }
}
@media screen and (max-width: 750px), print {
  .descArea-4 .point .ico {
    transform: translateY(-2%);
  }
}
.descArea-4 .point dt img {
  width: 39.2vw;
}
@media screen and (min-width: 751px), print {
  .descArea-4 .point dt img {
    width: 23.4375vw;
  }
}
.descArea-5 .lead:before {
  background: url("../img/selfie/ico_circle_01.webp") center/contain no-repeat;
}
.descArea-5 .leadTtl {
  width: 34.1333333333vw;
}
.descArea-5 .leadTtl img {
  width: 30.5333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea-5 .leadTtl img {
    width: 20.78125vw;
  }
}
@media screen and (min-width: 751px), print {
  .descArea-5 .point dt {
    padding: 0;
  }
}
.descArea-5 .point dt img {
  width: 68.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .descArea-5 .point dt img {
    width: 23.203125vw;
  }
}
.descArea-5 .point dd {
  width: 64vw;
}
@media screen and (min-width: 751px), print {
  .descArea-5 .point dd {
    width: 21.875vw;
    padding-left: 0;
  }
}
.descArea-5 .btn {
  display: none;
}

.campArea {
  width: 100%;
  margin-top: 8vw;
  padding-inline: 5.3333333333vw;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .campArea {
    padding-inline: 0;
    margin-top: 1.5625vw;
  }
}
@media screen and (min-width: 751px), print {
  .campArea-wrap {
    width: 78.125vw;
    margin: 0 auto;
    display: flex;
    gap: 1.5625vw 4.375vw;
    align-items: flex-end;
    flex-wrap: wrap;
  }
}
.campArea-img {
  position: relative;
}
.campArea-img-1 {
  width: 46.9333333333vw;
  margin: 0 0 0 auto;
}
@media screen and (min-width: 751px), print {
  .campArea-img-1 {
    width: 20.3125vw;
    margin: 0;
    margin-left: 7.96875vw;
  }
}
.campArea-img-1 .lead {
  width: 34.6666666667vw;
  position: absolute;
  top: 2.2666666667vw;
  left: -21.3333333333vw;
}
@media screen and (min-width: 751px), print {
  .campArea-img-1 .lead {
    width: 16.171875vw;
    top: -0.78125vw;
    left: -8.671875vw;
  }
}
.campArea-img-2 {
  width: 68.2666666667vw;
  margin-top: -6.8vw;
}
@media screen and (min-width: 751px), print {
  .campArea-img-2 {
    width: 31.25vw;
    margin: 0;
    bottom: 2.109375vw;
  }
}
.campArea-img-2 .lead {
  width: 66.1333333333vw;
  position: absolute;
  bottom: -6.6666666667vw;
  right: -24.1333333333vw;
}
@media screen and (min-width: 751px), print {
  .campArea-img-2 .lead {
    width: 31.015625vw;
    top: -5.859375vw;
    bottom: auto;
    right: -17.34375vw;
  }
}
.campArea-point {
  width: 100%;
  margin-top: 10.4vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 751px), print {
  .campArea-point {
    margin: 0;
    align-items: center;
  }
}
.campArea-point .ico {
  width: 18.4vw;
  display: block;
}
@media screen and (min-width: 751px), print {
  .campArea-point .ico {
    width: 7.1875vw;
  }
}
.campArea-point dl {
  width: 71.7333333333vw;
}
@media screen and (min-width: 751px), print {
  .campArea-point dl {
    width: 70.3125vw;
    height: 5.46875vw;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    display: flex;
    align-items: center;
  }
}
.campArea-point dl dt {
  width: 100%;
  height: 16.6666666667vw;
  padding-inline: 2.6666666667vw;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 751px), print {
  .campArea-point dl dt {
    width: 37.96875vw;
    height: 2.34375vw;
    padding: 0;
    border: none;
    border-right: 1px solid #000000;
  }
}
.campArea-point dl dt picture {
  width: 59.2vw;
  display: block;
}
@media screen and (min-width: 751px), print {
  .campArea-point dl dt picture {
    width: 35.546875vw;
    display: flex;
    align-items: center;
  }
}
.campArea-point dl dd {
  width: 94%;
  margin-top: 4vw;
  padding-inline: 2.6666666667vw;
}
@media screen and (min-width: 751px), print {
  .campArea-point dl dd {
    width: auto;
    padding-inline: 1.328125vw;
    flex: 1;
    margin: 0;
  }
}
.campArea-point .txt {
  font-size: 2.9333333333vw;
  font-weight: 500;
  line-height: 1.63;
}
@media screen and (min-width: 751px), print {
  .campArea-point .txt {
    font-size: 1.09375vw;
    line-height: 1.71;
  }
}
.campArea-btn {
  width: 42.6666666667vw;
  margin: 4vw auto 0;
}
.campArea-deco {
  width: 19.3333333333vw;
  position: absolute;
  top: 20.2666666667vw;
  left: 9.0666666667vw;
}
@media screen and (min-width: 751px), print {
  .campArea-deco {
    width: 11.328125vw;
    top: auto;
    left: auto;
    bottom: -0.78125vw;
    right: 1.171875vw;
  }
}

.btnArea {
  margin-top: 0.6666666667vw;
  padding-block: 3.3333333333vw;
  border-top: solid 1px #000000;
}
@media screen and (min-width: 751px), print {
  .btnArea {
    padding-block: 2.34375vw;
    margin-top: 0.390625vw;
  }
}/*# sourceMappingURL=selfie.css.map */