/*======================================

	Custom CSS
	Copyright (c) 2020, PROACTIVE Inc. All rights reserved.

=======================================*/

/*----- Top -----**/



.top-info {
	border-collapse: separate;
	border-spacing: 0 1rem;
	font-size: 1.5rem;
}

.top-info tr th {
	background-color: #3465B0;
	color: #fff;
	text-align: center;
	border-left: 8px solid #18A8E0;
	clip-path: polygon(0% 0%,84% 0% ,100% 50%,84% 100%,0% 100% );
}


table.top-info tr th,
table.top-info tr td{
	line-height: 1;
	vertical-align: middle
	
}

table.top-info tr th{
padding: 0.6rem 1.5rem 0.4rem 0.5rem 
}
table.top-info tr td{
	padding: 0.6rem 0rem 0.4rem 1rem 
}

.top-info span {
	font-size: 1.2rem
}
.txt--justify {
     text-justify: inter-ideograph;
    text-align-last: justify;
}

.main-img img{
	vertical-align: top;
}

.news {
    font-size: 1rem;
}
.news dt {
	float: left;
	width: 7rem;
	clear: left;
}
.news dd {
	margin: 0 0 1rem;
	padding-left: 7rem;
}

.bnr-area {
    margin-bottom: 2rem;
}
.bnr-area ul li {
    text-align: center;
    margin-bottom: 1rem;
}
.bnr-area ul li img {
    max-width: 270px;
}
.bnr-area--box {
    border: 1px solid #ccc;
    padding: 1rem 0;
    display: block;
    color: #333;
    text-decoration: none;
}
.bnr-area--box:hover {
    background-color: #FFFBD8;
    color: #333;
}

/*----- Program -----**/
dl.program-dl > dt{
	font-size: 1.2rem;
	color: #3465B0;
	font-weight: bold;
}
dl.program-dl > dt > span {
	font-weight: normal;
	color:#0846a5;
	font-size: 1rem;
}
dl.program-dl > dd {
	margin-bottom: 1.4rem
}
.w-45{
	display: inline-block;
	width: 4.5rem;
}