@charset "UTF-8";
/* CSS Document */
@media (max-width: 768px) {
  .page-post__wrap {
    grid-template-columns: 1fr;
  }
  .l-bread > li.is-current span {
    max-width: 10em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
  }
  /*page service
  ==========================================================*/
  
  .service-intro__link{
    grid-template-columns: repeat(2,1fr);
  }
  .service-feature-list{
    grid-template-columns: 100%;
  }
  .service-feature-list > li{
    grid-template-columns: 20vw 1fr;
    grid-template-rows: auto;
    -ms-align-items: center;
    align-items: center;
  }
  .service-feature-list .comment{
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
  .service-cta-blc::before{
    background-position: center left 10%;
    opacity: .65;
  }
  .service-cta__desc .in-text{
    text-align: left;
  }
  .service-process-list{
    grid-template-columns: 100%;
  }
  .service-process-list > li{
    grid-template-columns: 25vw 1fr;
    grid-template-rows: auto;
    place-items: center;
    gap: min(30px, 5vw);
  }
  .service-process-list .comment{
    text-align: left;
  }
  .service-process-list .comment .list-title{
    flex-direction: row;
  }
  .service-process-list .comment .in-text br{
    display: none;
  }
  .service-process-list > li:nth-child(n+2)::before{
    top: max(-25px,-5vw) ;
    left: 50%;
    translate: -50% -80%;
    rotate: 135deg;
  }
  .problem-list{
    grid-template-columns: 100%;;
  }
  .svs_dd__in{
    grid-template-columns: 100%;
    gap: 0 1.5em;
  }
  .svs_dd__in > dd + dt{
    margin-top: 10px;
  }
  /*page office
  ==========================================================*/
    .page-office .under-image-inner{
    background-position: center left 33%;
  }
  /*message*/
  .page-office_message{
    grid-template-columns: 100%;
  }

  .page-office_message .sec-title{
    grid-area: 1;
  }

  .office-message__desc{
    display: contents;
  }
  
  /*location*/
  .office-location__wrap
  ,.office-location__wrap .location_thumb{
    grid-template-columns: 100%;
  }
  .office-location__wrap .location_thumb figure{
    aspect-ratio:1/.56;
  }
  .location_data dl
  ,.location_data dl > div{
    width: 100%;
  }
  .office-location__wrap .location_data{
    -ms-align-items: center;
    align-items: center;
  }
  
  /*history*/
  .office-history__detail
  ,.office-history__detail .history_thumb{
    grid-template-columns: 100%;
  }
  .office-history__detail .history_thumb{
    grid-area: 1;
  }
  .office-history__detail .history_thumb figure{
    aspect-ratio:1/.56;
  }
  
  /*page recruit
  ==========================================================*/
  .page-recruit .under-image-inner{
    background-position: center left 80%;
  }
  .recruit-intro_message{
    grid-template-columns: 100%;
  }
  .recruit-message__thumb{
    grid-row: auto;
  }
  .recruit-reqd-list{
    grid-template-columns: 100%;
  }
  
  /*page access
  ==========================================================*/
  
  .access-root__step > li{
    grid-template-columns: min(55px, 14vw) 1fr;
  }
  .access-root__step .root__desc{
    display: contents;
  }
  .access-root__step .root__desc .in-text
  ,.access-root__step .root__thumb{
    grid-column: span 2;
  }
  /*page korea
  ==========================================================*/
  .korea-system__detail{
    grid-template-columns: 100%;
  }
  .korea-service__problem{
    
  }
  /*page contact
  ==========================================================*/
  
  .page-contact .under-image-inner
  ,.page-contact-child .under-image-inner{
    background-position: center left 70%;
  }
  
  /*archive publish
  ==========================================================*/
  .post-publish-item.ly-acv{
    display: grid;
    grid-template-columns: min(150px, 25vw) 1fr;
    align-items: center;
  }
  .post-publish-item.ly-acv .publish-entry_head{
    grid-area: 1/2;
  }
  .post-publish-item.ly-acv .publish-entry_body{
    display: contents;
  }
  .post-publish-item.ly-acv .publish-entry_body .entry-comment{
    grid-column: span 2;
  }
}
@media (max-width: 480px) {
  #l-side {
    grid-template-columns: 1fr;
  }
  
  /*page service
  ==========================================================*/
  .page-service__intro .in-text{
    text-align: left;
  }
  .service-intro__link{
   
  }
  /*page office
  ==========================================================*/
  .book-results_wrap{
    grid-template-columns: auto;
  }
  .book-results_wrap .button-wrap{
    -ms-align-items: center;
    align-items: center;
  }

  /*page recruit
  ==========================================================*/
  .recruit-detail__list > div{
    grid-template-columns: 100%;
    gap:10px;
  }
  .recruit-detail__list dt{
    font-weight: 500;
  }
  .recruit-detail__list dd{
    padding-left: 1em;
  }
}