@charset "UTF-8";
/* working.php（Template Name: 支援機構の取り組み）のうち
   officer ページ限定スタイル。
   2026-06-03 working.php の is_page('officer') ガード付き直書き<style>から移植（F4）。
   working.php 側でも同条件で <link> を出すため、他4ページ（about_us/message/
   member_introduction/wam）には読み込まれない＝従来挙動を維持。 */

.visible-xs {
display: none;
}
table.yellowSec {
line-height: 28px;
}
table.yellowSec th:nth-of-type(1),
table.yellowSec th:nth-of-type(4) {
width: 10%;
}
table.yellowSec th:nth-of-type(2) {
width: 15%;
}
table.yellowSec th:nth-of-type(3) {
width: 31%;
}
table.yellowSec th:nth-of-type(5) {
width: 34%;
}
table.yellowSec td:nth-of-type(1),
table.yellowSec td:nth-of-type(4) {
text-align: center!important;
}
table.yellowSec td a {
text-decoration: underline;
color: #1293BD;
}
table.yellowSec td span.care01 {
position: relative;
top: 0;
left: 0;
min-width: 0;
}
@media (max-width: 640px) {
.tableScroll {
  overflow: auto;
  white-space: nowrap;
}
.tableScrol::-webkit-scrollbar{
  height: 5px;
}
.tableScrol::-webkit-scrollbar-track{
  background: #333;
}
.tableScrol::-webkit-scrollbar-thumb {
  background: var(--color-gray-mid);
}
.visible-xs {
  display: block;
}
table.yellowSec td.relative {
  min-width: 10em;
}
table.yellowSec td.relative:nth-of-type(1),
table.yellowSec td.relative:nth-of-type(4) {
  min-width: 8em;
}
table.yellowSec td span.care01 {
  display: block;
}
}
table.yellowSec td a.a-black {
color: var(--color-text);
}
table.yellowSec td a.a-black:hover {
opacity: .8;
}