h2{font-size:2rem;font-weight:600}h3{font-size:1.4rem;margin:10px}.wrapper span{font-size:.8rem}.wrapper p{font-size:1.4rem}body{background-color:#fff;-webkit-perspective:10px;perspective:10px;height:100vh;overflow-y:auto;overflow-x:hidden}#MainContent{margin-top:-47px}.repairNavi__section{display:block;position:relative;z-index:2;max-width:1600px;margin:0 auto 30px}.repairNavi__section:first-of-type{margin-bottom:0}@media only screen and (max-width: 1000px){.repairNavi__section:nth-of-type(3) .repairNavi__section__container{padding:0}}.repairNavi__section .repairNavi__section__container{padding:30px;margin:0 60px}.repairNavi__section .repairNavi__section__container.--whiteBG{background-color:#fff}.repairNavi__section .repairNavi__section__container.--border{border:1px solid}@media only screen and (max-width: 1000px){.repairNavi__section .repairNavi__section__container{margin:0 15px;padding:20px}}.para{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:-1;max-width:1800px;height:500px;overflow:clip}.para .para__item01,.para .para__item02{position:absolute}.para .para__mainH1{display:block;text-align:right;position:absolute;top:0;right:0%;z-index:2;font-size:3.2rem;font-weight:600;color:#464646;line-height:1.2;margin-top:70px;margin-right:25px;opacity:0%;-webkit-animation:1s ease-in-out .5s 1 normal forwards titleFlyIn;animation:1s ease-in-out .5s 1 normal forwards titleFlyIn}.para .para__mainP{display:block;text-align:right;position:absolute;width:90%;right:0%;z-index:2;font-size:1.8rem;color:#464646;padding-right:25px;opacity:0%;margin-top:150px;-webkit-animation:1s ease-in-out .5s 1 normal forwards titleFlyIn;animation:1s ease-in-out .5s 1 normal forwards titleFlyIn}.para .para__item01{-webkit-transform:scale(1) translateY(-148px);transform:scale(1) translateY(-148px);width:100%}.para .para__item02{max-width:400px;-webkit-transform:scale(1.1) translateY(53px) translateX(-165px);transform:scale(1.1) translateY(53px) translate(-165px);margin-top:20px}@media only screen and (max-width: 1000px){.para .para__item01{-webkit-transform:scale(1.8) translateY(64px) translateX(-57px);transform:scale(1.8) translateY(64px) translate(-57px);height:auto}.para .para__item02{-webkit-transform:translateZ(-5px) scale(.9) translateY(84px) translateX(-60px);transform:translateZ(-5px) scale(.9) translateY(84px) translate(-60px);margin-top:20px}}.repairNavi__section__container__features{display:grid;grid-template-columns:50% repeat(3,1fr);padding:0 15px}.repairNavi__section__container__features__item{display:block;position:relative;-ms-flex-item-align:center;align-self:center;margin:5px auto}.repairNavi__section__container__features__item h2{margin:10px 0}h2.repairNavi__section__container__features__item__h2{position:relative;opacity:0%;margin:0;margin-bottom:1rem;-webkit-animation:1.1s ease-in-out 1s 1 normal forwards titleFlyInLeft;animation:1.1s ease-in-out 1s 1 normal forwards titleFlyInLeft}.repairNavi__section__container__features__item i{color:#fcc500;margin-right:5px}@media only screen and (max-width: 550px){.repairNavi__section__container__features{display:grid;grid-template-columns:repeat(3,1fr)}.repairNavi__section__container__features__item:first-of-type{grid-column:1/span 3}}.repairNavi__section__container__navi{background-color:#f3f3f3;border-radius:1rem;padding:30px}.repairNavi__partSelector__section__container__h2,.repairNavi__problemSelector__section__container__h2,.repairNavi__solutionSelector__section__container__h2{margin:15px 0;font-size:1.8rem}.repairNavi__partSelector__section__container__h2:before{display:inline-block;content:"";background-color:#ffc500;width:16px;height:16px;-webkit-transform:translateY(10%);transform:translateY(10%)}.repairNavi__problemSelector__section__container__h2:before{display:inline-block;content:"";background-color:#ffc500;width:16px;height:16px;-webkit-transform:translateY(10%);transform:translateY(10%)}.repairNavi__solutionSelector__section__container__h2:before{display:inline-block;content:"";background-color:#ffc500;width:16px;height:16px;-webkit-transform:translateY(10%);transform:translateY(10%)}.repairNavi__partSelector__section__container__grid{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:15px 0}.repairNavi__partSelector__section__container__grid__col{-ms-flex-preferred-size:110px;flex-basis:110px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:5px}@media screen and (max-width: 900px){.repairNavi__partSelector__section__container__grid__col{max-width:150px}}.repairNavi__partSelector__section__container__grid__col:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.repairNavi__partSelector__section__container__grid__col img{display:block;width:100%;max-width:220px;margin:0 auto}.repairNavi__partSelector__section__container__grid__col img:hover{-webkit-animation:1.1s linear 0s infinite normal none rocking;animation:1.1s linear 0s infinite normal none rocking}.repairNavi__partSelector__section__container__grid__col h3{text-align:center}.repairNavi__problemSelector__section__container__grid{display:grid;position:relative;max-height:100px;padding:15px 0;grid-template-columns:repeat(6,1fr);overflow:hidden;-webkit-transition:height .4s ease-in-out .1s;transition:height .4s ease-in-out .1s}@media only screen and (max-width: 600px){.repairNavi__problemSelector__section__container__grid{grid-template-columns:repeat(3,1fr)}}.repairNavi__problemSelector__section__container__grid p{grid-column:1/span 5}.repairNavi__problemSelector__section__container__grid__col{margin:5px}.repairNavi__problemSelector__section__container__grid__col:hover{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.repairNavi__problemSelector__section__container__grid__col img{border-radius:.5rem;display:block;width:100%;margin:0 auto}.repairNavi__problemSelector__section__container__grid__col h3{text-align:center;font-size:1.4rem;margin:10px}.problemsAnimation{-webkit-animation:problemsOpacity .5s ease-in-out 1 forwards;animation:problemsOpacity .5s ease-in-out 1 forwards}.repairNavi__solutionSelector__section__container__grid__container{margin:15px 0}.repairNavi__solutionSelector__section__container__grid__container a{color:#000;text-decoration:none}.repairNavi__solutionSelector__section__container__grid{display:grid;grid-template-columns:40% 20% 20% 20%;overflow:hidden;background-color:#fff;padding:5px 15px;margin:15px 0}.container__grid--first{background-color:none;font-weight:600}.repairNavi__solutionSelector__section__container__grid:hover{-webkit-transform:scale(1.01);transform:scale(1.01);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out}.container__grid--first:hover{-webkit-transform:none;transform:none}.repairNavi__solutionSelector__section__container__grid div{margin:1em 0}.repairNavi__solutionSelector__section__container__grid i{color:#ffc500}.repairNavi__solutionSelector__section__container__grid p{margin:1em 5px}@media screen and (max-width: 1000px){.repairNavi__solutionSelector__section__container__grid p{font-size:1.25rem}}.repairNavi__solutionSelector__section__container__imgWrapper{max-width:800px;width:100%;aspect-ratio:3.3;margin:10px auto}.repairNavi__solutionSelector__section__container__imgWrapper img{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.repairNavi__solutionSelector__section__container__imgWrapper h3{margin:15px 0 10px}@-webkit-keyframes problemsOpacity{0%{opacity:0%}to{opacity:100%}}@keyframes problemsOpacity{0%{opacity:0%}to{opacity:100%}}.repairNavi__section__container__explained{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.repairNavi__section__container__explained img{display:block;-ms-flex-preferred-size:150px;flex-basis:150px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:100%;width:100%;max-width:450px}.repairNavi__section__container__explained__grid{padding:10px 0;-ms-flex-preferred-size:200px;flex-basis:200px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}@media only screen and (max-width: 600px){.repairNavi__section__container__explained{display:block}}.repairNavi__section__container__options__grids{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:1200px;margin:0 auto}.repairNavi__section__container__options__grids a{display:block;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:125px;flex-basis:125px;height:auto;margin:5px}.repairNavi__section__container__options__grids__item{min-height:8rem;text-align:center;background-color:#ffc400c4;padding:10px;cursor:pointer;height:100%;border-radius:.5rem}.repairNavi__section__container__options__grids__item img{display:block;max-height:59px;padding:10px 0;margin:0 auto}.repairNavi__section__container__options__grids__item:hover{background-color:#7474746b}@-webkit-keyframes titleFlyIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0%}to{-webkit-transform:translateY(0px);transform:translateY(0);opacity:100%}}@keyframes titleFlyIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0%}to{-webkit-transform:translateY(0px);transform:translateY(0);opacity:100%}}@-webkit-keyframes titleFlyInLeft{0%{left:-100%;opacity:0%}70%{left:5%}to{left:0%;opacity:100%}}@keyframes titleFlyInLeft{0%{left:-100%;opacity:0%}70%{left:5%}to{left:0%;opacity:100%}}@-webkit-keyframes rocking{0%{-webkit-transform:rotateZ(0deg);transform:rotate(0)}25%{-webkit-transform:rotateZ(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotateZ(0deg);transform:rotate(0)}75%{-webkit-transform:rotateZ(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotateZ(0deg);transform:rotate(0)}}@keyframes rocking{0%{-webkit-transform:rotateZ(0deg);transform:rotate(0)}25%{-webkit-transform:rotateZ(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotateZ(0deg);transform:rotate(0)}75%{-webkit-transform:rotateZ(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotateZ(0deg);transform:rotate(0)}}
/*# sourceMappingURL=/cdn/shop/t/189/assets/style--naviPage--standard.css.map */