/*
*******************************************************************************************************
# /en/select_region/css/index.css
*******************************************************************************************************
*/

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

.list-area {
	*zoom: 1;
	margin-bottom: 50px;
	margin-top: 20px;
}
.list-area:before, .list-area:after {
	content: "";
	display: table;
}
.list-area:after {
	clear: both;
}
.list-area .top-block {
	float: left;
	*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%;
	min-height: 300px;
}
.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-top: 20px;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 1.4;
	padding-top: 10px;
}
.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
------------------------------------*/
.box-offices {
	*zoom: 1;
}

.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) {
	.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;
	}
}