@charset "UTF-8";
/* CSS Document */
@media screen and (max-width: 1080px) {
  
  /*support +++++++++++++++++++++++++++++++++++*/
  .list-support-works{
    grid-template-columns: repeat(2,1fr);
  }
  
}
@media screen and (max-width: 899px) {
  .base-detail-list .list-item{
    grid-template-columns: 1fr;
    gap:min(15px,3vw);
  }
  .base-detail-list .list-item dd{
    padding-left: 1em;
  }
  
  /*support +++++++++++++++++++++++++++++++++++*/
  .thumb-support-intro{
    grid-template-columns: 1fr;
  }
  .thumb-support-intro figure{
    width: 100%;
    aspect-ratio:1/0.4656;
  }
  .thumb-support-intro figure img{
    object-fit: cover;
    height: 100%;
    object-position: center;
  }
  .list-support-feature{
    grid-template-columns: 1fr;
  }
  .list-support-feature .thumb{
    display: grid;
    grid-template-columns: min(293px,78vw);
    place-content:center;
  }
  .list-support-feature .tag{
    translate: 25% -20%;
  }
  .list-support-feature .comment p{
    width: 100%;
  }
  .sec-flow-list .flow-item > dl{
    grid-template-columns: 1fr;
  }
  .sec-flow-list .flow-item dd::before{
    width: 100%;
    height: 1px;
    top: max(-25px, -4vw);
    left: 50%;
    translate:-50% 50%;
  }
  .sec-flow-list .flow-item dt{
    grid-template-columns: 4em auto;
    gap:1em;
  }
  /*voice*/
  .sec-voice_list .voice-item:nth-child(odd) > div
  ,.sec-voice_list .voice-item:nth-child(even) > div{
    grid-template-columns: 1fr;
  }
  .sec-voice_list .voice-item div figure{
    aspect-ratio:1/0.5;
  }
  .sec-voice_list .voice-item div figure img{
    object-fit: cover;
    height: 100%;
    object-position: center;
  }
  .sec-voice_list .voice-item:nth-child(odd) > div figure{
    grid-area: 2 / 1 / 3 / 2; 
  }
  .sec-voice_list .voice-item:nth-child(odd) > div .comment{
    grid-area: 1 / 1 / 2 / 2;
  }
  /*facility*/
  .item-facility .thumb-area{
    grid-template-columns: 1fr;
  }
  .item-facility .thumb-area figure{
    aspect-ratio:1/0.4386;
  }
  .item-facility .thumb-area figure img{
    object-fit: cover;
    height: 100%;
    object-position: center;
  }
  .facility_detail_list{
    grid-template-columns: 1fr;
  }

  .facility_detail_list dd:not(:first-of-type){
    border-top: none;
  }
  .facility_detail_list dt
  ,.facility_detail_list dt:not(:first-of-type){
    border-top: 1px solid #48473C33;
  }
  
  /*works +++++++++++++++++++++++++++++++++++*/
  .page-works-box .works-item
  ,.page-works-box .works-item:nth-child(even){
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .page-works-box .works-item .thumb{
    width: 100%;
    aspect-ratio:1/0.3222;
  }
  .page-works-box .works-item .thumb img{
    object-fit: cover;
    height: 100%;
    object-position: center;
  }
  /*inquiry +++++++++++++++++++++++++++++++++++*/
  .hero-inquiry{
    background-image: url("../images/wall/hero_inquiry_sp.jpg");
  }
  
  /*recruit +++++++++++++++++++++++++++++++++++*/
  .recruit-intro_hrf:nth-child(even)
  ,.recruit-intro_hrf:nth-child(odd){
   -webkit-flex-direction: column;
   -moz-flex-direction: column;
   -ms-flex-direction: column;
   -o-flex-direction: column;
   flex-direction: column;
  }
  .recruit-intro_hrf .thumb
  ,.recruit-intro_hrf .detail{
    width: 100%;
  }
  .recruit-intro_hrf .thumb{
    aspect-ratio:1/0.4487;
  }
  .recruit-intro_hrf .thumb img{
    object-fit: cover;
    height: 100%;
    object-position:center top;
  }
  .schedule-item{
    grid-template-columns:1fr;
    padding-left: min(30px,6vw);
  }
  .schedule-item dt{
    justify-content: flex-start;
  }
  .schedule-item dt::before{
    right: auto;
    left: max(-30px,-6vw);
    translate: 0 -50%;
  }
  .schedule-item::before{
    top: min(22px, 5vw);
    left: 4.5px;
    bottom: max(-30px, -6vw)
  }
  .schedule-item:first-child::before{
    top: min(22px, 5vw);
  }
  .schedule-item:nth-last-of-type(2)::before{
    height: calc(100% + min(25px, 6vw));
  }
  .schedule-item:last-child::before{
    content: none;
  }
  
  /*form +++++++++++++++++++++++++++++++++++*/
  .form-item{
    grid-template-columns: 1fr;
  }
  .form-list dt{
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .form-list dt .label{
    padding-right: 3.5em;
  }
  .form-list dd.radio{
    padding-top: 10px;
  }
}
@media screen and (min-width:769px) and (max-width: 820px) {
  
  /*company ++++++++++++++++++++++++++++++++*/
  .box-company-vision{
    grid-template-columns: 100%;
  }
  .box-company-vision .detail-area .box-wid-title{
    text-align: center;
  }
  .box-company-vision .detail-area .in-text{
    width: min(560px, 55%);
  }
  .box-company-vision .thumb-area{
    position: absolute;
    right: 0;
    top: 50%;
    translate:0 -50%;
    width: 42%;
  }
  
}
@media screen and (max-width: 768px) {
  .clm_contents{
    grid-template-columns: 1fr;
  }
  #l-side{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:15px;
  }
  #l-side > * + *{
    margin-top: 0;
  }
  /*support +++++++++++++++++++++++++++++++++++*/
  .list-support-works{
    grid-template-columns: 1fr;
  }
  .list-support-works dd figure{
    width: 100%;
    aspect-ratio:1/0.4;
  }
  .list-support-works dd figure img{
    object-fit: cover;
    height: 100%;
    object-position: center;
  }
    /*company +++++++++++++++++++++++++++++++++++*/
  .box-company-vision{
    grid-template-columns: auto;
  }
  .box-company-vision .detail-area .box-wid-title{
    text-align: center;
  }
  .box-company-vision .thumb-area picture{
    aspect-ratio:1;
  }
  .box-company-vision .thumb-area picture img{
    object-fit: cover;
    height: 100%;
    object-position: center 20%;
  }
  .box-company-vision .thumb-area{
    grid-template-columns: 80%;
  }
  .box-company-vision .thumb-area::before{
    left: 0;
    translate: 0 -50%;
  }  
}
@media screen and (max-width: 480px) {
  
  #l-side{
    grid-template-columns: 1fr;
  }
  
  /*works +++++++++++++++++++++++++++++++++++*/
  .page-works-box .works-item .thumb{
    aspect-ratio:1/0.8394;
  }
  .page-works-box .works-item .detail .in-title{
    grid-template-columns: 4.5em auto;
  }
  
  .page-works-box .works-item .detail .in-title .num{
    font-size: min(70px,calc(100vw/7));
  }
  .page-works-box .works-item .detail .in-text{
    margin-top: 1em;
  }
  .page-works-box .works-item::before{
    bottom: max(-20px,-5vw);
    top: auto;
    height: calc(100vw*.875)
  }
  .page-works-box .works-item:nth-child(odd)::before
  ,.page-works-box .works-item:nth-child(even)::before{
    translate:0 0;
  }
  .list-support-works dd figure{
    aspect-ratio:1/.55;
  }
}