@charset "UTF-8";

:where(html) {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

@supports not (min-block-size: 100dvb) {
  :where(html) {
    block-size: 100%;
  }
}

:where(a) {
  text-underline-offset: 0.2ex;
}

:where(img, picture, svg) {
  max-inline-size: 100%;
  block-size: auto;
}

:focus:not(:focus-visible) {
  outline: 0;
}

:root {
  --nbk-blue: #00338e; /* コーポレイトカラー */
  --nbk-blue-v: #00145f; /* #00338eをhover・foucusした際の変異（variant） */
  --nbk-deepblue: #000045; /* 見出しタイトル等 */
  --nbk-deepblue-v: #00001f;
  --bg-clr1: #edf5fa;
  --bg-clr2: #dde2e6;
  --bg-clr3: #96a9b3;
  --attn-clr1: #df0615; /* アテンションカラー1、赤 */
  --attn-clr1-v: #ca0206;
  --attn-clr2: #ed6c00; /* アテンションカラー2、橙 */
  --attn-clr2-v: #e03d00;
  --attn-clr3: #008086; /* アテンションカラー3、碧 */
  --attn-clr3-v: #005056;
  --attn-clr4: #00a0ca; /* アテンションカラー4、縹 */
  --attn-clr4-v: #0073ab;
}

.btn-more {
  background: #fff;
  border-radius: 6.25rem;
  border: 1px solid #00338E;
  font-size: 15px;
  font-weight: bold;
  color: #00338E;
  display: block;
  padding: 0.6em 1em 0.4em 1em;
  letter-spacing: 1px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}
.btn-more:hover {
  background: #00338E;
  color: #fff;
  opacity: 1 !important;
  text-decoration: none;
}
.btn-more>span {
  position: relative;
  padding-right: 1.1em;
}
.btn-more>span::after {
  content: "";
  display: inline-block;
  font-weight: bold;
  background-image: url(../images/open-icon_bk.svg);
  filter: invert(17%) sepia(41%) saturate(3889%) hue-rotate(207deg) brightness(93%) contrast(112%);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 0.825em;
  height: 0.825em;
  position: absolute;
  top: calc(50% - 0.5em);
  margin-left: 0.275em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn-more:hover>span::after {
  background-image: url(../images/open-icon_bk.svg);
  filter: invert(99%) sepia(1%) saturate(0%) hue-rotate(223deg) brightness(104%) contrast(100%);
}

.section-bg-pale {
  background-color: #F2F5F9;
}

#contents h2[id]:not([id="modaltitle"]) {
  padding-top: 44px;
  margin-top: -14px;
  background-position-y: 100%, 34px;
  z-index: -1;
}
#contents a[id^="faq"] {
  padding-top: 14px;
  margin-top: -14px;
  display: block;
  z-index: -1;
}
#contents a[id^="faq"] + .js-toggle .js-toggle-header {
  margin-top: 0;
}

.l-fixedAsideBanner {
    bottom: calc(5px + 4rem);
    position: fixed;
    right: 42px;
    display: none;
    z-index: 1030
}
@media (min-width: 1440px) {
    .l-fixedAsideBanner {
        bottom:5px
    }
}

.l-fixedAsideBanner>._close {
    background-color: #fff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    color: #6c757d;
    font-size: .625rem;
    line-height: 20px;
    padding: 0;
    position: absolute;
    right: -5px;
    top: -10px;
    width: 20px
}

.l-fixedAsideBanner>._banner {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    display: block
}

.l-fixedAsideBanner>._banner img {
    max-width: 500px
}

.l-fixedAsideMenu {
    background-color: rgba(255,255,255,0.75);
    bottom: 0;
    left: 0;
    padding-left: 5px;
    position: fixed;
    width: 100%;
    z-index: 1030
}
@media (min-width: 1440px) {
    .l-fixedAsideMenu {
        background-color:transparent;
        bottom: calc(50vh - 6.5rem);
        left: auto;
        padding-left: 0;
        right: 5px;
        top: auto;
        width: auto
    }
}

.l-fixedAsideMenu>._list {
    align-items: center;
    display: flex;
    height: 4rem;
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0
}

@media (min-width: 1440px) {
    .l-fixedAsideMenu>._list {
        flex-direction:column
    }
}

.l-fixedAsideMenu>._list>._item {
    margin-left: 1rem
}

@media (min-width: 1440px) {
    .l-fixedAsideMenu>._list>._item {
        margin-bottom:1rem;
        margin-left: 0
    }
}

.l-fixedAsideMenu>._list>._item>._button {
    display: inline-flex
}
@media (min-width: 1440px) {
    .l-fixedAsideMenu>._list>._item>._button {
        align-items:center;
        border-radius: 50%;
        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
        display: flex;
        flex-direction: column;
        font-size: .75rem;
        height: 5rem;
        justify-content: center;
        padding: 0;
        width: 5rem
    }
}

.l-fixedAsideMenu>._list>._item>._button i {
    font-size: 1.25rem;
    margin-right: .5em
}
@media (min-width: 1440px) {
    .l-fixedAsideMenu>._list>._item>._button i {
        font-size:2rem;
        margin-right: 0
    }
}

.l-globalFooter-wrapper {
    background-color: #fff;
    padding-bottom: 0.25rem;
}

.l-globalFooter-wrapper .container-fluid {
    padding: 0
}

.l-globalFooter {
    padding: 3rem 10px 1px
}

.l-globalFooter-navigation {
    margin-right: auto;
    margin-bottom: 16px;
    margin-left: auto;
    width: 100%;
}

.l-globalFooter-navigation>._topic {
   max-width: 100%;
   width: 100%;
}

.l-globalFooter-navigation>._topic .btn-more {
    margin-left: auto;
    margin-right: auto;
    max-width: 18em;
    padding: 0.85em 1em 0.7em 1em;
    width: 100%;
}
.l-globalFooter-navigation>._topic ._title img {
    margin: auto;
    max-height: 3em;
    width: 100%
}

.l-globalFooter-navigation ._title {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
}
.l-globalFooter-navigation ._title a {
    color: #00338E;
}
.l-globalFooter-navigation ._title a:hover {
    color: #00145F;
}

.l-globalFooter-navigation ._list {
    position: relative;
    width: 100%;
    color: #495057;
    flex-basis: 0;
    flex-grow: 1;
    list-style-type: none;
    padding-left: 0;
    max-width: 100%
}

.l-globalFooter-navigation ._list li + li {
    padding-top: .6875rem;
}
.l-globalFooter-navigation ._list li a {
    color: #000;
    letter-spacing: 0.4px;
}

.l-globalFooter-utilities {
  text-align: center;
  border-bottom: 0;
  color: #000;
  list-style-type: none;
  padding: 1rem 0 2rem;
}

.l-globalFooter-utilities li {
	display: block;
	margin-bottom: 1rem;
	text-align: left;
}

.l-globalFooter-utilities li a {
    color: inherit
}

.l-globalFooter-copyright,
.l-globalFooter-icp {
    background-color: #fff;
    font-size: 0.75rem;
    color: #000;
    border-top: 1px solid #CCD6E8;
    padding: 0.5rem;
    margin-bottom: 0;
    letter-spacing: 0.4px;
    text-align: center
}

.l-globalFooter-icp {
    padding-top: 0;
}

.l-globalFooter-icp>a {
    color: #00338E
}

.l-globalFooter-icp ._space{
   display:block;
}
.l-globalFooter-icp .beian-gov{
   display:inline-block;
}
.l-globalFooter-icp .beian-gov_icon{
   display:inline-block;
   margin-right:.5em;
   width:1.25em
}

.l-globalHeader-wrapper {
    background-color: #fff;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2030
}

.l-globalHeader-wrapper>.container {
    padding-left: 10px;
    padding-right: 10px;
}

.l-globalHeader-wrapper.is-noShadow {
    box-shadow: none
}

.l-globalHeader {
    align-items: center;
    display: flex;
    height: 62px
}

.l-globalHeader-logo {
    font-size: 16px;
    margin-bottom: 0
}

.l-globalHeader-logo a,.l-globalHeader-logo span {
    display: block
}

.l-globalHeader-logo a img,.l-globalHeader-logo span img {
    width: 90px
}

.l-globalHeader-navigation {
    display: flex;
    font-size: 8px;
    line-height: 1.2;
    list-style-type: none;
    margin-bottom: 0;
    margin-left: auto;
    padding-left: 0
}

.l-globalHeader-navigation>._item>._button {
    background-color: transparent;
    border: none;
    color: #000;
    display: block;
    padding: 8px;
    text-align: center
}

.l-globalHeader-navigation>._item>._button i {
    font-size: 24px
}

.l-globalHeader-navigation>._item>._button._button-search>span:nth-child(4) {
    display: none
}

.l-globalHeader-navigation>._item>._button._button-search.is-active>span:nth-child(3) {
    display: none
}

.l-globalHeader-navigation>._item>._button._button-search.is-active>span:nth-child(4) {
    display: inline
}

.l-globalHeader-menuButton {
    border-left: 0;
    font-size: 8px;
    line-height: 1.2;
    margin-left: 0;
    margin-right: 0
}

.l-globalHeader-menuButton>._button {
    background-color: transparent;
    border: none;
    color: #000;
    padding: 4px 0;
    width: 40px
}

.l-globalHeader-menuButton>._button i {
    font-size: 24px
}

.l-globalHeader-menuButton>._button>span:nth-child(4) {
    display: none
}

.l-globalHeader-menuButton>._button.is-active>span:nth-child(3) {
    display: none
}

.l-globalHeader-menuButton>._button.is-active>span:nth-child(4) {
    display: inline
}

.l-globalHeader-search {
    font-size: 16px;
    height: 80px;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%
}

.l-globalHeader-search.is-active>._field {
    top: 0
}

.l-globalHeader-search>._field {
    background-color: #e9ecef;
    display: flex;
    left: 0;
    padding: 8px;
    pointer-events: auto;
    position: absolute;
    top: -80px;
    transition: top 0.2s;
    width: 100%
}

.l-globalHeader-search>._field>._control {
    align-items: center;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .2rem 0 0 .2rem;
    display: flex;
    margin-bottom: 0;
    padding: 14px 10px;
    position: relative;
    width: calc(100% - 75px)
}

.l-globalHeader-search>._field>._control>._input {
    background-color: transparent;
    border: transparent;
    font-weight: normal;
    outline: none;
    padding: 0;
    width: 100%
}

.l-globalHeader-search>._field>._submit {
    background-color: #212529;
    border: none;
    border-radius: 0 .2rem .2rem 0;
    color: #fff;
    font-size: 14px;
    padding: 16px 0;
    width: 75px
}

.l-globalNavigation-wrapper {
    top: 62px;
}

.l-mainContent-wrapper {
    padding-top: 62px;
}


.l-nextAction-wrapper {
  text-align: center;
  width: 100%;
}
#contents .l-nextAction-wrapper {
  width: calc(100% + 30px);
}
.l-nextAction-wrapper>.container {
  width: 100%;
}
.l-nextAction-feature>._leadArea>._lead {
  font-size: 19.2px;
  letter-spacing: 0.2px;
}
@media screen and (max-width: 767.98px) {
	.l-nextAction-feature>._leadArea>._lead {
	  font-size: 16px;
	}
}
.l-nextAction-feature>._leadArea>._lead span{
	display: inline-block;
}
.l-nextAction-contact>._label {
  font-size: 20px;
  font-weight: bold;  
}
@media screen and (max-width: 430px) {
  .l-nextAction-contact>._label {
    font-size: 18px;
  }
}
.l-nextAction-contact ._list {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  max-width: 15em;
}
.l-nextAction-contact ._leadArea p._title {
  margin-top: 18px;
  margin-bottom: 0;
}
.l-nextAction-contact ._leadArea p._lead {
  margin-top: 2px;
  margin-bottom: 8px;
}
.l-nextAction address._items {
  margin-bottom: 8px;
}
.l-nextAction-action {
  margin-left: auto;
  margin-right: auto;
  max-width: 22em;
}
.l-nextAction-action ._items>._item + ._item {
  margin-top: 12px;
}
.l-nextAction-contact>._items>._item>._type {
 width: 30px;
}

#zh-CN .l-nextAction-contact>._items>._item>._type {
    width: 24px;
}

[id="en"] .l-nextAction-contact._items>._leadArea {
    margin-top: 1.5rem;
}
[id="en"] .l-nextAction-contact._items>._leadArea + ._leadArea {
    margin-bottom: 1.5rem;
}

[id="en"] .l-nextAction-contact._items>._leadArea>._lead {
    line-height: 1.2;
    margin-top: 8px;
    margin-bottom: 0;
    vertical-align: text-bottom;
}

[id="en"] .l-nextAction-contact._items>._leadArea ._type {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 0;
    text-align: left;
    width: 26px;
}

[id="en"] .l-nextAction-contact._items>._leadArea ._representatives {
    color: #0071c5;
    font-size: 20px;
    font-weight: bold;
}

[id="en"] .l-nextAction-contact._items>._leadArea ._representatives:hover ._type,
[id="en"] .l-nextAction-contact._items>._leadArea ._representatives:hover {
    text-decoration: none
}

[id="en"] .l-nextAction-contact._items>._leadArea ._zh-CN {
    display: inline-block;
}

[id="en"] .l-nextAction-contact._items>._leadArea ._zh-CN>span {
    font-family: "source-han-sans-simplified-c",Arial,Helvetica,sans-serif !important;
}


.l-pageToTopButton>._button {
    bottom: 2.5rem;
    height: 32px;
    right: 0.5rem;
    background-color: #00338E;
    border-color: #00338E;
    border-radius: 50%;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    width: 32px;
}

.l-pageToTopButton>._button:hover {
    background-color: #00145F;
    border-color: #00145F;
}

.l-pageToTopButton>._button>span {
    font-size: 0;
    position: relative;
}

.l-pageToTopButton>._button>span:before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  content: "";
  width: 8px;
  height: 8px;
  right: calc(50% - 4px);
  position: absolute;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  text-align: center;
  -webkit-transition: all 0.3s;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc(50% - 8px);
}

.com_wrap h1 {
    margin: 14px -15px 0;
}

.productCategoryFilter-launch,
.productFilter-launch,
.productDetailTOC-launch,
.resourcesFilter-launch,
.serviceCategoryFilter-launch {
    top: 62px !important;
}


@media print {
    .l-fixedAsideMenu, .l-fixedAsideBanner>._close, .l-fixedAsideBanner>._banner, .l-pageToTopButton {
        display: none !important
    }

    .l-globalHeader-wrapper {
        position: static !important
    }
    .theme-filter .l-mainContent {
        align-items: flex-start !important
    }
}

.icon-human{
    height: 24px;
}
.l-globalHeader-navigation>._item>._button>.icon-cart>.itemsquantity {
    position: absolute;
    top: 10px;
    right: 90px;
    background-color: red;
    color: white;
    border-radius: 50%;
    min-width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
}

.l-globalHeader-navigation>._item>._button>.icon-cart>.cartcount_0 {
    display: none;
}