@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:#000;
}


/* 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 { width:100%; text-align:center; position:relative; margin-bottom: 5%;}
.sec_mv .bnr{ width:50%; margin:4% auto 8%;}
.sec_mv_link01 , .sec_mv_link02{width:260px;}
.sec_mv_link01{position:absolute; top:290px; left:75px;}
.sec_mv_link02{position:absolute; top:310px; left:305px;}
@media screen and (max-width: 640px) {
.sec_mv_link01 , .sec_mv_link02 {width:40%;}
.sec_mv_link01{position:absolute; top:170px; left:40px;}
.sec_mv_link02{position:absolute; top:180px; left:179px;}
}

/* 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;}
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;}
.f_wh { color: #fff;}

.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}

/*sec01========================================================================================================*/
.sec01 {width: 90%; margin: 0 auto;}

/*sec02========================================================================================================*/
.sec02 {width: 100%; margin: 0 auto;}


/*sec_pickup========================================================================================================*/
.sec_pickup_link img{width:80%;}

h3{ font-size: 24px; color: #fff; border-bottom: 1px double #fff; margin-bottom: 5%;line-height: 1.2;text-align: center; padding-bottom: 0.2em;}

/*sec01========================================================================================================*/
.sec01 h3{ width:35%; margin:4% auto; }
.sec01 ul { width:96%; margin:0 auto;}
.btn_cv{ width:96%; margin:8% auto 5%;}
.btn_cp{
	width:94%; margin:0 auto 8%;
	-webkit-box-shadow: 0 0 5px 0 #999;
	-moz-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999;}

/*sec02========================================================================================================*/
.sec02 .dr { width:32%; margin:0 auto 8%;}
.sec02 .text_typeA{ width:90%; margin:0 auto 8%;}
.sec02 dl{ width:90%;margin:0 auto 8%; text-align:left; font-size:16px;}
.sec02 dt{ width:6em; float:left; clear:left; margin-bottom:2%;}
.sec02 dd{ padding-left:6em;margin-bottom:2%;}




/* 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:65px; height:49px;}

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