@charset "utf-8";

/* ========================================================
	expenses.css => 学費・奨学金・学費サポートプランページ用CSS
======================================================== */

.expenses:after {
	content: none;
}
.expenses + .expenses {
	margin-top: 60px;
}

table.basic {
	width: 100%;
	line-height: 1.4;
}
table.basic caption {
	text-align: right;
	margin-bottom: 0.2em;
}
table.basic thead th {
	background-color: #b8e0df;
}

table.basic th{
	padding: 1em 0.5em;
	border: 1px solid #dedede;
	text-align: center;
	background-color: #fff;
}

table.basic td {
	padding: 1em 0.5em;
	border: 1px solid #dedede;
	text-align: left;
	background-color: #fff;
}

table.basic th.w01 {
	width: 18%;
}
table.basic th.w02 {
	width: 18%;
}
table.basic th.w03 {
	width: 18.5%;
}
table.basic th.w04 {
	width: 18%;
}

table.basic td.tl {
	padding-left: 2em;
	text-align: left;
}

table.basic + .notes {
	margin-top: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}

table.basic .head {
	float: left;
	padding-bottom: 0.2em;
}

p + table.basic {
	margin-top: 8px;
}

p.moji2{
	font-size:16px;
	line-height:1.5em;
	}

@media screen and (max-width: 680px) {
	html.responsive .expenses + .expenses {
		margin-top: 40px;
	}
	table.sp_s {
		font-size: 1.3rem;
	}
	table.basic th,
	table.basic td {
		padding: 1em 0.5em;
	}
	table.basic td.tl {
		padding-left: 0.5em;
	}

	table.basic .head {
		float: none;
		display: block;
		padding-bottom: 0;
	}

	table.sp_block,
	table.sp_block caption,
	table.sp_block tbody,
	table.sp_block tr,
	table.sp_block th,
	table.sp_block td {
		display: block;
	}
	table.sp_block thead {
		display: none;
	}
	table.sp_block tr {
		margin-bottom: 10px;
		border: 1px solid #dedede;
		border-bottom-width: 0;
	}
	table.sp_block td {
		display: table;
		width: 100%;
		padding: 0;
		border-width: 0 0 1px;
		font-size: 1.4rem;
	}
	table.sp_block td div {
		display: table-cell;
		padding: 1em 0.5em;
	}
	table.sp_block td:before {
		display: table-cell;
		width: 8em;
		padding: 1em 0.5em;
		background-color: #b8e0df;
		border-right: 1px solid #dedede;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	table.sp_block td:nth-child(1):before {
		content: "年次";
	}
	table.sp_block td:nth-child(2):before {
		content: "入学金";
	}
	table.sp_block td:nth-child(4):before {
		content: "授業料";
	}
	table.sp_block td:nth-child(5):before {
		content: "大学諸費";
	}
	table.sp_block td:nth-child(6):before {
		content: "合計";
	}
	table.sp_block td:nth-child(7):before {
		content: "大学諸費";
	}
	table.sp_block td:nth-child(8):before {
		content: "合計";
	}

	table.sp_table {
		font-size: 1.3rem;
	}
	table.sp_table,
	table.sp_table caption,
	table.sp_table tbody,
	table.sp_table tr,
	table.sp_table th,
	table.sp_table td {
		display: block;
	}
	table.sp_table thead {
		display: none;
	}
	table.sp_table tr {
		margin-bottom: 10px;
		border: 1px solid #dedede;
		border-bottom-width: 0;
	}
	table.sp_table td {
		display: table;
		width: 100%;
		padding: 0;
		border-width: 0 0 1px;
		font-size: 1.4rem;
	}
	table.sp_table td div {
		display: table-cell;
		padding: 1em 0.5em;
		text-align: left;
		vertical-align: middle;
	}

	table.sp_table td:before {
		content: attr(data-label);
		display: table-cell;
		width: 7em;
		padding: 1em 0.5em;
		background-color: #b8e0df;
		border-right: 1px solid #dedede;
		vertical-align: middle;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}