/*=======================================================

Created: 2026-2-18


=======================================================*/

.phone {
	font-size: 23px;
	font-family: Arial, sans-serif;
	display: flex;
	font-weight: bold; /* 文字を太くする */
	align-items: center;
	margin-bottom: 6px;
	letter-spacing: 1px;
}
.phone-c {
	font-size: 23px;
	font-family: Arial, sans-serif;
	display: flex;
	font-weight: bold; /* 文字を太くする */
	align-items: center;
	margin-bottom: 2px;
	letter-spacing: 1px;
}
.icon-green {
	width: 12px;
	height: 12px;
	background-color: rgb(12, 160, 12);
	border-radius: 50%;
	margin: 0 8px 0 28px;
}

.vertical-line-green {
	width: 4px;
	height:24px; /* 縦線の高さを文字サイズに合わせる */
	border-radius: 20%;
	background-color: rgb(12, 160, 12);
	margin: 0 6px 0 0; /* 縦線の右側に5pxのマージンを追加 */;
}
.icon-orange {
	width: 12px;
	height: 12px;
	background-color: rgb(255, 81, 0);
	border-radius: 50%;
	margin: 0 8px 0 28px;
}
.vertical-line-orange {
	width: 4px;
	height:24px; /* 縦線の高さを文字サイズに合わせる */
	border-radius: 20%;
	background-color: rgb(255, 81, 0);
	margin: 0 6px 0 0; /* 縦線の右側に5pxのマージンを追加 */;
}

.icon-pink {
	width: 12px;
	height: 12px;
	background-color: rgb(255, 37, 74);
	border-radius: 50%;
	margin: 0 8px 0 28px;
}
.vertical-line-pink {
	width: 4px;
	height:24px; /* 縦線の高さを文字サイズに合わせる */
	border-radius: 20%;
	background-color: rgb(255, 37, 74);
	margin: 0 6px 0 0; /* 縦線の右側に5pxのマージンを追加 */;
}
.number {
	color: black;
	margin-right: 5px;
}

.rep {
	color: black;
	font-size: 18px;
	align-items: center;
	flex-grow: 1;
}

.with-border {
	display: flex; 
	align-items: center;
	flex-grow: 1;
	border-bottom: 1px solid rgb(195, 190, 190); /* 文字の下にボーダーラインを追加 */
	padding: 5px 0;
}

.left-aligned {
	color: black;
	font-size: 16px; /* .repと同じ文字サイズ */
	text-align: left; /* 左寄せ */
	font-weight: bold;
	flex-grow: 1;
}