@charset "UTF-8";

/* -- 実証実験結果 -- */

.border-box {
	width:900px;
	margin-left:auto;
	margin-right:auto;	
	border:4px solid #17288b;
	border-radius: 4px;
	padding:34px 27px 17px;
	position:relative;
	background-color:#f0f1f5;
}
.border-box h3 {
	margin-top:0;
}

.border-box .pref {
	font-size:22px;
	padding:0 1em;
}
.border-box .pref span {
    padding: 14px;
    border-radius: 36px;
    line-height: 2em;
    display: inline-block;
    margin-right: 0.5em;
	background-color:#17288b;
	color:#fff;
}

@media screen and (max-width: 640px) {
	.border-box {
		width:auto;
		margin-right:10px;
		margin-left:10px;
		padding:20px 10px 10px;
		overflow-x:visible !important;
	}
	
	.border-box .pref {
		font-size:12px;
		padding:0 0.5em;
		top:-25px;
		left:5px;
	}
	.border-box .pref span {
		padding: 10px;
		border-radius: 23px;
		margin-right: 0.5em;
	}
}