/* sp mode */

body,
#body_wraper {
  width: 100%;
}
body {
  background-image: url(../images/bg_sp.jpg);
  height: 100%;
}
#body_wraper {
  padding-top: 20%;
  overflow-y: scroll;
  height: 80%;
}

.step_outer_wrapper .step_wrapper .step_title,
.step_outer_wrapper .step_wrapper .step_elements_wrapper {
  padding: 0;
}

#step_0 img {
  margin: 0;
  margin-bottom: 1em;
}


.step_outer_wrapper .step_wrapper {
  margin-top: 0;
  padding: 5%;
  border-radius: 10px;
  background: rgba(255,255,255,0.8);
}

.step_outer_wrapper .step_wrapper .step_title h2 {
  font-size: 80%;
  margin-bottom: 1em;
  text-align: left;
}

.step_outer_wrapper .step_wrapper .step_elements_wrapper .element_label span.select_title {
  width: 100%;
  display: block;
  font-size: 80%;
  color: #666;
  margin-bottom: 0.3em;
}
.step_outer_wrapper .step_wrapper .step_elements_wrapper .element_label span.select_title:after {
  content: ":";
}

#body_wraper .calc_result .step_elements_wrapper > div.move_btn input,
#body_wraper .calc_elements_wrapper > div.move_btn input {
  display: inline-block;
  margin: 0.5em 0;
}

}
#body_wraper .calc_result .step_elements_wrapper > div.move_btn input.sp_tel {
  display: inline-block;
}

#body_wraper .calc_result .step_elements_wrapper > div.move_btn input.sp_tel {
  display: inline-block;
}
#graph_sp {
  display: inherit;
  margin-top: 1em;
}
#to_sim,
#graph,
#tel {
  display: none;
}