/*.usefulForms{padding: 104px 0px 115px; background-color: #f1f1f1;}*/
.usefulForms{padding: 24px 0px 115px; background-color: #f1f1f1;}
.usefulForms h3{ text-align: center; font-size: 80px; line-height: 80px; padding-bottom: 20px;}

.usefulForms_all{padding-top: 65px;}
.usefulForms_all a{background-color: #1e2b51; color: #fbb903; font-weight: 700; font-size: 36px; line-height: 36px; margin: 0px auto; display: flex; align-items: center; justify-content: center; text-align: center; width: 424px; height: 63px;}
.usefulForms_all a:hover, .usefulForms_all a:focus{background-color: #fbb903; color: #1e2b51;}

.usefulForms_list{padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.usefulForms_list li{width: calc(50% - 7.5px); margin-top: 15px;}
.usefulForms_list li a{position: relative; display: flex; align-items: center; justify-content: space-between; height: 90px; background-color: #fbb903; padding: 0px 85px 0px 25px;}
.usefulForms_list li a:before{content: '\e927'; font-family: 'icomoon' !important; color: white; font-size: 40px; position: absolute; right: 25px; top: 50%; transform: translate(0, -50%);}
.usefulForms_list li a strong{font-size: 24px; line-height: 26px; padding-left: 14px;}
.usefulForms_list li a > span{display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 18px;}
.usefulForms_list li a > span i{font-size: 28px; margin-bottom: 4px;}
.usefulForms_list li a B{font-weight: 400; font-size: 18px; position: relative; padding-left: 24px; white-space: nowrap;}
.usefulForms_list li a B:after{content: '\e900';font-family: 'icomoon' !important; font-size: 24px; position: absolute; left: 0; top: -3px; transform: rotate(180deg);}
.usefulForms_list li a B span{display: inline;}

.usefulForms_note{font-weight: 500; font-size: 24px; text-align: center; padding-bottom: 16px;}
.usefulForms_note a{display: flex; width: 220px; height: 54px; margin: 24px auto 0px; align-items: center; justify-content: center; text-decoration: none; border: 1px solid #fbb903;}
.usefulForms_note a:hover{background-color: #fbb903;}

@media screen and (max-width: 1400px) {
    .usefulForms{padding: 36px 0px 30px;}
    .usefulForms h3{font-size: 64px; line-height: 64px; padding-bottom: 18px;}
    .usefulForms_all{padding-top: 42px;}
    
    .usefulForms_list li a strong{font-size: 21px; line-height: 24px; padding-left: 15px;}
    .usefulForms_list li a B{font-size: 16px;}
    .usefulForms_note{font-size: 21px;}
}

@media screen and (max-width: 1024px) {
    .usefulForms h3{font-size: 54px; line-height: 54px;}
    .usefulForms_all a{font-size: 24px; line-height: 24px; width: 300px; height: 54px;}
    
    .usefulForms_list{display: block;}
    .usefulForms_list li{width: auto;}
    .usefulForms_list li a{height: 80px; padding: 0px 65px 0px 15px;}
    .usefulForms_list li a:before{font-size: 32px; right: 15px;}

    .usefulForms_list li a > span{font-size: 16px;}
    .usefulForms_list li a > span i{font-size: 24px;}

    .usefulForms_note{ font-size: 18px; padding-bottom: 16px;}
    .usefulForms_note a{height: 42px; margin: 24px auto 0px;}
}

@media screen and (max-width: 768px) {
    .usefulForms h3{font-size: 48px; line-height: 44px;}
    .usefulForms_list li a{height: 80px; padding: 0px 65px 0px 0px;}
    .usefulForms_list li a strong{font-size: 18px; line-height: 20px; padding-left: 15px;}
    .usefulForms_list li a > span{min-width: 80px; height: 80px; border-right: 1px solid #f1f1f1;}
    .usefulForms_list li a B{display: flex; align-items: center; justify-content: center; text-align: center; min-width: 80px; max-width: 80px; height: 80px; border-right: 1px solid #f1f1f1; white-space: normal; padding: 0;}
    .usefulForms_list li a B:after{display: none;}
    .usefulForms_list li a B span:after{display: inline-block; content: '\e900'; font-family: 'icomoon' !important; font-size: 8px; transform: rotate(180deg); margin-right: 4px;}

    .usefulForms_note{font-size: 18px; line-height: 20px;}
}

@media screen and (max-width: 600px) {
    .usefulForms h3{font-size: 40px; line-height: 44px;}
}

@media screen and (max-width: 480px) {
    .usefulForms h3{font-size: 40px; line-height: 44px; letter-spacing: -0.5px}
    .usefulForms_all a{font-size: 18px; width: 224px; height: 42px;}
}

@media screen and (max-width: 432px) {
    .usefulForms h3{font-size: 30px; line-height: 36px;}
    
    .usefulForms_note{margin: 0px auto; max-width: 250px;}
}