html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif}*,::before,::after{background-repeat:no-repeat;box-sizing:inherit}::before,::after{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0;color:inherit}details,main{display:block}summary{display:list-item}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a{background-color:rgba(0,0,0,0)}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:inherit;text-indent:0}iframe{border-style:none}input{border-radius:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:bold}button{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit],[role=button]{cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{outline:1px dotted ButtonText}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button,input,select,textarea{background-color:rgba(0,0,0,0);border-style:none}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline-width:0}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}[disabled]{cursor:default}img{border-style:none}progress{vertical-align:baseline}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}ol,ul,li{list-style-type:none}a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{padding:0;border:0;font-size:100%;vertical-align:baseline;box-sizing:border-box;color:inherit}img{width:100%}svg{overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:normal}button{color:inherit}*:focus{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{background-color:#334149}body{font-family:"dnp-shuei-gothic-gin-std",sans-serif;font-weight:400;color:#fff;line-height:1.5;letter-spacing:0em;font-style:normal}@media screen and (max-width: 768px){body{font-size:13px;font-size:3.5vw}}@media screen and (min-width: 769px){body{font-size:13px;font-size:.9vw}}svg{width:100%;height:auto}.opening{z-index:50;position:fixed;top:0;left:0;width:100%;height:100%;background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px}.opening__logo{position:absolute;bottom:3.4%;left:50%;translate:-50% 0;width:40%}@media screen and (min-width: 769px){.opening__logo{width:20%}}.opening.has-animation{transition:all 1.2s ease;opacity:1}.opening.has-animation .catch__1,.opening.has-animation .catch__2,.opening.has-animation .catch::before,.opening.has-animation .catch::after{opacity:0;transition:all 1.2s ease}.opening.has-animation .catch__1,.opening.has-animation .catch::before{translate:0 10px}.opening.has-animation .catch__2,.opening.has-animation .catch::after{translate:0 -10px}.opening.has-animation .catch__1,.opening.has-animation .catch__2{transition-delay:.2s}.opening.has-animation .catch::before,.opening.has-animation .catch::after{transition-delay:.3s}.opening.has-animation.active .catch__1,.opening.has-animation.active .catch__2,.opening.has-animation.active .catch::before,.opening.has-animation.active .catch::after{opacity:1;translate:0}.opening.has-animation.close{opacity:0;pointer-events:none}@media screen and (min-width: 769px){.scroll-content{width:34%;margin:auto}}@media screen and (max-width: 768px){.pc-content{display:none}}@media screen and (min-width: 769px){.pc-content{width:33%;height:100%;position:fixed;top:0;display:flex;justify-content:center;align-items:center;transition:color .6s ease}.pc-content::before,.pc-content::after{z-index:-1;content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .6s ease}.pc-content::before{background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px;opacity:1}.pc-content::after{background:url("../img/bg_pattern_white.jpg") repeat 0 0/100px 100px;opacity:0}.pc-content.has-animation{opacity:0;translate:0 7px;transition:all 1.2s ease}.pc-content.has-animation .pc-content__border{top:50%;height:0%;transition:all .8s ease}.pc-content.has-animation.is-loaded{opacity:1;translate:0 0px}.pc-content.has-animation.is-loaded .pc-content__border{top:0%;height:100%}}.pc-content svg path{transition:fill .6s ease}.pc-content .left__logo #slash{transition:stroke .6s ease}.pc-content__border{position:absolute;top:0;width:1px;height:100%;background-color:#fff;transition:background-color .6s ease}.pc-content--left{left:0}.pc-content--left .pc-content__border{right:3px}.pc-content--right{right:0}.pc-content--right .pc-content__border{left:3px}.pc-content .credit__item{color:#fff}.pc-content.active::before{opacity:0}.pc-content.active::after{opacity:1}.pc-content.active svg path{fill:#334149}.pc-content.active .left__logo #slash{stroke:#334149}.pc-content.active .left__starring{color:#334149}.pc-content.active .pc-content__border{background-color:#334149}.pc-content.active .credit__item,.pc-content.active .right__ttl,.pc-content.active .right__copyright{color:#334149}.pc-content.active .right__goto-brandtop{border-color:#334149}.pc-content.active .right__sns__link__white{opacity:0}.pc-content.active .right__sns__link__blue{opacity:1}.pc-content.active .goto-allitems__text{color:#334149}.pc-content.active .goto-allitems__link::before{border-color:#fff}.pc-content.active .goto-allitems__link__text{color:#fff}.pc-content.active .goto-allitems__link__text svg path{fill:#fff}.pc-content.active .goto-allitems__link__bg::before{opacity:0}.pc-content.active .goto-allitems__link__bg::after{opacity:1}.left{width:48%;text-align:center}.left__logo{width:65%;font-size:0;line-height:1;margin:0 auto 7%}.left__ttl{font-size:0;line-height:1;margin-bottom:5%}.left__starring{font-family:"gotham",sans-serif;font-weight:400;line-height:1.2;font-weight:400;letter-spacing:0;margin-bottom:10%;transition:color .6s ease}@media screen and (max-width: 768px){.left__starring{font-size:15px;font-size:4vw}}@media screen and (min-width: 769px){.left__starring{font-size:15px;font-size:1vw}}.right{width:64%}.right__ttl{font-family:"benton-modern-display-conden",serif;font-weight:400;font-weight:600;font-style:italic;text-align:center;transition:color .6s ease}@media screen and (max-width: 768px){.right__ttl{font-size:20px;font-size:5.3vw}}@media screen and (min-width: 769px){.right__ttl{font-size:20px;font-size:1.4vw}}.right__goto-brandtop{width:100%;padding:5.5% 0 3.5%;margin-bottom:10.5%;display:block;text-align:center;border:1px solid #fff;font-size:0;line-height:1;transition:border-color .6s ease;opacity:1;transition:opacity .3s ease}.right__goto-brandtop__logo{width:60%;margin:0 auto 2%}.right__goto-brandtop__text{width:20%;margin:auto}.right__goto-brandtop:hover{opacity:.7}.right__sns{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:13%}.right__sns__link{line-height:1;font-size:0;width:7%;position:relative;opacity:1;transition:opacity .3s ease}.right__sns__link>img{width:100%}.right__sns__link:not(:last-child){margin-right:7%}.right__sns__link__white{opacity:1;transition:opacity .6s ease}.right__sns__link__blue{z-index:9;opacity:0;position:absolute;top:0;left:0;transition:opacity .6s ease}.right__sns__link:hover{opacity:.7}.right__copyright{transition:color .6s ease;padding:1.5% 0;font-size:0;line-height:1;text-align:center}.mv{position:relative;overflow:hidden}.mv.has-animation .catch__1,.mv.has-animation .catch__2,.mv.has-animation .catch::before,.mv.has-animation .catch::after{opacity:0;transition:all 1.2s ease}.mv.has-animation .catch__1,.mv.has-animation .catch::before{translate:0 10px}.mv.has-animation .catch__2,.mv.has-animation .catch::after{translate:0 -10px}.mv.has-animation .catch__1,.mv.has-animation .catch__2{transition-delay:.2s}.mv.has-animation .catch::before,.mv.has-animation .catch::after{transition-delay:.3s}.mv.has-animation .catch__1,.mv.has-animation .catch__2{transition-delay:1s}.mv.has-animation .catch::before,.mv.has-animation .catch::after{transition-delay:1.1s}.mv.has-animation .mv__photo-wrapper{opacity:0;translate:0 7px;transition:all 1.2s ease}.mv.has-animation .mv__text-wrapper{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%}.mv.has-animation .mv__starring{opacity:0;translate:0 7px;transition:all 1.2s ease;transition-delay:.12s}.mv.has-animation.is-loaded .catch__1,.mv.has-animation.is-loaded .catch__2,.mv.has-animation.is-loaded .catch::before,.mv.has-animation.is-loaded .catch::after{opacity:1;translate:0}.mv.has-animation.is-loaded .mv__photo-wrapper{opacity:1;translate:0 0px}.mv.has-animation.is-loaded .mv__starring{opacity:1;translate:0 0px}.mv__text-box{position:absolute;bottom:4%;left:5.3%;width:56.8%}@media screen and (min-width: 769px){.mv__text-box{bottom:5.41%;left:5.2%;width:56.8%}}.mv__text-box--blend{z-index:10}.mv__ttl{position:absolute;top:0;left:0;width:100%;height:100%;line-height:1;font-size:0;margin-bottom:2.5vw}.mv__ttl>img{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (min-width: 769px){.mv__ttl{margin-bottom:.8vw}}.mv__ttl__4{mix-blend-mode:exclusion}.mv__starring{color:#334149;font-family:"gotham",sans-serif;font-weight:400;line-height:1.2;font-weight:400;letter-spacing:0}@media screen and (max-width: 768px){.mv__starring{font-size:12px;font-size:3.2vw}}@media screen and (min-width: 769px){.mv__starring{font-size:12px;font-size:.8vw}}.mv__photo{z-index:1;position:relative;font-size:0;line-height:1}.mv__photo-cover{z-index:11;position:absolute;bottom:0%;left:50%;width:46.45%;translate:-66.6% -26.5%}.intro{padding:6% 7% 14%;background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px}.intro__lead{text-align:center;letter-spacing:0;line-height:2.15;margin-bottom:10%}@media screen and (max-width: 768px){.intro__lead{font-size:13px;font-size:3.5vw}}@media screen and (min-width: 769px){.intro__lead{font-size:13px;font-size:.9vw}}.intro__phenix{position:relative;padding:6vw 8vw;border:1px solid #fff}@media screen and (min-width: 769px){.intro__phenix{padding:2.5vw 3.5vw}}.intro__phenix__border{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:calc(100% - 2vw);height:calc(100% - 2vw);border:1px solid #fff}@media screen and (min-width: 769px){.intro__phenix__border{width:calc(100% - 1vw);height:calc(100% - 1vw)}}.intro__phenix__border__square{z-index:9;position:absolute;width:1.45vw;aspect-ratio:1/1;background-color:#fff}@media screen and (min-width: 769px){.intro__phenix__border__square{width:.5vw}}.intro__phenix__border__square--1{top:0;left:0}.intro__phenix__border__square--2{top:0;right:0}.intro__phenix__border__square--3{bottom:0;left:0}.intro__phenix__border__square--4{bottom:0;right:0}.intro__phenix>h2{text-align:center;font-size:0;line-height:1;margin-bottom:4.5%}.intro__phenix>h2>img{width:41%}.intro__phenix>p{line-height:1.3}@media screen and (max-width: 768px){.intro__phenix>p{font-size:12px;font-size:3.2vw}}@media screen and (min-width: 769px){.intro__phenix>p{font-size:12px;font-size:.8vw}}@media screen and (min-width: 769px)and (max-width: 768px){.intro__phenix>p{font-size:15px;font-size:4vw}}@media screen and (min-width: 769px)and (min-width: 769px){.intro__phenix>p{font-size:15px;font-size:1vw}}.intro__phenix.has-animation h2,.intro__phenix.has-animation p{opacity:0;translate:0 7px;transition:all 1.2s ease}.intro__phenix.has-animation p{transition-delay:.15s}.intro__phenix.has-animation.active h2,.intro__phenix.has-animation.active p{opacity:1;translate:0 0px}.marquee{display:flex;overflow:hidden;white-space:nowrap}.marquee--top{border-bottom:1px solid #334149;padding:.2% 0;margin-bottom:10.5%}.marquee--bottom{border-top:1px solid #334149;margin-top:15.5%;padding:1% 0}.marquee__track{animation:animation_marquee 25s linear infinite}@keyframes animation_marquee{0%{transform:translateX(0%)}100%{transform:translateX(-50%)}}.marquee__track__item{color:#334149;font-family:"gotham",sans-serif;font-weight:400}.marquee__track__item>*{margin-left:.5rem}.catch{z-index:9;position:absolute;writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;color:#334149;font-family:"dnp-shuei-mincho-pr6",sans-serif;font-weight:600;letter-spacing:-0.05em;line-height:1.4}@media screen and (max-width: 768px){.catch{font-size:14px;font-size:3.7vw}}@media screen and (min-width: 769px){.catch{font-size:14px;font-size:1vw}}.catch::before,.catch::after{content:"";position:absolute;width:.6em;height:.6em}.catch::before{top:-1em;right:-0.3em;background:url(../img/text_quote_up.svg) no-repeat 0 0/contain}.catch::after{bottom:-0.3em;left:-0.1em;background:url(../img/text_quote_low.svg) no-repeat 0 0/contain}.catch__1,.catch__2{display:inline-block}.catch__2{margin-top:6.2em}.catch--mv{top:9.5%;left:10.5%}.catch--mv .catch__2{margin-top:2.8em}.catch--01{top:1em;left:2.2em}.catch--02{color:#fff;top:1em;right:1.4em}.catch--02::before{background:url(../img/text_quote_up_white.svg) no-repeat 0 0/contain}.catch--02::after{background:url(../img/text_quote_low_white.svg) no-repeat 0 0/contain}.catch--03{top:1em;left:3.8em}.catch--opening{color:#fff;letter-spacing:.05em;position:absolute;top:50%;left:50%;translate:-50% -56.5%}@media screen and (max-width: 768px){.catch--opening{font-size:16px;font-size:4.3vw}}@media screen and (min-width: 769px){.catch--opening{font-size:16px;font-size:1.1vw}}@media screen and (min-width: 769px)and (max-width: 768px){.catch--opening{font-size:22px;font-size:5.9vw}}@media screen and (min-width: 769px)and (min-width: 769px){.catch--opening{font-size:22px;font-size:1.5vw}}.catch--opening::before{top:-1em;right:-0.3em;background:url(../img/text_quote_up_white.svg) no-repeat 0 0/contain}.catch--opening::after{bottom:.2em;left:-0.2em;background:url(../img/text_quote_low_white.svg) no-repeat 0 0/contain}.catch--opening .catch__2{margin-top:3em}.lineup-product--narrow{width:100%}.lineup-product--002{color:#334149;position:relative;margin-top:10%;padding-left:3%}.lineup-product--003{color:#334149;position:relative;margin-top:19%}.lineup-product__img{font-size:0;line-height:1}.lineup-product__img--001{padding-right:5%;margin-bottom:4%}.lineup-product__img--002{width:79%;margin-bottom:5%;position:relative}.lineup-product__img--002>img{transition:opacity .8s ease}.lineup-product__img--002__1{opacity:1}.lineup-product__img--002__2{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.lineup-product__img--002.active .lineup-product__img--002__2{opacity:1}.lineup-product__img--003--1{padding-left:40%;padding-right:5%}.lineup-product__img--003--2{margin-top:-6%;padding-left:5%;padding-right:22%;margin-bottom:5%}.lineup-product--001.has-animation .lineup-product__img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:300%,100%;mask-size:300%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1s ease-out;transition:mask-position 1s ease-out;transition:mask-position 1s ease-out, -webkit-mask-position 1s ease-out}.lineup-product--001.has-animation .lineup-product__list__item{opacity:0;translate:0 7px;transition:all 1.2s ease}.lineup-product--001.has-animation .lineup-product__list__item:nth-of-type(1){transition-delay:.3s}.lineup-product--001.has-animation .lineup-product__list__item:nth-of-type(2){transition-delay:.5s}.lineup-product--001.has-animation.active .lineup-product__img{-webkit-mask-position:0 0;mask-position:0 0}.lineup-product--001.has-animation.active .lineup-product__list__item{opacity:1;translate:0 0px}.lineup-product--002.has-animation .catch__1,.lineup-product--002.has-animation .catch__2,.lineup-product--002.has-animation .catch::before,.lineup-product--002.has-animation .catch::after{opacity:0;transition:all 1.2s ease}.lineup-product--002.has-animation .catch__1,.lineup-product--002.has-animation .catch::before{translate:0 10px}.lineup-product--002.has-animation .catch__2,.lineup-product--002.has-animation .catch::after{translate:0 -10px}.lineup-product--002.has-animation .catch__1,.lineup-product--002.has-animation .catch__2{transition-delay:.2s}.lineup-product--002.has-animation .catch::before,.lineup-product--002.has-animation .catch::after{transition-delay:.3s}.lineup-product--002.has-animation .lineup-product__img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:750%,100%;mask-size:750%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1.2s ease-out;transition:mask-position 1.2s ease-out;transition:mask-position 1.2s ease-out, -webkit-mask-position 1.2s ease-out}.lineup-product--002.has-animation .lineup-product__list__item{opacity:0;translate:0 7px;transition:all 1.2s ease}.lineup-product--002.has-animation .lineup-product__list__item:nth-of-type(1){transition-delay:.3s}.lineup-product--002.has-animation .lineup-product__list__item:nth-of-type(2){transition-delay:.5s}.lineup-product--002.has-animation.active .catch__1,.lineup-product--002.has-animation.active .catch__2,.lineup-product--002.has-animation.active .catch::before,.lineup-product--002.has-animation.active .catch::after{opacity:1;translate:0}.lineup-product--002.has-animation.active .lineup-product__img{-webkit-mask-position:0 0;mask-position:0 0}.lineup-product--002.has-animation.active .lineup-product__list__item{opacity:1;translate:0 0px}.lineup-product--003.has-animation .catch__1,.lineup-product--003.has-animation .catch__2,.lineup-product--003.has-animation .catch::before,.lineup-product--003.has-animation .catch::after{opacity:0;transition:all 1.2s ease}.lineup-product--003.has-animation .catch__1,.lineup-product--003.has-animation .catch::before{translate:0 10px}.lineup-product--003.has-animation .catch__2,.lineup-product--003.has-animation .catch::after{translate:0 -10px}.lineup-product--003.has-animation .catch__1,.lineup-product--003.has-animation .catch__2{transition-delay:.2s}.lineup-product--003.has-animation .catch::before,.lineup-product--003.has-animation .catch::after{transition-delay:.3s}.lineup-product--003.has-animation .lineup-product__img--003--1{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:400%,100%;mask-size:400%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1s ease-out;transition:mask-position 1s ease-out;transition:mask-position 1s ease-out, -webkit-mask-position 1s ease-out}.lineup-product--003.has-animation.active .catch__1,.lineup-product--003.has-animation.active .catch__2,.lineup-product--003.has-animation.active .catch::before,.lineup-product--003.has-animation.active .catch::after{opacity:1;translate:0}.lineup-product--003.has-animation.active .lineup-product__img--003--1{-webkit-mask-position:0 0;mask-position:0 0}.lineup-product .lineup-product__img--003--2.has-animation{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:500%,100%;mask-size:500%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1.1s ease-out;transition:mask-position 1.1s ease-out;transition:mask-position 1.1s ease-out, -webkit-mask-position 1.1s ease-out}.lineup-product .lineup-product__img--003--2.has-animation+.lineup-product__list-box .lineup-product__list__item{opacity:0;translate:0 7px;transition:all 1.2s ease}.lineup-product .lineup-product__img--003--2.has-animation+.lineup-product__list-box .lineup-product__list__item:nth-of-type(1){transition-delay:.3s}.lineup-product .lineup-product__img--003--2.has-animation+.lineup-product__list-box .lineup-product__list__item:nth-of-type(2){transition-delay:.5s}.lineup-product .lineup-product__img--003--2.has-animation.active{-webkit-mask-position:0 0;mask-position:0 0}.lineup-product .lineup-product__img--003--2.has-animation.active+.lineup-product__list-box .lineup-product__list__item{opacity:1;translate:0 0px}.lineup-product__list{display:table;border-collapse:separate;border-spacing:10px}.lineup-product__list-box{display:flex;justify-content:center}.lineup-product__list__item{display:table-row}.lineup-product__list__item:not(:last-child){margin-bottom:4%}.lineup-product__list__item>*{display:table-cell}.lineup-product__list__item>p{margin-right:1em;font-family:"gotham",sans-serif;font-weight:400;font-weight:500;letter-spacing:-0.02em}@media screen and (max-width: 768px){.lineup-product__list__item>p{font-size:12px;font-size:3.2vw}}@media screen and (min-width: 769px){.lineup-product__list__item>p{font-size:12px;font-size:.8vw}}.lineup-product__link{background-color:#fff;color:#334149;font-family:"benton-modern-display-conden",serif;font-weight:400;font-weight:600;letter-spacing:0;line-height:1;border-radius:50%;text-align:center;min-width:61px;padding:2.5% 0;position:relative}@media screen and (max-width: 768px){.lineup-product__link{font-size:12px;font-size:3.2vw}}@media screen and (min-width: 769px){.lineup-product__link{font-size:12px;font-size:.8vw}}@media screen and (min-width: 769px){.lineup-product__link{padding:5% 0}}.lineup-product__link::before{content:"";position:absolute;top:2px;bottom:2px;left:2px;right:2px;border:1px solid #000;pointer-events:none;border-radius:50%}.lineup-product__link--blue{background-color:#334149;color:#fff}.lineup-product__link--blue::before{border-color:#fff}.section-lineup{background:url("../img/bg_pattern_white.jpg") repeat 0 0/100px 100px}.section-lineup.has-animation .section-header{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%);transition:-webkit-clip-path 3s ease-out;transition:clip-path 3s ease-out;transition:clip-path 3s ease-out, -webkit-clip-path 3s ease-out}.section-lineup.has-animation.active .section-header{-webkit-clip-path:inset(0 0% 0 0%);clip-path:inset(0 0% 0 0%)}.section-interview{background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px;padding-top:13%}.section-interview__intro{text-align:center;margin-bottom:6%}.section-interview__intro__line{font-family:"dnp-shuei-mincho-pr6",sans-serif;font-weight:600;color:#334149;line-height:2.1;letter-spacing:-0.05em;background:linear-gradient(rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);padding:.2em 0}@media screen and (max-width: 768px){.section-interview__intro__line{font-size:15px;font-size:4vw}}@media screen and (min-width: 769px){.section-interview__intro__line{font-size:15px;font-size:1vw}}.section-interview.has-animation .section-header{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%);transition:-webkit-clip-path 3s ease-out;transition:clip-path 3s ease-out;transition:clip-path 3s ease-out, -webkit-clip-path 3s ease-out}.section-interview.has-animation .section-interview__intro{-webkit-clip-path:inset(0 50% 0 50%);clip-path:inset(0 50% 0 50%);transition:-webkit-clip-path 1.2s ease-out;transition:clip-path 1.2s ease-out;transition:clip-path 1.2s ease-out, -webkit-clip-path 1.2s ease-out;transition-delay:.4s}.section-interview.has-animation.active .section-header{-webkit-clip-path:inset(0 0% 0 0%);clip-path:inset(0 0% 0 0%)}.section-interview.has-animation.active .section-interview__intro{-webkit-clip-path:inset(0 0% 0 0%);clip-path:inset(0 0% 0 0%)}.section-header{color:#334149;text-align:center;line-height:1;margin-bottom:6.5%}.section-header__ja{font-weight:600;letter-spacing:-0.08em;margin-bottom:1%}@media screen and (max-width: 768px){.section-header__ja{font-size:10px;font-size:2.7vw}}@media screen and (min-width: 769px){.section-header__ja{font-size:10px;font-size:.7vw}}.section-header__en{font-family:"benton-modern-display-conden",serif;font-weight:400;letter-spacing:-0.06em;font-style:italic;margin-bottom:1%}@media screen and (max-width: 768px){.section-header__en{font-size:43px;font-size:11.5vw}}@media screen and (min-width: 769px){.section-header__en{font-size:43px;font-size:3vw}}.section-header__en__text{position:relative}.section-header__en__text::after{content:"";position:absolute;bottom:.21em;left:-6%;width:114%;height:1px;background-color:#334149}.section-header__arrow{width:7%;margin:auto}.section-header--white .section-header__ja{color:#fff}.section-header--white .section-header__en{color:#fff}.section-header--white .section-header__en__text::after{background-color:#fff}.lineup--02{margin-top:-45vw;position:relative;padding-top:60vw}@media screen and (min-width: 769px){.lineup--02{padding-top:50vw}}.lineup--02::after{content:"";position:absolute;top:0;left:0;width:100%;height:90%;background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px}@media screen and (min-width: 769px){.lineup--02::after{top:30vw;height:116vw}}.lineup--03{padding-top:14vw}@media screen and (min-width: 769px){.lineup--03{padding-top:6vw}}.lineup__inner{z-index:1;position:relative}.lineup-header{text-align:center;margin-bottom:5.5%}.lineup-header--blue{color:#334149}.lineup-header.has-animation{opacity:0;opacity:0;translate:0 7px;transition:all 1.2s ease}.lineup-header.has-animation.active{opacity:1;translate:0 0px}.lineup-header__inner{display:inline-block}.lineup-header__num{margin-bottom:4%}.lineup-header__num__inner{position:relative;font-family:"gotham",sans-serif;font-weight:400;font-weight:700;letter-spacing:0}.lineup-header__num__inner::before,.lineup-header__num__inner::after{position:absolute;top:-1px}.lineup-header__num__inner::before{content:"(";left:-1.5em}.lineup-header__num__inner::after{content:")";right:-1.5em}.lineup-header__num__to{font-weight:400}@media screen and (max-width: 768px){.lineup-header__num__to{font-size:11px;font-size:2.9vw}}@media screen and (min-width: 769px){.lineup-header__num__to{font-size:11px;font-size:.8vw}}.lineup-header__ttl{font-family:"benton-modern-display-extra",serif;font-weight:600;line-height:1;letter-spacing:-0.02em}@media screen and (max-width: 768px){.lineup-header__ttl{font-size:35px;font-size:9.3vw}}@media screen and (min-width: 769px){.lineup-header__ttl{font-size:35px;font-size:2.4vw}}.lineup-primary__img{font-size:0;line-height:1;margin-bottom:5.5%}.lineup-primary__info{width:68%;margin:auto}.lineup-primary__info.has-animation .lineup-primary__info__head__colors__item{opacity:0;translate:0 7px;transition:all 1.2s ease}.lineup-primary__info.has-animation .lineup-primary__info__head__colors__item:nth-child(1){transition-delay:0s}.lineup-primary__info.has-animation .lineup-primary__info__head__colors__item:nth-child(2){transition-delay:0.1s}.lineup-primary__info.has-animation .lineup-primary__info__head__colors__item:nth-child(3){transition-delay:0.2s}.lineup-primary__info.has-animation .lineup-primary__info__head__colors__item:nth-child(4){transition-delay:0.3s}.lineup-primary__info.has-animation.active .lineup-primary__info__head__colors__item{opacity:1;translate:0 0px}.lineup-primary__info__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:3%;margin-bottom:5%}.lineup-primary__info__head__ttl{font-family:"gotham",sans-serif;font-weight:400;font-weight:700}@media screen and (max-width: 768px){.lineup-primary__info__head__ttl{font-size:11px;font-size:2.9vw}}@media screen and (min-width: 769px){.lineup-primary__info__head__ttl{font-size:11px;font-size:.8vw}}.lineup-primary__info__head__colors{font-size:0;line-height:1;display:flex;justify-content:space-between}.lineup-primary__info__head__colors__item{height:auto;aspect-ratio:1/1;border-radius:50%}.lineup-primary__info__head__colors__item:not(:last-child){margin-right:5px}.lineup-primary__info__head__colors__item--001black{fill:#000}.lineup-primary__info__head__colors__item--001gray{fill:#7d7d7d}.lineup-primary__info__head__colors__item--001green{fill:#486a00}.lineup-primary__info__head__colors__item--002brown{fill:#7d0022;border:1px solid #fff}.lineup-primary__info__head__colors__item--002black{fill:#000;border:1px solid #fff}.lineup-primary__info__head__colors__item--003gray{fill:#7d7d7d}.lineup-primary__info__head__colors__item--003black{fill:#000}.lineup-primary__info__lead{letter-spacing:0;line-height:1.6}.lineup-primary--white{color:#fff}.lineup-primary--white .lineup-primary__info__head{border-bottom:1px solid #fff}.lineup-primary--blue{color:#334149}.lineup-primary--blue .lineup-primary__info__head{border-bottom:1px solid #334149}.lineup-primary.has-animation .lineup-primary__img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:600%,100%;mask-size:600%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1.2s ease-out;transition:mask-position 1.2s ease-out;transition:mask-position 1.2s ease-out, -webkit-mask-position 1.2s ease-out}.lineup-primary.has-animation.active .lineup-primary__img{-webkit-mask-position:0 0;mask-position:0 0}.lineup-sub{position:relative}.lineup-sub--01{overflow:hidden;margin-top:11%;margin-bottom:10%;font-size:0;line-height:1}.lineup-sub--01 .lineup-sub__item01{width:61.5%;display:flex;translate:40% 0}.lineup-sub.has-animation .lineup-sub__item01>img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:400%,100%;mask-size:400%,100%;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-image:url(../img/mask-row.png);mask-image:url(../img/mask-row.png)}.lineup-sub.has-animation .catch__1,.lineup-sub.has-animation .catch__2,.lineup-sub.has-animation .catch::before,.lineup-sub.has-animation .catch::after{opacity:0;transition:all 1.2s ease}.lineup-sub.has-animation .catch__1,.lineup-sub.has-animation .catch::before{translate:0 10px}.lineup-sub.has-animation .catch__2,.lineup-sub.has-animation .catch::after{translate:0 -10px}.lineup-sub.has-animation .catch__1,.lineup-sub.has-animation .catch__2{transition-delay:.2s}.lineup-sub.has-animation .catch::before,.lineup-sub.has-animation .catch::after{transition-delay:.3s}.lineup-sub.has-animation.active .lineup-sub__item01>img{-webkit-mask-position:0 0;mask-position:0 0}.lineup-sub.has-animation.active .catch__1,.lineup-sub.has-animation.active .catch__2,.lineup-sub.has-animation.active .catch::before,.lineup-sub.has-animation.active .catch::after{opacity:1;translate:0}.interview__img{font-size:0;line-height:1}.interview__img--1{margin-bottom:7%}.interview__img--2{padding:0 5%;margin-bottom:5%}.interview__img--3{margin-bottom:4%;text-align:right}.interview__img--3 img{width:57%}.interview__img--4{margin-bottom:7%;padding:0 17% 0 5%}.interview__img--5{margin-bottom:9%}.interview__img--6{padding:0 18.5%;margin-bottom:10%}.interview__img.has-animation.interview__img--1>img,.interview__img.has-animation.interview__img--2>img,.interview__img.has-animation.interview__img--5>img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:250%,100%;mask-size:250%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position .7s ease-out;transition:mask-position .7s ease-out;transition:mask-position .7s ease-out, -webkit-mask-position .7s ease-out}.interview__img.has-animation.interview__img--3>img,.interview__img.has-animation.interview__img--6>img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:500%,100%;mask-size:500%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position .9s ease-out;transition:mask-position .9s ease-out;transition:mask-position .9s ease-out, -webkit-mask-position .9s ease-out}.interview__img.has-animation.interview__img--4>img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:600%,100%;mask-size:600%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1.1s ease-out;transition:mask-position 1.1s ease-out;transition:mask-position 1.1s ease-out, -webkit-mask-position 1.1s ease-out}.interview__img.has-animation.interview__img--7>img{-webkit-mask-image:url(../img/mask.png);mask-image:url(../img/mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:-webkit-mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out;transition:mask-position 1.2s ease-in-out, -webkit-mask-position 1.2s ease-in-out;-webkit-mask-size:750%,100%;mask-size:750%,100%;-webkit-mask-position:0 100%;mask-position:0 100%;transition:-webkit-mask-position 1.2s ease-out;transition:mask-position 1.2s ease-out;transition:mask-position 1.2s ease-out, -webkit-mask-position 1.2s ease-out}.interview__img.has-animation.active>img{-webkit-mask-position:0 0;mask-position:0 0}.QandA{padding:0 7%;margin-bottom:6%}.QandA__item:not(:last-child){margin-bottom:7%}.QandA__item dt{font-weight:600;letter-spacing:-0.02em;margin-bottom:3%}@media screen and (max-width: 768px){.QandA__item dt{font-size:14px;font-size:3.7vw}}@media screen and (min-width: 769px){.QandA__item dt{font-size:14px;font-size:1vw}}.QandA__item dt>img{width:.7em;vertical-align:middle;margin-right:.3em;margin-top:-0.3em}.QandA__item dd>p{line-height:1.55}.QandA__item dd>p:not(:last-child){margin-bottom:5%}.footer{background:url("../img/bg_pattern_white.jpg") repeat 0 0/100px 100px}.footer__inner{padding:10.5% 16% 0;margin-bottom:6.5%}.footer__goto-brandtop{width:100%;padding:5% 0 4%;margin-bottom:10.5%;display:block;text-align:center;border:1px solid #334149;font-size:0;line-height:1;opacity:1;transition:opacity .3s ease}.footer__goto-brandtop__logo{width:56%;margin:0 auto 2%}.footer__goto-brandtop__text{width:18%;margin:auto}.footer__goto-brandtop:hover{opacity:.7}.footer__sns{width:100%;display:flex;justify-content:center}.footer__sns__link{line-height:1;font-size:0;opacity:1;transition:opacity .3s ease}.footer__sns__link>img{width:100%}.footer__sns__link:not(:last-child){margin-right:14%}.footer__sns__link:hover{opacity:.7}.footer__copyright{text-align:center;background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px;padding:2.8% 0 2%;line-height:1;font-size:0;text-align:center}.footer__copyright img{width:76%}.goto-allitems__link{display:block;width:76%;padding:8.5% 0;margin:0 auto;text-align:center;border-radius:50%;overflow:hidden;position:relative}.goto-allitems__link__text{z-index:1;font-family:"benton-modern-display-conden",serif;font-weight:400;font-weight:600;letter-spacing:0em;color:#fff;transition:color .6s ease;position:relative;padding-right:6%}@media screen and (max-width: 768px){.goto-allitems__link__text{font-size:15px;font-size:4vw}}@media screen and (min-width: 769px){.goto-allitems__link__text{font-size:15px;font-size:1vw}}.goto-allitems__link__text svg{width:18%;position:absolute;top:27%;left:92%}.goto-allitems__link__text svg path{fill:#fff;transition:fill .6s ease}.goto-allitems__link::before{z-index:1;content:"";position:absolute;top:2px;bottom:2px;left:2px;right:2px;border:1px solid #fff;pointer-events:none;border-radius:50%;transition:border-color .5s ease}.goto-allitems__link__bg{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%}.goto-allitems__link__bg::before,.goto-allitems__link__bg::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease}.goto-allitems__link__bg::before{background:url("../img/bg_pattern_white.jpg") repeat 0 0/100px 100px;opacity:0}.goto-allitems__link__bg::after{background:url("../img/bg_pattern_blue.jpg") repeat 0 0/100px 100px;opacity:1}@media screen and (min-width: 769px){.goto-allitems__link{transition:opacity .3s ease;opacity:1}.goto-allitems__link:hover{opacity:.7}}.goto-allitems--white .goto-allitems__text{color:#fff}.goto-allitems--white .goto-allitems__link::before{border-color:#334149}.goto-allitems--white .goto-allitems__link__text{color:#334149}.goto-allitems--white .goto-allitems__link__text svg path{fill:#334149}.goto-allitems--white .goto-allitems__link__bg::before{opacity:1}.goto-allitems--white .goto-allitems__link__bg::after{opacity:0}.goto-allitems--pc-side .goto-allitems__link{width:85%}.credit{display:flex;flex-wrap:wrap;justify-content:center;margin-top:16.5%;margin-bottom:10.5%}.credit__item{transition:color .6s ease;color:#334149;line-height:1;margin-bottom:5.7%}.credit__item:nth-child(2n-1){width:50%}.credit__item:nth-child(2n){width:50%;padding-left:7%}.credit__item>dt,.credit__item>dd{white-space:nowrap;letter-spacing:0;line-height:1}.credit__item>dt{opacity:.5;font-family:"gotham",sans-serif;font-weight:400;font-weight:500;margin-bottom:1%}@media screen and (max-width: 768px){.credit__item>dt{font-size:10px;font-size:2.7vw}}@media screen and (min-width: 769px){.credit__item>dt{font-size:10px;font-size:.7vw}}.credit__item>dd{font-family:"benton-modern-display-conden",serif;font-weight:400}@media screen and (max-width: 768px){.credit__item>dd{font-size:14px;font-size:3.7vw}}@media screen and (min-width: 769px){.credit__item>dd{font-size:14px;font-size:1vw}}.credit--footer{translate:-4% 0}@media screen and (min-width: 769px){.credit--footer{translate:1% 0}}.credit--pc-side{margin-top:5.5%;margin-bottom:8%}.credit--pc-side .credit__item:nth-child(2n){padding-left:3%}.punct{display:inline-block;padding-top:.2em}