.award-content {
  padding: 90px 60px 60px 60px;
}


.award-content-container {

  display: flex;
  flex-direction: column;
  flex-flow: column-reverse;

  width: 100%;
  margin-top: 20px;
  align-items: center;
  gap: 20px;
  border-radius: 16px;
  background: var(--White, #FFF);
  
  /* Default */
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);

}

.award-content-title {
  color: var(--Gray-600, #000);
  font-family: Noto Sans JP;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;

  display: block;
}

.award-content-desc {
  overflow: hidden;
  color: var(--Gray-600, #000);
  text-overflow: ellipsis;
  font-family: Noto Sans JP;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

  display: block;
  width: 100%;


}

.award-content-img {
  
  width: 100%;
  flex-shrink: 0;

  -webkit-transition: opacity 0.6s,-webkit-transform 1.2s cubic-bezier(0, 0.54, 0, 1);
  transition: opacity 0.6s,-webkit-transform 1.2s cubic-bezier(0, 0.54, 0, 1);
  -o-transition: opacity 0.6s,transform 1.2s cubic-bezier(0, 0.54, 0, 1);
  transition: opacity 0.6s,transform 1.2s cubic-bezier(0, 0.54, 0, 1);
  transition: opacity 0.6s,transform 1.2s cubic-bezier(0, 0.54, 0, 1),-webkit-transform 1.2s cubic-bezier(0, 0.54, 0, 1)

}



.award-content-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
  padding: 0 20px 20px 20px;

  width: 100%;
  
}

.award-content-right {

  width: 100%;
  overflow:hidden;
  border-radius: 8px 8px 0 0;

}

.award-content-a {

  display: block;
  -webkit-transition: opacity 0.4s cubic-bezier(0.2, 0.12, 0.2, 1);
  -o-transition: opacity 0.4s cubic-bezier(0.2, 0.12, 0.2, 1);
  transition: opacity 0.4s cubic-bezier(0.2, 0.12, 0.2, 1)

  

}

.award-content-a:hover {
  opacity: .4
  
}

.award-meta {

  width: 100%;
  background-color: #E9E9E9

}

.award-meta__visu {
  width: 100%;
  overflow: hidden;
  z-index: 0
}

.award-meta__visu:before {
  content: '';
  display: block;
  width: 100%;
  padding: 52.432% 0 0
}

@media screen and (min-width: 62.5em) {

  .award-content {
    padding: 90px 130px 100px 130px;
  }
  
  
  .award-content-container {
  
    display: flex;
    flex-direction: row;
  
    width: 100%;
    padding: 28px 40px;
    margin-top: 20px;
    align-items: center;
    gap: 40px;
    border-radius: 16px;
    background: var(--White, #FFF);
    
    /* Default */
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
  
  }
  
  .award-content-title {
    color: var(--Gray-600, #000);
    font-family: Noto Sans JP;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  
    display: block;
  }
  
  .award-content-desc {
    overflow: hidden;
    color: var(--Gray-600, #000);
    text-overflow: ellipsis;
    font-family: Noto Sans JP;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  
    display: block;
    width: 100%;
  
  
  }
  
  .award-content-img {
    
    width: 100%;
    flex-shrink: 0;
  
    -webkit-transition: opacity 0.6s,-webkit-transform 1.2s cubic-bezier(0, 0.54, 0, 1);
    transition: opacity 0.6s,-webkit-transform 1.2s cubic-bezier(0, 0.54, 0, 1);
    -o-transition: opacity 0.6s,transform 1.2s cubic-bezier(0, 0.54, 0, 1);
    transition: opacity 0.6s,transform 1.2s cubic-bezier(0, 0.54, 0, 1);
    transition: opacity 0.6s,transform 1.2s cubic-bezier(0, 0.54, 0, 1),-webkit-transform 1.2s cubic-bezier(0, 0.54, 0, 1)
  
  }
  

  
  .award-content-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    flex: 1 0 0;
  
    width: 60%;
    
  }
  
  .award-content-right {
  
    width: 40%;
    overflow:hidden;
    border-radius: 8px;
  
  }
  
  .award-content-a {
  
    display: block;
    -webkit-transition: opacity 0.4s cubic-bezier(0.2, 0.12, 0.2, 1);
    -o-transition: opacity 0.4s cubic-bezier(0.2, 0.12, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.2, 0.12, 0.2, 1)
  
    
  
  }
  
  .award-content-a:hover {
    opacity: .4
    
  }

  .award-meta {
    width: 65.69444%;
    margin: 0 auto;
    margin-bottom: 104px;
    /*-webkit-border-radius: .625rem .625rem 0 0;
    border-radius: .625rem .625rem 0 0;*/
    overflow: hidden;
    z-index: 0
  }

  .cd--meta__visu:before {
    padding: 52.43129% 0 0
  }

}