@charset "utf-8";
/*------------------------------------------------------------
	magazine
------------------------------------------------------------*/
#main {
	padding: 4.4rem 0 14.7rem;
}
#main .headLine01 .en {
	letter-spacing: 0.05em;
}
#main .listUl a {
	display: block;
}
#main .listUl .photo {
	padding: 2rem 2rem 2rem 2.3rem;
	height: 29rem;
	background-color: #E5E5E5;
}
#main .listUl .pho {
	height: 100%;
	position: relative;
}
#main .listUl .pho img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#main .listUl .txt {
	margin: 1.9rem 0.5rem 0 0.5rem;
	padding: 0 4.3rem 1rem;
	font-size: 2.3rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	background: url(../img/common/icon13.png) no-repeat left top 0.1rem,url(../img/common/icon14.png) no-repeat right top 0.6rem;
	background-size: 3rem auto,2.7rem auto;
}
@media all and (min-width: 897px) {
	#main .headLine01 {
		margin: 0 0 10.9rem -0.3rem;
	}
	#main .headLine01 .jp {
		margin-left: 8.6rem;
	}
	#main .headLine01 .jp::before {
		left: -2.7rem;
	}
	#main .listUl {
		margin: -11.1rem 0 14.9rem;
		position: relative;
	}
	#main .listUl::after {
		content: "";
		width: 33.5rem;
	}
	#main .listUl li {
		margin-top: 11.1rem;
		width: 33.5rem;
	}
	#main .listUl a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	#main {
		padding: 3.1rem 0 10rem;
	}
	#main .headLine01 {
		margin-bottom: 5.7rem;
	}
	#main .listUl {
		margin: 0 2.7rem 6.5rem;
		display: block;
	}
	#main .listUl li:not(:last-child) {
		margin-bottom: 4.9rem;
	}
	#main .listUl .photo {
		padding: 2rem 1.7rem 1.8rem 1.9rem;
		height: auto;
	}
	#main .listUl .pho {
		height: auto;
		padding-bottom: 84%;
	}
	#main .listUl .txt {
		margin: 1.7rem 0.6rem 0 -0.3rem;
		padding: 0 3.3rem 1rem;
		font-size: 1.7rem;
		background-position: left top 0.1rem, right top 0.4rem;
		background-size: 2.3rem auto,2.1rem auto;
	}
}