@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap";body{font-family:Noto Sans JP,sans-serif;line-height:1.8;color:#000}a{color:inherit;text-decoration:none;cursor:pointer;transition:all .4s ease 0s}a:hover{opacity:.7;transition:all .4s ease 0s}ul,ol{list-style:none;padding:0;margin:0}.custom-product-lp img{width:100%}@media screen and (max-width:767px){.is-pc{display:none}}@media screen and (min-width:768px)and (max-width:999px){.is-pc{display:none}}@media screen and (min-width:1000px){.is-sp{display:none}}@media screen and (min-width:768px)and (max-width:999px){.is-sp{display:none}}.inner{width:1280px;max-width:100%;margin:0 auto;padding:0 40px}@media screen and (max-width:767px){.inner{padding:0 16px}}.lp-section{padding-top:80px;padding-bottom:80px}@media screen and (max-width:767px){.lp-section{padding-top:60px;padding-bottom:60px}}.feature-section{overflow-x:hidden;padding-top:0;padding-bottom:100px}@media screen and (max-width:767px){.feature-section{padding-top:0;padding-bottom:60px}}.feature-section .big-feature{margin-top:-45px;line-height:1;font-size:19vw;color:#43598b;opacity:.08;font-weight:700;font-family:Montserrat}@media screen and (min-width:768px)and (max-width:999px){.feature-section .big-feature{margin-top:-20px}}@media screen and (max-width:767px){.feature-section .big-feature{margin-top:-8px}}.feature-section .big-feature--white{color:#fff;opacity:.2}.feature-section .label{display:inline-block;margin-top:50px;font-size:24px;padding:3px 12px;background:linear-gradient(to right,#43598b,#6a8dcb);color:#fff}@media screen and (max-width:767px){.feature-section .label{padding:0 8px;font-size:18px;margin-top:30px}}.feature-section .label--white{background:#fff;color:#000}.feature-section .title{margin-top:40px;font-size:32px}@media screen and (max-width:767px){.feature-section .title{font-size:24px;margin-top:20px;font-size:20px}}.feature-section .lead{font-weight:400;font-size:20px;margin-top:30px}@media screen and (max-width:767px){.feature-section .lead{font-size:16px}}.feature-section .dotted{margin-top:80px;width:100%;height:2px;background-image:linear-gradient(to right,#aaa 1px,#fff 2px,#aaa 1px,#fff 2px);background-size:6px 1px}@media screen and (max-width:767px){.feature-section .dotted{margin-top:50px}}.feature-section .h3-title{margin-top:80px;font-size:32px;padding-left:42px;position:relative}.feature-section .h3-title:before{position:absolute;content:"";width:32px;height:32px;background:url(/cdn/shop/files/check-icon.webp) no-repeat center center/contain;left:0;top:28px;transform:translateY(-50%)}@media screen and (max-width:767px){.feature-section .h3-title{font-size:20px;margin-top:50px;padding-left:32px}.feature-section .h3-title:before{width:24px;height:24px;top:18px}}.pc-flex{display:flex}@media screen and (max-width:767px){.pc-flex{display:block}}.left{width:50%}@media screen and (max-width:767px){.left{width:100%}}.right{width:50%}@media screen and (max-width:767px){.right{width:100%}}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.custom-product-lp{line-height:1.8;font-weight:600}.logo{max-width:100%;text-align:center}.logo img{width:400px}@media screen and (min-width:768px)and (max-width:999px){.logo img{width:280px}}@media screen and (max-width:767px){.logo img{width:60%}}.fv{width:100%;aspect-ratio:2/1.2;background:url(/cdn/shop/files/fv-mirror.webp) no-repeat center center/cover;position:relative}@media screen and (min-width:768px)and (max-width:999px){.fv{height:500px}}@media screen and (max-width:767px){.fv{background:url(/cdn/shop/files/fv-mirror-sp.webp) no-repeat center center/cover;aspect-ratio:1/1.2}}.fv.clear{background:url(/cdn/shop/files/fv-clear.webp) no-repeat center center/cover}@media screen and (max-width:767px){.fv.clear{background:url(/cdn/shop/files/fv-clear-sp.webp) no-repeat center center/cover}}.fv__content{position:absolute;width:100%;height:380px;bottom:0;color:#fff;text-align:center;background:linear-gradient(to top,#43598b,#43598b00)}.fv__content .tagline{font-size:32px;font-weight:700}@media screen and (max-width:767px){.fv__content .tagline{font-size:24px}}@media screen and (min-width:768px)and (max-width:999px){.fv__content{height:auto}}@media screen and (max-width:767px){.fv__content{height:auto}}.fv__text{margin-top:60px;font-weight:700;font-size:32px}@media screen and (min-width:768px)and (max-width:999px){.fv__text{margin-top:30px}}@media screen and (max-width:767px){.fv__text{font-size:18px;margin-top:20px}}.fv-bottom{width:100%;height:100px;background:#43598b}@media screen and (max-width:767px){.fv-bottom{height:60px}}.glasses-img{width:760px;max-width:100%;margin:40px auto 0}@media screen and (min-width:768px)and (max-width:999px){.glasses-img{width:500px}}.index-list{position:relative;top:-50px}.index-item{border-radius:10px;background:#f5f6f8;padding:20px 20px 14px 60px}.index-item:nth-child(n+2){margin-top:30px}@media screen and (min-width:768px)and (max-width:999px){.index-item{padding:20px 20px 14px}}@media screen and (max-width:767px){.index-item{padding:30px 16px 20px}.index-item:nth-child(n+2){margin-top:20px}}.index-item__left{width:50%}.index-item__left .label{display:inline-block;margin-top:50px;font-size:24px;padding:3px 12px;background:linear-gradient(to right,#43598b,#6a8dcb);color:#fff}@media screen and (min-width:768px)and (max-width:999px){.index-item__left .label{margin-top:0;font-size:16px}}@media screen and (max-width:767px){.index-item__left .label{margin-top:0;font-size:18px}}.index-item__left .text{font-size:24px;margin-top:10px}@media screen and (min-width:768px)and (max-width:999px){.index-item__left .text{font-size:20px}}@media screen and (max-width:767px){.index-item__left .text{font-size:18px}}@media screen and (max-width:767px){.index-item__left{width:100%}}.index-item__right{width:50%}@media screen and (max-width:767px){.index-item__right{width:100%;margin-top:20px}}.problem{margin-top:50px;text-align:center;background:url(/cdn/shop/files/problem.webp) no-repeat center center/cover;color:#fff;padding:100px 0}@media screen and (max-width:767px){.problem{padding:60px 0}}.problem .logo{margin-top:40px}@media screen and (max-width:767px){.problem .logo{margin-top:20px}}.problem__big-text{font-size:32px}@media screen and (max-width:767px){.problem__big-text{font-size:20px}}.problem__text{line-height:3.2;margin-top:60px;font-size:20px;font-weight:400}@media screen and (max-width:767px){.problem__text{font-size:16px;line-height:2.4}}.problem__lead{margin-top:100px;font-size:24px}@media screen and (max-width:767px){.problem__lead{margin-top:60px;font-size:20px}}.outside-right{margin-right:calc(50% - 50vw)}.frame-list{margin-top:50px}@media screen and (max-width:767px){.frame-list{margin-top:30px}}.frame-card{padding:0 24px 30px;border:1px solid #ccc;border-radius:10px}@media screen and (max-width:767px){.frame-card{padding:0 10px 20px}}.card-title{text-align:center;font-size:24px}@media screen and (max-width:767px){.card-title{font-size:16px}}.card-title-jp{text-align:center}.gray-box{margin-top:60px;background:#f5f6f8;border-radius:10px;font-size:24px;padding:80px 20px 80px 80px;overflow:hidden;position:relative}@media screen and (max-width:767px){.gray-box{font-size:18px;padding:20px 20px 60px 40px}}.gray-box span{display:inline-block;background:#000;color:#fff;padding:0 10px}.gray-box:before{line-height:1;z-index:1;white-space:nowrap;position:absolute;font-size:280px;color:#fff;bottom:-80px;left:35%}@media screen and (min-width:768px)and (max-width:999px){.gray-box:before{left:10%}}@media screen and (max-width:767px){.gray-box:before{font-size:120px;bottom:-20px;left:10%}}.gray-box .point{color:#43598b}.gray-box .point-text{margin-top:10px}.gray-box--01{padding:80px 20px 220px 80px;position:relative}.gray-box--01:before{content:"TR-90"}@media screen and (min-width:768px)and (max-width:999px){.gray-box--01{display:block;padding:60px 20px}}@media screen and (max-width:767px){.gray-box--01{padding:30px 10px 60px}}.gray-box--01__left{line-height:2;z-index:2;margin-right:20px;position:relative}.gray-box--01__left:before{position:absolute;content:"";background:url(/cdn/shop/files/tr-90.webp) no-repeat center center/cover;left:20%;top:20px;width:800px;height:800px;transform:translate(-50%,-50%)}.gray-box--01__left.clear:before{background:url(/cdn/shop/files/tr-90-clear.webp) no-repeat center center/cover}@media screen and (max-width:767px){.gray-box--01__left:before{width:500px;height:500px;left:30%;top:40px}}.gray-box--01__right{position:relative;z-index:2}@media screen and (min-width:768px)and (max-width:999px){.gray-box--01__right{margin-top:260px;width:100%}}@media screen and (max-width:767px){.gray-box--01__right{margin-top:200px}}.feature-section02{background:linear-gradient(135deg,#000,#434343);color:#fff}@media screen and (min-width:768px)and (max-width:999px){.feature02__nose{display:block}}.nose-left{font-family:Noto Sans JP,sans-serif}@media screen and (min-width:768px)and (max-width:999px){.nose-left{width:100%}}@media screen and (min-width:768px)and (max-width:999px){.nose-right{width:100%}}.nose-right img{border-radius:10px}.nose-text{font-weight:400}.gray-box--02{color:#000;padding:80px 20px 220px 80px;position:relative}.gray-box--02:before{content:"RUBBER GRIP";left:15%}@media screen and (min-width:768px)and (max-width:999px){.gray-box--02{display:block;padding:60px 20px 200px}}@media screen and (max-width:767px){.gray-box--02{padding:30px 10px 220px}}.gray-box--02 p{position:relative;z-index:2}.nose-right{margin-top:50px}.outside-img{z-index:3;position:absolute;left:0;top:60%;width:45%}@media screen and (max-width:767px){.outside-img{top:55%;width:60%}}.outside-img .outside-text{position:absolute;font-size:24px;bottom:0;left:40%;transform:translate(-50%)}@media screen and (max-width:767px){.outside-img .outside-text{bottom:-20px}}.inside-img{z-index:3;position:absolute;right:0;top:40px;width:45%}@media screen and (max-width:767px){.inside-img{width:60%;top:65%}}.inside-img .inside-text{position:absolute;font-size:24px;bottom:20%;left:60%;transform:translate(-50%)}@media screen and (max-width:767px){.inside-img .inside-text{bottom:0}}@media screen and (min-width:768px)and (max-width:999px){.inside-img{top:80px}}.dimming-img-wrapper{margin-top:60px;border:1px solid #ccc;border-radius:10px;padding-bottom:80px}.dimming-img1{border-radius:10px;width:100%}.dimming-img2{display:block;border-radius:10px;width:50%!important;height:100%;margin:-60px auto}.dimming-text{font-size:16px;font-weight:400}@media screen and (max-width:767px){.dimming-img-wrapper{padding-bottom:40px}.dimming-img2{width:90%!important;margin:-30px auto}.dimming-text{font-size:16px;font-weight:400}}.lense-list{margin-top:50px}.lense-item{width:calc(33.3% - 40px);text-align:center;position:relative}@media screen and (max-width:767px){.lense-item{width:100%}.lense-item:nth-child(n+2){margin-top:40px}.lense-item .lemse-item__icon{display:flex;align-items:center}}.lense-item:after{position:absolute;content:"";top:0;right:-30px;width:1px;height:100%;background-image:linear-gradient(to bottom,#aaa 1px,#fff 2px,#aaa 1px,#fff 2px);background-size:1px 6px}@media screen and (max-width:767px){.lense-item:after{top:auto;bottom:-20px;right:0;left:0;width:100%;height:1px;background-image:linear-gradient(to right,#aaa 1px,#fff 2px,#aaa 1px,#fff 2px);background-size:6px 1px}}.lense-item:last-child:after{content:none}.lense-item img{display:block;width:120px;margin:0 auto}@media screen and (max-width:767px){.lense-item img{width:60px;margin:0}}.lense-item .title{font-size:24px;margin-top:0}@media screen and (max-width:767px){.lense-item .title{font-size:20px;margin-left:20px}}.lense-item .text{margin-top:10px;font-size:16px;font-weight:400}@media screen and (max-width:767px){.lense-item .text{font-size:14px;text-align:left}}.scene-list{margin-top:50px}@media screen and (max-width:767px){.scene-list{margin-top:40px}}.scene-item{width:calc(25% - 18px);padding:20px 10px;background:#f5f6f8;border-radius:10px;text-align:center}@media screen and (min-width:768px)and (max-width:999px){.scene-item{width:calc(25% - 7.5px)}}@media screen and (max-width:767px){.scene-item{width:100%;padding:10px}.scene-item:nth-child(n+2){margin-top:20px}}.scene-item img{margin-top:20px}.scene-item .title{font-size:18px;color:#43598b;margin-top:0}@media screen and (max-width:767px){.scene-item .title{font-size:16px}}.scene-item .text{font-size:18px}@media screen and (min-width:768px)and (max-width:999px){.scene-item .text{font-size:1.7vw}}@media screen and (max-width:767px){.scene-item .text{font-size:16px}}.feature-section04{background:#000;color:#fff}.feature-section04 .feature-section04__inner{position:relative;z-index:2}.gray-box--04{color:#000;padding:80px 20px 80px 80px;position:relative}.gray-box--04:before{content:"VENTILATION";left:15%}@media screen and (min-width:768px)and (max-width:999px){.gray-box--04{padding:60px 10px 60px 0}}@media screen and (max-width:767px){.gray-box--04{padding:20px 10px 30px}}.gray-box--04 .text{margin-top:40px}.gray-box--04__right{position:relative;z-index:2}.gray-box--05{color:#000;padding:80px;position:relative}.gray-box--05:before{content:"MIRROR LENSES";left:10%}@media screen and (min-width:768px)and (max-width:999px){.gray-box--05{display:block;padding:60px 20px}}@media screen and (max-width:767px){.gray-box--05{padding:30px 10px 60px}}.gray-box--05 .text{margin-top:40px}.gray-box--05__left,.gray-box--05__right{position:relative;z-index:2}@media screen and (min-width:768px)and (max-width:999px){.gray-box--05__left{width:100%}}.gray-box--05__right img{width:100%}@media screen and (min-width:768px)and (max-width:999px){.gray-box--05__right{margin-top:40px}}@media screen and (max-width:767px){.gray-box--05__right{margin-top:40px}}.h3-title--scene--mt120{margin-top:120px!important}@media screen and (max-width:767px){.h3-title--scene--mt120{margin-top:80px!important}}.mirror-color-list{margin-top:40px}@media screen and (max-width:767px){.mirror-color-list{display:flex}}.mirror-color-item{width:calc(25% - 18px);text-align:center}.mirror-color-item .title{font-size:18px;color:#43598b;margin-top:0}.mirror-color-item .text{font-size:18px}@media screen and (max-width:767px){.mirror-color-item{width:calc(50% - 10px)}.mirror-color-item:nth-child(n+3){margin-top:10px}}.table-wrapper{display:block;margin-top:50px;width:100%;overflow-x:auto;scrollbar-color:#43598B #f5f6f8;scrollbar-width:thin}.table-scroll{margin-top:10px;font-size:14px;text-align:right;padding-right:40px;position:relative}.table-scroll:after{position:absolute;content:"";width:20px;height:6px;background:url(../assets/button-arrow.png) no-repeat center center/contain;top:calc(50% - 2px);right:8px;transform:translateY(-50%)}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper thead{color:#fff}.table-wrapper th,.table-wrapper td{padding:15px 8px;text-align:center;border-bottom:1px solid #ddd!important;white-space:nowrap}th{background:#555}@media screen and (max-width:767px){th,td{font-size:16px}}.table-under-text{margin-top:20px;font-size:16px;font-weight:400}.accessory{width:calc(50% - 30px)}@media screen and (max-width:767px){.accessory{width:100%}}.accessory .accessory__box{margin-top:20px;border:1px solid #ccc;padding:40px 10px;font-weight:400;font-size:14px}.detail{width:calc(50% - 30px);margin-left:60px}@media screen and (max-width:767px){.detail{width:100%;margin-left:0;margin-top:80px}}.detail .detail-list{list-style:none;padding:0;margin:50px 0}@media screen and (max-width:767px){.detail .detail-list{margin:30px 0}}.detail .detail-item{font-size:16px;font-weight:400;padding:16px;border-bottom:1px solid #ccc}@media screen and (max-width:767px){.detail .detail-item{padding:12px 8px}}.collection-text__caption{font-size:16px}
/*# sourceMappingURL=/cdn/shop/t/55/assets/custom-product-lp.css.map */