/* font converted using font-converter.net. thank you! */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap');
/* font-family: 'Noto Sans JP', sans-serif; */

@font-face {
  font-family: "Misses";
  src: url("../fonts/Misses.eot"); /* IE9 Compat Modes */
  src: url("../fonts/Misses.oft"), /* IE9 Compat Modes */  
    url("../fonts/Misses.otf"); /* Open Type Font */
}

.container_card {
  position: relative;
  width: 100%;
}

.image_card {
  display: block;
  width: 100%;
  height: auto;
}

.overlay_card {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 40%;
  opacity: .7;
  transition: .5s ease;
  background-color: #000;
}

.text_card {
  color: white;
  font-size: 15px;
  line-height: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 46%;
  width: 80%;
 -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: left;
}