*,
*::before,
*::after {
  box-sizing: border-box
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0
}

ul[role=list],
ol[role=list] {
  list-style: none
}

html:focus-within {
  scroll-behavior: smooth
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5
}

a:not([class]) {
  text-decoration-skip-ink: auto
}

img,
picture {
  max-width: 100%;
  display: block
}

input,
button,
textarea,
select {
  font: inherit
}

@media(prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}

:root {
  --zIndex: 100;
  --zIndex-header: calc(var(--zIndex) * 2);
  --zIndex-overlay: calc(var(--zIndex) * 3);
  --zIndex-fixedCta: calc(var(--zIndex) * 4);
  --color-header: #006E3D;
  --color-main: #5DB07B;
  --color-accent: #FE6A00;
  --color-white: #fff;
  --color-black: #000;
  --color-dg: #0A2A25;
  --color-06: #5DB07C;
  --color-07: #FAD714;
  --color-08: #289650;
  --color-09: #E0F0E6;
  --color-10: #FE6A00;
  --fontFamily-base: "Noto Sans JP", sans-serif;
  --lineHeight-base: calc(32 / 16);
  --fontSize-base: 1.6rem;
  --fontWeight-base: 400;
  --fontWeight-light: 300;
  --fontWeight-regular: 400;
  --fontWeight-medium: 500;
  --fontWeight-semiBold: 600;
  --fontWeight-bold: 700;
  --fontWeight-black: 900;
  --fontColor-base: #0A2A25
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth
}

@media screen and (max-width: 768px) {
  html {
    font-size: 2.6666666667vw
  }
}

body {
  font-family: var(--fontFamily-base);
  font-size: var(--fontSize-base);
  font-weight: var(--fontWeight-base);
  line-height: var(--lineHeight-base);
  color: var(--fontColor-base)
}

a {
  text-decoration: none
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0
}

.l-body.noScroll {
  overflow: hidden
}

.l-header {
  height: 12rem;
  background-color: var(--color-header)
}

@media screen and (max-width: 768px) {
  .l-header {
    height: initial
  }
}

.l-header img {
  width: 100%
}

.l-header__spOnly {
  height: 100%
}

.l-header__inner {
  height: 100%;
  max-width: 115.6rem;
  padding: 0 1.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.l-header__logo {
  width: 18.6rem;
  margin-left: 6rem
}

.l-header__logo img {
  width: 100%
}

.l-header__txt {
  width: 61.8rem;
  margin-right: 6.4rem
}

.l-header__txt img {
  width: 100%
}

.l-footer {
  padding: 6.4rem 0 1.2rem;
  background-color: var(--color-white)
}

@media screen and (max-width: 768px) {
  .l-footer {
    padding: 2.4rem 0 calc(1.2rem + 60px)
  }
}

.l-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6.6rem
}

@media screen and (max-width: 768px) {
  .l-footer__inner {
    flex-direction: column;
    margin-bottom: 3.6rem
  }
}

.l-footer__logo {
  width: 14.6rem;
  height: 8rem
}

@media screen and (max-width: 768px) {
  .l-footer__logo {
    width: 14.8rem;
    margin: 0 auto
  }
}

.l-footer__txt {
  width: 58.9rem
}

@media screen and (max-width: 768px) {
  .l-footer__txt {
    width: 33.5rem;
    margin-top: 1.8rem
  }
}

.l-footer__txt img {
  width: 100%
}

.l-footer__copyright {
  font-size: 1.2rem;
  color: var(--color-main);
  text-align: center
}

.l-inner {
  width: 103rem;
  max-width: 100%;
  padding: 0 1.5rem;
  margin: auto
}

.c-site {
  display: flex;
  flex-direction: column;
  min-height: 100vh
}

.c-site__main {
  flex: 1
}

.c-ttl {
  font-size: 4rem;
  letter-spacing: .1em;
  font-weight: var(--fontWeight-black);
  text-align: center
}

@media screen and (max-width: 768px) {
  .c-ttl {
    font-size: 2.8rem;
    line-height: 1.4285714286
  }
}

.c-ttl__color {
  color: var(--color-main)
}

.c-ttl--white {
  color: var(--color-white)
}

@media screen and (max-width: 768px) {
  .c-ttl--voice {
    font-size: 3.2rem
  }
}

.c-ttl--voice span {
  display: inline-block;
  padding: 0 3rem;
  position: relative
}

.c-ttl--voice span::before,
.c-ttl--voice span::after {
  content: "";
  color: var(--color-07);
  display: block;
  position: absolute;
  bottom: 0
}

.c-ttl--voice span::before {
  content: "\\";
  left: 0
}

.c-ttl--voice span::after {
  content: "/";
  right: 0
}

@media screen and (max-width: 768px) {
  .c-ttl--achievement {
    font-size: 3.2rem;
    line-height: 1.25
  }
}

.c-ttl--achievement span {
  display: inline-block;
  padding: 0 3rem;
  position: relative
}

.c-ttl--achievement span::before,
.c-ttl--achievement span::after {
  content: "";
  color: var(--color-main);
  display: block;
  position: absolute;
  bottom: 0
}

.c-ttl--achievement span::before {
  content: "\\";
  left: 0
}

.c-ttl--achievement span::after {
  content: "/";
  right: 0
}

@media screen and (max-width: 768px) {
  .c-ttl--teacher {
    font-size: 3.2rem;
    line-height: 1.25
  }
}

@media screen and (max-width: 768px) {
  .c-ttl--course {
    font-size: 3.2rem;
    line-height: 1.25
  }
}

.c-ttl--course span {
  display: inline-block;
  padding: 0 3rem;
  position: relative
}

@media screen and (max-width: 768px) {
  .c-ttl--course span {
    padding: 0 4.6rem
  }
}

.c-ttl--course span::before,
.c-ttl--course span::after {
  content: "";
  color: var(--color-main);
  display: block;
  position: absolute;
  bottom: 0
}

@media screen and (max-width: 768px) {

  .c-ttl--course span::before,
  .c-ttl--course span::after {
    font-size: 10rem;
    font-weight: var(--fontWeight-light)
  }
}

.c-ttl--course span::before {
  content: "\\";
  left: 0
}

.c-ttl--course span::after {
  content: "/";
  right: 0
}

@media screen and (max-width: 768px) {
  .c-ttl--story {
    font-size: 3.2rem
  }
}

.c-ttl--story span {
  line-height: 1;
  display: inline;
  background-color: #fdec90;
  padding: 0 1.6rem
}

.c-ttl--flow {
  font-size: 3.2rem
}

@media screen and (max-width: 768px) {
  .c-ttl--flow {
    font-size: 2.8rem;
    max-width: 27.2rem;
    margin: 0 auto;
    border-left: 1px solid var(--color-main);
    border-right: 1px solid var(--color-main)
  }
}

.c-ttl--faq,
.c-ttl--place {
  font-size: 3.2rem;
  letter-spacing: initial
}

@media screen and (max-width: 768px) {

  .c-ttl--faq,
  .c-ttl--place {
    font-size: 2.8rem
  }
}

.c-btn {
  display: block;
  color: var(--color-main);
  background-color: var(--color-white);
  border: 3px solid var(--color-main);
  font-size: 2rem;
  line-height: 2;
  letter-spacing: .1em;
  text-align: center;
  font-weight: var(--fontWeight-bold);
  padding: 1.6rem 2.4rem;
  border-radius: 100px;
  transition: all .3s
}

@media screen and (max-width: 768px) {
  .c-btn {
    padding: .8rem
  }
}

.c-btn:hover {
  background-color: var(--color-main);
  color: var(--color-white)
}

.c-fixedCta {
  width: 4.7rem;
  position: fixed;
  top: 13rem;
  right: -0.2rem;
  z-index: var(--zIndex-fixedCta)
}

@media screen and (max-width: 768px) {
  .c-fixedCta {
    position: initial;
    width: 100%
  }
}

.c-fixedCta__list {
  display: flex;
  flex-direction: column;
  gap: 1.4rem
}

@media screen and (max-width: 768px) {
  .c-fixedCta__list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0
  }
}

@media screen and (max-width: 768px) {
  .c-fixedCta__item {
    width: 50%
  }
}

.c-fixedCta__link img {
  width: 100%
}

.c-fixedCta__link:hover {
  opacity: .9
}

.p-mv__copy img {
  width: 100%;
  height: auto
}

.p-faq {
  background-color: #e0f0e6;
  padding: 7rem 0 20rem;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-faq {
    padding: 11.6rem 0 6.6rem
  }
}

.p-faq__icon {
  width: 9.6rem;
  position: absolute;
  top: 20px;
  left: calc(50% + 26rem)
}

@media screen and (max-width: 768px) {
  .p-faq__icon {
    width: 6.4rem;
    left: 50%;
    transform: translateX(-50%)
  }
}

.p-faq__icon img {
  width: 100%
}

.p-faq__body {
  margin-top: 6.6rem
}

@media screen and (max-width: 768px) {
  .p-faq__body {
    margin-top: 3.2rem;
    padding: 0 .5rem
  }
}

.p-faq__list {
  display: flex;
  flex-direction: column;
  gap: 4.8rem
}

@media screen and (max-width: 768px) {
  .p-faq__list {
    gap: 2.4rem
  }
}

.p-faq__item {
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--color-white)
}

.p-faq__item.is-active .p-faq__q::after {
  transform: translateY(-50%) rotate(180deg)
}

.p-faq__item.is-active .p-faq__a {
  padding: 1.2rem 2rem 2.2rem;
  line-height: normal;
  height: auto;
  opacity: 1
}

.p-faq__q {
  color: var(--color-white);
  display: flex;
  align-items: center;
  gap: 3.8rem;
  padding: 1.4rem 6rem 1.4rem 2rem;
  background-color: var(--color-main);
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .p-faq__q {
    gap: 1.6rem
  }
}

.p-faq__q::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1rem;
  background: url(../../../img/lp/campaign/icon_faq_arrow.svg) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%);
  z-index: 1;
  transition-duration: .3s
}

.p-faq__qIcon {
  font-size: 2.8rem;
  font-weight: var(--fontWeight-bold);
  line-height: 1.1428571429
}

.p-faq__qTxt {
  flex: 1;
  font-size: 1.8rem;
  font-weight: var(--fontWeight-bold);
  letter-spacing: .1em;
  line-height: 1.7777777778
}

@media screen and (max-width: 768px) {
  .p-faq__qTxt {
    font-size: 1.6rem;
    line-height: 1.5
  }
}

.p-faq__a {
  padding: 0 2rem;
  display: flex;
  gap: 3.8rem;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: .3s
}

@media screen and (max-width: 768px) {
  .p-faq__a {
    gap: 1.6rem
  }
}

.p-faq__aIcon {
  color: var(--color-main);
  font-size: 2.8rem;
  font-weight: var(--fontWeight-bold);
  line-height: 1.1428571429
}

.p-faq__aTxt {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  font-size: 1.6rem;
  line-height: 2
}

@media screen and (max-width: 768px) {
  .p-faq__aTxt {
    font-size: 1.6rem;
    line-height: 1.5
  }
}

.p-faq__aTxt a {
  color: var(--fontColor-base);
  text-decoration: underline
}

.p-faq__aTxt a:hover {
  text-decoration: none
}

.p-place {
  padding: 8rem 0 10rem;
  background-color: var(--color-main)
}

@media screen and (max-width: 768px) {
  .p-place {
    padding: 5.6rem 0
  }
}

.p-place__inner {
  width: 114rem
}

.p-place__body {
  margin-top: 8.6rem;
  display: flex;
  flex-direction: column;
  gap: 6.4rem
}

@media screen and (max-width: 768px) {
  .p-place__body {
    gap: 2.4rem;
    margin-top: 3.4rem;
    padding: 0 .5rem
  }
}

.p-place__area {
  max-width: 100rem;
  display: flex;
  gap: 1.6rem
}

@media screen and (max-width: 768px) {
  .p-place__area {
    flex-direction: column;
    gap: 0
  }
}

.p-place__areaTtl {
  min-width: 7.6rem;
  color: var(--color-white);
  font-size: 2.4rem;
  font-weight: var(--fontWeight-bold);
  line-height: 2.5
}

.p-place__areaContent {
  flex: 1
}

.p-place__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem
}

@media screen and (max-width: 768px) {
  .p-place__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem
  }
}

.p-place__link {
  display: block;
  font-size: 1.8rem;
  text-align: center;
  color: var(--color-white);
  background-color: var(--color-dg);
  padding: 1.2rem 2rem;
  border-radius: 10px;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-place__link {
    font-size: 1.6rem;
    padding: .7rem 1.6rem
  }
}

.p-place__link::after {
  content: "";
  display: block;
  width: .6rem;
  height: 1.4rem;
  position: absolute;
  top: 50%;
  right: 2.2rem;
  transform: translateY(-50%)
}

@media screen and (max-width: 768px) {
  .p-place__link::after {
    right: 1.6rem
  }
}

.p-place__link:hover {
  opacity: .9
}

.p-achievement {
  padding: 10.4rem 0 10rem;
  background: url(../../../img/lp/campaign/achievement_bg.png) no-repeat center center/cover
}

@media screen and (max-width: 768px) {
  .p-achievement {
    padding: 4rem 0
  }
}

.p-achievement__body {
  display: flex;
  flex-direction: column;
  gap: 8.8rem;
  margin-top: 4.4rem;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-achievement__body {
    margin-top: 4.8rem;
    gap: 4rem
  }
}

.p-achievement__body::before {
  content: "";
  display: block;
  width: 62.1rem;
  height: 13.7rem;
  background: url(../../../img/lp/campaign/achievement_icon.png) no-repeat center bottom/contain;
  position: absolute;
  top: -11rem;
  left: 50%;
  transform: translateX(-48%)
}

@media screen and (max-width: 768px) {
  .p-achievement__body::before {
    background-image: url(../../../img/lp/campaign/achievement_icon_sp.png);
    width: 33.8rem;
    height: 5.6rem;
    top: -3.8rem;
    left: 50%;
    transform: translateX(-50%)
  }
}

.p-achievement__item {
  display: flex;
  flex-direction: column;
  gap: 2rem
}

.p-achievement__contentList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem
}

@media screen and (max-width: 768px) {
  .p-achievement__contentList {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
  }
}

.p-achievement__contentItem {
  font-size: 1.8rem;
  font-weight: var(--fontWeight-semiBold);
  letter-spacing: .05em;
  text-align: center;
  border: 2px solid var(--color-main);
  border-radius: 10px;
  padding: 1rem
}

@media screen and (max-width: 768px) {
  .p-achievement__contentItem {
    font-size: 1.6rem;
    padding: .2rem .8rem
  }
}

.p-achievement__txt {
  max-width: 64rem;
  height: 7.2rem;
  width: 100%;
  margin: 7.8rem auto 0
}

@media screen and (max-width: 768px) {
  .p-achievement__txt {
    max-width: 32rem;
    margin-top: 4rem
  }
}

.p-nayami {
  padding: 12rem 0 22rem;
  background: url(../../../img/lp/campaign/nayami_bg.png) no-repeat center bottom/100% auto;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-nayami {
    padding-top: 3.4rem;
    background-image: url(../../../img/lp/campaign/nayami_bg_sp.png);
    background-size: 72.6rem auto
  }
}

.p-nayami__ttl {
  font-size: 4rem;
  font-weight: var(--fontWeight-black);
  letter-spacing: .1em;
  line-height: 1;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-nayami__ttl {
    font-size: 3.2rem;
    line-height: 1.1875
  }
}

.p-nayami__body {
  margin: 11.6rem auto 0
}

@media screen and (max-width: 768px) {
  .p-nayami__body {
    margin-top: 3.2rem
  }
}

.p-nayami__comment {
  max-width: 74.5rem;
  margin: 0 auto
}

.p-nayami__comment img {
  width: 100%
}

.p-nayami__message {
  max-width: 72.6rem;
  margin: 6rem auto 0
}

@media screen and (max-width: 768px) {
  .p-nayami__message {
    margin-top: 3.2rem
  }
}

.p-nayami__message img {
  width: 100%
}

.p-nayami__solution {
  position: absolute;
  bottom: -19vw;
  left: 0;
  width: 100%
}

@media screen and (max-width: 768px) {
  .p-nayami__solution {
    bottom: -22vw
  }
}

.p-nayami__solution img {
  width: 100%
}

.p-course {
  padding: 12rem 0;
  background: url(../../../img/lp/campaign/course_bg.png) repeat center center/1441px
}

@media screen and (max-width: 768px) {
  .p-course {
    background-size: 750px auto;
    padding: 4.5rem 0 4rem
  }
}

.p-course__icon {
  width: 20.3rem;
  margin: 0 auto 1.8rem
}

@media screen and (max-width: 768px) {
  .p-course__icon {
    width: 18rem
  }
}

.p-course__icon img {
  width: 100%
}

.p-course__lead {
  color: var(--color-main);
  font-size: 2.4rem;
  letter-spacing: .1em;
  font-weight: var(--fontWeight-bold);
  line-height: 1.6666666667;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-course__lead {
    line-height: 1.25;
    margin-bottom: 1.2rem
  }
}

.p-course__txt {
  max-width: 67rem;
  margin: 2.8rem auto 0;
  font-size: 1.8rem;
  letter-spacing: .03em;
  line-height: 1.7777777778;
  font-weight: var(--fontWeight-medium);
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-course__txt {
    max-width: 34.9rem;
    font-size: 1.6rem;
    line-height: 1.75;
    margin-top: 3.2rem
  }
}

.p-course__txt span {
  color: var(--color-main);
  font-weight: var(--fontWeight-black)
}

.p-course__list {
  display: flex;
  flex-direction: column;
  gap: 6rem;
  margin-top: 9.8rem
}

@media screen and (max-width: 768px) {
  .p-course__list {
    gap: 4rem;
    margin-top: 5.2rem
  }
}

.p-course__item {
  border-radius: 10px;
  overflow: hidden;
  background-color: var(--color-white);
  border: 3px solid var(--color-main)
}

.p-course__item.is-active .p-course__q::after {
  transform: translateY(-50%) rotate(0deg)
}

.p-course__item.is-active .p-course__a {
  padding: 4.8rem 4.8245614035%;
  line-height: normal;
  height: auto;
  opacity: 1
}

@media screen and (max-width: 768px) {
  .p-course__item.is-active .p-course__a {
    padding: 2.4rem 4.2666666667%
  }
}

.p-course__q {
  color: var(--color-white);
  display: flex;
  align-items: center;
  gap: 3.8rem;
  padding: 1.4rem 6rem 1.4rem 6rem;
  background-color: var(--color-main);
  text-align: center;
  position: relative;
  cursor: pointer
}

@media screen and (max-width: 768px) {
  .p-course__q {
    padding: 1.4rem 3rem 1.4rem 3rem
  }
}

.p-course__q::after {
  content: "";
  display: block;
  width: 2rem;
  height: 1rem;
  background: url(../../../img/lp/campaign/icon_faq_arrow.svg) no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 3.2rem;
  transform: translateY(-50%) rotate(180deg);
  z-index: 1;
  transition-duration: .3s
}

@media screen and (max-width: 768px) {
  .p-course__q::after {
    right: 1rem
  }
}

.p-course__qIcon {
  font-size: 2.8rem;
  letter-spacing: .05em;
  font-weight: var(--fontWeight-bold);
  line-height: 1.1428571429
}

.p-course__qTxt {
  flex: 1;
  font-size: 2.6rem;
  font-weight: var(--fontWeight-bold);
  letter-spacing: .1em;
  line-height: 1.5384615385
}

@media screen and (max-width: 768px) {
  .p-course__qTxt {
    font-size: 2.4rem;
    letter-spacing: .05em;
    line-height: 1.6666666667
  }
}

.p-course__a {
  padding: 0 4.8245614035%;
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: .3s
}

@media screen and (max-width: 768px) {
  .p-course__a {
    padding: 0 4.2666666667%
  }
}

.p-course__aIcon {
  color: var(--color-main);
  font-size: 2.8rem;
  font-weight: var(--fontWeight-bold);
  line-height: 1.1428571429
}

.p-course__aTxt {
  flex: 1;
  margin-bottom: 2rem;
}

.p-course__aTxt a {
  color: var(--fontColor-base);
  text-decoration: underline
}

.p-course__aTxt a:hover {
  text-decoration: none
}

.p-course__aList {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5.4824561404%
}

@media screen and (max-width: 768px) {
  .p-course__aList {
    grid-template-columns: 1fr;
    gap: 2.4rem
  }
}

.p-course__aList--kansai {
  width: 100%;
  display: block;
  flex-wrap: wrap;
  gap: 2.4rem 11rem
}

.p-course__aList--kansai .p-course__aItem {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 2.4rem 11rem
}

.p-course__aItem {
  display: flex;
  flex-direction: column;
  gap: 2.4rem
}

.p-course__a h3 {
  font-size: 1.6rem;
  padding-left: 2.5rem;
  position: relative
}

.p-course__a h3::before {
  content: "";
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  background-color: var(--color-main);
  border-radius: 50%;
  position: absolute;
  top: .4rem;
  left: 0
}

.p-course__a h3+p {
  margin-top: .4rem;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  padding-left: 2.5rem
}

.p-course__btnArea {
  max-width: 56rem;
  margin: 10rem auto 0
}

@media screen and (max-width: 768px) {
  .p-course__btnArea {
    margin-top: 4rem
  }
}

.p-course__btn {
  width: 100%;
  display: block;
  font-size: 2.4rem;
  font-weight: var(--fontWeight-bold);
  text-align: center;
  padding: 1.6rem 0;
  color: var(--color-main);
  border: 3px solid var(--color-main);
  border-radius: 99px;
  background-color: var(--color-white);
  transition-duration: .3s
}

@media screen and (max-width: 768px) {
  .p-course__btn {
    padding: .3rem .4rem
  }
}

.p-course__btn:hover {
  background-color: var(--color-main);
  color: var(--color-white)
}

.p-cv-banner-all {
  display: none;
  opacity: 0;
  transition: opacity .2s
}

@media screen and (max-width: 520px) {
  .p-cv-banner-all.show {
    opacity: 1
  }

  .p-cv-banner-all .p-cv-banner-all-list {
    display: flex;
    justify-content: center;
    background: #f8f5f1;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100
  }

  .p-cv-banner-all .p-cv-banner-all-list li {
    flex: 0 0 25%
  }

  .p-cv-banner-all .p-cv-banner-all-list li .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--fontColor-base);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    padding: 5px 0;
    width: 100%
  }

  .p-cv-banner-all .p-cv-banner-all-list li .btn.line {
    background: #5db07b
  }

  .p-cv-banner-all .p-cv-banner-all-list li .btn.form {
    background: #fd6a01
  }

  .p-cv-banner-all .p-cv-banner-all-list li .btn.tel {
    background: #61b2c7;
    border: none
  }

  .p-cv-banner-all .p-cv-banner-all-list li .btn.pamphlet {
    background: #f9d617
  }
}

.p-lead img {
  width: 100%
}

.p-links {
  padding: 6.3rem 0;
  background-color: var(--color-white)
}

.p-links--02 {
  width: 100%;
  height: 50vw;
  padding-top: 22.2222222222vw;
  background: url(../../../img/lp/campaign/cta02_bg.png) no-repeat center top/cover;
  padding-bottom: 0
}

@media screen and (max-width: 768px) {
  .p-links--02 {
    background-image: url(../../../img/lp/campaign/cta02_bg_sp.png);
    height: 168.2666666667vw;
    padding-top: 42.6666666667vw
  }
}

.p-links__list {
  max-width: 96rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 4.2rem 0;
  justify-content: space-between;
  align-items: center
}

@media screen and (max-width: 768px) {
  .p-links__list {
    flex-direction: column;
    gap: 3.6rem
  }
}

.p-links__item {
  width: calc((100% - 4.2rem)/3)
}

@media screen and (max-width: 768px) {
  .p-links__item {
    width: 100%
  }
}

.p-links__item:nth-child(1) {
  width: 100%
}

.p-links__link {
  display: block
}

.p-links__link:hover {
  opacity: .8
}

.p-links__link img {
  width: 100%
}

.p-message {
  padding: 5.2rem 0 6.2rem;
  background-color: var(--color-06)
}

@media screen and (max-width: 768px) {
  .p-message {
    padding: 4rem 0 1.6rem
  }
}

.p-message__imgArea {
  max-width: 90.4rem;
  margin: 0 auto
}

.p-message__imgArea img {
  width: 100%
}

.p-teacher {
  padding: calc(19vw + 12rem) 0 12rem;
  background: var(--color-09)
}

@media screen and (max-width: 768px) {
  .p-teacher {
    padding: calc(22vw + 4rem) 0 4rem
  }
}

.p-teacher__icon {
  max-width: 11.5rem;
  margin: 0 auto 1.8rem
}

@media screen and (max-width: 768px) {
  .p-teacher__icon {
    max-width: 7.5rem;
    margin-bottom: 1rem
  }
}

.p-teacher__icon img {
  width: 100%
}

.p-teacher__body {
  margin-top: 5.2rem
}

@media screen and (max-width: 768px) {
  .p-teacher__body {
    margin-top: 3.2rem
  }
}

.p-teacher__list {
  max-width: 95.8rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem
}

@media screen and (max-width: 768px) {
  .p-teacher__list {
    grid-template-columns: repeat(1, 1fr);
    gap: 2.4rem
  }
}

.p-teacher__item {
  background: var(--color-white);
  border-radius: 10px;
  padding: 1.2rem
}

@media screen and (max-width: 768px) {
  .p-teacher__item {
    padding: 1.6rem
  }
}

@media screen and (max-width: 768px) {
  .p-teacher__itemHeader {
    display: flex;
    align-items: center;
    gap: 1.5rem
  }
}

.p-teacher__itemImg {
  width: 100%;
  margin-bottom: 1.2rem
}

@media screen and (max-width: 768px) {
  .p-teacher__itemImg {
    width: 15.1rem;
    margin-bottom: 0
  }
}

.p-teacher__itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

@media screen and (max-width: 768px) {
  .p-teacher__itemInfo {
    flex: 1
  }
}

.p-teacher__itemNameArea {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem
}

@media screen and (max-width: 768px) {
  .p-teacher__itemNameArea {
    flex-direction: column;
    align-items: flex-start;
    gap: 0
  }
}

.p-teacher__itemName {
  font-size: 1.8rem;
  font-weight: var(--fontWeight-bold);
  line-height: 1
}

@media screen and (max-width: 768px) {
  .p-teacher__itemName {
    letter-spacing: .1em
  }
}

.p-teacher__itemKana {
  font-size: 1.2rem;
  line-height: 1.4285714286;
  margin-top: .2rem
}

@media screen and (max-width: 768px) {
  .p-teacher__itemKana {
    font-size: 1.4rem;
    letter-spacing: .05em
  }
}

.p-teacher__itemUni {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  margin-top: .4rem
}

@media screen and (max-width: 768px) {
  .p-teacher__itemUni {
    margin-top: .8rem;
    letter-spacing: .05em
  }
}

.p-teacher__itemBody {
  padding-top: 1.2rem;
  margin-top: 1.2rem;
  border-top: 1px solid var(--color-main)
}

@media screen and (max-width: 768px) {
  .p-teacher__itemBody {
    margin-top: 1.2rem
  }
}

.p-teacher__itemBody p {
  font-size: 1.6rem;
  line-height: 1.5
}

@media screen and (max-width: 768px) {
  .p-teacher__itemBody p {
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.4285714286;
    letter-spacing: .05em
  }
}

.p-teacher__btnArea {
  max-width: 56rem;
  margin: 7.2rem auto 0
}

@media screen and (max-width: 768px) {
  .p-teacher__btnArea {
    margin-top: 5.4rem
  }
}

.p-story {
  padding: 12rem 0;
  background-color: #fef6ca
}

@media screen and (max-width: 768px) {
  .p-story {
    padding: 4rem 0
  }
}

.p-story__icon {
  max-width: 18.7rem;
  margin: 0 auto 3.4rem
}

@media screen and (max-width: 768px) {
  .p-story__icon {
    max-width: 15.8rem;
    margin-bottom: 2.2rem
  }
}

.p-story__icon img {
  width: 100%
}

.p-story__body {
  max-width: 900px;
  margin: 4rem auto 0
}

@media screen and (max-width: 768px) {
  .p-story__body {
    margin-top: 4rem
  }
}

.p-story__list {
  display: flex;
  flex-direction: column;
  gap: 4rem
}

.p-story__item {
  background-color: var(--color-white);
  padding: 2.8rem 2.8rem 3.2rem 2.8rem;
  border-right: 4px solid #f1ebe4;
  border-bottom: 4px solid #f1ebe4;
  display: flex;
  align-items: center;
  gap: 2.8rem;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-story__item {
    flex-direction: column;
    padding: 1.6rem;
    border-width: 2px;
    gap: 1.8rem
  }
}

.p-story__item::before {
  content: "";
  display: block;
  width: 3.1rem;
  height: 3.5rem;
  position: absolute;
  bottom: -4px;
  right: -4px;
  background: url(../images/story_edge.png) no-repeat bottom right/100% auto
}

@media screen and (max-width: 768px) {
  .p-story__item::before {
    width: 1.6rem;
    height: 1.8rem;
    bottom: -2px;
    right: -2px
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(1) .p-story__itemTtl {
    font-size: 1.6rem
  }
}

.p-story__item:nth-child(1) .p-story__itemIcon {
  width: 11.1rem
}

@media screen and (max-width: 910px) {
  .p-story__item:nth-child(1) .p-story__itemIcon {
    width: 9vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(1) .p-story__itemIcon {
    width: 10.3rem
  }
}

.p-story__item:nth-child(2) .p-story__itemIcon {
  width: 9.6rem;
  top: 4.5rem;
  right: 6rem
}

@media screen and (max-width: 910px) {
  .p-story__item:nth-child(2) .p-story__itemIcon {
    width: 9vw;
    right: 2vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(2) .p-story__itemIcon {
    width: 8.6rem;
    top: 10.6rem;
    right: 2.2rem
  }
}

.p-story__item:nth-child(3) .p-story__itemIcon {
  width: 10rem;
  top: 4.5rem;
  right: 6rem
}

@media screen and (max-width: 910px) {
  .p-story__item:nth-child(3) .p-story__itemIcon {
    width: 9vw;
    right: 2vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(3) .p-story__itemIcon {
    width: 8.8rem;
    top: 11.3rem;
    right: 2rem
  }
}

.p-story__item:nth-child(4) .p-story__itemIcon {
  width: 10.6rem;
  top: 3.1rem;
  right: 5.6rem
}

@media screen and (max-width: 910px) {
  .p-story__item:nth-child(4) .p-story__itemIcon {
    width: 9vw;
    right: 2vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(4) .p-story__itemIcon {
    width: 8.8rem;
    top: 9.9rem;
    right: 2rem
  }
}

.p-story__item:nth-child(5) .p-story__itemIcon {
  width: 11.2rem;
  top: 4.5rem;
  right: 5rem
}

@media screen and (max-width: 910px) {
  .p-story__item:nth-child(5) .p-story__itemIcon {
    width: 9vw;
    right: 2vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(5) .p-story__itemIcon {
    width: 9.6rem;
    top: 11.7rem;
    right: 1.6rem
  }
}

.p-story__item:nth-child(6) .p-story__itemIcon {
  width: 11.6rem;
  top: 2rem;
  right: 5rem
}

@media screen and (max-width: 910px) {
  .p-story__item:nth-child(6) .p-story__itemIcon {
    width: 9vw;
    right: 2vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__item:nth-child(6) .p-story__itemIcon {
    width: 9.4rem;
    top: 11.6rem;
    right: 1.8rem
  }
}

.p-story__itemHeader {
  display: contents
}

@media screen and (max-width: 768px) {
  .p-story__itemHeader {
    display: flex;
    align-items: center;
    gap: 1.6rem
  }
}

.p-story__itemContent {
  flex: 1
}

@media screen and (max-width: 768px) {
  .p-story__itemContent {
    width: 100%
  }
}

@media screen and (max-width: 768px) {
  .p-story__itemStatus {
    width: 7.5rem
  }
}

.p-story__itemTtl {
  font-size: 1.8rem;
  letter-spacing: .05em;
  line-height: 1.3333333333;
  font-weight: var(--fontWeight-black)
}

@media screen and (max-width: 768px) {
  .p-story__itemTtl {
    flex: 1;
    font-size: 1.8rem;
    line-height: 1.3333333333
  }
}

.p-story__itemTtl span {
  display: inline;
  line-height: 1.2;
  background-image: linear-gradient(transparent 70%, #FAD714 0%)
}

.p-story__contentList {
  display: flex;
  flex-direction: column;
  gap: .8rem;
  margin-top: 1.2rem
}

@media screen and (max-width: 768px) {
  .p-story__contentList {
    margin-top: 0;
    gap: 1.6rem
  }
}

.p-story__contentItem {
  display: flex;
  gap: 1.2rem
}

@media screen and (max-width: 768px) {
  .p-story__contentItem {
    flex-direction: column;
    gap: .8rem
  }
}

@media screen and (max-width: 768px) {
  .p-story__contentItem:nth-child(1) {
    max-width: 21.9rem
  }
}

.p-story__contentItem:nth-child(1) .p-story__contentItemTtl span {
  color: #2996b4;
  background-color: #dceef3
}

.p-story__contentItem:nth-child(2) .p-story__contentItemTtl span {
  color: #289650;
  background-color: #c8e4d2
}

.p-story__contentItem:nth-child(3) .p-story__contentItemTtl span {
  color: #fe6a00;
  background-color: #ffecde
}

.p-story__contentItem:nth-child(3) .p-story__contentItemTxt {
  font-size: 1.6rem;
  line-height: 1.625;
  letter-spacing: .05em;
  text-decoration: underline;
  font-weight: var(--fontWeight-bold)
}

@media screen and (max-width: 768px) {
  .p-story__contentItem:nth-child(3) .p-story__contentItemTxt {
    font-size: 1.6rem;
    line-height: 1.625
  }
}

.p-story__contentItemTtl {
  display: flex;
  align-items: flex-start
}

.p-story__contentItemTtl span {
  display: inline-block;
  width: 12rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: var(--fontWeight-bold);
  border-radius: 100px;
  line-height: 1.5714285714
}

.p-story__contentItemTxt {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: .05em
}

.p-story__itemIcon {
  position: absolute;
  top: 3.8rem;
  right: 5.2rem
}

@media screen and (max-width: 910px) {
  .p-story__itemIcon {
    right: 2vw
  }
}

@media screen and (max-width: 768px) {
  .p-story__itemIcon {
    top: 11.1rem;
    right: 1.2rem
  }
}

.p-story__itemIcon img {
  width: 100%
}

.p-style {
  padding: 12rem 0;
  background: #e0f0e6
}

@media screen and (max-width: 768px) {
  .p-style {
    padding: 4rem 0
  }
}

.p-style__lead {
  max-width: 26.8rem;
  margin: 0 auto 2.8rem
}

@media screen and (max-width: 768px) {
  .p-style__lead {
    margin-bottom: 0rem
  }
}

.p-style__lead img {
  width: 100%
}

.p-style__ttl {
  max-width: 96.3rem;
  margin: 0 auto
}

@media screen and (max-width: 768px) {
  .p-style__ttl {
    max-width: 28.5rem
  }
}

.p-style__ttl img {
  width: 100%
}

.p-style__txt {
  max-width: 55rem;
  margin: 5.4rem auto 0;
  font-size: 1.8rem;
  letter-spacing: .03em;
  line-height: 1.7777777778;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-style__txt {
    margin-top: 1.4rem
  }
}

.p-style__body {
  max-width: 100.4rem;
  margin: 8.6rem auto 0
}

@media screen and (max-width: 768px) {
  .p-style__body {
    margin-top: 2.4rem
  }
}

.p-style__list {
  display: flex;
  flex-direction: column;
  gap: 6.6rem
}

@media screen and (max-width: 768px) {
  .p-style__list {
    gap: 0rem
  }
}

.p-voice {
  padding: 12rem 0 22rem;
  background: #fefae2;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-voice {
    padding: 4rem 0 22rem
  }
}

.p-voice__lead {
  max-width: 26.7rem;
  margin: 0 auto 2.6rem
}

.p-voice__lead img {
  width: 100%
}

.p-voice__txt {
  max-width: 60rem;
  margin: 2rem auto 0;
  font-size: 1.8rem;
  letter-spacing: .03em;
  line-height: 1.7777777778;
  text-align: center
}

@media screen and (max-width: 768px) {
  .p-voice__txt {
    margin-top: 3rem
  }
}

.p-voice__body {
  max-width: 96rem;
  margin: 10rem auto 0
}

@media screen and (max-width: 768px) {
  .p-voice__body {
    margin-top: 6rem
  }
}

.p-voice__list {
  display: flex;
  flex-direction: column;
  gap: 6.6rem
}

@media screen and (max-width: 768px) {
  .p-voice__list {
    gap: 5.6rem
  }
}

.p-voice__itemTtl {
  font-size: 2.4rem;
  font-weight: var(--fontWeight-bold);
  letter-spacing: .1em;
  line-height: 1.3333333333;
  text-align: center;
  margin-bottom: 4.4rem
}

@media screen and (max-width: 768px) {
  .p-voice__itemTtl {
    margin-bottom: 2.8rem
  }
}

.p-voice__itemTtl span {
  color: var(--color-07)
}

.p-voice__subList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.6rem
}

@media screen and (max-width: 768px) {
  .p-voice__subList {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8rem
  }
}

.p-voice__start {
  position: absolute;
  bottom: -17vw;
  left: 0;
  width: 100%;
  z-index: 1
}

@media screen and (max-width: 768px) {
  .p-voice__start {
    bottom: -22vw
  }
}

.p-voice__start img {
  width: 100%
}

.p-cta {
  padding: 12rem 0
}

.p-project {
  padding: calc(17vw + 9.6rem) 0 calc(50vw - 7rem);
  background-color: #ffecde;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-project {
    padding-top: 12rem;
    padding-bottom: calc(168.2666666667vw - 12rem)
  }
}

.p-project__lead {
  color: var(--color-10);
  font-size: 2.4rem;
  font-weight: var(--fontWeight-bold);
  line-height: 1.6666666667;
  letter-spacing: .1em;
  text-align: center;
  margin-bottom: 4rem
}

@media screen and (max-width: 768px) {
  .p-project__lead {
    font-size: 1.8rem;
    line-height: 2.2222222222;
    margin-bottom: .4rem
  }
}

.p-project__ttl {
  max-width: 89.6rem;
  margin: 0 auto
}

@media screen and (max-width: 768px) {
  .p-project__ttl {
    max-width: 33.5rem
  }
}

.p-project__ttl img {
  width: 100%
}

.p-project__body {
  max-width: 78rem;
  margin: 10.2rem auto 0
}

@media screen and (max-width: 768px) {
  .p-project__body {
    max-width: 34.8rem;
    margin: 3.2rem auto 0
  }
}

.p-project__img01 {
  max-width: 72.8rem
}

@media screen and (max-width: 768px) {
  .p-project__img01 {
    max-width: 34.8rem;
    margin-left: -0.8rem
  }
}

.p-project__img01 img {
  width: 100%
}

.p-project__img02 {
  max-width: 66.4rem;
  margin: 7rem auto 0
}

@media screen and (max-width: 768px) {
  .p-project__img02 {
    max-width: 33.5rem;
    margin: 3rem auto 0
  }
}

.p-project__img02 img {
  width: 100%
}

.p-project__img03 {
  max-width: 71.6rem;
  margin: 3.8rem 0 0 auto
}

@media screen and (max-width: 768px) {
  .p-project__img03 {
    max-width: 33.6rem;
    margin: 1.2rem auto 0
  }
}

.p-project__img03 img {
  width: 100%
}

.p-project__cta {
  width: 100%;
  position: absolute;
  bottom: -14.2rem;
  left: 0;
  z-index: 1
}

.p-flow {
  background: #e0f0e6;
  padding: 22.8rem 0 12rem;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-flow {
    padding: 27.4rem 0 5.6rem
  }
}

.p-flow__icon {
  max-width: 10.2rem;
  position: absolute;
  top: 12.4vw;
  left: calc(50% - 37rem)
}

@media screen and (max-width: 768px) {
  .p-flow__icon {
    max-width: 6.8rem;
    top: 48vw;
    left: 50%;
    transform: translateX(-50%)
  }
}

.p-flow__body {
  max-width: 80rem;
  margin: 6rem auto 0
}

@media screen and (max-width: 768px) {
  .p-flow__body {
    margin-top: 3.2rem
  }
}

.p-flow__list {
  display: flex;
  flex-direction: column;
  gap: 5.4rem
}

@media screen and (max-width: 768px) {
  .p-flow__list {
    gap: 2.2rem
  }
}

.p-flow__item {
  text-align: center;
  background-color: var(--color-white);
  border: 3px solid var(--color-main);
  border-radius: 16px;
  padding: 2rem 2rem 2.4rem;
  margin-top: 2.4rem;
  position: relative
}

@media screen and (max-width: 768px) {
  .p-flow__item {
    text-align: left;
    padding: 1.5rem .8rem 1.5rem 11.2rem;
    margin-top: 0
  }
}

.p-flow__item::before {
  content: "";
  display: block;
  width: 9.6rem;
  height: 9.2rem;
  position: absolute;
  top: -2.4rem;
  left: 3.4rem
}

@media screen and (max-width: 768px) {
  .p-flow__item::before {
    width: 8rem;
    height: 10.4rem;
    top: 1.6rem;
    left: 1.6rem
  }
}

.p-flow__item:nth-child(1)::before {
  background: url(../../../img/lp/campaign/step_1.png) no-repeat center center/contain
}

@media screen and (max-width: 768px) {
  .p-flow__item:nth-child(1)::before {
    background-image: url(../../../img/lp/campaign/step_1_sp.png)
  }
}

.p-flow__item:nth-child(2)::before {
  background: url(../../../img/lp/campaign/step_2.png) no-repeat center center/contain
}

@media screen and (max-width: 768px) {
  .p-flow__item:nth-child(2)::before {
    background-image: url(../../../img/lp/campaign/step_2_sp.png)
  }
}

.p-flow__item:nth-child(3)::before {
  background: url(../../../img/lp/campaign/step_3.png) no-repeat center center/contain
}

@media screen and (max-width: 768px) {
  .p-flow__item:nth-child(3)::before {
    background-image: url(../../../img/lp/campaign/step_3_sp.png)
  }
}

.p-flow__item:nth-child(4)::before {
  background: url(../../../img/lp/campaign/step_4.png) no-repeat center center/contain
}

@media screen and (max-width: 768px) {
  .p-flow__item:nth-child(4)::before {
    background-image: url(../../../img/lp/campaign/step_4_sp.png)
  }
}

.p-flow__itemTtl {
  color: var(--color-08);
  font-size: 2rem;
  font-weight: var(--fontWeight-bold);
  letter-spacing: .1em;
  line-height: 2
}

@media screen and (max-width: 768px) {
  .p-flow__itemTtl {
    font-size: 1.8rem;
    line-height: 1.2222222222
  }
}

.p-flow__itemTxt {
  font-size: 1.4rem;
  letter-spacing: .1em;
  font-weight: var(--fontWeight-medium);
  line-height: 1.4285714286;
  margin-top: .8rem
}

@media screen and (max-width: 768px) {
  .p-flow__itemTxt {
    font-size: 1.6rem;
    letter-spacing: .05em;
    line-height: 1.375
  }
}

.u-align--center {
  text-align: center !important
}

.u-align--right {
  text-align: right !important
}

.u-display--pcNone {
  display: none !important
}

@media screen and (max-width: 768px) {
  .u-display--pcNone {
    display: block !important
  }
}

@media screen and (max-width: 768px) {
  .u-display--spNone {
    display: none !important
  }
}

.u-display--inlineBlock {
  display: inline-block
}

/* 動画差し込み */
.p-movie {
  background: #FFECDE;
  padding: 2rem 0;
  text-align: center;
}
.p-movie_ttl {
  font-size: 1.3em;
  line-height: 1.4;
}
.p-movie_thumbnail {
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  .label {
    color: #fe6a00;
    font-weight: bold;
    text-decoration: underline;
  }
}
.p-movie_dialog {
  background-color: transparent;
  border: none;
  padding: 0;
  max-width: 700px;
  width: 700px;
}
.p-movie_iframe iframe {
  aspect-ratio: 16 /9;
  border: none;
  width: 100%;
}
.p-movie_dialog::backdrop {
  background-color: rgb(0 0 0 / 0.65);
}
.p-movie__close {
  appearance: none;
  background: #ccc;
  border: none;
  border-bottom: 3px solid #777;
  border-radius: 50px;
  color: #000;
  font-size: 0.8em;
  padding: 0.5rem 3rem;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .p-movie_dialog {
    max-width: 90vw;
    width: 90vw;
  }
}