@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:#222;background:#f9f9f9;line-height:1.7}a{text-decoration:unset}img{display:block;max-width:100%;height:auto}p{margin:0}button{font-family:"cormorant-garamond","zen-old-mincho",serif}section{padding:40px 0}.inner{padding:0 6%;box-sizing:border-box}h1.header-sp-brand__img{margin-top:8%;width:136px}h2{text-align:center;font-size:40px;margin:0 0 32px;line-height:1}.carousel{width:100%}.viewport{width:100%;overflow:hidden}.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)}.dots{display:flex;gap:10px;justify-content:center;margin-top:14px}.dot{width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.12);border:0;outline:none;padding:0;cursor:pointer}.dot.active{background:#1976d2;box-shadow:0 2px 6px rgba(25,118,210,.25)}.hero{padding:0 0 40px;height:77vh}.hero__main-img-box{height:56vh;background:url(https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/sp-brand/02/hero_main-img03.png) no-repeat center center;background-size:cover}.hero__main-img-box img{-o-object-fit:contain;object-fit:contain}.hero__tagline{font-size:18px;margin:32px 0 24px;text-align:center}.hero__button-container{padding:16px;text-align:center;margin:0 32px}.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}@media screen and (max-width:375px){.hero{height:70vh}.hero__main-img-box{height:51vh;background:url(https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/sp-brand/02/hero_main-img03.png) no-repeat center center;background-size:cover}}.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;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:24px 0}.lead__img{margin:40px 0}.features{background:#222;color:#f9f9f9}.features__num{margin:0 0 8px;font-size:32px;line-height:1}.features__item{margin-bottom:32px}.products{background:#f9f9f9}.products__list-wrapper{overflow:hidden}.products__list{display:flex;padding:0;align-items:flex-start;gap:16px;transition:transform .3s ease;will-change:transform;touch-action:pan-y}.products__item{flex:0 0 auto;width:calc(100% - 88px);overflow:hidden;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.products__img-box{margin:0 0 18px}.products__head{margin:12px 0;font-size:18px;font-weight:700}.dots{display:flex;gap:10px;justify-content:center;margin-top:14px}.dot{width:14px;height:14px;border-radius:50%;background:rgba(0,0,0,.12);border:0;outline:none}.dot.active{background:#646464;box-shadow:0 2px 6px rgba(25,118,210,.25)}.scene__item{padding:40px 0;margin:0 40px;border-bottom:1px solid #adadad}.scene__item:first-of-type{padding:0 0 40px}.scene__item:last-of-type{border-bottom:none}.scene__main-img{margin:0 0 28px}.scene__head{font-size:32px;font-weight:700;line-height:1}.scene__txt{margin:24px 0 0}.factory{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:566.5px;overflow:hidden;box-sizing:border-box}.factory__bg{position:absolute;inset:0;background-image:url("https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/sp-brand/02/factory-bg-3.png");background-repeat:no-repeat;background-position:center center;z-index:0;background-size:100%}.factory__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;color:#fff;pointer-events:auto}.about__table{width:100%;border-collapse:collapse}.about__table__th,.about__table__td{padding:16px;border-top:1px solid #222;border-left:none;border-right:none}.about__table__th{width:30%;text-align:left;font-weight:400;font-weight:600}.about__table__td{width:70%;text-align:left}.about__table__row:last-child .about__table__th,.about__table__row:last-child .about__table__td{border-bottom:1px solid #222}.download{background:#222}.download h2{color:#f9f9f9}.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}