.COM_EC_top_info {
width: 100%;
padding: 100px 0;
margin: 0 auto;
background-color:#fff;
}
@media screen and (max-width: 768px) {
.COM_EC_top_info {
padding: 30px 0;
}
}
.COM_EC_top_info__title {
text-align:center;
font-size: 3rem;
color: #000;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.COM_EC_top_info__title {
font-size: 2rem;
margin:0;
}
}
.COM_EC_top_info ul {
max-width:1270px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.COM_EC_top_info ul {
padding: 0 15px;
}
}
.COM_EC_top_info__list {
list-style: none;
border-bottom:1px solid #eee;
}
.COM_EC_top_info__list:not(:last-child) {
margin-bottom: 10px;
}
.COM_EC_top_info__list__link {
font-size: 14px;
text-decoration: none;
display:flex;
padding: 20px 0;
}
@media screen and (max-width: 768px) {
.COM_EC_top_info__list__link {
flex-direction:column;
}
}
.COM_EC_top_info__list__link__date {
color: var(--primary-color);
font-weight: bold;
font-size:18px;
display:block;
margin-right:40px;
width:150px;
}
.COM_EC_top_info__list__link__title {
color:#000;
font-size:18px;
}
.btn_more {
display:block;
text-align:center;
margin:30px auto 0;
width:15%;
color:var(--primary-color);
}
@media screen and (max-width: 768px) {
.COM_EC_top_info__list__link__title {
font-size:14px;
}
.COM_EC_top_info__list__link__date {
font-size:14px;
}
.btn_more {
width:40%;
}
}