@charset "UTF-8";

.m-pagevisual.-outline {
	background-image: url(../images/outline/ph_hero.webp)
}

.p-outline-body {
	padding: 40px 18px
}
.p-outline-body.-modifier {
	margin: 0 0 120px
}
.p-outline-body__head {
	text-align: center;
	font-size: 2.6rem;
	margin: 0 0 40px
}
.p-outline-body__table {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #ddd
}
@media(max-width:768px) {
	.p-outline-body__table {
		width: 100%;
	}
}
.p-outline-body__table th {
	width: 300px;
	padding: 15px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 400;
	background-color: #5b5b5b;
	border-bottom: 1px solid #ddd
}
@media(max-width:768px) {
	.p-outline-body__table th {
		display: block;
		width: 100%
	}
}
.p-outline-body__table td {
	width: calc(100% - 300px);
	padding: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #211713;
	font-size: 1.4rem;
	border-bottom: 1px solid #ddd
}
@media(max-width:768px) {
	.p-outline-body__table td {
		display: block;
		width: 100%
	}
}
.p-outline-body__foot {
	max-width: 900px;
	margin: 40px auto 0;
	font-size: 1.4rem
}
@media(max-width:768px) {
	.p-outline-body__foot {
		width: calc(100% - 60px);
		max-width: 100%
	}
}