.title-introduce h2 {
	font-weight: 500;
	font-size: 3.5rem;
	color: #B8012E;
	text-align: center;
	line-height: 2.5;
}

.title-introduce p {
	font-size: 1.5rem;
	color: #302D2C;
	text-align: center;
	line-height: 2;
}

@media screen and (max-width: 767px) {
	.title-introduce h2 {
		font-size: 3rem;
	}
}

.overall .container {
	padding: 50px 0;
	margin-top: 30px;
	background-color: #fff;
	border: 1px solid #D3D3D3;
}

.overall h4 {
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 2;
	margin-bottom: 40px;
}

.overall__list {
	max-width: 750px;
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.overall__list__child {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-flow: row wrap;
	max-width: calc(50% + 70px);
	width: 100%;
}

.overall__list__child__item {
	margin-left: 20px;
}

.overall__list__child__item figure {
	border-radius: 50%;
	overflow: hidden;
}

.overall__list__child__item h5 {
	font-weight: bold;
	font-size: 1.3rem;
	color: #302D2C;
	text-align: center;
	line-height: 2.5;
}

.overall__list>figure {
	max-width: calc(50% - 70px);
	width: 100%;
	transform: translateY(-30px);
}

@media screen and (max-width: 767px) {
	.overall .container {
		padding: 50px 10px 20px;
	}

	.overall h4 {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	.overall__list {
		flex-flow: column nowrap;
	}

	.overall__list__child {
		max-width: 100%;
		justify-content: flex-start;
	}

	.overall__list__child__item {
		margin-left: auto;
		margin-right: auto;
	}

	.overall__list>figure {
		transform: unset;
	}
}

.mechanism {
	margin-top: 150px;
	position: relative;
	z-index: 0;
}

.mechanism::before {
	content: "";
	position: absolute;
	z-index: -10;
	bottom: 0;
	left: 68%;
	width: calc(100% - 503px);
	height: calc(100vw - 520px);
	background-color: #f5f5f5;
	transform: translate(0, 37%) rotate(45deg);
}

.mechanism__group__path {
	margin-top: 30px;
}

.mechanism__group__path h3 {
	border-radius: 50%;
	color: #fff;
	background-color: #B8012E;
	font-size: 1.5rem;
	width: 30px;
	height: 30px;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mechanism__group__path p {
	font-size: 1.5rem;
	color: #302D2C;
	text-align: center;
	line-height: 2.5;
}

.mechanism__group__path>figure {
	max-width: 350px;
	width: 100%;
	margin: 30px auto 0;
}

.mechanism__group__path--detail {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 375px;
	width: 100%;
	margin: auto;
}

.mechanism__group__path--detail--child figure {
	border-radius: 50%;
	overflow: hidden;
}

.mechanism__group__path--detail--child h4 {
	text-align: center;
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.5;
}

.mechanism__group__path--compare {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.mechanism__group__path--compare--item {
	max-width: calc(50% - 20px);
	width: 100%;
	border: 1px solid #D3D3D3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 25px;
	background-color: #fff;
}

.mechanism__group__path--compare--item figure {
	max-width: calc(100% / 3);
	width: 100%;
}

.mechanism__group__path--compare--item figure img {
	width: auto;
}

.mechanism__group__path--compare--item div {
	max-width: calc((100% - 20px) / 3 * 2);
	width: 100%;
}

.mechanism__group__path--compare--item div h4 {
	font-weight: bold;
	font-size: 1.8rem;
	color: #B8012E;
	line-height: 1.5;
}

.mechanism__group__path--compare--item div p {
	font-size: 1.3rem;
	line-height: 1.5;
	color: #302D2C;
	text-align: left;
}

@media screen and (max-width: 1023px) {
	.mechanism::before {
		width: 768px;
		height: 768px;
		transform: translate(0, -28%) rotate(45deg);
	}

	.mechanism__group__path--compare {
		flex-flow: column nowrap;
	}

	.mechanism__group__path--compare--item {
		max-width: 100%;
	}

	.mechanism__group__path--compare--item:first-of-type {
		margin-bottom: 20px;
	}
	
	.mechanism__group__path--compare--item figure img {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.mechanism {
		margin-top: 50px;
	}
}

.evaluate {
	margin-top: 170px;
	position: relative;
	z-index: 0;
}

.evaluate::before {
	content: "";
	position: absolute;
	z-index: -10;
	top: 0;
	left: 0;
	width: calc(100% - 550px);
	height: calc(100vw - 570px);
	background-color: #f5f5f5;
	transform: translate(0, 30%) rotate(45deg);
}

.evaluate__chart {
	margin-top: 30px;
	padding: 55px 0 60px;
	background-color: #fff;
	border: 1px solid #D3D3D3;
	text-align: center;
}

.evaluate__chart h3 {
	font-size: 1.8rem;
	font-weight: bold;
	color: #302D2C;
	text-align: center;
	line-height: 2;
	margin-bottom: 20px;
}

.evaluate__chart h3 span {
	font-weight: 300;
	font-size: 1.3rem;
	display: block;
}

.evaluate__chart h3.underline {
	font-size: 2.8rem;
}

.evaluate__chart__list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 60px;
	margin-bottom: 25px;
}

.evaluate__chart__list__child {
	max-width: calc((100% - 50px) / 3);
	width: 100%;
	background-color: #EFF3F7;
	padding: 30px 40px;
}

.evaluate__chart__list__child h4 {
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	color: #B8012E;
	margin-bottom: 25px;
}

.evaluate__chart__list__child--chart {
	position: relative;
	z-index: 0;
}

.evaluate__chart__list__child--chart--content {
	position: absolute;
	z-index: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	height: 60%;
	border-radius: 50%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column nowrap;
}

.evaluate__chart__list__child--chart--content p {
	font-weight: bold;
	color: #414141;
	margin: 0;
}

.evaluate__chart__list__child--chart--content p:first-of-type {
	font-size: 1.4rem;
}

.evaluate__chart__list__child--chart--content p:nth-of-type(2) {
	display: flex;
	justify-content: center;
	align-items: baseline;
	transform: translateY(5px);
}

.evaluate__chart__list__child--chart--content p:nth-of-type(2) span:first-of-type {
	font-family: 'DIN2014-Bold', sans-serif;
	font-size: 5rem !important;
	color: #B8012E;
	line-height: 1;
}

.evaluate__chart__list__child--chart--content p:nth-of-type(2) span:first-of-type .odometer-inside {
	display: flex;
	align-items: flex-start;
}

.evaluate__chart__list__child--chart--content p:nth-of-type(2) span:last-of-type {
	font-family: 'DIN2014-Bold', sans-serif;
	font-size: 3rem;
	color: #B8012E;
}

.evaluate__chart__list__child--chart--content p:last-of-type {
	font-size: 2rem;
}

@media screen and (max-width: 1023px) {
	.evaluate::before {
		width: 768px;
		height: 768px;
		transform: translate(0, 35%) rotate(45deg);
	}

	.evaluate__chart__list {
		padding: 0 10px;
	}

	.evaluate__chart__list__child {
		max-width: calc((100% - 30px) / 3);
		padding: 30px 10px;
	}
}

@media screen and (max-width: 767px) {
	.evaluate {
		margin-top: 50px;
	}

	.evaluate__chart__list {
		flex-flow: column nowrap;
	}

	.evaluate__chart__list__child {
		max-width: 100%;
	}

	.evaluate__chart__list__child:not(:last-of-type) {
		margin-bottom: 20px;
	}
}

.usage {
	margin-top: 160px;
	position: relative;
	z-index: 1;
}

.usage__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-height: 255px;
	margin-top: 85px;
	background-color: #fff;
	border: 1px solid #D3D3D3;
}

.usage__content figure,
.usage__content--text {
	max-width: 50%;
	width: 100%;
}

.usage__content--text {
	padding: 50px;
}

.usage__content--text h3 {
	font-weight: bold;
	font-size: 2.4rem;
	color: #B8012E;
	margin-bottom: 15px;
}

.usage__content--text p {
	font-size: 1rem;
	color: #302D2C;
	line-height: 1.5;
	padding-left: 15px;
	margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
	.usage__content {
		max-height: 180px;
		margin-top: 60px;
	}

	.usage__content--text {
		padding: 20px;
	}

	.usage__content--text h3 {
		font-size: 1.8rem;
	}
	
	.usage__content--text p {
		padding-left: 0;
	}
}

@media screen and (max-width: 767px) {
	.usage {
		margin-top: 50px;
	}

	.usage__content {
		flex-flow: column nowrap;
		margin-top: 160px;
		position: relative;
		z-index: 0;
		padding-top: 80px;
		max-height: unset;
	}

	.usage__content figure,
	.usage__content--text {
		max-width: 100%;
	}

	.usage__content figure {
		position: absolute;
		z-index: 0;
		top: -50%;
	}
}

.specifications {
	margin-top: 200px;
	position: relative;
	z-index: 1;
}

.specifications a {
	margin: 160px auto 170px;
}

.specifications__table__compare {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.specifications__table__compare>figure {
	max-width: 245px;
	width: 100%;
	border: 1px solid #D3D3D3;
}

.specifications__table__compare--left {
	max-width: calc(100% - 250px);
	width: 100%;
}

.specifications__table__compare--left dl dd {
	min-width: 62%;
}

.specifications__table__compare--left dl dd p.text-small {
	font-size: 1rem;
	line-height: 1.5;
}

.specifications__table__compare--left--item {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.specifications__table__compare--left--item p {
	font-size: 1rem;
	margin: 10px 0 0 0;
}

.specifications__table__compare--left--item p>span {
	width: 15px;
	height: 10px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: inline-block;
}

.specifications__table__compare--left--item p>span::before {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #B4B4B4;
	transform-origin: left bottom;
	transform: rotate(45deg);
}

.specifications__table dl {
	border-bottom: 1px dotted #BFBFBF;
	margin: 0;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 20px 0;
}

.specifications__table dl dt {
	max-width: 150px;
	width: 100%;
	color: #B8012E;
	font-size: 1.6rem;
	font-weight: 500;
}

.specifications__table dl dt>span {
	line-height: 2;
}

.specifications__table dl dd {
	font-size: 1.6rem;
	line-height: 1.6;
	color: #302D2C;
}

.specifications__table dl dd.compare {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	max-width: calc(100% - 150px);
	width: 100%;
}

.specifications__table dl dd.compare figure {
	max-width: calc(50% - 20px);
	width: 100%;
}

.specifications__table dl dd.compare figure img {
	width: auto;
	margin-bottom: 20px;
}

.specifications__table dl dd.compare p {
	line-height: 2;
	font-size: 1.6rem;
	color: #302D2C;
}

@media screen and (max-width: 1023px) {
	.specifications__table dl:last-of-type dd.compare {
		flex-flow: column nowrap;
	}

	.specifications__table dl:last-of-type dd.compare figure {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.specifications {
		margin-top: 50px;
	}

	.specifications__table__compare {
		flex-flow: column-reverse nowrap;
	}

	.specifications__table__compare>figure {
		margin: auto;
	}

	.specifications__table__compare--left {
		max-width: 100%;
	}

	.specifications__table__compare--left--item {
		flex-flow: column nowrap;
	}

	.specifications__table__compare--left--item figure {
		margin: auto;
	}

	.specifications__table__compare--left--item figure:not(:last-of-type) {
		margin-bottom: 10px;
	}

	.specifications__table dl dt {
		max-width: 80px;
		padding-right: 10px;
	}

	.specifications__table dl dd {
		line-height: 1.4;
	}

	.specifications__table dl dd.compare {
		flex-flow: column nowrap;
		max-width: calc(100% - 80px);
	}

	.specifications__table dl dd.compare figure {
		max-width: 100%;
	}

	.specifications__table dl:last-of-type>dd.compare>figure>img {
		width: 100%;
	}
}

/*# sourceMappingURL=air-design-card.css.map */