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

/*リセットCSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
	list-style-type: none;
}
body {
  line-height: 1;
  /*overflow:scroll;*/
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}

/************************************************
 共通設定
************************************************ */
body {
	background-color: #fff;
    color: #000;
    font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",Arial,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
    font-size: 16px;
	line-height:1.8;
}
body *{
  box-sizing:border-box;
  word-wrap: break-word;
}

.top_mg{
    margin-top: 20%;
}



/* 行揃え
----------------------------------------------- */
.pc_alignC {
    text-align: center;
}


/* ==============================================
 フレーム
=============================================== */
body , html {
    height: 100%;
}
.wrapper{
	overflow : hidden;
	width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
.inner{
	max-width:800px;
	width:100%;
	margin:0 auto;
}
.inner_txt{
    max-width: 500px;
    width:100%;
    margin:0 auto;
}

/* ==============================================
 ヘッダー
=============================================== */
.header {
	z-index:100;
	width: 100%;
	top: 0;
	left:0;
	background-color:#fff;
	border-bottom:solid 1px #005eae;
}
.header div.inner{
	position:relative;
	width:800px;
	margin:0 auto 10px auto;
}
.logo {
	padding:20px 0 0 0;

}
.logo img{
	width:100%;
	max-width:300px;
}

/* ==============================================
 フッター
=============================================== */
.footer{
	position:absolute;
	bottom:0;
	width:100%;
}

.footer p{
	text-align: center;
	background-color:#005eae;
	color:#fff;
	line-height:46px;
}
h1{
	margin-top:20px;
	font-size:143%;
}
.msg{
	padding:15px 0 50px 0;
    text-align: left;
}
/* ==============================================
/* 768pxより小さいとき(iphone6+横向きより小さい)*/
/*=============================================== */
@media only screen and (max-width : 768px){
    .contents {
        margin:0 10px;
    }
    .pc_alignC {
    text-align: left;
}
}