@charset "utf-8";
/* CSS Document */

.form-box,
#joinFree { }
.form-box, 
#formBoxAlt { float:left; max-width:700px; width:60%; }
#joinFree { float:right; width:39%; }

#formBox.mobile,
#joinFree.mobile { float:none; width:100%; max-width:980px; }

#joinFreeBox {
	background:#4A6F8C;
	max-width:500px;
	padding:1em 1.5em 0.6em;
	color:#FFF;
	text-align:center;
}
#joinFree.mobile #joinFreeBox { max-width:900px; }

#joinFreeBox h3 { color:#FFF; padding:0.1em 0; font-weight:900; }
#joinFreeBox p { margin:0.4em 0 }
#joinFreeBox b { font-weight:800; }
#joinFreeBox ul.keyPoints {
	padding:0.5em 0 0 1em;
	font-size:1.4em;
	font-weight:600;
}
#joinFreeBox ul.keyPoints > li {
	padding-top:0.3em;
}
#joinFreeBox a.btn {
	padding:0.5em 1em;
	font-size:1.2em;
}

#joinFree.mobile #joinFreeBox ul.keyPoints > li {
	background-size:48px 48px;
	background-position:left top 10px;
	padding-left:75px;
}

@media only screen and (max-width: 1100px) {
	.form-box, 
	.form-boxAlt {width:70%; }
}
@media only screen and (max-width: 900px) {
	.form-box, 
	.form-boxAlt { float:none; max-width:700px; width:auto; margin-left:0; }
	#joinFree { float:none; width:auto; }
}