header .navi ul li:nth-child(5) a{
	background: #0045bf;
}

header .header_text{
	width: 980px;
	margin: 0 auto;
	margin-top: 40px;	
}

header .header_text h2{
	font-size: 24px;
	border-bottom: 2px solid #0045bf;
	margin-bottom: 40px;
}

/*========main=========*/

.top_image{
	width: 650px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.top_image img{
	width: 650px;
	margin: 0 auto;
}

.information{
	width: 850px;
	margin: 0 auto;
	margin-bottom: 80px;
}

table{
	border-collapse: collapse;
}

tr{
	width: 850px;
	display: table;
	vertical-align: inherit;
	border-color: inherit;
	border-bottom: 1px solid #cccccc;
}

tr th{
	vertical-align: top;
	padding: 12px 0px 12px 15px;
	width: 100px;
	font-weight: bold;
	text-align: center;
}

tr td{
	padding: 12px 0;
	text-align: center;
}

.adviser{
	width: 780px;
	margin: 0 auto;
	padding-top: 80px;
}

.adviser img{
	margin-bottom: 20px;
}

.adviser p{
	font-size: 30px;
	text-align: center;
	-webkit-animation:blink 1.2s ease-in-out infinite alternate;
    -moz-animation:blink 1.2s ease-in-out infinite alternate;
    animation:blink 1.2s ease-in-out infinite alternate;
	}

	@-webkit-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}
	@-moz-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}
	@keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}

.adviser p span{
	color: #0045bf;
	}


/*==============max 768px==============================================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/


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

	header .header_text{
		width: 728px;
		margin: 0 auto;
		margin-top: 20px;
	}

	.top_image,.top_image img{
		width: 600px;
		margin: 0 auto;
		margin-bottom: 80px;
	}

	.information{
		width: 700px;
		margin: 0 auto;
		margin-bottom: 80px;
	}

	table{
		border-collapse: collapse;
	}

	tr{
		width: 680px;
		display: table;
		vertical-align: inherit;
		border-color: inherit;
		border-bottom: 1px solid #cccccc;
	}

	tr th{
		vertical-align: top;
		padding: 12px 0px 12px 15px;
		width: 100px;
		font-weight: bold;
		text-align: center;
	}

	tr td{
		padding: 12px 0;
	}

	.adviser,.adviser img,.adviser p{
		width: 600px;
	}

	.adviser p{
		font-size: 24px;
	}

}

/*==============max 420px==============================================*/
/*==================================================================*/
/*==================================================================*/
/*==================================================================*/

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

/*==============header==============================================*/
/*==================================================================*/

	header .header_text{
		width: 100%;
		margin: 10px auto;
	}

	header .header_text h2{
		font-size: 18px;
		margin-bottom: 20px;
	}

/*==============main==============================================*/
/*==================================================================*/
	
	.top_image{
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.top_image img{
		width: 100%;
		margin: 0 auto;
	}

/*==============information==============================================*/
/*==================================================================*/

	.information{
		width: 100%;
		margin-bottom: 40px;
	}

	.information table{
		width: 95%;
		margin: 0 auto;
	}

	.information table tbody,.information table tbody tr{
		width: 100%;
	}

	.information table tbody tr th{
		font-size: 13px;
		padding-right: 20px;
		padding-left: 2.5%;
	}

	.information table tbody tr td{
		font-size: 12px;
	}

	.adviser{
		width: 100%;
		margin: 0;
		padding-top: 40px;
	}

	.adviser img{
		width: 100%;
	}

	.adviser p{
		width: 100%;
		font-size: 14px;
		text-align: center;
	}

}
