@charset "UTF-8";
/* Scss Document */
/* Scss Document */
.contact {
  margin: 0;
  padding: 0; }
  .contact__intro {
    margin: 0;
    padding: 0; }
    .contact__intro--red {
      margin: 10px 0 0;
      color: #e60012;
      display: block; }
  .contact__message {
    text-align: center; }

.formTable {
  width: 100%;
  margin: 50px 0 0;
  padding: 0;
  border-collapse: collapse; }
  .formTable__th, .formTable__td {
    line-height: 2.0;
    border: 1px solid #231815;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .formTable__th {
    width: 30%;
    padding: 20px 90px 20px 30px;
    font-weight: 600;
    text-align: left;
    background-color: #ccecfb;
    border-right: none;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .formTable__th--required {
      width: 40px;
      height: 20px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
      font-style: normal;
      line-height: 1.0;
      color: #FFF;
      background-color: #e60012;
      position: absolute;
      top: 50%;
      right: 30px;
      -moz-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
  .formTable__td {
    padding: 20px 30px;
    background-color: #FFF;
    border-left: none; }
    .formTable__td[colspan="2"] {
      padding: 20px 30px 30px;
      border-left: 1px solid #231815; }
    .formTable__td--agree {
      font-size: 1rem;
      text-align: center; }
    .formTable__td--txt {
      margin: 0 0 10px; }
    .formTable__td--privacy {
      width: 800px;
      height: 220px;
      padding: 30px;
      margin: 20px auto 0;
      overflow-y: scroll;
      border: 1px solid #CCC;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .formTable__td--privacy p {
        font-size: 0.875rem; }
    .formTable__td--check {
      margin: 30px 0 0;
      line-height: 1.0;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center; }
      .formTable__td--check label:hover {
        cursor: pointer; }
      .formTable__td--check input[type=checkbox] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        appearance: checkbox;
        width: 14px;
        height: 14px;
        padding: 0;
        border: 1px solid #CCC;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .formTable__td input.itext,
    .formTable__td input.p-region,
    .formTable__td input.p-extended-address {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      height: 50px;
      font-size: 1rem;
      background-color: #f3f3f3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formTable__td input.p-postal-code {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 250px;
      height: 50px;
      font-size: 16px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      background-color: #f3f3f3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formTable__td input.p-region,
    .formTable__td input.p-extended-address {
      margin: 20px 0 0; }
    .formTable__td input.small {
      width: 150px;
      margin-right: 5px; }
    .formTable__td input[type=radio] {
      appearance: auto; }
    .formTable__td label {
      margin-right: 10px;
      display: inline-block; }
    .formTable__td textarea {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      height: 300px;
      font-size: 16px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      background-color: #f3f3f3;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .formTable__td .selectBox {
      width: 250px; }
    .formTable__td select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      height: 50px;
      padding: 0;
      font-size: 16px;
      font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Meiryo UI", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
      display: block;
      background-color: #f3f3f3;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .formTable__td select:hover {
        cursor: pointer; }
    .formTable__td .p_code a {
      margin: 0 0 0 20px;
      padding: 4px 20px;
      color: #FFF;
      font-size: 0.9375rem;
      display: inline-block;
      background-color: #90c31f;
      border: 1px solid #90c31f;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      transition: 0.1s linear;
      position: relative; }
      .formTable__td .p_code a:hover {
        color: #90c31f;
        text-decoration: none;
        background-color: #FFF;
        bottom: 2px;
        -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
        -moz-box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px;
        box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.06) 0px 4px 2px, rgba(0, 0, 0, 0.06) 0px 8px 4px, rgba(0, 0, 0, 0.06) 0px 16px 8px, rgba(0, 0, 0, 0.06) 0px 32px 16px; }

@media (max-width: 960px) {
  .formTable__th, .formTable__td {
    width: 100%;
    display: block; }
    .formTable__th--privacy, .formTable__td--privacy {
      width: 100%; }
  .formTable__th {
    border-right: 1px solid #231815;
    border-bottom: none; }
  .formTable__td {
    border-left: 1px solid #231815; }
  .formTable__tr:not(:last-of-type) .formTable__td {
    border-bottom: none; } }
@media (max-width: 600px) {
  .formTable__th {
    padding: 20px 80px 20px 20px; }
    .formTable__th--required {
      right: 20px; }
  .formTable__td {
    padding: 20px; }
    .formTable__td[colspan="2"] {
      padding: 20px 20px 30px; } }
.formBtn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 360px;
  height: 90px;
  overflow: hidden;
  margin: 60px auto 0;
  padding: 0;
  color: #FFF !important;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #90c31f;
  border: 1px solid #90c31f;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  transition: 0.1s cubic-bezier(0.25, 1, 0.5, 1); }
  .formBtn span {
    padding: 0 30px 0 0;
    background-image: url("../img/common/ico05.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 20px; }
  .formBtn:hover {
    cursor: pointer;
    color: #90c31f !important;
    text-decoration: none;
    background-color: #FFF;
    top: 1px;
    left: 1px; }
    .formBtn:hover span {
      background-image: url("../img/common/ico05_green.svg"); }
  .formBtn.back {
    background-color: #999;
    border: 1px solid #999; }
    .formBtn.back span {
      min-height: 20px;
      background-image: url("../img/common/ar04.svg");
      background-size: 24px 20px; }
    .formBtn.back:hover {
      color: #999 !important;
      background-color: #f3f3f3; }
      .formBtn.back:hover span {
        background-image: url("../img/common/ar04_gray.svg"); }
  .formBtn.backToTop span {
    min-height: 20px;
    background-image: url("../img/common/ar04.svg");
    background-size: 24px 20px; }
  .formBtn.backToTop:hover {
    color: #90c31f !important;
    background-color: #FFF; }
    .formBtn.backToTop:hover span {
      background-image: url("../img/common/ar04_green.svg"); }

@media (max-width: 420px) {
  .formBtn {
    width: 100%; } }
.preview {
  width: 100%;
  margin: 40px 0 0;
  border-collapse: collapse;
  position: relative; }
  .preview th {
    width: 30%;
    padding: 20px 30px;
    background-color: #ccecfb;
    border: 1px solid #231815;
    border-right: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .preview td {
    width: 70%;
    padding: 20px 0 20px 30px;
    background-color: #FFF;
    border: 1px solid #231815;
    border-left: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
