/* common */
#ab1 { overflow: hidden; text-align: center; padding-top: 50px; }
.sub_h1 { line-height: 1; font-size: 30px; font-weight: bold; letter-spacing: -1.5px; text-transform: uppercase; }
.sub_h1 span { display: block; font-size: 20px; font-weight: bold; color: #0068b7; text-transform: uppercase; font-family: 'Karla', sans-serif; margin:0 0 10px; }
.sub_h1 small { font-size: 18px; letter-spacing: -0.75px; font-weight: bold; }
.sub_p { font-size: 15px; font-weight: 300; letter-spacing: -0.45px; line-height: 28px; }
/* .sub_p br { display: none; } */
.sub_p + .sub_p { margin-top: 15px; }


/* ab1 */
.art1 { padding:0 0 40px; }
.art1 .img_box { margin:35px 0 30px; }
.art1 .img_box .txt { position:relative; padding:35px 10px; font-size: 20px; font-weight: 300; letter-spacing: -1px; color: #fff; line-height: 35px; background:url('../img/ab1_img.jpg') no-repeat center / cover; text-shadow: 0px 2px 4px rgb(0 0 0 / 80%); z-index: 1; }
.art1 .img_box .txt::before { content:""; position:absolute; left:0; width:100%; top:0; height: 100%; background:#0060a9; opacity: 0.2; z-index: -1; }

.art1_con br { display: none; }
.art1_con { background:url('../img/ab1_apos.png') no-repeat center top / 45px auto; padding-top: 35px; }
.art1_con strong { display: block; font-size: 17px; font-weight: 500; letter-spacing: -0.65px; color: #000; line-height: 30px; margin:0 0 30px; }


/* art2 */
.art2 { border-top: 1px solid #ccc; padding:40px 0 70px; }
.art2 strong { display: block; font-size: 20px; line-height: 35px; font-weight: 700; letter-spacing: -0.65px; color: #000; margin:0 0 20px; }
.art2 strong span { color:#0068b7; }

.art2 .name { margin:30px 0 0; font-size: 16px; letter-spacing: -0.45px; }
.art2 .name b { margin:0 15px; font-size: 22px; font-weight: 500; letter-spacing: -0.75px; }
.art2 .name img { width:80px; }