@charset "utf-8";

.overlap-container {
  display: flex;
  /* 重要：左右の高さを強制的に一致させる */
  align-items: stretch; 
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 20px;; /* セクション間の隙間をゼロに */
  padding: 0;
  position: relative;
  /* background-color: #f4f4f4; /* テキスト側と同じ色にすると隙間が見えなくなります */ 
}
.content-box{
    margin:5px 5px 5px 20px;
    padding:10px;
}
.bgi-md{
  background-color: rgba(255,255,255,0.5);
  background-repeat: no-repeat;
  background-position: calc(100% - 60px) 0px;
  /* 高さに合わせて縮小・拡大（横幅は自動調整） */
  background-size: auto 100%;
}

.link-wrapper{
  margin-left:auto;
  width:fit-content;
  background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width:755.98px) {
    .overlap-container {
     padding-bottom: 50px;
    }
    .content-box{
    margin:5px 5px 5px 20px;
    padding:10px;
  }

  .bgi-md{
    background-color: rgba(255, 255, 255, 0.6);
    background-repeat: no-repeat;
    background-position: 0px 70px;
    /* 高さに合わせて縮小・拡大（横幅は自動調整） */
    background-size: 100% auto;
    background-blend-mode: lighten;
  }
}