/* add 20201027 */
ol.ouboflow {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 800px;
  margin: 0 auto; }
  ol.ouboflow li {
    list-style: none;
    border-bottom: 1px solid #555;
    padding: 1em;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    ol.ouboflow li .num {
      width: 50px;
      height: 50px;
      background: #f00;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 24px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 50%;
      font-weight: bold; }
    ol.ouboflow li h4 {
      line-height: 50px;
      padding-left: 1em; }

.cp-title {
  max-width: 800px;
  width: 90%;
  margin: 0 auto; }
  .cp-title img {
    width: 100%;
    height: auto; }

.top__layout__left {
  margin-left: 0; }

.toggle {
  display: none; }

.top {
  background-size: cover; }

.top__inner {
  padding-top: 32%; }

@media screen and (max-width: 1080px) {
  .the_content .btn--small {
    font-size: 300%; }
  .top {
    background: url(../img/top_bg_sp.jpg) no-repeat center center;
    background-size: cover; }
  .top__layout {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .top__layout__left, .top__layout__right {
    width: 100%;
    margin-bottom: 3em; }
  .top__inner {
    padding-top: 280%; }
  .sub__layout__left, .sub__layout__right {
    width: 100% !important;
    margin-bottom: 4em; }
  .sub__layout {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .toggle_content {
    display: none; }
  .toggle {
    max-width: 60%;
    margin: 0 auto;
    display: block;
    text-align: center;
    color: #fff;
    padding: 1em;
    font-size: 120%;
    font-weight: bold;
    font-size: 24px; }
    .toggle.active {
      display: none; } }