.section-partner {
  .bg-partner {
    background: url(/facetofes/2026/img/bg/bg-gradation-blue02.png) repeat-y top center / contain;
    @media screen and (max-width: 768px) {
      background: url(/facetofes/2026/img/bg/bg-gradation-blue02_sp.png) repeat-y top center / contain;
    }
    &::before {
      content: none;
    }
  }
  .partner-list {
    .partner-item {
      .partner-item-list {
        &.three-columns {
          gap: 40px 30px;
          @media screen and (max-width: 768px) {
            gap: 30px;
          }
        }
      }
      .partner-logo {
        text-align: left;
        @media screen and (max-width: 768px) {
          width: 100%;
        }
        a {
          display: flex;
          flex-direction: column;
          gap: 10px;
          @media screen and (max-width: 768px) {
            gap: 8px;
          }
          &:hover {
            color: inherit;
            .title p {
              color: var(--blue-primary);
            }
          }
          .partner-logo-image {
            border-radius: 16px;
            overflow: hidden;
            box-shadow: var(--ftf-shadow);
          }
          .partner-info {
            display: flex;
            flex-direction: column;
            gap: 10px;
            @media screen and (max-width: 768px) {
              gap: 8px;
            }
            h4 {
              font-size: 16px;
              font-weight: 400;
              @media screen and (max-width: 768px) {
                font-size: 14px;
              }
            }
            .tag {
              display: flex;
              flex-wrap: wrap;
              gap: 8px;
              @media screen and (max-width: 768px) {
                gap: 6px;
              }
              li {
                p {
                  background-color: var(--blue-primary);
                  color: var(--white);
                  padding: 4px 10px;
                  border-radius: 20px;
                  font-size: 12px;
                  font-weight: bold;
                  @media screen and (max-width: 768px) {
                    font-size: 10px;
                  }
                }
              }
            }
            .title {
              p {
                font-size: 22px;
                font-weight: bold;
                line-height: 1.4;
                @media screen and (max-width: 768px) {
                  font-size: 20px;
                }
              }
            }
            .text {
              font-size: 16px;
              @media screen and (max-width: 768px) {
                font-size: 14px;
              }
            }
          }
        }
      }
    }
  }
}