/*
*******************************************************************************************************
# /index.css
*******************************************************************************************************
*/


/*------------------------------------
	Override
------------------------------------*/
/* header */
.wrp-menu {
	height: 127px;
	border-bottom: none;
}

/* footer */
.wrp-footer {
	position: relative;
	background: none;
}

.wrp-footer .log-area a {
	display: inline-block;
	color: #111111;
}

.wrp-footer .log-area a:hover {
	opacity: 0.6;
}

.wrp-footer .log-area a > p {
	display: inline-block;
}

.wrp-footer .log-area {
	position: absolute;
	left: 0;
	top: 27px;
}
.wrp-footer .log-area .img-logo {
	position: static;
	margin-right: 10px;
	width: 103px;
}

.wrp-footer .log-area .img-logo img {
	width: 100%;
	height: auto;
}

.wrp-footer .log-area .text-logo {
	position: relative;
	top: 1px;
	font-size: 14px;
}

.wrp-box-copyright .box-inner {
	max-width: 1208px;
}



/*------------------------------------
	contents
------------------------------------*/
.wrp-contents {
	margin-bottom: 80px
}

.list-area {
	*zoom: 1;
	margin-bottom: 20px;
}
.list-area:before, .list-area:after {
	content: "";
	display: table;
}
.list-area:after {
	clear: both;
}

.list-area .box {
	margin-bottom: 30px;
}
.list-area .top-block {
	float: left;
	width: 75%;
	*zoom: 1;
}
.list-area .top-block:before, .list-area .top-block:after {
	content: "";
	display: table;
}
.list-area .top-block:after {
	clear: both;
}
.list-area .top-block .box {
	width: 33.3333%;
}
.list-area .box {
	float: left;
	width: 25%;
}
.list-area .box > * {
	margin: 0 5%;
}
.list-area .text + ul,
.list-area ul + ul {
	margin-top: 20px !important;
}
.list-area .box .sttl-areaname {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 1.4;
}
.list-area .box .text {
	margin-bottom: 30px;
	font-size: 14px;
}
.list-area .box ul + .sttl-areaname {
	margin-top: 50px;
}
@media screen and (max-width: 1200px) {
	.list-area .top-block {
		float: none;
		width: 100%;
		margin-bottom: 35px;
	}
	.list-area .box {
	float: left;
	width: 50%;
	}
	.list-area .top-block .box {
	width: 50%;
	}
}

.list-area a {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    display : table-cell;
}

/*------------------------------------
	parts
------------------------------------*/
.ttl-page {
	margin-bottom: 27px;
	color: #7F8894;
	font-family: 'Noto Sans';
	font-size: 33px;
	text-align: center;
	line-height: 1;
}

.box-map {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.box-map .img-map img {
	display: block;
	width: 100%;
}
.box-map .img-map img.img-hover {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.box-map .list-area .sttl-areaname {
	position: relative;
	padding-left: 24px;
}
.box-map .list-area .sttl-areaname:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 40px;
	border: solid 5px #0090d7;
}

.box-map .list-area .area-america {
	position: absolute;
	left: 11%;
	top: 235px;
}
.box-map .list-area .area-europe {
	position: absolute;
	left: 35%;
	top: 235px;
}
.box-map .list-area .area-china {
	position: absolute;
	left: 67%;
	top: 235px;
}
.box-map .list-area .area-china > .sttl-areaname {
	padding-right: 24px;
	padding-left: 0;
}
.box-map .list-area .area-china > .sttl-areaname:before {
	left: auto;
	right: 0;
}
.box-map .list-area .area-asia {
	position: absolute;
	left: 80%;
	top: 235px;
}

.box-map .list-area .area-india {
	position: absolute;
	left: 53%;
	top: 235px;
}

.box-map .tooltip {
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 0 15px 10px;
}
.box-map .tooltip .list-link {
	margin-left: 0px;
}

.box-map .area-america .tooltip {
	width: 300px;
}
.box-map .area-europe .tooltip {
	width: 200px;
}
.box-map .area-china .tooltip {
	width: 160px;
}
.box-map .area-asia .tooltip {
	width: 160px;
}
.box-map .area-india .tooltip {
	width: 160px;
}


/* svg map */
.box-map .svg-area {
	position: absolute;
	left: 0;
	top: 0;
}
.box-map .svg-area svg {
	width: 1100px;
}
.box-map .svg-area svg polygon,
.box-map .svg-area svg path {
	fill: #ccc;
	stroke: #000;
	opacity: 0;
}


/* .box-offices */
.box-offices {
	*zoom: 1;
	margin: 0 50px;
}

.box-offices:before, .box-offices:after {
	content: "";
	display: table;
}

.box-offices:after {
	clear: both;
}

.list-offices {
	float: left;
	width: 50%;
	margin-bottom: 50px;
	*zoom: 1;
}

.list-offices:before, .list-offices:after {
	content: "";
	display: table;
}

.list-offices:after {
	clear: both;
}

.list-offices a {
	display: inline-block;
}

.list-offices:nth-child(2n-1) > * {
	margin-right: 28px;
}

.list-offices:nth-child(2n) > * {
	margin-left: 28px;
}

.list-offices dt {
	margin-bottom: 30px;
	padding-top: 25px;
	border-top: solid 1px #dddddd;
	font-size: 21px;
}

.list-offices dd {
	margin-bottom: 45px;
}

.list-offices dd .sttl-offices {
	font-weight: bold;
}

.list-offices dd .text-english {
	margin-top: 20px;
	padding-left: 20px;
	border-left: solid 1px #111111;
	font-size: 13px;
}

.list-offices.area-japan {
	float: none;
	width: 100%;
}

.list-offices.area-japan > * {
	margin-left: 0;
}

.list-offices.area-japan dd {
	width: 50%;
	float: left;
}

.list-offices.area-japan dd:nth-child(2n) > * {
	margin-right: 28px;
}

.list-offices.area-japan dd:nth-child(2n+1) > * {
	margin-left: 28px;
}


@media screen and (max-width: 1200px) {
	.box-map {
		width: 920px;
	}

	.box-map .svg-area svg {
		width: 920px;
		height: 501.81px;
	}


	.list-offices:nth-child(2n-1) > * {
		margin-right: 18px;
	}

	.list-offices:nth-child(2n) > * {
		margin-left: 18px;
	}

	.list-offices.area-japan > * {
		margin-left: 0;
	}

	.list-offices.area-japan dd:nth-child(2n) > * {
		margin-right: 18px;
	}

	.list-offices.area-japan dd:nth-child(2n+1) > * {
		margin-left: 18px;
	}
}