@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;
    }
}

/* /////// 健康経営の取り組み専用スタイル /////// */

.flex {
    display: flex;
    justify-content: space-around;
}

.flex img {
    width: 50%;
}

.statment {
    background-color: #fafafa;
    padding: 20px 30px;
}

.sustainability_topiccs_area h3.sub-title {
    font-size: 20px;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin: 20px 0;
}

.sustainability_topiccs_area h4 {
    font-size: 16px;
    
}

.sustainability_topiccs_area ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.sustainability_topiccs_area ol li {
    margin-bottom: 5px;
}

.sustainability_topiccs_area .award figure {
    width: 80%;
    margin: 0 auto;
}

.sustainability_topiccs_area table td:first-child,
.sustainability_topiccs_area table th {
    background-color: #dcdddd;
    font-weight: bold;
}

.sustainability_topiccs_area .KGI_area ul li::before {
    content: "・";
    margin-right: 5px;
}

.sustainability_topiccs_area .health ul {
    width: 100%;
    margin: 0 auto;
}

.sustainability_topiccs_area li.left {
    width: 60%;
}

.sustainability_topiccs_area li.right {
    width: 20%;
}

.sustainability_topiccs_area .health li.left img {
    width: 100%;
}

.sustainability_topiccs_area .health li.right img {
    width: 75%;
}

.sustainability_topiccs_area .note {
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}

.sustainability_topiccs_area table td:not(:first-child) {
    text-align: right;
}