@charset "UTF-8";*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{--color-balck: #242424;--color-white: #FFFFFF;--color-off-white: #EBE3DD;--color-mocha: #B3A499;--color-text-1: var(--color-balck);--color-text-2: var(--color-white);--color-text-3: var(--color-off-white);--color-text-4: var(--color-mocha);--color-bg-1: var(--color-off-white);--color-bg-2: var(--color-mocha);--color-bg-3: var(--color-balck);--font-nano-sans-jp: "Noto Sans JP";--font-inter: "Inter";--font-termina: "termina";--font-jp: var(--font-nano-sans-jp), sans-serif;--font-en: var(--font-termina), sans-serif;--font-en-2: var(--font-inter), sans-serif}html{-webkit-font-smoothing:antialiased;scrollbar-width:thin;width:100vw;overflow-x:hidden;font-size:calc(100vw / 1512 * 16)}@media(max-width:1512px){html{font-size:clamp(14.4px,14.4px + (16 - 14.4) * (100vw - 767px) / (1512 - 767),16px)}}@media(max-width:767px){html{font-size:calc(100vw / 390 * 16)}}iframe{border:0}main.safe-drive{color:var(--color-text-1);font-family:var(--font-jp);font-weight:500;background-color:var(--color-bg-1)}main.safe-drive h1,main.safe-drive h2,main.safe-drive h3{color:var(--color-text-1)}main.safe-drive img,main.safe-drive iframe{max-width:none}main.safe-drive .page-header{position:relative;overflow:initial}main.safe-drive .page-header .page-title{position:absolute;z-index:100;top:calc(100vh - 18.5625rem);left:6.25rem;font-size:5.625rem;font-weight:700;line-height:105.556%}@media(max-width:767px){main.safe-drive .page-header .page-title{font-size:3.125rem;line-height:116%;top:calc(100svh - 11.25rem);left:auto;right:auto;text-align:center;width:100%}}main.safe-drive .page-header .page-title i{font-style:italic;font-size:6.5625rem;font-weight:900;font-family:var(--font-en-2);line-height:90.476%}@media(max-width:767px){main.safe-drive .page-header .page-title i{font-size:3.75rem;line-height:96.667%}}main.safe-drive .page-header .page-menu{font-family:var(--font-en);position:absolute;top:16.375rem;left:6.25rem;display:flex}@media(max-width:767px){main.safe-drive .page-header .page-menu{display:none}}main.safe-drive .page-header .page-menu h2{font-size:1.25rem;font-weight:900;line-height:100%;letter-spacing:.0625rem;margin-top:.748125rem;margin-right:7.5rem}main.safe-drive .page-header .page-menu li{font-size:.875rem;font-weight:700;line-height:285.714%;letter-spacing:.04375rem}main.safe-drive .page-header .video-container{margin-left:auto;width:62.5rem;aspect-ratio:9/16}@media(max-width:767px){main.safe-drive .page-header .video-container{width:100%}}main.safe-drive .page-header .video-container iframe{width:100%;height:100%;object-fit:cover;pointer-events:none}main.safe-drive .tagline{color:var(--color-text-3);font-family:var(--font-en);font-size:12.5625rem;font-weight:900;line-height:69.652%;opacity:.3;white-space:nowrap;position:absolute;z-index:100;pointer-events:none;top:18.75rem;left:46.25rem}@media(max-width:767px){main.safe-drive .tagline{font-size:8.125rem;line-height:107.692%;top:6.6875rem;left:1.875rem}}main.safe-drive .video-wrapper{position:relative;display:grid;place-items:center}main.safe-drive .video-wrapper .video-container{width:18.75rem;aspect-ratio:1;overflow:hidden;display:grid;place-items:center;position:relative}@media(max-width:767px){main.safe-drive .video-wrapper .video-container{width:16.875rem}}main.safe-drive .video-wrapper .video-container iframe{width:185%;height:185%;object-fit:cover;pointer-events:none}main.safe-drive .video-wrapper .video-wrapper{pointer-events:none}main.safe-drive .video-wrapper .video-wrapper>*{pointer-events:auto}main.safe-drive .video-wrapper .video-link{font-family:var(--font-en);font-size:1.5625rem;font-weight:900;line-height:160%;letter-spacing:.078125rem;position:absolute;top:8.375rem;right:50%;white-space:nowrap}@media(max-width:767px){main.safe-drive .video-wrapper .video-link{top:7.375rem;left:50%;right:auto;transform:translate(-50%)}}main.safe-drive .copy{width:37.5rem;margin-inline:auto}@media(max-width:767px){main.safe-drive .copy{width:16.875rem}}main.safe-drive .copy p{font-size:1.375rem;line-height:204.545%}@media(max-width:767px){main.safe-drive .copy p{font-size:1.125rem;line-height:194.444%}}main.safe-drive .area-1{background-color:var(--color-bg-1);margin-top:25rem;position:relative;overflow:hidden}main.safe-drive .area-1 .title{white-space:nowrap;width:0;height:0;font-size:1.125rem;font-weight:700;letter-spacing:.05625rem;position:absolute;left:7.8125rem;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-1 .title{left:clamp(37.5px,37.5px + (125 - 37.5) * (100vw - 767px) / (1512 - 767),125px)}}@media(max-width:767px){main.safe-drive .area-1 .title{font-size:.9375rem;left:2.5rem;letter-spacing:.046875rem}}main.safe-drive .area-1 .subtitle{width:0;height:0;font-family:var(--font-en);font-size:.75rem;font-weight:700;letter-spacing:.0225rem;position:absolute;right:6.25rem;white-space:nowrap;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-1 .subtitle{right:clamp(30px,30px + (100 - 30) * (100vw - 767px) / (1512 - 767),100px)}}@media(max-width:767px){main.safe-drive .area-1 .subtitle{right:1.125rem;letter-spacing:.01875rem}}@media(max-width:767px){main.safe-drive .area-1{margin-top:15rem}}main.safe-drive .area-1 .image{width:100%}main.safe-drive .area-1 .copy{margin-top:12.875rem}main.safe-drive .area-1 .video-wrapper{margin-top:12.875rem}main.safe-drive .area-1 .faq{display:flex;flex-direction:column;width:100%;max-width:62.5rem;padding-inline:1.875rem;justify-content:center;margin-inline:auto;margin-block:24.25rem 12.5rem}@media(max-width:767px){main.safe-drive .area-1 .faq{margin-bottom:23.3125rem 8.875rem}}main.safe-drive .area-1 .faq-title{font-family:var(--font-en);font-weight:900;font-size:5rem;line-height:50%;letter-spacing:.25rem;text-align:center}main.safe-drive .area-1 .faq-item{border-bottom:2px solid var(--color-text-1)}main.safe-drive .area-1 .faq-item:is(.faq-title+*){margin-top:6.25rem;border-top:2px solid var(--color-text-1)}main.safe-drive .area-1 .faq-item .faq-question{display:flex;justify-content:space-between;align-items:center;padding-block:3.125rem;cursor:pointer;font-size:1.5625rem;font-weight:700;line-height:100%;transition:opacity .3s}@media(max-width:767px){main.safe-drive .area-1 .faq-item .faq-question{font-size:1.25rem;padding-block:2.5rem;line-height:225%}}main.safe-drive .area-1 .faq-item .faq-question svg{width:1.25rem;height:1.25rem;stroke:var(--color-text-1);transition:transform .3s}main.safe-drive .area-1 .faq-item .faq-question svg:is(.faq-item.open *){transform:rotate(135deg)}main.safe-drive .area-1 .faq-item .faq-answer{height:0;overflow:hidden}main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner{padding:0 6.25rem 4.5rem}@media(max-width:767px){main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner{padding:0 0 3.125rem}}main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner h3{font-weight:700;font-size:1.375rem;line-height:204%}@media(max-width:767px){main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner h3{font-size:1.125rem;line-height:177%}}main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner p,main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner ol,main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner li{font-size:1.375rem;line-height:205%}@media(max-width:767px){main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner p,main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner ol,main.safe-drive .area-1 .faq-item .faq-answer .faq-answer-inner li{font-size:1.125rem;line-height:177%}}main.safe-drive .area-2{position:relative;color:var(--color-text-2);background-color:var(--color-bg-2);overflow:hidden}main.safe-drive .area-2 .title{white-space:nowrap;width:0;height:0;font-size:1.125rem;font-weight:700;letter-spacing:.05625rem;position:absolute;left:7.8125rem;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-2 .title{left:clamp(37.5px,37.5px + (125 - 37.5) * (100vw - 767px) / (1512 - 767),125px)}}@media(max-width:767px){main.safe-drive .area-2 .title{font-size:.9375rem;left:2.5rem;letter-spacing:.046875rem}}main.safe-drive .area-2 .subtitle{width:0;height:0;font-family:var(--font-en);font-size:.75rem;font-weight:700;letter-spacing:.0225rem;position:absolute;right:6.25rem;white-space:nowrap;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-2 .subtitle{right:clamp(30px,30px + (100 - 30) * (100vw - 767px) / (1512 - 767),100px)}}@media(max-width:767px){main.safe-drive .area-2 .subtitle{right:1.125rem;letter-spacing:.01875rem}}main.safe-drive .area-2 h1,main.safe-drive .area-2 h2,main.safe-drive .area-2 h3{color:var(--color-text-2)}main.safe-drive .area-2 .caption{display:grid;place-items:center;height:100vh;font-size:5rem;font-weight:700;line-height:120%;text-align:center;padding-inline:1.875rem}@media(max-width:767px){main.safe-drive .area-2 .caption{font-size:2.5rem;line-height:130%}}main.safe-drive .area-2 .caption span>span{display:inline-block}main.safe-drive .area-2 .image-wrap{display:flex;gap:6.25rem;justify-content:center}@media(max-width:767px){main.safe-drive .area-2 .image-wrap{flex-direction:column;gap:1.875rem;padding-inline:1.875rem}}main.safe-drive .area-2 .image-wrap div:last-child{margin-top:6.25rem}@media(max-width:767px){main.safe-drive .area-2 .image-wrap div:last-child{margin-top:0}}main.safe-drive .area-2 .image-wrap .image{width:33.3125rem}@media(max-width:1512px){main.safe-drive .area-2 .image-wrap .image{width:clamp(266.5px,266.5px + (533 - 266.5) * (100vw - 767px) / (1512 - 767),533px)}}@media(max-width:767px){main.safe-drive .area-2 .image-wrap .image{width:100%}}main.safe-drive .area-2 .copy{margin-top:12.5rem}main.safe-drive .area-2 .video-wrapper{margin-block:12.5rem 25.8125rem}main.safe-drive .area-3{color:var(--color-text-2);background-color:var(--color-bg-3);overflow:hidden;position:relative}main.safe-drive .area-3 .title{white-space:nowrap;width:0;height:0;font-size:1.125rem;font-weight:700;letter-spacing:.05625rem;position:absolute;left:7.8125rem;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-3 .title{left:clamp(37.5px,37.5px + (125 - 37.5) * (100vw - 767px) / (1512 - 767),125px)}}@media(max-width:767px){main.safe-drive .area-3 .title{font-size:.9375rem;left:2.5rem;letter-spacing:.046875rem}}main.safe-drive .area-3 .subtitle{width:0;height:0;font-family:var(--font-en);font-size:.75rem;font-weight:700;letter-spacing:.0225rem;position:absolute;right:6.25rem;white-space:nowrap;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-3 .subtitle{right:clamp(30px,30px + (100 - 30) * (100vw - 767px) / (1512 - 767),100px)}}@media(max-width:767px){main.safe-drive .area-3 .subtitle{right:1.125rem;letter-spacing:.01875rem}}main.safe-drive .area-3 h1,main.safe-drive .area-3 h2,main.safe-drive .area-3 h3{color:var(--color-text-2)}main.safe-drive .area-3 .caption{display:grid;place-items:center;height:100vh;padding-inline:1.875rem}main.safe-drive .area-3 .caption blockquote p{font-size:3.75rem;font-weight:700;line-height:116.667%;font-style:normal}@media(max-width:767px){main.safe-drive .area-3 .caption blockquote p{font-size:2.5rem;line-height:130%}main.safe-drive .area-3 .caption blockquote p span{display:inline-block}}main.safe-drive .area-3 .caption blockquote cite{font-size:1.875rem;font-style:normal}@media(max-width:767px){main.safe-drive .area-3 .caption blockquote cite{font-size:1.5625rem}}main.safe-drive .area-3 .caption blockquote cite:before{content:none}main.safe-drive .area-3 .copy{margin-top:13.1875rem}main.safe-drive .area-3 .array{display:inline-flex;flex-wrap:nowrap;padding-inline:6.25rem;margin-block:27.375rem 23.5625rem}@media(max-width:767px){main.safe-drive .area-3 .array{display:flex;flex-direction:column;gap:5rem;padding-inline:0}}main.safe-drive .area-3 .array-item{width:41rem}@media(max-width:767px){main.safe-drive .area-3 .array-item{width:100%;display:grid;place-items:center}}main.safe-drive .area-3 .array-item:nth-child(odd){margin-top:6.25rem}@media(max-width:767px){main.safe-drive .area-3 .array-item:nth-child(odd){margin-top:0}}main.safe-drive .area-3 .array-item img{width:26.25rem}@media(max-width:767px){main.safe-drive .area-3 .array-item img{width:18.125rem}}main.safe-drive .area-3 .array-item p{margin-top:1.25rem;margin-left:13.125rem;font-size:1.125rem;line-height:160%}@media(max-width:767px){main.safe-drive .area-3 .array-item p{margin-inline:auto 1.25rem;font-size:.75rem;line-height:138%}}main.safe-drive .area-3 .array-item p span{display:inline-block}main.safe-drive .area-3 .subcaption{font-family:var(--font-en);font-size:5.625rem;font-weight:900;line-height:88.889%;letter-spacing:.28125rem;opacity:.05;position:absolute;bottom:23.5625rem;left:3.125rem}@media(max-width:767px){main.safe-drive .area-3 .subcaption{font-size:3.75rem;line-height:96.667%;bottom:12.5rem;left:1.875rem}}main.safe-drive .area-4{position:relative;background-color:var(--color-bg-1);display:grid;place-content:center;height:100vh}main.safe-drive .area-4 .title{display:inline-flex;flex-direction:column;align-items:end}@media(max-width:767px){main.safe-drive .area-4 .title{align-items:center}}main.safe-drive .area-4 .title svg{width:18.75rem;height:auto;fill:var(--color-text-1)}main.safe-drive .area-4 .title span{margin-top:1.25rem;font-size:1.25rem;line-height:250%}@media(max-width:767px){main.safe-drive .area-4 .title span{font-size:1.125rem;margin-top:0}}main.safe-drive .area-4 .subtitle{width:0;height:0;font-family:var(--font-en);font-size:.75rem;font-weight:700;letter-spacing:.0225rem;position:absolute;right:6.25rem;white-space:nowrap;transform:rotate(90deg) translate(6.25rem)}@media(max-width:1512px){main.safe-drive .area-4 .subtitle{right:clamp(30px,30px + (100 - 30) * (100vw - 767px) / (1512 - 767),100px)}}@media(max-width:767px){main.safe-drive .area-4 .subtitle{right:1.125rem;letter-spacing:.01875rem}}main.safe-drive .area-5{overflow:hidden;position:relative;background-color:var(--color-bg-1)}main.safe-drive .area-5 .title{text-align:center;font-family:var(--font-en);font-size:5.625rem;font-weight:900;line-height:88.889%}@media(max-width:767px){main.safe-drive .area-5 .title{font-size:1.5625rem;line-height:120%}}main.safe-drive .area-5 .array{display:inline-flex;flex-wrap:nowrap;gap:5.625rem;margin-top:12.5rem;padding-inline:6.25rem;margin-bottom:32.9375rem}@media(max-width:767px){main.safe-drive .area-5 .array{display:flex;flex-direction:column;gap:3.75rem;margin-bottom:9.625rem;padding-inline:1.875rem}}main.safe-drive .area-5 .array-item{width:31.25rem;max-width:100%;font-family:var(--font-en);position:relative}main.safe-drive .area-5 .array-item span{font-size:.75rem;font-weight:700;line-height:333.333%;letter-spacing:.0225rem;position:absolute;top:-3.333em;left:100%;white-space:nowrap;transform:rotate(90deg);transform-origin:bottom left}@media(max-width:767px){main.safe-drive .area-5 .array-item span{top:-2em;line-height:200%;white-space:nowrap}}main.safe-drive .area-5 .array-item img{width:100%}main.safe-drive .area-5 .array-item h3{font-size:1.25rem;font-weight:900;line-height:200%;letter-spacing:.0625rem}@media(max-width:767px){main.safe-drive .area-5 .array-item h3{font-size:.9375rem;line-height:133%}}.trim-mark div{position:fixed;top:50%;transform:translateY(-50%);border:.0625rem solid var(--color-text-1);width:0;height:1.5625rem}.trim-mark div:before{content:"";position:absolute;top:50%;height:0;transform:translateY(-50%);border:.0625rem solid var(--color-text-1);width:.9375rem}.trim-mark div:first-child{left:3.125rem}@media(max-width:767px){.trim-mark div:first-child{left:.9375rem}}.trim-mark div:first-child:before{left:0}.trim-mark div:last-child{right:3.125rem}@media(max-width:767px){.trim-mark div:last-child{right:.9375rem}}.trim-mark div:last-child:before{right:0}
/*# sourceMappingURL=/cdn/shop/t/43/assets/safedrive.css.map */