@charset "UTF-8";
/* adp 250804 */

/* ─────────────────────────────
   safetySingle（新レイアウト専用スタイル）
   ───────────────────────────── */

.safetySingle{
  display:flex;
  align-items:flex-start;
  gap:40px;                     /* 横並び間隔。不要なら削除可 */
  margin-top:40px;              /* 旧と同じ */
  border:1px solid #000;        /* 色を合わせる */
  border-radius:25px;           /* 旧と同じ角丸 */
  box-sizing:border-box;        /* 念のため追加 */
  padding:46px 42px 40px;       /* 旧と同じ内余白 */
}

.safetySingle__photo{
  flex:0 0 260px;               /* 写真幅 */
}
.safetySingle__photo img{
  width:100%;
  height:auto;
  display:block;
}

.safetySingle__body{flex:1 1 auto;}

.safetySingle__head{
  display:flex;
  align-items:center;
  margin-bottom:18px;
}

.safetySingle__icon{
  width:50px;
  margin-right:12px;
}
.safetySingle__icon img{
  width:100%;
  height:auto;
  display:block;
}

.safetySingle__title{
    font-size: 20px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    letter-spacing: 0px;
    line-height: 1.45;
}

.safetySingle__text{
    font-size: 14px;
    font-weight: 300;
    color: rgb(0, 0, 0);
    letter-spacing: 0px;
    line-height: 1.78;
}

/* スマホ時 1 カラム */
@media screen and (max-width:768px){
  .safetySingle{
    flex-direction:column;
    gap:24px;
  }

  /* ★ ここを修正 ★ */
  .safetySingle__photo{
    flex:none;      /* 260px 高さ固定を解除 */
    width:100%;     /* または 60% など任意のパーセンテージ */
    margin:0 auto;  /* 60% などにした場合は中央寄せに便利（100% なら不要） */
  }

  .safetySingle__body{
    width:100%;
  }
}