/* common */
.sub_h1 { font-size:50px; font-weight: bold; line-height: 1; margin-bottom: 60px }
.sub_h2 { font-size:16px; font-weight: bold; letter-spacing: 1.6px; color: #1f4de5; margin-bottom: 20px; line-height: 1; text-transform: uppercase; }
.sub_p { font-size:18px; line-height: 1.83; color: #636363; }
.sub_p ~ .sub_p { margin-top: 20px; }



/* contents */
#ab2 { padding:35px 0 0; text-align: center; overflow: hidden; }
.bg_bot { width:100%; height: 400px; background:url('../img/ab2_bg.jpg') no-repeat center / cover; margin-top: 80px; }

.d1_ul .d1_li { border-top: 3px solid #000720; text-align: left; display: flex; margin:0 0 60px; }
.d1_li .left { width: 380px; }
.d1_li .left a { display: inline-block; }
.d1_li .left h3 { display: inline-block; padding-top: 20px; font-size: 32px; font-weight: bold; }
.d1_li .left h3 span { display: inline-block; width: 29px; height: 29px; border-radius: 50%; border: solid 2px #000; background:url('../img/ab2_arrow.png') no-repeat center / 6px auto; position:relative; top:2px; margin-left: 15px; transition: all .3s; }
.d1_li .left a:hover h3 span { background:url('../img/ab2_arrow_hv.png') no-repeat center / 6px auto #000; }

.d1_li .right { width: 920px; }
.d2_ul li { font-size:17px; color:#333; padding-left: 18px; position:relative; border-bottom: 1px solid #ddd; padding:30px 0 30px 18px; line-height: 1; font-weight: 300; }
.d2_ul li::before { content:""; position:absolute; left:0; top:50%; transform: translateY(-50%); width:5px; height: 5px; background:#1f4de5; }
.d2_ul li:last-child { border-bottom: 0; }