@charset "UTF-8";html{font-family:"zen-old-mincho",serif}body{margin:0;font-family:"cormorant-garamond","zen-old-mincho",serif;font-weight:400;font-style:normal;font-size:16px;color:#111;background:#eee;line-height:1.7}a{text-decoration:none}img{display:block;max-width:100%;height:auto}p{margin:0}button{font-family:"cormorant-garamond","zen-old-mincho",serif}section{padding:48px 0}.inner{padding:0 6%;box-sizing:border-box}h1.header-sp-brand__img{width:136px;margin:0;position:absolute;top:4%;left:6%}h2{font-size:44px;margin:0 0 32px;line-height:1}.carousel{width:100%}.viewport{width:100%;overflow:hidden}ul{list-style:none}.slide-in .text{display:inline-block;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.slide-in.in-view .text{opacity:1;transform:translateY(0)}.hero{padding:0 0 40px;height:100vh}.hero__main-img-box{min-height:80%}.hero__main-img-box img{-o-object-fit:contain;object-fit:contain}.hero__tagline{font-size:32px;margin:32px 0 24px;color:#eee;position:absolute;top:44%;left:6%}.hero__button-wrapper{padding:16px;text-align:center;margin:0 32px}.hero__main-img-box{height:60vh;background:url(https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/light/lighing-mv.png) no-repeat center bottom 100%;background-size:cover}.hero__sub-img-box{height:236px}.hero__btn{display:flex;justify-content:center;margin-top:16px}.hero__btn button{border:1px solid #222;color:#222;padding:12px 24px;font-size:16px;cursor:pointer;background:0 0}:root{--gutter:16px}.hero__sub-img-box{display:flex;gap:var(--gutter);padding:20px;align-items:flex-start;max-width:1000px;margin:0 auto}.left{flex:1 1 50%;min-width:0}.left img{display:block;width:100%;height:auto;border-radius:8px}.right{flex:1 1 50%;min-width:0;position:relative}.track{position:relative}.sticky{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;justify-content:center;align-items:flex-start;will-change:transform}.sticky img{width:154px;height:auto;display:block;transform-origin:center center}.spacer{height:90vh;background:linear-gradient(180deg,#fff,#f0f0f0);display:flex;align-items:center;justify-content:center;font-size:18px;color:#666}@media (min-width:720px){.hero{padding:36px}}.catalog-dl-wrap{position:fixed;left:50%;bottom:16px;transform:translateX(-50%) translateY(120%);opacity:0;z-index:1200;display:inline-flex;align-items:center;padding:12px 18px;border-radius:12px;background:#111;color:#f9f9f9;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .26s ease;pointer-events:none;box-shadow:0px 3px 24px 1px rgba(255,255,255,.73)}.catalog-dl-wrap.visible{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:auto;visibility:visible;box-shadow:0px 3px 24px 1px rgba(255,255,255,.73)}.catalog-dl-wrap.hidden-now{transition:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateX(-50%) translateY(0) !important}.catalog-dl-wrap{position:fixed;left:50%;bottom:16px;transform:translateX(-50%) translateY(120%);opacity:0;z-index:1200;display:inline-flex;align-items:center;padding:0;background:0 0;border-radius:0;box-shadow:0px 3px 24px 1px rgba(255,255,255,.73);transition:transform .42s cubic-bezier(.2,.9,.2,1),opacity .26s ease;pointer-events:none}.catalog-btn{text-decoration:none;color:#f9f9f9;font-weight:700;font-size:16px;padding:16px 40px;background:#222;border-radius:0;white-space:nowrap;line-height:1;display:inline-block;box-shadow:none}.catalog-close{position:absolute;top:-10px;right:-10px;width:26px;height:26px;border-radius:50%;border:none;background:#f9f9f9;color:#111;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.12);cursor:pointer}.lead{margin:32px 0}.lead__img{margin:40px 0}.variations__title--r,.temperature__title--r,.dimming__title--r{margin:4px 0 0;transform:translateX(6%)}.variations__head,.temperature__head,.dimming__head{font-size:18px;font-weight:700}.effects__head,.variations__head,.temperature__head,.dimming__head{margin:0 0 8px}.effects__txt,.variations__txt,.temperature__txt,.dimming__txt{margin:0 0 32px}.company h2,.download h2{text-align:center}.company__title--r,.download__title--r{margin:4px 0 0}.effects{background:#222;color:#f9f9f9}.effects h2{position:relative;margin:0}.effects__title--l{position:absolute}.effects__title--r{position:absolute;right:0;top:184px}.effects__video-wrapper{height:240px}.effects__head{margin:60px 0 0;font-size:18px;font-weight:700}.variations__list,.temperature__list{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;width:100%}.variations__item{flex:0 0 calc((88% - 16px) / 2);min-width:0}.temperature{background-image:radial-gradient(at 1012% -139%,#000,#000 8%,#000 14%,#000 24%,#000 25%,#fff 58%,#f8f8f8 33%,#070707 86%,#111 88%)}.temperature h2,.temperature__head{color:#eee}.temperature figure{margin:0}.temperature figcaption{margin-top:8px;color:#eee;font-size:14px}.temperature__item{flex:0 0 calc((100% - 16px) / 2);min-width:0}.temperature__text{color:#eee}.company h2{background:url(https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/light/machine-bg.png) no-repeat center bottom 100%;background-size:cover;padding:24px;margin:0 -6% 32px;color:#eee}.company__table{width:100%;border-collapse:collapse}.company__table__th,.company__table__td{padding:16px;border-top:1px solid #222;border-left:none;border-right:none}.company__table__th{width:30%;text-align:left;font-weight:400;font-weight:600}.company__table__td{width:70%;text-align:left}.company__table__row:last-child .about__table__th,.company__table__row:last-child .about__table__td{border-bottom:1px solid #222}.download{background-image:radial-gradient(#c9c9c9,#b4b4b4 14%,#929292 24%,#6a6a6a 35%,#3d3d3d 48%,#262626 63%,#111 88%)}.download h2{color:#eee}.download__btn{display:flex;justify-content:center;margin-top:32px}.download__btn button{border:2px solid #f9f9f9;color:#f9f9f9;padding:16px 32px;font-size:16px;cursor:pointer;background:0 0}.footer-area{padding:16px 6%}.footer-area__wrap{display:flex;justify-content:space-between}