@charset "UTF-8";
@media screen and (max-width: 900px) {
  #content.full-wrapper{
    padding-bottom: min(10rem, 15vw);
  }
  /* リクルート　page/recruit　++++++++++++++++++++++++*/
  .recruit-detail-title .text{
    font-size: min(4.5rem, calc(100vw / 20));
  }
}
/* CSS Document */

@media screen and (max-width: 768px) {
  
  .service-link-list{
    grid-template-columns: repeat(3,1fr);
    place-items:center;
  }
  .service-flow-item
  ,.thumb-inv .service-flow-item{
    grid-template-columns:1fr;
  }
  .service-flow-item .tag{
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: min(7rem, 15%);
    z-index: 1;
  }
  .thumb-inv .service-flow-item .comment{
    grid-area: 2 / 1 / 3 / 2; 
  }
  .thumb-inv .service-flow-item .thumb{
    grid-area: 1 / 1 / 2 / 2; 
  }
  .service-flow-item .tag p{
    padding: 2px;
  }
  .service-flow-item:not(:last-child) .tag::after{
    content: none;
  }
  .service-insp-list
  ,.insp-thumb-list
  ,.service-delivery-item
  ,.service-store-list{
    grid-template-columns: 1fr;
  }
  .service-delivery-flow{
    grid-template-columns: min(30rem,70vw);
    justify-content: center;
    gap:min(6rem,15vw);
  }
  .service-delivery-flow > div:not(:last-child) dd::after{
    top: 100%;
    left: 50%;
    rotate:90deg;
    width: min(4rem, 10vw);
    translate:-50% 50%;
  }
  .service-store-list li .thumb{
    aspect-ratio:auto;
  }
  .service-store-list li:nth-child(1){
    grid-area: 1 / 1 / 2 / 2;
  }
  .service-store-list li:nth-child(2){
    grid-area: 2 / 1 / 3 / 2;
  }
  .service-store-list li:nth-child(3){
    grid-area: 3 / 1 / 4 / 2; 
  }
  .service-store-list li.comment p{
    font-size: min(1.6rem,calc(100vw/25));
    text-align: center;
  }
  
  /* 流通加工・ワンストップサービス　page/distribution　++++++++++++++++++++++++*/
  
  .distr-intro-item > div{
    display: grid;
    grid-template-columns: 2em auto;
    gap:min(2rem,4vw);
  }
  .distr-intro-item dt{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
  }
  .distr-intro-item dt p{
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 1em;
    padding: 0;
  }
  .distr-multi-list{
    grid-template-columns: 1fr;
    margin-top: 0;
  }
  .distr-multi-list > li::before
  ,.distr-onestop-item::before{
    rotate:-90deg;
    width: min(2.8rem,5vw);
    top: 50%;
    left: 0;
    translate:-50% -50%;
  }
  
  .distr-onestop-item{
    margin-top: 0;
  }
  .distr-onestop-item ul{
    grid-template-columns: repeat(2, 1fr);
    width: min(500px, 100%);
    margin-left: auto;
    margin-right: auto;
  }
  .distr-onestop-item ul > li .icon{
    width: 100%;
    aspect-ratio:auto;
  }
  .distr-onestop-item ul > li:nth-child(even) .icon::after{
    right: 0;
    translate: 0 -50%;
  }
  .distr-onestop-item ul > li .icon img{
    width: min(10rem,70%);
    margin-left: auto;
    margin-right: auto;
  }
  
  /* リクルート　page/recruit　++++++++++++++++++++++++*/
  .recruit-merit__list > li
  ,.recruit-bens-list > li.full .thumb{
    grid-template-columns: 1fr;
  }
  .recruit-bens-list > li.full{
    grid-area: auto;
  }
  
  
}
@media screen and (max-width: 600px) {
  
  /* お問い合わせ　page/contact　++++++++++++++++++++++++*/
  .page-contact-blc .top-text{
    text-align: left;
  }
  /* リクルート　page/recruit　++++++++++++++++++++++++*/
  .recruit-bens-list{
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 480px) {
  
  /* 会社案内　page/company　++++++++++++++++++++++++*/
  .company-overview-list > div{
    grid-template-columns:1fr;
  }
  
  /* デバンニング　page/devanning　++++++++++++++++++++++++*/
  .page-devanning-intro .thumb-list{
    grid-template-columns: 1fr;
  }
  .page-devanning-intro .thumb-list::after{
    rotate:90deg;
  }
  
  /* 流通加工・ワンストップサービス　page/distribution　++++++++++++++++++++++++*/
  .distr-detail__list{
    grid-template-columns: repeat(2, 1fr);
  }
  
  /* 設備　page/facility　++++++++++++++++++++++++*/
  .facility-list .thumb-box
  ,.facility-list .thumb-box.clm2{
    grid-template-columns: 1fr;
  }
  
}