@charset "UTF-8";


/* sass */
.l-head { width: 100%; position: fixed; z-index: 100; font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.hdr-logo-wrap { background-color: #1A1A1A; height: 50px; display: flex; justify-content: center; align-items: center; }

.hdr-logo { text-align: center; }

.hdr-logo img { width: 80px; height: auto; }

.gnav-main { overflow: hidden; height: 0; width: 100%; transition: height .5s; position: fixed; top: 50px; background-color: #1A1A1A; z-index: 1; }

.gnav-main.fst { border-top: 1px solid #505053; }

.gnav-main.fst > li > span { display: none; }

.gnav-main .snd > li > a { font-size: 1.8rem; line-height: 1.2; text-decoration: none; color: #fff; display: block; padding: 18px 35px 18px 20px; font-weight: 500; position: relative; border-bottom: 1px solid #505053; }

.gnav-main .snd > li > a::after { font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 12px; color: #C70133; content: '\003009'; }

.gnav-main .snd > li.nav-pdt-inf > a.pc-link { display: none; }

.gnav-main .snd > li:last-child > a::after { right: 9px; }

.gnav-main .snd > li:last-child > a::before { font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px; color: #C70133; content: '\003009'; }

.gnav-mega.active .gnav-main { overflow: auto; height: calc(100vh - 50px); }

.gnav-main-pt2 { height: 0; width: 100%; transition: height .5s; position: fixed; top: 50px; background-color: #1A1A1A; overflow-y: auto; z-index: 2; }

.gnav-main-pt2 .gnav-close-snd { text-align: center; margin-top: 32px; }

.gnav-main-pt2 .gnav-close-snd > a { display: inline-block; text-decoration: none; color: #C70133; font-size: 1.4rem; padding: 10px 16px 10px 38px; position: relative; border: 1px solid #fff; border-radius: 50px; }

.gnav-main-pt2 .gnav-close-snd > a::before, .gnav-main-pt2 .gnav-close-snd > a::after { content: ''; position: absolute; display: inline-block; width: 24px; height: 1px; background-color: #fff; left: 10px; top: 16px; }

.gnav-main-pt2 .gnav-close-snd > a::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.gnav-main-pt2 .gnav-close-snd > a::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.gnav-main-pt2.active { height: calc(100vh - 50px); padding-bottom: 100px; }

.gnav-main-pt2.fst > li:first-child { margin-top: 1px; }

.gnav-main-pt2 .snd { border-top: 1px solid #717171; }

.gnav-main-pt2 .snd > li > a { font-weight: 500; font-size: 2rem; line-height: 1.2; text-decoration: none; color: #fff; display: block; padding: 18px; border-bottom: 2px solid #717171; }

.gnav-main-pt2 .snd > li > a > span { padding-right: 42px; position: relative; }

.gnav-main-pt2 .snd > li > a > span::before { content: ''; font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 12px; content: '\003009'; color: #C70133; }

.gnav-main-pt2 .thd { padding: 30px 20px 0; }

.gnav-main-pt2 .thd > li + li { margin-top: 40px; }

.gnav-main-pt2 .thd > li > a, .gnav-main-pt2 .thd > li > span { font-size: 1.8rem; line-height: 1.2; text-decoration: none; color: #fff; display: block; padding-bottom: 8px; font-weight: 500; border-bottom: 1px solid #717171; }

.gnav-main-pt2 .thd > li > a > span { padding-right: 30px; position: relative; }

.gnav-main-pt2 .thd > li > a > span::before { position: absolute; font-weight: normal; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; color: #C70133; content: '\003009'; }

.gnav-main-pt2 .fth { margin-top: 8px; }

.gnav-main-pt2 .fth > li > a { display: block; padding: 8px 16px 8px 16px; position: relative; text-decoration: none; font-size: 1.4rem; font-weight: normal; color: #fff; }

.gnav-main-pt2 .fth > li > a::before { position: absolute; font-weight: normal; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 2px; color: #C70133; content: '\003009'; }

.gnav-btn { position: absolute; left: 20px; top: 13px; }

.gnav-btn a { display: block; position: relative; width: 24px; height: 24px; }

.gnav-btn a > span { position: absolute; display: inline-block; width: 100%; height: 2px; background-color: #fff; transition: all .5s; left: 0; }

.gnav-btn a > span:nth-child(1) { top: 2px; }

.gnav-btn a > span:nth-child(2) { top: 11px; }

.gnav-btn a > span:nth-child(3) { bottom: 2px; }

.gnav-btn a.active > span:nth-child(1) { -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); }

.gnav-btn a.active > span:nth-child(2) { opacity: 0; }

.gnav-btn a.active > span:nth-child(3) { -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); }

.cat-btn a { display: block; width: 32px; height: 32px; background: url(/shared_v3/image/icn_bulb.png) no-repeat center bottom/18px auto; position: relative; }

.cat-btn a.active { right: 4px; top: 7px; width: 24px; height: 24px; background: none; }

.cat-btn a.active::before, .cat-btn a.active::after { content: ''; position: absolute; display: inline-block; width: 100%; height: 2px; background-color: #fff; transition: all .5s; left: 0; }

.cat-btn a.active::before { top: 2px; -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg); }

.cat-btn a.active::after { bottom: 2px; -webkit-transform: translateY(-9px) rotate(45deg); transform: translateY(-9px) rotate(45deg); }

.cat-btn span { display: none; }

.hdr-btn-wrap { position: absolute; right: 10px; top: 6px; }

.nav-sub-wrap { padding: 25px 20px 50px; }

.nav-input { margin-bottom: 20px; }

.input-wrap { display: block; border: 1px solid #CED0DA; font-size: 0; }

.input-txt { width: calc(100% - 40px); height: 40px; padding: 10px 15px; display: inline-block; vertical-align: top; background-color: #EEEEEE; line-height: normal; }

_:lang(x)::-ms-backdrop, .input-txt { line-height: 1; }

.input-btn { width: 40px; height: 40px; display: inline-block; vertical-align: top; text-indent: 100%; white-space: nowrap; overflow: hidden; background: #EEEEEE url(/shared_v3/image/icn_search2.png) no-repeat center/18px auto; }

.nav-member > a, .nav-inq > a, .nav-catalog > a { display: inline-block; padding: 8px 16px 8px 16px; position: relative; text-decoration: none; font-size: 1.4rem; font-weight: normal; color: #fff; }

.nav-member > a::before, .nav-inq > a::before, .nav-catalog > a::before { position: absolute; font-weight: normal; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 2px; color: #C70133; content: '\003009'; }

.gnav-close-fst, .cnav-close-fst { display: none; }

.cnav-main { overflow: hidden; height: 0; width: 100%; transition: height .5s; position: fixed; top: 50px; background-color: #1A1A1A; z-index: 1; }

.cnav-main.fst { border-top: 1px solid #505053; }

.cnav-main.fst > li:first-child > span { display: none; }

.cnav-main .snd > li > a { font-size: 1.8rem; line-height: 1.2; text-decoration: none; color: #fff; display: block; padding: 18px 35px 18px 60px; font-weight: 500; position: relative; border-bottom: 1px solid #505053; }

.cnav-main .snd > li > a::after { font-weight: normal; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 12px; color: #C70133; content: '\003009'; }

.cnav-main .snd > li > a::before { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; }

.cnav-main .snd > li.nav-img-pdt > a::before { left: 20px; background: url(/shared_v3/image/icn_building.png) no-repeat center center/18px auto; width: 18px; height: 24px; }

.cnav-main .snd > li.nav-srh-pdt > a::before { left: 20px; background: url(/shared_v3/image/icn_search1.png) no-repeat center center/24px auto; width: 24px; height: 24px; }

.cnav-main .snd > li.nav-srh-pdt > a.pc-link { display: none; }

.cnav-main .snd > li.nav-srh-pdt > a.sp-link { display: block; }

.cnav-main .snd > li.nav-ctl-pdt > a::before { left: 20px; background: url(/shared_v3/image/icn_book.png) no-repeat center center/24px auto; width: 24px; height: 24px; }

.cnav-main .snd > li.nav-lve-pdt > a::before { left: 20px; background: url(/shared_v3/image/icn_lamp.png) no-repeat center center/24px auto; width: 24px; height: 24px; }

.cnav-main .snd > li.nav-new-pdt > a::before { left: 20px; background: url(/shared_v3/image/icn_new.png) no-repeat center center/24px auto; width: 24px; height: 24px; }

.cnav-mega.active .cnav-main { overflow: auto; height: calc(100vh - 50px); }

.l-body-wrap { padding-top: 50px; }

.l-body { padding: 0 20px; }

.l-inner-ful { margin: 0 -20px; padding: 0 20px; }

.l-inner-ful-img { margin: 0 -20px; padding: 0; }

.l-body.row2 { display: flex; flex-direction: column; }

.l-body.row2 .l-body-main { order: 2; margin-top: 40px; }

.l-body.row2 .l-body-sub { order: 1; margin-top: 40px; }

.bread-crumb-wrap { display: none; }

.bread-crumb { font-size: 0; }

.bread-crumb > li { display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.2; color: #C70133; }

.bread-crumb > li:not(:last-child) { padding-right: 1.5em; position: relative; }

.bread-crumb > li:not(:last-child)::after { color: #C70133; top: 0; right: 0; position: absolute; content: '\003009'; }

.bread-crumb > li > a { color: #000; text-decoration: none; }

.bread-crumb > li > a:visited { color: #717171; }

.lnav-company-wrap, .lnav-company-eco-wrap, .lnav-support-wrap { margin-top: 70px; }

.lnav-company, .lnav-company-eco, .lnav-support { border-top: 1px solid #CED0DA; border-bottom: 1px solid #CED0DA; }

.lnav-company.fst > li, .lnav-company-eco.fst > li, .lnav-support.fst > li { font-size: 1.8rem; line-height: 1.5; }

.lnav-company.fst > li > .lnav-inner > a, .lnav-company-eco.fst > li > .lnav-inner > a, .lnav-support.fst > li > .lnav-inner > a { padding: 15px 10px; display: block; text-decoration: none; color: #000; }

.lnav-company.fst > li > .lnav-inner > a > span, .lnav-company-eco.fst > li > .lnav-inner > a > span, .lnav-support.fst > li > .lnav-inner > a > span { display: inline-block; position: relative; padding-left: 18px; }

.lnav-company.fst > li > .lnav-inner > a > span::before, .lnav-company-eco.fst > li > .lnav-inner > a > span::before, .lnav-support.fst > li > .lnav-inner > a > span::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #C70133; content: '\003009'; }

.lnav-company .snd, .lnav-company-eco .snd, .lnav-support .snd { background-color: #EEEEEE; }

.lnav-company .snd > li > .lnav-inner > span, .lnav-company-eco .snd > li > .lnav-inner > span, .lnav-support .snd > li > .lnav-inner > span { font-size: 1.4rem; line-height: 1.5; text-decoration: none; color: #000; font-weight: 700; padding: 10px; display: block; }

.lnav-company .snd > li > .lnav-inner > a, .lnav-company-eco .snd > li > .lnav-inner > a, .lnav-support .snd > li > .lnav-inner > a { font-size: 1.4rem; line-height: 1.5; text-decoration: none; font-weight: 700; color: #000; padding: 10px 10px 10px 30px; display: block; position: relative; }

.lnav-company .snd > li > .lnav-inner > a::before, .lnav-company-eco .snd > li > .lnav-inner > a::before, .lnav-support .snd > li > .lnav-inner > a::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 15px; color: #C70133; content: '\003009'; }

.lnav-company .thd, .lnav-company-eco .thd, .lnav-support .thd { background: #fff; }

.lnav-company .thd > li, .lnav-company-eco .thd > li, .lnav-support .thd > li { border-top: 1px solid #CED0DA; }

.lnav-company .thd > li > a, .lnav-company-eco .thd > li > a, .lnav-support .thd > li > a { display: block; font-size: 1.4rem; line-height: 1.5; text-decoration: none; color: #000; padding: 10px; position: relative; }

.lnav-company .thd > li > a.blank01, .lnav-company-eco .thd > li > a.blank01, .lnav-support .thd > li > a.blank01 { margin-right: 0; }

.lnav-company .thd > li > a > span, .lnav-company-eco .thd > li > a > span, .lnav-support .thd > li > a > span { display: inline-block; position: relative; padding-left: 18px; }

.lnav-company .thd > li > a > span::before, .lnav-company-eco .thd > li > a > span::before, .lnav-support .thd > li > a > span::before { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #C70133; content: '\003009'; }

.lnav-company .lnav-inner + .snd > li, .lnav-company-eco .lnav-inner + .snd > li, .lnav-support .lnav-inner + .snd > li { border-top: 1px solid #CED0DA; }

.company-current1 .lnav-company .thd > li.company-current1 > a { color: #C70133; background-color: #FAFBFC; }

.company-current2 .lnav-company .thd > li.company-current2 > a { color: #C70133; background-color: #FAFBFC; }

.company-current3 .lnav-company .thd > li.company-current3 > a { color: #C70133; background-color: #FAFBFC; }

.company-current4 .lnav-company .thd > li.company-current4 > a { color: #C70133; background-color: #FAFBFC; }

.company-current5 .lnav-company .thd > li.company-current5 > a { color: #C70133; background-color: #FAFBFC; }

.company-current6 .lnav-company .thd > li.company-current6 > a { color: #C70133; background-color: #FAFBFC; }

.company-current7 .lnav-company .thd > li.company-current7 > a { color: #C70133; background-color: #FAFBFC; }

.company-current8 .lnav-company .thd > li.company-current8 > a { color: #C70133; background-color: #FAFBFC; }

.company-current9 .lnav-company .thd > li.company-current9 > a { color: #C70133; background-color: #FAFBFC; }

.company-current10 .lnav-company .thd > li.company-current10 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco1 .lnav-company-eco .thd > li.company-current-eco1 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco2 .lnav-company-eco .thd > li.company-current-eco2 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco3 .lnav-company-eco .thd > li.company-current-eco3 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco4 .lnav-company-eco .thd > li.company-current-eco4 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco5 .lnav-company-eco .thd > li.company-current-eco5 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco6 .lnav-company-eco .thd > li.company-current-eco6 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco7 .lnav-company-eco .thd > li.company-current-eco7 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco8 .lnav-company-eco .thd > li.company-current-eco8 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco9 .lnav-company-eco .thd > li.company-current-eco9 > a { color: #C70133; background-color: #FAFBFC; }

.company-current-eco10 .lnav-company-eco .thd > li.company-current-eco10 > a { color: #C70133; background-color: #FAFBFC; }

.support-current1 .lnav-support .thd > li.support-current1 > a { color: #C70133; background-color: #FAFBFC; }

.support-current2 .lnav-support .thd > li.support-current2 > a { color: #C70133; background-color: #FAFBFC; }

.support-current3 .lnav-support .thd > li.support-current3 > a { color: #C70133; background-color: #FAFBFC; }

.support-current4 .lnav-support .thd > li.support-current4 > a { color: #C70133; background-color: #FAFBFC; }

.support-current5 .lnav-support .thd > li.support-current5 > a { color: #C70133; background-color: #FAFBFC; }

.support-current6 .lnav-support .thd > li.support-current6 > a { color: #C70133; background-color: #FAFBFC; }

.support-current7 .lnav-support .thd > li.support-current7 > a { color: #C70133; background-color: #FAFBFC; }

.support-current8 .lnav-support .thd > li.support-current8 > a { color: #C70133; background-color: #FAFBFC; }

.support-current9 .lnav-support .thd > li.support-current9 > a { color: #C70133; background-color: #FAFBFC; }

.support-current10 .lnav-support .thd > li.support-current10 > a { color: #C70133; background-color: #FAFBFC; }

.support-current11 .lnav-support .thd > li.support-current11 > a { color: #C70133; background-color: #FAFBFC; }

.support-current12 .lnav-support .thd > li.support-current12 > a { color: #C70133; background-color: #FAFBFC; }

.support-current13 .lnav-support .thd > li.support-current13 > a { color: #C70133; background-color: #FAFBFC; }

.support-current14 .lnav-support .thd > li.support-current14 > a { color: #C70133; background-color: #FAFBFC; }

.support-current15 .lnav-support .thd > li.support-current15 > a { color: #C70133; background-color: #FAFBFC; }

.support-current16 .lnav-support .thd > li.support-current16 > a { color: #C70133; background-color: #FAFBFC; }

.support-current17 .lnav-support .thd > li.support-current17 > a { color: #C70133; background-color: #FAFBFC; }

.support-current18 .lnav-support .thd > li.support-current18 > a { color: #C70133; background-color: #FAFBFC; }

.support-current19 .lnav-support .thd > li.support-current19 > a { color: #C70133; background-color: #FAFBFC; }

.support-current20 .lnav-support .thd > li.support-current20 > a { color: #C70133; background-color: #FAFBFC; }

.lnav-support .blank01 .icn { position: relative; margin-left: 5px; font-size: 0; display: inline-block; }

.lnav-support .blank01 .icn::after { content: ''; width: 18px; height: 18px; background: url(/shared_v3/image/icn_blank.png) center no-repeat; background-size: 16px auto; position: absolute; left: 0; top: -10px; margin: auto; }

.top .l-foot .ftr-top, .cmp-top .l-foot .ftr-top, [class^="company-current"] .l-foot .ftr-top { margin-top: 0; }

.l-foot { font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.ftr-top { margin-top: 50px; background-color: #EEEEEE; }

.ftr-top .l-inner { padding-top: 40px; }

.ftr-bottom { background-color: rgba(0, 0, 0, 0.7); }

.ftr-bottom .l-inner { padding: 40px 30px 20px; }

.ftr-logo { text-align: center; }

.ftr-logo img { width: 160px; height: auto; }

.ftr-nav-wrap { margin-top: 40px; border-bottom: 1px solid #CED0DA; }

.ftr-nav.fst > li { border-top: 1px solid #CED0DA; }

.ftr-nav.fst > li > a { display: block; text-decoration: none; font-size: 1.4rem; line-height: 1.2; color: #000; padding: 16px 35px 16px 18px; position: relative; font-weight: 500; }

.ftr-nav.fst > li > a::after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 12px; color: #C70133; content: '\003009'; }

.ftr-nav.fst > li > a.pc-link { display: none; }

.ftr-nav .snd { display: none; }

.ftr-nav-sub { text-align: center; font-size: 0; margin-top: -12px; }

.ftr-nav-sub > li { display: inline-block; vertical-align: top; font-size: 1.2rem; line-height: 1.2; margin-top: 12px; padding: 0 16px; position: relative; }

.ftr-nav-sub > li:not(:last-child)::after { right: 0; position: absolute; content: ''; background: #fff; width: 1px; height: 1em; }

.ftr-nav-sub > li a { text-decoration: none; color: #fff; }

.ftr-copy { text-align: center; color: #fff; padding: 10px 10px 15px; border-top: 1px solid #3d3c41; }

.ftr-copy small { font-size: 1rem; }

@media all and (min-width: 769px) { .l-head { min-width: 1220px; } .hdr-logo-wrap { height: 70px; position: relative; } .hdr-logo img { width: 100px; }
  .hdr-logo a { transition: opacity .2s; }
  .hdr-logo a:hover { opacity: .5; } .gnav-mega { height: 0; min-width: 1220px; width: 100%; position: absolute; overflow: auto; transition: all .5s; display: flex; justify-content: center; align-items: flex-start; background-color: rgba(255, 255, 255, 0.9); z-index: 1; }
  .gnav-mega.active { height: calc(100vh + 77px); padding-bottom: 130px; } .gnav-main { top: auto; overflow: visible; height: auto; width: 530px; position: static; background-color: transparent; margin: 50px 18px 0; }
  .gnav-main.fst { border-top: none; }
  .gnav-main.fst > li > span { display: block; font-weight: 500; font-size: 2rem; line-height: 1.2; padding-bottom: 10px; border-bottom: 1px solid #000; }
  .gnav-main .snd { display: flex; flex-wrap: wrap; margin: 10px 0 0 -10px; }
  .gnav-main .snd > li { width: calc(50% - 10px); margin: 10px 0 0 10px; display: flex; align-items: center; height: 100px; }
  .gnav-main .snd > li > a { display: flex; text-align: center; align-items: center; justify-content: center; background: #000; width: 100%; height: 100px; font-size: 1.5rem; color: #fff; padding: 10px; font-weight: normal; border-bottom: none; transition: background .2s; }
  .gnav-main .snd > li > a::after { content: none; }
  .gnav-main .snd > li > a > span { display: inline-block; padding-top: 35px; position: relative; }
  .gnav-main .snd > li > a > span::before { position: absolute; top: 0; left: 0; right: 0; margin: auto; content: ''; width: 25px; height: 25px; }
  .gnav-main .snd > li.nav-pdt-inf > a { background: url(/shared_v3/image/bg_nav_search.jpg) no-repeat center top; }
  .gnav-main .snd > li.nav-pdt-inf > a > span::before { background: url(/shared_v3/image/icn_search1.png) no-repeat center top/auto 25px; }
  .gnav-main .snd > li.nav-pdt-inf > a.pc-link { display: flex; }
  .gnav-main .snd > li.nav-pdt-inf > a.sp-link { display: none; }
  .gnav-main .snd > li.nav-pdt-inf > a:hover { background: #C70133; }
  .gnav-main .snd > li.nav-pdt-ind > a { background: url(/shared_v3/image/bg_nav_product.jpg) no-repeat center top; }
  .gnav-main .snd > li.nav-pdt-ind > a > span::before { background: url(/shared_v3/image/icn_new.png) no-repeat center top/auto 25px; }
  .gnav-main .snd > li.nav-pdt-ind > a:hover { background: #C70133; }
  .gnav-main .snd > li.nav-web-cat > a { background: url(/shared_v3/image/bg_nav_webcatalog.jpg) no-repeat center top; }
  .gnav-main .snd > li.nav-web-cat > a > span::before { background: url(/shared_v3/image/icn_book.png) no-repeat center top/auto 25px; }
  .gnav-main .snd > li.nav-web-cat > a:hover { background: #C70133; }
  .gnav-main .snd > li.nav-cst-cse > a { background: url(/shared_v3/image/bg_nav_case.jpg) no-repeat center top; }
  .gnav-main .snd > li.nav-cst-cse > a > span::before { background: url(/shared_v3/image/icn_building.png) no-repeat center top/auto 25px; }
  .gnav-main .snd > li.nav-cst-cse > a:hover { background: #C70133; }
  .gnav-main .snd > li.nav-cst-spt > a { background: url(/shared_v3/image/bg_nav_support.jpg) no-repeat center top; }
  .gnav-main .snd > li.nav-cst-spt > a > span::before { background: url(/shared_v3/image/icn_support.png) no-repeat center top/auto 25px; }
  .gnav-main .snd > li.nav-cst-spt > a:hover { background: #C70133; }
  .gnav-main .snd > li.nav-swr-gid > a { background: url(/shared_v3/image/bg_nav_showroom.jpg) no-repeat center top; }
  .gnav-main .snd > li.nav-swr-gid > a > span::before { background: url(/shared_v3/image/icn_lamp.png) no-repeat center top/auto 25px; }
  .gnav-main .snd > li.nav-swr-gid > a:hover { background: #C70133; } .gnav-mega.active .gnav-main { height: auto; overflow: visible; } .gnav-main-pt2 { height: auto; position: relative; top: auto; overflow-y: visible; background-color: transparent; width: 510px; margin: 50px 18px 0; }
  .gnav-main-pt2 .gnav-close-snd { display: none; }
  .gnav-main-pt2.active { height: auto; padding-bottom: 0; }
  .gnav-main-pt2.fst > li:first-child { margin-top: 0; }
  .gnav-main-pt2 .snd { border-top: none; }
  .gnav-main-pt2 .snd > li { display: flex; flex-wrap: wrap; width: 510px; }
  .gnav-main-pt2 .snd > li > a { color: #000; display: block; font-weight: 500; font-size: 2rem; line-height: 1.2; padding: 0; width: 240px; border-bottom: none; padding-bottom: 143px; background: url(/shared_v3/image/bg_nav_about.jpg) no-repeat center bottom; transition: opacity .2s; }
  .gnav-main-pt2 .snd > li > a:hover { opacity: .5; }
  .gnav-main-pt2 .snd > li > a > span { padding-right: 0; display: block; padding-bottom: 10px; border-bottom: 1px solid #000; }
  .gnav-main-pt2 .snd > li > a > span::before { content: none; }
  .gnav-main-pt2 .snd > li > a::before { content: none; }
  .gnav-main-pt2 .thd { padding: 0; }
  .gnav-main-pt2 .thd > li + li { margin-top: 0; }
  .gnav-main-pt2 .thd > li.nav-ir { margin-left: 30px; }
  .gnav-main-pt2 .thd > li.nav-ir > a { display: block; font-weight: 500; font-size: 2rem; line-height: 1.2; width: 240px; color: #000; border-bottom: none; padding: 0 0 143px 0; background: url(/shared_v3/image/bg_nav_ir.jpg) no-repeat center bottom; transition: opacity .2s; }
  .gnav-main-pt2 .thd > li.nav-ir > a:hover { opacity: .5; }
  .gnav-main-pt2 .thd > li.nav-ir > a > span { display: block; padding-bottom: 10px; border-bottom: 1px solid #000; padding-right: 0; }
  .gnav-main-pt2 .thd > li.nav-ir > a > span::before { content: none; }
  .gnav-main-pt2 .thd > li > a > span { padding-right: 30px; position: relative; }
  .gnav-main-pt2 .thd > li > a > span::before { position: absolute; font-weight: normal; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 5px; color: #C70133; content: '\003009'; }
  .gnav-main-pt2 .fth { margin-top: 0; }
  .gnav-main-pt2 .fth > li.pc-nav-pt1 { position: absolute; top: 390px; left: -565px; }
  .gnav-main-pt2 .fth > li.pc-nav-pt1 > a { transition: opacity .2s; color: #000; }
  .gnav-main-pt2 .fth > li.pc-nav-pt1 > a:hover { opacity: .5; }
  .gnav-main-pt2 .fth.nav-recruit-wrap { display: flex; margin-top: 20px; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li + li { margin-left: 30px; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li > a { display: block; font-weight: 500; font-size: 2rem; line-height: 1.2; width: 240px; padding: 0 0 143px 0; transition: opacity .2s; color: #000; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li > a::before { content: none; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li > a:hover { opacity: .5; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li > a > span { display: block; padding-bottom: 10px; border-bottom: 1px solid #000; padding-right: 0; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li.nav-recruit > a { background: url(/shared_v3/image/bg_nav_recruit.jpg) no-repeat center bottom; }
  .gnav-main-pt2 .fth.nav-recruit-wrap > li.nav-career > a { background: url(/shared_v3/image/bg_nav_career.jpg) no-repeat center bottom; } .gnav-btn { top: 22px; }
  .gnav-btn a { transition: opacity .2s; }
  .gnav-btn a.active::before { left: 0; bottom: -24px; position: absolute; content: ''; color: red; width: 22px; height: 14px; background: url(/shared_v3/image/hdr_triangle.png) no-repeat left top/22px auto; z-index: 1000; } .cat-btn a { font-size: 1.8rem; text-decoration: none; width: auto; height: auto; background: none; }
  .cat-btn a > span { display: inline-block; transition: opacity .2s; padding-left: 50px; background: url(/shared_v3/image/icn_bulb.png) no-repeat 20px bottom/18px auto; min-height: 32px; }
  .cat-btn a:hover > span { opacity: .5; }
  .cat-btn a.active { right: auto; top: auto; width: auto; height: auto; }
  .cat-btn a.active > span { opacity: .5; }
  .cat-btn a.active::after { content: none; }
  .cat-btn a.active::before { -webkit-transform: translateY(0) rotate(0deg); transform: translateY(0) rotate(0deg); left: 82px; top: auto; bottom: -22px; position: absolute; content: ''; color: red; width: 22px; height: 14px; background: url(/shared_v3/image/hdr_triangle.png) no-repeat left top/22px auto; z-index: 1000; }
  .cat-btn span { display: inline-block; padding-top: 8px; color: #fff; }
  .cat-btn _:lang(x)::-ms-backdrop, .cat-btn span { padding-top: 12px; } .hdr-btn-wrap { right: 30px; top: 16px; } .pc-nav-pt1 { position: absolute; top: 390px; left: -565px; }
  .pc-nav-pt1 > a { font-weight: 500; } .nav-sub-wrap { border-top: 1px dotted #4A4A4A; width: 1110px; margin-top: 90px; padding: 20px 10px; min-height: 200px; } .nav-sub { display: flex; align-items: center; } .nav-input { order: 4; margin-bottom: 0; margin-left: 34px; } .input-wrap { width: 249px; border: 1px solid #979797; } .input-txt { width: 195px; height: 34px; background-color: #fff; padding: 10px; } .input-btn { width: 52px; height: 34px; border-left: 1px solid #979797; background: #D0021B; text-indent: 0; color: #fff; text-align: center; font-size: 1.4rem; line-height: 1; } .nav-member > a, .nav-inq > a, .nav-catalog > a { padding: 0 0 0 26px; transition: opacity .2s; color: #000; }
  .nav-member > a:hover, .nav-inq > a:hover, .nav-catalog > a:hover { opacity: .5; }
  .nav-member > a::before, .nav-inq > a::before, .nav-catalog > a::before { content: ''; }
  .nav-member _:lang(x)::-ms-backdrop, .nav-member > a, .nav-inq _:lang(x)::-ms-backdrop, .nav-inq > a, .nav-catalog _:lang(x)::-ms-backdrop, .nav-catalog > a { padding: 5px 0 0 26px; } .nav-member { order: 1; }
  .nav-member > a::before { left: 0; width: 18px; height: 22px; background: url(/shared_v3/image/icn_member.png) no-repeat center; }
  .nav-inq { order: 2; margin-left: 30px; }
  .nav-inq > a::before { left: 0; width: 18px; height: 13px; background: url(/shared_v3/image/icn_mail.png) no-repeat center; }
  .nav-catalog { order: 3; margin-left: 30px; }
  .nav-catalog > a::before { left: 0; width: 18px; height: 19px; background: url(/shared_v3/image/icn_catalog.png) no-repeat center; } .gnav-close-fst, .cnav-close-fst { display: block; width: 1110px; text-align: right; margin-top: -180px; }
  .gnav-close-fst > a, .cnav-close-fst > a { display: inline-block; text-decoration: none; color: #000; font-size: 1.4rem; padding: 10px 16px 10px 38px; position: relative; border: 1px solid #000; border-radius: 50px; transition: opacity .2s; z-index: 10; }
  .gnav-close-fst > a:hover, .cnav-close-fst > a:hover { color: #C70133; }
  .gnav-close-fst > a::before, .gnav-close-fst > a::after, .cnav-close-fst > a::before, .cnav-close-fst > a::after { content: ''; position: absolute; display: inline-block; width: 24px; height: 1px; background-color: #000; left: 10px; top: 16px; }
  .gnav-close-fst > a::before, .cnav-close-fst > a::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .gnav-close-fst > a::after, .cnav-close-fst > a::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .gnav-close-fst _:lang(x)::-ms-backdrop, .gnav-close-fst > a, .cnav-close-fst _:lang(x)::-ms-backdrop, .cnav-close-fst > a { padding: 15px 16px 10px 38px; }
  .gnav-close-fst _:lang(x)::-ms-backdrop, .gnav-close-fst > a::before, .gnav-close-fst _:lang(x)::-ms-backdrop, .gnav-close-fst > a::after, .cnav-close-fst _:lang(x)::-ms-backdrop, .cnav-close-fst > a::before, .cnav-close-fst _:lang(x)::-ms-backdrop, .cnav-close-fst > a::after { top: 19px; } .fst .cnav-close-fst { margin-left: -155px; } .cnav-main { top: auto; overflow: visible; height: auto; width: 1110px; position: static; background-color: transparent; margin: 80px 18px 0; padding: 0 155px; }
  .cnav-main.fst { border-top: none; }
  .cnav-main.fst > li:first-child > span { display: block; }
  .cnav-main.fst > li { text-align: center; }
  .cnav-main.fst > li.cnav-close-fst { text-align: right; }
  .cnav-main.fst > li > span { display: block; font-weight: 500; font-size: 2rem; line-height: 1.2; padding-bottom: 10px; border-bottom: 1px solid #000; }
  .cnav-main .snd { display: flex; flex-wrap: wrap; justify-content: center; margin: 14px 0 0 -10px; }
  .cnav-main .snd > li { width: calc(33.333% - 10px); margin: 10px 0 0 10px; display: flex; align-items: center; height: 130px; }
  .cnav-main .snd > li > a { display: flex; text-align: center; align-items: center; justify-content: center; font-size: 1.6rem; line-height: 1.4; padding: 75px 10px 10px; border-bottom: none; width: 100%; height: 130px; transition: background .2s; background: #000; }
  .cnav-main .snd > li > a:hover { background: #C70133; }
  .cnav-main .snd > li > a::after { content: none; }
  .cnav-main .snd > li > a::before { top: 20px; bottom: auto; left: 0; right: 0; margin: auto; }
  .cnav-main .snd > li.nav-img-pdt > a::before { left: 0; background: url(/shared_v3/image/icn_building.png) no-repeat center top/30px auto; width: 30px; height: 40px; }
  .cnav-main .snd > li.nav-srh-pdt > a::before { left: 0; background: url(/shared_v3/image/icn_search1.png) no-repeat center top/38px auto; width: 38px; height: 37px; }
  .cnav-main .snd > li.nav-srh-pdt > a.pc-link { display: flex; }
  .cnav-main .snd > li.nav-srh-pdt > a.sp-link { display: none; }
  .cnav-main .snd > li.nav-ctl-pdt > a::before { left: 0; background: url(/shared_v3/image/icn_book.png) no-repeat center top/36px auto; width: 36px; height: 36px; }
  .cnav-main .snd > li.nav-lve-pdt > a::before { left: 0; background: url(/shared_v3/image/icn_lamp.png) no-repeat center top/40px auto; width: 40px; height: 40px; }
  .cnav-main .snd > li.nav-new-pdt > a::before { left: 0; background: url(/shared_v3/image/icn_new.png) no-repeat center top/42px auto; width: 42px; height: 41px; }
  .cnav-main .nav-sub-wrap { position: relative; z-index: 1; margin-left: -155px; margin-right: -155px; } .cnav-mega { height: 0; min-width: 1220px; width: 100%; position: absolute; overflow: hidden; transition: all .5s; display: flex; justify-content: center; align-items: flex-start; background-color: rgba(255, 255, 255, 0.9); z-index: 1; }
  .cnav-mega.active { height: calc(100vh + 77px); padding-bottom: 130px; } .cnav-mega.active .cnav-main { height: auto; overflow: visible; } .l-all { min-width: 1220px; } .l-body-wrap { padding-top: 70px; } .l-body { min-width: 1110px; width: 1110px; margin: 0 auto; padding: 0 10px; }
  .l-body::after { content: ''; display: block; clear: both; } .l-body-wide-pc .bread-crumb-wrap { min-width: 1110px; width: 1110px; margin: 10px auto 0; } .l-inner-ful { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding-right: calc(50vw - 50%); padding-left: calc(50vw - 50%); max-width: auto; max-width: initial; } .l-inner-ful-img { margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); max-width: auto; max-width: initial; } .l-body.row2 { display: block; }
  .l-body.row2 .l-body-main { width: 800px; float: right; margin-top: 30px; }
  .l-body.row2 .l-body-sub { width: 246px; float: left; margin-top: 30px; } .bread-crumb-wrap { display: block; margin-top: 10px; } .bread-crumb > li > a:hover { text-decoration: underline; } .lnav-company-wrap, .lnav-company-eco-wrap, .lnav-support-wrap { margin-top: 130px; } .lnav-company.fst > li, .lnav-company-eco.fst > li, .lnav-support.fst > li { font-size: 1.6rem; }
  .lnav-company.fst > li > .lnav-inner, .lnav-company-eco.fst > li > .lnav-inner, .lnav-support.fst > li > .lnav-inner { width: 1090px; margin: 0 auto; }
  .lnav-company.fst > li > .lnav-inner > a, .lnav-company-eco.fst > li > .lnav-inner > a, .lnav-support.fst > li > .lnav-inner > a { display: inline-block; }
  .lnav-company.fst > li > .lnav-inner > a:hover > span > span, .lnav-company-eco.fst > li > .lnav-inner > a:hover > span > span, .lnav-support.fst > li > .lnav-inner > a:hover > span > span { text-decoration: underline; }
  .lnav-company .snd > li > .lnav-inner, .lnav-company-eco .snd > li > .lnav-inner, .lnav-support .snd > li > .lnav-inner { width: 1090px; margin: 0 auto; }
  .lnav-company .snd > li > .lnav-inner > span, .lnav-company-eco .snd > li > .lnav-inner > span, .lnav-support .snd > li > .lnav-inner > span { font-weight: normal; padding: 5px; }
  .lnav-company .snd > li > .lnav-inner > a, .lnav-company-eco .snd > li > .lnav-inner > a, .lnav-support .snd > li > .lnav-inner > a { display: inline-block; font-weight: normal; padding-left: 15px; }
  .lnav-company .snd > li > .lnav-inner > a::before, .lnav-company-eco .snd > li > .lnav-inner > a::before, .lnav-support .snd > li > .lnav-inner > a::before { left: 0; }
  .lnav-company .snd > li > .lnav-inner > a:hover span, .lnav-company-eco .snd > li > .lnav-inner > a:hover span, .lnav-support .snd > li > .lnav-inner > a:hover span { text-decoration: underline; }
  .lnav-company .lnav-inner-wrap, .lnav-company-eco .lnav-inner-wrap, .lnav-support .lnav-inner-wrap { background-color: #fff; border-top: 1px solid #CED0DA; }
  .lnav-company .thd, .lnav-company-eco .thd, .lnav-support .thd { width: 1090px; margin: 0 auto; display: flex; flex-wrap: wrap; border-left: 1px solid #CED0DA; }
  .lnav-company .thd.center, .lnav-company-eco .thd.center, .lnav-support .thd.center { justify-content: center; border-left: none; }
  .lnav-company .thd.center > li:first-child, .lnav-company-eco .thd.center > li:first-child, .lnav-support .thd.center > li:first-child { border-left: 1px solid #CED0DA; }
  .lnav-company .thd > li, .lnav-company-eco .thd > li, .lnav-support .thd > li { width: 16.666%; display: flex; border-top: none; border-right: 1px solid #CED0DA; border-bottom: 1px solid #CED0DA; -webkit-transform: translateY(1px); transform: translateY(1px); }
  .lnav-company .thd > li > a, .lnav-company-eco .thd > li > a, .lnav-support .thd > li > a { display: flex; width: 100%; align-items: center; padding: 15px; transition: background .2s; }
  .lnav-company .thd > li > a:hover, .lnav-company-eco .thd > li > a:hover, .lnav-support .thd > li > a:hover { color: #C70133; background-color: #FAFBFC; } .lnav-support .blank01 .icn::after { margin: unset; } .ftr-top { margin-top: 120px; }
  .ftr-top .l-inner { display: flex; align-items: flex-start; width: 1220px; padding: 40px 10px 45px; margin: 0 auto; } .ftr-bottom .l-inner { padding: 0; } .ftr-bottom-inner { width: 1220px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 20px 10px; } _:lang(x)::-ms-backdrop, .ftr-bottom-inner { padding: 20px 10px 15px; } .ftr-logo a { transition: opacity .5s; }
  .ftr-logo a:hover { opacity: .5; } .ftr-nav-wrap { display: flex; margin-top: 0; border-bottom: none; } .ftr-nav.fst { margin-left: 60px; }
  .ftr-nav.fst > li { border-top: none; }
  .ftr-nav.fst > li + li { margin-top: 18px; }
  .ftr-nav.fst > li > a { display: inline; font-weight: 500; padding: 0 0 0 20px; }
  .ftr-nav.fst > li > a::after { right: auto; left: 5px; }
  .ftr-nav.fst > li > a.pc-link { display: inline; }
  .ftr-nav.fst > li > a.sp-link { display: none; }
  .ftr-nav.fst > li > a:hover span { text-decoration: underline; }
  .ftr-nav .snd { display: block; }
  .ftr-nav .snd > li { margin: 12px 0 0 20px; }
  .ftr-nav .snd > li > a { padding-left: 1em; font-size: 1.4rem; line-height: 1.2; text-decoration: none; color: #000; position: relative; }
  .ftr-nav .snd > li > a::before { left: 0; position: absolute; content: '\0030fb'; }
  .ftr-nav .snd > li > a:hover span { text-decoration: underline; } .ftr-nav-sub { margin-top: 0; margin: 0 -20px; }
  .ftr-nav-sub > li { font-size: 1.4rem; margin-top: 0; padding: 0 20px; }
  .ftr-nav-sub > li:not(:last-child)::after { right: 0; position: absolute; content: ''; background: #fff; width: 1px; height: 1em; }
  .ftr-nav-sub > li a:hover { text-decoration: underline; } .ftr-copy { border-top: none; text-align: left; padding: 0; }
  .ftr-copy small { font-size: 1.4rem; } }

@media all and (min-width: 769px) and (max-width: 1199px) { .l-inner-ful { margin-left: -65px; margin-right: -65px; padding-left: 65px; padding-right: 65px; } .l-inner-ful-img { margin-left: -65px; margin-right: -65px; } }