body.cn{font-family: var(--ff-forth);}

.wantedsans, .header-submenu, .header-lang-nav .lang-ls, .main-visual h1, .experience .grid li b, .lineup .right .slogan, .news div b, .banner h1, .title, .sub-title, .prod-info p, .prod-info h3{font-family: var(--ff-forth);}

.core .slogan{font-weight: 500; font-size: 32px; word-break: break-all; max-width: initial;}
.lineup .right .slogan{font-size: 40px;}
.functional .right li a span{padding-left: 20px;}
.footer .bottom ul .flex{gap: 15px; font-size: 15px;}
.footer .bottom ul li{font-size: 16px;}
.footer .tel div{font-size: 20px;}
#faq .banner.ver2 h1{text-align: left;}
.header-lang-nav .lang-ls{font-family: var(--ff-forth);}

#greeting {
    & .innovation {
        li .flex b{font-size: 22px;}
        li .flex p {
            min-height: initial;
            font-size: 15px;
        }
        .t--box{margin-top: -87px;}
        .blue-text{font-family: var(--ff-forth);}
    }
}

#about{
    .c--list span, .c--list .about--t{font-family: var(--ff-forth);}
}

#history{
    .history-left{
        .period-subtitle{font-family: var(--ff-forth);}
    }
}

#news{
    .cert-item .category{font-family: var(--ff-forth);}
}

#location{
    .l--title{font-family: var(--ff-forth);}
}

#lineup{
    li span{font-family: var(--ff-forth);}
}

#qa{
    .right>div:first-child p{
        text-indent: -66px;
        padding-left: 66px;
    }
}

#core{
    .why h2, .business b, .ability b, .ability strong{font-family: var(--ff-forth);}
}

#facility{
    .product-slider .slide-image .num{font-family: var(--ff-forth);}
}

#cert{
    .cert-item .cont .tit{word-break: break-all;}
}

@media screen and (max-width: 1399px){
    .core .slogan{word-break: break-all; max-width: 300px; font-size: 30px;}
    .lineup .right .slogan{font-size: 34px;}
    #core .business ul li:nth-child(3){padding-inline: 60px 0;}
  .sitemap-gnb-item .trigger {font-family: var(--sub-forth);}
}

@media screen and (max-width: 767px){
    .core .slogan{font-size: 26px; max-width: initial;}
    .lineup .right .slogan{font-size: 24px;}
    .banner p{word-break: break-all;}
    .functional .right li a span{padding-left: 0px;}
    .footer .bottom ul li{font-size: 14px; padding-left: 70px; text-indent: -70px;}
    .footer .tel div{font-size: 16px;}
    
    #greeting {
        & .cont{
            p{font-size: 14px;}
        }

        & .innovation {
            .t--box{margin-top: 0px;}
            li .flex b{white-space: wrap;}
        }
    }

    #history{
        .timeline-event{
            max-width: 100%;
            word-break: break-all;
        }
    }

    #qa{
        .grid{grid-template-columns: 1fr;}
    }

    #product{
        .p-sub-visual p{font-size: 13px;}
        .prod-intro p{word-break: break-all;}
    }
    
    #core{
        .c--visual img:not(.circle){content: url(../images/core/c-visual-cn.png);}
        .business ul li:nth-child(3){padding-inline: 0;}
    }

    #faq .banner.ver2 h1{text-align: center;}
}

@media screen and (max-width: 550px) {
    #product{
        .c--info1{content: url(../images/product/mbass-info1-cn-mo.png);}
        .c--info2{content: url(../images/product/orove-info2-cn-mo.png);}
        .c--info3{content: url(../images/product/orove-info3-cn-mo.png);}
        .c--info5{content: url(../images/product/orgeul-info1-cn-mo.png);}
        .c--info6{content: url(../images/product/orgeul-info2-cn-mo.png);}
        .c--info7{content: url(../images/product/orgeul-info3-cn-mo.png);}
        .c--info8{content: url(../images/product/daily-info1-cn-mo.png);}
        .c--info9{content: url(../images/product/emt-info1-cn-mo.png);}
        .c--info10{content: url(../images/product/atom-info1-cn-mo.png);}
        .c--info11{content: url(../images/product/bio-info1-cn-mo.png);}
        .c--info12{content: url(../images/product/bidam-info1-cn-mo.png);}
    }
}