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

    /*index*/

    .header2 {
        display: none !important;
    }

    .index_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .index_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .index_cnt1>.col2 {
        height: initial;
    }
    .index_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .index_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .index_cnt3 .window .inner .grid {
        grid-template-columns: 1fr 1fr;
    }
    .index_cnt4 .inner .col2 {
        /*display: grid !important;*/
        margin: auto;
    }
    .index_cnt4 .inner .col2 .right {
        /*grid-row: 1/2;*/
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .index_cnt5 .inner .window .dl {
        display: block;
    }
    .index_cnt5 .inner .window .dt {
        width: 100%;
    }
    .index_cnt5 .inner .window .dd {
        width: 100%;
    }





    /*concept*/
    .concept_cnt1>.col2 {
        height: initial;
    }
    .concept_cnt2 .inner .col2 .left h3 {
        font-size: 2.4rem;
        line-height: 1.5;
    }

    .concept_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .concept_cnt2 .inner .col2 .left {
        padding: 0;
    }
    .concept_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }




    /*reason*/
    .reason_cnt1 .inner h2 {
        font-size: 2.7rem;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .window .catch {
        font-size: 2.4rem;
        padding: 0 1em;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .window .ul {
        display: block;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .window .li {
        line-height: 1.5;
        margin: 0 0 3rem;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .col2 {
        display: grid !important;
        margin: auto;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .col2 .left h4 {
        font-size: 2rem;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4) .point .inner h4 {
        font-size: 2rem;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4) .point .inner .dl {
        display: block;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4) .point .inner .dt {
        width: 100%;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4) .point .inner .dd {
        width: 100%;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4) .point .inner .dl:not(:last-of-type) {}
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4) .point .inner .ul {
        grid-template-columns: 1fr 1fr;
    }





    /*crocodile*/
    .crocodile_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .crocodile_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .crocodile_cnt1>.col2 {
        height: initial;
    }
    .crocodile_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .crocodile_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .crocodile_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .crocodile_cnt3 .inner .grid {
        display: block;
    }
    .crocodile_cnt3 .inner .grid .dl {
        margin: 0 0 3rem;
    }






    /*elefant*/
    .elefant_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .elefant_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .elefant_cnt1>.col2 {
        height: initial;
    }
    .elefant_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .elefant_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .elefant_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }






    /*shark*/
    .shark_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .shark_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .shark_cnt1>.col2 {
        height: initial;
    }
    .shark_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .shark_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .shark_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }






    /*cow*/
    .cow_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .cow_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .cow_cnt1>.col2 {
        height: initial;
    }
    .cow_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .cow_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .cow_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .cow_cnt3 .inner .grid {
        display: block;
        /*grid-template-columns: 1fr 1fr;*/
    }
    .cow_cnt3 .inner .grid .dl {
        margin: 0 0 3rem;
    }






    /*stingray*/
    .stingray_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .stingray_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .stingray_cnt1>.col2 {
        height: initial;
    }
    .stingray_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .stingray_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .stingray_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }





    /*ostrich*/
    .ostrich_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .ostrich_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .ostrich_cnt1>.col2 {
        height: initial;
    }
    .ostrich_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .ostrich_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .ostrich_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }






    /*python*/
    .python_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .python_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .python_cnt1>.col2 {
        height: initial;
    }
    .python_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .python_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .python_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }





    /*lizard*/
    .lizard_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .lizard_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .lizard_cnt1>.col2 {
        height: initial;
    }
    .lizard_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .lizard_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .lizard_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }







    /*lamb*/
    .lamb_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .lamb_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .lamb_cnt1>.col2 {
        height: initial;
    }
    .lamb_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .lamb_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .lamb_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }






    /*caiman*/
    .caiman_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .caiman_cnt1 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }
    .caiman_cnt1>.col2 {
        height: initial;
    }
    .caiman_cnt1>.col2 :is(.left, .right) {
        height: 20rem;
    }
    .caiman_cnt2 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .caiman_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }




    /*company*/
    .company_cnt1 .inner .col2 {
        display: grid !important;
        margin: auto;
    }
    .company_cnt1 .inner .col2 .right {
        grid-row: 1/2;
    }
    .company_cnt1 .inner .col2 .right .pic {
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    }




    /*contact*/
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
    }
    form .dl .dd {
        width: 100%;
    }
    form .dl .dd .checkArea {
        display: block;
    }
    form .dl .dd .checkArea div {
        margin: 0 0 2rem;
    }
    form .privacyLabel {
        font-size: 1rem;
    }
}


/*-------------*/
@media screen and (max-width: 787px){
.inner {
    width: 90%;
  }
  h3 {
            font-size: 2.2rem !important;
        }
          h2 {
            font-size: 2.5rem !important;
        }
  .reason_cnt1 .inner h2 {
        text-align: left;
    }
  :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .window {
    width: 100%;
  }
  :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .window .catch {
        font-size: 2rem;
        padding: 0;
    }
  .crocodile .mainimg, .elefant .mainimg, .python .mainimg, .ostrich .mainimg, .shark .mainimg, .lizard .mainimg, .cow .mainimg, .stingray .mainimg, .lamb .mainimg, .caiman .mainimg {
    display: flex;
    align-items: start;
}
  .formError .formErrorContent {
    width: 125% !important;
  }
  .material a .dl{
    background-size: cover !important
  }
  .cow_cnt4 .inner .grid03 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 768px){
  .reason_cnt1 .inner h2 br:nth-child(1) {
    display: none;
}
.material a .dl{
    background-size: cover !important
  }
}
  @media screen and (min-width: 787px){
  .reason .mainimg img {
    width: 100%;
    position: relative;
    bottom: 20rem;
}
    .contact .mainimg img {
    width: 100%;
    position: relative;
    bottom: 37rem;
}
    .crocodile_cnt1 .inner .col2 .left h3 br,.reason_cnt1 .inner h2 br:nth-child(1),
    .titleA h2 br,.ostrich_cnt2 .sec .inner .col2 .left h3 br,.lizard_cnt2 .sec .inner .col2 .left h3 br{
      display:none !important;
    }
    .crocodile_cnt1>.col2,.elefant_cnt1>.col2,.python_cnt1>.col2,.ostrich_cnt1>.col2,.shark_cnt1>.col2,.lizard_cnt1>.col2,
    .cow_cnt1>.col2,.stingray_cnt1>.col2,.lamb_cnt1>.col2,.caiman_cnt1>.col2{
    display: flex !important;
}
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4)>.inner .col2 .left {
    width: 50%;
    padding: 0;
}
  }
@media screen and (min-width: 1800px){/*-デザイン*/
.index_cnt2 {
    padding: 12rem 0 0 0;
  }
  .index_cnt3 {
    padding: 3rem 0 10rem 0;
}
  .index_cnt4 .inner .col2 .left>p:not(.buttonA) br:nth-child(1),.footer .inner .col2 .left p br:nth-child(1){
    display:none;
  }
  .index_cnt4 .inner .col2 {
    margin: 0 auto 10rem;
}
  .index_cnt5 {
    padding: 0rem 0 14rem;
}
  .crocodile_cnt1 .inner .col2,.elefant_cnt1 .inner .col2,.python_cnt1 .inner .col2,.ostrich_cnt1 .inner .col2,
  .shark_cnt1 .inner .col2,.lizard_cnt1 .inner .col2,.cow_cnt1 .inner .col2,.stingray_cnt1 .inner .col2,
  .lamb_cnt1 .inner .col2,.caiman_cnt1 .inner .col2{
    margin: 0 auto 10rem;
}
  .crocodile_cnt2,.cow_cnt2 {
    padding: 0 0 5rem 0;
}
  .elefant_cnt2,.python_cnt2,.ostrich_cnt2,.shark_cnt2,.lizard_cnt2,.stingray_cnt2,.lamb_cnt2,.caiman_cnt2 {
    padding-bottom: 20rem;
    padding-top: 0;
}
  .crocodile_cnt4,.elefant_cnt3,.python_cnt3,.ostrich_cnt3,.shark_cnt3,.lizard_cnt3,.cow_cnt4,.stingray_cnt3,.lamb_cnt3,.caiman_cnt3 {
    padding: 5rem 0 10rem 0;
  }
  .company .map {
    margin: 0 auto 10rem;
}
  .footer .inner .col2 .right .nav>.ul>.li:nth-of-type(4) {
    width: 20rem;
}
}