@charset "UTF-8";
/* CSS Document */

/*
	common
-----------------------------------------------------------------------------------------------*/
.otherWrapper{
	display: flex;
	gap: max(50px, calc(50 / var(--baseWidth) * 100vw));
	flex-direction: column;
}

/* ナンバリング
============================== */
.otherWrapper .listCmnTxtBox{
  counter-reset: item;
}
.otherWrapper .listCmnTxtBox > li{
  counter-increment: item;
}
.otherWrapper .listCmnTxtBox .titCmnBorder.num{
	position: relative;
}
.otherWrapper .listCmnTxtBox .titCmnBorder.num::before{
	content: counter(item) ". ";
	position: absolute;
	top: 0.8em;
	left: 0;
	transform: translateY(-50%);
}


/*
	個人情報保護方針
-----------------------------------------------------------------------------------------------*/
/* リスト
============================== */
.listPrivacy{
	display: flex;
	gap: 20px;
	flex-direction: column;
	line-height: 1.8;
}
/* アキ調整 */
.listBase.mt{
	margin-top: max(5px, calc(5 / var(--baseWidth) * 100vw));
}


/*
	ソーシャルメディアについて
-----------------------------------------------------------------------------------------------*/
.pageSocial .otherWrapper{
	gap: max(100px, calc(100 / var(--baseWidth) * 100vw));
}

/* リスト
============================== */
.listSocial{
	display: flex;
	gap: max(10px, calc(10 / var(--baseWidth) * 100vw));
	flex-direction: column;
}
.listSocial li{
	display: flex;
	gap: max(10px, calc(10 / var(--baseWidth) * 100vw));
	align-items: center;
}
/* リンク */
.listSocial li a{
	text-decoration: underline 1px;
	overflow-wrap: anywhere;
}
/* 名前 */
[class*="name"]{
	display: flex;
	align-items: center;
	justify-content: center;
	width: clamp(120px, calc(120 / var(--baseWidth) * 100vw), 150px);
	padding: max(5px, calc(5 / var(--baseWidth) * 100vw)) max(10px, calc(10 / var(--baseWidth) * 100vw));
	text-align: center;
	line-height: 1.0;
	color: var(--colorBlue);
	font-size: clamp(1.4rem, calc(14 / var(--baseWidth) * 100vw), 1.6rem);
	background-color: var(--bgBlue);
	border-radius: max(50px, calc(50 / var(--baseWidth) * 100vw));
}

/* 矢印付きテキストリンク
============================== */
.pageSocial .linkArrow::before,
.pageSocial .linkArrow::after{
	content: none;
}

@media screen and (width <= 812px){
	/*
		common
	-----------------------------------------------------------------------------------------------*/
	.otherWrapper{
		gap: 40px;
	}

	/* ナンバリング
	============================== */
	.otherWrapper .listCmnTxtBox .titCmnBorder.num::before{
		content: counter(item) ". ";
		position: absolute;
		top: 0.8em;
		left: 0;
		transform: translateY(-50%);
	}


	/*
		個人情報保護方針
	-----------------------------------------------------------------------------------------------*/
	/* リスト
	============================== */
	.listPrivacy{
		gap: 8px;
	}
	/* アキ調整 */
	.pagePrivacy .listBase.mt{
		margin-top: 5px;
	}
	/* ナンバリング */
	.otherWrapper .listCmnTxtBox .titCmnBorder.num{
		padding-left: 22px;
	}


	/*
		ソーシャルメディアについて
	-----------------------------------------------------------------------------------------------*/
	.pageSocial .otherWrapper{
		gap: 60px;
	}
	/* リスト
	============================== */
	.listSocial{
		gap: 15px;
	}
	/* 名前 */
	[class*="name"]{
		min-width: 100px;
		width: auto;
		padding: 5px 10px;
		letter-spacing: 0;
		font-size: 1.1rem;
	}
	.listSocial li .txt{
		line-height: 1.6;
	}
}