@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document certificate
--------------------------------------------------------- */

#certificate {
	margin-bottom: 130px;
}

#certificate .box {
	padding: 100px 0 60px;
	background: linear-gradient(-135deg, #f0f0f0 50%, #e6e6e6 50%);
}

#certificate h3 {
	width: 570px;
	height: 43px;
	margin: 0 auto 30px;
	background: linear-gradient(to bottom, var(--black) 0%, #1a1a1a 100%);
	font-weight: 500;
	font-size: 15px;
	line-height: 44px;
	color: #fff;
}

#certificate .flex {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#certificate .row {
	width: 275px;
	margin-bottom: 60px;
}

#certificate .find:hover .pdf a {
	text-decoration: underline;
	opacity: 0.6;
}

#certificate .row figure {
	margin-bottom: 15px;
}

#certificate .row figure img {
	height: 356px;
}

/* certificate_01 */
#certificate .container {
	margin-bottom: 30px;
}

#certificate_01 p {
	margin-bottom: 2em;
}

#certificate .flex3 {
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse;
}

#certificate_01 .photo {
	margin-bottom: 60px;
}

#certificate_01 .photo img {
	height: 526px;
}

#certificate_01 figcaption {
	margin-bottom: 10px;
	font-size: 15px;
	letter-spacing: 0.03em;
	line-height: 1;
}

#certificate .flex2 figure {
	margin-bottom: 10px;
}

#certificate .flex2 .flex figure:not(:last-of-type) {
	margin-right: 30px;
}

#certificate .flex2 .flex figure {
	margin-bottom: 30px;
}