@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');
body {
  letter-spacing: 0.5px;
  -webkit-text-size-adjust: 100%;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}
button.business_tab.is-active {
  background: #1e0e3f;
  color: #FFF;
}
@media (min-width: 769px) {
  .forSP {
    display: none !important;
  }
  .header {
    background-color: transparent;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    a {
      color: #FFF;
      text-decoration: none;
    }
    .block {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo {
      margin: 20px 0 0 25px;
      padding: 0 0 20px 0;
      img {
        width: 140px;
      }
    }
    nav {
      display: flex;
      justify-content: flex-end;
      p {
        margin-right: 50px;
        font-size: 15px;
      }
    }
  }
  .header.change-color {
    background-color: rgba(255, 255, 255, 0.9);
    transition: 1s;
    a {
      color: #000;
    }
  }
  .logo_w.disnone {
    display: none;
  }
  .logo_b.disnone {
    display: none;
  }
  main {
  }
  .home {
    .upper {
      position: relative;
      top: 720px;
      z-index: 2;
    }
    .deliver {
      background-color: rgba(14, 6, 38, 0.9);
      background-image: url('../../images/deli_bg.png');
      background-repeat: no-repeat;
      background-size: 580px auto;
      background-position: 100px 80px;
      p.read {
        color: #FFF;
        font-size: 25px;
        font-weight: 700;
        line-height: 45px;
        padding: 150px 0 0 140px;
        margin-bottom: 100px;
      }
      .maru3 {
        display: flex;
        justify-content: center;
        margin: 0 0 60px -60px;
        li {
          img {
            width: 270px;
          }
          margin-right: -60px;
        }
      }
      .opt {
        text-align: center;
        padding-bottom: 140px;
        p {
          color: #FFF;
          font-size: 18px;
          font-weight: 700;
          line-height: 32px;
        }
        img {
          width: 220px;
          margin-bottom: 20px;
        }
      }
    }
    .information {
      background-color: #f6f3f7;
      padding: 110px 0;
      .title {
        text-align: center;
        font-size: 56px;
        font-weight: 700;
        margin-bottom: 30px;
      }
      .article {
        width: 760px;
        margin: auto;
        li {
          display: flex;
          text-decoration: none;
          color: #333;
          border-bottom: 1px solid #999;
          padding: 35px 0;
          /*background-image: url('../../images/arrow01.svg');*/
          background-size: 35px auto;
          background-position: right center;
          .date {
            font-weight: 700;
            margin-right: 20px;
            .year {
              font-size: 15px;
            }
            .day {
              font-size: 40px;
              line-height: 40px;
            }
          }
          .a_title {
            flex: 1;
            padding-right: 0px;
            font-size: 15px;
            line-height: 28px;
          }
          /*&:hover {
            background: #EEE;
            background-image: url('../../images/arrow01.svg');
            background-size: 35px auto;
            background-position: right center;
            background-repeat: no-repeat;
          }*/
        }
      }
      .v_all a {
        display: flex;
        justify-content: center;
        text-decoration: none;
        color: #333;
        margin: 50px auto 0 auto;
        align-items: center;
        width: 200px;
        img {
          width: 35px;
          margin-left: 10px;
        }
        &:hover {
          background: #EEE;
        }
      }
    }
    .prof {
      background-image: url('../../images/pro_bg.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
      height: 400px;
      text-align: center;
      .jp {
        padding-top: 150px;
        font-size: 33px;
        font-weight: 700;
        color: #FFF;
      }
      .en {
        font-size: 56px;
        font-weight: 700;
        color: #FFF;
      }
    }
    .top-visual {
      width: 100%;
      overflow: hidden;
      position: fixed;
      height: 720px;
      .slider {
        width: 100%;
        height: 720px;
        margin: 0 auto 0 auto;
        overflow: hidden; /* 画像がはみ出ないようにする */
      }
      .slick-img img {
        object-fit: cover;
        height: 720px;
        width: 100%;
        z-index: 1;
      }
      .catch {
        position: absolute;
        top: 220px;
        left: 100px;
        z-index: 2;
        color: #FFF;
        .en {
          font-size: 90px;
          font-weight: 700;
          line-height: 90px;
        }
        .jp {
          font-size: 32px;
          font-weight: 700;
          margin-top: 40px;
        }
      }
    }
  }
  .menu {
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px solid #999;
    a {
      display: block;
      text-decoration: none;
      color: #333;
      border-bottom: 1px solid #999;
      padding: 30px 0;
      .item {
        display: flex;
        justify-content: space-between;
        width: 760px;
        margin: auto;
        .jp {
          font-size: 43px;
          font-weight: 700;  
        }
        .en {
          font-size: 23px;
          font-weight: 500;
          margin-bottom: 15px;
        }
        .v_all {
          display: flex;
          align-items: center;
          img {
            width: 35px;
            margin-left: 10px;
          }
        }
      }
      &:hover {
        background: #F6F6F6;
      }
    }
  }
  .inside {
    .lower {
      width: 100%;
      position: fixed;
      .title {
        background-color: #1e0e3f;
        background-image: url('../../overview/images/company_bg.png');
        background-repeat: no-repeat;
        background-size: 460px auto;
        background-position: top 100px left 150px;
        color: #FFF;
        padding: 140px 0 60px 160px;
        h1 {
          margin-bottom: 40px;
        }
        p {
          font-size: 22px;
        }
      }
      .page_img {
        img {
          object-fit: cover;
          object-position: 50% 50%;
          height: 480px;
          width: 100%;
        }
      }
    }
    .upper {
      position: relative;
      top: 820px;
      z-index: 2;
    }
    .basic_info {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      padding: 50px 0;
      ul {
        width: 760px;
        margin: auto;
      }
      li {
        display: flex;
        font-size: 15px;
        padding: 15px 0;
        border-top: 1px solid #999;
        p:first-child {
          width: 120px;
        }
        p:last-child {
          flex: 1;
        }
      }
      li:last-child {
        border-bottom: 1px solid #999;
      }
    }
    .history {
      background: rgba(255, 255, 255, 0.95);
      h2.title {
        background-image: url('../../overview/images/hist_title_bg.png');
        background-repeat: no-repeat;
        background-size: 490px auto;
        background-position: top left;
        width: 90%;
        margin: 0 150px 0 150px;
        padding: 50px 0 100px 50px;
      }
    }
    .solution {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      .contents {
        width: 750px;
        margin: auto;
      }
      h2 {
        font-size: 26px;
        margin: 0 auto 20px auto;
        padding-top: 40px;
      }
      .read {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 40px;
      }
      .page_title {
        text-align: center;
        font-size: 86px;
        font-weight: 700;
      }
      .sub_title {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin: -10px auto 60px auto;
      }
      .tab_Content {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
        button {
          width: 230px;
          border-radius: 15px;
          padding: 10px 0;
          box-sizing: border-box;
          border: 1px solid #1e0e3f;
          .en {
            font-size: 18px;
          }
          .jp {
            font-size: 23px;
            font-weight: 500;
          }
        }
      }
      .sw-box {
        .item {
          display: flex;
          color: #333;
          padding-bottom: 100px;
          li:first-child {
            width: 360px;
            margin-right: 30px;
            img {
              width: 100%;
            }
          }
          li:last-child {
            flex: 1;
            h3 {
              font-size: 43px;
              margin-bottom: 20px;
            }
            p {
              font-size: 14px;
              line-height: 26px;
            }
          }
        }
      }
    }
    .reqruit {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      .contents {
        width: 750px;
        margin: auto;
        h2 {
          font-size: 26px;
          margin: 0 auto 20px auto;
          padding-top: 40px;
        }
        .read {
          font-size: 15px;
          line-height: 26px;
          margin-bottom: 40px;
        }
      }
      .employee {
        width: 1000px;
        margin: auto;
        background: #e8e7f4;
        text-align: center;
        font-size: 25px;
        font-weight: 700;
        color: #1e0e3f;
        padding: 15px 0;
      }
      .oubo {
        width: 1000px;
        margin: auto;
        h2 {
          font-size: 35px;
          text-decoration: underline;
          text-decoration-color:#1e0e3f;
          text-decoration-thickness: 1px;
          text-underline-offset:0.4em;
          text-decoration-skip-ink: none;
          text-align: center;
          margin: 40px auto;
        }
        .oubo_box {
          display: flex;
          li:first-child {
            width: 380px;
            margin-right: 30px;
          }
          li:last-child {
            flex: 1;
          }
          .catch {
            font-size: 40px;
            font-weight: 700;
          }
          img {
            width: 100%;
          }
          .job {
            display: flex;
            flex-wrap: wrap;
            div {
              width: 30%;
              padding: 0 3% 15px 1%;
              margin: 1%;
              border-right: 1px solid #999;
              .en {
                font-size: 28px;
                font-weight: 700;
              }
              .jp {
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 15px;
              }
              .come {
                font-size: 14px;
                line-height: 24px;
              }
            }
            div:nth-child(1), div:nth-child(2), div:nth-child(3) {
              border-bottom: 1px solid #999;
            }
            div:nth-child(3) {
              border-right: 0px solid #999;
            }
          }
        }
      }
      .bosyu {
        width: 720px;
        margin: 50px auto 0 auto;
        h2 {
          font-size: 35px;
          text-decoration: underline;
          text-decoration-color:#1e0e3f;
          text-decoration-thickness: 1px;
          text-underline-offset:0.4em;
          text-decoration-skip-ink: none;
          text-align: center;
          margin: 40px auto;
        }
        .list {
          padding-bottom: 80px;
          li {
            display: flex;
            font-size: 15px;
            line-height: 25px;
            border-bottom: 1px solid #999;
            padding: 15px;
            p:first-child {
              width: 200px;
            }
            p:last-child {
              flex: 1;
            }
          }
          .b_bg {
            background: #e8e7f4;
          }
        }
      }
    }
    .vehicle {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      padding-bottom: 80px;
      .contents {
        width: 750px;
        margin: auto;
        h2 {
          font-size: 26px;
          margin: 0 auto 20px auto;
          padding-top: 40px;
        }
        .read {
          font-size: 15px;
          line-height: 26px;
          margin-bottom: 40px;
        }
      }
      .page_title {
        text-align: center;
        font-size: 86px;
        font-weight: 700;
      }
      .sub_title {
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin: -10px auto 60px auto;
      }
      .holding {
        width: 1000px;
        margin: auto;
        display: flex;
        justify-content: space-between;
        li {
          width: 31%;
          text-align: center;
          img {
            width: 100%;
            margin-bottom: 0px;
          }
          .num {
            width: 100%;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #999;
            padding: 10px;
            margin: 0px auto;
          }
        }
      }
      .total {
        width: 1000px;
        margin: 20px auto 0 auto;
        text-align: right;
      }
    }
    .inq_title {
      width: 100%;
      .title {
        background-color: #1e0e3f;
        background-image: url('../../overview/images/company_bg.png');
        background-repeat: no-repeat;
        background-size: 400px auto;
        background-position: top 100px left 150px;
        color: #FFF;
        padding: 100px 0 30px 160px;
        h1 {
          margin-bottom: 0px;
        }
        p {
          font-size: 22px;
        }
      }
    }
    .contact {
      padding-bottom: 80px;
    }
  }
  footer {
    background-color: #9791cc;
    padding: 50px 0 20px 0;
    .f_contact {
      margin: 0 80px;
      display: flex;
      justify-content: space-between;
      padding-bottom: 30px;
      .toi {
        flex: 1;
      }
      .inquiry a {
        text-decoration: none;
        background-color: #1e0e3f;
        background-image: url('../../images/arrow02.svg');
        background-size: 23px auto;
        background-repeat: no-repeat;
        background-position: right 25px center;
        font-size: 20px;
        font-weight: 700;
        color: #FFF;
        padding: 10px 20px;
        border-radius: 30px;
        width: 270px;
        display: block;
        text-align: center;
      }
      .tel a {
        font-size: 20px;
        font-weight: 500;
        color: #FFF;
        text-decoration: none;
        span {
          font-size: 40px;
        }
      }
      .cap {
        width: 500px;
        font-size: 13px;
        line-height: 23px;
        color: #FFF;
      }
    }
    .w_line {
      border-top: 1px solid #FFF;
    }
    .f_nav {
      display: flex;
      justify-content: space-between;
      margin: 30px 80px;
      .logo {
        img {
          width: 190px;
        }
      }
      .ele {
        display: flex;
        li {
          margin-left: 30px;
          a {
            text-decoration: none;
            color: #FFF;
            font-weight: 500;
            p:first-child {
              font-size: 18px;
              line-height: 36px;
            }
            p:last-child {
              font-size: 13px;
            }
          }
        }
      }
    }
    .basic {
      margin: 30px 80px 0 80px;
      color: #FFF;
      font-weight: 500;
      .job {
        font-size: 11px;
      }
      .name {
        font-size: 22px;
        margin-bottom: 20px;
      }
      .address {
        font-size: 13px;  
      }
      .copy {
        text-align: right;
        font-size: 11px;
      }
    }
  }
}
@media (max-width: 768px) {
  .forPC {
    display: none !important;
  }
  header {
    width: 100%;
    height: 50px !important;
    display: block;
    background: #FFF !important;
    .nav-bg {
      position: absolute;
      right: 0;
      top: 0;
      background: #FFF;
      width: 60px;
      height: 50px;
      display: block;
    }
    .logo {
      position: absolute;
      top: 5px;
      left: 10px;
      img {
        width: 100px;
      }
    }
    top: 0;
    background-color: transparent;
    position: fixed;
    z-index: 10;
    .inner {
      margin: 0;
      position: relative;
      margin: 0px;
      nav {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        visibility: hidden;
        opacity: 0;
        transition: 0.5s;
        background-color: rgba(255, 255, 255, 0.9);
        ul {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          flex-direction: column;
          align-items: flex-start;
          width: 250px;
          margin: auto;
          right: 0;
          left: 0;
          border-top: 1px #666 solid;
          .contact a {
            display: block;
            background-color: #36673b;
            background-image: url('/images/logo2.png');
            background-repeat: no-repeat;
            background-size: 32px auto;
            background-position: 15px 3px;
            border-radius: 10px;
            color: #FFF;
            font-weight: 700;
            text-align: center;
            margin: 20px auto 0 auto;
            text-decoration: none;
            padding: 10px 0 10px 20px;
          }
          li {
            
            &:last-child {
              border-bottom: 0px #666 solid;
            }
            a.btn-item {
              display: block;
              font-size: 17px;
              color: #666;
              font-weight: 500;
              letter-spacing: 0.5px;
              padding: 10px 0 10px 20px;
              text-decoration: none;
              font-family: 'Zen Maru Gothic', sans-serif;
              border-bottom: 1px #666 solid;
            }
            p.tag-item {
              display: block;
              font-size: 17px;
              color: #666;
              font-weight: 500;
              letter-spacing: 0.5px;
              padding: 10px 0 0 20px;
              text-decoration: none;
              font-family: 'Zen Maru Gothic', sans-serif;
            }
            a.sub-btn-item {
              display: block;
              font-size: 17px;
              color: #666;
              font-weight: 500;
              letter-spacing: 0.5px;
              padding: 8px 0 8px 10px;
              text-decoration: none;
              font-family: 'Zen Maru Gothic', sans-serif;
              border-bottom: 1px #666 dotted;
              margin-left: 25px;
            }
            span {
              width: 100%;
              display: block;
              font-size: 17px;
              color: #666;
              font-weight: 500;
              letter-spacing: 0.5px;
              padding: 10px 0 10px 20px;
              text-decoration: none;
              font-family: 'Zen Maru Gothic', sans-serif;
            }
            i {
              color: #36673b;
            }
            p a {
              display: block;
              padding: 5px 0 5px 20px !important;
              border-top: 1px dashed #777;
              margin: 0 0 0 15px;
            }
          }
        }
      }
    }
    .btn-trigger {
      position: absolute;
      border-bottom: 0;
      top: 25px;
      right: 12px;
      width: 34px;
      height: 24px;
      transform: translateY(-50%);
      cursor: pointer;
      span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #36673b;
        border-radius: 4px;
        display: inline-block;
        transition: all .5s;
        box-sizing: border-box;
      }
    }
    .btn-trigger span:nth-of-type(1) { top: 0; }
    .btn-trigger span:nth-of-type(2) { top: 10px; }
    .btn-trigger span:nth-of-type(3) { bottom: 0; }
    #btn.active span:nth-of-type(1) { 
      transform: translateY(10px) rotate(-45deg);
      background-color: #36673b!important;
    }
    #btn.active span:nth-of-type(2) {
      left: 50%;
      opacity: 0;
      animation: active-btn-bar02 .8s forwards;
    }
    @keyframes active-btn-bar02 { 100% { height: 0; } }
    #btn.active span:nth-of-type(3) { 
      transform: translateY(-10px) rotate(45deg);
      background-color: #36673b !important;
    }
    .inq_tx a {
      text-decoration: none;
      color: #1e0e3f;
      font-size: 12px;
      padding: 3px 15px;
      border-radius: 20px;
      position: absolute;
      right: 60px;
      top: 12px;
      border: 1px solid #9481bb;
    }
  }
  header.is-fixed {
    position: fixed;
    z-index: 10;
    background: #FFF;
  }
  .logo_w.disnone {
    display: none;
  }
  .logo_b.disnone {
    display: none;
  }
  main {
  }
  .home {
    .top-visual {
      width: 100%;
      overflow: hidden;
      position: fixed;
      height: 470px;
      .slider {
        width: 100%;
        height: 470px;
        margin: 0 auto 0 auto;
        overflow: hidden; /* 画像がはみ出ないようにする */
      }
      .slick-img img {
        object-fit: cover;
        height: 470px;
        width: 100%;
        z-index: 1;
      }
      .catch {
        position: absolute;
        top: 180px;
        left: 30px;
        z-index: 2;
        color: #FFF;
        .en {
          font-size: 45px;
          font-weight: 700;
          line-height: 50px;
        }
        .jp {
          font-size: 15px;
          font-weight: 700;
          margin-top: 20px;
        }
      }
    }
    .upper {
      position: relative;
      top: 470px;
      z-index: 2;
    }
    .deliver {
      background-color: rgba(14, 6, 38, 0.9);
      background-image: url('../../images/deli_bg.png');
      background-repeat: no-repeat;
      background-size: 90% auto;
      background-position: 20px 40px;
      width: 100%;
      overflow: hidden;
      p.read {
        color: #FFF;
        font-size: 5.2vw;
        font-weight: 700;
        line-height: 45px;
        padding: 50px 0 0 30px;
        margin-bottom: 100px;
      }
      .maru3 {
        text-align: center;
        display: block;
        margin: 0 0 50px 0;
        li {
          margin-top: -60px;
          img {
            width: 270px;
          }
        }
      }
      .opt {
        text-align: center;
        padding-bottom: 70px;
        p {
          color: #FFF;
          font-size: 18px;
          font-weight: 700;
          line-height: 32px;
        }
        img {
          width: 220px;
          margin-bottom: 20px;
        }
      }
    }
    .information {
      background-color: #f6f3f7;
      padding: 30px 0;
      .title {
        text-align: center;
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 10px;
      }
      .article {
        width: 90%;
        margin: auto;
        li {
          display: block;
          text-decoration: none;
          color: #333;
          border-bottom: 1px solid #999;
          padding: 10px 0;
          background-size: 30px auto;
          background-position: right center;
          .date {
            font-weight: 700;
            margin-right: 0px;
            display: flex;
            align-items: center;
            .year {
              font-size: 15px;
            }
            .day {
              font-size: 20px;
              line-height: 25px;
              margin-left: 10px;
            }
          }
          .a_title {
            padding-right: 40px;
            font-size: 15px;
            line-height: 28px;
          }
        }
      }
      .v_all a {
        display: flex;
        justify-content: center;
        text-decoration: none;
        color: #333;
        margin: 20px auto 0 auto;
        align-items: center;
        width: 200px;
        img {
          width: 30px;
          margin-left: 10px;
        }
        &:hover {
          background: #EEE;
        }
      }
    }
    .prof {
      background-image: url('../../images/pro_bg.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      width: 100%;
      height: 250px;
      text-align: center;
      .jp {
        padding-top: 90px;
        font-size: 20px;
        font-weight: 700;
        color: #FFF;
      }
      .en {
        font-size: 30px;
        font-weight: 700;
        color: #FFF;
      }
    }
  }
  .menu {
    background-color: rgba(255, 255, 255, 1);
    border-top: 1px solid #999;
    a {
      display: block;
      text-decoration: none;
      color: #333;
      border-bottom: 1px solid #999;
      padding: 15px 0;
      .item {
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: auto;
        div:first-child {
          width: 50%;
        }
        .jp {
          font-size: 23px;
          font-weight: 700;  
        }
        .catch {
          font-size: 12px;
        }
        .en {
          font-size: 16px;
          font-weight: 500;
          margin-bottom: 15px;
        }
        .v_all {
          display: flex;
          align-items: center;
          font-size: 13px;
          img {
            width: 30px;
            margin-left: 10px;
          }
        }
      }
      &:hover {
        background: #F6F6F6;
      }
    }
  }
  .inside {
    .lower {
      position: fixed;
      width: 100%;
      overflow: hidden;
      .title {
        background-color: #1e0e3f;
        background-repeat: no-repeat;
        background-size: 300px auto;
        background-position: top 60px left 10px;
        color: #FFF;
        padding: 80px 0 30px 20px;
        h1 {
          margin-bottom: 20px;
        }
      }
      .page_img {
        img {
          object-fit: cover;
          object-position: 50% 50%;
          height: 300px;
          width: 100%;
        }
      }
    }
    .upper {
      position: relative;
      top: 520px;
      z-index: 2;
    }
    .basic_info {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      padding: 50px 0;
      ul {
        width: 90%;
        margin: auto;
      }
      li {
        display: flex;
        font-size: 13px;
        padding: 10px 0;
        border-top: 1px solid #999;
        p:first-child {
          width: 100px;
        }
        p:last-child {
          flex: 1;
        }
      }
      li:last-child {
        border-bottom: 1px solid #999;
      }
    }
    .history {
      background: rgba(255, 255, 255, 0.95);
      h2.title {
        background-image: url('../../overview/images/hist_title_bg.png');
        background-repeat: no-repeat;
        background-size: 300px auto;
        background-position: top left;
        width: 90%;
        margin: 0 auto 0 auto;
        padding: 20px 0 100px 0;
      }
    }
    .solution {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      .contents {
        width: 90%;
        margin: auto;
      }
      h2 {
        font-size: 20px;
        margin: 0 auto 20px auto;
        padding-top: 40px;
      }
      .read {
        font-size: 15px;
        line-height: 26px;
        margin-bottom: 30px;
      }
      .page_title {
        text-align: center;
        font-size: 42px;
        font-weight: 700;
      }
      .sub_title {
        text-align: center;
        font-size: 13px;
        font-weight: 700;
        margin: 0px auto 30px auto;
      }
      .tab_Content {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        button {
          width: 32%;
          border-radius: 15px;
          padding: 10px 0;
          box-sizing: border-box;
          border: 1px solid #1e0e3f;
          .en {
            font-size: 10px;
          }
          .jp {
            font-size: 16px;
            font-weight: 500;
          }
        }
      }
      .sw-box {
        .item {
          display: block;
          color: #333;
          padding-bottom: 50px;
          li:first-child {
            width: 100%;
            margin-right: 30px;
            img {
              width: 100%;
              margin-bottom: 20px;
            }
          }
          li:last-child {
            h3 {
              font-size: 24px;
              margin-bottom: 10px;
            }
            p {
              font-size: 14px;
              line-height: 26px;
            }
          }
        }
      }
    }
    .reqruit {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      .contents {
        width: 90%;
        margin: auto;
        h2 {
          font-size: 20px;
          margin: 0 auto 20px auto;
          padding-top: 40px;
        }
        .read {
          font-size: 15px;
          line-height: 26px;
          margin-bottom: 40px;
        }
      }
      .employee {
        width: 100%;
        margin: auto;
        background: #e8e7f4;
        text-align: center;
        font-size: 4.5vw;
        font-weight: 700;
        color: #1e0e3f;
        padding: 15px 0;
      }
      .oubo {
        width: 90%;
        margin: auto;
        h2 {
          font-size: 30px;
          text-decoration: underline;
          text-decoration-color:#1e0e3f;
          text-decoration-thickness: 1px;
          text-underline-offset:0.4em;
          text-decoration-skip-ink: none;
          text-align: center;
          margin: 30px auto;
        }
        .oubo_box {
          display: block;
          li:first-child {
            width: 100%;
          }
          .catch {
            font-size: 23px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 10px;
          }
          img {
            width: 100%;
            margin-bottom: 20px;
          }
          .job {
            display: flex;
            flex-wrap: wrap;
            div {
              width: 48%;
              padding: 0 3% 15px 1%;
              margin: 1%;
              .en {
                font-size: 26px;
                font-weight: 700;
              }
              .jp {
                font-size: 15px;
                font-weight: 700;
                margin-bottom: 15px;
              }
              .come {
                font-size: 13px;
                line-height: 23px;
              }
              border-bottom: 1px solid #999;
            }
            div:nth-child(1), div:nth-child(3), div:nth-child(5) {
              border-right: 1px solid #999;
            }
          }
        }
      }
      .bosyu {
        width: 90%;
        margin: 50px auto 0 auto;
        h2 {
          font-size: 30px;
          text-decoration: underline;
          text-decoration-color:#1e0e3f;
          text-decoration-thickness: 1px;
          text-underline-offset:0.4em;
          text-decoration-skip-ink: none;
          text-align: center;
          margin: 40px auto;
        }
        .list {
          padding-bottom: 50px;
          li {
            display: flex;
            font-size: 14px;
            line-height: 25px;
            border-bottom: 1px solid #999;
            padding: 10px;
            p:first-child {
              width: 80px;
              margin-right: 20px;
            }
            p:last-child {
              flex: 1;
            }
          }
          .b_bg {
            background: #e8e7f4;
          }
        }
      }
    }
    .vehicle {
      width: 100%;
      margin: auto;
      background: rgba(255, 255, 255, 0.95);
      padding-bottom: 20px;
      .contents {
        width: 90%;
        margin: auto;
        h2 {
          font-size: 20px;
          margin: 0 auto 20px auto;
          padding-top: 40px;
        }
        .read {
          font-size: 15px;
          line-height: 26px;
          margin-bottom: 40px;
        }
      }
      .page_title {
        text-align: center;
        font-size: 45px;
        font-weight: 700;
      }
      .sub_title {
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        margin: 0px auto 30px auto;
      }
      .holding {
        width: 90%;
        margin: auto;
        display: block;
        li {
          width: 100%;
          text-align: center;
          margin-bottom: 30px;
          img {
            width: 100%;
            margin-bottom: 0px;
          }
          .num {
            width: 100%;
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #999;
            padding: 10px ;
            margin: 0px auto;
          }
        }
      }
      .total {
        width: 90%;
        margin: 20px auto 0 auto;
        text-align: right;
      }
    }
  }
  footer {
    background-color: #9791cc;
    padding: 30px 0 20px 0;
    .f_contact {
      width: 90%;
      margin: auto;
      padding-bottom: 30px;
      .toi {
        
      }
      .inquiry a {
        text-decoration: none;
        background-color: #1e0e3f;
        background-image: url('../../images/arrow02.svg');
        background-size: 23px auto;
        background-repeat: no-repeat;
        background-position: right 25px center;
        font-size: 20px;
        font-weight: 700;
        color: #FFF;
        padding: 10px 20px;
        border-radius: 30px;
        width: 270px;
        display: block;
        text-align: center;
        margin: auto;
      }
      .tel {
        text-align: center;
        a {
          font-size: 20px;
          font-weight: 500;
          color: #FFF;
          text-decoration: none;
          span {
            font-size: 40px;
          }
        }
      }
      .cap {
        margin-top: 10px;
        font-size: 13px;
        line-height: 23px;
        color: #FFF;
      }
    }
    .w_line {
      border-top: 1px solid #FFF;
    }
    .f_nav {
      width: 90%;
      margin: 30px auto;
      .logo {
        img {
          width: 190px;
        }
      }
      .ele {
        display: flex;
        flex-wrap: wrap;
        li {
          width: 50%;
          margin-bottom: 20px;
          a {
            text-decoration: none;
            color: #FFF;
            font-weight: 500;
            p:first-child {
              font-size: 18px;
              line-height: 36px;
            }
            p:last-child {
              font-size: 13px;
            }
          }
        }
      }
    }
    .basic {
      width: 90% !important;
      margin: 20px auto 0 auto;
      color: #FFF;
      font-weight: 500;
      .job {
        font-size: 11px;
      }
      .name {
        font-size: 22px;
        margin-bottom: 20px;
      }
      .address {
        font-size: 13px;  
      }
      .copy {
        text-align: center;
        font-size: 11px;
        margin-top: 20px;
      }
    }
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1); /* 拡大率 */
  }
}
.add-animation {
  animation: zoomUp 10s linear 0s normal both;
}
.type1 {
  transform-origin: left bottom;
}
.type2 {
  transform-origin: right center;
}
.type3 {
  transform-origin: top center;
}/*# sourceMappingURL=layout.css.map */