﻿.top{margin:0 -3.2rem;padding:0 3.2rem 4.8rem;background:linear-gradient(transparent 25rem, rgba(255, 255, 255, 0.5333333333) 25rem)}h1{margin:0 -3.2rem;padding-top:2.4rem;overflow:hidden}h1 img{width:116rem;margin-left:-19rem}.lead{font-weight:900;text-shadow:#fff 0 0 1.6rem;width:39.4rem;margin-top:-6.4rem}.lead>span{display:inline-block;background:#d01;box-shadow:#fff 0 0 1.6rem;padding:0 1.6rem;margin:0 .8rem;transform:skew(-30deg)}.lead>span span{color:#fff;font-size:3.2rem;text-shadow:none;display:inline-block;transform:skew(30deg)}.lead b{color:#d01}.process{padding:6.4rem 0 0}.process .wrap{background:hsla(0,0%,100%,.6);margin:0 -3.2rem;padding:1.6rem 3.2rem;position:relative}.process .wrap::before{content:"";position:absolute;top:-42.6rem;right:0;width:31.5rem;height:42.6rem;background:image-set(url(../../images/racer-ch.avif) type("image/avif"), url(../../images/racer-ch.webp) type("image/webp"), url(../../images/racer-ch.png) type("image/png")) no-repeat bottom left/42.5rem;transition:all .7s}.process .wrap:not(.is-show)::before{opacity:0;background-position:bottom left 4rem}.process .wrap h2{background:#049;box-shadow:#ff0 .4rem .4rem 0;color:#fff;font-size:4rem;font-weight:900;width:fit-content;padding:0 3.2rem;margin-top:-4.8rem;margin-left:-3.6rem;margin-bottom:2rem}.process .wrap section:not(:first-of-type){border-top:#049 double .4rem;padding-top:2rem;margin-top:2rem}.process .wrap section>div{display:flex}.process .wrap section>div h3{display:block;height:fit-content;background:#049;box-shadow:#ff0 .4rem .4rem 0;transform:skew(-30deg);padding:0 1.6rem;margin:0 1.6rem}.process .wrap section>div h3 span{font-size:3.2rem;font-weight:900;color:#fff;display:block;transform:skew(30deg)}.process .wrap section>div p{font-weight:900;padding:.3em 0}.process .wrap section>div p a{display:inline-block;background:#013;padding:0 .3em;margin:0 .2rem;color:#fff;font-size:.9em}.process .wrap section>div p a::after{content:"▶";font-size:inherit}.process .wrap section>div p picture img{height:1.2lh;margin-bottom:-0.1lh;width:auto}.quo{display:block;margin-top:-2rem;position:relative}.note{padding-top:1.6rem}.note,.note *{font-size:2.4rem}.note b{font-weight:900;letter-spacing:-0.04em}.note a{font-weight:900;text-decoration:underline}#process{background:hsla(0,0%,100%,.4);margin:6.4rem -2rem -20rem;padding:8rem 2rem 20rem}#process .wrap{background:#fff;padding:1.6rem;border-radius:1.6rem}#process .wrap h2{background:#049;box-shadow:#ff0 .4rem .4rem 0;color:#fff;font-size:4rem;font-weight:900;width:fit-content;padding:0 4.8rem;margin-top:-4.8rem;margin-left:-3.6rem;margin-bottom:2rem}#process .wrap section:not(:first-of-type){border-top:#049 double .4rem;padding-top:2rem;margin-top:2rem}#process .wrap section>div{display:flex}#process .wrap section>div h3{display:block;height:fit-content;background:#049;box-shadow:#ff0 .4rem .4rem 0;transform:skew(-30deg);padding:0 1.6rem;margin:0 1.6rem}#process .wrap section>div h3 span{font-size:3.2rem;font-weight:900;color:#fff;display:block;transform:skew(30deg)}#process .wrap section>div p{font-weight:900;line-height:1.4;padding:.3em 0}#process .wrap section:last-of-type p{position:relative}#process .wrap section:last-of-type img{margin-top:-4rem}#racer{padding-top:2.4rem}#racer nav{display:flex;justify-content:space-between;flex-wrap:nowrap}#racer nav>div{width:44.4rem}#racer nav ul{display:flex;justify-content:space-between}#racer nav ul .tit{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;border:#fff solid;border-width:0 .2rem;height:2.4rem;margin:1.6rem 0}#racer nav ul .tit p{flex-shrink:0;margin:0 1.6rem;font-size:3.2rem;font-weight:900;color:#fff}#racer nav ul .tit::before,#racer nav ul .tit::after{content:"";width:50%;height:.2rem;display:block;background:#fff}#racer nav ul li:not(.tit){width:21.6rem;height:9.6rem;margin-bottom:1.2rem}#racer nav ul li:not(.tit) button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding-right:2.4rem;background:#fff;border:.4rem solid #013;box-shadow:#013 .4rem .4rem 0;position:relative;transition:all .2s}#racer nav ul li:not(.tit) button::before{content:"";position:absolute;display:block;width:2.4rem;height:1.6rem;clip-path:polygon(0 0, 100% 0, 50% 100%);background:#049;top:calc(50% - .6rem);right:1.2rem}#racer nav ul li:not(.tit) button p{font-size:3.2rem;color:#049;font-weight:900;line-height:1.1}#racer nav ul li:not(.tit) button p span{font-size:.8em}#racer nav ul li:not(.tit) button.active{background:#049;box-shadow:#ff0 .4rem .4rem 0}#racer nav ul li:not(.tit) button.active::before{background:#ff0}#racer nav ul li:not(.tit) button.active p{color:#fff}#racer nav .filter{width:21.6rem}#racer nav .filter li:not(.tit) button::before{background:#d01}#racer nav .filter li:not(.tit) button p{color:#d01}#racer nav .filter li:not(.tit) button.active{background:#d01}#racer .tab-container .tab-menu{margin:.8rem -3.2rem 3.2rem;padding:0 4rem;background-color:#049;display:flex;justify-content:center;align-items:center;position:relative;height:8rem;font-weight:900}#racer .tab-container .tab-menu .tab{background:#9cf;width:10.4rem;height:4.8rem;text-align:center;transform:skew(-20deg);transition:all .2s;margin:0 .3rem}#racer .tab-container .tab-menu .tab.active{background:#ff0}#racer .tab-container .tab-menu .tab span{display:inline-block;transform:skew(20deg);font-size:3.6rem;line-height:4.8rem}#racer .tab-container .tab-menu .active-indicator{display:none}#racer .tab-container .content{transition:all .2s}#racer .tab-container .content:not(.active){visibility:hidden;height:0;margin:0 auto;padding:0;opacity:0}#racer .tab-container .content:not(.active) *{display:none}#racer .data_line{display:flex;justify-content:space-between}#racer .data_line li{width:33rem;border:.2rem solid #013;box-shadow:#013 .4rem .4rem 0;background:#fff;margin-bottom:2.4rem}#racer .data_line li .name{display:flex;justify-content:space-around;align-items:center;height:5.6rem;background:#013;font-size:3.6rem;color:#6ef;font-weight:900;padding:0 .8rem}#racer .data_line li .name span:first-of-type{display:block;width:.2rem;height:4rem;background:#fff}#racer .data_line li .name span:last-of-type{font-size:2.4rem;color:#fff}#racer .data_line li .data_box table{width:100%;border-spacing:.6rem}#racer .data_line li .data_box table,#racer .data_line li .data_box table *{text-align:center}#racer .data_line li .data_box table.seiseki{--color: #aaddbb99}#racer .data_line li .data_box table.grade{--color: #ffaaaa99}#racer .data_line li .data_box table.here{--color: #99ccff99}#racer .data_line li .data_box table .th01 p{font-weight:900;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;line-height:1.2;padding:.4rem 0}#racer .data_line li .data_box table .th01 p::before,#racer .data_line li .data_box table .th01 p::after{content:"";width:50%;height:.2rem;display:block;background:#013}#racer .data_line li .data_box table .th01 p span{padding:0 .8rem;margin:0 .8rem;flex-shrink:0;display:inline-block;background:linear-gradient(transparent 60%, var(--color) 60%)}#racer .data_line li .data_box table .th02{font-size:2.4rem;line-height:1}#racer .data_line li .data_box table .th02 span{font-size:.8em}#racer .data_line li .data_box table td{background:var(--color);font-size:2.8rem;font-weight:900;line-height:1.2}#racer .data_line li a{padding:.8rem}#racer .note{margin-top:-2.4rem}@media all and (min-width: 751px){body{position:relative}body::before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:image-set(url(../../images/common-sp_bg.avif) type("image/avif"), url(../../images/common-sp_bg.webp) type("image/webp"), url(../../images/common-sp_bg.png) type("image/png")) repeat-y left -64rem top -12rem/174rem,image-set(url(../../images/common-sp_bg.avif) type("image/avif"), url(../../images/common-sp_bg.webp) type("image/webp"), url(../../images/common-sp_bg.png) type("image/png")) repeat-y right -52rem top 42rem/174rem;z-index:-3;mix-blend-mode:luminosity;opacity:.5}.top{margin:0 -22.4rem;padding:0 22.4rem 4.8rem;background:linear-gradient(transparent 28rem, rgba(255, 255, 255, 0.5333333333) 25rem);position:relative}h1{margin:-6rem 0 0;padding-top:0;overflow:visible}h1 img{width:125rem;margin-left:-20rem}.lead{width:88rem;margin-top:-10rem;line-height:1.4}.lead,.lead *{font-size:2.4rem}.lead span{padding-top:.05em}.process{padding:4rem 0 0;margin-top:.8rem;width:88rem}.process .wrap{background:hsla(0,0%,100%,.6);margin:0;padding:1.6rem 2.4rem;position:static}.process .wrap::before{content:none}.process .wrap h2{padding:0 2.4rem;font-size:3.2rem;margin-top:-4rem;margin-left:-4.8rem}.process .wrap section:not(:first-of-type){padding-top:.8rem;margin-top:.8rem}.process .wrap section>div h3{padding:0 1.6rem;margin:0 1.6rem}.process .wrap section>div h3 span{font-size:2.4rem}.process .wrap section>div p{padding:0;font-size:2.4rem}.quo{position:absolute;margin:0;right:22.4rem;bottom:3rem;width:56rem;z-index:1}.quo::before{content:"";position:absolute;bottom:calc(100% - 13rem);left:0;width:60rem;height:60rem;background:image-set(url(../../images/racer-ch.avif) type("image/avif"), url(../../images/racer-ch.webp) type("image/webp"), url(../../images/racer-ch.png) type("image/png")) no-repeat center/contain;z-index:-1;transition:all .7s}.quo:not(.is-show)::before{opacity:0;left:4rem}.note{padding-top:.8rem;width:88rem;line-height:1.4}.note,.note *{font-size:1.6rem}#process{background:hsla(0,0%,100%,.4);margin:6.4rem -2rem -20rem;padding:8rem 2rem 20rem}#process .wrap{background:#fff;padding:1.6rem;border-radius:1.6rem}#process .wrap h2{background:#049;box-shadow:#ff0 .4rem .4rem 0;color:#fff;font-size:4rem;font-weight:900;width:fit-content;padding:0 4.8rem;margin-top:-4.8rem;margin-left:-3.6rem;margin-bottom:2rem}#process .wrap section:not(:first-of-type){border-top:#049 double .4rem;padding-top:2rem;margin-top:2rem}#process .wrap section>div{display:flex}#process .wrap section>div h3{display:block;height:fit-content;background:#049;box-shadow:#ff0 .4rem .4rem 0;transform:skew(-30deg);padding:0 1.6rem;margin:0 1.6rem}#process .wrap section>div h3 span{font-size:3.2rem;font-weight:900;color:#fff;display:block;transform:skew(30deg)}#process .wrap section>div p{font-weight:900;line-height:1.4;padding:.3em 0}#process .wrap section:last-of-type p{position:relative}#process .wrap section:last-of-type img{margin-top:-4rem}#racer{padding-top:2.4rem}#racer nav>div{width:94.8rem}#racer nav ul .tit{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;border:#fff solid;border-width:0 .2rem;height:2.4rem;margin:1.6rem 0}#racer nav ul .tit p{flex-shrink:0;margin:0 1.6rem;font-size:3.2rem;font-weight:900;color:#fff}#racer nav ul .tit::before,#racer nav ul .tit::after{content:"";width:50%;height:.2rem;display:block;background:#fff}#racer nav ul li:not(.tit){width:22.8rem}#racer nav .filter{width:46.8rem}#racer .tab-container .tab-menu{margin:.8rem -22.4rem 3.2rem}#racer .tab-container .tab-menu .tab{width:16rem;margin:0 .8rem}#racer .tab-container .tab-menu .active-indicator{display:none}#racer .tab-container .content{transition:all .2s}#racer .tab-container .content:not(.active){visibility:hidden;height:0;margin:0 auto;padding:0;opacity:0}#racer .tab-container .content:not(.active) *{display:none}#racer .data_line{display:flex;justify-content:flex-start;margin-right:-2rem}#racer .data_line li{width:28rem;margin-bottom:3.2rem;margin-right:1.4rem}#racer .data_line li .name{height:4.8rem;font-size:3rem}#racer .data_line li .name span:first-of-type{height:3.6rem}#racer .data_line li .name span:last-of-type{font-size:1.8rem}#racer .data_line li .data_box table .th01 p{padding:.4rem 0}#racer .data_line li .data_box table .th01 p span{font-size:2.4rem}#racer .data_line li .data_box table .th02{font-size:1.6rem}#racer .data_line li .data_box table td{font-size:2.4rem}#racer .data_line li a{padding:.8rem}#racer .note{text-shadow:#fff 0 0 2.4rem,#fff 0 0 1.6rem}}/*# sourceMappingURL=racer.min.css.map */