@charset "utf-8";

/*p-solution_map_area*/

.p-solution_map_area{
	height: 800px;
	background: url('/tech/const_portal/images/img_solution_map_bg.jpg') no-repeat 50% 0px;
	min-width: 1160px;
  opacity: 0;
  transition: opacity 0.3s;
}
.p-solution_map_area.is-appear{
  opacity: 1;
}

.p-solution_map__cards{
	height: 100%;
	position: relative;
}
/*.p-solution_map__cards>ul{
  opacity: 0;
  transition: opacity 0.3s;
}
.p-solution_map_area.is-appear .p-solution_map__cards>ul{
  opacity: 1;
}*/

.p-solution_label{
	position: absolute;
	border-radius: 5px;
	border: #fff 1px solid;
	box-shadow: 2px 3px 8px -2px rgba(0,0,0,0.4);
	background-color: #666;
	padding: 0.625rem 0.5rem 0.625rem;
	font-size: 1rem;
	line-height: 1;
	min-width: 6rem;
	text-align: center;
	letter-spacing: 0.03em;
	transform: scale(1);
	transition: transform 0.2s;
	cursor: pointer;
	white-space: nowrap;
}
.p-solution_label:hover{
	transform: scale(1.25);
}
.p-solution_label a{
	text-decoration: none;
	color: #fff;
}
.p-solution_label.type_a{
	/*background-color: #3064AA;*/
	background-color: rgba(10,70,150,0.7);
}
.p-solution_label.type_b{
	background-color: #0C9A78;
	min-width: 12rem;
}
.p-solution_label.type_c{
	/*background-color: #8558A4;*/
	background-color: rgba(110,60,150,0.7);
	line-height: 1.2;
	padding: 0.5rem 0.5rem 0.5rem;
	/*min-width: 12rem;*/
	/*font-size: 1.125rem;*/
}

/**/
/*#solution_label_01{
	left: 50px;
	top:20px;
}
#solution_label_02{
	left: 50px;
	top:80px;
}
#solution_label_03{
	left: 50px;
	top:150px;
}*/


/*p-map_loading*/
.p-map_loading{
  position: relative;
  opacity: 1;
  transition: opacity 0.5s;
	z-index: 0;
}
.p-map_loading .loading_img{
  position:absolute;
	top:100px; left:50%;
	width: 50px; height: 50px;
	background: url(/tech/const_portal/images/loading-icon.svg) no-repeat 50% 50%;
	margin-left:-25px;
  opacity: 0.7;
}
.p-map_loading.is-hidden{
	opacity: 0;
}