@charset "utf-8";
#Main{width:96%; margin:0 auto;}

#Main p{margin:20px auto; text-align:center; color:#FF3399; font-weight:bold; font-size:1.4em;}

dl.box{border:2px solid #0099CC; padding:2px; width:46%; float:left; text-align:center; margin:20px 0;}
dl.box dt{font-weight:bold; font-size:1.2em; background-color:#EEF4FF;}
dl.box dt, dl.box dd{padding:14px;}

dl.right{float:right;}


/*1つのとき*
dl.box{float:none; margin:20px auto;}
*/

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow::before{
	width: 12px;
	height: 12px;
	-webkit-border-radius: 25%;
	border-radius: 25%;
	background:#FF3399;
}
.arrow::after{
	left: 5px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 3px solid #fff;
}


@media screen and (max-width:780px){
dl.box{width:90%; float:none; margin:40px auto;}
dl.right{float:none;}
}

@media screen and (max-width:480px){
dl.box{width:100%;}
}