.font-18 { font-size: 18px; }
.topic-text { font-size: 26px; font-weight: 700; text-align: center; padding: 3rem 0; }

.title-insurance { display: block; font-size: 24px; font-weight: 700; padding: 2.5rem 0; }
.title-insurance .agency { display: inline-block; padding: 3px; border-radius: 32px; margin: 4px; }
.title-insurance .agency span { display: block; background: #fff; padding: 8px 16px; font-size: 15px; border-radius: 32px; }

.insurance-professionals { background: url(../images/bg-2color.jpg) repeat-x top left #fff; }
.insurance { box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.2); }

.non-life { border: 3px solid #000; width: 85%; margin:3rem auto; padding: 2rem 0; box-shadow: 6px 6px 0 #b1e2e7; }
.non-life .hoken_txt { display: block; padding: 0.5rem 1.5rem 1.5rem; font-size: 20px; font-weight: 700; text-align: center;  }
.bg-blue-pattern { background: url(../images/bg-patten-blue.jpg) #fff; }
.logo-insurance { display: block; padding: 1rem; text-align: center; }
.logo-insurance span { display: inline-block; width: 45%; background: #fff; padding: 12px; border-radius: 8px; margin: 12px 1%; }

.bg-green-drive { background: url(../images/bg-drive.png) no-repeat center right #dcf7e6; }
.title-total { color: #51ae3e; font-size: 14px; text-align: left; }
.title-total h3 { color: #000; font-family: 'Open Sans Condensed', sans-serif; font-size: 28px; font-weight: 700; text-align: left; }


@media(max-width:1199px) {
    .img-insurance,
    .text-insurance { width: 50%; flex: 50%; max-width: 50%; }
}

@media(max-width:991px) {
    .img-insurance,
    .text-insurance { width: 100%; flex: 100%; max-width: 100%; }
    .img-insurance { padding: 2rem !important; }
}

@media(max-width:767px) {
    .non-life { width: 95%; }

    .logo-insurance span { font-size: 70%; }
}

@media(max-width:520px) {
    .topic-text { font-size: 20px; }
    .title-insurance { font-size: 18px; }
    .logo-insurance span { width: 80%; }

    .non-life h2 { font-size: 16px; }
    .font-18 { font-size: 14px; }
    
}