/* bu2 */
#bu2 { position:relative; overflow: hidden; padding-top: 30px; }
.sub_tit { line-height: 1; text-align: center; margin:0 0 55px; }
.sub_tit b { display: block; font-size: 23.5px; font-weight: 500; letter-spacing: 1.76px; margin:0 0 20px; color: #00492c; text-transform: uppercase; }
.sub_tit h2 { font-size: 49.5px; font-weight: bold; }
.sub_tit h2 + .sub_p { margin:35px 0 0; }
.sub_p { font-size: 19px; font-weight: 300; line-height: 1.74; }
.sub_p + .sub_p { margin-top:30px; }
.sub_sp { font-size: 17px; font-weight: 300; line-height: 1.76; }

/* #bu2::after { bu2ent:""; display: block; width:100%; height: 400px; background:url('../img/bu2_bg.jpg') no-repeat center / cover; margin:110px 0 0; } */

/* bu2 */
#bu2 { padding-bottom: 130px; z-index: 1; }
#bu2::after { content:""; position:absolute; left:0; width:100%; bottom:0; height: 265px; background:#f7f7f7; z-index: -1; }
#bu2 .sub_tit { margin:0 0 80px; }

.img_list { display: flex; justify-content: center; }
.img_list li { width: calc(100%/4 - 20.5px); margin-right: 27px; overflow: hidden; }
.img_list li:last-child { margin-right: 0; }

.img_list li img { transition: all .3s; }
.img_list li:hover img { transform: scale(1.13); }



/* media query */
@media screen and (max-width: 1420px) {

    /* common */

    /* bu2 */

}
@media screen and (max-width: 1023px) {

    /* common */
    #bu2 br { display: none; }
    /* #bu2::after { height: 300px; margin: 80px 0 0; } */
    .sub_tit { margin: 0 0 50px; }
    .sub_tit b { font-size: 20px; }
    .sub_tit h2 { font-size: 40px; }
    .sub_p { font-size: 18px; }
    .sub_p + .sub_p { margin-top: 25px; }
    .sub_sp { font-size: 16px; }
    .sub_tit h2 + .sub_p { margin: 30px 0 0; }


    /* bu2 */
    #bu2 { padding-bottom: 100px;}
    #bu2::after { height: 150px; }
    #bu2 .sub_tit { margin: 0 0 50px; }



}
@media screen and (max-width: 767px) {

    /* common */
    #bu2 { padding-top: 0; }
    #bu2 br { display: none; }
    /* #bu2::after { height: 220px; margin: 60px 0 0; } */
    .sub_tit { margin: 0 0 40px; }
    .sub_tit b { font-size: 16px; }
    .sub_tit h2 { font-size: 32px; }
    .sub_p { font-size: 16px; }
    .sub_p + .sub_p { margin-top: 20px; }
    .sub_sp { font-size: 15px; }

    /* bu2 */
    #bu2 { padding-bottom: 70px;}
    #bu2::after { height: 0; }
    #bu2 .sub_tit { margin: 0 0 40px; }

    .img_list { flex-wrap: wrap; }
    .img_list li { width: calc(100%/2 - 5px); margin-right: 10px; text-align: center; }
    .img_list li img { width:100%; }
    .img_list li:nth-child(2n) { margin-right: 0; }
    .img_list li:nth-child(n+3) { margin-top: 10px; }


}