/* lnb */
#lnb{ flex-wrap: wrap; }


/* common */
.page-title h3{ font-family: var(--engFont); }

@media screen and (max-width: 900px){
	.page-title h3{ font-size: 3rem; }
}


/* ABOUT US - Business Strategy */
#strategy .gradient h6{ padding: 0 20px; }
#strategy .gradient h6::before{ transform: translate(-100%, -50%); }
#strategy .gradient h6::after{ transform: translate(100%, -50%); }

@media screen and (max-width: 1400px){
	#strategy br{ display: none; }
}

@media screen and (max-width: 1280px){
    #strategy .gradient h6{  font-size: 2.2rem; }
}

@media screen and (max-width: 1000px) {
	#strategy .gradient h6{ padding: 0 40px; }
	#strategy .gradient h6::before, #strategy .gradient h6::after{ transform: translateY(-50%); }
}

@media screen and (max-width: 900px){
	#strategy .gradient h6{  font-size: 2rem; }
}


/* ABOUT US - Location */
#location ul li{ width: calc(65% / 3); }
#location ul li:nth-of-type(1){ width: 35%; }

@media screen and (max-width: 1450px){
	#location ul li{ width: calc(100% / 2); }
	#location ul li:nth-of-type(1){ width: calc(100% / 2); }
}

@media screen and (max-width: 1000px){
	#location ul li{ width: 100%; }
	#location ul li:nth-of-type(1){ width: 100%; }
}


/* BUSINESS - Cold Chain - Business Introduction */
#business .process .item{ max-width: calc((100% - 174px) / 3); width: 225px; }
#business .process .item:not(:first-of-type){ margin-left: 58px; }
#business .process .item::after{ left: -30px; }

@media screen and (max-width: 920px){
	#business .process .item{ width: 100%; }
}

@media screen and (max-width: 700px){
	#business .process .item{ max-width: 100%; width: calc((100% - 80px) / 2); }
	#business .process .item:not(:first-of-type){ margin-left: 40px; }
	#business .process .item::after{ left: -20px; }
}


/* ESG - Sustainability Management - CEO ESG Message */
@media screen and (max-width: 900px){
	#message br{ display: none; }
}


/* ESG - EHS Management - Safety & Health */
#safety .bg-motion .aos-animate .img{ height: calc(100% + (var(--top) * 3) + var(--bottom)); }

@media screen and (max-width: 650px){
	#safety .bg-motion br{ display: none; }
}


/* ESG - Talent Management - Welfare */
#welfare .dot-list{ grid-template-columns: repeat(2, 1fr); }

@media screen and (max-width: 850px){
	#welfare .dot-list{ grid-template-columns: repeat(1, 1fr); }
}


/* ESG - Governance Structure  */
@media screen and (max-width: 560px){
	#governance .sticky-tab ul{ grid-template-columns: repeat(2, 1fr); }
}


/* ESG - Governance Structure - Shareholders */
#governance.stockholder sup{ font-size: 1.4rem; }
#governance.stockholder .sec03 table{ min-width: 750px; }


/* ESG - Governance Structure - Board of Directors */
#governance.directors .flex-layout .table-box colgroup col.large{ width: 165%; }

@media screen and (max-width: 1500px){
	#governance.directors .flex-layout .table-box colgroup col.large{ width: 100%; }
}

@media screen and (max-width: 900px){
	#governance.directors .sec-title{ flex-direction: column; align-items: flex-start; }
}


/* ESG - Governance Structure - Others */
#governance.others .difference .title-box{ flex-direction: column; align-items: flex-start; }

@media screen and (max-width: 600px){
	#governance.others .rating ul{ flex-direction: column; }
	#governance.others .rating ul li::after{ display: none; }
}