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






    /*index*/
    .index .mainimg {
        height: 100vh;
    }
    .index_cnt1 .inner {
        width: 80%;
    }
    .index_cnt1 .inner .col2 {
        padding: 0;
        margin: 0 0 3rem;
    }
    .index_cnt1 .inner .col2 .right .flex {
        display: block;
    }
    .index_cnt1 .inner .col2 .right .flex .buttonA:first-of-type {
        margin: 0 0 3rem;
    }
    .index_cnt2 .inner .col2 .right {
        display: block;
    }
    .index_cnt2 .inner .col2 .right p:not(.buttonA) {
        margin: 0 0 3rem;
    }
    .index_cnt2 .inner .grid {
        display: block;
    }
    .index_cnt2 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 5rem;
    }
    .index_cnt2 .inner .grid .dl:nth-of-type(even) {
        transform: initial;
    }
    .index_cnt3 .inner .webgene-blog {
        display: block;
    }
    .index_cnt3 .inner .webgene-blog .webgene-item .dl {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index_cnt4 .inner .flex {
        display: block;
    }
    .index_cnt4 .inner .flex .webgene-blog {
        width: 100%;
        display: block;
    }
    .index_cnt4 .inner .flex .webgene-blog .webgene-item {
        margin: 0 0 3rem;
    }
    .index_cnt4 .inner .flex .button {
        width: 100%;
        padding: 1em;
    }
    .index_cnt1>.col2 {
        display: flex !important;
        gap: 1rem;
        width: 80%;
        margin: auto;
    }
    .index_cnt1>.col2 .left {
        transform: initial;
        margin: initial !important;
    }




    /*recruit*/
    .recruit_cnt2 .inner .dt {
        font-size: 2.4rem;
    }
    .recruit_cnt2 .inner .dt::before {
        font-size: 4rem;
    }
    .recruit_cnt3 .inner .grid {
        display: block;
    }
    .recruit_cnt3 .inner .grid .set:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .recruit_cnt3 .inner .grid .set .dt {
        font-size: 2.2rem;
    }
    .recruit_cnt4 .inner .col2 .right {
        display: block;
    }
    .recruit_cnt4 .inner .col2 .right p:not(.buttonA) {
        margin: 0 0 3rem;
    }
    .recruit_cnt4 .inner .grid {
        display: block;
    }
    .recruit_cnt4 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 5rem;
    }
    .recruit_cnt4 .inner .grid .dl:nth-of-type(even) {
        transform: initial;
    }




    /*job*/
    .job_cnt1 .inner .col2 .left {
        border: 0.5rem solid #fff;
    }
    .job_cnt1 .inner .col2 .right {
        position: initial;
        bottom: initial;
    }
    .job_cnt2 .inner .dl {
        grid-template-columns: 1fr;
    }
    .job_cnt2 .inner .dt {
        grid-row: 2/3;
        grid-column: 1/2;
        font-size: 2.4rem;
    }
    .job_cnt2 .inner .time {
        font-size: 2rem;
        height: initial;
    }
    .job_cnt2 .inner .dd:not(.time) {
        grid-row: initial;
    }
    .job_cnt3 .inner .grid {
        display: block;
    }
    .job_cnt3 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 5rem;
    }
    .job_cnt3 .inner .grid .dl:nth-of-type(even) {
        transform: initial;
    }




    /*environment*/
    .environment_cnt2 .inner .grid {
        display: block;
    }
    .environment_cnt2 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .environment_cnt4 .inner .grid {
        display: block;
    }
    .environment_cnt4 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 5rem;
    }
    .environment_cnt4 .inner .grid .dl:nth-of-type(even) {
        transform: initial;
    }





    /*interview*/
    [class^="interview_cnt"] .inner .col2:first-of-type .left .catch {
        top: initial;
        bottom: -1rem;
    }
    [class^="interview_cnt"] .inner .col2:first-of-type .left .catch p {
        writing-mode: initial;
        font-size: initial;
        padding: 1rem;
    }
    [class^="interview_cnt"] .inner .col2:first-of-type .right .prof .dt {
        font-size: 2.4rem;
    }
    [class^="interview_cnt"] .inner .col2 .right>.dl .dt {
        font-size: 2.4rem;
    }





    /*about*/
    .about_cnt2 .col2 {
        width: 80%;
        padding: 0;
        margin: auto;
    }
    .about_cnt3 .inner .set {
        display: block;
    }
    .about_cnt3 .inner .set h4 {
        width: 100%;
    }
    .about_cnt3 .inner .set p {
        width: 100%;
    }





    /*requirement*/
    .requirement_cnt1 .inner .window .dl {
        display: block;
    }
    .requirement_cnt1 .inner .window .dt {
        width: 100%;
        padding: 0;
    }
    .requirement_cnt1 .inner .window .dd {
        width: 100%;
        padding: 0 0 3rem;
    }
    .requirement_cnt2 .inner .grid {
        display: block;
    }
    .requirement_cnt2 .inner .grid .set:not(:last-of-type) {
        margin: 0 0 3rem;
    }





    /*column*/
    :is(.column_cnt1, .columndetail_cnt1) .inner .webgene-blog .webgene-item {
        width: 100%;
    }
    :is(.column_cnt1, .columndetail_cnt1) .inner .webgene-blog .webgene-item p {
        width: 100%;
    }
    .column_cnt2 .inner .webgene-blog .webgene-item .dl {
        display: block;
    }
    .column_cnt2 .inner .webgene-blog .webgene-item .pic {
        margin: 0 0 1rem;
    }
    .column_cnt2 .inner .webgene-blog .webgene-item .link .buttonA {
        height: 2em;
    }
    .column_cnt2 .inner .webgene-blog .webgene-item .link .buttonA :is(a, .span)::after {
        width: 2em;
        height: 2em;
    }
    .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;
    }





    /*entry*/
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
        padding: 0.5rem;
    }
    form .dl .dd {
        width: 100%;
        padding: 0.5rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }




}
@media screen and (max-width: 600px){
  .environment_cnt3 .inner .grid {display: block;}
.environment_cnt3 .inner .grid .figure {margin: 0 auto 1.5rem;}
  .environment_cnt3 .inner .grid .figure .pic {margin: auto;}
      [class^="interview_cnt"] .inner .col2:first-of-type .left .catch {bottom: 4rem;}
  .about_cnt2 .col2 .right .dl {display: block;}
  .about_cnt2 .col2 .right .dd,.about_cnt2 .col2 .right .dt{
    width:100%;}
  form .col label {
    font-size: 15px;
}
}
@media (min-width:768px) and (max-width:1024px){
  .bottom .inner .col2 :is(.left, .right) {margin: 0 !important;}
  .bottom .inner .col2 {display: flex !important;}
  .recruit_cnt4 .inner .grid,.index_cnt2 .inner .grid,.job_cnt3 .inner .grid,.environment_cnt4 .inner .grid {
    display: grid;
  }
  .index_cnt2 .inner .grid .dl:nth-of-type(even),.recruit_cnt4 .inner .grid .dl:nth-of-type(even),.job_cnt3 .inner .grid .dl:nth-of-type(even),
  .environment_cnt4 .inner .grid .dl:nth-of-type(even){
    margin: 17.1875vw 0 -17.1875vw !important;
}
}
@media screen and (min-width: 767px){
  .index .mainimg h2 br:nth-child(2){display:none;}
  .spbr br{display:none;}
}
@media screen and (min-width: 1000px){
  .about_cnt2 .col2 {display: flex !important;}
}