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

    /*index*/
    .mainimg{
        height: 50vh;
    }
    .index_cnt1 .inner p {
        font-size: initial;
    }
    .index_cnt2 {
        min-height: initial;
    }
    .index_cnt4 .inner .window .catch {
        font-size: 2.4rem;
    }
    .index_cnt5 .inner .col2b :is(.left, .right) a .figure .figcaption {
        font-size: initial;
        padding: 1rem;
        line-height: 1 !important;
    }





    /*phirosophy*/
    .philosophy_cnt3 .inner .window .catch {
        font-size: 2.4rem;
    }
    .philosophy_cnt5 .col2 .right {
        padding: 0 5%;
    }


    /*service*/
    .service_cnt2 .inner .col2 .left .grid .sub {
        font-size: 1.2rem;
    }
    .service_cnt2 .inner .col2 .left .dd {
        padding: 0;
    }
    .service_cnt2 .inner .col2 .right {
        border: 0.5rem solid #fff;
    }






    /*job*/
    :is(.job_cnt1, .job_cnt2) .inner .col2 .left{
        border: 0.5rem solid #fff;
    }
    :is(.job_cnt1, .job_cnt2) .inner .col2 .right .dd .ul {
        display: block;
    }
    :is(.job_cnt1, .job_cnt2) .inner .col2 .right .dd .li {
        margin: 0 0 1rem;
    }
    :is(.job_cnt1, .job_cnt2) .inner .schedule .dt {
        font-size: 2rem;
    }
    :is(.job_cnt1, .job_cnt2) .inner .schedule .time {
        font-size: initial;
        min-width: 4em;
    }
    .job .bg1 {
        height: 30rem;
        background-attachment: initial;
    }






    /*environment*/
    .environment_cnt2 .inner .grid {
        display: block;
    }
    .environment_cnt2 .inner .grid .dl {
        margin: 0 0 3rem;
    }
    .environment_cnt2 .inner .grid>.dl.age .grid2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .environment_cnt2 .inner .grid>.dl.age .grid2 .pic {
        grid-column: 1/3;
    }
    .environment_cnt3 .inner .grid {
        display: block;
    }
    .environment_cnt3 .inner .grid .dl {
        margin: 0 0 3rem;
    }
    .environment_cnt4 .slider {
        height: initial;
    }





    /*reauirement*/
    .requirement_cnt1 .inner .ul {
        display: block;
    }
    .requirement_cnt1 .inner .ul::before {
        width: 0.1rem;
        height: 100%;
        top: initial;
        left: 50%;
    }
    .requirement_cnt1 .inner .li {
        writing-mode: initial;
        width: 100%;
        min-height: initial;
      font-size:2rem;
      padding:0.5rem;
    }
    .requirement_cnt1 .inner .li:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .requirement_cnt2 .inner .set h5 {
        font-size: initial;
        padding: 0 4rem 0 0;
    }
    .requirement_cnt2 .inner .set .dl {
        display: block;
        min-height: initial;
        margin: 0 0 3rem;
    }
    .requirement_cnt2 .inner .set .dt {
        width: 100%;
        border: none;
        padding: 0;
    }
    .requirement_cnt2 .inner .set .dt p::before {
        content: "■";
    }
    .requirement_cnt2 .inner .set .dd {
        width: 100%;
        padding: 0 0 2rem;
    }
    /*entry*/
    form .dl .dd .checkArea{
        display: block;
    }
    form .dl .dd .checkArea .bg{
        margin: 0 0 1rem;
    }
    form .col label{
        font-size: 1.2rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }







    /*president*/
    .president_cnt1 .inner .col2 .left .ceo {
        position: initial;
    }
    .president_cnt2 .inner .set h4 {
        font-size: 1.6rem !important;
        padding: 0;
    }
    .president_cnt2 .inner .set .dt {
        font-size: 1.6rem !important;
    }
    .president_cnt3 .inner .set {
        padding: 2rem 0;
    }
    .president_cnt3 .inner .set h4 {
        margin: 0 0 1rem;
    }
    .president_cnt3 .inner .set {
        display: block;
    }
    .president_cnt3 .inner .set .pic {
        margin: 0 0 1rem;
    }
    .president_cnt3 .inner .set p:not(.buttonA) {
        margin: 0 0 1rem;
    }





    /*presiint*/
    .presiint_cnt1 .inner .window .ceo {
        position: initial;
    }
    .presiint_cnt2 .inner .col2 .left .dt {
        font-size: 1.6rem;
    }
    .presiint_cnt2 .inner .col2 .right {
        border: 0.5rem solid #fff;
    }







    /*interview*/
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .left {
        border: 0.5rem solid #fff;
    }
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .read {
        font-size: initial;
        padding: 1rem;
    }
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .read2 {
        font-size: 1.6rem;
        padding: 1rem;
    }
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .name {
        font-size: 2.2rem;
    }
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner .col2 .right .dt:not(.name) {
        font-size: 1.8rem;
    }
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.read2 {
        font-size: initial;
        padding: 1rem;
    }
    :is(.interview_cnt1, .interview_cnt2, .interview_cnt3) .inner>.dl .dt {
        font-size: 1.8rem;
    }











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

    /*index*/
    .mainimg{
        height: 30vh;
    }
    .service_cnt2 .inner .col2 .left .dt {
    background: #89ba29;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    padding: 1rem 1rem;
    margin: 0 0 1rem;
  }
  
}

@media screen and (max-width: 1024px) {
.index_cnt3 .inner .col2 {
      margin: 0 0 0rem;
  }
  body{
      font-weight: 600;
  }
  .environment_cnt2 .inner .grid>.dl>.dt {
    font-size: 2rem;
  }
  .environment_cnt2 .inner .grid>.dl>.dd .deci {
    font-size: 5.5rem;
  }
  .environment_cnt3 .inner .grid .dt {
    font-size: 2rem;
  }
  }
.maintitle {
    padding: 4rem 0 0;
}
    
  ｝
  
  @media screen and (max-width: 700px) {
  .bottom .eng {
    font-size: 6rem;
    font-weight: 900;
    color: #45b653;
    text-align: center;
    }
   .presiint_cnt2 .inner .col2{
    margin: 0 auto 6rem !important;
}
  
}

  @media screen and (max-width: 1024px) {
.president_cnt2 .inner .set h4 {
  min-width: 4.5em !important;
}
.president_cnt2 .inner .set.set:not(:last-of-type) .dd {
    padding: 0 0 4rem;
}
    .president_cnt2 .inner .set.set:not(:last-of-type) .dd br{
      display:none;
    }
    .p1758793411502 br{
      display:none;
    }
      .maintitle .titleA {
    padding: 1rem 2rem 1rem;
    }
}

  @media screen and  (min-width: 700px) and (max-width: 1024px) {
.philosophy_cnt4 .inner .col2 .left img,
    .service_cnt1 .inner .col2 .left img{
    width: 50%;
    }
}