@charset "utf-8";
/* CSS Document */

body#pickup {
	box-sizing: border-box;
}

body#pickup #contents {
	width: 900px;
	margin: 100px auto;
}

body#pickup #contents h1 {
	font-size: 28px;
	letter-spacing: .1em;
	line-height: 140%;
	border-bottom: #000 1px solid;
	margin: 0 auto 30px;
	padding-bottom: 20px;
}
body#pickup #contents > div {
	display:flex;
	flex-wrap:wrap;
	justify-content: center; /*横*/
	align-items: stretch; /*高さ揃え*/
}
body#pickup #contents > div > div#pict {
	width:440px;
	margin-right: 10px;
}
body#pickup #contents > div > div#pict img {
	width:100%;
}
body#pickup #contents > div > div#text {
	display: flex;
    align-content: space-between;
    flex-wrap: wrap;
	width:440px;
	text-align: left;
	margin-left: 10px;
}
body#pickup #contents > div > div#text > p.lead {
	line-height: 1.8;
}

p.btn {
	display: block;
	width:  100%;
	text-align: right;
	margin-bottom: 50px;
}
p.btn > a {
	display: inline-block;
	color: #fff;
	background-color: #000;
	padding: .8em 2em;
}

@media only screen and (max-width: 768px) {
	body#pickup {
		width: 100%;
	}
	body#pickup #contents {
		width: 90%;
		margin: 80px auto;
	}
	body#pickup #contents h1 {
		font-size: 6vw;
	}
	body#pickup #contents > div {
		display: block;
		flex-wrap:nowrap;
	}
	body#pickup #contents > div > div#pict {
		width:100%;
		margin-right: 0;
	}

	body#pickup #contents > div > div#text {
		display: block;
		align-content: space-between;
		flex-wrap: nowrap;
		width:100%;
		text-align: left;
		margin-top: 20px;
		margin-left: 0;
	}	
	p.btn {
		display: block;
		text-align: center;
		margin: 20px auto 0;
	}
	p.btn > a {
		display: block;
		width:  auto;
	}






_