@charset "UTF-8";
@media screen and (min-width: 770px) and (max-width: 1200px) {
  #conts_about .big_text {
    bottom: 12%;
  }
  #conts_about .slider2 .swiper-slide.slide_04 {
    margin-top: 18px;
  }
  #conts_about .slider2 .swiper-slide.slide_01 {
    margin-top: 36px;
  }
  #conts_project .project_list #project_05.project_item .text_wrap .ex_btn {
    width: 330px;
    margin: 0 auto;
  }
  #conts_project .project_list #project_05.project_item .text_wrap .ex_btn a {
    font-size: clamp(12px, 1.6vw, 13px);
  }
  #conts_project .page_ex_btn_block {
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
  }
  #conts_project .page_ex_btn_box {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    width: 40%;
    margin-right: 3%;
  }
  #conts_project .page_ex_btn_box a {
    padding-right: 20px;
    width: fit-content;
  }
  #conts_story:before {
    width: 94%;
    border-width: 12px;
  }
  #conts_story .auto {
    width: 86%;
  }
  #conts_story h2 {
    margin-bottom: 100px;
  }
  #conts_story .wrapper .text_box {
    width: 45%;
    margin-right: 0;
  }
  #conts_story .wrapper .text {
    line-height: 2.2;
    padding-bottom: 30px;
  }
  .slider3 .swiper-button-prev {
    left: 17%;
  }
  .slider3 .swiper-button-next {
    right: 17%;
  }
  #conts_project .project_list .project_item .text_wrap .img_box .img.img_01 {
    width: 36vw;
    top: 80px;
    left: calc(50% + 20px);
  }
  #conts_project .project_list .project_item .text_wrap .img_box .img.img_02 {
    width: 17vw;
    top: 15vw;
    right: -7%;
  }
  #conts_project .project_list .project_item:nth-of-type(even) .text_wrap .img_box .img.img_01 {
    left: -4%;
}
  #conts_project .project_list .project_item:nth-of-type(even) .text_wrap .img_box .img.img_02 {
    right: calc(50% + 40px);
}
  #conts_project .project_list #project_02.project_item .text_wrap .img_box .img.img_02 {
    width: 21vw;
  }
  @media screen and (max-width: 900px) {
  .slider3 .swiper-button-prev {
    left: 12.5%;
  }
  .slider3 .swiper-button-next {
    right: 12.5%;
  }
  }
  @media screen and (min-width: 964px) {
    .scroll_box {
      width: 100px;
      height: 98px;
      bottom: 70px;
      left: -64px;
    }
    .conts_area .img_01 {
      width: 50%;
      top: 0;
      max-width: 480px;
    }
    .conts_area .img_02 {
      left: calc(50% - -350px);
    }
    .conts_area .text_02 {
      margin: -140px auto 0;
    }
    .conts_area .caution_detail {
      margin: -0 auto 0;
    }
    .conts_area .img_03 {
      left: calc(50% - 550px);
    }
  }
  @media screen and (max-width: 980px) {
    .scroll_box {
      width: 105px;
      height: 107px;
      position: absolute;
      bottom: 18%;
      left: -10%;
    }
    #conts_project {
      padding: 100px 0 140px;
    }
    #conts_project .project_list .project_item .text_wrap .img_box .img.img_02 {
      max-width: 179px;
      width: 18vw;
      right: -7%;
    }
    #conts_project .project_list .project_item .text_wrap .ex_btn {
      margin-left: 0;
    }
    .conts_area {
      padding: 140px 0 40px;
    }
    .conts_area .img_01 {
      width: 100%;
      max-width: none;
      position: relative;
      margin-bottom: 20px;
      order: 1;
    }
    .conts_area .img_02 {
      width: 60vw;
      max-width: unset;
      position: relative;
      left: calc(50% - 2vw);
      order: 3;
    }
    .conts_area .img_03 {
      width: 35vw;
      max-width: unset;
      position: relative;
      margin: -388px 0 20px;
      order: 3;
      left: calc(50% - 39vw);
    }
    .conts_area .text_01 {
      width: 100%;
      min-height: auto;
      line-height: 2.4;
      margin: 0 auto 34px;
      padding-top: 0;
      order: 2;
    }
    .conts_area .text_02 {
      line-height: 1.8;
      margin: 170px auto 0;
      order: 4;
      max-width: unset;
      margin-bottom: 10px;
    }
    .conts_area .caution_detail {
      width: 100%;
      line-height: 2.2;
      max-width: unset;
      order: 5;
      margin: 0 auto;
      margin-bottom: 0;
    }
    .conts_area .caution_detail li {
      font-size: 12px;
      text-indent: -2em;
      padding-left: 2em;
    }
    .news_block {
      margin: 0 auto 140px;
    }
  }
  @media screen and (min-width: 981px) {
    .conts_area .text_01 {
      width: 45%;
      min-height: auto;
      padding-top: 0px;
      margin-bottom: 54px;
    }
  }
  #conts_topmap .bg_img .img_01 {
    width: 189px;
    top: -165px;
    right: calc(50% + 200px);
  }
  #conts_topmap .bg_img .img_02 {
    width: 215px;
    top: 38px;
    right: calc(50% + 260px);
  }
  #conts_topmap .bg_img .img_03 {
    width: 173px;
    top: -171px;
    left: calc(50% + 136px);
  }
  #conts_topmap .bg_img .img_04 {
    width: 214px;
    top: -86px;
    left: calc(50% + 304px);
  }
  #conts_topmap .bg_img .img_05 {
    width: 182px;
    top: 70px;
    left: calc(50% + 253px);
  }
}

@media screen and (min-width: 1201px) and (max-width: 1300px) {
  .conts_area .img_01 {
    width: 50%;
    top: 0;
    left: 0;
  }
  .conts_area .text_01 {
    width: 45%;
    min-height: auto;
    padding-top: 0px;
  }
  .conts_area .img_02 {
    left: calc(50% - -380px);
  }
  .conts_area .text_02 {
    margin: -140px auto 12px;
  }
  .conts_area .caution_detail {
    margin: -0 auto 0;
  }
  .conts_area .img_03 {
    left: calc(50% - 600px);
  }
}