@charset "UTF-8";



/************************************************************

 *  fields evaprojects news.css

 ************************************************************/





/* --------------------------------------------------

	news

-------------------------------------------------- */

.news .l-sec {

	padding: 80px 0;

	background: url(../img/bg03.png), linear-gradient(to right, #211F24, #100E13, #333237, #100E13, #211F24);

	background-size: 421px auto, 100% auto;

	background-position: right top, center top;

	background-repeat: no-repeat, repeat-y;

	color: #FFFFFF;

}

.news__title {

	position: relative;

	margin-bottom: 60px;

	text-align: center;

}

.news__title:before {

	content: "";

	position: absolute;

	top: calc(50% - 1px);

	left: 0;

	display: block;

	width: 20px;

	height: 2px;

	background-color: #bbbbbb;

}

.news__title:after {

	content: "";

	position: absolute;

	top: calc(50% - 1px);

	right: 0;

	display: block;

	width: 20px;

	height: 2px;

	background-color: #bbbbbb;

}

.news__title img {

	width: 370px;

}

.news-archive__list > .item {

	display: none;

}

.news-archive__list > .item.is-active {

	display: block;

}

.news-archive {

	padding-bottom: 20px;

}

.news-archive .archive__year {

	font-size: 3.2rem;

	margin-bottom: 40px;

}

.news__list {

	display: flex;

	flex-wrap: wrap;

	margin: -30px calc(-15 / 1024 * 100%) 0;

}

.news__list li {

	width: 25%;

	padding: 0 calc(15 / 1054 * 100%);

	margin-top: 30px;

}

.news__list li .button {

	position: relative;

	display: block;

	color: #FFFFFF;

	padding: 30px calc(20 / 234 * 100%) 30px;

	background-image: url(../img/icon_line.png);

	background-position: top left;

	background-size: 234px 32px;

	background-repeat: no-repeat;

}

.news__list li .button.is-image {

	min-height: 234px;

	background-position: center center;

	background-size: cover;

}

.news__list li .info {

	margin-bottom: 20px;

}

.news__list li .day {

	font-size: 2.2rem;

	line-height: 1.5;

}

.news__list li .type {

	font-size: 1.4rem;

}

.news__list li .title {

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 1.5;

	margin-bottom: 4px;

}

.news__list li .text {

	font-size: 1.6rem;

}

.news__list li .category {

	margin-top: 10px;

}

.news-years__nav {

	margin-top: 30px;

	padding-top: 30px;

	border-top: 1px solid #FFFFFF;

}

.news-years__nav .list {

	margin: -10px -24px 0;

	display: flex;

	flex-wrap: wrap;

	font-size: 2.0rem;

}

.news-years__nav .list li {

	padding: 10px 24px 0;

}

.news-back__button {

	margin: 50px auto 0;

	max-width: 330px;

}

.news-back__button a {

	display: block;

	border: 1px solid #FFFFFF;

	text-align: center;

	font-size: 1.6rem;

	padding: 12px 0;

}

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

}

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

	.news .l-sec {

		padding: 40px 0;

	}

	.news__title {

		margin-bottom: 30px;

	}

	.news__title:before {

		width: 10px;

		height: 1px;

	}

	.news__title:after {

		width: 10px;

		height: 1px;

	}

	.news__title img {

		width: calc(480 / 710 * 100%);

	}

	.news-archive__list {

		margin: 0 calc(20 / 710 * 100%);

	}

	.news-archive .archive__year {

		font-size: 2.4rem;

		margin-bottom: 20px;

	}

	.news__list {

		margin: 0 0;

	}

	.news__list li {

		width: 100%;

		padding: 0 0;

	}

	.news__list li:first-of-type {

		margin-top: 0;

	}

	.news__list li .button {

		padding: 15px 0 0 15px;

		background-size: 117px auto;

		display: flex;

		justify-content: space-between;

	}

	.news__list li .button.is-image {

		min-height: 117px;

		background-size: 124px auto;

	}

	.news__list li .info {

		margin-bottom: 0;

		width: 100px;

	}

	.news__list li .day {

		font-size: 1.5rem;

	}

	.news__list li .type {

		font-size: 1.1rem;

	}

	.news__list li .body {

		flex: 1;

		padding-left: 15px;

	}

	.news__list li .title {

		font-size: 1.5rem;

	}

	.news__list li .text {

		font-size: 1.1rem;

	}

	.news__list li .c-icon-category {

		font-size: 1.0rem;

	}

	.news-years__nav {

		margin: 30px calc(20 / 710 * 100%) 0;

	}

	.news-years__nav .list {

		margin: -10px -16px 0;

		font-size: 1.6rem;

	}

	.news-years__nav .list li {

		padding: 10px 16px 0;

	}

	.news-back__button {

		margin: 50px calc(20 / 710 * 100%) 0;

		max-width: none;

	}

}





/* --------------------------------------------------

	※※※※※

-------------------------------------------------- */

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

}

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

}