@charset "utf-8";

/*-- egutam --*/

article h2 {padding:0;}
section {margin-bottom:0;}
.contentsBox h2 {font-size:2rem;}
#mainImage .row, #mainImage div[class*="col-"] {padding:0;}
#colorBox {
  background:#333;
  padding:30px;
}
#colorBox h2, #colorBox p {color:#fff !important;}
#descriptionBox {
  margin:30px auto;
  align-items:center;
}
#descriptionBox h3 {margin:60px 0;}
#descriptionBox .row {margin-bottom:30px;}
#descriptionBox p {text-align:justify;}
#colorBox ul, #mainImage ul {
  margin-top: -2.5%;
  line-height: 100%;
  margin-left: 7%;
  font-size: 1.1rem;
}
#howtoBox {
  background:#f6f4ef;
  padding:20px 40px;
}
#howtoBox ul, #infoBox ul {padding: 0;}
#howtoBox ul li, #infoBox ul li {
  font-size:1.2rem;
  line-height: 1.6;
}
#howtoBox ul li:before, #infoBox ul li:before {
content:"●";
margin-right:5px;
line-height:100%;
}
#howtoBox ul li {
  color: #54433a;
  font-size: 1.2rem;
  line-height: 1.6;
}
#howtoBox .strong {
  color:#a4005b;
  border-bottom:3px solid #a4005b;
  font-size:1.4rem;
  font-weight:600;
  line-height:1.6;
}
#colorBox p, #mainImage p {margin-bottom:0;} 
.big_bold {
font-size: 1.2rem;
margin-top: 5% !important;
font-weight: 600;
}

@media screen and (max-width: 979px) {
  #descriptionBox h2 {text-align:left;}
  #descriptionBox div[class*="col-"] {margin:30px 10px 0;}
  h3 img, #descriptionBox div[class*="col-"] img {
    display:block;
    margin:auto;
  }
}
#infoBox p {margin-bottom:0;} 
.big_bold {
font-size: 1.2rem;
margin-top: 5% !important;
font-weight: 600;
}