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

*PC

******************************************************************************************************************************************************/
.news .main-contents .main-section {

}
.headline.bdr-gr::after{  background:#004842; }
.news-title{
	margin:10px 0;
	position: relative;
}

.news-section{
	padding: 40px 20px;
	background: #fffeee;
}
.news-section .news-title{
	margin-top: 10px;
}

.news-section .news-list{
	margin-top: 30px;
	padding-left: 0;
}

.news-title .news-btn{
	position: absolute;
	right:0;
	top:-13px;
	display: block;
	width: 132px;
	height: 41px;
	line-height: 39px;
	text-align: center;
	color:#fff;
	background: #00524b;
	border:1px solid #000000;
}
.news-title .news-btn:hover{
	width: 132px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	color:#00524b;
	background: #fff;
	border:1px solid #000000;
}



.news .news-list{
	min-height: 150px;
	padding:0  20px;
}
.news-list>article{
	display: table;
	margin: 15px 0;
}
	.news-list>article time{
		display: table-cell;
		vertical-align: top;
		width: 10%;
		white-space: nowrap;
		font-size: 1.5rem;
		padding-right: 1.5em;	
	}
	
	.news-list>article p{
		display: table-cell;
		vertical-align: top;
		width: 87.6%;
	}

	.news-list>article p a{
		font-size: 1.5rem;
		display: inline;
		text-decoration: underline;
	}
	.news-list>article p a:hover{
		text-decoration: none;
	}


#header{
	padding:40px;
	border-bottom:3px solid #004842;
}
#pc-heading-detail{
	max-width: 1040px;
	margin:0 auto;
	padding: 0 20px;
}

.news #contents{
	max-width: 840px;
	margin:0 auto;
	padding: 25px 20px;
}
.news #contents .heading{
	font-size: 1.8rem;
	font-weight: bold;
}
.news #contents .inner{
	padding: 20px 0;
}
.news #contents .inner p{
	margin-bottom: 1em;
}

.news #contents .button-outer{
	text-align: center;
	padding: 30px 0 10px;
}

.news #contents .button-outer .close-button{
	display: inline-block;
	text-align: center;
	font-size: 1.8rem;
	height: 42px;
	line-height: 42px;
	max-width: 240px;
	width: 100%;
	font-weight: bold;
	color:#fff;
	background: #004842;
}

.copyright-outer{
	text-align: center;
	font-size: 1.3rem;
	color:#004842;
}

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


*width 825px以下


******************************************************************************************************************************************************/
/*メディアクエリ*/
@media only screen and (max-width: 825px){
	.news-section {
		padding:30px 6.5%;
	}
	.news-section .news-title{
		margin-top: 10px;
	}

	.news .news-list {
	    min-height: unset;
	    padding: 0;
	}

	.news-title .news-btn {
    	position: absolute;
	    right: 0;
	    top: -10px;
	}

	.news-section .news-title img{
		max-width: 100%;
		width: auto;
	}

	.news-section .news-list{
		margin-top: 10px;
		padding-left: 0%;
	}

	.news-list>article time,
	.news-list>article p a {
	    font-size: 1.3rem;
	}
	.news-list>article time{
		padding-right: 1em;
	}

#header{
	padding:30px 10px;
	border-bottom:3px solid #004842;
}
#header .logo{
	width: 230px;
}

}


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


*width 825px以下


******************************************************************************************************************************************************/
/*メディアクエリ*/
@media only screen and (max-width: 375px){


.copyright-outer{
	font-size: 3vw;
}

}