:root{--cat-advanced-pos: 0;--cat-speed-pos: 0;--cat-stability-pos: 0;--cat-range-pos: 0;--cat-security-pos: 0;--cat-simplicity-pos: 0;--cat-others-pos: 0}.main-contents .icon-parade{display:flex;margin:20px 0;font-size:clamp(.725rem, 1.09375vw, .875rem);line-height:1.4;flex-wrap:wrap;align-items:center;gap:12px}.main-contents .icon-parade.center{justify-content:center}.main-contents .icon-parade>*{display:flex;max-width:calc(50% - 6px);text-align:left;flex-grow:0;align-items:center;justify-content:center;gap:0}.main-contents .icon-parade>*>sup{align-self:flex-start}.main-contents .icon-parade>*>sub{align-self:flex-end}.main-contents .icon-parade>*>a{display:flex;flex-shrink:0;align-items:center;justify-content:center}.main-contents .icon-parade>*.wide{flex-grow:1;flex-shrink:0}.main-contents .icon-parade>*.border{border:1px solid var(--middlegray);border-radius:10px;padding:10px}@media screen and (max-width: 768px){.main-contents .icon-parade>*{max-width:none}}.main-contents .icon-parade figure{display:flex;flex-direction:column;flex-shrink:0}.main-contents .icon-parade figure figcaption{line-height:1.4}.main-contents .icon-parade h3,.main-contents .icon-parade h4,.main-contents .icon-parade h5,.main-contents .icon-parade h6{margin-bottom:.25em;font-size:clamp(.8rem, 1.25vw, 1rem);font-weight:bold}.main-contents .icon-parade ul,.main-contents .icon-parade ol,.main-contents .icon-parade p{margin-bottom:.25em}.main-contents .icon-parade .notes{margin-top:.25em;font-size:clamp(.65rem, .9375vw, .75rem)}.main-contents .icon-parade+.icon-parade{margin-top:-8px}@media screen and (max-width: 768px){.main-contents .title.maintitle{display:block}.main-contents .title.maintitle .pnl-contents{padding:0}.main-contents .title.maintitle .pnl-contents .txt{padding:20px}}.main-contents .title.maintitle .sub-image{overflow:hidden;position:relative;display:none;min-height:36vw}@media screen and (max-width: 768px){.main-contents .title.maintitle .sub-image{display:block}}.main-contents .title.maintitle .sub-image img{position:absolute;left:50%;width:auto;max-height:100%;max-width:none;transform:translateX(-50%)}.main-contents .products-information{background-color:var(--lightgray)}.main-contents .products-information .inner{max-width:1280px !important;padding-top:20px !important;padding-bottom:20px !important}.main-contents .products-information .inner>[flex]:not(.wrap)>*,.main-contents .products-information .inner>[flex]>[flex]:not(.wrap)>*{position:relative}.main-contents .products-information .inner>[flex]:not(.wrap)>*::before,.main-contents .products-information .inner>[flex]>[flex]:not(.wrap)>*::before{content:"";position:absolute;top:0;left:-20px;bottom:0;border-left:1px dashed var(--black)}.main-contents .products-information .inner>[flex]:not(.wrap)>*:nth-child(1)::before,.main-contents .products-information .inner>[flex]>[flex]:not(.wrap)>*:nth-child(1)::before{display:none}@media screen and (max-width: 768px){.main-contents .products-information .inner [tab-wrap]>*::before{display:none}}@media screen and (max-width: 480px){.main-contents .products-information .inner [sp-wrap]>*::before{display:none}}.main-contents .products-features>.inner-full{margin-bottom:100px}@media screen and (max-width: 480px){.main-contents .products-features .inner[accordion]{padding-left:0;padding-right:0}}.main-contents .products-features .box-contents{position:relative;margin-bottom:100px}.main-contents .products-features .box-contents [flex]{align-items:center;gap:24px}.main-contents .products-features .box-contents [flex]>figure{align-self:flex-start}.main-contents .products-features .h2{font-size:clamp(2.45rem, 4.6875vw, 3.75rem)}.main-contents .products-features .h2.accordion{margin-top:0}@media screen and (max-width: 480px){.main-contents .products-features .h2{font-size:clamp(1.7rem, 3.125vw, 2.5rem)}}.main-contents .products-features .h3.accordion{-webkit-text-size-adjust:100%;position:relative;margin-top:0;margin-bottom:1em;padding-top:.1em;padding-left:20px;border-left-color:var(--lightgray);border-left-width:20px;border-left-style:solid;font-weight:normal;transition:.2s}@media screen and (max-width: 480px){.main-contents .products-features .h3.accordion{padding-left:15px;border-left-width:10px;border-left-style:solid}}.main-contents .products-features .h3.accordion:not([current]){font-size:clamp(1.1rem, 1.875vw, 1.5rem)}@media screen and (max-width: 480px){.main-contents .products-features .h3.accordion:not([current]){font-size:clamp(.95rem, 1.5625vw, 1.25rem)}}.main-contents .products-features .h3.accordion:active{cursor:pointer;opacity:1}@media (hover: hover){.main-contents .products-features .h3.accordion:hover{opacity:1}.main-contents .products-features .h3.accordion:hover::after{bottom:0;height:100%;opacity:1}}.main-contents .products-features .h3.accordion::before{content:"";position:absolute;top:50%;left:0;display:block;background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--black) calc(50% - .1em), var(--black) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--black) calc(50% - .1em), var(--black) calc(50% + .1em), transparent calc(50% + .1em), transparent);width:1em;height:1em;transform:translate(-50%, -50%);transition:.2s, opacity 0s .2s}.main-contents .products-features .h3.accordion::after{content:"";position:absolute;top:0;right:0;bottom:100%;left:0;background-color:var(--lightgray);height:0;z-index:-1;opacity:0;transition:.2s}.main-contents .products-features .h3.accordion[current]{border-left-color:var(--gray);transition:.2s}.main-contents .products-features .h3.accordion[current]::before{opacity:0;transition:.2s, opacity 0s}.main-contents .products-features .h3.accordion[current]::after{left:-20px;bottom:auto;height:50vh;transition:.2s, height .4s}.main-contents .products-features .h4.accordion:not([current]){margin-top:0}.main-contents .products-title{position:relative;background-color:var(--lightgray);background-position:center center;background-size:cover;background-repeat:no-repeat;margin-bottom:60px}@media screen and (max-width: 480px){.main-contents .products-title{margin-bottom:30px}}.main-contents .products-title>.inner{position:relative}.main-contents .products-title .h2{display:inline-block;background-color:white;min-width:6em;margin:0;padding:.2em 10px .1em;font-size:clamp(2.075rem, 3.90625vw, 3.125rem);font-weight:bold;text-align:center;line-height:1}@media screen and (max-width: 480px){.main-contents .products-title .h2{padding:.3em 10px .2em}}.main-contents .products-title .btn{overflow:hidden;position:absolute;bottom:-20px;right:60px;display:inline-block;background-color:white;min-width:10em;padding:1em 1em .9em 1em;box-shadow:0 3px 6px 0 rgba(0,0,0,0.2);font-size:clamp(.95rem, 1.5625vw, 1.25rem);text-decoration:none;text-align:center;line-height:1;transition:.2s}@media screen and (max-width: 480px){.main-contents .products-title .btn{display:none}}.main-contents .products-title .btn::before{content:"";position:relative;display:inline-block;background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent);width:1em;height:1em;margin-right:.3em;vertical-align:middle;transform:translateY(-0.1em);transition:.2s}.main-contents .products-title .btn .txt-open{display:none}.main-contents .products-title .btn .txt-close{display:inline-block}.main-contents .products-title .btn:hover{box-shadow:none;opacity:1}.main-contents .products-title .btn[open]{background-color:var(--gray);color:white}.main-contents .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents .products-title .btn[open] .txt-open{display:inline-block}.main-contents .products-title .btn[open] .txt-close{display:none}.main-contents #cat-advanced .h2{background-color:var(--black);border:.3em solid white;color:white}.main-contents #cat-advanced .h3{color:var(--dark);border-left-color:var(--dark)}.main-contents #cat-advanced .h3.accordion{border-left-color:var(--lightdark)}.main-contents #cat-advanced .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--dark) calc(50% - .1em), var(--dark) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--dark) calc(50% - .1em), var(--dark) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-advanced .h3.accordion::after{background-color:var(--lightdark)}.main-contents #cat-advanced .h3.accordion[current]{border-left-color:var(--dark)}.main-contents #cat-advanced .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightdark), #fff)}.main-contents #cat-advanced .products-title{background-image:url(../images/title/cat-advanced.jpg)}.main-contents #cat-advanced .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-advanced .products-title .btn[open]{background-color:var(--dark)}.main-contents #cat-advanced .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents #cat-speed .h2{color:var(--cyan)}.main-contents #cat-speed .h3{color:var(--cyan);border-left-color:var(--cyan)}.main-contents #cat-speed .h3.accordion{border-left-color:var(--lightcyan)}.main-contents #cat-speed .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--cyan) calc(50% - .1em), var(--cyan) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--cyan) calc(50% - .1em), var(--cyan) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-speed .h3.accordion::after{background-color:var(--lightcyan)}.main-contents #cat-speed .h3.accordion[current]{border-left-color:var(--cyan)}.main-contents #cat-speed .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightcyan), #fff)}.main-contents #cat-speed .products-title{background-image:url(../images/title/cat-speed.jpg)}.main-contents #cat-speed .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-speed .products-title .btn[open]{background-color:var(--cyan)}.main-contents #cat-speed .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents #cat-stability .h2{color:var(--carmine)}.main-contents #cat-stability .h3{color:var(--carmine);border-left-color:var(--carmine)}.main-contents #cat-stability .h3.accordion{border-left-color:var(--lightcarmine)}.main-contents #cat-stability .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--carmine) calc(50% - .1em), var(--carmine) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--carmine) calc(50% - .1em), var(--carmine) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-stability .h3.accordion::after{background-color:var(--lightcarmine)}.main-contents #cat-stability .h3.accordion[current]{border-left-color:var(--carmine)}.main-contents #cat-stability .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightcarmine), #fff)}.main-contents #cat-stability .products-title{background-image:url(../images/title/cat-stability.jpg)}.main-contents #cat-stability .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-stability .products-title .btn[open]{background-color:var(--carmine)}.main-contents #cat-stability .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents #cat-range .h2{color:var(--violet)}.main-contents #cat-range .h3{color:var(--violet);border-left-color:var(--violet)}.main-contents #cat-range .h3.accordion{border-left-color:var(--lightviolet)}.main-contents #cat-range .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--violet) calc(50% - .1em), var(--violet) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--violet) calc(50% - .1em), var(--violet) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-range .h3.accordion::after{background-color:var(--lightviolet)}.main-contents #cat-range .h3.accordion[current]{border-left-color:var(--violet)}.main-contents #cat-range .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightviolet), #fff)}.main-contents #cat-range .products-title{background-image:url(../images/title/cat-range.jpg)}.main-contents #cat-range .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-range .products-title .btn[open]{background-color:var(--violet)}.main-contents #cat-range .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents #cat-security .h2{color:var(--jade)}.main-contents #cat-security .h3{color:var(--jade);border-left-color:var(--jade)}.main-contents #cat-security .h3.accordion{border-left-color:var(--lightjade)}.main-contents #cat-security .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--jade) calc(50% - .1em), var(--jade) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--jade) calc(50% - .1em), var(--jade) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-security .h3.accordion::after{background-color:var(--lightjade)}.main-contents #cat-security .h3.accordion[current]{border-left-color:var(--jade)}.main-contents #cat-security .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightjade), #fff)}.main-contents #cat-security .products-title{background-image:url(../images/title/cat-security.jpg)}.main-contents #cat-security .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-security .products-title .btn[open]{background-color:var(--jade)}.main-contents #cat-security .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents #cat-simplicity .h2{color:var(--mustard)}.main-contents #cat-simplicity .h3{color:var(--mustard);border-left-color:var(--mustard)}.main-contents #cat-simplicity .h3.accordion{border-left-color:var(--lightmustard)}.main-contents #cat-simplicity .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--mustard) calc(50% - .1em), var(--mustard) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--mustard) calc(50% - .1em), var(--mustard) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-simplicity .h3.accordion::after{background-color:var(--lightmustard)}.main-contents #cat-simplicity .h3.accordion[current]{border-left-color:var(--mustard)}.main-contents #cat-simplicity .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightmustard), #fff)}.main-contents #cat-simplicity .products-title{background-image:url(../images/title/cat-simplicity.jpg)}.main-contents #cat-simplicity .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-simplicity .products-title .btn[open]{background-color:var(--mustard)}.main-contents #cat-simplicity .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents #cat-others .h2{color:var(--dark)}.main-contents #cat-others .h3{color:var(--dark);border-left-color:var(--dark)}.main-contents #cat-others .h3.accordion{border-left-color:var(--lightdark)}.main-contents #cat-others .h3.accordion::before{background-image:linear-gradient(to bottom, transparent, transparent calc(50% - .1em), var(--dark) calc(50% - .1em), var(--dark) calc(50% + .1em), transparent calc(50% + .1em), transparent),linear-gradient(to right, transparent, transparent calc(50% - .1em), var(--dark) calc(50% - .1em), var(--dark) calc(50% + .1em), transparent calc(50% + .1em), transparent)}.main-contents #cat-others .h3.accordion::after{background-color:var(--lightdark)}.main-contents #cat-others .h3.accordion[current]{border-left-color:var(--dark)}.main-contents #cat-others .h3.accordion[current]::after{background-image:linear-gradient(to bottom, var(--lightdark), #fff)}.main-contents #cat-others .products-title{background-image:url(../images/title/cat-others.jpg)}.main-contents #cat-others .products-title .btn::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, var(--black) 45%, var(--black) 55%, transparent 55%, transparent)}.main-contents #cat-others .products-title .btn[open]{background-color:var(--dark)}.main-contents #cat-others .products-title .btn[open]::before{background-image:linear-gradient(to bottom, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent),linear-gradient(to right, transparent, transparent 45%, #fff 45%, #fff 55%, transparent 55%, transparent)}.main-contents .features-nav{position:fixed;right:5px;top:50%;visibility:hidden;display:block;transform:translateY(-50%);z-index:-1;opacity:0;transition:opacity .8s}.main-contents .features-nav ul{position:relative;font-size:clamp(.725rem, 1.09375vw, .875rem);text-align:right}@media screen and (max-width: 480px){.main-contents .features-nav ul{font-size:clamp(.65rem, .9375vw, .75rem)}}.main-contents .features-nav ul::before{content:"";position:absolute;top:calc(.375em + 1px);right:calc(.375em + 1px);bottom:0;width:0;border-right:1px solid var(--gray);z-index:-1}.main-contents .features-nav ul>*{position:relative;min-height:4vh;line-height:1;transition:min-height .4s}.main-contents .features-nav ul>*:nth-last-child(1){min-height:auto}.main-contents .features-nav ul>*::before{content:"";position:absolute;top:.75em;right:0;background-color:white;width:calc(.75em + 1px);height:calc(.75em + 1px);border:1px solid var(--gray);border-radius:100%;transform:translateY(-50%)}.main-contents .features-nav ul>*::after{content:"";position:absolute;right:0;display:none;background-color:var(--blue);width:calc(.75em + 1px);height:calc(.75em + 1px);border:1px solid transparent;border-radius:100%;transform:translateY(calc(.375em + 1px));scale:50%;z-index:10}.main-contents .features-nav ul>*.cat-advanced::after{top:var(--cat-advanced-pos);background-color:var(--dark)}.main-contents .features-nav ul>*.cat-speed::after{top:var(--cat-speed-pos);background-color:var(--cyan)}.main-contents .features-nav ul>*.cat-stability::after{top:var(--cat-stability-pos);background-color:var(--carmine)}.main-contents .features-nav ul>*.cat-range::after{top:var(--cat-range-pos);background-color:var(--violet)}.main-contents .features-nav ul>*.cat-security::after{top:var(--cat-security-pos);background-color:var(--jade)}.main-contents .features-nav ul>*.cat-simplicity::after{top:var(--cat-simplicity-pos);background-color:var(--mustard)}.main-contents .features-nav ul>*.cat-others::after{top:var(--cat-others-pos);background-color:var(--dark)}.main-contents .features-nav ul>*.open{min-height:calc((100vh - 200px) / 8)}.main-contents .features-nav ul>* a{position:relative;top:calc(.75em);display:inline-block;background-color:rgba(255,255,255,0.2);padding-right:1.25em;text-decoration:none;transform:translateY(-50%)}.main-contents .products-features[data-scroll="scroll"] .features-nav,.main-contents .products-features[data-scroll="show"] .features-nav{visibility:visible;display:block;z-index:920;opacity:.7}.main-contents .products-features[data-scroll-cat="cat-advanced"] .features-nav ul li.cat-advanced::after{display:block}.main-contents .products-features[data-scroll-cat="cat-speed"] .features-nav ul li.cat-speed::after{display:block}.main-contents .products-features[data-scroll-cat="cat-stability"] .features-nav ul li.cat-stability::after{display:block}.main-contents .products-features[data-scroll-cat="cat-range"] .features-nav ul li.cat-range::after{display:block}.main-contents .products-features[data-scroll-cat="cat-security"] .features-nav ul li.cat-security::after{display:block}.main-contents .products-features[data-scroll-cat="cat-simplicity"] .features-nav ul li.cat-simplicity::after{display:block}.main-contents .products-features[data-scroll-cat="cat-others"] .features-nav ul li.cat-others::after{display:block}.main-contents .extra-area{position:relative}@media screen and (max-width: 768px){.main-contents .extra-area{margin-bottom:20px;text-align:center;order:-1}}.main-contents .extra-box{position:relative;margin-top:-50px;border-radius:clamp(0.575rem, 0.78125vw, 0.625rem);box-shadow:0 0 4px 4px rgba(0,0,0,0.2)}.main-contents .extra-box>*{display:block}@media (hover: hover){.main-contents .extra-box:hover{box-shadow:none}}@media screen and (max-width: 768px){.main-contents .extra-box{margin-top:0;box-shadow:none}}.archive-item{display:none !important}.archive .archive-item{display:block !important}.main-contents .path>*:has(+.archive-item:nth-last-child(1))::before{display:none}.archive .main-contents .path>*:has(+.archive-item:nth-last-child(1))::before{display:block}
/*# sourceMappingURL=products.css.map */