@charset "UTF-8";

/* /////// search_共通  /////// */
.sustainability_lists_area {}

.sustainability_lists_area .sustainability_lists {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
}

.sustainability_lists_area .sustainability_lists > li {
    width: calc((100% - 45px) / 3);
    align-items: stretch;
    margin-bottom: 5px;
}

.sustainability_lists_area .sustainability_lists li{
    margin-bottom: 5px;
}

.sustainability_lists_area .sustainability_lists li h3 {
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    margin: .5rem 0;
}

.sustainability_lists_area .sustainability_lists li:nth-child(n+4) {
    margin-top: 30px;
}

.sustainability_lists_area .sustainability_lists::after{
  content:"";
  display: block;
  width: calc(100% / 3 - 40px);
  margin: 10px;
}

.sustainability_lists_item_img{
 border:1px solid #e4e4e4;   
}

.sustainability_topiccs_area .date{
    font-size: 1.1rem;
    display: block;
        text-align: right;
}

.sustainability_topiccs_area .category_list{
    align-items: center;
    display: flex;
}


.sustainability_topiccs_area .category_list li{
    margin-right: 10px;
}

.category_list li a{
    background: #000;
    color: #fff;
    font-weight: bold;
    display: block;
    width: max-content;
    padding: 0 1.5rem;
}

a.btn.link_btn{
    max-width: 350px;
    background: #f9c401;
    margin: 0 auto;
}

@media screen and (max-width:1000px){
    .category_list li a{
    /* display: inline-block; */
}
    .sustainability_lists_area .sustainability_lists >li {
    width: calc((100% - 20px) / 2);
    align-items: stretch;
    margin-bottom: 15px;
}
    .sustainability_lists_area .sustainability_lists li:nth-child(n+4) {
    margin-top: inherit;
}
}

@media screen and (max-width:600px){
    .sustainability_lists_area .sustainability_lists >li {
    width:100%;
    margin-bottom: 30px;
    
}
    .sustainability_lists_area .sustainability_lists li:nth-child(n+4) {
    margin-top: inherit;
}
    
.sustainability_topiccs_area .category_list{
    flex-direction:column;
    /* justify-content: flex-start; */
    align-items: baseline;
}
    .sustainability_topiccs_area .category_list li{
    margin-bottom: 5px;
}
    .sustainability_topiccs_area .date{
        margin-bottom:5px;
    }
}