div.contents20210917outer div.contents_style {
  position: relative;
}

div.contents20210917outer div.contents_style div.color_title {
  position: absolute;
  top: 5%;
  left: 5%;
}

div.contents20210917outer div.contents_style div.color_title p {
  font-family: 'Caveat', cursive;
  font-size: 70px;
  letter-spacing: 2px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

div.contents20210917outer div.contents_style div.color_title.beige {
  left: 30%;
}

@media screen and (max-width: 640px) {
  div.contents20210917outer div.contents_style div.color_title.beige {
    left: 60%;
  }
}

div.contents20210917outer div.contents_style div.color_title.beige p {
  color: beige;
  -webkit-text-stroke: 1px black;
}

div.contents20210917outer div.contents_style div.color_title.white p {
  color: #fff;
  -webkit-text-stroke: 1px black;
}

div.contents20210917outer div.contents_style div.color_title.yellow p {
  color: #ddce52;
}

div.contents20210917outer div.contents_style div.color_title.green p {
  color: #00997b;
}

div.contents20210917outer div.contents_style div.color_title.purple p {
  color: #865aa9;
}
/*# sourceMappingURL=0311recommend.css.map */