/*===============================================
 *	Intro
===============================================*/
.intro h2{font-size:34px;font-weight: bold;}
.intro .row{gap: 4vw;}
.intro img{max-width: 510px;width: 100%;}
.intro p{margin-bottom: 20px;font-size: 17px;line-height: 1.7;}
.intro .name{max-width: 234px;margin-left: auto;}

@media only screen and (max-width: 1024px) {
    .intro img{width: 45%;}
}
@media only screen and (max-width: 960px) {
    
}
@media only screen and (max-width: 568px) {
    .intro h2{font-size:24px;}
    .intro .row{flex-direction: column;}
    .intro img{width: 100%;}
    .intro p{font-size: 15px;}
    .intro .name{max-width: 150px;}
    
}

/*===============================================
 *	Company-content
===============================================*/
.company-table{border-collapse: separate;width: 100%;margin-bottom: 50px;border-bottom: 1px solid #ccc;}
.company-table th{background: #6aafca;color: #fff;font-size: 20px;font-weight: bold;text-align: center;width: 20%;border-top:1px solid #ccc;border-left:1px solid #ccc ;padding: 17px 0 20px;}
.company-table td{border-top:1px solid #ccc;border-left:1px solid #ccc ;border-right:1px solid #ccc ;padding: 17px 30px 20px ;font-size: 17px;}
.company-table iframe{display: block; width: 100%;margin-top: 20px;height: 250px;}
.company-table td ul li{padding-left: 25px;position: relative;margin-bottom: 5px;}
.company-table td ul li::before{content: '◆';position: absolute;left: 0;top:2px;color: var(--site-primary);font-size: 15px;}
@media only screen and (max-width: 1024px) {


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

}
@media only screen and (max-width: 568px) {
    .company-table{margin-bottom: 20px;}
    .company-table th{font-size: 17px;display: block;width: 100%;padding: 9px 0 11px;}
    .company-table td{display: block;padding: 10px 10px 12px; font-size: 15px;}

}