.faq {
	margin-bottom: 200px;

	&__wrap {
		max-width: 880px;
		padding-left: 50px;
	}

	&__item {
		display: block;

		& + & {
			margin-top: 60px;
		}

		&__header {
			display: flex;
			color: #666666;
			cursor: pointer;

			p {
				font-size: 40px;
				font-weight: normal;
				line-height: 50px;
				padding-left: 48px;
			}

			.item-number {
				position: relative;
				font-size: 18px;
				font-weight: bold;
				padding-right: 20px;

				&:after {
					content: '';
					height: 100%;
					position: absolute;
					top: 0;
					right: 0;
					border: 1px solid #666666;
				}
			}

			&.is-active {
				p {
					color: #e60043;
				}
			}
		}

		&__body {
			display: none;
			margin-top: 30px;
			padding-left: 95px;

			p {
				font-size: 18px;
				line-height: 30px;
				color: #666666;
			}

			p + p {
				margin-top: 30px;
			}
		}
	}

	@include media-breakpoint-down(md) {
		&__wrap {
			padding-left: 0;
		}
	}

	@include media-breakpoint-down(sm) {
		&__item {
			&__header {
				p {
					font-size: 24px;
					line-height: 1.57;
				}
			}

			&__body {
				p {
					font-size: 14px;
				}
			}
		}
	}
}
