@charset "utf-8";

.dm {}

/* --------------------------------- top */
#catch {
  position: relative;
  background-image: url(../images/top/catch_bg.png);
  background-repeat: no-repeat;
  height: 415px;
}
#catch h2,
#catch .read,
#catch .illust,
#catch .ribon {
  position: absolute;
}
#catch h2 {
  top: 18px;
  left: 31px;
  z-index: 5;
}
#catch .read {
  top: 280px;
  left: 185px;
  z-index: 5;
}
#catch .illust {
  top: -10px;
  right: -20px;
}
#catch .ribon {
  top: -20px;
  left: -17px;
}

#reason {
  position: relative;
  background-image: url(../images/top/reason_bg.png);
  background-repeat: no-repeat;
  height: 400px;
}
#reason h2,
#reason .btn,
#reason .illust {
  position: absolute;
}
#reason h2 {
  top: -64px;
  left: 48px;
}
#reason .btn {
  top: 64px;
  left: 268px;
  z-index: 5;
}
#reason .btn a:hover {
  opacity: 0.8;
}
#reason .illust {
  top: -80px;
  right: -20px;
}

#merit {
  position: relative;
  background-image: url(../images/top/merit_bg.png);
  background-repeat: no-repeat;
  height: 319px;
}
#merit h2,
#merit .btn,
#merit .illust {
  position: absolute;
}
#merit h2 {
  top: 20px;
  left: 160px;
}
#merit .btn {
  top: 236px;
  right: 38px;
  z-index: 5;
}
#merit .btn a:hover {
  opacity: 0.8;
}
#merit .illust {
  top: -58px;
  left: -20px;
}