.hp-button-group {
	margin-top: 48px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 767px) {
	.hp-button-group {
		margin-top: 40px;
	}
}

.QA_wrap .hp-button-group {
	margin-top: 80px;
}

@media screen and (max-width: 767px) {
	.QA_wrap .hp-button-group {
		margin-top: 48px;
	}
}

.hp-card-group--4col-02 + .hp-button-group {
	margin-top: 100px;
}

@media screen and (max-width: 767px) {
	.hp-card-group--4col-02 + .hp-button-group {
		margin-top: 80px;
	}
}

.hp-button-group--center {
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.buttonArea.hp-button-group--center {
		display: flex;
		justify-content: center;
	}
}

.hp-button-group--right {
	justify-content: end;
}

@media screen and (max-width: 767px) {
	.hp-button-group--right-02 {
		justify-content: left;
	}
}

.hp-button-group--with-text {
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
	padding-top: 24px;
}

@media screen and (max-width: 767px) {
	.hp-button-group--with-text {
		display: block;
		padding-top: 0;
	}
}

.hp-button-group--with-text .hp-button-group__item {
	flex-shrink: 0;
}

.hp-button-group--with-text .hp-button-group__text {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-right: 20px;
}

@media screen and (max-width: 767px) {
	.hp-button-group--with-text .hp-button-group__text {
		margin: 0 auto;
	}
}

.hp-button-group--2col-center {
	justify-content: center;
	margin-top: 60px;
}

@media screen and (max-width: 767px) {
	.hp-button-group--2col-center {
		flex-direction: column;
		margin-top: 64px;
	}
}

@media screen and (max-width: 767px) {
	.hp-button-group--2col-center-sp-column-reverse {
		flex-direction: column-reverse;
	}
}

.hp-button-group--2col-center .hp-button-group__item:first-child {
	margin-right: 80px;
}

@media screen and (max-width: 767px) {
	.hp-button-group--2col-center .hp-button-group__item:first-child {
		margin: 0 0 24px 0;
	}
}

@media screen and (max-width: 767px) {
	.hp-button-group--2col-center-sp-column-reverse .hp-button-group__item:first-child {
		margin: 24px 0 0 0;
	}
}

.hp-button-group--3col-center {
	justify-content: center;
	margin: 24px auto 0;
}

@media screen and (max-width: 767px) {
	.hp-button-group--3col-center {
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 16px;
	}
}