.picBox {
  position: relative;
  overflow: hidden;
}
/********************/
.Apic01 {
  width: 90%;
  position: relative;
  margin: 0 auto;
  z-index: 100;
  opacity: 1;
}
.Apic01 > img {
  position: relative;
  z-index: 100;
}
.Apic02 {
  position: relative;
  z-index: 110;
  width: 80%;
  margin: 0 auto -6% auto;
  opacity: 0;
}
/********************/
.Bpic01 {
  width: 90%;
  position: relative;
  margin: 0 auto;
  z-index: 100;
  opacity: 1;
}
.Bpic01 > img {
  position: relative;
  z-index: 100;
}
.Bpic02 {
  width: 92%;
  position: absolute;
  left: 4%;
  top: 16%;
  z-index: 110;
  opacity: 0;
}
/********************/
.Cpic01 {
  width: 84%;
  position: relative;
  margin: 0 auto;
  padding: 16% 0 0 0;
  z-index: 100;
  opacity: 1;
}
.Cpic02 {
  position: relative;
  z-index: 110;
  margin: 0 0 0 6%;
  width: 52%;
}
.Cpic03 {
  position: absolute;
  z-index: 120;
  right: 4.8%;
  bottom: 2%;
  width: 44%;
}
.Cpic04 {
  position: absolute;
  z-index: 130;
  right: 0%;
  top: 0%;
  width: 44%;
}
/********************/
.Dpic01 {
  width: 84%;
  position: relative;
  margin: 0 auto;
  padding: 0 0 13.2% 0;
  z-index: 100;
  opacity: 1;
}
.Dpic01 > img {
  position: relative;
  z-index: 100;
}
.Dpic02 {
  position: absolute;
  z-index: 110;
  width: 46%;
  right: 2%;
  bottom: 0%;
  opacity: 0;
}
/********************/
.Epic01 {
  width: 80%;
  position: relative;
  margin: 0 auto 6% auto;
  z-index: 100;
  opacity: 1;
}
.Epic02 {
  width: 66%;
  position: relative;
  margin: 0 auto;
  z-index: 100;
  opacity: 1;
}
/********************/
.spImg01 {
  display: inline-block;
  width: 1.1em;
  height: auto;
  margin: 0 0.3em 0 1em;
  vertical-align: baseline;
}
.spTable01 {
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  width: 100%;
}
.spTable01 .bgA01 {
  width: 45%;
  background: #7b34c6;
  color: #ffffff;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}
.spTable01 .bgA02 {
  width: 45%;
  background: #e1c4ff;
  color: #000000;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}
.spTable01 .bgB01 {
  width: 45%;
  background: #4d9600;
  color: #ffffff;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}
.spTable01 .bgB02 {
  width: 45%;
  background: #bce096;
  color: #000000;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}
.spTable01 .bgC01 {
  background: #e5e5e5;
  color: #000000;
  padding: 0.5em 0.4em;
  border-left: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  text-align: center;
  vertical-align: middle;
}
.spTable01 .txt01 {
  font-weight: bold;
  color: #d30000;
}
/********************/
@media screen and (min-width: 821px) {
}
@media screen and (min-width: 451px) and (max-width: 820px) {
}