.tbl01 {
	border:0px;
}
.tbl01 th {
	border:0px;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #0068b5;
	padding:0.4em 1em 0.2em 1em;
}
.tbl01 td {
	border:0px;
	vertical-align:middle;
	border-bottom:1px solid #badbf2;
	padding:0.4em 1em 0.2em 1em;
}

.titleBox {
	display:table;
	margin-top:3em;
}
.titleBox h3 {
	display:table-cell;
	vertical-align:top;
}
.titleBox div {
	display:table-cell;
	vertical-align:middle;
	padding-left:3em;
}

.scheduleTbl {
	border:none;
	width:100%;
}
.scheduleTbl th {
	border:none;
	border-bottom:1px dotted black;
	text-align:right;
	padding:0.5em 1em;
}
.scheduleTbl tr:first-child th {
	border-top:1px dotted black;
}
.scheduleTbl td {
	border:none;
	border-bottom:1px dotted black;
	padding:0.5em 1em;
}
.scheduleTbl tr:first-child td {
	border-top:1px dotted black;
}
.scheduleTbl td .photo {
	display:none;
}
.scheduleTbl tr:first-child td.photo {
	border:none;
}
.scheduleTbl td .photo img {
	width:100%;
	height:auto;
	margin-top:0.2em;
}
.scheduleTbl td.photo {
	border:none;
	width:40%;
	text-align:right;
	padding:0.5em 0px 0.5em 1em;
}
.scheduleTbl td.photo img {
	width:90%;
	height:auto;
}
.scheduleTbl td.note {
	text-align:right;
	font-size:85%;
	border:none;
	text-indent:-1.1em;
	padding-left:2.1em;
}

.institution h4 {
	color:#0075c0;
	font-size:150%;
	line-height:120%;
	font-weight:normal;
	margin-bottom:0.5em;
}
.institutionBox {
	display:table;
	width:100%;
}
.institutionBox .leftCell {
	display:table-cell;
	width:48%;
	padding-right:2%;
	vertical-align:top;
}
.institutionBox .rightCell {
	display:table-cell;
	width:48%;
	padding-left:2%;
	vertical-align:top;
}
.institutionBox img {
	width:100%;
	height:auto;
}

.information h4 {
	font-size:100%;
	line-height:120%;
	margin-bottom:0px;
}
.information .titleBox h4 {
	margin-bottom:0.3em;
	padding:0px;
}
.information .titleBox p {
	margin-top:0px;
	padding-top:0px;
}
.information hr {
	border:none;
	border-bottom:1px dotted black;
	margin:2em 0px;
}

.flow {
	display:table;
	width:100%;
}
.flow .leftCell {
	display:table-cell;
	width:48%;
	padding-right:2%;
	vertical-align:top;
}
.flow .rightCell {
	display:table-cell;
	width:48%;
	padding-left:2%;
	vertical-align:top;
}
.flow h5 {
	color:#0075c0;
	font-size:100%;
	line-height:150%;
	background-image:url(../img/next.svg);
	background-repeat:no-repeat;
	background-position:20px 0px;
	padding-top:50px;
	text-indent:-1.9em;
	padding-left:1.9em;
}
.flow .leftCell h5:first-child {
	background:none;
	padding-top:0px;
}

.flow .no {
	border:1px solid #0075c0;
	border-width:0px 1px;
	padding:0px 0.2em;
	margin-right:0.3em;
}

.information .ex {
	color:#0075c0;
}
.information .ex .charge {
	font-weight:bold;
	font-size:150%;
	padding:0px 0.3em;
}
.information .ex br {
	display:none;
}
.chargeTbl th {
	font-weight:normal;
}
.chargeTbl td {
	text-align:right;
}
.chargeTbl .total th {
	background-color:#def1fb;
}
.chargeTbl .total td {
	background-color:#def1fb;
}
.chargeTbl .total td span {
	font-weight:bold;
}
.chargeTbl .note th {
	border:none;
}
.chargeTbl .note td {
	text-align:right;
	font-size:85%;
	border:none;
	text-indent:-1.1em;
	padding-left:2.1em;
}

.information li {
	padding-top:0.3em;
	padding-bottom:0.3em;
	padding-right:1em;
	line-height:120%;
}
.information p.other {
	margin-bottom:0px;
}
.information ul.other {
	margin-top:0px;
}

.red {
	color:red;
}

@media screen and ( max-width:380px ) {
	.topArea .leftCell img {
		width:100%;
		height:auto;
	}
}

@media screen and ( max-width:767px ) {
	.schedule h3 {
		text-align:center;
	}
	.scheduleTbl th {
		vertical-align:top;
	}
	.scheduleTbl td .photo {
		display:block;
	}
	.scheduleTbl td.photo {
		display:none;
	}
	.scheduleTbl td.photo img {
		width:100%;
		height:auto;
	}
	.scheduleTbl td.note {
		text-align:left;
	}

	.institution h3 {
		text-align:center;
	}
	.information h3 {
		text-align:center;
	}
	
	.titleBox {
		display:block;
	}
	.titleBox h3 {
		display:block;
	}
	.titleBox div {
		display:block;
		padding-left:0px;
	}
	.titleBox br.pc {
		display:none;
	}
	
	.institutionBox {
		display:block;
	}
	.institutionBox .leftCell {
		display:block;
		width:100%;
		padding-right:0px;
	}
	.institutionBox .rightCell {
		display:block;
		width:100%;
		padding-left:0px;
	}
	
	.flow {
		display:block;
	}
	.flow .leftCell {
		display:block;
		width:100%;
		padding-right:0px;
	}
	.flow .rightCell {
		display:block;
		width:100%;
		padding-left:0px;
	}
	.flow h5 {
		background-position:50% 0px;
	}

	.chargeTbl .note td {
		text-align:left;
	}

	.information .ex br {
		display:inline;
	}
	.information h4 {
		margin-top:3em;
	}
	.information .titleBox h4 {
		margin-top:0em;
	}
	.information ul {
		padding-left:1.5em;
	}
	.chargeTbl {
		width:100%;
	}
	.chargeTbl th {
		white-space:normal;
	}
}