#sec01,
#sec02,
#sec03 {
  .-title {
    display: flex;
    height: 8.75rem;
    margin-bottom: 1.87rem;
    line-height: 2;
    border-radius: 0.3125rem;
    box-shadow: 0 0 0.625rem 0 #E7DACD;
    overflow: hidden;
    &::after {
      content: '';
      flex: 1;
      background: url(../img/sec01-bg01.jpg) center / 110% no-repeat;
    }
    #sec02 &::after {
      background-image: url(../img/sec02-bg01.jpg);
    }
    #sec03 &::after {
      background-image: url(../img/sec03-bg01.jpg);
    }
    span {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      width: 25.625rem;
      background: #F78A23 url(../img/title-bg01.png) center / cover no-repeat;
      font-size: 1.5rem;
      font-weight: 700;
      color: #fff;
    }
  }
  .-links {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 2;
    column-gap: 0;
    border-top: max(1px, 0.0625rem) solid #F78A23;
    border-left: max(1px, 0.0625rem) solid #F78A23;
    li {
      .my-link01 {
        display: block;
        background: #fff;
        padding: 0.625rem 1.25rem;
        border-right: max(1px, 0.0625rem) solid #F78A23;
        border-bottom: max(1px, 0.0625rem) solid #F78A23;
      }
    }
  }
}

@media (max-width: 979.98px) {
  #sec01,
  #sec02,
  #sec03 {
    .-title {
      flex-direction: column;
      height: 17.5rem;
      &::after {
        background-size: auto 115%;
      }
      span {
        width: 100%;
        height: 8.75rem;
      }
    }
    .-links {
      column-count: 1;
    }
  }
}