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

/* ------------------------------ SP ------------------------------ */

/* -------------------- キックオフイベントページ -------------------- */
/* ---------- コンテンツ ---------- */
.mainContents__Sec {
}

/* ----- 概要 ----- */
.mainContents__Sec-outline {
	position: relative;
}
	.mainContents__Sec-outline-titleArea {
		position: relative;
		height: calc(600vw / 7.5);
		padding-top: calc(180vw / 7.5);
		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指定に必要 */
			width: 100%;
			padding: 0;
			z-index: 99;
		}
			.mainContents__Sec-outline-titleArea .eventYear {
				margin-top: calc(30vw / 7.5);
				font-size: calc(34vw / 7.5);
				line-height: calc(36 / 34);
				font-weight: bold;
				text-align: center;
				color: #FFF;
				text-shadow: calc(3vw / 7.5) calc(3vw / 7.5) calc(4.5vw / 7.5) rgba(0, 0, 0, 0.65);
			}
			.mainContents__Sec-outline-titleArea .eventTitle {
				margin-top: calc(12vw / 7.5);
				padding-right: calc(5vw / 7.5);
				font-family: 'Noto Serif JP';
				font-size: calc(70vw / 7.5);
				line-height: calc(72 / 70);
				font-weight: 600; /* Semi-bold */
				font-style: normal;
				text-align: center;
				color: #FFF;
				text-shadow: calc(3vw / 7.5) calc(3vw / 7.5) calc(4.5vw / 7.5) rgba(0, 0, 0, 0.65);
			}
			.mainContents__Sec-outline-titleArea .eventSubTitle {
				margin-top: calc(12vw / 7.5);
				font-size: calc(25vw / 7.5);
				line-height: calc(27 / 25);
				font-weight: bold;
				text-align: center;
				color: #FFF;
				text-shadow: calc(3vw / 7.5) calc(3vw / 7.5) calc(4.5vw / 7.5) rgba(0, 0, 0, 0.65);
			}
			.mainContents__Sec-outline-titleArea .contentsTitle {
				margin: calc(30vw / 7.5) auto 0;
				width: calc(300vw / 7.5);
				padding: calc(9vw / 7.5) calc(10vw / 7.5);
				font-size: calc(34vw / 7.5);
				line-height: calc(39 / 34);
				font-weight: bold;
				text-align: center;
				color: #000;
				background: #F8CD04;
				border-radius: calc(6vw / 7.5);
			}
		.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; /* pxで指定 */
			z-index: 9;
		}

/* ----- 動画サムネイル ----- */
.mainContents__Sec-thumbnailArea {
	position: relative;
	padding-top: calc(66vw / 7.5);
	background: #FFF;
}
	.mainContents__Sec-thumbnailArea .outer {
		margin: 0 auto;
		width: calc(750vw / 7.5);
		padding: 0 calc(40vw / 7.5);
	}
		.mainContents__Sec-thumbnailArea .header {
			padding: calc(9vw / 7.5) calc(20vw / 7.5);
			font-size: calc(25vw / 7.5);
			line-height: calc(27 / 25);
			text-align: center;
			background: #E6E6E6;
		}
		.mainContents__Sec-thumbnailArea .inner {
			margin-top: calc(60vw / 7.5);
		}
			.mainContents__Sec-thumbnailArea .boxLeft {
			}
				.mainContents__Sec-thumbnailArea .thumbnail {
					margin: 0 auto;
					width: calc(500vw / 7.5);
				}
				.mainContents__Sec-thumbnailArea .double .thumbnail {
					float: left;
					margin-left: calc(10vw / 7.5);
					width: calc(330vw / 7.5);
				}
					.mainContents__Sec-thumbnailArea .double .thumbnail:first-child {
						margin-left: 0;
					}
			.mainContents__Sec-thumbnailArea .boxRight {
				margin-top: calc(42vw / 7.5);
			}
				.mainContents__Sec-thumbnailArea .tag {
					margin: 0 auto;
					width: calc(250vw / 7.5);
					padding: calc(8vw / 7.5) calc(10vw / 7.5);
					font-size: calc(25vw / 7.5);
					line-height: calc(30 / 25);
					font-weight: bold;
					text-align: center;
					letter-spacing: -0.050em;
					color: #FFF;
					border: #FFF calc(2vw / 7.5) solid;
					box-shadow: calc(4.5vw / 7.5) calc(4.5vw / 7.5) calc(6vw / 7.5) 0 rgba(0, 0, 0, 0.35);
				}
					.mainContents__Sec-thumbnailArea .tag.kickoff {
						background: #94C44C;
					}
					.mainContents__Sec-thumbnailArea .tag.symposium {
						width: calc(185vw / 7.5);
						background: #2E5075;
					}
				.mainContents__Sec-thumbnailArea .title {
					margin-top: calc(21vw / 7.5);
					font-family: 'Noto Serif JP';
					font-size: calc(61vw / 7.5);
					line-height: calc(69 / 61);
					font-weight: 600; /* Semi-bold */
					font-style: normal;
					text-align: center;
				}
				.mainContents__Sec-thumbnailArea .category {
					margin-top: calc(27vw / 7.5);
					font-size: calc(28vw / 7.5);
					line-height: calc(30 / 28);
					font-weight: bold;
					text-align: center;
				}
				.mainContents__Sec-thumbnailArea .mainTheme {
					margin-top: calc(18vw / 7.5);
					font-family: 'Noto Serif JP';
					font-size: calc(52vw / 7.5);
					line-height: calc(57 / 52);
					font-weight: 600; /* Semi-bold */
					font-style: normal;
					text-align: center;
				}
				.mainContents__Sec-thumbnailArea .subTheme {
					margin-top: calc(12vw / 7.5);
					font-size: calc(28vw / 7.5);
					line-height: calc(30 / 28);
					font-weight: bold;
					text-align: center;
				}
				.mainContents__Sec-thumbnailArea .speaker {
					margin-top: calc(15vw / 7.5);
					font-size: calc(25vw / 7.5);
					line-height: calc(33 / 25);
					font-weight: bold;
					text-align: center;
				}
				.mainContents__Sec-thumbnailArea .btnArea {
					margin-bottom: calc(90vw / 7.5);
				}
					.mainContents__Sec-thumbnailArea .btn {
						margin: calc(42vw / 7.5) auto 0;
						width: calc(250vw / 7.5);
					}
					.mainContents__Sec-thumbnailArea .btn:nth-of-type(2) {
						margin-top: calc(15vw / 7.5);
					}
					.mainContents__Sec-thumbnailArea .btn.wide {
						width: calc(330vw / 7.5);
					}
						.mainContents__Sec-thumbnailArea .btn a {
							padding: calc(12vw / 7.5) calc(10vw / 7.5);
							font-size: calc(25vw / 7.5);
							line-height: calc(30 / 25);
							font-weight: bold;
							text-align: center;
							color: #FFF;
							background: #30A1A3;
							border-radius: calc(27vw / 7.5);
							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: calc(380vw / 7.5);
					}
						.mainContents__Sec-thumbnailArea .btn.wide a {
							background: #D8481D;
						}
						.mainContents__Sec-thumbnailArea .btn a i { /* 上書き */
							padding-left: 0.35em;
						}
					/* 開催前 ここまで↑ */

/* ----- 区切り罫 ----- */
hr {
	margin: 0 auto calc(90vw / 7.5);
	width: calc(700vw / 7.5);
	border-top: calc(1vw / 7.5) solid #808080;
}

/* ----- コンテンツ ----- */
.mainContents__Sec-contents {
	position: relative;
	background: #FFF;
}
	.mainContents__Sec-contents .outer {
		margin: 0 auto;
		width: calc(750vw / 7.5);
		padding: 0 calc(40vw / 7.5);
	}
		.mainContents__Sec-contents .tag {
			margin: 0 auto;
			width: calc(250vw / 7.5);
			padding: calc(8vw / 7.5) calc(10vw / 7.5);
			font-size: calc(25vw / 7.5);
			line-height: calc(30 / 25);
			font-weight: bold;
			text-align: center;
			letter-spacing: -0.050em;
			color: #FFF;
			border: #FFF calc(2vw / 7.5) solid;
			box-shadow: calc(4.5vw / 7.5) calc(4.5vw / 7.5) calc(6vw / 7.5) 0 rgba(0, 0, 0, 0.35);
		}
			.mainContents__Sec-contents .tag.kickoff {
				background: #94C44C;
			}
			.mainContents__Sec-contents .tag.symposium {
				width: calc(185vw / 7.5);
				background: #2E5075;
			}
		.mainContents__Sec-contents .title {
			margin-top: calc(21vw / 7.5);
			font-family: 'Noto Serif JP';
			font-size: calc(61vw / 7.5);
			line-height: calc(69 / 61);
			font-weight: 600; /* Semi-bold */
			font-style: normal;
			text-align: center;
		}
		.mainContents__Sec-contents .lead {
			margin-top: calc(60vw / 7.5);
			font-size: calc(25vw / 7.5);
			line-height: calc(39 / 25);
		}
		.mainContents__Sec-contents-movieArea {
			padding-top: calc(108vw / 7.5);
		}
			.mainContents__Sec-contents-movieArea .category {
				font-size: calc(31vw / 7.5);
				line-height: calc(33 / 31);
				font-weight: bold;
				text-align: center;
			}
			.mainContents__Sec-contents-movieArea .video {
				margin-top: calc(21vw / 7.5);
				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: calc(72vw / 7.5);
		}
			.mainContents__Sec-contents-speakerInfoArea .speakerArea {
				padding: calc(30vw / 7.5);
				border-radius: calc(9vw / 7.5);
			}
			.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(28vw / 7.5);
					line-height: calc(36 / 28);
					font-weight: bold;
				}
				.mainContents__Sec-contents-speakerInfoArea .speakerArea .introduce {
					margin-top: calc(21vw / 7.5);
					font-size: calc(25vw / 7.5);
					line-height: calc(39 / 25);
				}
			.mainContents__Sec-contents-speakerInfoArea .careerArea {
				margin: calc(51vw / 7.5) 0 calc(90vw / 7.5);
			}
				.mainContents__Sec-contents-speakerInfoArea .careerArea .photo {
					float: left;
					width: calc(130vw / 7.5);
				}
				.mainContents__Sec-contents-speakerInfoArea .careerArea .name {
					float: right;
					width: calc(515vw / 7.5);
					font-size: calc(22vw / 7.5);
					line-height: calc(30 / 22);
					font-weight: bold;
				}
				.mainContents__Sec-contents-speakerInfoArea .careerArea .career {
					float: right;
					margin-top: calc(15vw / 7.5);
					width: calc(515vw / 7.5);
					font-size: calc(19vw / 7.5);
					line-height: calc(27 / 19);
				}
		.mainContents__Sec-contents .inner {
			margin: 0 auto;
		}
			.mainContents__Sec-contents .panelDiscussion .category {
				font-size: calc(31vw / 7.5);
				line-height: calc(33 / 31);
				font-weight: bold;
			}
			.mainContents__Sec-contents .panelDiscussion .mainTheme {
				margin-top: calc(33vw / 7.5);
				font-family: 'Noto Serif JP';
				font-size: calc(52vw / 7.5);
				line-height: calc(60 / 52);
				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: calc(18vw / 7.5);
				font-size: calc(37vw / 7.5);
				line-height: calc(39 / 37);
				font-weight: bold;
			}
			.mainContents__Sec-contents .panelDiscussion .lead {
				margin-top: calc(60vw / 7.5);
				font-size: calc(25vw / 7.5);
				line-height: calc(39 / 25);
			}
			.mainContents__Sec-contents-speakerInfoArea .panelDiscussion {
				padding: calc(30vw / 7.5);
				border-radius: calc(9vw / 7.5);
				background: #EAEDF1;
			}
			.mainContents__Sec-contents-speakerInfoArea .panelDiscussion .head {
				font-size: calc(25vw / 7.5);
				line-height: calc(36 / 25);
				font-weight: bold;
			}
			.mainContents__Sec-contents-speakerInfoArea .panelDiscussion .name {
				margin-top: calc(12vw / 7.5);
				font-size: calc(28vw / 7.5);
				line-height: calc(36 / 28);
				font-weight: bold;
			}

/* バナー */
.mainContents__Sec-banner {
	position: relative;
	padding: calc(96vw / 7.5) 0;
	background: #FFF;
}
	.mainContents__Sec-banner .banner {
		margin: 0 auto;
		width: calc(580vw / 7.5);
	}
		.mainContents__Sec-banner .banner a {
			width: calc(580vw / 7.5);
			height: calc(234vw / 7.5);
			transition: all 0.35s;
		}
		.mainContents__Sec-banner .banner a:hover {
			opacity: 0.65;
		}