﻿.contactlist{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;max-width:1200px;margin:0 auto}
.contactlist li{width:32%;list-style:none;display:flex;align-items:center}
.contactlist li .icon{margin-right:10px}
.contactlist li .icon em{font-size:var(--fontsize40);color:var(--color)}
.contactlist li .info{flex:1}
.contactlist li .info .p1{font-weight:600;font-size:14px;color:silver}
.contactlist li .info .p2{font-weight:600;font-size:var(--fontsize26);color:#8d8d8d;line-height:1.4}
.contactlist li .info .p2 a{color:#8d8d8d}
.contactbox{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}
.contactbox>div{padding:5% 0;width:50%;z-index:1}
.contactbox .contactimg{color:#FFFFFF;padding-right:10%}
.contactbox .contactimg::before{content:"";position:absolute;top:0;right:50%;width:960px;height:100%;background-color:#0b1b2b;z-index:-1}
.contactbox .contactimg .p1{font-weight:600;font-size:14px}
.contactbox .contactimg .p2{font-weight:600;font-size:var(--fontsize40);position:relative;line-height:1.4;padding-bottom:20px;margin-bottom:20px}
.contactbox .contactimg .p2::after{content:"";position:absolute;bottom:0;left:0;width:66px;height:1px;background:#f8f9fb}
.contactbox .contactimg .p2 span{color:var(--color)}
.contactbox .contactimg .list{margin-top:3em}
.contactbox .contactimg .list li{list-style:none;margin-bottom:20px;display:flex;align-items:flex-start}
.contactbox .contactimg .list li em{font-size:var(--fontsize26);color:var(--color);line-height:1.2;width:35px}
.contactbox .contactimg .list li p{flex:1}
.contactbox .contactimg .list li p a{color:#FFFFFF}
.contactbox .contactfeedback{padding-left:30px}
.contactbox .contactfeedback::before{content:"";position:absolute;top:0;left:50%;width:960px;height:100%;background-color:#f3f3f3;z-index:-1}

.contact-map{margin-top:3%}
.contact-map iframe{width:100%}