@charset "UTF-8";
/* =========================================================
mv
========================================================= */
#mv {
	background-image: url(../img/mv-photo.jpg);
}
/* =========================================================
fee
========================================================= */
#fee {
	padding-bottom: 5em;
}
#fee h2 {}
#fee .intro {
	width: 700px;
	text-align: justify;
	padding: 0 0 5em 180px;
	background: url(../img/intro-photo.jpg) no-repeat top left / auto;
	margin-top: 4em;
}
#fee .intro p {}
#fee section {
	width: 800px;
	border-top: 1px solid #ddd;
	padding: 2em 0;
}
#fee section h3 {
	color: #001D6E;
	padding: 0 0 1em;
}
#fee section p {
	text-align: left;
}
#fee section .txt {
	text-align: justify;
	padding: 3em 0;
}
#fee section .txt p {
	padding: 1em 0;
}
#fee section .txt .list {
	padding: 1em 0 1em 2.4em;
	text-indent: -2.4em;
}
#fee section .txt .notice {
	padding: 1em 0;
}
#fee section .txt .notice p {
	text-indent: -1.2em;
	padding: 0 0 0 1.2em;
}
#fee section table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	text-align: center;
	margin: 1em 0;
}
#fee section table tr th, #fee section table tr td {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 0.3em 0;
}
#fee section table thead {}
#fee section table thead tr {}
#fee section table thead tr th {}
#fee section table tbody {}
#fee section table tbody tr {}
#fee section table tbody tr th {
	border-bottom: 1px dotted #666;
	text-align: left;
	text-indent: 1em;
}
#fee section table tbody tr td {
	text-align: left;
	text-indent: 1em;
	border-bottom: 1px dotted #666;
}
#fee section table tbody tr:nth-last-of-type(1) th {
	border-bottom: 1px solid #666;
}
#fee section table tbody tr:nth-last-of-type(1) td {
	border-bottom: 1px solid #666;
}
#fee section .notice {
	padding: 4em 0 3em;
}
@media screen and (max-width: 768px) {
	/*============================
#contents
============================*/
	#contents {
		padding: 0 0 100px;
	}
	/*============================
#mv
============================*/
	#contents #mv {
		padding: 0 0 31%;
	}
	#contents .page-ttl {
		width: auto;
		padding: 1.5em 0 0.5em;
	}
	/*============================
#fee
============================*/
	#contents #fee {
		padding: 2.5em 0 0 0;
	}
	#contents #fee .ttl {}
	#contents #fee .intro {
		width: 90%;
		background-position: top center;
		padding: 250px 0 2em 0;
		background-size: 200px;
		margin-top: 3em;
	}
	#fee .intro p {
		font-feature-settings: "palt";
		line-height: 1.8;
	}
	#contents #fee section {
		width: 90%;
	}
	#fee section h3 {
		font-size: 140%;
		letter-spacing: 0;
		text-align: left;
	}
	#contents #fee .txt {
		padding: 0em 0;
	}
	#fee section p {
		font-feature-settings: "palt";
		line-height: 1.8;
	}
	#fee section table {
		width: 800px;
	}
	#fee section table tr th, #fee section table tr td {}
	#fee section table thead {}
	#fee section table thead tr {}
	#fee section table thead tr th {}
	#fee section table tbody {}
	#fee section table tbody tr {}
	#fee section table tbody tr th {}
	#fee section table tbody tr td {}
	#fee section table tbody tr:nth-last-of-type(1) th {}
	#fee section table tbody tr:nth-last-of-type(1) td {}
	#contents #fee .txt .notice {}
	#contents #fee .txt .list {
		padding: 1em 0 1em 2em;
		text-indent: -2em;
	}
	#contents #fee .notice {}
}