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

/* about */
#gmap{
	width: 100%;
	height: 420px;
	margin-bottom: 10px;
}

/* contact */
.text-tel{
	color: #c69c6d;
	font-size: 56px;
	font-family:Arial, Helvetica, "sans-serif";
	font-weight: bold;
	letter-spacing: .1em;
	margin-left: 74px;
	position: relative;
	display: inline-block;
}
.text-tel:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
	margin-left: -74px;
	width: 64px;
	height: 64px;
	background: url(../images/icon_tel.png) no-repeat;
	background-size: 64px 64px;
}

/* news */
#box-news ul{
	border-top: 1px solid #e3e3e3;
}
#box-news ul li{
	border-bottom: 1px solid #e3e3e3;
	letter-spacing: .1em;
}
#box-news ul li a{
	display: block;
	padding: 20px;
	-webkit-transition:all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
@media screen and (min-width: 769px) {
	#box-news ul li a:hover{
		background-color: rgba(204,204,204,0.15);
	}
}
#box-news ul li .date{
	display: block;
	float: left;
	width: 250px;
}
.new{
	display: inline-block;
	margin-left: 5px;
	padding: 5px 8px 4px;
	font-size: 13px;
	line-height: 13px;
	color: #fff;
	background-color: #da4445;
}
#box-news ul li .ttl{
	display: block;
	padding-left: 250px;
}
#entry-news{
	line-height: 1.8em;
}

/****************************************************

	max-width:768px

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

	/* contact */
	.text-tel{
		font-size: 32px;
		margin-left: 44px;
	}
	.text-tel:before{
		width: 38px;
		height: 38px;
		margin-left: -44px;
		background-size: 38px 38px;
	}
	
	/* news */
	#box-news ul li a{
		padding: 15px 5px;
	}
	#box-news ul li .date{
		float: none;
		padding-bottom: 5px;
	}
	#box-news ul li .ttl{
		padding-left: 0;
		font-weight: bold;
		line-height: 1.4;
	}
}