.globalmap{background-image:url(/company/group/images/worldmap.jpg);background-repeat:no-repeat;background-size:cover;height:430px}
.globalmaptitle{text-align:center;font-size:30px;font-size:3.0rem;font-weight:bold;color:#888;padding:40px 0}
.globalcirclelink{margin:10px auto}
.globalcirclelink ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.globalcirclelink ul li{margin:0 10px}
.globalcirclelink ul li a.circlebtn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;border-radius:100%;background-color:rgba(100,100,100,0.7);font-weight:bold;color:#fff;font-size:19px;line-height:1.3;width:180px;height:180px;text-decoration:none}
.globalcirclelink ul li a.circlebtn.europe{background-color:rgba(166,198,166,0.8)}
.globalcirclelink ul li a.circlebtn.nasia{background-color:rgba(187,149,155,0.8);-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}
.globalcirclelink ul li a.circlebtn.america{background-color:rgba(186,160,202,0.8)}
.globalcirclelink ul li a.circlebtn.asean{background-color:rgba(227,169,126,0.8)}
.globalcirclelink ul li a.circlebtn.domestic{background-color:rgba(148,190,229,0.8)}
.globalcirclelink ul li a.circlebtn:hover{opacity:0.7}
.globallinks{margin:20px auto;padding-top:80px}
.globallinks ul{text-align:center}
.globallinks ul li{display:inline-block;margin:0;vertical-align:middle}
.globallinks ul li a.gradationbtn{text-align:center;padding:15px 0 0 0;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;width:145px;display:block;line-height:1.3;font-size:16px;text-decoration:none;color:#fff;background:#ccc}
.globallinks ul li a.gradationbtn.europe{background:-webkit-gradient(linear, left top, left bottom, from(#8fab90), to(#a5c5a5));background:-webkit-linear-gradient(top, #8fab90 0%, #a5c5a5 100%);background:linear-gradient(to bottom, #8fab90 0%, #a5c5a5 100%)}
.globallinks ul li a.gradationbtn.nasia{background:-webkit-gradient(linear, left top, left bottom, from(#a28187), to(#b9949a));background:-webkit-linear-gradient(top, #a28187 0%, #b9949a 100%);background:linear-gradient(to bottom, #a28187 0%, #b9949a 100%);font-size:14px;padding:9px 0 0 0}
.globallinks ul li a.gradationbtn.america{background:-webkit-gradient(linear, left top, left bottom, from(#a08baf), to(#b89fc8));background:-webkit-linear-gradient(top, #a08baf 0%, #b89fc8 100%);background:linear-gradient(to bottom, #a08baf 0%, #b89fc8 100%)}
.globallinks ul li a.gradationbtn.asean{background:-webkit-gradient(linear, left top, left bottom, from(#c4936e), to(#e2a87d));background:-webkit-linear-gradient(top, #c4936e 0%, #e2a87d 100%);background:linear-gradient(to bottom, #c4936e 0%, #e2a87d 100%)}
.globallinks ul li a.gradationbtn.domestic{background:-webkit-gradient(linear, left top, left bottom, from(#7fa5c7), to(#93bde4));background:-webkit-linear-gradient(top, #7fa5c7 0%, #93bde4 100%);background:linear-gradient(to bottom, #7fa5c7 0%, #93bde4 100%)}
.globallinks ul li a.gradationbtn:hover{opacity:0.7}
section{padding-bottom:30px;border-bottom:thin dotted #ccc;margin-bottom:60px}
.companies{clear:both;margin-top:1.5em}
.companies::after{content:'';display:block;clear:both;overflow:hidden}
.companies>.ttl{margin-bottom:1.25em}
.company{clear:both;width:100%;padding-bottom:1.5em;border-spacing:0 5px;border-collapse:separate;font-size:13px;font-size:1.3rem;line-height:1.3;word-break:normal}
.company.office{width:97%;float:right}
.company caption{text-align:left;line-height:1.5;margin-bottom:0.5em}
.company th{width:7em;vertical-align:middle;padding:0.5em 0;border:1px solid #ccc;white-space:nowrap}
.company td{vertical-align:middle;padding:0.5em 1em;word-break:normal}
.company td .map{display:inline-block;margin-left:0.25em;padding:3px;font-size:12px;font-size:1.2rem;line-height:12px;color:#069;border:1px solid #069;border-radius:8px}
.company a{color:#069;word-break:break-all}
.map_content{margin:0.8em;font-size:14px;font-size:1.4rem;line-height:1.6}
.map_content p+p{padding-top:1em}.map_content p{font-weight:bold}
.map_content a{text-decoration:underline;font-weight:normal;font-size:12px;font-size:1.2rem}
h3.ttl2{padding:0;height:auto;border-left:3px solid #c01443;padding:8px;background-color:#eee;font-size:18px;font-size:1.8rem}
.companies .ttl3-3{padding:0px 6px 0px 0px;font-size:18px;font-size:1.8rem;color:#fff;background-color:#999;font-weight:bold;margin-bottom:10px;display:inline-block}
.companies .ttl3-3 span.groupicon{display:inline-block;border-right:2px solid #fff;padding:8px 15px;background-color:#bf1442;margin-right:6px}
.companies .ttl3-3.nogenre{padding:0}
.companies .ttl3-3.nogenre span.groupicon{margin-right:0}
.companiessection{padding:10px;background-color:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:none}
.companylist{font-size:13px;font-size:1.3rem}
.companylist dt{padding:5px;background-color:#ddd;display:inline-block;margin-bottom:5px}
.companylist dd{margin-bottom:10px;padding-bottom:10px;border-bottom:thin dotted #ccc}
.companylist dd ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.companylist dd ul li{width:45%}
.companylist dd ul li a{margin-right:5px;margin-bottom:5px;word-break:keep-all;display:block;position:relative;padding-left:10px}
.companylist dd ul li a:before{position:absolute;top:2px;left:0;margin:auto;width:0px;height:0px;content:'';border:4px solid transparent;border-left:4px solid #c01443;display:block}
@media only screen and (max-width: 979px){
  html:not([lang="zh"]) .company.office{float:none;width:100%}
  }
@media only screen and (max-width: 768px){
  html:not([lang="zh"]) .globalmap{height:224px}
  html:not([lang="zh"]) .globalmaptitle{margin-bottom:0 !important;padding-top:16px;padding-bottom:16px;font-size:1.4rem}
  html:not([lang="zh"]) .globalcirclelink ul li{margin:0 4px}
  html:not([lang="zh"]) .globalcirclelink ul li a.circlebtn{width:86px;height:86px;font-size:1rem}
  html:not([lang="zh"]) .globallinks{margin-top:30px;margin-bottom:0;padding-top:0}
  html:not([lang="zh"]) .globallinks ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-6px;margin-left:-6px}
  html:not([lang="zh"]) .globallinks ul li{display:block;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-right:6px;padding-left:6px}
  html:not([lang="zh"]) .globallinks ul li:nth-child(n+3){margin-top:12px}
  html:not([lang="zh"]) .globallinks ul li a.gradationbtn{width:100%}
  html:not([lang="zh"]) section{margin-bottom:0;padding-bottom:0;border-bottom:none}
  html:not([lang="zh"]) .companiessection{padding:0;background:none}
  html:not([lang="zh"]) .companylist dd ul{display:block}
  html:not([lang="zh"]) .companylist dd ul li{width:auto}
  html:not([lang="zh"]) .companylist dd ul li+li{margin-top:10px}
}