/*====================================================================
    
====================================================================*/
.box.caution {
  margin: 20px auto 0;
  padding: 20px;
}
.box.caution p {
  color: #E6558C;
  text-align: center;
  font-size: 24px;
}

div.msg.formend {
  margin: 0 auto 40px;
}

h2.hd {
  margin-bottom: 20px;
}

ul.status {
  *zoom: 1;
}
ul.status:before, ul.status:after {
  content: " ";
  display: table;
}
ul.status:after {
  clear: both;
}
ul.status li {
  width: 180px;
  border: 1px solid #EDEBE9;
  border-right: none;
  float: left;
}
ul.status li p {
  margin: 0px;
}
ul.status li p.h {
  height: 40px;
  line-height: 40px;
  background: #fbfbfb;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
ul.status li p.t {
  height: 64px;
  text-align: left;
  padding: 8px;
  overflow: hidden;
}
ul.status li.p1 {
  width: 155px;
}
ul.status li.p2 {
  width: 170px;
}
ul.status li.p3 {
  width: 170px;
}
ul.status li.p4 {
  width: 300px;
}
ul.status li.del {
  width: 100px;
}
ul.status li.del {
  border-right: 1px solid #EDEBE9;
}
ul.status li.del p.t {
  padding-top: 15px;
  text-align: center;
}
ul.status:last-child {
  margin-bottom: 40px;
}

/*====================================================================
    complete
====================================================================*/
.box.step {
  margin-bottom: 30px;
}
.box.step div.detail strong {
  color: #666666;
}
.box.step div.contactTel {
  margin: 20px 20px;
  padding: 20px;
  background: #fbfbfb;
}
.box.step div.contactTel p {
  text-align: center;
}

.box.step.p01 p.d {
  margin-bottom: 20px;
}

/*====================================================================
    SP
====================================================================*/
@media only screen and (max-width: 660px), only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .box.caution p {
    font-size: 16px;
  }

  .box.status {
    margin: 0 40px;
  }

  h2.hd {
    margin: 0 40px;
  }

  .box {
    margin: 0 40px;
  }

  ul.status {
    margin-bottom: 40px;
    *zoom: 1;
  }
  ul.status:before, ul.status:after {
    content: " ";
    display: table;
  }
  ul.status:after {
    clear: both;
  }
  ul.status li {
    width: 100%;
    border: 1px solid #EDEBE9;
    float: none;
  }
  ul.status li p {
    margin: 0px;
  }
  ul.status li p.h {
    border-bottom: 1px solid #cccccc;
    text-align: left;
    padding-left: 20px;
  }
  ul.status li p.t {
    height: auto;
    padding-left: 20px;
    overflow: hidden;
  }
  ul.status li.p1 {
    width: 100%;
  }
  ul.status li.p2 {
    width: 100%;
  }
  ul.status li.p3 {
    width: 100%;
  }
  ul.status li.p4 {
    width: 100%;
  }
  ul.status li.del {
    width: 100%;
  }
  ul.status li.del {
    border-right: 1px solid #EDEBE9;
  }
  ul.status li.del p.t {
    padding-top: 0px;
    text-align: center;
  }

  .box.step.p01 div.hd {
    height: 130px;
  }
  .box.step.p01 div.contactTel div.tel p.notes {
    font-size: 16px;
  }
}
/*====================================================================
    
====================================================================*/