@charset "UTF-8";
@media screen and (max-width: 1280px) {
    /*index*/
    .index .mainvideo {
        margin: auto;
    }
    .index_cnt1 {
        width: 80%;
        margin: auto;
    }
    .index_cnt1 .slider {
        width: 100vw;
        margin: 0 -10vw;
    }
    .index_cnt1 .catch {
        font-size: 2rem !important;
    }
    .index_cnt2 .inner .grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }
    .index_cnt2 .inner .grid .card {
        background-size: cover !important;
        /*background-position: center !important;*/
        height: 30rem !important;
    }
    
    .index_cnt2 .inner .grid .card .buttonA {
        width: fit-content;
        min-width: 16rem;
    }
  .index_cnt2 .inner .grid .card .buttonA::after {
        content: initial;
    }
    .index_cnt3 {
        height: auto;
        min-height: 30rem;
        padding: 2rem 0 !important;
    }
    .index_cnt3 .inner .titleA {
        margin: auto;
    }
    .index_cnt3 .inner .catch {
        font-size: 2rem !important;
        margin: auto;
    }
    .index_cnt3 .inner .buttonA {}
    .index_cnt4 .inner {
        width: 80%;
    }
    .index_cnt4 .inner .col2 .right .webgene-blog .webgene-item .dl{
        margin: 0 auto 5rem;
    }
    .index_cnt4 .inner .col2 .left .buttonA {}
    .index_cnt4 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .index_cnt5 .inner .col2 .left .titleA {
        margin: 0 auto 3rem;
    }
    .index_cnt5 .inner .col2 .left .buttonA {}
    .index_cnt5 .inner .col2 .left>p {
        text-align: center;
        line-height: 1.5;
    }
    .index .bg1 {
        height: 30rem;
        background-attachment: initial;
    }
  .news_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic {
     aspect-ratio: initial; 
  }





    /*about*/
    .about .mainimg h2 {
        font-size: 3rem;
    }
    .about_cnt1>.inner {
        width: 100%;
    }
    .about_cnt1 > .inner .window .inner .catch{
        margin: 0 auto 3rem;
    }
    .about_cnt1>.inner .window {
        width: 100%;
    }
    .about_cnt2 .inner .col2 .left {
        aspect-ratio: 4/3;
    }
    .about_cnt2 .inner .col2 .right .dt {
        font-size: 2.4rem;
    }





    /*transport*/
    .transport .mainimg h2 {
        width: 100%;
        max-width: 30rem;
    }
    .transport .mainimg .catch {
        min-height: 10rem;
    }
    .transport .mainimg h2 img {
        width: 100%;
    }
    .transport_cnt1 .inner .flex {
        display: block;
    }
    .transport_cnt1 .inner .flex .buttonA:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
  .transport_cnt2 .inner .col2 {
      margin: 0 auto 7rem;
    display:block !important;
 }
    .transport_cnt2 .inner .col2 .left {
        aspect-ratio: 4/3;
    }
    .transport_cnt2 .inner .col2 .right {
        padding: 0 10%;
    }
    .transport_cnt2 .inner .col2 .right .dt {
        font-size: 2.4rem;
    }
    .transport_cnt3 .inner .col2 :is(.left, .right) .dl {
        margin: 0 auto 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .transport_cnt3 .inner .col2 :is(.left, .right) .dt {
        font-size: 2.0rem;
    }
    .transport_cnt3 .inner .col2 :is(.left, .right) .pic {
        margin: 0 auto 1rem;
    }
    .transport_cnt4 .inner .grid .dl {
        padding: 0 0 1rem;
        margin: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .transport_cnt4 .inner .grid .dt {
        margin: 0 auto 1rem;
    }
    .transport_cnt4 .inner .grid .pic {
        margin: 0 auto 1rem;
    }
    .transport_cnt5 .tasukigake .inner .col2 {

        border-bottom: 0.1rem dashed #ccc;
    }
    .transport_cnt5 .tasukigake .inner .col2 .right {
        padding: 0 !important;
    }
    .transport_cnt5 .tasukigake .inner .col2 .right .set {
        margin: 0 !important;
    }
    [class^="tasukigake"] {
        background: #141414 !important;
        padding: 3rem 0;
    }





    /*truckdoc*/
    .truckdoc .mainimg h2 {
        font-size: 3rem;
    }
    .truckdoc_cnt1 .inner .flex {
        display: block;
    }
    .truckdoc_cnt1 .inner .flex .buttonC {
        width: 100%;
        margin: 0 auto 3rem;
    }
    .truckdoc_cnt2 .inner .window::after {
        content: initial;
    }
    .truckdoc_cnt3 .inner .grid .dl:not(:last-of-type) {
        margin: 0 auto 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .truckdoc_cnt3 .inner .grid .pic {
        margin: 0 auto 1rem;
    }
    .truckdoc_cnt4 .inner .grid .dl {
        margin: 0 auto 3rem;
    }
    .truckdoc_cnt4 .inner .grid .dl:not(:last-of-type)::after {
        content: initial;
    }
    .truckdoc_cnt5 .inner .webgene-blog {
        display: block;
    }
    .truckdoc_cnt5 .inner .webgene-blog .webgene-item {
        margin: 0 auto 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
        /* margin: 0 auto 3rem;*/
    }
    .truckdoc_cnt6 .inner .ul {
        /*grid-template-columns: 1fr 1fr;*/
      display:block;
    }
    .truckdoc_cnt6 .inner .li {
        font-size: 1.6rem;
    }




    /*truckdocprice*/
    .truckdocprice_cnt1 .inner h2 {
        font-size: 2.4rem;
    }
    :is(.truckdocprice_cnt2, .truckdocprice_cnt3, .truckdocprice_cnt4) .inner .window {
        width: 100%;
        overflow-x: scroll;
    }
    :is(.truckdocprice_cnt2, .truckdocprice_cnt3, .truckdocprice_cnt4) .inner .window .table {
        min-width: 80rem;
    }
    .truckdocprice_cnt4 .inner .grid .pic:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .truckdocprice_cnt6 .inner>.col2> :is(.left, .right)>.col2b .dl {
        width: 100%;
    }
    .truckdocprice_cnt6 .inner>.col2> :is(.left, .right)>.col2b .dl:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .truckdocprice_cnt7 .inner {
        width: 80%;
    }
    .truckdocprice_cnt7 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .truckdocprice_cnt7 .inner .col2 .right .webgene-blog .webgene-item {
        margin: 0 auto 3rem;
    }





    /*truckdocapp*/
    .truckdocapp_cnt1 .inner h2 {
        font-size: 2.4rem;
    }
    .truckdocapp_cnt2 .inner .grid .dl {
        display: block;
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .truckdocapp_cnt2 .inner .grid .dt {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    .truckdocapp_cnt2 .inner .grid .pic {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    .truckdocapp_cnt3 .inner .col2 :is(.left, .right) .dl {
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }

    .truckdocapp_cnt3 .inner .col2 :is(.left, .right) .dt {
        font-size: 2rem;
    }
    .truckdocapp_cnt4 .inner .grid .dl:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .truckdocapp_cnt4 .inner .grid .dl:not(:last-of-type)::after {
        content: initial;
    }





    /*recruit*/
    .recruit .mainimg h2 {
        font-size: 3rem;
    }
    :is(.recruit_cnt2, .recruit_cnt3) .inner .grid .dl:not(:last-of-type) {
        padding: 0 0 1rem;
        margin: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .recruit_cnt4 .inner .col2 .left {
        aspect-ratio: 4/3;
    }
    .recruit_cnt4 .inner .col2 .right .dt {
        font-size: 2.4rem;
    }
    .recruit_cnt5 .window .button {
        display: block;
    }
    .recruit_cnt5 .window .button .orange {
        width: 100%;
        margin: 0 auto 3rem;
        min-width: initial;
    }
    .recruit_cnt5 .window .button .blue {
        width: 100%;
        min-width: initial;
    }





    /*company*/
    .company .mainimg h2 {
        font-size: 3rem;
    }




    /*contact*/
    .contact_cnt1 .inner .title {
        display: block;
    }
    .contact_cnt1 .inner .title {
        display: block;
        padding: 1em 0;
    }
    .contact_cnt1 .inner .title h3 {
        width: 100%;
    }
    .contact_cnt1 .inner .title>p {
        font-size: 2rem;
        width: 100%;
    }
    .contact_cnt1 .inner>.dl {
        display: block;
        width: 100%;
        padding: 1rem 0;
    }
    .contact_cnt1 .inner>.dl>.dt {
        width: 100%;
    }
    .contact_cnt1 .inner>.dl>.dd {
        width: 100%;
        font-size: 2.4rem;
    }
    .contact_cnt1 .inner>.dl>.dd a {
        font-size: 2.4rem;
    }
    form .radioArea {
        display: block;
    }
    form .radioArea div {
        margin: 0 0 1rem;
    }
    :is(.contact, .entry) .mainimg h2 {
        font-size: 3rem;
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
    }
    form .dl .dd {
        width: 100%;
    }
    form .button {
        display: block;
    }
    form .button .buttonA {
        margin: 0 auto 3rem;
    }
    form .col label {
        font-size: 1.2rem;
    }
  .formError .formErrorContent{
    font-size:10px !important;
 
  }

    /*news*/
    :is(.news_cnt1, .newsdetail_cnt1) .inner .col2 {
        display: flex;
        width: 100%;
    }
    :is(.news_cnt1, .newsdetail_cnt1) .inner .left .webgene-blog{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem 1rem;
    }
    :is(.news_cnt1, .newsdetail_cnt1) .inner .left .webgene-blog p{
        font-size: 1.4rem;
    }
    :is(.news, .newsdetail) .mainimg h2 {
        font-size: 3rem;
    }
    .news_cnt1 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .news_cnt1 .inner .col2 .right .webgene-blog .webgene-item {
        margin: 0 auto 3rem;
    }
    .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;
    }





    /*newsdetail*/
    .newsdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
        font-size: 2rem;
    }









    /*curari*/
    .curari .mainimg {
        height: 100vh;
    }
    .curari .mainimg h2 {
        font-size: 3rem;
    }
    .curari .mainimg p {
        font-size: 3rem;
    }
    .curari_cnt1 .inner .ul {
        display: block;
    }

    .curari_cnt1 .inner .li {
        padding: clamp(2rem, 2.8vw, 5rem);
        margin: 0 0 1rem;
    }
    .curari_cnt3 .inner .grid .dl {
        margin: 0 auto 3rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .curari_cnt3 .inner .grid .dt {
        font-size: 2rem;
    }
    .curari_cnt5 .inner .grid .dl:not(:last-of-type) {
        margin: 0 auto 5rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .curari_cnt6 .col2 .inner {
        display: block;
    }
    .curari_cnt6 .col2 .right .pic{
        transform: initial;
    }
    .curari_cnt7 .inner .webgene-blog {
        display: block;
    }
    .curari_cnt7 .inner .webgene-blog .webgene-item:not(:last-of-type) {
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }





    /*curariprice*/
    .curariprice_cnt1 .inner .window {
        overflow: hidden;
        width: 100%;
        overflow-x: scroll;
    }
    .curariprice_cnt1 .inner .window .table {
        min-width: 50rem;
    }
    .curariprice_cnt1 .inner .button {
        display: block;
    }
    .curariprice_cnt1 .inner .button .buttonD:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    :is(.curariprice_cnt2, .curariprice_cnt3) .inner .grid .pic:not(:last-of-type) {
        margin: 0 auto 1rem;
    }





    /*skitchen*/
    .skitchen .mainimg {
        height: calc(100vh - 9rem);
    }
    .skitchen .mainimg h2 {
        font-size: 2.8rem;
    }
    .skitchen_cnt2 .inner .button {
        display: block;
    }
    .skitchen_cnt2 .inner .buttonE:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .skitchen_cnt4 .inner .col2 .right .dl{
        margin: 0 auto 5rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .skitchen_cnt4 .inner .col2 .right .dt {
        font-size: 2.4rem;
        line-height: 1.5;
    }
    .skitchen_cnt4 .inner .col2 .left{
        aspect-ratio: 4/3;
    }
    .skitchen_cnt5 .inner .grid .dl:not(:last-of-type){
        margin: 0 auto 5rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .skitchen_cnt6 .inner .grid .dl:not(:last-of-type) {
        margin: 0 auto 5rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .skitchen_cnt7 .inner .webgene-blog {
        display: block;
    }
    .skitchen_cnt7 .inner .webgene-blog .webgene-item:not(:last-of-type) {
        margin: 0 0 1rem;
        padding: 0 0 1rem;
        border-bottom: 0.1rem dashed #ccc;
    }





    /*skitcheninfo*/
    .skitcheninfo_cnt3 .inner .webgene-blog {
        display: block;
    }
    .skitcheninfo_cnt3 .inner .webgene-blog .webgene-item:not(:last-of-type) {
        margin: 0 auto 1rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .skitcheninfo_cnt5 .inner .grid .dl {
        margin: 0 auto 3rem;
    }
}
@media screen and (max-width:768px){
    .curari_cnt8 .inner .col2 .right .dl{
        display: block;
    }
    .curari_cnt8 .inner .col2 .right .dt{
        border: none;
        width: 100%;
    }
    .curari_cnt8 .inner .col2 .right .dd{
        width: 100%;
    }
    
    .skitcheninfo_cnt4 .inner .dl{
        display: block;
    }
    .skitcheninfo_cnt4 .inner .dt{
        border: none;
        width: 100%;
    }
    .skitcheninfo_cnt4 .inner .dd{
        width: 100%;
    }
}


@media(min-width:750px){
  .top_catch br:first-child{display:none;
  }
  .top_catch br:nth-child(3){display:none;
  }
}


@media(min-width:450px){
  .p1730881458071 br{display:none;
  }
  .h1730957759809 br{display:none;
  }
  .h1730881633952 br{display:none;
  }
  .h1730881748056 br{display:none;
  }
  .h1730963198882 br{display:none;
  }
  .catch_reg br{display:none;
  }
  .h1730881813516 br{display:none;
  }
  .yagou_share br{display:none;
  }
  .p1730961514148 br{display:none;
  }
  .yagou_tradoc br{display:none;
  }
}

@media(min-width:1024px){
  .button_tra{font-size:2.4rem;
  }
  .button_tru{font-size:2.4rem;
  }
  .button_pila{font-size:2.4rem;
  }
  .button_share{font-size:2.4rem;
  }
}

/*
@media(max-width:450px){
  .truckdoc_cnt6 .inner .li {
    justify-content: center !important;
  }
}

@media(max-width:750px){
  .index_cnt2 .inner .grid .card {
    width: 100%;
    height: 31.25vw;
    display: grid;
    align-content: end;
    justify-content: center;
    padding: 0 0 5rem !important;
    gap: 5rem;
    background-blend-mode: overlay;
    text-decoration: none;
}
}
*/

@media(max-width:750px){
.index_cnt2 .inner .grid .card {
    width: 100%;
    height: 31.25vw;
    display: grid
;
    align-content: end;
    justify-content: center;
    padding: 0 0 5rem;
    gap: 5rem;
    background-blend-mode: overlay;
    text-decoration: none;
}
}

@media(max-width:450px){
  .rec_catch{
  font-size:1.6rem !important;
  }
  .truckdoc .mainimg {
    background: url(/system_panel/uploads/images/truckdoc_mainimg.jpg) center top no-repeat rgba(91, 79, 72, 0.5);
    background-size: cover;
    background-blend-mode: darken;
    height: 30rem;
    margin-top:10rem;
}
  .curari .mainimg {
    height: 30rem;
    background: url(/system_panel/uploads/images/curari_mainimg.jpg) center top;
    background-size: cover;
    margin-top: 8rem;
}
  .p1730881458051{font-size:1.6rem !important;
  }
}

@media(min-width:750px) and (max-width:1280px){

    .curari .mainimg {
    height: 75rem;
    background: url(/system_panel/uploads/images/curari_mainimg.jpg) right -150px top !important;
    background-size: cover;
}

        [class^="header"] .col2 .left .logo {
        width: 15% !important;
  }
}

@media (max-width: 450px) {
  .transport .mainimg {
    height: 30rem !important;
    background: url(/system_panel/uploads/images/transport_mainimg.jpg) center top no-repeat rgba(1, 5, 17, 0.5);
    background-size: cover;
    background-blend-mode: overlay;
    margin: 10rem auto 7rem !important;
}
      .transport .mainimg h2 img {
        width: 80% !important;
        margin-top: -150px !important;
    }
      .transport .mainimg .catch {
        margin-top: 30px !important;
    }
  
  .truckdocprice .mainimg{
    margin-top:10rem !important;
    height:30rem !important;
   }
  .truckdocapp .mainimg{
    margin-top:10rem !important;
    height:30rem !important;

  }
  
  .curari .mainimg p {
    bottom: 10rem !important;
}
  .curari .mainimg h2 {
    bottom: 2rem !important;
  }
      .curari .mainimg h2 {
        font-size: 2.6rem !important;
    }
  .curariprice .mainimg {
    margin-top:8rem;
    height:30rem;
  }
  
  .skitchen .mainimg {
    height: 30rem !important;
}
  .skitchen .mainimg p {
    bottom: 10rem;
  }
  .skitchen .mainimg h2 {
   bottom: 2rem;
  } 
  .skitcheninfo .mainimg {
    height:30rem;
  }
}

@media(min-width:1281px){
.p1730881415762{
  margin-top:1.5rem !important;
}
}