.report-list-header {
display:block;
margin:50px 0 25px;
font-size:1.2rem;
font-weight:bold;
}

.category-name {
display:block;
color:#000;
font-size:2rem;
background-color:#ccc;
}


.report-list-box-new {
width: 100%;
display:block;
margin:0 0 30px 0;
padding:0 1%;
}

.report-list-box-new img {
width:100%;
}
.new-post-icatch {
max-width:700px;
}

.new-title {
font-size:0.85rem;
font-weight:normal;
margin-top:5px;
color:red;
}


.report-list-box-new p {
font-size:1.2rem;
line-height:1.8rem;
font-weight:bold;
margin-top:5px;
}

.report-list-box-new p span {
display:block;
font-size:0.7rem;
font-weight:normal;
color:gray;
}


/* アーカイブ投稿ブロック */
#list-wrap {
width: 100%;
box-sizing: content-box;
text-align:center;
/* display:flex;
flex-wrap: wrap;
justify-content: center; */
}

.report-list-box ul li {
width:50%;
padding:0;
box-sizing: content-box;
float:left;
align-items: center;
}
/* .report-list-box ul li:after{
clear: both;
content: "";
} */

.report-list-box p {
font-size:1rem;
line-height:1.5rem;
/* width:354px; */
overflow: hidden;
/*   display: -webkit-box; */
  text-overflow: ellipsis;
/*   -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; */
/* text-align:center; */
white-space: nowrap;
margin:10px 0 5px;
color:#fff;
}

.report-list-box div {
font-size:0.8rem;
line-height:1.2rem;
color:#fff;
}
.report-list-box div span{
margin-left:10px;
}

/* .icatch {
width:420px;
height:260px;
width:250px;
height:155px;
} */

.icatch {
max-width:500px;
max-height:310px;
width:100%;
height:100%;
object-fit: cover;
object-position: 50% 0;
border-radius: 16px;
border:4px solid #00ffd9;
}
@media screen and (max-width: 1920px) {
.icatch {
width:420px;
height:260px;
}
}
@media screen and (max-width: 1440px) {
.icatch {
width:420px;
height:260px;
}
}
@media screen and (max-width: 1024px) {
.icatch {
width:354px;
height:219px;
}
}
@media screen and (max-width: 840px) {
/* .report-list-box p {
width:300px;
} */
.report-list-box .icatch {
width:300px;
height:186px;
}
.report-list-box div span{
display:block;
margin-left:0px;
}
}

@media screen and (max-width: 768px) {
/* .report-list-box p {
width:300px;
} */
.report-list-box .icatch {
width:300px;
height:186px;
}
}

@media screen and (max-width: 670px) {
.report-list-box ul li {
width:100%;
display: block;
clear: both;
content: "";
padding:25px 0  0;
}
}

@media screen and (max-width: 430px) {
.report-list-box ul li {
padding:25px 0  0;
}
.report-list-box .icatch {
width:354px;
height:219px;
}
}
@media screen and (max-width: 390px) {
.report-list-box .icatch {
width:300px;
height:186px;
}
}