@charset "UTF-8";
		.home-kv__inner2{
			width: 100%;
			text-align: center;
		}

.header {
    text-align: center;
    padding: 20px;
    background-color: #fff;
	max-width: 1200px;
	margin: 0 auto 20px auto;

}

.header2 {
    text-align: left;
    padding: 20px;
    background-color: #fff;
	max-width: 1200px;
	margin: 0 auto 20px auto;

}		
		
		
		.img-sp{display: none;}
		.img-pc{display: block;}
.header h1 {
    font-size: 2em;
    margin-bottom: 30px;
	font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
	  border-bottom: solid 1px #707070;
}
.header2 h1 {
    font-size: 2em;
    margin-bottom: 10px;

	  border-bottom: solid 1px #707070;
}
.header p {
    color: #777;
    font-size: 1em;
    line-height: 1.5;
	font-family: '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', serif;
}

.news-container {

    justify-content: center;
       gap: 30px 10px;
    padding: 20px;
	background: #fff;
	max-width: 100%;
	margin: auto;
	display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.news-container2 {
	max-width: 1200px;
	    margin: 0 auto 50px auto;
		
    padding: 0px 20px 20px 20px;

}
.news-item {
    background-color: #fff;
    border-radius: 8px;
   box-shadow: 0px 9px 4px rgba(0, 0, 0, 0.3);
    width: 100%;

    text-align: center;
}

.news-item img {
    width: 100%;
    border-radius: 8px 8px 0 0;
    height: 100px;
    object-fit: cover;
}

.news-item h2 {
    font-size: 1em;
    margin: 0px 0 10px 0;
    color: #333;
	text-align: left;
	border-bottom: dashed 1px #ccc;
	padding-bottom: 10px;
}


		.news-wrap{
			padding: 20px;
		}

		.image-wrap {
    position: relative;
    overflow: hidden;
		
}
.tags {
    text-align: left;
    display: flex
;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 4px;
	font-size: 15px;
}
.image-wrap img {
    width: 100%;
    display: block;
		height: 280px;
}

.image-title {
 position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: white!important;
    padding: 10px;
    font-size: 20px!important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
	font-size: 1em;
    margin: 0px 0 0px 0;
   border-bottom: none!important;
    text-align: left;
    /* border-bottom: dashed 1px #ccc; */
    padding-bottom: 10px;
}
		
	@media screen and (max-width: 767px) {
    .news-item {
        width: 100%!important;
    }
		.news-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
}	
		
    .pagination-container {
   display: flex;
  flex-direction: column; /* ←これを追加で縦並びにする */
  align-items: flex-start; /* 左寄せにしたいなら */
        width: 100%;
        margin-top: 20px;
		
    }		
		
.pagination {
    text-align: center;
   
	    margin: 30px auto;
}

.pagination a {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.pagination a:hover {
    background-color: #ddd;
}

.pagination a.active {
    background-color: #333;
    color: #fff;
}
   /* ページネーションの左右にラインを追加 */
   /* ページネーションの左右のライン */
    .pagination-container::before,
    .pagination-container::after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background-color: #ddd;
    }
		
		   /* タグ*/
		
		.tags{
			text-align: left;
			display: flex
;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 4px;
		}
   .tags span {
        background-color: #eee;
        padding: 5px 10px;
        border-radius: 15px;
        font-size: 0.8em;
	   color: #000;
	       margin-left: 5px;
    }
		  /* 更新日時 */
		.day{
	    text-align: right;
    margin-top: 20px;
    color: #000;
    font-size: 0.7em;
		}
		
		
		
		
		
@media screen and (max-width: 767px) {
.news-item {

    width: 47%;
   
}
}
		
		
		
		
		@media screen and (max-width: 479px) {
					.img-sp{display: block;}
		.img-pc{display: none;}
			.news-container {
    display: block;

}
	.news-item {
margin-bottom: 20px;

    width: 100%;
}
.pagination a {
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px 2px 5px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: background-color 0.3s;
}
			.pagination {
         text-align: center;
        margin: 0;
        margin: 0 auto 50px auto;
}
.header {

	margin: 0 auto 0px auto;

}
}
		
		.news-rport--content h2{
			    font-size: 1.2em;
		}	
		.news-rport--content p{
			margin-bottom: 20px;
		}
		.listback{
			text-align: center;
		}
		.report-list{
			max-width: 1200px;
			margin: auto;
		
		}
		.report-list .title{
			border-left: solid 5px #D98C8C;
			padding: 0px 20px 0px 20px;
			color: #D98C8C;
			margin-bottom: 20px;
			    margin-left: 30px;
		}
		.btn{
			text-align: center;
		}
		.btn a{
			display: block;
			margin-top: 30px;
			margin-bottom: 20px;
		}
.btn img{    width: auto!important;}
		
		.news-container2 ul{
		    width: 100%;
    margin-top: 30px;

    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: solid 1px #ccc;
}


.news-rport--dis img{
    max-width: 100%;
 

    height: auto;
   
}
.pagination-wrapper {
  display: block; /* または明示しない（デフォルトblock） */
	margin-bottom: 80px;
}