@charset "utf-8";
@media (max-width:1150px) {
  .contact_btn {
    right: 0;
  }

  .footer_right {
    display: flex;
    flex-direction: column;
    padding-top: 0;
  }

  .top_btn {
    position: static;
  }

  .footer_right_t {
    flex-direction: column;
    gap: 10px;
  }

  .top_btn a img {
    width: 70px;
    margin: 0 0 10px 0;
  }

  .footer_container {
    padding: 75px 40px 105px 130px;
  }

  .access {
    padding: 143px 10px 50px;
  }

  .access_table tr {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .access_table td {
    padding: 50px 0 0 0;
}

.topic_area ul {
  justify-content: center;
}

.slide-arrow {
  top: -160%;
}

.prev-arrow {
  left: 0;
}

.next-arrow {
  right: 0;
}

}

@media (max-width:968px) {
    .header_container {
        height: 92px;
    }

    .header_right {
        display: none;
    }

    .header_left {
        padding: 0 10px 0 20px;
    }

    .header_left img {
        width: 84.8px;
        height: auto;
    }

    .sp {
        display: none;
        right: -60%;
      }

      .sp .contact_btn {
        position: static;
      }

      .sp .contact_btn img {
        width: 130px;
      }

      .sp .footer_right_b {
        margin-bottom: 50px;
      }

      .sp.active {
        display: block;
        padding: 25px 0 0 35px;
        width: 67vw;
        height: 100vh;
        background: #ECF5FA;
        color: #000000;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 20;
        animation: appear .5s;
      }

      @keyframes appear {
        0%{
          opacity: 0;
        }
        100%{
          opacity: 1;
        }
      }

      .burger {
        position: relative;
        cursor: pointer;
        width: 50px;
        height: 50px;
      }

      .burger span{
        display: inline-block;
        transition: all .4s;/*アニメーションの設定*/
        position: absolute;
        right: 20px;
        height: 3px;
        background: #000000;
        width: 45%;
      }

      .burger span:nth-of-type(1) {
        top:15px;
      }

      .burger span:nth-of-type(2) {
        top:23px;
      }

      .burger span:nth-of-type(3) {
        top:31px;
      }

      /*activeクラスが付与されると線が回転して×に*/

      .burger.active span {
        z-index: 999;
      }

      .burger.active span:nth-of-type(1) {
          top: 18px;
          left: 5px;
          transform: translateY(6px) rotate(-45deg);
          width: 50%;

      }

      .burger.active span:nth-of-type(2) {
        opacity: 0;/*真ん中の線は透過*/
      }

      .burger.active span:nth-of-type(3){
          top: 30px;
          left: 5px;
          transform: translateY(-6px) rotate(45deg);
          width: 50%;
      }

      .menu_sp {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 50px;
      }

      .menu_sp li {
        font-family: 'Noto Sans JP';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        width: 70px;
      }

      #dr_menu li {
        width: 150px;
      }

      .menu_sp .has_child {
        position: relative;
      }

      .has_child_c {
        cursor: pointer;
        transition: all .5s;
      }

      .has_child_c::after {
        position: absolute;
        content: "▼";
        display: inline-block;
        color: inherit;
        font-size: 10px;
        top: 0;
        right: -2px;
      }

      .menu_sp .has_child ul li {
        padding: 10px 0 0 15px;
      }

      .menu_sp .has_child #dr_menu {
        display: none;
      }

      .menu_sp .has_child #dr_menu.c_active {
        display: block;
      }


      .header_logo {
        margin-bottom: 50px;
      }

      .header_logo img {
        width: 84px;
      }

      .access_table iframe {
        width: 335px;
        height: 221px;
      }


    .footer_container {
        padding: 48px 57px 105px 19px;
        gap: 40px;
        line-height: 21px;
        letter-spacing: 0.1em;
    }

    .footer_left ul {
        width: 172px;
    }

    .footer_left li img {
        width: 120px;
    }

    .footer_left {
        font-size: 12px;
    }

    .footer_right {
        width: 92px;
        margin-right: 0;
        font-size: 12px;
    }

    .footer_right_b {
        gap: 20px;
      }

    .footer_right_b img {
        width: 35.5px;
    }

    .footer_top {
       width: 100%;
       height: 300px;
       background-image: url("/wp-content/themes/LMCU202303/img/sp_footer_top.png");
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;
    }

    .footer_top h2 {
        font-size: 40px;
        line-height: 58px;
        padding-top: 36px;
    }

    .footer_top p {
        font-size: 14px;
        line-height: 16px;
    }

    .contact_btn {
        transform: none;
    }

    .contact_btn img {
        width: 100.7px;
    }


    .company h1 {
        top: 3%;
        font-size: 30px;
    }

    .company img {
        top: 0;
    }

    .company h2 {
        padding-bottom: 50px;
    }

    .contact {
      padding-bottom: 50px;
    }

    .contact h1 {
      font-size: 30px;
      width: clamp(11.25rem, 8.873rem + 10.14vw, 18rem);
    }

    .contact_area {
      padding: 50px 20px;
    }

    .contact label {
      font-size: 14px;
    }

    .contact .text_file {
      font-size: 12px;
      letter-spacing: -0.03em;
      line-height: 17px;
    }

    .contact textarea {
      margin: 0;
      height: 150px;
    }

    .contact .wpcf7 input[type=file] {
      margin-bottom: 0;
    }

    .contact ul li:last-child {
      margin-bottom: 0;
    }

    .topic {
      padding: 238px 10px 100px;
      background-position: left -52px bottom -82px;
      background-size: 80%;
    }

    .topic img {
      top: 0;
    }

    .topic h1 {
      font-size: 30px;
      top: 2%;
    }

    .topic_area li {
      width: 295px;
      height: 333px;
    }

    .topic .title {
      font-size: 16px;
      margin: 0;
      padding: 0 20px;
    }

    .topic .topic_area .thumbnail img {
      height: 188px;
    }

    .topic_area .button {
      bottom: 2%;
    }

    .topic_area .category {
      margin: 10px 28px;
    }

    .copyright {
      font-size: 10px;
    }

    .mission_area {
      padding: 500px 10px 50px;
    }

    .lion_img {
      width: 130.6px;
      top: 27vw;
      right: 9%;
    }

    .sports {
      padding: 0 0 50px;
    }

    .sports h1 {
      display: none;
    }

    .sports .sp_h1 {
      display: block;
      font-family: 'Roboto';
      font-style: normal;
      font-weight: 700;
      font-size: 20px;
      line-height: 23px;
      top: 28vw;
    }

    .sports_img {
      top: 92px;
      height: auto;
    }

    .mission_area h2 {
      width: 260px;
    }

    .mission_flex img {
      width: 289px;
      height: auto;
    }

    .mission_flex p {
      font-size: 14px;
      line-height: 200%;
      color: #000000;
      width: auto;
    }

    .mission_flex {
      flex-direction: column;
      gap: 50px;
    }

    .service_box {
      flex-direction: column;
      align-items: center;
      margin: 0px 0 100px;
      gap: 17px;
    }

    .service_box img {
      width: 335px;
    }

    .middle_container {
      height: 3700px;
      padding: 50px 0px 150px;
    }

    .middle_container h2 {
      width: 280px;
      margin: 0 auto 30px;
    }

    .middle_container .text_coach {
      width: 220px;
    }

    .coach_flex {
      margin: 0 0 100px;
    }

    .coach_flex p {
      width: 335px;
    }

    .flex_box_three {
      flex-direction: column;
      margin-bottom: 80px;
    }

    .flex_box_three img {
      width: 294px;
    }

    .goods_flex {
      flex-direction: column;
      gap: 30px;
      margin-bottom: 100px;
    }

    .goods_flex img {
      width: 292.5px;
    }

    .vertical_flex {
      gap: 30px;
    }

    .vertical_flex p {
      width: 335px;
      font-size: 14px;
      letter-spacing: -0.08em;
    }

    .middle_container .text_region {
      width: 330px;
    }

    .flex_box_region {
      flex-direction: column;
      gap: 30px;
    }

    .flex_box_region img {
      width: 335px;
    }

    .consulting {
      background: #ECF5FA;
    }

    .support_img {
      display: none;
    }

    .support_img_sp {
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    .support_img_wave {
      display: block;
      width: 100%;
      position: absolute;
      top: 48vw;
      left: 0;
      z-index: 0;
    }

    .consulting h1 {
      top: 8vh;
      letter-spacing: -0.05em;
    }

    .support_service_area h2 {
      padding: 10px 0 0;
      margin-bottom: 37px;
      position: relative;
      z-index: 3;
    }

    .support_flex_right, .support_flex_left {
      flex-direction: column;
      gap: 20px;
    }

    .support_flex_right img, .support_flex_left img {
      width: 295px;
    }

    .support_flex_left {
      flex-direction: column;
      margin: 60px 0;
    }

    .support_vertical {
      align-items: center;
    }

    .support_vertical_flex img {
      width: 86px;
    }

    .support_vertical p {
      width: 100%;
      line-height: 150%;
      margin: 15px 0;
    }

    .experience_flexbox {
      flex-direction: column-reverse;
      gap: 30px;
    }

    .scroll_contents:before {
      left: 50%;
      transform: translate(-50%, 0);
    }

    .experience_container {
      padding: 71px 0 50px;
    }

    .experience_container .text_technology {
      margin: 76px 0 0;
    }

    .experience_container h2 {
      letter-spacing: 0.1em;
    }

    .introduction {
      padding: 112px 5px 0;
    }

    .child_one .text_right {
      padding: 8px;
    }
	
	.wp-image-12 {
		width: 260px!important;
	}
}

@media(max-width: 767.8px) {
  .top_sp_menu {
    color: inherit;
  }

  .top_burger {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 50px;
    height: 50px;
  }

  .top_burger span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    right: 20px;
    height: 3px;
    background: #FFFFFF;
    width: 45%;
  }

  .top_burger span:nth-of-type(1) {
    top:15px;
  }

  .top_burger span:nth-of-type(2) {
    top:23px;
  }

  .top_burger span:nth-of-type(3) {
    top:31px;
  }

  .top_burger.active {
    position: fixed;
    z-index: 999;
  }

  /*activeクラスが付与されると線が回転して×に*/

  .top_burger.active span {
    z-index: 999;
    background: #000000;
  }

  .top_burger.active span:nth-of-type(1) {
      top: 18px;
      left: 5px;
      transform: translateY(6px) rotate(-45deg);
      width: 50%;

  }

  .top_burger.active span:nth-of-type(2) {
    opacity: 0;/*真ん中の線は透過*/
  }

  .top_burger.active span:nth-of-type(3){
      top: 30px;
      left: 5px;
      transform: translateY(-6px) rotate(45deg);
      width: 50%;
  }

}

@media (max-width:607px) {
  .company .text_company {
    top: 55vw;
  }

  .access .text_access {
    top: 30vw;
  }

.mission_area {
  padding: 242px 10px 50px;
}

.consulting {
  padding-left: 35px;
  padding-right: 35px;
  padding-bottom: 100px;
  overflow: hidden;
}

.child_one {
  width: 336px!important;
}

.text_right .number {
  margin-bottom: 5px;
}

.text_right span {
  margin-bottom: 5px;
}

.slider .slick-slide {
  margin: 0 10px 0 0;
}

.video_container .wave {
  bottom: 0%;
}

.experience_container {
  margin: 50px auto 0;
}

}