@charset "UTF-8";

/*******************************
 
サイトマップCss
 
*******************************/
.links{
width: 700px;
margin: 0 auto;
padding-top: 50px;
margin-bottom: 100px;
}

.links li{
}

.links li a{
display: block;
font-size: 18px;
line-height: 1.6em;
color: #044484;
padding:15px 20px 15px 40px;
text-align: left;
position: relative;
text-decoration: underline;
}

.links li a:before{
content: "\f105";
font-family: FontAwesome;
font-size: 100%;
line-height: 1em;
background: #044484;
color: #fff;
padding: 4px 10px 5px 9px;
margin-right: 15px;
position: absolute;
top: 50%;
left: 0px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: 0.5s;
}

.links li a:hover{
color: #0259B1;
}


/*==== mobile スマフォ横〜用css ===*/
@media screen and (max-width: 896px){
.links{
width: 100%;
margin: 0 auto;
padding-top:50px;
}
.links li a{
font-size: 16px;
}

}
/*==== mobile スマフォ縦用css ===*/
@media screen and (max-width: 480px){
.links li a{
font-size: 14px;
}

}