/* 画面100%表示用↓ここから */
.mainContentMT {
  width: 100%;
}

/*　パンくずの表示くずれ防止　*/
.rootMT ul {
  overflow: hidden;
  width: 940px !important;
  margin: 0 auto;
}

/* 画面100%表示用↓ここまで */

tr,
th,
td,
div,
span,
a,
p {
  color: inherit;
}


:root {
  /* color */
  --c-pale-pink: #FEF3F1;
  --c-deep-pink: #DC5F62;
  --c-pale-brown: #ECDCD0;
  --c-deep-brown: #6d2e00;

  /* font-size */
  --text-sm: clamp(14px, 1.5vw, 16px);
  --text-md: clamp(16px, 1.2vw, 18px);
  --text-md2: clamp(18px, 2vw, 20px);
  --text-lg: clamp(24px, 4vw, 28px);

  /* line-height */
  --lh-sm: 1.7;
  --lh-md: 1.7;
  --lh-md2: 1.6;
  --lh-lg: 1.5;
}



/* choukatsu
---------------------------------------------------- */
#choukatsu {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #FFDFDC;
  font-family: "Hiragino Sans", "Noto Sans JP", sans-serif;
  height: auto;
}

#choukatsu * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: var(--c-deep-brown);
}

#choukatsu img {
  display: block;
  max-width: 100%;
  height: auto;
}

#choukatsu .pc {
  display: block !important;
}

#choukatsu .sp {
  display: none !important;
}


#choukatsu ol,
#choukatsu ul {
  list-style-type: none;
}

#choukatsu a {
  outline: none;
  font-size: inherit;
}


@font-face {
  font-family: 'MyFont_ShueiNMGoStd-B';
  src: local('AP-OTF-ShueiNMGoStd-B.otf'), url("../../../../../../common/font/AP-OTF-ShueiNMGoStd-B.otf");
  font-display: swap;
  font-weight: 700;
}

#choukatsu p.mainvisual__answer,
#choukatsu p.tips__benefit-intro,
#choukatsu a.benefit__btn,
#choukatsu p.interview__title,
#choukatsu .interview__top__name {
  font-family: 'MyFont_ShueiNMGoStd-B', "Noto Sans Japanese", "Helvetica Neue", "Helvetica",
    "Hiragino Sans", "Hiragino Kaku Gothic ProN",
    "Arial", "Meiryo", sans-serif;
}

/* ---------------------------------------------------- */



/* -------------------------------------------
セクション共通
----------------------------------------------- */
#choukatsu .section {
  position: relative;
  border-radius: 40px;
  padding: 80px 0;
  margin: 0 auto;
}

/* -------------------------------------------
----------------------------------------------- */


#choukatsu .wrapper {
  padding: 0 40px;
  width: min(100%, 1000px);
  margin-inline: auto;
  /* padding-inline: 20px; */
  position: relative;
  z-index: 1;
}


/* -------------------------------------------
メインビジュアル
----------------------------------------------- */

#choukatsu .mainvisual {
  text-align: center;
  padding-top: 7rem;
}

#choukatsu .mainvisual__title {
  margin: 0 auto;
  width: min(90%, 450px);
}

#choukatsu .mainvisual__whatis {
  margin: 6rem auto 1rem;
  width: min(70%, 250px);
}

#choukatsu .mainvisual__answer {
  font-size: var(--text-lg);
  line-height: var(--lh-lg);
  margin: 1rem auto 0;
  display: inline;
  background: linear-gradient(transparent 66%, #D3EEF6 66%);
}

#choukatsu .mainvisual__lead {
  font-size: var(--text-md);
  line-height: var(--lh-md);
  width: min(100%, 450px);
  margin: 1rem auto 0;
}

#choukatsu .mainvisual {
  position: relative;
  text-align: center;
  padding-top: 7rem;
}

#choukatsu .mainvisual__float {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

#choukatsu .mainvisual__float>div {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  will-change: transform;
}

/* 緑の図形 */
#choukatsu .mainvisual__float>div:nth-child(1) {
  top: 5rem;
  left: 7%;
  width: 42px;
  aspect-ratio: 53 / 94;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 53 94'%3E%3Crect width='19.8074' height='32.187' rx='9.90368' fill='%23C0DAA6'/%3E%3Crect x='1.23828' y='36.605' width='19.8074' height='32.187' rx='9.90368' transform='rotate(-18.4707 1.23828 36.605)' fill='%23C0DAA6'/%3E%3Crect x='16.0918' y='70.4443' width='19.8074' height='32.187' rx='9.90368' transform='rotate(-42.9589 16.0918 70.4443)' fill='%23C0DAA6'/%3E%3Ccircle cx='5.87584' cy='17.8758' r='1.87584' fill='white'/%3E%3Ccircle cx='13.8758' cy='10.8758' r='1.87584' fill='white'/%3E%3C/svg%3E");
  animation: mainvisual-float-a 8s ease-in-out infinite;
}

/* 右上の青い図形 */
#choukatsu .mainvisual__float>div:nth-child(2) {
  top: 4.5rem;
  right: 5%;
  width: 90px;
  aspect-ratio: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69 69'%3E%3Cpath d='M31.8578 12.6979C35.4113 9.02689 41.5463 10.0898 43.6578 14.7422C44.729 17.1025 46.9797 18.7104 49.5597 18.9587C54.6453 19.4482 57.6395 24.9074 55.3185 29.459C54.1411 31.7681 54.2872 34.5303 55.7017 36.7022C58.4899 40.9835 56.0885 46.7282 51.0828 47.7515C48.5434 48.2706 46.4749 50.107 45.6588 52.5671C44.0499 57.4164 38.0613 59.1206 34.1403 55.845C32.1511 54.1833 29.4257 53.7111 26.9934 54.6068C22.199 56.3725 17.1327 52.7529 17.249 47.6451C17.308 45.0538 15.9778 42.6286 13.7611 41.2854C9.39138 38.6379 9.06245 32.4201 13.1284 29.3263C15.1911 27.7568 16.2579 25.2048 15.9259 22.6342C15.2714 17.5671 19.9275 13.4333 24.8814 14.6832C27.3946 15.3173 30.055 14.5602 31.8578 12.6979Z' fill='%2394D1E2'/%3E%3Cpath d='M9.82617 22.1147C11.1216 24.7057 14.4898 30.4705 17.5989 32.8023' stroke='%2394D1E2' stroke-width='2.91479' stroke-linecap='round'/%3E%3Cpath d='M49.6602 38.5425C52.4174 37.6544 58.6258 35.1981 61.4016 32.478' stroke='%2394D1E2' stroke-width='2.91479' stroke-linecap='round'/%3E%3Ccircle cx='26.8856' cy='28.974' r='1.87584' fill='white'/%3E%3Ccircle cx='41.2704' cy='32.5145' r='1.87584' fill='white'/%3E%3C/svg%3E");
  animation: mainvisual-float-b 10s ease-in-out infinite;
}


/* 右下の黄色い図形 */
#choukatsu .mainvisual__float>div:nth-child(3) {
  top: 15rem;
  right: 12%;
  left: auto;
  width: 60px;
  aspect-ratio: 49 / 42;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49 42'%3E%3Crect x='16.0039' width='16.4357' height='30.7088' rx='8.21786' fill='%23F4DA7B'/%3E%3Crect x='8.04492' y='41.522' width='16.0897' height='30.289' rx='8.04486' transform='rotate(-120 8.04492 41.522)' fill='%23F4DA7B'/%3E%3Crect x='14.582' y='26.4375' width='16.0897' height='29.9709' rx='8.04486' transform='rotate(-60 14.582 26.4375)' fill='%23F4DA7B'/%3E%3Ccircle cx='19.8758' cy='17.8758' r='1.87584' fill='white'/%3E%3Ccircle cx='28.8758' cy='21.8758' r='1.87584' fill='white'/%3E%3C/svg%3E");
  animation: mainvisual-float-c 9s ease-in-out infinite;
}

#choukatsu .mainvisual__title,
#choukatsu .mainvisual__whatis,
#choukatsu .mainvisual__answer,
#choukatsu .mainvisual__lead {
  position: relative;
  z-index: 1;
}

@keyframes mainvisual-float-a {

  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(-10deg);
  }

  50% {
    transform: translate3d(18px, 22px, 0) rotate(18deg);
  }
}

@keyframes mainvisual-float-b {

  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(8deg);
  }

  50% {
    transform: translate3d(-22px, 18px, 0) rotate(-20deg);
  }
}

@keyframes mainvisual-float-c {

  0%,
  100% {
    transform: translate3d(0, 0, 0) rotate(-16deg);
  }

  50% {
    transform: translate3d(24px, -18px, 0) rotate(24deg);
  }
}



/* -------------------------------------------
今すぐできる腸活　tips
----------------------------------------------- */

#choukatsu .tips {
  margin: 0 auto;
  text-align: center;
}

#choukatsu .tips__content+.tips__content {
  padding-top: 7rem;
}

#choukatsu .tips__content__title {
  width: min(90%, 400px);
  margin: 0 auto;
}


/* -------------------------------------------
３つのtips
----------------------------------------------- */


#choukatsu .tips__content__item-wrap {
  margin-top: 3rem;
}

#choukatsu .tips__content__item-wrap__flex {
  display: flex;
  justify-content: center;
  gap: 4rem;
}

#choukatsu .tips__content__item {
  width: min(40%, 350px);
  margin: 0 auto;
  /* padding: 2rem; */
}

#choukatsu .tips__content__item:first-of-type {
  margin-bottom: -1rem;
}

#choukatsu .tips__content__item-wrap__flex .tips__content__item {
  margin-bottom: 0;
}





/* 優待部分 */
#choukatsu .arrow {
  width: 60px;
  margin: 0 auto .5rem;
}

#choukatsu .tips__benefit-intro {
  font-size: var(--text-lg);
  color: var(--c-deep-pink);
  line-height: var(--lh-lg);
}


#choukatsu .tips__benefit {
  background: #fff;
  border-radius: 32px;
  border: 4px #83C2D4 solid;
  max-width: 800px;
  display: flex;
  flex-wrap: wrap;
  padding: 4rem 2rem;
  margin: 0 auto;
  justify-content: center;
  gap: 6rem;
  margin: 6rem auto 0;
  position: relative;
}

#choukatsu .tips__benefit::before {
  content: "";
  display: block;
  width: 120px;
  height: 80px;
  background-image: url(../img/clip.svg);
  background-repeat: no-repeat;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  background-size: 100% auto;
}




/* 優待部分 */

#choukatsu .tips__benefit__content {
  width: min(100%, 250px);
  text-align: left;
  position: relative;
}

/* PC：中央の縦線 */
#choukatsu .tips__benefit__content+.tips__benefit__content::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -3rem;
  width: 1px;
  background-color: #83c2d4;
}

#choukatsu .tips__benefit__content img {
  display: block;
  width: 100%;
  /* max-width: 210px; */
  margin: 0 auto 1rem;
}


#choukatsu .tips__benefit__content__title {
  font-size: var(--text-md2);
  line-height: var(--lh-md2);
  font-weight: bold;
}


#choukatsu .tips__benefit__content__detail {
  font-size: var(--text-sm);
  line-height: var(--lh-sm);
}


#choukatsu .tips__benefit__content__price {
  font-size: var(--text-lg);
  line-height: var(--lh-lg);
  font-weight: bold;
  color: var(--c-deep-pink);
  line-height: 1.2;
}


#choukatsu a.benefit__btn {
  background: #DC4F24;
  border-radius: 32px;
  line-height: 3;
  color: #fff;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: var(--text-md2);
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0px 5px 0 #A22B08;
  margin: 1rem auto 0;
  transition: .3s;
  transform-origin: bottom;
}

#choukatsu a.benefit__btn:hover {
  box-shadow: 0px 0px 0 #A22B08;
  transform: translateY(5px);
}




/* インタビュー */

#choukatsu .interview {
  text-align: center;
  padding-bottom: 2rem;
}

#choukatsu .interview__top {
  width: min(100%, 350px);
  text-align: center;
  margin: 0 auto;
}

#choukatsu .interview__top__img {
  width: min(80%, 350px);
  text-align: center;
  margin: 0 auto;
}

#choukatsu .interview__top p {
  color: var(--c-deep-pink);
}

#choukatsu .interview__top__katagaki {
  font-size: var(--text-md);
  line-height: var(--lh-md);
  margin: 1rem auto 0;
}

#choukatsu .interview__top__name {
  font-size: var(--text-lg);
  line-height: var(--lh-lg);
}

#choukatsu .interview__top__detail {
  text-align: left;
  margin-top: 1rem;
}

#choukatsu .interview__title {
  color: var(--c-deep-brown);
  font-size: var(--text-lg);
  line-height: var(--lh-lg);
  background: var(--c-pale-brown);
  text-align: center;
  padding: 1rem 2.5rem;
  border-radius: 80px;
  display: inline-block;
  margin: 3rem auto 0;
  text-align: center;
}

#choukatsu .interview__text {
  width: min(100%, 650px);
  margin: 2rem auto 0;
  font-size: var(--text-md2);
  line-height: var(--lh-md2);
  text-align: left;
  padding-bottom: 6rem;
}


#wave {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#wave-path {
  fill: #FEF3F1;
  fill-rule: evenodd;
}





/* 背景アニメーション */
/* ========================================
   背景の浮遊図形
======================================== */
/* ========================================
   浮遊図形
======================================== */

#choukatsu .floating-shapes {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

#choukatsu .floating-shapes>div::before,
#choukatsu .floating-shapes>div::after {
  content: "";
  position: absolute;
  width: 50px;
  aspect-ratio: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  will-change: transform;
}

/* ========================================
   図形A
======================================== */

#choukatsu .floating-shapes>div::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43 38'%3E%3Cpath fill='%23FFE1DE' d='M9.40842 2.98007C5.54583 6.44136 5.01922 16.1035 13.2386 24.6122C20.5668 32.1983 28.249 33.8569 30.9779 33.8838C34.4985 33.9184 37.2064 29.4375 35.8236 25.8652C34.4408 22.2929 27.2936 21.0671 22.8799 16.9165C18.9792 13.2484 19.5873 8.83488 18.622 6.03865C17.5684 2.98709 12.1693 0.506035 9.40842 2.98007Z'/%3E%3C/svg%3E");
  animation: floating-a 13s ease-in-out infinite alternate;
}

/* ========================================
   図形B
======================================== */

#choukatsu .floating-shapes>div::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 23'%3E%3Cpath fill='%23FFE1DE' d='M12.9488 0.758683C14.3897 -0.522543 16.6478 -0.131332 17.5737 1.55995L18.5701 3.37987C19.0579 4.271 19.9637 4.85468 20.9767 4.9308L23.3904 5.11217C25.5233 5.27244 26.6614 7.70387 25.4241 9.44852C24.6669 10.5162 24.7691 11.9722 25.67 12.9217C27.2559 14.5933 26.1959 17.357 23.8989 17.5393L22.9208 17.617C21.6965 17.7141 20.6551 18.5477 20.2922 19.721L20.1066 20.321C19.4977 22.2892 17.1317 23.0721 15.469 21.8555L13.3024 20.2701C12.5463 19.7169 11.5751 19.5486 10.677 19.8153L8.10336 20.5794C6.12831 21.1658 4.1635 19.6325 4.25228 17.5742L4.27934 16.9468C4.33226 15.7198 3.63196 14.5844 2.5117 14.0811L1.61676 13.6789C-0.485092 12.7345 -0.553604 9.77528 1.50229 8.7346C2.67007 8.14347 3.25612 6.80671 2.90224 5.54659C2.32395 3.48738 4.21368 1.58052 6.27614 2.1471L8.61017 2.78828C9.58981 3.0574 10.6391 2.81243 11.3983 2.13736L12.9488 0.758683Z'/%3E%3C/svg%3E");
  animation: floating-b 15s ease-in-out infinite alternate;
}

/* ========================================
   30個の配置
======================================== */

#choukatsu .floating-shapes>div:nth-child(1)::before {
  top: 2%;
  left: 10%;
  animation-delay: -2s;
}

#choukatsu .floating-shapes>div:nth-child(1)::after {
  top: 5%;
  right: 12%;
  animation-delay: -8s;
}

#choukatsu .floating-shapes>div:nth-child(2)::before {
  top: 9%;
  right: 20%;
  animation-delay: -5s;
}

#choukatsu .floating-shapes>div:nth-child(2)::after {
  top: 12%;
  left: 14%;
  animation-delay: -11s;
}

#choukatsu .floating-shapes>div:nth-child(3)::before {
  top: 16%;
  left: 4%;
  animation-delay: -7s;
}

#choukatsu .floating-shapes>div:nth-child(3)::after {
  top: 19%;
  right: 6%;
  animation-delay: -3s;
}

#choukatsu .floating-shapes>div:nth-child(4)::before {
  top: 23%;
  right: 15%;
  animation-delay: -10s;
}

#choukatsu .floating-shapes>div:nth-child(4)::after {
  top: 26%;
  left: 18%;
  animation-delay: -5s;
}

#choukatsu .floating-shapes>div:nth-child(5)::before {
  top: 30%;
  left: 6%;
  animation-delay: -12s;
}

#choukatsu .floating-shapes>div:nth-child(5)::after {
  top: 33%;
  right: 5%;
  animation-delay: -7s;
}

#choukatsu .floating-shapes>div:nth-child(6)::before {
  top: 37%;
  right: 22%;
  animation-delay: -4s;
}

#choukatsu .floating-shapes>div:nth-child(6)::after {
  top: 40%;
  left: 12%;
  animation-delay: -9s;
}

#choukatsu .floating-shapes>div:nth-child(7)::before {
  top: 44%;
  left: 3%;
  animation-delay: -6s;
}

#choukatsu .floating-shapes>div:nth-child(7)::after {
  top: 47%;
  right: 12%;
  animation-delay: -13s;
}

#choukatsu .floating-shapes>div:nth-child(8)::before {
  top: 51%;
  right: 4%;
  animation-delay: -9s;
}

#choukatsu .floating-shapes>div:nth-child(8)::after {
  top: 54%;
  left: 20%;
  animation-delay: -2s;
}

#choukatsu .floating-shapes>div:nth-child(9)::before {
  top: 58%;
  left: 7%;
  animation-delay: -11s;
}

#choukatsu .floating-shapes>div:nth-child(9)::after {
  top: 61%;
  right: 18%;
  animation-delay: -5s;
}

#choukatsu .floating-shapes>div:nth-child(10)::before {
  top: 65%;
  right: 5%;
  animation-delay: -8s;
}

#choukatsu .floating-shapes>div:nth-child(10)::after {
  top: 68%;
  left: 15%;
  animation-delay: -12s;
}

#choukatsu .floating-shapes>div:nth-child(11)::before {
  top: 72%;
  left: 3%;
  animation-delay: -4s;
}

#choukatsu .floating-shapes>div:nth-child(11)::after {
  top: 75%;
  right: 10%;
  animation-delay: -10s;
}

#choukatsu .floating-shapes>div:nth-child(12)::before {
  top: 79%;
  right: 22%;
  animation-delay: -6s;
}

#choukatsu .floating-shapes>div:nth-child(12)::after {
  top: 82%;
  left: 11%;
  animation-delay: -13s;
}

#choukatsu .floating-shapes>div:nth-child(13)::before {
  top: 86%;
  left: 5%;
  animation-delay: -9s;
}

#choukatsu .floating-shapes>div:nth-child(13)::after {
  top: 88%;
  right: 6%;
  animation-delay: -3s;
}

#choukatsu .floating-shapes>div:nth-child(14)::before {
  top: 91%;
  right: 18%;
  animation-delay: -12s;
}

#choukatsu .floating-shapes>div:nth-child(14)::after {
  top: 93%;
  left: 20%;
  animation-delay: -7s;
}

#choukatsu .floating-shapes>div:nth-child(15)::before {
  top: 96%;
  left: 7%;
  animation-delay: -5s;
}

#choukatsu .floating-shapes>div:nth-child(15)::after {
  top: 97%;
  right: 8%;
  animation-delay: -11s;
}

/* ========================================
   図形Cへ差し替え
======================================== */

#choukatsu .floating-shapes>div:nth-child(1)::before,
#choukatsu .floating-shapes>div:nth-child(3)::after,
#choukatsu .floating-shapes>div:nth-child(5)::before,
#choukatsu .floating-shapes>div:nth-child(7)::after,
#choukatsu .floating-shapes>div:nth-child(9)::before,
#choukatsu .floating-shapes>div:nth-child(11)::after,
#choukatsu .floating-shapes>div:nth-child(13)::before,
#choukatsu .floating-shapes>div:nth-child(15)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 41'%3E%3Cpath fill='%23FFE1DE' d='M31.1727 40.5504C24.323 39.1316 22.9976 32.0235 20.4231 28.9648C16.0435 23.7612 8.79252 31.5219 2.08534 27.4301C-0.789063 25.6765 -0.639221 22.7628 2.21099 21.6695C7.50416 19.6391 15.5569 22.9766 18.2738 23.3625C20.9906 23.7485 22.6195 23.1239 23.3634 21.4105C24.8069 18.4766 17.8912 6.96912 19.2196 3.12655C20.5481 -0.716027 23.7166 -0.979458 25.8439 2.13128C27.585 4.67716 24.4181 16.2453 30.0371 19.3263C32.9366 20.9161 35.9795 19.4221 39.174 21.053C42.3684 22.6838 44.7975 26.7556 44.5126 32.1012C44.2278 37.4468 38.0224 41.9692 31.1727 40.5504Z'/%3E%3C/svg%3E");
}

/* ========================================
   3つ星の図形へ差し替え
======================================== */

#choukatsu .floating-shapes>div:nth-child(2)::after,
#choukatsu .floating-shapes>div:nth-child(6)::before,
#choukatsu .floating-shapes>div:nth-child(10)::after,
#choukatsu .floating-shapes>div:nth-child(14)::before {
  width: 65px;
  aspect-ratio: 65 / 51;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 51'%3E%3Cpath fill='%23FFE1DE' d='M13.6637 35.4336C11.938 33.5274 9.22581 38.4603 7.5002 39.0468C5.77459 39.6333 -0.141224 38.0729 0.00257679 40.5656C0.146378 43.0582 5.00022 42.5168 6.50022 44.0463C8.00022 45.5758 9.78103 50.9761 11.938 49.9497C14.0951 48.9233 11.304 44.0463 11.5 42.0469C11.696 40.0475 15.3893 37.3397 13.6637 35.4336Z'/%3E%3Cpath fill='%23FFE1DE' d='M28.208 13.4457C29.7052 11.3553 24.3096 9.74995 23.3708 8.18781C22.4319 6.62567 22.7033 0.513545 20.2977 1.18228C17.8922 1.85102 19.4498 6.4799 18.2729 8.26993C17.096 10.06 12.1957 12.9447 13.6558 14.8352C15.116 16.7258 19.2909 12.9646 21.2864 12.7325C23.2819 12.5004 26.7108 15.536 28.208 13.4457Z'/%3E%3Cpath fill='%23FFE1DE' d='M54.4265 47.0283C56.9906 47.2198 55.5555 41.7765 56.4014 40.1622C57.2473 38.5478 62.6089 35.6007 60.7866 33.8939C58.9642 32.1871 55.8208 35.925 53.6799 35.8508C51.5389 35.7766 46.5263 33.0915 45.671 35.3219C44.8158 37.5523 50.1995 39.1619 51.4357 40.7456C52.6718 42.3293 51.8624 46.8367 54.4265 47.0283Z'/%3E%3C/svg%3E");
}

/* ========================================
   一部だけ大きく回転
======================================== */

#choukatsu .floating-shapes>div:nth-child(2)::before,
#choukatsu .floating-shapes>div:nth-child(4)::after,
#choukatsu .floating-shapes>div:nth-child(7)::before,
#choukatsu .floating-shapes>div:nth-child(10)::after,
#choukatsu .floating-shapes>div:nth-child(13)::before {
  animation-name: floating-rotate;
  animation-duration: 12s;
}

/* ========================================
   アニメーション
======================================== */

@keyframes floating-a {
  0% {
    transform: translate3d(-15px, -20px, 0) rotate(-15deg);
  }

  35% {
    transform: translate3d(20px, 5px, 0) rotate(15deg);
  }

  70% {
    transform: translate3d(-5px, 25px, 0) rotate(35deg);
  }

  100% {
    transform: translate3d(30px, -10px, 0) rotate(55deg);
  }
}

@keyframes floating-b {
  0% {
    transform: translate3d(18px, -22px, 0) rotate(20deg);
  }

  35% {
    transform: translate3d(-25px, 5px, 0) rotate(-15deg);
  }

  70% {
    transform: translate3d(10px, 25px, 0) rotate(-35deg);
  }

  100% {
    transform: translate3d(-30px, -8px, 0) rotate(-60deg);
  }
}

@keyframes floating-rotate {
  0% {
    transform: translate3d(-15px, -20px, 0) rotate(0deg);
  }

  35% {
    transform: translate3d(25px, 8px, 0) rotate(80deg);
  }

  70% {
    transform: translate3d(-10px, 28px, 0) rotate(160deg);
  }

  100% {
    transform: translate3d(30px, -12px, 0) rotate(240deg);
  }
}

/* コンテンツを図形より前へ */
#choukatsu .wrapper {
  position: relative;
  z-index: 2;
}

/* ========================================
   スマホ
======================================== */




@media (max-width: 767px) {

  /*　左右余白削除　*/
  #fftop_recomDetail section {
    padding: 0;
  }

  #choukatsu .sp {
    display: block !important;
  }

  #choukatsu .pc {
    display: none !important;
  }

  /* ---------------------------- */


  #choukatsu .mainvisual {
    text-align: center;
    padding-top: 4rem;
  }


  #choukatsu .floating-shapes>div::before,
  #choukatsu .floating-shapes>div::after {
    width: 34px;
  }

  #choukatsu .floating-shapes>div:nth-child(2)::after,
  #choukatsu .floating-shapes>div:nth-child(6)::before,
  #choukatsu .floating-shapes>div:nth-child(10)::after,
  #choukatsu .floating-shapes>div:nth-child(14)::before {
    width: 46px;
  }

  #choukatsu .floating-shapes>div:nth-child(4n)::before,
  #choukatsu .floating-shapes>div:nth-child(4n)::after {
    display: none;
  }


  #choukatsu .mainvisual__float>div:nth-child(1) {
    top: 1rem;
    left: -5%;
    width: 36px;
  }

  #choukatsu .mainvisual__float>div:nth-child(2) {
    top: 4rem;
    right: -7%;
    width: 52px;
  }

  #choukatsu .mainvisual__float>div:nth-child(3) {
    top: 15rem;
    left: 4%;
    width: 40px;
  }


  /* tips */
  #choukatsu .tips__content__item-wrap__flex {
    gap: 2rem;
  }

  #choukatsu .tips__content__item:first-of-type {
    margin-bottom: 2rem;
  }

  #choukatsu .tips__content__item-wrap__flex .tips__content__item {
    margin-bottom: 0rem;
  }

  #choukatsu .tips__content__item-wrap__flex {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  #choukatsu .tips__content__item {
    width: min(100%, 350px);
  }

  #choukatsu .tips__content__item:nth-child(2) {
    margin-top: 0px;
  }

  #choukatsu .arrow {
    width: 40px;
    margin: 1rem auto .5rem;
  }

  #choukatsu .tips__benefit {
    flex-direction: column;
    align-items: center;
    gap: 4rem;
  }

  /* スマホ：中央の横線 */
  #choukatsu .tips__benefit__content+.tips__benefit__content::before {
    top: -2rem;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  #choukatsu .interview__text {
    padding-bottom: 4rem;
  }


}



/* 動きを減らす設定 */
@media (prefers-reduced-motion: reduce) {
  #choukatsu .mainvisual__float>div {
    animation: none;
  }

  #choukatsu .floating-shapes>div::before,
  #choukatsu .floating-shapes>div::after {
    animation: none;
  }


}