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




    /*index*/
    .index_cnt2 .inner .grid {
        display: block;
    }
    .index_cnt2 .inner .grid .dl {
        background: #fff;
        padding: clamp(2rem, 1.5625vw, 3rem);
        margin: 0 0 3rem;
    }
.index_cnt2 .inner .mame{
    position: relative;
    float: initial;
}
.index_cnt2 .inner .window{
    padding: 2rem;
}
.index_cnt2 .inner .window .flex{
    display: block;
}
.index_cnt4 .inner .dl{
    display: block;
}
    .index_cnt4 .inner .dt {
        width: 100%;
        padding: 0;
        font-weight: bold;
    }
    .index_cnt4 .inner .dd{
        width: 100%;}
  
  
  
  
  
  
  
    /*plan*/
    .plan_cnt2 .inner .col2.flyer .left {
        padding: 0;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 {
        display: grid !important;
        padding: 2rem !important;
        background: #fff !important;
        border-radius: 0.5rem !important;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .left {
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .left * {}
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .right {
        grid-row: 1/2;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .right .dt {
        font-size: 2.2rem;
        display: block;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .right .dt .pic {
        position: initial;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .right .flex {
        display: block;
    }
    :is(.plan_cnt1, .plan_cnt2) .inner .col2 .right .flex .insta {
        margin: 0 0 3rem;
    }
.plan_cnt3 .inner .col2 .right .dl{
    display: block;
    min-height: initial;
}
.plan_cnt3 .inner .col2 .right .dt{
        font-weight: bold;
    width: 100%;
    padding: 0;
}
.plan_cnt3 .inner .col2 .right .dd{
    width: 100%;
}




    /*staff*/
    :is(.staff1_cnt1, .staff2_cnt1, .staff3_cnt1, .staff4_cnt1, .staff5_cnt1) .inner .col2 .right .name {
        display: block;
    }
    [class^="staff"] .inner .grid {
        display: block;
    }
    [class^="staff"] .inner .grid .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    [class^="staff"] .inner .grid .pic {
        border: 0.5rem solid #fff;
    }


}

@media screen and (max-width: 760px) {

    /*calender*/
    .calender_cnt1 .inner .grid {
        display: block;
    }
    .calender_cnt1 .inner .grid .set .dl {
        grid-template-columns: 1fr;
        padding: 2rem;
        background: #fff;
        border-radius: 0.5rem;
    }
    .calender_cnt1 .inner .grid .set:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .calender_cnt1 .inner .grid .set .dt {
        grid-row: 2/3;
        grid-column: initial;
    }
    .calender_cnt1 .inner .grid .set .pic {
        width: 100%;
        height: initial;
        grid-row: 1/2;
        grid-column: initial;
    }
    .calender_cnt1 .inner .grid .set .kana {
        grid-row: 3/4;
        grid-column: initial;
    }
    .calender_cnt1 .inner .grid .set .post {
        grid-row: 4/5;
        grid-column: initial;
    }
    .calender_cnt1 .inner .grid .set .button {
        grid-column: 1/2;
    }

}












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

    /*news*/
    .news_cnt1 .inner .webgene-blog .webgene-item .dl {
        display: block;
    }
    .news_cnt1 .inner .webgene-blog .webgene-item .dt {
        font-size: 2rem;
    }
    .news_cnt1 .inner .webgene-blog .webgene-item .pic {
        min-width: initial;
    }
    .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*/
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
        padding: 0;
    }
    form .dl .dd {
        width: 100%;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }
    form .dl .dd .checkArea {
        display: block;
    }
    form .col label {
        font-size: 1rem;
    }



}
@media screen and (max-width:700px){
  .spbrdisplaynone br,
  .p1759910801459 br:nth-child(2),
  .p1759911114305 br{
    display:none;
  }
  
  
.contact_cnt1 .inner .window a {
    font-size: 2.1rem;
  }
  
  .contact_cnt1 .inner .window .tel {
    gap: 0.5rem;
  }
  
  .header .col2 .left .logo img {
    width: 55%;
  }
  .header {
    height: 7rem;
  }
  .footer .inner .logo img {
    width: 55%;
}
  .toplogo{
  width: 70%;
  }
  
  .index_cnt1 .slider {
   margin: 8rem 0 0;
  }
  
  .index_cnt1 .slider {
    height: 8rem;
  }
  
  .main>.titleA {
        padding: 9.5rem 0 2rem 17vw;
  }
  
  body{
    font-size: 1.4rem;
  }
  .index_cnt2 .inner .window .titleA::before{
    display:none;
  }
  
}
.index_cnt2 .inner .grid .dt {
    font-size: 2.4rem;
}
.inner {
    width: 90%;
}
.index_cnt2 .inner .grid {
    margin: 0 auto 9rem
}
.index_cnt1 .inner .mame {
    right: -2.59vw;
}
.index_cnt1 .inner .mame2 {
right: -5.45vw;
}

.plan_cnt3 .inner .col2 .right h4 {
    font-size: 2.2rem;
}
:is(.staff1_cnt1, .staff2_cnt1, .staff3_cnt1, .staff4_cnt1, .staff5_cnt1) .inner .col2 .right h4 {
      padding: 2rem 0 2rem;
      font-size: 95%;
}

}