@charset "UTF-8";
/*	##################################
	報道発表資料システムからインポートした記事ページ用スコープCSS。

	方針:
	- 元のBulmaベースのマークアップ（.box / .columns / .table / .level 等）を
	  そのまま残したまま、必要な範囲だけBulmaのレイアウトを再現する。
	- 配色・フォントはCMS公開ページ（clarity基盤 / _colors.scss）に合わせて上書きする。
	- FontAwesome（.fas）はCMS側で読み込まないため、使用アイコンのみ
	  インラインSVG（data URI）で代替する。

	スコープについて:
	- 本文は汎用ページの #honbun.container.sub > main の中に挿入される。
	  そのため `.sub > main` 側の共通スタイル（table枠/padding・ul/li・リンク色 等）が
	  効いてしまう。これらを確実に上書きするため、セレクタを
	  `.sub > main .press-release-article` にネスト（＝共通ルールより高い詳細度）している。
	- PC・スマートフォンのどちらのテンプレートも本文ラッパが同じ
	  #honbun.container.sub > main のため、本ファイルは pc/sp 共通アセットとして
	  両方から読み込む。狭幅の調整はファイル末尾のメディアクエリにまとめている。
	################################## */
.sub > main h1.press-release-title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 2.5% 0;
  padding: 0 0 14px 0;
  background: linear-gradient(to right, #08518f, #1469af 35%, rgba(20, 105, 175, 0) 85%) left bottom/100% 3px no-repeat;
  color: #000000;
}
.sub > main h1.press-release-title img {
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
}
.sub > main h1.press-release-title .title-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  line-height: 1.2;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "Yu Gothic", "BIZ UDPGothic", Meiryo, sans-serif;
  font-feature-settings: "palt";
  font-weight: 600;
  letter-spacing: 0.06em;
}
.sub > main h1.press-release-title .title-sub {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 10.5px;
  font-weight: normal;
  font-feature-settings: normal;
  letter-spacing: 0.24em;
  color: #5b6a70;
}

.sub > main .press-release-article .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.sub > main .press-release-article .section {
  padding: 1.5rem 0;
}
.sub > main .press-release-article .container {
  max-width: 1152px;
  margin: 0 auto;
}
.sub > main .press-release-article .columns {
  display: flex;
  flex-wrap: wrap;
  margin: -0.75rem;
}
.sub > main .press-release-article .columns.is-vcentered {
  align-items: center;
}
.sub > main .press-release-article .column {
  flex: 1 1 0;
  padding: 0.75rem;
}
.sub > main .press-release-article .column.is-full {
  flex: none;
  width: 100%;
}
.sub > main .press-release-article .column.is-10 {
  flex: none;
  width: 83.3333%;
}
.sub > main .press-release-article .column.is-offset-1 {
  margin-left: 8.3333%;
}
.sub > main .press-release-article .column.is-4 {
  flex: none;
  width: 33.3333%;
}
.sub > main .press-release-article .column.is-1 {
  flex: none;
  width: 8.3333%;
}
.sub > main .press-release-article .box {
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 6px;
  box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.12);
  padding: 1.25rem;
  margin-bottom: 1.5rem;
}
.sub > main .press-release-article .level {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.sub > main .press-release-article .level.buttons {
  margin-bottom: 1rem;
}
.sub > main .press-release-article .level-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sub > main .press-release-article .level-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sub > main .press-release-article .level.article-head {
  align-items: flex-start;
  gap: 1rem;
}
.sub > main .press-release-article .level.article-head .level-left {
  flex: 1;
  align-items: flex-start;
}
.sub > main .press-release-article .level.article-head .level-right {
  flex: 0 0 50%;
  width: 50%;
}
.sub > main .press-release-article .level.article-head .level-right .box {
  width: 100%;
  margin-bottom: 0;
  padding: 0.75rem 1rem;
}
.sub > main .press-release-article .level.article-head .level-right .box table {
  margin: 0;
}
.sub > main .press-release-article .level.article-head .level-right .box th,
.sub > main .press-release-article .level.article-head .level-right .box td {
  padding: 6px 10px;
}
.sub > main .press-release-article .has-text-centered {
  text-align: center;
}
.sub > main .press-release-article .control.has-text-centered {
  display: block;
}
.sub > main .press-release-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}
.sub > main .press-release-article table th,
.sub > main .press-release-article table td {
  padding: 12px 16px;
  vertical-align: top;
  text-align: left;
}
.sub > main .press-release-article table th {
  background: transparent;
}
.sub > main .press-release-article table.is-bordered th,
.sub > main .press-release-article table.is-bordered td {
  border: 1px solid #666666;
}
.sub > main .press-release-article table.is-narrow th,
.sub > main .press-release-article table.is-narrow td {
  padding: 8px 12px;
}
.sub > main .press-release-article table.valign-middle-table th,
.sub > main .press-release-article table.valign-middle-table td {
  vertical-align: middle;
}
.sub > main .press-release-article table.borderless-table th,
.sub > main .press-release-article table.borderless-table td {
  border: none;
}
.sub > main .press-release-article table.article-contact-table th {
  width: 5em;
  white-space: nowrap;
  color: #555555;
  font-weight: bold;
}
.sub > main .press-release-article table.article-search-table th {
  width: 10em;
  white-space: nowrap;
}
.sub > main .press-release-article table.article-list-table th:nth-child(1) {
  width: 15%;
}
.sub > main .press-release-article table.article-list-table th:nth-child(2) {
  width: 10%;
}
.sub > main .press-release-article table.article-list-table th:nth-child(3) {
  width: 53%;
}
.sub > main .press-release-article table.article-list-table th:nth-child(4) {
  width: 22%;
}
.sub > main .press-release-article .search-status {
  margin: 0;
  text-align: center;
  font-weight: bold;
}
.sub > main .press-release-article .search-status:not(:empty) {
  margin: 1rem 0 0 0;
}
.sub > main .press-release-article .article-list {
  margin-top: 1.5rem;
}
.sub > main .press-release-article .article-list tbody tr[hidden] {
  display: none;
}
.sub > main .press-release-article .thcolor th {
  background: #08518f;
  color: #ffffff;
}
.sub > main .press-release-article .thfont_size th {
  font-size: 0.95rem;
}
.sub > main .press-release-article .press_no_center {
  text-align: center;
}
.sub > main .press-release-article .article_info,
.sub > main .press-release-article .box_width {
  max-width: 100%;
}
.sub > main .press-release-article .level-right .box {
  margin-left: auto;
}
.sub > main .press-release-article .title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  background: none;
  color: #000000;
  margin: 0 0 0.5rem 0;
  border: none;
  border-bottom: 1px solid #cccccc;
  border-radius: 0;
  cursor: default;
}
.sub > main .press-release-article .title::after, .sub > main .press-release-article .title::before {
  content: none;
}
.sub > main .press-release-article hr {
  height: 1px;
  margin: 1rem 0;
  background: #cccccc;
  border: none;
}
.sub > main .press-release-article .content.article {
  line-height: 1.9;
}
.sub > main .press-release-article .box.article ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub > main .press-release-article .box.article ul li {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  line-height: 1.6;
}
.sub > main .press-release-article a,
.sub > main .press-release-article a:link,
.sub > main .press-release-article a:visited {
  color: #08518f;
  text-decoration: underline;
}
.sub > main .press-release-article a:hover {
  color: #1469af;
  text-decoration: underline;
}
.sub > main .press-release-article .back_button, .sub > main .press-release-article .back_button:link, .sub > main .press-release-article .back_button:visited {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 8px 16px;
  background: #ffffff;
  border: 1px solid #08518f;
  border-radius: 4px;
  color: #08518f;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
}
.sub > main .press-release-article .back_button:hover {
  background: #08518f;
  color: #ffffff;
}
.sub > main .press-release-article .article-pager {
  margin-top: 1rem;
  text-align: center;
}
.sub > main .press-release-article .article-pager-status {
  margin: 0 0 0.5rem 0;
  color: #555555;
  font-size: 0.9rem;
}
.sub > main .press-release-article .article-pager-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sub > main .press-release-article .article-pager-links li {
  margin: 0;
  padding: 0;
}
.sub > main .press-release-article .article-pager-links a,
.sub > main .press-release-article .article-pager-links a:link,
.sub > main .press-release-article .article-pager-links a:visited,
.sub > main .press-release-article .article-pager-links span {
  display: inline-block;
  min-width: 2.25em;
  padding: 6px 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #ffffff;
  color: #08518f;
  text-decoration: none;
}
.sub > main .press-release-article .article-pager-links a:hover {
  background: #08518f;
  border-color: #08518f;
  color: #ffffff;
  text-decoration: none;
}
.sub > main .press-release-article .article-pager-links [aria-current=page] {
  background: #08518f;
  border-color: #08518f;
  color: #ffffff;
  font-weight: bold;
}
.sub > main .press-release-article .article-pager-links .article-pager-gap {
  border-color: transparent;
  background: none;
  color: #555555;
}
.sub > main .press-release-article .button {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 100px;
  padding: 10px 20px;
  border: 1px solid #08518f;
  border-radius: 4px;
  background: #08518f;
  color: #ffffff;
  font-size: 1rem;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.2s;
}
.sub > main .press-release-article .button:hover {
  background: #033158;
  color: #ffffff;
}
.sub > main .press-release-article input.input {
  width: 100%;
  min-width: 0;
  padding: 8px 10px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.sub > main .press-release-article .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.2em;
  flex-shrink: 0;
}
.sub > main .press-release-article .icon i {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.sub > main .press-release-article .fa-chevron-left {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%2308518f"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}
.sub > main .press-release-article .back_button:hover .fa-chevron-left {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" fill="%23ffffff"><path d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>');
}
.sub > main .press-release-article .fa-paperclip {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%23666666"><path d="M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z"/></svg>');
}
.sub > main .press-release-article .fa-file-pdf {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%239d1d26"><path d="M0 64C0 28.7 28.7 0 64 0L224 0l0 128c0 17.7 14.3 32 32 32l128 0 0 128-208 0c-35.3 0-64 28.7-64 64l0 160-48 0c-35.3 0-64-28.7-64-64L0 64zm384 64l-128 0L256 0 384 128zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>');
}
.sub > main .press-release-article .fa-file-image {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" fill="%2308518f"><g transform="translate(0,448) scale(1,-1)"><path d="M384 326.059v-6.05859h-128v128h6.05859c6.62305 0 12.626 -2.68457 16.9707 -7.0293l97.9404 -97.9404c4.34473 -4.34473 7.03027 -10.3477 7.03027 -16.9717zM248 288h136v-328c0 -13.2549 -10.7451 -24 -24 -24h-336c-13.2549 0 -24 10.7451 -24 24v464c0 13.2549 10.7451 24 24 24h200v-136c0 -13.2002 10.7998 -24 24 -24zM112.545 272c-26.5088 0 -48 -21.4902 -48 -48s21.4902 -48 48 -48s48 21.4902 48 48s-21.4902 48 -48 48zM320.545 32v112l-39.5137 39.5146c-4.6875 4.68652 -12.2852 4.68652 -16.9717 0l-103.515 -103.515l-39.5146 39.5146c-4.68652 4.68652 -11.7988 5.1709 -16.4854 0.485352l-39.5146 -39.5146l-0.485352 -48.4854h256z"/></g></svg>');
}
.sub > main .press-release-article .fa-search {
  background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="%23ffffff"><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>');
}

/*	##################################
	狭幅（スマートフォン）向けの調整。
	ブレークポイントは公開ページ共通CSS（pc/shared/css/style.scss）と同じ 750px。

	PC向けの横並び（記事ヘッダーの2カラム・登録者情報の2列テーブル）は
	スマートフォン幅では窮屈になるため、いずれも縦積みにする。
	################################## */
@media screen and (max-width: 750px) {
  .sub > main h1.press-release-title {
    gap: 10px;
    padding: 0 0 10px 0;
  }
  .sub > main h1.press-release-title img {
    width: 40px;
    height: 40px;
  }
  .sub > main h1.press-release-title .title-text {
    letter-spacing: 0.03em;
    font-size: 1.15rem;
  }
  .sub > main h1.press-release-title .title-sub {
    font-size: 9.5px;
    letter-spacing: 0.12em;
  }
  .sub > main .press-release-article .section {
    padding: 1rem 0;
  }
  .sub > main .press-release-article .columns {
    display: block;
    margin: 0;
  }
  .sub > main .press-release-article .column,
  .sub > main .press-release-article .column.is-full,
  .sub > main .press-release-article .column.is-10,
  .sub > main .press-release-article .column.is-4,
  .sub > main .press-release-article .column.is-1 {
    width: auto;
    padding: 0.5rem 0;
  }
  .sub > main .press-release-article .column.is-offset-1 {
    margin-left: 0;
  }
  .sub > main .press-release-article .box {
    padding: 1rem;
    margin-bottom: 1rem;
  }
  .sub > main .press-release-article .level.article-head {
    display: block;
  }
  .sub > main .press-release-article .level.article-head .level-left {
    margin-bottom: 0.75rem;
  }
  .sub > main .press-release-article .level.article-head .level-right {
    flex: none;
    width: 100%;
  }
  .sub > main .press-release-article table.article-contact-table th,
  .sub > main .press-release-article table.article-contact-table td {
    display: block;
    width: auto;
    white-space: normal;
  }
  .sub > main .press-release-article table.article-contact-table th {
    padding: 6px 0 0 0;
  }
  .sub > main .press-release-article table.article-contact-table td {
    padding: 0 0 6px 0;
  }
  .sub > main .press-release-article table.article-search-table th,
  .sub > main .press-release-article table.article-search-table td {
    display: block;
    width: auto;
    white-space: normal;
  }
  .sub > main .press-release-article table.article-search-table th {
    padding: 8px 10px 0 10px;
    border-bottom: none;
  }
  .sub > main .press-release-article table.article-search-table td {
    padding: 4px 10px 10px 10px;
    border-top: none;
  }
  .sub > main .press-release-article table.article-search-table .columns.datepicker {
    display: flex;
    align-items: center;
    gap: 0.4rem;
  }
  .sub > main .press-release-article table.article-search-table .columns.datepicker .column {
    width: auto;
    padding: 0;
  }
  .sub > main .press-release-article table.article-search-table .columns.datepicker .column.startdate,
  .sub > main .press-release-article table.article-search-table .columns.datepicker .column.enddate {
    flex: 1 1 0;
    min-width: 0;
  }
  .sub > main .press-release-article table.article-search-table .columns.datepicker .column.is-1 {
    flex: 0 0 auto;
  }
  .sub > main .press-release-article table.article-list-table {
    border: none;
  }
  .sub > main .press-release-article table.article-list-table thead {
    display: none;
  }
  .sub > main .press-release-article table.article-list-table tbody,
  .sub > main .press-release-article table.article-list-table td {
    display: block;
  }
  .sub > main .press-release-article table.article-list-table tr {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.25rem 0.5rem;
    margin-bottom: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #cccccc;
    border-radius: 4px;
  }
  .sub > main .press-release-article table.article-list-table tr[hidden] {
    display: none;
  }
  .sub > main .press-release-article table.article-list-table td {
    border: none;
    padding: 0;
  }
  .sub > main .press-release-article table.article-list-table td:nth-child(1),
  .sub > main .press-release-article table.article-list-table td:nth-child(2) {
    font-size: 0.85rem;
    color: #555555;
  }
  .sub > main .press-release-article table.article-list-table td.press_no_center {
    text-align: right;
  }
  .sub > main .press-release-article table.article-list-table td:nth-child(3),
  .sub > main .press-release-article table.article-list-table td:nth-child(4) {
    grid-column: 1/-1;
  }
  .sub > main .press-release-article table.article-list-table td:nth-child(3) {
    font-size: 1.05rem;
    font-weight: bold;
    line-height: 1.5;
  }
  .sub > main .press-release-article table.article-list-table td:nth-child(4) {
    font-size: 0.9rem;
  }
  .sub > main .press-release-article .title {
    font-size: 1.25rem;
  }
  .sub > main .press-release-article .box.article ul li {
    align-items: flex-start;
  }
  .sub > main .press-release-article .box.article ul li a {
    overflow-wrap: anywhere;
  }
}
