/* ----------------------------------------------------
レイアウト共通（Flexbox設定）
---------------------------------------------------- */
.flex {
  display: flex; 
  display: -webkit-flex; 
  justify-content: space-between; 
  flex-wrap: wrap;
}

.show-bullet {
	width: 100% !important;
  list-style-type: disc !important;
  padding-left: 1.5em !important; /* 記号分の余白を確保 */
}

.show-bullet li {
	width: 100% !important;
  display: list-item !important; /* display: block 等で消されている場合をリセット */
	font-size: 14px;
}

.line-2028-wel {
	line-height: 26px;
}

/* ----------------------------------------------------
福利厚生・制度一覧（共通 / PC）
---------------------------------------------------- */
.welSystem{ font-size: 14px; margin-top: -5em;}
.welSystem .welCaset{margin-top: min( 6.667vw , 100px );}
.welSystem .wl100{width: 100%;}
.welSystem .wl50{width: 46%;}
.welSystem aside{background-color: #ACCDCD; color: white; text-align: center;  display: block; width: min( 12vw , 180px );}
.welSystem h4{font-size: 24px; font-weight: 600; border-bottom: 1px solid #666666; margin-bottom: -1em;}
.welSystem h5{color: #e12879; ; padding: 0.5em 0 -0.1em 0;}
.welSystem h6{font-weight: 600;color: #000; font-size: 16px; font-weight: bold;}
.welSystem p{  margin-bottom: 0.8em;}
.welSystem ul {
  justify-content: flex-start; /* 左寄せに変更 */
  gap: 0.3%; /* 写真同士の間隔（お好みの値に調整してください） */
}
.welSystem ul li{width: 24%; margin: 0.2em 0; display: block;}
.welSystem ul li img {width: 100%;}
.welSystem ul li span{font-size: min( 1.067vw , 1.6rem ); color: #666666; line-height: 1.3; display: block;}


/* ----------------------------------------------------
福利厚生・制度一覧（スマホ）
---------------------------------------------------- */
@media (max-width: 767px) {
  .welSystem{padding-top: 8vw;}
  .welSystem .welCaset{margin-top: 24vw;}
  .welSystem .wl50{width: 100%;}
  .welSystem aside{font-size: 2.5vw; width: 30%;}

	.welSystem ul {justify-content: space-between; gap: 0;}
  .welSystem ul li{width: 48%; margin-bottom: 10px;}
  .welSystem ul li span{font-size: 2.5vw;}
}