@charset "utf-8";
/* CSS Document */

:root {
  /* カラー */
  --color-bg: #ffffff;
  --color-bg-secondary: #F7F7F7;
  --color-text-primary: #0B2A3A;
  --color-text-secondary:#546A75;
  --color-primary: #CC0000;
  --color-secondary: #0B2A3A;
  --color-link: #0063BE;
  --color-fill: #EAF3F6;
  --color-gray: #CACACA;
  --color-gray2: #D7E0E4;
  --color-button-primary:#0B2A3A;
  --color-button-secondary:#637985;
  --color-button-disable:#F3F4F4;
  --color-button-disable2:#DBDBDB;
  --color-button-focus:#3382CB;
  --color-texticon-primary:#0B2A3A;
  --color-texticon-secondary:#546A75;
  --color-texticon-tertiary:#7C929C;
  --color-texticon-disable:#A6A6A6;
  --color-separate-primary:#CACACA;
  --color-separate-secondary:#E9E9E9;
  --color-aleat:#C8395B;
  --color-aleatlight:#FEF8F9;
  --color-lightblue:#BDDFEB;
  --color-lightpink:#FFF3F2;
  /* スペーシング用トークンを定義 */
  --X4S: 4px;
  --X3S: 8px;
  --X2S: 12px;
  --XS: 16px;
  --S: 20px;
  --M: 24px;
  --L: 32px;
  --XL: 40px;
  --X2L: 48px;
  --X3L: 64px;
  --X4L: 80px;
  --X5L: 128px;
  /* テキストサイズ */
  --font-xxxs: 0.625rem; /* 10px */
  --font-xxs: 0.75rem; /* 12px */
  --font-xs: 0.875rem; /* 14px */
  --font-s: 1rem; /* 16px */
  --font-m: 1.125rem; /* 18px */
  --font-l: 1.25rem; /* 20px */
  --font-xl: 1.5rem; /* 24px */
  --font-head-xs:1.125rem; /* 18px */
  --font-head-s:1.375rem; /* 22px */
  --font-head-m:1.625rem; /* 26px */
  --font-head-l:2.25rem; /* 36px */
  --font-head-xl:2.75rem; /* 44px */
  --font-head-xxl:3.25rem; /* 52px */
  --shadow-level0: none;
  --shadow-level1: 0px 2px 4px 0px rgba(11, 42, 58, 0.12);
  --shadow-level2: 0px 4px 8px 0px rgba(11, 42, 58, 0.12);
  --shadow-level3: 0px 8px 10px 0px rgba(11, 42, 58, 0.12);
  --shadow-level4: 0px 10px 14px 0px rgba(11, 42, 58, 0.12);
  --shadow-level5: 0px 14px 18px 0px rgba(11, 41, 58, 0.12);
  --shadow-bottom: 0px -8px 12px 0px rgba(11, 41, 58, 0.05);
  --shadow-object-red: 0px 14px 18px 0px rgba(202, 70, 49, 0.18);
  --radius-s:4px;
  --radius-m:8px;
  --radius-l:12px;
  --radius-full:999999px;
}
@media screen and (max-width: 767px) {
  :root {
    --font-head-s:18px;
    --font-head-xxl:36px;
  }
}

/*----------------------------------------------------------
	page btob
--------------------------------------------------------- */

h1.simple, .head1-simple {
  font-size: var(--font-head-xxl) !important;
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.624px !important;
}

h2.simple, .head2-simple {
  font-size: var(--font-head-l) !important;
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.432px !important;
}

h3.simple, .head3-simple {
  font-size: var(--font-head-s) !important;
  color: var(--color-text-primary) !important;
  font-weight: 70 !important0;
  letter-spacing: 0.264px !important;
}

h4.simple, .head4-simple {
  font-size: var(--font-head-xs) !important;
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.264px !important;
}

h5.simple, .head5-simple {
  margin: 0 !important;
  font-size: var(--font-s) !important;
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.264px !important;
}

h6.simple, .head6-simple {
  margin: 0 !important;
  font-size: var(--font-s) !important;
  color: var(--color-text-primary) !important;
  font-weight: 700 !important;
  letter-spacing: 0.264px !important;
}

.l-wrapper,
.l-wrapper-column {
  overflow-x: visible;
  background: none;
  background-size: auto;
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------------------------
	page btob search
--------------------------------------------------------- */
@media (min-width: 768px) {
.l-wrapper-column .l-container .l-contents {
  width: auto !important;
  padding: 0 !important;
}
.biz-strength .statement {
  padding:  0;
}
}

@media (min-width: 768px) {
  .p-bizNav {
    padding: 30px 40px 30px 40px;
  }
}

/*----------------------------------------------------------
	page btob common
--------------------------------------------------------- */
.c-btn-white [class^="c-arrow"], .c-btn-white [class^="c-icn"], a.c-btn-white [class^="c-arrow"], a.c-btn-white [class^="c-icn"] {
    color: #0b2a3a !important;
}
.c-btn *, .c-btn-btb *, .c-btn-btb :after, .c-btn-btb :before, .c-btn-contact *, .c-btn-contact :after, .c-btn-contact :before, .c-btn-contactNav *, .c-btn-contactNav :after, .c-btn-contactNav :before, .c-btn-contactSub *, .c-btn-contactSub :after, .c-btn-contactSub :before, .c-btn-hover *, .c-btn-hover :after, .c-btn-hover :before, .c-btn-psLogin *, .c-btn-psLogin :after, .c-btn-psLogin :before, .c-btn-psTransporter *, .c-btn-psTransporter :after, .c-btn-psTransporter :before, .c-btn-sml *, .c-btn-sml :after, .c-btn-sml :before, .c-btn-transparent *, .c-btn-transparent :after, .c-btn-transparent :before, .c-btn-white *, .c-btn-white :after, .c-btn-white :before, .c-btn :after, .c-btn :before, a.c-btn *, a.c-btn-btb *, a.c-btn-contact *, a.c-btn-contactNav *, a.c-btn-contactSub *, a.c-btn-hover *, a.c-btn-psLogin *, a.c-btn-psTransporter *, a.c-btn-sml *, a.c-btn-transparent *, a.c-btn-white *, a.c-btn :after, a.c-btn :before
Specificity: (0,1,1)
 {
    color: #0b2a3a !important;
    text-decoration: none !important;
}
.p-toBizTop_link .c-arrow, .p-toBizTop_link .c-arrow-blank, .p-toBizTop_link .c-arrow-down, .p-toBizTop_link .c-arrow-left, .p-toBizTop_link .c-arrow-right, .p-toBizTop_link .c-arrow-up {
    color: #0b2a3a !important;
    font-size: calc(var(--base) * 0.05333);
    margin-right: calc(var(--base) * 0.02133);
    margin-left: 0;
}

/*----------------------------------------------------------
	page btob svg
--------------------------------------------------------- */

.c-icn {
  color: #0b2a3a;
}

.c-icn svg {
  width: 40px;
  height: 40px;
}

.c-icnsearch svg{
  width: 15px;
  height: 15px;
	
}

/*----------------------------------------------------------
	page btob svg
--------------------------------------------------------- */


.uq_fixed-menu.is-active {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}

.uq_fixed-menu {
    position: fixed;
    top: 75px;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    pointer-events: none;
}
/*[id] {
  scroll-margin-top: 300px;
}*/
@media screen and (max-width: 767px) {
    .uq_fixed-menu {
        top: 60px;
        overflow: hidden;
    }
}
@media screen and (max-width: 767px) {
    .uq_fixed-menu .inner {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}
/*@media screen and (max-width: 767px) {
  #sec01,
  #sec02,
  #sec03 {
    scroll-margin-top: 550px;
  }
}*/