.cin_ent{
  display: block;
  margin-bottom: 60px;
  margin-top: -70px;
  max-width: 100%;
  padding: 70px 3% 3%;
}

.all{
  width:100%;
}

.container {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  align-items:center;
  gap:10px;
}

.box{
  height:100%;
}

.box img {
  width: 100%;
  height: auto; 
  object-fit: contain;
}



.container_2{
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  align-items:center;
  gap:10px;
}


.box_2{
  height:100%;
}

.box_2 img {
  width: 100%;
  height: auto; 
  object-fit: contain;
}




.container_3 {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  align-items: stretch;
  gap:10px;
}

.container_sub{
  display: flex;
  flex-direction: column; /* 縦並び */
  justify-content: space-between;
  height:100%;
}



.box_3 {
  height:100%;
}


.box_3 img {
  width: 100%;
  height: 100%; 
}


.container_4{
  justify-content: center; /* 中央揃え */
  width: 80%;
  margin: 0 auto;
  align-items: center;
  gap:10px;
}
.pc-only {
  width: 100%;
  display: block;
}

.sp-only {
  display: none;
}


.box_4{
  width: 100%;
  text-align: center;
}

.box_4 img {
  width: 100%;
  height: auto;
}



@media screen and (max-width: 768px) {

  .cin_ttl{
    font-size: 1.5rem;
  }

  .cin_ent{
    padding: 4%;
  }
  .container, .container_2, .container_3, .container_4 {
    flex-direction: column;
    width: 90%; /* モバイルでは横幅を広げる */
    gap:0;
  }

  .container_sub {
    width: 100%;
  }

  .box, .box_2, .box_3, .box_4 {
    width: 100%;
    margin: 0; /* マージンをリセット */
  }

  .box img, .box_2 img, .box_3 img, .box_4 img {
    width: 100%;
    height: auto;
    margin: 0;
    
  }


  
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
/* 初期状態（透明） */
.box img,
.box_2 img,
.box_3 img,
.box_4 img {
  opacity: 0;
  transform: translateY(20px); /* 少し下から */
  transition: opacity 1s ease-out, transform 1s ease-out;
　will-change: opacity, transform; /* 最適化してスムーズに */
  }
/* フェードインしたらそのまま表示 */
.box img.fade-in,
.box_2 img.fade-in,
.box_3 img.fade-in,
.box_4 img.fade-in {
  opacity: 1;
  transform: translateY(0);
}




  ｝