/* blue */
/* otange */
/* green */
/* red */
/* --------------------------------------------------
	section size
-------------------------------------------------- */
.page-topics {
  position: relative;
  background: url("../images/common/bg_main.png") repeat-y center top;
  background-size: 100% auto !important;
}
@media screen and (max-width: 767px) {
  .page-topics {
    background: url("../images/common/bg_main_sp.png") repeat-y center top;
  }
}
.page-topics:after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../images/common/bg02_main.png") no-repeat center top;
  background-size: 100% auto !important;
}
@media screen and (max-width: 767px) {
  .page-topics:after {
    background: url("../images/common/bg02_main_sp.png") no-repeat center top;
  }
}

.page-topics {
  /* sec-topics
  ---------------------------------------------------------------------------- */
}
.page-topics .sec-topics {
  position: relative;
  padding-bottom: 11rem;
  box-sizing: border-box;
  z-index: 2;
}