@charset "UTF-8";
.section-in-w990 { max-width: 1010px; margin: 0 auto; padding: 0 10px; }

@media screen and (max-width: 767px) { .section-in-w990 { width: 100%; } }
/* モジュール */
.u-bg-blue { background-color: #0059af !important; }

.c-list-basic dl { line-height: 1.5; }
.c-list-basic dl dt { margin: 15px 0 10px; color: #0059af; font-size: 114.2857142857%; font-weight: bold; }

.nav-link { margin-bottom: 50px; padding: 15px 40px; font-size: 114.2857142857%; }
@media screen and (max-width: 767px) { .nav-link { padding: 15px 25px; } }
.nav-link li { display: inline-block; margin-right: 2em; }
.nav-link li:last-child { margin-right: 0; }
.nav-link li a { color: #0059af; font-weight: bold; }
.nav-link li a i { margin-right: 5px; }

.ttl-basic { margin-bottom: 50px; font-size: 157.1428571429%; font-weight: bold; }

.ttl-inverse, .ttl-inverse-l { margin-bottom: 20px; padding: 10px 15px; background-color: #0059af; color: #fff; font-size: 114.2857142857%; font-weight: bold; }

.ttl-inverse-l { margin-bottom: 25px; font-size: 128.5714285714%; text-align: center; }

.link-more { text-align: right; }
.link-more .ico-arrow { margin-left: 7px; font-size: 71%; color: #b6b6b8; }

.list-info a { display: block; padding: 25px 0; border-bottom: 1px solid #e8e8e8; }
.list-info a figure { float: left; }
@media screen and (max-width: 767px) { .list-info a figure { float: none; text-align: center; } }
.list-info a .list-info-c { margin-left: 185px; }
@media screen and (max-width: 767px) { .list-info a .list-info-c { margin: 20px 0 0; } }
.list-info a .list-info-c dl { line-height: 1.5; }
.list-info a .list-info-c dl dt { margin-bottom: 10px; color: #0059af; font-weight: bold; }
.list-info a .box-icons { margin-bottom: 15px; }

.box-icons span { display: inline-block; min-width: 90px; margin: 5px 4px 0 0; padding: 5px 12px; border: 1px solid #0059af; color: #0059af; font-size: 78.5714285714%; font-weight: bold; text-align: center; }
.box-icons span:last-child { margin-right: 0; }

.box-cap { padding-left: 1em; text-indent: -1em; }

.ico-pdf-l::before { content: url("../../img/ja/common/i_pdf.png"); vertical-align: middle; }

.ico-download::before { content: url("../../img/ja/common/i_download.png"); vertical-align: middle; }

.ico-cart::before { content: url("../../img/ja/common/i_cart.png"); vertical-align: middle; }

.ico-link::before { content: url("../../img/ja/common/i_link.png"); vertical-align: middle; }

.ico-document-b::before { content: url("../../img/ja/common/i_document_b.png"); vertical-align: middle; }


@media screen and (max-width: 767px) { .tbl-scroll.search { overflow-x: auto; white-space: nowrap; }
  .tbl-scroll.search::-webkit-scrollbar { height: 5px; }
  .tbl-scroll.search::-webkit-scrollbar-track { background-color: #f1f1f1; }
  .tbl-scroll.search::-webkit-scrollbar-thumb { background-color: #bcbcbc; } }


.txt-red { color: #cb2c2c; }
.tbl-scroll.sizes tr td:nth-of-type(1) {
  background-image: url(../../img/ja/products/ruler.png), url(../../img/ja/products/013.gif);
  background-repeat: no-repeat, repeat;
  background-position: -3px 0, 0 0;
  background-size: auto, auto;
  width: 740px;
  height: 204px !important;
  padding-top: 25px !important;
  padding-left: 0 !important;
}
@media screen and (min-width: 768px) {
  .sp-note { display: none; }
}
@media screen and (max-width: 767px) {
  .sp-note { margin-bottom:0.6em; }
  .tbl-scroll.sizes { overflow-x: scroll; white-space: nowrap;}
  .tbl-scroll.sizes::-webkit-scrollbar { height: 5px; }
  .tbl-scroll.sizes::-webkit-scrollbar-track { background-color: #f1f1f1; }
  .tbl-scroll.sizes::-webkit-scrollbar-thumb { background-color: #bcbcbc; } }

.slider-arrow { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; padding-top: 15px; background-color: #0059af; color: #fff; font-size: 30px; text-align: center; cursor: pointer; }
.slider-arrow.slider-arrow-prev { left: 0; transform: scale(-1, 1); }
.slider-arrow.slider-arrow-next { right: 0; }

/*.box-exhibition { display: none; }*/
.box-exhibition .exhibition-close { cursor: pointer; }

.box-youtube { position: relative; width: 100%; padding-top: 56.25%; }
.box-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.c-nav-detail li { float: left; width: 19.5652173913%; margin-right: 0.5434782609%; margin-bottom: .54348%;}
@media screen and (max-width: 767px) { .c-nav-detail li { width: 48.8621151272%; margin: 0 2.2757697456% 2.2757697456% 0; }
  .c-nav-detail li:nth-child(even) { margin-right: 0; } }
.c-nav-detail li a { position: relative; display: block; padding: 15px; background-color: #0059af; color: #fff; }
.c-nav-detail li a i { position: absolute; top: 50%; right: 10px; margin-top: -7px; }
.c-nav-detail li:last-child { margin-right: 0; }
.c-nav-detail li a:hover { opacity: .7;}
/*.c-nav-detail li:last-child a { padding: 15px 5px; background-color: #000; text-align: center; }*/

.box-border-list ul { padding: 30px 0 15px 30px; border: 1px solid #dcdddd; color: #0059af; font-size: 142.8571428571%; }
.box-border-list ul li { display: inline-block; margin: 0 0 15px 20px; font-weight: bold; }

.box-feature li { float: left; width: 48.9130434783%; margin: 0 2.1739130435% 2.1739130435% 0; padding: 35px 45px; background-color: #f5f5f5; }
@media screen and (max-width: 767px) { .box-feature li { padding: 20px; } }
.box-feature li:nth-child(even) { margin-right: 0; }
.box-feature li:nth-child(2), .box-feature li:nth-child(3) { background-color: #e9ecf2; }
.box-feature li dt { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #0059af; color: #0059af; font-size: 142.8571428571%; font-weight: bold; }
.box-feature li dd { margin-top: 10px; padding-left: 15px; text-indent: -10px; }
.box-feature li dd::before { content: '- '; }
.box-feature li a { color: #0059af; text-decoration: underline; }

/* テンプレート */
.col-content { float: left; width: 76.6666666667%; }
@media screen and (max-width: 1024px) { .col-content { float: none; width: 100%; } }

.content-nav li { float: left; width: 32.6086956522%; margin: 0 1.0869565217% 1.0869565217% 0; }
@media screen and (max-width: 767px) { .content-nav li { width: 48.8621151272%; margin: 0 2.2757697456% 2.2757697456% 0; }
  .content-nav li:nth-child(even) { margin-right: 0; } }
.content-nav li:nth-child(3n) { margin-right: 0; }
@media screen and (max-width: 767px) { .content-nav li:nth-child(3n) { margin-right: 2.2757697456%; } }

.col-side { float: right; width: 19.1666666667%; }
@media screen and (max-width: 1024px) { .col-side { position: absolute; z-index: 5; top: -25px; left: 0; display: none; float: none; width: 100%; padding: 20px 10px; border-top: 1px solid #fff; background-color: #f7f7f7; } }
@media screen and (max-width: 767px) { .col-side { top: -40px; } }
.col-side .side-ttl { margin-bottom: 20px; font-weight: bold; }
@media screen and (max-width: 1024px) { .col-side .side-ttl { display: none; } }
.col-side .side-nav li { margin-bottom: 30px; }
.col-side .side-nav li li { margin-bottom: 0; }
.col-side .side-nav li li a { display: block; }
.col-side .side-nav li .side-child-line a { padding: 15px 0; border-bottom: 1px solid #e8e8e8; }
.col-side .side-nav li .side-child-line .side-gchild { padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; }
.col-side .side-nav li .side-child-dot { padding-top: 15px; }
.col-side .side-nav li .side-child-dot a { padding: 3px 5px 3px 25px; border-bottom: none; text-indent: -10px; }
.col-side .side-nav li .side-child-dot a::before { content: '- '; }
.col-side .side-nav .side-parent { position: relative; display: block; padding: 0 20px 12px 0; border-bottom: 1px solid #0059af; color: #0059af; font-weight: bold; cursor: pointer; }
.col-side .side-nav .side-parent i { position: absolute; top: 0; right: 0; }
.col-side .side-nav .side-parent i.ico-minus { display: none; }
.col-side .side-nav .side-child { display: none; }
.col-side .side-nav .side-child-parent { padding-top: 15px; font-weight: bold; }
.col-side .side-nav .is-open .side-parent .ico-plus { display: none; }
.col-side .side-nav .is-open .side-parent .ico-minus { display: inline-block; }
.col-side .side-nav .is-open .side-child { display: block; }

.footer-banner .c-list-basic a { background: none; }
.footer-banner .c-list-basic figcaption { color: #fff; }

.footer-contact .c-list-basic { margin-bottom: 15px; }
.footer-contact .c-list-basic a { padding: 40px 10px 25px; background: #f5f5f5; }
.footer-contact .c-list-basic figure { text-align: center; }
.footer-contact .c-list-basic figure img { width: auto; }
.footer-contact .c-list-basic dt { text-align: center; }
.footer-contact .c-list-basic dd { max-width: 200px; margin: 0 auto; }
.footer-contact .footer-contact-tel { padding: 20px 50px; background-color: #094c8c; color: #fff; }
@media screen and (max-width: 1200px) { .footer-contact .footer-contact-tel { padding: 20px; } }
@media screen and (max-width: 767px) { .footer-contact .footer-contact-tel { text-align: center; } }
.footer-contact .footer-contact-tel dl { float: left; margin-right: 120px; }
@media screen and (max-width: 1200px) { .footer-contact .footer-contact-tel dl { margin-right: 60px; } }
@media screen and (max-width: 1024px) { .footer-contact .footer-contact-tel dl { float: none; margin-right: 0; } }
.footer-contact .footer-contact-tel dl dt { margin-bottom: 5px; font-size: 157.1428571429%; font-weight: bold; }
.footer-contact .footer-contact-tel p { float: left; margin-top: 15px; font-size: 128.5714285714%; }
@media screen and (max-width: 767px) { .footer-contact .footer-contact-tel p { float: none; } }
.footer-contact .footer-contact-tel p:last-child { margin-left: 60px; }
@media screen and (max-width: 1200px) { .footer-contact .footer-contact-tel p:last-child { margin-left: 30px; } }
@media screen and (max-width: 767px) { .footer-contact .footer-contact-tel p:last-child { margin-left: 0; } }
.footer-contact .footer-contact-tel p big { margin-left: 10px; font-size: 166.6666666667%; }

/* トップ */
@media screen and (max-width: 767px) { .top-slider-img { padding: 0 10px; } }
.top-slider-img img { width: 100%; }
.top-slider-img .top-slider-img-l { position: relative; float: left; width: 73.2064421669%; }
@media screen and (max-width: 767px) { .top-slider-img .top-slider-img-l { float: none; width: 100%; } }
.top-slider-img .top-slider-img-l .slick-dotted .slick-dots { bottom: -35px; padding-left: 20px; text-align: left; }
@media screen and (max-width: 767px) { .top-slider-img .top-slider-img-l .slick-dotted .slick-dots { padding-left: 0; text-align: center; } }
.top-slider-img .top-slider-img-l .slick-dotted .slick-dots li button::before { content: ''; opacity: 1; width: 8px; height: 8px; border: 1px solid #0059af; border-radius: 5px; }
.top-slider-img .top-slider-img-l .slick-dotted .slick-dots li.slick-active button::before { background-color: #0059af; }
.top-slider-img .top-slider-img-r { float: right; width: 25.6222547584%; }
@media screen and (max-width: 767px) { .top-slider-img .top-slider-img-r { float: none; width: 100%; padding-top: 2%; } }
@media screen and (max-width: 767px) { .top-slider-img .top-slider-img-r p { float: left; width: 49%; } }
.top-slider-img .top-slider-img-r p:first-child { margin-bottom: 5.1428571429%; }
@media screen and (max-width: 767px) { .top-slider-img .top-slider-img-r p:first-child { margin: 0 2% 0 0; } }

.top-support .c-list-basic a { background: none; text-align: center; }
.top-support .c-list-basic figcaption { display: block; color: #0059af; font-weight: bold; text-align: center; }
.top-support .c-list-basic img { width: auto; }

.top-header { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #dcdddd; }
.top-header .top-header-ttl { float: left; font-size: 157.1428571429%; font-weight: bold; }
.top-header .link-more { float: right; margin: 5px 13px 0 0; }

.top-seminar figure { float: left; width: 25.8333333333%; }
.top-seminar .top-seminar-c { margin-left: 27.9166666667%; }
.top-seminar .top-seminar-c .top-seminar-ttl { margin-bottom: 10px; color: #0059af; font-size: 114.2857142857%; font-weight: bold; }
.top-seminar .top-seminar-c dt { float: left; }
.top-seminar .top-seminar-c dd { margin: 0 0 5px 3em; }

.products-cmn-list .ttl-inverse-l { margin-bottom: 12px; }
.products-cmn-list .c-list-basic { padding-bottom: 30px; }
.products-cmn-list .c-list-basic li { margin-bottom: 30px; }

.products-cmn-banner p { margin-bottom: 50px; text-align: center; }
@media screen and (max-width: 767px) { .products-cmn-banner p { margin-bottom: 30px; padding: 0 10px; } }
.products-cmn-banner li { float: left; width: 16.6666666667%; margin-right: 4.1666666667%; }
@media screen and (max-width: 767px) { .products-cmn-banner li { width: 33.3333333333%; margin-right: 0; padding: 0 10px 10px; text-align: center; } }
.products-cmn-banner li:last-child { margin-right: 0; }

.product-cmn-side { margin-bottom: 50px; }
.product-cmn-side li { margin-bottom: 10px; }
.product-cmn-side li a { position: relative; display: block; padding: 12px 15px; background-color: #0059af; color: #fff; }
.product-cmn-side li a big { margin-right: 10px; font-size: 128.5714285714%; }
.product-cmn-side li a i { position: absolute; top: 50%; right: 12px; margin-top: -7px; }

/* トップ */
.products-index .index-slider { margin-bottom: 90px; }
.products-index .index-slider .index-slider-main { position: relative; margin-bottom: 8px; }
.products-index .index-slider .index-slider-nav li { padding: 0 3px; }
.products-index .index-slider .index-slider-nav img { margin: 0 auto; }
.products-index .index-slider .index-slider-nav .slick-current img { outline: 1px solid #0059af; outline-offset: -1px; }

.products-info .list-info .list-info-c p { margin-bottom: 10px; }
.products-info .list-info .list-info-c span { display: inline-block; min-width: 90px; margin-left: 15px; padding: 5px; background-color: #fa786e; color: #fff; text-align: center; }

/* カテゴリートップ */
.products-cat .box-youtube { margin-bottom: 20px; }
.products-cat .cat-overview { display: table; width: 100%; margin-bottom: 70px; padding: 20px 20px 20px 30px; border: 1px solid #dcdddd; }
@media screen and (max-width: 767px) { .products-cat .cat-overview { display: block; padding-left: 20px; } }
.products-cat .cat-overview p { display: table-cell; padding-right: 15px; line-height: 1.5; vertical-align: middle; }
@media screen and (max-width: 767px) { .products-cat .cat-overview p { display: block; padding-right: 0; } }
.products-cat .cat-overview figure { display: table-cell; text-align: right; vertical-align: middle; }
@media screen and (max-width: 767px) { .products-cat .cat-overview figure { display: block; margin-top: 20px; text-align: center; } }
.products-cat .ttl-basic { margin-bottom: 20px; }
.products-cat .cat-nav { margin-bottom: 100px; }
.products-cat .cat-nav .content-nav li { background-color: #0059af; }
.products-cat .cat-nav .content-nav li a { display: block; padding: 25px 10px 15px; color: #fff; text-align: center; }
.products-cat .cat-nav .content-nav li a big { display: block; margin-bottom: 5px; font-size: 214.2857142857%; }
.products-cat .cat-nav .content-nav li a i { display: block; margin-top: 10px; font-size: 214.2857142857%; }
.products-cat .products-cmn-list .c-list-basic p { margin: 15px 0 -10px; font-size: 114.2857142857%; font-weight: bold; line-height: 1.5; }
.products-cat .products-cmn-list .c-list-basic dt { margin-bottom: 5px; }

/* 詳細 */
.products-detail .detail-img { margin-bottom: 35px; }
.products-detail .detail-lead { margin-bottom: 35px; line-height: 1.5; }
.products-detail .c-nav-detail { margin-bottom: 80px; }
.products-detail .ttl-basic { margin-bottom: 25px; }
.products-detail .box-border-list { margin-bottom: 100px; }
.products-detail .detail-feature { margin-bottom: 100px; }
.products-detail .detail-feature .box-youtube { margin-bottom: 30px; }
.products-detail .detail-lineup .detail-lineup-size { margin-bottom: 40px; padding-bottom: 10px; border-bottom: 1px solid #e8e8e8; }
.products-detail .detail-lineup .detail-lineup-size dl { float: left; width: calc(100% - 160px); margin-top: 15px; }
@media screen and (max-width: 767px) { .products-detail .detail-lineup .detail-lineup-size dl { margin-top: 0; } }
.products-detail .detail-lineup .detail-lineup-size dl dt { float: left; font-weight: bold; }
.products-detail .detail-lineup .detail-lineup-size dl dd { margin-left: 7em; }
.products-detail .detail-lineup .detail-lineup-size dl dd span { display: inline-block; margin-right: 2em; }
.products-detail .detail-lineup .detail-lineup-size dl dd span:last-child { margin-right: 0; }
.products-detail .detail-lineup .detail-lineup-size dl dd span i { margin-right: 3px; color: #0059af; }
.products-detail .detail-lineup .detail-lineup-size p { float: right; width: 140px; }
.products-detail .detail-lineup .detail-lineup-size p a { position: relative; display: block; padding: 10px; background-color: #0059af; color: #fff; font-size: 85.7142857143%; }
.products-detail .detail-lineup .detail-lineup-size p a i { position: absolute; top: 50%; right: 10px; margin-top: -7px; }
.products-detail .detail-lineup .detail-lineup-box { margin-bottom: 30px; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-h { padding: 10px 15px; background-color: #0059af; color: #fff; cursor: pointer; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-h p { float: left; font-size: 128.5714285714%; font-weight: bold; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-h i { float: right; margin-top: 2px; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-h .ico-minus { display: none; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-c { display: none; padding: 40px 0; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l { float: left; width: 48.9130434783%; }
@media screen and (max-width: 767px) { .products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l { float: none; width: 100%; } }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l figure { margin: 30px 0 60px; text-align: center; }
@media screen and (max-width: 767px) { .products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l figure { margin: 0 0 30px; } }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l figure img { max-width: 100%; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l ul { max-width: 280px; margin: 0 auto; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l ul li { margin-bottom: 10px; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l ul li a { position: relative; display: block; padding: 0 10px; border: 1px solid #0059af; border-radius: 10px; color: #0059af; line-height: 48px; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l ul li a .ico-arrow { position: absolute; top: 0; right: 12px; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-l ul li a .ico-mail { font-size: 22px; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-r { float: right; width: 48.9130434783%; }
@media screen and (max-width: 767px) { .products-detail .detail-lineup .detail-lineup-box .detail-lineup-box-r { float: none; width: 100%; margin-top: 30px; padding: 0 10px; } }
.products-detail .detail-lineup .detail-lineup-box.is-open .ico-plus { display: none; }
.products-detail .detail-lineup .detail-lineup-box.is-open .ico-minus { display: block; }
.products-detail .detail-lineup .detail-lineup-box.is-open .detail-lineup-box-c { display: block; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-name { margin-bottom: 20px; color: #0059af; font-size: 142.8571428571%; font-weight: bold; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-lead { margin-bottom: 20px; line-height: 1.5; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-spec { border-top: 1px solid #e8e8e8; line-height: 1.5; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-spec dl { padding: 15px 0; border-bottom: 1px solid #e8e8e8; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-spec dl dt { float: left; font-weight: bold; }
.products-detail .detail-lineup .detail-lineup-box .detail-lineup-spec dl dd { margin-left: 9em; min-height: 1em; }

.search-cmn-ctrl { text-align: center; }
.search-cmn-ctrl button { margin: 0 5px; padding: 15px; color: #fff; font-weight: bold; }
@media screen and (max-width: 767px) { .search-cmn-ctrl button { display: block; width: 100%; margin-bottom: 20px; } }
.search-cmn-ctrl .search-cmn-reset { min-width: 200px; background-color: #a3a2a2; }
.search-cmn-ctrl .search-cmn-submit { min-width: 300px; background-color: #0059af; }

.search-index .search-form { margin-bottom: 90px; padding: 45px 50px 55px; }
@media screen and (max-width: 767px) { .search-index .search-form { padding: 30px 20px; } }
.search-index .search-form dt { color: #0059af; font-size: 128.5714285714%; font-weight: bold; }
.search-index .search-form label { position: relative; display: block; margin-bottom: 5px; }
.search-index .search-form label input { margin-right: 5px; }
.search-index .search-form label .search-form-cond-hint { display: none; position: absolute; left: 0; bottom: 2em; z-index: 1; padding: 5px 10px; border-radius: 5px; background-color: #0059af; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }
.search-index .search-form label .search-form-cond-hint::before { content: ''; position: absolute; left: 30px; bottom: -0.5em; width: 20px; height: 20px; background-color: #0059af; transform: rotate(45deg) skew(20deg, 20deg); }
.search-index .search-form label .search-form-cond-hint span { position: relative; z-index: 1; display: block; color: #fff; white-space: nowrap; }
.search-index .search-form select { padding: 5px 10px; }
.search-index .search-form .search-form-no { margin-bottom: 40px; }
.search-index .search-form .search-form-no dt { float: left; margin-top: 12px; }
.search-index .search-form .search-form-no dd { margin-left: 7em; }
.search-index .search-form .search-form-no dd input { width: 100%; padding: 10px; }
.search-index .search-form .search-form-cond { margin-bottom: 40px; border-bottom: 1px solid #ccc; }
.search-index .search-form .search-form-cond dl { float: left; margin: 0 60px 30px 0; }
.search-index .search-form .search-form-cond dl:last-child { margin-right: 0; }
.search-index .search-form .search-form-cond dl dt { margin-bottom: 10px; }
.search-index .search-form .search-form-cond dl dd .search-form-cond-bw { display: inline-block; margin: 0 1em; }
.search-index .search-form .search-form-cond dl dd .search-form-cond-col { float: left; margin-right: 50px; }
@media screen and (max-width: 767px) { .search-index .search-form .search-form-cond dl dd .search-form-cond-col { width: 50%; margin-right: 0; } }
.search-index .search-form .search-form-cond dl dd .search-form-cond-col:last-child { margin-right: 0; }
@media screen and (max-width: 767px) { .search-index .search-form .search-form-cond dl.search-form-cond-h { width: 50%; margin-right: 0; }
  .search-index .search-form .search-form-cond dl.search-form-cond-f { width: 100%; margin-right: 0; } }
.search-index .search-result .search-result-total { margin-bottom: 20px; }
.search-index .search-result .search-result-total big { margin: 0 5px; font-size: 214.2857142857%; font-weight: bold; }
.search-index .search-result .search-result-switch { margin-bottom: 20px; }
.search-index .search-result .search-result-switch a, .search-index .search-result .search-result-switch span { display: inline-block; margin-right: 3px; padding: 3px; text-align: center; }
.search-index .search-result .search-result-switch a { border: 1px solid #e0dfdb; }
.search-index .search-result .search-result-switch span { border: none; background-color: #0059af; color: #fff; }
.search-index .search-result .search-result-pagination { float: left; }
.search-index .search-result .search-result-pagination li { display: inline-block; }
.search-index .search-result .search-result-pagination li a, .search-index .search-result .search-result-pagination li span { min-width: 22px; }
.search-index .search-result .search-result-limit { float: right; }
.search-index .search-result .search-result-limit dt { display: inline-block; margin-right: 1em; }
.search-index .search-result .search-result-limit dd { display: inline-block; }
.search-index .search-result .search-result-limit dd a, .search-index .search-result .search-result-limit dd span { min-width: 60px; }
.search-index .search-result table { min-width: 1200px; }
.search-index .search-result table th { position: relative; padding: 10px 5px 20px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; background-color: #0059af; color: #fff; font-weight: bold; vertical-align: middle; }
.search-index .search-result table th:first-child { border-left: none; width: 740px;}
.search-index .search-result table th:last-child { border-left: none; }
.search-index .search-result table th span { position: absolute; bottom: 5px; left: 0; display: none; width: 100%; font-size: 78.5714285714%; text-align: center; }
.search-index .search-result table th a { color: #fff; }
.search-index .search-result table th a.desc .i-desc { display: block; }
.search-index .search-result table th a.asc .i-asc { display: block; }
.search-index .search-result table td { padding: 10px; border: 1px solid #e8e8e8; vertical-align: middle; }
.search-index .search-result table td:first-child { border-left: none; }
.search-index .search-result table td:last-child { border-left: none; }
.search-index .search-result table td label { display: block; max-width: 5em; margin-top: 5px; padding: 5px 0; border-radius: 10px; background-color: #a3a2a2; color: #fff; text-align: center; }
.search-index .search-result table td label input { margin-right: 5px; }
.search-index .search-result table td .ico { display: inline-block; min-width: 90px; margin: 0 4px 4px 0; padding: 5px; border: 1px solid #0059af; color: #0059af; font-size: 78.5714285714%; font-weight: bold; }
.search-index .search-result table td .ico.ico-green { border-color: #00af7c; color: #00af7c; }
.search-index .search-result table td .ico.ico-yellow { border-color: #f7b424; color: #f7b424; }
.search-index .search-result table td .ico.ico-red { border-color: #af0000; color: #af0000; }
.search-index .search-result table td .ico-s { display: block; min-width: 83px; margin-bottom: 3px; padding: 3px; background-color: #e1e4e7; font-size: 71.4285714286%; text-align: center; }
.search-index .search-result table tr:nth-child(odd) td { background-color: #f7f7f7; }

.search-compare { position: fixed; left: 0; bottom: 0; z-index: 10000; display: none; width: 100%; padding: 40px 20px; border-top: 4px solid #0059af; background-color: #fff; }
.search-compare .search-compare-list p { float: left; display: block; margin: 0 10px 10px 0; padding: 10px; border-radius: 10px; background-color: #e8e8e8; }
.search-compare .search-compare-list p i { margin-left: 10px; cursor: pointer; }

/* 詳細 */
.kit-link { color: #0059af; }
.kit-link span { text-decoration: underline; }

.kit-tbl { width: 100%; border-top: 1px solid #e8e8e8; }
.kit-tbl th { padding: 15px 15px 15px 0; border-bottom: 1px solid #e8e8e8; font-weight: bold; text-align: left; }
.kit-tbl td { padding: 15px 0; border-bottom: 1px solid #e8e8e8; }
@media screen and (max-width: 767px) { .kit-tbl.kit-tbl-v th { display: block; padding-bottom: 0; border-bottom: none; }
  .kit-tbl.kit-tbl-v td { display: block; } }

.kit-detail .detail-ttl-cap { margin-top: 10px; }
.kit-detail .detail-ttl { letter-spacing: .05em; font-size: 228%; line-height: 1; }
.kit-detail .detail-img { margin-bottom: 40px; padding: 30px 0; text-align: center; }
.kit-detail .detail-name { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e8e8e8; }
.kit-detail .detail-name .detail-name-txt h3 { margin-top: 5px; color: #0059af; font-size: 142.8571428571%; font-weight: bold; }
.kit-detail .detail-name .detail-name-btn a { display: block; min-width: 180px; padding: 12px 10px; background-color: #000; color: #fff; text-align: center; }
.kit-detail .detail-name-s { margin-bottom: 15px; font-weight: bold; }
.kit-detail .detail-file { display: flex; margin-bottom: 20px; }
@media screen and (max-width: 767px) { .kit-detail .detail-file { flex-direction: column; } }
.kit-detail .detail-file li { width: 30.4347826087%; margin-right: 4.347826087%; }
@media screen and (max-width: 767px) { .kit-detail .detail-file li { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.kit-detail .detail-file li:last-child { margin-right: 0; }
@media screen and (max-width: 767px) { .kit-detail .detail-file li:last-child { margin-bottom: 0; } }
.kit-detail .detail-file li a { position: relative; display: block; padding: 0 10px; border: 1px solid #0059af; border-radius: 10px; color: #0059af; line-height: 48px; }
.kit-detail .detail-file li a .ico-arrow { position: absolute; top: 0; right: 12px; }
.kit-detail .detail-ttl-sub { margin-bottom: 15px; font-size: 114.2857142857%; font-weight: bold; }
.kit-detail .detail-feature { margin-bottom: 50px; }
.kit-detail .detail-feature .ttl-basic { margin-bottom: 20px; }
.kit-detail .detail-support { margin-bottom: 50px; }
.kit-detail .detail-support .ttl-basic { margin-bottom: 20px; }
.kit-detail .detail-structure { margin-bottom: 50px; }
.kit-detail .detail-structure .ttl-basic { margin-bottom: 30px; }
.kit-detail .detail-structure .detail-structure-in { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { .kit-detail .detail-structure .detail-structure-in { flex-direction: column; } }
.kit-detail .detail-structure .detail-structure-in figure { width: 48.9130434783%; text-align: center; }
@media screen and (max-width: 767px) { .kit-detail .detail-structure .detail-structure-in figure { width: 100%; } }
.kit-detail .detail-structure .detail-structure-in figure figcaption { margin-top: 10px; }
.kit-detail .detail-structure .detail-structure-tbl { width: 48.9130434783%; }
@media screen and (max-width: 767px) { .kit-detail .detail-structure .detail-structure-tbl { width: 100%; margin-bottom: 20px; } }
.kit-detail .detail-spec { margin-bottom: 50px; }
.kit-detail .detail-spec .ttl-basic { margin-bottom: 30px; }
.kit-detail .detail-info .ttl-basic { margin-bottom: 20px; }

.cs-cmn-desk { display: block; padding: 25px 15px 20px; background-color: #094c8c; color: #fff; text-align: center; }
.cs-cmn-desk dt { margin-bottom: 10px; font-size: 157.1428571429%; font-weight: bold; }

.cs-cmn-list .cs-cmn-list-c { padding: 0 20px 20px; }
.cs-cmn-list .cs-cmn-list-c .cs-cmn-list-box { margin-bottom: 50px; }
.cs-cmn-list .cs-cmn-list-c .cs-cmn-list-box .ico-arrow { margin-right: 10px; color: #0059af; }
.cs-cmn-list .cs-cmn-list-h { position: relative; margin-bottom: 5px; padding: 15px 20px; background-color: #f3f3f3; }
.cs-cmn-list .cs-cmn-list-h.is-btn { padding-right: 14em; }
@media screen and (max-width: 767px) { .cs-cmn-list .cs-cmn-list-h.is-btn { padding-right: 15px; } }
.cs-cmn-list .cs-cmn-list-h .cs-cmn-list-ttl { font-weight: bold; }
.cs-cmn-list .cs-cmn-list-h .cs-cmn-list-btn { position: absolute; top: 12px; right: 25px; }
@media screen and (max-width: 767px) { .cs-cmn-list .cs-cmn-list-h .cs-cmn-list-btn { position: static; margin-top: 10px; text-align: right; } }
.cs-cmn-list .cs-cmn-list-h .cs-cmn-list-btn a { color: #0059af; text-decoration: underline; }
.cs-cmn-list .cs-cmn-list-h .cs-cmn-list-btn a i { margin-right: 10px; }
.cs-cmn-list .cs-cmn-list-b { padding: 10px 35px 0; }
.cs-cmn-list .cs-cmn-list-link { margin-top: 15px; border-top: 1px solid #e8e8e8; }
.cs-cmn-list .cs-cmn-list-link li { padding: 10px 0; border-bottom: 1px solid #e8e8e8; }
.cs-cmn-list .cs-cmn-list-link li .cs-cmn-list-link-txt { display: inline-block; min-width: 405px; padding-right: 15px; }
.cs-cmn-list .cs-cmn-list-link li .cs-cmn-list-link-btn { display: inline-block; }
@media screen and (max-width: 1024px) { .cs-cmn-list .cs-cmn-list-link li .cs-cmn-list-link-btn { display: block; margin-top: 10px; text-align: right; } }
.cs-cmn-list .cs-cmn-list-link li .cs-cmn-list-link-btn a { color: #0059af; text-decoration: underline; }
.cs-cmn-list .cs-cmn-list-link li .cs-cmn-list-link-btn a i { margin-right: 10px; }

/* トップ */
.cs-index .cs-menu { margin-bottom: 100px; }
.cs-index .cs-menu .c-list-basic { margin-bottom: 40px; }
.cs-index .cs-menu .c-list-basic a { padding: 40px 10px 25px; background: #f5f5f5; }
.cs-index .cs-menu .c-list-basic figure { text-align: center; }
.cs-index .cs-menu .c-list-basic figure img { width: auto; }
.cs-index .cs-menu .c-list-basic dl { text-align: center; }
.cs-index .cs-menu .cs-menu-check { color: #0059af; font-size: 114.2857142857%; font-weight: bold; }
.cs-index .cs-menu .cs-menu-check::before { content: url("../../img/ja/cs/index/i_check.png"); margin-right: 15px; vertical-align: middle; }
.cs-index .index-products { margin-bottom: 100px; }
.cs-index .index-info { margin-bottom: 100px; }
.cs-index .index-info .ttl-basic { margin-bottom: 15px; }
.cs-index .index-info .list-info { margin-bottom: 25px; }

/* アプリケーションノート */
.cs-appnote .appnote-lead { margin-bottom: 50px; line-height: 2; }

/* 製品別サポート */
.cs-products .content-nav { margin-bottom: 40px; }
.cs-products .content-nav li { background-color: #f5f5f5; }
.cs-products .content-nav li a { position: relative; display: block; padding: 25px 30px; color: #0059af; font-size: 114.2857142857%; font-weight: bold; text-align: center; }
.cs-products .content-nav li a i { position: absolute; top: 50%; left: 12px; margin-top: -0.5em; }
.cs-products .cs-cmn-list .cs-cmn-list-c .cs-cmn-list-box { margin-bottom: 30px; }
.cs-products .products-box { margin-bottom: 50px; }

/* 技術サポートFAQ */
.cs-faq .content-nav { margin-bottom: 40px; }
.cs-faq .content-nav li { padding: 20px 20px 15px 40px; background-color: #f5f5f5; }
.cs-faq .content-nav li dt { margin-bottom: 15px; color: #0059af; font-size: 114.2857142857%; font-weight: bold; }
.cs-faq .content-nav li dd { margin-bottom: 10px; }
.cs-faq .content-nav li dd a { font-weight: bold; }
.cs-faq .content-nav li dd i { margin-right: 10px; color: #0059af; }
.cs-faq .faq-box { margin-bottom: 30px; }
.cs-faq .faq-box .faq-box-h { margin-bottom: 25px; }
.cs-faq .faq-box .faq-box-ttl { float: left; color: #0059af; font-size: 128.5714285714%; font-weight: bold; }
.cs-faq .faq-box .faq-box-btn { float: right; min-width: 140px; padding: 10px; background-color: #a3a2a2; color: #fff; text-align: center; cursor: pointer; }
.cs-faq .faq-box .faq-box-btn i { margin-right: 5px; }
.cs-faq .faq-box .faq-box-btn .ico-plus, .cs-faq .faq-box .faq-box-btn .txt-plus { display: none; }
.cs-faq .faq-box .faq-box-c-ttl { padding: 10px 20px; background-color: #0059af; color: #fff; cursor: pointer; }
.cs-faq .faq-box .faq-box-c-ttl .faq-box-c-ttl-h { float: left; font-size: 128.5714285714%; font-weight: bold; }
.cs-faq .faq-box .faq-box-c-ttl i { float: right; margin-top: 4px; }
.cs-faq .faq-box .faq-box-c-ttl .ico-plus { display: none; }
.cs-faq .faq-box.is-close .faq-box-btn .ico-plus, .cs-faq .faq-box.is-close .faq-box-btn .txt-plus { display: inline-block; }
.cs-faq .faq-box.is-close .faq-box-btn .ico-minus, .cs-faq .faq-box.is-close .faq-box-btn .txt-minus { display: none; }
.cs-faq .faq-box .faq-box-c { padding-bottom: 30px; }
.cs-faq .faq-box .faq-box-c dl { padding: 30px 20px 0; }
.cs-faq .faq-box .faq-box-c dl dt { padding: 10px 20px; background-color: #f3f3f3; font-weight: bold; }
.cs-faq .faq-box .faq-box-c dl dt::before { content: 'Q'; margin-right: 10px; color: #0059af; font-size: 114.2857142857%; }
.cs-faq .faq-box .faq-box-c dl dd { padding: 15px 30px 30px 45px; line-height: 1.5; }
.cs-faq .faq-box .faq-box-c.is-close .faq-box-c-ttl .ico-plus { display: inline-block; }
.cs-faq .faq-box .faq-box-c.is-close .faq-box-c-ttl .ico-minus { display: none; }
.cs-faq .faq-box .faq-box-c.is-close dl { display: none; }

/* 製品別サポート情報 */
.cs-doc .c-list-basic { margin-bottom: 80px; }
.cs-doc .c-list-basic .box-icons { margin-top: 15px; }

/* サポートソフトダウンロード */
.cs-download .contents-header { text-align: center; }
.cs-download .contents-header .c-heading-lv1 { font-size: 228.5714285714%; line-height: 1.5; }
.cs-download .download-mainimg { margin-bottom: 20px; text-align: center; }
.cs-download .download-lead { margin-bottom: 20px; }
.cs-download .download-list { margin-bottom: 45px; border: 1px solid #e8e8e8; }
.cs-download .download-list .download-list-head { padding: 12px 25px; background-color: #f3f3f3; }
.cs-download .download-list .download-list-head p { float: left; padding-top: 3px; }
.cs-download .download-list .download-list-head .download-list-name { margin-right: 1em; font-weight: bold; }
.cs-download .download-list .download-list-head a { float: right; color: #0059af; font-weight: bold; text-decoration: underline; }
.cs-download .download-list .download-list-att { margin: 5px 5px 0; color: #e62211; text-align: right; }
.cs-download .download-list-con { padding: 10px 15px 5px; }
.cs-download .download-list-box { max-width: 820px; margin: 0 auto 20px; }
.cs-download .download-list-box .download-list-box-head { display: flex; justify-content: space-between; margin-bottom: 5px; padding: 10px 15px; background-color: #f3f3f3; cursor: pointer; }
.cs-download .download-list-box .download-list-box-head .ico-minus { display: none; }
.cs-download .download-list-box ul { display: none; }
.cs-download .download-list-box ul li { display: flex; padding: 15px 25px 10px 15px; border-bottom: 1px solid #e8e8e8; }
@media screen and (max-width: 767px) { .cs-download .download-list-box ul li { display: block; } }
.cs-download .download-list-box ul li a { color: #0059af; text-decoration: underline; }
.cs-download .download-list-box.js-open .download-list-box-head .ico-plus { display: none; }
.cs-download .download-list-box.js-open .download-list-box-head .ico-minus { display: inline-block; }
.cs-download .download-list-box.js-open ul { display: block; }
.cs-download .download-list-box .download-list-box-date { width: 8em; }
.cs-download .download-list-box .download-list-box-date .ico-arrow { color: #0059af; }
@media screen and (max-width: 767px) { .cs-download .download-list-box .download-list-box-date { display: inline-block; } }
.cs-download .download-list-box .download-list-box-label { flex: 1; width: 100%; }
@media screen and (max-width: 767px) { .cs-download .download-list-box .download-list-box-label { display: inline-block; width: auto; } }
@media screen and (max-width: 767px) { .cs-download .download-list-box .download-list-box-link { display: block; text-align: right; } }
.cs-download .download-sec { margin-bottom: 25px; }
.cs-download .download-sec a { color: #0059af; }
.cs-download .download-sec a span { text-decoration: underline; }
.cs-download .download-ttl { margin-bottom: 10px; color: #0059af; font-size: 128.5714285714%; font-weight: bold; }
.cs-download .download-screen .download-ttl { margin-bottom: 15px; }
.cs-download .download-screen figure { margin-bottom: 40px; text-align: center; }
.cs-download .download-screen figure figcaption { margin-bottom: 10px; }

/* トップ */
.company-index .c-list-basic figcaption { padding-left: 0; color: #0059af; font-size: 114.2857142857%; font-weight: bold; }

/* 沿革 */
.company-history .nav-link { margin-bottom: 80px; padding-top: 25px; padding-bottom: 25px; text-align: center; }
@media screen and (max-width: 767px) { .company-history .nav-link { padding-bottom: 10px; } }
@media screen and (max-width: 767px) { .company-history .nav-link li { display: block; float: left; width: 33.3333333333%; margin: 0 0 15px 0; text-align: center; } }
.company-history .history-c { position: relative; }
.company-history .history-c .history-label { position: absolute; top: 55px; left: 0; width: 100%; font-size: 128.5714285714%; }
@media screen and (max-width: 767px) { .company-history .history-c .history-label { padding-left: 50px; } }
.company-history .history-c .history-label p { font-weight: bold; }
.company-history .history-c .history-label p:first-child { float: left; color: #0059af; }
.company-history .history-c .history-label p:last-child { float: right; }
.company-history .history-box { margin-bottom: 20px; }
.company-history .history-box .history-box-ttl { margin-bottom: 15px; color: #0059af; font-size: 321.4285714286%; font-weight: bold; text-align: center; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-ttl { text-align: left; } }
.company-history .history-box .history-box-in { position: relative; padding-bottom: 45px; }
.company-history .history-box .history-box-in::before { content: ''; position: absolute; top: 0; left: 50%; width: 3px; height: 100%; margin-left: -1px; background-color: #0059af; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-in::before { left: 20px; } }
.company-history .history-box .history-box-y { padding: 30px 0 25px; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-y { padding-bottom: 10px; } }
.company-history .history-box .history-box-y-label { margin-bottom: 5px; }
.company-history .history-box .history-box-y-label span { display: inline-block; width: 46.4646464646%; color: #0059af; font-size: 214.2857142857%; font-weight: bold; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-y-label span { width: 100%; padding-left: 50px; } }
.company-history .history-box .history-box-y-label.history-box-y-label-l span { text-align: right; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-y-label.history-box-y-label-l span { text-align: left; } }
.company-history .history-box .history-box-y-label.history-box-y-label-r { text-align: right; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-y-label.history-box-y-label-r { text-align: left; } }
.company-history .history-box .history-box-y-label.history-box-y-label-r span { text-align: left; }
.company-history .history-box .history-box-row { position: relative; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-row { padding-left: 50px; } }
.company-history .history-box .history-box-row::before { content: ''; position: absolute; top: 20px; left: 50%; width: 30px; height: 30px; margin-left: -15px; border-radius: 15px; background-color: #0059af; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-row::before { left: 5px; margin-left: 0; } }
.company-history .history-box .history-box-event { position: relative; width: 46.4646464646%; padding: 25px 25px 20px; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-event { width: 100%; margin-bottom: 15px; } }
.company-history .history-box .history-box-event::before { content: ''; position: absolute; top: 25px; width: 16px; height: 16px; transform: rotate(45deg); }
.company-history .history-box .history-box-event.history-box-event-l { float: left; background-color: #0059af; color: #fff; text-align: right; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-event.history-box-event-l { float: none; text-align: left; } }
.company-history .history-box .history-box-event.history-box-event-l::before { right: -8px; background-color: #0059af; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-event.history-box-event-l::before { left: -8px; right: initial; } }
.company-history .history-box .history-box-event.history-box-event-r { float: right; background-color: #f5f5f5; }
@media screen and (max-width: 767px) { .company-history .history-box .history-box-event.history-box-event-r { float: none; } }
.company-history .history-box .history-box-event.history-box-event-r::before { left: -8px; background-color: #f5f5f5; }
.company-history .history-box .history-box-event p { margin-bottom: 5px; }

/* 事業所・販売拠点 */
.company-office .tab-contents .c-list-base { margin-bottom: 0; padding-top: 24px; }
.company-office .tab-contents .c-list-base figure { float: left; }
@media screen and (max-width: 767px) { .company-office .tab-contents .c-list-base figure { float: none; text-align: center; } }
.company-office .tab-contents .c-list-base .office-txt { margin-left: 210px; }
@media screen and (max-width: 767px) { .company-office .tab-contents .c-list-base .office-txt { margin: 20px 0 0; } }
.company-office .office-ttl { margin-top: 25px; font-size: 114.2857142857%; font-weight: bold; }
.company-office .office-ttl a { color: #0059af; }
.company-office .office-ttl i { margin-left: 5px; }

/* 環境・社会への取り組み */
.company-csr .csr-content { padding: 70px 0; }
.company-csr .csr-ttl { margin-bottom: 60px; text-align: center; }
.company-csr .csr-ttl span { position: relative; display: inline-block; padding: 50px 80px; color: #0059af; font-size: 285.7142857143%; font-weight: bold; }
.company-csr .csr-ttl span::before { content: ''; position: absolute; top: 0; left: 0; width: 35px; height: 35px; border-top: 1px solid #0059af; border-left: 1px solid #0059af; }
.company-csr .csr-ttl span::after { content: ''; position: absolute; bottom: 0; right: 0; width: 35px; height: 35px; border-bottom: 1px solid #0059af; border-right: 1px solid #0059af; }
.company-csr .csr-lead { margin-bottom: 60px; text-align: center; }
.company-csr .csr-lead p { display: inline-block; line-height: 2; text-align: left; }
.company-csr .c-list-basic a { padding: 15px 10px; border-bottom: 1px solid #e8e8e8; background: none; color: #0059af; font-weight: bold; }
.company-csr .c-list-basic a .ico-blank { margin-left: 5px; }

/*# sourceMappingURL=itron.css.map */