body{ background-color:#ffffff;}
section{ display:block; }

/* ----------------------------------------------
	ヘッダー
------------------------------------------------- */
header{
	display:block;
	padding:20px 0 0;
}
header a{
	display:block;
	margin:0 auto;
}
header a h1{
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 57.3333333333333%;
	background-image:url(../images/title_sp.png);
	background-position:center bottom;
	background-repeat:no-repeat;
    background-size: contain;
	display:block;
}
header.sub_header a h1{
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 25.3333333333333%;
	background-image:url(../images/title_sp2.png);
	background-position:center bottom;
	background-repeat:no-repeat;
    background-size: contain;
	display:block;
}

/* ----------------------------------------------
	共通
------------------------------------------------- */
.content{
	margin:0 auto;
    background-color: #000;
}
.content img {
    width: 100%;
}
.center{
    text-align: center;
 }
.sp_non{
    display: none;
 }
.pagetop {
    position: fixed;
    bottom: 20px;
    right: -20px;
}
.pagetop img{
    width: 70%;
}

/* ----------------------------------------------
	ボタン
------------------------------------------------- */
.content .b1{
    background-color: #709CCF;
}


/* ----------------------------------------------
	ページトップへ
------------------------------------------------- */
#topback  img {
    width: 100%;
}
#topback a{
    display: block;
    margin: 0px auto 20px;
}
/* ----------------------------------------------
	フッター
------------------------------------------------- */
footer{
	display:block;
	background-color:#FFF;
	padding:20px 0 20px;
}
footer .footer_logo{
    margin:0;
    width: auto;
    display: block;
    text-align: center;
}
footer .footer_logo a img{
	display:block;
	width:240px;
	height:36px;
	background-image:url(../img/logo.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 36px;
	margin:0 auto;
}