@charset "utf-8";

/*--------------------------------------------------*/
/*page header*/
/*--------------------------------------------------*/
header.page_header {
    padding-top: 8px;
    padding-bottom: 7px;
    background-color:#31496b;
    width: 100%;
}
header.page_header .page_header_inner{
  width:980px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}
/*==clearfix==*/
header.page_header .page_header_inner:after{content:""; display:block; clear:both;}

header.page_header h1{
  width:250px;
  float:left;
}
header.page_header h1 a{
	display: block;
}
header.page_header h1 a img{
	width: 100%;
}

@media screen and (max-width: 1000px){
	header.page_header .page_header_inner{
	    width: 100%;
	}
	header.page_header h1 {
	}
}

/*
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 768px){
}
*/

@media only screen and (max-width: 768px){
  header.page_header {
    padding-top:2.34375%;
    padding-bottom:2.34375%;
  }
	header.page_header h1{
    width:56.25%;
    max-width:360px;
    padding-left:3.91%;
	}
	header .page_header img{
		width: 388px;
		height: auto;
	}
	header.page_header h1 a img{
		width: 100%;
	}
}

/*--------------------------------------------------*/
/*page footer*/
/*--------------------------------------------------*/
footer.page_footer{
	margin:80px auto 0 auto;
}
footer.page_footer .page_footer_inner{
	padding:20px 0;
	background-color:#f3f4f5;
}

footer.page_footer ul{
	width: 980px;
	margin:0 auto;
}
footer.page_footer ul li{
	display: inline-block;
}
footer.page_footer ul li:first-child{
	margin-right: 25px;
}
footer.page_footer ul li:first-child img{
	width: 147px;
}
footer.page_footer ul li:last-child{
	/*padding-right: 0;*/
}
footer.page_footer ul li:last-child img{
	width: 183px;
}
footer.page_footer ul li a{
  display:block;
}
footer.page_footer ul li a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

footer.page_footer .tage_top_sp{
  display:none;
}
footer.page_footer p#copyright{
	background-color: #31496b;
	padding: 7px;
	color: #fff;
}
footer.page_footer p#copyright span{
	display: block;
  font-size:0.7143rem;
	margin:0 auto;
	width: 100%; 
}

@media screen and (max-width: 1000px){
	footer.page_footer ul {
	    width: 100%;
	}
}

@media only screen and (max-width: 768px){
	footer.page_footer {
	    margin: 40px auto 0 auto;
	    background-color: #f4f4f4;
      border-top:2px solid #dcdcdc;
      position:relative;
	}
  footer.page_footer .page_footer_inner{
    padding:4.6875%;
  }
  /*==clearfix==*/
  footer.page_footer .page_footer_inner:after{content:""; display:block; clear:both;}

	footer.page_footer ul{
    width:81.9%;
    float:left;
	}
	footer.page_footer ul li:first-child{
    width:42.11%;
		max-width: 147px;
    margin-right:0;
    float:left;
	}
/*	footer.page_footer ul li:last-child{
    width:52.63%;
		max-width: 183px;
    float:right;
	}
*/	footer.page_footer ul li:first-child img,
	footer.page_footer ul li:last-child img{
		width: 100%;
	}
  
  /*fPageTop*/
  footer.page_footer .tage_top_sp{
    width:11.72%;
    background:#31496b url(../images/footer/pagetop_arw.png) center 20.59% no-repeat;
    background-size:33.82% auto;
    border-radius					:3px;
    -moz-border-radius		:3px;
    -webkit-border-radius	:3px;
    box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
    text-align:center;
    float:right;
    display:block;
  }
  footer.page_footer .tage_top_sp a{
    width:100%;
    padding-top:100%;
    color:#fff;
    line-height:1;
    display:block;
    position:relative;
  }
  footer.page_footer .tage_top_sp a span{
    width:100%;
    font-size:85.71%;
    display:block;
    position:absolute;
    top:58.82%;
  }
  
	footer.page_footer p#copyright span{
		width: 100%;
	}
}

@media screen and (max-width:400px){
  footer.page_footer .tage_top_sp a span{
    font-size:71.43%;
  }
}