@charset "UTF-8";
/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
@media (max-width: 767px) {
  html {
    font-size: calc(75vw / 32); }

  /* class
  ============================== */
  .pc {
    display: none !important; }

  .sp {
    display: block !important; }

  img.sp,
  span.sp {
    display: inline !important; }

  table.sp {
    display: table !important; }

  .alignleft,
  .alignright {
    float: none;
    max-width: 100% !important;
    margin-bottom: 0; }

  .alignleft {
    margin-right: 0; }

  .alignright {
    margin-left: 0; }

  .col:not(table) {
    display: block; }
    .col:not(table) > * {
      width: auto !important;
      margin-left: 0 !important; }
      .col:not(table) > *:nth-child(n+2) {
        margin-top: 4rem !important; }
    .col:not(table) > table {
      width: 100% !important; }

  .scroll {
    overflow-x: auto; }
    .scroll::-webkit-scrollbar {
      height: .5rem; }
    .scroll::-webkit-scrollbar-track, .scroll::-webkit-scrollbar-thumb {
      border-radius: .5rem; }
    .scroll::-webkit-scrollbar-track {
      background: #ccc; }
    .scroll::-webkit-scrollbar-thumb {
      background: #666; }
    .scroll table {
      white-space: nowrap; }

  .wp-pagenavi > * {
    min-width: 2.4em;
    padding: .5rem; }

  /* base
  ============================== */
  [id^="company-"][id*="-sec"] h2, [id^="service-"][id*="-sec"] h2, [id^="initiative-"][id*="-sec"] h2, [id^="recruit-"][id*="-sec"] h2 {
    font-size: 2.6rem; }

  /* ==================================================
  layout
  ================================================== */
  /* ==================================================
  header
  ================================================== */
  header {
    padding: 1rem 5rem 1rem 2rem; }

  #hlogo img {
    width: 15rem; }

  #hnav li:nth-child(n+2) {
    margin-left: 1rem; }
  #hnav a {
    display: block !important;
    position: relative;
    width: 1em !important;
    height: 1em;
    font-size: 2.4rem !important;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden; }
    #hnav a::before {
      font-family: "Font Awesome 5 Pro";
      font-weight: 900;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 1;
      font-size: inherit;
      text-indent: 0; }
  #hnav .tel a {
    margin-bottom: 0; }
    #hnav .tel a::before {
      content: "\f098"; }
  #hnav .tel span {
    display: none; }
  #hnav .contact a {
    color: inherit;
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0; }
    #hnav .contact a::before {
      content: "\f199"; }

  #gnav-wrap {
    width: 30rem !important;
    padding: 2rem;
    overflow-y: auto; }

  .drawer--right .drawer-nav {
    right: -30rem; }

  #gnav {
    display: block;
    margin: 0; }
    #gnav li a {
      padding: 1.4em 0;
      font-size: 1.4rem; }
    #gnav li:not(:last-child) a {
      border-bottom: 1px solid #ccc; }
    #gnav li:hover ul {
      visibility: visible;
      opacity: 1; }
    #gnav li ul {
      top: 57px;
      width: 100%; }
    #gnav li li a {
      padding: 1em;
      background: #002C58;
      color: #fff;
      border-bottom: 1px solid #fff; }
    #gnav li:last-child ul {
      left: 0;
      right: auto; }

  .drawer-hamburger {
    position: absolute;
    width: 2rem;
    margin: 1.6rem 1.5rem 0 0;
    padding: 0; }
    .drawer--right.drawer-open .drawer-hamburger {
      right: 30rem; }

  .drawer-hamburger-icon {
    margin: .8rem 0; }
    .drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
      height: 1px; }
    .drawer-hamburger-icon::before {
      top: -.8rem; }
    .drawer-hamburger-icon::after {
      top: .8rem; }

  .drawer-overlay {
    background: rgba(0, 0, 0, 0.4); }

  /* ==================================================
  footer
  ================================================== */
  #fcontact > div {
    display: block;
    padding: 0 2rem; }
    #fcontact > div > div {
      width: auto;
      padding: 3rem 0; }
      #fcontact > div > div:last-child {
        border-top: 1px solid #ccc;
        border-left: 0; }
  #fcontact .tel a {
    letter-spacing: 0; }

  #fadd-wrap {
    display: block; }
    #fadd-wrap > * {
      width: auto !important; }
    #fadd-wrap address {
      text-align: center; }

  #fnav-wrap {
    display: block;
    margin-top: 3rem; }
    #fnav-wrap > * {
      width: auto !important; }
    #fnav-wrap .btn-wrap {
      margin-left: 0;
      margin-top: 2em; }
      #fnav-wrap .btn-wrap a {
        margin: 0 auto; }

  #fnav {
    justify-content: center; }
    #fnav li {
      margin: 0 .5em !important; }

  #fgmark {
    justify-content: center; }

  /* ==================================================
  main
  ================================================== */
  #content .nav {
    justify-content: flex-start; }
    #content .nav li {
      width: calc((100% / 2) - 1em);
      min-width: auto;
      margin: 1em 1em 0 0; }
      #content .nav li:nth-child(3n) {
        margin-right: 1em; }
      #content .nav li:nth-child(2n) {
        margin-right: 0em; }

  #pttl {
    width: 17.5rem;
    height: 12.5rem;
    font-size: 2rem;
    padding: 2.5rem 0 1.5rem 1.5rem; }
    #pttl::after {
      right: calc(-100vw + 17.5rem);
      width: calc(100vw - 17.5rem); }

  #breadcrumb {
    width: 90%;
    font-size: 1rem;
    margin-top: -1.5rem;
    padding: 2.5rem 1.5rem; }

  /* top
  ============================== */
  #top-kv .kv-slide {
    width: 100%; }
    #top-kv .kv-slide .slick-slide div div {
      padding: 20vh 15px; }
  #top-kv .txt {
    width: 100%; }

  [id^="top-sec"] h2 {
    font-size: 2.6rem; }

  #top-sec01 ul {
    display: block; }
    #top-sec01 ul li {
      width: auto;
      margin: -1px 0 0; }

  #top-sec04 .lead {
    font-size: 2rem; }
  #top-sec04 ul {
    display: block; }
  #top-sec04 li {
    width: auto;
    margin-top: 4rem; }

  .bnr-area .bnr-list .slide-arrow {
    width: 30px;
    height: 30px;
    top: calc(50% - 20px); }
    .bnr-area .bnr-list .slide-arrow.prev-arrow {
      left: -10px; }
    .bnr-area .bnr-list .slide-arrow.next-arrow {
      right: -10px; }

  /* news
  ============================== */
  #news-nav01 ul li a {
    flex-wrap: wrap; }
  #news-nav01 ul li .date {
    width: 10rem;
    font-size: 1.7rem; }
  #news-nav01 ul li .ttl {
    flex: 0 1 auto;
    width: 100%;
    margin: 1em 0 0; }

  /* company
  ============================== */
  #service-sec01 ul li, #initiative-sec01 ul li, #company-nav01 ul li {
    width: 50%;
    height: 10rem; }

  #company-sec05 dl::after {
    content: normal; }

  #company-warehouse-sec01 .ttl {
    display: block; }
    #company-warehouse-sec01 .ttl > * {
      margin-top: 2rem; }
      #company-warehouse-sec01 .ttl > *:first-child {
        margin-top: 0; }
    #service-warehouse-sec01 #company-warehouse-sec01 .ttl h4, #company-warehouse-sec01 .ttl h3 {
      margin-right: 0; }
    #company-warehouse-sec01 .ttl .btn-wrap {
      margin-left: 0; }
  #service-warehouse-sec01 #company-warehouse-sec01 {
    background: #F7F7F7; }

  #company-license-sec01 .gmark {
    font-size: 1.4rem; }

  #company-corporate-sec01 table,
  #company-corporate-sec01 table tbody,
  #company-corporate-sec01 table tr,
  #company-corporate-sec01 table th,
  #company-corporate-sec01 table td {
    display: block;
    width: auto !important; }
  #company-corporate-sec01 table th {
    padding-left: 2rem; }
  #company-corporate-sec01 table td {
    padding-top: 0;
    border-top: 0; }

  /* service
  ============================== */
  #service-sec01 ul li, #initiative-sec01 ul li {
    margin: 0 !important; }

  #service-transport-sec01-01 ul, #service-warehouse-sec01-01 ul, #service-machine-sec01-01 ul, #initiative-sec02 ul,
  #initiative-sec03 ul,
  #initiative-sec04 ul {
    display: block; }
    #service-transport-sec01-01 ul li, #service-warehouse-sec01-01 ul li, #service-machine-sec01-01 ul li, #initiative-sec02 ul li,
    #initiative-sec03 ul li,
    #initiative-sec04 ul li {
      width: auto; }

  #service-transport-sec01-05 ul {
    display: block; }
    #service-transport-sec01-05 ul li {
      width: auto;
      margin-top: 1rem; }

  #service-transport-sec01-06 ul, #service-warehouse-sec01-03 ul, #service-machine-sec01-03 ul {
    display: block; }
    #service-transport-sec01-06 ul li, #service-warehouse-sec01-03 ul li, #service-machine-sec01-03 ul li {
      width: auto; }

  #service-machine-sec02-02 ol li::before {
    top: 0;
    line-height: 3; }

  /* initiative
  ============================== */
  #initiative-sec02 h2,
  #initiative-sec03 h2,
  #initiative-sec04 h2,
  #initiative-sec05 h2 {
    display: block;
    height: auto;
    min-height: inherit;
    padding: 0 !important; }
    #initiative-sec02 h2::before,
    #initiative-sec03 h2::before,
    #initiative-sec04 h2::before,
    #initiative-sec05 h2::before {
      display: block;
      position: static;
      width: auto;
      height: 15rem;
      margin: 0 -2rem 6rem; }

  /* recruit
  ============================== */
  #recruit-nav01 ul li a {
    flex-wrap: wrap; }
  #recruit-nav01 ul li .ttl {
    flex: 0 1 auto;
    width: 100%;
    margin: 1em 0 0; }

  /* shochu
  ============================== */
  [id^="shochu-"][id*="-sec"] form {
    background: #f5f5f5;
    padding: 3em .5em; }
  [id^="shochu-"][id*="-sec"] .form-wrap {
    flex-direction: column; }
    [id^="shochu-"][id*="-sec"] .form-wrap .head {
      margin-bottom: .5em;
      border-bottom: 1px solid #e3e3e3; } }