/*****************************************
*
* 企業の取り組み
*
******************************************/

/*------------------------------------------*/
/* レイアウト
/*------------------------------------------*/

@media screen and (min-width: 834px), print {
  .activity-box {
    display: flex;
    align-items: center;
  }

  .activity-box.reverse {
    flex-direction: row-reverse;
  }
}


/* 画像 --------------------------------*/
.activity-box figure img {
  width: 100%;
  border-radius: 20px;
}

@media screen and (max-width: 833px) {
  .activity-box figure {
    max-width: 320px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 834px), print {
  .activity-box figure {
    flex-shrink: 0;
    width: 50%;
    margin-right: calc(calc(80 / 1400) * 100vw);
  }

  .activity-box.reverse figure {
    margin-right: 0;
    margin-left: calc(calc(80 / 1400) * 100vw);
  }
}

@media screen and (min-width: 1400px), print {
  .activity-box figure {
    width: 640px;
    margin-right: 80px;
  }

  .activity-box.reverse figure {
    margin-right: 0;
    margin-left: 80px;
  }
}

/* 見出し --------------------------------*/
.activity-box .content {
  text-align: left;
}

.activity-box .content.certificate figure {
  width: 100%;
  margin-bottom: 20px;
}

.activity-box .content.certificate .text,
.activity-box .content.certificate .text-en {
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
}

@media screen and (max-width: 833px) {
  .activity-box .content.certificate figure {
    max-width: 320px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 834px), print {

  .activity-box .content.certificate .text,
  .activity-box .content.certificate .text-en {
    font-size: 0.9rem;
  }
}