.sec-company-management .management__flex {
  margin-top: 5rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 25%));
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 4rem;
}
@media screen and (max-width: 767px) {
  .sec-company-management .management__flex {
    grid-template-columns: repeat(2, minmax(0, 50%));
    -moz-column-gap: 4rem;
         column-gap: 4rem;
    row-gap: 4rem;
  }
}
.sec-company-management .management__flex .item {
  border: 0.1rem solid #e5e5e5;
  border-radius: 0.5rem;
  padding: 3rem;
}
@media screen and (max-width: 767px) {
  .sec-company-management .management__flex .item {
    border-width: 0.2rem;
    padding: 4rem;
  }
}
.sec-company-management .management__flex .item .name__txt {
  padding-top: 1.7rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .sec-company-management .management__flex .item .name__txt {
    padding-top: 2.5rem;
    font-size: 3.6rem;
  }
}
.sec-company-management .management__flex .item .name__txt span {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .sec-company-management .management__flex .item .name__txt span {
    font-size: 2.4rem;
  }
}
.sec-company-management .management__flex .item dl {
  font-size: 1.4rem;
  letter-spacing: 0.06em;
  display: flex;
  padding-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .sec-company-management .management__flex .item dl {
    font-size: 2.4rem;
    display: block;
    line-height: 1.3;
  }
}
.sec-company-management .management__flex .item dl dt {
  font-weight: 700;
  padding-right: 0.5em;
}
@media screen and (max-width: 767px) {
  .sec-company-management .management__flex .item dl dt {
    padding-right: 0;
  }
}

 :root{
    --bubble:#f2f5f8;          /* 吹き出しの背景（薄いブルー） */
    --active:#0159a6;          /* アクティブ（青） */
    --text:#0159a6;
  }

  /* ===== 吹き出しコンテナ ===== */
  .qual-bubble{
  position: relative;
  background: var(--bubble);
  padding: 20px;
  margin-bottom: 22px;      /* ▼ の分だけ余白を少し増やす */
  overflow: visible;        /* ← 重要：隠さない */
  margin-bottom: 65px;
}

/* ▼ 本体（回転させた正方形） */
.qual-bubble::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -10px;            /* ▼ の出幅 */
  width: 18px;
  height: 18px;
  background: var(--bubble);
  transform: translateX(-50%) rotate(45deg);
  z-index: 0;
}

/* ▼ 薄い縁取り（影の代わり） */
.qual-bubble::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;            /* 本体より2px外側に置く */
  width: 22px;
  height: 22px;
  background: #f2f5f8;      /* 輪郭色：背景に合わせて調整 */
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;              /* 本体の下へ */
  border-radius: 2px;       /* 角をわずかに丸めて滑らかに */
}
  /* ▼（本体） */
  .qual-bubble::after{
    content:"";
    position:absolute;
    left:50%; transform:translateX(-50%);
    bottom:-8px;
    width:16px; height:16px;
    background:var(--bubble);
    clip-path:polygon(50% 100%, 0 0, 100% 0); /* 三角形 */
    filter:drop-shadow(0 1px 0 #e7eef5);      /* うっすら縁 */
  }

  /* ===== リスト（PC：横並び、折返し） ===== */
 /* PC: 4列 */
.qual-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* ← 4列均等 */
  gap: 14px; /* 余白調整 */
}

/* 各 li をセルいっぱいにする */
.qual-list > li {
  display: flex;
}

  /* ===== チップ ===== */
.chip{
  flex: 1; align-items:center; justify-content:center;
  min-height:40px; padding:10px 35px;
  border-radius:999px;
  background:#fff; 
  color:var(--text); text-decoration:none;
  text-align:center;
  white-space:nowrap;
  transition: all .25s ease;  /* ← なめらかな反転 */
}

/* アクティブ（選択中） */
.chip.is-active{
  background:var(--active); color:#fff; border-color:transparent;
}

/* === マウスオーバーで反転 === */
.chip:hover{
  background:var(--active);
  color:#fff;
  border-color:transparent;
	opacity: 1;
}
.chip.is-active:hover{
  background:#fff;
  color:var(--active);
  border:1px solid var(--active);
}

  /* ===== SP：2列グリッド、改行許可 ===== */
  @media (max-width: 767px){
     .qual-list{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* 常に2列 */
    gap:12px 14px;
    align-items:stretch;         /* 各セルの高さを揃える */
  }
  .qual-list > li{display:flex}  /* 中身をセルいっぱいに */
  .chip{
    width:100%;
    white-space:normal;          /* 折り返しOK */
    height:100%;
    display:flex; align-items:center; justify-content:center;
    text-align:center;
	line-height: 1.2;
	  padding: 10px 35px;
  }
	 
  }