/* CSS Document */

/*
blue : #005096
gray : #efefef

*/

.tableAlist{
	padding:0;
}
.tableAlist li{
	list-style: none;
	text-indent: -1rem;
	margin-left: 1rem;
	
}


@media screen and (min-width:992px){
	.wrap{
		display: flex;
		justify-content: space-between;
	}

	.leftpane{
		width: 100%;
	}
	.rightpane{
		margin-top:40px;
		width: 200px;
		display: none;
	}
	.rightpane div{
		position: sticky;
		top:0;
	}
}

.sidemenu{
	border:1px solid #ccc;
}
.sidemenu .title{
	padding:0.5em 0.7em;
	background: #0b5097;
	color: white;
}
.sidemenu .item{
	padding:0 0.5em;
	border-bottom: 1px solid #ccc;
}
.sidemenu .item:last-child{
	border: none;
}
.sidemenu .arrow{
	line-height: 32px;
}





@media screen and (max-width:991px){
	.wrap{
		display: flex;
		flex-wrap: wrap;
	}

	.leftpane{
		order:2;
			width: 100%;
	
	}
	.rightpane{
		order:1;
			width: 100%;
	
	}
	
	.sidemenu{
		margin-top:40px;
		width: 100%;
	}
}







.borderbox{
	border: 2px solid #ccc;
	padding:15px;
}

.spOnly{
	
}

.pointmark{
	text-indent:1em;
	margin-left:-1em;
}
.push{
	display: inline-block;
	margin-left:1em;
}

.colorheader{
	
}

.leftpad{
	display:  inline-block;
	width: 4em;
}

@media screen and (min-width:768px){
	section{
		max-width: 1200px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:6em;
	}
	.spOnly{
		display: none;
	}
	.spOnly::after{
		content:'';
		display: inline-block;
		width: 1em;
		height: 1px;
	}

}

.arrow{
	background: url("../images/icon_arrow.png") left center no-repeat;
	padding-left:15px;
	line-height: 40px;
}
.arrow-navy{
	background-image: url("../images/icon_arrow_navy.png");
    padding-left:15px;
	line-height: 20px;
    background-size:8px 10px;
}

.clrred{
	color:red;
}

h1{
	letter-spacing: 0.25em;
}

h3{
	border:2px solid #ddd;
	border-radius: 10px;
	padding: 1em;
	text-align: left;
	margin-bottom: 20px;
}
h4{
	max-width: 768px;
	text-align: left;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	font-weight: bold;
}
h4 span{
	font-weight: normal;
}
h5{
	border:1px solid #888;
	background-color: #efefef;
	border-radius: 10px;
	padding: 1em;
	font-size: 18px;
	text-align: left;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}
@media screen and (min-width:576px) and (max-width:991px){
	h1{
		font-size: 24px;
	}
	h2{
		font-size: 16px;
	}
}

@media screen and (max-width:575px){
	h1{
		font-size: 24px;
	}
	h2{
		font-size: 16px;
	}
}

#header .container-fluid{
	background: #005096;
	color: white;
	padding-bottom: 20px;
}

#header{
	text-align: center;
}

#contents{
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer{
	background: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer p{
	text-align: center;
}
@media screen and (min-width:768px){
	#footer a{
		padding: 1em;
	}
}

#contents ol li{
	margin-bottom: 15px;
}


.readtext{
	margin-bottom: 2em;
}

a.pdf{
	background: url("../images/pdf.gif") no-repeat right center;
	padding-right: 20px;
}

.red{
	color:red;
	padding-left: 2em;
}


.table{
	margin: 15px auto 10px auto;
}
table.table td{
	line-height: 200%!important;
}

.table.tableA th,
.table.tableA2 th{
	background: #005096;
	color:white;
    text-align: center;
    letter-spacing: 0.1em;
}

.table.tableA tr td small,
.table.tableA2 tr td small{
	display: inline-block;
	line-height: 140%!important;
}

.table.tableB th{
	width: 11em;
	color: #005096;
}


@media screen and (min-width: 768px){

	.spOnly{
		display: none;
	}
}

@media screen and (max-width: 575px){
	.table.tableA th:nth-child(1){
		width: 30%;
	}
	.table.tableA th:nth-child(2){
		width: 70%;
	}
	.table.tableA th:nth-child(3){
		width: 50%;
	}
	.table.tableA2 th:nth-child(3){
		width: 50%;
	}
	.table.tableA2 th:nth-child(1){
		width: 22%;
	}
	.table.tableA2 th:nth-child(2){
		width: 28%;
	}
	.table.tableA2 th:nth-child(4){
		width: 40%;
	}
}
@media screen and (max-width: 767px){
	
	

	.tableB>tbody>tr{
		display: block;
	}
	.tableB>tbody>tr>th:nth-child(1){
		width: 100%;
		display: block;
	}
	.tableB>tbody>tr>th:nth-child(2){
		display: block;
	}
	.tableB>tbody>tr>td:nth-child(2){
		width: 100%;
		display: block;
	}
	
	.tableB>tbody>tr>th:nth-child(1) br{
		display: none;
	}
	.spFullWidth{
		width: 100%!important;
	}
	
	
	.tableInnerB{
		border:1px solid #ccc;
	}
	.mth{
		width: 6em!important;
	}
}

/* Scrool */

@media screen and (max-width: 767px){

	.scroll table{
		width:100%;
	}
	.scroll{
		overflow: auto;/*tableをスクロールさせる*/
		white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	}
	.scroll::-webkit-scrollbar{/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}
}




#contactbox{
	border: 2px solid #efefef;
	border-radius: 15px;
	margin-top: 40px;
	padding:1.5em;
}

#contactbox h4{
	margin:0 0 15px 0;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}


h2{
			line-height: 150%;
		}
		
		.newsWrap{
			border-radius: 8px;
			padding:15px;
			background-color:#fff;
		}
		.newsWrap .borderbox{
			background-color: #fff;
			margin-left: 40px;
		}
		
		
		.kakomi{
			display: inline-block;
			border: 1px solid #333;
			background-color: white;
			padding: 8px;
			margin-bottom: 10px;
		}
		.midashiX{
			font-size: 18px;
		}
		
		.midashiTab{
			margin-left: 40px;
			margin-bottom: 0;
			padding: 8px;
			display: inline-block;
			border-top: 1px solid #333;
			border-left: 1px solid #333;
			border-right: 1px solid #333;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			background-color: #333;
			color: white;
		}
		
		.simpleList{
			padding-left: 1em;
		}
		
        body{
            border-top:4px solid #005096;
        }
        
		header{
			position: relative;
		}
		.logo{
			
		}
        
        .schoolLinks{
            position: absolute;
			top:0;
			right:10px;
        }
        .schoolLinks ul{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            padding-left: 0;
        }
        .schoolLinks ul li{
            list-style: none;
        }
        .schoolLinks ul li a{
            display: block;
            padding: 5px 15px;
            /*background-color: #005096;*/
            color:black;
        }
        .schoolLinks ul li a:hover{
            /*background-color: #00335F;
            text-decoration: none;*/
        }
        
        .schoolLinks ul li:first-child a{
            border-bottom-left-radius: 10px;
            border-right: 1px solid #fff;
        }
        .schoolLinks ul li:last-child a{
            border-bottom-right-radius: 10px;
        }
		.naviTableWrap{
			position: absolute;
			top:40px;
			right:10px;
		}
		.naviTable{
			border-radius: 10px;
			border: 1px solid #ccc;
			border-collapse: separate;
		}
		.naviTable th{
			text-align: center;
			background-color: #005096;
			padding: 10px;
			color: white;
			letter-spacing: 0.2em;
			border: 1px solid #eee;
		}
		.naviTable td{
			padding: 3px 10px;
			border: 1px solid #eee;
		}
		.naviTable a.arrow{
			background-size: 8px 10px;
		}
		
		.naviTable th:first-child{
			border-top-left-radius: 10px;
		}
        h4{
                max-width: 100%;
            }
		
        @media screen and (max-width:991px){
            .schoolLinks,
            .naviTableWrap{
                display: none;
            }
            
        }
        
        
        .closeDiv{
            display: none;
        }