@media screen and (min-width: 1001px) {
  .pc_none {
    display: none;
  }
}
@media screen and (min-width: 1001px) and (max-width: 1500px) {
  #header {
    a {
      h1 {
        font-size: 6.6vw;
        font-size: 4vw;
        align-content: center;
      }
      .address-box {
        .address {
          .address {
            font-size: 2vw;
          }
          .tel {
            font-size: 3.2vw;
          }
          .sns {
            font-size: 2.7vw;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 1300px) {
  #top-point {
    .top-point {
      .one-card {
        max-width: 800px;
        margin: auto;
        width: 95%;
        .text {
          .txt {
            font-size: 0.8em;
          }
        }
      }
    }
  }
  #top-news {
    .top-news {
      .one-card:nth-child(n+5) {
        display: none;
      }
    }
  }
  #top-btn {
    .top-btn {
      display: flex;
      flex-wrap: wrap;
      a {
        width: calc(50% - 10px);
        margin: 10px auto;
      }
    }
  }
  #top {
    #top-btn {
      .top-btn {
        a {
          width: calc(50% - 10px);
        }
      }
    }
  }
  #top-mygroup {
    .top-mygroup {
      background: url(../images/sp_mygrouptoha_bg.png) no-repeat scroll top center / cover;
      .top-mygroup-card {
        .one-card {
          width: 100%;
          display: flow-root;
          margin: 0 auto 100px;
          .mygroup-card {
            max-width: 800px;
            width: 85%;
            padding: 30px 2%;
            .img {
              img {
                margin: auto;
              }
            }
            .text {
              .tit {
                font-size: 35px;
                margin: 40px 0;
                div {
                  padding: 15px 0 0;
                  margin: 15px 0 0;
                  font-size: 20px;
                }
              }
              .txt {
                font-size: 18px;
                margin: 0 auto 40px;
                strong {
                  font-size: 30px;
                }
              }
            }
          }
        }
      }
      .top-mygroup-card.top-mygroup-card01 {
        margin: 0 auto;
        .mygroup-card.card01 {
          max-width: 800px;
          display: block;
          float: right;
          width: 85%;
          .text {
            margin: auto;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card02 {
        margin: 0 auto;
        display: block;
        .mygroup-card.card02 {
          max-width: 800px;
          float: left;
          width: 85%;
          .one.dot {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
          }
          .two.dot {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            top: auto;
          }
        }
        .mygroup-card.card03 {
          max-width: 800px;
          float: right;
          width: 85%;
          margin: 0 auto;
          .two.dot {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
          }
          .three.dot {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            top: auto;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card03 {
        margin: 0 auto;
        .mygroup-card.card04 {
          max-width: 800px;
          float: left;
          display: block;
          width: 85%;
          .text {
            margin: auto;
          }
          .three.dot {
            top: 0;
            right: 0;
            left: 0;
          }
          .four.dot {
            bottom: 0;
            right: 0;
            left: 0;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card04 {
        margin: 0 auto;
        .mygroup-card.card05 {
          max-width: 800px;
          display: block;
          float: right;
          width: 85%;
          .text {
            margin: auto;
          }
          .four.dot {
            top: 0;
            right: 0;
            left: 0;
          }
          .five.dot {
            bottom: 0;
            right: 0;
            left: 0;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card05 {
        margin: 0 auto;
        display: block;
        .mygroup-card.card06 {
          max-width: 800px;
          float: left;
          width: 85%;
          .five.dot {
            top: 0;
            right: 0;
            left: 0;
          }
          .six.dot {
            bottom: 0;
            right: 0;
            left: 0;
            top: auto;
          }
        }
        .mygroup-card.card07 {
          max-width: 800px;
          float: right;
          width: 85%;
          margin: 0 auto;
          .six.dot {
            top: 0;
            right: 0;
            left: 0;
          }
          .seven.dot {
            bottom: 0;
            right: 0;
            left: 0;
            top: auto;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card06 {
        margin: 0 auto;
        .mygroup-card.card08 {
          max-width: 800px;
          display: block;
          float: left;
          width: 85%;
          .text {
            margin: auto;
          }
          .seven.dot {
            top: 0;
            right: 0;
            left: 0;
          }
          .eight.dot {
            bottom: 0;
            right: 0;
            left: 0;
            top: auto;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card07 {
        margin: 0 auto;
        display: block;
        .mygroup-card.card09 {
          float: right;
          max-width: 800px;
          width: 85%;
          .eight.dot {
            top: 0;
            right: 0;
            left: 0;
          }
          .nine.dot {
            bottom: 0;
            right: 0;
            left: 0;
            top: auto;
          }
        }
        .mygroup-card.card10 {
          max-width: 800px;
          float: left;
          width: 85%;
          margin: 0 auto;
          .nine.dot {
            top: 0;
            right: 0;
            left: 0;
          }
        }
      }
    }
  }
  #works-card01 {
    .works-card01 {
      background: url(../images/sp_works-card01_bg.png) no-repeat scroll top right / cover;
      padding: 8% 0;
      .cards {
        flex-wrap: wrap;
        .card01 {
          padding: 0 3% 0 0;
          width: fit-content;
          margin: 0;
          max-width: 50%;
          img {
            height: auto;
            width: 100%;
            max-width: fit-content;
          }
        }
        .card02 {
          margin: 0;
          padding: 0 3% 0 0;
          width: fit-content;
          max-width: 50%
        }
        .card03 {
          margin: 50px auto 0;
          width: 95%;
        }
      }
    }
  }
}
@media screen and (max-width: 1000px) {
  .sp_none {
    display: none;
  }
  body {
    font-size: 20px;
  }
  header {
    a {
      h1 {
        font-size: 60px;
        line-height: 100px;
      }
    }
  }
  #header {
    height: 100px;
    padding: 0 75px 0 10px;
    .address-box {
      display: none;
    }
    .outer-menu {
      .checkbox-toggle:checked ~ .menu > div > div {
        nav {
          ul {
            li {
              min-width: 100%;
              height: auto;
              a {
                margin: auto;
                width: 370px;
                line-height: 50px;
              }
            }
          }
        }
      }
      .checkbox-toggle {
        width: 70px;
        height: 70px;
        top: calc(50% - 35px);
      }
      .hamburger {
        width: 70px;
        height: 70px;
        top: calc(50% - 35px);
      }
    }
    .outer-menu {
      .menu > div {
        .menu_bg {
          max-width: 500%;
          width: 180%;
        }
      }
    }
  }
  main {
    #pankuzu {
      padding: 110px 1% 10px;
    }
  }
  #lowerlayer-tit {
    padding: 50px 0 80px;
    .card_01 {
      display: block;
      .txt {
        width: fit-content;
        margin: 0 auto 50px;
        .t01 {
          text-align: center;
        }
        .t02 {
          text-align: center;
        }
      }
      .img {
        width: fit-content;
        margin: auto;
        img {
          height: auto;
          width: 100%;
          max-width: fit-content;
        }
      }
    }
  }
  #lowerlayer-card {
    h3 {
      margin: 0 auto 50px;
    }
    .lowerlayercard {
      .text {
        margin: 0 auto 50px;
      }
      .tit {
        margin: 0 auto 50px;
        img {
          height: 45px;
          width: auto;
        }
      }
      .card {
        display: block;
        padding: 0 0 50px;
        .txt {
          padding: 0 3% 30px;
          .t01 {
            margin: 0 0 20px;
            text-align: center;
            font-size: 1.2em;
          }
        }
        .img {
          width: fit-content;
          margin: auto;
          display: block;
          padding: 0 3% 30px;
        }
      }
    }
    h3 {
      width: 95%;
    }
  }
  #age-modal {
    .modal-content {
      img {
        margin: 0 auto 40px;
      }
    }
  }
  #top-slide {
    margin: 0 auto 100px;
    .top-slide {
      padding: 0 0 20px;
      margin: 0 auto 80px;
    }
  }
  .top-tit {
    /* font-size: 50px;*/
    margin: 0 0 50px;
    line-height: 1.3;
    img {
      height: 50px;
      width: auto;
    }
  }
  #top-movie {
    background: url(../images/top_movie_bg.png) no-repeat scroll center center / auto 100%;
    height: auto;
    padding: 250px 0 100px;
    .movie_img {
      z-index: -1;
      bottom: 0px;
    }
    .top-movie {
      z-index: 0;
      .slick-prev, .slick-next {
        width: 40px;
        height: 40px;
      }
    }
  }
  #top-point {
    .top-point {
      .one-card {
        padding: 0 0 30px;
        .text {
          .point {}
          .tit {}
        }
      }
    }
  }
  #top-news {
    .top-news {
      flex-wrap: wrap;
      margin: 0 auto 20px;
      .one-card {
        width: calc(50% - 10px);
        margin: 0 5px 40px;
        font-size: 18px;
        .img {
          margin: 0 0 20px;
        }
        .day {
          margin: 0 0 5px;
        }
        .text {
          line-height: 1.5;
        }
      }
    }
  }
  #top-group {
    padding: 90px 0 0;
    .top-group {
      ul:first-child {
        padding: 0;
        li {
          width: 100%;
          margin: 0 auto 15px;
          max-width: 640px;
        }
      }
      ul:last-child {
        max-width: 640px;
        justify-content: space-between;
        li {
          width: calc(50% - 5px);
          margin: 0 5px 0 0;
          max-width: 300px;
        }
        li:last-child {
          margin: 0 0 0 5px;
        }
      }
    }
    .top-group_bg {
      .img {
        width: 100%;
        animation: rotate 100s linear infinite;
      }
    }
  }
  #top-btn {
    .top-btn {
      a {
        padding: 0 5px 20px;
        .text {
          /*font-size: 20px;*/
          margin-bottom: 10px;
        }
        .tit {
          /*font-size: 30px;*/
          min-height: 66px;
        }
        .txt {
          font-size: 16px;
          padding: 5px 0;
        }
      }
      a.jobdetails_salary_btn {
        .tit {
          font-size: 1.4em;
          min-height: 65px;
        }
      }
      a.qa_btn {
        .tit {
          /*font-size: 50px;*/
        }
      }
    }
  }
  #top-slide {
    .slick-dots li {
      button {
        width: 15px;
        height: 15px;
      }
      .button::before {
        width: 15px;
        height: 15px;
      }
    }
  }
  .slick-dots li button::before {
    font-size: 1.66em;
    width: 15px;
    height: 15px;
  }
  #about {
    #about-card01 {
      .card {
        p {
          padding: 50px 0;
        }
      }
    }
    #about-card02 {
      padding: 0 0 80px;
      .card_01 {
        padding: 60px 0 0;
        background: none;
        .iconcards {
          background: url(../images/sp_about-card01_bg01.png) no-repeat scroll bottom right / 40% auto;
          .iconcard {
            max-width: 600px;
            flex-wrap: wrap;
            padding: 0 1% 40px;
                                    margin: auto;
                        justify-content: center;
            figure {
              width: calc(100% / 2 - 30px);
              margin: 0 10px 10px 0;
            }
          }
        }
      }
      .tit {
        margin: 0 auto 50px;
        .tit01 {
          padding: 0 0 20px;
          font-size: 2.4em;
        }
        .line {
          max-width: 300px;
        }
        .tit02 {
          padding: 15px 0 0;
        }
        .tit03 {
          padding: 30px 0 0;
        }
      }
      .card_02 {
        background: url(../images/sp_about-card02_bg01.png) no-repeat scroll top center / 100%;
        padding: 80px 0 0;
        .cards {
          .card {
            display: block;
            padding: 20px 0;
            margin: 0 auto 100px;
            .no {
              text-align: center;
              margin: 0 auto 20px;
            }
            .dot {
              height: 100px;
              bottom: -100px;
            }
          }
          .card:last-child {
            margin: 0 auto 30px;
          }
        }
      }
      .card_03 {
        padding: 150px 0 0;
        background: url(../images/sp_about-card02_bg02.png) no-repeat scroll top center / cover;
        .onecard {
          .card {
            display: block;
            .text {
              width: 100%;
              display: block;
              margin: 0 auto 40px;
              .txt {
                max-width: 100%;
                width: 100%;
                .tit {
                  font-size: 1.48em;
                  img {
                    width: auto;
                    height: 50px;
                  }
                }
                .wave {
                  margin: 20px auto;
                }
              }
            }
            .img {
              width: 100%;
            }
          }
        }
        .onecard.card01, .onecard.card02, .onecard.card03, .onecard.card04 {
          .card {
            .text {
              width: 98%;
              .txt {
                max-width: 100%;
              }
            }
            .img {
              width: 75%;
              img {
                margin: 0 auto;
                width: 120%;
                height: auto;
              }
            }
          }
        }
        .onecard.card01 {
          .card {
            .img {
              margin: 0 0 0 25%;
            }
          }
        }
        .onecard.card02 {
          .card {
            .img {
              margin: 0 25% 0 0;
            }
          }
        }
        .onecard.card03 {
          .card {
            .img {
              margin: 0 0 0 25%;
            }
          }
        }
        .onecard.card04 {
          .card {
            .img {
              margin: 0 25% 0 0;
            }
          }
        }
      }
    }
  }
  #flow {
    #flow-card01 {
      .flow-card01 {
        padding: 60px 0 5px;
        .card {
          .hukidasi {
            .hukidasibox {
              padding: 15px 25px;
            }
          }
        }
      }
    }
    #lowerlayer-card {
      padding: 40px 0 30px;
    }
  }
  #works-card01 {
    .hukidasi {
      padding: 40px 0 60px;
      .hukidasitxt {
        margin: 20px auto 0;
      }
    }
  }
  #works-card02 {
    background: url(../images/sp_works-card02_bg.png) no-repeat scroll top center/100%;
    .tit {
      margin: 40px 0;
    }
    .works-card02 {
      padding: 40px 0 10px;
      .cards {
        .card {
          width: 200px;
        }
      }
    }
    p {
      width: 95%;
      padding: 0 0 80px;
    }
    figure {
      margin: 0 auto 80px;
    }
  }
  #mens-card02 {
    .tit {
      line-height: 40px;
      img {
        height: 40px;
        width: auto;
      }
    }
  }
  #mens-card03 {
    .mens-card {
      .card {
        .tb {
          margin: 0 auto 20px;
        }
      }
    }
  }
  #migrant-worker-card01 {
    .migrant-worker-card {
      figure {
        margin: 0 auto 20px;
      }
    }
  }
  #migrant-worker-card02 {
    padding: 0 0 55px;
    .cards {
      width: 95%;
      margin: 40px auto;
      padding: 40px 0 25px;
      .card {
        padding: 0 0 35px;
        width: 95%;
        .img {
          width: 180px;
        }
        .txt {
          align-content: center;
        }
      }
    }
  }
  #group {
    background: url(../images/sp_group_bg.png) no-repeat scroll top center /100%;
    #group-card01 {
      h3 {
        margin: 0 auto 80px;
      }
      .group-card01 {
        display: block;
        margin: 0 auto 80px;
        .text {
          p {
            padding: 0;
          }
        }
        .img {
          width: 80%;
          margin: 0 auto 30px;
          img {}
        }
      }
    }
    #group-card02 {
      .group-card02 {
        margin: 0 auto 30px;
        .card {
          width: 95%;
          max-width: 420px;
          padding: 0 1%;
          margin: 0 auto 50px;
          a {
            padding: 0;
            width: 55%;
            line-height: 40px;
            min-width: 250px;
            text-align: center;
          }
        }
      }
    }
  }
  #mens-card02 {
    .mens-card {
      display: block;
      img {
        margin: 0 auto 20px;
      }
    }
  }
  #mens-card04 {
    .mens-card04 {
      .sns-card {
        .cards {
          padding: 40px 0 20px;
          .card {
            max-width: 500px;
            .t {
              margin: 0 0 20px;
              line-height: 25px;
              img {
                height: 30px;
                width: auto;
              }
            }
            .q {
              margin: 0 0 5px;
            }
            .tit {
              margin: 0 0 20px;
            }
            .box {
              margin: 0 0 20px;
              .img {
                display: none;
              }
            }
          }
        }
      }
    }
  }
  #movie-card01 {
    padding: 0 0 80px;
    h3 {
      margin: 0 auto 80px;
    }
    .movie-card01 {
      .card {
        width: calc(100% / 2 - 40px);
        margin: 0 20px 50px;
        .text {
          .txt {
            max-height: 100px;
          }
        }
      }
    }
  }
  #news-card01 {
    .news-card {
      padding: 0 0 80px;
      .news-card01 {
        .card {
          width: calc(100% / 3 - 40px);
          margin: 0px 20px 30px;
          .text {
            .txt {
              max-height: 100px;
            }
          }
        }
      }
    }
  }
  #newsdetail-card {
    .newsdetail-card {
      padding: 50px 0 80px;
    }
  }
  #pagination-container {
    button.prev-btn, button.next-btn {
      width: 50px;
      height: 50px;
    }
    button {
      width: 50px;
      height: 50px;
    }
  }
  #contact-card {
    .contact-card {
      padding: 50px 0 80px;
      form {
        .form-card {
          margin: 0 0 10px;
          label {
            margin: 0 0 5px;
          }
          p {
            margin: 0 0 10px;
            padding: 5px 0 10px;
          }
        }
      }
    }
  }
  #sns-cards {
    .sns-card {
      display: block;
      margin: 0 auto 80px;
      .one-card {
        width: 100%;
        .cards {
          .card {
            .tit {
              margin: 0 0 20px;
              font-size: 1.35em;
              line-height: 25px;
              img {
                height: 25px;
              }
            }
            .t {
              font-size: 1.5em;
              line-height: 1.5;
              margin: 0 0 10px;
              img {
                height: 30px;
                width: auto;
              }
            }
            .q {
              margin: 0;
            }
            .box {
              .img {
                img {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
  .marquee {
    .marquee-content {
      span {
        padding: 0 2rem;
        white-space: nowrap;
        font-size: 90px;
        font-weight: 900;
        color: var(--color01_02);
      }
    }
  }
  footer {
    margin: 100px auto 0;
    padding: 50px 0 0;
    .sns {
      display: block;
      .line-card {
        .linecard {
          margin: 0 auto 20px;
          .line {
            div.line01 {
              text-align: center;
              display: block;
              line-height: 1
            }
            .line02 {
              text-decoration: underline;
            }
          }
        }
      }
      .mail-card {
        margin: 0 auto 30px;
        div.mail01 {
          text-align: center;
          display: block;
          line-height: 1;
        }
        .mail02 {
          text-decoration: underline;
          button {
            input {
              text-align: center;
            }
          }
        }
      }
      a {
        margin: 0 auto 30px;
        img {
          display: none;
        }
      }
    }
    .address {
      margin: 0 auto 25px;
      .time-24 {
        line-height: 1;
        align-content: center;
        width: 75%;
        margin: 0 auto 10px;
        text-align: center;
      }
      .no {
        img {}
      }
    }
    .f_logo {
      font-size: 10vw;
      margin: 0 auto 30px;
    }
    ul.fnav {
      width: 95%;
      justify-content: flex-start;
      max-width: 400px;
      a {
        width: 50%;
        margin: 0 0 20px;
      }
    }
    .f_btn {
      margin: 30px auto 60px;
      a {
        padding: 10px 0;
        width: 80%;
        img {
          margin: 5px 10px 5px 0;
          height: 20px;
          width: auto;
        }
      }
    }
  }
  #faq-card {
    margin: 0 auto 80px;
    .faq-card {
      margin: 0 auto 20px;
      border-radius: 15px;
      summary {
        padding: 0.5em 50px 0.8em 20px;
        position: relative;
      }
      summary::before, summary::after {
        right: 20px;
        width: 15px;
        height: 3px;
      }
      p {
        padding: 0 20px 20px;
      }
    }
  }
  #top-mygroup {
    .top-mygroup {
      .top-mygroup-card {
        .mygroup-card {
          .dot {
            width: 5px;
            height: 120px;
            border-right: 5px #bfbfbf dotted;
            position: absolute;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
            position: absolute;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card01 {
        .mygroup-card.card01 {
          .one.dot {
            transform: rotate(15deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card02 {
        .mygroup-card.card02 {
          .two.dot {
            transform: rotate(337deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .one.dot {
            display: none;
          }
        }
        .mygroup-card.card03 {
          .three.dot {
            transform: rotate(15deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .two.dot {
            display: none;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card03 {
        .mygroup-card.card04 {
          .four.dot {
            transform: rotate(337deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .three.dot {
            display: none;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card04 {
        .mygroup-card.card05 {
          .five.dot {
            transform: rotate(15deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .four.dot {
            display: none;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card05 {
        .mygroup-card.card06 {
          .six.dot {
            transform: rotate(337deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .five.dot {
            display: none;
          }
        }
        .mygroup-card.card07 {
          .seven.dot {
            transform: rotate(15deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .six.dot {
            display: none;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card06 {
        .mygroup-card.card08 {
          .eight.dot {
            transform: rotate(337deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .seven.dot {
            display: none;
          }
        }
      }
      .top-mygroup-card.top-mygroup-card07 {
        .mygroup-card.card09 {
          .nine.dot {
            transform: rotate(15deg) !important;
            bottom: -120px;
            right: 0;
            left: 0;
            margin: auto;
          }
          .eight.dot {
            display: none;
          }
        }
        .mygroup-card.card10 {
          .nine.dot {
            display: none;
          }
        }
      }
    }
  }
}
@media screen and (max-width: 600px) {
  body {
    font-size: 18px;
  }
  header {
    a {
      h1 {
        font-size: 9vw;
      }
    }
  }
  .top-tit {
    font-size: 2em;
    /*line-height: 30px;*/
    img {
      height: 30px;
    }
  }
  #top-point {
    .top-point {
      .one-card {
        .text {
          width: calc(100% - 180px);
        }
        .img {
          img {
            width: 180px;
            height: auto;
          }
        }
      }
    }
  }
  #migrant-worker-card02 {
    .cards {
      .card {
        .img {
          width: 100px;
          img {
            width: 70px;
          }
        }
        .txt {
          padding: 0 0 0 10px;
        }
      }
    }
  }
  #mens-card03 {
    .mens-card {
      .card {
        padding: 30px 0;
        .tit {
          padding: 0 0 20px;
        }
        .line {
          margin: 0 auto 30px;
        }
        .tb {
          display: block;
          .t01 {
            margin: 0 0 5px;
            width: 100%;
          }
        }
      }
    }
  }
  #mens-card04 {
    .mens-card04 {
      .sns-card {
        font-size: 0.9em;
      }
      .sns-card {
        .cards {
          .card {
            max-width: 350px;
          }
        }
      }
    }
  }
  #movie-card01 {
    .movie-card01 {
      .card {
        width: 100%;
        margin: 0 auto 30px;
      }
    }
  }
  #news-card01 {
    .news-card {
      .news-card01 {
        .card {
          width: calc(100% / 2 - 20px);
          margin: 0px 10px 50px;
        }
      }
    }
  }
  #pagination-container {
    button.prev-btn, button.next-btn {
      width: 40px;
      height: 40px;
    }
    button {
      width: 40px;
      height: 40px;
    }
  }
  #migrant-worker-card02 {
    .cards {
      .card {
        display: block;
        .img {
          width: 100%;
          margin: auto;
          padding: 0 0 15px;
        }
        .line {
          width: 95%;
          height: 5px;
          border-left: none;
          border-bottom: 5px dotted var(--color01);
          margin: 0 auto 15px;
        }
        .txt {
          padding: 0 0 0 20px;
          width: fit-content;
          margin: auto;
        }
      }
    }
  }
  footer {
    #f_tracking {
      #page-top {
        a {
          width: 50px;
          height: 50px;
          font-size: 50px;
        }
      }
      .hsns_modal {
        .modal-open-button {
          min-width: 60px;
          height: 250px;
          .modal-open-buttoncard {
            right: -125px;
          }
        }
        .modal {
          .modal-wrapper {
            min-height: 250px;
          }
        }
      }
      .address {
        line-height: 1;
        .time-24 {
          margin: 0 auto 10px;
        }
        .no {
          img {
            padding: 0 5px 0 0;
          }
        }
      }
      #h_sns {
        min-width: 55px;
        .h_sns {
          height: 200px;
          .sns01 {
            p {
              width: 200px;
              right: -105px;
              top: 70px;
            }
          }
        }
      }
    }
  }
  #connector {
    line {
      transition: opacity 0s ease-out;
    }
  }
}