@charset "UTF-8";


@media screen and (max-width: 1500px) {
    .index .mainimg>.pic {}
    .index .mainimg>.pic img {
        width: initial;
        height: 100%;
    }
    .index .mainimg .badge {
        right: 3%;
    }
}
@media screen and (max-width: 1024px) {







    /*index*/
    .index .mainimg {
        height: 65rem;
        padding: 13rem 0 0;
    }
    .index .mainimg h2 {
        min-height: 3rem;
        font-size: 1.4rem;
        left: 10%;
        top: 8rem;
    }
    .index .mainimg .flex {
        left: 10%;
        top: 12rem;
    }
    .index .mainimg .flex .logo {
        width: 50%;
        max-width: 14rem;
    }
    .index .mainimg .flex .logo img {
        width: 100%;
    }
    .index .mainimg .flex p {
        font-size: 2rem;
    }
    .index .mainimg>.pic {
        /*width:90%;*/
        text-align: center;
        margin: 5% auto 0;
    }
    .index .mainimg .badge {
        width: 10rem;
        right: 3%;
        bottom: 0;
    }
    .index_cnt1 .inner .li {
        min-width: initial;
    }
    .index_cnt2 .inner .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .index_cnt2 .inner .grid .figure:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .index_cnt2 .inner .grid .figure .figcaption {
        width: 90%;
    }
    :is(.index_cnt3, .index_cnt4) .inner .col2 {
        width: 100%;
    }
    :is(.index_cnt3, .index_cnt4) .inner .col2 .left {
        margin: 0 0 3rem;
    }
    .index_cnt5 .inner .window {
        padding: clamp(2rem, 3.125vw, 6rem);
    }




    /*reason*/
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5, .reason_cnt6) .inner .col2 {
        width: 100%;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5, .reason_cnt6) .inner .col2 .left {
        margin: 0 0 3rem;
    }





    /*item*/
    .item_cnt1 .inner .li {
        flex-grow: 1;
        text-align: center;
    }
    .item_cnt1 .inner .col2 .left {
        margin: 0 0 3rem;
    }
    .item_cnt1 .inner .col2 .right .li {
        text-align: center;
        flex-grow: 1;
    }
    .item_cnt3 .inner .grid {
        display: block;
    }
    .item_cnt3 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .item_cnt4 .inner .col2 {
        width: 100%;
    }
    .item_cnt4 .inner .col2 .left {
        width: 100%;
        margin: 0 0 3rem;
    }
    .item_cnt4 .inner .window .grid {
        display: block;
    }
    .item_cnt4 .inner .window .grid .dl {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .item_cnt4 .inner .window .grid .dl .dt {
        width: 90%;
    }





    /*company*/
    .company_cnt2 .inner .dl {
        display: block;
    }
    .company_cnt2 .inner .dt {
        width: 100%;
    }
    .company_cnt2 .inner .dd {
        width: 100%;
    }
    .company_cnt3 .inner .col2 {
        width: 100%;
    }
    .company_cnt3 .inner .col2 .left {
        margin: 0 0 3rem;
    }







    /*contact*/
    .contact_cnt1 .inner .col2 {
        width: 100%;
    }
    .contact_cnt1 .inner .col2 .left {
        margin: 0 0 3rem;
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
    }
    form .dl .dd {
        width: 100%;
    }
    form .dl .dd .radioArea {
        display: block;
    }
    form .dl .dd .radioArea>div {
        margin: 0 0 2rem;
    }
    form .col label {
        font-size: 1.2rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }




}

@media screen and (max-width: 700px) {
    .index .mainimg {
        height: 65vh;
    }
}
@media screen and (max-width: 480px) {
    .index .mainimg {
        height: 70vh;
    }
}

@media screen and (max-width: 767px) {
.inner {
    width: 90%;
  }
      .index .mainimg>.pic {
          margin: 17% auto 0;
    }
  .index_cnt1 {
    padding: 0rem 0 5rem;
  }
  .index_cnt2 {
    padding: 3rem 0;
  }
  .index_cnt2 .inner .grid .figure .pic {
    border-radius: 0.5rem;
  }
  .index_cnt2 .inner .grid .figure .figcaption {
    height: 2.6rem;
  }
  :is(.index_cnt3, .index_cnt4) {
    padding: 3rem 0;
  }
.index_cnt2 .inner .grid {
    margin: 0 auto 3rem;
  }
  .mainimg .maintitle {
    left: 7.75vw;
  }
  .mainimg .maintitle h2 {
    font-size: 3rem;
  }
  .mainimg {
    height: 25rem;
  }
  .reason_cnt1 {
    padding: 10rem 0 3rem;
  }
  .reason_cnt2 .inner .li {
        border-radius: 1rem;
  }
  .item_cnt1 .inner .col2 {
    width: 100%;
  }
  .item_cnt1 .inner .col2 .right .li p {
    width: fit-content;
    height: 3rem;
    background: #2eb658;
    border-radius: 1.8rem;
    color: #fff;
    display: grid;
    align-items: center;
    padding: 0 1.5em;
  }
  .item_cnt2 {
    padding: 3rem 0;
  }
  .company_cnt1 .inner .ceo .flex .name {
    font-size: 2rem;
  }
  .company_cnt2 {
    padding: 5rem 0;
  }
  .company_cnt2 .inner .dl {
    border-radius: 1rem;
    padding: 1rem clamp(2rem, 3.125vw, 6rem);
    box-shadow:none;
  }
.company_cnt3 {
  padding:5rem 0;
}
  .h1782368312687 ,.p1782368348649 {
   font-size: 2rem !important;
  }
  .contact_cnt1 .inner .col2 {
  margin: 0 0 5rem auto;
  }
  form input[type="text"],
  form input[type="email"],
  .form textarea,
  .form .terms {
    border-radius: 1rem;
  }
  form .dt .required {
  font-size: 1.3rem;
  }
}