@charset "utf-8";

.dm {}

/* --------------------------------- merit */
#meritList h2 {
  position: relative;
  background: #fff3e8;
  padding: 0.4em 0.5em 0.2em 0.5em;
  border-left: solid 2em #ff7200;
  margin: 0 auto 15px;
  font-size: 2.4rem;
  color: #ff7c04;
}
#meritList h2::before {
  font-family: "FontAwesome";
  content:"\f219";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.55em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#meritList {
  background: #DEEBC4;
  background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
  padding: 1em;
}

#meritList .meritBlock {
  background-color: #fcf0f1;
  margin: 0 auto 15px;
  padding-bottom: 10px;
  position: relative;
}
#meritList .meritBlock:last-child {
  margin: 0;
}
#meritList .meritBlock h3 {
 background-color: #fcf0f1;
 color: #701722;
 padding: 10px 10px 5px;
 position: relative;
 line-height: 2;
}
#meritList .meritBlock h3::after{
 background: repeating-linear-gradient(-45deg, #f0b8bf, #f0b8bf 5px, #fcf0f1 0, #fcf0f1 10px);
 content: '';
 height: 5px;
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 z-index: 1;
}
#meritList .meritBlock .read {
  padding: 10px;
  margin: 0 10px;
  background-color: #FFF;
  border-radius: 5px;
  font-size: 1.4rem;
}
#meritList .meritBlock .read span {
  font-size: 1.8rem;
	color:#DE4095;
	font-weight:bold;
	text-align:left;
}