@charset"UTF-8";
/* font html body
========================================================================================================
*/
html{
  font-size:62.5%;
}
body{ 
  margin:0;
  padding:0;
  font-family:"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color:#000;
  font-size:16px;
  font-size:1.6rem;
  -webkit-text-size-adjust:100%;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
	background:#fff;
}


/* header
========================================================================================================
*/


/* contents
========================================================================================================
*/
article{width:100%;}
section{width:100%;text-align:center;}
img{ width:100%;}
.aten{color:#e21859; font-weight:bold;}
@media screen and (min-width: 767px) {
	article{width:640px; margin:0 auto;}
}

/* MV ========================================================================================================*/
.sec_mv h1{ width:100%; background: #fff; text-align:center;margin: 0 auto;}
.sec_mv h1 img{ width:40%;margin: 10px auto;}

/* ALL ========================================================================================================*/
/* text */
.text_typeA{ line-height:1.6; font-size:16px; text-align:left;}
.text_typeB{ line-height:1.6; font-size:18px; text-align:left;}
.tac { text-align:center;}
a:link,
a:visited { color: #333}
h2{ background:#4871C9; color:#FFF; font-size:18px; text-align:center; margin-bottom:5%; padding:0.5em 0;}
.sttl{ color:#4871C9; font-size:16px; font-weight:bold; border-bottom:1px solid #4871C9; margin-bottom:8%; display:inline-block; padding:0 1em 0.3em;}


/*sec01========================================================================================================*/
.sec01 img{ width:100%; margin:0;font-size: 0; vertical-align: bottom;}


/*sec_CPbnr========================================================================================================*/
.sec_CPbnr {width: 100%; text-align: center;padding: 10px; font-size: 12px;}
/* footer
========================================================================================================
*/
footer{width:100%;padding:0 0 65px 0;}
footer .copy{ text-align:center; padding:0.5em;line-height:12px;}
footer .copy small{font-size:11px;}
footer div.spn-nav{
	width:100%;
	background-color:#000;
	position:fixed;
	bottom:0;
	left:0;
	padding:1%;
	margin:0;
	z-index:9999;
}
footer div.spn-nav ul{width:100%; overflow: hidden; margin:0 auto;}
footer div.spn-nav ul li{float:left;width:32.666666%;margin-right:1%;}
footer div.spn-nav ul li:last-child{margin-right:0;}
footer div.spn-nav ul li a{display:block;}
.btn_top { text-align:center;margin:25px auto 0;}
.btn_top img{ width:50px; height:40px;}

@media screen and (min-width: 767px) {
	footer,
	footer div.spn-nav{width:640px; margin:auto; left:0;right:0;}
}