@charset "UTF-8";
.links .lead{
font-weight:300;
padding: 2rem 1rem 0;
/*color: #333;*/
}
.linkBox {
width: 100%;
margin: 60px auto;
font-size: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
padding: 0 1rem;
}
.linkBox:first-child {
    margin-top: 2rem;
}
#cont .linkBox a:visited, 
#cont .linkBox a:link{
text-decoration: none;
display: block;
height: 100%;
width: 100%;
padding: 1rem;
}
.linkBox .link:last-child{
border-bottom: 1px solid #dedede;
}
.link {
margin-bottom: 0;
position: relative;
width: 100%;
/*display: inline-block;
border-bottom: 1px solid #dedede;
padding: 1rem;*/
border-top: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
text-align: center;

}
.link a div:after {
/*background: url(../img/icon_arrow.png) no-repeat right 50% / 16px auto;
width: 30px;
height: 47px;*/
content: '';
width: 12px;
height: 12px;
color: #306597;
border-top: 5px solid;
border-right: 5px solid;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: inline-block;
border-radius: 5px 5px 5px 5px;
position: absolute;
right: .5rem;
bottom: 65%;
}
.link p{
text-align: center;
font-size:.95rem;
}
.link img{
margin-bottom: 1rem;
padding-top: .5rem;
}
.link h2{
margin-bottom: 1rem;
}
/*** PC ***/
@media screen and (min-width: 769px) {
.links .title {
padding: 0;
}
.links .lead {
/*margin-top: 50px;*/
padding: 1rem 0 3rem;
}
.linkBox {
padding: 0;
border-top: 1px solid #dedede;
margin: 0 auto 60px auto;
}
    .linkBox:first-child{
        margin-top: 0;
    }
.link {
width:480px;
border-top:none;
border-bottom: 1px solid #dedede;
}
.link a div:after {
right: 1rem;
bottom: 45%;
}
.linkBox .link:nth-child(odd){
border-right: none;
}
.linkBox .link:last-child{
border-right: 1px solid #dedede;
}
.link p{
padding: 5px 10px;
}
   
}