body{
	margin: 0;
    padding: 0;
	font-size: 16px;    
    font-family: 'Noto Sans JP', sans-serif !important;
    overflow-x: hidden;
	color: #000;
}
img{
	border:none;
	outline:none;
	max-width:100%;
	height: auto;
}
button {
    border:none;
    outline:none;
    cursor: pointer;
}
.clear{
	width:0;
	padding:0;
	height:0;
	margin:0;
	clear:both;
}
a {
	text-decoration:none;
	outline:none;
}
a:hover, a:focus, a:active{
	color:#000;
	text-decoration:none;
	transition:color 0.3s linear;
	-webkit-transition:color 0.3s linear;
	-o-transition:color 0.3s linear;
	-moz-transition:color 0.3s linear;
	-ms-transition:color 0.3s linear;
}
.container {
    width: 1500px;
    max-width: 100%;
}
.container-fluid {
    width: 1920px;
    max-width:100%;
}
h2 {
    background-color: rgba(113,15,15,1);
    width: 700px;
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    padding: 20px 0px;
    position: relative;
    border-radius: 4px;
    margin: 0 auto 20px;
}
h2:after {
    display: block;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid rgba(113,15,15,1);;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -15px;
}
#gototop {
    display: block;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 99;
    font-size: 10px;
    border: none;
    outline: none;
    background-color: rgba(186,12,1,1);
    color: white;
    cursor: pointer;
    padding: 22px 20px;
    border-radius: 0px;
}
.header {
    position: relative;
    width: 100%;
    background-image: url(../images/main-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 0px 40px;
}
.tablet-banner {
    display: none;
}
.mobile-banner {
    display: none;
}
.logo {
    margin-left: 190px;
}
.banner-img {
    padding: 490px 0px 0px 100px;
}
.second-sec {
    background-image: url(../images/button-background.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 40px 0px;
}
.site-btn button,
.site-btn a {
    background-color: rgba(186,12,1,1);
    padding: 20px 60px;
    border-radius: 4px;
    filter: drop-shadow(0px 5px 0px rgba(0, 0, 0, 0.522));
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    position: relative;
	display: inline-block;
    text-align: center;
    overflow: hidden;
}
.site-btn-right a {
    background-color: rgba(186,12,1,1);
    padding: 20px 60px;
    border-radius: 4px;
    filter: drop-shadow(0px 5px 0px rgba(0, 0, 0, 0.522));
    font-size: 30px;
    color: #fff;
    font-weight: 700;
    position: relative;
}

.site-btn button span,
.site-btn a span {
    color: rgba(255,255,0,1);
}

.site-btn button img,
.site-btn a img {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0px, -3px);
}
.site-btn-right a img {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0px, -6px);
}
.third-sec {
    background-image: url(../images/third-sec-background.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding: 60px 0px 200px;
}
.third-sec .left-area h3 {
    font-family: Roboto;
    font-style: normal;
    font-weight: bolder;
    font-size: 120px;
    color: #fff;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: transparent;
}
.row.pr-row {
    align-items: center;
    padding: 140px 0 0;
}
.right-area {
    text-align: center;
    /*margin: 130px 0px 80px;*/
}
.tuc-icons {
    margin-bottom: 30px;
}
.left-area {
    margin-top: 100px;
}
.tuc-text h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
}

.fourth-sec {
    background-image: url("../images/fourth-sec-background.png");
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 60px 0px 80px; 
}
.fourth-sec h2 {
    background-color: rgb(157 84 28 / 71%);
    /*width: 440px;*/
}
.fourth-sec h2:after {
    border-top: 20px solid rgb(157 84 28 / 71%);
    bottom: -20px;
}
.inline-text {
    display: flex;
    margin-bottom: 22px;
    margin-top: 22px;
}
.count-text h6 {
    font-style: normal;
    font-weight: 700;
    font-size: 120px;
    color: rgba(255,105,27,1);
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0px;
}
.fourth-text {
    margin-left: 30px;
}
.fourth-text h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    line-height: 60px;
}
.count-text {
    margin: 30px 0px 0px;
}

.fifth-sec {
    background-image: url(../images/fifth-sec-background.png);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 130px 0px 170px;
}
.fifth-sec h2 {
    background-color: rgb(0 65 83 / 73%);
    width: 800px;
    margin-bottom: 130px;
}
.fifth-sec h2:after {
    border-top: 20px solid rgb(0 65 83 / 73%);
    bottom: -20px;
}
.fifth-sec-box {
    background-color: rgb(0 65 83 / 73%);
    padding: 20px 20px;
    text-align: center;
    height: 210px;
    position: relative;
    margin: 0px 9px;
}
.fifth-sec-box:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid rgb(0 65 83 / 73%);
    position: absolute;
    top: 85px;
    right: -25px;
    bottom: 0;
    margin: 0 auto;
}
.fifth-sec-box:nth-child(4) :after {
    display: none;
}
.box-first h6 {
    line-height: 20px;
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
    color: rgba(1,79,99,1);
    text-transform: uppercase;
}
.box-first {
    text-align: center;
    border-radius: 60px;
    position: absolute;
    background-color: #fff;
    padding: 10px 30px;
    top: -20px;
	left: 50%;
    transform: translateX(-50%);
    display: table;
    margin: 0 auto;
}
.box-title h3 {
    line-height: 40px;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: rgba(255,255,255,1);
}
.box-img {
    margin: 30px 0px 10px;
}
.sixth-sec {
    background-image: url("../images/sixth-sec-background.png");
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 160px 0px 0px;
}
.sixth-text p {
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: rgba(255,255,255,1);
}
.sixth-text h2 {
    background-color: rgb(0 65 83 / 82%);
    width: 400px;
}
.sixth-text h2:after {
    border-top: 20px solid rgb(0 65 83 / 82%);
    bottom: -20px;
}
.sixth-sec-box {
    background-color: rgb(0 0 0 / 64%);
    padding: 120px 30px 60px;
    position: relative;
}
.sixth-text {
    position: absolute;
    top: -89px;
    right: 0;
    left: 0;
}
.sixth-text h2 span {
    color: rgba(255,255,0,1);
}
.fields {
    display: flex;
}
.fields label {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(255,255,255,1);
    margin-bottom: 0px;
    width: 312px;
    text-align: right;
    margin-right: 15px;
    margin-top: 10px;
}
.fields label span {
    margin-left: 20px;
    background-color: rgba(186,12,1,1);
    padding: 1px 2px;
}

.fields select#sel2,
.fields select#sel1 {
    background-color: rgba(235,235,235,1);
    padding: 8px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    outline: 0;
}
.fields input {
    background-color: rgba(235,235,235,1);
    padding: 8px 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    outline: 0;
}
.sixth-sec-box .site-btn a {
    padding: 20px 80px 20px 80px;
}
.sixth-sec-box .site-btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -20px;
}

/* .sixth-sec-box .site-btn button {
	background-color: white;
}
 */
.sixth-sec-box .site-btn button .shape5{
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.black-box {
    background-color: rgb(0 0 0 / 70%);
    padding: 40px 0px 50px;
    margin-top: 90px;
}
.black-box-text p {
    font-family: Noto Sans JP;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: rgba(255,255,255,1);
    margin-bottom: 5px;
}
.footer {
    background-color: rgba(20,30,62,1);
    padding: 15px 0px;
}
.copy-right p {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: rgba(255,255,255,1);
    text-align: center;
    margin-bottom: 5px;
}

/***** Inner Page *****/

.about-banner {
    padding: 30px 0px 0px;
    background-image: url("../images/main-banner-2.webp");
}

.header .about-box {
    text-align: center;
    background-color: rgb(0 0 0 / 53%);
    padding: 80px 100px;
    margin: 60px 0px 70px;
}
.about-box p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: rgba(255,255,255,1);
    margin-bottom: 10px;
}
.about-box .site-btn-right {
    margin: 80px 0px 0px;
}
.black-box-text h3 {
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    color: rgba(255,255,255,1);
}
p.large {
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}
.third-sec h2 span, .fourth-sec h2 span, .fifth-sec h2 span{
    font-size: 36px;
}

.black-box-text{
    text-align: center;
}
.black-box-text h3 span {
    margin-right: 8px;
}
.thank .logo{
    margin-left: 0;
}

.thank .site-btn a{
    font-size: 24px;
    width: 317px;
    max-width: 100%;
    display: inline-block;
}
.tablet-banner img {
    width: 100%;
}

.mobile-banner img{
width:100%;
height:auto;
}

/**************************/
/***** Media-Querries *****/
/**************************/

@media (max-width: 2560px) {
 
    
}
@media (max-width: 1500px){
	
    .banner-img {
        padding: 445px 0px 0px 0px;
    }
    .logo {
        margin-left: 0;
    }
    .banner-img img {
        width: 700px;
    }
}

@media (max-width: 1440px){

    .third-sec .left-area h3 {
        font-size: 99px;
    }
    .fourth-text h3 {
        font-size: 30px;
    }
    .about-box .site-btn-right a{
        font-size: 20px;
    }
    

}

@media (max-width: 1328px){

    .third-sec .left-area h3 {
        font-size: 90px;
    }
    .banner-img {
        padding: 360px 0px 0px 0px;
    }
    .banner-img img {
        width: 600px;
    }
    .about-box .site-btn-right a{
        font-size: 20px;
    }
    

}

@media(max-width: 1299px) {

    .right-area {
        text-align: center;
        margin: 20px 0px 10px;
    }
    .third-sec .left-area h3 {
        font-size: 90px;
    }
    .tuc-text h3 {
        font-size: 24px;
    }

	.header .about-box {
        padding: 80px 50px;
    }

}

@media(max-width: 1247px) {


    
}

@media (max-width: 1200px){
	

}


@media (max-width: 1199px) {
    .third-sec .left-area h3 {
        font-size: 70px;
    }

	.banner-img img {
    width: 400px;
    }
    .banner-img {
        padding: 250px 0px 0px 0px;
    }
    .third-sec {
        padding: 20px 0px 20px;
    }

    .row.pr-row{
        padding: 40px 0 0;
    }
    .fourth-text h3 {
    font-size: 26px;
}
}

@media (max-width: 1024px) {
    .left-area {
    text-align: center;
}
.black-box-text p {
    font-size: 12px;
    margin-bottom: 10px;
}
.box-title h3 {
    line-height: 30px;
    font-size: 16px;
}
.black-box-text h3 {
    font-size: 30px;
}
.black-box-text p {
    font-size: 12px;
}
.header .about-box {
    padding: 80px 0px;
    margin: 60px 0px 70px;
}



}

/* END OF iPAD LANDESCAPE*/


@media (max-width: 991px) {
    .third-sec h2 span, .fourth-sec h2 span, .fifth-sec h2 span, .sixth-text span:last-child {
    font-size: 16px !important;
}
header.header.about-banner.thank {
    min-height: calc(100vh - 56px);
}
.header.thank .about-box {
    margin: 22.5vh 0px;
}
.row.pr-row{
    justify-content: center;
}
.left-area {
    margin-top: 20px;
}
.thank .site-btn a {
    padding: 13px 20px;
    font-size: 18px;
}
.about-box .site-btn-right{
    margin-top: 40px;
}
.about-box .site-btn-right a{
    font-size: 20px;
}
	.fifth-sec h2 {
        font-size: 30px;
        width: 460px;
        margin-bottom: 100px;
    }
    .banner-img {
        padding: 100px 0px 0px;
    }
    h2 {
        width: 330px;
        font-size: 22px;
    }
    
    .site-btn button,
    .site-btn a {
        font-size: 20px;
    }
    .third-sec .left-area h3 {
        font-size: 60px;
    }
    .third-sec {
        background-image: url("../images/tablet-cars-banner.png");
        padding: 20px 0px 20px;
    }
    .tuc-text h3 {
        font-size: 18px;
        line-height: 40px;
    }
    .inline-text {
        display: block;
        text-align: center;
    }
    .fifth-sec-box {
        margin: 0px 0px 40px;
    }
    .count-text h6 {
        font-size: 60px;
    }
    .fourth-text {
        margin-left: 0px;
    }
    .fourth-text h3 {
        font-size: 22px;
        line-height: 40px;
    }
    .black-box-text {
        text-align: center;
    }
    .fifth-sec {
        padding: 30px 0px 0px;
    }

    .fifth-sec-box:after {
        display: none;
    }
    .header .about-box {
        padding: 30px 10px;
    }
    .header {
        display: none;
    }
    .tablet-banner {
        display: block;
        position: relative;
        width: 100%;
    }
    .tablet-banner .logo {
        position: absolute;
        top: 10px;
        left: 50px;
    }
    .site-btn a img {
        /* top: 24px; */
    }
    .about-banner {
        display: block;
    }
    .black-box {
        padding: 30px 0px 20px;
        margin-top: 90px;
    }

    .submitbtn {
    	width: 350px !important;
        height: 70px !important;
        font-size: 20px !important;
    }


}


@media (max-width: 767px) {
    .third-sec h2 span, .fourth-sec h2 span, .fifth-sec h2 span {
    font-size: 18px;
}

	.tablet-banner {
        display: none;
    }
    .mobile-banner {
        display: block;
        position: relative;
        width: 100%;
    }
    .mobile-banner .logo {
        margin-left: 0;
        position: absolute;
        top: 5px;
        left: 30px;
    }
    h2 {
        width: 310px;
        font-size: 23px;
    }
    .fourth-sec h2 {
/*         width: 220px; */
		width: 100%;
    }
    .fifth-sec h2 {
        font-size: 22px;
        width: 330px;
    }
    .fifth-sec {
        padding: 40px 0px 40px;
    }
    .sixth-text h2 {
        width: 250px;
    }
    .fourth-text h3 {
    font-size: 18px;
    line-height: 30px;
}
    .fourth-text {
        margin-left: 0px;
    }
    .third-sec .left-area h3 {
        font-size: 40px;
    }
    .fields label {
        font-size: 12px;
        width: 300px;
        margin-right: 7px;
		text-align: right;
    }
    .about-box .site-btn-right {
        margin: 30px 0px 0px;
    }
    .sixth-sec .site-btn a img {
        /* top: 27px; */
    }
    .header .about-box {
        margin: 20px 0px 20px;
    }
    .third-sec {
        background-image: url("../images/mobile-cars-banner.png");
        padding: 20px 0px 20px;
    }
    .tuc-icons {
        margin-bottom: 10px;
    }
    .left-area {
        padding-top: 0px;
        text-align: center;
    }

}


@media (max-width: 575px) {
    .mobile-banner{
        display: none;
    }

    .copy-right p {
        font-size: 10px;
        margin-bottom: 0px;
    }
    .sixth-sec-box .site-btn a img {
        /* top: 26px; */
    }
    .black-box-text h3 {
        font-size: 20px;
    }
    .header .about-box {
        padding: 30px 10px;
        margin: 20px 0px;
    }
    .about-box p {
        font-size: 11px;
        margin-bottom: 5px;
    }
    .black-box-text p {
        font-size: 10px;
        margin-bottom: 3px;
    }
    .about-banner .logo {
        text-align: center;
    }
    .third-sec {
        background-image: url("../images/small-mobile-car-banner.png");
    }

.header{
    min-height: 60vh;
    display: block;
}
.banner-img {
    padding: 30vh 0 0;
}
.third-sec .left-area h3 {
    margin-top: 30px;
}
header.header.about-banner.thank {
    min-height: calc(100vh - 45px);
}
.thank .site-btn a {
    padding: 8px 30px;
    font-size: 16px;
}  

.site-btn button img,
.site-btn a img {
    /* top: 18px; */
    width: 14px;
}
.header.thank .about-box {
    padding: 30px 10px;
    margin: 22.5vh 0px;
}
.black-box-text h3 span img {
    width: 16px;
}
	.fields {
		flex-direction: column;
	}
	.fields label {
		text-align: left;
		margin-bottom: 5px;
	}
    .submitbtn {
        width: 100% !important;
    }
    .submit-btn-div {
    	width: 75% !important;
    }
}

.submit-btn-div {
	position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
    overflow: hidden;
    border-radius: 5px;
}
.submitbtn {
    display: flex;
    background: linear-gradient(#FFFFFF, #BABABA);
    width: 400px;
    height: 80px;
    border-radius: 5px;
    border: none;
    outline: none;
    position: relative;
    
    font-size: 30px;
    font-weight: 700;

}
.submitbtn img {
    position: absolute;
    right: 20px;
    top: calc(50% - 9px);
}
.left-shape {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(#E51819, #A71212);
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    height: calc(100% + 2px);
    width: 30%;
    border-radius: 5px;
    margin-left: -6px;
    margin-top: -1px;
    color: rgba(255,255,0,1);
}
.right-shape {
    display: flex;
    align-items: center;
    height: 100%;
    width: 70%;
    justify-content: center;
    color: #3E3E3E;    
}
.footer-logo {
	text-align: center;
    margin-bottom: 20px;
}
.site-btn button, .site-btn a::before{
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: shiny-btn2 3s ease-in-out infinite;
    border-radius: 5px;
}
.submit-btn-div::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: shiny-btn2 3s ease-in-out infinite;
    z-index: 9999;
    border-radius: 5px;
}
@-webkit-keyframes shiny-btn2 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.line-btn {
	display: flex;
    justify-content: center;
}

.line-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
    background-color: #06C755;
	filter: drop-shadow(0px 5px 0px rgba(0, 0, 0, 0.522));
    width: 80%;
	padding: 10px 0;
    margin-top: 20px;
    font-size: 25px;
    font-weight: 700;
    color: #FFFFFF;
    border-radius: 5px;
	overflow: hidden;
}
.line-btn a::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    transition: 0.2s;
    animation: shiny-btn2 3s ease-in-out infinite;
    z-index: 9999;
    border-radius: 5px;
}

.line-btn a img {
	margin-right: 20px;
}

.privacy_txt {
    color: #ffffff;
    text-align: center;
    font-size: 12px;
    margin-top: 60px;
}
.privacy_txt a{
    color: yellow;
    font-weight: 700;
    text-decoration: underline;
}
.privacy_txt a:hover{
    color: #FFFFFF;
}