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

div.news_link_page{
	display: flex;
	width: 980px;
	margin: 120px auto 160px;
	justify-content: center;     /* アイテムを中央に寄せる */
}

.page_link{
	margin: 0px 12px;
	text-decoration: underline;
}



/*お知らせ詳細CSS*/
.news_box{
	width: 980px;
	margin: 36px auto 200px;
	overflow: hidden;
}

h4.news_title{
	font-size: 28px;
	margin: 12px 0 54px;
	text-align: center;
}


h5.sub_title{
	font-size: 22px;
	text-decoration: underline;
	display: inline-block;
	margin: 54px 0px 18px;
	padding-bottom: 5px;
}

.news_box p{
	margin:14px 0px;
	text-indent: 20px;
	}

.news_box ul{
	padding-left: 30px;
	margin-bottom: 30px;
}

.news_box li{
	text-indent: -20px;
}

.news_1colom_pic{
	width: 100%;
	display: block;
	text-align: center;
	margin: 18px 0px;
}

.news_2colom_pic{
	width: 100%;
	display: flex;
	margin: 18px 0px;
 justify-content: center;     /* アイテムを中央に寄せる */
}

.news_2colom_box:first-child {
	margin-right: 20px;
}

table{
border-collapse: collapse;
width: 80%;
margin: 24px 10%;
}

.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}

.tb01 th {
  background: #ff7bac;
  color: #fff;
}

  .tb01 td:last-child{
   text-align: left;
	 
  }	
	

@media screen and (max-width: 1024px) {
	
.news_box{
	width: 96%;
	margin: 36px auto 2%;
	overflow: hidden;
}
	
table{
  width: 100%;
margin: 24px 0;
}
	
	
.tb01 .head{
    display:none;
  }
	
  .tb01 {
    width: 100%;
  }
	
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
	
  table.tb01 td:first-child{
    background: #ff7bac;
    color:#fff;
    font-weight:bold;
  }
	
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
	 
  }	
	
}

@media screen and (max-width: 768px) {
div.news_link_page{
	width: 90%;
	margin: 60px 5% 80px;
}

.news_box{
	width: 90%;
	margin: 36px 5% 100px;
	overflow: hidden;
}
	
h4.news_title{
	font-size: 24px;
	margin: 12px 0 20px;
}


h5.sub_title{
	font-size: 22px;
}
	

.news_2colom_pic{
	width: 100%;
 justify-content: none;
}
	
	

.news_2colom_box:first-child {
	margin-bottom: 10px;
	margin-right: 0px;
}

.news_2colom_pic{
	display: block;
}


.news_1colom_pic img,
.news_2colom_box img 
	{
width: 100%;
	}
	
	
	
}