@charset "utf-8";
.contents_wrap { width: 1000px; max-width: 90%; margin: 0 auto;  }

.logo { background: url(../img/logo.png) no-repeat center center; background-size: 100% 100%; text-indent: 100%; overflow: hidden; white-space: nowrap; }

header { padding: 1rem 0; }
header .logo { width: 80px; height: 80px; margin: 0 auto; }

.page-title { color: #045AA3; font-size: 2.3rem; font-family: 'Roboto', sans-serif; text-align: center; line-height: 100%;  margin: 2rem auto 1.5rem; }

@media screen and (max-width: 640px) {
	header .logo { width: 50px; height: 50px; }
}
.map { width: 100%; margin-bottom: 2rem; position: relative; }
.map .map-img { width: 100%; }
.map .mappin { position: absolute; margin: auto; display: block; width: 1.5rem; height: 2rem; background: url(../img/mappin.svg) no-repeat center center; background-size: 100% 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; -ms-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); z-index: 2; }
.map .mappin.japan { left: 47%; top: 48%; }
.map .mappin.usa   { left: 74%; top: 46%; }
.map .mappin.mainland-china   { left: 40.1%; top: 51.5%; }
.map .mappin.taiwan { left: 43%; top: 54%; }
.map .mappin.korea { left: 44%; top: 48%; }

.global-link li { width: 16%; display: inline-block; margin-right: 3%; margin-bottom: 1rem; }
.global-link li a { font-family:'Roboto', sans-serif; font-size: 1.2rem; display: block; padding: 1rem 8px 2rem 0; border-bottom: 2px solid #00468C; position: relative; }
.global-link li a:after { content: ''; width: .5rem; height: .5rem; border-top: 3px solid #CCC; border-right: 3px solid #CCC; position: absolute; top: 1.2rem; right: 0; margin: auto; display: block; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);  }
.global-link li:nth-child(3) { width: 24%; }
.global-link li:last-child { margin-right: 0; }

@media screen and (max-width: 640px) {
	.global-link li, .global-link li:nth-child(3) { width: 100%; margin-right: 0; }
	.global-link li a { padding: 1rem 0; }
	.map .mappin { width: .8rem; height: 1rem; }
}


footer { text-align: center; padding: 50px 0 20px; margin-top: 200px; position: relative; }
footer .logo { width:  56px; height :56px; margin: 0 auto 1.5rem; }
.pagetop { width: 80px; height: 80px; background:#85D6FF; border-radius: 40px;  display: block; position: absolute; top: 0; right: 5%; margin: auto; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.pagetop:before,
.pagetop:after { content: ''; width: 40%; height: 2px; background: #FFF; display: block; position: absolute; top: 50%; margin: auto; }
.pagetop:before { right: 47%; -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg);9}
.pagetop:after { left: 47%; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
.copyright { font-size: .7rem; font-family:'Roboto', sans-serif; }

@media screen and (max-width: 640px) {
	footer { margin-top: 100px; }
	.pagetop { width: 50px; height: 50px;}
}