@charset "utf-8";

.irNewsList-list {
  padding-top: 25px;
}
@media screen and (max-width: 768px) {
  .irNewsList-list {
    padding-top: 0;
  }
}

.irNewsList-item {
  padding: 15px 7px 20px 0;
  border-bottom: 1px solid #E4E4E4;
}
@media screen and (max-width: 768px) {
  .irNewsList-item {
    padding: 5.33vw 0;
  }
}

.irNews-data {
  display: flex;
  align-items: center;
  gap: 0 10px;
}
@media screen and (max-width: 768px) {
  .irNews-data {
    gap: 0 2.66vw;
  }
}

.irNews-data time {
  color: #696969;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .irNews-data time {
    font-size: 4vw;
  }
}

.irNews-data span {
  display: inline-block;
  padding: 2px 15px;
  background-color: #D8E9F0;
  color: #333;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .irNews-data span {
    padding: .53vw 4vw;
    font-size: 3.73vw;
  }
}

.irNews-link {
  position: relative;
  display: inline-block;
  margin-top: 9px;
  padding-right: 30px;
  color: #222;
  font-size: 15px;
  line-height: 1.46;
}
@media screen and (max-width: 768px) {
  .irNews-link {
    margin-top: 2.4vw;
    padding-right: 8vw;
    font-size: 4vw;
  }
}

.irNews-link:hover {
  text-decoration: underline;
}

.irNews-link::after {
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  display: block;
  width: 18px;
  height: auto;
  aspect-ratio: 1;
  background: url(/img/icn_pdf.svg) no-repeat center/cover;
  content: "";
}
@media screen and (max-width: 768px) {
  .irNews-link::after {
    width: 4.8vw;
  }
}

.irNewsBox-moreWrap {
  margin-top: 16px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .irNewsBox-moreWrap {
    margin-top: 4.26vw;
  }
}

.irNewsBox-more {
  position: relative;
  padding-right: 24px;
  color: #3E3E3E;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .irNewsBox-more {
    padding-right: 7.46vw;
    font-size: 4.26vw;
  }
}

.irNewsBox-more:hover {
  text-decoration: underline;
}

.irNewsBox-more::after {
  position: absolute;
  top: 50%;
  right: 4px;
  rotate: 45deg;
  translate: 0 -50%;
  display: block;
  width: 8px;
  height: auto;
  aspect-ratio: 1;
  border-top: 2px solid #3A93BA;
  border-right: 2px solid #3A93BA;
  content: "";
}
@media screen and (max-width: 768px) {
  .irNewsBox-more::after {
    right: 1.06vw;
    width: 2.13vw;
  }
}

.irThumbLinks {
  --gap-row: 110px;
}
@media screen and (max-width: 768px) {
  .irThumbLinks {
    --gap-row: max(10.66vw, 40px);
  }
}

.irThumbLinks .txtLinkArrow {
  padding-top: 11px;
  padding-bottom: 11px;
}

@media screen and (max-width: 1023px) {
  .bgLayer .row .col-9 {
    width: calc(((100% - 11*var(--gap-col)) / 12) * 8 + var(--gap-col) * 7);
  }
}

@media screen and (max-width: 1023px) {
  .bgLayer .row .col-3 {
    width: calc(((100% - 11*var(--gap-col)) / 12) * 4 + var(--gap-col) * 3);
  }
}

@media screen and (max-width: 768px) {
  .bgLayer .row .col-md-12 {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .bgLayer figure img {
    width: 100%;
  }
}

.accordion .downloadList {
  padding: 30px;
}

.irTable {
  overflow-x: auto;
}
@media screen and (max-width: 768px) {
  .irTable {
    
  }
}

.irTable .table3 {
  margin: 30px auto 0;
}

.segmentGraphWrap {
  max-width: 690px;
  margin-left: auto;
  padding-bottom: 40px;
}

.segmentGraph-date {
  margin-top: 10px;
  color: #222;
  font-size: 16px;
  text-align: right;
}


.tableWrap .segmentTable {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .tableWrap .segmentTable {
    
  }
}

.segmentTable thead th:first-child,
.segmentTable tbody th {
  white-space: nowrap;
}

.segmentTable tbody td {
  text-align: right;
}

.segmentTable th,
.segmentTable td {
  white-space: nowrap;
}