@charset "utf-8";

#banner { display: block;  position:absolute; z-index:2;  top: 50%; width: 100%; transform: translateY(-50%); }    
#banner .slogun { color: #fff; text-align: center; }
#banner .slogun .p1 { font-size: 60px; font-weight: 500; line-height: 1; }
#banner .slogun .p2 { padding: 30px 0 45px;  font-size: 24px; font-weight: 400; line-height: 1.5; word-break: keep-all;}
#banner .slogun .p2 span { display: block; }
#banner .slogun .p2 span b { font-weight: 500;}
#banner .slogun .link { }
#banner .slogun .link a { display: inline-block; width: 220px; height: 50px; color: #fff; text-align: center; font-size: 18px; font-weight: 400; line-height: 50px; background: #015294; }
#banner .slogun .link a:last-of-type { margin: 0 0 0 10px; background: #fff; color: #111; }


@media (max-width:991px){
    #banner .slogun .p1 { font-size: 58px; }
    #banner .slogun .p2 { font-size: 22px; }
}
@media (max-width:768px){
    #banner .slogun .p1 { font-size: 54px; }
    #banner .slogun .p2 { font-size: 20px; }
}
@media (max-width:768px){
    #banner .slogun .p1 { font-size: 54px; }
    #banner .slogun .p2 { font-size: 20px; }
    #banner .slogun .link a { width: 200px;}
}
@media (max-width:576px){
    #banner .slogun .p1 { font-size: 46px; }
    #banner .slogun .p2 {  padding: 25px 0 40px;  font-size: 18px; }
    #banner .slogun .link a { width: 140px; font-size: 15px; height: 40px; line-height: 40px;}
}