/* footer */
.f_city{
	background-image: url("../images/fotter_img.png");
	background-repeat: no-repeat;
    background-size: 100% 20%;
    padding: 130px 0 0;
    margin: 50px 0 0;
}

footer{
    background-color: #e0eee1;
	padding:40px 0 0;
	text-align: center;
	width:100%;
    line-height: 1.7;
    font-size: 1.6rem;
    color: #121212;
}

.footer_inner{
    width: 980px;
	margin:0 auto;
}

.footer_thanks {
  text-align: center;
  width: 100%;
  line-height: 1.7;
  font-size: 1.6rem;
  color: #121212;
  background-color: #fff;
}

.f_menseki{
font-size: 1.3rem;
text-align: left;
background-color: #f6f6f6;
margin: 40px 0 0;
padding: 30px 0;
}

.copy{
text-align: center;
font-size: 1.2rem;
padding: 20px;
background-color: #0ca26c;
color: #fff;
}

footer a,
footer a:link,
footer a:visited {
	color: #121212;
	text-decoration: none;
}

footer a:hover,
footer a:active {
	color: #666;
	text-decoration:none;
}

.pcbr {display:inline;}
.spbr {display:none;}


@media(min-width:600px) and (max-width:980px){

/* footer */
.f_city{
	background-image: url("../images/fotter_img_sp.png");
	background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 100px 0 0px;
    background-color: #e0eee1;
    margin: 0;
}

footer{
    background-color: #e0eee1;
	padding:10px 0 0;
	text-align: center;
	width:100%;
    line-height: 1.5;
    font-size: 1.3rem;
    color: #121212;
}

.footer_inner{
    width: 92%;
	margin:0 auto;
}

.f_menseki{
font-size: 1.1rem;
text-align: left;
background-color: #f6f6f6;
margin: 20px 0 0;
padding: 20px 0;
}

.copy{
text-align: center;
font-size: 1.1rem;
padding: 10px;
background-color: #0ca26c;
color: #fff;
}

footer a,
footer a:link,
footer a:visited {
	color: #121212;
	text-decoration: none;
}

footer a:hover,
footer a:active {
	color: #666;
	text-decoration:none;
}

.pcbr {display:none;}
.spbr {display:inline;}


}

@media only screen and (max-width:599px){

/* footer */
.f_city{
	background-image: url("../images/fotter_img_sp.png");
	background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 100px 0 0;
    background-color: #e0eee1;
    margin: 0px 0 0;
}

footer{
    background-color: #e0eee1;
	padding:10px 0 0;
	text-align: center;
	width:100%;
    line-height: 1.5;
    font-size: 1.3rem;
    color: #121212;
}

.footer_inner{
    width: 92%;
	margin:0 auto;
}

.f_menseki{
font-size: 1.1rem;
text-align: left;
background-color: #f6f6f6;
margin: 20px 0 0;
padding: 20px 0;
}

.copy{
text-align: center;
font-size: 1.1rem;
padding: 10px;
background-color: #0ca26c;
color: #fff;
}

footer a,
footer a:link,
footer a:visited {
	color: #121212;
	text-decoration: none;
}

footer a:hover,
footer a:active {
	color: #666;
	text-decoration:none;
}

.pcbr {display:none;}
.spbr {display:inline;}

}