/*===============================
***余白
*=================================*/
.hp-mb--xl {
	margin-bottom: 2.5rem !important;
}
.hp-mb--lg {
	margin-bottom: 2rem !important;
}
.hp-mb--md {
	margin-bottom: 1.5rem !important;
}
.hp-mb--sm {
	margin-bottom: 1rem !important;
}
.hp-mb--xs {
	margin-bottom: 0.5rem !important;
}

/*===============================
***幅
*=================================*/
/* 全幅 */
.hp-w--full {
	width: 100vw;
	max-width: 100vw !important;
	margin-inline: calc(50% - 50vw);
}

/*===============================
* ***行の表示数
* *=================================*/
[class*="hp-txtRow--"] {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
[class~="hp-txtRow--1"] {
	-webkit-line-clamp: 1;
}
[class~="hp-txtRow--2"] {
	-webkit-line-clamp: 2;
}
[class~="hp-txtRow--3"] {
	-webkit-line-clamp: 3;
}
[class~="hp-txtRow--4"] {
	-webkit-line-clamp: 4;
}