.kakalBanner{background-color: #1e2b51; color: white;}
.kakalBanner a{display: flex; align-items: center; justify-content: center; height: 168px; color: white; text-align: center;}
.kakalBanner_frame{display: inline-flex; align-items: center}
.kakalBanner_text{padding: 0px 40px 0px 30px;}
.kakalBanner_text strong{display: block; font-size: 36px; line-height: 36px; text-align: right;}
.kakalBanner_text span{display: block; font-size: 18px; line-height: 18px; text-align: right; padding-top: 10px;}
.kakalBanner_button{width: 176px; height: 52px; border: 1px solid #fbb903; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center;}
.kakalBanner a:hover .kakalBanner_button, .kakalBanner a:focus .kakalBanner_button{background-color: #fbb903; color: #1e2b51;}

@media screen and (max-width: 1024px) {
    .kakalBanner a{height: auto; padding: 50px 20px 56px;}
    .kakalBanner_text{padding: 14px 0px 24px 0px;}
    
    .kakalBanner_frame{flex-direction: column;}
    .kakalBanner_text strong{text-align: center;}
    .kakalBanner_text span{text-align: center;}
}

@media screen and (max-width: 480px) {
    .kakalBanner_frame img{width: 160px;}
    
    .kakalBanner_text strong{font-size: 24px; line-height: 24px; text-align: center;}
    .kakalBanner_text span{font-size: 14px; line-height: 16px; text-align: center; padding-top: 6px;}
    .kakalBanner_button{width: 140px; height: 35px; font-size: 14px;}
}