@charset "UTF-8";

/*******************************
 
LinksCss
一覧で利用するCSS
 
*******************************/
.links #main-img{
    padding: 5% 0;
}

@media screen and (max-width: 767px){
    .links p{
        text-align: left;
        font-size: 1.4rem;
        font-weight: normal;
        line-height: 2;
        margin: 40px auto 10px;
    }
}


/*******************************
 
LinksCss
リンク集で利用するCSS
 
*******************************/

/*------リンク集------*/
.flex-box{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 60px;
    border-bottom: dotted 1px;
    padding-bottom: 30px;
}
.links .list-ttl{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.list-ttl:before {
    content: "\f138";
    font-family: FontAwesome;
    margin-right: 5px;
}
.links-list{
	line-height: 2;
    width: 80%;
}
.links-list dt{
    display: inline-block;
    width: 12%;
    font-weight: bold;
}
.links-list dd{
	display: inline-block;
}
.links-list dd.link a{
	border-bottom: solid 1px;
	line-height: 1;
	color: #00479d;
}
.links-list dd.link a:after {
	content: "\f24d";
    font-family: FontAwesome;
    margin-left: 5px;
}
@media screen and (max-width: 767px){
	.flex-box{
		display: block;
	}

	.links-list{
		width: 100%;
	}
	.links-list dt{
    	width: 18%;
		display: block;
	}
	.flex-box img{
		margin: 10px auto 0;
   		display: block;
	}

}