@charset 'utf-8';

.carousel { }
.carousel-control-next, .carousel-control-prev { display: none;}
.carousel .img-wrap { background-size: cover; background-position: center; background-repeat: no-repeat;}
.carousel .img-wrap .slogun-wrap { position: absolute; top: calc(50% + 45px); transform: translateY(-50%); width: 100%;  color: #fff;}
.carousel .img-wrap .slogun-wrap .slogun {}
.carousel .img-wrap .slogun-wrap .slogun p {}
.carousel .img-wrap .slogun-wrap .slogun p span { display: block;}
.carousel .img-wrap .slogun-wrap .slogun .p1 { font-size: 65px; font-weight: 700; line-height: 1.2; }
.carousel .img-wrap .slogun-wrap .slogun .p1 b { color: #007eff; }
.carousel .img-wrap .slogun-wrap .slogun .p2 { padding: 30px 0 70px; font-size: 24px; font-weight: 300; line-height: 1.3;} 

.carousel .img-wrap .slogun-wrap .link {  width: 100%; max-width: 484px; }
.carousel .img-wrap .slogun-wrap .link a { display: block; padding: 11px 10px; width: 48%; border: 1px solid #fff; font-size: 18px; font-weight: 300; text-align: center; color: #fff;}
.carousel .img-wrap .slogun-wrap .link a:hover { background: #0a3281; border-color: #0a3281;}



@media (max-width:768px){
    .carousel .img-wrap .slogun-wrap .slogun p { text-align: center;}
    .carousel .img-wrap .slogun-wrap .slogun .p1 { font-size: 56px; }
    .carousel .img-wrap .slogun-wrap .slogun .p2 { padding: 25px 0 60px; }
    .carousel .img-wrap .slogun-wrap .link { margin: 0 auto; max-width: 400px;}
    .carousel .img-wrap .slogun-wrap .link a { background: #0a3281; border-color: #0a3281;}
}
@media (max-width:576px){
    .carousel .img-wrap .slogun-wrap .slogun .p1 { font-size: 48px; }
    .carousel .img-wrap .slogun-wrap .slogun .p2 { font-size: 22px; }
    .carousel .img-wrap .slogun-wrap .link { max-width: 360px;}
    .carousel .img-wrap .slogun-wrap .link a { font-size: 16px; }
}
@media (max-width:480px){
    .carousel .img-wrap .slogun-wrap .slogun .p1 { font-size: 31px; }
    .carousel .img-wrap .slogun-wrap .slogun .p2 { padding: 20px 0 50px; font-size: 18px; }
    .carousel .img-wrap .slogun-wrap .link { max-width: 300px;}
    .carousel .img-wrap .slogun-wrap .link a { font-size: 15px; }
}