@charset "utf-8";

/*====================================================
////id news
====================================================*/
#list .item .date_cate {
	align-items: flex-start;
}
#list .item .date {
	font-size: .9em;
	line-height: 1.2;
}
#list .item .category {
	font-size: .75em;
}
#list .item .category span {
	font-size: .9em;
	padding: .25em .7em;
	text-align: center;
}
#list .item .coverImg {
  padding-top: 55%;
}
#list .item .title {
	margin-top: .3em;
	line-height: 1.6;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	#news .bgBox {
		height: calc(100% - 180px);
		top: 180px;
	}
  #list .itemBox {
    margin: -10px;
    width: calc(100% + 20px);
  }
	#list .item {
    font-size: 1.5rem;
    margin-bottom: 10px;
		padding: 10px;
    width: 50%;
	}
	#list .item .date {
		margin-bottom: .3em;
	}
	#list .item .category {
	}
}

@media screen and (max-width:500px) {
	#list .item {
		width: 100%;
	}
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	#list .itemBox {
    margin: -15px;
    width: calc(100% + 30px);
  }
	#list .item {
		padding: 15px;
    width: 50%;
	}
	#list .item a {

	}
  #list .item a:hover {
  }
	#list .item .date {
		margin-right: 1em;
	}
  #list .item .category {
    justify-content: flex-end;
		/* width: 140px; */
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
	#list .item {
		width: 50%;
	}
}

@media screen and (min-width:1280px) {
	#list .item {
		width: calc(100% / 3);
	}
	#list .item .date {
	}
}

/*====================================================
////id .cmn_contact
====================================================*/
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1350px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1350px) {
}

/*====================================================
////id
====================================================*/

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}

@media screen and (max-width:500px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1350px) {
}
