@charset "UTF-8";
/* CSS Document */
.foryou .animation {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }
.foryou .poyopoyo {
  -webkit-animation-name: poyopoyo;
  animation-name: poyopoyo; }
@-webkit-keyframes poyopoyo {
  0%,
    40%,
    60%,
    80% {
    transform: scale(1); }
  50%,
    70% {
    transform: scale(0.95); } }
@keyframes poyopoyo {
  0%,
    40%,
    60%,
    80% {
    transform: scale(1); }
  50%,
    70% {
    transform: scale(0.95); } }
.foryou .yurayura {
  -webkit-animation-name: yurayura;
  animation-name: yurayura; }
@-webkit-keyframes yurayura {
  0%,
    40%,
    60%,
    80% {
    transform: rotate(0deg); }
  50%,
    70% {
    transform: rotate(5deg); } }
@keyframes yurayura {
  0%,
    40%,
    60%,
    80% {
    transform: rotate(0deg); }
  50%,
    70% {
    transform: rotate(5deg); } }
.foryou .fv__wrap {
  max-width: 100%;
  width: 100%; }
.foryou .fv__bg {
  background-color: #b9d6f5;
  position: relative;
  overflow: hidden;
  padding: 0 5%;
  z-index: 0;
  max-width: 100%; }
  @media screen and (max-width: 767px) {
    .foryou .fv__bg {
      padding: 0; } }
  .foryou .fv__bg::after {
    z-index: -2;
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 74%;
    height: 140%;
    background: #98c1f0;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px; }
    @media screen and (max-width: 767px) {
      .foryou .fv__bg::after {
        content: none; } }
.foryou .fv__contents {
  max-width: 1144px;
  margin: 0 auto;
  position: relative; }
.foryou .fv__main {
  max-width: 898px;
  width: 66vw;
  border-radius: 46px;
  overflow: hidden;
  margin: 3.6vw 0 4.5vw auto; }
  @media screen and (max-width: 767px) {
    .foryou .fv__main {
      border-radius: 0;
      margin: 0;
      width: 100%; } }
  .foryou .fv__main:before {
    content: "";
    z-index: -1;
    position: absolute;
    max-width: 927px;
    width: 68vw;
    height: 103%;
    border-radius: 46px;
    transform: rotate(-3deg);
    background-color: #d1e3f5;
    margin-top: -10px;
    margin-left: -10px; }
    @media screen and (max-width: 767px) {
      .foryou .fv__main:before {
        content: none; } }
  @media screen and (max-width: 767px) {
    .foryou .fv__main picture img {
      width: 100%; } }
.foryou .fv__decoration picture {
  position: absolute; }
  @media screen and (max-width: 767px) {
    .foryou .fv__decoration picture img {
      width: 100%; } }
.foryou .fv__decoration picture:nth-child(1) {
  top: 0;
  width: 10.8vw;
  left: 11vw; }
.foryou .fv__decoration picture:nth-child(2) {
  max-width: 148px;
  width: 9vw;
  bottom: 0;
  right: -5vw; }
.foryou .fv__decoration picture:nth-child(3) {
  max-width: 123px;
  width: 10.9vw;
  top: -16px;
  right: 2.7vw; }
.foryou .fv__decoration picture:nth-child(4) {
  width: 64vw;
  top: 0;
  left: 0; }
.foryou .fv__decoration picture:nth-child(5) {
  width: 74.4vw;
  bottom: 3vw;
  right: 1.5vw; }
.foryou .fv__decoration picture:nth-child(6) {
  width: 8.6vw;
  bottom: 46.6vw;
  right: 16vw; }
.foryou .fv__decoration picture:nth-child(7) {
  width: 6.4vw;
  bottom: 11vw;
  left: 14.4vw; }
.foryou .fv__decoration picture:nth-child(8) {
  top: 1.5vh;
  right: 4.5vw; }
.foryou .fv__decoration picture:nth-child(9) {
  width: 14.5vw;
  bottom: 21.5vw;
  left: 1.5vw; }
.foryou .fv__title {
  transform: translateY(-100%);
  position: absolute;
  max-width: 595px;
  width: 50vw;
  bottom: 0;
  transform: translateY(-50%); }
.foryou .fv__loop {
  width: 100vw;
  background-color: #cee6f5; }
  .foryou .fv__loop .loop__wrap {
    height: 50px; }
    .foryou .fv__loop .loop__wrap .slick-slide {
      height: 100%; }
    .foryou .fv__loop .loop__wrap .slick-track {
      height: 100%; }
    .foryou .fv__loop .loop__wrap .slick-list {
      height: 100%; }
    .foryou .fv__loop .loop__wrap .slick-slide {
      width: 152px;
      height: calc(100% - 20px);
      margin: 10px 0;
      overflow: hidden; }
      .foryou .fv__loop .loop__wrap .slick-slide div {
        width: 58px;
        height: 100%;
        position: relative; }
        .foryou .fv__loop .loop__wrap .slick-slide div::after {
          content: "For You";
          position: absolute;
          top: 66%;
          left: 64px;
          transform: translateY(-50%);
          width: 78px;
          height: 100%;
          color: #6798d1;
          font-size: 20px;
          font-size: 2rem;
          font-family: "Noto Serif JP", serif; }
        .foryou .fv__loop .loop__wrap .slick-slide div li {
          width: 100%;
          height: 100%; }
          .foryou .fv__loop .loop__wrap .slick-slide div li img {
            display: block;
            width: 100%;
            height: 100%;
            margin: 0;
            -o-object-fit: cover;
            object-fit: cover; }
.foryou .fv__read {
  padding: 50px 20px 0;
  position: relative; }
  .foryou .fv__read::before {
    content: "";
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 58% 94%, 50% 100%, 42% 94%, 0 94%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 58% 94%, 50% 100%, 42% 94%, 0 94%);
    background-color: #edf7fd;
    position: absolute;
    right: 0;
    top: 183px;
    transform: translateY(-50%);
    width: 100%;
    height: 370px;
    z-index: 1; }
  .foryou .fv__read::after {
    content: "";
    background-image: url("../../img/foryou/bg_border_sp@2x.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: -345px;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .foryou .fv__read--txt {
    color: #747474;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 2.4;
    text-align: center;
    margin: 0 auto;
    position: inherit;
    z-index: 10; }
  .foryou .fv__read--blue {
    color: #6798d1; }
  .foryou .fv__read--large {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline solid #fff 7px;
    -webkit-text-decoration: underline;
    -webkit-text-decoration-color: #fff;
    -webkit-text-decoration-style: solid;
    text-decoration-thickness: 7px;
    text-underline-offset: -2px;
    margin: 30px auto 6%; }
@media screen and (min-width: 768px) {
  .foryou .fv__read::after {
    background-size: 100% 8.5%; }
  .foryou .fv__read--txt {
    font-size: 18px;
    font-size: 1.8rem; }
  .foryou .fv__read--large {
    line-height: 1.8;
    margin: 20px auto 6%; } }
@media screen and (min-width: 1200px) {
  .foryou .fv__loop .loop__wrap {
    height: 83px; }
    .foryou .fv__loop .loop__wrap .slick-slide {
      width: 250px;
      height: calc(100% - 32px);
      margin: 16px 0; }
      .foryou .fv__loop .loop__wrap .slick-slide div {
        width: 97px; }
        .foryou .fv__loop .loop__wrap .slick-slide div::after {
          position: absolute;
          top: 66%;
          left: 106px;
          transform: translateY(-50%);
          width: 144px;
          height: 100%;
          color: #6798d1;
          font-size: 33px;
          font-size: 3.3rem; }
  .foryou .fv__read {
    padding: 93px 0 0;
    position: relative; }
    .foryou .fv__read::before {
      content: "";
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 56% 92%, 50% 100%, 45% 92%, 0 92%);
      clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 56% 92%, 50% 100%, 45% 92%, 0 92%);
      position: absolute;
      right: 0;
      top: 196px;
      transform: translateY(-50%);
      width: 100%;
      height: 392px; }
    .foryou .fv__read::after {
      content: "";
      background-image: url("../../img/foryou/bg_border_pc@2x.png");
      background-repeat: no-repeat;
      background-size: 100% 11.5%;
      position: absolute;
      right: 0;
      bottom: -360px;
      width: 100%;
      height: 100%; }
    .foryou .fv__read--txt {
      font-size: 20px;
      font-size: 2rem;
      line-height: 2; }
      .foryou .fv__read--txt .no-br {
        display: none; }
    .foryou .fv__read--large {
      font-size: 26px;
      font-size: 2.6rem;
      -webkit-text-decoration: underline solid #fff 9px;
      text-decoration: underline solid #fff 9px;
      　-webkit-text-decoration: underline solid #fff 9px;
      margin: 30px auto 3%; } }
.foryou .sec-btn {
  background-color: #edf7fd;
  padding: 60px 0; }
  @media screen and (min-width: 768px) {
    .foryou .sec-btn {
      padding: 105px 0; } }
  @media screen and (min-width: 768px) {
    .foryou .sec-btn .btn__col2 {
      gap: calc((50 / 980) * 100%); } }
  .foryou .sec-btn .btn--foryou {
    background-image: url(../../img/foryou/btn_bg_sp@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    color: #fff; }
    @media screen and (min-width: 992px) {
      .foryou .sec-btn .btn--foryou {
        background-image: url(../../img/foryou/btn_bg_pc@2x.png);
        font-size: 20px;
        font-size: 2rem; } }
    .foryou .sec-btn .btn--foryou::after {
      width: 12px;
      height: 10px;
      background-image: url(../../img/common/arrow_w.svg); }
      @media screen and (min-width: 768px) {
        .foryou .sec-btn .btn--foryou::after {
          width: 15px;
          height: 13px; } }
  .foryou .sec-btn .btn {
    border-radius: 0;
    max-width: 305px;
    max-height: 73px; }
    .foryou .sec-btn .btn:last-of-type {
      margin-bottom: 0; }
    @media screen and (min-width: 992px) {
      .foryou .sec-btn .btn {
        margin-bottom: 0;
        max-width: 456px;
        max-height: 110px; } }
  .foryou .sec-btn .btn--txt-center::after {
    right: 7%; }
.foryou .feature .unit {
  margin: 0 calc(50% - 50vw);
  position: relative;
  padding: calc((70 / 335) * 100%) 0 calc((90 / 335) * 100%); }
  @media screen and (min-width: 768px) {
    .foryou .feature .unit {
      padding: calc((68 / 980) * 100%) 0 calc((188 / 980) * 100%); } }
  .foryou .feature .unit:first-of-type {
    padding-top: calc((140 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:first-of-type {
        padding-top: calc((210 / 980) * 100%); } }
  .foryou .feature .unit::before {
    content: "";
    height: calc((50 / 375) * 100vw);
    top: calc((50 / 2) * -1px);
    width: 150vw;
    position: absolute;
    left: 50%; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit::before {
        height: calc((120 / 1366) * 100vw);
        top: calc((120 / 2) * -1px); } }
  .foryou .feature .unit__wrap {
    display: flex;
    margin: 0 auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__wrap {
        max-width: 880px;
        width: calc((880 / 980) * 100%); } }
  .foryou .feature .unit__img {
    width: calc((220 / 335) * 100%);
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__img {
        width: calc((437 / 880) * 100%); } }
    .foryou .feature .unit__img::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: -1; }
  .foryou .feature .unit__dots {
    position: relative; }
    .foryou .feature .unit__dots::before, .foryou .feature .unit__dots::after {
      content: "";
      display: block;
      width: calc((120 / 375) * 100vw);
      height: calc((120 / 375) * 100vw);
      background-image: url(../../img/foryou/feature_bg.svg);
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      z-index: -1; }
      @media screen and (min-width: 768px) {
        .foryou .feature .unit__dots::before, .foryou .feature .unit__dots::after {
          width: calc((224 / 1366) * 100vw);
          height: calc((224 / 1366) * 100vw); } }
  .foryou .feature .unit__content {
    position: absolute;
    bottom: calc((-90 / 335) * 100%);
    z-index: 3; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__content {
        bottom: calc((-90 / 880) * 100%); } }
  .foryou .feature .unit__inner {
    width: 334px;
    height: 137px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    background: #fff;
    box-shadow: 0 5px 15px 0 rgba(17, 17, 17, 0.16); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__inner {
        width: 490px;
        height: 272px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .foryou .feature .unit__inner {
        width: 435px;
        height: 240px; } }
  .foryou .feature .unit__catch {
    position: absolute;
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 0.1em;
    font-weight: 600;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__catch {
        font-size: 46px;
        font-size: 4.6rem; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .foryou .feature .unit__catch {
        font-size: 38px;
        font-size: 3.8rem; } }
  .foryou .feature .unit__speech {
    position: absolute;
    transition: 0.4s; }
  .foryou .feature .unit__title {
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0.08em;
    font-weight: 600; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__title {
        font-size: 30px;
        font-size: 3rem; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .foryou .feature .unit__title {
        font-size: 26px;
        font-size: 2.6rem; } }
  .foryou .feature .unit__txt {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #747474; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit__txt {
        font-size: 23px;
        font-size: 2.3rem; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .foryou .feature .unit__txt {
        font-size: 20px;
        font-size: 2rem; } }
  .foryou .feature .unit__deco {
    position: absolute; }
  .foryou .feature .unit.pink {
    background: #fdedf2; }
    .foryou .feature .unit.pink::before {
      background: #fdedf2; }
    .foryou .feature .unit.pink .unit__img::before {
      background: #f2cdd9; }
    .foryou .feature .unit.pink .unit__catch {
      color: #f098b4; }
    .foryou .feature .unit.pink .unit__title {
      color: #f098b4; }
  .foryou .feature .unit.green {
    background: #dcf4f0; }
    .foryou .feature .unit.green::before {
      background: #dcf4f0; }
    .foryou .feature .unit.green .unit__img::before {
      background: #c8f0ea; }
    .foryou .feature .unit.green .unit__catch {
      color: #9ce2d7; }
    .foryou .feature .unit.green .unit__title {
      color: #9ce2d7; }
  .foryou .feature .unit.purple {
    background: #f2edff; }
    .foryou .feature .unit.purple::before {
      background: #f2edff; }
    .foryou .feature .unit.purple .unit__img::before {
      background: #d9d2ef; }
    .foryou .feature .unit.purple .unit__catch {
      color: #b3a7d9; }
    .foryou .feature .unit.purple .unit__title {
      color: #b3a7d9; }
  .foryou .feature .unit:nth-of-type(odd)::before {
    transform: translate(-50%, 0) rotate(-4deg); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd)::before {
        transform: translate(-50%, 0) rotate(2deg); } }
  .foryou .feature .unit:nth-of-type(odd) .unit__img {
    margin-left: calc((20 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd) .unit__img {
        margin-left: 0; } }
    .foryou .feature .unit:nth-of-type(odd) .unit__img::before {
      top: calc((-30 / 335) * 100%);
      left: calc((-30 / 335) * 100%); }
      @media screen and (min-width: 768px) {
        .foryou .feature .unit:nth-of-type(odd) .unit__img::before {
          top: -20px;
          left: -20px; } }
  .foryou .feature .unit:nth-of-type(odd) .unit__dots::before {
    top: calc((-70 / 335) * 100%);
    right: calc((-80 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd) .unit__dots::before {
        top: calc((-150 / 880) * 100%);
        right: calc((-105 / 880) * 100%); } }
  .foryou .feature .unit:nth-of-type(odd) .unit__dots::after {
    content: none; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd) .unit__dots::after {
        content: "";
        bottom: calc((-120 / 880) * 100%);
        left: calc((-140 / 880) * 100%); } }
  .foryou .feature .unit:nth-of-type(odd) .unit__inner {
    border-radius: 100vh 0 0 100vh; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd) .unit__inner {
        border-radius: 30px; } }
    .foryou .feature .unit:nth-of-type(odd) .unit__inner--adjust {
      padding-left: calc((30 / 335) * 100%); }
      @media screen and (min-width: 768px) {
        .foryou .feature .unit:nth-of-type(odd) .unit__inner--adjust {
          padding-left: 0; } }
  .foryou .feature .unit:nth-of-type(odd) .unit__content {
    right: 0; }
  .foryou .feature .unit:nth-of-type(odd) .unit__catch {
    transform: translate(0, -100%);
    top: calc((5 / 335) * 100%);
    right: 0; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd) .unit__catch {
        top: calc((-170 / 880) * 100%);
        left: 0; } }
  .foryou .feature .unit:nth-of-type(odd) .unit__speech {
    transform: translate(0, -50%);
    top: calc((-190 / 335) * 100%);
    right: 0; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(odd) .unit__speech {
        top: 0;
        right: calc((-48 / 880) * 100%); } }
  .foryou .feature .unit:nth-of-type(even)::before {
    transform: translate(-50%, 0) rotate(4deg); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even)::before {
        transform: translate(-50%, 0) rotate(-2deg); } }
  .foryou .feature .unit:nth-of-type(even) .unit__img {
    margin-left: auto;
    margin-right: calc((20 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even) .unit__img {
        margin-right: 0; } }
    .foryou .feature .unit:nth-of-type(even) .unit__img::before {
      top: calc((-30 / 335) * 100%);
      left: calc((30 / 335) * 100%); }
      @media screen and (min-width: 768px) {
        .foryou .feature .unit:nth-of-type(even) .unit__img::before {
          top: -20px;
          left: 20px; } }
  .foryou .feature .unit:nth-of-type(even) .unit__inner {
    border-radius: 0 100vh 100vh 0; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even) .unit__inner {
        border-radius: 30px; } }
    .foryou .feature .unit:nth-of-type(even) .unit__inner--adjust {
      padding-right: calc((30 / 335) * 100%); }
      @media screen and (min-width: 768px) {
        .foryou .feature .unit:nth-of-type(even) .unit__inner--adjust {
          padding-right: 0; } }
  .foryou .feature .unit:nth-of-type(even) .unit__dots::before {
    top: calc((-70 / 335) * 100%);
    left: calc((-80 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even) .unit__dots::before {
        top: calc((-150 / 880) * 100%);
        left: calc((-105 / 880) * 100%); } }
  .foryou .feature .unit:nth-of-type(even) .unit__dots::after {
    bottom: calc((-140 / 335) * 100%);
    left: calc((-140 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even) .unit__dots::after {
        bottom: calc((-120 / 880) * 100%);
        right: calc((-140 / 880) * 100%);
        left: auto; } }
  .foryou .feature .unit:nth-of-type(even) .unit__catch {
    transform: translate(0, -100%);
    top: calc((5 / 335) * 100%);
    left: 0; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even) .unit__catch {
        top: calc((-170 / 880) * 100%);
        right: 0;
        left: auto; } }
  .foryou .feature .unit:nth-of-type(even) .unit__speech {
    position: absolute;
    transform: translate(0, -50%);
    top: calc((-190 / 335) * 100%);
    left: 0; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit:nth-of-type(even) .unit__speech {
        top: 0;
        left: calc((-48 / 880) * 100%); } }
  .foryou .feature .unit--01 .unit__deco {
    transform: translate(-50%, 0) scale(0.6);
    left: calc((10 / 335) * 100%);
    bottom: calc((-40 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--01 .unit__deco {
        transform: none;
        right: 0;
        left: auto;
        bottom: calc((-120 / 880) * 100%); } }
  .foryou .feature .unit--02 .unit__deco {
    transform: translate(-50%, 0) scale(0.65);
    right: calc((-90 / 335) * 100%);
    bottom: calc((-90 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--02 .unit__deco {
        transform: none;
        right: calc((-60 / 880) * 100%);
        bottom: calc((-140 / 880) * 100%); } }
  .foryou .feature .unit--03 .unit__deco {
    transform: translate(-50%, 0) scale(-0.5, 0.5);
    left: 0;
    bottom: calc((-90 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--03 .unit__deco {
        transform: none;
        right: 0;
        left: auto;
        bottom: calc((-120 / 880) * 100%); } }
  .foryou .feature .unit--04 .unit__deco {
    transform: translate(-50%, 0) scale(0.7);
    right: calc((-50 / 335) * 100%);
    bottom: calc((-140 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--04 .unit__deco {
        transform: none;
        right: calc((-60 / 880) * 100%);
        bottom: calc((-140 / 880) * 100%); } }
  .foryou .feature .unit--05 .unit__deco {
    transform: translate(-50%, 0) scale(0.7);
    right: calc((195 / 335) * 100%);
    bottom: calc((-120 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--05 .unit__deco {
        transform: none;
        right: calc((-40 / 880) * 100%);
        bottom: calc((-120 / 880) * 100%); } }
  .foryou .feature .unit--06 .unit__deco {
    transform: translate(-50%, 0) scale(0.7);
    right: calc((-84 / 335) * 100%);
    top: 0; }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--06 .unit__deco {
        transform: none;
        top: calc((40 / 880) * 100%);
        right: calc((80 / 880) * 100%); } }
  .foryou .feature .unit--06 .unit__link {
    position: absolute;
    width: 170px;
    right: calc((-60 / 375) * 100vw);
    bottom: calc((-60 / 375) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--06 .unit__link {
        width: 210px;
        right: calc((-60 / 880) * 100%);
        bottom: calc((-90 / 880) * 100%); } }
  .foryou .feature .unit--07 .unit__deco {
    transform: translate(-50%, 0) scale(-0.65, 0.65);
    left: calc((15 / 335) * 100%);
    bottom: calc((-90 / 335) * 100%); }
    @media screen and (min-width: 768px) {
      .foryou .feature .unit--07 .unit__deco {
        transform: none;
        right: calc((-40 / 880) * 100%);
        left: auto;
        bottom: calc((-120 / 880) * 100%); } }
.foryou .menber-voice {
  margin: 0 auto;
  max-width: 880px;
  width: calc(880 / 980 * 100%); }
  .foryou .menber-voice__btn {
    text-align: center;
    margin-top: calc(130 / 375 * 100%);
    position: relative; }
    @media screen and (min-width: 768px) {
      .foryou .menber-voice__btn {
        margin-top: 90px; } }
    .foryou .menber-voice__btn a {
      margin: 0 auto;
      font-weight: bold;
      font-size: 1.8rem;
      letter-spacing: 0.08em;
      color: #fff;
      background-color: #fa7393;
      width: 100%;
      max-width: 400px;
      height: 52px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 8px;
      position: relative; }
      .foryou .menber-voice__btn a::after {
        transition: 0.3s;
        transform-origin: 34%;
        content: "";
        position: absolute;
        right: 16px;
        top: 50%;
        width: 16px;
        height: 14px;
        background-image: url(../../img/common/arrow_w.svg);
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(-50%) rotate(90deg); }
      .foryou .menber-voice__btn a::before {
        right: 0;
        top: 0;
        transform: translate(-20%, -56%);
        content: "";
        position: absolute;
        width: 24vw;
        max-width: 112px;
        background-image: url("../../img/foryou/btn-fukidashi.png");
        background-size: contain;
        background-repeat: no-repeat;
        aspect-ratio: 112 / 72;
        z-index: 3; }
      @media screen and (min-width: 768px) {
        .foryou .menber-voice__btn a {
          height: 64px;
          font-size: 2.2rem; } }
      .foryou .menber-voice__btn a span {
        position: absolute;
        width: 50px;
        height: 50px;
        left: 10px;
        top: -20px; }
      .foryou .menber-voice__btn a span:last-of-type {
        left: calc(100% - 30px);
        top: calc(100% - 34px); }
  .foryou .menber-voice .menber-voice--open::after {
    transition: 0.3s;
    transform: translateY(-50%) rotate(-90deg); }
  .foryou .menber-voice__hidden {
    max-width: 600px;
    margin: 0 auto;
    display: none; }
  .foryou .menber-voice__fukidashi {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 1.7rem;
    letter-spacing: 0.08em;
    line-height: 1.2;
    font-weight: bold;
    color: #fa7393;
    background-color: #fff;
    margin: 40px 0 28px;
    padding: 12px 10px 11px;
    min-height: 30px;
    position: relative;
    box-shadow: 0 5px 0 0 #fbb7c7;
    text-align: center; }
    .foryou .menber-voice__fukidashi:after {
      content: "";
      position: absolute;
      width: 14px;
      height: 14px;
      background-color: #fff;
      left: 50%;
      bottom: 0;
      transform: translate(-50%, 50%) rotate(-45deg);
      box-shadow: 0 5px 0 0 #fbb7c7; }
    @media screen and (min-width: 768px) {
      .foryou .menber-voice__fukidashi {
        margin: 48px 0 32px;
        font-size: 1.9rem;
        min-height: 38px; } }
  .foryou .menber-voice__text {
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    line-height: 1.75;
    color: #747474; }
    @media screen and (min-width: 768px) {
      .foryou .menber-voice__text {
        font-size: 1.6rem; } }
    .foryou .menber-voice__text span {
      font-weight: bold;
      color: #fa7393; }
  .foryou .menber-voice__age {
    text-align: right;
    color: #fa7393;
    font-size: 1.2rem;
    letter-spacing: 0.08em;
    font-weight: bold;
    line-height: 1;
    margin-top: 12px; }
    @media screen and (min-width: 768px) {
      .foryou .menber-voice__age {
        margin-top: 20px;
        font-size: 1.4rem;
        text-align: center; } }
.foryou .green .menber-voice__btn a {
  background-color: #5dd9c6; }
.foryou .green .menber-voice__fukidashi {
  color: #5dd9c6;
  box-shadow: 0 5px 0 0 #9ce2d7; }
  .foryou .green .menber-voice__fukidashi:after {
    box-shadow: 0 5px 0 0 #9ce2d7; }
.foryou .green .menber-voice__text span {
  color: #5dd9c6; }
.foryou .green .menber-voice__age {
  color: #5dd9c6; }
.foryou .purple .menber-voice__btn a {
  background-color: #927cd9; }
.foryou .purple .menber-voice__fukidashi {
  color: #927cd9;
  box-shadow: 0 5px 0 0 #b3a7d9; }
  .foryou .purple .menber-voice__fukidashi:after {
    box-shadow: 0 5px 0 0 #b3a7d9; }
.foryou .purple .menber-voice__text span {
  color: #927cd9; }
.foryou .purple .menber-voice__age {
  color: #927cd9; }