@charset "utf-8";

	.gr{line-height:2em;max-width:600px;margin:8px auto 24px; padding:10px; background:#b2ffb2;border-radius:10px;box-sizing:border-box;}
	.title{background:-webkit-gradient(linear, left top, right bottom, from(#000), to(#b2ffb2));background:-moz-linear-gradient(left, #000, #b2ffb2);background:linear-gradient(left, #000, #b2ffb2);color:#fff;font-size:1.25em;font-weight:bolder; padding:6px 25% 2px 12px;}
	.cenbox{width:39%;display:inline-block;box-sizing:border-box;text-align:center;padding:0;vertical-align:top;}
	.main_text{font-size:0.95em;padding:12px;width:61%;display:inline-block;box-sizing:border-box;padding-right:1.25em;}
	.box{margin-bottom:15px;}

	.box p{vertical-align:middle;line-height:1.5em;box-sizing:border-box;}
	.text{background:#fff; border-radius:15px; padding:2px 10px 2px;}
	.text p{text-align:left;display:inline-block;margin:0 auto;}	
/*　buttonB　*/
	.url{
		width:200px;
		margin: 20px auto;
		padding: 1em 2em;
		border: none;
		text-shadow:0 -1px #469C5E;
		font-weight:bold;
		background-color: #63B57A;
		box-shadow: 0 6px #469C5E;
		font-size: 14px;
		line-height: 1;
		color: #fff;
		position: relative;
		cursor: pointer;
		text-align:center; 
		border-radius: 8px;
		border-top:1px solid #A5FFBE;

		}
	.url:hover {
		box-shadow: 0 5px #469C5E;
		    top: 1px;
		}
	.url:active {
		box-shadow: 0 5px #469C5E;
		    top: 2px;
		}

	.url a{font-size:1.25em;position: relative;}
	.url a:after{
	position: absolute;
	right:-70px;
	margin: auto;
	content: "";
	vertical-align: middle;
	box-sizing: border-box;
	width: 11px;
	height: 6px;
	border: 8px solid transparent;
	border-left: 11px solid #fff;}
	.title2{background:-webkit-gradient(linear, left top, right bottom, from(#333), to(#b2ffb2));background:-moz-linear-gradient(left, #333, #b2ffb2);background:linear-gradient(left, #333, #b2ffb2);color:#fff;font-size:1.12em;font-weight:bolder; padding:2px 25% 0px 12px;}

@media screen and (max-width: 769px) {

	.gr{padding:4px; line-height:1.15em;}

	.title{font-size:18px;
	background:-webkit-gradient(linear, left top, right bottom, from(#333), to(#aaa));background:-moz-linear-gradient(left, #333, #aaa);background:linear-gradient(left, #333, #aaa);padding-right:25px;}



	.cenbox{width:100%;display:block;box-sizing:border-box;}
	.main_text{font-size:13px;padding:12px;width:100%;display:block;}
	.text{background:#fff; border-radius:15px; padding:2px 10px 2px; margin:0 12px;}

}