.dl-area{
  position: relative;
  max-width: 950px;
   width: 100%;
   margin: 80px auto 200px;
}
.dl-w{
  font-size: 15px;
  line-height: 1.5em;
}
.dl-box{
  margin-bottom: 1em;
  margin-top: 60px;
background-color: #c9d1e0;
width: 100%;
display: flex;
align-items: center;
height: 80px;
font-size: 24px;
padding: 30px 30px;
box-sizing: border-box;
overflow: hidden;
}
.package-title a{
  pointer-events: none;
}
.ml-3 a{
  background-color: var(--brand-blue)!important;
}
.dl-area .w3eden{
margin-bottom: 100px;
}
.dl-area .w3eden .media {
    align-items: center;
}
@media screen and (max-width: 750px) {
.dl-w {
    font-size: 13px;
}

.package-title a {
    font-size: 16px;
  display: inline-block;   /* aタグをブロック扱いに */
  word-break: break-all;   /* 単語途中でも改行 */
  overflow-wrap: anywhere; /* 可能なところで改行 */
  white-space: normal;     /* 改行禁止を解除 */
  line-height: 1.4;        /* 行間を少し広めに */
}

.dl-area {
        margin: 0 auto;
      width: calc(100% - 40px); /* 左右20pxずつの余白を確保 */
    position: relative;
    max-width: 950px;
    margin: 80px auto 200px;
}
.dl-box {
      margin-top: 30px;
    height: 50px;
    font-size: 16px;}

.dl-area .w3eden {
    margin-bottom: 10px;
}
.dl-area .w3eden .media {
    align-items: center;
    flex-direction: column;
    gap: 10px;}
}