html{scroll-behavior:unset}main{font-family:ten-mincho,serif;font-weight:400;font-style:normal;overflow:hidden}main img{max-width:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.js-scroll-fx--1{display:inline-block}.concept-movie__heading{position:relative;z-index:1;transform:translate(3%,13%)}.concept-movie__heading img{width:calc(166.36 / 375 * 100vw);margin:0 auto}@media (min-width: 1024px){.concept-movie__heading img{width:calc(266.17 / 1366 * 100vw)}}.concept-movie__thumb img{width:calc(295 / 375 * 100vw)}@media (min-width: 1024px){.concept-movie__thumb img{width:calc(500 / 1366 * 100vw)}}.interview-movie{padding:0 0 25vw}@media (min-width: 1024px){.interview-movie{padding:8vw 0 10vw}}.interview-movie__heading{position:relative;z-index:1;transform:translateY(13%)}.interview-movie__heading img{width:calc(223.99 / 375 * 100vw);margin:0 auto}@media (min-width: 1024px){.interview-movie__heading img{width:calc(248.32 / 1366 * 100vw)}}.interview-movie__thumb img{width:100%;height:calc(394 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.interview-movie__thumb img{width:calc(700 / 1366 * 100vw);height:auto;-o-object-fit:fill;object-fit:fill}}.concept-movie__thumb,.interview-movie__thumb{position:relative;cursor:pointer}.concept-movie__thumb:after,.interview-movie__thumb:after{content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url(//mate-bike.jp/cdn/shop/t/43/assets/movie-play-btn.svg?v=27072774731875466081770719665);background-size:contain;background-repeat:no-repeat;width:calc(46 / 375 * 100vw);height:calc(46 / 375 * 100vw)}@media (min-width: 1024px){.concept-movie__thumb:after,.interview-movie__thumb:after{width:calc(70 / 1366 * 100vw);height:calc(70 / 1366 * 100vw)}}.concept-movie__thumb:hover:after,.interview-movie__thumb:hover:after{opacity:.95}.concept-movie__thumb:hover img,.interview-movie__thumb:hover img{opacity:.9}.concept-movie__thumb img,.interview-movie__thumb img{transition:opacity .25s ease}#videoLayer{transform:translate(100%);position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;width:100%;height:100%;z-index:10}#videoLayerWrap{position:relative;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}#videoLayerWrap iframe{opacity:0;width:90vw;height:70vh}@media (min-width: 1024px){#videoLayerWrap iframe{width:80vw;height:90vh}}#videoLayerClose{position:absolute;top:4vw;right:4vw;width:14vw;height:14vw}#videoLayerClose:before,#videoLayerClose:after{content:"";display:block;position:absolute;background-color:#f0f1ec;width:100%;height:.36vw}@media (min-width: 1024px){#videoLayerClose:before,#videoLayerClose:after{height:.15vw}}#videoLayerClose:before{transform:rotate(45deg)}#videoLayerClose:after{transform:rotate(-45deg)}@media (min-width: 640px){#videoLayerClose{top:2vw;right:2vw;width:9vw;height:9vw}}@media (min-width: 1024px){#videoLayerClose{top:1vw;right:1vw;width:6vw;height:6vw}}.product-link{font-family:Inter,Noto Sans JP,sans-serif;margin-bottom:25vw}@media (min-width: 1024px){.product-link{margin-bottom:10vw}}.concept-link{margin-bottom:25vw}@media (min-width: 1024px){.concept-link{margin-bottom:10vw}}.page-header__kv--nature{background-image:linear-gradient(180deg,#00000059,#0000 8.3%),url(//mate-bike.jp/cdn/shop/t/43/assets/page-header__kv--nature.jpg?v=22789858683926548901770719687)}@media (min-width: 1024px){.page-header__kv--nature{background:linear-gradient(180deg,#00000059,#0000 7.5%),url(//mate-bike.jp/cdn/shop/t/43/assets/page-header__kv--nature--lg.jpg?v=12655219892163787081770719686)}}.page-header__kv--urban{background:linear-gradient(180deg,#00000059,#0000 8.3%),url(//mate-bike.jp/cdn/shop/t/43/assets/page-header__kv--urban.jpg?v=106758474099689408131770719688)}@media (min-width: 1024px){.page-header__kv--urban{background:linear-gradient(180deg,#00000059,#0000 7.5%),url(//mate-bike.jp/cdn/shop/t/43/assets/page-header__kv--urban--lg.jpg?v=112587082357980695181770719687)}}.page-header__kv{height:150vw;background-position:50% 25%}@media (min-width: 1024px){.page-header__kv{height:60vw}}.page-header__kv--nature,.page-header__kv--urban{background-size:cover}.content--nature{background-color:#fff}.content--nature .row1{margin-top:43vw}@media (min-width: 1024px){.content--nature .row1{margin-top:13vw}}.content--nature .row1_1 h2{transform:translate(10vw)}.content--nature .row1_1 h2 img{width:48.68vw}@media (min-width: 1024px){.content--nature .row1_1 h2 img{width:calc(234.31 / 1366 * 100vw)}}.content--nature .row1_1 h2:after{content:"";display:block;height:1px;border-top:1px solid #000;transform:translate(8.5vw);width:calc(40 / 375 * 100vw);margin:calc(50 / 375 * 100vw) 0 12vw}@media (min-width: 1024px){.content--nature .row1_1 h2:after{transform:translate(3vw);width:calc(40 / 1366 * 100vw);margin:calc(100 / 1366 * 100vw) 0 calc(80 / 1366 * 100vw)}}.content--nature .row1_1 img.lg\:hidden{margin-left:auto;margin-bottom:10vw;width:calc(305 / 375 * 100vw)}.content--nature .row1_1 p{line-height:2;font-size:calc(20 / 375 * 100vw);transform:translate(18vw)}@media (min-width: 1024px){.content--nature .row1_1 p{font-size:calc(23 / 1366 * 100vw);transform:translate(12.8vw)}}.content--nature .row1_2 img{transform:translateY(11vw);width:calc(600 / 1366 * 100vw)}.content--nature .row2{margin-top:10vw}@media (min-width: 1024px){.content--nature .row2{margin-top:16vw}}.content--nature .row2 img{width:100%;height:calc(519 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--nature .row2 img{width:calc(1083 / 1366 * 100vw);height:auto;-o-object-fit:fill;object-fit:fill}}.content--nature .row3{margin-top:72vw}@media (min-width: 1024px){.content--nature .row3{margin-top:13vw}}.content--nature .row3_1 p:nth-child(1){transform:translate(10vw,-59vw);font-size:calc(25 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row3_1 p:nth-child(1){transform:translate(4vw,-6vw);font-size:calc(30 / 1366 * 100vw)}}.content--nature .row3_1 p:nth-child(2){transform:translate(28vw,-32vw);font-size:4.8vw}@media (min-width: 1024px){.content--nature .row3_1 p:nth-child(2){transform:translate(18vw,4vw);font-size:calc(20 / 1366 * 100vw)}}.content--nature .row3_1 p:nth-child(3){transform:translate(11vw,-18vw);font-size:calc(38 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row3_1 p:nth-child(3){transform:translate(13vw,8vw);font-size:calc(40 / 1366 * 100vw)}}.content--nature .row3_2 img{width:100%;height:96vw;-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--nature .row3_2 img{width:calc(630 / 1366 * 100vw);height:auto;-o-object-fit:fill;object-fit:fill}}.content--nature .row4{margin-top:25vw}@media (min-width: 1024px){.content--nature .row4{margin-top:0}}.content--nature .row4_1 p{transform:translate(11vw,-13vw);font-size:calc(28 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row4_1 p{transform:translate(16vw,7vw);font-size:calc(30 / 1366 * 100vw)}}.content--nature .row4_1 p span:last-child{font-size:calc(23 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row4_1 p span:last-child{font-size:calc(25 / 1366 * 100vw)}}.content--nature .row4_2 img{width:calc(335 / 375 * 100vw);margin-left:auto}@media (min-width: 1024px){.content--nature .row4_2 img{transform:translateY(-6vw);width:calc(480 / 1366 * 100vw)}}.content--nature .row5{margin-top:40vw}@media (min-width: 1024px){.content--nature .row5{margin-top:5vw}}.content--nature .row5_1 img{position:relative;z-index:1;margin:0 auto;width:calc(297.91 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row5_1 img{width:calc(355.85 / 1366 * 100vw);transform:translate(5vw)}}.content--nature .row5_2 p{line-height:2.2;margin-top:11vw;transform:translate(11vw);font-size:4.8vw}@media (min-width: 1024px){.content--nature .row5_2 p{margin-top:0;transform:translate(-3vw,7vw);font-size:calc(20 / 1366 * 100vw)}}.content--nature .row6{margin-top:10vw}@media (min-width: 1024px){.content--nature .row6{margin-top:-3vw}}.content--nature .row6 img{width:100%;height:calc(650 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--nature .row6 img{height:auto;-o-object-fit:fill;object-fit:fill}}.content--nature .row6 p{line-height:2.2;margin:16vw 0;font-size:4.8vw}@media (min-width: 1024px){.content--nature .row6 p{margin:12vw 0;font-size:calc(25 / 1366 * 100vw)}}.content--nature .row7_1 img{width:calc(335 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row7_1 img{width:50vw}}.content--nature .row7_2{margin-top:24vw}@media (min-width: 1024px){.content--nature .row7_2{margin-top:0}}.content--nature .row7_2 p{line-height:2.2;transform:translate(11vw);font-size:4.8vw}@media (min-width: 1024px){.content--nature .row7_2 p{transform:translate(10vw);font-size:calc(20 / 1366 * 100vw)}}.content--nature .row8{margin-top:40vw}@media (min-width: 1024px){.content--nature .row8{margin-top:0}}.content--nature .row8_1 img:nth-child(1){position:relative;z-index:1;width:calc(160.56 / 375 * 100vw);margin:0 -13vw 0 10vw}@media (min-width: 1024px){.content--nature .row8_1 img:nth-child(1){margin:0 10vw;width:calc(195.15 / 1366 * 100vw)}}.content--nature .row8_1 img:not(:nth-child(1)){width:auto;height:calc(350 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row8_1 img:not(:nth-child(1)){height:calc(350 / 1366 * 100vw)}}.content--nature .row8_1 .draggable-slider{padding-right:10vw}.content--nature .row8_2{padding:30vw 0}@media (min-width: 1024px){.content--nature .row8_2{padding:7vw 0}}.content--nature .row8_2 p{line-height:2.2;font-size:calc(22 / 375 * 100vw)}@media (min-width: 1024px){.content--nature .row8_2 p{font-size:calc(28 / 1366 * 100vw)}}.content--nature .row8_3 img{width:100%;height:calc(580 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--nature .row8_3 img{height:auto;-o-object-fit:fill;object-fit:fill}}.content--nature .row8_4{padding:30vw 0}@media (min-width: 1024px){.content--nature .row8_4{padding:9vw 0}}.content--nature .row8_4 p{line-height:2.2;font-size:calc(20/ 375 * 100vw)}@media (min-width: 1024px){.content--nature .row8_4 p{font-size:calc(20 / 1366 * 100vw)}}.content--urban{background-color:#fff}.content--urban .row1{margin-top:40vw}@media (min-width: 1024px){.content--urban .row1{margin-top:22vw}}.content--urban .row1_1 h2{transform:translate(45vw)}@media (min-width: 1024px){.content--urban .row1_1 h2{transform:translate(17vw,-11vw)}}.content--urban .row1_1 h2 img{width:calc(170.19 / 375 * 100vw)}@media (min-width: 1024px){.content--urban .row1_1 h2 img{width:calc(222.09 / 1366 * 100vw)}}.content--urban .row1_1 h2:after{content:"";display:block;height:1px;border-top:1px solid #000;transform:translate(33.8vw);width:calc(40 / 375 * 100vw);margin:calc(50 / 375 * 100vw) 0 8vw}@media (min-width: 1024px){.content--urban .row1_1 h2:after{transform:translate(4.2vw);width:calc(40 / 1366 * 100vw);margin:calc(100 / 1366 * 100vw) 0 calc(80 / 1366 * 100vw)}}.content--urban .row1_1 p{line-height:2;font-size:calc(20 / 375 * 100vw);transform:translate(26vw)}@media (min-width: 1024px){.content--urban .row1_1 p{font-size:calc(20 / 1366 * 100vw);transform:translate(21.2vw,-10vw)}}.content--urban .row1_2{padding:10vw 0 20vw}@media (min-width: 1024px){.content--urban .row1_2{padding:0 0 17vw}}.content--urban .row1_2 img{width:calc(305 / 375 * 100vw)}@media (min-width: 1024px){.content--urban .row1_2 img{width:calc(600 / 1366 * 100vw)}}.content--urban .row1_2 p{line-height:1.8;font-size:calc(20 / 375 * 100vw);transform:translate(14vw,9vw)}@media (min-width: 1024px){.content--urban .row1_2 p{font-size:calc(23 / 1366 * 100vw);transform:translate(14vw,9vw)}}.content--urban .row2{padding-bottom:26vw}@media (min-width: 1024px){.content--urban .row2{padding-bottom:0}}.content--urban .row2 .row2_1 img{width:100%;height:calc(520 / 375 * 100vw);-o-object-fit:cover;object-fit:cover;-o-object-position:45% 50%;object-position:45% 50%}@media (min-width: 1024px){.content--urban .row2 .row2_1 img{width:calc(1083 / 1366 * 100vw);margin-left:auto;margin-top:7vw;height:auto;-o-object-fit:fill;object-fit:fill}}.content--urban .row2 .row2_2 p{line-height:1.8;font-size:calc(20 / 375 * 100vw);transform:translate(11vw,20vw)}@media (min-width: 1024px){.content--urban .row2 .row2_2 p{font-size:calc(22 / 1366 * 100vw);transform:translate(48vw)}}.content--urban .row3{margin-top:14vw}@media (min-width: 1024px){.content--urban .row3{margin-top:11vw}}.content--urban .row3_1 img{width:80.8vw;height:calc(233.33 / 375 * 100vw);-o-object-fit:cover;object-fit:cover;margin-left:auto}@media (min-width: 1024px){.content--urban .row3_1 img{width:calc(600 / 1366 * 100vw);height:auto;-o-object-fit:fill;object-fit:fill;margin-left:0}}.content--urban .row3_2{margin-top:24vw}@media (min-width: 1024px){.content--urban .row3_2{margin-top:0}}.content--urban .row3_2 p{line-height:2;font-size:4.8vw;transform:translate(11vw)}@media (min-width: 1024px){.content--urban .row3_2 p{transform:translate(13vw);font-size:calc(25 / 1366 * 100vw)}}.content--urban .row4{margin-top:40vw}@media (min-width: 1024px){.content--urban .row4{margin-top:11vw}}.content--urban .row4 p{line-height:2;font-size:calc(20 / 375 * 100vw)}@media (min-width: 1024px){.content--urban .row4 p{font-size:calc(20 / 1366 * 100vw)}}.content--urban .row5{margin-top:40vw}@media (min-width: 1024px){.content--urban .row5{margin-top:18vw}}.content--urban .row5_1 img{position:relative;z-index:1;margin:0 auto;width:calc(313.69 / 375 * 100vw)}@media (min-width: 1024px){.content--urban .row5_1 img{margin:0 0 0 14vw;width:calc(355.85 / 1366 * 100vw)}}.content--urban .row5_2{transform:translateY(-7vw)}.content--urban .row5_2 img{width:100%;height:calc(650 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--urban .row5_2 img{width:50vw;height:calc(780 / 1366 * 100vw);-o-object-position:50% 87%;object-position:50% 87%;margin-left:auto}}.content--urban .row6{margin-top:2vw}.content--urban .row6 p{line-height:2.2;padding:16vw 0;font-size:4.8vw;transform:translate(11vw)}@media (min-width: 1024px){.content--urban .row6 p{padding:2vw 0;font-size:calc(20 / 1366 * 100vw);transform:translate(0)}}.content--urban .row7{margin-top:9vw}.content--urban .row7 img{width:100%;height:calc(500 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--urban .row7 img{width:100%;height:auto}}.content--urban .row7 p{line-height:2.2;padding:24vw 0;font-size:calc(25 / 375 * 100vw)}@media (min-width: 1024px){.content--urban .row7 p{padding:10vw 0;font-size:calc(25 / 1366 * 100vw)}}.content--urban .row8{margin-bottom:25vw}@media (min-width: 1024px){.content--urban .row8{margin:0}}.content--urban .row8_1 img{flex-shrink:0}.content--urban .row8_1 img:nth-child(1){position:relative;z-index:1;width:calc(160.56 / 375 * 100vw);margin:0 -13vw 0 10vw}@media (min-width: 1024px){.content--urban .row8_1 img:nth-child(1){margin:0 10vw;width:calc(195.15 / 1366 * 100vw)}}.content--urban .row8_1 img:not(:nth-child(1)){width:auto;height:calc(350 / 375 * 100vw)}@media (min-width: 1024px){.content--urban .row8_1 img:not(:nth-child(1)){height:calc(350 / 1366 * 100vw)}}.content--urban .row8_1 .draggable-slider{padding-right:10vw}.content--urban .row8_2{padding:30vw 0}@media (min-width: 1024px){.content--urban .row8_2{padding:9vw 0}}.content--urban .row8_2 p{line-height:2.2;font-size:4.8vw;transform:translate(11vw)}@media (min-width: 1024px){.content--urban .row8_2 p{font-size:calc(20 / 1366 * 100vw);transform:translate(0)}}.content--urban .row8_3 img{width:100%;height:calc(580 / 375 * 100vw);-o-object-fit:cover;object-fit:cover}@media (min-width: 1024px){.content--urban .row8_3 img{height:auto;-o-object-fit:fill;object-fit:fill}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/yk.4bbea762.css.map */