@media screen and (min-width: 1001px) {
  .pc_none {
    display: none;
  }

  .f_Tracking {
    display: none;
  }

  #sp_tracking_menu {
    display: none;
  }

  footer {
    .sp_f_nav {
      display: none;
    }
  }
  .anchor {
  scroll-margin-top: 300px; /* ←ここを好きな値に */
}
}

@media screen and (max-width: 1550px) and (min-width: 1001px) {
  body {
    font-size: 18px;
  }
}

@media screen and (max-width: 1000px) {
  .sp_none {
    display: none;
  }

  body {
    font-size: 16px;
  }

  footer {
    .pc_f_nav {
      display: none;
    }
  }

  header {
    #sp_tracking_menu {
      /*position: fixed;*/
      * top: 0;
      width: 100%;
      background: url(../images/sp_tracking_menu_bg.png) repeat center top;
      z-index: 100;
      height: 103px;

      .sp_tracking_menu {
        height: 90px;
        align-content: center;

        a {
          img {
            height: 75px;
            width: auto;
            margin: auto;
          }
        }
      }

      /* overlay-styles.css */
      .hamburger-overlay {
        position: fixed;
        top: 10px;
        right: 20px;
        z-index: 1000;
        width: 65px;
        height: 65px;
        border: none;
        background: transparent;
        cursor: pointer;
        background: #ffffffad;
        border-radius: 20px;

        .active_txt01 {
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          color: #ec85a7;
        }

        .active_txt02 {
          display: none;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
        }
      }

      .hamburger-overlay.active {
        background: none;

        .active_txt01 {
          display: none;
        }

        .active_txt02 {
          display: block;
          color: #fff;
        }
      }

      .hamburger-overlay__line {
        position: absolute;
        left: 0;
        width: 40px;
        height: 2px;
        background-color: #ec85a7;
        transition: all .6s;
        right: 0;
        margin: auto;
      }

      .hamburger-overlay__line:nth-of-type(1) {
        top: 14px;
      }

      .hamburger-overlay__line:nth-of-type(2) {
        top: 23px;
      }

      .hamburger-overlay__line:nth-of-type(3) {
        top: 32px;
      }

      .hamburger-overlay.active .hamburger-overlay__line {
        background-color: #fff;
      }

      .hamburger-overlay.active .hamburger-overlay__line:nth-of-type(1) {
        transform: translateY(9px) rotate(-45deg);
      }

      .hamburger-overlay.active .hamburger-overlay__line:nth-of-type(2) {
        opacity: 0;
      }

      .hamburger-overlay.active .hamburger-overlay__line:nth-of-type(3) {
        transform: translateY(-9px) rotate(45deg);
      }

      .nav-overlay {
        position: fixed;
        top: 5px;
        left: 0;
        right: 0;
        margin: 0 5px 0 auto;
        width: 95%;
        border-radius: 50px;
        height: calc(100vh - 110px);
        background-color: #fba6bfec;
        visibility: hidden;
        opacity: 0;
        transition: all .6s;
        z-index: 900;
        max-width: 350px;
        height: fit-content;
      }

      .nav-overlay.active {
        visibility: visible;
        opacity: 1;
      }

      .nav-overlay__content {
        /*position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;*/
      }

      .nav-overlay__list {
        margin: 0;
        padding: 0;
        list-style: none;
        padding: 60px 40px 20px
      }

      .nav-overlay__item {
        opacity: 0;
        transform: translateY(20px);
        transition: all .6s;
      }

      .nav-overlay.active .nav-overlay__item {
        opacity: 1;
        transform: translateY(0);
        padding: 5px 0;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(1) {
        transition-delay: 0.1s;
        padding: 0 0 20px;
        border-bottom: 1px solid #fff;
        margin: 0 0 10px;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(2) {
        transition-delay: 0.2s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(3) {
        transition-delay: 0.3s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(4) {
        transition-delay: 0.4s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(5) {
        transition-delay: 0.5s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(6) {
        transition-delay: 0.6s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(7) {
        transition-delay: 0.7s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(8) {
        transition-delay: 0.8s;
      }

      .nav-overlay.active .nav-overlay__item:nth-child(9) {
        transition-delay: 0.9s;
      }

      .nav-overlay__link {
        display: inline-block;
        padding: 5px 0;
        color: #fff;
        font-size: ;
        text-decoration: none;
        transition: color .3s;
      }

      .nav-overlay__link:hover {
        color: #4a90e2;
      }
    }
  }

  main {
    margin: auto auto;
    padding: 0;
  }

  #Tracking_menu {
    display: none;

    .Tracking_menu {
      .address_box {
        display: none;
      }

      nav {
        display: none;
      }
    }
  }

  #age-modal {
    .modal-content {
      .modal_btn {
        display: block;

        a,
        button {
          width: 70%;
          max-width: 100%;
          margin: auto auto 0.75em;
        }
      }
    }
  }

  .ctitbox {
    .t01 {
      font-size: 2em;
    }
  }

  #top_header {
    background: url(../images/sp_top_header.jpg) no-repeat center top / 100%;
    height: 150vw;
    position: relative;
    align-content: end;

    .top_header_box {
      .top_header {
        width: 100%;
        max-width: 1000px;
        float: none;
        position: absolute;
        bottom: 0;
        padding: 0;

        h2 {
          width: fit-content;
          margin: auto;
          display: block;
        }

        nav {
          background: url(../images/sp_top_menu_bg.png) no-repeat center top / 100% 100%;
          height: auto;
          padding: 0px 2.5em;
          align-content: center;
          aspect-ratio: 89 / 42;
          object-fit: cover;
          object-position: center top;
          min-width: auto;
          min-height: auto;
          font-size: 3.5vw;
          font-weight: 600;

          ul {
            display: flex;
            flex-wrap: wrap;

            li {
              width: 49%;
              margin: 0.5%;

              a {
                width: 100%;
              }
            }

            .top_header nav ul li:after {
              margin-left: 0;
              background: #6a6a6a;
            }

            .top_header nav ul li:after {
              height: 0;
              display: none;
              margin-top: 0;
            }
          }
        }
      }
    }
  }

  #top_boxs01 {
    .top_question {
      background: none;
      width: 90%;

      div {
        text-align: center;
      }

      .answer {
        .a {
          .i {
            line-height: 30px;
            width: 30px;
            border-radius: 5px;
            font-size: 1.33em;
          }
        }

        .t {
          text-align: left;
        }
      }

      img.pc_none {
        margin: auto auto 3em;
        display: block;
      }
    }
  }

  #top_boxs02 {
    .top_box01 {
      .onebox {
        .txt_box .box01 {
          display: block;

          .box {
            display: flex;
            width: fit-content;
            margin: auto;

            .t {
              line-height: 71px;
              width: 300px;
              margin: 0 10px 30px 5px;
              font-size: 23px;
            }
          }
        }
      }
    }

    #options_box {
      .boxs {
        flex-wrap: wrap;

        .box {
          width: calc(100% / 2 - 24px);
          margin: 5px;

          .b {
            img {
              margin: auto auto 5px;
            }
          }
        }
      }
    }
  }

  .question_box {
    width: 100%;

    .question {
      width: calc(100% - 4px - 0.2em);
      text-align: center;
      padding: 0.3em 0.1em;
      font-size: 1.33em;
      margin-bottom: 1.5em;
      border-radius: 5px;
      max-width: 1000px;

      div:nth-child(2) {
        bottom: 5px;
        font-size: 20px;
      }
    }
  }

  #top_boxs02 {
    .box06 {
      .box {
        display: block;

        .t {
          width: 100%;

          .t01 {
            .question_box .question {
              padding: 0.3em 0;
              width: calc(90% - 4px);
              margin: 50px auto 20px;
              display: block;
            }
          }

          .t02 {
            text-align: center;
          }
        }

        .i {
          width: fit-content;
          margin: auto;
        }
      }
    }

    .box07 {
      .b {
        display: block;

        .i {
          width: fit-content;
          margin: 1em auto auto;
        }
      }
    }
  }

  #top_boxs03 {
    #top_boxs03 .box01 {
      width: 95%;
      padding: 0 1%;
    }

    .box02 {
      .tabbox {
        table {
          td {
            div {
              height: auto;
            }
          }

          td:nth-child(2),
          td:nth-child(3),
          td:nth-child(4) {
            height: 70px;
            width: 23%;
          }
        }
      }

      .txt03 {
        font-size: 1.33em;
      }
    }
  }

  #top_boxs04 {
    padding: 4.4em 0 0;

    .boxs01 {
      .b1 {
        display: block;
        width: 90%;
        margin: 0 auto 25px;

        .box {
          width: calc(100% - 14px);
          border: 6px double #6a6a6a;

          .b {
            border: none;
            padding: 0;
          }
        }

        .p {
          width: 100%;
          text-align: center;
        }
      }
    }

    .boxs02 {
      .boxs .tit .box .t {
        font-size: 1.33em;
      }

      .tboxs02 .t03 {
        width: 90%;
        margin: auto;

        img {
          max-width: 90%;
        }
      }

      .boxs.c03 {
        .tabbox {
          table {
            tr {

              th:nth-of-type(4),
              td:nth-of-type(4) {
                display: none;
              }
            }
          }
        }
      }

      .tboxs01 {
        .onebox {
          width: 95%;
          margin: auto;

          .plus_boxs {
            .pboxs {
              display: block;

              .box1,
              .box2,
              .plus {
                width: 100%;
              }

              .plus {
                text-align: center;
              }
            }
          }
        }
      }

      .tboxs02 {
        .t01 {
          .plus_boxs {
            display: block;

            .tb {
              width: calc(95% - 6px);
              margin: auto;
            }

            .plus {
              width: 100%;
            }
          }
        }
      }
    }
  }

  .top_box05_01 {
    .onebox {
      .comparison_boxs {
        display: block;
        width: 90%;
        margin: auto;

        .box {
          width: 100%;
        }
      }

      .plus {
        width: 100%;
        padding: 0;
        text-align: center;
      }

      .comparison_boxs .t {
        position: relative;
        bottom: 0;
        padding: 5px 0 0;
        text-align: center;
      }
    }
  }

  #top_boxs05_01 {
    .hukidasi.h01 {
      padding: 5px 10px 30px;
      width: 90%;
      position: relative;
      top: 0;
      font-size: 1.33em;
    }

    .top_box05_01 {
      .onebox .comparison_boxs .t {
        bottom: 0;
      }
    }
  }

  #top_boxs05_02 .hukidasi.h01 {
    padding: 5px 10px 30px;
    width: 90%;
    position: relative;
    top: 0;
    font-size: 1.33em;

    .ctitbox {
      .t01 {
        font-size: 2.3em;
      }
    }
  }

  #training {
    .tit {

      h2,
      h3 {
        font-size: 2.5em;
      }
    }

    #training_boxs01 {
      .bg {
        background: url(../images/sp_training_boxs01_bg.jpg) no-repeat center center / cover;
        min-height: 70vw;
        height: auto;
        padding: 5% 0;

        p {
          width: 95%;
          margin: auto;
        }
      }

      .cards {
        display: block;
        width: 95%;

        .onecard {
          width: 100%;

          .card {
            width: 100%;
          }
        }
      }
    }

    #training_boxs02 {
      .bg {
        background: url(../images/sp_training_boxs02_bg.jpg) no-repeat center center / cover;
        min-height: 75vw;
        height: auto;
        padding: 5% 0;
        font-size: 1.33em;
      }

      .training_txt {
        p {
          font-size: 1.33em;
        }
      }

      .main_items {
        .main_item {
          width: 95%;

          .section_box {
            .section_title {
              font-size: 1.33em;
            }

            p.section_desc {
              font-size: 1em;
            }
          }
        }
      }
    }

    .training_training {
      .training_over_bg {
        background: url(../images/sp_training_over_bg.jpg) no-repeat center center / cover;
        min-height: 70vw;
        height: auto;
        padding: 5% 0;
      }
    }

    #training_boxs03 {
      .training_training {
        .skillup {
          .skillup_question_box {
            .Training_contents {
              .Training_content {
                padding: 2em 0.5em;

                .content {
                  width: calc(100% / 2 - 14px);
                  margin: 5px 5px;
                  font-size: 1em;
                  align-content: center;
                }
              }
            }
          }

          .training_important {
            font-size: 1.33em;
          }
        }
      }
    }
  }

  #beginners_boxs01 {
    .txtbox {
      font-size: 1.33em;
      padding: 1em 0;
    }
  }

  #beginners_boxs02 {
    .hard_soft_box {
      .hs_box {
        width: 95%;

        .img {
          margin: 0 0.5em 0 0;
          width: 12%;
          max-width: 98px;
          position: relative;

          img {
            position: absolute;
            top: 0;
          }

          img:last-child {
            bottom: 0;
            top: auto;
          }
        }

        .bottom {
          img {
            width: 70%;
            max-width: fit-content;
            margin: auto auto 3em;
          }

          .btn {
            margin: auto auto 1.5em;
            width: 100%;

            a {
              font-size: 1.33em;
              padding: 10px 5px;
              width: calc(100% - 12px);
            }
          }

          .btn.btn03 {
            p {
              font-size: 1.33em;
            }
          }

          .btn.btn05 {
            a {
              width: calc(100% - 12px);
              padding: 11px 0;
            }
          }
        }
      }
    }
  }

  #beginners_soap {
    .beginners_introduction {
      .bg_area {
        background: url(../images/sp_beginners_deliheal_bg.jpg) no-repeat center center / cover;
        aspect-ratio: 10 / 9;
        object-fit: cover;
        object-position: center top;
        max-width: 500px;
        width: 95%;
        padding: 5% 2.5%;
      }

      .tit {
        div {
          font-size: 2.3em;
        }

        p {
          font-size: 1.8em;
        }
      }

      .features {
        .box_area {
          margin: auto;

          ul {
            font-size: 1.33em;
          }
        }

        .titl {
          font-size: 1.66em;
        }
      }
    }
  }


  #beginners_deliheal {
    .beginners_introduction {
      .tit {
        .div {
          font-size: 2.3em;
        }

        p {
          font-size: 1.8em;
        }
      }

      .bg_area {
        background: url(../images/sp_beginners_beautysalon_bg.jpg) no-repeat center center / cover;
        aspect-ratio: 10 / 9;
        object-fit: cover;
        object-position: center top;
        height: auto;
        max-width: 500px;
        width: 95%;
        padding: 5% 2.5%;
      }

      .tit {
        div {
          font-size: 2.3em;
        }

        p {
          font-size: 1.8em;
        }
      }

      .txt02 {
        .pointplay {
          .titl {
            font-size: 1.33em;
          }
        }
      }

      .txt01 {
        width: 90%;
        padding: 15px;
      }


      .features {
        .box_area {
          margin: auto;

          ul {
            font-size: 1.33em;
          }
        }

        .titl {
          font-size: 1.66em;
        }

        p {
          font-size: 1.33em;
          margin: 2em auto auto;
          width: 95%;
        }
      }
    }
  }

  #beginners_beautysalon {
    .beginners_introduction {
      .bg_area {
        background: url(../images/sp_beginners_merit_demerit_bg.jpg) no-repeat center center / cover;
        aspect-ratio: 10 / 9;
        object-fit: cover;
        object-position: center top;
        height: auto;
        max-width: 500px;
        width: 95%;
        padding: 5% 2.5%;
      }

      .tit {
        div {
          font-size: 2.3em;
        }

        p {
          font-size: 1.8em;
        }
      }

      .txt01 {
        width: 90%;
        padding: 15px;
      }
    }

    .imerit_demerit_bg {
      background: url(../images/sp_imerit_demerit_bg.jpg) no-repeat center center / cover;
      aspect-ratio: 2 / 3;
      object-fit: cover;
      object-position: center top;
      height: auto;
      max-width: 500px;

      p {
        font-size: 1em;
      }
    }

    .opera_good {
      .img {
        flex-wrap: wrap;
        width: 95%;
        max-width: 550px;

        div {
          width: calc(100% / 2 - 10px);
          margin: 5px;

          img {
            width: fit-content;
            margin: auto;
          }
        }
      }

      .tit {
        font-size: 1.33em;
      }

      .text {
        div {
          font-size: 1.33em;
        }

        p {
          font-size: 1em;
        }
      }
    }

    .imerit_demerit_img {
      width: 70%;
    }

    .merit_demerit {
      .onecard {
        width: 98%;

        .meritboxs {
          width: 95%;

          .card {
            .pointcard {
              .point {
                font-size: 1.33em;
              }

              .txt {
                font-size: 1.33em;
              }

              p {
                font-size: 1em;
              }
            }
          }
        }
      }
    }

    .meritboxs {
      width: 95%;

      .card {
        .pointcard {
          .point {
            font-size: 1.33em;
          }

          .txt {
            font-size: 1.33em;
          }

          p {
            font-size: 1em;
          }
        }
      }
    }
  }

  #beginners_masturbation {

    .merit_demerit {
      .onecard {
        width: 98%;

        .titl {
          font-size: 1.66em;
        }

        .meritboxs {
          width: 95%;

          .card {
            .pointcard {
              .point {
                font-size: 1.33em;
              }

              .txt {
                font-size: 1.33em;
              }

              p {
                font-size: 1em;
              }
            }
          }
        }
      }
    }

    .beginners_introduction {
      .bg_area {
        background: url(../images/sp_beginners_masturbation_bg.jpg) no-repeat center center / cover;
        aspect-ratio: 10 / 9;
        object-fit: cover;
        object-position: center top;
        height: auto;
        max-width: 500px;
        width: 95%;
        padding: 5% 2.5%;
      }

      .txt01 {
        width: 90%;
        padding: 15px;
      }

      .tit {
        div {
          font-size: 2.3em;
        }

        p {
          font-size: 1.8em;
        }
      }
    }
  }

  #concept_boxs01 {
    .concept_boxs {
      .box01 {
        width: calc(98% - 4px);

        .b {
          .txt {
            .t {
              display: block;
            }
          }
        }
      }
    }
  }

  #concept_boxs02 {
    .box04 {
      .boxs {
        .box {
          .b {
            width: calc(100% / 2 - 10px - 1%);
          }
        }
      }
    }
  }

  #concept_boxs03 {
    .box05.bg1 {
      background: url(../images/sp_concept_bg03.jpg) no-repeat center center / 100% 100%;
      aspect-ratio: 10 / 7;
      object-fit: cover;
      object-position: center top;
      max-width: 600px;
      width: 95%;
      margin: auto;
      height: auto;
    }

    .box06 {
      .boxs {
        display: block;
        width: 80%;
        margin: auto;

        .box {
          width: calc(100% - 8px);
          margin: auto;

          .b {
            padding: 15px 30px;

            .i {
              top: -20px;
              left: -20px;
            }
          }
        }

        .p {
          align-content: center;
          width: 100%;
          padding: 10px 0;
        }
      }

      .txt {
        margin: 30px auto 50px;
      }
    }

    .box05.bg2 {
      background: url(../images/sp_concept_bg04.jpg) no-repeat center center / 100% 100%;
      aspect-ratio: 10 / 7;
      object-fit: cover;
      object-position: center top;
      max-width: 600px;
      width: 95%;
      margin: auto;
      height: auto;
    }
  }

  #concept_boxs04 {
    .concept_boxs {
      .box05.bg1 {
        background: url(../images/sp_concept_bg05.jpg) no-repeat center center;
        height: 70vw;
      }

      .salary_increase {
        .boxs {
          .box {
            .t1 {
              display: block;

              img {
                width: fit-content;
                margin: auto;
              }

              .t {
                margin: auto;
              }
            }

            .t2 {
              text-align: center;
              margin: 0 auto 5px;
            }
          }
        }
      }
    }

    #options_box {
      .boxs {
        flex-wrap: wrap;

        .box {
          width: calc(100% / 2 - 20px);
          margin: 5px;
          max-width: 160px;
        }
      }
    }
  }

  #concept_boxs05 {
    .box05.bg1 {
      background: url(../images/sp_concept_bg06.jpg) no-repeat center center;
      height: 70vw;
    }
  }

  #type {
    .tit {

      h2,
      h3 {
        font-size: 2em;
      }

      div {
        font-size: 1.5em;
      }
    }
  }

  .type_explanation_text {
    font-size: 1em;

    p {
      font-size: 1em;
    }

    .text {
      div {
        width: 100%;
        margin: auto auto 5px;
      }
    }
  }

  #type {
    .type_explanation_bg {
      background: url(../images/sp_type_explanation_bg.jpg) no-repeat center center;
      aspect-ratio: 10 / 7;
      object-fit: cover;
      object-position: center top;
      max-width: 600px;
      width: 95%;
      height: auto;
      margin: auto;
    }

    .type_explanation_txt {
      font-size: 1.66em;
    }
  }

  #type_boxs02 {
    #menesthetic {
      .menesthetic {
        width: 95%;

        .cards {
          .onecard {
            .card {
              display: block;
              max-width: 460px;
              margin: auto;

              .mt_txt {
                width: 100%;
              }

              .img {
                margin: 0 auto;
                width: 100%;
              }
            }
          }
        }

        .menesthetic_ng {
          .ng_txt {
            font-size: 1.33em;
          }

          .ng_card {
            display: block;

            .img {
              margin: auto auto 20px;
              width: 95%;
              max-width: fit-content;
            }

            .txt {
              margin: auto auto;
              width: 95%;
              max-width: fit-content;
              font-size: 1.33em;
            }
          }

          h6 {
            font-size: 1.33em;
          }
        }

        .business_type {
          .business_type_note {
            .txt01 {
              font-size: 1em;
            }

            .notebox {
              font-size: 1.33em;
            }

            .txt02 {
              font-size: 1em;
            }
          }

          .business_type_txt {
            font-size: 1.33em;
          }

          .business_type_cards {
            margin: 20px auto;
            padding: 30px 0 1px;

            .business_type_card {
              display: block;

              .one_card {
                width: 90%;
                padding: 0;
                margin: auto auto 50px;

                .txt_01 {
                  .txt01 {
                    font-size: 1.33em;
                  }

                  .txt02 {
                    font-size: 1.33em;
                  }
                }
              }

              .one_card.card01 {
                .txt_02 {
                  font-size: 1.33em;

                  .txt02 {
                    height: auto;
                  }
                }
              }
            }
          }
        }
      }
    }

    #menesthetic {
      .business_type_ngnote {
        .bg {
          background: url(../images/sp_business_type_note_bg.jpg) no-repeat center center;
          aspect-ratio: 10 / 7;
          object-fit: cover;
          object-position: center top;
          max-width: 600px;
          width: 95%;
          height: auto;
          margin: auto;

          p {
            font-size: 1em;
          }
        }

        .txt03 {
          font-size: 1.33em;
        }
      }
    }

    .business_type_suggestion {
      .bg {
        background: url(../images/sp_business_type_suggestion_bg.jpg) no-repeat center center;
        aspect-ratio: 10 / 7;
        object-fit: cover;
        object-position: center top;
        max-width: 600px;
        width: 95%;
        height: auto;
        margin: auto;
      }

      .txt01 {
        font-size: 1.66em;
      }

      .txt02 {
        font-size: 1.66em;
      }
    }
  }

  #type_boxs03 {
    .tit {
      width: 95%;
    }

    #eroticesthetic {
      .bg {
        background: url(../images/eroticesthetic_bg.jpg) no-repeat center center / cover;
        height: auto;
        aspect-ratio: 96 / 59;
        object-fit: cover;
        object-position: center top;
        height: auto;
        max-width: 500px;
        width: 95%;
        padding: 5% 2.5%;
        margin: auto;
      }

      h5 {
        font-size: 1.33em;
      }

      .eroticesthetic_table {
        table {
          tbody {
            td {
              line-height: 70px;
            }
          }
        }
      }
    }

    .eroticesthetic02 {
      .deli_beauty {
        .erotic_beauty_salon_cards {
          background: url(../images/sp_deli_beauty_bg.jpg) no-repeat center center / cover;
          height: auto;
          aspect-ratio: 96 / 59;
          object-fit: cover;
          object-position: center top;
          height: auto;
          max-width: 500px;
          width: 95%;
          padding: 5% 2.5%;

          .text {
            width: 90%;

            .txt {
              .txtb {
                display: block;

                .t01 {
                  width: 300px;
                  margin: auto 0 5px;
                }

                .t02 {
                  color: #fff;
                  text-shadow: 2px 2px 2px #000, -2px -2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000;
                }
              }
            }

            .titl {
              font-size: 1.66em;
            }
          }

          .erotic_charm_cards {
            & .erotic_charm_card {
              width: 100%;

              & .onecard {
                .titl {
                  font-size: 1.33em;
                }
              }
            }
          }
        }

        .erotic_charm {
          .img {
            background: url(../images/sp_business_type_suggestion_bg.jpg) no-repeat center center / 100% 100%;
            aspect-ratio: 10 / 7;
            object-fit: cover;
            object-position: center top;
            max-width: 600px;
            width: 95%;
            margin: auto;
            height: auto;
          }
        }

        .deli_beauty_bg {
          font-size: 1.33em;
        }
      }
    }
  }

  #type_boxs04 {
    .charm_graph_txt {
      font-size: 1.33em;
    }

    .charm_graph_img {
      width: 90%;
      max-width: fit-content;
      margin: auto;
    }
  }

  #massage {
    .tit {
      h2 {
        font-size: 2em;
      }

      div {
        font-size: 1.66em;
      }
    }

    #massage_boxs01 {
      .cards {
        .card {
          aspect-ratio: 5 / 3;
          object-fit: cover;
          object-position: center top;
          height: auto;
          max-width: 700px;
          width: 95%;
          padding: 5% 2.5%;
        }

        .card.card01 {
          background: url(../images/sp_massage_genre_bg01.jpg) no-repeat center center / cover;
        }

        .card.card02 {
          background: url(../images/sp_massage_genre_bg02.jpg) no-repeat center center / cover;
        }

        .card.card03 {
          background: url(../images/sp_massage_genre_bg03.jpg) no-repeat center center / cover;
        }
      }

      .genre_txt {
        font-size: 1.33em;

        div {
          font-size: 1.33em;
        }
      }
    }

    #massage_boxs02 {
      .oil_bg {
        background: url(../images/sp_oil_bg.jpg) no-repeat center center / cover;
        aspect-ratio: 10 / 7;
        object-fit: cover;
        object-position: center top;
        height: auto;
        max-width: 600px;
        width: 95%;
        padding: 5% 2.5%;
      }
    }

    #massage_boxs03 {
      #massage_kinds {
        padding: 0;
      }
    }

    .oil_massage {
      & table {
        & tbody {
          & tr {
            td {
              padding: 20px 0;
              line-height: 1.3;
              position: relative;
            }

            td::after {
              width: 80%;
              margin: 0 auto;
              content: "";
              display: block;
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
            }
          }
        }
      }
    }

    #oil_introduction_card {
      .oil_introduction_card {
        display: block;

        .titcard {
          width: 100%;
          margin: auto auto;
        }

        .txtcard {}
      }
    }

    #massage_boxs04 {
      #oil_massage_basic {
        .oil_massage_basic_cards {
          .card {
            display: block;

            .txt {
              width: 100%;
              max-width: 400px;
              margin: auto;
            }

            img {
              width: 100%;
              max-width: 400px;
              margin: auto;
            }
          }
        }

        .oil_massage_basic_txt {
          p {
            margin: 50px auto 0;
          }
        }
      }
    }
  }

  footer {
    padding: 30px 0 110px;

    #f_talking {
      bottom: 100px;
      right: 10px;

      img {
        max-width: 100px;
      }
    }

    .sp_f_nav {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fda2c0c2;
      z-index: 100;
      padding: 10px 0;

      ul {
        display: flex;
        width: 100%;

        li {
          width: calc(100% / 5 - 5px);
          background: #fff;
          margin: 0 2.5px;
          border-radius: 5px;
          font-size: 0.8em;

          a {
            img {
              width: 70%;
              margin: auto;
              max-width: fit-content;
              max-height: 60px;
            }

            div {
              text-align: center;
              background: #fda2c0;
              border-radius: 5px;
              font-weight: 600;
              box-shadow: 0 0 5px #fdb5cc;
            }
          }
        }
      }
    }
  }
  #recruit_foam .recruit_foam .recruit_foam_box form .onebox .t02 select{
                        appearance: none;
                    -moz-appearance: none;
                    -webkit-appearance: none;
}

/* 旧Edgeの▼消し（必要なら） */
  #recruit_foam .recruit_foam .recruit_foam_box form .onebox .t02 select::-ms-expand{ }
}

@media screen and (max-width: 600px) {
  body {
    font-size: 14px;
  }

  #type {
    & .type_explanation_text {
      .text {
        font-size: 1em;
      }
    }
  }
}