@charset "UTF-8";

.form-default {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden; }
  .form-default i {
    /* 必須マーク */
    color: #a70303;
    margin: 0 0.2em;
    position: relative;
    top: -0.1em; }
  .form-default p {
    margin-bottom: 1em; }
  .form-default a, .form-default input, .form-default *::before, .form-default *::after {
    /* Chromeでのホバー時のチラつきを防ぐ */
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
  .form-default input,
  .form-default button,
  .form-default textarea,
  .form-default select,
  .form-default label {
    /* デフォルトのスタイル解除 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border-radius: 0;
    outline: none;
    resize: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none; }
    .form-default input:hover,
    .form-default button:hover,
    .form-default textarea:hover,
    .form-default select:hover,
    .form-default label:hover {
      cursor: pointer; }
  .form-default input[type=text],
  .form-default input[type=tel],
  .form-default input[type=email],
  .form-default input[type=submit],
  .form-default input[type=button],
  .form-default button,
  .form-default textarea,
  .form-default select {
    /* iOSでフォーム入力時に拡大されるのを防ぐ（16px以上） */
    font-size: 16px;
    /* 表示したいフォントサイズを↑のフォントサイズで割る */
    -webkit-transform: scale(calc(14 / 16));
            transform: scale(calc(14 / 16));
    -webkit-transform-origin: left center;
            transform-origin: left center; }
    .form-default input[type=text] > input,
    .form-default input[type=tel] > input,
    .form-default input[type=email] > input,
    .form-default input[type=submit] > input,
    .form-default input[type=button] > input,
    .form-default button > input,
    .form-default textarea > input,
    .form-default select > input {
      -webkit-transform: scale(calc(16 / 14));
              transform: scale(calc(16 / 14)); }
  .form-default input, .form-default select {
    height: 2em;
    width: 100%;
    width: calc(16 / 14 * 100%); }
  .form-default input, .form-default textarea {
    border: solid 1px #999;
    padding: 0.25em .5em 0 .5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .form-default textarea {
    width: 100%;
    height: 150px;
    width: calc(16 / 14 * 100%); }
  .form-default select {
    border: solid 1px #999;
    padding: 0 0.5em; }
    .form-default select:before {
      content: 'a'; }
  .form-default input[type=checkbox] {
    /* チェックボックス */
    display: none; }
    .form-default input[type=checkbox] + label {
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 1.5em;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      display: inline-block;
      width: 100%; }
      .form-default input[type=checkbox] + label:before {
        content: '';
        width: 1em;
        height: 1em;
        display: inline-block;
        border: solid 1px #999;
        background: #FFF;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .form-default input[type=checkbox]:checked + label:after {
      content: '';
      width: 0.5em;
      height: 0.75em;
      display: block;
      border-right: solid 3px #333;
      border-bottom: solid 3px #333;
      position: absolute;
      left: 1px;
      top: calc(50% - 10px);
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      -webkit-transform-origin: bottom left;
              transform-origin: bottom left; }
  .form-default input[type=radio] {
    /* ラジオボタン */
    display: none; }
    .form-default input[type=radio] + label {
      position: relative;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 1.5em;
      margin-right: 0.75em; }
      .form-default input[type=radio] + label:before {
        content: '';
        width: 1em;
        height: 1em;
        display: inline-block;
        border: solid 1px #999;
        background: #FFF;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-radius: 50%; }
    .form-default input[type=radio]:checked + label:after {
      content: '';
      width: 0.5em;
      height: 0.5em;
      display: block;
      background: #333;
      border-radius: 50%;
      position: absolute;
      left: 0.25em;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
  .form-default .privacy {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 160px;
    font-size: 12px;
    border: 1px solid #999;
    padding: 10px;
    background: #D7D7D7;
    overflow: auto; }
  .form-default .additional {
    display: inline-block; }
  .form-default table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    /* サイトのフォントサイズを継承する */
    font-size: inherit; }
  .form-default tr {
    border-bottom: solid 1px #CCC; }
  .form-default th, .form-default td {
    padding: 1.5em 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    vertical-align: middle; }
  .form-default th {
    text-align: left;
    width: 37%;
    padding-right: 1em; }
  .form-default td {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
  .form-default .no-border {
    border: none; }
  .form-default .area_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 30px; }
  .form-default input[type=submit], .form-default button[type=submit] {
    height: 50px;
    background: #8BC34A;
    font-weight: 700;
    /* bold */
    color: #FFF;
    letter-spacing: 0.1em;
    border: solid 1px #558B2F;
    border-radius: 8px;
    width: 50vw; }
  .form-default input[type=button], .form-default button[type=reset] {
    background: #333;
    font-weight: 700;
    /* bold */
    color: #FFF;
    height: 50px;
    border-radius: 8px;
    width: 30vw; }

.form-confirm {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0; }
  .form-confirm .head {
    text-align: center;
    font-size: 150%;
    margin-bottom: 1em; }
  @media screen and (min-width: 769px) {
  .setOrder {
    color: #000; }
    .form-default .sm {
      display: none; }
      .form-default input, .form-default select {
        width: 200px; }
        .form-default input[type=checkbox] + label {
          width: 24.5%; }
      .form-default th {
        width: 20%; }
      .form-default td {
        width: 100%; }
      .form-default input[type=submit], .form-default button[type=submit] {
        width: 300px; }
      .form-default input[type=button], .form-default button[type=reset] {
        width: 150px; } }
  @media screen and (min-width: 961px) {
  .setOrder {
    color: #000; } }
  @media screen and (max-width: 768px) {
  .setOrder {
    color: #000; }
      .form-default .additional {
        margin-top: 1em; }
      .form-default input[type=submit], .form-default button[type=submit] {
        font-size: 15px; }
  .sp-vertical tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em; }
  .sp-vertical th, .sp-vertical td {
    width: 100%;
    padding: 0; }
  .sp-vertical th {
    font-size: 120%;
    font-weight: 700;
    /* bold */
    padding-bottom: 0.5em;
    letter-spacing: 0.05em; }
    .sp-vertical th br {
      display: none; }
  .sp-vertical .additional {
    width: 100%; }
  .sp-vertical input[type=radio] + label, .sp-vertical input[type=checkbox] + label {
    width: 49%; } }
  @media screen and (max-width: 1000px) {
    .form-default {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding-left: 15px;
      padding-right: 15px; } }
  @media all and (-ms-high-contrast: none) {
    .form-default {
      /* IE11 */ }
      .form-default *::-ms-backdrop, .form-default input[type=checkbox] + label:before {
        top: 5px; }
      .form-default *::-ms-backdrop, .form-default input[type=checkbox]:checked + label:after {
        top: -5px !important; }
      .form-default *::-ms-backdrop, .form-default input[type=radio] + label:before {
        top: 7px; }
      .form-default *::-ms-backdrop, .form-default input[type=radio]:checked + label:after {
        top: 8px !important;
        left: 3px !important; }
      .form-default *::-ms-backdrop, .form-default button {
        margin: 0 10px; } }