@charset "utf-8";

#company {display: flex; align-items: flex-start;}
.company-l {margin-right: 80px; padding-top: 18px;}
.company-r {width: 100%;}
.company-r .company-top {}
.company-r .company-top .tit {font-size: 1.75em; color: var(--color-blue);}
.company-r .company-top .txt {font-size: 1.25em; font-weight: 700; margin-top: 10px;}
.company-r .company-cont {margin-top: 60px;}
.company-r .company-cont ul {}
.company-r .company-cont ul li {display: flex; align-items: center; padding: 45px 26px; border-top: 1px solid #E4E4E4;}
.company-r .company-cont ul li:last-child {border-bottom: 1px solid #E4E4E4;}
.company-r .company-cont ul li.flex-s {align-items: flex-start;}
.company-r .cont-l {margin-right: 25px;}
.company-r .cont-r .tit {font-size: 1.5em; font-weight: 700; color: var(--color-blue);}
.company-r .cont-r .txt {font-size: 1.125em; font-weight: 300; line-height: 1.5; margin-top: 8px;}



@media (max-width: 1280px) {
    #company {flex-direction: column;}
    .company-r .company-top {margin-top: 50px;}
    .company-r .company-cont {margin-top: 50px;}
}

@media (max-width: 768px) {
    .company-l {max-width: 196px;}
    .company-r .company-top {margin-top: 30px;}
    .company-r .company-cont {margin-top: 40px;}
    .company-r .company-top .tit {font-size: 1.5em;}
    .company-r .company-top .txt {font-size: 0.875em; line-height: 1.5;}
    .company-r .company-cont ul li {padding: 32px 0;}
    .company-r .cont-l {margin-right: 20px;}
    .company-r .cont-r .tit {font-size: 1.25em;}
    .company-r .cont-r .txt {font-size: 1em; margin-top: 6px;}
}