@charset "UTF-8";
/*!===========================
このcssはSassから生成されていますので、
直接編集しないようご注意ください。
===========================*/
@import url("../fontawesome/css/all.min.css");
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article, aside, footer, header, nav, section {
  display: block; }

h1 {
  font-size: 2em;
  margin: .67em 0; }

figcaption, figure, main {
  display: block; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace,monospace;
  font-size: 1em; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

b, strong {
  font-weight: inherit; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace,monospace;
  font-size: 1em; }

dfn {
  font-style: italic; }

mark {
  background-color: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

audio, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

img {
  border-style: none; }

svg:not(:root) {
  overflow: hidden; }

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: .35em .75em .625em; }

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  display: inline-block;
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details, menu {
  display: block; }

summary {
  display: list-item; }

canvas {
  display: inline-block; }

template {
  display: none; }

[hidden] {
  display: none; }

/* not normalize.css */
*, *::before, *::after {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, blockquote, hr, figure {
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: inherit; }

ul, ol {
  padding: 0;
  list-style: none; }

img {
  vertical-align: middle; }

address {
  font-style: normal; }

input, textarea, select {
  outline: none; }

[type="button"], [type="submit"], [type="reset"], select {
  cursor: pointer; }

@media (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
    color: inherit; } }
html {
  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', yu-mincho-pr6n, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'Times New Roman', 'ＭＳ 明朝', 'MS Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
  font-feature-settings: 'palt';
  font-size: 62.5%;
  color: #000;
  background: #fff; }
  @media (max-width: 960px) {
    html {
      font-size: calc(100vw / 96); } }

body {
  line-height: 2;
  font-size: 1.6em; }

a {
  color: inherit;
  transition: .5s; }
  a:hover {
    text-decoration: none;
    opacity: .8; }

figure {
  text-align: center; }

img {
  max-width: 100% !important;
  height: auto !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4;
  color: #002C58; }

hr {
  clear: both;
  margin: 6rem 0;
  border: 0;
  border-top: 1px solid; }

table {
  width: 100%;
  text-align: left;
  border: 0;
  border-collapse: collapse; }
  table > tbody > tr > th,
  table > tbody > tr > td {
    padding: 1.5rem;
    border: 1px solid #002C58; }
  table > tbody > tr > th {
    width: 25%;
    font-weight: inherit;
    text-align: inherit;
    white-space: nowrap;
    color: #fff;
    background: #97A1AD; }
  table.col > tbody > tr > th {
    width: auto; }
  table > caption {
    font-weight: bold;
    text-align: left; }
  table.table02 > tbody > tr > th,
  table.table02 > tbody > tr > td {
    vertical-align: top;
    padding: 2rem;
    border: solid #ccc;
    border-width: 1px 0 0; }
  table.table02 > tbody > tr > th {
    font-weight: bold;
    color: #002C58;
    padding-left: 3rem;
    background: transparent; }
  table.table03 {
    text-align: center; }
    table.table03 > tbody > tr > th,
    table.table03 > tbody > tr > td {
      vertical-align: top;
      color: #002C58;
      padding: 2rem;
      border: solid #002C58;
      border-width: 0 0 1px; }
    table.table03 > tbody > tr > th {
      font-size: 1.3rem;
      font-weight: bold;
      color: #fff;
      padding: 1rem 2rem;
      background: #002C58; }
    table.table03 > tbody > tr:nth-child(odd) > td {
      background: rgba(0, 44, 88, 0.08); }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {
  background-color: #fff;
  font-family: inherit;
  color: #000;
  border: 0px;
  display: block;
  padding: 0 20px;
  font-size: inherit;
  margin: 0;
  height: 60px;
  width: 100%;
  -webkit-appearance: none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus {
  background: #fafafa;
  outline-color: #438832; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled] {
  background-color: #ddd; }
input[type="submit"] {
  -webkit-appearance: none; }

textarea {
  height: auto;
  padding: 20px;
  background-color: #fff;
  border: 0px;
  font-family: inherit;
  display: block;
  width: 100%;
  min-height: 8em; }
  textarea:focus {
    background: #fafafa;
    outline-color: #438832; }
  textarea[disabled] {
    background-color: #ddd; }

select {
  -webkit-appearance: none;
  width: 100%;
  height: 60px;
  margin: 0;
  padding: 0 20px;
  cursor: pointer;
  background-color: #fff;
  font-family: inherit;
  border: 0px;
  border-radius: 0px; }

.wpcf7c-conf {
  background-color: #ddd !important;
  color: black !important;
  border: 1px solid #333333 !important; }

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

.clearfix::after, #content::after {
  content: "";
  display: block;
  clear: both; }

.right {
  text-align: right !important; }

.center {
  text-align: center !important; }

.aligncenter {
  display: block;
  margin: 0 auto; }

.alignleft,
.alignright {
  max-width: 52% !important;
  margin-bottom: 1em; }

.alignleft {
  float: left;
  margin-right: 5%; }

.alignright {
  float: right;
  margin-left: 5%; }

.nowrap {
  white-space: nowrap; }

.wrap {
  word-break: break-all; }

.kome:not(ul):not(ol),
ul.kome > li,
ol.kome > li {
  display: block;
  position: relative;
  padding-left: 1.2em; }
  .kome:not(ul):not(ol)::before,
  ul.kome > li::before,
  ol.kome > li::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0; }

ol.kome {
  counter-reset: no; }
  ol.kome > li {
    counter-increment: no;
    padding-left: 2em; }
    ol.kome > li::before {
      content: "※" counter(no); }

.mtop0 {
  margin-top: 0 !important; }

.col:not(table) {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .col:not(table).reverse {
    flex-direction: row-reverse; }
  .col:not(table) > * {
    width: 48%; }
    .col:not(table) > *.col-in1 {
      width: calc(8.33% - 1.5%); }
    .col:not(table) > *.col-in2 {
      width: calc(16.66% - 1.5%); }
    .col:not(table) > *.col-in3 {
      width: calc(24.99% - 1.5%); }
    .col:not(table) > *.col-in4 {
      width: calc(33.32% - 1.5%); }
    .col:not(table) > *.col-in5 {
      width: calc(41.65% - 1.5%); }
    .col:not(table) > *.col-in6 {
      width: calc(49.98% - 1.5%); }
    .col:not(table) > *.col-in7 {
      width: calc(58.31% - 1.5%); }
    .col:not(table) > *.col-in8 {
      width: calc(66.64% - 1.5%); }
    .col:not(table) > *.col-in9 {
      width: calc(74.97% - 1.5%); }
    .col:not(table) > *.col-in10 {
      width: calc(83.3% - 1.5%); }
    .col:not(table) > *.col-in11 {
      width: calc(91.63% - 1.5%); }
    .col:not(table) > *.col-in12 {
      width: 100%; }

.btn, .btn-02, #content .nav li a, .btn02 {
  display: block;
  position: relative;
  width: 30rem;
  max-width: 100% !important;
  line-height: 1.4;
  font-size: 1.6rem;
  text-align: center;
  text-decoration: none;
  color: #fff;
  margin: 0 auto;
  padding: 1.1em 2em;
  background: #002C58;
  border: 1px solid #002C58;
  border-radius: 5em; }
  .btn.contact::before, .contact.btn-02::before, #content .nav li a.contact::before, .contact.btn02::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 200;
    font-size: calc(18 / 16 * 1em);
    margin-right: .5em; }
  .btn.inpage::before, .inpage.btn-02::before, #content .nav li a.inpage::before, .inpage.btn02::before {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 200;
    position: absolute;
    top: calc(50% - .5em);
    right: 1em;
    line-height: 1; }
  .btn.arrow::before, .arrow.btn-02::before, #content .nav li a.arrow::before, .arrow.btn02::before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 200;
    position: absolute;
    top: calc(50% - .5em);
    right: 1em;
    line-height: 1; }
  .btn.link::before, .link.btn-02::before, #content .nav li a.link::before, .link.btn02::before {
    content: "\f2d2";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    top: calc(50% - .5em);
    right: 1em;
    line-height: 1; }

.btn-02, #content .nav li a {
  color: #002C58;
  background: #fff; }

.btn02 {
  font-weight: bold;
  color: #002C58;
  padding: .5em 2em;
  background: none;
  border-radius: 0; }

.gmap {
  position: relative; }
  .gmap::after {
    content: "";
    display: block;
    padding-top: 30px;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden; }
  .gmap iframe,
  .gmap object,
  .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.wp-pagenavi {
  clear: both;
  margin-top: 6rem;
  text-align: center; }
  .wp-pagenavi > * {
    display: inline-block;
    min-width: 3.2em;
    line-height: 1.4;
    font-size: 1.4rem;
    margin: .2rem .2rem 0;
    padding: 1rem .5rem;
    border: 1px solid #97A1AD; }
  .wp-pagenavi a:hover,
  .wp-pagenavi .current {
    color: #fff;
    background: #002C58;
    border-color: #002C58; }
  .wp-pagenavi a {
    text-decoration: none; }
    .wp-pagenavi a:hover {
      opacity: 1; }
  .wp-pagenavi .pages {
    min-width: 4.5em; }

/* base
============================== */
.base > * {
  margin-top: 4rem; }
  .base > *:first-child {
    margin-top: 0; }
.base .col > * > * {
  margin-top: 4rem; }
  .base .col > * > *:first-child {
    margin-top: 0; }
.base h2,
.base h3,
.base h4,
.base h5,
.base h6 {
  margin-bottom: -2rem; }
.base h2 {
  font-size: 2.2rem; }
.base h3 {
  font-size: 2rem;
  text-align: left !important;
  padding-bottom: .8em;
  border-bottom: 1px solid; }
.base h4 {
  font-size: 1.6rem; }
.base dl:not([class]) > dt {
  margin-top: .5em; }

body:not(#top) #top-sec04 h2, [id^="company-"][id*="-sec"] h2, [id^="service-"][id*="-sec"] h2, [id^="initiative-"][id*="-sec"] h2, [id^="recruit-"][id*="-sec"] h2, [id^="shochu-"][id*="-sec"] h2 {
  font-size: 3.6rem;
  text-align: center; }
  body:not(#top) #top-sec04 h2 small, [id^="company-"][id*="-sec"] h2 small, [id^="service-"][id*="-sec"] h2 small, [id^="initiative-"][id*="-sec"] h2 small, [id^="recruit-"][id*="-sec"] h2 small, [id^="shochu-"][id*="-sec"] h2 small {
    display: block;
    position: relative;
    font-size: calc(17 / 36 * 1em);
    font-weight: normal;
    padding-bottom: 8rem; }
    body:not(#top) #top-sec04 h2 small::after, [id^="company-"][id*="-sec"] h2 small::after, [id^="service-"][id*="-sec"] h2 small::after, [id^="initiative-"][id*="-sec"] h2 small::after, [id^="recruit-"][id*="-sec"] h2 small::after, [id^="shochu-"][id*="-sec"] h2 small::after {
      content: "";
      position: absolute;
      bottom: 2rem;
      left: 50%;
      width: 0;
      height: 4rem;
      border-left: 1px solid; }

.base ul:not([class]),
.base ol:not([class]) {
  padding-left: 2em; }
  .base ul:not([class]) > li,
  .base ul:not([class]) ul,
  .base ul:not([class]) ol,
  .base ol:not([class]) > li,
  .base ol:not([class]) ul,
  .base ol:not([class]) ol {
    margin-top: .5em; }
    .base ul:not([class]) > li:first-child,
    .base ul:not([class]) ul:first-child,
    .base ul:not([class]) ol:first-child,
    .base ol:not([class]) > li:first-child,
    .base ol:not([class]) ul:first-child,
    .base ol:not([class]) ol:first-child {
      margin-top: 0; }

.base ul:not([class]) {
  list-style: disc; }

.base ol:not([class]) {
  list-style: decimal; }
  .base ol:not([class]) ol:not([class]) {
    list-style: lower-alpha; }

/* ==================================================
layout
================================================== */
footer > *,
#content > * {
  padding-left: 2rem;
  padding-right: 2rem; }

footer > * > *,
#content > * > *,
#service-transport-sec01 > section > *,
#service-warehouse-sec01 > section > *,
#service-machine-sec01 > section > *,
#service-machine-sec02 > section > *,
#service-machine-sec03 > section > * {
  max-width: 92rem;
  margin-left: auto;
  margin-right: auto; }

#service-transport-sec01 > section, #service-warehouse-sec01 > section, #service-machine-sec01 > section,
#service-machine-sec02 > section,
#service-machine-sec03 > section {
  max-width: none;
  margin-left: calc(2rem * -1);
  margin-right: calc(2rem * -1);
  padding-left: 2rem;
  padding-right: 2rem; }

/* ==================================================
header
================================================== */
header {
  background: rgba(255, 255, 255, 0.85);
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  line-height: 1.2;
  color: #002C58;
  padding: 2rem; }
  header a {
    text-decoration: none; }
  header > div {
    display: flex;
    align-items: center; }

#hlogo {
  line-height: inherit;
  margin-right: auto; }
  #hlogo img {
    width: 33.3rem; }

#hnav {
  display: flex;
  justify-content: flex-end;
  align-items: center; }
  #hnav li:nth-child(n+2) {
    margin-left: 2rem; }
  #hnav .tel {
    font-size: 1.2rem;
    text-align: center; }
    #hnav .tel a {
      display: inline-block;
      font-size: 2.4rem;
      letter-spacing: .2em;
      margin-bottom: .3rem; }
  #hnav .contact a {
    width: 24rem;
    font-size: 1.4rem; }

#gnav {
  display: flex;
  justify-content: flex-end;
  color: #000;
  margin: 1em 0 0 auto;
  position: relative;
  *zoom: 1; }
  #gnav li {
    position: relative; }
    #gnav li a {
      display: block;
      white-space: nowrap;
      padding: 1em; }
      #gnav li a:hover {
        color: #002C58; }
    #gnav li ul {
      visibility: hidden;
      opacity: 0;
      z-index: 9999;
      position: absolute;
      top: 40px;
      left: 0;
      background: rgba(255, 255, 255, 0.85);
      transition: all .2s ease;
      font-size: 1.4rem; }
      #gnav li ul a {
        padding: 1em 2em; }
        #gnav li ul a:hover {
          background: #002C58;
          color: #fff; }
    #gnav li:hover {
      background: rgba(255, 255, 255, 0.85); }
      #gnav li:hover ul {
        top: 50px;
        visibility: visible;
        opacity: 1; }
    #gnav li:last-child ul {
      left: auto;
      right: 0; }

/* ==================================================
footer
================================================== */
footer {
  color: #002C58; }
  footer > * {
    padding-top: 8rem;
    padding-bottom: 8rem; }

#fcontact {
  background: transparent linear-gradient(90deg, #002C58 0%, #083B6E 56%, #235180 100%) 0% 0% no-repeat padding-box; }
  #fcontact > div {
    display: flex;
    padding: 2rem 0;
    background: #fff; }
    #fcontact > div > div {
      width: 50%;
      padding: 3rem; }
      #fcontact > div > div:first-child {
        display: flex;
        align-items: center;
        flex-direction: column; }
      #fcontact > div > div:last-child {
        text-align: center;
        border-left: 1px solid #ccc; }
        #fcontact > div > div:last-child p:nth-child(n+2) {
          margin-top: 1rem; }
  #fcontact h2 {
    position: relative;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 1em;
    padding-bottom: 1em; }
    #fcontact h2::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: calc(50% - 1.4rem);
      width: 2.8rem;
      height: 0;
      border-bottom: 1px solid; }
    #fcontact h2 span {
      display: block;
      font-size: 1.6rem;
      margin-top: .5em; }
  #fcontact p {
    font-size: 1.2rem; }
  #fcontact .tel a {
    line-height: 1;
    font-size: 3.4rem;
    letter-spacing: .2em;
    text-decoration: none; }
    @media (max-width: 905px) {
      #fcontact .tel a {
        font-size: 2.4rem; } }
  #fcontact .btn-wrap a {
    width: 30rem;
    font-size: 1.3rem; }

#fadd-wrap {
  display: flex;
  justify-content: space-between;
  padding: 6rem 4%; }
  #fadd-wrap > * {
    max-width: none;
    margin: 0; }
  #fadd-wrap a {
    text-decoration: none; }
  #fadd-wrap address {
    width: 40rem; }
    #fadd-wrap address p:last-child {
      margin-top: 1em; }

#flogo {
  font-size: 2.2rem; }

#fnav-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: calc(100% - 40rem); }
  #fnav-wrap > * {
    width: 100%; }
  #fnav-wrap .btn-wrap {
    width: auto;
    margin-left: 2rem; }
    #fnav-wrap .btn-wrap a {
      display: block;
      width: 24rem;
      font-size: 1.2rem;
      text-align: center; }
      #fnav-wrap .btn-wrap a img {
        margin: 1em 0 0; }

#fnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 1.3rem; }
  #fnav li {
    white-space: nowrap; }
    #fnav li:nth-child(n+2) {
      margin-left: 2em; }

#fgmark, #company-license-sec01 .gmark {
  display: flex;
  align-items: center;
  width: auto;
  line-height: 1.4;
  font-size: 1.1rem;
  font-weight: bold;
  color: #002C58; }
  #fgmark > div, #company-license-sec01 .gmark > div {
    margin-right: 2rem; }
  #fgmark .gmark-box, #company-license-sec01 .gmark .gmark-box {
    font-size: calc(12 / 11 * 1em);
    text-align: center;
    padding: 1em;
    border: 1px solid;
    line-height: 2; }

#copyright {
  font-size: 1.3rem;
  text-align: center;
  padding: 1.5rem 3rem;
  border-top: 1px solid #ccc; }

/* ==================================================
main
================================================== */
#content {
  overflow: hidden; }
  #content > * {
    padding-top: 8rem;
    padding-bottom: 8rem; }
  #content .nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 0;
    max-width: 920px;
    margin: 0 auto; }
    #content .nav li {
      width: calc((100% / 3) - 2rem);
      min-width: 22rem;
      margin: 2rem 3rem 0 0; }
      #content .nav li:nth-child(3n) {
        margin-right: 0; }
      #content .nav li a {
        width: auto;
        font-size: 1.4rem; }

#pttl {
  position: relative;
  width: 35rem;
  height: 25rem;
  line-height: 1.4;
  font-size: 4rem;
  color: #002C58;
  padding: 5rem 0 3rem 3rem; }
  #pttl::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-100vw + 35rem);
    width: calc(100vw - 35rem);
    height: 100%;
    background: url("../img/pttl-bg01.jpg") left center/cover no-repeat; }
  #pttl small {
    display: block;
    font-size: calc(26 / 40 * 1em); }
  #pttl.no02::after {
    background-image: url("../img/pttl-bg02.jpg"); }
  #pttl.no03::after {
    background-image: url("../img/pttl-bg03.jpg"); }
  #pttl.no04::after {
    background-image: url("../img/pttl-bg04.jpg"); }
  #pttl.no05::after {
    background-image: url("../img/pttl-bg05.jpg"); }
  #pttl.no06::after {
    background-image: url("../img/pttl-bg06.jpg"); }
  #pttl.no07::after {
    background-image: url("../img/pttl-bg07.jpg"); }
  #pttl.no08::after {
    background-image: url("../img/pttl-bg08.jpg"); }
  #pttl.no09::after {
    background-image: url("../img/pttl-bg09.jpg"); }
  #pttl.no08::after {
    background: url("../img/pttl-bg08.jpg") center center/cover no-repeat; }
  @media (min-width: 1600px) {
    #pttl.no05::after {
      background-position: bottom center; } }

#breadcrumb {
  width: 69rem;
  color: #002C58;
  margin-top: -3rem;
  padding: 5rem 3rem;
  background: #F7F7F7; }
  #breadcrumb li {
    display: inline; }
    #breadcrumb li:not(:last-child)::after {
      content: "　／";
      margin-right: .5em; }

/* top
============================== */
#top-kv {
  position: relative;
  padding: 0 !important; }
  #top-kv > * {
    max-width: none; }
  #top-kv img {
    width: 100%; }
  #top-kv .kv-slide {
    width: 100%; }
    #top-kv .kv-slide .slick-slide div div {
      padding: 22vw 15px;
      background-image: url("../img/top-kv-img01.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
  #top-kv .txt {
    width: 65vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center; }
    #top-kv .txt img {
      width: auto; }

[id^="top-sec"] > * {
  margin-top: 6rem; }
  [id^="top-sec"] > *:first-child {
    margin-top: 0; }
[id^="top-sec"] h2 {
  font-size: 4rem;
  text-align: center; }
  [id^="top-sec"] h2 small {
    display: block;
    font-size: calc(26 / 40 * 1em);
    margin-bottom: .5em; }

#top-sec01 {
  padding-top: 6rem; }
  #top-sec01 ul {
    display: flex;
    max-width: 126.6rem;
    color: #002C58; }
    #top-sec01 ul li {
      width: 31.75%;
      margin-left: 2.36%; }
      #top-sec01 ul li a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        text-decoration: none;
        padding: 1em 0;
        border: solid;
        border-width: 1px 0; }
        #top-sec01 ul li a > figure {
          width: calc(100 / 402 * 100%); }
          #top-sec01 ul li a > figure img {
            width: 100px;
            height: 100px !important;
            object-fit: cover;
            object-position: center; }
        #top-sec01 ul li a > div {
          width: calc(265 / 402 * 100%); }
      #top-sec01 ul li .ttl {
        color: #000; }
      #top-sec01 ul li .cate {
        display: inline-block;
        font-size: 1rem;
        color: #fff;
        margin-top: 1rem;
        padding: 0 2em;
        background: #97A1AD;
        border-radius: 5em; }
      #top-sec01 ul li:first-child {
        margin-left: 0; }

#top-sec02 {
  font-size: 1.8rem;
  background: url("../img/bg01.jpg") center/cover no-repeat; }
  #top-sec02 > * {
    max-width: 72rem; }
  #top-sec02 h2 {
    font-size: 2.6rem;
    text-align: left;
    color: #000; }

#top-sec04 {
  background: #F7F7F7; }
  #top-sec04 .lead {
    font-size: 2.6rem;
    text-align: center;
    color: #002C58; }
  #top-sec04 ul {
    display: flex;
    justify-content: space-between; }
  #top-sec04 li {
    width: calc(300 / 1020 * 100%); }
    #top-sec04 li a {
      display: block;
      text-decoration: none; }
      #top-sec04 li a::before {
        content: "";
        display: block;
        height: 8.4rem;
        margin-bottom: 2rem;
        background: url("../img/icon01-01.svg") center bottom/contain no-repeat; }
    #top-sec04 li.no02 a::before {
      background-image: url("../img/icon01-02.svg"); }
    #top-sec04 li.no03 a::before {
      background-image: url("../img/icon01-03.svg"); }
    #top-sec04 li .ttl {
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      color: #002C58;
      margin-bottom: 1.5em;
      padding: .5em 0;
      border: solid;
      border-width: 1px 0; }
  body:not(#top) #top-sec04 {
    background: none; }

.bnr-area p:not(:last-child) {
  margin-bottom: 20px; }
.bnr-area .bnr-list li {
  padding: 0 5px;
  line-height: 1; }
.bnr-area .bnr-list .slide-arrow {
  background: #002C58;
  border: 2px solid #002C58;
  border-radius: 4.0em;
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  position: absolute;
  top: calc(50% - 25px);
  z-index: 10; }
  .bnr-area .bnr-list .slide-arrow.prev-arrow {
    left: -10px; }
    .bnr-area .bnr-list .slide-arrow.prev-arrow::before {
      content: '';
      border-style: solid;
      border-width: 4px 6px 4px 0;
      border-color: transparent #fff transparent transparent;
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -4px;
      margin-left: -4px; }
  .bnr-area .bnr-list .slide-arrow.next-arrow {
    right: -10px; }
    .bnr-area .bnr-list .slide-arrow.next-arrow::before {
      content: '';
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent #fff;
      width: 0;
      height: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -4px;
      margin-left: -2px; }

/* news
============================== */
#news-nav01 {
  color: #002C58; }
  #news-nav01 ul li {
    border-bottom: 1px solid #E3E3E3; }
    #news-nav01 ul li a {
      display: flex;
      align-items: center;
      text-decoration: none;
      padding: 3rem 0; }
    #news-nav01 ul li .date {
      width: 10rem;
      font-size: 1.7rem; }
    #news-nav01 ul li .cate {
      width: 14rem;
      font-size: 1.2rem;
      text-align: center;
      color: #fff;
      padding: .2em 2em;
      background: #97A1AD;
      border-radius: 5em; }
    #news-nav01 ul li .ttl {
      flex: 1;
      margin-left: 4rem; }

#detail-sec01 .cnt-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center; }
  #detail-sec01 .cnt-detail h1 {
    width: 100%;
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 1rem;
    padding-bottom: .8em;
    border-bottom: 1px solid #E3E3E3; }
  #detail-sec01 .cnt-detail .cate {
    font-size: 1.2rem;
    color: #fff;
    margin-left: 1rem;
    padding: 0 2em;
    background: #97A1AD;
    border-radius: 5em; }

/* company
============================== */
#service-sec01 ul, #initiative-sec01 ul, #company-nav01 ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 2rem;
  text-align: center;
  color: #fff; }
  #service-sec01 ul li, #initiative-sec01 ul li, #company-nav01 ul li {
    width: 33.33%;
    height: 16.8rem; }
    #service-sec01 ul li a, #initiative-sec01 ul li a, #company-nav01 ul li a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      position: relative;
      z-index: 1;
      height: 100%;
      text-decoration: none;
      background: url("../img/company-nav01-img01.jpg") center/cover no-repeat; }
      #service-sec01 ul li a::after, #initiative-sec01 ul li a::after, #company-nav01 ul li a::after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 44, 88, 0.75); }
    #service-sec01 ul li small, #initiative-sec01 ul li small, #company-nav01 ul li small {
      font-size: calc(12 / 20 * 1em); }
    #service-sec01 ul li.no02 a, #initiative-sec01 ul li.no02 a, #company-nav01 ul li.no02 a {
      background-image: url("../img/company-nav01-img02.jpg"); }
    #service-sec01 ul li.no03 a, #initiative-sec01 ul li.no03 a, #company-nav01 ul li.no03 a {
      background-image: url("../img/company-nav01-img03.jpg"); }
    #service-sec01 ul li.no04 a, #initiative-sec01 ul li.no04 a, #company-nav01 ul li.no04 a {
      background-image: url("../img/company-nav01-img04.jpg"); }
    #service-sec01 ul li.no05 a, #initiative-sec01 ul li.no05 a, #company-nav01 ul li.no05 a {
      background-image: url("../img/company-nav01-img05.jpg"); }
    #service-sec01 ul li.no06 a, #initiative-sec01 ul li.no06 a, #company-nav01 ul li.no06 a {
      background-image: url("../img/company-nav01-img06.jpg"); }
    #service-sec01 ul li.no07 a, #initiative-sec01 ul li.no07 a, #company-nav01 ul li.no07 a {
      background-image: url("../img/company-nav01-img07.jpg"); }
    #service-sec01 ul li.no08 a, #initiative-sec01 ul li.no08 a, #company-nav01 ul li.no08 a {
      background-image: url("../img/company-nav01-img08.jpg"); }
    #service-sec01 ul li.no09 a, #initiative-sec01 ul li.no09 a, #company-nav01 ul li.no09 a {
      background-image: url("../img/company-nav01-img09.jpg"); }

[id^="company-"][id*="-sec"] > * {
  margin-top: 6rem; }
  [id^="company-"][id*="-sec"] > *:first-child {
    margin-top: 0; }

#company-sec01 .col {
  align-items: center; }
  #company-sec01 .col > figure {
    width: calc(360 / 920 * 100%); }
  #company-sec01 .col > div {
    width: calc(510 / 920 * 100%); }
    #company-sec01 .col > div > * {
      margin-top: 4rem; }
      #company-sec01 .col > div > *:first-child {
        margin-top: 0; }
#company-sec01 .name {
  text-align: right; }
  #company-sec01 .name em {
    font-style: normal;
    font-size: 2rem;
    margin-left: 1em; }

#company-sec02 {
  text-align: center;
  background: #F7F7F7; }
  #company-sec02 .lead {
    font-size: 3rem;
    font-weight: bold;
    color: #002C58;
    padding: 1em;
    border: solid;
    border-width: 1px 0; }
    #company-sec02 .lead small {
      display: block;
      font-size: calc(18 / 30 * 1em);
      color: #000; }

#company-sec03,
#company-sec04 {
  text-align: center; }
  #company-sec03 .lead,
  #company-sec04 .lead {
    font-size: 3rem;
    font-weight: bold;
    color: #002C58;
    padding: 1em;
    border: solid;
    border-width: 1px 0; }
    #company-sec03 .lead small,
    #company-sec04 .lead small {
      display: block;
      font-size: calc(18 / 30 * 1em);
      color: #000; }

#company-sec04 {
  background: #F7F7F7; }

#company-sec05 .gmap::after {
  padding: 38rem 0 0; }
#company-sec05 dl {
  position: relative;
  text-align: center;
  max-width: 60rem;
  color: #002C58; }
  #company-sec05 dl::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    border-left: 1px solid #ccc; }
  #company-sec05 dl > * {
    width: 50%; }
  #company-sec05 dl dt {
    font-size: 1.2rem;
    font-weight: bold; }
    #company-sec05 dl dt img {
      width: 1.4rem;
      margin-right: .5em; }
  #company-sec05 dl dd {
    font-size: 1.6rem; }

#company-service-sec01 h3 {
  font-size: 2.6rem;
  padding-bottom: .8em;
  border-bottom: 1px solid; }

#company-vehicle-sec01 h4 {
  font-size: 2rem;
  text-align: center; }
  #company-vehicle-sec01 h4 + p {
    margin-top: 2rem; }
#company-vehicle-sec01 h3 {
  position: relative;
  font-size: 2.8rem;
  text-align: center;
  padding-bottom: .8em; }
  #company-vehicle-sec01 h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 2rem);
    width: 4rem;
    height: 0;
    border-bottom: 1px solid; }
#company-vehicle-sec01 dl {
  color: #002C58;
  border-bottom: 1px solid #E3E3E3; }
  #company-vehicle-sec01 dl > div {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    border-top: 1px solid #E3E3E3; }
    #company-vehicle-sec01 dl > div::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 50%;
      left: 0;
      width: 100%;
      height: 0;
      border-top: 2px dotted; }
  #company-vehicle-sec01 dl dt, #company-vehicle-sec01 dl dd {
    padding: 1.5rem 0;
    background: #fff; }
  #company-vehicle-sec01 dl dt {
    padding-right: 2em; }
  #company-vehicle-sec01 dl dd {
    width: 3em;
    text-align: right; }
#company-vehicle-sec01 table {
  margin-top: 2rem; }
  #company-vehicle-sec01 table th {
    padding: .6rem;
    width: auto;
    text-align: center;
    font-size: 1.3rem;
    white-space: nowrap; }
  #company-vehicle-sec01 table td {
    padding: 1rem;
    font-size: 1.4rem;
    word-break: break-all; }
    #company-vehicle-sec01 table td.num {
      text-align: center;
      white-space: nowrap; }
      #company-vehicle-sec01 table td.num_r {
        text-align: right; }
#company-vehicle-sec01 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 800px;
  line-height: 1.4;
  margin: 2rem auto 0; }
  #company-vehicle-sec01 ul li {
    width: calc(370 / 800 * 100%);
    margin-top: 4rem; }
    #company-vehicle-sec01 ul li .ttl {
      margin-top: 1.6rem;
      font-size: 1.8rem;
      text-align: center;
      font-weight: bold;
      color: #002C58; }
    #company-vehicle-sec01 ul li p:not([class]) {
      margin-top: 2rem;
      font-size: 1.4rem;
      margin-bottom: auto; }

#company-customer-sec01 ul li {
  position: relative;
  margin-top: 2em;
  padding-left: 1em; }
  #company-customer-sec01 ul li::before {
    content: "・";
    position: absolute;
    left: 0; }
  #company-customer-sec01 ul li:first-child {
    margin-top: 0; }
#company-customer-sec01 .note {
  font-size: 1.2rem;
  text-align: right;
  padding-top: 1em;
  border-top: 1px solid #ccc; }

#company-warehouse-sec01 > * {
  margin-top: 4rem; }
  #company-warehouse-sec01 > *:first-child {
    margin-top: 0; }
#company-warehouse-sec01 .ttl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #002C58;
  margin-top: 6rem; }
  #service-warehouse-sec01 #company-warehouse-sec01 .ttl h4, #company-warehouse-sec01 .ttl h3 {
    width: 100%;
    font-size: 3.2rem;
    margin-bottom: 1em; }
  #company-warehouse-sec01 .ttl .btn-wrap {
    margin-left: 2rem; }
    #company-warehouse-sec01 .ttl .btn-wrap a {
      width: auto;
      font-size: 1.2rem; }
#company-warehouse-sec01 dl {
  padding-left: 2rem;
  border-left: 1px solid #002C58; }
  #company-warehouse-sec01 dl dt {
    font-size: 1.8rem;
    font-weight: bold;
    color: #002C58; }
#service-warehouse-sec01 #company-warehouse-sec01 {
  background: #F7F7F7; }
#company-warehouse-sec01 .slide-warehouse .thumb1 .slick-track,
#company-warehouse-sec01 .slide-warehouse .thumb2 .slick-track,
#company-warehouse-sec01 .slide-warehouse .thumb3 .slick-track {
  margin-top: 1em;
  transform: unset !important;
  cursor: pointer; }
#company-warehouse-sec01 .slide-warehouse .thumb1 img,
#company-warehouse-sec01 .slide-warehouse .thumb2 img,
#company-warehouse-sec01 .slide-warehouse .thumb3 img {
  opacity: 0.5;
  transition: opacity .3s linear; }
#company-warehouse-sec01 .slide-warehouse .thumb1 .slick-current img,
#company-warehouse-sec01 .slide-warehouse .thumb2 .slick-current img,
#company-warehouse-sec01 .slide-warehouse .thumb3 .slick-current img {
  opacity: 1; }

#company-license-sec01 .gmark {
  justify-content: space-between;
  font-size: 2rem; }
  #company-license-sec01 .gmark > figure {
    width: calc(129 / 920 * 100%); }
  #company-license-sec01 .gmark > div {
    width: calc(760 / 920 * 100%);
    text-align: center;
    margin-left: 0; }
  #company-license-sec01 .gmark .gmark-box {
    font-size: calc(26 / 20 * 1em);
    margin: 0 0 1rem; }

#company-corporate-sec01 table td:last-child {
  width: 12em; }

/* service
============================== */
[id^="service-"][id*="-sec"] > * {
  margin-top: 6rem; }
  [id^="service-"][id*="-sec"] > *:first-child {
    margin-top: 0; }

#service-sec01 ul, #initiative-sec01 ul {
  margin-top: 3rem; }
  #service-sec01 ul li, #initiative-sec01 ul li {
    width: 31.19%;
    height: 32rem;
    margin: 3rem 0 0 3.15%; }
    #service-sec01 ul li:nth-child(3n+1), #initiative-sec01 ul li:nth-child(3n+1) {
      margin-left: 0; }
    #service-sec01 ul li.no01 a, #initiative-sec01 ul li.no01 a {
      background-image: url("../img/service-sec01-img01.jpg"); }
    #service-sec01 ul li.no02 a, #initiative-sec01 ul li.no02 a {
      background-image: url("../img/service-sec01-img02.jpg"); }
    #service-sec01 ul li.no03 a, #initiative-sec01 ul li.no03 a {
      background-image: url("../img/service-sec01-img03.jpg"); }

#service-sec02 {
  background: #F7F7F7; }
  #service-sec02 .col {
    align-items: center; }
    #service-sec02 .col > figure {
      width: calc(460 / 920 * 100%); }
    #service-sec02 .col > div {
      width: calc(382 / 920 * 100%); }
      #service-sec02 .col > div > * {
        margin-top: 6rem; }
        #service-sec02 .col > div > *:first-child {
          margin-top: 0; }

#service-transport-sec01 > section, #service-warehouse-sec01 > section, #service-machine-sec01 > section,
#service-machine-sec02 > section,
#service-machine-sec03 > section {
  margin-top: 0;
  padding-top: 8rem;
  padding-bottom: 8rem; }
  #service-transport-sec01 > section:last-child, #service-warehouse-sec01 > section:last-child, #service-machine-sec01 > section:last-child,
  #service-machine-sec02 > section:last-child,
  #service-machine-sec03 > section:last-child {
    margin-bottom: -8rem; }
  #service-transport-sec01 > section > *, #service-warehouse-sec01 > section > *, #service-machine-sec01 > section > *,
  #service-machine-sec02 > section > *,
  #service-machine-sec03 > section > * {
    margin-top: 6rem; }
    #service-transport-sec01 > section > *:first-child, #service-warehouse-sec01 > section > *:first-child, #service-machine-sec01 > section > *:first-child,
    #service-machine-sec02 > section > *:first-child,
    #service-machine-sec03 > section > *:first-child {
      margin-top: 0; }
  #service-transport-sec01 > section h3, #service-warehouse-sec01 > section h3, #service-machine-sec01 > section h3,
  #service-machine-sec02 > section h3,
  #service-machine-sec03 > section h3 {
    position: relative;
    font-size: 2.8rem;
    text-align: center;
    padding-bottom: .8em; }
    #service-transport-sec01 > section h3::after, #service-warehouse-sec01 > section h3::after, #service-machine-sec01 > section h3::after,
    #service-machine-sec02 > section h3::after,
    #service-machine-sec03 > section h3::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: calc(50% - 2rem);
      width: 4rem;
      height: 0;
      border-bottom: 1px solid; }
  #service-transport-sec01 > section h4, #service-warehouse-sec01 > section h4, #service-machine-sec01 > section h4,
  #service-machine-sec02 > section h4,
  #service-machine-sec03 > section h4 {
    font-size: 2.4rem;
    text-align: center; }

#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: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0; }
  #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: calc(430 / 920 * 100%);
    margin-top: 6rem; }
    #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 > * {
      margin-top: 1rem; }
      #service-transport-sec01-01 ul li > *:first-child, #service-warehouse-sec01-01 ul li > *:first-child, #service-machine-sec01-01 ul li > *:first-child, #initiative-sec02 ul li > *:first-child,
      #initiative-sec03 ul li > *:first-child,
      #initiative-sec04 ul li > *:first-child {
        margin-top: 0; }
    #service-transport-sec01-01 ul li .ttl, #service-warehouse-sec01-01 ul li .ttl, #service-machine-sec01-01 ul li .ttl, #initiative-sec02 ul li .ttl,
    #initiative-sec03 ul li .ttl,
    #initiative-sec04 ul li .ttl {
      font-size: 2rem;
      font-weight: bold;
      text-align: center;
      color: #002C58; }
    #service-transport-sec01-01 ul li p:not([class]) + .btn-wrap, #service-warehouse-sec01-01 ul li p:not([class]) + .btn-wrap, #service-machine-sec01-01 ul li p:not([class]) + .btn-wrap, #initiative-sec02 ul li p:not([class]) + .btn-wrap,
    #initiative-sec03 ul li p:not([class]) + .btn-wrap,
    #initiative-sec04 ul li p:not([class]) + .btn-wrap {
      margin-top: 4rem; }
    #service-transport-sec01-01 ul li .btn-wrap, #service-warehouse-sec01-01 ul li .btn-wrap, #service-machine-sec01-01 ul li .btn-wrap, #initiative-sec02 ul li .btn-wrap,
    #initiative-sec03 ul li .btn-wrap,
    #initiative-sec04 ul li .btn-wrap {
      font-size: 1.4rem; }

#service-transport-sec01-02 {
  background: #F7F7F7; }

#service-transport-sec01-04 {
  background: #F7F7F7; }

#service-transport-sec01-05 ul {
  display: flex;
  justify-content: space-between;
  line-height: 1.4;
  font-size: 2rem;
  color: #fff;
  text-align: center; }
  #service-transport-sec01-05 ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(450 / 920 * 100%);
    padding: 2rem;
    background: #002C58; }
    #service-transport-sec01-05 ul li > * {
      margin-top: 1rem; }
      #service-transport-sec01-05 ul li > *:first-child {
        margin-top: 0; }
    #service-transport-sec01-05 ul li p {
      font-size: 1.2rem; }
    #service-transport-sec01-05 ul li .ttl {
      font-size: 1.8rem;
      font-weight: bold; }

#service-transport-sec01-06, #service-warehouse-sec01-03, #service-warehouse-sec01-05, #service-machine-sec01-03 {
  background: #F7F7F7;
  text-align: center; }
  #service-transport-sec01-06 > ul, #service-warehouse-sec01-03 > ul, #service-warehouse-sec01-05 > ul, #service-machine-sec01-03 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.4;
    font-size: 1.2rem;
    text-align: left;
    margin-top: 2rem; }
    #service-transport-sec01-06 > ul li, #service-warehouse-sec01-03 > ul li, #service-warehouse-sec01-05 > ul li, #service-machine-sec01-03 > ul li {
      display: flex;
      justify-content: space-between;
      width: calc(438 / 920 * 100%);
      margin-top: 4rem; }
      #service-transport-sec01-06 > ul li > figure, #service-warehouse-sec01-03 > ul li > figure, #service-warehouse-sec01-05 > ul li > figure, #service-machine-sec01-03 > ul li > figure {
        width: calc(162 / 438 * 100%); }
      #service-transport-sec01-06 > ul li > div, #service-warehouse-sec01-03 > ul li > div, #service-warehouse-sec01-05 > ul li > div, #service-machine-sec01-03 > ul li > div {
        display: flex;
        flex-direction: column;
        width: calc(256 / 438 * 100%); }
        #service-transport-sec01-06 > ul li > div > *, #service-warehouse-sec01-03 > ul li > div > *, #service-warehouse-sec01-05 > ul li > div > *, #service-machine-sec01-03 > ul li > div > * {
          margin-top: 1rem; }
          #service-transport-sec01-06 > ul li > div > *:first-child, #service-warehouse-sec01-03 > ul li > div > *:first-child, #service-warehouse-sec01-05 > ul li > div > *:first-child, #service-machine-sec01-03 > ul li > div > *:first-child {
            margin-top: 0; }
      #service-transport-sec01-06 > ul li .ttl, #service-warehouse-sec01-03 > ul li .ttl, #service-warehouse-sec01-05 > ul li .ttl, #service-machine-sec01-03 > ul li .ttl {
        font-size: 1.8rem;
        font-weight: bold;
        color: #002C58; }
      #service-transport-sec01-06 > ul li p:not([class]), #service-warehouse-sec01-03 > ul li p:not([class]), #service-warehouse-sec01-05 > ul li p:not([class]), #service-machine-sec01-03 > ul li p:not([class]) {
        margin-bottom: auto; }
      #service-transport-sec01-06 > ul li .detail, #service-warehouse-sec01-03 > ul li .detail, #service-warehouse-sec01-05 > ul li .detail, #service-machine-sec01-03 > ul li .detail {
        font-size: 1.4rem;
        font-weight: bold;
        text-align: center;
        color: #002C58;
        padding: .5em;
        border: 1px solid; }
      #service-transport-sec01-06 > ul li .btn-wrap a, #service-warehouse-sec01-03 > ul li .btn-wrap a, #service-warehouse-sec01-05 > ul li .btn-wrap a, #service-machine-sec01-03 > ul li .btn-wrap a {
        font-size: 1.2rem; }

#service-warehouse-sec01-02 ol {
  counter-reset: no; }
  #service-warehouse-sec01-02 ol li {
    counter-increment: no;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin-top: 6rem; }
    #service-warehouse-sec01-02 ol li:first-child {
      margin-top: 0; }
    #service-warehouse-sec01-02 ol li::before {
      content: counter(no);
      position: absolute;
      top: 0;
      right: 0;
      line-height: 1.5;
      font-size: 3rem;
      font-style: italic;
      text-align: center;
      color: #002C58;
      padding: 0 .4em 0 .2em;
      border: 1px solid;
      border-image: url("../img/border01.png") 10/0.3em round; }
    #service-warehouse-sec01-02 ol li > figure {
      width: calc(230 / 920 * 100%); }
    #service-warehouse-sec01-02 ol li > div {
      width: calc(640 / 920 * 100%); }
      #service-warehouse-sec01-02 ol li > div > * {
        margin-top: 1rem; }
        #service-warehouse-sec01-02 ol li > div > *:first-child {
          margin-top: 0; }
    #service-warehouse-sec01-02 ol li .ttl {
      font-size: 2.4rem;
      font-weight: bold;
      color: #002C58; }

#service-warehouse-sec01-03 {
  background: #F7F7F7; }

#service-warehouse-sec01-04 {
  text-align: center; }
  #service-warehouse-sec01-04 .note {
    font-size: 1.2rem;
    text-align: right; }

#service-warehouse-sec01-05 {
  background: #F7F7F7; }

#service-machine-sec01-02 {
  font-size: 1.6rem; }
  #service-machine-sec01-02 > *:not(h4) {
    margin-top: 2rem; }
    #service-machine-sec01-02 > *:not(h4):first-child {
      margin-top: 0; }
  #service-machine-sec01-02 h4 {
    font-size: 2rem !important;
    text-align: left !important; }

#service-machine-sec01-03 {
  background: #F7F7F7; }
  #service-machine-sec01-03 .box {
    padding: 3rem;
    background: #fff; }
    #service-machine-sec01-03 .box ul {
      text-align: center;
      color: #002C58; }
      #service-machine-sec01-03 .box ul li::before {
        content: "\f058";
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        margin-right: .5em; }

#service-machine-sec02-01 {
  background: #F7F7F7;
  margin-top: 8rem !important; }

#service-machine-sec02-02 ol {
  counter-reset: no;
  font-size: 2rem;
  color: #002C58; }
  #service-machine-sec02-02 ol li {
    counter-increment: no;
    display: flex;
    position: relative;
    margin-top: 4rem; }
    #service-machine-sec02-02 ol li::before {
      content: "Case." counter(no);
      position: absolute;
      top: calc(31rem / 2);
      left: 50%;
      line-height: 5;
      color: #fff;
      padding: 0 1em;
      background: transparent linear-gradient(90deg, #002C58 0%, #083B6E 56%, #235180 100%) 0% 0% no-repeat padding-box;
      transform: translate(-50%, -50%); }
    #service-machine-sec02-02 ol li > figure {
      width: calc(440 / 920 * 100%); }
      #service-machine-sec02-02 ol li > figure:last-child {
        margin-left: auto; }
      #service-machine-sec02-02 ol li > figure > figcaption {
        margin-top: .5em; }

/* initiative
============================== */
[id^="initiative-"][id*="-sec"] > * {
  margin-top: 6rem; }
  [id^="initiative-"][id*="-sec"] > *:first-child {
    margin-top: 0; }

#initiative-sec01 {
  padding-bottom: 0; }
  #initiative-sec01 ul li {
    width: 24.34%;
    margin: 3rem 0 0 0.54% !important; }
    #initiative-sec01 ul li:nth-child(4n+1) {
      margin-left: 0 !important; }
    #initiative-sec01 ul li.no01 a {
      background-image: url("../img/initiative-sec01-img01.jpg"); }
    #initiative-sec01 ul li.no02 a {
      background-image: url("../img/initiative-sec01-img02.jpg"); }
    #initiative-sec01 ul li.no03 a {
      background-image: url("../img/initiative-sec01-img03.jpg"); }
    #initiative-sec01 ul li.no04 a {
      background-image: url("../img/initiative-sec01-img04.jpg"); }

#initiative-sec02 h2,
#initiative-sec03 h2,
#initiative-sec04 h2,
#initiative-sec05 h2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  height: calc(314 / 1366 * 100vw);
  min-height: 31.4rem;
  padding-right: calc(92rem - 30rem); }
  #initiative-sec02 h2::before,
  #initiative-sec03 h2::before,
  #initiative-sec04 h2::before,
  #initiative-sec05 h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 30rem;
    width: calc(100vw - ((100vw - 92rem) / 2 + 30rem));
    height: 100%;
    background: url("../img/initiative-sec02-bg01.jpg") center/cover no-repeat; }
#initiative-sec02:nth-child(odd) h2,
#initiative-sec03:nth-child(odd) h2,
#initiative-sec04:nth-child(odd) h2,
#initiative-sec05:nth-child(odd) h2 {
  align-items: flex-end;
  padding: 0 0 0 calc(92rem - 30rem); }
  #initiative-sec02:nth-child(odd) h2::before,
  #initiative-sec03:nth-child(odd) h2::before,
  #initiative-sec04:nth-child(odd) h2::before,
  #initiative-sec05:nth-child(odd) h2::before {
    left: auto;
    right: 30rem; }

#initiative-sec03 h2::before {
  background-image: url("../img/initiative-sec03-bg01.jpg"); }

#initiative-sec04 h2::before {
  background-image: url("../img/initiative-sec04-bg01.jpg"); }

#initiative-sec05 h2::before {
  background-image: url("../img/initiative-sec05-bg01.jpg"); }
#initiative-sec05 .lead {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  color: #002C58; }
#initiative-sec05 .col > figure {
  width: calc(243 / 920 * 100%); }
#initiative-sec05 .col > div {
  width: calc(624 / 920 * 100%); }

/* recruit
============================== */
[id^="recruit-"][id*="-sec"] > * {
  margin-top: 6rem; }
  [id^="recruit-"][id*="-sec"] > *:first-child {
    margin-top: 0; }

#recruit-sec01 .bnr_mynavi {
  text-align: left; }

#recruit-sec02 .col {
  align-items: center; }
  #recruit-sec02 .col:not(:first-of-type) {
    border-top: 1px solid #002C58;
    padding-top: 6em; }
  #recruit-sec02 .col:nth-child(odd) {
    flex-direction: row-reverse; }
  #recruit-sec02 .col > figure {
    width: calc(500 / 920 * 100%); }
  #recruit-sec02 .col > div {
    width: calc(370 / 920 * 100%); }
  #recruit-sec02 .col .name-area {
    margin: 0 0 2.0rem;
    padding: 0 0 2.0rem;
    border-bottom: 1px solid #E3E3E3; }
    #recruit-sec02 .col .name-area .job {
      margin: 0 0 1.0rem;
      font-size: 1.6rem; }
    #recruit-sec02 .col .name-area .name {
      font-size: 3rem; }
#recruit-sec02 h4 {
  font-size: 2rem;
  font-style: italic; }
  #recruit-sec02 h4::before {
    content: "Q."; }
#recruit-sec02 p {
  margin-top: 2em;
  font-size: 1.4rem; }

#recruit-nav01 {
  color: #002C58; }
  #recruit-nav01 ul li {
    border-bottom: 1px solid #E3E3E3; }
    #recruit-nav01 ul li a {
      display: flex;
      align-items: center;
      text-decoration: none;
      padding: 3rem 0; }
    #recruit-nav01 ul li .date {
      width: 10rem;
      font-size: 1.7rem; }
    #recruit-nav01 ul li .ttl {
      flex: 1;
      margin-left: 4rem; }

#recruit-nav01-detail .cnt-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center; }
  #recruit-nav01-detail .cnt-detail h1 {
    width: 100%;
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 1rem;
    padding-bottom: .8em;
    border-bottom: 1px solid #E3E3E3; }
  #recruit-nav01-detail .cnt-detail .cate {
    font-size: 1.2rem;
    color: #fff;
    margin-left: 1rem;
    padding: 0 2em;
    background: #97A1AD;
    border-radius: 5em; }

/* shochu
============================== */
[id^="shochu-"][id*="-sec"] > * {
  margin-top: 6rem; }
  [id^="shochu-"][id*="-sec"] > *:first-child {
    margin-top: 0; }
[id^="shochu-"][id*="-sec"] .col h2 {
  margin-bottom: 1.6em;
  text-align: left;
  font-size: 2.4rem; }
[id^="shochu-"][id*="-sec"] form {
  background: #f5f5f5;
  padding: 2em; }
[id^="shochu-"][id*="-sec"] .form-wrap {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 2em; }
  [id^="shochu-"][id*="-sec"] .form-wrap .head {
    flex: 1;
    padding: 1em .6em; }
    [id^="shochu-"][id*="-sec"] .form-wrap .head span {
      background: #002C58;
      padding: .5em 1em;
      color: #fff;
      font-size: 1.1rem;
      font-weight: bold;
      line-height: 1; }
  [id^="shochu-"][id*="-sec"] .form-wrap .item {
    flex: 2;
    padding: .6em; }
    [id^="shochu-"][id*="-sec"] .form-wrap .item p {
      margin-bottom: .5em; }
    [id^="shochu-"][id*="-sec"] .form-wrap .item .error {
      color: #f00; }
  [id^="shochu-"][id*="-sec"] .form-wrap #orders {
    margin-bottom: 1em; }
  [id^="shochu-"][id*="-sec"] .form-wrap #age {
    display: inline-block;
    max-width: 6em;
    margin-right: .5em; }
  [id^="shochu-"][id*="-sec"] .form-wrap #zip {
    display: inline-block;
    width: calc(100% - 3em);
    margin-left: 1em; }
  [id^="shochu-"][id*="-sec"] .form-wrap #addr {
    margin-top: .5em; }

/* privacy
============================== */
[id^="privacy-"][id*="-sec"] h3:not(:first-child) {
  margin-top: 4rem; }
[id^="privacy-"][id*="-sec"] p {
  margin: 3rem 0 0; }
[id^="privacy-"][id*="-sec"] ol {
  list-style: decimal;
  padding-left: 1.5em; }