@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*, ::before, ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
main h2{
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

/* Lists (enumeration) */
/* ============================================ */
main ul, main ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
main dt {
  font-weight: bold;
}

main dd {
  margin-left: 0;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
main a {
  text-decoration: none;
  color: inherit;
  background-color: transparent;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
main img {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
main button, main input {
	margin: 0;
	padding: 0;
	font: inherit;
	text-align: inherit;
	vertical-align: middle;
	color: inherit;
	border-radius: 0;
	outline: 0;
	background: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
main button, main select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
main button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
	appearance: none;
}

main button[disabled], [type=button][disabled], [type=reset][disabled], [type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
main button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
main button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

main a {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
main a:focus {
  text-decoration: none;
}
main a img {
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}
main a[href^="tel:"] {
  color: inherit;
}

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

.c-campaign__button {
  display: block;
  margin: 0 auto;
  width: 706rem;
}

.c-campaign__button--fixed {
  position: fixed;
  bottom: 40rem;
  left: 50%;
  z-index: 100;
  -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.c-cta {
  position: relative;
  z-index: 1;
  margin-top: 95rem;
  padding-top: 95rem;
  min-height: 2000rem;
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-cta.webp");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .c-cta {
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-cta.png");
}

.c-cta__balloon::after {
  content: "";
  position: absolute;
  top: -192rem;
  left: 24rem;
  display: block;
  width: 461rem;
  height: 106rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/text-cta-heading-balloon.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-cta__heading {
  position: absolute;
  top: -170rem;
  opacity: 0;
}

.c-cta__heading-image {
  display: block;
  width: 100%;
}

.c-cta__heading.js-active {
  opacity: 1;
  -webkit-animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@-webkit-keyframes slide-skew {
  0% {
    opacity: 0;
    -webkit-transform: translate(-180rem, 30rem);
    transform: translate(-180rem, 30rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20%, 100% {
    opacity: 1;
  }
}

@keyframes slide-skew {
  0% {
    opacity: 0;
    -webkit-transform: translate(-180rem, 30rem);
    transform: translate(-180rem, 30rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  20%, 100% {
    opacity: 1;
  }
}
.c-cta__logo {
  display: block;
  margin: 0 auto;
  width: 423rem;
}

.c-cta__photo-container {
  position: absolute;
  top: 250rem;
  right: 35rem;
  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-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 142rem;
}

.c-cta__product {
  display: block;
  width: 333rem;
}

.c-cta__discount {
  display: block;
  margin-left: 20rem;
  width: 180rem;
}

.c-cta__discount.js-active {
  opacity: 1;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation: yurayura 2s ease-out infinite;
          animation: yurayura 2s ease-out infinite;
}

@-webkit-keyframes yurayura {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  12% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  24% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  34% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  44% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  52% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  60% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}

@keyframes yurayura {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  12% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  24% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  34% {
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  44% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  52% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  60% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
.c-cta__material {
  width: 226rem;
}

.c-cta__price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20rem;
  margin-top: 422rem;
  padding: 0 48rem;
}

.c-cta__price-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.c-cta__usual {
  width: 393rem;
}

.c-cta__shokai {
  margin-top: 10rem;
  width: 219rem;
}

.c-cta__price {
  position: relative;
  overflow: hidden;
  width: 415rem;
}
.c-cta__price::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(45deg, transparent 0, #fff 30%, #fff 71%, transparent 100%);
  opacity: 1;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
}
.c-cta__price.js-active::after {
  -webkit-animation: shine 2.5s ease-in-out infinite;
          animation: shine 2.5s ease-in-out infinite;
}

@-webkit-keyframes shine {
  0% {
    left: -100%;
    opacity: 1;
  }
  35% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}

@keyframes shine {
  0% {
    left: -100%;
    opacity: 1;
  }
  35% {
    left: 100%;
    opacity: 0;
  }
  100% {
    left: 100%;
    opacity: 0;
  }
}
.c-cta__benefit {
  position: relative;
  margin-top: 185rem;
  padding-bottom: 20rem;
  background-color: #fbee7f;
}

.c-cta__benefit::before,
.c-cta__benefit::after {
  content: "";
  position: absolute;
  top: -100rem;
  left: 0;
  display: block;
  width: 750rem;
  height: 100rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-cta-benefit.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .c-cta__benefit::before,
:where(.is-nowebp) .c-cta__benefit::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-cta-benefit.png);
}

.c-cta__benefit::after {
  top: auto;
  bottom: -100rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.c-cta__sarani {
  position: absolute;
  top: -157rem;
  left: 50%;
  display: block;
  width: 118rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-property: clip-path;
  transition-property: clip-path;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.c-cta__sarani.js-active {
  clip-path: inset(0);
}

.c-cta__benefit-icon {
  position: absolute;
  top: -105rem;
  left: 50%;
  display: -ms-grid;
  display: grid;
  width: 74rem;
  height: 74rem;
  border-radius: 94rem;
  background-color: #1e1e1e;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  place-items: center;
}
.c-cta__benefit-icon.js-active {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.5s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-50%) rotate(90deg);
          transform: translateX(-50%) rotate(90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
}

.c-cta__icon-image {
  width: 43rem;
}

.c-cta__benefit-heading {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 auto;
  width: 571rem;
  -webkit-transform: translateY(-10rem);
          transform: translateY(-10rem);
}

.c-cta__benefit-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10rem;
  margin: 34rem auto 0;
  width: 640rem;
}

.c-cta__benefit-item {
  position: relative;
  width: 306rem;
}

.c-cta__benefit-item03::after {
  content: "";
  position: absolute;
  top: 96rem;
  right: -14rem;
  z-index: 1;
  display: block;
  width: 105rem;
  height: 132rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-cta-benefit03.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .c-cta__benefit-item03::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-cta-benefit03.png);
}

.c-cta__benefit-item06::after {
  content: "";
  position: absolute;
  top: 52rem;
  right: -14rem;
  z-index: 1;
  display: block;
  width: 108rem;
  height: 60rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-cta-benefit06.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .c-cta__benefit-item06::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-cta-benefit06.png);
}

.c-cta__course {
  margin: 8rem auto 0;
  width: 630rem;
}

.c-cta__course-button {
  position: relative;
}

.c-cta__course-button::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 40rem;
  display: block;
  width: 26rem;
  height: 4rem;
  background-color: #1e1e1e;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.c-cta__course-button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 40rem;
  display: block;
  width: 26rem;
  height: 4rem;
  background-color: #1e1e1e;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
}

.c-cta__course-button.course_active::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
}

.c-cta__course-container {
  overflow: hidden;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.c-cta__campaign {
  /* margin-top: -35rem; */
	margin-top: 0;
}
.c-campaign__button {
	animation: beat 1.8s ease infinite;
}
@keyframes beat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	60% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.body {
  position: relative;
  background-color: #eee;
}

.main {
  font-size: clamp(1.5625%, 0.0625vw, 6.25%);
  overflow: hidden;
  width: 750rem;
  background-color: #fff;
}

.p-fv {
  position: relative;
}

.p-fv__video {
  width: 100%;
  aspect-ratio: 375/600;
  -o-object-fit: cover;
     object-fit: cover;
  background-color: #fffd96;
  height: auto;
}

.p-section01__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;
  padding: 35rem 28rem 32rem;
}

.p-section01__heading-balloon-container {
  position: relative;
}

.p-section01__heading-balloon02 {
  position: absolute;
  top: -20rem;
  left: -4rem;
  width: 175rem;
  -webkit-animation: yurayura2 3s ease-in-out infinite alternate;
          animation: yurayura2 3s ease-in-out infinite alternate;
}

@-webkit-keyframes yurayura2 {
  0% {
    -webkit-transform: translateY(-10rem);
            transform: translateY(-10rem);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}

@keyframes yurayura2 {
  0% {
    -webkit-transform: translateY(-10rem);
            transform: translateY(-10rem);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.p-section01__heading-balloon {
  opacity: 0;
}

.p-section01__heading-balloon.js-active {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  -webkit-animation: poyopoyo 2s ease-out infinite;
          animation: poyopoyo 2s ease-out infinite;
}

@-webkit-keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%, 70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50%, 70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
.p-section01__heading-top {
  width: 431rem;
}

.p-section01__heading-bottom {
  width: 601rem;
  opacity: 0;
}

.p-section01__heading-bottom.js-active {
  opacity: 1;
  -webkit-animation: bounce 1.2s;
          animation: bounce 1.2s;
}

@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes bounce {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-section01__item {
  position: relative;
}

.p-section01__item-title {
  display: block;
  margin: 0 auto;
  width: 587rem;
}

.p-section01__item-bg {
  display: block;
}

.p-section01__item-name {
  position: absolute;
  bottom: 1170rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.p-section01__item--strawberry .p-section01__item-name {
  width: 456rem;
}
.p-section01__item--banana .p-section01__item-name {
  width: 308rem;
}
.p-section01__item--cocoa .p-section01__item-name {
  width: 268rem;
}

.p-section01__item-copy {
  position: absolute;
  top: 550rem;
  right: 60rem;
  display: block;
  width: 164rem;
}

.p-section01__item-product {
  position: absolute;
  bottom: 440rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 80rem;
  width: 100%;
}

.p-section01__product-image {
  width: 151rem;
}

.swiper-slide-active .p-section01__product-image-current {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-animation: bounce 3.5s ease-in-out;
          animation: bounce 3.5s ease-in-out;
}

@keyframes bounce {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  30% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  70% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-section01__item-merit {
  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;
  margin-top: 30rem;
  padding: 0 40rem;
}

.p-section01__merit-image {
  display: block;
  width: 214rem;
}

.p-section01-note {
  margin-top: 8rem;
  padding: 0 40rem;
}

.p-section01__item--strawberry {
  background-color: #f37d97;
}

.p-section01__item--banana {
  background-color: #f09500;
}

.p-section01__item--cocoa {
  background-color: #c25123;
}

.p-section02 {
  padding-top: 100rem;
  padding-bottom: 64rem;
  background-color: #ffffe0;
}

.p-section02__heading {
  display: block;
  margin-left: 132rem;
  width: 563rem;
}

.p-section02__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 46rem auto 0;
  width: 644rem;
}

.p-section02__container input {
  display: none;
}

.p-section02__title {
  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;
  width: 312rem;
  height: 85rem;
  border-radius: 20rem 20rem 0 0;
}
.p-section02__title[for=p-section02__title01] {
  background-color: #ee7626;
}
.p-section02__title[for=p-section02__title02] {
  background-color: #eb5241;
}
.p-section02__title img {
  width: auto;
  height: 25rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-section02__content {
  display: none;
  margin-top: -1px;
  padding: 20rem;
  width: 100%;
  border-radius: 0 0 20rem 20rem;
}

#p-section02__title01:checked ~ #p-section02__content01,
#p-section02__title02:checked ~ #p-section02__content02 {
  display: block;
}

#p-section02__content01 {
  background-color: #ee7626;
}

#p-section02__content02 {
  background-color: #eb5241;
}

#swiper02 .swiper-button-prev,
#swiper02 .swiper-button-next,
#swiper03 .swiper-button-prev,
#swiper03 .swiper-button-next {
  width: 29rem;
  height: 81rem;
}

#swiper02 .swiper-button-prev::after,
#swiper03 .swiper-button-prev::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/icon-section02-prev.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) #swiper02 .swiper-button-prev::after,
:where(.is-nowebp) #swiper03 .swiper-button-prev::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/icon-section02-prev.png);
}

#swiper02 .swiper-button-next::after,
#swiper03 .swiper-button-next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/icon-section02-next.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) #swiper02 .swiper-button-next::after,
:where(.is-nowebp) #swiper03 .swiper-button-next::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/icon-section02-next.png);
}

.p-section03 {
  overflow: hidden;
  background-color: #ffffe0;
}

.p-section03__intro {
  position: relative;
}
.p-section03__intro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/text-section03-before.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  clip-path: inset(0 0 0 0);
}
.p-section03__intro.js-active::after {
  -webkit-animation: clipAnimation 10s cubic-bezier(0.37, 0, 0.63, 1) infinite;
          animation: clipAnimation 10s cubic-bezier(0.37, 0, 0.63, 1) infinite;
}

@-webkit-keyframes clipAnimation {
  0% {
    clip-path: inset(0 0 0 0);
    /* 初期状態 */
  }
  18% {
    clip-path: inset(0 100% 0 0);
    /* 1.8秒で動く (18% = 1.8秒) */
  }
  50% {
    clip-path: inset(0 100% 0 0);
    /* ここで5秒間停止 */
  }
  68% {
    clip-path: inset(0 0 0 0);
    /* 1.8秒で戻る */
  }
  100% {
    clip-path: inset(0 0 0 0);
    /* 再び初期状態で静止 */
  }
}

@keyframes clipAnimation {
  0% {
    clip-path: inset(0 0 0 0);
    /* 初期状態 */
  }
  18% {
    clip-path: inset(0 100% 0 0);
    /* 1.8秒で動く (18% = 1.8秒) */
  }
  50% {
    clip-path: inset(0 100% 0 0);
    /* ここで5秒間停止 */
  }
  68% {
    clip-path: inset(0 0 0 0);
    /* 1.8秒で戻る */
  }
  100% {
    clip-path: inset(0 0 0 0);
    /* 再び初期状態で静止 */
  }
}
.p-section03__heading {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 50rem auto 0;
  padding-bottom: 640rem;
  width: 633rem;
}

.p-section03__container {
  position: relative;
}

.p-section03__heading-image {
  width: 584rem;
}

.p-section03__heading-point {
  position: absolute;
  top: 100rem;
  left: 50rem;
  width: 256rem;
  opacity: 0;
}
.p-section03__heading-point.js-active {
  -webkit-animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-section03__hero {
  position: absolute;
  top: -50rem;
  left: 0;
  overflow: hidden;
  width: 750rem;
  height: 910rem;
}

.p-section03__hero-inner {
  content: "";
  position: absolute;
  top: -70rem;
  left: 0;
  display: block;
  width: 200vw;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/text-section03-hero.webp);
  background-position: left 0 top 0;
  background-size: 1280rem auto;
  background-repeat: repeat-x;
  -webkit-animation-name: bgscroll;
          animation-name: bgscroll;
  -webkit-animation-duration: 20s;
          animation-duration: 20s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

@-webkit-keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1280rem 0;
  }
}

@keyframes bgscroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1280rem 0;
  }
}
.p-section03__hero::before {
  display: none;
}

.p-section03__hero::after {
  content: "";
  position: absolute;
  top: 447rem;
  right: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 750rem;
  height: 467rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-section03-mask-bottom.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section03__hero::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-section03-mask-bottom.png);
}

.p-section03__hero-image01 {
  position: absolute;
  top: 30rem;
  max-width: none;
  width: 2011rem;
  -webkit-animation: loop01 30s linear infinite;
          animation: loop01 30s linear infinite;
}

@-webkit-keyframes loop01 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes loop01 {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.p-section03__hero-image02 {
  position: absolute;
  top: 30rem;
  margin-left: -1px;
  max-width: none;
  width: 2011rem;
  -webkit-animation: loop02 30s linear infinite;
          animation: loop02 30s linear infinite;
}

@-webkit-keyframes loop02 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes loop02 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.p-section03__photo {
  position: relative;
  z-index: 10;
  min-height: 415rem;
  background-color: #fae9a3;
}

.p-section03__photo-image {
  position: absolute;
  top: -343rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-section03__photo-fukidashi {
  position: absolute;
  top: 64rem;
  left: 30rem;
  z-index: 10;
  display: block;
  width: 231rem;
  -webkit-animation: fuwafuwa 3s ease-in-out infinite alternate;
          animation: fuwafuwa 3s ease-in-out infinite alternate;
}

@-webkit-keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0) rotate(-7deg);
            transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
            transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(7deg);
            transform: translate(0, 0) rotate(7deg);
  }
}

@keyframes fuwafuwa {
  0% {
    -webkit-transform: translate(0, 0) rotate(-7deg);
            transform: translate(0, 0) rotate(-7deg);
  }
  50% {
    -webkit-transform: translate(0, -7px) rotate(0deg);
            transform: translate(0, -7px) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(7deg);
            transform: translate(0, 0) rotate(7deg);
  }
}
.p-section03__photo-tasty {
  position: absolute;
  top: 0rem;
  right: 30rem;
  z-index: 10;
  display: block;
  width: 276rem;
  opacity: 0;
}
.p-section03__photo-tasty.js-active {
  opacity: 1;
  -webkit-animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
          animation: poyoyon 0.5s cubic-bezier(0.12, 0, 0.39, 0) 1 forwards;
}

@-webkit-keyframes poyoyon {
  0% {
    opacity: 0;
    -webkit-transform: translateX(140px);
            transform: translateX(140px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  65% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%, 100% {
    opacity: 1;
  }
}

@keyframes poyoyon {
  0% {
    opacity: 0;
    -webkit-transform: translateX(140px);
            transform: translateX(140px);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  65% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%, 100% {
    opacity: 1;
  }
}
.p-section04 {
  padding-top: 40rem;
  padding-bottom: 100rem;
  background-color: #fae9a3;
}

.p-section04__heading {
  position: relative;
  margin: 0 auto;
  width: 672rem;
}

.p-section04__heading-image-point {
  position: absolute;
  top: 30rem;
  left: 15rem;
  width: 297rem;
  clip-path: inset(0 100% 0 0);
}
.p-section04__heading-image-point.js-active {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.7s cubic-bezier(0.12, 0, 0.39, 0);
  transition: clip-path 0.7s cubic-bezier(0.12, 0, 0.39, 0);
}

.p-section04__chart {
  position: relative;
  margin-top: 54rem;
  width: 750rem;
  height: 815rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-section04-chart.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section04__chart {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-section04-chart.png);
}

.p-section04__chart-content {
  position: absolute;
  right: 24rem;
  bottom: 7rem;
  width: 642rem;
  clip-path: inset(100% 0 0 0);
}
.js-active .p-section04__chart-content {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.8s;
  transition: clip-path 0.8s;
}

.p-section04__chart-balloon01 {
  position: absolute;
  top: 78rem;
  left: 70rem;
  width: 98rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon01 {
  -webkit-animation: balloon 0.8s ease-in-out 0.4s both;
          animation: balloon 0.8s ease-in-out 0.4s both;
}

@-webkit-keyframes balloon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes balloon {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.p-section04__chart-balloon02 {
  position: absolute;
  top: 35rem;
  left: 148rem;
  width: 103rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon02 {
  -webkit-animation: balloon 0.8s ease-in-out 0.7s both;
          animation: balloon 0.8s ease-in-out 0.7s both;
}

.p-section04__chart-balloon03 {
  position: absolute;
  top: 78rem;
  left: 231rem;
  width: 103rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon03 {
  -webkit-animation: balloon 0.8s ease-in-out 1s both;
          animation: balloon 0.8s ease-in-out 1s both;
}

.p-section04__chart-balloon04 {
  position: absolute;
  top: 35rem;
  left: 312rem;
  width: 103rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon04 {
  -webkit-animation: balloon 0.8s ease-in-out 1.3s both;
          animation: balloon 0.8s ease-in-out 1.3s both;
}

.p-section04__chart-balloon05 {
  position: absolute;
  top: 78rem;
  left: 396rem;
  width: 100rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon05 {
  -webkit-animation: balloon 0.8s ease-in-out 1.6s both;
          animation: balloon 0.8s ease-in-out 1.6s both;
}

.p-section04__chart-balloon06 {
  position: absolute;
  top: 35rem;
  left: 476rem;
  width: 101rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon06 {
  -webkit-animation: balloon 0.8s ease-in-out 1.9s both;
          animation: balloon 0.8s ease-in-out 1.9s both;
}

.p-section04__chart-balloon07 {
  position: absolute;
  top: 78rem;
  left: 560rem;
  width: 99rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon07 {
  -webkit-animation: balloon 0.8s ease-in-out 2.2s both;
          animation: balloon 0.8s ease-in-out 2.2s both;
}

.p-section04__chart-balloon08 {
  position: absolute;
  top: 35rem;
  left: 643rem;
  width: 100rem;
  opacity: 0;
}
.js-active .p-section04__chart-balloon08 {
  -webkit-animation: balloon 0.8s ease-in-out 2.5s both;
          animation: balloon 0.8s ease-in-out 2.5s both;
}

.p-section04__survey {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20rem auto 40rem;
  width: 647rem;
  -webkit-column-gap: 20rem;
     -moz-column-gap: 20rem;
          column-gap: 20rem;
  row-gap: 40rem;
}

.p-section04__survey > span {
  position: absolute;
  display: block;
  opacity: 0;
}

.p-section04__survey > span > span {
  display: block;
  width: 100%;
  height: 100%;
}

.p-section04__survey > span > span > span {
  display: block;
  width: 100%;
  height: 100%;
}

@-webkit-keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes rotateY {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@-webkit-keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate360 {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.p-section04__survey-heading {
    width: 70%;
    margin: 15rem auto 0;
    display: block;
  /* width: 491rem; */
  -webkit-transform: translate(0rem, 15rem);
          transform: translate(0rem, 15rem);
}

img.p-section04__survey-point {
  position: absolute;
  top: 50rem;
  left: 130rem;
  width: 308rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.8s ease-in-out 0.5s;
  transition: clip-path 0.8s ease-in-out 0.5s;
}
.js-active img.p-section04__survey-point {
  clip-path: inset(0 0 0 0);
}

.p-section04__survey-item {
  position: relative;
  z-index: 10;
  width: 647rem;
}

.p-section04__survey-item01 {
  opacity: 0;
}
.js-active .p-section04__survey-item01 {
  opacity: 1;
  -webkit-animation: popup 0.8s ease-in-out 0.4s both;
          animation: popup 0.8s ease-in-out 0.4s both;
}

.p-section04__survey-item02 {
  opacity: 0;
}
.js-active .p-section04__survey-item02 {
  opacity: 1;
  -webkit-animation: popup 0.8s ease-in-out 0.8s both;
          animation: popup 0.8s ease-in-out 0.8s both;
}

@-webkit-keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40rem) scale(0.8);
            transform: translateY(40rem) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}

@keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40rem) scale(0.8);
            transform: translateY(40rem) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
.p-section04__recommend {
  margin-top: 34rem;
}

.p-section04__recommend-item {
  position: relative;
  margin-right: auto;
  margin-left: 0;
  width: 707rem;
}

@keyframes slide-skew {
  0% {
    opacity: 0;
    -webkit-transform: translate(-180rem, 30rem);
            transform: translate(-180rem, 30rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20%, 100% {
    opacity: 1;
  }
}
.p-section04__recommend-item02 {
  margin-right: 0;
  margin-left: auto;
  opacity: 0;
}
.p-section04__recommend-item02.js-active {
  opacity: 1;
  -webkit-animation: slide-skew 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slide-skew 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.p-section04__recommend-item01 {
  opacity: 0;
}
.p-section04__recommend-item01.js-active {
  opacity: 1;
  -webkit-animation: slide-skew 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slide-skew 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.p-section04__recommend-item01 .p-section04__recommend-heading {
  position: absolute;
  top: 23rem;
  left: 33rem;
  width: 425rem;
}

.p-section04__recommend-heading {
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.8s ease-in-out 0.5s;
  transition: clip-path 0.8s ease-in-out 0.5s;
}
.js-active .p-section04__recommend-heading {
  clip-path: inset(0 0 0 0);
}

.p-section04__recommend-item02 .p-section04__recommend-heading {
  position: absolute;
  top: -8rem;
  left: -10rem;
  width: 661rem;
}

.p-section05 {
  position: relative;
  overflow: hidden;
  padding: 40rem 0 68rem;
  background-color: #5cab8f;
}

.p-section05::before,
.p-section05::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 15rem;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section05.webp);
  background-position: center;
  background-size: 15rem 100%;
  background-repeat: repeat-y;
}
:where(.is-nowebp) .p-section05::before,
:where(.is-nowebp) .p-section05::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section05.png);
}

.p-section05::after {
  right: 0;
  left: auto;
}

.p-section05__slide {
  position: relative;
  z-index: 2;
}

.p-section05__slide::before {
  content: "";
  display: block;
  margin-top: 15rem;
  max-width: none;
  width: 7950rem;
  height: 204rem;
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-section05-slide.webp");
  background-position: center;
  background-size: 795rem 204rem;
  background-repeat: repeat-x;
  -webkit-animation: scroll 150s linear infinite;
          animation: scroll 150s linear infinite;
}
:where(.is-nowebp) .p-section05__slide::before {
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-section05-slide.png");
}

@-webkit-keyframes scroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@keyframes scroll {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.p-section05__heading--tv {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 656rem;
}

.p-section05__heading-image {
  width: 100%;
  -webkit-animation: fuwafuwa2 3s ease-in-out infinite alternate;
          animation: fuwafuwa2 3s ease-in-out infinite alternate;
}

@-webkit-keyframes fuwafuwa2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-1deg);
            transform: translate(0, 0) rotate(-1deg);
  }
  50% {
    -webkit-transform: translate(0, -3rem) rotate(0deg);
            transform: translate(0, -3rem) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(1deg);
            transform: translate(0, 0) rotate(1deg);
  }
}

@keyframes fuwafuwa2 {
  0% {
    -webkit-transform: translate(0, 0) rotate(-1deg);
            transform: translate(0, 0) rotate(-1deg);
  }
  50% {
    -webkit-transform: translate(0, -3rem) rotate(0deg);
            transform: translate(0, -3rem) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(1deg);
            transform: translate(0, 0) rotate(1deg);
  }
}
.p-section05__heading--tv .p-section05__heading-point {
  position: absolute;
  top: -16rem;
  left: 92rem;
  overflow: hidden;
  width: 247rem;
  opacity: 0;
}

.p-section05__heading--tv .p-section05__heading-point img {
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
}

.p-section05__content--tv {
  position: relative;
  margin: 0 auto;
  width: 688rem;
}

.p-section05__inner {
  margin: 0 auto;
  width: 667rem;
}

.p-section05__content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-section05__content-item01 {
  opacity: 0;
  -webkit-transform: translateX(180px);
          transform: translateX(180px);
}

.js-active .p-section05__content-item01 {
  -webkit-animation: slideRight 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slideRight 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.js-active .p-section05__content-item02 {
  -webkit-animation: slideLeft 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.8s forwards;
          animation: slideLeft 0.8s cubic-bezier(0.25, 1, 0.5, 1) 0.8s forwards;
}

.p-section05__content-item02 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-top: 14rem;
  opacity: 0;
  -webkit-transform: translateX(-180px);
          transform: translateX(-180px);
}

.p-section05__content-item .p-section05__title {
  margin-top: 80rem;
  width: 226rem;
}

.p-section05__content-item02 .p-section05__title {
  margin-top: 100rem;
  width: 235rem;
}

.p-section05__note {
  display: block;
  margin-top: 5rem;
  margin-right: auto;
  width: 343rem;
}

.p-section05__content--tv .p-section05__content {
  display: block;
  margin: 20rem auto 0;
  width: 587rem;
}

.p-section05__movie {
  width: 431rem;
}
.p-section05__movie video {
  width: 100%;
  border: 6rem solid #fff;
  border-radius: 20rem;
}

.p-section05__title02 {
  margin-top: 30rem;
}

.p-section05__heading--magazine {
  position: relative;
  margin: 25rem auto 0;
  width: 656rem;
}

.p-section05__heading--magazine .p-section05__heading-point {
  position: absolute;
  bottom: 0;
  left: 224rem;
  overflow: hidden;
  width: 178rem;
  opacity: 0;
}

.p-section05__heading--magazine .p-section05__heading-point img {
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
}

.p-section05__heading-point.js-active {
  opacity: 1;
}

.p-section05__heading-point.js-active img {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.p-section05__content--magazine {
  position: relative;
  margin: 0 auto;
}

.p-section05__content--magazine .p-section05__content {
  display: block;
  margin: 33rem auto 0;
  width: 604rem;
}

.p-section05__image {
  display: block;
  margin: 0 auto;
  width: 590rem;
}

.p-section05__image01 {
  position: absolute;
  top: 87rem;
  left: 66rem;
  width: 231rem;
  opacity: 0;
}

.js-active .p-section05__image01 {
  opacity: 1;
  -webkit-animation: popup2 0.4s ease-in-out 0.4s both;
          animation: popup2 0.4s ease-in-out 0.4s both;
}

@-webkit-keyframes popup2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}

@keyframes popup2 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
.p-section05__image02 {
  position: absolute;
  top: 0;
  right: 29rem;
  width: 185rem;
  opacity: 0;
}

.js-active .p-section05__image02 {
  opacity: 1;
  -webkit-animation: popup2 0.4s ease-in-out 0.8s both;
          animation: popup2 0.4s ease-in-out 0.8s both;
}

.p-section06 {
  overflow: hidden;
  padding-top: 110rem;
  padding-bottom: 176rem;
  background-color: #f2f0f0;
}

.p-section06__heading {
  position: relative;
  margin: 0 auto;
  width: 671rem;
}
.p-section06__heading img {
  width: 100%;
}

.p-section06__heading-point {
  position: absolute;
  top: -20rem;
  left: 0;
  display: block;
  width: 298rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}

.js-active .p-section06__heading-point {
  clip-path: inset(0);
}

.p-section06__heading::after {
  content: "";
  position: absolute;
  top: -64rem;
  left: 310rem;
  display: block;
  width: 60rem;
  height: 56rem;
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-section06-heading.webp");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
  transition: all 1s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-animation: shake 2s infinite;
          animation: shake 2s infinite;
}
:where(.is-nowebp) .p-section06__heading::after {
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-section06-heading.png");
}

.p-section06__heading.js-active::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
.p-section06__item {
  position: relative;
}

.p-section06__item:nth-of-type(odd) .p-section06__item-image {
  opacity: 0;
  -webkit-transform: translateX(-180px);
          transform: translateX(-180px);
}
.p-section06__item:nth-of-type(odd) .p-section06__item-comment {
  opacity: 0;
  -webkit-transform: translateX(180px);
          transform: translateX(180px);
}
.p-section06__item:nth-of-type(odd).js-active .p-section06__item-image {
  -webkit-animation: slideLeft 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slideLeft 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.p-section06__item:nth-of-type(odd).js-active .p-section06__item-comment {
  -webkit-animation: slideRight 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards 0.6s;
          animation: slideRight 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards 0.6s;
}
.p-section06__item:nth-of-type(even) .p-section06__item-image {
  opacity: 0;
  -webkit-transform: translateX(180px);
          transform: translateX(180px);
}
.p-section06__item:nth-of-type(even) .p-section06__item-comment {
  opacity: 0;
  -webkit-transform: translateX(-180px);
          transform: translateX(-180px);
}
.p-section06__item:nth-of-type(even).js-active .p-section06__item-image {
  -webkit-animation: slideRight 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slideRight 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
.p-section06__item:nth-of-type(even).js-active .p-section06__item-comment {
  -webkit-animation: slideLeft 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards 0.6s;
          animation: slideLeft 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards 0.6s;
}

@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-180px);
            transform: translateX(-180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-180px);
            transform: translateX(-180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
@keyframes slideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(180px);
            transform: translateX(180px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
.p-section06__item01 {
  margin-top: 35rem;
  margin-right: auto;
  margin-left: 0;
  width: 710rem;
}

.p-section06__item01 .p-section06__item-comment {
  position: absolute;
  right: 0;
  bottom: -10rem;
  width: 342rem;
}

.p-section06__item02 {
  margin-top: 58rem;
  margin-right: 0;
  margin-left: auto;
  width: 706rem;
}

.p-section06__item02 .p-section06__item-comment {
  position: absolute;
  bottom: -60rem;
  left: 0;
  width: 422rem;
}

.p-section06__item03 {
  margin-top: 110rem;
  margin-right: auto;
  margin-left: 0;
  width: 694rem;
}

.p-section06__item03 .p-section06__item-comment {
  position: absolute;
  right: -2rem;
  bottom: -48rem;
  width: 387rem;
}

.p-section06__item04 {
  margin-top: 95rem;
  margin-right: 0;
  margin-left: auto;
  width: 664rem;
}

.p-section06__item04 .p-section06__item-comment {
  position: absolute;
  bottom: -84rem;
  left: -40rem;
  width: 389rem;
}

.p-section07 {
  position: relative;
  padding-bottom: 128rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(88%, rgb(220, 227, 228)), color-stop(98%, rgb(255, 255, 255)), to(rgb(255, 255, 255))), url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section07.webp);
  background-image: linear-gradient(180deg, rgb(220, 227, 228) 88%, rgb(255, 255, 255) 98%, rgb(255, 255, 255) 100%), url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section07.webp);
  background-position: center, left 57rem;
  /* グラデーションと画像の位置 */
  background-size: cover, 100% auto;
  /* グラデーションと画像のサイズ */
  background-repeat: no-repeat;
  /* 繰り返しなし */
  background-blend-mode: overlay;
}
:where(.is-nowebp) .p-section07 {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section07.png);
}

.p-section07::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 1;
  display: block;
  width: 750rem;
  height: 192rem;
  background-color: #f2f0f0;
  clip-path: polygon(0 0, 100% 100%, 100% 0);
}

.p-section07__heading {
  position: relative;
  z-index: 2;
  display: block;
  margin-left: 52rem;
  padding-top: 60rem;
  width: 359rem;
}

.p-section07__heading-image {
  display: block;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-property: clip-path;
  transition-property: clip-path;
}

.p-section07__heading-image.js-active {
  clip-path: inset(0);
}

.p-section07__heading-image01 {
  position: absolute;
  right: -98rem;
  bottom: -4rem;
  width: 126rem;
  opacity: 0;
}
.p-section07__heading-image01.js-active {
  -webkit-animation: balloon 0.8s ease-in-out 0.6s both;
          animation: balloon 0.8s ease-in-out 0.6s both;
}

.p-section07__heading-image02 {
  position: absolute;
  right: -186rem;
  bottom: -8rem;
  width: 86rem;
  opacity: 0;
}
.p-section07__heading-image02.js-active {
  -webkit-animation: balloon 0.8s ease-in-out 1s both;
          animation: balloon 0.8s ease-in-out 1s both;
}

.p-section07__heading-image03 {
  position: absolute;
  right: -302rem;
  bottom: -16rem;
  width: 110rem;
  opacity: 0;
}
.p-section07__heading-image03.js-active {
  -webkit-animation: balloon 0.8s ease-in-out 1.4s both;
          animation: balloon 0.8s ease-in-out 1.4s both;
}

.p-section07__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24rem;
  margin-top: 46rem;
  margin-right: 0;
  margin-left: auto;
  width: 697rem;
}

.p-section07__note {
  margin-top: -40rem;
  margin-right: 55rem;
  width: 144rem;
}

.p-section07__copy {
  margin: 16rem auto 0;
  width: 612rem;
}
.p-section07__copy img {
  width: 100%;
}

.p-section08 {
  position: relative;
  z-index: 2;
  padding-bottom: 150rem;
}

.p-section08__intro {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 648rem;
}
.p-section08__intro::before {
  content: "";
  position: absolute;
  bottom: -30rem;
  left: 50%;
  display: block;
  max-width: none;
  width: 687rem;
  height: 45rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-section08-intro.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
:where(.is-nowebp) .p-section08__intro::before {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/image-section08-intro.png);
}

.p-section08__intro-image02 {
  position: absolute;
  top: 66rem;
  left: 16rem;
  width: 272rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-property: clip-path;
  transition-property: clip-path;
}
.js-active .p-section08__intro-image02 {
  clip-path: inset(0 0 0 0);
}

.p-section08__intro-image03 {
  position: relative;
  margin-top: 40rem;
  width: 389rem;
}

.p-section08__intro-image04 {
  position: absolute;
  bottom: -10rem;
  left: 400rem;
  width: 108rem;
  opacity: 0;
}
.js-active .p-section08__intro-image04 {
  -webkit-animation: balloon 0.8s ease-in-out 0.6s both;
          animation: balloon 0.8s ease-in-out 0.6s both;
}

.p-section08__intro-image05 {
  position: absolute;
  bottom: -10rem;
  left: 510rem;
  width: 100rem;
  opacity: 0;
}
.js-active .p-section08__intro-image05 {
  -webkit-animation: balloon 0.8s ease-in-out 1s both;
          animation: balloon 0.8s ease-in-out 1s both;
}

.p-section08__intro-image06 {
  position: absolute;
  bottom: -5rem;
  left: 614rem;
  width: 38rem;
  opacity: 0;
}
.js-active .p-section08__intro-image06 {
  -webkit-animation: balloon 0.8s ease-in-out 1.4s both;
          animation: balloon 0.8s ease-in-out 1.4s both;
}

.p-section08__heading {
  position: relative;
  z-index: 2;
  margin-top: 38rem;
  opacity: 0;
}
.p-section08__heading.js-active {
  opacity: 1;
  -webkit-animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;
          animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) both;
}

.p-section08__container {
  position: relative;
  z-index: 1;
  margin-top: -122rem;
}

.p-section08__inner01,
.p-section08__inner02 {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: -220rem auto 0;
  width: 541rem;
}

.p-section08__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-section08__icon {
  width: 222rem;
  opacity: 0;
}
.p-section08__icon.js-active {
  opacity: 1;
  -webkit-animation: fadeUpAnime 0.8s both;
          animation: fadeUpAnime 0.8s both;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(50rem);
            transform: translateY(50rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(50rem);
            transform: translateY(50rem);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.p-section08__text {
  opacity: 0;
}
.p-section08__text.js-active {
  opacity: 1;
  -webkit-animation: fade 0.4s ease-in-out;
          animation: fade 0.4s ease-in-out;
}

@-webkit-keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.p-section08__image {
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section08__image.js-active {
  clip-path: inset(0);
}

.p-section08__inner01 .p-section08__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 242rem;
}

.p-section08__inner02 .p-section08__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 242rem;
}

.p-section08__item03 {
  margin-top: 40rem;
}

.p-section08__item04 {
  margin-top: 40rem;
}

.p-section08__item07 {
  margin-top: 44rem;
}

.p-section08__item08 {
  margin-top: 44rem;
}

.p-section08__copy {
  margin: 56rem auto 0;
  width: 560rem;
}
.p-section08__container02 .p-section08__copy {
  width: 389rem;
}
.p-section08__copy img {
  width: 100%;
}

.p-section08__heading02 {
  position: relative;
  z-index: 2;
  margin-top: 46rem;
  opacity: 0;
}
.p-section08__heading02.js-active {
  opacity: 1;
  -webkit-animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.p-section08__container02 {
  position: relative;
  z-index: 1;
  margin-top: -105rem;
}

.p-section09 {
  position: relative;
  z-index: 2;
  margin-top: -1px;
  padding-top: 378rem;
  padding-bottom: 200rem;
  background-color: #036679;
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section09.webp");
  background-position: left -136rem;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section09 {
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section09.png");
}

.p-section09__heading {
  position: absolute;
  top: -88rem;
  left: 50%;
  display: block;
  width: 633rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-animation: poyopoyo2 2s ease-out infinite;
          animation: poyopoyo2 2s ease-out infinite;
}

@-webkit-keyframes poyopoyo2 {
  0%, 40%, 60%, 80% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
  50%, 70% {
    -webkit-transform: scale(0.95) translateX(-50%);
            transform: scale(0.95) translateX(-50%);
  }
}

@keyframes poyopoyo2 {
  0%, 40%, 60%, 80% {
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
  }
  50%, 70% {
    -webkit-transform: scale(0.95) translateX(-50%);
            transform: scale(0.95) translateX(-50%);
  }
}
.p-section09__text01 {
  position: relative;
  margin-left: 40rem;
  width: 627rem;
}

.p-section09__point01 {
  position: absolute;
  top: 116rem;
  left: 55rem;
  display: block;
  width: 555rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section09__point01.js-active {
  clip-path: inset(0);
}

.p-section09__text02 {
  position: relative;
  margin: 0 auto;
  width: 628rem;
}

.p-section09__check:first-of-type {
  position: absolute;
  top: 154rem;
  left: 13rem;
  width: 35rem;
  height: 30rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section09__check:first-of-type.js-active {
  clip-path: inset(0);
}

.p-section09__check:nth-of-type(2) {
  position: absolute;
  top: 154rem;
  left: 218rem;
  width: 35rem;
  height: 30rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1) 0.5s;
  transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1) 0.5s;
}
.p-section09__check:nth-of-type(2).js-active {
  clip-path: inset(0);
}

.p-section09__check:nth-of-type(3) {
  position: absolute;
  top: 154rem;
  left: 428rem;
  width: 35rem;
  height: 30rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1) 1s;
  transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1) 1s;
}
.p-section09__check:nth-of-type(3).js-active {
  clip-path: inset(0);
}

.p-section09__text03 {
  margin: 20rem auto 0;
  width: 622rem;
}

.p-section09__text04 {
  position: relative;
  margin-top: 64rem;
  margin-right: 30rem;
  margin-left: auto;
  width: 460rem;
}
.p-section09__text04::before {
  content: "";
  position: absolute;
  top: 360rem;
  right: -30rem;
  display: block;
  max-width: none;
  width: 750rem;
  height: 2000rem;
  background-image: url("//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/image-section09.webp");
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.p-section09__point04 {
  position: absolute;
  top: 40rem;
  left: -188rem;
  width: 170rem;
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 1s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section09__point04.js-active {
  clip-path: inset(0 0 0 0);
}

.p-section09__container {
  position: relative;
  z-index: 10;
  overflow: hidden;
  margin-top: -230rem;
}

.p-section09__item {
  position: relative;
}

.p-section09__item01 {
  min-height: 347rem;
}
.p-section09__item01 .p-section09__image {
  position: absolute;
  top: -12rem;
  left: -99rem;
  z-index: 2;
  width: 562rem;
}
.p-section09__item01 .p-section09__text {
  position: absolute;
  top: 0;
  right: -20rem;
  z-index: 1;
  width: 390rem;
}

.p-section09__item02 {
  margin-top: 30rem;
  min-height: 371rem;
}
.p-section09__item02 .p-section09__image {
  position: absolute;
  top: 14rem;
  right: -46rem;
  z-index: 2;
  width: 534rem;
}
.p-section09__item02 .p-section09__text {
  position: absolute;
  top: 10rem;
  left: 0;
  z-index: 1;
  width: 387rem;
}

.p-section09__item03 {
  margin-top: 70rem;
  min-height: 352rem;
}
.p-section09__item03 .p-section09__image {
  position: absolute;
  top: 0;
  left: -124rem;
  z-index: 2;
  width: 576rem;
}
.p-section09__item03 .p-section09__text {
  position: absolute;
  top: 0;
  right: -6rem;
  z-index: 1;
  width: 408rem;
}

.p-section09__item04 {
  margin-top: 100rem;
  min-height: 470rem;
}
.p-section09__item04 .p-section09__image {
  position: absolute;
  top: -56rem;
  right: -102rem;
  z-index: 2;
  width: 591rem;
}
.p-section09__item04 .p-section09__text {
  position: absolute;
  top: 0;
  left: -6rem;
  z-index: 1;
  width: 446rem;
}

.p-section09__container {
  --delay: .4s;
}

.p-section09__item01 .p-section09__image {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section09__item01 .p-section09__image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item01 .p-section09__text {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section09__item01 .p-section09__text.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item02 .p-section09__text {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section09__item02 .p-section09__text.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item02 .p-section09__image {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section09__item02 .p-section09__image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item03 .p-section09__image {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section09__item03 .p-section09__image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item03 .p-section09__text {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section09__item03 .p-section09__text.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item04 .p-section09__text {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: var(--delay);
          transition-delay: var(--delay);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section09__item04 .p-section09__text.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__item04 .p-section09__image {
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section09__item04 .p-section09__image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section09__last {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(106rem);
          transform: translateY(106rem);
}

.p-section10 {
  overflow: hidden;
  padding-top: 120rem;
  background-color: #fff3cd;
}

.p-section10__heading {
  margin: 0 auto;
  width: 435rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section10__heading.js-active {
  clip-path: inset(0);
}

.p-section10__container {
  position: relative;
  margin: 63rem auto 0;
  padding: 20rem;
  padding-top: 88rem;
  width: 668rem;
  border-radius: 400rem 400rem 0 0;
  background-color: #fff;
}

.p-section10__balloon {
  position: absolute;
  top: -40rem;
  left: 50%;
  width: 160rem;
  opacity: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.p-section10__balloon.js-active {
  -webkit-animation: zoom 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: zoom 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(-50%);
            transform: scale(0.8) translateX(-50%);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(-50%);
            transform: scale(0.8) translateX(-50%);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
            transform: scale(1) translateX(-50%);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}
.p-section10__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 474rem;
}

.p-section10__title-image {
  margin-left: 45rem;
  width: 337rem;
}

.p-section10__point {
  position: absolute;
  top: 36rem;
  left: 36rem;
  overflow: hidden;
  width: 140rem;
}

.p-section10__point img {
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
}

.p-section10__point.js-active img {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.p-section10__logo {
  margin-top: 24rem;
  opacity: 0;
}
.p-section10__logo.js-active {
  -webkit-animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}

@keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px) scale(0.8);
            transform: translateY(40px) scale(0.8);
  }
  100% {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
  80%, 100% {
    opacity: 1;
  }
}
.p-section10__nutrition {
  position: relative;
  z-index: 1;
  padding: 90rem 0 96rem;
}
.p-section10__nutrition::before {
  content: "";
  position: absolute;
  top: 347rem;
  left: 0;
  z-index: -1;
  display: block;
  width: 750rem;
  height: 1055rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section10.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section10__nutrition::before {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section10.png);
}

.p-section10__text {
  display: block;
  margin: 0 auto;
  width: 552rem;
}

.p-section10__data {
  display: block;
  margin: -136rem auto 0;
  width: 660rem;
}

.p-section10__howto {
  position: relative;
  z-index: 2;
  padding: 86rem 0;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section10-howto.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section10__howto {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section10-howto.png);
}

.p-section10__howto-text02 {
  display: block;
  margin: 0 auto;
  width: 262rem;
}

.p-section10__howto-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.p-section10__howto-loop {
  display: block;
  margin-top: 30rem;
}

.p-section10__howto-loop::before {
  content: "";
  display: block;
  max-width: none;
  width: 3188rem;
  height: 112rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/text-section10-loop.webp);
  background-position: center;
  background-size: 797rem 112rem;
  background-repeat: repeat-x;
  -webkit-animation: scroll 60s linear infinite;
          animation: scroll 60s linear infinite;
}
:where(.is-nowebp) .p-section10__howto-loop::before {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/text-section10-loop.png);
}

.p-section10__howto-movie {
  overflow: hidden;
  margin: 60rem auto 0;
  width: 621rem;
  height: 474rem;
  border: 13rem solid #fff;
  background-color: #fff;
}

.p-section10__howto-movie video {
  width: 608rem;
  height: 461rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-section10__howto-copy {
  position: relative;
  margin: 62rem auto 0;
  width: 621rem;
}

.p-section10__howto-point03 {
  position: absolute;
  bottom: 108rem;
  left: -2rem;
  display: block;
  width: 433rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section10__howto-point03.js-active {
  clip-path: inset(0);
}

.p-section10__howto-point04 {
  position: absolute;
  bottom: 108rem;
  left: 426rem;
  display: block;
  width: 136rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.4s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.p-section10__howto-point04.js-active {
  clip-path: inset(0);
}

.p-section11 {
  padding-top: 40rem;
  background-color: #fff8e4;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section11.webp);
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section11 {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section11.png);
}

.p-section__heading {
  position: relative;
  margin: 0 auto;
  width: 666rem;
}

.p-section__heading-point {
  position: absolute;
  top: 8rem;
  left: -10rem;
  overflow: hidden;
  width: 402rem;
}

.p-section__heading-point img {
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
}

.p-section__heading-point.js-active img {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.p-section11__graph {
  margin: 20rem auto 0;
  width: 584rem;
}

.p-section11__text {
  position: relative;
  margin: 50rem auto 0;
  width: 644rem;
}

.p-section11__text01 {
  position: absolute;
  width: 100%;
}

.p-section11-image01 {
  position: absolute;
  top: -50rem;
  left: 0;
  width: 437rem;
  opacity: 0;
}
.p-section11-image01.js-active {
  -webkit-animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.p-section11__recommend {
  margin: 16rem auto 0;
  width: 704rem;
}

.p-section11__comment {
  position: relative;
  margin-top: 40rem;
}

.p-section11__comment-item01 {
  position: absolute;
  top: 70rem;
  right: 62rem;
  display: block;
  width: 392rem;
  opacity: 0;
}
.p-section11__comment-item01.js-active {
  -webkit-animation: fadeUpAnime 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: fadeUpAnime 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.p-section11__comment-item02 {
  position: absolute;
  top: 476rem;
  left: 70rem;
  display: block;
  width: 421rem;
  opacity: 0;
}
.p-section11__comment-item02.js-active {
  -webkit-animation: fadeUpAnime 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: fadeUpAnime 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.p-section11__comment-item03 {
  position: absolute;
  top: 1022rem;
  right: 68rem;
  display: block;
  width: 403rem;
  opacity: 0;
}
.p-section11__comment-item03.js-active {
  -webkit-animation: fadeUpAnime 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
          animation: fadeUpAnime 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.p-section12 {
  padding-top: 120rem;
  background-color: #ececec;
}

.p-section12__flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 686rem;
}

.p-section__heading {
  width: 666rem;
}

.p-section12__flow01 {
  margin-top: -22rem;
  -webkit-transform: translateX(10rem);
          transform: translateX(10rem);
}

.p-section12__flow02 {
  margin-top: -36rem;
  -webkit-transform: translateX(10rem);
          transform: translateX(10rem);
}

.p-section12__quality {
  margin-top: 68rem;
}

.p-section12__point {
  margin-top: -375rem;
  padding-top: 460rem;
  padding-bottom: 206rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section12.webp);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section12__point {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section12.png);
}

.p-section12__point-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 504rem;
}

.p-section12__point-logo {
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.p-section12__point-logo.js-active {
  opacity: 1;
}

.p-section12__point-title-image {
  display: block;
  margin-top: 20rem;
  width: 272rem;
}

.p-section12__point-image {
  display: block;
  overflow: hidden;
  margin-top: 28rem;
  width: 391rem;
}
.p-section12__point-image img {
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
}
.p-section12__point-image.js-active img {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}

.p-section12__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 197rem;
  margin: 170rem auto 0;
  width: 654rem;
}

.p-section12__item {
  position: relative;
  border: 2px solid #1e1e1e;
  border-radius: 48rem;
}
.p-section12__item::before {
  content: "";
  position: absolute;
  top: -115rem;
  left: 50%;
  display: block;
  width: 248rem;
  height: 248rem;
  border: 2px solid #1e1e1e;
  border-radius: 50%;
  background-color: #eb5241;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-section12__item-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 42rem;
  border-radius: 42rem 42rem 0 0;
  background-color: #eb5241;
}

.p-section12__item-content {
  padding: 30rem 38rem;
  border-radius: 0 0 42rem 42rem;
  background-color: #fff;
}

.p-section12__graph {
  position: relative;
  margin-top: 30rem;
}

.p-section12__graph-bar {
  position: absolute;
  top: 128rem;
  left: 60rem;
  width: 493rem;
  clip-path: inset(100% 0 0 0);
  -webkit-transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section12__graph-bar.js-active {
  clip-path: inset(0 0 0 0);
}

.p-section12__graph-note {
  margin-top: 26rem;
  width: 518rem;
}

.p-section12-item01-text02 {
  display: block;
  margin: 30rem auto 0;
  width: 543rem;
}

.p-section12__item-point {
  margin-top: -140rem;
  width: 97rem;
}

.p-section12-item01-data {
  display: block;
  margin-top: 30rem;
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.p-section12-item01-data.js-active {
  clip-path: inset(0);
}

.p-section12__item-number {
  overflow: hidden;
  margin-top: -58rem;
}
.p-section12__item-number img {
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition: 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 100);
          transform: matrix(1, 0, 0, 1, 0, 100);
}
.p-section12__item-number.js-active img {
  opacity: 1;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
          transform: matrix(1, 0, 0, 1, 0, 0);
}
.p-section12__item01 .p-section12__item-number {
  width: 88rem;
  -webkit-transform: translateX(-6rem);
          transform: translateX(-6rem);
}
.p-section12__item02 .p-section12__item-number {
  width: 108rem;
}
.p-section12__item03 .p-section12__item-number {
  width: 107rem;
}

.p-section12__item03 {
  margin-top: -20rem;
}

.p-section12__item01-title-text {
  margin-top: 32rem;
  width: 510rem;
}

.p-section12__item02-title {
  width: 100%;
}

.p-section12__item02-title-text {
  margin-top: 36rem;
  width: 535rem;
}

.p-section12__item03-title-text {
  margin-top: 30rem;
  width: 574rem;
}

.p-section12__item-material {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 15rem;
  place-items: center;
}

.p-section12__item02-text01,
.p-section12__item02-text02,
.p-section12__item02-text03 {
  width: 186rem;
}

.p-section12__item02-text01 {
  opacity: 0;
}
.js-active .p-section12__item02-text01 {
  -webkit-animation: fade 0.5s both;
          animation: fade 0.5s both;
}

.p-section12__item02-text02 {
  opacity: 0;
}
.js-active .p-section12__item02-text02 {
  -webkit-animation: fade 0.5s both;
          animation: fade 0.5s both;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.p-section12__item02-text03 {
  opacity: 0;
}
.js-active .p-section12__item02-text03 {
  -webkit-animation: fade 0.5s both;
          animation: fade 0.5s both;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.p-section12__item02-text04 {
  margin-top: 8rem;
}

.p-section12__item-checkbox {
  position: relative;
}

.p-section12-item02-check {
  width: 43rem;
  height: 36rem;
  clip-path: inset(0 100% 0 0);
  -webkit-transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.7s cubic-bezier(0.37, 0, 0.63, 1);
}
.p-section12-item02-check.js-active {
  clip-path: inset(0 0 0 0);
}

.p-section12-item02-check01 {
  position: absolute;
  bottom: 16rem;
  left: 29rem;
}

.p-section12-item02-check02 {
  position: absolute;
  bottom: 16rem;
  left: 348rem;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.p-section12__item02-text06 {
  margin-top: 10rem;
}

.p-section12__item02-movie {
  margin: 20rem auto 0;
  width: 420rem;
  height: 397rem;
}
.p-section12__item02-movie video {
  width: 100%;
}

.p-section12__item02-text07 {
  margin-top: 20rem;
}

.p-section12__item02 .p-section12__item-content {
  padding: 15rem 38rem;
}

.p-section12__item03 .p-section12__item-content {
  padding: 24rem 26rem 40rem;
}

.p-section13 {
  position: relative;
  padding: 255rem 0 447rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section13.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section13 {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section13.png);
}

.p-section13__heading {
  position: absolute;
  top: -68rem;
  left: 0;
  opacity: 0;
}
.p-section13__heading.js-active {
  opacity: 1;
  -webkit-animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
          animation: slide-skew 0.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.p-section13__content {
  position: relative;
  margin-left: 85rem;
  width: 610rem;
}

#swiper04 .swiper-slide {
  width: 610rem;
}

.swiper-button-prev.swiper04,
.swiper-button-next.swiper04 {
  width: 52rem;
  height: 52rem;
}

.swiper-button-next.swiper04 {
  right: -35rem;
}

.swiper-button-prev.swiper04 {
  left: -64rem;
}

.swiper-button-next.swiper04::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/icon-section13-next.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .swiper-button-next.swiper04::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/icon-section13-next.png);
}

.swiper-button-prev.swiper04::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/icon-section13-prev.webp);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .swiper-button-prev.swiper04::after {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/icon-section13-prev.png);
}

.p-section14 {
  position: relative;
  margin-top: -347rem;
}

.p-section14__support {
  margin-top: -347rem;
  min-height: 1000rem;
  background-color: #ec9c9d;
}

.p-section14__support-inner {
  margin: 0 auto;
  padding-top: 447rem;
  padding-bottom: 147rem;
  min-height: 1000rem;
  width: 700rem;
  background-color: #fcbab6;
}

.p-section14__support-heading {
  margin: 0 auto;
  width: 553rem;
}

.p-section14__support-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18rem;
  margin: 83rem auto 0;
  width: 578rem;
}

.p-section14__support-item {
  position: relative;
  opacity: 0;
}
.p-section14__support-item::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: 46rem;
  height: 46rem;
  background-color: #fcbab6;
  clip-path: polygon(100% 0, 0 0, 0 100%);
}
.p-section14__support-item::after {
  content: "";
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: block;
  width: 46rem;
  height: 46rem;
  background-color: #fcbab6;
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
.p-section14__support-item.js-active {
  -webkit-animation: fade 0.8s both;
          animation: fade 0.8s both;
}

.p-section15 {
  overflow: hidden;
  padding-top: 43rem;
  padding-bottom: 174rem;
  min-height: 1000rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/bg-section15.webp);
  background-position: top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
:where(.is-nowebp) .p-section15 {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/bg-section15.png);
}

.p-section15__heading {
  margin: 0 auto;
  width: 643rem;
  clip-path: inset(0 100% 0 0);
}
.p-section15__heading.js-active {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}

.p-section15__item01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 350rem;
}

.p-section15__item01-image {
  position: absolute;
  top: 0;
  right: 23rem;
  max-width: none;
  width: 824rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section15__item01-image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section15__item01-text {
  width: 462rem;
  clip-path: inset(0 100% 0 0);
}
.p-section15__item01-text.js-active {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}

.p-section15__item02 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -10rem;
  height: 440rem;
}

.p-section15__item02-image01 {
  position: absolute;
  top: 0;
  right: -66rem;
  max-width: none;
  width: 514rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section15__item02-image01.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section15__item02-image02 {
  position: absolute;
  top: 84rem;
  left: -48rem;
  max-width: none;
  width: 805rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section15__item02-image02.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section15__item02-text {
  width: 564rem;
  clip-path: inset(0 100% 0 0);
}
.p-section15__item02-text.js-active {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}

.p-section15__item03 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15rem;
  height: 334rem;
}

.p-section15__item03-image {
  position: absolute;
  top: 0;
  left: -5rem;
  max-width: none;
  width: 803rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section15__item03-image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section15__item03-text {
  position: relative;
  z-index: 2;
  width: 594rem;
  clip-path: inset(0 100% 0 0);
}
.p-section15__item03-text.js-active {
  clip-path: inset(0 0 0 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: clip-path 0.8s cubic-bezier(0.37, 0, 0.63, 1);
}

.p-section15__item04 {
  position: relative;
  margin-top: -72rem;
  height: 380rem;
}

.p-section15__item04-image {
  position: absolute;
  top: 0;
  right: 14rem;
  max-width: none;
  width: 798rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section15__item04-image.js-active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.p-section15__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 86rem auto 0;
  width: 668rem;
}

.p-section15__copy-image {
  width: 464rem;
  opacity: 0;
}
.js-active .p-section15__copy-image {
  -webkit-animation: fade 0.8s both;
          animation: fade 0.8s both;
}

.p-section15__copy-point {
  margin-top: -15rem;
  opacity: 0;
}
.js-active .p-section15__copy-point {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  -webkit-animation: poyopoyo 2s ease-out infinite;
          animation: poyopoyo 2s ease-out infinite;
}

.p-section16 {
  overflow: hidden;
  margin-top: -104rem;
  padding-top: 44rem;
  min-height: 1000rem;
  background-color: #ffeda6;
  background-image: radial-gradient(#fff 10%, transparent 10%);
  background-size: 30rem 30rem;
  clip-path: polygon(0 0, 100% 104rem, 100% 100%, 0% 100%);
}

.p-section16__loop {
  position: relative;
  display: block;
  margin-top: 44rem;
  -webkit-transform: rotate(7.98deg);
          transform: rotate(7.98deg);
}

.p-section16__loop::before {
  content: "";
  display: block;
  max-width: none;
  width: 3272rem;
  height: 139rem;
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/webp/text-section16-loop.webp);
  background-position: center;
  background-size: 818rem 139rem;
  background-repeat: repeat-x;
  -webkit-animation: scroll 60s linear infinite;
          animation: scroll 60s linear infinite;
}
:where(.is-nowebp) .p-section16__loop::before {
  background-image: url(//images.vitabrid.co.jp/sp/imgs/lp/lu/v5/text-section16-loop.png);
}

.p-section16__heading {
  margin: 40rem auto 0;
  width: 473rem;
  opacity: 0;
}
.p-section16__heading.js-active {
  opacity: 1;
  -webkit-animation: popup 0.8s ease-in-out;
          animation: popup 0.8s ease-in-out;
}

.p-section16__container {
  margin-top: 110rem;
}

.p-section16__item01 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.p-section16__item01 .p-section16__photo {
  width: 412rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section16__item01.js-active .p-section16__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p-section16__item01 .p-section16__text {
  top: 76rem;
  right: 54rem;
  width: 369rem;
  opacity: 0;
}
.p-section16__item01.js-active .p-section16__text {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.p-section16__item02 {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -200rem;
}
.p-section16__item02 .p-section16__photo {
  width: 304rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section16__item02.js-active .p-section16__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p-section16__item02 .p-section16__text {
  top: 100rem;
  left: 65rem;
  width: 386rem;
  opacity: 0;
}
.p-section16__item02.js-active .p-section16__text {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.p-section16__item03 {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -126rem;
}
.p-section16__item03 .p-section16__photo {
  width: 333rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section16__item03.js-active .p-section16__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p-section16__item03 .p-section16__text {
  top: 106rem;
  right: 66rem;
  z-index: 4;
  width: 400rem;
  opacity: 0;
}
.p-section16__item03.js-active .p-section16__text {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.p-section16__item04 {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -156rem;
}
.p-section16__item04 .p-section16__photo {
  width: 361rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section16__item04.js-active .p-section16__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p-section16__item04 .p-section16__text {
  top: 75rem;
  left: 64rem;
  width: 366rem;
  opacity: 0;
}
.p-section16__item04.js-active .p-section16__text {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.p-section16__item05 {
  position: relative;
  z-index: 6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: -200rem;
}
.p-section16__item05 .p-section16__photo {
  width: 420rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.p-section16__item05.js-active .p-section16__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p-section16__item05 .p-section16__text {
  top: 152rem;
  right: 48rem;
  z-index: 7;
  width: 399rem;
  opacity: 0;
}
.p-section16__item05.js-active .p-section16__text {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.p-section16__item06 {
  position: relative;
  z-index: 8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -166rem;
}
.p-section16__item06 .p-section16__photo {
  width: 354rem;
  -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  transition: transform 0.8s cubic-bezier(0.37, 0, 0.63, 1), -webkit-transform 0.8s cubic-bezier(0.37, 0, 0.63, 1);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.p-section16__item06.js-active .p-section16__photo {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.p-section16__item06 .p-section16__text {
  top: 125rem;
  left: 60rem;
  width: 399rem;
  opacity: 0;
}
.p-section16__item06.js-active .p-section16__text {
  opacity: 1;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.p-section16__text {
  position: absolute;
  z-index: -1;
}

.p-section16 + .c-cta {
  margin-top: 93rem;
}

.svg {
  position: relative;
  z-index: -1;
  max-width: 278rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

circle {
  opacity: 0;
  fill: transparent;
  stroke: #1e1e1e;
  stroke-width: 2;
}
.js-active circle {
  -webkit-animation: circle 2s ease-in-out both;
          animation: circle 2s ease-in-out both;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

@-webkit-keyframes circle {
  0% {
    opacity: 1;
    stroke-dasharray: 873 873;
    stroke-dashoffset: -873;
    /* 円周全体を逆方向に動かす */
  }
  99.9%, to {
    opacity: 1;
    stroke-dasharray: 873 873;
    stroke-dashoffset: 0;
    /* 円周全体を逆方向に動かす */
  }
}

@keyframes circle {
  0% {
    opacity: 1;
    stroke-dasharray: 873 873;
    stroke-dashoffset: -873;
    /* 円周全体を逆方向に動かす */
  }
  99.9%, to {
    opacity: 1;
    stroke-dasharray: 873 873;
    stroke-dashoffset: 0;
    /* 円周全体を逆方向に動かす */
  }
}
.p-section11__graph {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 450rem;
  height: 450rem;
  border-radius: 50%;
  -webkit-transition: background-image 2s ease;
  transition: background-image 2s ease;
}

.p-section11__graph-percent {
  margin-bottom: 80rem;
  width: 341rem;
  opacity: 0;
  -webkit-transition: opacity 0.3s 1.2s;
  transition: opacity 0.3s 1.2s;
}
.js-active .p-section11__graph-percent {
  opacity: 1;
}

.p-section17 {
  padding-bottom: 100rem;
}
@media (max-width: 750px){
  html {
    font-size: 0.1333333333vw;
  }
  *,
  *::before,
  *::after {
    max-width: 100%;
  }
}
@media (hover: hover){
  a:hover {
    opacity: 0.6;
  }
}
/*# sourceMappingURL=style.css.map */


/*cta*/
.dfo{
	margin: auto;
	max-width: 750px;
}
.are {
	margin: 5% auto 3%;
	padding: 3% 5%;
	font-size: 0.8em;
	text-align: left;
	display: block;
	border: 1px solid #666;
	border-radius: 7px;
	width: 90%;
}
.buysel{
	text-align: center;
}
.buysel ul{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-around;
	margin-top: 5%;
}
.buysel .list1{
	margin-top: 2%;
}
.buysel .onepoi {
	position: relative;
	display: inline-block;
	margin: auto;
	right: 0;
	left: 0;
	color: var(--ReD);
	font-size: .9em;
	font-weight: bold;
	line-height: 2;
}
.buysel .onepoi:before,.buysel .onepoi:after {
	content: "";
	position: absolute;
	top: 1.5vw;
	border-right: 2px solid var(--ReD);
	width: 1px;
	height: 19px;
}
.buysel .onepoi:before {
	left: -17%;
	transform: rotate(-28deg);
}
.buysel .onepoi:after {
	right: -19%;
	transform: rotate(28deg);
}

.buysel li input{
	display: none;
}
.buysel li input:checked + label{
	border: 2px solid var(--ReD);
	display: block;
	padding: 5px;
	border-radius: 5px;
	background: rgba(249,249,197,1);
}
.buysel .list1 li{
	width: calc(90%/3);
}
.buysel .list2 li{
	width: calc(90%/2);
}
.buysel .list2 img{
	width: 42%;
}
.buysel label .TfwB{
	font-size: 0.8em;
}
.buysel img{
	width: 60%;
	margin: 3% auto;
}


.ispec h4{
	padding: 1% 3%;
	font-size: 1.2em;
	text-align: left;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background: #eee;
}
.ispec .box{
	display: none;
}
.ispec dd{
	padding: 1% 3% 4% 1.1em;
}
.ispec .compo{
	width: 100%;
}
.ispec .compo dl{
	padding: 0;
}
.ispec .compo dt{
	padding-left: 2%;
	width: 49%;
}
.ispec .compo dd{
	padding: 2% 2% 2% 0;
	width: 50.9%;
	text-align: right;
}
.ispec .compo2{
	margin: 0 auto 3%;
	padding: 0;
	padding-right: 2%;
}
.compo2 dl{
	background: #fff;
	margin: 0 auto 3%;
	border: 1px solid #ccc;
	width: 96%;
}
.compo2 dt,.compo2 dd{
	padding: 1% 3%;
	font-size: 1em;
}
.compo2 dt{
	background: #e1e1e1;
	margin: 0;
}
.compo2 dt:before{
	content: none;
}
.iatt ol {
	padding-top: 3px;
	padding-left: 1.2em;
	text-indent: 0;
	padding-left: 1.5em;
}
.iatt ol li{
	margin-bottom: 1%;
	list-style: decimal;
	text-indent: 0;
}
/*specE*/

/* EFOお子さま性別 */
.inF .sextype_child .sex_01, .inF .sextype_child .sex_02 {
	padding: 7px 10px;
	display: inline-block;
	color: rgba(0,0,0,0);
	text-align: center;
	width: 160px;
	height: 45px;
	background: #fff;
	border-radius: 5px 5px;
	position: relative;
}
.inF dd.sex_type input[type=radio], .inF dd.sextype_child input[type=radio] {
	display: none;
}
.inF .sextype_child input#sex_child_1:checked + label.sex_01 {
	background: #0093ff;
}
.inF .sextype_child input#sex_child_1:checked + label.sex_01::before {
	content: url(//images.vitabrid.co.jp/images/lp/common/man_w.svg);
}
.inF .sextype_child input#sex_child_2:checked + label.sex_02 {
	background: #f7005d;
}
.inF .sextype_child input#sex_child_2:checked + label.sex_02::before {
	content: url(//images.vitabrid.co.jp/images/lp/common/woman_w.svg);
}
/* チャットフォーム商品名 */
.chat-talk .talk-content .buysel .list1 li:first-of-type dd:nth-of-type(2) {
  padding-bottom: 1.3em;
  display: block;
}
/* chat追加 */
#ucouponbox input[type="radio"]:checked + label::before {
  top: 8vw;
  height: 14%;
}
.talk-content .buysel2 .list1 li:last-child .cca_name {
  padding-bottom: 24%;
}
#TaskP0T26 li:first-of-type label {
  height: 12vw;
}
#UriChatAlls #TaskP0T26 label.sex01-0::before {
  left: 38%;
}
#UriChatAlls label.sex01-1::before {
  right: 21%;
}
#ucouponbox li:last-of-type label:before {
  content: none;
}
.couponballoon li:first-of-type label:after {
  left: 8.5vw;
}