@charset "UTF-8";

/* index
----------------------------------------------- */

.column-wrap{padding: 0 0 12vw;}
.column-list li{margin-bottom: 8vw;padding-bottom: 8vw;border-bottom: 1px dotted #ccc;}
.column-list li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.column-list li img{width: 100%;margin-bottom: 5vw;}

.column-list li .lead{font-size: 5vw;font-weight: 600;line-height: 1.6;}
.column-list li .category{margin-bottom: 2vw;display: inline-block;margin: 0 4vw 0 0;}
.column-list li .category span{padding:1.5vw 2vw;background: #9c8c59;color: #fff;font-weight: 600;margin-right: 10px}
.column-list li .date{font-size: 3.2vw;display: inline-block;}



/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) { 

.column-wrap{padding: 80px 0;}
.column-list li{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start;margin-bottom: 40px;padding-bottom: 40px;}
.column-list li img{width: 350px;margin-bottom: 0;}
.column-list li .text{width: 570px;}
.column-list li .category{margin: 0 20px 10px 0; }
.column-list li .lead{font-size:20px;}
.column-list li .category span{padding: 5px;}
.column-list li .date{font-size: 14px;}
	
	
	
}




/* =============================================
 retina-size
================================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {


}