.header .logo{max-width: 173px;}
.subpage .header .logo{content: url(../images/common/logo-en.png);}
.header:has(.header-gnb-item:hover) .logo img{content: url(../images/common/logo-en.png);}
.subpage .header.prod-header .logo{content: url(../images/common/logo-en-white.png);}
.fp-viewing-section3 .header .logo, .fp-viewing-section5 .header .logo, .fp-viewing-section6 .header .logo{content: url(../images/common/logo-en.png);}

.tbt{display: none;}
.banner p{line-height: 1.5;}

.core .slogan{font-size: 34px;}
.core .bg_elem .col b{font-size: 24px;}
.lineup .right li a{align-items: center; gap: 20px;}
.functional .right li a p{min-width: 110px;}
.lineup .right li a div{min-width: 40px;}

.footer .bottom ul li{font-size: 16px;}

/* company */
#greeting {
    & .innovation {
        .t--box{margin-top: -101px;}
        li .flex b{font-size: 28px; white-space: nowrap;}
        li .flex p{min-height: 42px;}
    }
}

#about{
    .c--list p{
        min-height: 96px;
        line-height: 1.5;
    }
}

#history{
    .timeline-event span::before{top: 12px; transform: initial;}
    .timeline-event:not(:has(span))::before{top: 0; transform: initial; top: 14px;}

    .sub-title + p{line-height: 1.5;}
}

#product{
    .p-sub-visual p{max-width: 750px;}
    .prod-intro h2{font-size: 24px;}

    .prod-info ul li{flex-direction: column; gap: 4px; text-indent: -80px; padding-left: 80px;}
    .prod-info ul li.no{padding-left: 0; text-indent: 0;}

    .prod-info ul li div span.sm{padding-left: 0;}
}

#inquiry{
    .dd-form-table tbody tr th .label{text-align: left; gap: 3px; align-items: flex-start;}
}

#core{
    .why h2{font-size: 40px;}
    .why ul li p{font-size: 15px;}
    .ability p{font-size: 24px; height: initial;}
    .ability .blue-text{font-size: 24px;}
}

#facility{
    .product-slider .slide-text p{font-size: 14px;}
    .product-slider .slide-text p{height: 63px;}
}

#qa{
    .grid li div:not(.flex){font-size: 20px;}
    .right .blue-text{font-size: 20px;}
    .right>div:first-child p{font-size: 14px;}
}

@media screen and (max-width: 1440px){
    .header .logo{content: url(../images/common/logo-en.png);}
    .tbt{display: block;}

    .core .slogan{font-size: 26px;}
    .core .bg_elem .col b{font-size: 14px;}
    .core .bg_elem .col p{font-size: 12px;}
    .lineup .right li a p{font-size: 16px; padding-inline: 10px;}

    /*  */
    #greeting {
        h3 span{display: block;}
    }
    #about{
        .c--list p{
            min-height: initial;
        }
    }
    #qa{
        .grid ul li{font-size: 14px;}
        .right .blue-text{font-size: 18px; line-height: 1.3;}
        .right .flex>div{flex: 1;}
    }
}

@media screen and (max-width: 767px){
    .tbt{display: none;}
    .lineup .right li a span{text-align: center;}
    .footer .bottom ul li{font-size: 14px; text-indent: -77px; padding-left: 77px;}
    .footer .bottom .copyright{text-indent: 0; padding-left: 0;}

    /*  */
    #greeting {
        & .innovation {
            .t--box{margin-top: 0px;}
            li .flex b{font-size: 28px; white-space: nowrap;}
            li .flex p{min-height: 42px;}
        }
    }

    #history{
        .timeline-event span::before{top: 9px;}
        .timeline-event:not(:has(span))::before{top: 9px;}
    }

    #product{
        .p--visual li::before{top: 7px; transform: initial;}
        .prod-info ul li{text-indent: -72px; padding-left: 72px;}

        .prod-info ul li div span.sm{padding-left: 0; text-indent: 0; margin-left: -72px;}
    }

    #core{
        .ability li span{flex-direction: column;}
        .ability p{font-size: 20px;}
        .ability .blue-text{font-size: 20px;}
    }

    #qa{
        .grid li div:not(.flex){font-size: 18px; line-height: 1.3; height: 85px; text-align: center; display: flex; align-items: center; justify-content: center;}
        .right .flex p{text-indent: -47px; padding-left: 47px;}
        .qa-table ul li{font-size: 14px;}
    }
}

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

    #core{
        .c--visual img:not(.circle){content: url(../images/core/c-visual-en.png);}
    }
}