.c-sec--pageTtl .c-ttl p::before {
  background-color: #1288FF;
}

.c-sec--list .c-sec-inner {
  max-width: 1120px;
}

.c-sec--list .list-contents {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #BABABA;
  padding-bottom: 40px;
}

.c-sec--list .list-contents > div {
  width: calc(25% - 30px);
  margin-right: 40px;
}

.c-sec--list .list-contents > div:nth-of-type(4n) {
  margin-right: 0;
}



.c-sec--list .list-contents > div .date-tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  margin: 14px 0 12px;
}

.c-sec--list .list-contents > div .date-tag .c-date {
  font-size: 0.875rem;
}

.c-sec--list .list-contents > div .date-tag .c-icon {
  padding: 0 12px;
}

.c-sec--list .list-contents .pic img {
    object-fit: contain;
    height: auto;
}

@media (max-width: 767px) {
  .c-sec--list .list-contents > div {
    width: 100%;
    margin-right: 0;
  }
  .c-sec--list .list-contents > div .date-tag {
    gap: 4px 10px;
    margin: 12px 0 6px;
  }
  .c-sec--list .list-contents > div + div {
    margin-top: 30px;
  }


  .c-sec--list .list-contents .pic img {
        max-height: 100%;
        object-fit: cover;
        height: auto;
}

}








/* =========================================================
   Ledger Archive Filter（帳票一覧：絞り込みUI）
   Scope: .p-ledger-archive
========================================================= */

.p-ledger-archive__ttl {
  margin-bottom: 2.5rem;
}

/* フィルター全体 */
.c-post .c-post-ttl .p-ledger-archive__filter {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}

/* select + label */
.c-post .c-post-ttl .p-ledger-archive__selectWrap {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}

/* ラベル */
.p-ledger-archive__selectLabel {
  font-size: 0.875rem;
    font-weight: 500;
  white-space: nowrap;
}

/* select 本体 */
.p-ledger-archive__select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  min-width: 220px;
  padding: 0.6rem 2.8rem 0.6rem 0.9rem; /* 右側に矢印分の余白 */
  font-size: 0.875rem;
  line-height: 1.4;

  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background-color: #fff;
font-weight: 500;
  cursor: pointer;
  position: relative;

  /* ▼ SVG矢印（埋め込み） */

}


/* 矢印（SVG） */
.p-ledger-archive__selectWrap::after {
  content: "";
  position: absolute;
  right: 0.9rem;
  top: 50%;
  width: 6px;
  height: 10px;
  pointer-events: none;

  transform: translateY(-50%) rotate(90deg);
  transition: transform 0.2s ease;

  background-repeat: no-repeat;
  background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225.357%22%20height%3D%229.414%22%20viewBox%3D%220%200%205.357%209.414%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_53%22%20data-name%3D%22%E3%83%91%E3%82%B9%2053%22%20d%3D%22M15.94%2C16.5l4.15%2C4-4.15%2C4%22%20transform%3D%22translate(-15.233%20-15.793)%22%20fill%3D%22none%22%20stroke%3D%22%23373737%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%0A%3C%2Fsvg%3E%0A');
}

/* hover / focus */
.p-ledger-archive__select:hover {
  border-color: #BABABA;
}

.p-ledger-archive__select:focus {
  outline: none;
  border-color: #BABABA;
}

/* ボタンエリア */
.c-post .c-post-ttl .p-ledger-archive__buttons {
  display: flex;
  align-items: center;
  gap:1rem;
}

/* 共通ボタン */
.p-ledger-archive__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1;
    border-radius: 1.125rem;

  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

/* 絞り込む（主ボタン） */
.p-ledger-archive__btn--submit {
  color: #fff;
    background-color: #373737;
    border: 1px solid #373737;
}

.p-ledger-archive__btn--submit:hover {
opacity: 0.8;
}

/* クリア（サブボタン） */
.p-ledger-archive__btn--clear {
    color: #000000;
    background-color: #fff;
    border:none;
	text-decoration: underline;
    border-radius: 0;
    padding: 0;
    min-height: auto;
}

.p-ledger-archive__btn--clear:hover {
opacity: 0.8;
    text-decoration: none;
}

.c-sec.c-sec--try.p-ledger-archive .try .inner .txt .txt1 {
    font-size: 2rem;
    color: #1288FF;
}

.c-sec.c-sec--try.p-ledger-archive .try .inner .txt .txt2 {
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 500;
    color: #373737;
	    margin-top: 0.5rem;
}

.c-sec.c-sec--try.p-ledger-archive .try .inner .txt .txt2 span {
    font-weight: bold;
    background: linear-gradient(transparent 60%, #FFDB12 60%);
}

.c-sec.c-sec--try.p-ledger-archive a.c-btn__animation.c-btn.c-btn--arrow.c-btn--red.c-btn--fukidashi {
    font-size: 1.5rem;
    line-height: 1;
	/*
    background: #373737;
    box-shadow: inset 2px 3px 2px #373737, 3px 3px 6px rgba(0, 0, 0, 0.25);*/
}

.c-sec.c-sec--try.p-ledger-archive span.btn-text {
    text-shadow: 0 2.5em 0 #ffffff, 0 0 0 #ffffff;
	line-height: 1.3;
	    font-weight: 500;
}

.c-sec.c-sec--try.p-ledger-archive {
    padding-bottom: 0;
    margin-bottom: -1rem;
}

.ledger-btn__text-link {
    text-align: center;
    margin-top: 0.5rem;
	    font-weight: 500;
}

.c-sec.c-sec--try.p-ledger-archive .try.c-radius {
    background-color: rgb(18 136 255 / 5%);
    max-width: 1120px;
    padding: 2.5rem 3rem 3rem;
	position: relative;
}

.ledger-freeWrap {
    position: absolute;
    left: 6px;
    top: -13px;
}

.ledger-freeWrap span {
position: relative;
    border-radius: 1000px;
    background-color: #1288FF;
    color: #ffffff;
    border: #1288FF solid 1px;
    font-size: 1.125rem;
    padding: 5px 18px 7px;
}

.ledger-freeWrap span::before {
    content: '';
    position: absolute;
    display: block;
    z-index: 1;
    border-style: solid;
    border-color: #1288FF transparent;
    border-width: 11px 14px 0 0;
    bottom: -11px;
    left: calc(50% + 7px);
    margin-left: 6px;
    transform: scaleX(-1);
}

.ledger-freeWrap span::after {
    content: '';
    position: absolute;
    display: block;
    z-index: 0;
    border-style: solid;
    border-color: #1288FF transparent;
    border-width: 13px 18px 0 0;
    bottom: -13px;
    left: calc(50% + 10px);
    margin-left: 0px;
    transform: scaleX(-1);
}

.c-sec.c-sec--try.p-ledger-archive .try .inner .btn {
    position: relative;
    top: 1rem;
}

.ledger-btn__text-link a {
    text-decoration: underline;
    color: #1288FF;
}

.c-sec.c-sec--try.p-ledger-archive .c-btn__animation:hover .btn-text {
    text-shadow: 0 0 0 #ffffff, 0 -2.5em 0 #ffffff;
}


/* ---------------------------------------------------------
   SP対応
--------------------------------------------------------- */

@media (max-width: 1225px) {
	.c-sec.c-sec--try.p-ledger-archive .inner {
    text-align: center;
	    gap: 0rem;
}

.ledger-freeWrap {
    position: absolute;
    left: 0%;
    top: -13px;
}
}

@media (max-width: 767.8px) {

	.c-sec.c-sec--try.p-ledger-archive .try .inner .txt {
    max-width: 100%;
    margin: 0;
}

.c-sec.c-sec--try.p-ledger-archive .try.c-radius {
        padding: 2.5rem 0.5rem 3rem;
}

.c-sec.c-sec--try.p-ledger-archive .try .inner .txt .txt1 {
        font-size: 1.5rem;
        line-height: 1.4;
}

.c-sec.c-sec--try.p-ledger-archive .try .inner .txt .txt2 {
        font-size: 1rem;
        margin-top: 0.5rem;
}

.c-sec.c-sec--try.p-ledger-archive span.btn-text {
    line-height: 1.2;
    font-size: 1.125rem;
}

.c-sec.c-sec--try.p-ledger-archive a.c-btn__animation.c-btn.c-btn--arrow.c-btn--red.c-btn--fukidashi {
    font-size: 1.25rem;
}

	    .c-post .c-post-ttl {
        padding-bottom: 40px;
        margin-bottom: 40px;
	}

	.p-ledger-archive__selectLabel {
    font-size: 1rem;
}

  .p-ledger-archive__filter {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .p-ledger-archive__selectWrap {
    width: 100%;
  }

  .p-ledger-archive__select {
    width: 100%;
    min-width: 0;
  }

  .p-ledger-archive__buttons {
    width: 100%;
    gap: 0.75rem;
  }

  .p-ledger-archive__btn {
    flex: 1;
    justify-content: center;
  }
  .p-ledger-archive__selectWrap::after {
    top: 75%;
}
}



/* =========================================================
   Ledger Archive - Cards (3/2/1, grid, equal height)
   - タイトルが長いカードがあっても他カードが中央寄せにならない
   - タイトルは省略しない（折り返し）
   - ボタン位置は横並びで常に揃う
   Scope: .p-ledger-archive
========================================================= */

/* --- 親：既存flexを潰してgrid化（3/2/1） --- */
.p-ledger-archive .list-contents {
  display: grid ;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  align-items: stretch ;
  align-content: start ;
  justify-items: stretch ;
  justify-content: start ;
}

/* 既存の「直下div」保険（flex前提の幅/余白を無効化） */
.p-ledger-archive .list-contents > div {
  width: auto ;
  margin: 0 ;
  align-self: stretch ; /* ★1枚だけ中央寄せ等を潰す */
}

/* 3 / 2 / 1 */
@media (max-width: 992px) {
  .p-ledger-archive .list-contents {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem;
  }
}
@media (max-width: 575px) {
  .p-ledger-archive .list-contents {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }
}

/* =========================================================
   Card
========================================================= */

/* カード：内部を grid で構造固定（余白はスペーサー行へ） */
.p-ledger-archive__link {
  height: 100%;
  display: grid;

  /* 画像 / meta / タイトル / スペーサー / ボタン */
  grid-template-rows: auto auto auto 1fr auto;

  /* ★中央寄せさせない：上に積む */
  align-content: start ;
  justify-content: start ;

  /* 子要素の横幅も伸ばす（念のため） */
  justify-items: stretch;
  align-items: stretch;

  text-decoration: none;
  color: inherit;

    background: #F5F5F5;
    border-radius: 1.125rem;
  overflow: hidden;

  transition: none;
}

.p-ledger-archive__link:hover {
  transform: none;
  opacity: 0.8;
}

/* 行割り当て（固定） */
.p-ledger-archive__pic     { grid-row: 1; }
.p-ledger-archive__meta    { grid-row: 2; }
.p-ledger-archive__text    { grid-row: 3; }
.p-ledger-archive__btnWrap { grid-row: 5; }

/* --- 画像 --- */
.p-ledger-archive__pic {
  padding: 1.25rem;
  padding-bottom: 0.75rem;
}
.p-ledger-archive__pic img {
  width: 100%;
    aspect-ratio: 312 / 307;
  object-fit: cover;
  display: block;
  border-radius: 1.125rem;
  background: #fff;
}

/* --- メタ（更新日付・帳票） --- */
.p-ledger-archive__meta {
  padding: 0 1.25rem;
  margin-top: 0.2rem;

  /* ★ここが中央寄せになるのを抑制（念のため） */
  align-self: start ;
}

.p-ledger-archive__date {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.4;
}

.p-ledger-archive__kind {
  margin: 0.25rem 0 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;

  /* 帳票名が長い場合も折り返し（省略しない） */
  white-space: normal;
  word-break: break-word;
}

/* --- タイトル：省略しない（折り返し） --- */
.p-ledger-archive__text {
    padding: 0rem 1.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1.6;
    font-weight: 500;
}

/* --- ボタン：全カードでY位置統一 --- */
.p-ledger-archive__btnWrap {
  padding: 1rem 1.25rem 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;

  /* ★下段に固定（念のため） */
  align-self: end ;
}

/* 開くボタン（見た目だけ：カード全体クリック維持） */
.p-ledger-archive__openBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.875rem;
    padding: 0.5rem 1.1rem;
    padding-right: 0.5rem;
    border-radius: 999px;
    background: #1288FF;
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1;
    pointer-events: none;
    position: relative;
}

.p-ledger-archive__openBtn span.arrow {
    position: relative;
    right: auto;
    top: 50%;
    transform: translateY(0%);
    width: 20px;
    height: 20px;
    margin-left: 0px;
    background-color: #fff;
    border-radius: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-ledger-archive__openBtn img.sml {
    width: 8px;
    height: 8px;
}

/* 右の丸アイコン */
.p-ledger-archive__openIcon {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #fff;
  position: relative;
  flex: 0 0 auto;
}
.p-ledger-archive__openIcon::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #1b79ff;
  border-right: 2px solid #1b79ff;
  transform: rotate(45deg);
}

/* SP微調整 */
@media (max-width: 575px) {
  .p-ledger-archive__pic { padding: 1rem; padding-bottom: 0.6rem; }
  .p-ledger-archive__meta { padding: 0 1rem; }
  .p-ledger-archive__text { padding: 0.65rem 1rem 0.65rem; }
  .p-ledger-archive__btnWrap { padding: 0.9rem 1rem 1rem; }
}