@charset "UTF-8";.Main{position:relative}.Re__productSection{max-width:1200px;margin:0 auto 160px;display:flex;gap:50px}@media(max-width:840px){.Re__productSection{display:block;gap:none;margin-bottom:80px}}.Re__productSection_head .title{font-family:myriad-pro,sans-serif;font-weight:700}.Re__productSection_head .title-head,.Re__productSection_head .title-foot{display:block;line-height:1}.Re__productSection_head .title-head{font-size:14px}.Re__productSection_head .title-foot{font-size:70px}@media(max-width:580px){.Re__productSection_head .title-head{font-size:12px}.Re__productSection_head .title-foot{font-size:40px}}.Re__productSection_head .text{font-size:14px;line-height:1.6;margin-top:20px}@media(max-width:580px){.Re__productSection_head .text{margin-top:10px}}.Re__productSection_head .button{margin-top:30px;width:100%;text-align:right}@media(max-width:580px){.Re__productSection_head .button{text-align:center;margin-top:20px}}.Re__productSection_head .button a{display:inline-block;width:200px;background-color:#fff;border:1px solid #000;border-radius:200px;padding:5px 10px;font-size:12px;text-align:center;font-weight:700;text-decoration:none;position:relative}.Re__productSection_head .button a:after{display:block;position:absolute;top:50%;right:10px;width:4px;height:4px;transform:translate(-3px,-50%) rotate(45deg);border-top:1.5px solid #333;border-right:1.5px solid #333;content:"";margin-top:-1px}.Re__productSection_head{flex:1}@media(max-width:840px){.Re__productSection_head{flex:none;margin-top:30px}}@media(max-width:580px){.Re__productSection_head{margin-top:20px}}.Re__productSection_foot{max-width:550px;max-height:300px;aspect-ratio:550/300}.Re__productSection_foot img{width:100%;height:100%;object-fit:cover;object-position:80% 50%}@media(max-width:960px){.Re__productSection_foot{width:470px}}@media(max-width:840px){.Re__productSection_foot{width:100%;max-width:100%;max-height:100%}}.Re__productSection:nth-child(2n){flex-direction:row-reverse}.Re__productFeature{max-width:1200px;margin:80px auto}@media(max-width:580px){.Re__productFeature{margin:80px auto 40px}}.Page-MainVisual{position:relative;height:640px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width:736px){.Page-MainVisual{height:240px}}.Page-MainVisual.-productsconcept{background:url(/cdn/shop/files/pages-productsconcept-main-bg.jpg?v=1774865025) no-repeat center center;background-size:cover}.Page-MainVisual__inner{max-width:1200px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}@media(max-width:736px){.Page-MainVisual__inner{width:100%;height:100%}}.Page-MainVisual__title{position:absolute;color:#000;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:1}@media(max-width:736px){.Page-MainVisual__title{left:25px;top:auto;bottom:20px;-webkit-transform:none;-ms-transform:none;transform:none}}.Page-MainVisual__typoHead{font-size:112px;font-family:myriad-pro,sans-serif;font-weight:700;font-style:normal}@media(max-width:736px){.Page-MainVisual__typoHead{font-size:70px}.-productsconcept .Page-MainVisual__typoHead{font-size:60px}.-wallpaper .Page-MainVisual__typoHead{font-size:52px}}.Page-MainVisual__typoBlock{height:110px;overflow:hidden;line-height:1}.-multiLne .Page-MainVisual__typoBlock{height:215px}@media(max-width:736px){.Page-MainVisual__typoBlock{height:65px}}.Page-MainVisual__typoBlock span{display:block;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);text-shadow:0px 0px 10px rgba(255,255,255,.2)}.Page-MainVisual__motif{display:block;margin-bottom:20px}@media(max-width:1070px){.Page-MainVisual__motif{width:82px}}@media(max-width:670px){.Page-MainVisual__motif{position:absolute;top:0;left:0}}.Page-MainVisual__lead{margin-bottom:20px;height:45px;overflow:hidden}@media(max-width:1070px){.Page-MainVisual__lead{height:45px}}@media(max-width:480px){.Page-MainVisual__lead{height:30px;margin-bottom:15px}}.Page-MainVisual__lead span{display:block;color:#fff;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,.3);font-size:40px;-webkit-transition:-webkit-transform 1s cubic-bezier(.76,.6,0,1);transition:-webkit-transform 1s cubic-bezier(.76,.6,0,1);-o-transition:transform 1s cubic-bezier(.76,.6,0,1);transition:transform 1s cubic-bezier(.76,.6,0,1);transition:transform 1s cubic-bezier(.76,.6,0,1),-webkit-transform 1s cubic-bezier(.76,.6,0,1);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}@media(max-width:1070px){.Page-MainVisual__lead span{font-size:30px}}@media(max-width:480px){.Page-MainVisual__lead span{font-size:24px;text-shadow:2px 2px 5px rgba(0,0,0,.3)}}.-isImagesLoaded .Page-MainVisual__lead span{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.Page-MainVisual__typoCaption{font-size:14px;margin-top:30px;line-height:1.4;opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translate(-20px);text-shadow:0px 0px 10px rgba(0,0,0,.2)}@media(max-width:736px){.Page-MainVisual__typoCaption{margin-top:20px}}@media(max-width:480px){.Page-MainVisual__typoCaption{margin-top:10px;font-size:12px}}.Page-MainVisual__typoCaption br{display:none}@media(max-width:670px){.Page-MainVisual__typoCaption br{display:inline-block}}.Page-MainVisual__image{position:relative;width:85%;overflow:hidden}@media(max-width:1024px){.Page-MainVisual__image{width:100%}}@media(max-width:736px){.Page-MainVisual__image{position:relative;width:100%;height:100%}}@media(max-width:736px){.-productsconcept .Page-MainVisual__image{background:url(/assets/tech/images/sitepage/productsconcept/sp-main-sp.jpg) no-repeat center center;background-size:cover}}.Page-MainVisual__imageObject{font-size:0;display:block;width:100%;height:auto;-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0}@media(max-width:736px){.Page-MainVisual__imageObject{display:none}}.Page-MainVisual__button{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;-o-transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;max-width:270px}@media(max-width:480px){.Page-MainVisual__button{max-width:230px}}body.-isImagesLoaded .Page-MainVisual__imageObject{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s cubic-bezier(.76,.6,0,1);-o-transition:all 1.5s cubic-bezier(.76,.6,0,1);transition:all 1.5s cubic-bezier(.76,.6,0,1);opacity:1}body.-isImagesLoaded .Page-MainVisual__typoBlock span{-webkit-transition:-webkit-transform 1s cubic-bezier(.76,.6,0,1);transition:-webkit-transform 1s cubic-bezier(.76,.6,0,1);-o-transition:transform 1s cubic-bezier(.76,.6,0,1);transition:transform 1s cubic-bezier(.76,.6,0,1);transition:transform 1s cubic-bezier(.76,.6,0,1),-webkit-transform 1s cubic-bezier(.76,.6,0,1);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}body.-isImagesLoaded .Page-MainVisual__typoBlock.-t1 span{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}body.-isImagesLoaded .Page-MainVisual__typoBlock.-t2 span{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}body.-isImagesLoaded .Page-MainVisual__typoBlock.-t3 span{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}body.-isImagesLoaded .Page-MainVisual__typoBlock.-t4 span{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}body.-isImagesLoaded .Page-MainVisual__typoCaption{-webkit-transition:opacity .5s,-webkit-transform .5s;transition:opacity .5s,-webkit-transform .5s;-o-transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s;transition:transform .5s,opacity .5s,-webkit-transform .5s;-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}body.-isImagesLoaded .Page-MainVisual__button{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}body.-isImagesLoaded .Page-MainVisual__progressBar{-webkit-animation:startProgressBar 1.5s cubic-bezier(.76,.6,0,1) forwards;animation:startProgressBar 1.5s cubic-bezier(.76,.6,0,1) forwards}body.-isImagesLoaded .Page-MainVisual__progressBar.-sp{-webkit-animation:startProgressBarSp 1.5s cubic-bezier(.76,.6,0,1) forwards;animation:startProgressBarSp 1.5s cubic-bezier(.76,.6,0,1) forwards}.productsconcept-section{padding:0 20px 160px;background-color:#f4f4f4}@media(max-width:670px){.productsconcept-section{padding:0 20px 80px}}.productsconcept-section__lead{text-align:center;font-size:18px;padding:80px 0;line-height:1.5}@media(max-width:670px){.productsconcept-section__lead{text-align:left;font-size:14px;padding:40px 0}}.productsconcept-block{max-width:1200px;margin:0 auto 160px;position:relative}@media(max-width:670px){.productsconcept-block{margin-bottom:80px}}.productsconcept-block__inner{width:435px;margin-left:auto}@media(max-width:670px){.productsconcept-block__inner{width:100%}}.-reverse .productsconcept-block__inner{margin-left:0;margin-right:auto}.productsconcept-block__title{font-size:35px;line-height:1.5;margin-bottom:20px}@media(max-width:670px){.productsconcept-block__title{font-size:20px}}.productsconcept-block__lead{font-size:14px;line-height:1.5;margin-bottom:25px}@media(max-width:670px){.productsconcept-block__lead{margin-bottom:0}}.productsconcept-img{position:absolute;top:0;left:0;width:calc(100% - 485px)}@media(max-width:670px){.productsconcept-img{position:relative;margin-bottom:10px;width:100%}}.-reverse .productsconcept-img{left:auto;right:0}.productsconcept-img__item{width:100%;height:auto}.productsconcept-scene{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media(max-width:670px){.productsconcept-scene{margin-bottom:15px}}.productsconcept-scene__item{-webkit-box-flex:0;-ms-flex:0 0 48%;flex:0 0 48%;width:48%;height:auto}.productsconcept-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.productsconcept-btn .Button{width:248px}@media(max-width:670px){.pc{display:none}}.sp{display:none}@media(max-width:670px){.sp{display:block}}.IndexNews__moreButton{max-width:248px;background-color:#fcb414;margin:45px auto 0}@media(max-width:640px){.IndexNews__moreButton{position:static;margin-left:auto;margin-right:auto;margin-top:20px}}@media(max-width:480px){.IndexNews__moreButton{width:100%}}.Button{display:block;background-color:#fcb414}.Button a,.Button .Button__inner{display:block;padding-right:5px;position:relative;overflow:hidden;text-decoration:none}.Button a:after,.Button .Button__inner:after{position:absolute;left:1px;top:0;content:"";width:100%;height:100%;background-color:#000;-webkit-animation:buttonSlide .4s cubic-bezier(.76,.6,0,1) forwards;animation:buttonSlide .4s cubic-bezier(.76,.6,0,1) forwards}.Button span{display:block;padding:10px 20px 12px;color:#fff;font-size:14px;text-align:center;position:relative;z-index:10;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100% center;background-size:20px;-webkit-transition:background-position .3s;-o-transition:background-position .3s;transition:background-position .3s}.Button:hover span{background-position:102% center}.Button:hover a:after,.Button:hover .Button__inner:after{left:0;-webkit-animation:buttonSlide-out .4s cubic-bezier(.76,.6,0,1) forwards;animation:buttonSlide-out .4s cubic-bezier(.76,.6,0,1) forwards}.Button.-offAnimation a:after,.Button.-offAnimation .Button__inner:after{display:none}.Button.-offAnimation:hover span{background-position:100% center}.Button.-designLine{background-color:transparent;border:1px solid #fcb414}.Button.-designLine span{color:#fcb414;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fcb414' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3E%3C/svg%3E");background-repeat:no-repeat}.Button.-designLine.-designBlack{border:2px solid #222}.Button.-designLine.-designBlack span{color:#222;font-weight:700;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23222' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3E%3C/svg%3E");background-repeat:no-repeat}.Button.-designLine.-designBlack:hover span{color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3E%3C/svg%3E");background-repeat:no-repeat}.Button.-designBgBlack{background-color:#222;border:2px solid #222}.Button.-designBgBlack span{color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' /%3E%3C/svg%3E");background-repeat:no-repeat}.Button.-iconBlank span{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath fill='white' d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:15px;-webkit-transition:none;-o-transition:none;transition:none}.Button.-iconBlank:hover span{background-position:100% center}.Button.-designOfficial{background-color:#fff100;border:2px solid #000}.Button.-designOfficial span{color:#070707;background:url(/wp-content/themes/iface/assets/images/common/icon/blank_icon.png) no-repeat calc(100% - 8px) center;background-size:18px auto;font-weight:700}.Button.-designOfficial:hover span{color:#fff;background-image:url(/wp-content/themes/iface/assets/images/common/icon/blank_icon_wht.png)}.Button.-designRakuten{background-color:transparent;border:2px solid #d50000}.Button.-designRakuten:hover{border-color:#000}.Button.-designRakuten a{padding-right:0}.Button.-designRakuten span{color:#b70000;font-weight:700;padding:10px 0 12px;font-size:12px;background:none}.Button.-designRakuten:hover span{color:#fff}.Button.-designAmazon{background-color:transparent;border:2px solid #eb9100}.Button.-designAmazon:hover{border-color:#000}.Button.-designAmazon a{padding-right:0}.Button.-designAmazon span{color:#fd9c00;font-weight:700;padding:10px 0 12px;font-size:12px;background:none}.Button.-designAmazon:hover span{color:#fff}.Button.-designYahoo{background-color:transparent;border:2px solid #0099ff}.Button.-designYahoo:hover{border-color:#000}.Button.-designYahoo a{padding-right:0}.Button.-designYahoo span{color:#09f;font-weight:700;padding:10px 0 12px;font-size:12px;background:none}.Button.-designYahoo:hover span{color:#fff}@-webkit-keyframes buttonSlide{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@keyframes buttonSlide{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(100%);transform:translate(100%)}}@-webkit-keyframes buttonSlide-out{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes buttonSlide-out{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/productsconcept.css.map */