@charset 'utf-8';

@media all and (max-width:479px){
    
    main section > div{width: 95%;min-width: 280px}

    .support-area{width: 95%;min-width: 300px}
    .support-area ul li{width: 50%}
    
}
@media all and (min-width:480px) and (max-width:767px) {

    main section > div{width: 480px}

    .support-area{width: 95%;min-width: 300px}
    .support-area ul li{width: 50%}

}
@media all and (min-width:768px) and (max-width:1279px){

    main section > div{width: 768px}
    
    .support-area{width: 95%}
    .support-area ul li{width: 50%}
    
}
@media all and (min-width:1280px){

    main section > div{width: 1280px}
    
    .support-area{width: 1280px}
    .support-area ul li{width: 20%}
    
}
.nav-subbox ul li:nth-child(1) {
    
    border-bottom: 4px solid #86a4c3
        
}

main section > div{margin: 0 auto}
main section:first-child h3{padding: 60px 0 0 0}
h3{padding: 20px 0 0 0;}
h4{font-size: 2em; font-weight: 700;color: #393a3a;margin: 40px 0 20px 0}
#support{border-top: none}
#support,#support-company{border-bottom: none;background: #fff;margin-bottom: 0;padding: 50px 0 0 0}
#support h3{margin: 0;padding: 0 0 30px 0}
#support h3,#support-company h3{color: #222}

table{width: 100%;border-top:1px solid #ccc;border-bottom: 1px solid #ccc;font-size: 1.2em}
table thead{text-align: center}
table thead tr {background: #003668;margin: 10px 0}
table thead td{padding: 12px 0;color: #fff;font-weight: 800}

table tbody{text-align: center}
table tbody tr{border-bottom: 1px solid #ccc}
table tbody td{padding: 12px 0;font-weight: 600;vertical-align: middle}
table tbody td span{display: block;}

table tbody td:nth-child(2){
    border-left:1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: left;
    padding: 20px 10px;
    line-height: 24px;
}
table tbody td p span{display: block}
table tbody td:nth-child(3){text-align: left;width: 80%;margin: 0 auto;display: inline-block}

td strong{color: #003686;font-weight: 800}

td img{width: 30px;margin: 0 auto}

main section p, main section li{margin: 0 0 20px 0}
main section p span, main section li span{font-size: 18px;line-height: 26px;display: block;}

/*support*/
.support-area{margin: 0 auto}
.support-area ul{overflow: hidden;border-top:1px solid #ccc;border-bottom: 1px solid #ccc}
.support-area ul li{float: left;text-align: center;padding: 20px 0}
.support-area ul li .support-box span{width: 90%;margin: 0 auto;display: inline-block}
.support-area ul li .support-box span img{width: 100%}

#support-company .support-area{padding: 0 0 90px 0}

.border-box{border:1px solid #ccc;padding: 20px 30px 0 30px}
.border-box p span{line-height: 30px;letter-spacing: -.065em}