/*------------------------------------------------
	Page - Seminar
------------------------------------------------*/

#lw-seminar {
	margin: unset;
	font-size: 16px;
	line-height: 1.8;
	background-color: var(--lw-color-gray-1);
}

#lw-seminar h1, #lw-seminar h2, #lw-seminar h3, #lw-seminar h4, #lw-seminar h5, #lw-seminar h6 {
	margin: unset;
	line-height: 1.4;
}

#lw-seminar p {
	margin: unset;
}

#lw-seminar img {
	max-width: 100%;
	vertical-align: middle;
}

/* Header / Footer */
#lw-seminar .header, #lw-seminar .footer {
	background-color: var(--lw-color-white);
}

#lw-seminar .header-container,
#lw-seminar .footer-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1200px;
	margin-inline: auto;
	padding-block: 16px;
	padding-inline: 24px;
}

@media (max-width: 1024px) {
	#lw-seminar .header-container,
	#lw-seminar .footer-container {
		padding-inline: 16px;
	}
}

#lw-seminar .header-container {
	justify-content: space-between;
}

#lw-seminar .footer-container {
	justify-content: center;
}

#lw-seminar .header .logo a {
	display: flex;
}

@media (max-width: 1024px) {
	#lw-seminar .header .logo a img {
		height: 32px;
	}
}

#lw-seminar .header .link a {
	display: flex;
	align-items: center;
	column-gap: 8px;
	color: inherit;
	font-size: 14px;
	font-weight: 700;
}

#lw-seminar .footer .copyright {
	color: var(--lw-color-gray-4);
	font-size: 12px;
}

/* Main */
#lw-seminar .main-container {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	max-width: 1200px;
	margin-inline: auto;
}

@media (max-width: 1024px) {
	#lw-seminar .main-container {
		grid-template-columns: none;
	}
}

#lw-seminar .main-inner {
	display: grid;
	align-self: start;
	row-gap: 56px;
	padding-inline: 24px;
	padding-block: 56px;
}

@media (max-width: 1024px) {
	#lw-seminar .main-inner {
		row-gap: 32px;
		padding: 32px;
	}
}

/* Thumbnail */
@media (max-width: 1024px) {
	#lw-seminar .thumbnail {
		margin-block-start: -32px;
		margin-inline: -32px;
	}
}

/* Thumbnail */
#lw-seminar .thumbnail.--border {
	border: 1px solid var(--lw-color-gray-3);
}

/* Title */
#lw-seminar .title {
	display: grid;
}

#lw-seminar .title-shoulder {
	font-size: 20px;
}

#lw-seminar .title-headline {
	font-size: 32px;
}

/* Information */
#lw-seminar .information {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 16px;
	row-gap: 8px;
	margin-block-start: -24px;
	font-size: 14px;
}

@media (max-width: 1024px) {
	#lw-seminar .information {
		margin-block-start: -16px;
	}
}

#lw-seminar .information-state {
	display: grid;
	place-content: center;
	padding: 0.25em 0.5em;
	color: hsl(140, 50%, 50%);
	font-weight: 700;
	border-radius: 4px;
	background-color: hsl(140, 50%, 90%);
}

#lw-seminar .information-date {
	color: var(--lw-color-gray-6);
}

/* Introduction */
#lw-seminar .introduction {
	display: grid;
	row-gap: 16px;
}

#lw-seminar .introduction ul {
	margin-block: unset;
	padding-inline-start: 1.5em;
	list-style: disc;
}

#lw-seminar .introduction .marker {
	background: linear-gradient(transparent 60%, #F0F27E 40%);
}

/* Suggest */
#lw-seminar .suggest {
	display: grid;
	row-gap: 24px;
	padding: 32px;
	border-radius: 4px;
	background-color: var(--lw-color-white);
}

#lw-seminar .suggest-title {
	color: var(--lw-color-secondary);
	font-size: 20px;
}

#lw-seminar .suggest-list {
	display: grid;
	row-gap: 8px;
	margin: unset;
}

#lw-seminar .suggest-list dt {
	font-weight: 700;
}

#lw-seminar .suggest-list dt:not(:first-of-type) {
	margin-block-start: 16px;
}

#lw-seminar .suggest-list dd {
	margin: unset;
}

/* Profile */
#lw-seminar .profile {
	display: grid;
	row-gap: 32px;
}

#lw-seminar .profile a {
	color: hsl(200, 80%, 60%);
	text-decoration: underline;
}

#lw-seminar .profile-title {
	font-size: 24px;
	font-weight: 700;
}

#lw-seminar .profile-block {
	display: grid;
	grid-template-columns: 180px auto;
	column-gap: 40px;
}

@media (max-width: 1024px) {
	#lw-seminar .profile-block {
		grid-template-columns: unset;
		row-gap: 24px;
	}
}

#lw-seminar .profile-image img {
	border-radius: 8px;
	overflow: hidden;
}

@media (max-width: 1024px) {
	#lw-seminar .profile-image {
		max-width: 200px;
	}
}

#lw-seminar .profile-content {
	display: grid;
	row-gap: 24px;
}

#lw-seminar .profile-name {
	font-size: 24px;
	font-weight: 700;
}

#lw-seminar .profile-name span {
	margin-inline-start: 0.5em;
	font-size: 0.8em;
}

#lw-seminar .profile-position {
	margin-block-start: -16px;
	color: var(--lw-color-gray-6);
	font-size: 14px;
}

#lw-seminar .profile-text {
	display: grid;
	row-gap: 8px;
	font-size: 14px;
}

/* Summary */
#lw-seminar .summary {
	display: grid;
	row-gap: 32px;
}

#lw-seminar .summary-title {
	width: 100%;
	border-collapse: collapse;
	font-size: 24px;
	font-weight: 700;
}

#lw-seminar .summary-table {
	width: 100%;
	border-collapse: collapse;
}

#lw-seminar .summary-table th, #lw-seminar .summary-table td {
	padding-inline: 24px;
	padding-block: 16px;
	border: 1px solid var(--lw-color-gray-3);
}

#lw-seminar .summary-table th {
	font-weight: 400;
	vertical-align: top;
	background-color: var(--lw-color-gray-2);
}

#lw-seminar .summary-table a {
	color: hsl(200, 80%, 60%);
	text-decoration: underline;
}

/* Form */
#lw-seminar .form {
	padding: 40px;
	background-color: var(--lw-color-white);
	box-shadow: rgba(0, 0, 0, 0.05) 10px 10px 30px;
}

#lw-seminar .form-title {
	display: grid;
	row-gap: 4px;
	font-size: 24px;
	text-align: center;
}

#lw-seminar .form-title span {
	color: var(--lw-color-secondary-light);
	font-size: 16px;
}

#lw-seminar .wpcf7 .form-content {
	display: grid;
	row-gap: 16px;
	margin-block-start: 32px;
}

#lw-seminar .wpcf7 .form-group {
	display: grid;
	row-gap: 8px;
}

#lw-seminar .wpcf7 .form-label > label {
	font-size: 13px;
}

#lw-seminar .wpcf7 .form-label.--required::after,
#lw-seminar .wpcf7 .form-label.--optional::after {
	margin-inline-start: 0.6em;
	font-size: 13px;
}

#lw-seminar .wpcf7 .form-label.--required::after {
	content: "※必須";
	color: hsl(0, 80%, 60%);
}

#lw-seminar .wpcf7 .form-label.--optional::after {
	content: "※任意";
	color: var(--lw-color-gray-6);
}

#lw-seminar .wpcf7 .form-annotation {
	display: block;
	margin-block-start: 4px;
	color: var(--lw-color-gray-6);
	font-size: 12px;
}

#lw-seminar .wpcf7 .form-privacy {
	padding-block-start: 12px;
	border-top: 1px solid var(--lw-color-gray-2);
}

#lw-seminar .wpcf7 .form-privacy p {
	color: var(--lw-color-gray-7);
	font-size: 13px;
}

#lw-seminar .wpcf7 .form-privacy a {
	color: hsl(200, 80%, 60%);
	text-decoration: underline;
}

#lw-seminar .wpcf7-text,
#lw-seminar .wpcf7-free-text,
#lw-seminar .wpcf7-select,
#lw-seminar .wpcf7-textarea {
	padding: 12px;
	font-size: 14px;
	font-family: inherit;
	border-radius: 4px;
}

#lw-seminar .wpcf7-text,
#lw-seminar .wpcf7-free-text,
#lw-seminar .wpcf7-select,
#lw-seminar .wpcf7-textarea {
	width: 100%;
	border: 1px solid var(--lw-color-gray-4);
}

#lw-seminar .wpcf7-checkbox,
#lw-seminar .wpcf7-radio {
	display: grid;
	gap: 8px 16px;
	font-size: 14px;
}

#lw-seminar .wpcf7-list-item {
	margin: unset;
}

#lw-seminar .wpcf7-submit {
	display: grid;
	place-content: center;
	width: 100%;
	padding: 1em;
	color: var(--lw-color-white);
	font-family: inherit;
	font-size: 16px;
	border: 0;
	border-radius: 4px;
	background-color: var(--lw-color-secondary);
	outline: none;
	cursor: pointer;
}

#lw-seminar .wpcf7-not-valid {
	border-color: hsl(0, 80%, 40%);
}

#lw-seminar .wpcf7-not-valid-tip {
	display: block;
	margin-block-start: 4px;
	color: hsl(0, 80%, 40%);
	font-size: 14px;
	font-weight: normal;
	border-color: transparent;
	background-color: transparent;
}

#lw-seminar .wpcf7-response-output {
	margin: unset;
	padding: 0.5em 1em;
	font-size: 14px;
	border-radius: 4px;
}

#lw-seminar .wpcf7-spinner {
	display: block;
	margin: unset;
	margin-block-start: 10px;
}

#lw-seminar .wpcf7 .form-thanks {
	display: none;
	visibility: hidden;
}

#lw-seminar .wpcf7 .form-thanks-inner {
	display: grid;
	row-gap: 8px;
	margin-block-start: 40px;
}

#lw-seminar .wpcf7 .form-thanks-inner h2 {
	margin-block-end: 16px;
	padding: 16px 24px;
	border: 1px solid;
	color: hsl(160, 60%, 50%);
	font-size: 20px;
	text-align: center;
	border-radius: 4px;
	border-color: hsl(160, 80%, 90%);
	background-color: hsl(160, 80%, 95%);
}

#lw-seminar .wpcf7 .form-thanks-inner p {
	font-size: 14px;
}

#lw-seminar .wpcf7 .form-thanks-inner p a {
	color: hsl(200, 80%, 60%);
	text-decoration: underline;
}

#lw-seminar .wpcf7 .form-recommend {
	display: none;
	visibility: hidden;
}

#lw-seminar .wpcf7 .form-recommend-inner {
	display: grid;
	row-gap: 32px;
	margin-block-start: 40px;
	padding-block-start: 40px;
	border-top: 1px solid var(--lw-color-gray-3);
}

#lw-seminar .wpcf7 .form-recommend h2 {
	padding: 0.75em 1em;
	font-size: 20px;
	border-left: 4px solid var(--lw-color-text);
	background-color: var(--lw-color-gray-1);
}

#lw-seminar .wpcf7 .form-recommend-content h3 {
	margin-block-start: 20px;
	margin-block-end: 16px;
}

#lw-seminar .wpcf7 .form-recommend-content p {
	font-size: 14px;
}

#lw-seminar .wpcf7 .form-recommend-content p + p {
	margin-block-start: 8px;
}

#lw-seminar .wpcf7 .form-recommend-content p a {
	color: hsl(200, 80%, 60%);
	text-decoration: underline;
}

/* Send */
#lw-seminar .wpcf7 .sent .form-content {
	display: none;
	visibility: hidden;
}

#lw-seminar .wpcf7 .sent .form-thanks,
#lw-seminar .wpcf7 .sent .form-recommend {
	display: block;
	visibility: visible;
}