body.onScroll nav .nav-wrapper .nav-logo .white-logo{display:block;}body.onScroll nav .nav-wrapper .nav-logo .dark-logo{display:none;}body.onScroll nav .nav-wrapper .nav-container .nav-front-container .nav-nor-link{color:#fff;}body.onScroll nav .nav-wrapper .nav-container .nav-front-container .nav-nor-link:before{background-color:#fff;}body.onScroll nav .nav-wrapper .nav-container .nav-front-container .nav-nor-link .nav-nor-pin{fill:#fff;}body footer{background-color:#f9f9f9;}@media screen and (max-width:960px){body footer{background-color:#f6f6f6;}}@media screen and (max-width:430px){body footer{background-color:#f6f6f6;}}nav.dark-ver .nav-wrapper .nav-logo .white-logo{display:none;}nav.dark-ver .nav-wrapper .nav-logo .dark-logo{display:block;}nav.dark-ver .nav-wrapper .nav-container .nav-front-container .nav-nor-link{color:#1f1f1f;}nav.dark-ver .nav-wrapper .nav-container .nav-front-container .nav-nor-link:before{background-color:#1f1f1f;}nav.dark-ver .nav-wrapper .nav-container .nav-front-container .nav-nor-link .nav-nor-pin{fill:#1f1f1f;}#Useful{position:relative;}#Useful .links-wrapper{width:88.625%;margin:174px auto 0;}@media screen and (min-width:1600px){#Useful .links-wrapper{margin:10.875vw auto 0;}}@media screen and (max-width:960px){#Useful .links-wrapper{margin:142px auto 0;}}@media screen and (max-width:430px){#Useful .links-wrapper{margin:33.023vw auto 0;}}#Useful .links-wrapper .all-main-title{letter-spacing:.2em;}#Useful .links-wrapper .links-container{display:flex;justify-content:space-between;margin-top:57px;}@media screen and (min-width:1600px){#Useful .links-wrapper .links-container{margin-top:3.563vw;}}@media screen and (max-width:960px){#Useful .links-wrapper .links-container{flex-direction:column;margin-top:35px;gap:40px;}}@media screen and (max-width:430px){#Useful .links-wrapper .links-container{margin-top:8.14vw;gap:9.302vw;}}#Useful .links-wrapper .links-container .links-box{width:32.3%;}@media screen and (max-width:960px){#Useful .links-wrapper .links-container .links-box{width:100%;}}@media screen and (min-width:961px){#Useful .links-wrapper .links-container .links-box:hover .links-img-wrap .links-image{transform:scale(1.1);}}#Useful .links-wrapper .links-container .links-box .links-img-wrap{overflow:hidden;}#Useful .links-wrapper .links-container .links-box .links-img-wrap .links-image{width:100%;height:auto;transition:all 500ms;}#Useful .links-wrapper .links-container .links-box .links-textbox{background-color:#1f1f1f;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:27px 33px 32px;height:190px;}@media screen and (min-width:1600px){#Useful .links-wrapper .links-container .links-box .links-textbox{padding:1.688vw 2.063vw 2vw;height:11.875vw;}}@media screen and (max-width:430px){#Useful .links-wrapper .links-container .links-box .links-textbox{padding:6.279vw 7.674vw 7.442vw;height:44.186vw;}}#Useful .links-wrapper .links-container .links-box .links-textbox .links-title{font-family:Mazda-M;font-size:24px;letter-spacing:.2em;}@media screen and (min-width:1920px){#Useful .links-wrapper .links-container .links-box .links-textbox .links-title{font-size:1.25vw;}}@media screen and (max-width:430px){#Useful .links-wrapper .links-container .links-box .links-textbox .links-title{font-size:5.581vw;}}#Useful .links-wrapper .links-container .links-box .links-textbox .links-subtitle{font-size:16px;}@media screen and (min-width:1920px){#Useful .links-wrapper .links-container .links-box .links-textbox .links-subtitle{font-size:.833vw;}}@media screen and (max-width:430px){#Useful .links-wrapper .links-container .links-box .links-textbox .links-subtitle{font-size:3.721vw;}}#Useful .links-wrapper .links-container .links-box .links-textbox .dark-link .dark-text-wrap .dark-text-inner:before{background-color:#000;}#Useful .links-wrapper .links-container .links-box .links-textbox .dark-link .dark-arrow .dark-bg-arrow{background-color:#000;}