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

/* ------------------------------ PC ------------------------------ */

/* -------------------- 開催レポートページ -------------------- */
/* ---------- コンテンツ ---------- */
.mainContents__Sec {
}

/* ----- ヘッダ ----- */
.mainContents__Sec-header {
	position: relative;
	height: auto; /* 480px */
	overflow: hidden;
}
.mainContents__Sec-header-titleArea {
	position: relative;
	padding: 270px 0 114px;  /* 141px 0 90px; */
}
.mainContents__Sec-header-bgMovie {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	min-width: 100%;
}
.mainContents__Sec-header-dot {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../../images/dot.png) repeat;
	background-size: 4px 4px; /* pxで指定 */
}
.mainContents__Sec-header-titleArea-mainTitle {
	text-align: center;
	color: #FFF;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.8);
}
.mainContents__Sec-header-titleArea-mainTitle .eventCopy {
	font-size: calc(28rem / 16);
	line-height: calc(30em / 28);
	font-weight: bold;
	letter-spacing: 0.040em;
	display: block;
}
.mainContents__Sec-header-titleArea-mainTitle .eventCopy span {
	font-family: 'Noto Serif JP';
	font-style: normal;
	font-weight: 700;
}
.mainContents__Sec-header-titleArea-mainTitle .eventTitle {
	margin-top: 9px;
	font-family: 'Noto Serif JP';
	font-size: calc(64rem / 16);
	line-height: calc(66em / 64);
	font-style: normal;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.010em;
	display: block;
}
.mainContents__Sec-header-titleArea-mainTitle .subTitle {
	margin-top: 21px;
	font-size: calc(28rem / 16);
	line-height: calc(30em / 28);
	font-weight: bold;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	display: block;
}
.mainContents__Sec-header-titleArea-mainTitle .pageTitle {
	margin: 39px auto 0;
	width: 220px;
	font-size: calc(31rem / 16);
	line-height: calc(54em / 31);
	font-weight: bold;
	text-shadow: none;
	border-radius: 3px;
	background: #CD9B2F;
}

/* ----- このページの動画 ----- */
.mainContents__Sec-thumbnailArea {
	margin: 0 auto;
	width: 1280px;
	padding: 60px 70px 0 70px;
	background: #FFF;
}
.mainContents__Sec-thumbnailArea a {
	color: #000;
	transition: all 0.3s ease;
}
.mainContents__Sec-thumbnailArea a:hover {
	opacity: 0.5;
}
.mainContents__Sec-thumbnailTitle {
	margin: 0 auto;
	width: 1080px;
	padding: 0 20px;
	font-size: calc(22rem / 16);
	line-height: calc(42em / 22);
	color: #FFF;
	background: #808080;
}
.mainContents__Sec-thumbnailArea .outer {
}
.mainContents__Sec-thumbnailArea .box {
	float: left;
	margin: 36px 30px 0;
	width: 320px;
}
.mainContents__Sec-thumbnail {
	width: 320px;
}
.mainContents__Sec-thumbnailArea .eventTag {
	margin-top: 21px;
	padding: 6px 5px;
	font-size: calc(18rem / 16);
	line-height: calc(18em / 18);
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.mainContents__Sec-thumbnailArea .eventTag.pre {
	width: 130px;
	letter-spacing: -0.060em;
	background: #5AC5CE;
}
.mainContents__Sec-thumbnailArea .eventTag.first {
	width: 70px;
	background: #E77E2F;
}
.mainContents__Sec-thumbnailArea .eventTag.second {
	width: 70px;
	background: #EE5B6E;
}
.mainContents__Sec-thumbnailArea .eventCategory {
	margin-top: 12px;
	font-size: calc(22rem / 16);
	line-height: calc(24em / 22);
	font-weight: bold;
}
.mainContents__Sec-thumbnailArea .eventSpeaker {
	margin-top: 12px;
	font-size: calc(19rem / 16);
	line-height: calc(27em / 19);
	font-weight: bold;
}

/* ----- 区切り罫 ----- */
hr{
	margin: 72px auto 0;
	width: 1080px;
	border-top: 1px solid #808080;
}

/* ----- 開催レポート ----- */
.mainContents__Sec-reportArea {
	margin: 0 auto;
	width: 1280px;
	padding: 0 100px 144px;
	background: #FFF;
}
.mainContents__Sec-report {
	padding-top: 72px;
}
.mainContents__Sec-report-titleArea {
}
.mainContents__Sec-report-titleArea .eventTag {
	float: left;
	padding: 6px 5px;
	font-size: calc(18rem / 16);
	line-height: calc(18em / 18);
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.mainContents__Sec-report-titleArea .eventTag.pre {
	width: 130px;
	letter-spacing: -0.060em;
	background: #5AC5CE;
}
.mainContents__Sec-report-titleArea .eventTag.first {
	width: 70px;
	background: #E77E2F;
}
.mainContents__Sec-report-titleArea .eventTag.second {
	width: 70px;
	background: #EE5B6E;
}
.mainContents__Sec-report-titleArea .eventCategory {
	float: left;
	margin-left: 20px;
	font-size: calc(22rem / 16);
	line-height: calc(30em / 22);
	font-weight: bold;
}
.mainContents__Sec-report-titleArea .title {
	margin-top: 24px;
	font-family: 'Noto Serif JP';
	font-size: calc(52rem / 16);
	line-height: calc(66em / 52);
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.010em;
}
.mainContents__Sec-report-leadArea {
	padding-top: 36px;
}
.mainContents__Sec-report-leadArea .lead {
	font-size: calc(19rem / 16);
	line-height: calc(36em / 19);
}
.mainContents__Sec-report-movieArea {
	padding-top: 66px;
}
.mainContents__Sec-report-movieArea .video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;	/* 16:9 */
}
.mainContents__Sec-report-movieArea .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mainContents__Sec-report-speakerArea {	
	padding-top: 60px;
}
.mainContents__Sec-report-speakerArea .speakerInfo {
	float: left;
	width: 710px;
	padding: 30px;
	border-radius: 6px;
	background: #F5EBD5;
}
.mainContents__Sec-report-speakerArea .speakerInfo .name {
	font-size: calc(22rem / 16);
	line-height: calc(33em / 22);
	font-weight: bold;
}
.mainContents__Sec-report-speakerArea .speakerInfo .introduce {
	margin-top: 24px;
	font-size: calc(19rem / 16);
	line-height: calc(33em / 19);
}
.mainContents__Sec-report-speakerArea .speakerCareer {
	float: right;
	width: 330px;
}
.mainContents__Sec-report-speakerArea .speakerCareer .photo {
	float: left;
	width: 130px;
}
.mainContents__Sec-report-speakerArea .speakerCareer .name {
	float: right;
	width: 180px;
	font-size: calc(19rem / 16);
	line-height: calc(27em / 19);
	font-weight: bold;
}
.mainContents__Sec-report-speakerArea .speakerCareer .career {
	float: left;
	margin-top: 21px;
	width: 330px;
	font-size: calc(16rem / 16);
	line-height: calc(24em / 16);
}