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


/*h, p
-------------------------------------------*/
p.intro {
	width: 75%;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 2em;
	padding: 0 0 30px 0;
}
p.intro img {
	float: right;
	padding: 30px;
	margin: 0 auto;
}


/*(/～960)*/
@media all and (max-width: 960px) {
p.intro {
	font-size: 16px;
	line-height: 32px;
	padding: 0 0 15px 0;
}
}


/*CARD LAYOUT
-------------------------------------------*/
#pcard-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	margin: 10px auto;
	max-width: 1200px;
	width: 100%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
a.pcard-link {
	text-decoration: none;
	color: #111;
}
#pcard-wrap img {
	display: block;
	max-width: 100%;
	height: auto;
}
.pcard-figure {
	margin: 0;
	padding: 0;
}
.pcard-title {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 1px;
}
.pcard-text {
	margin: 0;
	padding: 0 50px 30px;
	font-size: 1em;
}
.pcard-list {
	margin: 30px auto;
	padding: 0;
	width: 100%;
	background: #FFF;
}

/*(/640～)*/
@media all and (min-width: 768px) {
.pcard-list {
	width: calc(96% / 3); 
}
/* 最後の行が2列より少ない場合左寄せにレイアウトさせる */
#pcard-wrap::after{
	content: "";
	display: block;
	width: calc(100% / 3);
}
}

/*(/～640)*/
@media all and (max-width: 768px) {
.pcard-list {
	width: calc(100% / 1); 
}
.pcard-title {
	font-size: 1.5em;
	padding: 10px 0 10px 0;
}
.pcard-text {
	font-size: 16px;
	padding: 0 50px;
}
}
/*CARD LAYOUT (UP HERE) */