.rules{
  background: url(../../img/repeat-bg.png) repeat center center;
}

.rules .container{
font-family: Meiryo, sans-serif; 
margin-bottom:0;
}
.rules h1{
 font-size:42px;
 color:#de6666;
 font-weight:bold;
}

.rules h3{
font-weight:bold;
font-size:20px;
color:#de6666;
}

.nm{
padding:0;
margin:0;
}

.white{
color:#fff !important;
}

.rules h2{
font-weight:bold;
}



.rules .wrapper p,.rules p{
font-size:18px;
color:#777;
text-align: left;
}

.rules .wrapper{
border:1px solid #cccccc;
display:inline-block;
width:100%;
background:#f8f8f8;

}

.rules .wrapper .header{
background:#de6666;
padding:15px 30px;
text-align: left;
 color: #fff;
}

.rules .wrapper p{
padding:0 30px;
}

.rules .wrapper p:last-child{
margin-bottom:20px;
}



.mt-20{
margin-top:20px;
}

.mb-20{
margin-bottom:20px;
}

.ml-20{
margin-left:20px;
}

.rules .inner-wrapper{
border:1px solid #de6666;
padding:0 50px;
background:#fff;
}

@media only screen and (max-width: 600px) {
.rules h1{
  font-size:30px;
}
.rules h2 {
  font-size: 25px;
}

.rules h3 {
  font-size: 18px;
}

.rules p{
  font-size:15px;
}

.rules .wrapper .header{
  padding:5px 10px;
}

.rules .wrapper p{
  padding:0 10px;
}

.rules .inner-wrapper{
padding:0 10px
}

}