@charset "UTF-8";

@media screen and (min-width:1024px) {
footer{
width:1000px;
margin:0 auto;
padding:0;
}
footer h6{
width:15%;
margin:20px auto;
}
footer p{
font-size:13px;
font-weight:400;
text-align:right;
letter-spacing:0.1em;
padding:0.5em 0 1em;
color:#007BBB;
}
footer ol{
display:none;
}
footer ol{
background:rgba(255,255,255,0.8);
width:33%;
position:fixed;
top:top;
right:0;
bottom:auto;
left:0;
z-index:2000;
}
footer ol li{
width:48%;
margin:0 1%;
float:left;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
footer{
width:100%;
margin:0 auto;
padding:0;
}
footer h6{
width:15%;
margin:15px auto;
}
footer p{
font-size:13px;
font-weight:400;
text-align:right;
letter-spacing:0.1em;
padding:0.2em 0 1em;
color:#007BBB;
}
footer ul{
padding:5px 0 5px 10px;
width:54px;
height:auto;
position:fixed;
top:auto;
right:0;
bottom:20%;
left:auto;
z-index:2000;
}
footer ul li{
margin:10px 0 10px auto;
}
footer ol{
display:none;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
footer{
width:100%;
margin:0 auto;
padding:0;
}
footer p{
font-size:12px;
font-weight:400;
text-align:right;
letter-spacing:0.1em;
padding:0.5em 0 1em;
color:#007BBB;
margin-bottom:80px;
}
footer ul{
display:none;
}
footer ol{
background:rgba(255,255,255,0.8);
width:100%;
position:fixed;
top:auto;
right:0;
bottom:0;
left:0;
z-index:2000;
padding:2% 1%;
}
footer ol li{
width:48%;
margin:0 1%;
float:left;
}
}