@charset "utf-8";

p { margin-bottom: 1em; }
.anchor2 { scroll-margin-top: 70px; }



.heading-line {
	padding: 0.2em 0.5em; /* 上下と左の余白 */
	border-left: 6px solid #2ecc71; /* 左側に太い線を引く */
	background-color: #f9f9f9; /* 薄い背景色をつけるとより見出しらしくなる */
	margin-bottom: 8px;
}


.heading-underline {
	padding-bottom: 5px;
	border-bottom: 2px solid #ddd; /* 全体の細い下線 */
	position: relative;
	margin-bottom: 8px;
}

.heading-underline::after {
	content: "";
	position: absolute;
	bottom: -2px; /* 全体の下線に重ねる */
	left: 0;
	width: 20%;   /* 強調したい長さ */
	border-bottom: 4px solid #3498db; /* 強調する太い下線 */
}

.dl-list dt { font-weight: 400;}
.dl-list dd {
	margin-left: 2em;
	margin-bottom: 1em; /* 質問ごとの間隔 */
}



.dl-disc dt::before {
	content: "・";  /* 文字として中黒を表示 */
	color: #333;    /* 色の指定 */
	margin-right: 0.5em; /* 文字との隙間 */
}

.dl-disc dd { margin-left: 2em; }



/* Q（質問）のスタイル */
.dl-qa dt::before {
	content: "Q.";      /* 先頭につける文字 */
	font-weight: bold;
	color: #e74c3c;     /* Qを赤系にして目立たせる */
	margin-right: 0.5em; /* 文字との隙間 */
}

/* A（回答）のスタイル */
.dl-qa dd::before {
	content: "A.";      /* 先頭につける文字 */
	font-weight: bold;
	color: #3498db;     /* Aを青系にして区別する */
	margin-right: 0.5em;
}

/* レイアウトの微調整 */
.dl-qa {
/*	max-width: 600px;*/
	margin: 20px auto;
}

.dl-qa dt {
	font-weight: bold;
/*	margin-top: 1.5em; /* 質問ごとの間隔 */
}

.dl-qa dd {
	margin-bottom: 1.5em; /* 質問ごとの間隔 */
}


/*
	CSSで警告アイコン
*/
.warning-text {
	display: flex;
	align-items: center; /* 縦方向の中央揃え */
	font-size: 18px;     /* テキストのサイズ */
	font-weight: bold;
	color: #333;
}

.warning-icon {
	display: inline-block;
	position: relative;
	width: 0;
	height: 0;
	margin-right: 8px; /* テキストとの間隔 */

	/* テキストの高さに合わせてサイズを調整 */
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 18px solid #ffcc00; /* テキストの高さ(18px)に合わせる */
}

.warning-icon::after {
	content: "!";
	position: absolute;
	top: 4px;      /* 三角形内での位置微調整 */
	left: -2px;    /* 中央寄せ */
	font-size: 12px;
	color: #000;
	line-height: 1;
}

.ls-alpha { list-style: upper-latin; margin:10px 0 10px 40px;  }



/*
	NG？×を描画
*/
.caution-text::before {
	content: "";
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 8px;
	vertical-align: middle;
}

/* 2本の線を擬似要素で作る */
.caution-text::before {
	background:
		linear-gradient(45deg, transparent 42%, red 42%, red 58%, transparent 58%),
		linear-gradient(-45deg, transparent 42%, red 42%, red 58%, transparent 58%);
	border-radius: 2px;
}