@charset "UTF-8";
@media (min-width: 768px) {
  .container {
    width: 1030px;
    max-width: 1030px; }

  main, footer, .header {
    position: relative; }

  .anchor_link {
    padding-bottom: 170px;
    margin-top: -170px; } }
@media (max-width: 767.98px) {
  main {
    position: relative; }

  .container {
    width: 100%; }

  .anchor_link {
    padding-bottom: 200px;
    margin-top: -200px; } }
.kira_back {
  position: relative; }
  .kira_back::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: overlay;
    z-index: 0; }

@media (min-width: 768px) {
  .kira_back::before {
    background: url("../images/deco/back.svg") repeat center/40px; } }
@media (max-width: 767.98px) {
  .kira_back::before {
    background: url("../images/deco/back.svg") repeat center/40px; } }
.nami_top {
  -webkit-mask: var(--mask);
  mask: var(--mask); }

@media (min-width: 768px) {
  .nami_top {
    margin-top: -20px;
    --mask:
    radial-gradient(25.82px at 50% 35.7px,#000 99%,#0000 101%) calc(50% - 28px) 0/56px 100%,
    radial-gradient(25.82px at 50% -21.7px,#0000 99%,#000 101%) 50% 14px/56px 100% repeat-x; } }
@media (max-width: 767.98px) {
  .nami_top {
    margin-top: -30px;
    --mask:
    radial-gradient(31.36px at 50% 43.35px,#000 99%,#0000 101%) calc(50% - 34px) 0/68px 100%,
    radial-gradient(31.36px at 50% -26.35px,#0000 99%,#000 101%) 50% 17px/68px 100% repeat-x; } }
@keyframes nami {
  0% {
    background-position: calc(50% - 10px) 0;
    /* 左に移動 */ }
  50% {
    background-position: calc(50% + 10px) 0;
    /* 右に移動 */ }
  75% {
    background-position: calc(50% - 0px) 0;
    /* 元に戻る */ }
  100% {
    background-position: calc(50% - 0px) 0;
    /* 元に戻る */ } }
@keyframes kirari_fadeOut {
  0% {
    opacity: 1; }
  60% {
    opacity: 0; }
  100% {
    opacity: 0; } }
.salon_main {
  position: relative; }
  .salon_main.kira_back::before {
    opacity: .1; }
  .salon_main .salon_main_inner {
    position: relative; }
    .salon_main .salon_main_inner .salon_main_flex .ttl {
      position: relative; }
      .salon_main .salon_main_inner .salon_main_flex .ttl img.effect {
        position: absolute;
        top: 0;
        left: 0;
        filter: blur(3px);
        mix-blend-mode: plus-lighter;
        clip-path: polygon(-15px 0, 0 0, -45px 100%, -60px 100%);
        animation: moveMask 5s linear infinite; }
@keyframes moveMask {
  0% {
    clip-path: polygon(-15px 0, 0 0, -45px 100%, -60px 100%);
    opacity: 1; }
  20% {
    clip-path: polygon(calc(100% + 55px) 0, calc(100% + 70px) 0, calc(100% + 15px) 100%, calc(100%) 100%);
    opacity: 1; }
  21% {
    clip-path: polygon(calc(100% + 55px) 0, calc(100% + 70px) 0, calc(100% + 15px) 100%, calc(100%) 100%);
    opacity: 0; }
  100% {
    opacity: 0; } }
    .salon_main .salon_main_inner .salon_main_flex .img figure .img {
      display: inline-block;
      background-image: url(../images/main/wankeruko_walk.png);
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: 0% 100%;
      width: 100%;
      aspect-ratio: 353/556;
      transform: translateX(100%);
      animation: wankeruko_walk 5s steps(1) forwards; }
@keyframes wankeruko_walk {
  0% {
    background-position: 0% 100%;
    transform: translateX(100%); }
  10% {
    background-position: 25% 100%;
    transform: translateX(80%); }
  20% {
    background-position: 0% 100%;
    transform: translateX(60%); }
  30% {
    background-position: 25% 100%;
    transform: translateX(40%); }
  40% {
    background-position: 0% 100%;
    transform: translateX(20%); }
  50% {
    background-position: 25% 100%;
    transform: translateX(10%); }
  60% {
    background-position: 0% 100%;
    transform: translateX(0%); }
  70% {
    background-position: 50% 100%;
    transform: translateX(0%); }
  80% {
    background-position: 75% 100%;
    transform: translateX(0%); }
  90% {
    background-position: 50% 100%;
    transform: translateX(0%); }
  100% {
    background-position: 100% 100%;
    transform: translateX(0%); } }
  .salon_main .check_btn {
    animation: check_btn_anim 3s ease-in-out infinite; }
@keyframes check_btn_anim {
  0% {
    transform: translateY(0px); }
  15% {
    transform: translateY(-10px); }
  30% {
    transform: translateY(0px); }
  100% {
    transform: translateY(0px); } }
    .salon_main .check_btn .effect {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      filter: blur(5px);
      mix-blend-mode: plus-lighter; }
    .salon_main .check_btn > span.gem01 .effect {
      animation: kirari_fadeOut 6s 0.5s infinite; }
    .salon_main .check_btn > span.gem02 .effect {
      animation: kirari_fadeOut 7s 1.4s infinite; }
    .salon_main .check_btn > span.gem03 .effect {
      animation: kirari_fadeOut 6s 2.1s infinite; }
    .salon_main .check_btn > span.gem04 .effect {
      animation: kirari_fadeOut 7s 0.8s infinite; }

@media (min-width: 768px) {
  .salon_main {
    height: 470px;
    background: linear-gradient(0deg, #bfa4f6 0%, #ff99bc 100%); }
    .salon_main .salon_main_inner {
      width: 945px;
      height: 100%;
      margin: 0 auto;
      background: url("../images/main/waku_pc.png") no-repeat top center/auto 100%; }
      .salon_main .salon_main_inner .salon_main_flex {
        display: flex;
        padding-top: 100px; }
        .salon_main .salon_main_inner .salon_main_flex .ttl {
          width: 340px;
          margin-left: 60px;
          display: flex;
          flex-direction: column;
          gap: 10px; }
        .salon_main .salon_main_inner .salon_main_flex .img {
          width: 490px;
          margin-left: 40px;
          position: relative; }
          .salon_main .salon_main_inner .salon_main_flex .img .item {
            width: 430px;
            margin-top: 20px; }
          .salon_main .salon_main_inner .salon_main_flex .img figure {
            width: 183px;
            position: absolute;
            right: 10px;
            top: 0; }
            .salon_main .salon_main_inner .salon_main_flex .img figure figcaption {
              width: 180px;
              position: absolute;
              right: -40px;
              bottom: 40px; }
    .salon_main .check_btn {
      width: 364px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: -100px;
      margin: auto;
      z-index: 1; }
      .salon_main .check_btn > span {
        position: absolute;
        width: 45px;
        margin: auto; }
        .salon_main .check_btn > span.gem01 {
          top: 68px;
          bottom: 0;
          left: 20px; }
        .salon_main .check_btn > span.gem02 {
          top: 15px;
          left: 0;
          right: 0; }
        .salon_main .check_btn > span.gem03 {
          top: 68px;
          bottom: 0;
          right: 20px; }
        .salon_main .check_btn > span.gem04 {
          bottom: 22px;
          left: 0;
          right: 0; }
    .salon_main .deco > span {
      position: absolute;
      width: 60px;
      top: 95px; }
      .salon_main .deco > span:nth-child(1) {
        left: calc(50% + 580px); }
      .salon_main .deco > span:nth-child(2) {
        right: calc(50% + 580px); } }
@media (max-width: 767.98px) {
  .salon_main {
    background: url("../images/main/back.avif") no-repeat top center/100% auto; }
    .salon_main .salon_main_inner {
      padding-bottom: 30px; }
      .salon_main .salon_main_inner::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: calc( 100% - 30px );
        height: 100%;
        background: url("../images/main/waku_sp.png") no-repeat top center/100% auto; }
      .salon_main .salon_main_inner .salon_main_flex {
        padding-top: 60px; }
        .salon_main .salon_main_inner .salon_main_flex .ttl {
          width: 74%;
          display: flex;
          flex-direction: column;
          gap: 10px;
          margin: 0 auto; }
        .salon_main .salon_main_inner .salon_main_flex .img {
          position: relative;
          margin-top: 10px; }
          .salon_main .salon_main_inner .salon_main_flex .img .item {
            width: 95%;
            margin-left: -10px; }
          .salon_main .salon_main_inner .salon_main_flex .img figure {
            width: 41%;
            position: absolute;
            right: -10px;
            top: -20px; }
            .salon_main .salon_main_inner .salon_main_flex .img figure figcaption {
              width: 92%;
              position: absolute;
              right: 0px;
              bottom: 40px; }
    .salon_main .check_btn {
      display: block;
      width: 85%;
      margin: -20px auto 0;
      position: relative;
      z-index: 1; }
      .salon_main .check_btn > span {
        position: absolute;
        width: 12%;
        margin: auto; }
        .salon_main .check_btn > span.gem01 {
          top: 36%;
          bottom: 0;
          left: 5%; }
        .salon_main .check_btn > span.gem02 {
          top: 8%;
          left: 0;
          right: 0; }
        .salon_main .check_btn > span.gem03 {
          top: 36%;
          bottom: 0;
          right: 5%; }
        .salon_main .check_btn > span.gem04 {
          bottom: 11%;
          left: 0;
          right: 0; } }
.salon_intro {
  background-color: #fef6e3; }
  .salon_intro .salon_intro_inner small {
    color: #666666;
    display: block; }
  .salon_intro .salon_intro_inner .salon_intro_slider {
    overflow: hidden; }
    .salon_intro .salon_intro_inner .salon_intro_slider .slider-track {
      display: flex;
      animation: scroll 30s linear infinite; }
      .salon_intro .salon_intro_inner .salon_intro_slider .slider-track .slide {
        cursor: pointer; }
        .salon_intro .salon_intro_inner .salon_intro_slider .slider-track .slide img {
          display: block;
          width: 100%;
          height: auto; }
@keyframes scroll {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%);
    /* スライドセット1つ分 */ } }
@media (min-width: 768px) {
  .salon_intro .salon_intro_inner {
    padding: 150px 0 120px;
    text-align: center; }
    .salon_intro .salon_intro_inner .salon_intro_ttl {
      width: 345px;
      margin: 0 auto 25px; }
    .salon_intro .salon_intro_inner small {
      font-size: 13px;
      margin-top: 25px; }
    .salon_intro .salon_intro_inner .salon_intro_slider {
      width: 1440px;
      margin: 0 auto; }
      .salon_intro .salon_intro_inner .salon_intro_slider .slider-track {
        gap: 0 40px;
        width: calc(200%); }
        .salon_intro .salon_intro_inner .salon_intro_slider .slider-track .slide {
          width: calc(100% / 9); } }
@media (max-width: 767.98px) {
  .salon_intro {
    position: relative; }
    .salon_intro .salon_intro_inner {
      padding: 60px 0 140px; }
      .salon_intro .salon_intro_inner .salon_intro_ttl {
        width: 65%;
        margin: 0 auto 25px; }
      .salon_intro .salon_intro_inner small {
        font-size: 13px;
        margin-top: 15px;
        padding: 0 15px; }
      .salon_intro .salon_intro_inner .salon_intro_slider .slider-track {
        gap: 0 15px;
        width: calc(700%); }
        .salon_intro .salon_intro_inner .salon_intro_slider .slider-track .slide {
          width: calc(100% / 3); } }
.salon_question_wrap {
  position: relative; }
  .salon_question_wrap .wankeruko {
    position: absolute; }

.salon_question {
  background-color: #ff9dbe;
  position: relative; }
  .salon_question.kira_back::before {
    opacity: .1; }
  .salon_question .salon_question_ttl {
    transition: all 0.6s cubic-bezier(0.53, 2.74, 0.65, 1);
    opacity: 0;
    transform: translate3d(0, 15px, 0); }
    .salon_question .salon_question_ttl.inview {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
  .salon_question .container {
    position: relative; }
    .salon_question .container .salon_question_lead {
      color: #fff;
      text-align: center; }
    .salon_question .container .salon_question_flex .question .fukidashi {
      background-color: #fff;
      color: #7d43f2;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative; }
      .salon_question .container .salon_question_flex .question .fukidashi::before {
        content: '';
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        background-color: #fff;
        position: absolute; }
      .salon_question .container .salon_question_flex .question .fukidashi::after {
        content: '';
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute; }
      .salon_question .container .salon_question_flex .question .fukidashi.q1::after {
        background: url("../images/question/q1.svg") no-repeat center/auto 100%; }
      .salon_question .container .salon_question_flex .question .fukidashi.q2::after {
        background: url("../images/question/q2.svg") no-repeat center/auto 100%; }
      .salon_question .container .salon_question_flex .question .fukidashi.q3::after {
        background: url("../images/question/q3.svg") no-repeat center/auto 100%; }
      .salon_question .container .salon_question_flex .question .fukidashi.q4::after {
        background: url("../images/question/q4.svg") no-repeat center/auto 100%; }
    .salon_question .container .salon_question_flex .question .btn_box {
      display: flex;
      flex-wrap: wrap; }
      .salon_question .container .salon_question_flex .question .btn_box button {
        border-radius: 100px;
        background: linear-gradient(0deg, #ffd4e3 0%, #ffffd7 100%);
        color: #7d43f2;
        font-weight: 600;
        font-family: "Zen Kaku Gothic New", sans-serif;
        box-shadow: 0px 4px 3px rgba(87, 0, 49, 0.6);
        transition: all 0.1s ease; }
        .salon_question .container .salon_question_flex .question .btn_box button:focus {
          outline: none;
          background: #7d43f2;
          color: #fff;
          filter: none; }
        .salon_question .container .salon_question_flex .question .btn_box button:active, .salon_question .container .salon_question_flex .question .btn_box button.active {
          background: #7d43f2;
          color: #fff;
          filter: none; }
        .salon_question .container .salon_question_flex .question .btn_box button:hover {
          background: #7d43f2;
          color: #fff; }
        .salon_question .container .salon_question_flex .question .btn_box button.disabled {
          will-change: filter;
          filter: grayscale(100%);
          transform: translateZ(0); }
          .salon_question .container .salon_question_flex .question .btn_box button.disabled:hover {
            background: linear-gradient(0deg, #ffd4e3 0%, #ffffd7 100%);
            color: #7d43f2;
            cursor: not-allowed; }
      .salon_question .container .salon_question_flex .question .btn_box .back_btn {
        width: 100%;
        height: 24px;
        position: absolute;
        bottom: 0;
        left: 0;
        color: #fff;
        font-size: 15px;
        display: flex;
        align-items: center; }
        .salon_question .container .salon_question_flex .question .btn_box .back_btn > span {
          width: 20px;
          height: 20px;
          position: relative;
          margin-right: 5px;
          background-color: #fff;
          border-radius: 50%; }
          .salon_question .container .salon_question_flex .question .btn_box .back_btn > span::before, .salon_question .container .salon_question_flex .question .btn_box .back_btn > span::after {
            content: "";
            position: absolute;
            top: calc(50% - 1.5px);
            left: 6px;
            width: 8px;
            height: 2px;
            background-color: #7d43f2;
            transform-origin: 1.5px 50%; }
          .salon_question .container .salon_question_flex .question .btn_box .back_btn > span::before {
            transform: rotate(45deg); }
          .salon_question .container .salon_question_flex .question .btn_box .back_btn > span::after {
            transform: rotate(-45deg); }
        .salon_question .container .salon_question_flex .question .btn_box .back_btn > strong {
          border-bottom: 2px solid #fff;
          padding-bottom: 4px; }
      .salon_question .container .salon_question_flex .question .btn_box.disabled button {
        pointer-events: none; }
    .salon_question .container .salon_question_flex .bottle {
      aspect-ratio: 124/289;
      position: relative; }
      .salon_question .container .salon_question_flex .bottle.kira::before {
        content: '';
        background: url("../images/question/kira.svg") no-repeat top center/100% auto;
        position: absolute;
        aspect-ratio: 316/487;
        z-index: 1; }
      .salon_question .container .salon_question_flex .bottle.kira::after {
        content: '';
        background: url("../images/question/kira.svg") no-repeat top center/100% auto;
        position: absolute;
        aspect-ratio: 316/487;
        z-index: 1;
        filter: blur(10px);
        mix-blend-mode: plus-lighter;
        animation: kirari_fadeOut .8s 2;
        opacity: 0; }
      .salon_question .container .salon_question_flex .bottle img:nth-child(2) {
        position: absolute;
        left: 0;
        top: 4.5%;
        opacity: 0;
        filter: blur(10px);
        mix-blend-mode: plus-lighter;
        animation: kirari_fadeOut 2s ease-in forwards; }
    .salon_question .container .q_check_btn {
      will-change: filter;
      filter: grayscale(100%);
      transform: translateZ(0); }
      .salon_question .container .q_check_btn.active {
        filter: drop-shadow(0px 7px 4px rgba(87, 0, 49, 0.9)) grayscale(0);
        cursor: pointer; }
    .salon_question .container .js-replay {
      text-align: center;
      color: #fff;
      display: block; }
      .salon_question .container .js-replay > span {
        background-color: #fff;
        color: #7d43f2;
        border-radius: 100px;
        filter: drop-shadow(4px 6px 4px rgba(87, 0, 49, 0.6)); }

@media (min-width: 768px) {
  .salon_question_wrap {
    position: relative; }
    .salon_question_wrap .wankeruko {
      width: 132px;
      top: -115px;
      left: calc( 50% + 200px );
      z-index: 1; }

  .salon_question {
    padding-bottom: 90px; }
    .salon_question .salon_question_ttl {
      width: 360px;
      margin: 0 auto; }
      .salon_question .salon_question_ttl img {
        margin-top: -90px; }
    .salon_question .salon_question_lead {
      font-size: 17px;
      margin: 30px auto 70px;
      width: 260px; }
    .salon_question .salon_question_flex {
      display: flex;
      justify-content: center;
      gap: 130px; }
      .salon_question .salon_question_flex .question {
        width: 330px; }
        .salon_question .salon_question_flex .question .fukidashi {
          height: 95px;
          font-size: 20px;
          margin-bottom: 30px;
          text-align: center; }
          .salon_question .salon_question_flex .question .fukidashi::before {
            width: 26px;
            height: 16px;
            left: 65px;
            bottom: -16px; }
          .salon_question .salon_question_flex .question .fukidashi::after {
            height: 45px;
            top: -30px;
            width: 100%;
            left: 0; }
        .salon_question .salon_question_flex .question .btn_box {
          gap: 20px;
          position: relative;
          padding-bottom: 95px; }
          .salon_question .salon_question_flex .question .btn_box button {
            height: 35px;
            width: calc( 50% - 10px );
            font-size: 18px; }
            .salon_question .salon_question_flex .question .btn_box button.q2 {
              position: absolute;
              bottom: 40px;
              left: 0; }
            .salon_question .salon_question_flex .question .btn_box button.q4 {
              width: 100%;
              position: absolute;
              bottom: 40px;
              left: 0; }
      .salon_question .salon_question_flex .bottle {
        width: 124px;
        position: relative; }
        .salon_question .salon_question_flex .bottle.kira::before, .salon_question .salon_question_flex .bottle.kira::after {
          width: 150%;
          top: 2%;
          left: -30%; }
        .salon_question .salon_question_flex .bottle.q1 > img {
          filter: drop-shadow(0 0 7px white) drop-shadow(0 0 7px white); }
        .salon_question .salon_question_flex .bottle.q2 > img {
          filter: drop-shadow(0 0 9px white) drop-shadow(0 0 9px white) drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)); }
        .salon_question .salon_question_flex .bottle.q3 > img {
          filter: drop-shadow(0 0 15px white) drop-shadow(0 0 15px white) drop-shadow(0 0 15px rgba(255, 255, 255, 0.8)); }
        .salon_question .salon_question_flex .bottle.q4 > img {
          filter: drop-shadow(0 0 20px white) drop-shadow(0 0 20px white) drop-shadow(0 0 20px rgba(255, 255, 255, 0.8)); }
    .salon_question .q_check_btn {
      width: 350px;
      margin: 40px auto 0; }
    .salon_question .deco > span {
      position: absolute;
      width: 100px;
      top: 30px; }
      .salon_question .deco > span:nth-child(1) {
        left: calc(50% + 380px); }
      .salon_question .deco > span:nth-child(2) {
        right: calc(50% + 380px); }
    .salon_question .js-replay {
      margin-top: 15px;
      font-size: 18px; }
      .salon_question .js-replay > span {
        padding: 0 10px;
        margin-left: 5px; } }
@media (max-width: 767.98px) {
  .salon_question_wrap {
    position: relative; }
    .salon_question_wrap .wankeruko {
      width: 40%;
      top: -150px;
      right: 20px; }
      .salon_question_wrap .wankeruko img {
        transform: rotate(15deg); }

  .salon_question {
    padding-bottom: 60px;
    z-index: 0; }
    .salon_question::after {
      content: '';
      background-image: url("../images/question/question.svg");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 30px;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1; }
    .salon_question .salon_question_ttl {
      margin: 0 auto;
      width: 90%; }
      .salon_question .salon_question_ttl img {
        margin-top: -80px; }
    .salon_question .salon_question_lead {
      font-size: 17px;
      margin: 15px auto;
      width: 70%; }
    .salon_question .salon_question_flex {
      padding: 0 10px;
      position: relative; }
      .salon_question .salon_question_flex .question .fukidashi {
        height: 95px;
        font-size: 20px;
        margin-bottom: 30px;
        padding-left: 80px;
        justify-content: flex-start !important; }
        .salon_question .salon_question_flex .question .fukidashi::before {
          width: 26px;
          height: 16px;
          left: 65px;
          bottom: -16px; }
        .salon_question .salon_question_flex .question .fukidashi::after {
          width: 50px;
          height: 50px;
          left: 15px;
          background-size: contain !important;
          margin-top: 5px; }
      .salon_question .salon_question_flex .question .btn_box {
        gap: 15px;
        width: 50%;
        position: relative;
        padding-bottom: 90px; }
        .salon_question .salon_question_flex .question .btn_box button {
          height: 35px;
          width: 100%;
          font-size: 18px; }
          .salon_question .salon_question_flex .question .btn_box button.q2 {
            position: absolute;
            bottom: 40px;
            left: 0; }
          .salon_question .salon_question_flex .question .btn_box button.q4 {
            width: 200%;
            position: absolute;
            bottom: 40px;
            left: 0; }
        .salon_question .salon_question_flex .question .btn_box .back_btn {
          width: 200% !important; }
      .salon_question .salon_question_flex .bottle {
        width: 50%;
        height: 285px;
        position: absolute !important;
        top: 125px;
        right: -10px; }
        .salon_question .salon_question_flex .bottle.kira::before, .salon_question .salon_question_flex .bottle.kira::after {
          width: 95%;
          top: 10px;
          left: 0; }
        .salon_question .salon_question_flex .bottle > img {
          width: auto;
          height: 100%;
          margin: 0 auto;
          display: block; }
        .salon_question .salon_question_flex .bottle.q1 > img {
          filter: drop-shadow(0 0 3px white) drop-shadow(0 0 3px white) drop-shadow(0 0 3px white); }
        .salon_question .salon_question_flex .bottle.q2 > img {
          filter: drop-shadow(0 0 6px white) drop-shadow(0 0 6px white) drop-shadow(0 0 6px white); }
        .salon_question .salon_question_flex .bottle.q3 > img {
          filter: drop-shadow(0 0 8px white) drop-shadow(0 0 8px white) drop-shadow(0 0 8px white); }
        .salon_question .salon_question_flex .bottle.q4 > img {
          filter: drop-shadow(0 0 11px white) drop-shadow(0 0 11px white) drop-shadow(0 0 11px white); }
        .salon_question .salon_question_flex .bottle > img:nth-child(2) {
          left: 50% !important;
          transform: translateX(-50%); }
    .salon_question .q_check_btn {
      width: 350px;
      margin: 40px auto 0; }
    .salon_question .js-replay {
      margin-top: 15px;
      font-size: 18px; }
      .salon_question .js-replay > span {
        padding: 0 7px;
        margin-left: 3px; } }
.salon_team {
  background-color: #9d74f1; }
  .salon_team.kira_back::before {
    opacity: .1; }
  .salon_team .container {
    z-index: 0;
    position: relative; }
  .salon_team .wankeruko_transform {
    position: absolute; }
    @media screen and (min-width: 768px) {
      .salon_team .wankeruko_transform {
        width: 18cqw;
        left: calc(50% - 9cqw);
        top: 5cqw; } }
    @media screen and (max-width: 767.9px) {
      .salon_team .wankeruko_transform {
        width: 50cqw;
        left: calc(50% - 25cqw);
        top: 40cqw; } }
    .salon_team .wankeruko_transform > img {
      width: 100%; }
    .salon_team .wankeruko_transform > img:nth-child(2),
    .salon_team .wankeruko_transform > img:nth-child(3) {
      position: absolute;
      left: 0;
      top: 0; }
    .salon_team .wankeruko_transform > img:nth-child(2) {
      animation: wankeruko_transform_anim_02 3s .3s forwards;
      transform-origin: bottom center;
      z-index: 2; }
    .salon_team .wankeruko_transform > img:nth-child(3) {
      clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
      animation: wankeruko_transform_anim_03 2s 2s ease-in-out forwards;
      z-index: 1;
      filter: blur(3px); }
    .salon_team .wankeruko_transform > img:nth-child(1) {
      animation: wankeruko_transform_anim_01 2s 2s ease-in-out forwards;
      z-index: 0; }
@keyframes wankeruko_transform_anim_02 {
  0%, 40%, 80% {
    opacity: 1; }
  20%, 60% {
    opacity: 0; }
  100% {
    opacity: 0; } }
@keyframes wankeruko_transform_anim_03 {
  0% {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%); }
  50% {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%); }
  100% {
    clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0 0%); } }
@keyframes wankeruko_transform_anim_01 {
  0%, 50% {
    clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0 100%); }
  100% {
    clip-path: polygon(0 0%, 100% 0%, 100% 0%, 0 0%); } }
  .salon_team .salon_team_top > img {
    opacity: 0; }
  .salon_team .salon_team_top.inview-once > img {
    opacity: 0;
    animation: rotateY3D 1.8s 3s ease-in-out forwards;
    perspective: 1000px;
    transform-style: preserve-3d;
    will-change: transform; }
@keyframes rotateY3D {
  0% {
    transform: rotate3d(1, 1, 0, 0deg) scale(0.3);
    opacity: 1; }
  30% {
    transform: rotate3d(0.7, 0.2, 0.4, 360deg) scale(0.2);
    opacity: 1; }
  100% {
    transform: rotateY(0deg);
    opacity: 1; } }
  .salon_team .salon_team_p {
    color: #666666;
    text-align: center;
    font-weight: 500;
    line-height: 1.7em; }
    .salon_team .salon_team_p > span {
      color: #ff6096;
      display: inline-block;
      position: relative; }
    .salon_team .salon_team_p small {
      vertical-align: top;
      font-size: 0.6em; }
  .salon_team .salon_team_box {
    background-color: #fef6e3;
    position: relative;
    /* 線が右に伸びる */
    /* 背景で左から消す */ }
    .salon_team .salon_team_box .ttl {
      background-color: #facc00;
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      .salon_team .salon_team_box .ttl.ttl02 {
        background-color: #ffb162; }
      .salon_team .salon_team_box .ttl.ttl03 {
        background-color: #c9c9c9; }
      .salon_team .salon_team_box .ttl.ttl04 {
        background-color: #7dc7ff; }
      .salon_team .salon_team_box .ttl.ttl05 {
        background-color: #eb8581; }
      .salon_team .salon_team_box .ttl.ttl06 {
        background-color: #cf9a13; }
      .salon_team .salon_team_box .ttl.ttl07 {
        background-color: #3576e8; }
      .salon_team .salon_team_box .ttl.ttl08 {
        background-color: #79bd5c; }
      .salon_team .salon_team_box .ttl.ttl09 {
        background-color: #58c8bd; }
      .salon_team .salon_team_box .ttl.kira_back::before {
        opacity: .1; }
      .salon_team .salon_team_box .ttl > div {
        position: relative; }
        .salon_team .salon_team_box .ttl > div::before {
          content: '';
          background: url("../images/team/kira.svg") no-repeat top center/100% auto;
          aspect-ratio: 38/68;
          position: absolute;
          opacity: 0;
          animation: kirari_fadeOut 3s 0.2s infinite; }
        .salon_team .salon_team_box .ttl > div::after {
          content: '';
          background: url("../images/team/kira.svg") no-repeat top center/100% auto;
          aspect-ratio: 38/68;
          position: absolute;
          transform: scale(-1, 1);
          opacity: 0;
          animation: kirari_fadeOut 2.5s 0.5s infinite; }
    .salon_team .salon_team_box .igaibu {
      color: #7d43f2;
      border: 1px solid #7d43f2;
      width: fit-content;
      display: block; }
    .salon_team .salon_team_box .item_name {
      color: #7d43f2;
      text-align: center; }
      .salon_team .salon_team_box .item_name span {
        border-bottom: 2px solid #7d43f2; }
      .salon_team .salon_team_box .item_name small {
        vertical-align: top;
        font-size: 0.6em; }
    .salon_team .salon_team_box .lead {
      transform: translateY(15px);
      opacity: 0;
      transition: all 2s; }
      .salon_team .salon_team_box .lead.inview {
        transform: translateY(0);
        opacity: 1; }
    .salon_team .salon_team_box .txt .salon_team_p > span::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0px;
      height: 2px;
      width: 0%;
      background-color: #ff6096;
      animation: underlineGrow 3s ease-in-out infinite;
      /* 全体時間を長く */ }
    .salon_team .salon_team_box .txt .salon_team_p > span::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0px;
      height: 2px;
      width: 0%;
      background-color: #fef6e3;
      animation: underlineHide 3s ease-in-out infinite;
      animation-delay: 1.5s;
      /* 線が止まったあと、消え始めるタイミング調整 */ }
@keyframes underlineGrow {
  0% {
    width: 0%; }
  40% {
    width: 100%; }
  60% {
    width: 100%; }
  100% {
    width: 100%;
    /* ここを長くして間隔を作る */ } }
@keyframes underlineHide {
  0% {
    width: 0%; }
  50% {
    width: 0%; }
  100% {
    width: 100%; } }
    .salon_team .salon_team_box .sarani {
      background-color: #fff;
      position: relative; }
      .salon_team .salon_team_box .sarani .img {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        overflow: hidden; }
        .salon_team .salon_team_box .sarani .img::before {
          position: absolute;
          content: '';
          display: inline-block;
          top: -180px;
          left: 0;
          width: 15px;
          height: 100%;
          background-color: #fbfbfb;
          animation: sarani_kirati 2.5s ease-in-out infinite; }
@keyframes sarani_kirati {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
    .salon_team .salon_team_box .caution {
      color: #666666;
      display: block; }
    .salon_team .salon_team_box .fl_btn_a01 {
      position: absolute; }
      .salon_team .salon_team_box .fl_btn_a01 > a {
        overflow: hidden;
        position: relative; }
        .salon_team .salon_team_box .fl_btn_a01 > a:hover {
          opacity: 1; }
        .salon_team .salon_team_box .fl_btn_a01 > a::after {
          position: absolute;
          content: '';
          display: inline-block;
          top: -180px;
          left: -1000px;
          width: 30px;
          height: 100%;
          background-color: #fbfbfb;
          animation: btn_animation 4s ease-in-out infinite; }
      .salon_team .salon_team_box .fl_btn_a01::after {
        content: '';
        background: url("../../common/img/btn/arrow03.svg") no-repeat center/100%;
        position: absolute;
        bottom: 0;
        top: 0;
        margin: auto; }
  .salon_team .salon_team_bnr {
    position: relative; }
    .salon_team .salon_team_bnr > a {
      position: relative;
      display: block; }
      .salon_team .salon_team_bnr > a > img {
        filter: drop-shadow(0px 5px 5px rgba(100, 100, 100, 0.4)); }
    .salon_team .salon_team_bnr .anim {
      position: absolute;
      overflow: hidden;
      width: 100%;
      bottom: 0;
      left: 0;
      border-radius: 0 0 15px 15px; }
      .salon_team .salon_team_bnr .anim::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: -180px;
        left: 0;
        width: 30px;
        height: 100%;
        background-color: #fbfbfb;
        animation: btn_animation 4s ease-in-out infinite; }
@keyframes btn_animation {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
    .salon_team .salon_team_bnr.bnr_gold > a::before {
      content: '';
      background: url("../images/team/bnr/gold_item.png") no-repeat top center/100% auto;
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1; }
    .salon_team .salon_team_bnr.bnr_sale > div {
      background-color: #fff; }

@media (min-width: 768px) {
  .salon_team {
    padding: 100px 0 80px; }
    .salon_team .salon_team_lead {
      width: 270px;
      margin: 0 auto; }
    .salon_team .salon_team_top {
      width: 710px;
      margin: 40px auto; }
    .salon_team .salon_team_p {
      font-size: 15px; }
    .salon_team .salon_team_box {
      width: 900px;
      margin: 0 auto 40px;
      padding-bottom: 80px; }
      .salon_team .salon_team_box .ttl {
        height: 55px;
        font-size: 18px; }
        .salon_team .salon_team_box .ttl > div::before {
          width: 53px;
          left: -75px;
          top: -65px; }
        .salon_team .salon_team_box .ttl > div::after {
          width: 53px;
          right: -75px;
          top: -65px; }
      .salon_team .salon_team_box .igaibu {
        margin: 30px auto 5px;
        font-size: 12px;
        padding: 0 15px; }
      .salon_team .salon_team_box .item_name {
        font-size: 27px; }
        .salon_team .salon_team_box .item_name.item_name02 {
          margin-top: 40px; }
        .salon_team .salon_team_box .item_name.item_name04 {
          margin-top: 20px; }
          .salon_team .salon_team_box .item_name.item_name04 > .span02 {
            font-size: 20px;
            display: block;
            width: fit-content;
            margin: 8px auto 0; }
      .salon_team .salon_team_box .salon_team_flex {
        display: flex;
        margin-top: 20px; }
        .salon_team .salon_team_box .salon_team_flex .img {
          width: 276px;
          margin-left: 130px; }
          .salon_team .salon_team_box .salon_team_flex .img img {
            filter: drop-shadow(0px 15px 0px #7d43f2);
            animation: img_click 2.5s infinite;
            position: relative; }
  @keyframes img_click {
    0% {
      filter: drop-shadow(0px 15px 0px #7d43f2);
      top: 0px; }
    10% {
      filter: drop-shadow(0px 0px 0px #7d43f2);
      top: 3px; }
    20% {
      filter: drop-shadow(0px 15px 0px #7d43f2);
      top: 0px; }
    30% {
      filter: drop-shadow(0px 0px 0px #7d43f2);
      top: 3px; }
    40% {
      filter: drop-shadow(0px 15px 0px #7d43f2);
      top: 0px; }
    /* ここから100%までは「何もしない」で停止時間を作る */
    100% {
      filter: drop-shadow(0px 15px 0px #7d43f2);
      top: 0px; } }
        .salon_team .salon_team_box .salon_team_flex .txt {
          width: 470px;
          margin-top: 40px; }
          .salon_team .salon_team_box .salon_team_flex .txt .lead {
            height: 55px; }
            .salon_team .salon_team_box .salon_team_flex .txt .lead > img {
              height: 100%; }
          .salon_team .salon_team_box .salon_team_flex .txt .star {
            width: 17px;
            margin: 13px auto 17px; }
      .salon_team .salon_team_box .sarani {
        padding: 40px 0 20px;
        margin: 55px 0 30px; }
        .salon_team .salon_team_box .sarani .img {
          top: -25px;
          width: 54px; }
      .salon_team .salon_team_box .caution {
        text-align: center;
        font-size: 13px;
        margin-top: 30px; }
      .salon_team .salon_team_box .fl_btn_a01 {
        width: 350px;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -35px; }
        .salon_team .salon_team_box .fl_btn_a01 > a {
          height: 70px; }
        .salon_team .salon_team_box .fl_btn_a01::after {
          right: 15px;
          width: 20px;
          height: 20px; }
    .salon_team .deco > span {
      position: absolute;
      width: 74px;
      top: 170px; }
      .salon_team .deco > span:nth-child(1) {
        right: calc(50% + 580px); }
      .salon_team .deco > span:nth-child(2) {
        left: calc(50% + 580px);
        transform: scale(-1, 1); }
    .salon_team .bnr_fukubukuro {
      width: 350px;
      margin: 140px auto 0; }
      .salon_team .bnr_fukubukuro::before {
        content: '';
        background: url("../images/team/bnr/fukubukuro_txt_pc.png") no-repeat top center/100% auto;
        width: 678px;
        aspect-ratio: 1356/544;
        position: absolute;
        top: -70px;
        left: -160px; }
    .salon_team .bnr_gold {
      width: 350px;
      margin: 60px auto 0; }
      .salon_team .bnr_gold > span {
        display: block;
        padding: 0 10px;
        margin-bottom: 15px; }
    .salon_team .bnr_sale {
      width: 740px;
      margin: 70px auto 0;
      display: flex;
      align-items: center; }
      .salon_team .bnr_sale > div {
        width: 390px;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 15px 0 0 15px;
        padding: 0 40px; }
      .salon_team .bnr_sale > a {
        width: 350px; } }
@media (max-width: 767.98px) {
  .salon_team {
    padding: 60px 0 60px; }
    .salon_team .salon_team_lead {
      width: 75%;
      margin: 0 auto; }
    .salon_team .salon_team_top {
      margin: 20px 0 10px;
      padding: 0 10px;
      min-height: 173cqw; }
    .salon_team .salon_team_p {
      font-size: 15px;
      letter-spacing: -0.05em; }
    .salon_team .salon_team_box {
      margin: 0 10px 40px;
      padding: 0 0 70px; }
      .salon_team .salon_team_box .ttl {
        height: 55px;
        font-size: 18px; }
        .salon_team .salon_team_box .ttl > div {
          width: 100%; }
          .salon_team .salon_team_box .ttl > div::before {
            width: 15%;
            left: -5%;
            top: 20%; }
          .salon_team .salon_team_box .ttl > div::after {
            width: 15%;
            right: -5%;
            top: 20%; }
      .salon_team .salon_team_box .igaibu {
        margin: 30px auto 5px;
        font-size: 12px;
        padding: 0 15px; }
      .salon_team .salon_team_box .item_name {
        font-size: 27px;
        margin-bottom: 30px; }
        .salon_team .salon_team_box .item_name.item_name02 {
          margin-top: 40px; }
        .salon_team .salon_team_box .item_name.item_name04 {
          margin-top: 20px; }
          .salon_team .salon_team_box .item_name.item_name04 > .span02 {
            font-size: 20px;
            display: block;
            width: fit-content;
            margin: 5px auto 0; }
      .salon_team .salon_team_box .salon_team_flex .img {
        padding: 0 20px; }
        .salon_team .salon_team_box .salon_team_flex .img img {
          filter: drop-shadow(0px 7px 0px #7d43f2);
          animation: img_click_sp 2.5s infinite;
          position: relative; }
  @keyframes img_click_sp {
    0% {
      filter: drop-shadow(0px 7px 0px #7d43f2);
      top: 0px; }
    10% {
      filter: drop-shadow(0px 0px 0px #7d43f2);
      top: 3px; }
    20% {
      filter: drop-shadow(0px 7px 0px #7d43f2);
      top: 0px; }
    30% {
      filter: drop-shadow(0px 0px 0px #7d43f2);
      top: 3px; }
    40% {
      filter: drop-shadow(0px 7px 0px #7d43f2);
      top: 0px; }
    /* ここから100%までは「何もしない」で停止時間を作る */
    100% {
      filter: drop-shadow(0px 7px 0px #7d43f2);
      top: 0px; } }
      .salon_team .salon_team_box .salon_team_flex .txt {
        margin-top: 40px; }
        .salon_team .salon_team_box .salon_team_flex .txt .lead {
          height: 55px; }
          .salon_team .salon_team_box .salon_team_flex .txt .lead > img {
            height: 100%; }
        .salon_team .salon_team_box .salon_team_flex .txt .star {
          width: 17px;
          margin: 8px auto 12px; }
      .salon_team .salon_team_box .sarani {
        padding: 40px 0 20px;
        margin: 55px 0 30px; }
        .salon_team .salon_team_box .sarani .img {
          top: -25px;
          width: 54px; }
      .salon_team .salon_team_box .caution {
        font-size: 13px;
        margin-top: 30px;
        padding: 0 20px; }
      .salon_team .salon_team_box .fl_btn_a01 {
        left: -10px;
        padding: 0;
        bottom: -35px; }
        .salon_team .salon_team_box .fl_btn_a01 > a {
          height: 70px;
          width: calc( 100% + 20px ); }
        .salon_team .salon_team_box .fl_btn_a01::after {
          right: 15px;
          width: 20px;
          height: 20px; }
    .salon_team .bnr_fukubukuro {
      margin: 70px auto 0; }
      .salon_team .bnr_fukubukuro > span {
        margin-bottom: -45px;
        display: block; }
    .salon_team .bnr_gold {
      margin: 60px auto 0; }
      .salon_team .bnr_gold > span {
        display: block;
        padding: 0 30px;
        margin-bottom: 15px; }
    .salon_team .bnr_sale {
      margin: 70px auto 0; }
      .salon_team .bnr_sale > div {
        border-radius: 15px 15px 0 0;
        margin: 0 10px;
        padding: 20px 15px; } }
.salon_special {
  background-color: #ececed;
  position: relative; }
  .salon_special::before {
    content: '';
    background: url("../images/special/special.svg") no-repeat top center/100% auto;
    aspect-ratio: 259/48;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1; }
  .salon_special .salon_special_flex .txt {
    color: #7d43f2;
    text-align: center;
    transform: translateY(15px);
    opacity: 0;
    transition: all 2s; }
    .salon_special .salon_special_flex .txt .salon_special_p {
      line-height: 1.7em;
      font-weight: 500; }
    .salon_special .salon_special_flex .txt .salon_special_strong {
      background-color: #ffffbc;
      padding: 0 3px; }
    .salon_special .salon_special_flex .txt.inview {
      transform: translateY(0);
      opacity: 1; }
  .salon_special .salon_special_flex .img {
    transform: translateY(15px);
    opacity: 0;
    transition: all 2s .2s; }
    .salon_special .salon_special_flex .img.inview {
      transform: translateY(0);
      opacity: 1; }
  .salon_special small {
    color: #666666;
    display: block; }

@media (min-width: 768px) {
  .salon_special {
    padding: 60px 0; }
    .salon_special::before {
      width: 340px;
      top: 5px; }
    .salon_special .salon_special_flex {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 15px; }
      .salon_special .salon_special_flex .txt {
        width: 450px;
        display: flex;
        flex-direction: column;
        align-items: center; }
        .salon_special .salon_special_flex .txt .salon_special_p {
          font-size: 15px; }
        .salon_special .salon_special_flex .txt .star {
          width: 17px;
          margin: 5px auto 17px; }
        .salon_special .salon_special_flex .txt .salon_special_strong {
          font-size: 25px;
          margin-bottom: 20px; }
        .salon_special .salon_special_flex .txt .salon_special_btn {
          width: 350px; }
      .salon_special .salon_special_flex .img {
        width: 265px; }
    .salon_special small {
      font-size: 13px;
      text-align: center; } }
@media (max-width: 767.98px) {
  .salon_special {
    padding: 80px 0 50px; }
    .salon_special::before {
      width: 98%;
      top: 45px; }
    .salon_special .salon_special_flex {
      margin-bottom: 15px; }
      .salon_special .salon_special_flex .txt {
        display: flex;
        flex-direction: column;
        align-items: center; }
        .salon_special .salon_special_flex .txt .salon_special_p {
          font-size: 15px; }
        .salon_special .salon_special_flex .txt .star {
          width: 17px;
          margin: 5px auto 17px; }
        .salon_special .salon_special_flex .txt .salon_special_strong {
          font-size: 25px; }
        .salon_special .salon_special_flex .txt .img {
          width: 80%;
          margin: 25px auto; }
    .salon_special small {
      font-size: 13px;
      text-align: center; } }
.salon_replay {
  background-color: #ff9dbe; }
  .salon_replay.kira_back::before {
    opacity: .1; }
  .salon_replay .container {
    z-index: 0;
    position: relative; }

@media (min-width: 768px) {
  .salon_replay {
    padding: 100px 0; }
    .salon_replay .salon_replay_btn {
      width: 356px;
      margin: 0 auto 15px; }
    .salon_replay .salon_replay_bnr {
      width: 356px;
      margin: 0 auto; }
    .salon_replay .deco > span {
      position: absolute;
      top: 20px; }
      .salon_replay .deco > span:nth-child(1) {
        width: 125px;
        right: calc(50% + 340px); }
      .salon_replay .deco > span:nth-child(2) {
        width: 120px;
        left: calc(50% + 340px); } }
@media (max-width: 767.98px) {
  .salon_replay {
    padding: 60px 0 50px; }
    .salon_replay .salon_replay_btn {
      margin: 0 auto 20px; } }
.salon_recommend {
  background-color: #fef6e3;
  position: relative; }
  .salon_recommend .cat {
    background-color: #fef6e3;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    aspect-ratio: 1; }
    .salon_recommend .cat > img {
      z-index: 1;
      position: relative;
      animation: tarot_recommend_cat_anim 2.5s steps(1) infinite;
      transform-origin: center 80%; }
@keyframes tarot_recommend_cat_anim {
  0% {
    transform: rotate(-10deg); }
  10% {
    transform: rotate(0deg); }
  20% {
    transform: rotate(10deg); }
  30% {
    transform: rotate(0deg); } }
  .salon_recommend h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #5f17ca; }
    .salon_recommend h2 > span {
      background: #fff;
      color: #ff6096; }
      .salon_recommend h2 > span > .kakeru {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px; }
        .salon_recommend h2 > span > .kakeru::before, .salon_recommend h2 > span > .kakeru::after {
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          width: 3px;
          height: 20px;
          background-color: #ff6096;
          transform-origin: center; }
        .salon_recommend h2 > span > .kakeru::before {
          transform: translate(-50%, -50%) rotate(45deg); }
        .salon_recommend h2 > span > .kakeru::after {
          transform: translate(-50%, -50%) rotate(-45deg); }
  .salon_recommend .salon_recommend_flex {
    display: flex;
    flex-wrap: wrap; }
  .salon_recommend small {
    color: #666666;
    display: block; }
  .salon_recommend .warukeru_btn {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1; }

@media (min-width: 768px) {
  .salon_recommend {
    padding: 80px 0 60px; }
    .salon_recommend > .cat {
      width: 110px;
      top: -40px;
      padding: 30px 15px; }
    .salon_recommend h2 {
      font-size: 20px;
      gap: 20px; }
      .salon_recommend h2 > span {
        font-size: 25px;
        padding: 15px 20px;
        border-radius: 100px; }
        .salon_recommend h2 > span > .kakeru {
          margin: 0 10px; }
    .salon_recommend .salon_recommend_flex {
      width: 900px;
      justify-content: center;
      margin: 40px auto 0;
      gap: 25px 15px; }
      .salon_recommend .salon_recommend_flex > a {
        width: 168px; }
      .salon_recommend .salon_recommend_flex small {
        font-size: 13px;
        text-align: center;
        width: 100%; }
    .salon_recommend .warukeru_btn {
      width: 74px;
      top: -6px;
      animation: slidePauseReturn 5s ease-in-out infinite; }
  @keyframes slidePauseReturn {
    0% {
      transform: translateX(0); }
    5% {
      transform: translateX(0); }
    40% {
      transform: translateX(-120px);
      /* 左へ移動する距離 */ }
    60% {
      transform: translateX(-120px);
      /* 左で少し停止 */ }
    95% {
      transform: translateX(0); }
    100% {
      transform: translateX(0); } } }
@media (max-width: 767.98px) {
  .salon_recommend {
    padding: 80px 0 30px; }
    .salon_recommend > .cat {
      width: 110px;
      top: -30px;
      padding: 40px 15px; }
    .salon_recommend h2 {
      flex-direction: column;
      font-size: 20px;
      gap: 10px;
      z-index: 1;
      position: relative; }
      .salon_recommend h2 > span {
        font-size: 25px;
        padding: 10px;
        border-radius: 20px;
        letter-spacing: -0.05em; }
        .salon_recommend h2 > span > .kakeru {
          margin: 0 5px; }
    .salon_recommend .salon_recommend_flex {
      justify-content: space-between;
      margin: 30px auto 30px;
      gap: 10px 0; }
      .salon_recommend .salon_recommend_flex > a {
        width: calc( 50% - 7px ); }
    .salon_recommend small {
      font-size: 13px;
      width: calc( 50% - 7px );
      margin-top: 13%; }
    .salon_recommend .warukeru_btn {
      width: 74px;
      top: 12px;
      animation: slidePauseReturn_sp 5s ease-in-out infinite; }
  @keyframes slidePauseReturn_sp {
    0% {
      transform: translateX(0); }
    5% {
      transform: translateX(0); }
    40% {
      transform: translateX(-100px);
      /* 左へ移動する距離 */ }
    60% {
      transform: translateX(-100px);
      /* 左で少し停止 */ }
    95% {
      transform: translateX(0); }
    100% {
      transform: translateX(0); } } }
.salon_yakusoku a {
  display: block; }

@media (min-width: 768px) {
  .salon_yakusoku {
    background: url("../images/yakusoku/back.avif") no-repeat center/cover;
    padding: 30px 0; }
    .salon_yakusoku .bnr {
      width: 350px;
      margin: 0 auto; } }
@media (max-width: 767.98px) {
  .salon_yakusoku {
    background-color: #cce1ee;
    padding: 30px 0; }
    .salon_yakusoku .bnr {
      margin: 0 auto; } }
.fl_a_btn01 > a {
  background-color: #f76e86;
  color: #fff !important;
  position: relative;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 5px 5px 0px rgba(0, 78, 162, 0.4);
  overflow: hidden; }
  .fl_a_btn01 > a::after {
    content: '';
    background: url("../../common/img/btn/arrow03.svg") no-repeat center/100%;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto; }
  .fl_a_btn01 > a:hover {
    color: #fff; }
  .fl_a_btn01 > a.kira_back:before {
    opacity: .3; }

@media (min-width: 768px) {
  .fl_a_btn01 {
    width: fit-content; }
    .fl_a_btn01 > a {
      width: 350px;
      height: 60px;
      font-size: 20px; }
      .fl_a_btn01 > a::after {
        right: 15px;
        width: 20px;
        height: 20px; } }
@media (max-width: 767.98px) {
  .fl_a_btn01 {
    width: 100%;
    padding: 0 13px; }
    .fl_a_btn01 > a {
      width: 100%;
      height: 60px;
      font-size: 20px; }
      .fl_a_btn01 > a::after {
        right: 15px;
        width: 20px;
        height: 20px; } }
.result_modal .modal-dialog {
  max-width: none; }
.result_modal .modal-body {
  padding: 0; }
.result_modal .modal-content {
  background: none;
  border: none; }
.result_modal .salon_team {
  background: none; }
  .result_modal .salon_team .lead {
    opacity: 1 !important;
    transform: none !important; }
  .result_modal .salon_team .salon_team_bnr {
    margin-bottom: -40px; }
  .result_modal .salon_team .salon_team_top img {
    opacity: 1; }

@media (min-width: 768px) {
  .result_modal .salon_team {
    padding-top: 50px !important; }
  .result_modal .modal-dialog {
    width: 1080px; }
  .result_modal .close_btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    border: none;
    z-index: 1;
    margin: 70px auto 0;
    display: block; }
    .result_modal .close_btn::before, .result_modal .close_btn::after {
      content: '';
      position: absolute;
      left: 12px;
      top: 50%;
      width: 35px;
      height: 3px;
      background-color: #ff6096;
      transform-origin: center; }
    .result_modal .close_btn::before {
      transform: translateY(-50%) rotate(45deg); }
    .result_modal .close_btn::after {
      transform: translateY(-50%) rotate(-45deg); } }
@media (max-width: 767.98px) {
  .result_modal .modal-dialog {
    margin: 0; }
  .result_modal .close_btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
    border: none;
    z-index: 1;
    display: block;
    margin: 70px auto 0; }
    .result_modal .close_btn::before, .result_modal .close_btn::after {
      content: '';
      position: absolute;
      left: 12px;
      top: 50%;
      width: 20px;
      height: 2px;
      background-color: #ff6096;
      transform-origin: center; }
    .result_modal .close_btn::before {
      transform: translateY(-50%) rotate(45deg); }
    .result_modal .close_btn::after {
      transform: translateY(-50%) rotate(-45deg); } }