@charset "UTF-8";
#content.lp #main.lp .BorderedBox {
  width: 100%;
}
#main p {
  margin-top: 0;
}
/* mainvisual */
.mainvisual img {
  vertical-align: middle;
}
.mainvisual .inner {
  margin: 0 auto;
  width: 1200px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_001.jpg") no-repeat center top #fff;
}
.mainvisual .inner .ofh p {
  float: left;
}
#main .mainvisual .inner .txt_01 {
  margin-bottom: 70px;
  text-align: center;
}
#main .mainvisual .inner .txt_02 {
  margin: 48px 50px 0 95px;
  font-size: 24px;
  line-height: 1.8em;
}
#main .mainvisual .inner .txt_02 span {
  color: #f08200;
  font-weight: bold;
}

/* selection_form */
.selection_form {
  margin: 0 auto;
  padding-bottom: 50px;
  width: 1200px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_002.png") no-repeat center top,
  url("/img/landing_page/req/process/bg_fd-q_1108_01_003.jpg") repeat center top;
}
.selection_form img {
  vertical-align: middle;
}
.selection_form p {
  color: #282828;
  font-size: 18px;
  line-height: 1.6em;
}

.selection_form h2 {
  margin-bottom: 100px;
  text-align: center;
}

/* box */
.selection_form .step_box {
  margin: 0 auto 60px;
  width: 970px;
}
.selection_form .step_box:not(.step_01) {
  display: none;
}
.selection_form .step_box .bd_inner {
  margin: 0 auto 60px;
  padding: 50px;
  width: 970px;
  border: 5px solid #3371bc;
  border-top: none;
  background: #fff;
}
.selection_form .pict_box {
  position: relative;
  padding: 18px 0 18px 200px;
  border: 2px solid #b6b6b6;
  border-radius: 4px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_005.png") no-repeat -10px center #ebebeb;
}
.selection_form .pict_box:before {
  position: absolute;
  bottom: 0;
  left: 10px;
  display: block;
  width: 139px;
  height: 98px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_006.png") no-repeat center center;
  content: "";
}
.selection_form .step_box .next_btn_box {
  margin-top: 50px;
  text-align: center;
}
.selection_form .step_box .next_btn_box span {
  display: inline-block;
  width: 381px;
  height: 54px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_007.png") no-repeat;
  background-position: center top;
  text-indent: -9999px;
}
.selection_form .step_box.btn_active .next_btn_box span {
  background-position: center bottom;
  cursor: pointer;
  transition: opacity 0.2s;
}
.selection_form .step_box.btn_active .next_btn_box span:hover {
  opacity: 0.8;
}

/* ttl */
.selection_form .step_box .now_stage {
  margin-bottom: 5px;
}
.selection_form .step_box .step_ttl {
  position: relative;
  overflow: hidden;
  padding: 27px 23px 20px 190px;
  background: #3371bc;
  color: #fff;
  text-align: left;
  font-weight: bold;
  font-size: 30px;
  line-height: 1em;
}
.selection_form .step_box .step_ttl .step {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 25px 23px;
  height: 100%;
  background: #45a0f3;
  vertical-align: middle;
}
.selection_form .step_box .step_ttl .step:after {
  position: absolute;
  top: 0;
  right: -20px;
  display: block;
  width: 0;
  height: 0;
  border-top: 39px solid #3371bc;
  border-right: 0 solid #3371bc;
  border-bottom: 39px solid #3371bc;
  border-left: 20px solid #45a0f3;
  content: "";
}

/* input */
.selection_form .type_text {
  position: relative;
}
.selection_form .type_text input[type="text"] {
  display: inline-block;
  padding: 10px 10px 8px;
  border: 1px solid #a9a9a9;
  color: #282828;
  vertical-align: bottom;
  font-size: 16px;
}
.selection_form .type_text .unit {
  display: inline-block;
  margin-left: 10px;
  color: #282828;
  font-size: 18px;
}
.selection_form .type_text .validate_err {
  position: absolute;
  top: 0;
  margin-left: 20px;
  padding: 10px 15px 7px;
  border: 2px solid #ff9797;
  border-radius: 3px;
  background: #fff;
  color: #f25252;
  white-space: nowrap;
}
.selection_form .type_text .validate_err:before {
  position: absolute;
  top: 13px;
  left: -6px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #ff9797;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #ff9797;
  background: #fff;
  content: "";
  transform: rotate(-45deg);
}
.selection_form .type_check input[type="checkbox"] {
  display: none;
}
.selection_form .type_check label {
  color: #282828;
  font-size: 18px;
  line-height: 1em;
  cursor: pointer;
}
.selection_form .type_check label:before {
  display: inline-block;
  margin-right: 13px;
  margin-bottom: 4px;
  width: 22px;
  height: 23px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_004.png") no-repeat;
  background-position: center bottom;
  color: #282828;
  content: "";
  vertical-align: middle;
  font-size: 18px;
  line-height: 1em;
}
.selection_form .type_check input[type="checkbox"]:checked + label:before {
  background-position: center top;
}

.selection_form .type_radio input[type="radio"] {
  display: none;
}
.selection_form .type_radio label {
  color: #282828;
  font-size: 18px;
  line-height: 1em;
  cursor: pointer;
}
.selection_form .type_radio label:before {
  display: inline-block;
  margin-right: 13px;
  margin-bottom: 4px;
  width: 22px;
  height: 23px;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_008.png") no-repeat;
  background-position: center bottom;
  color: #282828;
  content: "";
  vertical-align: middle;
  font-size: 18px;
  line-height: 1em;
}
.selection_form .type_radio input[type="radio"]:checked + label:before {
  background-position: center top;
}
.selection_form .type_select select {
  padding: 8px 10px;
  border: 1px solid #a9a9a9;
  background: url("/img/landing_page/req/process/bg_fd-q_1108_01_009.png") no-repeat right center #fff;
  color: #282828;
  font-size: 16px;
  cursor: pointer;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
::-ms-expand {
  display: none;
}

/* STEP1 */
.selection_form .step_01 .list_wrap {
  overflow: hidden;
  margin-bottom: 35px;
}
.selection_form .step_01 .list_wrap:after {
  display: block;
  clear: both;
  height: 1px;
  background-image: linear-gradient(to right, #ddd, #ddd 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, #ddd, #ddd 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-size: 5px 5px;
  content: "";
}
.selection_form .step_01 .list_wrap .col {
  float: left;
  margin-right: 25px;
  margin-bottom: 30px;
  width: 270px;
}
.selection_form .step_01 .list_wrap .col:last-of-type {
  margin-right: 0;
}
.selection_form .step_01 .list_wrap .col ul.bdb {
  margin-bottom: 20px;
}
.selection_form .step_01 .list_wrap .col ul.bdb:after {
  display: block;
  height: 1px;
  background-image: linear-gradient(to right, #ddd, #ddd 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-image: -webkit-linear-gradient(left, #ddd, #ddd 60%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%);
  background-size: 5px 5px;
  content: "";
}
.selection_form .step_01 .list_wrap .col ul li {
  margin-bottom: 12px;
}
.selection_form .step_01 .list_wrap .col ul.bdb li:last-of-type {
  margin-bottom: 20px;
}

/* STEP2 */
.selection_form .step_02 .d_table {
  width: 100%;
}
.selection_form .step_02 .d_table tr th {
  padding-top: 8px;
  padding-bottom: 20px;
  vertical-align: top;
  text-align: left;
  line-height: 1.2em;
}
.selection_form .step_02 .d_table tr td {
  padding-bottom: 20px;
  vertical-align: top;
  text-align: left;
}
.selection_form .step_02 .d_table tr td p {
  margin-left: 1em;
  text-indent: -1em;
}
.selection_form .step_02 .d_table tr td:last-of-type {
  vertical-align: middle;
}

/* STEP3 */
.selection_form .step_03 .inner_hidden {
  display: none;
}
.selection_form .step_03 .d_table {
  width: 100%;
}
.selection_form .step_03 .d_table tr th {
  padding-bottom: 20px;
  vertical-align: middle;
  text-align: left;
  line-height: 1.2em;
}
.selection_form .step_03 .d_table tr td {
  padding-bottom: 20px;
  vertical-align: top;
  text-align: left;
}
.selection_form .step_03 .d_table tr td p {
  margin-left: 1em;
  text-indent: -1em;
}

/* STEP5 */
.selection_form .step_05 .list_wrap {
  margin-bottom: 40px;
  padding-left: 70px;
}
.selection_form .step_05 .list_wrap dl {
  overflow: hidden;
}
.selection_form .step_05 .list_wrap dl dt,
.selection_form .step_05 .list_wrap dl dd {
  color: #282828;
  font-size: 18px;
  line-height: 1.6em;
}
.selection_form .step_05 .list_wrap dl dt {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 0;
  border-left: none;
  font-weight: normal;
}
.selection_form .step_05 .list_wrap dl dd {
  float: left;
  margin-top: 0;
  margin-bottom: 15px;
  margin-left: 1em;
  padding-left: 0;
  width: 370px;
  border-left: none;
}
.selection_form .step_05 .list_wrap dl dd.analog {
  float: none;
  margin-bottom: 25px;
}

/* common */
.selection_form .w92 {
  width: 92px !important;
}
.selection_form .w235 {
  width: 235px !important;
}
.selection_form .w270 {
  width: 270px !important;
}
.selection_form .w312 {
  width: 312px !important;
}
.selection_form .w420 {
  width: 420px !important;
}
.selection_form .w480 {
  width: 480px !important;
}
.selection_form .w590 {
  width: 590px !important;
}

.selection_form .fz15 {
  font-size: 15px !important;
}
.selection_form .cred {
  color: #ff3030 !important;
}