@charset "utf-8";

.sec .inner {
  display: -webkit-flex;
  display: flex;
	-webkit-justify-content: space-between;
  justify-content:         space-between;
	-webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
	margin:0 auto;
}

.sec .menuColumn {
	width:25%;
}

.sec .menuColumn ul {
	width:84%;
	margin:2rem 0 0;
	padding:4rem 0;
	background:#f5f5f5;
}

.sec .menuColumn ul.year {
	margin-top:0;
	padding:0;
}

.sec .menuColumn li {
	margin:2rem 0;
	padding:0 2rem;
	line-height:20px;
	border-left:5px solid #f5f5f5;
}

.sec .menuColumn li.here,
.sec .menuColumn li:hover {
	border-left:5px solid #000;
}

.sec .menuColumn li a {
	display:block;
	width:100%;
	color:#000;
	font-size:1.4rem;
	font-weight:500;
}


.sec .cardColumn {
  display: -webkit-flex;
  display: flex;
	-webkit-justify-content: space-between;
  justify-content:         space-between;
	-webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
	width:75%;
}

.sec .cardColumn::before{
  content:"";
  display: block;
  width:30%;
  order:1;
}
.sec .cardColumn::after{
  content:"";
  display: block;
  width:30%;
}

.sec .card  {
	width:30%;
	margin:0 0 5rem;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.sec .card:hover {
	opacity:0.5;
}

.sec .card .thmbnail {
	position:relative;
	width:100%;
	height:auto;
}
.sec .card .thmbnail:before {
	content:"";
	display: block;
	padding-top: 72%;
}

.sec .card:nth-of-type(1) .thmbnail {
	background:url(../img/info_th01.jpg) center center no-repeat;
	background-size:cover;
}

.sec .card:nth-of-type(2) .thmbnail,
.y2017 .sec .card:nth-of-type(1) .thmbnail {
	background:url(../img/info_th02.jpg) center center no-repeat;
	background-size:cover;
}
.sec .card:nth-of-type(3) .thmbnail {
	background:url(../img/info_th03.jpg) center center no-repeat;
	background-size:cover;
}
.sec .card:nth-of-type(4) .thmbnail{
	background:url(../img/info_th04.jpg) center center no-repeat;
	background-size:cover;
}
.sec .card:nth-of-type(5) .thmbnail {
	background:url(../img/info_th05.jpg) center center no-repeat;
	background-size:cover;
}
.sec .card:nth-of-type(6) .thmbnail{
	background:url(../img/info_th06.jpg) center center no-repeat;
	background-size:cover;
}

.sec .card .status {
  display: -webkit-flex;
  display: flex;
	margin:1rem 0;
}

.sec .card .date {
	font-family: 'Poppins', sans-serif;
	font-size:1.4rem;
	font-weight:600;
	color:#000;
}

.sec .card .category {
	margin-left:2em;
	font-size:1.4rem;
	font-weight:600;
	color:#000;
	opacity:0.57;
}

.sec .card .tx {
	font-size:1.4rem;
	font-weight:400;
	color:#000;
}


@media screen and (max-width: 1000px) {

	.sec .menuColumn {
		width:100%;
	}
	
	.sec .menuColumn ul {
		width:100%;
		margin:2rem 0 4rem;
		padding:2rem 0;
		background:#f5f5f5;
	}

	.sec .cardColumn {
		width:100%;
	}
}



@media screen and (max-width: 768px) {

	.sec .card  {
		width:46%;
		margin:0 0 4rem;
		-webkit-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}

}