@charset "UTF-8";
@media screen and (max-width: 1024px) {





    /*index*/
    .index .mainimg .col2 .left h2 {
        font-size: 2.2rem !important;
        width: 100%;
        margin: 0 0 1rem !important;
        line-height: 1.8! important;
    }
    .index .mainimg .col2 {
        display: grid !important;
        left: 10%;
    }
    .index .mainimg .col2 .left {
        position: relative;
        z-index: 3;
        margin: 0 0 1rem !important;
    }
    .index .mainimg .col2 .right {
        /*grid-row: 1/2;*/
    }
    .index .mainimg .col2 .right .fukidashi{
        width: 80%;
        height: initial;
        background: #ead335;
        border: 0rem solid #192c56;
        margin: initial;
        border-radius: 4.5rem;
        margin-top: 3rem;
    }
    .index .mainimg .col2 .right .drone{
        display: none;
    }
    .index_cnt1 {
        background: linear-gradient(176.5deg, rgba(35, 53, 93, 1) 10%, rgba(35, 53, 93, 1) 15%, rgba(35, 53, 93, 1) 40%, rgba(105, 126, 173, 1));
        clip-path: initial;
    }
    .index_cnt1 .inner {
        width: 80%;
        padding: initial;
    }
    .index_cnt1 .inner .col2 {
        padding: initial;
    }
    .index_cnt2 .inner {
        width: 80%;
        padding: initial;
    }
    .index_cnt2 .inner .col2 {
        padding: initial;
    }
    .index_cnt2 .inner .col2 .right {
        clip-path: initial;
        margin: 0 auto 3rem;
        border: 0.5rem solid #fff;
    }
    .index_cnt2 .inner .window {
        width: 100%;
        margin: auto;
    }
    .index_cnt2 .inner .window .grid {
        display: block;
    }
    .index_cnt2 .inner .window .grid .figure {
        width: 100%;
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index_cnt3 .inner .webgene-blog {
        display: block;
    }
    .index_cnt3 .inner .webgene-blog .webgene-item:not(:last-of-type) {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index .bg1 {
        width: 100%;
        height: 30rem;
        margin: auto;
        clip-path: initial;
    }
    .index_cnt4 .inner>.flex {
        display: block;
    }
    .index_cnt4 .inner .flex .webgene-blog {
        width: 100%;
        display: block;
    }
    .index_cnt4 .inner .flex .webgene-blog .webgene-item {
        width: 100%;
        margin: 0 0 3rem;
    }
    .index_cnt4 .inner .flex .webgene-blog .webgene-item:not(:last-of-type) {}
    .index_cnt4 .inner .flex .webgene-blog .webgene-item .dl {
        width: 100%;
    }
    .index_cnt4 .inner .flex .button {
        width: 100%;
        margin: 0 auto;
    }
    .index_cnt5 .inner .grid {
        display: block !important;
    }
    .index_cnt5 {
        margin: auto;
    }





    /*drone*/
    .drone_cnt2 .inner .grid {
        display: block;
    }
    .drone_cnt2 .inner .grid .dl:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .drone_cnt2 .inner .grid .dt {
        font-size: 2rem;
    }
    .drone_cnt3 .inner .set:not(:last-of-type) {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .drone_cnt3 .inner .set .col2::before {
        top: -1em;
        font-size: 4rem;
        color: #192c56;
    }
    .drone_cnt3 .inner .set .window {
        margin: auto;
    }
   
    .drone_cnt3 .inner .set .window .flex .flow {
        width: 100%;
    }
    .drone_cnt3 .inner .set .window .flex .flow:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .drone_cnt3 .inner .set .col2 {
        display: grid !important;
    }
    .drone_cnt3 .inner .set .col2:not(:last-of-type) {}
    .drone_cnt3 .inner .set .col2 .left h4 {}
    .drone_cnt3 .inner .set .col2 .right {
        grid-row: 1/2;
        /*border: 1rem solid #fff;*/
    }
    .drone_cnt3 .inner .set .window h5 {
        font-size: 2rem;
    }
    .drone_cnt3 .inner .set .window p {
        padding: initial;
    }
    .drone_cnt3 .inner .set .window .pic {
        position: relative;
        width: fit-content;
        margin: auto;
        border-radius: initial;
    }
    .drone_cnt3 .inner .set .window .map {
        position: relative;
        width: fit-content;
        margin: auto;
    }
    .drone_cnt4 .inner .col2b {
        display: block;
        position: relative;
    }
    .drone_cnt4 .inner .col2b .left {
        width:fit-content;
        position: absolute;
        right: 0;
        top: 0;
        margin: initial;
    }.drone_cnt4 .inner .col2b .left .fukidashi{
        margin: initial;
    }
    .drone_cnt4 .inner .col2b .right {
        width: 100%;
    }
    .drone_cnt4 .inner>.dl>.dt {
        font-size: 2rem;
    }



    /*blog&blogdetail共通*/
    :is(.blog_cnt1, .blogdetail_cnt1) {
        width: 100%;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 {
        display: block;
    }

    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 :is(.left, .right) {
        width: 100%;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left {
        margin: 0 auto 5rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left h3 {
        font-size: 2.4rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left>p {
        margin: 0 0 2rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item {}
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item p {
        margin: 0;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item {

        margin: 0 auto 3rem;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {}
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
        width: 100%;
        font-size: 2.4rem;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .day {
        padding: 0;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .title {
        font-size: 2rem;
        margin: 2rem 0;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
        width: 60%;
    }

    .webgene-pagination :is(.prev, .next),
    .webgene-pagination ul .number.selected,
    .webgene-pagination ul .number {
        width: 2em;
        height: 2em;
        margin: 0;
    }
    .webgene-pagination ul {
        width: 100%;
        justify-content: space-between;
    }
    .webgene-pagination .prev {
        margin: 0;
    }
    .webgene-pagination .next {
        margin: 0;
    }





    /*contact*/
    .contact_cnt1 .inner .grid {
        display: block;
    }
    .contact_cnt1 .inner .grid .tel {
        margin: 0 0 3rem;
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
        min-height: initial;
        padding: 1rem 0;
        border: none;
    }
    form .dl .dd {
        width: 100%;
    }
    form .col div {
        font-size: 1.4rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }

.index_cnt2 .inner .window h4 {
  margin: 2rem auto 3rem;
  }


}
@media screen and (max-width: 700px) {
    .index .mainimg .col2 {
        display: grid !important;
        left: 5%;
    }
  .index .mainimg {
    height: 60rem;
}
  .index .mainimg .col2 .right .fukidashi .year p:first-of-type {
    font-size: 2.2rem;
    
}
   .index_cnt5 .inner .grid .dl {
   display: block;
  }
  .index_cnt5 .inner .grid .dd {
    width: 100%;
    border-bottom: 0rem ;
    padding: 1rem 1em 3rem 1rem;
  }
  .drone_cnt2 .inner .grid .dt::before {
    font-size: 2.6rem;
  }
  .drone_cnt3 .inner .set .col2 .left h4 {
    margin: 2rem 0rem 2rem 0rem;
}
  .drone_cnt4 .inner .col2b .left .fukidashi .year p:first-of-type {
    font-size: 3rem;
  }

}
  @media screen and (max-width: 1024px) {
    .index_cnt1 .inner,
    .index_cnt2 .inner {
        width: 90%;
    }
    .bottom .inner>p {
      margin: 0 auto 5rem;
    }
  .bottom {
    padding: 5rem 0;
    }
    .footer {
    padding: 11rem 0 3rem;
    }
    .index_cnt5 .slider {
    width: 100%;
    height: 21rem;
    }
    
}
@media screen and (max-width: 750px) {
 .drone_cnt3 .inner .set .window .flex {
        display: block;
    }
}