@charset "UTF-8";
/*----------------------------------
    共通パーツ
-----------------------------------*/
body {
  font-family: "Noto Sans JP", serif;
  font-size: 4.267vw;
  font-weight: 400;
  letter-spacing: 0.213vw;
  line-height: 2;
  color: #000;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background: #FFF;
}
@media (min-width: 768px) {
  body {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

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

a {
  color: inherit;
}

.inner {
  padding-left: 5.333vw;
  padding-right: 5.333vw;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .inner {
    max-width: 73.61vw;
    padding-left: 2.083vw;
    padding-right: 2.083vw;
  }
}

@media (max-width: 767px) {
  .hidden-sp {
    display: none;
  }
}

@media (min-width: 768px) {
  .hidden-pc {
    display: none;
  }
}

.section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.section-title__ja {
  font-size: 7.467vw;
  font-weight: 700;
  line-height: 200%; /* 56px */
  letter-spacing: 0.373vw;
  position: relative;
  padding-bottom: 1.867vw;
}
@media (min-width: 768px) {
  .section-title__ja {
    font-size: 2.778vw;
    letter-spacing: 0.139vw;
    position: relative;
    padding-bottom: 0.556vw;
  }
}
.section-title__ja::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 14.933vw;
  height: 1.867vw;
  background: url(../img/section-title_line.png) no-repeat center center/contain;
}
@media (min-width: 768px) {
  .section-title__ja::after {
    height: 0.556vw;
    width: 4.444vw;
  }
}

.section-title__en {
  font-family: "Overpass", serif;
  font-size: 3.733vw;
  font-weight: 700;
  line-height: 200%; /* 28px */
  letter-spacing: 0.187vw;
}
@media (min-width: 768px) {
  .section-title__en {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.button {
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button-contact {
  color: #105F00;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.213vw;
  border-radius: 2.133vw;
  width: 53.333vw;
  height: 14.933vw;
  border: 1px solid currentColor;
  background: #FFF;
  display: grid;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .button-contact {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
    width: 13.889vw;
    height: 3.889vw;
    border-radius: 0.556vw;
  }
}
.button-contact:hover {
  background: #FDD401;
}

.button-banner {
  display: inline-block;
  aspect-ratio: 240/56;
  width: 64vw;
  background: url(../img/bannar-shiryo.png) no-repeat center center/contain;
  max-width: 100%;
  height: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .button-banner {
    width: 16.667vw;
  }
}
.button-banner:hover {
  background-image: url(../img/bannar-shiryo-hover.png);
}

.button-top__text {
  color: #105F00;
  font-family: "Overpass", serif;
  font-size: 6.4vw;
  font-weight: 900;
  line-height: 100%; /* 24px */
  letter-spacing: 0.32vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding-left: 6.667vw;
  padding-right: 6.667vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .button-top__text {
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
    padding-left: 1.736vw;
    padding-right: 1.736vw;
  }
}
.button-top__text .is-kanji {
  font-family: "Overpass", serif;
  font-size: 4.267vw;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .button-top__text .is-kanji {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}
.button-top__text .is-kana {
  font-family: "Noto Sans JP", serif;
  font-size: 5.333vw;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.267vw;
}
@media (min-width: 768px) {
  .button-top__text .is-kana {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}
.button-top__text::before, .button-top__text::after {
  content: "";
  background: #105F00;
  width: 5.333vw;
  height: 0.267vw;
  position: absolute;
  top: 2.667vw;
}
@media (min-width: 768px) {
  .button-top__text::before, .button-top__text::after {
    width: 1.389vw;
    height: 0.069vw;
    top: 0.694vw;
  }
}
.button-top__text::before {
  -webkit-transform: rotate(65deg);
          transform: rotate(65deg);
  left: 0;
}
.button-top__text::after {
  -webkit-transform: rotate(-65deg);
          transform: rotate(-65deg);
  right: 0;
}

.button-campaign {
  color: #99B901;
  max-width: 100%;
  width: 75.733vw;
  aspect-ratio: 284/135;
}
.button-campaign:hover {
  color: #FDD401;
}
@media (min-width: 768px) {
  .button-campaign {
    width: 19.722vw;
  }
}
.button-campaign svg {
  width: 100%;
  height: auto;
}

.button-arrow {
  height: 14.933vw;
  width: 64vw;
  border-radius: 2.133vw;
  color: #105F00;
  border: 1px solid currentColor;
  background: #FFF;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.213vw;
  padding: 5.067vw 9.6vw 4.8vw;
  text-align: left;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100%;
}
@media (min-width: 768px) {
  .button-arrow {
    width: 16.667vw;
    height: 3.889vw;
    border-radius: 0.556vw;
    letter-spacing: 0.056vw;
    font-size: 1.111vw;
    padding: 1.319vw 2.5vw 1.25vw;
  }
}
.button-arrow::after {
  content: "";
  position: absolute;
  width: 2.4vw;
  height: 5.067vw;
  right: 9.6vw;
  background: url(../img/button-arrow.png) no-repeat center center/contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .button-arrow::after {
    width: 0.972vw;
    height: 1.597vw;
    right: 2.292vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.button-arrow:hover {
  background: #FDD401;
}
.button-arrow:hover::after {
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
}

.button-cta {
  background: #FFF;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #105F00;
  font-weight: 700;
  line-height: 100%; /* 24px */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  max-width: 100%;
  background: #FFF;
  font-size: 5.333vw;
  width: 106.667vw;
  height: 16.533vw;
  border-radius: 2.133vw;
  letter-spacing: 0.267vw;
}
@media (min-width: 768px) {
  .button-cta {
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
    width: 27.778vw;
    height: 5.208vw;
    border-radius: 0.556vw;
  }
}
.button-cta:hover {
  background: #FDD401;
}

.button-cta__icon {
  position: relative;
  width: 6.133vw;
  height: 8.533vw;
}
@media (min-width: 768px) {
  .button-cta__icon {
    width: 1.944vw;
    height: 2.708vw;
  }
}
.button-cta__icon::before, .button-cta__icon::after {
  content: "";
  position: absolute;
}
.button-cta__icon::before {
  width: 100%;
  height: 100%;
  background: url(../img//icon-note.png) no-repeat center center/contain;
}
.button-cta__icon::after {
  background: url(../img//icon-note-memo.png) no-repeat center center/contain;
  top: 4vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 3.467vw;
  height: 2.667vw;
}
@media (min-width: 768px) {
  .button-cta__icon::after {
    top: 1.319vw;
    width: 1.111vw;
    height: 0.833vw;
  }
}

.button-cta__text {
  font-size: 8.8vw;
  font-weight: 700;
  line-height: 100%; /* 40px */
  letter-spacing: 0.44vw;
  margin-left: 5.067vw;
  margin-right: 1.067vw;
}
@media (min-width: 768px) {
  .button-cta__text {
    font-size: 2.778vw;
    letter-spacing: 0.139vw;
    margin-left: 1.528vw;
    margin-right: 0;
  }
}

.is-green {
  background: #99B901;
}

.is-orange {
  background: #E28301;
}

.is-red {
  background: #E10048;
}

.is-yellow {
  background: #FDD401;
}

.is-dark-green {
  background: #105F00;
}

.is-light-orange {
  background: #FFA426;
}

/*----------------------------------
    header
-----------------------------------*/
.header {
  height: inherit;
  z-index: 1;
  position: relative;
}
.header.is-open {
  position: fixed;
  top: 0;
  left: 0;
  background: #FFF;
  width: 100%;
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 19.2vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.333vw;
  padding-right: 5.867vw;
}
@media (min-width: 768px) {
  .header__inner {
    padding-left: 10.417vw;
    padding-right: 6.528vw;
    height: 6.944vw;
  }
}

.header__logo a {
  display: inline-block;
}
.header__logo a img {
  width: 50.4vw;
}
@media (min-width: 768px) {
  .header__logo a img {
    width: 16.458vw;
  }
}

.header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.778vw;
}
@media (max-width: 767px) {
  .header__nav {
    display: none;
  }
}

@media (min-width: 768px) {
  .header__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.778vw;
  }
}

@media (min-width: 768px) {
  .header__link {
    font-family: "Overpass", serif;
    font-weight: 700;
    line-height: 200%; /* 32px */
    letter-spacing: 0.056vw;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .header__link:hover {
    color: #105F00;
  }
}

.header__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) {
  .header__drawer {
    display: none;
  }
}

/*----------------------------------
drawer
-----------------------------------*/
.drawer-icon {
  width: 14.933vw;
  height: 14.933vw;
  background: #000;
  border-radius: 50%;
  position: relative;
  vertical-align: middle;
}
.drawer-icon.is-open .drawer-icon__bar:nth-child(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.drawer-icon.is-open .drawer-icon__bar:nth-child(2) {
  opacity: 0;
}
.drawer-icon.is-open .drawer-icon__bar:nth-child(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.drawer-icon__bar {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #FFF;
  width: 8vw;
  height: 0.533vw;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drawer-icon__bar:nth-child(1) {
  top: calc(50% - 2.667vw);
}
.drawer-icon__bar:nth-child(3) {
  top: calc(50% + 2.667vw);
}

.drawer__content {
  position: fixed;
  top: calc(0% + 19.2vw);
  right: 0;
  width: 100%;
  height: calc(100% - 19.2vw);
  background: #105F00;
  z-index: 100;
  -webkit-transform: translateX(105%);
          transform: translateX(105%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.drawer__content.is-open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
@media (min-width: 768px) {
  .drawer__content {
    display: none;
  }
}

.drawer__body {
  padding-top: 26.667vw;
}

.drawer__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10.667vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.drawer__link {
  width: 21.6vw;
  padding-left: 5.067vw;
  color: #FFF;
  font-family: "Overpass", serif;
  font-size: 5.333vw;
  font-weight: 700;
  line-height: 200%; /* 40px */
  letter-spacing: 0.267vw;
  position: relative;
  display: block;
  word-break: keep-all;
}
.drawer__link::before {
  content: "";
  position: absolute;
  background: url(../img/link_arrow.png) no-repeat center center/contain;
  width: 2.933vw;
  height: 1.333vw;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*----------------------------------
    mv
-----------------------------------*/
.mv {
  background: url(../img/FV-background.png) no-repeat top center/contain;
  aspect-ratio: 375/293;
  width: 100%;
  padding-bottom: 11.2vw;
}
@media (min-width: 768px) {
  .mv {
    margin-top: -6.944vw;
    background-image: url(../img/pc/FV-background.png);
    aspect-ratio: 1440/760;
    padding-bottom: 2.083vw;
  }
}

.mv__inner {
  position: relative;
}

.mv__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  padding-top: 12.267vw;
  padding-left: 17.867vw;
}
@media (min-width: 768px) {
  .mv__box {
    padding-top: 16.25vw;
    padding-left: 15.278vw;
    gap: 0.972vw;
  }
}

.mv__title {
  font-weight: 900;
  line-height: 130%; /* 41.6px */
  font-size: 8.533vw;
  letter-spacing: 0.427vw;
}
@media (min-width: 768px) {
  .mv__title {
    font-size: 3.333vw;
    letter-spacing: 0.167vw;
  }
}

.mv__lead {
  line-height: 150%; /* 22.5px */
  font-size: 4vw;
  letter-spacing: 0.2vw;
}
@media (min-width: 768px) {
  .mv__lead {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
    line-height: 2;
  }
}

.mv__image {
  position: relative;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
@media (min-width: 768px) {
  .mv__image {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    position: absolute;
    top: 10.069vw;
    right: 11.319vw;
  }
}

.mv__image-circle {
  position: absolute;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #FDD401;
  top: 0;
  width: 74.667vw;
  right: 5.867vw;
}
@media (min-width: 768px) {
  .mv__image-circle {
    right: 0.486vw;
    width: 40.764vw;
  }
}

.mv__image-mockup {
  position: absolute;
  aspect-ratio: 278/185;
  background: url(../img/mockup.png) no-repeat center center/contain;
  width: 87.2vw;
  background: url(../img/mockup.png) no-repeat center center/contain;
  top: 18.933vw;
  right: 16vw;
}
@media (min-width: 768px) {
  .mv__image-mockup {
    top: 9.236vw;
    right: 5.972vw;
    width: 47.222vw;
  }
}

.mv__image1,
.mv__image2,
.mv__image3 {
  position: absolute;
  width: 23.733vw;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #99B901;
  background: #FFF;
  display: grid;
  place-items: center;
  text-align: center;
}
@media (min-width: 768px) {
  .mv__image1,
  .mv__image2,
  .mv__image3 {
    width: 9.028vw;
  }
}

.mv__image1 {
  top: -0.8vw;
  right: 39.2vw;
}
@media (min-width: 768px) {
  .mv__image1 {
    top: 3.056vw;
    right: 17.361vw;
  }
}

.mv__image2 {
  top: 8.533vw;
  right: 16vw;
  width: 22.933vw;
}
@media (min-width: 768px) {
  .mv__image2 {
    width: 9.028vw;
    top: 6.806vw;
    right: 7.986vw;
  }
}

.mv__image3 {
  top: 31.8vw;
  right: 4.533vw;
}
@media (min-width: 768px) {
  .mv__image3 {
    top: 15.972vw;
    right: 3.819vw;
  }
}

.mv__image-text {
  font-weight: 700;
  line-height: 130%; /* 18.2px */
  font-size: 3.733vw;
  letter-spacing: 0.187vw;
}
@media (min-width: 768px) {
  .mv__image-text {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}
.mv__image-text span {
  color: #99B901;
  font-weight: 700;
  line-height: 130%;
  font-size: 5.067vw;
  letter-spacing: 0.253vw;
}
@media (min-width: 768px) {
  .mv__image-text span {
    font-size: 1.944vw;
    letter-spacing: 0.097vw;
  }
}

.mv__button1,
.mv__button2,
.mv__button3 {
  text-align: center;
}

.mv__button1 {
  margin-top: 86.667vw;
}
@media (min-width: 768px) {
  .mv__button1 {
    display: none;
  }
}

.mv__button2 {
  margin-top: 3.4vw;
}
@media (min-width: 768px) {
  .mv__button2 {
    display: none;
  }
}

.mv__button3 {
  margin-top: 10.667vw;
}
@media (min-width: 768px) {
  .mv__button3 {
    display: inline-block;
    margin-top: 2.778vw;
    margin-top: 2.083vw;
    padding-left: 15.278vw;
  }
}

/*----------------------------------
    nayami
-----------------------------------*/
.nayami {
  padding-bottom: 13.333vw;
}
@media (min-width: 768px) {
  .nayami {
    background: #FFF;
    padding-bottom: 4.028vw;
  }
}

.nayami__top {
  background: #F8F7F5;
  padding-top: 13.333vw;
}
@media (min-width: 768px) {
  .nayami__top {
    padding-top: 6.944vw;
    background: url(../img/pc/nayami-background.png) no-repeat top center/contain;
    aspect-ratio: 1440/752;
  }
}

.nayami__title {
  text-align: center;
  letter-spacing: 1.1px;
  font-size: 5.867vw;
  font-weight: 700;
  line-height: 180%; /* 39.6px */
  letter-spacing: 0.293vw;
}
@media (min-width: 768px) {
  .nayami__title {
    font-size: 2.222vw;
    letter-spacing: 0.111vw;
  }
}
.nayami__title span {
  color: #E28301;
  font-weight: 700;
}

.nayami__lists {
  margin-top: 10.133vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .nayami__lists {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0;
    margin-top: 2.5vw;
  }
}

.nayami__list {
  text-align: center;
  line-height: 200%; /* 36px */
  font-size: 4.8vw;
  letter-spacing: 0.24vw;
}
@media (min-width: 768px) {
  .nayami__list {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}
.nayami__list span {
  color: #E28301;
  font-weight: inherit;
}
.nayami__list:nth-child(1) {
  background: url(../img/comment-1.png) no-repeat center center/contain;
  width: 64.533vw;
  height: 64vw;
  padding-top: 9.067vw;
  margin-left: 2.667vw;
}
@media (min-width: 768px) {
  .nayami__list:nth-child(1) {
    margin-top: 3.75vw;
    margin-left: 0;
    width: 16.319vw;
    height: 16.111vw;
    padding-top: 2.569vw;
    padding-left: 0.417vw;
  }
}
.nayami__list:nth-child(2) {
  background: url(../img/comment-2.png) no-repeat center center/contain;
  width: 63.2vw;
  height: 65.867vw;
  padding-top: 9.067vw;
  padding-left: 2.667vw;
  margin-top: -7.467vw;
  margin-left: 2.667vw;
}
@media (min-width: 768px) {
  .nayami__list:nth-child(2) {
    margin-top: 3.681vw;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 16.528vw;
    height: 17.014vw;
    padding-top: 2.639vw;
    margin-left: 8.403vw;
    padding-left: 0;
  }
}
.nayami__list:nth-child(3) {
  background: url(../img/comment-3.png) no-repeat center center/contain;
  width: 61.333vw;
  height: 71.2vw;
  padding-top: 8vw;
  margin-top: -10.667vw;
}
@media (min-width: 768px) {
  .nayami__list:nth-child(3) {
    margin-top: 0;
    margin-left: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 15.833vw;
    height: 18.472vw;
    padding-top: 2.569vw;
    margin-left: 6.944vw;
  }
}

.nayami__image {
  text-align: center;
  background: #FFF url(../img/nayami-background.png) no-repeat center center/contain;
  width: 100%;
  aspect-ratio: 375/246;
  margin-top: -17.6vw;
  margin-right: 4vw;
  width: 100%;
  aspect-ratio: 375/246;
  padding-top: 10.933vw;
}
@media (min-width: 768px) {
  .nayami__image {
    padding-top: 0;
    margin-top: -5.903vw;
    aspect-ratio: 0;
    background: none;
    padding-bottom: 3.611vw;
  }
}
.nayami__image img {
  width: 65.067vw;
  margin-right: 4.533vw;
}
@media (min-width: 768px) {
  .nayami__image img {
    width: 30.417vw;
    margin-right: 0;
  }
}

.nayami__bottom {
  background: #FFF;
  position: relative;
}

.nayami__left {
  position: absolute;
  background: url(../img/icon-left.png) no-repeat center center/contain;
  aspect-ratio: 102/161;
  top: -10.133vw;
  left: 6.667vw;
  width: 27.2vw;
}
@media (min-width: 768px) {
  .nayami__left {
    background-image: url(../img/pc/icon-left.png);
    width: 25.694vw;
    top: 7.639vw;
    left: 10.069vw;
    aspect-ratio: 362/570;
  }
}

.nayami__drop {
  background: url(../img/drop_bg.png) no-repeat center center/contain;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 100%;
  aspect-ratio: 338/425;
  width: 90.133vw;
  padding: 36.8vw 8vw 6.133vw;
}
@media (min-width: 768px) {
  .nayami__drop {
    aspect-ratio: 502/630;
    width: 34.861vw;
    padding: 16.736vw 2.778vw 4.722vw;
  }
}

.nayami__drop-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.nayami__drop-top img {
  width: 50.133vw;
}
@media (min-width: 768px) {
  .nayami__drop-top img {
    width: 18.472vw;
  }
}
.nayami__drop-top span {
  padding-top: 2.133vw;
  font-weight: 900;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .nayami__drop-top span {
    padding-top: 0.625vw;
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
    padding-left: 0.139vw;
  }
}

.nayami__drop-lead {
  margin-top: 2.667vw;
  font-size: 5.867vw;
  font-weight: 700;
  line-height: 180%; /* 39.6px */
  letter-spacing: 0.293vw;
}
@media (min-width: 768px) {
  .nayami__drop-lead {
    margin-top: 0.833vw;
    font-size: 2.222vw;
    letter-spacing: 0.111vw;
  }
}

.nayami__drop-description {
  margin-top: 0.267vw;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
  width: calc(100% - 13.866vw);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .nayami__drop-description {
    margin-top: 1.042vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
    width: calc(100% - 6.944vw);
  }
}

.nayami__right {
  position: absolute;
  background: url(../img/icon-right.png) no-repeat center center/contain;
  aspect-ratio: 97/160;
  top: -9.867vw;
  right: 7.467vw;
  width: 25.867vw;
}
@media (min-width: 768px) {
  .nayami__right {
    background-image: url(../img/pc/icon-right.png);
    aspect-ratio: 342/564;
    width: 23.958vw;
    top: 8.194vw;
    right: 10.417vw;
  }
}

/*----------------------------------
    feature
-----------------------------------*/
.feature {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
  background: url(../img/features-background.png) no-repeat top 159px center/contain;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .feature {
    padding-top: 6.944vw;
    padding-bottom: 6.944vw;
    background: url(../img/pc/features-background.png) no-repeat top 115px center/contain;
  }
}

.feature__lists {
  margin-top: 8.533vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  gap: 21.333vw;
  counter-reset: numberCounter;
}
@media (min-width: 768px) {
  .feature__lists {
    margin-top: 3.264vw;
    gap: 7.5vw;
    max-width: 58.333vw;
  }
}

.feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .feature-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0.764vw;
  }
  .feature-item:nth-child(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.feature-item__box {
  padding-left: 6.667vw;
  position: relative;
}
@media (min-width: 768px) {
  .feature-item__box {
    padding-left: 2.5vw;
    width: 33.75vw;
  }
}
.feature-item--3 .feature-item__box {
  padding-left: 5.333vw;
}
@media (min-width: 768px) {
  .feature-item--3 .feature-item__box {
    padding-left: 2.5vw;
  }
}
.feature-item__box::before {
  content: "";
  position: absolute;
  counter-increment: numberCounter;
  content: counter(numberCounter, decimal-leading-zero);
  left: 0;
  top: 1.867vw;
  font-family: "Overpass", serif;
  font-size: 3.467vw;
  font-weight: 500;
  line-height: 200%; /* 26px */
  letter-spacing: 0.173vw;
}
@media (min-width: 768px) {
  .feature-item__box::before {
    top: 0.556vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.feature-item__title {
  font-family: "Overpass", serif;
  font-size: 6.4vw;
  font-weight: 900;
  line-height: 180%; /* 43.2px */
  letter-spacing: 0.32vw;
}
@media (min-width: 768px) {
  .feature-item__title {
    font-size: 2.222vw;
    letter-spacing: 0.111vw;
  }
}
.feature-item__title span {
  color: #E28301;
  font-family: "Overpass", serif;
  font-weight: 900;
}

.feature-item__description {
  margin-top: 1.6vw;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
}
.feature-item--3 .feature-item__description {
  padding-left: 1.333vw;
}
@media (min-width: 768px) {
  .feature-item--3 .feature-item__description {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .feature-item__description {
    margin-top: 0.069vw;
    letter-spacing: 0.056vw;
  }
}
.feature-item__description span {
  font-weight: 700;
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .feature-item__description span {
    letter-spacing: 0.056vw;
  }
}

.feature-item__image {
  margin-top: 2.933vw;
  text-align: center;
}
@media (min-width: 768px) {
  .feature-item__image {
    margin-top: 0;
  }
}
.feature-item__image img {
  width: 40.267vw;
}
@media (min-width: 768px) {
  .feature-item__image img {
    margin-top: 0.347vw;
    width: 20.208vw;
  }
}
.feature-item--2 .feature-item__image img {
  width: 48.267vw;
}
@media (min-width: 768px) {
  .feature-item--2 .feature-item__image img {
    margin-top: 1.597vw;
    width: 21.597vw;
    aspect-ratio: 311/236;
  }
}
.feature-item--3 .feature-item__image img {
  width: 41.067vw;
}
@media (min-width: 768px) {
  .feature-item--3 .feature-item__image img {
    margin-top: 3.472vw;
    margin-left: 0.903vw;
    width: 18.472vw;
    aspect-ratio: 266/181;
  }
}

/*----------------------------------
    function
-----------------------------------*/
.function {
  padding-top: 13.333vw;
  padding-bottom: 13.6vw;
  background: #F7F6F4;
}
@media (min-width: 768px) {
  .function {
    padding-top: 6.944vw;
    padding-bottom: 6.944vw;
  }
}

@media (min-width: 768px) {
  .function__title {
    text-transform: uppercase;
  }
}

.function__box {
  margin-top: 8.533vw;
}
@media (min-width: 768px) {
  .function__box {
    margin-top: 2.778vw;
  }
}

.function__box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 2.667vw;
}
@media (min-width: 768px) {
  .function__box-head {
    gap: 0.347vw;
  }
}
.function__box-head img {
  width: 48vw;
}
@media (min-width: 768px) {
  .function__box-head img {
    width: 17.153vw;
  }
}
.function__box-head span {
  font-family: "Overpass", serif;
  font-weight: 900;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.213vw;
  padding-top: 2.933vw;
}
@media (min-width: 768px) {
  .function__box-head span {
    font-size: 1.667vw;
    padding-top: 0.625vw;
    letter-spacing: 1.2px;
  }
}

.function__box-body {
  text-align: center;
  font-family: "Overpass", serif;
  font-size: 5.867vw;
  font-weight: 900;
  line-height: 180%; /* 39.6px */
  letter-spacing: 0.293vw;
  margin-top: 1.067vw;
}
@media (min-width: 768px) {
  .function__box-body {
    margin-top: 1.25vw;
    font-size: 1.944vw;
    letter-spacing: 0.097vw;
  }
}
.function__box-body span {
  color: #E28301;
  font-weight: 900;
}

.function__lists {
  margin-top: 8.533vw;
  gap: 13.333vw;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .function__lists {
    margin-top: 2.569vw;
    grid-template-columns: repeat(3, 1fr);
    max-width: 69.444vw;
    gap: 2.778vw 3.472vw;
  }
}

.function-item {
  border-radius: 2.133vw;
  background: #FFF;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 6.4vw 8vw;
}
@media (min-width: 768px) {
  .function-item {
    border-radius: 0.556vw;
    padding: 1.667vw 2.083vw;
  }
}

.function-item__image {
  text-align: center;
}
.function-item__image img {
  width: 29.867vw;
}
@media (min-width: 768px) {
  .function-item__image img {
    width: 7.778vw;
  }
}

.function-item__label {
  margin-top: 6.4vw;
  border-radius: 5.333vw;
  background: #99B901;
  width: 100%;
  text-align: center;
  padding: 3.467vw 0.533vw;
  color: #FFF;
  font-family: "Overpass", serif;
  font-size: 5.333vw;
  font-weight: 900;
  line-height: 100%; /* 20px */
  letter-spacing: 0.267vw;
  height: 10.667vw;
}
@media (min-width: 768px) {
  .function-item__label {
    margin-top: 1.667vw;
    width: 16.597vw;
    height: 2.778vw;
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
    border-radius: 1.389vw;
    padding: 0.903vw 0.139vw;
  }
}
.function-item__label--pic {
  background: #99B901;
}
.function-item__label--writing {
  background: #E28301;
}
.function-item__label--chat {
  background: #E10048;
}
.function-item__label--change {
  background: #FDD401;
}
.function-item__label--voice {
  background: #105F00;
}
.function-item__label--coding {
  background: #FFA426;
}

.function-item__text {
  margin-top: 4.267vw;
  font-weight: 400;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .function-item__text {
    margin-top: 1.111vw;
    letter-spacing: 0.056vw;
  }
}
.function-item__text span {
  font-weight: 700;
}

.function__button {
  text-align: center;
  margin-top: 2.778vw;
}
@media (max-width: 767px) {
  .function__button {
    display: none;
  }
}

/*----------------------------------
    cta
-----------------------------------*/
.cta {
  background: linear-gradient(265deg, #99B901 2.64%, #105F00 81.03%);
  padding-top: 8.8vw;
  padding-bottom: 6.933vw;
}
@media (min-width: 768px) {
  .cta {
    padding-top: 3.75vw;
    padding-bottom: 3.056vw;
  }
}

.cta__button-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #FFF;
  font-size: 5.867vw;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.293vw;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.333vw;
}
@media (min-width: 768px) {
  .cta__button-text {
    font-size: 1.852vw;
    letter-spacing: 0.093vw;
    padding-left: 1.25vw;
  }
}
.cta__button-text svg {
  width: 2.455vw;
  height: 7.141vw;
  margin-left: 2.133vw;
  margin-right: 2.667vw;
}
@media (min-width: 768px) {
  .cta__button-text svg {
    margin-left: 0.694vw;
    margin-right: 0.764vw;
    width: 0.764vw;
    height: 2.222vw;
    max-width: 100%;
  }
}
.cta__button-text::before, .cta__button-text::after {
  content: "";
  position: absolute;
  width: 6.667vw;
  height: 0.267vw;
  background: #FFF;
  top: 70%;
}
@media (min-width: 768px) {
  .cta__button-text::before, .cta__button-text::after {
    width: 2.083vw;
    height: 0.069vw;
  }
}
.cta__button-text::before {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  left: -1.867vw;
}
@media (min-width: 768px) {
  .cta__button-text::before {
    left: -0.903vw;
  }
}
.cta__button-text::after {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  right: -4.533vw;
}
@media (min-width: 768px) {
  .cta__button-text::after {
    right: -1.597vw;
  }
}
.cta__button-text span {
  letter-spacing: -0.968vw;
}
@media (min-width: 768px) {
  .cta__button-text span {
    letter-spacing: -0.306vw;
  }
}

.cta__button {
  margin-top: 3.2vw;
}
@media (min-width: 768px) {
  .cta__button {
    margin-top: 0.833vw;
  }
}

/*----------------------------------
    value
-----------------------------------*/
.value {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
}
@media (min-width: 768px) {
  .value {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

@media (min-width: 768px) {
  .value__title .section-title__en {
    opacity: 0;
  }
}

.value__lead {
  margin-top: 8.533vw;
  text-align: center;
}
@media (min-width: 768px) {
  .value__lead {
    margin-top: 2.778vw;
  }
}

.value__lead1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.value__lead1 img {
  width: 50.133vw;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 768px) {
  .value__lead1 img {
    width: 16.458vw;
    aspect-ratio: 237/50;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.value__lead1 span {
  font-family: "Overpass", serif;
  font-weight: 900;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.213vw;
  padding-left: 0.533vw;
  padding-top: 11px;
}
@media (min-width: 768px) {
  .value__lead1 span {
    font-size: 1.667vw;
    padding-left: 0.347vw;
    padding-top: 0.694vw;
  }
}

.value__lead2 {
  margin-top: 1.067vw;
  font-family: "Overpass", serif;
  font-size: 5.867vw;
  font-weight: 900;
  line-height: 180%; /* 39.6px */
  letter-spacing: 0.293vw;
}
@media (min-width: 768px) {
  .value__lead2 {
    margin-top: 1.389vw;
    font-size: 1.944vw;
    letter-spacing: 0.097vw;
  }
}
.value__lead2 span {
  color: #E28301;
  font-weight: 900;
}

.value__lead3 {
  margin-top: 1.867vw;
  font-size: 4vw;
  line-height: 200%; /* 30px */
  letter-spacing: 0.2vw;
}
@media (min-width: 768px) {
  .value__lead3 {
    margin-top: 0.694vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.value__boxes {
  margin-top: 8.267vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8.533vw;
}
@media (min-width: 768px) {
  .value__boxes {
    margin-top: 2.778vw;
  }
}

@media (min-width: 768px) {
  .value__box {
    display: none;
  }
}

.value-box {
  background: #F7F6F4;
  border-radius: 2.133vw;
  overflow: hidden;
  position: relative;
}
.value-box.is-open .value-box__arrow {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  padding-top: 6.4vw;
  padding-bottom: 7.733vw;
}
@media (min-width: 768px) {
  .value-box {
    border-radius: 0.556vw;
  }
}

.value-box__head {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.value-box__head-label {
  background: #105F00;
  color: #FFF;
  height: 12.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5.867vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 180%; /* 32.4px */
  letter-spacing: 0.24vw;
}
.value-box__head-label span {
  color: #FFF;
  display: inline-block;
  font-family: "Overpass", serif;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 200%; /* 48px */
  letter-spacing: 0.32vw;
  padding-top: 1.333vw;
}
.is-type2 .value-box__head-label {
  background: #E10048;
}

.value-box__image1 {
  padding: 5.333vw 5.333vw 0;
}
.value-box__image1 img {
  width: 76.854vw;
  height: 47.2vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.value-box__body {
  display: none;
  padding-left: 5.333vw;
  padding-right: 5.333vw;
}

.value-box__image2 {
  margin-top: 6.933vw;
}
.value-box__image2 img {
  width: 100%;
}

.value-box__lists {
  margin-top: 4.8vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8.533vw;
  position: relative;
  z-index: 1;
}

.value-box__list {
  padding: 5.333vw 2.667vw;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.267vw;
  border-radius: 2.133vw;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  position: relative;
}
@media (min-width: 768px) {
  .value-box__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 1.667vw;
    padding: 1.389vw;
    border-radius: 0.556vw;
  }
}
.value-box__list:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: -4.267vw;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  background: url(../img/list_Line.png) no-repeat center center/contain;
  height: 10.133vw;
  width: 1.333vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .value-box__list:not(:last-child)::after {
    width: 6px;
    height: 36px;
    bottom: -17px;
  }
}
.value-box__list:last-child::after {
  content: "";
  position: absolute;
  bottom: -5.333vw;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  background: url(../img/list_arrow.png) no-repeat center center/contain;
  height: 12vw;
  width: 7.467vw;
  z-index: -1;
}
@media (min-width: 768px) {
  .value-box__list:last-child::after {
    background-image: url(../img/pc/list_arrow.png);
    bottom: -1.597vw;
    width: 2.083vw;
    height: 3.472vw;
  }
}

.value-box__list-label {
  width: 100%;
  color: #FFF;
  text-align: center;
  font-size: 4.8vw;
  font-weight: 900;
  line-height: 180%; /* 32.4px */
  letter-spacing: 0.24vw;
  border-radius: 8vw;
  height: 16vw;
  position: relative;
  padding: 0.533vw 0.533vw 0.533vw 15.2vw;
  display: grid;
  place-items: center;
}
@media (min-width: 768px) {
  .value-box__list-label {
    width: 22.222vw;
    padding: 0.833vw 0.764vw 0.833vw 3.958vw;
    letter-spacing: 0.069vw;
    font-size: 1.389vw;
    height: 4.167vw;
  }
}
.value-box__list-label::before {
  content: "";
  position: absolute;
  height: calc(100% - 2.134vw);
  aspect-ratio: 1;
  background: #FFF;
  left: 1.067vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
@media (min-width: 768px) {
  .value-box__list-label::before {
    height: calc(100% - 0.556vw);
    left: 0.347vw;
  }
}
.value-box__list-label::after {
  content: "";
  position: absolute;
  left: 2.933vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 10.667vw;
  aspect-ratio: 1;
  background: url(../img/AI-chat-icon.png) no-repeat center center/contain;
}
@media (min-width: 768px) {
  .value-box__list-label::after {
    width: 2.708vw;
    left: 0.764vw;
  }
}
.value-box__list-label--pic {
  background: #99B901;
}
.value-box__list-label--pic:after {
  background-image: url(../img/AI-picture-icon.png);
}
.value-box__list-label--writing {
  background: #E28301;
}
.value-box__list-label--writing:after {
  background-image: url(../img/AI-writing-icon.png);
}
.value-box__list-label--chat {
  background: #E10048;
}
.value-box__list-label--chat:after {
  background-image: url(../img/AI-chat-icon.png);
}
.value-box__list-label--change {
  background: #FDD401;
}
.value-box__list-label--change:after {
  background-image: url(../img/AI-textchange-icon.png);
}
.value-box__list-label--voice {
  background: #105F00;
}
.value-box__list-label--voice:after {
  background-image: url(../img/AI-t\ voiceover-icon.png);
}
.value-box__list-label--coding {
  background: #FFA426;
}
.value-box__list-label--coding:after {
  background-image: url(../img/AI-coding-icon.png);
}

.value-box__list-text {
  margin-top: 4.267vw;
  font-size: 3.733vw;
  line-height: 200%; /* 28px */
  letter-spacing: 0.187vw;
}

.value-box__text {
  margin-top: 14.133vw;
  font-size: 5.333vw;
  font-weight: 700;
  line-height: 180%; /* 36px */
  letter-spacing: 0.267vw;
}
@media (min-width: 768px) {
  .value-box__text {
    margin-top: 4.306vw;
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}
.value-box__text span {
  color: #E28301;
  font-weight: 700;
}

.value-box__arrow {
  background: url(../img/accordion-arrow.png) no-repeat center center/contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  aspect-ratio: 28/14;
  padding-top: 7.467vw;
  padding-bottom: 3.733vw;
  width: 9.6vw;
  display: block;
  transition: all 0.3s ease;
}

.value-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .value-tab {
    display: none;
  }
}

.value-tab__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.value-tab__button {
  text-align: center;
  font-weight: 700;
  line-height: 180%; /* 50.4px */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: #D9D9D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
  height: 16vw;
  font-size: 7.467vw;
  border-radius: 2.133vw 2.133vw 0px 0px;
  letter-spacing: 0.373vw;
  gap: 6.133vw;
}
@media (min-width: 768px) {
  .value-tab__button {
    padding-top: 0.417vw;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    border-radius: 0.556vw 0.556vw 0px 0px;
    width: 50%;
    height: 4.167vw;
    font-size: 1.944vw;
    font-weight: 700;
    letter-spacing: 0.097vw;
    gap: 1.528vw;
    padding-left: 0.486vw;
  }
}
.value-tab__button--1:hover, .value-tab__button--1.is-active {
  background: #105F00;
  color: #FFF;
}
.value-tab__button--2:hover, .value-tab__button--2.is-active {
  color: #FFF;
  background: #E10048;
}
.value-tab__button span {
  font-family: "Overpass", serif;
  font-size: 8.533vw;
  font-weight: 700;
  line-height: 200%; /* 64px */
  letter-spacing: 0.427vw;
}
@media (min-width: 768px) {
  .value-tab__button span {
    font-size: 2.222vw;
    letter-spacing: 0.111vw;
    margin-top: -0.208vw;
  }
}
.value-tab__button span.is-active {
  color: #FFF;
}

.value-tab__box {
  display: none;
}
@media (min-width: 768px) {
  .value-tab__box {
    background: #F7F6F4;
    padding: 2.778vw 7.5vw;
  }
}
.value-tab__box.is-active {
  display: block;
}

@media (min-width: 768px) {
  .value-tab__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4.306vw;
  }
}

@media (min-width: 768px) {
  .value-tab__image1 img {
    width: 23.125vw;
    aspect-ratio: 334/191;
  }
}

@media (min-width: 768px) {
  .value-tab__image2 img {
    width: 26.944vw;
    aspect-ratio: 388/223;
  }
}

@media (min-width: 768px) {
  .value-tab__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 1.111vw;
    gap: 2.778vw;
    position: relative;
    z-index: 1;
  }
}

@media (min-width: 768px) {
  .value-tab__list {
    background: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-radius: 2.133vw;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 0.556vw;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: 1.667vw;
    padding: 1.389vw;
  }
}
.value-tab__list:not(:last-child)::after {
  content: "";
}
@media (min-width: 768px) {
  .value-tab__list:not(:last-child)::after {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    background: url(../img/list_Line.png) no-repeat center center/contain;
    z-index: -1;
    width: 0.417vw;
    height: 2.5vw;
    bottom: -1.181vw;
  }
}
.value-tab__list:last-child::after {
  content: "";
}
@media (min-width: 768px) {
  .value-tab__list:last-child::after {
    position: absolute;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    background: url(../img/pc/list_arrow.png) no-repeat center center/contain;
    bottom: -1.597vw;
    width: 2.083vw;
    height: 3.472vw;
  }
}

@media (min-width: 768px) {
  .value-tab__list-label {
    color: #FFF;
    text-align: center;
    font-weight: 900;
    line-height: 180%; /* 32.4px */
    position: relative;
    padding: 0.533vw 0.533vw 0.533vw 15.2vw;
    display: grid;
    place-items: center;
    width: 22.222vw;
    padding: 0.833vw 0.764vw 0.833vw 3.958vw;
    letter-spacing: 0.069vw;
    font-size: 1.389vw;
    height: 4.167vw;
    border-radius: 2.083vw;
  }
}
.value-tab__list-label::before {
  content: "";
}
@media (min-width: 768px) {
  .value-tab__list-label::before {
    position: absolute;
    aspect-ratio: 1;
    background: #FFF;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-radius: 50%;
    height: calc(100% - 0.556vw);
    left: 0.347vw;
  }
}
.value-tab__list-label::after {
  content: "";
}
@media (min-width: 768px) {
  .value-tab__list-label::after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    aspect-ratio: 1;
    background: url(../img/AI-chat-icon.png) no-repeat center center/contain;
    width: 2.708vw;
    left: 0.764vw;
  }
}
.value-tab__list-label--pic {
  background: #99B901;
}
.value-tab__list-label--pic:after {
  background-image: url(../img/AI-picture-icon.png);
}
.value-tab__list-label--writing {
  background: #E28301;
}
.value-tab__list-label--writing:after {
  background-image: url(../img/AI-writing-icon.png);
}
.value-tab__list-label--chat {
  background: #E10048;
}
.value-tab__list-label--chat:after {
  background-image: url(../img/AI-chat-icon.png);
}
.value-tab__list-label--change {
  background: #FDD401;
}
.value-tab__list-label--change:after {
  background-image: url(../img/AI-textchange-icon.png);
}
.value-tab__list-label--voice {
  background: #105F00;
}
.value-tab__list-label--voice:after {
  background-image: url(../img/AI-t\ voiceover-icon.png);
}
.value-tab__list-label--coding {
  background: #FFA426;
}
.value-tab__list-label--coding:after {
  background-image: url(../img/AI-coding-icon.png);
}

@media (min-width: 768px) {
  .value-tab__list-text {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    line-height: 200%; /* 28px */
    width: 27.778vw;
    font-size: 0.972vw;
    letter-spacing: 0.049vw;
  }
}

@media (min-width: 768px) {
  .value-tab__text {
    font-weight: 700;
    line-height: 180%; /* 36px */
    margin-top: 4.306vw;
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}
.value-tab__text span {
  color: #E28301;
  font-weight: 700;
}

/*----------------------------------
    voice
-----------------------------------*/
.voice {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
  background: #D9D9D9;
}
@media (min-width: 768px) {
  .voice {
    padding-top: 6.944vw;
    padding-bottom: 6.944vw;
  }
}

.voice__inner {
  max-width: 314.666vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5.333vw;
  padding-right: 5.333vw;
}
@media (min-width: 768px) {
  .voice__inner {
    max-width: 83.333vw;
    padding-left: 2.083vw;
    padding-right: 2.083vw;
  }
}

.voice__wrap {
  margin-top: 9.6vw;
  overflow-x: auto;
  /* スクロールバーの幅を変更 */
  /* スクロールバーのトラックの色を変更 */
  /* スクロールバーのつまみの色を変更 */
  /* スクロールバーのつまみにホバーした時の色を変更 */
}
@media (min-width: 768px) {
  .voice__wrap {
    margin-top: 2.708vw;
  }
}
.voice__wrap::-webkit-scrollbar {
  height: 1.6vw; /* 横スクロールバーの高さ */
}
.voice__wrap::-webkit-scrollbar-track {
  border-radius: 0.8vw;
  background: var(--white, #F7F6F4);
}
.voice__wrap::-webkit-scrollbar-thumb {
  border-radius: 0.8vw;
  background: rgba(0, 0, 0, 0.5);
}
.voice__wrap::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.voice__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5.333vw;
  padding-bottom: 6.4vw;
  max-width: 314.666vw;
}
@media (min-width: 768px) {
  .voice__lists {
    gap: 4.167vw;
    padding-bottom: 0;
  }
}

.voice-item {
  background: #FFF;
  border-radius: 2.133vw;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 5.333vw;
  width: 76vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .voice-item {
    padding: 2.083vw;
    width: 23.611vw;
    border-radius: 0.556vw;
  }
}

.voice-item__logo {
  text-align: center;
}
.voice-item__logo img {
  aspect-ratio: 213/120;
  width: 56.8vw;
}
@media (min-width: 768px) {
  .voice-item__logo img {
    width: 19.444vw;
    aspect-ratio: 280/140;
  }
}

.voice-item__lead {
  margin-top: 6.4vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 200%; /* 36px */
  letter-spacing: 0.24vw;
  word-break: keep-all;
}
@media (min-width: 768px) {
  .voice-item__lead {
    margin-top: 1.736vw;
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}

.voice-item__text {
  margin-top: 6.4vw;
  font-weight: 400;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .voice-item__text {
    margin-top: 0.486vw;
    letter-spacing: 0.056vw;
  }
}
.voice-item__text span {
  color: #E28301;
  font-weight: 700;
}

.voice-item__label-text {
  margin-top: 6.4vw;
  text-align: center;
  font-weight: 500;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .voice-item__label-text {
    margin-top: 1.667vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.voice-item__labels {
  margin-top: 2.133vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.133vw;
  width: calc(100% - 4.266vw);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .voice-item__labels {
    margin-top: 0.556vw;
    gap: 0.556vw;
    width: calc(100% - 4.652vw);
  }
}

.voice-item__label {
  color: #FFF;
  text-align: center;
  font-size: 4.267vw;
  font-weight: 900;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.213vw;
  border-radius: 8vw;
  width: 56.8vw;
  height: 9.067vw;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .voice-item__label {
    width: 14.792vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
    width: 14.792vw;
    height: 2.361vw;
  }
}

/*----------------------------------
    step
-----------------------------------*/
.step {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
  background: #F7F6F4;
}
@media (min-width: 768px) {
  .step {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}

.step__inner {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .step__inner {
    max-width: 83.333vw;
    padding-left: 2.083vw;
    padding-right: 2.083vw;
  }
}

.step__lists {
  margin-top: 8.533vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 9.6vw;
  counter-reset: numberCounter;
}
@media (min-width: 768px) {
  .step__lists {
    margin-top: 2.778vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 3.472vw;
    position: relative;
  }
  .step__lists::after {
    content: "";
    position: absolute;
    width: 56.111vw;
    height: 0.417vw;
    top: 6.806vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../img/pc/step_Line.png) no-repeat center center/contain;
  }
}

.step-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.4vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .step-item:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 12.267vw;
    top: 100%;
    height: 7.467vw;
    width: 1.6vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url(../img/step_Line.png) no-repeat center center/contain;
  }
}
@media (min-width: 768px) {
  .step-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    gap: 2.292vw;
  }
}

.step-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.step-item__number {
  text-align: center;
  color: #000;
  font-family: "Overpass", serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2vw;
  opacity: 0.5;
}
@media (min-width: 768px) {
  .step-item__number {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}

@media (min-width: 768px) {
  .step-item__image {
    margin-top: 0.417vw;
  }
}
.step-item__image img {
  width: 24.533vw;
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .step-item__image img {
    width: 10.417vw;
  }
}

.step-item__title {
  color: #E28301;
  font-size: 5.333vw;
  font-weight: 700;
  line-height: 180%; /* 36px */
  letter-spacing: 0.267vw;
}
@media (min-width: 768px) {
  .step-item__title {
    text-align: center;
    word-break: keep-all;
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}

.step-item__text {
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .step-item__text {
    letter-spacing: 0.056vw;
  }
}

/*----------------------------------
    plan
-----------------------------------*/
.plan {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
}
@media (min-width: 768px) {
  .plan {
    padding-top: 6.944vw;
    padding-bottom: 6.944vw;
  }
}

.plan__lists {
  margin-top: 8.533vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8.533vw;
}
@media (min-width: 768px) {
  .plan__lists {
    margin-top: 101px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.778vw;
  }
}

.plan-item {
  margin-top: 11.733vw;
  position: relative;
}
@media (min-width: 768px) {
  .plan-item {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}

.plan-item__head {
  width: 15.733vw;
  aspect-ratio: 1;
  background: #E28301;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  position: absolute;
  top: -11.2vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 1.6vw;
}
@media (min-width: 768px) {
  .plan-item__head {
    width: 5.833vw;
    top: -4.306vw;
    padding-top: 0.556vw;
  }
}

.plan-item__head-text {
  color: #FFF;
  font-family: "Overpass", serif;
  font-size: 2.978vw;
  font-weight: 700;
  line-height: 200%; /* 22.333px */
  letter-spacing: 0.149vw;
}
@media (min-width: 768px) {
  .plan-item__head-text {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.plan-item__head-number {
  text-align: center;
}
.plan-item__head-number img {
  width: 4.891vw;
  height: 5.211vw;
  vertical-align: top;
}
@media (min-width: 768px) {
  .plan-item__head-number img {
    width: 1.825vw;
    height: 1.944vw;
  }
}

.plan-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 2px solid #000;
  border-radius: 1.6vw;
}
@media (min-width: 768px) {
  .plan-item__body {
    border-radius: 0.556vw;
  }
}

.plan-item__top {
  background: #000;
  color: #FFF;
  padding: 4.267vw 2.667vw 0.8vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 200%; /* 36px */
  letter-spacing: 0.24vw;
  text-align: center;
}
@media (min-width: 768px) {
  .plan-item__top {
    padding-top: 1.667vw;
    padding-left: 0.347vw;
    padding-right: 0.347vw;
    padding-bottom: 0.486vw;
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
  }
}

.plan-item__bottom {
  padding: 4.267vw 6.4vw 3.733vw;
}
@media (min-width: 768px) {
  .plan-item__bottom {
    padding: 1.528vw 2.292vw 1.944vw;
  }
}

.plan-item__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4.267vw;
}
@media (min-width: 768px) {
  .plan-item__lists {
    gap: 1.458vw;
  }
}

.plan-item__list {
  border-radius: 2.133vw;
  background: #FFF;
  text-align: center;
  background: var(--white, #F7F6F4);
}
@media (min-width: 768px) {
  .plan-item__list {
    border-radius: 0.556vw;
  }
}

.plan-item__list-text1 {
  padding: 2.667vw 0.533vw;
  font-size: 5.333vw;
  font-weight: 700;
  line-height: 100%; /* 20px */
  letter-spacing: 0.267vw;
}
@media (min-width: 768px) {
  .plan-item__list-text1 {
    padding: 0.903vw 0.139vw 1.181vw;
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
  }
}

.plan-item__list-text2 {
  padding: 2.667vw 0.533vw;
  font-size: 4.267vw;
  line-height: 150%; /* 24px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .plan-item__list-text2 {
    padding: 1.042vw 0.139vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}
.plan-item__list-text2 span {
  font-weight: 700;
}

.plan-item__list-text3 {
  padding: 2.133vw 0.533vw 1.333vw;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 100%; /* 24px */
  letter-spacing: 0.32vw;
}
@media (min-width: 768px) {
  .plan-item__list-text3 {
    padding: 1.042vw 0.139vw 0.833vw;
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
  }
}
.plan-item__list-text3 span {
  font-size: 4.267vw;
  font-weight: 700;
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .plan-item__list-text3 span {
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.plan-item__list-text4 {
  padding: 3.2vw 0.533vw;
  font-size: 4.267vw;
  font-weight: 700;
  line-height: 100%; /* 16px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .plan-item__list-text4 {
    padding: 1.25vw 0.139vw 1.389vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.plan-item__button {
  margin-top: 4.267vw;
  display: grid;
}
@media (min-width: 768px) {
  .plan-item__button {
    margin-top: 3.75vw;
  }
}

.button-plan {
  display: inline-block;
  border-radius: 2.133vw;
  gap: 2.133vw;
  background: url(../img/button-plan.png) no-repeat center center/contain;
  width: 76vw;
  aspect-ratio: 284/135;
  margin-top: 1.067vw;
  padding: 23px 11px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .button-plan {
    background: #99B901;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 1.389vw 0.764vw 1.389vw 0.903vw;
    aspect-ratio: auto;
    width: 100%;
    margin-top: 0.486vw;
    gap: 1.597vw;
    border-radius: 0.556vw;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .button-plan:hover {
    background: #FDD401;
  }
}

.button-plan__top {
  text-align: center;
  aspect-ratio: 386/86;
  width: 100%;
  background: url(../img/button-plan-top.png) no-repeat center center/contain;
}

.button-plan__bottom {
  display: inline-block;
  aspect-ratio: 372/83;
  width: 100%;
  background: url(../img/button-plan-bottom.png) no-repeat center center/contain;
}
@media (max-width: 767px) {
  .button-plan__bottom {
    display: none;
  }
}

/*----------------------------------
    qa
-----------------------------------*/
.qa {
  padding-top: 13.333vw;
  padding-bottom: 13.6vw;
}
@media (min-width: 768px) {
  .qa {
    padding-top: 6.944vw;
    padding-bottom: 6.875vw;
  }
}

.qa__lists {
  margin-top: 8.533vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}
@media (min-width: 768px) {
  .qa__lists {
    margin-top: 2.778vw;
  }
}

.qa-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.qa-item.is-open .qa-item__head-arrow {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.qa-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  letter-spacing: 0.213vw;
  padding-top: 5.333vw;
  padding-bottom: 5.333vw;
  padding-left: 1.067vw;
}
@media (min-width: 768px) {
  .qa-item__head {
    padding-top: 1.597vw;
    padding-left: 11.875vw;
    padding-right: 2.014vw;
    padding-bottom: 1.667vw;
  }
}

.qa-item__head-icon {
  width: 10.667vw;
  aspect-ratio: 1;
  background: url(../img/qa-icon-q.png) no-repeat center center/contain;
  margin-right: 4.267vw;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .qa-item__head-icon {
    margin-right: 1.667vw;
    width: 2.778vw;
  }
}

.qa-item__head-text {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left;
  line-height: 1.5;
  margin-top: -0.533vw;
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .qa-item__head-text {
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
    margin-top: 0;
  }
}
.qa-item__head-text span {
  letter-spacing: 0.347vw;
}
@media (min-width: 768px) {
  .qa-item__head-text span {
    font-size: 1.389vw;
    letter-spacing: 0.125vw;
  }
}

.qa-item__head-arrow {
  margin-left: 4.267vw;
  width: 8.533vw;
  height: 4.267vw;
  background: url(../img/qa-item_arrow.png) no-repeat center center/contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .qa-item__head-arrow {
    width: 2.5vw;
    height: 1.25vw;
  }
}

.qa-item__body {
  display: none;
}

.qa-item__a {
  padding-top: 7.2vw;
  padding-bottom: 4vw;
  background: var(--white, #F7F6F4);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.267vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-left: 1.067vw;
}
@media (min-width: 768px) {
  .qa-item__a {
    padding-top: 24px;
    padding-left: 11.875vw;
    gap: 1.667vw;
    padding-bottom: 1.667vw;
  }
}

.qa-item__a-icon {
  margin-top: -1.067vw;
  width: 10.667vw;
  aspect-ratio: 1;
  background: url(../img/qa-icon-a.png) no-repeat center center/contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 768px) {
  .qa-item__a-icon {
    margin-top: 0;
    width: 2.778vw;
  }
}

.qa-item__a-text {
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: -4vw;
}
@media (min-width: 768px) {
  .qa-item__a-text {
    margin-top: 0;
    letter-spacing: 0.056vw;
  }
}

/*----------------------------------
    message
-----------------------------------*/
.message {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
  background: #FDD401;
}
@media (min-width: 768px) {
  .message {
    padding-top: 6.944vw;
    padding-bottom: 6.944vw;
  }
}

.message__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 3.2vw;
}
@media (min-width: 768px) {
  .message__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 4.097vw;
  }
}

.message__box {
  width: calc(100% - 10.666vw);
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .message__box {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.message__lead {
  text-align: center;
}
@media (min-width: 768px) {
  .message__lead {
    text-align: left;
  }
}

.message__lead1 {
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 200%; /* 36px */
  letter-spacing: 0.48vw;
}
@media (min-width: 768px) {
  .message__lead1 {
    font-size: 2.222vw;
    letter-spacing: 0.222vw;
  }
}
@media (min-width: 768px) {
  .message__lead1 span {
    font-size: 1.667vw;
    letter-spacing: 0.167vw;
  }
}

.message__lead2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 768px) {
  .message__lead2 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    margin-top: -0.625vw;
  }
}
.message__lead2 img {
  width: 50.133vw;
  aspect-ratio: 188/40;
}
@media (min-width: 768px) {
  .message__lead2 img {
    width: 18.472vw;
    aspect-ratio: 266/58;
  }
}
.message__lead2 span:nth-of-type(1) {
  font-size: 4.308vw;
  font-weight: 700;
  line-height: 200%; /* 32.308px */
  letter-spacing: 0.215vw;
  margin-top: 1.067vw;
}
@media (min-width: 768px) {
  .message__lead2 span:nth-of-type(1) {
    font-size: 1.667vw;
    letter-spacing: 0.083vw;
    margin-top: 0.556vw;
    margin-left: 0.347vw;
  }
}
.message__lead2 span:nth-of-type(2) {
  font-size: 5.333vw;
  font-weight: 700;
  letter-spacing: 0.267vw;
}
@media (min-width: 768px) {
  .message__lead2 span:nth-of-type(2) {
    font-size: 2.222vw;
    letter-spacing: 0.111vw;
    margin-top: -0.278vw;
  }
}

.message__text {
  margin-top: 5.6vw;
  font-weight: 400;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
}
@media (min-width: 768px) {
  .message__text {
    margin-top: 1.597vw;
    font-size: 1.389vw;
    letter-spacing: 0.069vw;
  }
}
.message__text span {
  font-weight: 700;
}

.message__image {
  text-align: center;
}
@media (min-width: 768px) {
  .message__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.message__image img {
  width: 37.333vw;
}
@media (min-width: 768px) {
  .message__image img {
    width: 25.069vw;
  }
}

/*----------------------------------
    contact
-----------------------------------*/
.contact {
  padding-top: 13.333vw;
  padding-bottom: 13.333vw;
  background: #F7F6F4;
}
@media (min-width: 768px) {
  .contact {
    padding-top: 6.944vw;
    padding-bottom: 6.944vw;
    background: none;
  }
}

@media (min-width: 768px) {
  .contact__content {
    background: #F7F6F4;
    padding: 3.472vw 6.944vw;
    max-width: 62.5vw;
    margin-left: auto;
    margin-right: auto;
  }
}

.contact__text {
  margin-top: 4.267vw;
  text-align: center;
  font-size: 3.467vw;
  line-height: 200%; /* 26px */
  letter-spacing: 0.173vw;
}
@media (min-width: 768px) {
  .contact__text {
    margin-top: 2.778vw;
    font-size: 1.111vw;
    letter-spacing: 0.056vw;
  }
}

.contact__fields {
  margin-top: 8.533vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 768px) {
  .contact__fields {
    margin-top: 1.667vw;
  }
}

.contact__field:nth-child(n+2) {
  margin-top: 8.533vw;
}
@media (min-width: 768px) {
  .contact__field:nth-child(n+2) {
    margin-top: 1.667vw;
  }
}

.contact__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 768px) {
  .form-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 768px) {
  .form-field--message {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.form-field__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.867vw;
}
@media (min-width: 768px) {
  .form-field__head {
    width: 13.889vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    gap: 0.556vw;
  }
}
@media (min-width: 768px) {
  .form-field--message .form-field__head {
    margin-top: 0.417vw;
  }
}

.form-field__head-label {
  font-weight: 400;
  line-height: 200%; /* 32px */
  letter-spacing: normal;
}

.form-field__head-tag {
  color: #E10048;
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 150%; /* 18px */
  letter-spacing: 0.32vw;
  padding: 0.533vw 2.933vw;
  border: 1px solid currentColor;
  border-radius: 2.133vw;
}
@media (min-width: 768px) {
  .form-field__head-tag {
    font-size: 0.833vw;
    letter-spacing: 0.083vw;
    padding: 0.139vw 0.764vw;
    border-radius: 0.556vw;
  }
}

.form-field__body {
  margin-top: 1.067vw;
}
@media (min-width: 768px) {
  .form-field__body {
    margin-top: 0;
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}

.form-input__text {
  width: 100%;
  border: none;
  background: #FFF;
  border-radius: 2.133vw;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 4.267vw 2.667vw 3.2vw 4vw;
  outline-color: #105F00;
}
@media (min-width: 768px) {
  .form-input__text {
    border-radius: 0.556vw;
    padding: 0.625vw 1.111vw 0.486vw;
  }
}
.form-input__text::-webkit-input-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__text::-moz-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__text:-ms-input-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__text::-ms-input-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__text::placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
@media (min-width: 768px) {
  .form-input__text::-webkit-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__text::-moz-placeholder {
    font-size: 1.111vw;
  }
  .form-input__text:-ms-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__text::-ms-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__text::placeholder {
    font-size: 1.111vw;
  }
}
.form-field--name .form-input__text {
  padding-left: 5.333vw;
  padding-right: 5.333vw;
}
@media (min-width: 768px) {
  .form-field--name .form-input__text {
    padding-left: 1.389vw;
    padding-right: 1.389vw;
  }
}

.form-input__email {
  width: 100%;
  border: none;
  background: #FFF;
  border-radius: 2.133vw;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  padding: 4.267vw 2.667vw 3.2vw 4vw;
  outline-color: #105F00;
}
@media (min-width: 768px) {
  .form-input__email {
    padding: 0.625vw 1.111vw 0.486vw;
    border-radius: 0.556vw;
  }
}
.form-input__email::-webkit-input-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__email::-moz-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__email:-ms-input-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__email::-ms-input-placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__email::placeholder {
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
@media (min-width: 768px) {
  .form-input__email::-webkit-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__email::-moz-placeholder {
    font-size: 1.111vw;
  }
  .form-input__email:-ms-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__email::-ms-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__email::placeholder {
    font-size: 1.111vw;
  }
}

.form-input__message {
  width: 100%;
  border: none;
  background: #FFF;
  border-radius: 2.133vw;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  min-height: 50.133vw;
  resize: vertical;
  padding: 3.467vw 2.667vw 3.2vw 4vw;
  outline-color: #105F00;
}
@media (min-width: 768px) {
  .form-input__message {
    padding: 0.903vw 1.111vw 0.833vw;
    border-radius: 0.556vw;
    min-height: 13.056vw;
  }
}
.form-input__message::-webkit-input-placeholder {
  color: var(--black, #000);
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__message::-moz-placeholder {
  color: var(--black, #000);
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__message:-ms-input-placeholder {
  color: var(--black, #000);
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__message::-ms-input-placeholder {
  color: var(--black, #000);
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
.form-input__message::placeholder {
  color: var(--black, #000);
  font-size: 5.333vw;
  font-weight: 300;
  line-height: normal;
  opacity: 0.4;
}
@media (min-width: 768px) {
  .form-input__message::-webkit-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__message::-moz-placeholder {
    font-size: 1.111vw;
  }
  .form-input__message:-ms-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__message::-ms-input-placeholder {
    font-size: 1.111vw;
  }
  .form-input__message::placeholder {
    font-size: 1.111vw;
  }
}

.form-privacy {
  text-align: center;
  margin-top: 8vw;
}
@media (min-width: 768px) {
  .form-privacy {
    padding-left: 13.889vw;
    -moz-text-align-last: left;
         text-align-last: left;
    margin-top: 0.417vw;
  }
}

.form-checkbox__input {
  width: 1px;
  height: 1px;
  position: absolute;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
.form-checkbox__input:checked + .form-checkbox__text::after {
  opacity: 1;
}

.form-checkbox__text {
  padding-left: 9.867vw;
  padding-right: 0.8vw;
  font-size: 3.733vw;
  line-height: normal;
  position: relative;
  letter-spacing: normal;
}
@media (min-width: 768px) {
  .form-checkbox__text {
    padding-left: 1.944vw;
    padding-right: 0;
    font-size: 0.972vw;
  }
}
.form-checkbox__text a {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-checkbox__text a:hover {
  color: #105F00;
}
.form-checkbox__text::before, .form-checkbox__text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form-checkbox__text::before {
  width: 8vw;
  height: 8vw;
  border-radius: 1.067vw;
  border: 1px solid #000;
  opacity: 0.5;
  background: #FFF;
}
@media (min-width: 768px) {
  .form-checkbox__text::before {
    border-radius: 0.278vw;
    width: 1.319vw;
    height: 1.319vw;
  }
}
.form-checkbox__text::after {
  height: 2.667vw;
  width: 5.333vw;
  border-bottom: 2px solid #105F00;
  border-left: 2px solid #105F00;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  left: 0.533vw;
  top: 1.867vw;
  opacity: 0;
}
@media (min-width: 768px) {
  .form-checkbox__text::after {
    left: 0.139vw;
    top: 0.486vw;
    width: 1.389vw;
    height: 0.694vw;
  }
}

.form-button {
  text-align: center;
  margin-top: 8.533vw;
}
@media (min-width: 768px) {
  .form-button {
    margin-top: 2.569vw;
  }
}

.button-submit {
  border-radius: 2.133vw;
  background: linear-gradient(264deg, #99B901 -3.85%, #105F00 74.17%);
  color: #FFF;
  font-weight: 700;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
  border: none;
  padding: 3.2vw 8.8vw;
  cursor: pointer;
}
.button-submit:hover {
  background: #FDD401;
}
@media (min-width: 768px) {
  .button-submit {
    border-radius: 0.556vw;
    letter-spacing: 0.056vw;
    padding: 0.833vw 2.292vw;
  }
}

/*----------------------------------
    footer
-----------------------------------*/
.footer {
  padding-top: 13.333vw;
  background: #F7F6F4;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 0;
  }
}

.footer__inner {
  max-width: 314.666vw;
  width: 100%;
  padding-left: 5.333vw;
  padding-right: 5.333vw;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .footer__inner {
    padding-left: 150px;
    padding-right: 150px;
  }
}

@media (min-width: 768px) {
  .footer__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 4.444vw;
    padding-bottom: 4.444vw;
  }
}

.footer__logo {
  text-align: center;
}
@media (min-width: 768px) {
  .footer__logo {
    text-align: left;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
.footer__logo img {
  width: 69.067vw;
}
@media (min-width: 768px) {
  .footer__logo img {
    width: 16.458vw;
    aspect-ratio: 237/50;
  }
}

.footer__lists {
  margin-top: 11.2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6.4vw;
  width: 53.333vw;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .footer__lists {
    margin-top: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 2.778vw;
    margin-left: 2.778vw;
  }
}

.footer__link {
  font-weight: 400;
  line-height: 200%; /* 32px */
  letter-spacing: 0.213vw;
  word-break: keep-all;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 768px) {
  .footer__link {
    letter-spacing: 0.056vw;
  }
}
.footer__link:hover {
  color: #105F00;
}

.footer__copyright {
  margin-top: 10.667vw;
  text-align: center;
  font-family: "Overpass", serif;
  font-size: 3.467vw;
  font-weight: 400;
  line-height: 180%; /* 23.4px */
  letter-spacing: 0.139vw;
}
@media (min-width: 768px) {
  .footer__copyright {
    margin-top: 0;
    font-size: 0.972vw;
    text-align: right;
    letter-spacing: 0.039vw;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.footer__text {
  margin-top: 1.867vw;
  font-size: 3.2vw;
  line-height: 180%; /* 21.6px */
  letter-spacing: 0.128vw;
}
@media (min-width: 768px) {
  .footer__text {
    margin-top: 0;
    font-size: 0.972vw;
    letter-spacing: 0.039vw;
    padding-top: 0.556vw;
    padding-bottom: 0.417vw;
  }
}

/*----------------------------------
    js-in-view
-----------------------------------*/
.fade-in-up {
  opacity: 0;
  -webkit-transform: translateY(24px);
          transform: translateY(24px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.fade-in-up.is-in-view {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fade-in-down {
  opacity: 0;
  -webkit-transform: translateY(-24px);
          transform: translateY(-24px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, transform 1s;
  transition: opacity 1s, transform 1s, -webkit-transform 1s;
}
.fade-in-down.is-in-view {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fade-in {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.fade-in.is-in-view {
  opacity: 1;
}