/*PC*/
@media (min-width: 641px) {

	/* メインビジュアル 
	------------------------------------------- */
	#mainvisual {
		background: url(images/mainvisual.jpg) no-repeat center top;
		height: 150px;
		background-size: cover;
		border-bottom: 2px solid #fff;
	}
	#mainvisual h2 {
		width: 1000px;
		margin: auto;
		padding-top: 42px;
	}



	/* お知らせ 
	------------------------------------------- */
	#news .date {
		text-align: right;
		font-size: 15px;
	}
	
		a.otl_nav {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.70, #e0e0e0), color-stop(0.66, #fff));
		background: -webkit-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: -moz-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: -o-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: -ms-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: linear-gradient(to bottom, #fff 66%, #e0e0e0 70%);
		border: 1px solid #959595;
		border-radius: 4px;
		box-shadow: 0 1px 6px #000;
		line-height: 58px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		padding: 0;
		width: 225px;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		margin: 0 10px 20px 10px;
	}
	a.otl_nav:hover {
		text-decoration: none;
	}
}



/*スマホ*/
@media (max-width: 640px) {
	/* メインビジュアル 
	------------------------------------------- */
	#mainvisual {
		background: url(images/mainvisual.jpg) no-repeat center top;
		padding: 20px;
		background-size: cover;
		border-bottom: 2px solid #fff;
	}

	/* 事業紹介 
	------------------------------------------- */
	#news .date {
		text-align: right;
	}
	
	a.otl_nav {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.70, #e0e0e0), color-stop(0.66, #fff));
		background: -webkit-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: -moz-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: -o-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: -ms-linear-gradient(top, #fff 66%, #e0e0e0 70%);
		background: linear-gradient(to bottom, #fff 66%, #e0e0e0 70%);
		border: 1px solid #959595;
		border-radius: 4px;
		box-shadow: 0 1px 6px #000;
		line-height: 100%;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		margin: 0 10px 20px 10px;
		padding:2% 5%;
	}
	a.otl_nav:hover {
		text-decoration: none;
	}
	
}