@charset "UTF-8";

/* ========================================
	style
======================================== */

/* --------- page-title style --------- */

.page-header-privacy {
	margin-bottom: 4em;
	padding-top: calc(var(--global-header-height) + 10vw);
}

.page-title {
	text-align: center;
	margin-inline: auto;
}

.page-title--en {
	font: 400 clamp(3rem, 3.6vw, 4.2rem)/1 var(--font-family-en);
}

.page-title--ja {
	font: 700 clamp(1.6rem, 1.7vw, 1.8rem)/1.7 var(--font-family-jp);
}

/* ツートーン下線タイトル */
.title-underline {
	font-size: clamp(1.8rem, 1.9vw, 2rem);
	font-weight: 700;
}

.terms-intro {
	margin-bottom: 3rem;
}

.terms_detail {
	display: flex;
	flex-flow: column;
	row-gap: 5rem;
	line-height: 1.8;
}

.terms_detail .mb {
	margin-bottom: 1rem;
}

.terms_date {
	font-size: 1.2rem;
	margin-top: 5em;
}

/* 番号付きリスト01 */
.num-list01 {
	counter-reset: listnum;
	padding-left: 25px;
	display: flex;
	flex-flow: column;
	row-gap: 1rem;
}

.num-list01>li {
	text-indent: -25px;
}

.num-list01>li:before {
	counter-increment: listnum;
	content: counter(listnum)".";
	display: inline-flex;
	margin-right: 1rem;
	text-indent: 0;
}

/* 番号付きリスト02 */
.num-list02 {
	counter-reset: listnum;
	padding-left: 35px;
	display: flex;
	flex-flow: column;
	row-gap: 0.2rem;
}

.num-list02>li {
	text-indent: -35px;
}

.num-list02>li:before {
	counter-increment: listnum;
	content: "（" counter(listnum)"）";
	display: inline-flex;
	text-indent: 0;
}

.num-list01 .num-list02 {
	padding-left: 25px;
	margin-top: 1rem;
}

/* ========================================
	1180px未満専用スタイル（TAB&SP）
======================================== */
@media screen and (width < 1180px) {}

/* ========================================
	1024px未満専用スタイル（TAB）
======================================== */
@media screen and (width < 1024px) {}

/* ========================================
	768px未満専用スタイル（SP）
======================================== */
@media screen and (width < 768px) {}

/* ========================================
	768px以上（PC&TAB）
======================================== */
@media screen and (768px <=width) {

	.page-header-privacy {
		margin-bottom: 6em;
		padding-top: calc(var(--global-header-height) + 6vw);
	}
		
}

/* ========================================
	768px以上1180px未満専用スタイル（TAB）
======================================== */
@media screen and (768px <=width < 1180px) {}

/* ========================================
	1180px以上専用スタイル（PC）
======================================== */
@media print,
screen and (1180px <=width) {

	.page-header {
		margin-bottom: 10rem;
	}

	.terms-intro {
		margin-bottom: 5rem;
	}

	.terms_date {
		font-size: 1.4rem;
	}

}