@charset "UTF-8";

/* sass */
.hdg-hero { height: 220px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #ffffff; background-color: #000000; background-position: bottom center; background-repeat: no-repeat; background-size: cover; font-size: 3.2rem; line-height: 1.5; padding: 10px 20px; text-align: center; }

.search .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_search_sp.jpg); }

.product .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_product_sp.jpg); height: 267px; }

.product[class*="brand"] .hdg-hero, .product.bg-square-fix .hdg-hero { height: 220px; }

.design .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_design_sp.jpg); height: 267px; }

.technology .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_technology_sp.jpg); height: 267px; }

.gallery .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_gallery_sp.jpg); }

.info .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_info_sp.jpg); }

.question .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_question_sp.jpg); }

.showroom .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_showroom_sp.jpg); }

.contact .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_contact_sp.jpg); }

.hdg-hero > span { display: block; }

.hdg-hero > .en { line-height: 1; font-family: urw-din, sans-serif; font-weight: 600; font-size: 5rem; }

.hdg-hero > .jp { font-size: 1.8rem; line-height: 2; margin-top: 5px; font-weight: 400; }

.hdg-hero > .lead { font-size: 1.6rem; margin-top: 10px; font-weight: 700; }

.hdg-hero.new .icn, .hdg-hero.best .icn { position: relative; }

.hdg-hero.new .icn::after, .hdg-hero.best .icn::after { font-size: 1.2rem; margin-left: 20px; line-height: 1; color: #ffffff; width: 46px; height: 20px; display: inline-flex; align-items: center; justify-content: center; -webkit-transform: translateY(-0.5em); transform: translateY(-0.5em); }

.hdg-hero.new .icn::after { background-color: #B60300; content: 'NEW'; }

.hdg-hero.best .icn::after { background-color: #92C5AB; content: 'BEST'; }

.hdg-img { margin: 20px -20px 0; position: relative; }

.hdg-img .img-wrap { position: relative; overflow: hidden; }

.hdg-img .img-wrap::before { content: ""; display: block; padding-top: 50.1333%; }

.hdg-img img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto; }

.hdg-img .txt { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; z-index: 1; background-color: #ffffff; color: #304567; height: 38px; display: inline-flex; align-items: center; vertical-align: middle; font-size: 2.4rem; line-height: 1; font-family: urw-din, sans-serif; font-weight: 600; padding: 5px 20px; }

.hdg-img .txt::before { content: ''; right: -22px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 38px 0 0 22px; border-color: transparent transparent transparent #ffffff; }

section + section > .hdg-img { margin-top: 80px; }

.hdg-brand-lv1 { margin-top: 100px; font-size: 0; line-height: 0; }

.hdg-brand-lv1 .main { height: auto; }

.hdg-brand-lv1 .sub { font-size: 1.8rem; line-height: 1.5; font-weight: 700; display: block; }

.hdg-brand-lv1.brand01 .main { width: 190px; }

.hdg-brand-lv1.brand05 .main { width: 90px; }

.hdg-brand-lv1.brand03 .main { width: 104px; }

.hdg-brand-lv1.brand06 .main { width: 190px; }

.hdg-brand-lv1.brand07 .main { width: 234px; }

.hdg-brand-lv1.brand08 .main { width: 124px; }

.hdg-brand-lv1.brand09 .main { width: 201px; }

.hdg-brand-lv1.brand12 .main { width: 168px; }

.hdg-lv2 { text-align: center; color: #304567; font-size: 2.8rem; line-height: 1.6; font-weight: 700; margin-top: 90px; }

.hdg-lv2 .hdg-inner { display: block; font-size: 2.2rem; }

.hdg-lang-lv2 { margin-top: 80px; }

.hdg-lang-lv2 > .jp { line-height: 1.5; font-size: 3.2rem; display: block; color: #333333; font-weight: 700; }

.hdg-lang-lv2 > .en { color: #707070; font-size: 1.6rem; font-family: urw-din, sans-serif; font-weight: 500; line-height: 1; display: block; margin-top: 2px; }

.hdg-lang-lv2-pt2 { margin-top: 65px; }

.hdg-lang-lv2-pt2 > .en { line-height: 1; color: #000000; font-size: 4rem; font-family: urw-din, sans-serif; font-weight: 600; }

.hdg-lang-lv2-pt2 > .jp { margin-top: 1px; line-height: 1; font-size: 1.2rem; display: block; color: #707070; font-weight: 300; }

section + section > .hdg-lang-lv2-pt2 { margin-top: 120px; }

.hdg-lv3 { text-align: center; color: #304567; font-size: 2rem; line-height: 1.5; font-weight: 700; margin-top: 70px; }

.hdg-lv3-pt2 { padding: 20px; background-color: #EEEFF3; color: #304567; font-size: 2rem; line-height: 1.5; font-weight: 700; margin-top: 60px; }

.list-anc + section > .hdg-lv3-pt2:first-of-type { margin-top: 48px; }

.hdg-lv3-pt3 { color: #304567; font-size: 2rem; line-height: 1.5; font-weight: 700; margin-top: 70px; text-align: center; }

.hdg-lv4 { font-size: 1.6rem; font-weight: 700; line-height: 1.5; color: #304567; margin-top: 40px; margin-left: 10px; }

.hdg-lv3-pt2 + .row1-2 > *:first-of-type .hdg-lv4 { margin-top: 24px; }

.hdg-lv5 { margin-top: 30px; font-weight: 700; font-size: 1.8rem; padding-bottom: 10px; border-bottom: 1px solid #BFC2D1; }

.hdg-lv5-pt2 { color: #304567; font-weight: 700; font-size: 1.8rem; margin-top: 80px; border-bottom: 1px solid #BFC2D1; padding-bottom: 10px; }

.row1-2 .hdg-lv5-pt2 { margin-top: 60px; }

.uq-technology-pt3 .hdg-lv5-pt2 { margin-top: 60px; }

.hdg-lv5-pt3 { color: #304567; font-weight: 700; font-size: 2rem; margin-top: 80px; border-bottom: 1px solid #BFC2D1; padding-bottom: 10px; }

.hdg-brand { margin-top: 50px; line-height: 1.5; font-size: 0; display: flex; align-items: center; font-size: 2.2rem; font-weight: 700; }

.hdg-brand img { width: auto; }

.uq-product-list > *:first-of-type .hdg-brand { margin-top: 35px; }

.hdg-brand.brand01 img, .hdg-brand.brand05 img, .hdg-brand.brand07 img, .hdg-brand.brand08 img, .hdg-brand.brand12 img { height: 20px; }

.hdg-brand.brand03 img, .hdg-brand.brand-arttec img { height: 22px; }

.hdg-brand.brand09 img { height: 30px; }

.hr-st { margin: 0; padding: 0; border: none; border-top: 1px solid #BFC2D1; display: block; margin-top: 60px; padding-top: 20px; }

.btn-st, .btn-pt2 { display: block; text-decoration: none; text-align: center; font-size: 2rem; line-height: 1.5; padding: 18px; position: relative; width: 100%; cursor: pointer; }

.btn-st.no-arrow::after, .btn-pt2.no-arrow::after { content: none; }

.btn-st::after, .btn-pt2::after { top: 0; bottom: 0; right: 22px; margin: auto; position: absolute; }

.btn-st[target="_blank"] > span, .btn-pt2[target="_blank"] > span { padding-right: 26px; display: inline-block; position: relative; }

.btn-st[target="_blank"] > span::after, .btn-pt2[target="_blank"] > span::after { position: absolute; right: 0; top: 0; bottom: 0; margin: auto; }

.btn-st[href$=".pdf"] > span, .btn-pt2[href$=".pdf"] > span { display: inline-block; }

.btn-st[href$=".pdf"] > span::after, .btn-pt2[href$=".pdf"] > span::after { margin-bottom: 5px; }

.uq-media-list .btn-st, .media-uq.pt1 + .btn-wrap .btn-st, .uq-media-list .btn-pt2, .media-uq.pt1 + .btn-wrap .btn-pt2 { padding: 13px 18px; }

.productsearch-requestbtn .btn-st, .productsearch-requestbtn .btn-pt2 { font-size: 1.6rem; padding: 14px; }

.productsearch-requestbtn .btn-st::after, .productsearch-requestbtn .btn-pt2::after { content: none; }

.row-img .img-area .btn-st, .row-img .img-area .btn-pt2 { font-weight: 700; font-size: 1.4rem; padding: 13px; }

.uq-product-list .btn-st, .uq-product-list .btn-pt2 { font-size: 1.6rem; height: 64px; align-items: center; display: flex; justify-content: center; padding: 5px 25px; font-weight: 700; }

.box-card-pt2 .btn-st, .box-card-pt2 .btn-pt2 { font-weight: 700; font-size: 1.4rem; padding: 13px 18px; }

.box-card-pt2 .btn-st::after, .box-card-pt2 .btn-pt2::after { width: 8px; height: 8px; }

.contact .btn-st, .contact .btn-pt2 { font-size: 1.6rem; font-weight: 700; padding: 14px 18px; }

.contact .btn-st::after, .contact .btn-pt2::after { width: 8px; height: 8px; }

.uq-btn-list-pt1 .btn-st.size-s, .uq-btn-list-pt1 .btn-st.size-m, .uq-btn-list-pt1 .btn-pt2.size-s, .uq-btn-list-pt1 .btn-pt2.size-m { padding: 14px 32px; font-size: 1.4rem; font-weight: 700; }

.uq-btn-list-pt1 .btn-st.size-s::after, .uq-btn-list-pt1 .btn-st.size-m::after, .uq-btn-list-pt1 .btn-pt2.size-s::after, .uq-btn-list-pt1 .btn-pt2.size-m::after { width: 8px; height: 8px; }

.uq-btn-list-pt1 .btn-st[href$=".pdf"] > span::after, .uq-btn-list-pt1 .btn-pt2[href$=".pdf"] > span::after { margin-bottom: 0; }

.uq-technology-pt2 .btn-st, .uq-technology-pt2 .btn-pt2 { padding: 13px 18px; }

.list-btn-pt2 .btn-st, .list-btn-pt2 .btn-pt2 { padding: 18px 25px; }

.list-btn-pt2 .btn-st[target="_blank"] > span, .list-btn-pt2 .btn-pt2[target="_blank"] > span { padding-right: 0; }

.list-btn-pt2 .btn-st[target="_blank"] > span::after, .list-btn-pt2 .btn-pt2[target="_blank"] > span::after { margin-left: 10px; position: static; }

.btn-st { color: #ffffff; border: 2px solid #304567; background-color: #304567; }

.btn-st::after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.btn-st[target="_blank"] > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_blank_w.svg) no-repeat right center/16px auto; width: 16px; height: 12px; display: inline-block; vertical-align: middle; }

.btn-st[href$=".pdf"] > span { padding-right: 20px; }

.btn-st[href$=".pdf"] > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_pdf_w.svg) no-repeat center/20px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; }

.btn-pt2 { color: #304567; border: 2px solid #304567; background-color: #ffffff; }

.btn-pt2::after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #304567; border-left: 2px solid #304567; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.btn-pt2[target="_blank"] > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_blank_b.svg) no-repeat right center/16px auto; width: 16px; height: 12px; display: inline-block; vertical-align: middle; }

.btn-pt2[href$=".pdf"] > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_pdf_r.svg) no-repeat center/20px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; }

a.btn-st, a.btn-pt2 { text-decoration: none; }

a.btn-st { color: #ffffff; }

a.btn-pt2 { color: #304567; }

.row-img .wrap .btn-wrap, .wrap-st .btn-wrap { margin-top: 30px; }

.wrap-st .media-uq.pt1 + .btn-wrap { margin-top: 40px; }

.btn-wrap.contact { margin-top: 40px; }

.uq-technology-pt2 > .btn-wrap { margin-top: 40px; }

@media print, all and (min-width: 768px) { .hdg-hero { height: 212px; font-size: 4.2rem; }
  .search .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_search_pc.jpg); }
  .product .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_product_pc.jpg); height: 320px; }
  .product[class*="brand"] .hdg-hero, .product.bg-square-fix .hdg-hero { height: 212px; }
  .design .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_design_pc.jpg); height: 320px; }
  .technology .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_technology_pc.jpg); height: 320px; }
  .gallery .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_gallery_pc.jpg); }
  .info .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_info_pc.jpg); }
  .question .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_question_pc.jpg); }
  .showroom .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_showroom_pc.jpg); }
  .contact .hdg-hero { background-image: url(/kenzai/sample/ws_s/image/bg_hdg_contact_pc.jpg); }
  .hdg-hero > .lead { font-size: 2rem; margin-top: 30px; }
  .hdg-hero.new .icn::after, .hdg-hero.best .icn::after { -webkit-transform: translateY(-0.8em); transform: translateY(-0.8em); } .hdg-img { margin: 40px 0 0; }
  .hdg-img .txt { height: 68px; font-size: 4.8rem; padding: 5px 56px; }
  .hdg-img .txt::before { right: -40px; border-width: 68px 0 0 40px; }
  section + section > .hdg-img { margin-top: 100px; } .hdg-brand-lv1 { margin-top: 120px; display: flex; align-items: center; }
  .hdg-brand-lv1 .sub { font-size: 2.4rem; margin-left: 5px; }
  .hdg-brand-lv1.brand01 .main { width: 265px; }
  .hdg-brand-lv1.brand03 .main { width: 145px; }
  .hdg-brand-lv1.brand05 .main { width: 124px; }
  .hdg-brand-lv1.brand06 .main { width: 265px; }
  .hdg-brand-lv1.brand07 .main { width: 328px; }
  .hdg-brand-lv1.brand08 .main { width: 173px; }
  .hdg-brand-lv1.brand09 .main { width: 241px; }
  .hdg-brand-lv1.brand12 .main { width: 203px; } .hdg-lv2 { font-size: 3rem; padding: 0 20px; }
  .hdg-lv2 .hdg-inner { display: inline; font-size: 3rem; margin-left: 1em; }
  .hdg-lv2 .hdg-inner.no-marg { margin-left: 0; } .hdg-lang-lv2 { margin-top: 120px; }
  .hdg-lang-lv2 > .jp { font-size: 4rem; } .hdg-lang-lv2-pt2 { margin-top: 110px; }
  .hdg-lang-lv2-pt2 > .en { font-size: 5.5rem; }
  .hdg-lang-lv2-pt2 > .jp { margin-top: 3px; font-size: 1.6rem; } .list-anc + section > .hdg-lv3-pt2:first-of-type { margin-top: 60px; } .hdg-lv3-pt3 { padding: 0 20px; margin-top: 80px; } .hdg-lv3-pt2 + .row1-2 > *:first-of-type .hdg-lv4 { margin-top: 40px; }
  .hdg-lv3-pt2 + .row1-2 > *:nth-of-type(n + 3) .hdg-lv4 { margin-top: 70px; } .hdg-lv5 { margin-top: 40px; font-size: 2rem; }
  section + section > .hdg-lv5 { margin-top: 60px; } .hdg-lv5-pt2 { font-size: 2rem; }
  .uq-technology-pt3 .hdg-lv5-pt2 { margin-top: 80px; } .hdg-lv5-pt3 { margin-top: 100px; font-size: 2.6rem; } .hdg-brand { margin-top: 70px; font-size: 2.4rem; }
  .uq-product-list > *:first-of-type .hdg-brand, .uq-product-list > *:nth-of-type(-n+3) .hdg-brand { margin-top: 55px; }
  .hdg-brand.brand01 img, .hdg-brand.brand05 img, .hdg-brand.brand07 img, .hdg-brand.brand08 img, .hdg-brand.brand12 img { height: 30px; }
  .hdg-brand.brand03 img, .hdg-brand.brand-arttec img { height: 32px; }
  .hdg-brand.brand09 img { height: 40px; } .hr-st { margin-top: 40px; padding-top: 0; } .btn-st, .btn-pt2 { transition: background .2s; }
  .btn-st.no-arrow:hover::after, .btn-pt2.no-arrow:hover::after { content: none; }
  .uq-catalog .btn-st, .uq-catalog .btn-pt2 { width: 44%; }
  .uq-media-list .btn-st, .media-uq.pt1 + .btn-wrap .btn-st, .uq-media-list .btn-pt2, .media-uq.pt1 + .btn-wrap .btn-pt2 { padding: 18px; }
  .productsearch-requestbtn .btn-st, .productsearch-requestbtn .btn-pt2 { width: 360px; font-size: 2rem; padding: 18px; margin: 0 auto; }
  .productsearch-requestbtn .btn-st:hover:after, .productsearch-requestbtn .btn-pt2:hover:after { content: none; }
  .box-card-pt2 .btn-st:hover::after, .box-card-pt2 .btn-pt2:hover::after { width: 8px; height: 8px; }
  .uq-product-list .btn-st, .uq-product-list .btn-pt2 { font-size: 1.4rem; height: 60px; }
  .uq-product-list .btn-st::after, .uq-product-list .btn-pt2::after { right: 15px; }
  .contact .btn-st, .contact .btn-pt2 { font-size: 2rem; padding: 18px; width: 48.2%; margin: 0 auto; }
  .contact .btn-st::after, .contact .btn-pt2::after { width: 10px; height: 10px; }
  .uq-btn-list-pt1 .btn-st.size-s, .uq-btn-list-pt1 .btn-pt2.size-s { min-width: 260px; padding: 13px 35px; }
  .uq-btn-list-pt1 .btn-st.size-m, .uq-btn-list-pt1 .btn-pt2.size-m { min-width: 300px; padding: 13px 35px; }
  .uq-btn-list-pt1 .btn-st.size-l, .uq-btn-list-pt1 .btn-pt2.size-l { font-weight: 400; width: 360px; font-size: 2rem; line-height: 1.5; padding: 18px 40px; }
  .uq-technology-pt2 .btn-st, .uq-technology-pt2 .btn-pt2 { padding: 18px; } .btn-st:hover { background-color: #ffffff; color: #304567; }
  .btn-st:hover:after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #304567; border-left: 2px solid #304567; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .btn-st[target="_blank"]:hover > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_blank_b.svg) no-repeat right center/16px auto; width: 16px; height: 12px; display: inline-block; vertical-align: middle; }
  .btn-st[href$=".pdf"]:hover > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_pdf_r.svg) no-repeat center/20px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .btn-pt2:hover { background-color: #304567; color: #ffffff; }
  .btn-pt2:hover:after { content: ''; display: inline-block; width: 10px; height: 10px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  .btn-pt2[target="_blank"]:hover > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_blank_w.svg) no-repeat right center/16px auto; width: 16px; height: 12px; display: inline-block; vertical-align: middle; }
  .btn-pt2[href$=".pdf"]:hover > span::after { content: ''; background: url(/kenzai/sample/ws_s/image/icn_pdf_w.svg) no-repeat center/20px auto; width: 20px; height: 20px; display: inline-block; vertical-align: middle; } .row-img .wrap .btn-wrap { width: 65.1%; margin-top: 40px; }
  .wrap-st .btn-wrap { width: 36.7%; margin-top: 60px; }
  .wrap-st .media-uq.pt1 + .btn-wrap { margin-top: 50px; margin-left: auto; }
  .uq-technology-pt2 > .btn-wrap { margin-left: auto; } }