@charaset"UTF-8";

/*==================================================================*/
/* css */
/*==================================================================*/
body{background:var(--color_second);}
header,
#mainvisual,
#contents,
#event-archive,
#event_banner,
.pagetop,
footer{display:none;}

#certificate *{margin:0;padding:0;}
#certificate{
	margin:0 auto;
	display:block;
	width:794px;
	height:1123px;
	}

#certificate .inner{
	margin:0 auto;
	padding:0;
	width:674px;
	height:1123px;
	background:linear-gradient(180deg, var(--color_second) 0%, var(--color_second) 40px, #fff 40px, #fff 1083px, var(--color_second) 1083px, var(--color_second) 100%);
	}

#certificate #cert_mainvisual{
	margin:0 0 10px;
	padding:30px 0 0;
	position:relative;
	text-align:center;
	}
#certificate #cert_mainvisual img{width:80%;}

#certificate #cert_mainvisual p.logo{
	margin:0 auto;
	position:absolute;
	top:20px;
	left:0;
	right:0;
	width:300px;
	}
#certificate #cert_mainvisual p.logo img{width:100%;}

#certificate #cert_mainvisual p.award{
	position:absolute;
	top:10px;
	left:-30px;
	width:140px;
	}
#certificate #cert_mainvisual h2{
	margin:0 10px;
	padding:40px 0 0;
	}

#certificate #cert_detail{
	margin:0 0 20px;
	text-align:center;
	}
#certificate #cert_detail p.num{
	margin:0 auto 5px;
	border-radius:30px;
	width:100px;
	color:#fff;
	background:var(--color_first);
	font-size:12px;
	}
#certificate #cert_detail dl{
	line-height:1.3;
	font-weight:bold;
	}
#certificate #cert_detail dt{
	color:var(--color_first);
	font-size:24px;
	}
#certificate #cert_detail dd{font-size:16px;}
#certificate #cert_detail dd:nth-of-type(2){font-size:13px;}

#certificate #cert_detail .movie{
	padding:0;
	position:relative;
	}

#certificate #cert_detail .movie p.thumbnail{
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:360px;
	height:203px;
	box-sizing:border-box;
	z-index:5;
	}
#certificate #cert_detail .movie p img{width:100%;}

#certificate #cert_detail .movie p.photo{
	position:absolute;
	bottom:0;
	right:30px;
	width:180px;
	z-index:6;
	}
#certificate #cert_detail .movie p.back{
	margin:0 auto;
	position:relative;
	width:450px;
	height:auto;
	}

#certificate #cert_comment{
	margin:0 30px;
	width:614px;
	height:480px;
	display:flex;
	flex-wrap:wrap;
	flex-grow:1;
	}
#certificate #cert_comment dl{
	margin:0 auto 5px;
	padding:5px 0;
	border-radius:6px;
	width:614px;
	background:var(--color_second_back);
	font-size:12px;
	line-height:1.4;
	}

#certificate #cert_comment dt{
	margin:0 20px 5px;
	border-radius:30px;
	width:160px;
	color:var(--color_first);
	line-height:16px;
	background:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
#certificate #cert_comment dd{margin:0 20px;}

#certificate #cert_comment ul{margin:0 0 0 20px;}
#certificate #cert_comment li{}
#certificate #cert_comment li span{font-size:10px;font-weight:bold;}

#certificate #cert_footer{
	margin:0 30px;
	height:40px;
	text-align:right;
	}
#certificate #cert_footer p{text-align:right;}

/* -------------------------------------------------------------- */