@charset "UTF-8";
/*-------------------------------------------
JARについてカテゴリ 専用 CSS
--------------------------------------------*/
/*ページタイトル背景画像設定
----------------------------*/
body.about .l-pageHeaderL {
  background-image: url(/assets/img/bg_pageHeader_about_sp.jpg);
}

@media (min-width: 768px), print {
  body.about .l-pageHeaderL {
    background-image: url(/assets/img/bg_pageHeader_about_pc.jpg);
  }
}

/*年次会計報告書
----------------------------*/
.p-accountReport {
  border-bottom: 1px solid #DBD9D7;
}

.p-accountReport__item {
  padding: 1rem 0;
  border-top: 1px solid #DBD9D7;
}

.p-accountReport dt {
  margin: 1rem 0;
  font-weight: bold;
}

.p-accountReport dd {
  margin: 1rem 0;
}

.p-accountReport a[href$=".pdf"]::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 14px;
  background: url(/assets/img/icon_pdf.svg) 0 0/contain no-repeat;
}

@media (min-width: 768px), print {
  .p-accountReport__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p-accountReport__item > * {
    width: calc(100% / 3);
  }
}

/*その他報告書
----------------------------*/
.p-otherReport dt {
  color: #807E7C;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
}

.p-otherReport dd {
  margin-top: 0.8rem;
  font-weight: bold;
}

.p-otherReport dd + dt {
  margin-top: 2.4rem;
}

.p-otherReport a {
  color: #32312F;
}

.p-otherReport a:hover {
  color: #3A8AA2;
  text-decoration: none;
}

.p-otherReport a[href$=".pdf"]::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 14px;
  background: url(/assets/img/icon_pdf.svg) 0 0/contain no-repeat;
}

@media (min-width: 768px), print {
  .p-otherReport {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .p-otherReport dt {
    width: 100px;
  }
  .p-otherReport dd {
    width: calc(100% - 100px);
    font-size: 18px;
    font-size: 1.8rem;
  }
  .p-otherReport dd:first-of-type {
    margin-top: 0;
  }
  .p-otherReport dt:not(:first-of-type),
  .p-otherReport dd:not(:first-of-type) {
    margin-top: 2.4rem;
  }
}