@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:#eee;line-height:1.7;box-sizing:border-box}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}.header-sp-brand__wrap{position:relative}h1.header-sp-brand__img{position:absolute;left:6%;margin-top:4%;width:136px;z-index:1000}h2{text-align:center;font-size:40px;margin:0 0 10px;line-height:.8}h3{font-size:20px;margin:22px 0 8px;line-height:1}.subtitle{text-align:center;font-size:14px;margin:0 0 24px}.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;height:100vh}.hero__visual{background-image:url(https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/detail/mv-detail-3.png);background-repeat:no-repeat;background-position:50% 50%;background-size:137%;height:70vh}.hero__main-img-box{min-height:80%}.hero__main-img-box img{-o-object-fit:contain;object-fit:contain}.hero__tagline{font-size:24px;text-align:center;position:absolute;bottom:30%;left:6%;color:#eee;right:6%;display:flex;flex-direction:column}.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:46px}.hero__btn button{color:#eee;padding:24px 40px;font-size:18px;cursor:pointer;background:0 0;background-color:#222}: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:#eee;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:#eee;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:#eee;color:#222;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:40px 0}.lead__img{margin:40px 0}.features{background:#222;color:#eee}.features__num{margin:0 0 8px;font-size:32px;line-height:1}.features__item{margin-bottom:40px}.features__item:last-of-type{margin-bottom:0}.features__img-box{width:100%;aspect-ratio:1.618/1;overflow:hidden;position:relative}.features__img-box img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform-origin:center center;transform:scale(1) translateZ(0);will-change:transform;transition:transform .16s cubic-bezier(.22,.9,.32,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.view{background-image:linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)),url(https://www.hakkenseiko.jp/wp-content/themes/corporate_tcd011/img/detail/blur-backgroun.png);background-repeat:no-repeat;background-position:center center;background-size:162%}.view__img-box{position:relative;width:330px;margin:0 auto;box-shadow:0px 5px 20px 0px rgba(0,0,0,.35);text-align:center}.view h2,.view .subtitle,.view h3{text-shadow:2px 2px 8px #fff}.view__txt-box{margin:22px auto 16px;text-align:center}.view h3{text-align:center;font-size:24px;white-space:nowrap;align-items:center;padding:0 4px 6px;position:relative;display:inline-block;z-index:0;line-height:1;font-weight:700;margin:0}.view h3:before{content:"";position:absolute;left:0;right:0;top:60%;transform:translateY(-50%);height:.8em;background:rgba(255,255,255,.8);z-index:-1;border-radius:2px;pointer-events:none}.hotspot{position:absolute;width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.25);background:rgba(255,255,255,.12);display:grid;place-items:center;transform:translate(-50%,-50%);padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:transform .12s ease,background .12s ease}.hotspot--t{left:33px;top:200px}.hotspot--i{top:132px;left:175px}.hotspot--e{left:138px;top:300px}.hotspot--l{top:238px;left:294px}.hotspot:active{transform:translate(-50%,-50%) scale(.96)}.hotspot .dot{width:14px;height:14px;border-radius:50%;background:#fff;opacity:.95}.hotspot .label{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#fff;background:rgba(0,0,0,.6);padding:4px 8px;border-radius:12px;display:none}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}.modal.show{display:flex}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .18s ease}.modal.show .modal-overlay{opacity:1}.modal-content{position:relative;max-width:92%;max-height:86%;width:420px;overflow:hidden;transform:translateY(8px) scale(.99);transition:transform .2s ease,opacity .2s ease;z-index:2}.modal.show .modal-content{transform:translateY(0) scale(1)}.modal-content img{display:block;width:100%;height:auto;max-height:calc(86vh - 72px);-o-object-fit:contain;object-fit:contain;background:#000}.modal-footer{padding:24px;text-align:center}.btn-close{font-size:16px;padding:8px 24px;border-radius:8px;background:#eee;border:none;cursor:pointer;min-width:72px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,.6)}.hotspot:focus,.btn-close:focus{outline:3px solid #fff;outline-offset:3px}body.modal-open{overflow:hidden;height:100vh;touch-action:none}.eye-level{background:#222;color:#eee}.eye-level h2{margin:0 0 15px}.eye-level__img-box{position:relative;margin:40px 0 0}.eye-level__img-label{position:absolute;top:64%;left:20px;font-size:28px;line-height:40px}.eye-level__img-label--1{position:absolute;top:64%;left:20px;font-size:28px;line-height:40px;top:70%}.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/detail/factory-bg-7.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:#eee;pointer-events:auto}.factory h2,.factory p{text-shadow:#000 1px 1px 10px,#000 -1px 1px 10px,#000 1px -1px 10px,#000 -1px -1px 10px}.factory h2{margin:0 0 15px}.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{margin:0 0 15px}.download h2,.download .subtitle{color:#eee}.download__btn{display:flex;justify-content:center;margin-top:32px}.download__btn button{border:2px solid #eee;color:#eee;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}