@charset "UTF-8";
@media screen and (max-width: 1024px) {
    /*index*/
    .index .mainimg{
        height: 60vh;
    }
    .index_cnt1 .inner {
        max-width: initial;
    }
    .index_cnt1 .col2 .left {
        width: 50% !important;
        position: relative;
    }
    .index_cnt1 .col2 .right{
        width: 50% !important;
    }
    .index_cnt2 .col2 .right .slider2{
        width: 100%;
    }
    .index_cnt2 .inner .catch {
        font-size: 2.4rem;
    }
    .index_cnt6 .inner .webgene-blog {
        grid-template-columns: repeat(2, 1fr);
    }





    /*about*/
    .about_cnt1 .inner .grid {
        display: block;
    }
    .about_cnt1 .inner .grid .pic1 {
        margin: 0 0 -5rem -6.77vw;
    }
    .about_cnt1 .inner .grid .pic2 {
        margin: 0 0 0 auto;
    }
    .about_cnt2 .container .thumbnail .slick-track {
        grid-template-columns: repeat(3, 1fr);
    }
    .about_cnt3 .inner .grid {
        grid-template-columns: repeat(2, 1fr);
    }





    /*guide*/
    .guide_cnt1 .inner .col2 {
        width: 100%;
    }
    .guide .bg1 {
        background-attachment: initial;
        height: 30rem;
    }





    /*contact*/
    .contact_cnt2 .inner .col2 .left{
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
        text-align: center;
    }
    .contact_cnt2 .inner .col2 .right{
        text-align: center;
    }
    .contact_cnt2 .inner .col2 .right .insta{
        width: 100%;
    }
    form .dl{
        display: block;
    }
    form .dl .dt{
        width: 100%;
        border-bottom: initial;
    }
    form .dl .dd{
        width: 100%;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }




}
@media screen and (max-width: 767px){
  .inner {width: 90%;}
  .header {
    height: 7rem;
    padding: 0 4.16vw 0 4.58vw;
}
  .header .logo img,.scroll-nav .logo img {width: 50%;}
  .header .logo {
        text-align: center;
        left: 0;
        top: auto;
    }
  .scroll-nav .logo{
    text-align: left;
    left: auto !important;
    top: auto !important;
  }
  .titleA p,.index_cnt5 .li a::before {font-size: 3rem;}
  .catch,.guide_cnt3 .inner .dt {font-size: 2rem;}
  .titleA h3 {font-size: 1.3rem;}
  .titleA { margin: 0 0 4rem;}
  .footer {padding: 7rem 0 6rem;}
  .bottom {
    width: 100%;
    height: 25rem;
  }
  .top_news_list .dl {display: block !important;}
  .top_news_list .dd {width: auto;}
  .index_cnt2 .col2 .right .slider2,.index_cnt3 .pic {margin: 0 0 2rem;}
  .index_cnt4 .pic {margin: 0 0 2rem auto;}
  .index_cnt5 .ul,.about_cnt3 .inner .grid {grid-template-columns: repeat(1, 1fr);}
  .about_cnt2 .inner .figure,[class^="cases_"] .slider {width: 100%;}
  .guide_cnt3 .inner .dd,.guide_cnt4 .inner .set p {padding: 0 0 0 0rem;}
  .guide_cnt3 .inner .dt {margin: 0 0 0rem;}
  .contact_cnt2 .inner .col2 .right .insta a {justify-content: center;}
  .buttonA :is(a, span)::before {min-width: 3rem;}
  .buttonA {font-size: 1.5rem;}
  .mainimg .pic img {
    width: 100%;
    object-fit: cover;
    display: block;
    height: 100%;
}
  .about_cnt1 .inner .grid .pic1 {
    position: relative;
    z-index: 2;
}
  .about_cnt4 .inner .col2 .left .dd {width: 100%;}
  .about_cnt4 .inner .col2 .left .dl {
    display: block;
  padding: 1rem 0;
  }
  .about_cnt4 .inner .col2 {margin: 0 auto 15rem;}
  .about_cnt4 .inner .col2 .right iframe {transform: translate(0, 0);}
}
@media screen and (min-width: 768px){
  .header {height: 8rem;}
  .scroll-nav .logo img {width: 70%;}
  .scroll-nav .logo {top: 1vw !important;}
  .about_cnt4 .inner .col2b,.guide_cnt1 .inner .col2,.contact_cnt2 .inner .col2{display: flex !important;}
    .mainimg .pic img {
    width: 100%;
    object-fit: cover;
    display: block;
    height: 100%;
}
  [class^="col2"] .left{margin:0;}
}
@media (min-width:768px) and (max-width:1023px){
    .about_cnt1 .inner .grid .pic1 {margin: 0 0 -33rem 0vw;}
}
@media (min-width:1024px) and (max-width:1400px){
    .header .nav {width: 40%;}
  .about_cnt1 .inner .grid .pic1 {margin: 0 0 -30rem 0vw;}
}
@media screen and (min-width: 1025px){
}