@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 640px) {

/* ────────────────────── *
 *                                              *
 * メインビジュアル                             *
 *                                              *
 * ────────────────────── */

#main {
	background: url(../../info/image/bg-main.jpg) no-repeat center center / cover;
	width: 100%;
	height: 120px;
}
#main .inner {
	width: 940px;
	height: 90px;
	padding: 15px;
}
#main h2 {
	font-size: 18px;
	margin-bottom: 10px;
}
#main p {
	font-size: 10px;
}

/* ────────────────────── *
 *                                              *
 * コンテンツ                                   *
 *                                              *
 * ────────────────────── */

#contents {
	font-size: 14px;
	width: auto;
	padding: 3.125% 3.125% 12.5%;
}
#contents h3 {
	font-size: 18px;
	padding: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #00559b;
}
#contents h4 {
	font-size: 16px;
	padding: 5px 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid rgba(0,85,155,0.1);
}
#contents h4:after {
	border-bottom: 2px solid #00559b;
	bottom: -2px;
	width: 10%;
}
#contents #left {
	float: none;
	width: 100%;
	margin-bottom: 50px;
}
#contents #left dl#info {
	margin-bottom: 50px;
}
#contents #left dl#info dd {
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#contents #left p#entryDate {
	margin-bottom: 15px;
}
#contents #left #entry p {
	margin-bottom: 15px;
}
#contents #left #entry ul.notice {
	font-size: 10px;
}
#contents #left #entry ul.notice li {
	text-indent: -1.85em;
	padding-left: 1.85em;
	margin-bottom: 5px;
}
#contents #left #entry table {
	font-size: 12px;
}
#contents #left #entry table th {
	padding: 5px;
}
#contents #left #entry table td {
	padding: 5px;
}
#contents #left #entry table td ul {
	margin-left: 30px;
}
#contents #right {
	font-size: 12px;
	float: none;
	width: 100%;
}
#contents #right p#btn-latest {
	font-size: 14px;
}
#contents #right p#btn-latest a {
	padding: 10px;
}
#contents #right h5 {
	padding: 5px 10px;
}
#contents #right #archive {
	padding: 10px;
}
#contents #right #archive ul li {
	background: url(../../image/listmarker-menu.png) no-repeat left center;
	padding-left: 25px;
	margin-bottom: 15px;
}

}