@charset "UTF-8";

body{
	font-family: "Roboto";
}
.overlay-txt2{
	font-size:63px;
}
.inner .tit_wraps h3{
	font-size:4rem;
}
.main-title-group .summary{
	font-size:4rem;
}
.intro--banner_title p{
    line-height: 1.14;
}
@media (max-width: 1000px){
	.intro--banner_title p{
		font-size:4rem;
	}
}
.business-render .txt-group{
	gap:10px 0;
}
.business-render .txt{
	font-size:16px;
}
.esg__important .desc .txt{
	position:relative;
	z-index:2;
}
.header .brand{
	background-image:url(../images/common/logo-white-en2.png);
	background-size: 100% auto;
	width: 220px;
}
@media (max-width: 1440px){
	.header .brand{
		width: 136px;
	}
}
@media (max-width: 1440px) {
    .header:has(#btnMobile.active) .brand {
        transition: background 0.25s cubic-bezier(0.77, 0, 0.175, 1) 0.6s;
        background-image: url(../images/common/logo-white-en.png);
    }
}


.upto-header .brand, .open .brand, ._sub .brand, .up .brand{
	background-image:url(../images/common/logo-white-en.png);
}
.footer-logo{
	background-image:url(../images/common/logo-white-en2.png);
	background-size: 100% auto;
}
@media (max-width: 1000px){
	.footer-logo{
		width: 130px
	}
}

.business-render .txt ul li{
	font-size: 1.6rem;
}
.business-render .txt ul li:after{
	top: 10px;
}

.ci .ci__wrap .ci__item .Signature_down{
	width:auto;
	padding:0 8rem 0 4rem;
	background-position: right 5rem center;
}
.modal-more{
	width : auto;
	padding: 0 2rem;
	border-radius:4px;
	color:#fff;
	gap: 0 1rem;
	background-color: #000;
	height: 4.8rem;	
	display:inline-flex;
	    align-items: center;
    justify-content: center;
    text-transform:uppercase;
}

.esg__important .desc .txt span{
	display:block;
	position:relative;
	padding-left:15px;
	font-size:0.85em;
}
.esg__important .desc .txt span::after{
	content:"";
	position:absolute;
	display:inline-block;
	width:4px;height:4px;border-radius:50%;
	background-color:#666;
	left:0;
	top:13px;
}