@charset "UTF-8";
/*フォームページのcss*/
/* 基本設定
------------------------------------------------------------*/
/* ブレイクポイント
-------------------
pc: 1201px;
tb: 991px;
sp: 767px;
*/

.order{
  position: relative;
margin:30px 0 20px 0; 

}
.order li{
  background: url('../../img/page/pc-form-process/process2.svg') no-repeat center center;
  width: 150px;
  height: 38px;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #888;
  font-size: 1.3rem;
  text-align: center;
  background-size:100% ;
  line-height: 1.3em;
}
.order li.on{
  background: url('../../img/page/pc-form-process/process2-on.svg') no-repeat center center; 
  background-size: 100%;
  color: #fff; 
}
.order li:first-of-type{
  background: url('../../img/page/pc-form-process/process1.svg') no-repeat center center; 
  background-size: 100%;
}
.order li.on:first-of-type{
  background: url('../../img/page/pc-form-process/process1-on.svg') no-repeat center center; 
  background-size: 100%;
  color: #fff; 
}
.order li:last-of-type{
  background: url('../../img/page/pc-form-process/process3.svg') no-repeat center center;  
  background-size: 100%;
}
.order li.on:last-of-type{
  background: url('../../img/page/pc-form-process/process3-on.svg') no-repeat center center;  
  background-size: 100%;
  color: #fff; 
}

/*order-blue*/
.order-blue li.on{
  background: url('../../img/page/pc-form-process/process2-on-blue.svg') no-repeat center center; 
  background-size: 100%;
  color: #fff; 
}
.order-blue li.on:first-of-type{
  background: url('../../img/page/pc-form-process/process1-on-blue.svg') no-repeat center center; 
  background-size: 100%;
  color: #fff; 
}
.order-blue li.on:last-of-type{
  background: url('../../img/page/pc-form-process/process3-on-blue.svg') no-repeat center center;  
  background-size: 100%;
  color: #fff; 
}


.form-horizontal{
  padding-bottom: 40px;
}

.auto-form-col .round_box-in{
  padding: 40px 20px 20px 20px;
}

.simu_title_1{
  margin-top: 40px;
}
.simu_title_1:first-of-type{
  margin-top: 0;
}

.page_data-col .plan-action a{
  font-size: 1.2rem;
}

/*simulation-cloud-result*/
.btn-wrap {
  text-align: center;
  padding-bottom: 40px; 
}
.simu_conf_bt_posi input.btn{
  margin: 0 auto 0 auto;
  width: 15em;
  font-size: 1.4rem;
  text-align: center;
  padding: 20px 0;
}
.send_confTxt{
  font-size: 1.5rem;
  color:#FF0000;
  background:#FFFFBD;
  padding: 10px;
  margin: 0 0 20px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .round_box{
    border-radius: 0;
    box-shadow: none;
  }
  .container{
    padding: 0;
  }
  .order{
    margin:30px 0 20px 0; 
  }
  .order li{
    background: url('../../img/page/sp-form-process/process2.svg') no-repeat center center;
    background-size: 100%;
  }
  .order li.on{
    background: url('../../img/page/sp-form-process/process2-on.svg') no-repeat center center; 
    background-size: 100%;
  }
  .order li:first-of-type{
    background: url('../../img/page/sp-form-process/process1.svg') no-repeat center center; 
    background-size: 100%;
  }

  .order li.on:first-of-type{
    background: url('../../img/page/sp-form-process/process1-on.svg') no-repeat center center;
    background-size: 100%;
  }
  .order li:last-of-type{
    background: url('../../img/page/sp-form-process/process3.svg') no-repeat center center;  
    background-size: 100%;
  }
  .order li.on:last-of-type{
    background: url('../../img/page/sp-form-process/process3-on.svg') no-repeat center center;   
     background-size: 100%;
  }

  .order-blue li.on{
    background: url('../../img/page/sp-form-process/process2-on-blue.svg') no-repeat center center; 
    background-size: 100%;
  }
  .order-blue li.on:first-of-type{
    background: url('../../img/page/sp-form-process/process1-on-blue.svg') no-repeat center center;
    background-size: 100%;
  }
  .order-blue li.on:last-of-type{
    background: url('../../img/page/sp-form-process/process3-on-blue.svg') no-repeat center center;   
     background-size: 100%;
  }

  .auto-form-col .round_box-in{
    padding: 10px 20px;
  }
  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0;
    padding-left: 0
  }
  .smf_margin {
    letter-spacing: -1px
  }
  .simu_conf_bt_posi input.btn{
    font-size: 1.2rem;
    padding: 20px 0;
    margin-bottom: 30px;
  }
}