@charset "UTF-8";
html, body {
  font-size: 13px; }

.rel {
  position: relative; }

.ab {
  position: absolute; }

.hover {
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -khtml-opacity: .8;
  -moz-opacity: 0.8; }

.in {
  width: 980px;
  margin: 0 auto; }

h2 {
  position: relative; }

#form_mcbase .flow {
  margin: 15px 0 20px; }
  #form_mcbase .flow li {
    width: 240px;
    float: left;
    text-align: center;
    background: #B6B6B6;
    height: 60px;
    line-height: 1.3;
    font-size: 14px;
    position: relative;
    color: #fff; }
    #form_mcbase .flow li:after {
      content: ' ';
      height: 0;
      position: absolute;
      width: 0;
      border: 30px solid transparent;
      border-left-color: #B6B6B6;
      left: 99.5%;
      top: 0px;
      z-index: 100; }
    #form_mcbase .flow li:first-child {
      border-radius: 5px 0px 0px 5px;
      -webkit-border-radius: 5px 0px 0px 5px;
      -moz-border-radius: 5px 0px 0px 5px; }
    #form_mcbase .flow li:last-child {
      border-radius: 0px 5px 5px 0px;
      -webkit-border-radius: 0px 5px 5px 0px;
      -moz-border-radius: 0px 5px 5px 0px; }
    #form_mcbase .flow li div {
      position: relative;
      right: -2px;
      height: 100%;
      width: 100%; }
      #form_mcbase .flow li div:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border: 35px solid transparent;
        border-left-color: #fff;
        left: 99%;
        top: -5px;
        z-index: 100; }
      #form_mcbase .flow li div p {
        padding-left: 10px;
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%); }
        #form_mcbase .flow li div p span {
          padding: 2px 5px;
          color: #fff;
          background: #828282;
          border-radius: 3px;
          margin-right: 3px;
          font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }
  #form_mcbase .flow .on_flow {
    background: #d40011;
    color: #fff; }
    #form_mcbase .flow .on_flow span {
      background: #333;
      color: #fff;
      font-weight: bold; }
    #form_mcbase .flow .on_flow:after {
      border-left-color: #d40011 !important; }
  #form_mcbase .flow .four:after {
    border: none !important;
    border-color: #fff; }
#form_mcbase .h2 {
  width: auto; }
#form_mcbase form table {
  border: 1px solid #dedede;
  border-collapse: collapse;
  width: 100%; }
  #form_mcbase form table th {
    width: 300px !important;
    text-align: left;
    padding: 20px;
    background: #eee;
    border: 1px solid #dedede;
    border-collapse: collapse;
    font-weight: normal; }
  #form_mcbase form table td {
    width: 660px !important;
    padding: 20px;
    border: 1px solid #dedede;
    border-collapse: collapse;
    background: #fff; }
    #form_mcbase form table td input[type="text"], #form_mcbase form table td textarea {
      border: 1px solid #ddd; }
    #form_mcbase form table td .box_radio li {
      margin-bottom: 20px;
      clear: both;
      width: 100%;
      height: auto;
      border: none;
      padding: 0; }
      #form_mcbase form table td .box_radio li .come {
        margin-left: 20px;
        padding-left: 12px; }
    #form_mcbase form table td .box_radio:last-child li {
      margin-bottom: 0; }
    #form_mcbase form table td .box_size .boxes {
      display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-basis: auto;
      -ms-flex-basis: auto;
      -webkit-flex-basis: auto;
      flex-shrink: 0;
      -ms-flex-shrink: 0;
      -webkit-flex-shrink: 0; }
      #form_mcbase form table td .box_size .boxes .txt, #form_mcbase form table td .box_size .boxes .box_num {
        margin: 0 5px; }
        #form_mcbase form table td .box_size .boxes .txt p, #form_mcbase form table td .box_size .boxes .box_num p {
          line-height: 1.3;
          width: 155px; }
        #form_mcbase form table td .box_size .boxes .txt .box, #form_mcbase form table td .box_size .boxes .box_num .box {
          display: block;
          width: 55px;
          height: 20px;
          background: #797979;
          color: #fff;
          padding: 2px 4px;
          margin-bottom: 10px;
          text-align: center; }
      #form_mcbase form table td .box_size .boxes + .boxes {
        margin-top: 30px; }
    #form_mcbase form table td .deli_ul li {
      width: auto;
      border: none; }
    #form_mcbase form table td #dely_ul02 {
      display: flex;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      flex-basis: auto;
      -ms-flex-basis: auto;
      -webkit-flex-basis: auto;
      flex-shrink: 0;
      -ms-flex-shrink: 0;
      -webkit-flex-shrink: 0; }
      #form_mcbase form table td #dely_ul02 .deli_radio + .deli_radio {
        margin-left: 20px; }
    #form_mcbase form table td #dely_ul03 label + label li {
      margin-top: 20px; }
    #form_mcbase form table td #dely_ul03 li .come {
      margin-left: 20px;
      padding-left: 12px; }
    #form_mcbase form table td .bd {
      border: none !important; }
  #form_mcbase form table .must .lbl, #form_mcbase form table .any .lbl {
    position: relative;
    padding-left: 50px;
    display: block;
    float: left; }
    #form_mcbase form table .must .lbl:after, #form_mcbase form table .any .lbl:after {
      display: block;
      text-align: center;
      position: absolute;
      width: 40px;
      height: 20px;
      line-height: 20px;
      color: #fff;
      margin-right: 5px;
      top: -2px;
      left: 0; }
  #form_mcbase form table .must .lbl:after {
    content: "必須";
    background: #d40011; }
  #form_mcbase form table .any .lbl:after {
    content: "任意";
    background: #117e55; }
  #form_mcbase form table.first-step {
    margin-bottom: 0 !important; }
    #form_mcbase form table.first-step .bg_wh {
      border: none; }
    #form_mcbase form table.first-step input[type="text"] {
      width: 170px;
      height: 23px;
      border: 1px solid #ccc; }
      #form_mcbase form table.first-step input[type="text"] + button {
        display: none; }
    #form_mcbase form table.first-step .box_size input[type="text"] {
      width: 80px; }
    #form_mcbase form table.first-step .box_size .size_txt {
      position: relative;
      top: 6px;
      margin-left: 5px; }
#form_mcbase form .ques {
  padding: 4px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #31b0b0;
  font-size: 0.8em;
  color: #fff;
  cursor: pointer; }
#form_mcbase form .hatena_box {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  padding: 25px;
  background: #fafafa; }
  #form_mcbase form .hatena_box .hatena {
    padding: 10px 10px 15px; }
    #form_mcbase form .hatena_box .hatena a {
      text-decoration: none;
      color: #333;
      font-weight: bold;
      font-size: 1.1em; }
      #form_mcbase form .hatena_box .hatena a .ques {
        margin-right: 5px; }
      #form_mcbase form .hatena_box .hatena a .ud_arw {
        color: #666; }
  #form_mcbase form .hatena_box .bg_wh {
    border: 1px solid #dedede;
    background: #fff;
    padding: 20px 30px; }
    #form_mcbase form .hatena_box .bg_wh h3 {
      padding: 10px 0;
      font-size: 1.1em;
      font-weight: normal; }
    #form_mcbase form .hatena_box .bg_wh .text {
      line-height: 1.5; }
      #form_mcbase form .hatena_box .bg_wh .text.pdf {
        text-align: right;
        margin-bottom: 15px; }
      #form_mcbase form .hatena_box .bg_wh .text + .h3 {
        margin-top: 15px; }
#form_mcbase form .sec_hatena .bg_wh {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-basis: auto;
  -ms-flex-basis: auto;
  -webkit-flex-basis: auto;
  flex-shrink: 0;
  -ms-flex-shrink: 0;
  -webkit-flex-shrink: 0; }
  #form_mcbase form .sec_hatena .bg_wh .right {
    margin-left: 20px;
    text-align: center; }
    #form_mcbase form .sec_hatena .bg_wh .right h4 {
      padding: 10px 0; }
    #form_mcbase form .sec_hatena .bg_wh .right .text {
      background: #fff4b1;
      padding: 25px 15px; }
#form_mcbase form .thir_hatena {
  border-bottom: 1px solid #dedede; }
#form_mcbase form #btns li {
  text-align: center;
  margin: 30px 0; }
#form_mcbase form #btns input[type="submit"] {
  visibility: hidden; }
#form_mcbase.step2 td {
  padding: 10px; }
#form_mcbase.step2 .kiyaku {
  margin: 40px 0 20px; }
  #form_mcbase.step2 .kiyaku h2 {
    font-size: 1.5em;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd; }
  #form_mcbase.step2 .kiyaku h3 {
    font-size: 1.3em; }
  #form_mcbase.step2 .kiyaku ol {
    padding: 0 20px; }
    #form_mcbase.step2 .kiyaku ol li {
      line-height: 1.5; }
#form_mcbase.step3 td .content .txt {
  border-right: 1px solid #dedede; }
#form_mcbase.step3 .ft-caut {
  margin-top: 15px; }

#form {
  margin-bottom: 60px;
  font-size: 15px; }

footer.page-footer #footer-inner .re-top {
  width: 980px;
  margin: 0 auto;
  text-align: right; }
footer.page-footer #footer-inner .navi {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #fff));
  background: -webkit-linear-gradient(top, #ededed 0, #fff 1);
  background: -moz-linear-gradient(top, #ededed 0, #fff 1);
  background: -o-linear-gradient(top, #ededed 0, #fff 1);
  background: -ms-linear-gradient(top, #ededed 0, #fff 1);
  background: linear-gradient(to bottom, #ededed 0, #fff 1);
  -pie-background: linear-gradient(to bottom, #ededed 0, #fff 1);
  padding: 15px 0; }
  footer.page-footer #footer-inner .navi nav {
    width: 980px;
    margin: 0 auto; }
    footer.page-footer #footer-inner .navi nav ul {
      clear: both;
      display: inline-block;
      position: relative;
      left: 50%;
      transform: translate(-50%, 0);
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0); }
      footer.page-footer #footer-inner .navi nav ul li {
        float: left;
        line-height: 2;
        padding-left: 10px; }
        footer.page-footer #footer-inner .navi nav ul li a {
          color: #333;
          text-decoration: underline; }
          footer.page-footer #footer-inner .navi nav ul li a:hover {
            text-decoration: none; }
      footer.page-footer #footer-inner .navi nav ul li + li {
        padding-left: 10px;
        position: relative; }
        footer.page-footer #footer-inner .navi nav ul li + li:after {
          position: absolute;
          top: 0;
          left: 0;
          content: "|"; }
footer.page-footer .foot-numbar {
  background: #333;
  clear: both;
  text-align: center;
  color: #fff;
  padding: 10px 0;
  line-height: 1.5; }

/*# sourceMappingURL=style.css.map */