@charset "UTF-8";
@font-face {
  font-family: 'iconfont';
  src: url(/assets/iconfont-6fc9e099885e55a21d6175fd98945ec65d697461506b3ebfcfd27df410512ac1.eot?m6q175);
  src: url(/assets/iconfont-6fc9e099885e55a21d6175fd98945ec65d697461506b3ebfcfd27df410512ac1.eot?m6q175#iefix) format("embedded-opentype"), url(/assets/iconfont-8f1278dd3310efef649a9aa3b67080f54e688de079a64b1e0b4ef8f55fc9903a.ttf?m6q175) format("truetype"), url(/assets/iconfont-fdc8a286f41fc60be9969900e9496475cc18f1a702aaf07db386bcf3a15512c0.woff?m6q175) format("woff"), url(/assets/iconfont-4653212e8e2441a78a422a2658cfdcac565d593cc5335a48e0c4fab33cc116be.svg?m6q175#iconfont) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 56, app/assets/stylesheets/contacts.scss */
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconfont' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 71, app/assets/stylesheets/contacts.scss */
.icon-link:before {
  content: "\e908";
}

/* line 74, app/assets/stylesheets/contacts.scss */
.icon-bottom:before {
  content: "\e900";
}

/* line 77, app/assets/stylesheets/contacts.scss */
.icon-check:before {
  content: "\e901";
}

/* line 80, app/assets/stylesheets/contacts.scss */
.icon-close:before {
  content: "\e902";
}

/* line 83, app/assets/stylesheets/contacts.scss */
.icon-left:before {
  content: "\e903";
}

/* line 86, app/assets/stylesheets/contacts.scss */
.icon-open:before {
  content: "\e904";
}

/* line 89, app/assets/stylesheets/contacts.scss */
.icon-right:before {
  content: "\e905";
}

/* line 92, app/assets/stylesheets/contacts.scss */
.icon-round:before {
  content: "\e906";
}

/* line 95, app/assets/stylesheets/contacts.scss */
.icon-small:before {
  content: "\e907";
}

/* line 100, app/assets/stylesheets/contacts.scss */
.form_table__item .require {
  background: #f75540;
  color: #fff;
  font-size: 13px;
  display: inline-block;
  padding: 0 6px;
  border-radius: 4px;
}

/* line 110, app/assets/stylesheets/contacts.scss */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 114, app/assets/stylesheets/contacts.scss */
*, :after, :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 120, app/assets/stylesheets/contacts.scss */
section.contents {
  margin-top: 30px;
  margin-left: 17%;
  margin-right: 17%;
}

/* line 126, app/assets/stylesheets/contacts.scss */
input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
}

/* line 135, app/assets/stylesheets/contacts.scss */
input[type=checkbox] {
  border: 1px solid #A4A5A6;
  border-radius: 3px;
}

/* line 140, app/assets/stylesheets/contacts.scss */
.form_table input[type="text"],
.form_table input[type="password"],
.form_table input[type="number"] {
  font-size: 1.4rem;
  height: 28px;
  line-height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 4px;
}

/* line 150, app/assets/stylesheets/contacts.scss */
.form_table input[id="contact_name"],
.form_table input[id="contact_phone_number"] {
  width: 50%;
}

/* line 156, app/assets/stylesheets/contacts.scss */
.form_table input[type="text"],
.form_table input[type="password"],
.form_table input[type="number"],
.form_table textarea {
  border: 1px solid #ccc;
  border-radius: 2px;
}

/* line 164, app/assets/stylesheets/contacts.scss */
.form_table textarea {
  height: 100px;
}

/* line 168, app/assets/stylesheets/contacts.scss */
ul.form_table {
  font-size: 15px;
}

/* line 172, app/assets/stylesheets/contacts.scss */
.form-section.return-button-section {
  text-align: center;
}

/* line 176, app/assets/stylesheets/contacts.scss */
.btn {
  cursor: pointer;
  border-radius: 3px;
  -webkit-box-shadow: 0px 4px 0px 0px #8fc31f;
          box-shadow: 0px 4px 0px 0px #8fc31f;
  color: #fff;
  display: block;
  font-size: 21px;
  height: 62px;
  line-height: 62px;
  margin: 0 auto;
  width: 350px;
  text-align: center;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

/* line 191, app/assets/stylesheets/contacts.scss */
.btn--apply {
  width: 230px;
  height: 45px;
  line-height: 24px;
  font-size: 18px;
  margin: auto;
  background-color: #a2ca4c;
}

/* line 200, app/assets/stylesheets/contacts.scss */
a.button-toppage {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 8px;
  background-color: #b3b3b3;
  -webkit-box-shadow: 0 4px #9a9a9a;
          box-shadow: 0 4px #9a9a9a;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 45px;
}

@media (min-width: 960px) {
  /* line 200, app/assets/stylesheets/contacts.scss */
  a.button-toppage {
    padding-right: 40px;
    padding-left: 40px;
    font-size: 2rem;
    line-height: 65px;
  }
}

/* line 224, app/assets/stylesheets/contacts.scss */
a.button-toppage:active {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

/* line 231, app/assets/stylesheets/contacts.scss */
.form_table__item {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  padding: 20px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 239, app/assets/stylesheets/contacts.scss */
.form_table__item__ttl {
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  width: 220px;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: bold;
  align-items: center;
}

/* line 253, app/assets/stylesheets/contacts.scss */
.form_table__item__ttl__right {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  text-align: right;
}

/* line 260, app/assets/stylesheets/contacts.scss */
.form_table__item__cnt {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

/* line 268, app/assets/stylesheets/contacts.scss */
.pristine {
  width: 300px;
}

/* line 272, app/assets/stylesheets/contacts.scss */
p {
  margin: 0;
  padding: 0;
}

/* line 277, app/assets/stylesheets/contacts.scss */
p {
  display: block;
  -webkit-margin-before: 0.7em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

/* line 284, app/assets/stylesheets/contacts.scss */
h2.subpage {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  letter-spacing: 3px;
}

@media (min-width: 960px) {
  /* line 284, app/assets/stylesheets/contacts.scss */
  h2.subpage {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}

/* line 299, app/assets/stylesheets/contacts.scss */
section.section-subpage {
  margin-right: 10px;
  margin-bottom: 60px;
  margin-left: 10px;
}

@media (min-width: 960px) {
  /* line 299, app/assets/stylesheets/contacts.scss */
  section.section-subpage {
    margin-bottom: 80px;
    line-height: 1.8;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 312, app/assets/stylesheets/contacts.scss */
section.section-subpage h3 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0099ff;
}

/* line 317, app/assets/stylesheets/contacts.scss */
section.section-subpage h4 {
  font-size: 2rem;
  margin-bottom: 10px;
}

/* line 322, app/assets/stylesheets/contacts.scss */
section.section-subpage .text-sm {
  margin-top: 10px;
  font-size: 75%;
}

/* line 327, app/assets/stylesheets/contacts.scss */
section.section-subpage table {
  width: 100%;
}

/* line 330, app/assets/stylesheets/contacts.scss */
section.section-subpage th, section.section-subpage td {
  display: block;
}

@media (min-width: 960px) {
  /* line 330, app/assets/stylesheets/contacts.scss */
  section.section-subpage th, section.section-subpage td {
    display: table-cell;
  }
}

/* line 336, app/assets/stylesheets/contacts.scss */
section.section-subpage th {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: left;
}

@media (min-width: 960px) {
  /* line 336, app/assets/stylesheets/contacts.scss */
  section.section-subpage th {
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    width: 25%;
    border-bottom: 1px solid #0099ff;
    vertical-align: top;
    font-weight: normal;
  }
}

/* line 354, app/assets/stylesheets/contacts.scss */
section.section-subpage td {
  padding-bottom: 20px;
  border-bottom: 1px solid #0099ff;
}

@media (min-width: 960px) {
  /* line 354, app/assets/stylesheets/contacts.scss */
  section.section-subpage td {
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
  }
}

/* line 368, app/assets/stylesheets/contacts.scss */
.text-revision {
  margin-right: 10px;
  margin-left: 10px;
  font-size: 1.2rem;
}

@media (min-width: 960px) {
  /* line 368, app/assets/stylesheets/contacts.scss */
  .text-revision {
    padding-bottom: 80px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 381, app/assets/stylesheets/contacts.scss */
.text-md {
  font-size: 1.4rem !important;
}

/* line 386, app/assets/stylesheets/contacts.scss */
section.section-contact .checkbox-group {
  display: inline-block;
  margin-left: 5px;
  padding-top: 5px;
}

/* line 392, app/assets/stylesheets/contacts.scss */
section.section-contact .form-block::after {
  content: "";
  display: block;
  clear: both;
}

@media (min-width: 960px) {
  /* line 398, app/assets/stylesheets/contacts.scss */
  section.section-contact .form-block label.label-text {
    width: 360px;
  }
}

@media (min-width: 960px) {
  /* line 403, app/assets/stylesheets/contacts.scss */
  section.section-contact .textarea-group {
    display: table;
  }
}

@media (min-width: 960px) {
  /* line 407, app/assets/stylesheets/contacts.scss */
  section.section-contact .textarea-group label {
    display: table-cell;
    vertical-align: top;
  }
}

@media (min-width: 960px) {
  /* line 413, app/assets/stylesheets/contacts.scss */
  section.section-contact .textarea-group textarea {
    display: table-cell;
  }
}

@media (min-width: 600px) {
  /* line 419, app/assets/stylesheets/contacts.scss */
  section.section-contact input.input-text {
    width: 100%;
  }
}

@media (min-width: 960px) {
  /* line 419, app/assets/stylesheets/contacts.scss */
  section.section-contact input.input-text {
    width: 360px;
  }
}

/* line 427, app/assets/stylesheets/contacts.scss */
section.section-contact span.label {
  border-radius: 0;
}

/* line 430, app/assets/stylesheets/contacts.scss */
section.section-contact textarea.input-textarea {
  padding: 10px;
  width: 100%;
  height: 100px;
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  font-size: 1.6rem;
}

@media (min-width: 600px) {
  /* line 430, app/assets/stylesheets/contacts.scss */
  section.section-contact textarea.input-textarea {
    width: 100%;
    margin-left: 3px;
    height: 200px;
  }
}

@media (min-width: 960px) {
  /* line 430, app/assets/stylesheets/contacts.scss */
  section.section-contact textarea.input-textarea {
    width: 500px;
  }
}

/* line 448, app/assets/stylesheets/contacts.scss */
section.section-contact input.contact-type {
  display: none;
}

/* line 451, app/assets/stylesheets/contacts.scss */
section.section-contact span.contact-label {
  position: relative;
  margin-right: 0;
  padding-left: 30px;
  font-weight: normal;
}

@media (min-width: 960px) {
  /* line 451, app/assets/stylesheets/contacts.scss */
  section.section-contact span.contact-label {
    font-size: 1.6rem;
  }
}

/* line 460, app/assets/stylesheets/contacts.scss */
section.section-contact span.contact-label::before {
  position: absolute;
  top: -3px;
  left: 0;
  display: block;
  width: 25px;
  height: 25px;
  border: 2px solid #e6e6e6;
  border-radius: 4px;
  content: "";
}

@media (min-width: 960px) {
  /* line 460, app/assets/stylesheets/contacts.scss */
  section.section-contact span.contact-label::before {
    top: -1px;
  }
}

/* line 474, app/assets/stylesheets/contacts.scss */
section.section-contact input.contact-type:checked + span.contact-label::after {
  position: absolute;
  top: -4px;
  left: 3px;
  color: #043786;
  content: "\e901";
  font-size: 1.8rem;
  font-family: 'iconfont';
}

/* line 536, app/assets/stylesheets/contacts.scss */
.wrap-form {
  padding-bottom: 20px;
  background-color: #fafafa;
}

/* line 541, app/assets/stylesheets/contacts.scss */
.form-section {
  padding-top: 20px;
  padding-bottom: 10px;
}

@media (min-width: 960px) {
  /* line 541, app/assets/stylesheets/contacts.scss */
  .form-section {
    padding-top: 50px;
    padding-bottom: 30px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 555, app/assets/stylesheets/contacts.scss */
.form-section.next {
  padding-right: 10px;
  padding-bottom: 0;
  padding-left: 10px;
  text-align: center;
}

@media (min-width: 960px) {
  /* line 555, app/assets/stylesheets/contacts.scss */
  .form-section.next {
    margin-top: -20px;
    margin-bottom: -20px;
  }
}

/* line 570, app/assets/stylesheets/contacts.scss */
.form-section.result {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (min-width: 960px) {
  /* line 570, app/assets/stylesheets/contacts.scss */
  .form-section.result {
    padding-top: 40px;
    padding-bottom: 20px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
}

/* line 585, app/assets/stylesheets/contacts.scss */
.form-section-title {
  margin-right: 10px;
  margin-left: 10px;
}

/* line 591, app/assets/stylesheets/contacts.scss */
.form-section-title h2 {
  display: inline-block;
  padding-left: 10px;
  margin-bottom: 10px;
  border-left: 4px solid #4eadd8;
  font-weight: bold;
  font-size: 2.3rem;
}

@media (min-width: 960px) {
  /* line 591, app/assets/stylesheets/contacts.scss */
  .form-section-title h2 {
    font-size: 3rem;
  }
}

/* line 606, app/assets/stylesheets/contacts.scss */
.form-section-title p.section-subtext-option {
  font-size: 1.8rem;
  font-weight: bold;
}

@media (min-width: 960px) {
  /* line 605, app/assets/stylesheets/contacts.scss */
  .form-section-title p.section-subtext {
    font-size: 2.2rem;
  }
}

/* line 617, app/assets/stylesheets/contacts.scss */
.flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 621, app/assets/stylesheets/contacts.scss */
.flex-container-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 629, app/assets/stylesheets/contacts.scss */
.flex-container-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

/* line 632, app/assets/stylesheets/contacts.scss */
.flex-container-pc-multiline {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
}

@media (min-width: 960px) {
  /* line 632, app/assets/stylesheets/contacts.scss */
  .flex-container-pc-multiline {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}

@media (min-width: 960px) {
  /* line 637, app/assets/stylesheets/contacts.scss */
  .flex-container-pc-multiline .flex-container-item {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 0 5px;
  }
}

@media (min-width: 960px) {
  /* line 647, app/assets/stylesheets/contacts.scss */
  form .inner {
    margin: 0 10px;
  }
}

/* line 652, app/assets/stylesheets/contacts.scss */
form .inner-center {
  text-align: center;
}

/* line 655, app/assets/stylesheets/contacts.scss */
form img {
  vertical-align: bottom;
}

/* line 658, app/assets/stylesheets/contacts.scss */
form .button-margin {
  margin-right: 10px;
  margin-left: 10px;
}

/* line 666, app/assets/stylesheets/contacts.scss */
form input:required {
  background-color: #ffffed;
}

/* line 671, app/assets/stylesheets/contacts.scss */
form input.input-disabled {
  display: none;
}

/* line 674, app/assets/stylesheets/contacts.scss */
form label.button {
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 4px;
  color: #999999;
  font-size: 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
  padding-left: 20px;
  border-radius: 6px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 4px #d9d9d9;
          box-shadow: 0 4px #d9d9d9;
  line-height: 45px;
  border: 1px solid #d9d9d9;
}

@media (min-width: 960px) {
  /* line 674, app/assets/stylesheets/contacts.scss */
  form label.button {
    padding-right: 40px;
    padding-left: 40px;
    font-size: 2rem;
    line-height: 65px;
  }
}

/* line 512, app/assets/stylesheets/contacts.scss */
form label.button:hover {
  cursor: pointer;
}

/* line 676, app/assets/stylesheets/contacts.scss */
form label.button.button-decoration-none {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* line 682, app/assets/stylesheets/contacts.scss */
form input[type="radio"]:checked + label.button,
form input[type="checkbox"]:checked + label.button {
  top: 4px;
  border-bottom: none;
  background-color: #8cc63f;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}

/* line 522, app/assets/stylesheets/contacts.scss */
form input[type="radio"]:checked + label.button::before,
form input[type="checkbox"]:checked + label.button::before {
  color: #fff;
}

/* line 687, app/assets/stylesheets/contacts.scss */
form input.form-default {
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 2px solid #e6e6e6;
  border-radius: 8px;
  font-size: 1.4rem;
}

@media (min-width: 960px) {
  /* line 687, app/assets/stylesheets/contacts.scss */
  form input.form-default {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 2rem;
  }
}

/* line 702, app/assets/stylesheets/contacts.scss */
form span.label {
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
  padding-top: 3px;
  padding-right: 8px;
  padding-bottom: 3px;
  padding-left: 8px;
  background-color: #f52d9d;
  color: #fff;
  font-weight: normal;
  font-size: 1.2rem;
  line-height: 1;
  white-space: nowrap;
}

@media (min-width: 960px) {
  /* line 702, app/assets/stylesheets/contacts.scss */
  form span.label {
    font-size: 1.6rem;
  }
}

/* line 725, app/assets/stylesheets/contacts.scss */
form .inner-plan {
  overflow: visible;
  padding-bottom: 40px;
}

@media (min-width: 960px) {
  /* line 725, app/assets/stylesheets/contacts.scss */
  form .inner-plan {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

/* line 732, app/assets/stylesheets/contacts.scss */
form .inner-plan .plan-wrap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  max-width: 460px;
  background-color: #fff;
  text-align: center;
}

@media (min-width: 960px) {
  /* line 732, app/assets/stylesheets/contacts.scss */
  form .inner-plan .plan-wrap {
    -ms-flex-preferred-size: 460px;
        flex-basis: 460px;
    margin-bottom: 0;
  }
}

/* line 747, app/assets/stylesheets/contacts.scss */
form .inner-plan .plan-wrap label.label-block:hover {
  cursor: pointer;
}

/* line 753, app/assets/stylesheets/contacts.scss */
form .submit-button-section {
  text-align: center;
}

/* line 757, app/assets/stylesheets/contacts.scss */
form .detail-content {
  padding: 20px;
}

@media (min-width: 960px) {
  /* line 757, app/assets/stylesheets/contacts.scss */
  form .detail-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px;
  }
}

/* line 766, app/assets/stylesheets/contacts.scss */
form .detail-content-top .device-image {
  text-align: center;
}

/* line 768, app/assets/stylesheets/contacts.scss */
form .detail-content-top .device-image img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* line 776, app/assets/stylesheets/contacts.scss */
form .detail-content-top table.device-data {
  margin-top: 20px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  font-size: 1.4rem;
}

@media (min-width: 960px) {
  /* line 776, app/assets/stylesheets/contacts.scss */
  form .detail-content-top table.device-data {
    font-size: 1.8rem;
  }
}

/* line 787, app/assets/stylesheets/contacts.scss */
form .detail-content-top table.device-data th {
  padding-right: 1em;
  text-align: right;
}

/* line 793, app/assets/stylesheets/contacts.scss */
form .detail-content-bottom {
  font-size: 1.4rem;
}

@media (min-width: 960px) {
  /* line 793, app/assets/stylesheets/contacts.scss */
  form .detail-content-bottom {
    margin-top: 30px;
    width: 554px;
    font-size: 1.8rem;
  }
}

/* line 800, app/assets/stylesheets/contacts.scss */
form .detail-content-bottom ul.simulation-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}

/* line 804, app/assets/stylesheets/contacts.scss */
form .detail-content-bottom ul.simulation-tab li {
  display: inline-block;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50%;
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #cccccc;
  color: #fff;
  text-align: center;
}

@media (min-width: 600px) {
  /* line 804, app/assets/stylesheets/contacts.scss */
  form .detail-content-bottom ul.simulation-tab li {
    -ms-flex-preferred-size: calc(25% - 3px);
        flex-basis: calc(25% - 3px);
    border: 0;
    border-radius: 4px 4px 0 0;
  }
}

@media (min-width: 600px) {
  /* line 823, app/assets/stylesheets/contacts.scss */
  form .detail-content-bottom ul.simulation-tab li + li {
    margin-left: 4px;
  }
}

/* line 828, app/assets/stylesheets/contacts.scss */
form .detail-content-bottom ul.simulation-tab li:hover {
  cursor: pointer;
}

/* line 831, app/assets/stylesheets/contacts.scss */
form .detail-content-bottom ul.simulation-tab li.is-active {
  background-color: #f52d9d;
}

/* line 839, app/assets/stylesheets/contacts.scss */
form input.input-default {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1.6rem;
  height: 38px;
}

/* line 845, app/assets/stylesheets/contacts.scss */
form input.input-default:focus {
  -webkit-box-shadow: 0 0 6px 0 #4eadd9;
          box-shadow: 0 0 6px 0 #4eadd9;
  outline: 0;
}

/* line 850, app/assets/stylesheets/contacts.scss */
form input.input-text {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 5px;
}

@media (min-width: 600px) {
  /* line 850, app/assets/stylesheets/contacts.scss */
  form input.input-text {
    display: inline-block;
  }
}

@media (min-width: 960px) {
  /* line 859, app/assets/stylesheets/contacts.scss */
  form input.input-lg {
    width: 430px;
  }
}

/* line 864, app/assets/stylesheets/contacts.scss */
form .select-wrap-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
}

@media (min-width: 960px) {
  /* line 864, app/assets/stylesheets/contacts.scss */
  form .select-wrap-flex {
    width: 670px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
  }
}

/* line 875, app/assets/stylesheets/contacts.scss */
form .select-wrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 5px;
}

/* line 879, app/assets/stylesheets/contacts.scss */
form .select-wrap::before {
  position: absolute;
  top: calc(50% - 6px);
  right: 15px;
  color: #b3b3b3;
  content: "▼";
  font-size: 1rem;
}

/* line 887, app/assets/stylesheets/contacts.scss */
form .select-wrap:first-child {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

/* line 891, app/assets/stylesheets/contacts.scss */
form select {
  width: 100%;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (min-width: 960px) {
  /* line 891, app/assets/stylesheets/contacts.scss */
  form select {
    font-size: 2rem;
  }
}

/* line 910, app/assets/stylesheets/contacts.scss */
form select:focus {
  -webkit-box-shadow: 0 0 6px 0 #4eadd9;
          box-shadow: 0 0 6px 0 #4eadd9;
  outline: 0;
}

/* line 917, app/assets/stylesheets/contacts.scss */
form .form-block label.label-text {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  font-weight: bold;
}

@media (min-width: 960px) {
  /* line 917, app/assets/stylesheets/contacts.scss */
  form .form-block label.label-text {
    width: 240px;
    padding: 5px 20px 0 0;
    white-space: nowrap;
    font-size: 1.6rem;
    float: left;
    text-align: right;
  }
}

@media (min-width: 960px) {
  /* line 934, app/assets/stylesheets/contacts.scss */
  form .form-block label.button {
    line-height: 50px;
  }
}

/* line 939, app/assets/stylesheets/contacts.scss */
form .form-block + .form-block {
  margin-top: 20px;
}

@media (min-width: 960px) {
  /* line 939, app/assets/stylesheets/contacts.scss */
  form .form-block + .form-block {
    margin-top: 40px;
  }
}

/* line 948, app/assets/stylesheets/contacts.scss */
form .form-section-title .alert-block {
  margin-top: 30px;
  color: #c71f1f;
  font-weight: bold;
}

@media (min-width: 960px) {
  /* line 948, app/assets/stylesheets/contacts.scss */
  form .form-section-title .alert-block {
    margin-top: 40px;
    font-size: 2.4rem;
  }
}

/* line 956, app/assets/stylesheets/contacts.scss */
form .form-section-title .alert-block img {
  vertical-align: text-bottom;
}

/* line 961, app/assets/stylesheets/contacts.scss */
form .infomation-device-section {
  border: 1px solid #b3b3b3;
  background-color: #fff;
}

@media (min-width: 600px) {
  /* line 961, app/assets/stylesheets/contacts.scss */
  form .infomation-device-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 2.2rem;
  }
}

/* line 969, app/assets/stylesheets/contacts.scss */
form .infomation-device-section .infomation-device-image {
  text-align: center;
}

@media (min-width: 600px) {
  /* line 969, app/assets/stylesheets/contacts.scss */
  form .infomation-device-section .infomation-device-image {
    width: 220px;
  }
}

/* line 975, app/assets/stylesheets/contacts.scss */
form .infomation-device-section .infomation-device-data {
  border-top: 1px solid #b3b3b3;
}

@media (min-width: 600px) {
  /* line 975, app/assets/stylesheets/contacts.scss */
  form .infomation-device-section .infomation-device-data {
    padding: 5px;
    border-top: none;
    border-left: 1px solid #b3b3b3;
    width: calc(100% - 220px);
  }
}

/* line 983, app/assets/stylesheets/contacts.scss */
form .infomation-device-section .infomation-device-data .device-name {
  background: transparent;
  padding: 0;
}

/* line 987, app/assets/stylesheets/contacts.scss */
form .infomation-device-section .infomation-device-data th {
  display: block;
  padding: 10px;
  min-width: 100px;
  vertical-align: top;
  text-align: left;
  font-size: 16px;
}

@media (min-width: 960px) {
  /* line 987, app/assets/stylesheets/contacts.scss */
  form .infomation-device-section .infomation-device-data th {
    display: table-cell;
    width: 140px;
    text-align: right;
    font-size: 18px;
  }
}

/* line 1001, app/assets/stylesheets/contacts.scss */
form .infomation-device-section .infomation-device-data td {
  display: block;
  padding: 10px;
  font-size: 16px;
}

@media (min-width: 960px) {
  /* line 1001, app/assets/stylesheets/contacts.scss */
  form .infomation-device-section .infomation-device-data td {
    display: table-cell;
    width: auto;
    font-size: 18px;
  }
}

/* line 1011, app/assets/stylesheets/contacts.scss */
form .infomation-device-section .infomation-device-data ul {
  margin-top: 1em;
  margin-bottom: 0;
  margin-left: 1em;
  list-style-type: disc;
}

@media (min-width: 960px) {
  /* line 1011, app/assets/stylesheets/contacts.scss */
  form .infomation-device-section .infomation-device-data ul {
    font-size: 90.9%;
  }
}

@media (min-width: 960px) {
  /* line 1025, app/assets/stylesheets/contacts.scss */
  form .infomation-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 2.2rem;
  }
}

@media (min-width: 960px) {
  /* line 1031, app/assets/stylesheets/contacts.scss */
  form .infomation-flexbox div {
    -ms-flex-preferred-size: 435px;
        flex-basis: 435px;
  }
}

/* line 1035, app/assets/stylesheets/contacts.scss */
form .infomation-flexbox div + div {
  margin-top: 20px;
}

@media (min-width: 960px) {
  /* line 1035, app/assets/stylesheets/contacts.scss */
  form .infomation-flexbox div + div {
    margin-top: 0;
  }
}

/* line 1042, app/assets/stylesheets/contacts.scss */
form .infomation-flexbox th {
  padding: 10px;
}

@media (min-width: 960px) {
  /* line 1042, app/assets/stylesheets/contacts.scss */
  form .infomation-flexbox th {
    padding: 15px;
  }
}

/* line 1048, app/assets/stylesheets/contacts.scss */
form .infomation-flexbox td {
  padding: 10px;
}

@media (min-width: 960px) {
  /* line 1048, app/assets/stylesheets/contacts.scss */
  form .infomation-flexbox td {
    padding: 15px;
  }
}

/* line 1056, app/assets/stylesheets/contacts.scss */
form .infomation-plan-block table {
  width: 100%;
  border: 1px solid #b3b3b3;
  background-color: #fff;
}

/* line 1061, app/assets/stylesheets/contacts.scss */
form .infomation-plan-block th {
  width: 50%;
  border-right: 1px solid #b3b3b3;
  background-color: #f2f2f2;
  text-align: left;
}

@media (min-width: 600px) {
  /* line 1061, app/assets/stylesheets/contacts.scss */
  form .infomation-plan-block th {
    width: 30%;
  }
}

@media (min-width: 960px) {
  /* line 1061, app/assets/stylesheets/contacts.scss */
  form .infomation-plan-block th {
    width: 44%;
  }
}

/* line 1076, app/assets/stylesheets/contacts.scss */
form .infomation-customer-block table {
  width: 100%;
  border: 1px solid #b3b3b3;
  background-color: #fff;
}

/* line 1081, app/assets/stylesheets/contacts.scss */
form .infomation-customer-block th {
  padding: 10px;
  text-align: left;
}

@media (min-width: 600px) {
  /* line 1081, app/assets/stylesheets/contacts.scss */
  form .infomation-customer-block th {
    width: 30%;
  }
}

@media (min-width: 960px) {
  /* line 1081, app/assets/stylesheets/contacts.scss */
  form .infomation-customer-block th {
    padding: 15px;
    width: 180px;
  }
}

/* line 1091, app/assets/stylesheets/contacts.scss */
form .infomation-customer-block th.table-header {
  padding: 10px;
  border-bottom: 1px solid #b3b3b3;
  background-color: #f2f2f2;
}

/* line 1098, app/assets/stylesheets/contacts.scss */
form .infomation-customer-block td {
  padding: 10px;
  border-left: 1px solid #b3b3b3;
}

@media (min-width: 960px) {
  /* line 1098, app/assets/stylesheets/contacts.scss */
  form .infomation-customer-block td {
    padding: 15px;
  }
}

/* line 1108, app/assets/stylesheets/contacts.scss */
form .information-price-block table {
  width: 100%;
  border: 1px solid #b3b3b3;
  background-color: #fff;
}

/* line 1113, app/assets/stylesheets/contacts.scss */
form .information-price-block th {
  width: 70%;
  border-right: 1px solid #b3b3b3;
  text-align: left;
}

/* line 1118, app/assets/stylesheets/contacts.scss */
form .information-price-block td {
  width: 30%;
  text-align: right;
}

/* line 1123, app/assets/stylesheets/contacts.scss */
form .information-price-block tr.table-header th {
  border-right: none;
  border-bottom: 1px solid #b3b3b3;
  background-color: #f2f2f2;
}

/* line 1128, app/assets/stylesheets/contacts.scss */
form .information-price-block tr.table-header td {
  border-bottom: 1px solid #b3b3b3;
  background-color: #f2f2f2;
  color: #999999;
  text-align: right;
  font-size: 80%;
}

/* line 1139, app/assets/stylesheets/contacts.scss */
form .infomation-month-block table {
  width: 100%;
  border: 1px solid #b3b3b3;
  background-color: #fff;
}

/* line 1145, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-header th {
  border-bottom: 1px solid #b3b3b3;
  background-color: #f2f2f2;
  text-align: left;
}

/* line 1150, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-header td {
  border-bottom: 1px solid #b3b3b3;
  background-color: #f2f2f2;
  color: #999999;
  text-align: right;
  font-size: 80%;
}

/* line 1159, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body div + div {
  margin-top: 0;
}

/* line 1162, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body .label {
  margin-bottom: 10px;
  padding: 0 5px;
  background-color: #999999;
  color: #fff;
  font-weight: bold;
  font-size: 90.9%;
}

/* line 1170, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body .cell-wrap {
  overflow: hidden;
}

/* line 1172, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body .cell-wrap span {
  display: inline-block;
  float: left;
}

/* line 1175, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body .cell-wrap span.name {
  width: 70%;
  font-weight: bold;
}

/* line 1179, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body .cell-wrap span.value {
  width: 30%;
  text-align: right;
}

/* line 1185, app/assets/stylesheets/contacts.scss */
form .infomation-month-block tr.table-body .total {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #b3b3b3;
  text-align: right;
  font-size: 109.9%;
}

/* line 1197, app/assets/stylesheets/contacts.scss */
form .error-msg-block {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
  background-color: #fae0e0;
  color: #c71f1f;
  text-align: left;
}

@media (min-width: 960px) {
  /* line 1197, app/assets/stylesheets/contacts.scss */
  form .error-msg-block {
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 30px;
    padding-left: 60px;
  }
}

/* line 1213, app/assets/stylesheets/contacts.scss */
form .error-msg-block ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1em;
  list-style-type: disc;
}

/* line 1222, app/assets/stylesheets/contacts.scss */
form input.error {
  background-color: #fae0e0 !important;
}

@media (min-width: 960px) {
  /* line 1226, app/assets/stylesheets/contacts.scss */
  form .inner-device.new-model {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 960px) {
  /* line 1230, app/assets/stylesheets/contacts.scss */
  form .inner-device.new-model .device-group {
    margin-right: 20px;
    margin-left: 20px;
  }
}

/* line 1238, app/assets/stylesheets/contacts.scss */
form .device-img-wrap {
  position: relative;
}

/* line 1241, app/assets/stylesheets/contacts.scss */
form .plan-name-label {
  position: absolute;
  bottom: -10px;
  left: 20px;
  padding: 3px 10px;
  background: #043786;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

/* line 1250, app/assets/stylesheets/contacts.scss */
form .plan-name-label.lowest-price-plan {
  background: #098471;
}

/* line 1255, app/assets/stylesheets/contacts.scss */
form .form-tips {
  color: #b3b3b3;
  font-weight: bold;
}

/* line 1260, app/assets/stylesheets/contacts.scss */
form :-moz-placeholder-shown {
  color: #b3b3b3;
}
form :-ms-input-placeholder {
  color: #b3b3b3;
}
form :placeholder-shown {
  color: #b3b3b3;
}

/* line 1263, app/assets/stylesheets/contacts.scss */
form ::-webkit-input-placeholder {
  color: #b3b3b3;
}

/* line 1266, app/assets/stylesheets/contacts.scss */
form ::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}

/* line 1269, app/assets/stylesheets/contacts.scss */
form :-ms-input-placeholder {
  color: #b3b3b3 !important;
}

/* line 1273, app/assets/stylesheets/contacts.scss */
form input[type="number"]::-webkit-outer-spin-button,
form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 1278, app/assets/stylesheets/contacts.scss */
form input[type="number"] {
  -moz-appearance: textfield;
}

/* line 1282, app/assets/stylesheets/contacts.scss */
form .input-complete {
  position: relative;
}

/* line 1284, app/assets/stylesheets/contacts.scss */
form .input-complete::before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  right: 9px;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #8cc63f;
}

/* line 1295, app/assets/stylesheets/contacts.scss */
form .input-complete::after {
  content: "\e901";
  font-family: 'iconfont';
  font-size: 1.4rem;
  display: block;
  position: absolute;
  top: 11px;
  right: 14px;
  color: #fff;
}