@charset "utf-8";

/* -------------------
  common
------------------- */
.more-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;
}
.more-btn a {
	display: block;
	line-height: 60px;
	color: #fff;
	text-align: center;
	font-family: 'futura-c', sans-serif;
	font-size: 24px;
	letter-spacing: .05em;
	background: #1a1a1a;
	padding-right: 10px;
	position: relative;
}
.more-btn a:before {
	content: '';
	width: 73px;
	height:  100%;
	position: absolute;
	top: 0;
	right: 10px;
	background: url(../images/home/arrow-more.svg) no-repeat center center / 100% auto;
}
.more-btn a:hover {
	color: #fff;
	opacity: .9;
}

@media screen and (max-width:799px) {
	.more-btn {
		width: 150px;
	}
	.more-btn a {
		display: block;
		line-height: 30px;
		font-size: 15px;
		padding-right: 20px;
	}
	.more-btn a:before {
		content: '';
		width: 45px;
	}
}
/* -------------------
  event
------------------- */
#event-box {
	position: relative;
}

/* -------------------
  news
------------------- */
#news-box {
	position: relative;
	background: #f7f7f7;
	margin-top: 40px;
}
#news-box dl {
	padding: 35px 0 45px;
}
#news-box dl dt,
#news-box dl dd {
	margin: 15px 0;
    line-height: 1.5;
}
#news-box dl dt {
	width: 15.83333%;
}

#news-box dl dd {
	width: 84.16667%;
}
#news-box dl a {
	text-decoration: underline;
}
#news-box dl a:hover {
	opacity: .8;
}

@media screen and (max-width:799px) {
	#news-box {
		margin-top: 45px;
	}
#img-box {
		margin-top: 45px;
	}
	#news-box dl {
		padding: 0 0 60px;
	}
	#news-box dl dt,
	#news-box dl dd {
		width: 100%;
	}
	#news-box dl dt {
		margin: 0;
		padding: 50px 0 0;
		padding-bottom: 15px;
		position: relative;
	}
	#news-box dl dt:after {
		content: '';
		width: 30px;
		height: 2px;
		background: #0f3b6b;
		position: absolute;
		bottom: 7px;
		left: 0;
	}
	#news-box dl dd {
		margin: 0;
		line-height: 1.4;
	}
}
/* -------------------
  kiban
------------------- */
#kiban .unit_theme dt {
    line-height:3 ;
}

#footer{
    margin-top: 0;
}