/*nav*/
.company_n{background-color: #f1f7f9;
padding: 20px 0;
text-align: left;
}

.link-collection h3 {
    text-align: left; 
    margin: 0;
    padding: 10px;
    font-size: 2.6rem;
    margin-bottom: 10px;
}

.link-collection h3 a {
    color: #333; 
    text-decoration: none; 
    display: inline-block; 
    padding: 0; 
}
.link-collection {
    max-width: 1004px;
    margin: auto;
    /* display: flex; */
    flex-direction: column;
    /* align-items: center; */
    margin-bottom: 20px;
}

.link-collection ul {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    padding: 0;
    list-style: none;
}

.link-collection li {
    flex: 0 0 25%; /* 4つのアイテムが横に並ぶように設定 */
    max-width: 25%; /* 同上 */
    box-sizing: border-box;

}

.link-collection li a {
    font-size: 1.6rem;
    text-decoration: none;
    color: #333;
    /* background: #f2f2f2; */
    display: inline-table;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.link-collection a::after {
    content: "\f105";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
    padding-left: 5px;
    color: #008A1C;
}

.link-collection a:hover {
opacity: .7;
}

@media screen and (max-width: 1024px) {
    .link-collection li {
        flex: 0 0 50%; /* 画面が1024px以下の場合は2列に */
        max-width: 50%;
    }
}

@media screen and (max-width: 768px) {
    .link-collection li {
        flex: 0 0 100%; /* 画面が768px以下の場合は1列に */
        max-width: 100%;
    }
}