@charset "UTF-8";

/* ---------------------------------------------------------------------------
   sosiki.css
   出所: 旧 WPCode スニペット347「組織」[jaycee_sosiki] の $css。
   内容は変更していない。
   --------------------------------------------------------------------------- */

/* ===== 組織図セクション ===== */
.jaycee-sosiki-wrap{
  width:100% !important;
  max-width:1100px !important;
  margin:0 auto !important;
  padding:48px 24px !important;
  background:#fff !important;
  border-radius:12px !important;
  box-shadow:0 8px 24px rgba(0,0,0,.06) !important;
}

.jaycee-sosiki-title{
  margin:0 !important;
  text-align:center !important;
  font-size:26px !important;
  font-weight:800 !important;
  color:#111 !important;
  letter-spacing:.04em !important;
}
.jaycee-sosiki-underline{
  width:220px !important;
  height:2px !important;
  margin:14px auto 0 !important;
  background:#0097D7 !important;
  border-radius:999px !important;
}

.jaycee-sosiki-desc{
  margin:22px auto 0 !important;
  text-align:center !important;
  color:#333 !important;
  font-size:16px !important;
  line-height:1.9 !important;
  max-width:820px !important;
}

/* ===== ボタン ===== */
.jaycee-sosiki-btnwrap{
  margin-top:26px !important;
  display:flex !important;
  justify-content:center !important;
}

.jaycee-sosiki-btn{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  width:min(560px, 100%) !important;
  padding:16px 22px !important;

  background:#0097D7 !important;
  color:#fff !important;
  text-decoration:none !important;

  border-radius:9999px !important;
  box-shadow:0 10px 22px rgba(0,0,0,.10) !important;
  font-size:16px !important;
  font-weight:700 !important;
}

/* グレーの円（15px正円 + 指定シャドウ） */
.jaycee-sosiki-dot{
  width:15px !important;
  height:15px !important;
  border-radius:50% !important;
  background:#CCCCCC !important;
  box-shadow:0 0 8px rgba(0,0,0,.08) !important; /* ぼかし8 / 透過8% */
  flex:0 0 15px !important;
}

.jaycee-sosiki-btn:hover{
  opacity:.88 !important;
}
.jaycee-sosiki-btn:focus{
  outline:2px solid rgba(0,151,215,.35) !important;
  outline-offset:3px !important;
}

/* SP */
@media (max-width:767px){
  .jaycee-sosiki-wrap{
    padding:36px 16px !important;
  }
  .jaycee-sosiki-title{ font-size:22px !important; }
  .jaycee-sosiki-desc{ font-size:14px !important; }
  .jaycee-sosiki-btn{ padding:14px 18px !important; font-size:15px !important; }
  .jaycee-sosiki-underline{ width:200px !important; }
}