#section_message .message_wrap{position:relative;height:100%}
#section_message .message{margin-bottom:2em;line-height:2}
#section_message .name{position:absolute;left:0;bottom:0;width:100%;text-align:right}
.list_offices .office{padding-top:15px;padding-bottom:15px;border-top:1px solid #d7d8d9;border-bottom:1px solid #d7d8d9}
.list_offices .office .name{background-color:#f5f5f5;font-weight:700}
.list_offices .office+.office{border-top:none}
@media print,screen and (min-width:768px){.page_header{background-image:url(../img/bg_header.jpg)}
.list_offices .office{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.list_offices .office .name{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:1.25% 1.67%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:1.25em;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-basis:15%;-ms-flex-preferred-size:15%;flex-basis:15%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.list_offices .office dd{padding-right:1.67%;padding-left:1.67%}
.list_offices .office dd+dd{border-left:1px solid #d7d8d9}
.list_offices .office .tel{-webkit-flex-basis:21.67%;-ms-flex-preferred-size:21.67%;flex-basis:21.67%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.list_offices .office .text_info{-webkit-flex-basis:20%;-ms-flex-preferred-size:20%;flex-basis:20%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
}
@media only screen and (max-width:767.98px){.page_header{background-image:url(../img/bg_header_sp.jpg)}
.list_offices .office .name{margin-bottom:12px;padding:8px 10px;text-align:center}
.list_offices .office dd+dd{margin-top:12px}
}

/*----------------------
追加スタイル
------------------------*/
.page_header{
	background-position: 50% 70%;
}
.page_header .title{
	color: #FFF;
}
@media only screen and (max-width:767px){
	.page_header .title{
		text-align: left;
	}
}

.map-section .flex-container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media only screen and (max-width:767px){
	.map-section .flex-container{
		flex-flow: row wrap;
	}
}

.map-section .flex-container .flex-left{
	flex:  0 0 auto;
	width: 48%;
}
@media only screen and (max-width:767px){
	.map-section .flex-container .flex-left{
		width: 100%;
		order:  2;
	}
}

.map-section .flex-container .flex-left .map-container{
	width: 453px;
	max-width: 100%;
	margin:  0 auto;
	position: relative;
}

.map-section .flex-container .flex-left .japan-map{
	display: block;
	width: 100%;
}

.map-section .flex-container .flex-left .map-container .region{
	position: absolute;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s;
}
.map-section .flex-container .flex-left .map-container .region.active{
	opacity: 1;
}
.map-section .flex-container .flex-left .map-container .region.hover{
	opacity: 1;
}
.map-section .flex-container .flex-left .map-container .region.region2{
	width: calc(164 / 453 * 100%);
	right: 0;
	top: 0;
}
.map-section .flex-container .flex-left .map-container .region.region3{
	width: calc(101 / 453 * 100%);
	left: calc(237 / 453 * 100%);
	top: calc(252 / 510 * 100%);
}
.map-section .flex-container .flex-left .map-container .region.region4{
	width: calc(60 / 453 * 100%);
	left: calc(281 / 453 * 100%);
	top: calc(343 / 510 * 100%);
}
.map-section .flex-container .flex-left .map-container .region.region5{
	width: calc(110 / 453 * 100%);
	left: calc(178 / 453 * 100%);
	top: calc(288 / 510 * 100%);
}
.map-section .flex-container .flex-left .map-container .region.region6{
	width: calc(62 / 453 * 100%);
	left: calc(144 / 453 * 100%);
	top: calc(350 / 510 * 100%);
}
.map-section .flex-container .flex-left .map-container .region.region7{
	width: calc(157 / 453 * 100%);
	left: 0;
	bottom: 0;
}
.map-section .flex-container .flex-left .map-container .region.region1{
	width: calc(16 / 453 * 100%);
	left: calc(292 / 453 * 100%);
	top: calc(345 / 510 * 100%);
}

.map-section .flex-container .flex-right{
	flex:  0 0 auto;
	width: 48%;
}
@media only screen and (max-width:767px){
	.map-section .flex-container .flex-right{
		width: 100%;
		order: 1;
		margin-bottom: 30px;
	}
}

.map-section .flex-container .flex-right .region-list{
	display: flex;
	flex-flow:  row wrap;
	align-items:  stretch;
	justify-content:  space-between;
	margin-top: 60px;
}
@media only screen and (max-width:767px){
	.map-section .flex-container .flex-right .region-list{
		margin-top: 30px;
	}
}
.map-section .flex-container .flex-right .region-list li{
	flex: 0 0 auto;
	width: 32%;
	margin-top: 10px;
}
.map-section .flex-container .flex-right .region-list li.head-office{
	margin-right: 68%;
	margin-top:  0;
}
.map-section .flex-container .flex-right .region-list li a{
	display: block;
	text-align: center;
	border:  solid 1px #CCC;
	min-height: 100%;
	padding:  10px 5px;
	color: #000;
	font-size: 1.125rem;
	font-weight: bold;
}
.map-section .flex-container .flex-right .region-list li a:hover{
	text-decoration: none;
	background: #06BFB1;
	color: #FFF;
}
.map-section .flex-container .flex-right .region-list li a.active{
	text-decoration: none;
	background: #06BFB1;
	color: #FFF;
}

.list_offices .office .address{
	flex-grow: 2;
}