.content-body {
  font-size: 2rem;
}
.what-is-aqb {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.what-is-aqb-text-wrap {
  display: flex;
  flex-direction: column;
  width: 40%;
  padding-right: 20px;
}
.what-is-aqb-text-icon {
  margin: 0 auto;
}
.what-is-aqb-img {
  width: 35%;
}
.what-is-aqb-img img {
  width: 100%;
}
.text-inner.beads-intruduction-wrap {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
}
.beads-intruduction {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 8px;
  margin: 6px;
  box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
  text-align: center;
  width: 25%;
}
.beads-intruduction-img {
  margin-top: auto;
}
.beads-intruduction-img img {
  width: 100%;
}
.beads-intruduction h4 {
  font-size: 1.8rem;
}
.beads-intruduction p {
  padding: 4px 0;
/*  text-align: left;*/
}
section#about-howto {
  background: url(../img/howtoplay/bg_howto_01.jpg) center center no-repeat;
  background-size: cover;
}
.howto span {
  color: #f7299d;
  font-size: 2.5rem;
  font-weight: bold;
}
#about-howto span, #about-howto ol li {
  color: #fff;
}
	#about-howto ol{
		background-color: #ffffffc7; 
		padding: 23px; 
		border-radius: 10px; 
	}
	#about-howto ol li{
		color:#000!important;
	}
.content-body p, .content-body li {
  font-size: 1.5rem;
  line-height: 1.5;
}
section#about-howto .sec-inner .img ul.flow {
  justify-content: center;
}
section#about-howto .sec-inner .img:after {
  display: none;
}
.beads-model img {
  width: 100%;
}
.beads-model {
  margin: 10px;
  text-align: center;
  width: 50%;
}
ul.btn-normal {
  margin: 20px 0;
}
.flow li:last-child::before {
  display: none !important;
}
#secret {
	padding: 0 4% 4em;
}
#secret img{
	display: block;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
	}
	
@media only screen and (max-width: 768px) {
#secret {
    padding: 4%;
	}
	}
@media screen and (max-width: 820px) {
.beads-intruduction h4 {
  font-size: 1.6rem;
}
}
@media screen and (max-width: 480px) {
  #about-read .sec-inner .text-inner ol {
    font-size: 1.4rem;
  }
  .text-inner.beads-intruduction-wrap {
    width: 95%;
  }
  .beads-intruduction p {
    font-size: 1.1rem;
  }
  .beads-intruduction {
    padding: 10px;
    width: 46%;
    margin: 4px;
  }
  .what-is-aqb {
    flex-direction: column;
  }
  .what-is-aqb-text-wrap {
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
    padding-right: 0px;
  }
  .what-is-aqb-img {
    width: 90%;
    margin: 0 auto;
  }
  .beads-model {
    width: 80%;
  }
  .howto span {
    font-size: 2rem;
  }
  .beads-intruduction h4 {
    font-size: 1.3rem;
  }
}