.wr-tender-search{ margin-top: 2.0rem; }
.wr-tender-search__inner{
  border-radius: 0.6rem;
  background: #fff;
  box-shadow: 0 .0rem 0.5rem rgba(0,0,0,.14);
  overflow: hidden;
}

.wr-tender-search__head{
  margin-bottom: 1.4rem;
}
.wr-tender-search__ttl{ font-size: 1.6rem; margin: 0; }
.wr-tender-search__ttl{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
}
.wr-tender-search__ttl::before{
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  background: center / contain no-repeat url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy43MiAyMy41NCI+PHJlY3QgeD0iMi4xMiIgeT0iOC41NCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iI2M2YzRjNCIvPjxwYXRoIGQ9Ik0xNC44NCw5LjU0aC0xLjA3di0xaDEuMDd2MVpNMTIuNDksOS41NGgtMS4wN3YtMWgxLjA3djFaTTEwLjE1LDkuNTRoLTEuMDd2LTFoMS4wN3YxWk03LjgxLDkuNTRoLTEuMDd2LTFoMS4wN3YxWk01LjQ2LDkuNTRoLTEuMDd2LTFoMS4wN3YxWiIgZmlsbD0iI2M2YzRjNCIvPjxyZWN0IHg9IjE2LjEyIiB5PSI4LjU0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSIjYzZjNGM0Ii8+PHBhdGggZD0iTTE3LjEyLDIxLjI2aC0xdi0xLjA3aDF2MS4wN1pNMTcuMTIsMTguOTFoLTF2LTEuMDdoMXYxLjA3Wk0xNy4xMiwxNi41N2gtMXYtMS4wN2gxdjEuMDdaTTE3LjEyLDE0LjIyaC0xdi0xLjA3aDF2MS4wN1pNMTcuMTIsMTEuODhoLTF2LTEuMDdoMXYxLjA3WiIgZmlsbD0iI2M2YzRjNCIvPjxyZWN0IHg9IjE2LjEyIiB5PSIyMi41NCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0iI2M2YzRjNCIvPjxwYXRoIGQ9Ik0xNC44NCwyMy41NGgtMS4wN3YtMWgxLjA3djFaTTEyLjQ5LDIzLjU0aC0xLjA3di0xaDEuMDd2MVpNMTAuMTUsMjMuNTRoLTEuMDd2LTFoMS4wN3YxWk03LjgxLDIzLjU0aC0xLjA3di0xaDEuMDd2MVpNNS40NiwyMy41NGgtMS4wN3YtMWgxLjA3djFaIiBmaWxsPSIjYzZjNGM0Ii8+PHJlY3QgeD0iMi4xMiIgeT0iMjIuNTQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IiNjNmM0YzQiLz48cGF0aCBkPSJNMy4xMiwyMS4yNmgtMXYtMS4wN2gxdjEuMDdaTTMuMTIsMTguOTFoLTF2LTEuMDdoMXYxLjA3Wk0zLjEyLDE2LjU3aC0xdi0xLjA3aDF2MS4wN1pNMy4xMiwxNC4yMmgtMXYtMS4wN2gxdjEuMDdaTTMuMTIsMTEuODhoLTF2LTEuMDdoMXYxLjA3WiIgZmlsbD0iI2M2YzRjNCIvPjxwb2x5Z29uIHBvaW50cz0iOC45NSAyMC42MiAwIDExLjY2IDIuODMgOC44MyA4LjY1IDE0LjY2IDIwLjYzIDAgMjMuNzIgMi41MyA4Ljk1IDIwLjYyIiBmaWxsPSIjYjBiYzdhIi8+PC9zdmc+");
}
.wr-tender-search__clear{
  appearance:none; border:1px solid rgba(0,0,0,.12);
  background: #fff; border-radius: .8rem;
  padding: .8rem 2.2rem; cursor:pointer;
}
.wr-tender-search__clear:hover{ box-shadow: 0 .4rem 1.0rem rgba(0,0,0,.08); }
.wr-tender-search__clear{
  position: absolute;
  left: 50%;
  top: .8rem;
  transform: translateX(-50%);
  margin: 0;
  border-radius: 999px;
  font-size: 1.4rem;
  color: #666;
}

.wr-tender-search__filters{
  display:grid;
  grid-template-columns: 1fr;
  gap: 1.6rem;
  padding: 1.6rem;
  background-color: #fefff9;
}
@media (max-width: 768px){
  .wr-tender-search__filters{ grid-template-columns: 1fr; }
  .wr-tender-search__bottom{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1.2rem;
    min-height: 0;
  }

  .wr-tender-search__bottom .wr-tender-search__count{
    text-align: left;
  }

  .wr-tender-search__clear{
    position: static;
    left: auto;
    top: auto;
    transform: none;
    align-self: center;
  }
}

.wr-filter + .wr-filter {
  padding-top: 1.2rem;
  border-top: 1px solid #d9d9d9;
}
.wr-filter__ttl{ margin: 0 0 0.8rem; font-size: 1.6rem; color: #276c46; }
.wr-filter__buttons{ display:flex; flex-wrap:wrap; gap: .8rem; }

.wr-chip{
  appearance:none;
  border:1px solid rgba(0,0,0,.14);
  background:#fff;
  border-radius: 999px;
  padding: .7rem 1.1rem;
  cursor:pointer;
  font-size: 1.4rem;
  line-height: 1;
}
.wr-chip[aria-pressed="true"]{
  border-color: rgba(0,0,0,0);
  background: var(--primary, #4FA09B);
  color:#fff;
}

.wr-tender-search__result{ margin-top: 1.6rem; }

/* 下段：左に件数、中央にクリアボタン */
.wr-tender-search__bottom{
  position: relative;
  padding: 1.6rem;
  min-height: 6.0rem;
  background-color: #f8faf5;
}
.wr-tender-search__bottom::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1.2rem;
  pointer-events: none;
  box-shadow: inset 0 0.5rem 0.5rem -0.5rem rgba(0, 0, 0, 0.07);
}

.wr-tender-search__bottom .wr-tender-search__count{
  margin-top: 0;
  font-size: 1.4rem;
  text-align: left;
}
.wr-tender-search__countNum{
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1;
}

.wr-tender-search__countUnit{
  font-size: 1.4rem;
  font-weight: 500;
}

.wr-tender-search__meta{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.2rem;
  flex-wrap: wrap;
  margin-bottom: 1.0rem;
}
.wr-tender-search__count{ margin: 0; font-size: 1.4rem; color: rgba(0,0,0,.72); }
.wr-tender-search__hint{ margin: 0; font-size: 1.2rem; color: rgba(0,0,0,.62); }

.wr-tender-tablewrap{
  overflow-x: visible; /* ← auto だとスクロールが出る前提になるので visible */
  /* border: 1px solid rgba(0,0,0,.08); */
  /* border-radius: 1.2rem; */
  background:#fff;
}
.wr-tender-table{
  width: 100%;
  min-width: 0;            /* ← 980px固定を撤去 */
  border-collapse: collapse;
  table-layout: fixed;     /* ← これで幅に合わせて列が縮む */
}
.wr-tender-table th,
.wr-tender-table td{
  padding: 1.0rem 1.0rem;
  border: 1px solid #e4e4e4;
  vertical-align: top;
  font-size: 1.4rem;
}
.wr-tender-table th,
.wr-tender-table td{
  overflow-wrap: anywhere;
  word-break: break-word;
  vertical-align: middle;
}

.wr-tender-table thead th{
  font-weight: 500;
  white-space: nowrap;

  /* 追加：上下センター寄せ */
}
.wr-tender-table td{
  font-weight: 500;
}
.wr-tender-table thead th{
  background: rgba(255,255,255,.98);            /* 裏文字が透けないように */
  box-shadow: 0 .6rem 1.2rem rgba(0,0,0,.10);   /* 影 */
}
.wr-tender-table tbody tr:hover{ background: rgba(0,0,0,.02); }

.wr-tender-table td.col-title a{
  text-decoration: none;
}

.is-sortable{ padding: 0; }

.is-sortable .wr-sortbtn{
  width: 100%;
  text-align: left;
  padding: 1.0rem 1.0rem;
  border: none;
  background: transparent;
  cursor: pointer;
  font: inherit;

  /* 変更：中央寄せ＋クリック感 */
  display: flex;
  align-items: center;           /* ←上下センター */
  justify-content: space-between;
  gap: .8rem;

  /* 追加：押せる見た目 */
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}

.is-sortable .wr-sortbtn:hover{
  background: rgba(79,160,155,.08);  /* ←押せる感 */
}

.is-sortable .wr-sortbtn:active{
  background: rgba(79,160,155,.14);
}

.is-sortable .wr-sortbtn:focus{
  outline: 2px solid rgba(79,160,155,.55);
  outline-offset: -2px;
  border-radius: .6rem;
}

/* ソート矢印を常時薄く表示し、ホバーで濃く */
.wr-sorticon{
  display: inline-block;
  width: 0;
  height: 0;
  border-left: .45rem solid transparent;
  border-right: .45rem solid transparent;
  opacity: .55;                 /* ←少し濃く */
  flex: 0 0 auto;
}

.is-sortable .wr-sortbtn:hover .wr-sorticon{
  opacity: .9;
}
.wr-tender-table thead th.is-sortable{
  background: #fff; /* stickyの下地と合わせる */
}
.wr-tender-table thead th.is-sortable:hover{
  background: rgba(79,160,155,.06);
}

/* ボタン本体：枠＋角丸＋軽い背景 */
.wr-tender-table thead th.is-sortable .wr-sortbtn{
  width: 100%;
  padding: .9rem 1.0rem;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: .9rem;
  background: rgba(79,160,155,.06);
  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .8rem;

  text-decoration: none; /* 下線よりボタン感を優先 */
}

/* hover：浮く＋色が変わる */
.wr-tender-table thead th.is-sortable .wr-sortbtn:hover{
  background: rgba(79,160,155,.12);
  box-shadow: 0 .4rem 1.0rem rgba(0,0,0,.10);
  transform: translateY(-1px);
}

/* active：押し込み */
.wr-tender-table thead th.is-sortable .wr-sortbtn:active{
  transform: translateY(0);
  box-shadow: 0 .2rem .6rem rgba(0,0,0,.10);
}

/* focus：キーボードでも分かる */
.wr-tender-table thead th.is-sortable .wr-sortbtn:focus{
  outline: 3px solid rgba(79,160,155,.45);
  outline-offset: 2px;
}
/* 矢印：常に表示して「並び替え可」を明示 */
.wr-tender-table thead th.is-sortable .wr-sorticon{
  opacity: 1; /* 常時見える */
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
}

/* 未選択列：上下両方の矢印っぽく見せる（小さな▽△） */
.wr-tender-table thead th[aria-sort="none"] .wr-sorticon{
  position: relative;
  width: 0;
  height: 0;
  border-top: .55rem solid rgba(0,0,0,.35);
  border-bottom: .55rem solid rgba(0,0,0,.35);
}

/* 選択中：色を強くして「今ここでソートしてる」を明確に */
.wr-tender-table thead th[aria-sort="ascending"] .wr-sortbtn,
.wr-tender-table thead th[aria-sort="descending"] .wr-sortbtn{
  border-color: rgba(79,160,155,.55);
  background: rgba(79,160,155,.18);
  box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.12);
}

/* 選択中の矢印：上/下をはっきり */
.wr-tender-table thead th[aria-sort="ascending"] .wr-sorticon{
  border-top: none;
  border-bottom: .75rem solid rgba(0,0,0,.75);
}
.wr-tender-table thead th[aria-sort="descending"] .wr-sorticon{
  border-bottom: none;
  border-top: .75rem solid rgba(0,0,0,.75);
}

/* ついで：ソート可能列に「↕」を付けたくなる場合の余白調整（任意） */
.wr-tender-table thead th.is-sortable .wr-sortbtn{
  font-weight: 500;
}


th[aria-sort="ascending"] .wr-sorticon{
  border-bottom: .65rem solid rgba(0,0,0,.7);
  opacity: .9;
}
th[aria-sort="descending"] .wr-sorticon{
  border-top: .65rem solid rgba(0,0,0,.7);
  opacity: .9;
}

.wr-tender-empty{
  margin: 1.6rem 0 0;
  padding: 1.2rem;
  border-radius: 1.0rem;
  background: rgba(0,0,0,.04);
}


/* 並び替えバー（PC/SP共通で表示） */
.wr-tender-sortbar{
  display: flex;
  margin: 0 0 1.0rem;
  gap: .8rem;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.wr-tender-sortbar__label{
  font-size: 1.3rem;
  color: rgba(0,0,0,.72);
}
.wr-tender-sortbar__select{
  border: 1px solid rgba(0,0,0,.14);
  border-radius: .6rem;
  padding: .7rem 3.5rem .7rem .9rem;
  background: #fff;
  font-size: 1.4rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_2' data-name='レイヤー_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.64 9.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23047d45; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='_レイヤー_6' data-name='レイヤー_6'%3E%3Cpath id='down_x5F_arrow' class='cls-1' d='M.71.71l7.11,7.11L14.94.71'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1em center;
  background-size: 1.6rem;
}
.wr-tender-sortbar__dir::after{
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_レイヤー_2' data-name='レイヤー_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.64 9.24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23047d45; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cg id='_レイヤー_6' data-name='レイヤー_6'%3E%3Cpath id='down_x5F_arrow' class='cls-1' d='M.71.71l7.11,7.11L14.94.71'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.wr-tender-sortbar__dir{
  border: 1px solid rgba(0,0,0,.14);
  border-radius: .6rem;
  padding: .7rem 1.0rem;
  background: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: .75rem;
}

/* SPでは table をカード表示に切替（横スクロールしない） */
@media (max-width: 768px){

  /* 横スクロール枠を無効化（SPはスクロールさせない） */
  .wr-tender-tablewrap{
    overflow: visible;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  /* tableとしてのレイアウトを解除して縦カード化 */
  .wr-tender-table{
    min-width: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1.0rem;
    border: none;
  }

  /* ヘッダー行は非表示（SPはsortbarで操作） */
  .wr-tender-table thead{
    display: none;
  }

  .wr-tender-table tbody,
  .wr-tender-table tr,
  .wr-tender-table td{
    display: block;
    width: 100%;
  }

  .wr-tender-table tbody tr{
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 1.2rem;
    background: #fff;
    box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.05);
    overflow: hidden;
    margin-bottom: 1.6rem;
  }

  .wr-tender-table td{
    border: none;
    padding: 1.6rem 1.4rem;
    font-size: 1.4rem;
  }

  /* 1列目（公告日）をヘッダっぽく */
  .wr-tender-table td:nth-child(1){
    background: #fafbfc;
    font-weight: 500;
    padding: 1.6rem 1.2rem 0;
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .wr-tender-table td:nth-child(1)::before{
    content: "公告日：";
    color: #465d6c;
    padding-left: .2rem;
  }
  
  /* ラベル付き 縦組 */
  .wr-tender-table td:nth-child(2){
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    padding-bottom: 0;
  }
  .wr-tender-table td:nth-child(1)::after,
  .wr-tender-table td:nth-child(2)::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #eaedee;
    margin-top: 1.6rem;
  }
  /* ラベル付きの2カラム風（縦に薄く） */
  .wr-tender-table td:nth-child(n+3){
    display: flex;
    align-items: center;
    background-color: #fafbfc;
  }
  .wr-tender-table td:nth-child(3){
    padding-bottom: 0;
  }
  .wr-tender-table td:nth-child(4){
    padding-top: 1.2rem;
  }
  
  /* 各セルにラベルを付与（擬似表） */
  .wr-tender-table td:nth-child(2)::before{ content:"件名／種別／落札方式別"; color: #465d6c; font-size: 1.4rem; }
  .wr-tender-table td:nth-child(3)::before{ content:"書類提出期限："; color: #465d6c; font-size: 1.4rem;padding-left: .2rem; }
  .wr-tender-table td:nth-child(4)::before{ content:"開札（見積合せ）実施日："; color: #465d6c; font-size: 1.4rem;padding-left: .2rem; }
}

/* 件名セル内のミニタグ（PCでは隠す） */
.wr-mini-meta{
  display: flex;
  margin-top: .4rem;
  gap: .6rem;
  flex-wrap: wrap;
}
.wr-mini-tag{
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
  padding: .4rem .6rem;
  border-radius: 0.3rem;
  border: 1px solid #93b5a2;
  color: #276c46;
}

/* 長い見出し（開札・書類提出期限）は折り返せるようにする */
.wr-tender-table thead th[data-sort-key="openingDate"],
.wr-tender-table thead th[data-sort-key="documentDeadline"]{
  white-space: normal;          /* ← nowrap を上書き */
}

/* ソートボタン内も折り返しOK＋はみ出し防止 */
.wr-tender-table thead th[data-sort-key="openingDate"] .wr-sortbtn,
.wr-tender-table thead th[data-sort-key="documentDeadline"] .wr-sortbtn{
  white-space: normal;
  align-items: center;
}

/* 念のため：セル外に描画されないように（見切れ防止ではなく“はみ出し防止”） */
.wr-tender-table thead th{
  overflow: hidden;
}
/* sticky見出しの下地を不透明にして、下の文字が透けないようにする */
.wr-tender-table thead th{
  background: #fff; /* まず不透明の下地 */
}

/* ヘッダー行全体としても下地・境界を強化 */
/* 列ごとではなくヘッダー行全体に影を出す */
.wr-tender-table thead{
  position: sticky;
  top: 0;                 /* ← PCでは 0 */
  z-index: 10;
  background: #fafbfc;
  /* box-shadow: 0 4px 2px -3px rgba(0, 0, 0, .08); */
}
.wr-tender-table thead th{
  position: static;   /* theadをstickyにする場合はthを戻す */
  box-shadow: none;
  background: transparent;
}
/* タブレット以下だけ、サイトヘッダー高さ分だけ下げる */
@media (max-width: 1000px){
  .wr-tender-table thead{
    top: var(--wr-site-header-h, 0px);
  }
}
/* ヘッダーの区切り線（視認性UP） */
.wr-tender-table thead th{
  border-bottom: 1px solid #e4e4e4;
  color: #465d6c;
  font-weight: 400;
}

/* ソートボタンのホバー背景が透けないように */
.wr-tender-table thead th .wr-sortbtn:hover{
  background: rgba(79,160,155,.10);
}
/* まず：固定レイアウトで列幅指定を効かせる */
.wr-tender-table{
  table-layout: fixed;
  width: 100%;
}

/* ===== PC（通常〜広め） 6列の幅配分 =====
   公告日 / 件名 / 種別 / 落札方式別 / 書類提出期限 / 開札
*/
@media (min-width: 1001px){
  .wr-tender-table th:nth-child(1),
  .wr-tender-table td:nth-child(1){ width: 10em; }

  .wr-tender-table th:nth-child(2),
  .wr-tender-table td:nth-child(2){ width: auto; }

  .wr-tender-table th:nth-child(3),
  .wr-tender-table td:nth-child(3){ width: 14em; }

  .wr-tender-table th:nth-child(4),
  .wr-tender-table td:nth-child(4){ width: 14em; }

  /* .wr-tender-table th:nth-child(5),
  .wr-tender-table td:nth-child(5){ width: 20%; }

  .wr-tender-table th:nth-child(6),
  .wr-tender-table td:nth-child(6){ width: 20%; } */
}

/* ===== タブレット帯：3列目/4列目を畳む想定（横スクロール回避） ===== */
@media (max-width: 1000px) and (min-width: 769px){
  /* 残り4列を再配分：公告日/件名/書類提出期限/開札 */
  .wr-tender-table th:nth-child(1),
  .wr-tender-table td:nth-child(1){ width: 16%; }

  .wr-tender-table th:nth-child(2),
  .wr-tender-table td:nth-child(2){ width: 36%; }

  .wr-tender-table th:nth-child(3),
  .wr-tender-table td:nth-child(3){ width: 20%; }

  .wr-tender-table th:nth-child(4),
  .wr-tender-table td:nth-child(4){ width: 28%; }
}


/* 件名リンク：矢印には下線を付けない（本文だけ下線） */
.wr-tender-table td.col-title a{
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none; /* ← a には下線を付けない */
  padding: .2rem .1rem;
}

/* 下線は本文spanにだけ */
.wr-tender-table td.col-title a .wr-linktxt{
  text-decoration: none;
  text-underline-offset: .22em;
  text-decoration-thickness: 1px;
}

/* 右矢印 */
/* .wr-tender-table td.col-title a::after{
  content: "›";
  font-size: 1.6rem;
  line-height: 1;
  opacity: .8;
  text-decoration: none;
} */

/* ホバー時の“押せる感” */
.wr-tender-table td.col-title a:hover{
  text-decoration: none;
  background: rgba(79,160,155,.10);
  border-radius: .5rem;
}

.wr-tender-table td.col-title a:hover .wr-linktxt{
  text-decoration-thickness: 2px; /* 太くして反応を分かりやすく */
}


/* ---------------------------------------------
   フィルター：チェックボックス表示（「全て」なし）
   --------------------------------------------- */
.wr-checkgroup{
  display: flex;
  flex-wrap: wrap;
  gap: .8rem 1.0rem;
}

.wr-check{
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  cursor: pointer;
  user-select: none;
  padding: .4rem .6rem;
  border-radius: .8rem;
}

.wr-check__input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.wr-check__box{
  width: 2.4rem;
  height: 2.4rem;
  margin: 0;
  border: 2px solid #535353; /* 未チェック時の枠 */
  border-radius: .4rem;
  background: transparent;            /* 塗りなし */
  display: grid;
  place-content: center;
  cursor: pointer;
}

.wr-check__txt{
  font-size: 1.6rem;
  line-height: 1.2;
}

/* フォーカス */
.wr-check__input:focus-visible + .wr-check__box{
  outline: 3px solid rgba(79,160,155,.35); /* ※color.cssに移行予定 */
  outline-offset: 2px;
}

.wr-check__input + .wr-check__box::after{
  content: "";
  width: .8rem;
  height: 1.4rem;
  border-right: 3px solid #008329;
  border-bottom: 3px solid #008329;
  transform: rotate(45deg);
  opacity: 0;
  position: relative;
  top: -2px;
}

.wr-check__input:checked + .wr-check__box::after{
  opacity: 1;
}