.machine_index{
  background-image:  url('../img/common/bg_p3.jpg');
 padding: calc(100 / 1440 * 100vw) calc(200 / 1440 * 100vw);
}

.s_ms_c{
 background-image: url('../img/common/bg_p3.jpg');
 padding: calc(100 / 1440 * 100vw) calc(200 / 1440 * 100vw);
}

.list_con_area{
 background-color: #ffffff;
 border-radius: 4px;
 box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
 padding: calc(40 / 1440 * 100vw) calc(40 / 1440 * 100vw);
}

.list_flex{
 display: flex;
 align-items: center;
 justify-content:start;
 padding: 1.25rem 0;
 border-bottom: 1px solid #D9D9D9;
}

.list_cat_date{
 display: flex;
 align-items: center;
}

.wrap_post_thum{
 width: 18%;
}

.post_thum{
 border-radius: 4px;
}

.list_p_c_text_area{
 margin-left: 1.25rem;
}

.list_con_area a{
 color: #392809;
}

.post_cat{
 margin-right:1.25rem;
}

.p_ind_c_date{
 font-size:0.875rem;
}

.more_btn.more_btn_list {
    margin: 2.5rem auto 0 auto;
}

.article_de_thum img{
 width: 100%;
 height: auto;
}

.article_de_title{
 margin: 2.5rem auto 0.75rem auto;
 font-size: 2.25rem;
 font-weight: bold;
 text-align: center;
}


@media (max-width: 768px) {
 .machine_index {
    padding: 1.5rem 1rem;
 }
 .list_flex {
     padding: 1rem 0;
 }
 .wrap_post_thum {
    width: 30%;
 }
 .list_p_c_text_area {
    margin-left: 1rem;
 }
 .post_cat {
    margin-right: 1rem;
 }
 .post_cat {
    font-size: 0.625rem;
    padding: 0.2rem 0.4rem;
 }

 .more_btn.more_btn_list {
    margin: 1.5rem auto 0.875rem 0;
 }

 .more_btn.more_btn_list img{
  margin: 0 auto;
 }

 .list_con_area {
  padding: 1rem 1rem 1.5rem 1rem;
 }

 .s_ms_c {
    padding: 1.5rem 1rem;
 }

 .article_de_title {
    margin: 1rem auto;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
 }

}