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

#Main .read{margin:20px auto; text-align:center;}

div.info{border:1px solid #339900; padding:12px; display:inline-block; margin:12px auto 0; text-align:left;}
div.info ul{ margin-left:24px;}
div.info p.note{font-size:0.9em;}

#Main a button{font-size:0.8em; color:#666666; border:none; padding:0 12px;}
#Main a button:hover{cursor:pointer;}


.arrow_right {
  position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	vertical-align: middle;
	text-decoration: none;
	color:#339900;
}
.arrow_right::before,
.arrow_right::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow_right::before{
	left: 4px;
	width: 6px;
	height: 2px;
	background: #7a0;
}
.arrow_right::after{
	left: 4px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #7a0;
	border-right: 2px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

dl.box{border:2px solid #0099CC; padding:2px; width:44%; 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.box dd{ height:30px;}

dl.right{float:right;}

@media screen and (max-width:780px){
#Main .read{text-align:left;}
div.info{display:block;}
dl.box{width:90%; float:none; margin:40px auto;}
dl.right{float:none;}
}

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