@charset "UTF-8";

body{
	font-family: YuGothic,'Yu Gothic', sans-serif;
	font-size:16px;
}
img{
	max-width:100%;
}
p{
	line-height:2em;
	margin-bottom:2em;
	text-align:justify;
}

header{}

.header_navi{
	display:table;
	width:100%;
	height:97px;
	padding:0;
	margin:22px 0;
}
.header_navi li{
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	font-size:18px;
}
.header_navi li a{
	color:#acacac;
}
.header_navi li a:hover{
	color:#7d7b7a;
	text-decoration: none;
}



.menu_btn{
	position:absolute;
	z-index:20;
	top:20px;
	right:24px;
}
.menu_btn .batu{
	display:none;
}
.menu_btn img{
	cursor: pointer;
}
.header_navi_sm{
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	right:0;
	display:none;
	background-color:rgba(255,255,255,0.9);
	padding:60px 0 0;
	margin:0;
}
.header_navi_sm li{
	display:block;
}
.header_navi_sm li a{
	display:block;
	line-height:3em;
	border-bottom:1px dotted #7d7b7a;
	text-align:center;
	color:#7d7b7a;
}
.header_navi_sm li a:hover{
	background-color:rgba(125,123,122,0.7);
	color:#FFFFFF;
	text-decoration: none;
}
.header_navi_sm li:last-child a{
	border-bottom:none;
}


footer{
	background-color:#acacac;
	padding:22px 0;
	color:#FFFFFF;
}


.footer_navi{
	display:table;
	width:100%;
	height:72px;
	padding:0;
}
.footer_navi li{
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.footer_navi li a{
	color:#FFFFFF;
}
.footer_navi li a:hover{
	color:#646464;
	text-decoration: none;
}



.header_logo{
	font-size:0;
}
.header_logo img{
}


.topimg img{
	width:100%;
}


section{
	background-color:#ffffff;
	padding:40px 0;
}
section:nth-child(2n){
	background-color:#ededed;
}


.title_text{
	font-size:0;
	text-align:center;
	margin-bottom:33px;
}
.title_icon{
	font-size:0;
	text-align:center;
	margin-bottom:42px;
}


.in_box_1{
	color:#7d7d7d;
	border:3px solid #e29cab;
	padding:18px;
	margin:0 auto 48px;
	max-width:800px;
}
.in_box_2{
	padding:18px;
	margin:0 auto 48px;
	max-width:800px;
}


.bottom_10{ margin-bottom:10px }
.bottom_15{ margin-bottom:15px }
.bottom_20{ margin-bottom:20px }
.bottom_25{ margin-bottom:25px }
.bottom_30{ margin-bottom:30px }
.side_15{ margin-left:15px; margin-right:15px }

.font_12{ font-size:12px }
.font_14{ font-size:14px }
.font_16{ font-size:16px }
.font_21{ font-size:21px }

.color_gray{ color:#7d7d7d; }

.table_1 th{
	color:#7d7b7a;
	font-weight:normal;
}
.table_1 th, .table_1 td{
	padding:1em;
	border-bottom:1px solid #8b8b8b;
	vertical-align: top;
}
.table_1 tr:last-child > th,
.table_1 tr:last-child > td{
	border-bottom:none;
}

#news{
	text-align:center;
}
.news_block{
	display:inline-block;
	width:300px;
	height:330px;
	overflow: hidden;
	position:relative;
}
.news_block a{
	position:absolute;
	z-index:10;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: transparent;
}
.news_block .bg{
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	background-color: transparent;
	width:300px;
	height:330px;
}
.news_block .hg{
	position:absolute;
	z-index:3;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-size:contain;
	background-image: url(../images/news_block.png);
	background-repeat: no-repeat;
	background-color: transparent;
}

.news_block p{
	font-size:18px;
}
.news_block p.date{
	position:absolute;
	z-index:4;
	top:45%;
	left:0;
	right:0;
	text-align:center;
	color:#7d7d7d;
}
.news_block p.title{
	position:absolute;
	z-index:4;
	top:55%;
	left:20px;
	right:20px;
	color:#FFFFFF;
	background-color:#9b9a9a;
	text-align:center;
}
.news_block:hover > p.date{
	color:#e29cab;
}
.news_block:hover > p.title{
	background-color:#e29cab;
}
.news_block:hover > .hg{
	background-image: url(../images/news_block_hover.png);
}




@media screen and (max-width:767px) {
	body{
		font-size:12px;
	}
	footer{
		padding:0 0 22px;
	}
	
	.footer_navi{
		display:block;
		width:100%;
		height:auto;
	}
	.footer_navi li{
		display:block;
		text-align:center;
	}
	.footer_navi li a{
		color:#FFFFFF;
		display:block;
		line-height:3em;
		border-bottom:dotted 1px #FFFFFF;
	}
	.footer_navi li:last-child a{
		border-bottom:none;
	}
	.footer_navi li a:hover{
		color:#646464;
		text-decoration: none;
	}

	
	
	.header_logo img{
		height:39px;
	}
	section{
		padding:20px 0;
	}
	.title_icon{
		margin-bottom:22px;
	}
	.title_icon img{
		height:50px;
	}
	.in_box_1{
		margin:0 auto 22px;
	}
	.in_box_2{
		margin:0 auto 22px;
	}
	.font_12{ font-size:10px }
	.font_14{ font-size:12px }
	.font_16{ font-size:14px }
	.font_21{ font-size:16px }
	
	.news_block{
		width:180px;
		height:198px;
	}
	.news_block .bg{
		width:180px;
		height:198px;
	}
	.news_block p{
		font-size:10.8px;
	}
}