.column_01 article {
  width: 500px;
}

@media screen and (max-width: 980px) {
  .column_01 article {
    width: 39.68254rem;
  }
}

@media screen and (max-width: 500px) {
  .column_01 article {
    width: 100%;
  }
}

.column_01 figure {
  width: 500px;
  height: 307px;
  background-color: #dedede;
}

@media screen and (max-width: 980px) {
  .column_01 figure {
    width: 39.68254rem;
    height: 24.36508rem;
  }
}

@media screen and (max-width: 500px) {
  .column_01 figure {
    width: 100%;
    height: 46.66667vw;
  }
}

.column_02 figure {
  width: 1060px;
  height: 420px;
  background-color: #dedede;
}

@media screen and (max-width: 980px) {
  .column_02 figure {
    width: 87.30159rem;
    height: 33.33333rem;
  }
}

@media screen and (max-width: 500px) {
  .column_02 figure {
    width: 100%;
    height: 56vw;
  }
}

.column_03 article {
  width: 325px;
}

@media screen and (max-width: 980px) {
  .column_03 article {
    width: 25.79365rem;
  }
}

@media screen and (max-width: 500px) {
  .column_03 article {
    width: 100%;
  }
}

.column_03 figure {
  width: 325px;
  height: 307px;
  background-color: #dedede;
}

@media screen and (max-width: 980px) {
  .column_03 figure {
    width: 25.79365rem;
    height: 24.36508rem;
  }
}

@media screen and (max-width: 500px) {
  .column_03 figure {
    width: 100%;
    height: 46.66667vw;
  }
}

/*# sourceMappingURL=../../../../css-map/pages/case_studies/detail/column.css.map */