@charset "UTF-8";

/* ---------------------------------------------------------------------------
   sanjo.css
   出所: 旧 WPCode スニペット258「賛助企業登録」の $css。
   内容は変更していない。
   --------------------------------------------------------------------------- */

/* ===== Jaycee Sanjo (logos + table) ===== */
.jaycee-sanjo-wrap{ width:100%; }

/* --- TOP: ロゴ一覧（PC=5列 / SP=2列） --- */
.jaycee-sanjo-logos{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:18px 22px;
  align-items:center;
}
.jaycee-sanjo-logos.is-center{ justify-content:center; }

.jaycee-sanjo-logo{
  display:flex;
  align-items:center;
  justify-content:center;

  width:100%;
  max-width:185px;
  margin:0 auto;
  background:#fff;
  border:1px solid #dcdcdc;
  border-radius:6px;

  padding:0;
  line-height:1;
  overflow:hidden;

  transition: opacity .2s ease;
}
a.jaycee-sanjo-logo:hover{ opacity:.78; }

.jaycee-sanjo-logo img{
  display:block;
  width:100%;
  height:56px;
  object-fit:contain;
}

/* Tablet */
@media (max-width:1024px){
  .jaycee-sanjo-logos{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:16px 18px;
  }
}

/* SP：2列 */
@media (max-width:767px){
  .jaycee-sanjo-logos{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:14px 14px;
  }
  .jaycee-sanjo-logo img{ height:46px; }
}

/* --- 募集ページ: 表（添付デザイン寄せ） --- */
.jaycee-sanjo-table-wrap{
  width:100%;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  border:1px solid #d9d9d9;     /* 外枠 */
  border-radius:6px;            /* 角丸 */
  background:#fff;
}

/* table */
.jaycee-sanjo-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;              /* SPは横スクロール */
  background:#fff;
  border:none;                  /* 外枠はwrapで持つ */
  font-family: system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
}

/* cells */
.jaycee-sanjo-table th,
.jaycee-sanjo-table td{
  border:1px solid #d9d9d9;
  padding:14px 16px;
  vertical-align:top;
  font-size:14px;
  color:#333;
  line-height:1.7;
}

/* header */
.jaycee-sanjo-table thead th{
  background:#f3f3f3;           /* 添付の薄いグレー */
  font-weight:700;
  text-align:left;
}

/* no col */
.jaycee-sanjo-col-no{
  width:56px;
  text-align:center !important;
  white-space:nowrap;
}

/* name col */
.jaycee-sanjo-col-name{
  width:42%;
}

/* ★ここから：sanjo_name（表の本文）のみ指定色に変更 */
.jaycee-sanjo-table tbody td.jaycee-sanjo-col-name{
  color:#0097D7;
  font-weight:600;
}
.jaycee-sanjo-table tbody td.jaycee-sanjo-col-name a{
  color:#0097D7;
  text-decoration:none;
  font-weight:600;
}
.jaycee-sanjo-table tbody td.jaycee-sanjo-col-name a:hover{ text-decoration:underline; }
/* ★ここまで */

/* tokuten list：添付の「-」表記に寄せる */
.jaycee-sanjo-tokuten{
  margin:0;
  padding:0;
  list-style:none;              /* ●を消す */
}
.jaycee-sanjo-tokuten li{
  position:relative;
  padding-left:1.1em;
  margin:0 0 8px;
}
.jaycee-sanjo-tokuten li:last-child{ margin-bottom:0; }
.jaycee-sanjo-tokuten li:before{
  content:"-";
  position:absolute;
  left:0;
  top:0;
  color:#333;
}

/* 余計なpの余白対策 */
.jaycee-sanjo-table p{
  margin:0 !important;
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}