@charset "utf-8";

.blockQaBannerTop {
	align-items: center;
	display: flex;
	flex-direction: column;
}

.blockQaBannerTop a img {
	transition: opacity 0.3s;
}

.blockQaBannerTop a:hover img {
	opacity: 0.7;
}

@media screen and (max-width: 768px) {

	.blockQaBannerTop {}

}

@media screen and (min-width: 769px) {

	.blockQaBannerTop {
		margin-top: 50px;
	}

	.blockQaBannerTop + .sectionDocument {
		padding-top: 50px;
	}

}

/* ------------------------------------------------------------------
	.headerHasLabel
------------------------------------------------------------------- */

.headerHasLabel {}

@media screen and (max-width: 768px) {

	.headerHasLabel {}

	.headerHasLabel__label {
		margin-bottom: 10px;
		text-align: center;
	}

	.headerHasLabel__label img {
		height: 40px;
		width: auto;
	}

}

@media screen and (min-width: 769px) {

	.headerHasLabel {
		align-items: center;
		display: flex;
		justify-content: center;
	}

	.headerHasLabel__label {
		margin-right: 24px;
	}

}

/* ------------------------------------------------------------------
	.sectionQA
------------------------------------------------------------------- */

.sectionQA {}

.sectionQA + .sectionQA {
	border-top: 1px solid #d3d9db;
}

.sectionQA__heading {
	display: flex;
}

.sectionQA__labelQ,
.sectionQA__labelA {
	line-height: 1.9;
	text-align: center;
	width: 2em;
}

.sectionQA__labelQ {
	background-color: #6e8297;
	color: #fff;
}

.sectionQA__labelA {
	background-color: #fff;
	color: #6e8297;
}

.sectionQA__headingText {
	flex: 1;
	font-weight: normal;
	padding-top: 0.2em;
}

.sectionQA__note > h5 {
	background-color: #6e8297;
	color: #fff;
	display: inline-block;
	margin-bottom: 1em;
	padding: 0.4em 1.25em;
}

@media screen and (max-width: 768px) {

	.sectionQA {}

	.sectionQA + .sectionQA {
		margin-top: 40px;
		padding-top: 40px;
	}

	.sectionQA__heading {
		align-items: flex-start;
		font-size: 18px;
	}

	.sectionQA__labelQ,
	.sectionQA__labelA {
		margin-right: 15px;
	}

	.sectionQA__content {
		margin-top: 20px;
	}

	.sectionQA__figure {
		margin-top: 20px;
	}

	.sectionQA__note {
		margin-top: 50px;
	}

	.sectionQA__note + .sectionQA__note {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.sectionQA__note > h5 {
		font-size: 16px;
	}

}

@media screen and (min-width: 769px) {

	.sectionQA {
	}

	.sectionQA + .sectionQA {
		margin-top: 50px;
		padding-top: 60px;
	}

	.sectionQA__heading {
		font-size: 23px;
	}

	.sectionQA__labelQ,
	.sectionQA__labelA {
		margin-right: 20px;
	}

	.sectionQA__content {
		margin-top: 20px;
	}

	.sectionQA__note {
		margin-top: 70px;
	}

	.sectionQA__note + .sectionQA__note {
		margin-bottom: 50px;
		margin-top: 40px;
	}

	.sectionQA__note > h5 {
		font-size: 16px;
	}

	.sectionQA[data-layout="fig-right"] {
		display: flex;
	}

	.sectionQA[data-layout="fig-right"] .sectionQA__figure {
		margin-left: 40px;
	}

	.sectionQA[data-layout="fig-center"] .sectionQA__figure {
		margin-top: 45px;
		text-align: center;
	}

}