.text-icon-subtitle { color: #0048be; }

.top-banner{ margin-bottom: 22px; }
.top-banner img{ width: 100%; }

.box-kodawari{ margin: 50px auto; line-height: 1.8; }
.box-kodawari .title-kodawari{ background: url(../images/strip-red.png); display: block; padding: 8px; text-align: center; color: #fff; font-size: 24px; font-weight: bold; text-shadow: 2px 2px 1px rgba(0, 0, 0, .5); }
.box-kodawari .content-kodawari{ position: relative; padding: 18px 0;}
.box-kodawari .content-kodawari .banner { margin-bottom: 24px; }
.box-kodawari .content-kodawari .banner img { width: 100%; }

.column-2 { display: flex; flex-wrap: wrap; }
.column-2 .column-text { display: block; width: 70%; padding: 12px; }
.column-2 .column-images { display: block; width: 30%; padding: 12px 0; }
.column-2 .column-images img { width: 100%; }

.img-2 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.img-2 .img-left, .img-2 .img-right { width: 49%; }
.img-2 .img-left img, .img-2 .img-right img { width: 100%; }

.title-road {  font-size: 24px; color: #303030; padding: 12px; text-align: center; font-weight: bold; text-shadow: rgb(255, 247, 178) 3px 0px 0px, rgb(255, 247, 178) 2.83487px 0.981584px 0px, rgb(255, 247, 178) 2.35766px 1.85511px 0px, rgb(255, 247, 178) 1.62091px 2.52441px 0px, rgb(255, 247, 178) 0.705713px 2.91581px 0px, rgb(255, 247, 178) -0.287171px 2.98622px 0px, rgb(255, 247, 178) -1.24844px 2.72789px 0px, rgb(255, 247, 178) -2.07227px 2.16926px 0px, rgb(255, 247, 178) -2.66798px 1.37182px 0px, rgb(255, 247, 178) -2.96998px 0.42336px 0px, rgb(255, 247, 178) -2.94502px -0.571704px 0px, rgb(255, 247, 178) -2.59586px -1.50383px 0px, rgb(255, 247, 178) -1.96093px -2.27041px 0px, rgb(255, 247, 178) -1.11013px -2.78704px 0px, rgb(255, 247, 178) -0.137119px -2.99686px 0px, rgb(255, 247, 178) 0.850987px -2.87677px 0px, rgb(255, 247, 178) 1.74541px -2.43999px 0px, rgb(255, 247, 178) 2.44769px -1.73459px 0px, rgb(255, 247, 178) 2.88051px -0.838247px 0px; }

.road-service { display: block; border: 4px solid #ca0300; background: #fff; border-radius: 8px; width: 95%; margin: 12px auto; }
.road-service ul { display: table; width: 100%; }
.road-service ul li { display: table-row; }
.road-service ul li div { display: table-cell; padding: 8px 12px; vertical-align: middle; font-size: 22px; font-weight: bold; }
.road-service ul li div:first-child { width: 100px; text-align: right; }
.road-service ul li span { color: #ea0000; border-bottom: 4px solid #fff600;  }

.title-accident  { font-size: 23px; text-shadow: 3px 3px 3px #fff, 4px 4px 1px #ff9696; font-weight: bold; color: #303030; text-align: center; padding: 12px; }
.accident { text-align: center; }
.accident img { width: 100%; }
.accident .show-pc { display: block; margin: 12px auto; }
.accident .show-sp { display: none; max-width: 100%; width: auto; margin: 12px auto; }
/* .accident div { display: inline-block; width: 30%; margin: 8px 1%; }   
.accident div img { width: 100%; } */

.bg-gray { background: #f4f4f4; padding: 12px 0; margin: -30px auto 50px;  }
.content-insurance { text-align: center; margin: 22px auto 0; }
.content-insurance h2 { font-size: 22px; }
.content-insurance h2 strong { color: #ea0000; font-size: 24px; }
.content-insurance a { display: inline-block; width: 30%; margin: 8px 1%; padding: 8px; }
.content-insurance a img { max-width: 100%; }

.title-maintenance { font-size: 24px; color: #303030; padding: 12px; text-align: center; font-weight: bold; text-shadow: rgb(216, 244, 255) 3px 0px 0px, rgb(216, 244, 255) 2.83487px 0.981584px 0px, rgb(216, 244, 255) 2.35766px 1.85511px 0px, rgb(216, 244, 255) 1.62091px 2.52441px 0px, rgb(216, 244, 255) 0.705713px 2.91581px 0px, rgb(216, 244, 255) -0.287171px 2.98622px 0px, rgb(216, 244, 255) -1.24844px 2.72789px 0px, rgb(216, 244, 255) -2.07227px 2.16926px 0px, rgb(216, 244, 255) -2.66798px 1.37182px 0px, rgb(216, 244, 255) -2.96998px 0.42336px 0px, rgb(216, 244, 255) -2.94502px -0.571704px 0px, rgb(216, 244, 255) -2.59586px -1.50383px 0px, rgb(216, 244, 255) -1.96093px -2.27041px 0px, rgb(216, 244, 255) -1.11013px -2.78704px 0px, rgb(216, 244, 255) -0.137119px -2.99686px 0px, rgb(216, 244, 255) 0.850987px -2.87677px 0px, rgb(216, 244, 255) 1.74541px -2.43999px 0px, rgb(216, 244, 255) 2.44769px -1.73459px 0px, rgb(216, 244, 255) 2.88051px -0.838247px 0px; }

.maintenance { display: flex; flex-wrap: wrap; }
.maintenance div { display: block; width: 50%; padding: 12px 22px; }
.maintenance h3 { border-bottom: 6px solid #fff600; display: inline-block; margin-bottom: 4px; font-size: 24px; }
.text-maintenance { font-size: 20px; line-height: 1.8; }
.text-maintenance .text-highlight { color: #ca0300; font-size: 26px; display: block; text-shadow: rgb(255, 246, 0) 3px 0px 0px, rgb(255, 246, 0) 2.83487px 0.981584px 0px, rgb(255, 246, 0) 2.35766px 1.85511px 0px, rgb(255, 246, 0) 1.62091px 2.52441px 0px, rgb(255, 246, 0) 0.705713px 2.91581px 0px, rgb(255, 246, 0) -0.287171px 2.98622px 0px, rgb(255, 246, 0) -1.24844px 2.72789px 0px, rgb(255, 246, 0) -2.07227px 2.16926px 0px, rgb(255, 246, 0) -2.66798px 1.37182px 0px, rgb(255, 246, 0) -2.96998px 0.42336px 0px, rgb(255, 246, 0) -2.94502px -0.571704px 0px, rgb(255, 246, 0) -2.59586px -1.50383px 0px, rgb(255, 246, 0) -1.96093px -2.27041px 0px, rgb(255, 246, 0) -1.11013px -2.78704px 0px, rgb(255, 246, 0) -0.137119px -2.99686px 0px, rgb(255, 246, 0) 0.850987px -2.87677px 0px, rgb(255, 246, 0) 1.74541px -2.43999px 0px, rgb(255, 246, 0) 2.44769px -1.73459px 0px, rgb(255, 246, 0) 2.88051px -0.838247px 0px;  }

.title-member { color: #000; font-size: 24px; font-weight: bold; }
.title-member span { color: #ca0300; font-size: 26px; display: inline-block; border-bottom: 6px solid #fff600; }
.text-member { font-size: 20px;}
.text-member  span { font-weight: bold; color: #0048be;  }
.text-member small { display: block; font-size: 14px;}
.text-member .our { margin: 12px 0; }
.text-member .our img { margin-right: 8px; }

.exchange { margin: 28px auto 0; text-align: center; font-size: 16px; background: url(../images/stripe-gray.png); padding: 12px; }
.exchange .text-blue { font-size: 20px; color: #0048be; padding: 8px 0; font-weight: bold; font-style: italic; }

.content-limited { text-align: center; font-size: 20px; }
.content-limited .limited { border: 6px solid #e3f5ff; border-radius: 8px; margin: 12px auto; width: 95%; position: relative; }
.content-limited .highlight { color: #ea0000; border-bottom: 4px solid #fff600; font-weight: bold;  }
.limited ul { display: table; width: 100%; }
.limited ul li { display: table-row; }
.limited ul li span { display: table-cell; padding: 8px; text-align: left; font-size: 20px; font-weight: bold; }
.limited ul li span:first-child { width: 100px; text-align: right; }
.limited .img-wheel { position: relative; float: right; margin-top: -75px; }

.storage { text-align: left; margin-top: 50px; }
.storage-text, .storage-images { display: inline-block; vertical-align: bottom; padding: 12px; }
.storage-text { font-size: 12px; width: 30%; }
.storage-images { width: 68%; }
.storage-images img { width: 100%; }

.note { text-align: center; font-size: 14px; padding: 8px; }
.note h3 { font-size: 18px; color: #ea0000; }
.title-loan {
    text-align: center; 
    font-weight: bold;    
    line-height: 1.2;   
    padding: 30px 0 10px;     
    color: #000;
    font-size: 18px;
}
.title-loan big,.title-loan small {
    font-size: 60px; 
    color: #ce0100; 
    font-weight: bold;    
}
.title-loan small {
    font-size: 34px;
}
.logo-link { display: block; text-align: center; }
.logo-link a { display: inline-block; width: 48%; margin: 8px; text-align: center; padding: 12px; background: #f9facd; border-radius: 8px; border: 4px solid #f9facd; }
.logo-link a img { max-width: 100%; margin: auto;}
.logo-link a:hover { background: #e3f5ff; border: 4px solid #c0e8ff; }
.none {
    display: none;
}

@media(max-width:768px) {
    .box-kodawari { margin: 50px auto; }

    .limited .img-wheel { float: none; margin-top: 0; text-align: right; padding:12px; }
    .text-member .our img { max-width: 31%; width: 100%; }
}

@media(max-width:680px) {
    .limited .img-wheel { float: none; margin-top: 0; text-align: right; padding:12px; }
    .column-2 .column-text { width: 100%; }
    .column-2 .column-images { width: 80%; margin: auto; }
    
    .storage-images, .storage-text { display: block; width: 100%; }
    .logo-link a { display: block; width: 95%; margin: 8px auto; } 
    .title-loan {  
        line-height: 1.;   
        padding: 30px 0 10px;     
        font-size: 14px;
    }
    .title-loan big,.title-loan small {
        font-size: 40px;    
    }
    .title-loan small {
        font-size: 24px;
    }
    .none { display: block }
}

@media(max-width:530px) {
    .text-member .our img { max-width: 100%; width: auto; display: block; margin: auto; }

    .road-service ul li div:first-child { width: 60px; }
    .road-service ul li div { padding: 8px; vertical-align: top;}

    .content-limited { text-align: left; }
    .limited ul li span:first-child { width: 60px; }

    .accident .show-pc { display: none; }
    .accident .show-sp { display: block; }
    /* .accident div { display: block; width: 80%; margin:8px auto;} */
}

@media(max-width:480px) {
    .content-insurance a { display: block; width: 80%; margin: 8px auto; }    

    .maintenance div { width: 100%; }

    .img-2 .img-left, .img-2 .img-right { width: 100%; margin: 8px auto; }
}