@charset "utf-8";

.pageHead {
	background: url("../images/press/bg_pagehead.jpg") no-repeat center / cover;
}
@media screen and (max-width: 767px) {
	.pageHead {
		background: url("../images/press/bg_pagehead_sp.jpg") no-repeat center / cover;
	}	
}

.portfolioList {
	margin: 80px 0;
}
.portfolioList ul {
	display: flex;
	flex-wrap: wrap;
}
.portfolioList li {
	width: 25%;
	margin: 0 12% 43px 0;
}
.portfolioList li:nth-child(3n) {
	margin-right: 0;
}

.portfolioList li .img {
	/*background: #f1f1f1;*/
	margin-bottom: 10px;
}
.portfolioList li .img img {
	width: 100%;
	height: 190px;
	object-fit: contain;
	max-width: none;
}

.portfolioList li a {
	display: block;
}
.portfolioList li .tag {
	margin: 5px 0 4px;
}
.portfolioList li .tag span {
	background: #00614D;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	padding: 4px 14px 3px;
	word-break: break-all;
}
.portfolioList li .name {
	font-size: 1.2rem;
	text-align: center;
}
.portfolioList li .name .outlink {
	
}
.portfolioList li .name .outlink:after {
	background: url("../images/ico_foot_window.png") no-repeat right center / 12px 9px;
	content: '';
	display: inline-block;
	height: 9px;
	width: 12px;
	margin-left: 10px;
}
@media screen and (max-width: 767px) {
	.portfolioList {
		margin: 20px 0;
	}
	.portfolioList ul {
		justify-content: space-between;
	}
	.portfolioList li {
		border-bottom:1px solid #DEDEDE;
		margin: 0 0 30px;
		padding-bottom: 30px;
		width: 47%;
	}
	folioList li:nth-child(2n) {
		margin-right: 0;
	}
	.portfolioList li .img {
		
	}
	.portfolioList li .img picture {
		display: flex;
		justify-content: center;
		aling-items: center;
		text-align: center;
		min-height: 140px;
	}
	.portfolioList li .img img {
		height: calc(100vw / 3.1);
		/* height: auto; */
		width: 100%;
		max-width: none;
		margin: 0 auto;
	}
	.portfolioList li .tag span {
		font-size: 1.2rem;
		padding: 3px 15px 4px;
	}
	.portfolioList li .name .outlink {
		/*font-size: 1.4rem;*/
	}
	.portfolioList li .name .outlink:after {
		margin-left: 5px;
	}
}