/* supporter */
.company-item{
    display:flex;
    margin-bottom:4%;
    width:100%;
  }
  .company-item__logo{
    width:12%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2%;
    border:1px solid #ddd;
  }
  .company-item__logo img {
    max-width: 96%;
    max-height: 96%;
    object-fit: contain;
  }
  .company-item__info{
    padding-left: 2%;
    width:24%;
  }
  .company-item__info-title a{
    font-weight:bold;
    font-size: clamp(16px, 2vw, 20px);
  }
  .company-item__info-url{
    text-decoration:underline;
    font-size: clamp(12px, 2vw, 16px);
  }
  .company-item__info-url:hover{
    text-decoration:none;
  }
  .company-item__desc{
    padding-left: 2%;
    width:40%;
  }
  .company-item__photo{
    padding-left: 2%;
    width:10%;
    display:flex;
    justify-content:center;
    align-items:center;
  }
  

  /* detail */
  .project-grid .project-card.type-image-empty {
    display: none;
  }
  .project-detai-container.type-support-detail{
    .company-item{
      margin-bottom: 0;
      align-items: center;
      min-height: 100px;
    }
    .company-item__logo{
      width:30%;
      border:none;
      aspect-ratio:inherit;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100%;
    }
    .company-item__logo img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
    }
    .company-item__info{
      padding-left: 2%;
      width:68%;
    }
    .company-item__info-title a{
      font-weight:bold;
      font-size: clamp(16px, 2vw, 20px);
    }
    .company-item__info-url{
      text-decoration:underline;
      font-size: clamp(12px, 2vw, 16px);
    }
    .company-item__info-url:hover{
      text-decoration:none;
    }
    .company-item__desc{
      padding-left: 2%;
      width:40%;
    }
    .company-item__photo{
      padding-left: 2%;
      width:10%;
      display:flex;
      justify-content:center;
      align-items:center;
    } 
  

    .project-sidebar {
        width: 38%;
        box-sizing: border-box;
        background-color:transparent;
        padding: 0;
        /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
        box-shadow:none;
        border-radius: 0px;
        align-self: flex-start;
      }
      
      .project-sidebar--sticky {
        position: relative;
        top: 0px;
        right:0;
        max-height: inherit;
        overflow-y: auto;
      }
      
      @media (max-width: 1024px) {
        .project-sidebar {
          width: 100%;
          min-width: auto;
          position: static;
        }
      }

      .project-sidebar__inner{
        padding:0;
      }
      .project-card{
        margin-bottom: 50px;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.10);
      }
      .project-card__content{
        background-color:#fff;
        padding:0px 30px 30px;
      }

      .project-card__image{
        border-radius:6px 6px 0px 0px;
      }
      .project-card__stats{
        display: none;
      }
      .project-card.type-image-empty{
        display: none;
      }
    
    .project-sidebar__location {
      color: #fff;
      font-weight: bold;
      background: var(--colorLightBase);
      width: 100%;
      box-sizing: border-box;
      border-radius: 6px;
      padding: 20px 20px;
      text-align: center;
      background: var(--colorGold);
      font-size: clamp(16px, 2vw, 20px);
      line-height: 1;
      color: #fff;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
  }


      /* background-color: var(--colorLightBase);
        padding: 8px 20px;
        border-radius: 6px 0 0 0;
        display: inline-block;
        margin-bottom: 15px;
        color: #fff;
        font-size: clamp(16px, 2.5vw, 18px); */
      }

      .project-card__location--link{
        
      }

      .project-card__title-link {
        font-size: clamp(16px, 2vw, 22px);
        margin-bottom: 1em;
      }
    
      .project-card__min-title {
        font-size: clamp(12px, 2vw, 14px);
        margin-bottom: 15px;
        line-height: 1.7;
      }
    



} /**/