/*----------------------------------------
	fv.scss
---------------------------------------- */
.fv {
  max-width: 750px;
  margin: 0 auto;
}
.fv .fv-video {
  position: relative;
}
.fv .fv-video::after {
  display: block;
  width: 100%;
  height: 16px;
  content: "";
  background-color: #000;
}
.fv .fv-video video {
  width: 100%;
  height: 620px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.fv .video-sound-btn {
  position: absolute;
  bottom: 27px;
  right: 12px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
}
.fv .video-sound-btn .on {
  display: none;
}
.fv .video-sound-btn.is-muted .off {
  display: inline;
}
.fv .video-sound-btn.is-muted .on {
  display: none;
}
.fv .video-sound-btn:not(.is-muted) .off {
  display: none;
}
.fv .video-sound-btn:not(.is-muted) .on {
  display: inline;
}
.fv .fv-product {
  position: relative;
  z-index: 1;
}
.fv .fv-product .l-inner {
  background: url("../images/fv_item_bg@2x.png") center 170px no-repeat;
  background-size: contain;
}
.fv .fv-product__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 24px;
}
.fv .fv-product__item p {
  margin-top: -74px;
}
.fv .fv-product__logo {
  margin-top: 8px;
}
.fv .fv-product__banner {
  position: absolute;
  right: 0;
  top: 286px;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}
.fv .fv-product__banner.is-floating {
  position: fixed;
  bottom: 20px;
  top: auto;
  z-index: 100;
  opacity: 0;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
  pointer-events: none;
}
.fv .fv-product__banner.is-active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: auto;
}
@media screen and (max-width: 750px) {
  .fv .fv-video video {
    height: 82.6666666667vw;
  }
  .fv .fv-product .l-inner {
    background: url("../images/fv_item_bg@2x.png") center 77.2727272727% no-repeat;
    background-size: contain;
  }
  .fv .fv-product__item {
    padding-left: 3.2%;
  }
  .fv .fv-product__item p {
    margin-top: -9.8666666667%;
  }
  .fv .fv-product__item img {
    width: auto;
    height: 63.8666666667vw;
  }
  .fv .fv-product__banner {
    top: 48.4745762712%;
    width: 13.3333333333%;
  }
}

/*----------------------------------------
	swipe.scss
---------------------------------------- */
.swipe {
  position: relative;
}

.swipe-area {
  height: auto;
  overflow: visible;
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swipe-panel {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100vw;
          flex: 0 0 100vw;
  max-width: 100%;
  min-height: 100vh;
  height: auto;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.swipe-panel > p img {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swipe-panel.--02 .m-video {
  margin: 60px 0 50px;
}
.swipe-panel.--03 .m-video {
  margin: 130px 0 120px;
}
.swipe-panel.--04 .m-video {
  margin: 90px 0 60px;
}
.swipe-panel.--05 .m-video {
  margin: 60px 0 50px;
}
.swipe-panel.--06 .m-video {
  margin: 100px 0 100px;
}

@media screen and (min-width: 751px) and (max-width: 1334px) {
  .swipe-panel {
    padding: 10%;
  }
}
@media screen and (max-width: 750px) {
  .swipe-panel {
    height: 100vh;
    padding: 0;
  }
  .swipe-panel.--02 .m-video {
    margin: 9.3333333333% 0 6.6666666667%;
  }
  .swipe-panel.--03 .m-video {
    margin: 20% 0 17.3333333333%;
  }
  .swipe-panel.--04 .m-video {
    margin: 12% 0 8%;
  }
  .swipe-panel.--05 .m-video {
    margin: 6.6666666667% 0;
  }
  .swipe-panel.--06 .m-video {
    margin: 13.3333333333% 0 13.3333333333%;
  }
}
/*----------------------------------------
	interview.scss
---------------------------------------- */
.interview {
  max-width: 750px;
  margin: 100px auto;
  height: 100%;
}
.interview__head {
  position: relative;
}
.interview__head .text {
  position: absolute;
  top: 32px;
  left: 70px;
}
.interview__video .m-video {
  width: 540px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .interview {
    margin: 13.3333333333% 0;
  }
  .interview__head .text {
    top: 4.2666666667%;
    left: 9.3333333333%;
    width: 28%;
    height: auto;
  }
  .interview__video .m-video {
    width: 100%;
  }
}

/*----------------------------------------
	cta.scss
---------------------------------------- */
.cta {
  max-width: 750px;
  margin: 0 auto 100px;
}
.cta .cta-video {
  position: relative;
}
.cta .cta-video::after {
  display: block;
  width: 100%;
  height: 16px;
  content: "";
  background-color: #000;
}
.cta .cta-video video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cta .cta-product {
  position: relative;
  z-index: 1;
}
.cta .cta-product .l-inner {
  background: url("../images/cta_item_bg@2x.png") center 170px no-repeat;
  background-size: contain;
}
.cta .cta-product__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 24px;
}
.cta .cta-product__item p {
  margin-top: -74px;
}
.cta .cta-product__logo {
  margin-top: 8px;
}
@media screen and (max-width: 750px) {
  .cta {
    margin: 0 auto 13.3333333333%;
  }
  .cta .cta-product .l-inner {
    background: url("../images/cta_item_bg@2x.png") center 77.2727272727% no-repeat;
    background-size: contain;
  }
  .cta .cta-product__item {
    padding-left: 3.2%;
  }
  .cta .cta-product__item p {
    margin-top: -9.8666666667%;
  }
  .cta .cta-product__item img {
    width: auto;
    height: 63.8666666667vw;
  }
}

/*----------------------------------------
	message.scss
---------------------------------------- */
.message {
  max-width: 750px;
  margin: 0 auto;
}
.message__head {
  position: relative;
}
.message__head .m-marker {
  position: absolute;
  top: 160px;
  left: 68px;
}
@media screen and (max-width: 750px) {
  .message__head .m-marker {
    top: 20%;
    left: 9.0666666667%;
  }
}

/*----------------------------------------
	texture.scss
---------------------------------------- */
.texture {
  max-width: 750px;
  margin: 0 auto;
}
.texture__head {
  position: relative;
  margin-bottom: 88px;
}
.texture__head .text {
  position: absolute;
  top: 53px;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.texture__problem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 64px;
}
.texture__problem .photo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 52.8%;
}
.texture__problem .photo img {
  width: 100%;
}
.texture__problem .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 47.2%;
}
.texture__problem .text p {
  padding-top: 24px;
}
.texture__problem .text .icon {
  padding-left: 22px;
}
.texture__problem .text.--01 p:first-child {
  width: 57.0707070707%;
}
.texture__problem .text.--02 p:first-child {
  width: 44.696969697%;
}
.texture__problem .text.--03 p:first-child {
  width: 44.696969697%;
}
@media screen and (max-width: 750px) {
  .texture__head {
    margin-bottom: 11.7333333333%;
  }
  .texture__head .text {
    top: 12.4705882353%;
  }
  .texture__head .text img {
    width: 85.6%;
  }
  .texture__problem {
    margin-top: 8.5333333333%;
  }
  .texture__problem .text p {
    padding-top: 6.0606060606%;
  }
  .texture__problem .text .icon {
    width: 17.037037037%;
    padding-left: 5.5555555556%;
  }
}

/*----------------------------------------
	problem.scss
---------------------------------------- */
.problem {
  max-width: 750px;
  margin: 83px auto 0;
}
.problem__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.problem__head .m-marker {
  margin-left: 58px;
}
.problem__head .illust {
  margin-top: 146px;
}
.problem__text {
  margin-top: 83px;
}
.problem__text p + p {
  margin-top: 66px;
}
@media screen and (max-width: 750px) {
  .problem {
    margin-top: 11.0666666667%;
  }
  .problem__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .problem__head .m-marker {
    width: 33.6%;
    margin-left: 7.7333333333%;
  }
  .problem__head .illust {
    width: 58%;
    margin-top: 19.4666666667%;
  }
  .problem__text {
    margin-top: 11.0666666667%;
  }
  .problem__text p:first-child {
    width: 82.1333333333%;
    margin: 0 auto;
  }
  .problem__text p:last-child {
    width: 18.5333333333%;
    margin: 8.8% auto 0;
  }
}

/*----------------------------------------
	solution.scss
---------------------------------------- */
.solution {
  max-width: 750px;
  margin: 83px auto 0;
}
.solution__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 30px;
}
.solution__logo {
  margin-top: 70px;
}
@media screen and (max-width: 750px) {
  .solution {
    margin-top: 11.0666666667%;
  }
  .solution__product {
    padding-left: 4%;
  }
  .solution__product img {
    width: auto;
    height: 74.6666666667vw;
  }
  .solution__logo {
    margin-top: 9.3333333333%;
  }
}

/*----------------------------------------
	voice.scss
---------------------------------------- */
.voice {
  max-width: 750px;
  margin: 83px auto 0;
}
@media screen and (max-width: 750px) {
  .voice {
    margin-top: 11.0666666667%;
  }
}

/*----------------------------------------
	ingredient.scss
---------------------------------------- */
.ingredient {
  max-width: 750px;
  margin: 96px auto;
}
.ingredient__head .head-information {
  position: relative;
}
.ingredient__head .head-information .product {
  position: absolute;
  top: 93px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 24px;
}
.ingredient__head .head-information .product p {
  margin-top: -74px;
}
.ingredient__head .head-information .product img {
  max-width: inherit;
}
.ingredient__head .head-information .text {
  width: 600px;
  margin: 64px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.ingredient__point {
  margin-top: 78px;
}
.ingredient__point .accordion li + li {
  padding-top: 3.7037037037%;
}
.ingredient__point .accordion li:first-child .accordion__content {
  display: block;
}
.ingredient__point .accordion__button {
  position: relative;
}
.ingredient__point .accordion__button::before, .ingredient__point .accordion__button::after {
  content: "";
  position: absolute;
  top: 50%;
  content: "";
  display: inline-block;
  color: #fff;
  line-height: 1;
  width: 7.1428571429%;
  height: 1px;
  background: currentColor;
  border-radius: 0.1em;
}
.ingredient__point .accordion__button::before {
  left: 85.7142857143%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ingredient__point .accordion__button::after {
  left: 85.7142857143%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ingredient__point .accordion__button.is-open.accordion__button::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ingredient__point .accordion__content {
  display: none;
  text-align: left;
  line-height: 1.8;
  overflow: hidden;
}
.ingredient__point .accordion__content.--01 {
  margin: 85px 0;
}
.ingredient__point .accordion__content.--01 .head {
  position: relative;
}
.ingredient__point .accordion__content.--01 .m-marker {
  position: absolute;
  display: block;
  z-index: 1;
}
.ingredient__point .accordion__content.--01 .item--01 .m-marker {
  right: 5.0666666667%;
  bottom: 22px;
}
.ingredient__point .accordion__content.--01 .item--01 .text {
  margin-top: 48px;
}
.ingredient__point .accordion__content.--01 .item--02 {
  margin-top: 18px;
}
.ingredient__point .accordion__content.--01 .item--02 .m-marker {
  left: 9.3333333333%;
  bottom: 27px;
}
.ingredient__point .accordion__content.--01 .item--02 .text {
  margin-top: 28px;
}
.ingredient__point .accordion__content.--02 {
  margin: 85px 0;
}
.ingredient__point .accordion__content.--02 .item--01 .head {
  position: relative;
}
.ingredient__point .accordion__content.--02 .item--01 .head .catch {
  position: absolute;
  top: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  width: 64.2666666667%;
  z-index: 1;
}
.ingredient__point .accordion__content.--02 .item--01 .text {
  position: relative;
  margin-top: -60px;
  z-index: 1;
}
.ingredient__point .accordion__content.--02 .item--02 {
  margin-top: 73px;
}
.ingredient__point .accordion__content.--02 .item--02 .head {
  position: relative;
}
.ingredient__point .accordion__content.--02 .item--02 .head__text {
  position: absolute;
  top: 54px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 76%;
  z-index: 2;
}
.ingredient__point .accordion__content.--02 .item--02 .head__figure {
  position: relative;
}
.ingredient__point .accordion__content.--02 .item--02 .head__figure .top,
.ingredient__point .accordion__content.--02 .item--02 .head__figure .middle,
.ingredient__point .accordion__content.--02 .item--02 .head__figure .base {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
.ingredient__point .accordion__content.--02 .item--02 .head__figure .top {
  top: 53.4825870647%;
  width: 10.5721393035%;
}
.ingredient__point .accordion__content.--02 .item--02 .head__figure .middle {
  top: 70.3980099502%;
  width: 13.8059701493%;
}
.ingredient__point .accordion__content.--02 .item--02 .head__figure .base {
  top: 86.5671641791%;
  width: 9.9502487562%;
}
.ingredient__point .accordion__content.--02 .item--02 .text {
  margin-top: 64px;
}
.ingredient__point .accordion__content.--03 {
  margin: 85px 0;
}
.ingredient__point .accordion__content.--03 .item--01 .head {
  margin-top: 90px;
}
.ingredient__point .accordion__content.--03 .item--01 .head__catch {
  display: block;
  margin-right: 40px;
  text-align: right;
}
.ingredient__point .accordion__content.--03 .item--01 .head__catch img {
  width: 71.1267605634%;
}
.ingredient__point .accordion__content.--03 .item--01 .head__formula {
  display: block;
  margin: 42px 0 0 50px;
}
.ingredient__point .accordion__content.--03 .item--01 .head__formula img {
  width: 90.2857142857%;
}
.ingredient__point .accordion__content.--03 .item--01 .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.6666666667%;
  margin-top: 56px;
}
.ingredient__point .accordion__content.--03 .item--01 .text {
  margin-top: 56px;
}
.ingredient__point .accordion__content.--04 {
  margin: 85px 0;
}
.ingredient__point .accordion__content.--04 .item--01 .head {
  margin-top: 54px;
}
.ingredient__point .accordion__content.--04 .item--01 .head span {
  display: block;
}
.ingredient__point .accordion__content.--04 .item--01 .head span + span {
  margin-top: 45px;
}
.ingredient__point .accordion__content.--04 .item--01 .figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 56px;
}
.ingredient__point .accordion__content.--04 .item--01 .figure .icon {
  margin: 80px 5px 0 14px;
}
.ingredient__point .accordion__content.--04 .item--01 .title {
  margin-top: 52px;
}
.ingredient__point .accordion__content.--04 .item--01 .text {
  margin-top: 36px;
}
.ingredient__point .accordion__content.--05 {
  margin: 85px 0;
}
.ingredient__point .accordion__content.--05 .item--01 .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
.ingredient__point .accordion__content.--05 .item--01 .text {
  margin-top: 60px;
}
.ingredient__point .accordion__content.--05 .item--01 .figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 18px;
  margin-top: 70px;
}
.ingredient__point .accordion__content.--05 .item--01 .figure p {
  width: 29.8666666667%;
}
.ingredient__point .accordion__content.--06 {
  margin: 85px 0;
}
.ingredient__point .accordion__content.--06 .item--01 .head {
  position: relative;
}
.ingredient__point .accordion__content.--06 .item--01 .head span {
  display: block;
}
.ingredient__point .accordion__content.--06 .item--01 .head__catch {
  position: absolute;
  top: 33px;
  z-index: 1;
}
.ingredient__point .accordion__content.--06 .item--01 .head__icon {
  position: absolute;
  top: 136px;
  left: 50%;
  margin-left: -18.5333333333%;
  width: 37.2%;
  z-index: 1;
}
.ingredient__point .accordion__content.--06 .item--01 .text {
  position: relative;
  margin-top: -58px;
  z-index: 1;
}
.ingredient__point .accordion__content.--06 .item--01 .text__title {
  margin-bottom: 48px;
}
.ingredient__point .accordion__content.--06 .item--01 .figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  margin-top: 67px;
}
.ingredient__point .accordion__content.--06 .item--01 .figure p {
  width: 39.4666666667%;
}
@media screen and (max-width: 750px) {
  .ingredient {
    margin: 12.8% auto;
  }
  .ingredient__head .head-eyecatch {
    width: 80%;
    margin: 0 auto;
  }
  .ingredient__head .head-information .product {
    top: 12.4%;
    padding-left: 3.2%;
  }
  .ingredient__head .head-information .product p {
    margin-top: -9.8666666667%;
  }
  .ingredient__head .head-information .product img {
    width: auto;
    height: 63.8666666667vw;
  }
  .ingredient__head .head-information .text {
    width: 80%;
    margin: 8.5333333333% auto 0;
  }
  .ingredient__head .head-information .text img {
    width: 4.8vw;
    height: auto;
  }
  .ingredient__point {
    margin-top: 10.4%;
  }
  .ingredient__point .accordion__button {
    position: relative;
    width: 72%;
    margin: 0 auto;
  }
  .ingredient__point .accordion__content.--01 {
    margin: 11.3333333333vw 0;
  }
  .ingredient__point .accordion__content.--01 .item--01 .m-marker {
    bottom: 2.9333333333vw;
    width: 67.2%;
  }
  .ingredient__point .accordion__content.--01 .item--01 .text {
    margin-top: 6.4vw;
  }
  .ingredient__point .accordion__content.--01 .item--02 {
    margin-top: 2.4vw;
  }
  .ingredient__point .accordion__content.--01 .item--02 .m-marker {
    bottom: 3.6vw;
    width: 44.5333333333%;
  }
  .ingredient__point .accordion__content.--01 .item--02 .text {
    margin-top: 3.7333333333vw;
  }
  .ingredient__point .accordion__content.--02 {
    margin: 11.3333333333vw 0;
  }
  .ingredient__point .accordion__content.--02 .item--01 .head .catch {
    top: 5.3333333333vw;
  }
  .ingredient__point .accordion__content.--02 .item--01 .text {
    margin-top: -8%;
  }
  .ingredient__point .accordion__content.--02 .item--02 {
    margin: 9.7333333333vw 0;
  }
  .ingredient__point .accordion__content.--02 .item--02 .head__text {
    top: 7.2vw;
  }
  .ingredient__point .accordion__content.--02 .item--02 .text {
    margin-top: 8.5333333333vw;
  }
  .ingredient__point .accordion__content.--03 {
    margin: 11.3333333333vw 0;
  }
  .ingredient__point .accordion__content.--03 .item--01 .head {
    margin-top: 12vw;
  }
  .ingredient__point .accordion__content.--03 .item--01 .head__catch {
    margin-right: 40px;
  }
  .ingredient__point .accordion__content.--03 .item--01 .head__formula {
    margin: 5.6vw 0 0 50px;
  }
  .ingredient__point .accordion__content.--03 .item--01 .icon {
    margin: 7.4666666667vw auto 0;
    width: 89.2%;
  }
  .ingredient__point .accordion__content.--03 .item--01 .text {
    margin-top: 7.4666666667vw;
  }
  .ingredient__point .accordion__content.--04 {
    margin: 11.3333333333vw 0;
  }
  .ingredient__point .accordion__content.--04 .item--01 .head {
    margin-top: 4.5333333333vw;
  }
  .ingredient__point .accordion__content.--04 .item--01 .head span + span {
    margin-top: 3.3333333333vw;
  }
  .ingredient__point .accordion__content.--04 .item--01 .figure {
    width: 89.6%;
    margin: 7.4666666667vw auto 0;
  }
  .ingredient__point .accordion__content.--04 .item--01 .figure .icon {
    margin: 10.6666666667vw 5px 0 14px;
  }
  .ingredient__point .accordion__content.--04 .item--01 .title {
    margin-top: 5.6vw;
  }
  .ingredient__point .accordion__content.--04 .item--01 .text {
    margin-top: 6.1333333333vw;
  }
  .ingredient__point .accordion__content.--05 {
    margin: 11.3333333333vw 0;
  }
  .ingredient__point .accordion__content.--05 .item--01 .photo {
    margin-top: 6.6666666667vw;
  }
  .ingredient__point .accordion__content.--05 .item--01 .text {
    margin-top: 8vw;
  }
  .ingredient__point .accordion__content.--05 .item--01 .figure {
    margin-top: 9.3333333333vw;
    gap: 2.4vw;
  }
  .ingredient__point .accordion__content.--06 {
    margin: 11.3333333333vw 0;
  }
  .ingredient__point .accordion__content.--06 .item--01 .head__catch {
    top: 4.4vw;
  }
  .ingredient__point .accordion__content.--06 .item--01 .head__icon {
    top: 19.4666666667vw;
  }
  .ingredient__point .accordion__content.--06 .item--01 .text {
    margin-top: -7.7333333333vw;
  }
  .ingredient__point .accordion__content.--06 .item--01 .text__title {
    margin-bottom: 6.4vw;
  }
  .ingredient__point .accordion__content.--06 .item--01 .figure {
    gap: 5.3333333333vw;
    margin-top: 8.9333333333vw;
  }
}

/*----------------------------------------
	point.scss
---------------------------------------- */
.point {
  max-width: 750px;
  margin: 100px auto 50px;
}
.point__head {
  position: relative;
}
.point__head .m-marker {
  position: absolute;
  top: 158px;
  left: 50%;
  width: 59.2%;
  margin-left: -29.6%;
}
.point__text {
  margin-top: 42px;
}
.point__text p + p {
  margin-top: 50px;
}
.point__howto {
  margin-top: 77px;
}
.point__howto .check {
  position: relative;
  margin-top: -53px;
}
.point__howto .check .icon,
.point__howto .check .text {
  position: absolute;
  left: 7.0666666667%;
  z-index: 1;
}
.point__howto .check .icon {
  top: 70px;
  width: 24.4%;
}
.point__howto .check .text {
  top: 275px;
  width: 50.8%;
}
@media screen and (max-width: 750px) {
  .point {
    margin: 13.3333333333vw auto 6.6666666667vw;
  }
  .point__head .m-marker {
    top: 21.0666666667vw;
  }
  .point__text {
    margin-top: 5.6vw;
  }
  .point__text p + p {
    margin-top: 6.6666666667vw;
  }
  .point__howto {
    margin-top: 10.2666666667vw;
  }
  .point__howto .check {
    margin-top: -7.0666666667vw;
  }
  .point__howto .check .icon {
    top: 9.3333333333vw;
  }
  .point__howto .check .text {
    top: 36.6666666667vw;
  }
}

/*----------------------------------------
	cta02.scss
---------------------------------------- */
.cta02 {
  max-width: 750px;
  margin: 0 auto 100px;
}
.cta02__head .head-eyecatch {
  width: 18.5333333333%;
  margin: 96px auto 0;
}
.cta02__head .head-information {
  position: relative;
}
.cta02__head .head-information .product {
  position: absolute;
  top: 35px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 24px;
}
.cta02__head .head-information .product img {
  max-width: inherit;
}
.cta02__head .head-information .text {
  width: 600px;
  margin: 31px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.cta02__head .head-information .logo {
  margin-top: 51px;
}
@media screen and (max-width: 750px) {
  .cta02 {
    margin: 0 auto 13.3333333333%;
  }
  .cta02__head .head-eyecatch {
    margin: 12.8vw auto 0;
  }
  .cta02__head .head-information .product {
    top: 4.6666666667%;
    padding-left: 3.2%;
  }
  .cta02__head .head-information .product img {
    width: auto;
    height: 74.6666666667vw;
  }
  .cta02__head .head-information .text {
    width: 80%;
    margin: 4.1333333333% auto 0;
  }
  .cta02__head .head-information .text img {
    width: 4.8vw;
    height: auto;
  }
  .cta02__head .head-information .logo {
    margin-top: 6.8vw;
  }
}

/*----------------------------------------
	greeting.scss
---------------------------------------- */
.greeting {
  max-width: 750px;
  margin: 95px auto;
}
.greeting__head {
  position: relative;
}
.greeting__head .text {
  position: absolute;
  top: 160px;
  left: 68px;
  width: 33.2%;
}
.greeting__text p + p {
  margin-top: 50px;
}
.greeting__photo {
  margin-top: 70px;
}
@media screen and (max-width: 750px) {
  .greeting {
    margin: 12.8vw auto;
  }
  .greeting__head .text {
    top: 18.6666666667%;
    left: 9.0666666667%;
  }
  .greeting__text p + p {
    margin-top: 6.6666666667vw;
  }
  .greeting__photo {
    margin-top: 9.3333333333vw;
  }
}

/*----------------------------------------
	faq.scss
---------------------------------------- */
.faq {
  max-width: 750px;
  margin: 66px auto;
}
.faq__head {
  width: 74.5333333333%;
  margin: 0 auto;
  padding-top: 30px;
}
.faq__list {
  margin: 52px 0 150px;
}
.faq__list .accordion li + li {
  padding-top: 3.7037037037%;
}
.faq__list .accordion li:first-child .accordion__content {
  display: block;
}
.faq__list .accordion__button {
  position: relative;
  width: 94.6666666667%;
  margin: 0 auto;
}
.faq__list .accordion__button::before, .faq__list .accordion__button::after {
  content: "";
  position: absolute;
  top: 50%;
  content: "";
  display: inline-block;
  color: #fff;
  line-height: 1;
  width: 5.3333333333%;
  height: 2px;
  background: currentColor;
  border-radius: 0.1em;
}
.faq__list .accordion__button::before {
  left: 89.3333333333%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.faq__list .accordion__button::after {
  left: 89.3333333333%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.faq__list .accordion__button.is-open.accordion__button::after {
  -webkit-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.faq__list .faq-accordion__content {
  display: none;
  margin-top: 30px;
  text-align: left;
  line-height: 1.8;
  overflow: hidden;
}
.faq__list .faq-accordion__content .item {
  margin-bottom: 60px;
}
.faq__list .faq-accordion__content .head {
  width: 90.6666666667%;
  margin-left: 6.6666666667%;
}
.faq__list .faq-accordion__content .text {
  margin-top: 53px;
}
.faq__list .faq-accordion__content .figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.faq__list .faq-accordion__content.--01 .figure {
  margin-top: 53px;
}
.faq__list .faq-accordion__content.--01 .figure p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: auto;
  height: 246px;
}
@media screen and (max-width: 750px) {
  .faq {
    margin: 4.8% auto;
  }
  .faq__head {
    padding-top: 8vw;
  }
  .faq__list {
    margin-top: 6.9333333333vw;
    margin: 6.9333333333vw 0 13.3333333333vw;
  }
  .faq__list .faq-accordion__content {
    margin-top: 4vw;
  }
  .faq__list .faq-accordion__content .item {
    margin-bottom: 8vw;
  }
  .faq__list .faq-accordion__content .text {
    margin-top: 7.0666666667vw;
  }
  .faq__list .faq-accordion__content.--01 .figure {
    margin-top: 7.0666666667vw;
  }
  .faq__list .faq-accordion__content.--01 .figure p {
    height: 32.8vw;
  }
  .faq__list .faq-accordion__content.--01 .figure img {
    width: auto;
    height: 32.8vw;
  }
}

/*----------------------------------------
	factory.scss
---------------------------------------- */
.factory {
  max-width: 750px;
  margin: 106px auto;
}
.factory__head {
  padding-top: 30px;
}
.factory__head::after {
  display: block;
  content: "";
  width: 89.3333333333%;
  height: 1px;
  margin: 25px auto;
  border-bottom: 1px #000 solid;
}
.factory__photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 23px;
  margin-top: 54px;
}
.factory__photo p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 36%;
}
.factory__text {
  margin-top: 33px;
}
@media screen and (max-width: 750px) {
  .factory {
    margin: 10.1333333333vw auto 13.3333333333vw;
  }
  .factory__head {
    margin-top: 8vw;
  }
  .factory__head::after {
    margin: 3.3333333333vw auto;
  }
  .factory__photo {
    gap: 3.0666666667vw;
    margin-top: 7.2vw;
  }
  .factory__text {
    margin-top: 4.4vw;
  }
}

/*----------------------------------------
	floating.scss
---------------------------------------- */
.floating {
  position: fixed;
  right: -100px;
  bottom: 20px;
  z-index: 100;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: none;
}
.floating.is-active {
  right: 0;
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 750px) {
  .floating {
    bottom: 6.6666666667vw;
    width: 13.3333333333%;
  }
}

/*// ============================================================
// lp
// ============================================================*/