@charset "utf-8";

/* outline
//* -------------------------------------------------- */

.info-area {
	font-size: 1.5rem;
	line-height: 1.5;
	border-collapse: collapse;
	display: table-cell;
	width: 100%;

	& table {
		width: 100%;
	}
}

.info-area .buken_list {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
	border-top: 1px solid #ddd;
}

.info-area h3 {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
}

.info-area p {
	margin-left: 10px;
}

.info-area th {
	border-bottom: 1px #C4BAAD solid;
	padding: 20px 15px;
	color: #fff;
	background: #B4965F;
	background: -webkit-gradient(linear, left top, right top, from(rgba(180, 150, 95, 1)), to(rgba(184, 163, 136, 1)));
	background: linear-gradient(90deg, rgba(180, 150, 95, 1) 0%, rgba(184, 163, 136, 1) 100%);
	width: 25%;
	text-align: left;
	vertical-align: middle;
}

.info-area td {
	color: #333;
	padding: 20px 15px;
	width: 75%;
	text-align: left;
	vertical-align: middle;
	background-color: white;
}

.info-area td:last-child {
	border-bottom: 1px #dddddd solid;
}

.info-area #time_publish {
	text-align: right;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
	font-size: 1.2rem;
}

.info-area #memo {
	text-align: left;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.info_terms h5 {
	font-size: 15px;
	line-height: 1.5;
}

.info_terms h4 {
	font-size: 16px;
	line-height: 1.6;
}

.info_terms h3 {
	font-size: 18px;
	line-height: 1.7;
}

.info_terms h2 {
	font-size: 24px;
	line-height: 1.8;
}

.info_terms td {
	background-color: transparent;
	margin: 40px 0px 0px 0px;
}

.l-outline_block {
	margin-inline: auto;
	max-width: 1080px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 50px 0;
}

.l-outline_sub_block {}

.l-outline_sub_block p {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	color: #fff;
}

.l-outline_sub_block a {
	color: #fff;
}

/*
.l-outline_block.invert .info_terms td {
	color: #fff;
}

.l-outline_block.invert .info-area #time_publish {
	color: #fff;
}
*/


/* info
//* -------------------------------------------------- */

.g-news-scroll {
	max-height: 400px;
	overflow: hidden;
	overflow-y: scroll;
	padding: 20px 0;
	color: #333;
	font-size: 1.6rem;
	text-align: left;
}

.g-news-scroll p {
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.4;
	margin-top: 20px;
}

.g-news-scroll b,
.g-news-scroll strong {
	font-weight: bold;
}

.g-news-scroll ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}

.g-news-scroll ul li {
	position: relative;
	text-indent: -.6em;
	padding-left: 1em;
	margin-top: 20px;
	line-height: 1.6;
}

.g-news-scroll ul li:before {
	content: "";
	width: 4px;
	height: 4px;
	display: inline-block;
	background-color: #333333;
	border-radius: 50%;
	position: relative;
	top: -5px;
	margin-right: 5px;
}

.g-news-scroll ul li p {
	padding: 5px 0;
}

.g-news-scroll ol {
	list-style: decimal;
}

.g-news-scroll ol li {
	list-style-type: unset;
	text-align: left;
	width: 100%;
	margin-top: 20px;
	margin-left: 1.15em;
	text-align: left;
	line-height: 1.6;
}

.g-news-scroll hr {
	margin: 40px 0 20px;
}

.g-news-scroll h1,
.g-news-scroll h2,
.g-news-scroll h3,
.g-news-scroll h4,
.g-news-scroll h5,
.g-news-scroll h6 {
	margin-top: 15px;
	line-height: 1.6;
}


@media screen and (max-width:767px) {

	/* outline
	//* -------------------------------------------------- */

	.l-outline_block {
		width: 100%;
	}

	.info-area .buken_list {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		table-layout: fixed;
	}

	.info-area th {
		width: 100%;
		padding: 10px 15px;
	}

	.info-area td {
		width: 100%;
		padding: 15px 15px;
	}

	.row_detail {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
	}

	.info-area #time_publish {
		font-size: 1.2rem;
		text-align: left;
	}

	.info_terms td {
		padding: 20px 0px;
	}

	/* info
	//* -------------------------------------------------- */

}
