@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');
@charset "UTF-8";

#fv {
  height: 300px;
}
#fv h2 {
  font-size: 40px;
  font-size: 4rem;
  padding-top: 200px;
  font-family: 'Barlow', sans-serif;
  text-align: center;
}
#fv h2 span {
	margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
}
#news{
	margin: 90px auto;
}
#news .secInr dl {
	width: 100%;
	margin: auto;
	padding: 20px 0;
	border-bottom: 1px solid #dddddd;
	clear: both;
}
#news dl a:hover {
  text-decoration: none;
  color: #ebb27b;
}
#news .secInr dl dt {
	width: 20%;
	float: left;
}
#news dl .date {
  font-family: 'Barlow', sans-serif;
  margin-right: 20px;
}
#news dl .category {
  font-family: 'Barlow', sans-serif;
  background: #ebb27b;
  padding: 10px 30px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  margin-right: 20px;
}

#news .secInr dl dd {
	width: 80%;
	float: left;
}

#news .secInr dl dd strong {
	line-height: 1.7;
}

#news dl p {
	margin-top: 30px;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden; 
}

.news-tbl {
	max-width: 390px;
	margin-top: 10px;
}

.news-tbl table{
	border-collapse: collapse;
	width: 100%;
}

.news-tbl table th{
	background: #f2f2f2;
	border: 1px solid #dcdcdc;
	text-align: left;
	line-height: 1.4;
	padding: 10px;
}

.news-tbl table td{
	border: 1px solid #dcdcdc;
	line-height: 1.4;
	padding: 10px;
}

.mailBtn{
	display: block;
}

.mailBtnWrap{
	background: #4bb7bd; 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 5%;
	max-width: 180px;
	width: 100%;
	transition: 0.2s ease;
}

.mailBtnWrap:hover{
	opacity: 0.8;
}

.mailBtnWrap a{
	color: #fff !important;
	font-family: 'Barlow', sans-serif;
	
}

.mailBtnWrap i{
	margin-right: 10px;
}

/* for SP
-------------------------------------------------------------------------------------*/
@media only screen and (max-width: 900px) {
	#fv {
		height: 150px;
	}
	#fv h2 {
		padding-top: 100px;
	}
	#news{
		margin: 60px auto;
	}
	#news .secInr dl dt {
		width: 100%;
		float: none;
	}
	#news .secInr dl dd {
		width: 100%;
		margin-top: 30px;
		float: none;
	}
	#news dl p {
		margin-top: 20px;
	}
}