@import url(https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap);body,html{height:100%;margin:0;padding:0;scroll-behavior:smooth}body,header,html{display:flex;flex-direction:column}header{height:400px}@media only screen and (max-width:640px){header{height:auto}}header .mobile-header{display:none}@media only screen and (max-width:640px){header .mobile-header{border-bottom:2px solid #979797;display:flex;justify-content:center;padding:10px}header .mobile-header .bridgestone-logo-mobile{width:170px}}header .banner{background:transparent 0 0 no-repeat padding-box;background-image:url(/02994e7f2c83b720-1920.png);background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:space-between;position:relative}@media only screen and (max-width:640px){header .banner{background-position-x:89%;height:250px}}header .banner .icon-container{height:100%;width:398px}@media only screen and (max-width:640px){header .banner .icon-container .rectangle{display:none}}header .banner .icon-container .bridgestone-logo{left:50px;position:absolute;top:20px;width:270px}@media only screen and (max-width:640px){header .banner .icon-container .bridgestone-logo{display:none}}header .banner .icon-container .header-text{align-items:flex-start;bottom:10%;display:flex;flex-direction:row;left:5%;position:absolute;width:max-content}@media only screen and (max-width:640px){header .banner .icon-container .header-text{position:absolute;top:10%;width:40%}}header .banner .icon-container .header-text .slash{height:26px;margin-right:4px;margin-top:2px;width:14px}@media only screen and (max-width:640px){header .banner .icon-container .header-text .slash{width:11px}}@media only screen and (max-width:1024px){header .banner .icon-container .header-text .slash{height:21px}}header .banner .icon-container .header-text h1{color:#fff;display:flex;flex-direction:column;font:normal normal 700 30px/1 BridgestoneType-Bold;font-weight:700;letter-spacing:2px;margin:0}@media only screen and (max-width:640px){header .banner .icon-container .header-text h1{font:normal normal 700 20px/1 BridgestoneType-Bold}}@media only screen and (max-width:1024px){header .banner .icon-container .header-text h1{font:normal normal 700 25px/1 BridgestoneType-Bold}}header .banner .icon-container .triangle{height:100%}.body{align-self:center;box-sizing:border-box;flex:1;max-width:1920px;padding:0 2%;width:100%}.body .tab-row{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:47px auto 43px}@media only screen and (max-width:640px){.body .tab-row{justify-content:center;margin:47px auto 43px;width:95%}}.body .tab-row .tab-text{flex:1;font:normal normal normal 19px/1.11 BridgestoneType;margin-right:10px}@media only screen and (max-width:640px){.body .tab-row .tab-text{flex:unset;margin-bottom:20px;text-align:center}}.body .tab-row .tab-text .tab-bold{font:normal normal 700 19px/1.11 BridgestoneType-Bold}@media only screen and (max-width:640px){.body .tab-row .tab-text .tab-bold{display:none}}.body .tab-row .tab-text .tab-bold-mobile{display:none;font:normal normal 700 19px/1.11 BridgestoneType-Bold}@media only screen and (max-width:640px){.body .tab-row .tab-text .tab-bold-mobile{display:unset}}.body .tab-row .tab{--tabHeight:44px;--tabWidth:216px;border:2px solid #000;border-radius:40px;height:var(--tabHeight);overflow-x:hidden;overflow-y:hidden;width:var(--tabWidth)}.body .tab-row .tab :hover{cursor:pointer}.body .tab-row .tab .icons{display:flex;justify-content:space-around;margin-top:7px}.body .tab-row .tab .icons img{z-index:1}.body .tab-row .tab .rotate{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:calc(var(--tabHeight)*20);transform:translate(-50%,-50%) translate(calc(var(--tabHeight)*.5),calc(var(--tabWidth)*.5)) rotate(38deg);width:calc(var(--tabWidth)*2)}.body .tab-row .tab .rotate .tab-car{background-color:#fff;border-right:2px solid #000}.body .tab-row .tab .rotate .tab-car:hover{filter:brightness(.9)}.body .tab-row .tab .rotate .tab-truck{background-color:#fff}.body .tab-row .tab .rotate .tab-truck:hover{filter:brightness(.9)}.body .box-row{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px}@media only screen and (max-width:640px){.body .box-row{flex-direction:column;flex-wrap:nowrap}}.body .box-row .step-box{border:2px solid #979797;display:flex;flex:1 1 40%;flex-direction:column;height:fit-content;margin:0 10px 20px;max-width:767px;min-width:550px}@media only screen and (max-width:640px){.body .box-row .step-box{margin:0 auto 20px;min-width:unset;width:95%}}.body .box-row .step-box.truck-box{display:none}.body .box-row .step-box .image-box img{height:100%;width:100%}.body .box-row .step-box .content-box{display:flex;flex-direction:column;padding:35px}.body .box-row .step-box .content-box .step-title{font:normal normal 700 29px/1 BridgestoneType-Bold;font-weight:700;letter-spacing:2px;margin-bottom:20px}.body .box-row .step-box .content-box .step-title .step-title-red{color:#f11a29}.body .box-row .step-box .content-box .step-label{font:normal normal normal 19px/1.11 BridgestoneType;margin-bottom:35px}.body .box-row .step-box .content-box .button{align-self:center;background-color:#f11a29;color:#fff;font:normal normal 700 24px/1 BridgestoneType-Bold;padding:15px;text-align:center;text-decoration:none;width:241px}.body .box-row .step-box .content-box .button:hover{cursor:pointer;filter:brightness(.9)}@media only screen and (max-width:640px){.body .box-row .step-box .content-box .button{width:80%}.body .desktop{display:none}}.body .mobile{display:none}@media only screen and (max-width:640px){.body .mobile{display:unset}}.d-none{display:none}@media only screen and (max-width:640px){footer{display:none}}footer .footer-bar{border-top:2px solid #979797;display:flex;justify-content:flex-end;padding-bottom:48px;padding-right:57px;padding-top:48px}footer .footer-bar img{width:263px}@media only screen and (max-width:640px){body.menu-opened{overflow:hidden}}.cluster{color:#fff;font-size:20px}h2{font-size:2em}h3{font-size:1.5em;margin:0}@font-face{font-family:BridgestoneType;font-style:normal;font-variant:normal;font-weight:400;src:url(https://fonts.bridgestoneresources.com/BridgestoneType-Regular.woff),local(Noto Sans),local(Arial)}@font-face{font-family:BridgestoneType-Medium;font-style:normal;font-variant:normal;font-weight:500;src:url(https://fonts.bridgestoneresources.com/BridgestoneType-Regular.woff),local(Noto Sans),local(Arial)}@font-face{font-family:BridgestoneType-Bold;font-style:normal;font-variant:normal;font-weight:600;src:url(https://fonts.bridgestoneresources.com/BridgestoneType-Bold.woff),local(Noto Sans),local(Arial)}@font-face{font-family:BridgestoneType-Black;font-style:normal;font-variant:normal;font-weight:800;src:url(https://fonts.bridgestoneresources.com/BridgestoneType-Bold.woff),local(Noto Sans),local(Arial)}