@charset "UTF-8";
/* CSS Document */

/*トップイメージ*/
.top_header_bg{
	width:100%;
	background-color: #EEEEEE;
	margin-bottom: 30px;
}

/*コンテンツ*/
.category{
	color: #0052A4;
	font-size: 30px;
	font-weight: normal;
	padding: 10px 0;
}
.category a{
	font-size: 20px;
	color: #0055A6;
	text-decoration: none;
}
.category a:hover{
	text-decoration: underline;
}
.title h3{
    font-size: 30px;
    color: #0055A6;
	line-height: 1;
    border-left: 10px solid #0055A6;
    padding-left: 15px;
}
.title_line{
	border-top: 1px solid #999;
	margin: 10px 0 20px 0;
}
.btn_page{
	font-size: 20px;
	text-align: center;
	width: 45%;
	margin: 20px 0;
}
.btn_page a{
    color: #fff;
    background-color: #0055A6;
    border-radius: 5px;
    border-color: #0055A6;
	padding: 20px 0;
	text-decoration: none;
	display: block;
}
.btn_page a:hover{
    background-color: #3F7BB9;
    border-radius: 5px;
    border-color: #3F7BB9;
}
.MarginBottom{
	margin-bottom: 30px;
}


/*タブレット*/
@media screen and (min-width: 600px) and (max-width: 959px) {
	.category{
		font-size: 130%;
    	padding: 5px 0;
	}
	.title h3{
    	font-size: 130%;
    	padding-left: 6px;
	}
	.btn_page{
		font-size: 16px;
		text-align: center;
		width: 50%;
		margin: 20px 0;
	}
	.btn_page a{
		padding: 15px 0;
	}
}


/* ミニタブレット対応*/
@media screen and (max-width:736px) {

}

/*スマホ*/
@media screen and (max-width:599px) {
	.category{
		font-size: 130%;
    	padding: 5px 0;
    	margin-top: 52px;
	}
	.category a{
		font-size: 70%;
	}
	.border_img{
		margin: 20px 0;
	}
	.title h3{
    	font-size: 110%;
    	padding-left: 6px;
		margin-top: 0;
		line-height: 1.5;
	}
	.title_line {
    	margin: 10px 0 10px 0;
	}
	.btn_page {
    	font-size: 88%;
	}
	.btn_page a {
    	padding: 15px 0;
	}
}

/*印刷用*/
@media print {
.btn_page {
    font-size: 16px;
    text-align: center;
    width: 60%;
    margin: 20px 0;
	}
}