@charset "utf-8";
/* CSS Document */
.newspage_e .news_detail{
  margin: 0 auto;
}

.newspage_e .webgene-blog .webgene-item{
  display: block;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.newspage_e .webgene-blog .webgene-item .txtbox{
  margin-bottom: 22px;
}

.newspage_e .webgene-blog .webgene-item h1{
  letter-spacing: .08em;
  line-height: 1.8;
}

.newspage_e .webgene-blog .webgene-item > .imgbox{
  width: 100%;
}

.newspage_e .webgene-blog .webgene-item > .imgbox > .main_img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.newspage_e .webgene-blog .webgene-item .imgbox .itembox{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  width: 72%;
  margin-left: auto;
  margin-right: auto;
}

.newspage_e .webgene-blog .webgene-item .imgbox .itembox img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  cursor: pointer;
}

.newspage_e .more_e2{
  justify-content: center;
}

@media screen and (max-width: 768px){
  .newspage_e .webgene-blog .webgene-item{
    max-width: 560px;
  }
}

@media screen and (max-width: 576px){
  .newspage_e .webgene-blog .webgene-item{
    max-width: 100%;
  }

  .newspage_e .webgene-blog .webgene-item .imgbox .itembox{
    width: 80%;
    gap: 6px;
  }
}

/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}