@charset "UTF-8";

/* sass */
.u-mt-40-64 { margin-top: 40px !important; }

.u-mt-1l { margin-top: 16px; }

html { scroll-padding-top: 104px; }

input[type=text], input[type=search] { border: 1px solid #ccc; padding: 9px 8px 9px 16px; width: 100%; color: #0B163E; border-radius: 2px; background-color: #FFF; }

input[type=text]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder { color: #666; }

input[type=text]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder { color: #666; }

input[type=text]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder { color: #666; }

input[type=text]::placeholder, input[type=search]::placeholder { color: #666; }

input[type=search] { -webkit-appearance: textfield; }

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

input[type=checkbox] { width: 24px; height: 24px; border: 3px solid #1e4dc6; border-radius: 4px; background-color: #FFF; }

input[type=checkbox]:checked { background: #1e4dc6 url(/common/image/ico-checkbox.svg) center center no-repeat; background-size: 16px 13px; }

input:-webkit-autofill { box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color: #0B163E !important; }

a.blank .icon { margin-left: 2px; display: inline-block; width: 16px; height: 16px; vertical-align: 0.1em; }

a.blank .icon img { -ms-interpolation-mode: nearest-neighbor; image-rendering: -moz-crisp-edges; image-rendering: pixelated; width: 100%; height: auto; }

.btn-clipcopy { background: #FFF url(/common/image/ico-clipcopy.svg) 8px center no-repeat; background-size: 20px 20px; border-radius: 2px; color: #1e4dc6; border: 1px solid #1e4dc6; width: 100%; font-size: 1.6rem; line-height: 1.4; font-weight: 500; padding: 5px 10px 5px 36px; }

.btn-delete { border-radius: 2px; border: 1px solid #666; background: #FFF url(/common/image/ico-delete.svg) 8px center no-repeat; background-size: 20px 20px; color: #666; font-size: 1.6rem; font-weight: 500; line-height: 1.4; padding: 5px 10px 5px 36px; }

.btn-search { border-radius: 2px; background-color: #1e4dc6; color: #fff; font-size: 1.6rem; font-weight: 700; line-height: 1.4; height: 44px; padding: 5px 16px; }

.btn-href { border-radius: 4px; border: 1px solid #1e4dc6; background-color: #fff; color: #1e4dc6; font-size: 1.4rem; font-weight: 500; line-height: 1.4; height: 44px; padding: 11px 23px; }

a.btn-href { display: flex; align-items: center; justify-content: center; }

a.btn-href:link, a.btn-href:visited, a.btn-href:hover, a.btn-href:active { color: #1e4dc6; text-decoration: none; }

.l-header { background-color: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 15; }

.l-header .l-inner { border-bottom: 1px solid #1e4dc6; padding: 15px 18px 25px 12px; height: 104px; }

.l-header .l-inner .hdg-lv1 { font-size: 1.8rem; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; color: #1e4dc6; line-height: normal; }

.l-header .l-inner .hdg-lv1 .sub-text { font-size: 1.4rem; font-weight: normal; display: block; }

.l-header .l-inner .hdg-lv1 a:link, .l-header .l-inner .hdg-lv1 a:visited, .l-header .l-inner .hdg-lv1 a:hover, .l-header .l-inner .hdg-lv1 a:active { color: #1e4dc6; text-decoration: none; }

.l-header .l-inner .wrap-logo { flex: 1 0 auto; }

.l-header .l-inner .wrap-logo img { width: 100px; height: auto; }

.l-header .l-inner .wrap-text { display: flex; }

.l-header .l-inner .wrap-download { flex: 0 0 auto; }

.l-header .l-inner .wrap-download .wrap-btn { margin-left: auto; margin-right: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

.l-header .l-inner .wrap-download .btn-download { position: relative; background-color: #1e4dc6; border-radius: 4px; height: 35px; padding: 7px 28px 7px 12px; color: #fff; font-weight: 500; text-align: center; font-size: 1.4rem; }

.l-header .l-inner .wrap-download .btn-download::after { position: absolute; content: ""; display: inline-block; width: 20px; height: 20px; margin: auto 0; top: 0; right: 4px; bottom: 0; background: transparent url(/common/image/ico-arrow-d.svg) right center no-repeat; }

.l-header .l-inner .wrap-download .btn-download.accordionActive::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.l-header .l-inner .wrap-download .wrap-file-list { width: 100%; position: relative; z-index: 16; }

.l-header .l-inner .wrap-download .wrap-file-list .wrap-acordion { margin-top: 8px; font-size: 1.4rem; min-width: calc(7em + 46px); position: absolute; right: 0; top: 0; display: none; }

.l-header .l-inner .wrap-download .wrap-file-list .wrap-acordion.accordionActive { display: block; }

.l-footer { position: fixed; z-index: 15; left: 0; bottom: 0; width: 100%; height: 14.5rem; background-color: #061D57; }

.l-footer .l-inner { padding: 24px 20px; }

.l-footer .footer-content > li { font-size: 1.2rem; line-height: 1.4; }

.l-footer .footer-content > li + li { margin-top: 12px; }

.l-footer .footer-content > li a:link, .l-footer .footer-content > li a:visited, .l-footer .footer-content > li a:hover, .l-footer .footer-content > li a:active { color: #fff; text-decoration: none; }

.l-footer .txt-copyright { margin-top: 32px; font-size: 1.2rem; line-height: 1.4; color: #fff; }

.l-main { padding-top: 16px; padding-bottom: calc(48px + 14.5rem); }

.l-main .l-inner { padding: 16px 20px 0; }

.l-main > .l-inner:first-child { padding-top: 0; }

.hdg-lv2-pt1 { margin-top: 24px; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 1.8rem; line-height: 1.6; color: #0B163E; }

h1.hdg-lv2-pt1 { margin-top: 8px; }

.wrap-infomation-scroll { margin-top: 8px; border: 1px solid #1e4dc6; border-radius: 2px; padding: 20px 20px 24px 16px; overflow-y: auto; max-height: 184px; }

.bnr-aside { margin: 80px 20px 0; }

.bnr-aside .lst-bnr > li img { max-width: 100%; height: auto; }

.bnr-aside .lst-bnr > li + li { margin-top: 24px; }

.bnr-aside.top-page { margin-top: 128px; }

.lst-type-n > li { font-size: 1.6rem; line-height: 1.6; }

.wrap-suggest { position: relative; z-index: 10; }

.wrap-suggest .lst-suggestion { position: absolute; width: 67%; min-width: 203px; margin-top: 8px; border-radius: 8px; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.08); padding-top: 5px; padding-bottom: 5px; }

.wrap-suggest .lst-suggestion:empty { display: none; }

.wrap-suggest .lst-suggestion.suggest_empty { width: 100%; min-width: initial; border: 1px solid #c01b1b; background-color: #fff; color: #c01b1b; }

.wrap-suggest .lst-suggestion > li { font-weight: 500; font-size: 1.4rem; line-height: 1.4; }

.wrap-suggest .lst-suggestion > li .select-suggest { width: 100%; padding: 8px 16px; }

.wrap-suggest .txt-page-empty { position: absolute; left: 0; top: 0; width: 100%; display: none; margin-top: 8px; border-radius: 8px; border: 1px solid #c01b1b; background-color: #fff; color: #c01b1b; box-shadow: 0 1px 6px 2px rgba(0, 0, 0, 0.08); padding: 13px 16px; font-weight: 500; font-size: 1.4rem; line-height: 1.4; }

.wrap-suggest .txt-page-empty.is-dialog { display: block; }

.lst-infomation > li + li { margin-top: 20px; }

.lst-header-download { border-radius: 8px; border: 1px solid #ccc; background: #fff; box-shadow: 0 1px 5px 4px rgba(0, 0, 0, 0.08); padding-bottom: 4px; }

.lst-header-download > li .title { margin-left: 12px; margin-right: 12px; padding: 16px 0 6px; color: #666; line-height: 1.4; }

.lst-header-download > li + li { margin-top: 8px; }

.lst-header-download > li + li .title { border-top: 1px solid #ccc; }

.lst-filelist > li { font-weight: 500; }

.lst-filelist > li a { display: block; padding: 8px 4px 8px 24px; }

.lst-filelist > li a:link, .lst-filelist > li a:visited, .lst-filelist > li a:hover, .lst-filelist > li a:active { color: #0B163E; text-decoration: none; }

.lst-infomation > li .date { font-size: 1.2rem; color: #767676; line-height: 1.4; }

.lst-infomation > li .wrap-detail { margin-top: 4px; }

.lst-infomation > li .wrap-detail .txt-detail { color: #0B163E; font-size: 1.6rem; line-height: 1.6; }

.lst-infomation > li + li { margin-top: 20px; }

.lst-infomation > li a:link, .lst-infomation > li a:visited, .lst-infomation > li a:hover, .lst-infomation > li a:active { color: #1E4DC6; }

.lst-infomation > li a:link, .lst-infomation > li a:visited, .lst-infomation > li a:active { text-decoration: underline; }

.lst-infomation > li a:hover { text-decoration: none; }

.lst-btn { margin-top: 24px; display: flex; flex-wrap: wrap; gap: 16px; }

.lst-btn.center { justify-content: center; }

.wrap-type-search { margin-top: 40px; }

.wrap-type-search .tab-type-search { display: flex; }

.wrap-type-search .tab-type-search > li .btn-2search { height: 100%; background-color: #F9F9F9; padding: 16px; color: #666; font-weight: 400; text-align: center; cursor: pointer; }

.wrap-type-search .tab-type-search > li .btn-2search.tabActive { background-color: #E6F5FF; font-weight: 700; color: #0B163E; cursor: default; }

.wrap-type-search .type-search-area { display: none; }

.wrap-type-search .type-search-area.tabActive { display: block; }

.wrap-type-search .type-search-area.box-number { padding-bottom: 33rem; }

.wrap-type-search .type-search-area .form-search { padding: 20px 16px; background: #E6F5FF; }

.wrap-type-search .type-search-area .search-number { margin-top: 8px; position: relative; }

.wrap-type-search .type-search-area .search-number input { padding-right: 40px; }

.wrap-type-search .type-search-area .search-number .inner-clear { display: block; overflow: hidden; white-space: nowrap; text-indent: 120%; position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: transparent url(/common/image/ico-close.svg) center center no-repeat; background-size: 18px 18px; }

.wrap-result { margin-top: 24px; }

.wrap-result .result-title { display: flex; font-size: 1.6rem; line-height: 1.4; }

.wrap-result .result-title dt { font-weight: 700; color: #0B163E; }

.wrap-result .result-title dd { color: #666; }

.wrap-result.mt0-sp { margin-top: 0; }

.wrap-tbl-marg { margin-right: -20px; position: relative; z-index: 5; min-height: 210px; }

.wrap-tbl-marg .wrap-tbl-scroll { padding-right: 20px; width: 100%; overflow-x: auto; min-height: 210px; }

.wrap-tbl-marg .wrap-tbl-scroll .tbl-pt1 { width: 660px; }

.tbl-pt1 { margin-top: 16px; width: 100%; table-layout: fixed; background-color: #fff; }

.tbl-pt1.w-auto { table-layout: auto; }

.type-search-area .tbl-pt1 { table-layout: auto; }

.tbl-pt1 td { overflow-wrap: break-word; }

.tbl-pt1 thead th { background-color: #1e4dc6; font-size: 1.4rem; color: #fff; font-weight: 700; text-align: center; padding-top: 4px; padding-bottom: 4px; }

.tbl-pt1 thead th.checkbox { padding: 18px 0; width: 40px; }

.tbl-pt1 thead th.page-number { width: 88px; }

.tbl-pt1 thead th.product-number { width: 113px; }

.tbl-pt1 thead th.old-price { width: 113px; padding-left: 5px; padding-right: 5px; line-height: 1.3; }

.tbl-pt1 thead th.new-price { width: 120px; padding-left: 5px; padding-right: 5px; line-height: 1.3; }

.tbl-pt1 thead th .period { display: block; margin-top: 6px; font-weight: normal; text-align: center; white-space: nowrap; }

.tbl-pt1 thead th.modification-date { padding: 10px 5px; width: calc(5em + 24px); }

.tbl-pt1 thead th.modification-detail { padding: 10px 12px; }

.tbl-pt1 tbody td { font-size: 1.6rem; border-bottom: 1px solid #ccc; text-align: center; padding-top: 8px; padding-bottom: 8px; }

.tbl-pt1 tbody td.page-number { line-height: 1.3; padding-left: 6px; padding-right: 6px; }

.tbl-pt1 tbody td.product-number { white-space: nowrap; padding-left: 12px; padding-right: 12px; line-height: 1.3; text-align: left; }

.tbl-pt1 tbody td.product-name { padding-left: 12px; padding-right: 12px; line-height: 1.3; text-align: left; }

.tbl-pt1 tbody td.product-name .ellipsis { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; width: 122px; }

.tbl-pt1 tbody td.new-price { font-weight: bold; }

.tbl-pt1 tbody td.old-price, .tbl-pt1 tbody td.new-price { text-align: right; padding-right: 12px; padding-left: 6px; }

.tbl-pt1 tbody td.modification-date { padding: 8px 5px; font-size: 1.4rem; font-weight: 700; }

.tbl-pt1 tbody td.modification-detail { padding: 8px 12px; line-height: 1.3; text-align: left; font-size: 1.6rem; }

.tbl-pt1 tbody tr:nth-child(2n) td { background-color: #F9F9FC; }

.wrap-scroll-hint { position: absolute; z-index: 10; margin: 0 auto; top: 0; left: 0; right: 0; width: 100%; height: 100%; pointer-events: none; opacity: 0; transition: opacity 0.75s; transition-behavior: allow-discrete; }

.wrap-scroll-hint.active { opacity: 1; transition: opacity 1s; }

.wrap-scroll-hint .scroll-hint-icon { position: absolute; margin: 0 auto; border-radius: 16px; background: rgba(51, 51, 51, 0.6); padding: 25px 5px 16px; width: 174px; height: 140px; left: 0; right: 0; top: 30%; }

.wrap-scroll-hint .scroll-hint-icon::before { content: ""; position: relative; width: 51px; height: 63px; display: block; background: transparent url(/common/image/ico-scroll-hint.png) 0 0 no-repeat; background-size: 51px 63px; top: 0; left: 62px; }

.wrap-scroll-hint .scroll-hint-icon::after { position: absolute; content: ""; display: inline-block; width: 73px; height: 18px; background: transparent url(/common/image/ico-scroll-hint-arw.png) 0 0 no-repeat; background-size: 73px 18px; top: 25px; left: 47px; }

.wrap-scroll-hint .scroll-hint-icon .scroll-hint-text { margin-top: 15px; font-size: 1.4rem; color: #fff; text-align: center; }

.blk-2block { display: flex; }

.blk-2block > .item { position: relative; width: calc(100% - 68px); flex: 1 0 auto; }

.blk-2block > .item + .item { margin-top: 8px; width: 64px; margin-left: 4px; }

.blk-2block > .item .lst-btn { margin-top: 0; }

.blk-justify { display: flex; justify-content: space-between; }

.blk-justify .item .lst-btn { margin-top: 0; }

.txt-st { font-size: 1.6rem; line-height: 1.6; }

.txt-note { font-size: 1.4rem; line-height: 1.4; }

@media all and (min-width: 768px) { .u-mt-40-64 { margin-top: 64px !important; } html { scroll-padding-top: 100px; } .btn-clipcopy { padding: 7px 10px 7px 36px; } .btn-delete { padding: 7px 10px 7px 36px; } .l-header .l-inner { padding: 22px 78px 25px; min-width: 1180px; height: 100px; display: flex; align-items: center; position: relative; }
  .l-header .l-inner .hdg-lv1 { margin-top: 0; margin-left: 26px; font-size: 2.5rem; text-align: center; margin: auto;}
  .l-header .l-inner .wrap-text { display: block; align-items: center; }
  .l-header .l-inner .wrap-download { position: absolute; z-index: 1; top: 22px; right: 78px; }
  .l-header .l-inner .wrap-download .btn-download { font-size: 1.6rem; height: 45px; padding: 12px 46px 12px 24px; }
  .l-header .l-inner .wrap-download .wrap-file-list .wrap-acordion { min-width: calc(7em + 68px); } .l-footer { min-width: 1180px; height: 7.8rem; }
  .l-footer .l-inner { padding: 30px 80px; display: flex; justify-content: space-between; }
  .l-footer .footer-content { display: flex; }
  .l-footer .footer-content > li + li { margin-top: 0; margin-left: 24px; }
  .l-footer .footer-content > li a { position: relative; display: inline-block; }
  .l-footer .footer-content > li a::after { position: absolute; content: ""; display: inline-block; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #fff; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left top; transform-origin: left top; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; }
  .l-footer .footer-content > li a:hover::after { -webkit-transform: scaleX(1); transform: scaleX(1); }
  .l-footer .txt-copyright { margin-top: 0; } .l-main { padding-top: 40px; padding-left: 80px; padding-right: 80px; padding-bottom: calc(80px + 7.8rem); width: 1280px; margin-left: auto; margin-right: auto; }
  .l-main .l-inner { padding: 16px 0 0; } .hdg-lv2-pt1 { margin-top: 40px; font-size: 2.4rem; line-height: 1.4; } h1.hdg-lv2-pt1 { margin-top: 0; } .wrap-infomation-scroll { padding: 32px; max-height: 274px; } .bnr-aside { margin: 104px 0 0; }
  .bnr-aside .lst-bnr { display: flex; flex-wrap: wrap; gap: 24px; margin-top: 250px; }
  .bnr-aside .lst-bnr > li { width: calc(50% - 12px); text-align: center; }
  .bnr-aside .lst-bnr > li + li { margin-top: 0; }
  .bnr-aside.top-page { margin-top: 102px; } .wrap-suggest .lst-suggestion { width: 100%; min-width: initial; } .lst-header-download { padding-bottom: 15px; } .lst-filelist > li a:hover { background-color: #ebebeb; } .lst-infomation > li { display: flex; }
  .lst-infomation > li .date { font-size: 1.4rem; min-width: 131px; margin-top: 1px; }
  .lst-infomation > li .wrap-detail { margin-top: 0; margin-left: 0px; }
  .lst-infomation > li + li { margin-top: 12px; } .lst-btn { gap: 12px; } .wrap-type-search { margin-top: 48px; }
  .wrap-type-search .type-search-area .form-search { padding: 24px 40px; } .wrap-result { margin: 40px 40px 0; }
  .wrap-result.mt0-sp { margin-top: 40px; } .wrap-tbl-marg { margin-right: 0; min-height: initial; }
  .wrap-tbl-marg .wrap-tbl-scroll { padding-right: 0; overflow-x: visible; }
  .wrap-tbl-marg .wrap-tbl-scroll .tbl-pt1 { width: 100%; } .tbl-pt1 thead th { padding: 8px 24px; }
  .tbl-pt1 thead th.checkbox { padding: 15px 0; width: 60px; }
  .tbl-pt1 thead th.page-number { width: 120px; padding-left: 5px; padding-right: 5px; }
  .tbl-pt1 thead th.product-number { width: auto; }
  .tbl-pt1 thead th.product-name { width: 368px; padding-left: 5px; padding-right: 5px; }
  .tbl-pt1 thead th.old-price { width: 162px; padding-left: 5px; padding-right: 5px; line-height: 1; }
  .tbl-pt1 thead th.new-price { width: 162px; padding-left: 5px; padding-right: 5px; line-height: 1; }
  .tbl-pt1 thead th.modification-date { padding: 20px 5px; width: calc(6.5em + 48px); }
  .tbl-pt1 thead th.modification-detail { padding: 20px 24px; }
  .tbl-pt1 tbody td.product-number { width: auto; }
  .tbl-pt1 tbody td.product-name { padding-left: 20px; padding-right: 20px; }
  .tbl-pt1 tbody td.product-name .ellipsis { display: block; width: 321px; text-overflow: ellipsis; white-space: nowrap; -webkit-box-orient: inline-axis; -webkit-line-clamp: none; }
  .tbl-pt1 tbody td.checkbox { padding: 10px 0; width: 60px; }
  .tbl-pt1 tbody td.old-price, .tbl-pt1 tbody td.new-price { text-align: right; padding-right: 24px; }
  .tbl-pt1 tbody td.modification-date { font-size: 1.6rem; padding: 23px 5px; }
  .tbl-pt1 tbody td.modification-detail { padding: 12px 24px 12px 32px; font-size: 1.6rem; } .wrap-scroll-hint { display: none; } .blk-2block { gap: 8px; }
  .blk-2block .item { margin-top: 0; width: calc(50% - 12px); flex: 0 1 auto; }
  .blk-2block .item + .item { width: calc(50% - 12px); margin-left: 0; } }