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





    /*index*/
    .index .mainimg {
        height: calc(100vh - 13rem);    }
    .index .mainimg .title{
        left: 10%;
        bottom: initial;
        position: initial;
        text-align: center;
    }
    .index .mainimg .title h2{
        font-size: 1.8rem;
        padding: 1rem;
        line-height: 3 !important;
    }
    .index .mainimg .name{
        font-size: 3.5rem;
    }
    .index .mainimg .slider{
        margin: 0;
    }
    .index .mainimg .slider .pic:nth-of-type(even) {
        margin: initial;
    }
    .index_cnt1 .inner .col2b {
        display: block;
    }
    .index_cnt1 .inner .col2b .left {
        width: 100%;
        display: flex;
        gap: 1rem;
    }
    .index_cnt1 .inner .col2b .left [class^="pic"] {
        position: initial;
        border: 0.5rem solid #fff;
    }
    .index_cnt1 .inner .col2b .right {
        width: 100%;
    }
    .index_cnt2 .inner .grid {
        display: block;
    }
    .index_cnt2 .inner .grid .set:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
.index_cnt2 .inner .grid .set h4{
    font-size: 1.6rem !important;
    padding:1rem;
}
.index_cnt3 .inner .webgene-blog .webgene-item .dl{
    display: block;
}



    /*reason*/
    .reason_cnt1 .inner .ul {
        display: block;
    }
    .reason_cnt1 .inner .li {
        font-size: 1.8rem;
        padding: 2rem;
    }
    .reason_cnt1 .inner .li.set:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .reason_cnt1 .inner .li a {
        justify-content: space-between;
        align-items: center;
    }
    .reason_cnt1 .inner .li a::after {
        position: initial;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .col2 :is(.left, .right) .pic img {
        width: 100%;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner>.col2 .left {
        border: 0.5rem solid #fff;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .grid {
        display: block;
    }
    :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window .grid .figure:not(:last-of-type) {
        margin: 0 0 3rem;
    }
:is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .window > p{
    font-size: initial;
}




    /*service*/
    .service_cnt1 .inner .grid {
        display: block;
    }
    .service_cnt1 .inner .grid .illust {
        margin: 0 0 3rem;
    }
    .service_cnt1 .inner .grid .illust img {
        width: 100%;
    }
    .service_cnt2 .inner .window .col2 :is(.left, .right) img {
        width: 100%;
    }
    :is(.service_cnt3, .service_cnt4) .inner .col2 .left img {
        width: 100%;
    }
    .service_cnt6 .inner .col2 {
        margin: 0 0 3rem;
    }
    .service_cnt6 .inner .col2b {
        display: block;
    }
    .service_cnt6 .inner .col2b :is(.left, .right) {
        width: 100%;
    }
    .service_cnt6 .inner .col2b .left {
        margin: 0 0 3rem;
    }
    .service_cnt6 .inner .col2b :is(.left, .right) .set>p {
        font-size: initial;
    }
    .service_cnt6 .inner .col2b :is(.left, .right) .set .dl:not(:last-of-type) {
        margin: 0 0 3rem;
    }




    /*consulting*/
    .consulting_cnt2 .inner .col2 .left {
        border: 0.5rem solid #fff;
    }
    .consulting_cnt2 .inner .col2 .right .dt {
        font-size: 2.4rem;
    }
    .consulting_cnt2 .inner>.dl {
        display: block;
    }
    .consulting_cnt2 .inner>.dl .dt {
        width: 100%;
        font-size: 2.2rem;
        margin: 0 auto 3rem;
    }
    .consulting_cnt2 .inner>.dl .dd {
        width: 100%;
    }
    .consulting_cnt3 .inner .grid {
        display: block;
    }
    .consulting_cnt3 .inner .grid .set:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .about_cnt3 .inner .grid .dt {
        margin: 0;
    }
    .about_cnt3 .inner .grid .pic {
        margin: 0 0 1rem;
    }
    .about_cnt3 .inner .grid .name {
        margin: 0 0 1rem;
    }
    .about_cnt3 .inner .grid .kana {
        margin: 0 0 1rem;
    }




    /*about*/
    .about_cnt1 .inner .col2 .left {
        border: 0.5rem solid #fff;
    }
    .about_cnt2 .inner .illust img {
        width: 100%;
    }
    .about_cnt3 .inner .grid {
        display: block;
    }
    .about_cnt3 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .about_cnt3 .inner .grid .dl {
        grid-template-columns: 1fr;
    }
    .about_cnt3 .inner .grid .kana {
        grid-column: 1/2;
        grid-row: 4/5;
    }
    .about_cnt3 .inner .grid .cmt {
        grid-row: 5/6;
    }
    .about_cnt4 .inner .dl {
        min-height: initial;
        display: block;
    }
    .about_cnt4 .inner .dt {
        width: 100%;
        border: none;
        padding: 1rem;
    }
    .about_cnt4 .inner .dd {
        width: 100%;
        padding: 1rem;
    }









    :is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog {
        display: block;
    }
    :is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog .webgene-item p {
        width: 100%;
    }
    :is(.column_cnt1, .columndetail_cnt1) .inner .cate .webgene-blog .webgene-item:not(:last-of-type) {
        margin: 0 0 2rem;
    }





    /*column*/
    .column_cnt1 .inner>.webgene-blog .webgene-item .dl {
        display: block;
    }
    .column_cnt1 .inner>.webgene-blog .webgene-item .dt {
        font-size: 2rem;
    }
    .column_cnt1 .inner>.webgene-blog .webgene-item .dt a {
        display: block;
    }
    .column_cnt1 .inner>.webgene-blog .webgene-item .dt a::after {
        vertical-align: middle;
        display: none;
    }
    .column_cnt1 .inner>.webgene-blog .webgene-item .cate {
        margin: 0 0 1rem;
    }
    .column_cnt1 .inner>.webgene-blog .webgene-item .pic {
        border: 0.5rem solid #fff;
        margin: 0 0 1rem;
    }
    .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;
    }




    /*columndetail*/
    .columndetail_cnt1 .inner>.webgene-blog .webgene-item .dt {
        font-size: 1.8rem;
    }
    .columndetail_cnt1 .inner>.webgene-blog .webgene-item .pic {
        border: 0.5rem solid #fff;
        margin: 0 0 1rem;
    }




    /*news*/
    .news_cnt1 .inner>.webgene-blog .webgene-item .dl {
        display: block;
    }
    .news_cnt1 .inner>.webgene-blog .webgene-item .dt {
        font-size: 1.8rem;
    }
    .news_cnt1 .inner>.webgene-blog .webgene-item .pic {
        border: 0.5rem solid #fff;
        margin: 0 0 1rem;
    }


    /*contact*/
    form .dl {
        display: block;
        min-height: initial;
    }
    form .dl .dt {
        width: 100%;
        padding: 1rem;
        border: none;
    }
    form .dl .dd {
        width: 100%;
        padding: 1rem;
    }
    form .col label {
        font-size: 1.2rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }

.pagetop {
        display: block;
    }


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

  .index .mainimg { padding-top: 105px;}
  .index .mainimg .name{margin-top: 0;}
  .inner {width: 90%;}
  .index_cnt1 .inner .col2b .left { display: block;}
  .index_cnt2 .inner .grid .set h4 { top: 37.59vw;}
  h3 { font-size: 2rem !important;}
  :is(.reason_cnt2, .reason_cnt3, .reason_cnt4, .reason_cnt5) .inner .title h3 {
    padding: 0.5rem 0rem;
    display: block;
  }
  .staff_cnt2 .inner .grid {grid-template-columns: 1fr;}
      .about_cnt4 .inner .dd {
        overflow-wrap: break-word;
        word-break: break-word;
    }
  .ceo { margin-top: 2rem;}
}
@media (min-width:700px) and (max-width:1024px){
  .index .mainimg {padding-top: 60px;}
  .index .mainimg .name{margin-top: 0;}
}