@charset "utf-8";

div#main {
	font-family: 'Avenir', 'Helvetica Neue', 'Helvetica', 'Arial', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic'
}

div.main_title {
	margin: 0.5em 0;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}

div.description {
	margin: 0 30px;
	font-size: 14px;
}

div.btns {
	margin: 0 30px;
	text-align: center;
}

a.btn-w {
	padding: 0.5em;
	margin: 10px 0;
	display: block;
	color: #fff !important;
	background: #015699;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none !important;
}

a.btn-w:hover {
	background: #0274cc;
}

@media screen and (min-width: 768px) {
	a.btn-w {
		padding: 0.5em 2em;
		margin: 10px auto;
		font-size: 18px;
		display: inline-block;
	}
}

a.btn-p {
	padding: 0.5em;
	margin: 30px 0;
	display: block;
	color: #fff !important;
	background: #D51E28;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none !important;
}

a.btn-p:hover {
	background: #99151c;
}

@media screen and (min-width: 768px) {
	a.btn-p {
		padding: 0.5em 2em;
		margin: 30px auto;
		font-size: 18px;
		display: inline-block;
	}
}

a.btn-x {
	padding: 0.5em;
	margin: 10px 0;
	display: block;
	color: #fff !important;
	background: #1B6237;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
	text-decoration: none !important;
}

a.btn-x:hover {
	background: #39cc74;
}

@media screen and (min-width: 768px) {
	a.btn-x {
		padding: 0.5em 2em;
		margin: 10px auto;
		font-size: 18px;
		display: inline-block;
	}
}

div.megadoga-embed {
	margin: 0 30px;
}

div.metronet {
	margin: 10px 50px 30px 50px;
	font-size: 110%;
	line-height: 2em;
}