@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";

/* #t_outline table{
	border: 3px double #CCC;
	border-collapse: collapse;
}
#t_outline th,
#t_outline td {
	border: 1px solid #CCC;
	text-align:left;
	padding:2px 5px;
	line-height:1.4;
}
#t_outline ul {
	list-style-type: none;
	margin: 10px 0px;
	padding: 0px;
}
#t_outline li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
#t_outline li strong {
	font-weight:bold;
}
#t_outline .t_outline_caption {
	font-size: 100%;
} */

#t_outline{
	text-align: left;
	color: var(--font_c);
	font-size: clamp(13px, 8.846px + 0.513vw, 15px);/*15~13(1200~810)*/
	.t_outline_caption{
		font-size: clamp(1.125rem, 0.346rem + 1.538vw, 1.5rem);/*24~18(1200~810)*/
		font-weight: 500;
		border-bottom: 1px solid var(--font_c);
		padding-bottom: 0.2em;
		margin-top: 80px;
		@media (width < 810px) {
			margin-top: 64px;
		}
	}
	.outline-outer{
		padding-block: 100px;
		@media (width < 810px) {
			padding-block: 48px;
		}
	}
	.outline-wrap{
		>*{
			&:first-child{
				margin-top: 0;
			}
		}
	}
	table{
		width: 100%;
		border-collapse: collapse;
		margin-top: 24px;
		@media (width < 600px) {
			border-top: 1px solid var(--font_c);
			border-left: 1px solid var(--font_c);
		}
	}
	th, td{
		padding: 8px 16px;
		border: 1px solid var(--font_c);
		@media (width < 600px) {
			display: block;
			border-top: none;
			border-left: none;
		}
	}
	th{
		width: 200px;
		background: #dff1f7;
		font-weight: 400;
		@media (width < 810px) {
			width: 180px;
		}
		@media (width < 600px) {
			width: 100%;
		}
	}
	td{
		font-weight: 400;
	}
	ul{
		list-style-type: none;
		margin-top: 16px;
	}
	li{
		list-style-type: none;
		font-weight: 400;
		strong{
			font-weight: 700;
		}
	}
}