@charset "utf-8";

/* -----------------------------------------------------------------
 cmn_map_box
----------------------------------------------------------------- */
.cmn_map_box {
}
.cmn_map_box .img {
	margin-top:1em;
}
.cmn_map_box .img img {
	margin-left:auto;
	margin-right:auto;
}
.cmn_map_box .list {
	counter-reset: list_counter;
	display: flex;
	justify-content: space-between;
	max-width:450px;
	margin:1em auto 0;
}
.cmn_map_box .list .col {
	width:48%;
}
.cmn_map_box .list .item {
	padding-top:.4em;
	padding-bottom:.4em;
	padding-left: 2em;
	position: relative;
	font-weight:bold;
	font-size:12px;
	font-size:0.86rem;
	color:#063e8d;
}
.cmn_map_box .list .item:before {
	content: counter(list_counter);
	counter-increment: list_counter;
	display: block;
	float: left;
	height: 1.6em;
	width: 1.6em;
	margin-left: -2em;
	border-radius: 50%;
	background: #063e8d;
	line-height: 1.6em;
	text-align: center;
	font-size:10px;
	font-size:0.71rem;
	font-family: 'Roboto';
	color: #fff;
}
.cmn_map_box .list .item.yellow:before {
	background: #bda661;
}
.cmn_map_box .list .item.search:before {
	content: "";
	border-radius: 0;
	background: url(/library/about/img/ico_search.svg) center center no-repeat;
	background-size: contain;
}
.cmn_map_box .list .item.copy:before {
	content: "";
	border-radius: 0;
	background: url(/library/about/img/ico_copy.svg) center center no-repeat;
	background-size: contain;
}
.cmn_map_box .list .item >* {
	margin-top:.2em;
}
.cmn_map_box .list .item >*:first-child {
	margin-top:0;
}
.cmn_map_box .list .item .item {
	padding-top:.2em;
	padding-bottom:0em;
}


@media print, screen and (min-width: 1024px) {
.cmn_map_box {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.cmn_map_box .img {
	flex-grow: 6;
}
.cmn_map_box .list {
	counter-reset: list_counter;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	width:30%;
	max-width:none;
	margin-left:1em;
	margin-bottom:3em;
}

}