@charset "utf-8";
@import url("/pcms/dist/css/aos.css");

/* Overview su010401 */
.metro_facilities.type01 .inner .titbox strong{font-size:32px;}
.metro_facilities.type01 .inner .listbox .item span{font-size:18px;}

@media(max-width: 767px) {
    .metro_facilities.type01 .inner .titbox strong {font-size: 22px;}
}
/* Overview su010401 End */

/* user's Convenient Facilities su010401 */
.s010402 .table thead th,
.s010402 .table tbody th{word-break: break-all;}
/* user's Convenient Facilities su010401 End */

/* Overview and Characteristics sub03_02_01 */
.metro_surface .inner .info strong em{font-size:34px;}
.metro_surface .inner .info ul li{display: flex;align-items: center;height: 2.4em;}
.metro_surface .inner .info ul li em{min-width: 165px;font-size:15px;}

@media(max-width:500px){
    .metro_surface .inner .info strong em{font-size:24px;}
    .metro_surface .inner .info ul li{display: block;height:auto;}
}
/* Overview and Characteristics sub03_02_01 End */

/* Overview and Characteristics sub03_02_01 */
.metro_intro .section .summarybox .tit{max-width:450px;}
.metro_intro .section .summarybox .context{max-width:820px;}
/* Overview and Characteristics sub03_02_01 End */

/* Company Overview sub04_01 */
.metro_intro .section .objectivebox .objectiveinfo .listbox .item{width:100%;}
.metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(1){left: calc(50% - 540px);}
.metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(2){right: calc(50% - 520px);}

.orgbox .lv02 .item .sector{min-height: 105px;}

@media(max-width:900px){
    .metro_intro .section .objectivebox .tit{margin-bottom:30px;}
    .metro_intro .section .objectivebox .wave{display: none;}
    .metro_intro .section .objectivebox .objectiveinfo{width:100%;height:100%;border:0;}
    .metro_intro .section .objectivebox .objectiveinfo .titbox{margin:0 auto 50px;padding-top:35px;border: 15px solid #f6f6f6;width:380px;height:380px;background:#fff;border-radius:100%;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox{display: flex;flex-wrap: wrap;justify-content: space-between;gap:20px 0;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item{position:relative;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;padding:25px 20px !important;width:calc(33.33% - 10px);border: 1px solid #dbdbdb;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item::before{content:"";position:absolute;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item strong{display:block;color:#222;font-size:20px;line-height:1.2;letter-spacing:-0.02em;font-weight:bold;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item p{margin-top:12px;color:#222;font-size:15px;line-height:1.46;letter-spacing:-0.02em;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(1){text-align:left;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(1)::before{left:0;width:23px;height:5px;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(2)::before{width:23px;height:5px;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(3){transform:none;text-align:left;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item:nth-child(3)::before{left:0;}
}
@media(max-width:640px){
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item{width:calc(50% - 10px);}
}
@media(max-width:500px){
    .orgbox .lv02 .item .sector{min-height:auto;}
}
@media(max-width:450px){
    .metro_intro .section .objectivebox .objectiveinfo .titbox{width: 300px;height: 300px;padding:35px 20px 20px;}
    .metro_intro .section .objectivebox .objectiveinfo .listbox .item{width:100%;}
}
/* Company Overview sub04_01 End */

/* CEO Greetings sub04_02 */
.metro_ceo .ceo_intro .pic .signBox strong span{width:103px;height:18px;background:url(/images/eng/sub04/metro_sign.png) no-repeat;}

@media(max-width:599px){
    .metro_ceo{margin-top:60px;}
    .metro_ceo .ceo_intro .pic .signBox strong span{margin-left:5px;}
}
/* CEO Greetings sub04_02 End */

/* Investors sub04_03 */
.metro_investor{display: flex;flex-wrap: wrap;justify-content: space-between;gap:15px 0;margin:0 -7.5px;}
.metro_investor .item{width: calc(25% - 15px);margin:0 7.5px;border: 1px solid #DBDBDB;background: #fff;}
.metro_investor .item .logo{display: flex;flex-wrap: wrap;justify-content:center;align-items: center;padding:7.5px 10px;text-align: center;}
.metro_investor .item .tit{display:flex;justify-content:center;align-items:center;padding:9px 15px;background:#F7FAFD;min-height: 66px;text-align:center;}
.metro_investor .item .tit strong{color:#222;font-size:15px;line-height:1.6;letter-spacing:0;font-weight:bold;}

@media(max-width:890px){
    .metro_investor .item{width: calc(33.33% - 15px);}
}
@media(max-width:640px){
    .metro_investor .item{width: calc(50% - 15px);}
}
@media(max-width:450px){
    .metro_investor .item{width: calc(100% - 15px);}
}
/* Investors sub04_03 End */

/* CI sub04_04 */
.metro_colorCp{max-width: 850px;}
.metro_colorCp .titBox strong em{margin-bottom:0;}
/* CI sub04_04 End */

/* Sustain Development sub04_05 */
.location_conbox_type01 .cont_box .cont_txt .cont_info.color01 .tit{border-color:#094fa3;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color01 .tit,
.location_conbox_type01 .cont_box .cont_txt .cont_info.color01 .table tbody th{color:#094fa3;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color02 .tit{border-color:#0e9a0b;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color02 .tit,
.location_conbox_type01 .cont_box .cont_txt .cont_info.color02 .table tbody th{color:#0e9a0b;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color03 .tit{border-color:#e01010;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color03 .tit,
.location_conbox_type01 .cont_box .cont_txt .cont_info.color03 .table tbody th{color: #e01010;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color04 .tit{border-color:#de7212;}
.location_conbox_type01 .cont_box .cont_txt .cont_info.color04 .tit,
.location_conbox_type01 .cont_box .cont_txt .cont_info.color04 .table tbody th{color: #de7212;}
/* Sustain Development sub04_05 End */

/* Quality Management sub04_05_01 */
.metro_safetyManagement .inner .middle .related{right: calc(50% - 420px);font-size:14px;}

@media(max-width:940px){
    .metro_safetyManagement .inner .middle .related{position: relative;top: auto;right:auto;transform: none;margin-bottom: 5px;}
}
/* Quality Management sub04_05_01 End */

/* Environmental Management sub04_05_02 */
.metro_emintro .inner .tit strong{font-weight:bold;}
/* Environmental Management sub04_05_02 End */

/* CSR sub04_05_04 */
.metro_visionBox .vision_list .item strong{font-size:20px;}

@media(max-width:767px){
    .metro_visionBox .titbox strong br,
    .metro_visionBox .titbox p br{display:none;}
}
/* CSR sub04_05_04 End */