@charset "utf-8";

/*============================================================
                    
	導入実績ページCSS設定
					
============================================================*/

/* 導入実績
------------------------------------------------------------*/
/*マップ*/
#map {
	position:relative;
	width:580px;
	height:580px;
	margin:-120px auto 0;
}
#map dl {
	transition-property: .2s ease-in-out 0s;
		-moz-transition: .2s ease-in-out 0s;
		-webkit-transition: .2s ease-in-out 0s;
		-o-transition: .2s ease-in-out 0s;
}
.title01 span {
	font-size:80%;
}
.area01,
.area02,
.area03,
.area04,
.area05,
.area06,
.area07 {
	position:absolute;
	text-align:center;
	border-radius:50%;
		-moz-border-radius:50%;
		-webkit-border-radius:50%;
	behavior: url(../share/js/PIE.htc);
}
#map a {
	color:#333 !important;
}
/*北海道・東北*/
.area01 {
	width:100px;
	height:100px;
	background:#88cbd0;
	top:140px;
	right:40px;
}
.area01 dt {
	padding:25px 0 5px;
}
.area01 dd span {
	font-size:150%;
	margin-right:3px;
}
/*関東*/
.area02 {
	width:140px;
	height:140px;
	background:#00b8af;
	top:280px;
	right:0;
	color:#fff;
}
.area02 dt {
	padding:35px 0 0;
}
.area02 dd span {
	font-size:240%;
	margin-right:3px;
}
/*北陸・甲信越*/
.area03 {
	width:100px;
	height:100px;
	background:#6ace6a;
	top:170px;
	right:230px;
}
.area03 dt {
	padding:25px 0 5px;
}
.area03 dd span {
	font-size:150%;
	margin-right:3px;
}
/*東海*/
.area04 {
	width:120px;
	height:120px;
	background:#b2ca1a;
	top:400px;
	right:150px;
}
.area04 dt {
	padding:20px 0 5px;
}
.area04 dd span {
	font-size:200%;
	margin-right:3px;
}
/*関西*/
.area05 {
	width:140px;
	height:140px;
	background:#eebe2e;
	top:210px;
	left:100px;
	color:#fff;
}
.area05 dt {
	padding:35px 0 0;
}
.area05 dd span {
	font-size:240%;
	margin-right:3px;
}
/*中国・四国*/
.area06 {
	width:100px;
	height:100px;
	background:#efa280;
	top:460px;
	left:200px;
}
.area06 dt {
	padding:25px 0 5px;
}
.area06 dd span {
	font-size:150%;
	margin-right:3px;
}
/*九州・沖縄*/
.area07 {
	width:100px;
	height:100px;
	background:#c7aef6;
	top:340px;
	left:0;
}
.area07 dt {
	padding:25px 0 5px;
}
.area07 dd span {
	font-size:150%;
	margin-right:3px;
}

/*マップエリアのマウスオーバー*/
#map dl:hover {
	background:#00a2e0;
	color:#fff;
	z-index:2;
}
/*各支社のマッピング*/
.cmpOsaka,
.cmpTokyo,
.cmpNagoya,
.cmpNagano {
	position:absolute;
	word-wrap:break-word;
	font-size:75%;
	line-height:1;
}

.cmpOsaka {
	top:372px;
	left:242px;
	text-align:right;
}
.cmpTokyo {
	top:335px;
	left:380px;
}
.cmpNagoya {
	top:360px;
	left:307px;
}
.cmpNagano {
	top:300px;
	left:295px;
	text-align:right;
}

/*モーダルウィンドウ*/
#modal-wrap {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.75);
	z-index:9;
	overflow-y:auto;
}
body.modalLock {
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
#modal-body {
	width:100%;
	max-width:580px;
	margin:0 auto;
	color:#fff;
}
.modal-close {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:10;	
}
.modal-close-btn {
	display:block;
	width:60px;
	height:60px;
	line-height:60px;
	margin:30px auto;
	border:2px solid #ccc;
	border-radius:50%;
	color:#fff;
	font-size:36px;
	text-align:center;
	cursor:pointer;
	transition:transform .25s;
}
.modal-close-btn:hover {
	transform:rotate(-180deg);
}

/*フィルタメニューリンク*/
.rsltTilte {
	padding-top:120px;
	font-size:200%;
	margin-bottom:10px;
}
.rsltTable {
	margin:0 20px 20px;
}
.rsltTable dl {
	width:100%;
	display:table;
	border-bottom:1px dotted #ccc;
}
.rsltTable dl dt,
.rsltTable dl dd {
	display:table-cell;
	padding:10px 5px;
}
.rsltTable dl dd {
	text-align:right;
}
#Total {
	margin-right:5px;
	font-size:200%;
}
/*ウィンドウサイズ640px未満*/
@media screen and (max-width: 639px) {
#map {
	display:none;
}
}