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

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

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

/* ----- ヘッダ ----- */
.mainContents__Sec-header {
	position: relative;
	height: auto;
	overflow: hidden;
}
.mainContents__Sec-header-titleArea {
	position: relative;
	padding: calc(236vw / 7.5) 0 calc(48vw / 7.5);
}
.mainContents__Sec-header-bgMovie {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: calc(-86.333vw / 7.5);;
	margin: auto;
	height: calc(519vw / 7.5);
	overflow: hidden;
}
.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: calc(4.5vw / 7.5) calc(4.5vw / 7.5) calc(4.5vw / 7.5) rgba(0,0,0,0.8);
}
.mainContents__Sec-header-titleArea-mainTitle .eventCopy {
	font-size: calc(31vw / 7.5);
	line-height: calc(33em / 31);
	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: calc(6vw / 7.5);
	font-family: 'Noto Serif JP';
	font-size: calc(70vw / 7.5);
	line-height: calc(72em / 70);
	font-style: normal;
	font-weight: 500;
	text-align: center;
	letter-spacing: -0.010em;
	display: block;
}
.mainContents__Sec-header-titleArea-mainTitle .subTitle {
	margin-top: calc(12vw / 7.5);
	font-size: calc(31vw / 7.5);
	line-height: calc(33em / 31);
	font-weight: bold;
	text-shadow: calc(3vw / 7.5) calc(3vw / 7.5) calc(3vw / 7.5) rgba(0,0,0,0.8);
	display: block;
}
.mainContents__Sec-header-titleArea-mainTitle .pageTitle {
	margin: calc(30vw / 7.5) auto 0;
	width: calc(260vw / 7.5);
	font-size: calc(37vw / 7.5);
	line-height: calc(60em / 37);
	font-weight: bold;
	text-shadow: none;
	border-radius: calc(4.5vw / 7.5);
	background: #CD9B2F;
}

/* ----- このページの動画 ----- */
.mainContents__Sec-thumbnailArea {
	margin: 0 auto;
	width: calc(670vw / 7.5);
	padding: calc(69vw / 7.5) 0 0;
	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;
	padding: 0 calc(20vw / 7.5);
	font-size: calc(25vw / 7.5);
	line-height: calc(48em / 25);
	color: #FFF;
	background: #808080;
}
.mainContents__Sec-thumbnailArea .outer {
}
.mainContents__Sec-thumbnailArea .box {
	float: left;
	margin: calc(36vw / 7.5) 0 0;
}
.mainContents__Sec-thumbnail {
	float: left;
	margin-right: calc(30vw / 7.5);
	width: calc(320vw / 7.5);
}
.mainContents__Sec-thumbnailArea .eventTag {
	margin-left: calc(350vw / 7.5);
	padding: calc(9vw / 7.5) calc(10vw / 7.5);
	font-size: calc(21vw / 7.5);
	line-height: calc(21em / 21);
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.mainContents__Sec-thumbnailArea .eventTag.pre {
	margin-left: calc(350vw / 7.5);
	width: calc(150vw / 7.5);
	letter-spacing: -0.060em;
	background: #5AC5CE;
}
.mainContents__Sec-thumbnailArea .eventTag.first {
	margin-left: calc(350vw / 7.5);
	width: calc(80vw / 7.5);
	background: #E77E2F;
}
.mainContents__Sec-thumbnailArea .eventTag.second {
	margin-left: calc(350vw / 7.5);
	width: calc(80vw / 7.5);
	background: #EE5B6E;
}
.mainContents__Sec-thumbnailArea .eventCategory {
	margin: calc(18vw / 7.5) 0 0 calc(350vw / 7.5);
	width: calc(320vw / 7.5);
	font-size: calc(28vw / 7.5);
	line-height: calc(30em / 28);
	font-weight: bold;
}
.mainContents__Sec-thumbnailArea .eventSpeaker {
	margin: calc(12vw / 7.5) 0 0 calc(350vw / 7.5);
	width: calc(320vw / 7.5);
	font-size: calc(25vw / 7.5);
	line-height: calc(33em / 25);
	font-weight: bold;
}

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

/* ----- 開催レポート ----- */
.mainContents__Sec-reportArea {
	margin: 0 auto;
	width: calc(670vw / 7.5);
	padding-bottom: calc(138vw / 7.5);
	background: #FFF;
}
.mainContents__Sec-report {
	padding-top: calc(69vw / 7.5);
}
.mainContents__Sec-report-titleArea {
}
.mainContents__Sec-report-titleArea .eventTag {
	float: left;
	padding: calc(9vw / 7.5) calc(10vw / 7.5);
	font-size: calc(21vw / 7.5);
	line-height: calc(21em / 21);
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.mainContents__Sec-report-titleArea .eventTag.pre {
	width: calc(150vw / 7.5);
	letter-spacing: -0.060em;
	background: #5AC5CE;
}
.mainContents__Sec-report-titleArea .eventTag.first {
	width: calc(80vw / 7.5);
	background: #E77E2F;
}
.mainContents__Sec-report-titleArea .eventTag.second {
	width: calc(80vw / 7.5);
	background: #EE5B6E;
}
.mainContents__Sec-report-titleArea .eventCategory {
	float: left;
	margin-left: calc(30vw / 7.5);
	font-size: calc(28vw / 7.5);
	line-height: calc(39em / 28);
	font-weight: bold;
}
.mainContents__Sec-report-titleArea .title {
	margin-top: calc(30vw / 7.5);
	font-family: 'Noto Serif JP';
	font-size: calc(61vw / 7.5);
	line-height: calc(78em / 61);
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.010em;
}
.mainContents__Sec-report-leadArea {
	padding-top: calc(48vw / 7.5);
}
.mainContents__Sec-report-leadArea .lead {
	font-size: calc(25vw / 7.5);
	line-height: calc(39em / 25);
}
.mainContents__Sec-report-movieArea {
	padding-top: calc(60vw / 7.5);
}
.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: calc(66vw / 7.5);
}
.mainContents__Sec-report-speakerArea .speakerInfo {
	width: calc(670vw / 7.5);
	padding: calc(30vw / 7.5);
	border-radius: calc(9vw / 7.5);
	background: #F5EBD5;
}
.mainContents__Sec-report-speakerArea .speakerInfo .name {
	font-size: calc(28vw / 7.5);
	line-height: calc(39em / 28);
	font-weight: bold;
}
.mainContents__Sec-report-speakerArea .speakerInfo .introduce {
	margin-top: calc(27vw / 7.5);
	font-size: calc(25vw / 7.5);
	line-height: calc(39em / 25);
}
.mainContents__Sec-report-speakerArea .speakerCareer {
	margin-top: calc(48vw / 7.5);
}
.mainContents__Sec-report-speakerArea .speakerCareer .photo {
	float: left;
	width: calc(130vw / 7.5);
}
.mainContents__Sec-report-speakerArea .speakerCareer .name {
	float: right;
	width: calc(510vw / 7.5);
	font-size: calc(22vw / 7.5);
	line-height: calc(30em / 22);
	font-weight: bold;
}
.mainContents__Sec-report-speakerArea .speakerCareer .career {
	float: right;
	width: calc(510vw / 7.5);
	margin-top: calc(15vw / 7.5);
	font-size: calc(19vw / 7.5);
	line-height: calc(27em / 19);
}