/*form*/
/*ステップナビゲーション*/
#satori__creative_container p{
    font-size:1em;
  }
  
  .cp_stepflow02 {
    font-size: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1em 0 0;
    padding: 0;
  }
  .cp_stepflow02 > li {
    position: relative;
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    text-overflow: ellipsis;
    color: #b0bec5;
  
     -ms-flex: 1;
    -moz-flex: 1;
    -webkit-box-flex: 1;
         flex: 1;
  }
  .cp_stepflow02 > li .bubble {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto 0.5em;
    border-radius: 1000px;
    background-color: #b0bec5;
  }
  .cp_stepflow02 > li .bubble::after,
  .cp_stepflow02 > li .bubble::before {
    position: absolute;
    top: 9px;
    display: block;
    width: 100%;
    height: 3px;
    content: '';
    background-color: #b0bec5;
  }
  .cp_stepflow02 > li.completed,
  .cp_stepflow02 > li.completed .bubble {
    color: #8b9299;
  }
  .cp_stepflow02 > li.completed .bubble,
  .cp_stepflow02 > li.completed .bubble::after,
  .cp_stepflow02 > li.completed .bubble::before {
    background-color: #adb5bd;
  }
  .cp_stepflow02 > li.completed > .bubble + span::before {
    font-family: Fontawesome;
  }
  .cp_stepflow02 > li:last-child .bubble::after,
  .cp_stepflow02 > li:last-child .bubble::before {
    width: 0%;
    margin-right: 50%;
  }
  .cp_stepflow02 > li.active,
  .cp_stepflow02 > li.active .bubble {
    font-weight: bold;
    color: #dc3545;
  }
  .cp_stepflow02 > li.active .bubble,
  .cp_stepflow02 > li.active .bubble::after,
  .cp_stepflow02 > li.active .bubble::before {
    background-color: #fb8994;
  }
  
  .footer {
      background: #000;
      padding: 10px 20px;
      color: #707070;
  }
  @media screen and (max-width: 1024px){
    .footer {
        font-size: x-small;
    }
  }
  @media screen and (max-width: 470px){
    .footer {
        font-size: x-small;
    }
  }