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

/* ------------------------------ SP ------------------------------ */
body {
}

/* -------------------- ローディングエリア -------------------- */
#contents {
	position: relative;
}
	#contents::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100vh;
		background-image: url(body-bg.webp);
		background-repeat: no-repeat;
		background-position: left calc(-420vw / 7.8) bottom;
		background-size: calc(2560vw / 7.8);
		display: block;
	}

/* -------------------- ヘッダ -------------------- */
header {
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
	.header__catchCopy {
		position: relative;
		width: calc(600vw / 7.8);
		padding: calc(24vw / 7.8) calc(30vw / 7.8) calc(24vw / 7.8) calc(70vw / 7.8);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 7.5% 100%);
		background-color: #2d438b;
	}
	.header__sponsorship {
		margin: calc(36vw / 7.8) calc(50vw / 7.8) 0;
		width: calc(680vw / 7.8);
		font-size: calc(28vw / 7.8);
		line-height: calc(30 / 28);
		font-weight: 400; /* Regular */
		text-align: center;
	}

/* -------------------- メイン -------------------- */
.main {
	padding-top: 0;
}

/* メインタイトル */
.mainTitle {
}
	.mainTitle-outer {
	}
		.mainTitle__title {
			padding-top: calc(57vw / 7.8);
			display: flex;
			flex-direction: column;
			align-items: center;
			}
				.mainTitle__title-label {
					width: calc(280vw / 7.8);
				}
				.mainTitle__title-catchCopy {
					margin-top: calc(27vw / 7.8);
					width: calc(680vw / 7.8);
				}
				.mainTitle__title-mainTitle {
					margin-top: calc(21vw / 7.8);
					width: calc(560vw / 7.8);
				}
				.mainTitle__title-subTitle {
					margin-top: calc(24vw / 7.8);
					width: calc(680vw / 7.8);
					display: flex;
					align-items: center;
				}
					.mainTitle__title-subTitle img {
						width: calc(500vw / 7.8);
					}
					.mainTitle__title-subTitle::before,
					.mainTitle__title-subTitle::after {
						height: calc(1.5vw / 7.8);
						content: '';
						background-color: #000;
						flex-grow: 1;
					}
					.mainTitle__title-subTitle::before {
						margin-right: calc(15vw / 7.8);
					}
					.mainTitle__title-subTitle::after {
						margin-left: calc(15vw / 7.8);
					}
				.mainTitle__title-information {
					margin-top: calc(30vw / 7.8);
					width: calc(680vw / 7.8);
					padding: calc(calc(24vw / 7.8) - calc(4vw / 7.8)) calc(calc(20vw / 7.8) - calc(4vw / 7.8)) calc(calc(36vw / 7.8) - calc(4vw / 7.8));
					border: calc(4vw / 7.8) #aa8f39 solid;
					background-color: #fff;
					border-radius: calc(15vw / 7.8);
					display: flex;
					flex-direction: column;
					align-items: center;
				}
					.mainTitle__title-information-box {
					}
						.mainTitle__title-information-date {
							padding-left: calc(10vw / 7.8);
							font-size: calc(58vw / 7.8);
							line-height: calc(114 / 112);
							letter-spacing: 0.015em;
							font-weight: 800; /* ExtraBold */
						}
							.mainTitle__title-information-date .large {
								font-size: calc(112vw / 7.8);
							}
							.mainTitle__title-information-date .kerning {
								letter-spacing: -0.025em;
							}
						.mainTitle__title-information-time {
							margin-top: calc(3vw / 7.8);
							font-size: calc(49vw / 7.8);
							line-height: calc(51 / 49);
							font-weight: 800; /* ExtraBold */
							letter-spacing: 0.015em;
							text-align: center;
						}
						.mainTitle__title-information-conditions {
							margin-top: calc(12vw / 7.8);
							font-size: calc(28vw / 7.8);
							line-height: calc(42 / 28);
							font-weight: 600; /* SemiBold */
							letter-spacing: 0;
							text-align: center;
						}
							.mainTitle__title-information-conditions i {
								margin: 0 0.25em 0 1em; /* 上書き */
								color: #00afda;
							}
								.mainTitle__title-information-conditions i:nth-of-type(1),
								.mainTitle__title-information-conditions i:nth-of-type(4) {
									margin-left: 0;
								}
						.mainTitle__title-information-btn-apply a {
							margin: calc(24vw / 7.8) 0 calc(6vw / 7.8);
							width: calc(320vw / 7.8);
							padding: calc(18vw / 7.8) 0 calc(15vw / 7.8);
							font-size: calc(37vw / 7.8);
							line-height: calc(45 / 37);
							font-weight: 700; /* Bold */
							letter-spacing: 0.065em;
							text-align: center;
							color: #FFF;
							background: linear-gradient(180deg, rgba(255,167,61,1) 0%, rgba(255,134,12,1) 100%);
							border-radius: calc(12vw / 7.8);
							box-shadow: 0 calc(9vw / 7.8) calc(24vw / 7.8) rgba(0, 0, 0, 0.35);
							display: block;
							transition: all 0.15s ease;
						}
							.mainTitle__title-information-btn-apply a:hover {
								margin: calc(30vw / 7.8) 0 0;
								box-shadow: 0 calc(9vw / 7.8) calc(18vw / 7.8) rgba(0, 0, 0, 0.35);
								opacity: 0.85;
							}

/* メインコンテンツ */
.mainContents {
	display: flex;
	flex-direction: column;
	align-items: center;
}

	/* セミナー概要 overview */
	.mainContents__Sec-overview {
		position: relative;
		width: calc(680vw / 7.8);
	}
		.mainContents__Sec-overview .wrapper {
			margin-top: calc(72vw / 7.8);
		}
		.Sec-overview-head {
			font-family: 'NotoSerifJP_subset', serif;
			font-size: calc(37vw / 7.8);
			line-height: calc(39 / 37);
			font-weight: 700; /* Bold */
			letter-spacing: 0.015em;
			text-shadow: 0 0 calc(30vw / 7.8) rgba(255, 255, 255, 1);
			}
		.Sec-overview-lead {
			margin-top: calc(24vw / 7.8);
			font-size: calc(28vw / 7.8);
			line-height: calc(45 / 28);
			font-weight: 600; /* SemiBold */
			letter-spacing: 0.065em;
			text-shadow: 0 0 calc(24vw / 7.8) rgba(255, 255, 255, 1);
		}

	/* セミナー情報 information */
	.mainContents__Sec-information {
		position: relative;
		width: calc(680vw / 7.8);
	}
		.mainContents__Sec-information .wrapper {
			margin-top: calc(60vw / 7.8);
		}
			.Sec-information-head {
				font-family: 'NotoSerifJP_subset', serif;
				font-size: calc(37vw / 7.8);
				line-height: calc(39 / 37);
				font-weight: 700; /* Bold */
				letter-spacing: 0.015em;
				text-shadow: 0 0 calc(30vw / 7.8) rgba(255, 255, 255, 1);
				}
			.Sec-information {
				margin-top: calc(30vw / 7.8);
				padding: calc(27vw / 7.8) calc(30vw / 7.8);
				background: rgba(0, 175, 215, 0.20);
				border-radius: calc(15vw / 7.8);
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				gap: calc(15vw / 7.8) 0;
			}
				.Sec-information-title {
					width: calc(95vw / 7.8);
					font-size: calc(22vw / 7.8);
					line-height: calc(39 / 22);
					letter-spacing: 0.015em;
				}
				.Sec-information-data {
					width: calc(505vw / 7.8);
					font-size: calc(28vw / 7.8);
					line-height: calc(39 / 28);
					font-weight: 600; /* SemiBold */
					letter-spacing: 0.015em;
				}
					.Sec-information-data.large {
						font-size: calc(37vw / 7.8);
						line-height: calc(39 / 37);
					}
						.Sec-information-data.large .small {
							font-size: calc(25vw / 7.8);
						}
							.Sec-information-data.large .small.regular {
								font-weight: 400; /* Regular */
							}

	/* プログラム program */
	.mainContents__Sec-program {
		position: relative;
		width: calc(680vw / 7.8);
	}
		.mainContents__Sec-program .wrapper {
			margin-top: calc(72vw / 7.8);
		}
			.Sec-program-head {
				font-family: 'NotoSerifJP_subset', serif;
				font-size: calc(37vw / 7.8);
				line-height: calc(39 / 37);
				font-weight: 700; /* Bold */
				letter-spacing: 0.015em;
				text-shadow: 0 0 calc(30vw / 7.8) rgba(255, 255, 255, 1);
			}
			/* 第一部 */
			.Sec-program-1 {
				margin-top: calc(30vw / 7.8);
				border: calc(4vw / 7.8) #aa8f39 solid;
				padding: calc(calc(42vw / 7.8) - calc(4vw / 7.8)) calc(calc(40vw / 7.8) - calc(4vw / 7.8)) calc(calc(42vw / 7.8) - calc(4vw / 7.8));
				border: calc(4vw / 7.8) #aa8f39 solid;
				border-radius: calc(15vw / 7.8);
				background: #fff;
				box-shadow: 0 0 calc(48vw / 7.8) rgba(0, 0, 0, 0.25);

				.Sec-program-heading {
					margin-left: calc(-60vw / 7.8);
					width: calc(660vw / 7.8);
					font-size: calc(43vw / 7.8);
					line-height: calc(63 / 43);
					font-weight: 600; /* SemiBold */
					letter-spacing: 0.015em;
					color: #fff;
					display: flex;
					justify-content: space-between;
				}
					.Sec-program-heading-title {
						width: calc(175vw / 7.8);
						text-align: center;
						background: #00afda;
					}
					.Sec-program-heading-data {
						margin-left: calc(10vw / 7.8);
						width: calc(475vw / 7.8);
						padding-left: calc(25vw / 7.8);
						background: #2d438b;
					}
				.Sec-program-title {
					margin-top: calc(36vw / 7.8);
					text-indent: calc(-7.5vw / 7.8);
					font-family: 'NotoSerifJP_subset', serif;
					font-size: calc(70vw / 7.8);
					line-height: calc(75 / 70);
					font-weight: 600; /* SemiBold */
				}
					.Sec-program-speaker-position {
						margin-top: calc(30vw / 7.8);
						font-size: calc(28vw / 7.8);
						line-height: calc(30 / 28);
						font-weight: 500; /* Medium */
						letter-spacing: 0.015em;
					}
					.Sec-program-speaker-name {
						margin-top: calc(15vw / 7.8);
						font-size: calc(40vw / 7.8);
						line-height: calc(54 / 40);
						font-weight: 600; /* SemiBold */
						letter-spacing: 0.015em;
					}
						.Sec-program-speaker-name .small {
							padding-left: 0.350em;
							font-size: calc(28vw / 7.8);
							font-weight: 400; /* Regular */
						}
					.Sec-program-speaker-inner {
						margin-top: calc(27vw / 7.8);
					}
						.Sec-program-speaker-photo {
							float: right;
							margin: calc(9vw / 7.8) calc(5vw / 7.8) calc(12vw / 7.8) calc(35vw / 7.8);
							width: calc(210vw / 7.8);
						}
						.Sec-program-speaker-text {
							font-size: calc(25vw / 7.8);
							line-height: calc(39 / 25);
							font-weight: 400; /* Regular */
							letter-spacing: 0.065em;
						}
			}
			/* 第二部 */
			.Sec-program-2 {
				margin-top: calc(48vw / 7.8);
				border: calc(4vw / 7.8) #aa8f39 solid;
				padding: calc(calc(42vw / 7.8) - calc(4vw / 7.8)) calc(calc(40vw / 7.8) - calc(4vw / 7.8)) calc(calc(39vw / 7.8) - calc(4vw / 7.8));
				border: calc(4vw / 7.8) #aa8f39 solid;
				border-radius: calc(15vw / 7.8);
				background: #fff;
				box-shadow: 0 0 calc(48vw / 7.8) rgba(0, 0, 0, 0.25);

				.Sec-program-heading {
					margin-left: calc(-60vw / 7.8);
					width: calc(660vw / 7.8);
					font-size: calc(34vw / 7.8);
					line-height: calc(51 / 34);
					font-weight: 600; /* SemiBold */
					letter-spacing: 0.015em;
					color: #fff;
					background: #fff;
					display: flex;
					justify-content: space-between;
				}
					.Sec-program-heading-title {
						width: calc(140vw / 7.8);
						text-align: center;
						background: #00afda;
					}
					.Sec-program-heading-data {
						width: calc(510vw / 7.8);
						padding-left: calc(20vw / 7.8);
						background: #2d438b;
					}
				.Sec-program-title {
					margin-top: calc(36vw / 7.8);
					text-indent: calc(-7.5vw / 7.8);
					font-family: 'NotoSerifJP_subset', serif;
					font-size: calc(64vw / 7.8);
					line-height: calc(75 / 64);
					font-weight: 600; /* SemiBold */
				}
					.Sec-program-lead {
						margin-top: calc(18vw / 7.8);
						font-size: calc(22vw / 7.8);
						line-height: calc(33 / 22);
						font-weight: 400; /* Regular */
						letter-spacing: 0.065em;
					}
					.Sec-program-speaker-inner {
						margin-top: calc(48vw / 7.8);
					}
						.Sec-program-speaker {
							margin-top: calc(45vw / 7.8);
						}
							.Sec-program-speaker-company {
								font-size: calc(28vw / 7.8);
								line-height: calc(30 / 28);
								font-weight: 500; /* Medium */
								letter-spacing: 0.015em;
							}
								.Sec-program-speaker-company .colored {
									color: #00afda;
									letter-spacing: 0.165em;
								}
								.Sec-program-speaker-company .small {
									font-size: calc(19vw / 7.8);
								}
							.Sec-program-speaker-text {
								margin: calc(18vw / 7.8) 0 0 calc(2.5vw / 7.8);
								padding: calc(21vw / 7.8) 0 0 calc(25vw / 7.8);
								font-size: calc(22vw / 7.8);
								line-height: calc(33 / 22);
								letter-spacing: 0.065em;
								border-top: calc(1.5vw / 7.8) solid #000;
								border-left: calc(1.5vw / 7.8) solid #000;
							}
			}

	/* 備考 note */
	.mainContents__Sec-note {
		position: relative;
	}
		.mainContents__Sec-note .wrapper {
			margin-top: calc(78vw / 7.8);
			display: flex;
			flex-direction: column;
			align-items: center;
		}
			.Sec-note {
				width: calc(680vw / 7.8);
				padding: calc(9vw / 7.8) calc(40vw / 7.8) calc(36vw / 7.8);
				background: rgba(255, 255, 255, 0.85);
				border-radius: calc(12vw / 7.8);
			}
				.Sec-note-inner {
				}
					.Sec-note-head {
						margin-top: calc(30vw / 7.8);
						font-size: calc(22vw / 7.8);
						line-height: calc(24 / 22);
						font-weight: 600; /* SemiBold */
						letter-spacing: 0.015em;
					}
					.Sec-note-listGroup {
						margin-top: calc(12vw / 7.8);
						font-size: calc(18vw / 7.8);
						line-height: calc(27 / 18);
						letter-spacing: 0.015em;
					}
						.Sec-note-list {
							margin-top: calc(4.5vw / 7.8);
							padding-left: 1.015em;
							text-align: justify;
							text-indent: -1.015em;
						}
							.Sec-note-list .number {
								padding: 0 0.015em 0 0.065em;
							}
							.Sec-note-list i {
								margin: 0 calc(7.5vw / 7.8) 0 calc(25vw / 7.8);
							}
							.Sec-note-list a {
								color: #2d438b;
								text-decoration: underline;
							}
					.Sec-note-textGroup {
						margin-top: calc(12vw / 7.8);
						font-size: calc(18vw / 7.8);
						line-height: calc(27 / 18);
						letter-spacing: 0.015em;
					}
						.Sec-note-text a {
							color: #2d438b;
							text-decoration: underline;
						}
				.Sec-note-list .bold {
					font-weight: 500; /* Medium */
				}

/* お申し込み apply */
.mainContents__Sec-apply {
	position: relative;
}
	.mainContents__Sec-apply .wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
		.Sec-apply-btn a {
			margin: calc(90vw / 7.8) 0 calc(96vw / 7.8);
			padding: 0 calc(100vw / 7.8);
			font-size: calc(37vw / 7.8);
			line-height: calc(126 / 37);
			font-weight: 700; /* Bold */
			letter-spacing: 0.065em;
			text-align: center;
			color: #FFF;
			background: linear-gradient(180deg, rgba(255,167,61,1) 0%, rgba(255,134,12,1) 100%);
			border-radius: calc(12vw / 7.8);
			box-shadow: 0 calc(9vw / 7.8) calc(24vw / 7.8) rgba(0, 0, 0, 0.35);
			display: block;
		}
			.Sec-apply-btn a:hover {
				margin: calc(99vw / 7.8) 0 calc(87vw / 7.8);
				box-shadow: 0 calc(9vw / 7.8) calc(15vw / 7.8) rgba(0, 0, 0, 0.35);
				opacity: 0.85;
			}

/* -------------------- フッタ -------------------- */
footer {
	padding: calc(21vw / 7.8) 0 calc(24vw / 7.8);
	border-top: calc(4.5vw / 7.8) solid #fff;
	background: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
}
	.footer__logo {
		width: calc(580vw / 7.8);
	}
	.footer__credit {
		margin-top: calc(9vw / 7.8);
		font-size: calc(19vw / 7.8);
		line-height: calc(21 / 19);
		font-weight: 400; /* Regular */
		letter-spacing: 0.015em;
		color: #fff;
	}