@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");

.mb10 { margin-bottom: 10px !important; }

.pb40 { padding-bottom: 40px !important; }

.fl { float: left; padding-right: 20px; padding-bottom: 20px; }

.fl small { display: block; font-size: 12px; color: #999; text-align: left; line-height: 150%; }

.sp { display: none; }

@media only screen and (max-width: 768px) {
	.sp { display: inline-block; }
	.fl { float: none; padding-right: 0; }
	.fl small { font-size: 10px; text-align: right; line-height: 150%; }
}

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }

html, body { padding: 0; margin: 0; background-color: #212121; font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 16px; color: #212121; line-height: 1.6em; letter-spacing: 1px; text-align: left; height: 100%; }

body { overflow-x: hidden; }

@media only screen and (max-width: 768px) { html, body { font-size: 14px; } }

img { width: 100%; }

.wrapper { max-width: 980px; margin-right: auto; margin-left: auto; }

.site-header { font-size: 0; line-height: 0; letter-spacing: 0; padding: 0 10px 10px 10px; background-color: #212121; }

@media only screen and (max-width: 768px) { .site-header { text-align: center; } }

.site-header .top-logo { margin-top: 10px; margin-right: 10px; height: 20px; width: auto; }

@media only screen and (max-width: 768px) { .site-header .top-logo { margin-right: 0; } }

.site-body { background-color: #fff; }

.site-footer { padding: 20px 0; text-align: center; font-size: 12px; color: #fff; }

@media only screen and (max-width: 768px) { .site-footer { padding-bottom: 50px; } }

.site-footer .footer-logo { height: 20px; width: auto; }

@media only screen and (max-width: 768px) { .site-footer .footer-logo { height: 10px; } }

.site-footer a { color: #fff; }

.btn { display: inline-block; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; padding: 20px; border-radius: 2px; background-color: #3485bb; text-decoration: none; color: #fff; font-size: 24px; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15); position: relative; }

.btn:hover { background-color: #235a7f; }

.btn .fa { position: absolute; right: 20px; top: 50%; margin-top: -12px; }

@media only screen and (max-width: 768px) { .btn { width: 100% !important; font-size: 18px; } }

.panchor { font-size: 0; height: 0; line-height: 0; display: block; }

.fixed-footer { position: fixed; bottom: 0; width: 100%; text-align: center; font-size: 0; line-height: 0; letter-spacing: 0; }

.fixed-footer a { display: block; font-size: 10px; padding: 0 0 5px 0; background-color: #52b243; color: #fff; text-decoration: none; line-height: 120%; }

.fixed-footer a .fa { position: relative; top: -1px; width: 100%; background-color: #418d35; margin-bottom: 4px; }