@charset"utf-8";
/* ---------------------------------------------------------
■ デフォルトリセット
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form, map {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 150%;
	border: none;
	list-style-type: none;
}
body {text-align: center;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}

/* clearfix */
.clfx:after {
	content: "";
	clear: both;
	display: block;
}
.clfx {zoom: 1}

/* ---------------------------------------------------------
■ 画像
--------------------------------------------------------- */
img {
	border: 0;
	vertical-align: middle;
	width: 100%;
    max-width:100%;
}

/* ---------------------------------------------------------
ヘッダー (#head)
--------------------------------------------------------- */
/*上部ナビ*/
#header {
    background: #ffffff;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
.header_wrap {
    max-width: 680px;
    margin: 0 auto;
    padding: 2%;
}
.logo {
    width: 47%;
    float: left;
    padding-top: 2%;
    max-width: 250px;
}
.btn_header {
    width: 45%;
    float: right;
    max-width: 254px;
}

/* ---------------------------------------------------------
メイン (#main)
--------------------------------------------------------- */
/* main */
#main {
    padding-top: 12%;
}

#contents {
    background: #181878;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    color: #ffffff;
    padding-bottom: 20px;
    }

#footer p.copyright{
	text-align: center;
	-webkit-font-size:14px;
	-ms-font-size:14px;
	font-size: 2.5vw;
	margin-top: 50px;
}