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

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

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

/* ----- 概要 ----- */
.mainContents__Sec-outline {
	position: relative;
}
	.mainContents__Sec-outline-titleArea {
		position: relative;
		height: 564px;
		padding-top: 116px;
		background: url(../../images/mainContents__Sec-report-bg.jpg) no-repeat;
		background-position: center center;
		background-size: cover;
	}
		.mainContents__Sec-outline-titleArea .box {
			position: relative; /* z-index指定に必要 */
			margin: 0 auto;
			width: 1280px;
			padding: 0 160px;
			z-index: 99;
		}
			.mainContents__Sec-outline-titleArea .eventYear {
				margin-top: 93px;
				font-size: calc(37rem / 16);
				line-height: calc(39em / 37);
				font-weight: bold;
				text-align: center;
				color: #FFF;
				text-shadow: 3px 3px 4.5px rgba(0, 0, 0, 0.65);
			}
			.mainContents__Sec-outline-titleArea .eventTitle {
				margin-top: 12px;
				font-family: 'Noto Serif JP';
				font-size: calc(64rem / 16);
				line-height: calc(72em / 64);
				font-weight: 600; /* Semi-bold */
				font-style: normal;
				text-align: center;
				color: #FFF;
				text-shadow: 3px 3px 4.5px rgba(0, 0, 0, 0.65);
			}
			.mainContents__Sec-outline-titleArea .eventSubTitle {
				margin-top: 12px;
				font-size: calc(25rem / 16);
				line-height: calc(27em / 25);
				font-weight: bold;
				text-align: center;
				color: #FFF;
				text-shadow: 3px 3px 4.5px rgba(0, 0, 0, 0.65);
			}
			.mainContents__Sec-outline-titleArea .contentsTitle {
				margin: 39px auto 0;
				width: 280px;
				padding: 9px 20px;
				font-size: calc(31rem / 16);
				line-height: calc(36em / 31);
				font-weight: bold;
				text-align: center;
				color: #000;
				background: #F8CD04;
				border-radius: 6px;
			}
		.mainContents__Sec-outline-titleArea .dot {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: url(../../images/mainContents__Sec-report-dot.png) repeat;
			background-position: center center;
			background-size: 4px 4px;
			z-index: 9;
		}

/* ----- 動画サムネイル ----- */
.mainContents__Sec-thumbnailArea {
	position: relative;
	padding-top: 72px;
	background: #FFF;
}
	.mainContents__Sec-thumbnailArea .outer {
		margin: 0 auto;
		width: 1280px;
		padding: 0 100px;
	}
		.mainContents__Sec-thumbnailArea .header {
			padding: 9px 20px;
			font-size: calc(22rem / 16);
			line-height: calc(24em / 22);
			text-align: center;
			background: #E6E6E6;
		}
		.mainContents__Sec-thumbnailArea .inner {
			margin-top: 48px;
		}
			.mainContents__Sec-thumbnailArea .boxLeft {
				position: relative;
				float: left;
				width: 400px;
			}
				.mainContents__Sec-thumbnailArea .thumbnail {
					margin-top: 18px;
					width: 400px;
				}
				.mainContents__Sec-thumbnailArea .thumbnail:first-child {
					margin-top: 0;
				}
			.mainContents__Sec-thumbnailArea .boxRight {
				position: relative;
				float: right;
				width: 640px;
				padding-bottom: 72px;
			}
				.mainContents__Sec-thumbnailArea .tag {
					width: 190px;
					padding: 8px 10px;
					font-size: calc(19rem / 16);
					line-height: calc(21em / 19);
					font-weight: bold;
					text-align: center;
					letter-spacing: -0.050em;
					color: #FFF;
					border: #FFF 1px solid;
					box-shadow: 3px 3px 4.5px 0 rgba(0, 0, 0, 0.35);
				}
					.mainContents__Sec-thumbnailArea .tag.kickoff {
						background: #94C44C;
					}
					.mainContents__Sec-thumbnailArea .tag.symposium {
						width: 140px;
						background: #2E5075;
					}
				.mainContents__Sec-thumbnailArea .title {
					margin-top: 21px;
					font-family: 'Noto Serif JP';
					font-size: calc(37rem / 16);
					line-height: calc(39em / 37);
					font-weight: 600; /* Semi-bold */
					font-style: normal;
				}
				.mainContents__Sec-thumbnailArea .category {
					margin-top: 27px;
					font-size: calc(22rem / 16);
					line-height: calc(24em / 22);
					font-weight: bold;
				}
				.mainContents__Sec-thumbnailArea .mainTheme {
					margin-top: 9px;
					font-family: 'Noto Serif JP';
					font-size: calc(31rem / 16);
					line-height: calc(33em / 31);
					font-weight: 600; /* Semi-bold */
					font-style: normal;
				}
				.mainContents__Sec-thumbnailArea .subTheme {
					margin: 12px 0 18px;
					font-size: calc(22rem / 16);
					line-height: calc(24em / 22);
					font-weight: bold;
				}
				.mainContents__Sec-thumbnailArea .speaker {
					margin-top: 12px;
					font-size: calc(19rem / 16);
					line-height: calc(21em / 19);
					font-weight: bold;
				}
				.mainContents__Sec-thumbnailArea .btnArea {
					position: absolute;
					right: 0;
					bottom: 0;
				}
					.mainContents__Sec-thumbnailArea .btn {
						float: left;
						margin-left: 15px;
						width: 190px;
					}
					.mainContents__Sec-thumbnailArea .btn.wide {
						width: 250px;
					}
						.mainContents__Sec-thumbnailArea .btn a {
							padding: 9px 10px;
							font-size: calc(19rem / 16);
							line-height: calc(24em / 19);
							font-weight: bold;
							text-align: center;
							color: #FFF;
							background: #30A1A3;
							border-radius: 21px;
							display: block;
							transition: all 0.35s ease;
						}
						.mainContents__Sec-thumbnailArea .btn a i {
							padding-right: 0.35em;
						}
						.mainContents__Sec-thumbnailArea .btn a:hover {
							opacity: 0.65;
						}
					/* 開催前 ここから↓ */
					.mainContents__Sec-thumbnailArea .btn.wide { /* 上書き */
						width: 280px;
					}
						.mainContents__Sec-thumbnailArea .btn.wide a {
							background: #D8481D;
						}
						.mainContents__Sec-thumbnailArea .btn a i { /* 上書き */
							padding-left: 0.35em;
						}
					/* 開催前 ここまで↑ */

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

/* ----- コンテンツ ----- */
.mainContents__Sec-contents {
	position: relative;
	background: #FFF;
}
	.mainContents__Sec-contents .outer {
		margin: 0 auto;
		width: 1280px;
		padding: 0 100px;
	}
		.mainContents__Sec-contents .tag {
			width: 190px;
			padding: 8px 10px;
			font-size: calc(19rem / 16);
			line-height: calc(21em / 19);
			font-weight: bold;
			text-align: center;
			letter-spacing: -0.050em;
			color: #FFF;
			border: #FFF 1px solid;
			box-shadow: 3px 3px 4.5px 0 rgba(0, 0, 0, 0.35);
		}
			.mainContents__Sec-contents .tag.kickoff {
				background: #94C44C;
			}
			.mainContents__Sec-contents .tag.symposium {
				width: 140px;
				background: #2E5075;
			}
		.mainContents__Sec-contents .title {
			margin-top: 27px;
			font-family: 'Noto Serif JP';
			font-size: calc(52rem / 16);
			line-height: calc(54em / 52);
			font-weight: 600; /* Semi-bold */
			font-style: normal;
		}
		.mainContents__Sec-contents .lead {
			margin-top: 39px;
			font-size: calc(19rem / 16);
			line-height: calc(33em / 19);
		}
		.mainContents__Sec-contents-movieArea {
			padding-top: 72px;
		}
			.mainContents__Sec-contents-movieArea .category {
				font-size: calc(22rem / 16);
				line-height: calc(27em / 22);
				font-weight: bold;
			}
			.mainContents__Sec-contents-movieArea .video {
				margin-top: 18px;
				position: relative;
				width: 100%;
				padding-top: 56.25%;	/* 16:9 */
			}
			.mainContents__Sec-contents-movieArea .video iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
		.mainContents__Sec-contents-speakerInfoArea {
			margin-top: 60px;
		}
			.mainContents__Sec-contents-speakerInfoArea .speakerArea {
				float: left;
				width: 710px;
				padding: 36px 30px 27px;
				border-radius: 6px;
			}
			.mainContents__Sec-contents-speakerInfoArea .speakerArea.kickoff {
				background: #EAF3DB;
			}
			.mainContents__Sec-contents-speakerInfoArea .speakerArea.symposium {
				background: #EAEDF1;
			}
				.mainContents__Sec-contents-speakerInfoArea .speakerArea .speaker {
					font-size: calc(22rem / 16);
					line-height: calc(24em / 22);
					font-weight: bold;
				}
				.mainContents__Sec-contents-speakerInfoArea .speakerArea .introduce {
					margin-top: 18px;
					font-size: calc(19rem / 16);
					line-height: calc(33em / 19);
				}
			.mainContents__Sec-contents-speakerInfoArea .careerArea {
				float: right;
				width: 320px;
			}
				.mainContents__Sec-contents-speakerInfoArea .careerArea .photo {
					float: left;
					width: 130px;
				}
				.mainContents__Sec-contents-speakerInfoArea .careerArea .name {
					float: right;
					width: 170px;
					font-size: calc(19rem / 16);
					line-height: calc(27em / 19);
					font-weight: bold;
				}
				.mainContents__Sec-contents-speakerInfoArea .careerArea .career {
					float: left;
					margin-top: 27px;
					width: 320px;
					font-size: calc(16rem / 16);
					line-height: calc(24em / 16);
				}
		.mainContents__Sec-contents .inner {
			margin: 63px auto 0;
		}
			.mainContents__Sec-contents .panelDiscussion .category {
				font-size: calc(22rem / 16);
				line-height: calc(27em / 22);
				font-weight: bold;
			}
			.mainContents__Sec-contents .panelDiscussion .mainTheme {
				margin-top: 24px;
				font-family: 'Noto Serif JP';
				font-size: calc(46rem / 16);
				line-height: calc(48em / 46);
				font-weight: 600; /* Semi-bold */
				font-style: normal;
			}
			.mainContents__Sec-contents .panelDiscussion .mainTheme .kerning {
				letter-spacing: -0.35em;
			}
			.mainContents__Sec-contents .panelDiscussion .subTheme {
				margin-top: 21px;
				font-size: calc(31rem / 16);
				line-height: calc(33em / 31);
				font-weight: bold;
			}
			.mainContents__Sec-contents .panelDiscussion .lead {
				margin-top: 48px;
				font-size: calc(19rem / 16);
				line-height: calc(33em / 19);
			}
			.mainContents__Sec-contents-speakerInfoArea .panelDiscussion {
				width: 1080px;
				padding: 36px 32px 27px;
				border-radius: 6px;
				background: #EAEDF1;
			}
			.mainContents__Sec-contents-speakerInfoArea .panelDiscussion .head {
				margin-bottom: 9px;
				font-size: calc(19rem / 16);
				line-height: calc(21em / 19);
				font-weight: bold;
			}
			.mainContents__Sec-contents-speakerInfoArea .panelDiscussion .name {
				font-size: calc(22rem / 16);
				line-height: calc(36em / 22);
				font-weight: bold;
			}

/* バナー */
.mainContents__Sec-banner {
	position: relative;
	padding: 96px 0;
	background: #FFF;
}
.mainContents__Sec-banner .banner {
	margin: 0 auto;
	width: 820px;
}
	.mainContents__Sec-banner .banner a {
		width: 820px;
		height: 102px;
		transition: all 0.35s;
	}
	.mainContents__Sec-banner .banner a:hover {
		opacity: 0.65;
	}