/* ===============================================
  
=============================================== */

/**/
@media (min-width:1921px) {
  #top_mv .mv_wrap_txt_en {
    font-size: clamp(5rem, 3.956rem + 4.52vw, 14.375rem);
  }

  #top_mv .mv_wrap_txt_jp {
    font-size: clamp(0.875rem, 0.726rem + 0.65vw, 6.5rem);
    bottom: 8.166667vw;
    right: 2.333333vw;
  }

  .illustration06 {
    top: -25.833333vw;
  }

  .top_mv_contents_wrap_in {
    justify-content: center;
  }

  .top_mv_contents_wrap_in {
    justify-content: center;
  }

  .stance_date_wrap .illustration02 img {
    width: 30.041667vw;
  }

  .top_bottom_wrap .illustration04 {
    bottom: -2rem;
  }

  .img_stance_illustration01 img {
    width: 30.041667vw;
    height: auto;
  }
}

/**/
@media (max-width:1920px) {
  .slick_wrap {
    max-width: 1650px;
    overflow: hidden;
    /* margin: 0 auto; */
    margin-left: auto;
    /* width: 100%; */
    /*margin-right: -3rem;*/
    margin-right: 0rem;
  }


  #header .btn_contact a {
    padding: 10px 1vw 10px 1vw;
    font-size: 13px;
    align-items: center;
    letter-spacing: 0px;
  }

  .top_bottom_wrap .txt_entry {
    right: 11.625vw;
  }

  .top_bottom_wrap .txt_entry img {
    width: 100%;
  }

  .works_mv_contents_wrap .img_illustration01 {
    top: 13%;
    height: 54vh;
  }
}

@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }

  /**/
  #header .logo {
    padding-left: 20px
  }

  #top_mv .mv_wrap_txt_jp {
    bottom: 40%;
  }


  .top_staff_wrap_in .view img {
    object-position: 80%;
  }

  .black_design .header_in .ico_header_mail a {
    background-color: #fff;
  }

  .activity_reboot_box_wrap .circle {
    /* top: 46vw;*/
  }

  .activity_reboot_box_wrap .circle {
    top: 97rem;
  }
}



/**/
@media (min-width: 751px) and (max-width: 1500px) {

  .mv_box .circle {
    top: 25vw;
    right: 2vw;
  }

  #header .logo_txt {
    /*max-width: 10.25vw;*/
    max-width: 7.25vw;
    font-size: 9px;
    max-width: none;
  }

  #header .drawer-menu-item {
    font-size: 11px;
  }

  #header .btn_contact a {
    font-size: 11px;
    padding: 5px 0.5vw 5px 0.5vw;
  }

  #header .logo_txt {
    padding: 5px;

  }

  .nara_box {
    /* left: 59rem; */
    top: 24%;
  }

  .osaka_box {
    /* left: 27rem; */
    left: 33%;
    bottom: 22%;
    top: auto;
  }

  .hyogo_box {
    /* left: 13rem; */
    top: 24%;
  }

  .title,
  .service_wrap .second_title,
  .title_lead_txt {
    padding: 0px 0px;
  }

  .title span {
    line-height: 1.5;
  }

  .service_wrap .second_title {
    letter-spacing: -1px;
    line-height: 1.5;
  }

  .service_wrap .second_title span {
    display: block;
    text-align: left;
    margin-left: auto;
  }

  .top_staff_wrap_in .top_staff_wrap_in_txt {
    padding-left: 20px;
  }

  .work_area .top_staff_wrap_in {
    /*padding-bottom: 0vw;*/
  }

  .service_wrap_in .view {
    height: 31vw;
  }

  .service_wrap_list {
    padding: 0px 40px;
  }

  .service_wrap_list li {
    width: calc(48% - 0px);
  }

  .employee_benefits_wrap .service_wrap_list li {
    width: calc(29.75vw - 0px);
    width: calc(32.75vw - 100px)
  }

  .requirements_wrap {
    padding: 150px 20px;
  }

  .qa_warap {
    padding: 0px 20px 70px;
  }

  .top_staff_wrap .title {
    padding-left: 20px;
  }

  .top_bottom_wrap .illustration01_1 {
    top: 26vw;
    position: absolute;
    left: 3vw;
  }

  .service_wrap_in {
    padding: 0px 20px;
  }

  .service_wrap_in .title {
    padding-left: 0px;
  }

  #top_mv .top_title_box {
    position: relative;
    top: -11.208333vw;
    right: -56vw;
  }

  .recruit_wrap {
    padding: 0px 20px;
  }

  .gnavi__list {
    padding: 0 0.5vw;
  }

  .reboot_wrap_in {
    padding: 140px 20px;
  }

  .schedule_box .modal_time_box {
    padding: 140px 20px;
  }

  .environment_wrap .environment_wrap_in {
    padding: 0px 10px;
  }

  .environment_wrap_in_le .txt_check {
    left: 0rem;
  }

  #footer .footer_wrapper .footer_logo {
    margin-right: 50px;
  }

  .top_mv_contents_wrap_txt {
    width: 80%;
  }

  /*日健について*/
  .breadcrumbs {
    padding: 0px 40px;
  }

  .president_wrap {
    padding: 140px 20px 120px;
  }

  .president_wrap_box_main_in {
    width: 59%;
  }

  .president_wrap .illustration02 {
    /* top: -80.833333vw;*/
    z-index: 1;
  }

  .president_wrap .illustration02 {
    /* top: -75.833333vw;*/
    z-index: 0;
  }

  .about_move {
    margin-top: -16vh;
  }

  .president_wrap .circle {
    /* width: 38vw;*/
  }

  /*Stance*/
  .stansce_img_illustration02 {
    top: -23rem;
    height: 53vw;
    left: -3px;
  }

  .training_system article {
    padding: 0px 20px;
  }

  .stance_assignment_wrap .top_mv_contents_wrap_txt {
    margin-left: 20px;
  }

  .stance_career_wrap article {}

  .stance_career_wrap_in {
    padding: 0px 20px;
  }

  .stance_career_wrap article:last-of-type {
    margin: 0 auto;
  }

  /*woks*/
  .img_illustration01 {
    top: 53vw;
  }

  .works_mv_contents_wrap .img_illustration01 {
    top: 13%;
    height: 44vh;
  }

  .works_staff_wrap_in {
    padding: 0px 20px;
    margin-bottom: 0px;

  }

  .works_shop_area {
    padding: 0px 20px 160px;
  }

  .illustration00 {
    display: none;
  }

  .works_shop_area .illustration01 {
    top: 54.458333vw;
  }

  .works_mv_contents_wrap {
    /*   padding-bottom: 150px;*/
  }

  .activity_reboot_box_wrap {
    padding: 20px;
  }

  .activity_reboot_box_wrap .circle {
    display: none;
  }

  .cred_box_wrap {
    width: 90%;
    margin: 0 auto 130px;
  }

  img.activity_illustration02 {
    position: absolute;
    width: 92px;
    top: 35px;
    left: 7vw;
  }
}

/**/
@media screen and (max-width: 750px) {
  .mv_box .circle {
    top: 35vw;
    right: -22vw;
    width: 45vw;
  }

  .breadcrumbs {
    display: none;
  }

  .slick-slider {
    max-width: 1920px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin: 0 auto;
  }

  /*footer*/
  .footer_nav .panel {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    padding: 0px 10px 0px;
  }

  .footer_nav .toggle {
    cursor: pointer;
  }

  .footer_nav .icon {
    float: right;
    transition: transform 0.3s ease;
    padding: 10px 0px;
  }

  .footer_nav .toggle.active .icon {
    /* transform: rotate(45deg);*/
    transform: rotate(0deg);
  }

  #footer .bold {
    padding: 10px 10px 0px;
    border-top: 1px solid #d6d6d6;
    line-height: 1 !important;
  }

  .accordion_none {
    padding-bottom: 0px !important;
  }

  .accordion_none li {}

  .copyright {
    text-align: left;
  }

  .accordion_none:last-of-type {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 0px !important;
  }

  #footer .icon {
    display: block;
    font-size: 20px;
  }

  #footer .arrow {
    position: relative;
    display: inline-block;
    width: 7.4px;
    height: 13.7px;
  }

  #footer .arrow::before,
  #footer .arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 5px;
    height: 1px;
    border-radius: 9999px;
    background-color: #000000;
    transform-origin: calc(100% - 0.5px) 50%;
  }

  #footer .arrow::before {
    transform: rotate(45deg);
  }

  #footer .arrow::after {
    transform: rotate(-45deg);
  }

  #footer .footer_wrapper a span {
    margin-left: 5px;
    margin-right: 10px;
  }

  .pagetop {
    bottom: 0rem;
    font-size: 32px;
    bottom: 0rem;
    right: 10px;
  }

  /*//*/

  .title {
    margin: 0 auto 50px;
  }

  .recruit_wrap .title {
    margin-bottom: 30px;
  }

  input[type=checkbox] {
    width: 20px;
    height: 20px;
  }

  /**/
  .wave-wrapper {
    position: relative;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-top: -3rem;
  }

  .wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 200%;
    height: 100%;
    animation: wave-slide 10s linear infinite;
  }

  @keyframes wave-slide {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(-50%);
    }
  }


  #header {
    height: auto;
  }

  #top_mv {
    background-image: url(../img/webp/top/mv_sp.webp);
    height: 106vw;
    padding-top: 214%;
  }

  #header .logo {
    padding-left: 20px;
  }

  #header .logo a img {

    max-width: 150px;
  }

  #header .logo_txt {
    /*max-width: 23vw;*/
    font-size: 2.133vw;
    padding: 10px;
  }

  #header .wrapper {
    padding: 15px 0px;

    height: 60px;
  }

  .openbtn1 {
    top: 8px;
  }

  #top_mv .top_title_box {
    position: relative;
    top: 61.791667vw;
    right: -8vw;
  }

  #top_mv .mv_wrap_txt_jp {
    /* bottom: 23.166667vw;*/
    bottom: 110px;
    letter-spacing: 2px;
  }

  .top_mv_contents_wrap .title {
    /* text-align: center; */
    justify-content: center;
    align-items: center;
    font-size: 32px;
    display: inline-block;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .illustration01 {
    top: 157.458333vw;
    left: 0rem;
  }

  .illustration01 img {
    width: 35.833333vw;
  }

  .scroll-line {
    left: calc(80% + 31px);
    top: 43rem;
  }

  .top_mv_contents_wrap_in {
    flex-direction: column-reverse;
    padding-bottom: 90px;
  }

  .top_mv_contents_wrap_txt {
    width: 100%;
    padding: 0px 20px;
    margin-left: 0px;
    margin-bottom: 40px;
  }

  .top_mv_contents_wrap_in .view {
    margin-right: auto;
  }

  .illustration02 {
    top: -79.833333vw;
  }

  .illustration02 img {
    width: 60.833333vw;
  }

  .training_system .illustration02 {
    top: -43.833333vw;
    z-index: 0;
    right: -44vw;
  }

  .training_system article {
    padding: 0px 20px;
  }

  .top_mv_contents_wrap .view img {
    object-position: 100%;
    padding-right: 20px;
    /*    border-radius: 0px 287px 287px 0px;*/
    height: 200px;
  }

  .top_staff_wrap_in {
    flex-direction: column;
    padding-bottom: 27vw;
  }

  .wave-wrapper_move_none {
    /* margin-top: -8rem; */
    margin-top: -42vw;
  }

  .wave-wrapper_move_none svg.sp {
    height: 80px;
  }

  .top_staff_wrap_in .view {
    margin: 0 auto;
    overflow: hidden;
    object-fit: contain;
    width: 100%;
    border-radius: 75px;
  }

  .top_staff_wrap_in .view:first-of-type {
    width: 75%;
    margin-right: 0px;
  }

  .top_staff_wrap_in .top_staff_wrap_in_txt {
    max-width: 100%;
    padding: 0px 20px;
  }

  .illustration_f_02 {
    position: absolute;
    bottom: 15vw;
    width: 19.0416vw;
    left: auto;
  }

  .illustration_f_03 {
    position: absolute;
    right: 55vw;
    bottom: 4vw;
    width: 22.4vw;
  }

  .top_staff_wrap_in .view img {
    width: 100%;
    height: auto;
    border-radius: unset;
  }

  .top_staff_wrap_in_txt .title {
    line-height: 2;
  }

  .top_staff_wrap_in_txt .sub_title {
    margin-bottom: 20px !important;
    padding-left: 0px !important;
  }

  .service_wrap_in {
    padding: 0px 20px 0px;
    flex-direction: column-reverse;

  }

  .service_wrap_in_txt_box {
    margin-left: 0px;
    margin-top: 15vw;
    width: 100%;
    max-width: 100%;

  }

  .service_wrap_in .view img {
    width: 100%;
  }

  .service_wrap_in .title {
    margin-bottom: 40px;
    padding-left: 0px !important;
  }

  .service_wrap_list li {
    width: 83%;
    margin: 0 auto 60px;
  }

  .service_wrap_list_in_box {
    height: 50vh;
  }

  .service_wrap_list svg {
    font-size: 18px;
    letter-spacing: 0.9px;
  }

  .illustration06 {
    top: -47.833333vw;
  }

  .illustration06 img {
    width: 55.041667vw;
  }

  .top_staff_wrap .title {
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .top_staff_wrap li {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    max-width: unset;
    margin-left: 10px;
    left: -5px;
  }

  .top_staff_slider_txtbox {
    width: 84%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    justify-content: space-between;
    padding: 0px;
    margin-top: 20px;
    margin-right: 40px;
  }

  .top_staff_wrap li .link_btn {
    right: 30px;
    position: relative;
    width: 60px;
    height: 60px;
  }

  .top_staff_slider {
    margin-top: 50px;
  }

  .top_staff_wrap .title_lead_txt {
    margin-bottom: 0px;
  }

  .top_staff_wrap .img_box img {
    width: 100%;
  }

  .top_staff_wrap .img_box {
    height: auto;
    border-radius: 37.3vw;
  }

  .training_system_box_list {
    flex-direction: column;
  }

  .training_system_box_list {
    flex-direction: column;
  }

  .training_system_box {
    width: 90%;
    border-radius: 40px;
    padding: 40px 30px;
  }

  .training_system_box_list li.box {
    height: auto;
    border-radius: 100px;
    padding: 35px 30px;
  }

  .training_system_box_title span {
    font-size: 34px;
  }

  .employee_benefits_wrap .service_wrap_list li {
    width: 100%;
  }

  .service_wrap_list {
    padding: 0px 20px 60px;
  }

  .training_system_box_arrow {
    transform: rotate(0.25turn);
    margin: 30px 0px;
  }

  .training_system_box .lead_txt {
    margin-bottom: 40px;
  }

  .work_area_wrap_box {
    background-image: url(../img/webp/top/img_map_sp.webp);
    padding-top: 140%;
    background-size: 82%;
  }

  #faq_mv {
    background-image: url(../img/webp/faq/mv_sp.webp);
  }

  .qa_warap {
    padding: 0px 20px
  }

  .qa_warap dd p {
    padding-top: 10px;
  }


  .qa_warap .title {
    font-size: 25px !important;
  }


  .qa_warapdt {
    margin-left: 0px;
    padding-left: 33px;
  }

  .qa_warap dt {
    padding-top: 5px;
    padding-bottom: 5px;
    text-indent: -1.9em;
    margin-left: 0px;
    padding-left: 55px;
    text-indent: -2.5em;
    /* margin-left: 1em; */
    padding-left: 49px;
    font-size: 16px
  }

  .qa_warap dd {
    /* padding: 10px 00px 20px 10px;*/
  }

  .qa_warap dt::after {
    font-size: 12px;
    right: -18px;
  }

  .qa_warap dl {
    margin-bottom: 100px;
  }

  .qa_warap dd span {
    font-size: 18px;
  }

  .environment_wrap .environment_wrap_in {
    flex-direction: column;
  }

  .environment_wrap {
    padding: 70px 20px 250px;
    z-index: 9;
  }

  .training_system .circle {
    width: 66vw;
    top: -348vw;
    right: -5rem;
    top: -470vw;
    bottom: auto;
  }

  .career_step_wrap .illustration01 {
    top: -40.541667vw;
    left: 0rem;
  }

  .career_step_wrap .illustration01 img {
    width: 45.833333vw;
  }

  .career_step_wrap .sub_title {
    padding-top: 9rem;
  }

  .img_step_support_box .sub_title {
    padding-top: 0rem;
  }

  .img_step_support img {
    width: 100%;
  }

  .sub_title span {
    padding: 0px;
    /*   background: linear-gradient(transparent 70%, #c3ef4b 70%);*/
    line-height: 1.5;
    font-size: clamp(1.875rem, 1.785rem + 0.39vw, 2.25rem);
  }

  .career_step_wrap .img_step {
    padding: 0px 20px;
  }

  .img_step_support_box {
    padding: 60px 4.1666vw;
    border-radius: 8.16666vw;
  }

  .career_step_wrap .img_step_support img {
    width: 100%;
  }

  .career_step_wrap {
    padding: 0px 20px;
  }

  .img_step_support_box_in {
    display: block;
  }

  .img_step_txt dl {
    margin-left: 0px !important;
    margin-bottom: 40px;
  }

  .career_step_wrap .img_step_support {
    margin-bottom: 50px;
  }

  .img_step_txt {
    flex-direction: column-reverse;
    padding: 0px 20px;
  }

  .work_area_wrap {
    padding-bottom: 4rem;
  }

  .work_area_wrap .sub_title_lead_txt {
    text-align: left;
    margin: 0px 20px 30px;
    font-size: 15px;
  }


  .hyogo_box {
    top: 10%;
    left: 54.931%;
    font-size: 20px;
  }

  .osaka_box {
    top: 57%;
    left: 13%;
  }

  .nara_box {
    left: 58%;
    top: 77%;
  }

  .top_staff_wrap {
    padding: 70px 0px 0px;
    padding-bottom: 100;
  }

  .top_staff_wrap.staff_box {
    padding: 70px 0px 100px;
    padding-bottom: 50px !important;
  }

  .staff_box ul {
    margin-bottom: 25px;
  }

  .employee_benefits_wrap {
    /* margin-top: -30vw;*/
  }

  .employee_benefits_wrap_main h3.title {
    padding: 0px 20px;
  }

  .employee_benefits_wrap_main .top_staff_wrap_in .top_staff_wrap_in_txt {
    padding: 0px;
    margin: 0px;
  }

  .employee_benefits_wrap_main .title {
    padding: 0px 0px;
    line-height: 1.5;
  }

  .employee_benefits_wrap_main .top_staff_wrap_in {
    padding: 0px 20px;
    /*padding-bottom: 33vh;*/
    padding-bottom: 9vh;
  }

  .employee_benefits_wrap_main .view {
    width: 100% !important;
  }

  .employee_benefits_wrap .service_wrap_list_in_box {
    height: auto;
    padding: 40px;
  }

  .environment_wrap_link_list_txt .link_title {
    flex-direction: column;
    align-items: start;
  }

  .environment_wrap_link_list li .link_btn {
    width: 45px;
    height: 45px;
    font-size: 4.66666vw;
  }

  .environment_wrap_link_list li .img_box {
    margin-right: 10px;
  }

  .environment_wrap_link_list li {
    padding: 25px 0px;
  }

  .environment_wrap_link_list {
    padding: 0px 0px;
  }

  .environment_wrap_in_le {
    /*margin-bottom: 60px;*/
    margin-bottom: 20px;
  }

  .illustration07 {
    width: 69.041667vw;
    bottom: -17.833333vw;
    z-index: -2;
  }

  .illustration_f_04 {
    bottom: 17vw;
    width: 38.125vw;
  }

  .requirements_wrap {
    padding: 0px 20px;
  }

  .requirements_wrap dl div {
    display: block;
    padding: 20px 0px;

  }

  .time_schedule_wrap .modal_time_box dl dd {
    margin-bottom: 20px;
  }

  .requirements_wrap dl div dt {
    width: 100%;
  }

  .requirements_wrap dl div dd {
    width: 100%;
  }

  .requirements_wrap dl div p {
    letter-spacing: -0.1px;
  }

  .simpleParallax {
    overflow: hidden;

  }

  .thumbnail {
    height: 64vh;
    width: 100%
  }

  .top_bottom_wrap_txt {
    font-size: clamp(1.563rem, 1.335rem + 0.97vw, 2.5rem);
    top: 9%;
    line-height: 1.5;
  }

  .recruit_wrap {
    padding: 0px 20px;
    margin-top: 30px;
    position: relative;
    z-index: 6;
  }

  .recruit_wrap dl {
    flex-direction: column;
    padding: 20px 0px;

  }

  .recruit_wrap dt {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
  }

  input[type="text"],
  textarea,
  input[type="tel"],
  input[type="email"] {
    width: 100%;
  }

  .top_bottom_wrap .illustration04 {
    position: absolute;
    bottom: 30rem;
    width: 40vw;
  }

  .top_bottom_wrap .illustration_f img {
    width: 100%;
  }

  .top_bottom_wrap .illustration_f {
    left: 3.416668vw;
    /* width: 14vw;*/
    width: 20vw;
  }

  .corporate_philosophy .illustration03 {
    width: 15.354vw;
    right: 24px;
    left: auto;
    top: 54rem;
  }

  .corporate_philosophy {
    padding-bottom: 80px;
  }

  .corporate_philosophy_list dt {
    margin: 0 auto 15px;
  }

  .top_bottom_wrap_botton {
    padding: 0px 0px 130px;
  }

  .lower_layer_wrap .title {
    margin-top: 0px;
  }

  .requirements_wrap dl div:first-of-type div {
    padding-bottom: 100px;
  }

  .top_bottom_wrap .illustration02 {
    width: 60vw;
    top: 96.833333vw;
  }

  .top_bottom_wrap .title {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .recruit_wrap dl:last-of-type {
    /*margin-bottom: 50px;*/
    margin-bottom: 0px;
  }

  .btm_contact::after {
    font-size: 13px;
  }

  /**/
  .modal_in figcaption {
    position: relative;
  }

  .modal_box .wave-wrapper_move_none {
    margin-top: -62vw;
    padding-top: 31.25%;
  }

  .modal1_bg {
    background-position: 36%;
    padding-top: 56.25%;
  }

  .modal_in figcaption {
    z-index: 1;
    max-width: 100%;
    border-radius: 0px;
    margin: 0 auto;
    left: 0;
    padding: 20px 20px;
  }

  .modal_box .title {
    margin-left: 0px;
    padding-left: 20px;
    margin-top: 150px;
    line-height: 1.3;
    display: block;
    padding: 0px 20px;
    font-feature-settings: "palt";
  }

  .modal_col_box {
    padding: 40px 20px;
  }

  .modal_col_box_title_box span {
    display: block;
    margin-left: 0px;
    margin-top: 20px;
  }

  .time {
    width: 18%;
    width: auto;
    border: unset;
  }

  .modal_time_box li {
    justify-content: space-between;
  }

  .schedule_box .modal_time_box dl {
    margin-left: 0px;
    padding-left: 0px;
    width: 75%;
  }

  .top_bottom_wrap .illustration01_1 {
    top: 134vw;
    position: absolute;
    left: 5vw;
    width: 20vw;
  }

  .top_bottom_wrap .illustration01_1 img {
    width: 100%;
  }

  .second_title span {
    font-size: 35px;
    line-height: 1.2;
  }

  .service_wrap .second_title span {
    font-size: 28px;
    display: block;
    margin-left: auto;
    text-align: left;
  }

  .requirements_wrap .requirements_wrap_attent {
    /* padding-bottom: 100px;*/
  }

  .top_bottom_wrap .txt_entry {
    bottom: 4rem;
    right: 27.625vw;
    width: 35vw;
  }

  .top_bottom_wrap .txt_entry img {
    width: 100%;

  }

  .service_wrap_list_in_box {
    /* height: 33vh;*/
    padding: 40px 20px 60px;
    height: auto;
  }

  .training_system_box_title {
    letter-spacing: -2.1px;
    margin-bottom: 30px;
  }

  /**/
  .reboot_wrap_in {
    flex-direction: column;
    padding: 90px 20px;
  }

  .ico_check {
    margin-bottom: 50px;
    width: 25vw;
  }

  .reboot_box_txt {
    line-height: 2;
  }

  .reboot_box_txt p {
    margin-bottom: 30px;
  }

  .schedule_box .modal_time_box {
    padding: 70px 20px 60px;
  }

  .schedule_box .circle {
    width: 52vw;
    top: -12vw;
    right: -5rem;

  }

  .schedule_box .circle .circleText__text {
    fill: #c3ef4b;
  }

  .training_system {
    padding: 50px 0px 0px;
  }

  .training_system .sub_title span {
    text-align: center;
    display: block;
  }

  .modal_col_box_title_box {
    margin-bottom: 25px;
  }

  .training_system_lead_txt {
    line-height: 1.5;
    margin-bottom: 50px;
  }

  .google_map iframe {
    height: 60vh;
  }

  .work_area_wrap_box_attent_txt {
    display: block;
    width: auto;
    width: 23rem;
            margin-left: 0px;
  }

  .stance_career_wrap .title {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .img_stance_man {
    position: absolute;
    max-width: 8vw;
    left: 2rem;
    bottom: 23px;
  }

  .img_stance_woman {
    position: absolute;
    max-width: 6.5vw;
    right: -2rem;
    bottom: 99px;
  }

  .modal_box_in_wrap {
    padding-bottom: 0px;
    padding: 0px 0px 0px;
  }

  .top_main_bottom_wrap_in .link_list {
    /* flex-direction: column;*/
    flex-wrap: wrap;
  }

  .top_main_bottom_wrap_in .link_list li {
    max-width: 300px;
    width: 75%;
    margin: 0 auto 80px;
  }

  .top_main_bottom_wrap_in {
    margin-bottom: 0px;
  }

  .top_main_bottom_wrap_in .link_list_col {
    border-radius: 26vw;
    padding: 0px 40px;
    height: 69vw;

  }

  .top_main_bottom_wrap_in .link_list svg {
    top: -4rem;
    left: -2rem;
    font-size: 16px;
    letter-spacing: -1px;
  }

  .link_list_col_in {
    width: 100%;
  }

  .btn_detail a {
    max-width: 90%;
    /* border-radius: 15px; */
    margin: 0 auto 30px;
  }

  .environment_wrap_in_txt {
    line-height: 2;
    margin-bottom: 30px;
  }


  .top_staff_wrap_in .top_staff_wrap_in_txt .btn_detail a {
    margin-left: auto;
  }

  .btn_detail {
    margin-bottom: 50px;
  }

  .illustration03 {
    bottom: -1rem;
    left: 0px;
  }

  .illustration03 img {
    width: 40.458333vw;
    height: auto;
  }

  .btm_contact {
    width: 80%;
    font-size: 18px;
    box-shadow: 2px 10px 0px 1px #bdec4e;
    margin-bottom: 50px;
  }

  .btm_contact a {
    padding: 2rem 0em 2rem 0rem;
    letter-spacing: 0px;
  }

  .recruit_wrap form .btm_contact {
    margin-bottom: 100px;
    max-width: 100%;
    width: 100%;

  }

  .recruit_wrap form .btm_contact input {
    letter-spacing: 0px;
  }

  .recruit_wrap .title_lead_txt {
    line-height: 1.5;
  }

  .btm_contact::after {
    font-size: 13px;
    width: 35px;
    height: 35px;
    top: 28%;
  }

  .service_wrap .circle {
    width: 57vw;
    bottom: -27vw;
    right: -4rem;
    z-index: 6;
    top: auto;
  }

  .environment_wrap_in_le .txt_check {
    position: relative;
    top: -1rem;
    left: -1rem;
  }

  .environment_wrap_link_list_txt .en {
    margin-left: 0px;
  }

  .slick-track {
    padding: 0px 20px;
  }

  .top_staff_wrap li figcaption {
    font-size: clamp(1.125rem, 4.8vw, 2.25rem);

  }

  .top_staff_wrap svg {
    left: -1.5rem;
    top: -6rem;
  }

  .illustration04 {
    top: -10rem;
  }

  .illustration04 img {
    width: 40.041667vw;
  }

  .illustration00_sp {
    position: absolute;
    top: -55px;
    right: 40px;
  }

  .top_main_bottom_wrap {
    padding: 110px 0px 0px;
  }

  /**/
  .president_wrap {
    padding: 70px 20px 100px;

  }

  .president_wrap_box_main {
    flex-direction: column-reverse;
    margin-bottom: 20px;
  }

  .president_wrap_box_main_in {
    width: 100%;
  }

  .president01 img {
    /* height: auto; */
    /* max-width: 100%; */
    max-width: unset;
    height: auto;
    width: 100%;
    border-radius: 20px 20px 20px 0px;

  }

  .president_wrap .illustration02 {
    top: -79.833333vw;
  }

  .corporate_philosophy_list dd {
    font-size: 12px;
    padding: 10px 10px;
    font-feature-settings: "palt";
  }

  .corporate_philosophy {
    padding: 0px 20px 27px;
  }

  .corporate_philosophy_in {
    margin: 0px auto 4.5vw;
  }

  .corporate_philosophy .illustration03 {
    top: 42rem;
  }

  .corporate_philosophy img {
    margin: 0 auto 25px;
  }

  .lower_layer_wrap .wave-wrapper {
    margin-bottom: 10px;
    margin-top: 5rem;
    height: auto;
  }


  .name_card {
    max-width: max-content;
    height: auto;
    bottom: unset;
    left: 0.5rem;
    padding: 20px 0px;
    top: 0px;
    margin-left: 0px;
  }

  .president_wrap_box_main .sub_title {
    line-height: 1.5;
    margin-bottom: 25px;
  }

  .president_wrap_box_main .txt_box {
    flex-direction: column;
  }

  .president01_box {
    margin-bottom: 20px;
  }

  .president01 {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 7vw 7vw 7vw 0px;
  }

  .president_wrap_box_main .txt p {
    margin-bottom: 20px;
  }

  .link_btn_box_img img {
    width: 100%;
  }

  .president_wrap_box_main02 {
    flex-direction: column;
  }

  .president02_box {
    height: 31vh;
    margin-bottom: 20px;
  }

  .president02_box img {
    margin-bottom: 40px;
    height: auto;
    border-radius: 20px;
    max-height: max-content;
  }

  .president_wrap_txt_center {
    line-height: 1.5;
    text-align: left;
    font-size: 20px;
    margin-top: 30px;
    font-feature-settings: "palt";
    padding: 25px 10px;
  }

  .illustration05 {
    top: -38.833333vw;
  }

  .president_wrap .illustration05 img {
    width: 58.833333vw;
  }

  .president_wrap .illustration01 {
    width: 34.625vw;
    top: auto;
    bottom: -2rem;
    left: 10px;
  }

  .mv_box {
    padding-top: 53.25%;
    min-height: auto;
  }

  .mv_box .mv_box_title {
    top: 18vw;
  }

  #entry_mv {
    background-image: url(../img/webp/entry/mv_sp.webp);
  }

  #about_mv {
    background-image: url(../img/webp/about/main_sp.webp);
  }

  #stance_mv {
    background-image: url(../img/webp/stance/main_sp.webp);
  }

  #map {
    height: 66vw !important;
  }

  .img_stance_illustration01 {
    bottom: -2rem;
    height: 45vw;
    right: auto;
    left: 0px;
  }

  .parent img {
    max-width: 100%;
    height: auto;
    padding: 0px !important;
  }

  /*
  .parent {
   
    grid-template-rows: repeat(2, 1fr);
    width: 95%;
  }

  .parent .div1 {
    grid-area: 1 / 1 / 2 / 3;
  }

  .parent .div2 {
    grid-area: 1 / 3 / 2 / 5;
  }

  .parent .div3 {
    grid-area: 2 / 1 / 3 / 5;
    padding: 20px 30px;
  }

  .parent .div4 {
    grid-area: 3 / 1 / 4 / 5;
    padding: 20px 30px;
  }

  .parent div {
    padding: 0px 10px;
    margin: 10px;
    display: flex;
    align-items: center;
  }*/


  /*  */
  .parent {
    display: flex;
    flex-wrap: wrap;
    /* 複数行に対応 */
    gap: 11px;
    justify-content: space-between;
    width: 90%;
  }

  .parent div {
    margin: 0px;
    min-height: auto;
  }

  .parent .div2 .section {
    left: 1.3rem;
    bottom: -1rem;
  }

  .parent_graph_title {
    margin-top: 10px;
  }

  /*  */
  .parent .div1 {
    order: 1;
    max-width: 50%;
    background-image: url(../img/webp/stance/img_stance_date01_sp.webp);
    min-height: 0vh;
    height: auto;
    /* padding-top: 9%; */
  }

  /*  */
  .parent .div4 {
    order: 2;
    max-width: 46%;
    /* min-height: 250px; */
    min-height: 23vh;
  }

  /*  */
  .parent .div2 {
    order: 3;
    min-height: 150px;
    min-height: 20vh;
  }

  /*  */
  .parent .div3 {
    order: 4;
    min-height: 12rem;
  }

  .parent .div3 .circle_graph {
    height: auto;
    width: 48%;
    top: 0rem;
  }

  /* */
  .training_system_lead_txt div {
    display: block;
  }

  .parent .div1::after {
    background-image: url(../img/stance/img_stance_date01_sp.png);
    min-height: 250px;
  }

  #hour {
    font-size: 18vw;
  }

  #minute {
    font-size: 6vw;
  }

  #hour b {
    font-size: 9vw;
  }

  #suffix {
    font-size: 21px;
  }

  .parent .clock {
    line-height: 27px;
    right: 1rem;
  }

  .parent .div4 .age {
    font-size: 60px;
  }

  .parent .div4 .small {
    font-size: 25px;
  }

  #percentage1 {
    font-size: 55px;
    left: 56%;
  }

  #percentage2 {
    font-size: 30px;
    left: 68%;
  }

  .parent #graph2 .txt {
    right: 44%;
    top: 34%;
    font-size: clamp(0.625rem, 0.473rem + 0.65vw, 1.25rem);
  }

  #percentage1 span {
    font-size: 25px;
  }

  #percentage2 span {
    font-size: 20px;
  }

  .parent #graph2::before {
    top: 45%;
    left: 29%;
  }

  #femaleInt {
    font-size: 14vw;
  }

  #maleInt {
    font-size: 15vw;
  }

  .maleInt_txt {
    bottom: -1rem;
    left: -2rem;
  }

  .femaleInt_txt {
    right: -20%;
    top: -6.9rem;
  }

  .femaleInt_txt .small {
    font-size: 7vw;
    font-weight: 600;
    left: -13px;
    position: relative;
  }

  .div3_txt {
    font-size: 6vw;
    z-index: 2;
  }

  .parent .div2::after {
    background-image: url(../img/webp/stance/img_stance_date02_sp.png);
    background-size: contain;
    top: 3vw;
    /* background-position: 36% 60%; */
    /* padding: 47px; */
    height: 34vw;
  }

  .parent .div3::after {
    background-image: url(../img/stance/img_stance_date03_sp.png);
    height: auto;
    padding-top: 39%;
  }

  .parent .div4::after {
    background-image: url(../img/webp/stance/img_stance_date04_sp.webp);
    background-size: 100%;
    top: 1rem;
    height: auto;
    padding-top: 50%;
    left: 13%;
  }



  .parent .graph {
    height: 31px !important;
  }

  .parent #graph1 {
    height: 42px !important;
  }

  .graph_b_wrap {
    min-height: 93px !important;
  }

  .parent .graph1 {
    height: 39px;
  }

  .stance_assignment_wrap {
    flex-direction: column-reverse;
    margin-bottom: 100px;
  }

  .stance_staff_wrap {
    padding: 45px 0px 100px;
  }

  .stance_assignment_wrap .view {
    margin-left: 20px;
    border-radius: 0px 0px 0px 0px;
  }

  .stance_assignment_wrap .top_mv_contents_wrap_txt {
    width: 100%;
    margin: auto;
    /*margin-bottom: 14rem;*/
    margin-bottom: 4rem;
  }

  .stance_img_illustration05 {
    height: 32vw;
    left: auto;
    right: 36px;
    top: -19vw;
  }

  .stance_career_wrap .title_lead_txt {
    margin-bottom: 30px;
  }

  .stance_career_wrap article {
    width: 100%;
    margin: 0 auto 20px;
    padding: 30px 20px;

  }

  .stance_career_wrap {
    padding-bottom: 70px;

  }

  .stance_career_wrap article:last-of-type {
    margin: 0 auto;
  }

  .stance_img_illustration06 {
    position: absolute;
    top: -48vw;
    right: 0px;
    z-index: 0;
    height: 73vw;
  }

  .parent .div3 .parent_graph_title {
    left: 1rem;
  }

  .parent_graph_title span {
    padding: 5px 5px;
  }

  .stance_date_wrap {
    padding: 70px 0px 50px;
  }

  .employee_benefits_wrap_main .top_staff_wrap {
    padding: 50px 0px 0px;
  }

  .employee_benefits_wrap .service_wrap_list {
    padding: 0px 20px 10px;
  }

  .employee_benefits_wrap_main {
    padding: 40px 0px 0px;
  }

  .stance_assignment_wrap .view img {
    width: 100%;
    height: auto;
    border-radius: 239px 0px 0px 239px;
  }

  .stance_career_wrap_in {
    padding: 0px 20px
  }

  .stance_date_wrap .title {
    margin-bottom: 20px;
    font-size: 32px;
  }

  .training_system .illustration02 img {
    width: 89.833333vw;
  }

  .training_system_box_list_title {
    margin-bottom: 20px
  }

  .stansce_img_illustration02 {
    position: absolute;
    height: 11.7vw;
    z-index: -2;
    top: 4.5rem;
    bottom: 47rem;
    left: 20px;
  }

  .stance_assignment_wrap .sub_title span {
    text-align: left;
  }

  .wave-wrapper_move_none.about_move {
    margin-top: -12vw;
  }

  .president_wrap .circle {
    width: 37vw;
    bottom: -10vw;
  }


  /*介護の仕事とは*/
  .works_staff_wrap_in {
    flex-direction: column;
    padding: 0px 20px;
    /*  margin-bottom: 50px;*/
  }

  .works_staff_wrap_in:nth-of-type(3) {
    flex-direction: column-reverse;
  }

  .works_mv_contents_wrap .works_staff_wrap_in_txt {
    width: 100% !important;
    margin-left: 0px !important;
  }

  .works_staff_wrap_in:nth-of-type(2) .works_staff_wrap_in_txt {
    margin-bottom: 20px;
  }

  .works_mv_contents_wrap .works_staff_wrap_in {
    margin-bottom: 0px
  }

  .works_mv_contents_wrap .work_area_wrap {
    padding-bottom: 9rem;
  }

  .works_mv_contents_wrap .works_staff_wrap_in .view {
    max-width: unset;
    width: 100%;
    max-width: 75%;
  }

  .works_mv_contents_wrap .works_staff_wrap_in:last-of-type .view {
    max-width: 100%;
  }

  .works_mv_contents_wrap.top_mv_contents_wrap .view img {
    /* border-radius: 10px;*/
    padding-right: 0px;
    height: auto;
    border-radius: 20.8125vw;
    border-radius: 60px;
  }


  .works_mv_contents_wrap.top_mv_contents_wrap .img_illustration01 {
    height: 103vw;
    position: absolute;
    right: 0px;
    top: 96vw;
    width: auto;
    max-width: 100%;
    object-fit: contain;
  }

  .works_shop_area_list li::after {
    max-width: 90px;
    width: 100%;
  }

  .works_shop_area_list .works_shop_area_list li p {
    margin-bottom: 20px;
    line-height: 1.5;
    margin-top: 0px;
  }

  .works_staff_wrap_in:nth-of-type(2) .title {
    margin-top: 0px;
    justify-content: start;
  }

  .works_shop_area .illustration02 {
    top: -14vw;
    z-index: 0;
  }

  .works_shop_area .illustration02 img {
    width: 33.833333vw;
  }

  .works_shop_area_list li p {
    margin-top: 0px;
  }

  .works_shop_area_list li {
    width: 100%;
    margin-bottom: 30px;
  }

  .time_schedule_wrap ol {
    margin-top: 30px;
  }

  .time_schedule_wrap .works_shift_wrap_list li {
    font-size: 20px;
  }

  .time_schedule_wrap .title {
    margin-bottom: 20px;
  }

  .works_shop_area_list li p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .works_shop_area_list_title {
    font-size: 21px !important;
  }

  .img_work_illustration05 {
    height: 30.95vw;
    position: relative;
    margin: 0 auto 0px;
    left: auto;
  }

  .modal_time_box {
    padding: 100px 20px 60px
  }

  .time_schedule_wrap_in_time_box {
    flex-direction: column;
    width: 80%;
  }

  .modal_time_box dl {
    padding-left: 10px;
    margin-bottom: 10px;

  }

  .time_schedule_wrap .modal_time_box li:nth-of-type(7) {
    padding-bottom: 0px;
  }

  .time_title_txt span {
    padding: 5px 10px;
  }

  .time_schedule_wrap .img_work01 {
    width: auto;
    height: auto;
    margin-left: 0px !important;
  }

  .img_work_txt01 {
    width: auto;
    height: 14.114vw;
    position: absolute;
    right: 0vw;
    top: -4vw;
  }

  .img_work_txt03 {
    height: 14.114vw;
    width: auto;
    top: -8vw;

  }

  .modal_col_box .time span {
    padding: 1px 3px;
  }

  .time_schedule_wrap .img_work_illustration04 {
    width: 90.75vw;
    right: 12vw;
    top: -53vw;
    right: auto;
    left: 0px;
  }

  .img_work01 img {
    width: 100%;
    height: auto;
  }

  .works_shop_area {
    padding: 10px 20px 140px;
    margin-top: -3px;
  }


  .works_shift_wrap_in {
    flex-direction: column;
  }

  .works_shift_wrap_txt {
    margin-right: 0vw;
    font-size: 32px;
  }

  .works_shop_area .title {
    font-size: 32px;
  }

  .works_shift_wrap {
    padding: 30px 25px;
  }

  .time_schedule_wrap .works_shift_wrap_list {
    max-width: 100%;
    justify-content: space-around;
  }

  .time_schedule_wrap .works_shift_wrap_list_txt {
    max-width: 100%;
    justify-content: space-around;
    display: flex;
  }

  .works_shift_wrap_txt span {
    margin-bottom: 20px;

  }

  .modal_time_box dl dd {
    flex-direction: column;
    line-height: 1.5;
  }

  .works_shop_area .title_lead_txt {
    margin-bottom: 35px;
  }

  .time_schedule_wrap li .time::after {}

  .img_work_txt02 {
    height: 29.95vw;
    position: relative;
    left: 0;
    bottom: 0px;
    /* width: 55%; */
    right: auto;
    left: auto;
    top: auto;
    bottom: -20px;
  }

  .time_schedule_wrap li .time {
    width: 4rem;
  }

  .works_staff_wrap_in .img_works {
    width: 100%;
  }

  .works_staff_wrap_in .img_works img {
    width: 100%;
  }

  .works_staff_wrap_in:nth-of-type(3) .title {
    margin-top: 0px
  }

  .works_staff_wrap_in .btm_contact {
    margin: 30px auto 30px;
    padding: 20px 0px;
  }

  .works_mv_contents_wrap {
    padding-bottom: 0px;
  }

  .modal_time_box li:nth-of-type(6) .img_work01 {
    margin-bottom: 30px;
  }

  /*=============================
  activity
  ===============================*/
  .top_mv_contents_wrap .title {
    align-items: center;
    font-size: 32px;
    margin-bottom: 30px;
    text-align: left;
    display: flex;
    margin-top: 30px;
  }

  .top_mv_contents_wrap.sub_title {
    font-size: 14px;
  }

  .top_mv_contents_wrap .title span {
    display: block;
  }

  .activity_reboot_box_list {
    flex-direction: column;
  }

  .activity_reboot_box_list li {
    width: 100%;
    margin-bottom: 40px;
  }

  .activity_reboot_box_wrap {
    padding: 0px 20px;
    margin-bottom: 50px;
  }

  .cred_box_wrap {
    width: 90%;
    padding: 40px 20px 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../img/webp/activity/bg_border_sp.webp);
  }

  .cred_box_wrap_list_wrap {
    flex-direction: column;
  }

  .cred_box_wrap_list {
    margin: 0px 0px;
  }

  .activity_mv_contents_wrap .illustration01 {
    z-index: -1;
  }

  .activity_mv_contents_wrap .illustration02 img {
    width: 32.833333vw;
  }

  .activity_illustration03 {
    right: auto;
    width: 48.625vw;
max-width: 200px;
  }

  .activity_mv_contents_wrap .top_mv_contents_wrap_in .view img {
    height: 140px;
    width: auto;
    object-fit: contain;
  }

  .activity_mv_contents_wrap .top_mv_contents_wrap_in .view::after {
    background: unset;
  }

  .activity_mv_contents_wrap .title {
    font-size: 25px;
    display: block;
    text-align: center;
  }

  .activity_reboot_box_list_title_box_txt {
    font-size: 16px;
    position: relative;
    bottom: 11px;
    width: 60%;
  }

  .activity_reboot_box_list_title_box {
    margin-bottom: 20px;
  }

  .activity_bottom_wrap .thumbnail {
    height: 34vh;
    width: 100%;
    object-position: 100% 55%;
  }

  .activity_bottom_wrap .wave-wrapper {
    margin-top: -3rem;
  }

  .activity_mv_contents_wrap .top_mv_contents_wrap_txt {
    text-align: center;
  }

  .activity_mv_contents_wrap .illustration02 {
    bottom: -0.833333vw;
  }


  .cred_box_wrap .title {
    margin-bottom: 30px;
    font-size: 25px;
  }

  .cred_box_wrap .title span {
    font-size: 16px;
  }

  .cred_box_wrap_list_wrap dt {
    /*font-size: 20px;*/
    font-size: 16px;
  }

  .cred_box_wrap_list_wrap dd {
    font-size: 16px;
    line-height: 1.5;
  }

  #company_mv {
    background-image: url(../img/webp/company/mv_sp.webp);
  }

  #work_mv {
    background-image: url(../img/webp/works/mv_sp.webp);
  }

  .img_stance_note {
    max-width: 9.2vw;
  }

  .img_work_illustration02 {
    width: 20.71vw;
    position: absolute;
    left: 16rem;
    bottom: 34rem;
    left: auto;
    right: 20px;
    bottom: auto;
    top: 60px;
  }

  .recruit_wrap form {
    padding-bottom: 0px
  }

  .graph_b_wrap {
    bottom: 18px;
    font-weight: bold;
    left: 20px;
  }

  .div3_txt_women::before {
    width: 2rem;
    top: -44px;
    z-index: 2;
    left: 11rem;
  }

  .div3_txt_women::after {
    width: 56px;
    top: -2rem;
    z-index: 2;
    left: 8rem;
  }

  .div3_txt_man .circle_txt {
    font-size: 10px;
    z-index: 2;
    bottom: 6rem;
    right: 9rem;
  }

  .div3_txt_women .circle_txt {
    position: absolute;
    font-size: 10px;
    z-index: 2;
    bottom: 26px;
    right: 7rem;
  }

  .div3_txt_man::before {
    width: 1.7rem;
    top: -5.6rem;
    z-index: 2;
    left: -0.2rem;
  }

  .div3_txt_man::after {
    top: -6.2rem;
    z-index: 2;
    left: 1rem;
    width: 82px;
  }

  .text_man {
    left: -1rem;
    top: -4rem;
    font-size: 12px;
  }

  .text_woman {
    font-size: 12px;
    top: -8rem;
    right: 1rem;
  }

  .graph_b li {
    font-size: 11px;
  }

  .graph_b li::before {
    height: 4px;
  }

  .percentage {
    top: 64%;
  }

  p.work_area_wrap_box_attent_txt {
    /* position: absolute;
    bottom: -0.5rem;
    right: 1rem;
    font-size: 12px;*/

    bottom: 4%;
    right: 6%;
  }

  .top_staff_wrap li figcaption {
    width: 36%;
    left: -63px;
    font-size: 15px;
  }

  .top_staff_wrap .img_box {
    margin-left: 2rem;
  }

}

/*max-width:750px*/


/**/
@media (min-width:751px) and (max-width:1028px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .top_mv_contents_wrap .title {
    text-align: left;
    align-items: center;
    display: flex;
    justify-content: center;
  }

  .wave-wrapper {
    position: relative;
    width: 100%;
    height: 101px;
    overflow: hidden;
    margin-top: -5rem;
  }

  .work_area .top_staff_wrap_in {
    /* padding-bottom: 24vw;*/
  }

  .hyogo_box {
    top: 12vw;
    left: 15vw;

  }

  .osaka_box {
    left: 32vw;
    top: 30vw;
  }

  .nara_box {
    left: 72vw;
    top: 13vw;
  }

  .wave-wrapper_move_none {
    /*margin-top: -10rem;*/
    margin-top: -6rem;
  }

  .img_stance_illustration01 {
    right: 0px;
    bottom: -8rem;
    left: 0;
  }

  .img_stance_illustration01 img {
    width: auto;
  }


  .employee_benefits_wrap .service_wrap_list li {
    width: calc(47.75vw - 50px);
  }

  .top_bottom_wrap_txt {
    top: 6%;
  }

  #header .logo_txt {
    padding: 5px;
  }

  .top_bottom_wrap .illustration_f {
    left: 4.416668vw;
  }

  .top_bottom_wrap .txt_entry {
    right: 2.625vw;
  }

  /**/
  .openbtn1 {
    display: block !important;
  }

  .top_main_bottom_wrap_in .link_list {
    justify-content: center;
  }

  .top_main_bottom_wrap_in .link_list li {
    width: calc(34% - 0px);
    margin: 0px 20px 20px 20px;

  }

  .top_bottom_wrap .txt_entry {
    bottom: 4rem;
    right: 21.625vw;
    width: 18vw;
  }

  .thumbnail {
    height: 23rem;
    object-position: 0% 23%
  }

  .img_step_support_box_in {
    flex-direction: column;
  }

  .img_step_txt dl {
    margin-left: 0px !important;
    margin-bottom: 0px;
  }

  .img_step_support img {
    width: 100%;
    height: auto;
  }

  .stance_career_wrap .img_step_txt dl {
    margin-bottom: 20px;
  }

  .training_system_box_list li.box {
    margin-bottom: 30px;
  }

  .training_system_box_list {
    flex-direction: column;
  }

  .training_system_box_arrow {
    transform: rotate(90deg);
    margin-bottom: 30px;
  }

  .training_system_lead_txt dt {
    width: 22vw;
  }

  .stance_assignment_wrap .top_mv_contents_wrap_txt {
    width: 56%;
  }

  .illustration04 {
    position: absolute;
    bottom: 39rem;
    right: 0px;
    /* height: 12rem; */
    width: 26%;
    top: 0px;
  }

  .illustration04 img {
    width: 100%;
  }

  .top_staff_wrap .img_box {
    height: 430px;
  }

  .top_staff_wrap .img_box img {
    border-radius: 140px;
  }

  .modal_box_in_wrap {
    /*  padding-top: 30vh;*/
  }

  .modal_col_box {
    padding: 80px 20px
  }

  .works_shift_wrap_txt {
    width: 100%;
  }


  .stansce_img_illustration02 {
    top: 6rem;
    height: 14vw;
    left: 35px;
  }

  .top_staff_wrap_in .view img {
    object-position: 80%;
    height: 31vw;
    border-radius: 90px;
    padding-bottom: 0px;
  }

  .environment_wrap_link_list {
    width: 55%;
  }

  .staff_box {
    padding-bottom: 1px;
  }

  .works_staff_wrap_in .view {
    width: 55%;
  }

  .img_works {
    width: 100%;
  }

  .img_works img {
    width: 100%;
  }

  .works_mv_contents_wrap .works_staff_wrap_in {
    margin-bottom: 0px
  }

  .works_mv_contents_wrap {
    padding-bottom: 0px;
  }

  .works_staff_wrap_in .view img {
    border-radius: 70px;
  }

  .works_staff_wrap_in .btm_contact {
    margin-top: 30px;
  }

  .time_schedule_wrap_in_time_box .img_work_txt02 {
    width: 12rem;
  }

  .modal_time_box li:first-child .img_work01,
  .modal_time_box li:nth-of-type(3) .img_work01,
  .modal_time_box li:nth-of-type(6) .img_work01 {
    margin-left: 0px;
  }

  .works_shift_wrap {
    padding: 50px 20px;
  }

  .works_mv_contents_wrap .img_illustration01 {
    top: 9%;
    height: 22vh;
  }

  .img_illustration01 {
    height: 29vw;
  }

  .google_map iframe {
    width: 100%;
    height: 46vh;
  }

}

@media screen and (max-width: 400px) {
  .top_main_bottom_wrap_in .link_list {
    flex-direction: column;
  }

  .top_main_bottom_wrap_in .link_list_col {
    height: 18rem;
  }

  .parent .div4 {
    min-height: 20vh;
  }

  .parent .div2 .section {
    left: 11.4%;
    bottom: -5%;
  }

  .parent .div2 .section:first-of-type {
    bottom: -10px;
  }

  .parent .clock {
    top: 20%;
  }

  .parent .div4::after {
    top: 0.5rem;
  }

  .div3_txt_women::before {
    width: 2rem;
    top: -45px;
    z-index: 2;
    left: 177px;
  }

  .parent #graph2 {
    height: 64px;
    bottom: -3px;
  }

  .parent .div2 .section {
    left: 4.0%;
    bottom: -12%;
  }

  .img_stance_note {
    bottom: 50px;
    right: 20px;
  }

  .top_staff_wrap li figcaption {
    width: 40%;
    left: -63px;
    font-size: 15px;
  }

  .top_staff_wrap .img_box {
    margin-left: 2rem;
  }

  .parent .div2 .section {
    left: 4.0%;
    bottom: -14%;
  }

  .img_stance_note {
    bottom: 64px;
    right: 20px;
  }

  .graph_b_wrap {
    left: 12px;
  }

  #percentage2 {
    font-size: 30px;
    left: 73%;
  }

  .parent #graph2 .txt {
    right: 40%;
  }

  .work_area_wrap_box_attent_txt {
    position: relative;
    left: 0;
    bottom: 0;
    margin-left: 0px;
  }
}


@media (min-width:751px) and (max-width:1280px) {

  .parent div {
    /*  flex: 1 1 auto;*/
  }

  .img_stance_woman {
    position: absolute;
    max-width: 4.5vw;
    right: -11vw;
    bottom: 130px;
  }

  .img_stance_man {
    position: absolute;
    max-width: 5vw;
    left: -5vw;
    bottom: 13px;
  }

  .text_woman {
    position: absolute;
    font-size: 20px;
    top: -11rem;
    right: -3rem;
  }

  .maleInt_txt {
    left: -7rem;
  }

  .div3_txt_man::before {
    left: -4rem;
  }

  .div3_txt_man::after {
    width: 57px;
    top: -8.1rem;
    z-index: 2;
    left: -1.5rem;
  }

  .femaleInt_txt {
    position: absolute;
    /* right: -8.4rem;*/
    right: -63.4%;
    top: -9rem;
  }

  .maleInt_txt {
    /*left: -9rem*/
    left: -54%;
  }

  .parent .div2 {
    width: 58%;
  }

  .parent .div3 {
    overflow: hidden;
    max-width: 59%;
  }

  .parent .div4 {
    position: relative;
    max-width: 37%;
  }

  .parent .div1 {
    max-width: 38%;
    background-size: 61%;
  }

  .parent .div2 .section {
    left: 5.5%;
  }

  .activity_reboot_box_list_title_box_txt {
    width: 63%;
    font-size: 16px;
  }

  .parent .div4::after {
    height: 25vh;
    background-size: contain;
  }

  .text_man {
    position: absolute;
    font-size: 20px;
    left: -7rem;
    top: -6rem;
  }

  .parent .clock {
    right: 5rem;
  }

  .top_bottom_wrap .illustration_f {
    left: -6.58333vw;
    height: 4vw;
    bottom: 37.8rem;
  }

  .wpcf7 form .wpcf7-response-output {
    z-index: 1;
    position: relative;
  }

  .img_work_illustration05 {
    top: 15px;
  }

  .work_area_wrap_box_attent_txt {
    /* bottom: 1vw;
    left: 4vw;
            width: 80%;*/
    width: 23rem;
  }

  p.work_area_wrap_box_attent_txt {
    right: 28%;
    bottom: 19%;
  }

  .google_map {
    width: 90%;
  }
}



@media (min-width:600px) and (max-width:760px) {
  .maleInt_txt {
    bottom: -1rem;
    left: -8rem;
  }

  .femaleInt_txt {
    right: -57%;
    top: -6.9rem;
  }
}

/**/
@media (min-width:751px) and (max-width:840px) {
  .mv_box {
    min-height: 300px;
  }

  .femaleInt_txt {
    right: -7.4rem;
  }

  .text_woman {
    top: -11rem;
    right: -2rem;
  }

  .maleInt_txt {
    left: -6rem;
  }

  .text_man {
    position: absolute;
    font-size: 20px;
    left: -6rem;
    top: -4rem;
  }

  .img_stance_man {
    position: absolute;
    max-width: 5vw;
    left: -5vw;
    bottom: 28px;
  }

  #percentage1 {
    left: 58%;
  }

  #percentage2 {
    left: 67%;
  }

  .div3_txt_man::before {
    left: -5rem;
  }

  .img_stance_note {
    max-width: 6.2vw;
    right: 23px;
    bottom: 100px;
  }

  .div3_txt_man::after {
    width: 72px;
    top: -8.1rem;
    left: -2.5rem;
  }

  .parent .div4::after {
    /* height: 13vh; */
  }

  .parent .div4::after {
    top: -30px;
    /* background-size: 90%; */
  }

  .parent .div1 {
    background-size: 90%;
  }

  .service_wrap .second_title span {
    text-align: left;
    display: block;
    margin-left: auto;
  }

  .parent .clock {
    right: 3rem;
  }

  .activity_reboot_box_list {
    flex-direction: column;
  }

  .activity_reboot_box_list li {
    width: 100%;
    margin-bottom: 30px;
  }

  .works_shop_area_list {
    flex-direction: column;
  }

  .works_shop_area_list li {
    width: 100%;
    margin-bottom: 30px;
  }

  .recruit_wrap dt {
    width: 53%;
  }

  .nara_box {
    left: 72vw;
    top: 6rem;
  }

  .osaka_box {
    left: 31vw;
    top: 15rem;
  }

  .hyogo_box {
    top: 12vw;
    left: 15vw;
  }

  .scroll-line span {
    bottom: 2rem;
  }

  .scroll-line {
    font-size: 11px;
    bottom: -7rem;
  }

  .img_works {
    width: 50%;
  }

  .illustration02 {
    top: -13.833333vw;
  }

  .works_shop_area .illustration02 img {
    width: 23.041667vw;
  }

  .time_schedule_wrap .img_work_illustration04 {
    position: absolute;
    width: 28.75vw;
    right: auto;
    top: -11vw;
    max-width: 324px;
    left: -10px;
  }

  /*footer-タブレットサイズから適応*/
  #footer .footer_nav ul {
    width: auto;
  }

  #footer .footer_nav {
    flex-direction: column;
  }

  .footer_nav .panel {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    padding: 0px 10px 0px;
  }

  .footer_nav .toggle {
    cursor: pointer;
  }

  .footer_nav .icon {
    float: right;
    transition: transform 0.3s ease;
    padding: 10px 0px;
  }

  .footer_nav .toggle.active .icon {
    /* transform: rotate(45deg);*/
    transform: rotate(0deg);
  }

  #footer .bold {
    padding: 10px 10px 0px;
    border-top: 1px solid #d6d6d6;
    line-height: 1 !important;
  }

  .accordion_none {
    padding-bottom: 0px !important;
  }

  .accordion_none li {}

  .copyright {
    text-align: left;
  }

  .accordion_none:last-of-type {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 0px !important;
  }

  #footer .icon {
    display: block;
    font-size: 20px;
  }

  #footer .arrow {
    position: relative;
    display: inline-block;
    width: 7.4px;
    height: 13.7px;
  }

  #footer .arrow::before,
  #footer .arrow::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.5px);
    right: 0;
    width: 5px;
    height: 1px;
    border-radius: 9999px;
    background-color: #000000;
    transform-origin: calc(100% - 0.5px) 50%;
  }

  #footer .arrow::before {
    transform: rotate(45deg);
  }

  #footer .arrow::after {
    transform: rotate(-45deg);
  }

  #footer .footer_wrapper a span {
    margin-left: 5px;
    margin-right: 10px;
  }

  .pagetop {
    bottom: 0rem;
    font-size: 32px;
    bottom: 0rem;
    right: 10px;
  }

  .title {
    margin: 0 auto 50px;
  }

  .recruit_wrap .title {
    margin-bottom: 30px;
  }

  input[type=checkbox] {
    width: 20px;
    height: 20px;
  }

  #footer .footer_nav .accordion_none li {
    padding: 20px 10px 10px;
  }

}

/**/
@media (min-width:751px) and (max-width:1200px) {
  #header .drawer-menu-item {
    font-size: 10px;
  }

  #footer .footer_nav .bold a {
    font-size: 16px;
  }

}