/* common */
#bus2 { overflow: hidden; }
#bus2 > div { padding:80px 0; }
#bus2 > div:nth-of-type(2n) { background:#f7f7f7; }
#bus2 > div:first-of-type { padding-top: 50px; }
#bus2 > div:last-of-type { padding-bottom: 120px; }

.sub_tit { font-size: 40px; font-family: 'Paybooc'; font-weight: 800; text-align: center; }
.sub_tit + p { margin:20px 0 0; font-size: 21px; font-weight: 300; color: #000; text-align: center; }
.sub_p { font-size: 18px; font-weight: 300; line-height: 1.67; color: #333; }
.bar_tit { position:relative; font-size: 32px; font-family: 'Paybooc'; font-weight: 800; line-height: 1; margin:0 auto 40px; text-align: center; }
.bar_tit::before { content:""; display: block; width:20px; height:2px; background:#1b56ff; margin:0 auto 15px; }





/* bus2 */
#bus2 .sub_tit { padding:0 0 48px; margin:0 0 48px; border-bottom: 1px solid #ddd; }

.tit_box { margin:0 0 50px; }
.tit_box li { display: flex; }
.tit_box li + li { margin:30px 0 0; }
.tit_box li strong { display: block; width: 110px; margin-right: 30px; height: 43px; line-height: 41px; background-color: #eee; text-align: center; font-size: 19px; }
.tit_box li p { width: calc(100% - 140px); position:relative; top:4px; }

.img { border:1px solid #ddd; }

.colbox_list { display: flex; justify-content: space-between; margin:30px 0 0; }
.colbox_list li { width:calc(25% - 15px); border:1px solid #ddd; border-top:3px solid #0c4fe2; padding:60px 20px; text-align: center; line-height: 1; }
.colbox_list li .icon img { transition: all .5s; }
.colbox_list li .num { margin:38px 0 15px; font-size: 16px; color: #0c4fe2; font-weight: bold; }
.colbox_list li h3 { font-size: 22px; font-weight: bold; line-height: 1.5; }

.colbox_list li:nth-child(2n) { border-top-color:#b1cd4a; }
.colbox_list li:nth-child(2n) .num { color: #b1cd4a; }
.colbox_list li:hover .icon img { transform: rotateY(180deg); }

.dot_wrap { display: flex; border-bottom: 1px solid #ddd; padding:50px 0; }
.dot_wrap h3 { width:280px; font-size: 24px; font-weight: 800; font-family: 'Paybooc'; line-height: 1.54; }
.dot_wrap .dot_list { width:calc(100% - 280px); }
.dot_wrap .dot_list li { position:relative; padding-left: 18px; margin:0 0 13px; font-size: 18px; font-weight: 300; line-height: 1.67; color: #333; }
.dot_wrap .dot_list li:last-child { margin:0; }
.dot_wrap .dot_list li::before { content:""; position:absolute; left:0; top:13px; width:6px; height:6px; background:#1b56ff; }
.dot_wrap .dot_list li b { font-weight: 500; color: #000; }


.s3_con .img_list { display: flex; justify-content: space-between; }
.s3_con .img_list > div { width:calc(50% - 16px); }




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



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

    /* common */
    #bus2 > div:first-of-type { padding-top: 30px; }
    #bus2 > div:last-of-type { padding-bottom: 100px; }

    .sub_tit { font-size: 32px; }
    .sub_tit + p { font-size: 19px; }
    .sub_p { font-size: 16px; }
    .bar_tit { font-size: 26px; }



    /* bus2 */
    #bus2 .sub_tit { padding:0 0 40px; margin:0 0 40px; }

    .tit_box { margin:0 0 40px; }
    .tit_box li + li { margin:25px 0 0; }
    .tit_box li strong { font-size: 18px; }

    .colbox_list li { padding:50px 15px; }
    .colbox_list li .num { font-size: 15px; }
    .colbox_list li h3 { font-size: 20px; }

    .dot_wrap h3 { width:230px; font-size: 20px; }
    .dot_wrap .dot_list { width:calc(100% - 230px); }
    .dot_wrap .dot_list li {font-size: 16px; }
    .dot_wrap .dot_list li::before { top:10px; width:5px; height:5px; }

    .s3_con .img_list { flex-wrap: wrap; }
    .s3_con .img_list > div { width:100%; text-align: center; }
    .s3_con .img_list > div + div { margin:20px 0 0; }


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

    /* common */
    #bus2 > div { padding:60px 0; }
    #bus2 > div:first-of-type { padding-top: 0; }
    #bus2 > div:last-of-type { padding-bottom: 80px; }

    .sub_tit { font-size: 23px; }
    .sub_tit + p { font-size: 16px; line-height: 29px; }
    .sub_p { font-size: 15px; }
    .bar_tit { font-size: 20px; margin: 0 auto 30px; }


    /* bus2 */
    #bus2 .sub_tit { padding:0 0 30px; margin:0 0 30px; }

    .tit_box { margin:0 0 30px; }
    .tit_box li { flex-direction: column; }
    .tit_box li strong { font-size: 17px; }
    .tit_box li p { width:100%; top: 0; margin:10px 0 0; }

    .colbox_list { flex-wrap: wrap; }
    .colbox_list li { width: calc(50% - 5px); padding:35px 15px; }
    .colbox_list li:nth-child(n+3) { margin-top: 20px; }
    .colbox_list li .icon img { width:90px; }
    .colbox_list li .num { margin: 25px 0 15px; font-size: 14px; }
    .colbox_list li h3 { font-size: 18px; }

    .colbox_list li:nth-child(4n - 1) { border-top-color: #b1cd4a; }
    .colbox_list li:nth-child(4n - 1) .num { color: #b1cd4a; }
    .colbox_list li:nth-child(4n) { border-top-color:#0c4fe2; }
    .colbox_list li:nth-child(4n) .num { color: #0c4fe2; }


    .dot_wrap { flex-wrap: wrap; padding:40px 0; }
    .dot_wrap br { display: none; }
    .dot_wrap h3 { width:100%; font-size: 18px; }
    .dot_wrap .dot_list { width: 100%; margin:15px 0 0; }
    .dot_wrap .dot_list li { padding-left: 13px; margin:0 0 10px; font-size: 15px; }
    .dot_wrap .dot_list li::before { width:4px; height:4px; }





}