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

/*---------------------------------------------
  Top_news
  ---------------------------------------------*/

.news_area {
	width: 1120px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-bottom: 80px;
}

.news_area h2.secTitle {
    color: #00a684;
    position: static;
    text-align: center;
    margin-top: 65px;
}

.news_area p.secSub {
    color: #00a684;
	font-size: 15px;
    position: static;
    text-align: center;
    margin-top: 20px;
}


.news_title {
	margin: 50px 0;
}


/*ぱんくず*/
.pan_btn{
	width: 1120px;
	margin: 20px auto;
	display: flex;
	font-size: 14px;
}




.news_inner {
	text-align: left;
	line-height: 34px;
}


.news-list{
  list-style: none outside;
  margin: 0;
  padding: 0;
}
.news-list .item a{
  display: flex;
  flex-wrap: wrap;
  flex-wrap: nowrap;
  text-decoration: none;
  color: #333;
  font-size: 20px;
  border-bottom: 1px solid #CCC;
  padding: 20px 20px;
}
.news-list .item:first-child a{
  border-top: 1px solid #CCC;
}
.news-list .item .date{
  margin: 0;
  min-width: 120px;
  font-size: 16px;
  color: #999;
  padding: 0 20px 0 0;
}
.news-list .item .title{
  margin: 0;
  width: 100%;
}
.news-list .item a:hover .title{
  color: #00a684;
}

.news-link {
	color: #00a684;
}


@media screen and (max-width: 767px){
.news-list .item a{
  flex-wrap: wrap;
}
.news-list .item .date{
  min-width: 100px;
}
.news-list .item .title{
  margin-top: 10px;
}
}

/* 装飾 */
 
*{
  box-sizing: border-box;
}
a{
  text-decoration: none;
}
body{
  margin: 20px;
}


/*---------------------------------------------
  news_all
  ---------------------------------------------*/
.change_btn{
	width: 1120px;
	margin: 100px auto 0px auto;
}

.change_btn a{
	padding: 2px 15px 2px 10px;
	margin: 100px 20px 0px 0px;
}

.btn_all{
	color: #999999;
	border-bottom: solid 1px #00a684;
	border-left: solid 8px #00a684;
}



.all_wrap{
	display: flex;
}


.side_btn_wrap{
	width: 10%;
	border-right: solid 1px #00a684;
}

.all_list{
  position: sticky;
	top: 0px;
}


.all_inner{
	margin-bottom: 120px;
}

.news_inner_all{
	width: 1120px;
	margin: 100px auto 100px auto;
    box-sizing: border-box;
}

.news_all_title{
	text-align: left;
	padding: 10px 0px;
	border-bottom: solid 1px #00a684;
}

.all_title{
	font-size: 16px;
	padding-top: 10px;

}

.newsAll_inner{
	text-align: left;
	margin: 20px 0px;
    display: flex;
}

.all_text{
	line-height: 2;
}

.newsAll_inner img{
	 width: 40%;
	margin-left: 20px;
}

.date{
	color: #999999;
}


@media screen and (max-width: 767px){
	.change_btn{
	width: 100%;
	line-height: 3;
}
	
.all_wrap{
	display: block;
}
	
	.news_inner_all{
	width: 100%;
	margin: 100px auto 100px auto;
    box-sizing: border-box;
}
	.newsAll_inner{
	text-align: left;
	margin: 20px 0px;
    display: block;
}
	
	
	.newsAll_inner img{
	 width: 100%;
	margin-left: 0px;
}
.all_title{
	font-size: 16px;
	padding-top: 10px;
	line-height: 1.5;
}
	
	img[src$="h_logo.svg"] {
  display: none;
}

}