﻿body{color:#313131;}body footer{background-color:#f9f9f9;}@media screen and (max-width:960px){body footer{background-color:transparent;padding-top:0;}}#Transaction{position:relative;}#Transaction .online-banner{position:relative;}#Transaction .online-banner .online-image{height:580px;}@media screen and (min-width:1600px){#Transaction .online-banner .online-image{height:36.25vw;}}@media screen and (max-width:430px){#Transaction .online-banner .online-image{height:134.884vw;}}#Transaction .online-banner .online-image img{object-fit:cover;object-position:center;}@media screen and (max-width:960px){#Transaction .online-banner .online-image img{object-position:76.5% center;}}#Transaction .online-banner .online-text-banner{position:absolute;bottom:68px;left:0;right:0;margin:auto;text-align:center;}@media screen and (min-width:1600px){#Transaction .online-banner .online-text-banner{bottom:4.25vw;}}@media screen and (max-width:960px){#Transaction .online-banner .online-text-banner{bottom:55px;}}@media screen and (max-width:430px){#Transaction .online-banner .online-text-banner{bottom:12.791vw;}}#Transaction .online-banner .online-text-banner .all-main-subtitle{margin-top:0;margin-bottom:12px;color:#fff;}@media screen and (min-width:1600px){#Transaction .online-banner .online-text-banner .all-main-subtitle{margin-bottom:.75vw;}}@media screen and (max-width:430px){#Transaction .online-banner .online-text-banner .all-main-subtitle{margin-bottom:2.791vw;}}#Transaction .online-banner .online-text-banner .all-main-title{color:#fff;text-transform:none;}#Transaction .online-wrapper{margin-top:47px;}@media screen and (min-width:1600px){#Transaction .online-wrapper{margin-top:2.938vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper{width:85%;margin:auto;margin-top:42px;}}@media screen and (max-width:430px){#Transaction .online-wrapper{margin-top:9.767vw;}}#Transaction .online-wrapper .online-box{background-color:#fff;width:72.216%;margin:auto;margin-bottom:24px;padding:29px 43px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-box{margin-bottom:1.5vw;padding:1.813vw 2.688vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-box{width:100%;margin-bottom:35px;padding:30px;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-box{margin-bottom:8.14vw;padding:6.977vw;}}#Transaction .online-wrapper .online-box .online-title-box{display:flex;align-items:center;gap:24px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-box .online-title-box{gap:1.5vw;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-box .online-title-box{gap:5.581vw;}}#Transaction .online-wrapper .online-box .online-title-box .online-icon{width:39px;object-fit:contain;object-position:center;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-box .online-title-box .online-icon{width:2.438vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-box .online-title-box .online-icon{width:33px;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-box .online-title-box .online-icon{width:7.674vw;}}#Transaction .online-wrapper .online-box .online-title-box .online-title-text{font-family:Mazda-B;font-size:20px;text-transform:uppercase;letter-spacing:.2em;}@media screen and (min-width:1920px){#Transaction .online-wrapper .online-box .online-title-box .online-title-text{font-size:1.042vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-box .online-title-box .online-title-text{font-size:18px;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-box .online-title-box .online-title-text{font-size:4.186vw;}}#Transaction .online-wrapper .online-box .online-subtitle-text{font-size:16px;margin-top:21.5px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-box .online-subtitle-text{margin-top:1.344vw;}}@media screen and (min-width:1920px){#Transaction .online-wrapper .online-box .online-subtitle-text{font-size:.833vw;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-box .online-subtitle-text{font-size:3.721vw;margin-top:5vw;}}#Transaction .online-wrapper .online-box .online-subtitle-text .online-a-text{color:#9a9a9a;display:inline-block;text-decoration:underline;transition:all 500ms;}@media screen and (min-width:961px){#Transaction .online-wrapper .online-box .online-subtitle-text .online-a-text:hover{color:#000;}}#Transaction .online-wrapper .online-paynow{display:flex;align-items:center;width:75.72%;margin:auto;margin-top:39px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow{margin-top:2.438vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow{flex-direction:column;width:100%;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-paynow{margin-top:9.07vw;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-left-text{font-family:Mazda-B;font-size:24px;}@media screen and (min-width:1920px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-left-text{font-size:1.25vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-left-text{text-align:center;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-left-text{font-size:5.581vw;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:14px 27px;margin-top:10px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper{gap:.875vw 1.688vw;margin-top:.625vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper{justify-content:space-between;gap:0;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper{margin-top:2.326vw;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo{object-fit:contain;object-position:center;}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo{width:45%!important;margin-left:0!important;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.one{width:147px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.one{width:9.188vw;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.two{width:147px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.two{width:9.188vw;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.three{width:121px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.three{width:7.563vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.three{margin-bottom:0;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.four{width:128px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.four{width:8vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.four{margin-bottom:0;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.five{width:124px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.five{width:7.75vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.five{margin-bottom:0;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.six{width:151px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.six{width:9.438vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.six{margin-bottom:0;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.seven{width:140px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.seven{width:8.75vw;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.eight{width:134px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.eight{width:8.375vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.eight{margin-bottom:0;}}#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.nine{width:142px;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-left-wrapper .online-bank-wrapper .online-logo.nine{width:8.875vw;}}#Transaction .online-wrapper .online-paynow .online-right-image{width:264px;object-fit:contain;object-position:center;}@media screen and (min-width:1600px){#Transaction .online-wrapper .online-paynow .online-right-image{width:16.5vw;}}@media screen and (max-width:960px){#Transaction .online-wrapper .online-paynow .online-right-image{margin-top:35px;}}@media screen and (max-width:430px){#Transaction .online-wrapper .online-paynow .online-right-image{width:61.395vw;margin-top:8.14vw;}}