/*-------------------------------------------------
  PC・スマホ共通
-------------------------------------------------*/

/*-------------------------------------------------
  PC（画面サイズ641px以上用）
-------------------------------------------------*/
@media all and (min-width:641px) {

/*************** メッセージ******************/
	#contents .harf-box_content .detail .detail_cont .ms_title {
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		font-size:1.3rem;
		font-weight:bold;
		margin-top:30px;
		margin-bottom:15px;
	}
	#contents .harf-box_content .detail .detail_cont .name {
		text-align:right;
		margin-bottom:30px;
	}
/*************** 会社情報 ******************/
	#contents .harf-box_content table {
		margin:-5px -20px;
		border-collapse: collapse;
		line-height:1.3em;
		borde: 0px;
	}
	#contents .harf-box_content table th {
		width:23%;
		padding: 20px 10px;
		font-weight:bold;
		text-align: left;
		vertical-align: top;
		color: #333;
		background-color: #eee;
		border-bottom: 2px solid #fff;
	}
	#contents .harf-box_content table td {
		width:77%;
		padding: 20px 10px;
		background-color: #fff;
		border-bottom: 2px solid #eee;
	}
	#contents .harf-box_content .map_area {
		margin-top:5px;
		border: 1px solid #ccc;
		height:150px;
	}

	/*** お世話になっている企業・団体様*******/
	#contents .harf-box_content dl.link_data {
		width:100%;
		margin-top:80px;
		margin-bottom:80px;
	/*	border:1px solid #888;*/
	}
	#contents .harf-box_content dl.link_data dt {
		width:8%;
		margin:0px;
		padding:10px 0px;
		float:left;
		clear:both;
	/*	border:1px solid #888;
		background-color: #fff;*/
	}
	#contents .harf-box_content dl.link_data dd {
		margin:0px;
		padding:10px 0px;
		width:92%;
		float:left;
	/*	border:1px solid #888;*/
		background-color: #fff;
	}

}
/*-------------------------------------------------
 スマホ（画面サイズ640px以下用）
-------------------------------------------------*/
@media all and (max-width: 640px) {
/*************** メッセージ******************/
	#contents .harf-box_content .detail .detail_cont .ms_title {
		font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
		font-size:1.3rem;
		font-weight:bold;
		margin-top:0px;
		margin-bottom:15px;
	}
	#contents .harf-box_content .detail .detail_cont .name {
		text-align:right;
		margin-bottom:0px;
	}
/*************** 会社情報 ******************/
	#contents .harf-box_content table {
		margin:0px;
		border-collapse: collapse;
		line-height:1.3em;
		borde: 0px;
	}
	#contents .harf-box_content table th,
	#contents .harf-box_content table td{
		width:100%;
		display:block;
	}
	#contents .harf-box_content table th {
		padding: 5px 5px;
		font-weight:bold;
		text-align: left;
		vertical-align: top;
		color: #333;
		background-color: #eee;
	}
	#contents .harf-box_content table td {
		padding: 10px 0px 20px 10px;
		background-color: #fff;
		border-bottom: 2px solid #eee;
	}
	#contents .harf-box_content .map_area {
		margin-top:10px;
		border: 1px solid #ccc;
		height:150px;
	}
	/*** お世話になっている企業・団体様*******/
	#contents .harf-box_content dl.link_data {
		display: flex;
		width:100%;
		flex-wrap: wrap;
	/*	border:1px solid #888;*/
	}
	#contents .harf-box_content dl.link_data dt {
		width:18px;
		margin:0px 10px 0px 0px;
		padding:0px;
		/*border:1px solid #888;
		background-color: #eee;*/
	}
	#contents .harf-box_content dl.link_data dd {
		margin-bottom:15px;
		padding:0px 0px;
		width: calc(100% - 28px);
		line-height:1.2em;
/*		background-color: #999;*/
	}


}