@charset "utf-8";

@media all and (max-width: 1200px) {

  /* overview section */
  .overview-top-conts .txt-wrap {
    padding: 77px 50px;
  }

  .overview-sec .txt {
    font-size: 32px;
  }
}

@media all and (max-width: 1024px) {

  /* visual section */
  .visual-sec {
    animation: none;
  }

  .visual-sec .flex-wrap {
    align-items: center;
    text-align: center;
  }

  /* overview section */
  .overview-top-conts {
    margin-top: 0;
    padding-top: 20px;
  }

  .overview-top-conts .flex-wrap {
    flex-direction: column;
    background-color: #f4f4f4;
  }

  .overview-top-conts .txt-wrap {
    opacity: 1;
    width: 100%;
    /* min-height: 500px; */
    padding: 40px 60px;
    text-align: center;
  }

  .overview-top-conts .txt {
    font-size: 36px;
  }

  .overview-top-conts .img-wrap {
    opacity: 1;
  }

  .overview-bot-conts .float-wrap {
    padding: 0 100px;
  }

  .overview-bot-conts .txt-wrap {
    float: none;
    text-align: center;
  }

  .overview-bot-conts .icon-wrap {
    float: none;
  }

  .overview-bot-conts .icon-wrap .icon {
    width: 100px;
  }

  .overview-top-conts .img-wrap {
    text-align: right;
  }

  .overview-top-conts .img-wrap img {
    width: 100%;
    height: auto;
  }

  /* strength section */
  .strength-sec .bg-grn-wrapper {
    animation: none;
  }

  .center-img-wrap {
    display: none;
  }

  .bg-grn-wrapper .flex-wrap {
    display: block;
    padding: 100px 0 30px;
  }

  .str-list-wrap {
    width: 100%;
    padding-bottom: 70px;
  }

  .str-list {
    text-align: center;
  }

  .str-list .list-ttl:before,
  .str-list .list-ttl:after {
    content: none;
  }

  .map-wrapper {
    padding: 100px 0;
  }

  .map-wrapper .flex-wrap {
    flex-direction: column;
    padding-left: 0;
    text-align: center;
  }

  .map-wrapper .img-wrap {
    margin-top: 30px;
  }

  /* servise section */
  .service-sec {
    padding: 100px 0;
  }

  .svc-conts-wrapper {
    margin-top: 30px;
  }

  .svc-list-wrap {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
  }

  .svc-list {
    width: 30%;
    margin-top: 40px;
    margin-inline: 1.6%;
  }

  /* develop section */
  .develop-sec .svc-list {
    width: 46%;
  }

  /* news section */
  .news-sec {
    padding: 100px 0;
  }

  .news-sec .title-wrap {
    padding: 0;
  }

  .board-slide {
    margin-top: 60px;
  }

  .news-sec .swiper {
    padding: 0;
  }

  .news-sec .swiper:before,
  .news-sec .swiper:after {
    content: none;
  }

  .news-sec .swiper-slide {
    padding: 0 30px;
  }
}

/* mobile font size zoom */
@media all and (max-width: 980px) {
  .visual-ttl {
    font-size: 75px;
  }

  .visual-sec .visual-sub-ttl {
    font-size: 36px;
  }

  .btn-down .txt {
    font-size: 18px;
  }

  .overview-top-conts .txt {
    line-height: 1.3;
    font-size: 42px;
  }

  .overview-sec .txt-sm {
    font-size: 28px;
  }

  .overview-sec .txt {
    line-height: 1.3;
    font-size: 42px;
  }

  .overview-bot-conts .icon-wrap .icon {
    width: 130px;
  }

  .icon-list-wrap .icon-txt {
    font-size: 21px;
  }

  .str-list .gry-txt {
    font-size: 16px;
  }

  .str-list .list-ttl {
    font-size: 40px;
  }

  .str-list .list-dec {
    height: auto;
    font-size: 26px;
  }

  .map-wrapper .txt {
    font-size: 42px;
  }

  .map-wrapper .txt-sm {
    font-size: 28px;
  }

  .map-wrapper .img-wrap {
    width: 100%;
  }

  .map-wrapper .img {
    width: 100%;
  }

  .sec-ttl {
    font-size: 62px;
  }

  .sec-ttl .ttl-sm {
    font-size: 24px;
  }

  .svc-list {
    width: 46%;
    margin-inline: 2%;
    padding: 32px 21px;
  }

  .svc-list .num {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }

  .svc-list .list-ttl {
    font-size: 30px;
  }

  .svc-list .list-dec {
    font-size: 24px;
  }

  .board-ttl {
    font-size: 34px;
  }

  .board-date {
    font-size: 22px;
  }

  /* develop section */
  .develop-sec .svc-list .list-ttl {
    font-size: 32px;
  }
  
  .devel-list-wrap {
    font-size: 20px;
  }
}