@charset "utf-8";





/************************************************************************
* contents *
************************************************************************/
.contents{margin-top:200px;padding-bottom:100px;}

@media screen and (max-width:1280px){
.contents{margin-top:150px;}
}
@media screen and (max-width:960px){
.contents{margin-top:120px;}
}
@media screen and (max-width:640px){
.contents{margin-top:100px;}
}




/************************************************************************
* FOOTER *
************************************************************************/
footer{width:100%;padding:40px 0;height:auto;position:relative;}
footer *{line-height:170% !important;color:#fff;}

footer .disF{width:100%;}
footer h1{width:148px;}
footer h1 img{width:100%;}
footer .copy{width:calc(100% - 200px);color:#000;}
footer .copy br.hhide{display:none;}

@media screen and (max-width:1500px){
footer .disF{padding:0 4%;}
}
@media screen and (max-width:960px){
footer{padding:30px 0;}
footer h1{width:220px;margin:0 auto 30px auto;}
footer .copy{width:100%;text-align:center;}
footer .copy br.hhide{display:block;}
}
@media screen and (max-width:640px){
footer h1{width:200px;margin:0 auto 20px auto;}
}
@media screen and (max-width:500px){
footer h1{width:180px;}
}






/************************************************************************
* ETC *
************************************************************************/
#back2top{height:35px;position:fixed;bottom:40px;right:20px;display:none;z-index:3;text-align:center;}
#back2top>img{cursor:pointer;}

@media all and (max-width:900px){
#back2top{bottom:20px;right:10px;}
}


@media all and (max-width:640px){
#back2top>img{height:40px;}
}