@media screen and (min-width: 1001px) {
  .pc_none {
    display: none;
  }
  .f_Tracking {
    display: none;
  }
}
@media screen and (max-width: 1550px) and (min-width: 1001px) {
  body {
    font-size: 18px;
  }
  header {
    .header {
      .headercard {
        font-size: 1.25vw;
        .timebox {
          .time {
            width: 40%;
          }
          .mail_line {
            display: block;
            a {
              margin: 0 0 10px;
              img {
                margin: 0 5px 0 0;
                height: 20px;
                width: auto;
              }
            }
          }
        }
      }
    }
    #top_introduction {
      .images {
        .txt {
          font-size: 2em;
        }
      }
    }
  }
}

@media screen and (max-width: 1000px) {
  .sp_none {
    display: none;
  }
  body {
    font-size: 16px;
  }
  header {
    .header {
      height: 120px;
      .headercard {
        justify-content: space-between;
        padding: 30px 50px 30px 5px;
        h1 {
          max-width: fit-content;
          width: 89%;
        }
        .time_box {
          display: none;
        }
      }
    }
    #h_nav {
      ul {
        display: none;
      }
    }
    
    .outer-menu {
        .menu > div > div {
            img {
                margin: 0 auto 1em;
            }


            ul {
              display: block;
                li {
                    margin: 0 auto 1em;
                    width: 100%;
                }
            }  
        }
    }

  }
  main#top {
    margin: 130px 0 0;
  }
  #pankuzu {
    padding: 130px 0 10px;
  }
  .title {
    .t01 {
      font-size: 4em;
    }
  }
  #top_blog {
    .top_blog_boxs {
      display: block;
      .card {
        .text {
          .txt {
            max-height: 80px;
          }
        }
      }
      .main_card {
        margin: 0 auto;
      }
      .sab_card {
        width: 100%;
        max-width: 500px;
        margin: auto;
        .card {
          margin: 0 auto 20px;
          width: 48%;
        }
      }
    }
  }
  #top_introduction {
    .images {
      display: block;
      .txt {
        width: 87%;
        padding: 0;
        max-width: 680px;
        margin: 0 auto 0.8em;
        height: fit-content;
        font-size: 1.75em;
      }
      .img {
        width: 90%;
        margin: 0 auto 30px;
        max-width: 700px;
        padding: 1% 2%;
      }
      .img:nth-child(2n-1) {
        margin: 0 auto 30px;
      }
    }
    .top_recruit {
      .box {
        display: block;
        .img {
          margin: 0 auto 1em;
          width: fit-content;
        }
      }
    }
  }
  #review {
    .review_cards {
      .onecard {
        width: 90%;
        margin: 0 auto 1em;
      }
    }
  }
  .top_treatment_point {
    .top_treatment_point_card {
      display: block;
      .onebox {
        background: url(../images/top_treatment_point_bg.jpg) no-repeat top
          center / 100%;
        width: 90%;
        max-width: 570px;
        margin: 0 auto 2em;
        .txt {
          width: 90%;
          margin: auto;
          font-size: 0.95em;
        }
      }
      .onebox:last-child {
        margin: 0 auto;
      }
    }
  }
  #top_girlsworking {
    .tit {
      font-size: 1.8em;
      height: 60px;
    }
  }
  #top_sab_card {
    img {
      max-width: 900px;
    }
  }
  #top_shopinformation {
    & .shopinformation {
      & .shopinformationcards {
        .onecard {
          display: block;
          .a {
            overflow-wrap: anywhere;
          }
        }
      }
    }
  }
  .income_card {
    .onecard {
      .box {
        display: block;
        max-width: 502px;
        .img {
          margin: 0 auto 3em;
          width: fit-content;
        }
        .txt {
          margin: 0 auto;
          width: fit-content;
          padding: 0 0 0 4.5em;
          .no {
            top: 1.8em;
            left: -2em;
            font-size: 3em;
            line-height: 1;
          }
          .salary {
            font-size: 1.8em;
            span {
              font-size: 1.2em;
            }
          }
        }
      }
    }
  }
  #top_girlsworking {
    .income_card {
      .onecard {
        .box {
          .txt {
            .no {
              left: -2.5em;
            }
          }
        }
      }
    }
  }

  .experience_card {
    .onecard {
      .box {
        display: block;
        .img {
          margin: 0 auto 3em;
          width: fit-content;
        }
        .txt {
          margin: 0 auto;
          width: fit-content;
          padding: 0;
          .name {
            margin-bottom: 1em;
          }
          .ti {
            line-height: 1.3;
          }
          p {
            margin-bottom: 3em;
          }
        }
      }
    }
  }
  .movie_cards {
    display: block;
    .card {
      width: calc(100% - 1% - 2px);
      margin: auto auto 3em;
      video {
        width: fit-content;
        margin: auto;
      }
    }
    .card:nth-child(3n) {
      margin: auto auto 3em;
    }
  }
  .interviews_cards {
    .card {
      display: block;
      .img {
        margin: 0 auto 3em;
        width: fit-content;
      }
    }
  }
  #top_affiliated {
    display: block;
    .title {
      margin: 0 auto 3em;
      width: 90%;
    }
    .introduction {
      max-width: 1000px;
      width: 90%;
      .img {
        text-align: center;
        margin: auto;
        width: fit-content;
      }
      .introduction_tit {
        padding: 0 0 0.5em;
        border-bottom: 1px solid var(--color02);
        margin: 0.75em 0 0.5em;
        text-align: center;
      }
    }
  }
  #blog_boxs {
    .blog_boxs {
      .card {
        width: calc(100% / 2 - 20px);
        margin: 0 10px 40px;
      }
      .card:nth-child(3n) {
        margin: 0 10px 40px;
      }
    }
  }
  #top_recruitment {
    .top_recruitment {
      .top_recruitment01 {
        .tit {
          font-size: 2em;
        }
        .txtbox {
          .txt {
            font-size: 1.8em;
          }
        }
      }
      .top_recruitment03 {
        .txtcard01 {
          .pgcard {
            flex-wrap: nowrap;
            .pg {
              padding: 0 15px;
              height: 40px;
              margin: auto 0;
              width: inherit;
              line-height: 1;
               font-size: 0.9em;
            }
            .pg:before {
              border-bottom: 41px solid #fff;
              border-left: 10px solid transparent;
              right: 0;
            }
            .pg::after {
              border-top: 41px solid #fff;
              border-right: 10px solid transparent;
              left: 0;
            }
          }
        }
      }
    }
  }
  #top_conditions {
    .top_treatment {
      .tit {
        font-size: 1.8em;
      }
      p {
        line-height: 2;
      }
    }
    table {
      tr {
        display: table-row;
        th {
          text-align: center;
          width: fit-content;
          margin: 0 auto 1em;
        }
        td {
          justify-content: center;
          margin: 0 auto 2em;
        }
      }
    }
  }
  #pagination-container {
    button,
    button.prev-btn,
    button.next-btn {
      width: 40px;
      height: 40px;
      margin: 0 5px;
    }
  }
  footer {
    padding: 4em 0;
    #page-top {
      bottom: 90px;
      right: 1em;
      img {
        width: 50px;
        height: auto;
      }
    }
    .f_Tracking {
      position: fixed;
      width: 100%;
      bottom: 0;
      background: linear-gradient(to right, #f07fb2, #efafcc, #f07fb2);
      ul {
        display: flex;
        justify-content: space-around;
        width: 98%;
        margin: auto;
        padding: 0.2em 0;
        li {
          font-size: 1.5em;
          font-family: var(--font01);
          text-align: center;
          img {
            height: 50px;
            width: auto;
            margin: 0 auto;
          }
        }
      }
    }
  }
  #interview_detail {
  #interview_detail_boxs {
    .tit {
      font-size: 1.8em;
      line-height: 1.3;
    }
    .txt {
      h3 {
        font-size: 1.2em;
      }
    }
  }
}
#blog_detail {
  #blog_detail_boxs {
    .tit {
      font-size: 1.8em;
      line-height: 1.3;
    }
    .txt {
      h3 {
        font-size: 1.2em;
      }
    }
  }
}
.photogallery_cards {
  .photogallery_card {
    figure {
      width: 80%;
      img {
        height: auto;
      }

    }
  }
}
}
@media screen and (max-width: 600px) {
  body {
    font-size: 16px;
  }
  header {
    .header {
      height: 85px;
    }
  }
  #pankuzu {
    padding: 95px 0 10px;
  }
  main#top {
    margin: 95px 0 0;
  }
}