/**************************************************
		Content
 **************************************************

	01.	Archive
	02. Single page
	




/**************************************************
	01.	Archive
 **************************************************/

.module.module-knowledgeintro {
	padding: 8rem 1rem 0;
}

.module.module-knowledgeintro.has-contrasting-bg {
	padding-bottom: 4rem;
	background-color: var(--gray12);
}

.module-knowledgeintro .module-title {
	margin-bottom: 2.625rem;
	hyphens: none;
}

.module-knowledgeintro .module-description {
	max-width: 34rem;
	margin: 0 auto;
	text-align: center;
}

.module-knowledgeintro .knowledge-intro-notes {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
	gap: 4rem 6rem;
	text-align: center;
}

.module-knowledgeintro .knowledge-intro-note {
	width: 100%;
	max-width: 20rem;
}

.module-knowledgeintro .knowledge-intro-note-icon {
	width: 100%;
	height: 3.125rem;
	margin-bottom: 2.1875rem;
}

.module-knowledgeintro .knowledge-intro-note-icon img,
.module-knowledgeintro .knowledge-intro-note-icon video {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.module-knowledgeintro .knowledge-intro-note-title {
	margin-bottom: 0.875rem;
	padding-right: 3rem;
}




.module-knowledgearticlelist {
	padding: 5rem 1rem;
}

.module-knowledgearticlelist .knowledge-article {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 1.5rem 2rem;
}

.module-knowledgearticlelist .knowledge-article + .knowledge-article {
	margin-top: 5rem;
}

.module-knowledgearticlelist .knowledge-article-thumb {
	width: 100%;
	aspect-ratio: 488 / 355;
	flex-shrink: 0;
}

.module-knowledgearticlelist .knowledge-article-thumb img,
.module-knowledgearticlelist .knowledge-article-thumb video {
	width: 100%;
	height: auto;
}

.module-knowledgearticlelist .knowledge-article-info {
	width: 100%
}

.module-knowledgearticlelist .knowledge-article-title {
	margin-bottom: 1.75rem;
}

.module-knowledgearticlelist .knowledge-article-description {
	margin-bottom: 1.375rem;
	hyphens: none;
}



@media (min-width: 650px) {
	.module.module-knowledgeintro {
		padding: 8rem 1rem 0;
	}

	.module.module-knowledgeintro.has-contrasting-bg {
		padding-bottom: 4rem;
	}

	.module-knowledgeintro .knowledge-intro-notes {
		flex-direction: row;
		align-items: flex-start;
		text-align: left;
	}

	.module-knowledgeintro .knowledge-intro-note {
		width: calc(50% - 3rem);
		max-width: initial;
	}

	.module-knowledgeintro .knowledge-intro-note-icon img,
	.module-knowledgeintro .knowledge-intro-note-icon video {
		object-position: left;
	}
}

@media (min-width: 750px) {
	.module-knowledgearticlelist .knowledge-article {
		flex-direction: row;
	}

	.module-knowledgearticlelist .knowledge-article:nth-child(2n) {
		flex-direction: row-reverse;
	}

	.module-knowledgearticlelist .knowledge-article + .knowledge-article {
		margin-top: 6rem;
	}

	.module-knowledgearticlelist .knowledge-article-thumb {
		width: calc(45%);
	}
}

@media (min-width: 850px) {
	.module.module-knowledgeintro {
		padding: 10rem 2.5rem 0;
	}

	.module.module-knowledgeintro.has-contrasting-bg {
		padding-bottom: 8rem;
	}

	.module-knowledgeintro .knowledge-intro-note {
		width: calc(33.3333% - 4rem);
	}

	.module-knowledgearticlelist {
		padding: 11rem 2.5rem;
	}

	.module-knowledgearticlelist .knowledge-article {
		gap: 1.5rem 5rem;
	}

	.module-knowledgearticlelist .knowledge-article + .knowledge-article {
		margin-top: 10rem;
	}

	.module-knowledgearticlelist .knowledge-article-thumb {
		width: calc(53.222222% - 2.5rem);
	}
}

@media (min-width: 1072px) {
	.module.module-knowledgeintro {
		padding: 10rem calc(50% - 31rem) 0;
	}

	.module.module-knowledgeintro.has-contrasting-bg {
		padding-bottom: 8rem;
	}

	.module-knowledgearticlelist {
		padding: 11rem calc(50% - 31rem);
	}
}




/**************************************************
	02.	Single page
 **************************************************/

.knowledge .module-postheader {
	padding: 4.625rem 1rem 3rem;
}


@media (min-width: 850px) {
	.knowledge .module-postheader {
		padding: 5rem 1rem 3rem;
	}
}

@media (min-width: 1070px) {
	.knowledge .module-postheader {
		padding: 5rem 2.5rem 3rem;
	}
}

@media (min-width: 1303px) {
	.knowledge .module-postheader {
		padding: 8rem calc(50% - 611px) 4.125rem;
	}
}





/****	Download		****/

.module-knowledgedownload {
	scroll-margin-top: var(--headerHeight);
	padding: 0 1rem 4rem;
	overflow: initial;
}

.module-knowledgedownload .knowledge-download-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column-reverse;
	gap: 2rem 5rem;
}

.module-knowledgedownload .knowledge-download-form {
	width: 100%;
}

.module-knowledgedownload .knowledge-download-title {
	margin-bottom: 2rem;
}

.module-knowledgedownload .form-section {
	margin-bottom: 2rem;
}

.module-knowledgedownload .form-field-checkboxes {
	margin-top: 1rem;
}

.module-knowledgedownload .form-field-privacy a {
	padding-bottom: 0.35rem;
	border-bottom: 5px solid currentColor;
}

.module-knowledgedownload .form-action {
	align-items: flex-start;
	margin-bottom: 0;
}

.module-knowledgedownload input[type="submit"] {
	padding-right: 3.375rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 11'%3E%3Cpath fill='none' stroke='%23000' stroke-linejoin='round' d='m.44.5 5 5-5 5'/%3E%3C/svg%3E");
	background-size: 0.375rem 0.6875rem;
	background-position: calc(100% - 2.375rem) calc(50% + 0.05em);
	background-repeat: no-repeat;
}


.module-knowledgedownload .has-sent-successfully {
	padding-top: 0;
}

.module-knowledgedownload .has-sent-successfully .knowledge-download-title,
.module-knowledgedownload .has-sent-successfully .form-section:not(.form-action),
.module-knowledgedownload .has-sent-successfully input[type="submit"] {
	display: none;
}

.module-knowledgedownload .has-sent-successfully .form-action {
	margin: 0;
}

.module-knowledgedownload .has-sent-successfully .form-action .form-section-inner {
	width: 100%;
}

.module-knowledgedownload .has-sent-successfully .form-message.success {
	width: 100%;
	margin-top: 0;
	padding: 1.5rem 1rem 1.1rem;
	text-align: center;
}

.module-knowledgedownload .knowledge-download-media {
	width: 100%;
	aspect-ratio: 3 / 2;
	flex-shrink: 0;
}

.module-knowledgedownload .knowledge-download-media img,
.module-knowledgedownload .knowledge-download-media video {
	width: 100%;
	height: auto;
}


@media (min-width: 920px) {
	.module-knowledgedownload {
		padding: 0 2.5rem 6rem;
	}

	.module-knowledgedownload .knowledge-download-inner {
		flex-direction: row;
	}

	.module-knowledgedownload .knowledge-download-form {
		padding-top: 3.4rem;
	}

	.module-knowledgedownload .has-sent-successfully {
		padding-top: 0;
	}

	.module-knowledgedownload .knowledge-download-title {
		margin-bottom: 3.6rem;
	}

	.module-knowledgedownload .form-section {
		margin-bottom: 4rem;
	}

	.module-knowledgedownload .knowledge-download-media {
		width: 46%;
		aspect-ratio: 562 / 620;
	}
}


@media (min-width: 1070px) {
	.module-knowledgedownload {
		padding: 0 2.5rem 8.75rem;
	}
}

@media (min-width: 1302px) {
	.module-knowledgedownload {
		padding: 0 calc(50% - 611px) 8.75rem;
	}
}





/****	Contents	****/

.module-knowledgecontents {
	padding: 4rem 1rem;
	background-color: var(--gray12);
}

.module-knowledgecontents .module-title {
	margin-bottom: 3.875rem;
}

.module-knowledgecontents .knowledge-contents-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column-reverse;
	gap: 4rem 2.75rem;
	width: 100%;
}

.module-knowledgecontents .knowledge-contents-media {
	width: 100%;
	max-width: 36rem;
	flex-shrink: 0;
}

.module-knowledgecontents .knowledge-contents-media img,
.module-knowledgecontents .knowledge-contents-media video {
	width: 100%;
	height: auto;
}

.module-knowledgecontents .knowledge-contents-info-item {
	display: flex;
	align-items: center;
	gap: 1.125rem;
	hyphens: none;
}

.module-knowledgecontents .knowledge-contents-info-item + .knowledge-contents-info-item {
	margin-top: 1.5rem;
}

.module-knowledgecontents .knowledge-contents-info-item svg {
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
}



@media (min-width: 920px) {
	.module-knowledgecontents .knowledge-contents-inner {
		flex-direction: row;
		padding-right: 7rem;
	}

	.module-knowledgecontents .knowledge-contents-media {
		width: 52.25%;
		max-width: initial;
	}

	.module-knowledgecontents .knowledge-contents-info-item + .knowledge-contents-info-item {
		margin-top: 2.375rem;
	}
}

@media (min-width: 1070px) {
	.module-knowledgecontents {
		padding: 8.75rem 2.5rem;
	}
}

@media (min-width: 1302px) {
	.module-knowledgecontents {
		padding: 8.75rem calc(50% - 611px);
	}
}