@charset "UTF-8";

@media screen and (min-width: 640px) {
  .is-pc {
    display: block !important; } }

@media screen and (max-width: 640px) {
  .is-pc {
    display: none !important; } }

@media screen and (min-width: 640px) {
  .is-sp {
    display: none !important; } }

@media screen and (max-width: 640px) {
  .is-sp {
    display: block !important; } }


.c-form__error {
  margin: 30px 0;
  padding: 22px;
  border: 1px solid #dc0918;
  background-color: #fff6f6;
  color: #dc0918; }
  @media screen and (max-width: 640px) {
    .c-form__error {
      margin: 15px 10px; } }

.c-form__error__heading {
  font-weight: bold; }

.c-form__error__list {
  margin-bottom: 8px; }

.c-form__error__item {
  position: relative;
  padding-left: 12px;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.04em; }
  .c-form__error__item:not(:first-child) {
    margin-top: 5px; }
  .c-form__error__item::before {
    position: absolute;
    left: 0;
    content: "※"; }

.c-form__success {
  margin: 30px 0;
  padding: 22px;
  border: 1px solid #0d8a22;
  background-color: #e2f5e5;
  color: #0d8a22; }
  @media screen and (max-width: 640px) {
    .c-form__success {
      margin: 15px 10px; } }

.c-form__success__heading {
  font-weight: bold; }

.c-form__status {
  letter-spacing: -0.5em; }
  @media screen and (min-width: 640px) {
    .c-form__status {
      margin: 25px 0; } }
  @media screen and (max-width: 640px) {
    .c-form__status {
      margin: 15px 10px 10px; } }

.c-form__status__item {
  display: inline-block;
  position: relative;
  border: 1px solid #b7b7b7;
  letter-spacing: 0;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .c-form__status__item {
      width: 310px;
      height: 40px;
      border-radius: 8px;
      line-height: 40px; } }
  @media screen and (max-width: 640px) {
    .c-form__status__item {
      width: 32%;
      height: 35px;
      line-height: 35px; } }
  @media screen and (min-width: 640px) {
    .c-form__status__item:not(:first-child) {
      margin-left: 15px; } }
  @media screen and (max-width: 640px) {
    .c-form__status__item:not(:first-child) {
      margin-left: 2%; } }
  .c-form__status__item:not(:last-child)::after {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""; }
    @media screen and (min-width: 640px) {
      .c-form__status__item:not(:last-child)::after {
        right: 10px;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 9px solid #333; } }
    @media screen and (max-width: 640px) {
      .c-form__status__item:not(:last-child)::after {
        right: 5px;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 8px solid #333; } }
  .c-form__status__item.is-current {
    background-color: #333;
    color: #fff; }
    .c-form__status__item.is-current::after {
      border-left-color: #fff; }

.c-form__text--applying {
  margin: 0 0 10px;
  /*color: #db0817;*/
  font-weight: bold;
  text-align: center; }

.c-form__lead {
  line-height: 1.7; }
.c-form__lead a {
  color: #1581b6;
  text-decoration: underline }
.c-form__lead a:hover {
  text-decoration: none }
  @media screen and (min-width: 640px) {
    .c-form__lead {
      margin: 30px 0;
      font-size: 14px;
      font-size: 1.4rem; } }
  @media screen and (max-width: 640px) {
    .c-form__lead {
      margin: 15px 10px; } }

.c-form {
  margin-bottom: 40px;
  border: 1px solid #dbd7d5; }
  @media screen and (min-width: 640px) {
    .c-form {
      padding: 26px 24px 30px;
      border-bottom-width: 3px;
      border-radius: 6px; } }
  @media screen and (max-width: 640px) {
    .c-form {
      margin: 15px 10px;
      padding: 15px 13px 27px;
      border-radius: 4px; } }

.c-form__heading {
  border-left-style: solid;
  font-weight: bold;
  line-height: 1.3; }
  @media screen and (min-width: 640px) {
    .c-form__heading {
      margin: 0 0 25px;
      padding-left: 15px;
      border-left-width: 6px;
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (max-width: 640px) {
    .c-form__heading {
      margin: 0 0 15px;
      padding-left: 12px;
      border-left-width: 5px;
      font-size: 15px;
      font-size: 1.5rem; } }

@media screen and (max-width: 640px) {
  .c-form__inner + .c-form__heading {
    margin-top: 30px; } }

@media screen and (min-width: 640px) {
  .c-form__inner {
    display: table;
    width: 100%;
    margin-bottom: 50px;
    border-collapse: collapse; } }

@media screen and (min-width: 640px) {
  .c-form__item {
    display: table-row; } }

@media screen and (max-width: 640px) {
  .c-form__item {
    margin-bottom: 10px;
    border: 1px solid #dbd7d5; } }

@media screen and (min-width: 640px) {
  .c-form__title, .c-form__body {
    display: table-cell;
    padding: 20px 26px;
    border: 1px solid #dbd7d5;
    box-sizing: border-box;
    vertical-align: top; } }

@media screen and (max-width: 640px) {
  .c-form__title, .c-form__body {
    padding: 8px 10px;
    line-height: 1.4; } }

@media screen and (min-width: 640px) {
  .c-form__title {
    width: 304px; } }

.c-form__required {
  color: #db0817; }
  @media screen and (min-width: 640px) {
    .c-form__required {
      margin-left: 18px;
      font-size: 12px;
      font-size: 1.2rem; } }
  @media screen and (max-width: 640px) {
    .c-form__required {
      margin-left: 12px;
      font-size: 10px;
      font-size: 1rem; } }

@media screen and (max-width: 640px) {
  .c-form__body {
    border-top: 1px solid #dbd7d5; } }

.c-form__body__title {
  margin-bottom: 5px; }
  .c-form__body__title:not(:first-child) {
    margin-top: 15px; }
  .c-form__body__title::before {
    display: inline-block;
    width: 3px;
    margin-right: 5px;
    content: ""; }
    @media screen and (min-width: 640px) {
      .c-form__body__title::before {
        height: 12px;
        vertical-align: -1px; } }
    @media screen and (max-width: 640px) {
      .c-form__body__title::before {
        height: 14px;
        vertical-align: -2px; } }

.c-form__notes {
  margin-top: 5px;
  color: #666; }
  @media screen and (min-width: 640px) {
    .c-form__notes {
      font-size: 12px;
      font-size: 1.2rem; } }
  @media screen and (max-width: 640px) {
    .c-form__notes {
      font-size: 10px;
      font-size: 1rem; } }

.c-form__textbox, .c-form__textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #dbd7d5;
  box-sizing: border-box;
  background-color: #fcfcfc;
  outline: none; }
  @media screen and (min-width: 640px) {
    .c-form__textbox, .c-form__textarea {
      max-width: 598px;
      border-radius: 5px; } }
  @media screen and (max-width: 640px) {
    .c-form__textbox, .c-form__textarea {
      border-radius: 4px; } }

.-half {
  display: inline-block; }
  @media screen and (min-width: 640px) {
    .-half {
      width: 267px; } }
  @media screen and (max-width: 640px) {
    .-half {
      width: 48%; } }
  @media screen and (min-width: 640px) {
    .-half:first-child:not(label) {
      margin-right: 13px; } }
  @media screen and (max-width: 640px) {
    .-half:first-child:not(label) {
      margin-right: 2%; } }

.-oneThird {
  display: inline-block; }
  @media screen and (min-width: 640px) {
    .-oneThird {
      width: 174px; } }
  @media screen and (max-width: 640px) {
    .-oneThird {
      width: 30%; } }

.-zip1 {
  display: inline-block; }
  @media screen and (min-width: 640px) {
    .-zip1 {
      width: 100px; } }
  @media screen and (max-width: 640px) {
    .-zip1 {
      width: 20%; } }

.-zip2 {
  display: inline-block; }
  @media screen and (min-width: 640px) {
    .-zip2 {
      width: 120px; } }
  @media screen and (max-width: 640px) {
    .-zip2 {
      width: 20%; } }

@media screen and (min-width: 640px) {
  .c-form__textarea {
    min-height: 100px; } }

@media screen and (max-width: 640px) {
  .c-form__textarea {
    max-width: 100%;
    min-height: 133px; } }

.c-form__pulldown__outer {
  letter-spacing: -0.5em; }
  .c-form__pulldown__outer:not(:first-child) {
    margin-top: 10px; }

.c-form__pulldown__title {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: middle; }
  @media screen and (min-width: 640px) {
    .c-form__pulldown__title {
      margin-right: 20px; } }
  @media screen and (max-width: 640px) {
    .c-form__pulldown__title {
      margin-right: 10px; } }
  @media screen and (min-width: 640px) {
    .c-form__pulldown__title::before {
      display: inline-block;
      width: 3px;
      height: 12px;
      margin-right: 5px;
      background-color: #e99543;
      vertical-align: -1px;
      content: ""; } }

.c-form__pulldown__label {
  position: relative; }
  .c-form__pulldown__label::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 6px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""; }

.c-form__pulldown {
  display: inline-block;
  height: 38px;
  border: 1px solid #dbd7d5;
  box-sizing: border-box;
  background-color: #fcfcfc;
  line-height: 30px;
  letter-spacing: 0;
  text-indent: 10px;
  vertical-align: middle;
  outline: none; }
  @media screen and (min-width: 640px) {
    .c-form__pulldown {
      width: 200px; } }
  @media screen and (max-width: 640px) {
    .c-form__pulldown {
      width: 60%; } }
  @media screen and (max-width: 640px) {
    .c-form__pulldown.-half {
      width: 32%; } }

.c-form__label {
  display: inline-block;
  padding-right: 10px;
  box-sizing: border-box;
  vertical-align: top; }
  @media screen and (min-width: 640px) {
    .c-form__label {
      width: 32%; }
      .c-form__label:nth-child(n+4) {
        margin-top: 5px; }
      .c-form__label.-half {
        width: 48%; }
        .c-form__label.-half:nth-child(n+3) {
          margin-top: 5px; } }
  @media screen and (max-width: 640px) {
    .c-form__label {
      width: 48%; }
      .c-form__label:nth-child(n+3) {
        margin-top: 10px; } }

.c-form__check, .c-form__radio {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle; }

/* 利用予定日時(横並び) */
.c-form__date {
    display: inline-block;
    vertical-align: middle; }
    @media screen and (min-width: 640px) {
        .c-form__date {
            width: 47.5%; } }
    @media screen and (max-width: 639px) {
        .c-form__date {
            width: 90%; } }
    @media screen and (max-width: 639px) {
        .c-form__date + .c-form__date {
            margin-top: 10px; } }

div.uploadifive-button {
  display: inline-block;
  width: auto !important;
  height: auto !important;
  padding: 0 10px; }
  div.uploadifive-button .fa {
    margin-right: 5px; }

.c-form__terms {
  overflow: auto;
  border: 1px solid #ccc;
  line-height: 1.5; }
  @media screen and (min-width: 640px) {
    .c-form__terms {
      height: 400px;
      padding: 20px 20px 10px; } }
  @media screen and (max-width: 640px) {
    .c-form__terms {
      height: 250px;
      padding: 10px; } }

.c-form__terms__list {
  margin: 20px 0 30px; }
  .c-form__terms__list:last-child {
    margin-bottom: 10px; }

.c-form__terms__title {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  font-weight: bold; }
  @media screen and (min-width: 640px) {
    .c-form__terms__title {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (max-width: 640px) {
    .c-form__terms__title {
      font-size: 15px;
      font-size: 1.5rem; } }

.c-form__terms__childList {
  margin: 10px 0; }

.c-form__terms__childList dt {
  font-weight: bold; }
  @media screen and (min-width: 640px) {
    .c-form__terms__childList dt {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (max-width: 640px) {
    .c-form__terms__childList dt {
      font-size: 13px;
      font-size: 1.3rem; } }

.c-form__terms__childList dd {
  margin-top: 5px; }
  @media screen and (min-width: 640px) {
    .c-form__terms__childList dd {
      margin-left: 16px; } }
  @media screen and (max-width: 640px) {
    .c-form__terms__childList dd {
      margin-left: 13px; } }

.c-form__agree {
  margin: 15px 0;
  text-align: center; }

.c-form__agree .c-form__label {
  width: auto; }

.c-form__agree a {
  text-decoration: underline; }
  .c-form__agree a:hover {
    text-decoration: none; }

.c-form__button__outer {
  position: relative;
  text-align: center; }
  @media screen and (min-width: 640px) {
    .c-form__button__outer {
      margin-top: 25px; } }
    .c-form__button__outer.-topArea {
      margin-bottom: 25px;
      margin-top: 0; } }
  @media screen and (max-width: 640px) {
    .c-form__button__outer {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column; } }

.c-form__button {
  display: inline-block;
  padding: 0;
  border: none;
  color: #fff;
  font-weight: bold;
  background-color: #dbd7d5;
  cursor: pointer;
  outline: none;
  transition: .4s all; }
a.c-form__button:hover {
  color: #fff;  }   
  @media screen and (min-width: 640px) {
    .c-form__button {
      width: 332px;
      height: 50px;
      border-radius: 6px;
      font-size: 20px;
      font-size: 2rem;
      line-height: 50px; }
    .c-form__button.preview_btn {
      width: 160px;
      position: absolute;
      right: 0; } }
  @media screen and (max-width: 640px) {
    .c-form__button {
      width: 85%;
      height: 45px;
      margin: 0 auto;
      border-radius: 3px;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 45px; } }
  .c-form__button:hover {
    opacity: .7; }
  @media screen and (min-width: 640px) {
    .c-form__button--submit {
      border-bottom-width: 5px; } }
  @media screen and (max-width: 640px) {
    .c-form__button--submit {
      border-bottom-width: 1px;
      -ms-flex-order: 2;
      order: 2; }
    .c-form__button.preview_btn {
      margin-top: 15px; } }
  .c-form__button--back {
    border-bottom: solid #969696;
    color: #333; }
    @media screen and (min-width: 640px) {
      .c-form__button--back {
        position: absolute;
        left: 0;
        width: 160px;
        height: 50px;
        border-bottom-width: 2px;
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 640px) {
      .c-form__button--back {
        width: 85%;
        margin-bottom: 15px;
        border-bottom-width: 1px;
        font-size: 13px;
        font-size: 1.3rem;
        -ms-flex-order: 1;
        order: 1; } }

  .c-form__button--clear {
    width: auto;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333; }
    @media screen and (min-width: 640px) {
      .c-form__button--clear {
        height: 50px;
        margin-left: 20px;
        padding: 0 40px;
        border-bottom-width: 2px;
        font-size: 16px;
        font-size: 1.6rem; } }
    @media screen and (max-width: 640px) {
      .c-form__button--clear {
        margin-top: 15px;
        padding: 0 30px;
        border-bottom-width: 1px;
        font-size: 13px;
        font-size: 1.3rem; } }


.c-form__complete {
  margin: 80px 0 100px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center; }

.-front .c-form__heading {
  border-left-color: #005ba9; }

.-front .c-form__title {
  background-color: #e3f1f8; }

.-front .c-form__body__title::before {
  background-color: #1581b6; }

.-front .c-form__button--submit {
  border-bottom: solid #333;
  background-color: #1581b6; }

.-front .c-form__button--submit:disabled {
  border-bottom: solid #bbb;
  background-color: #dfdfdf;
  cursor: text; }

.-front .confirm {
  text-align: center; }

.-front .confirm a {
  color: #1581b6;
  text-decoration: underline }

.-front .confirm a:hover {
  text-decoration: none }

.-backuser .c-form__heading {
  border-left-color: #f79500; }

.-backuser .c-form__title {
  background-color: #fcf4ea; }
  .-backuser .c-form__item:nth-child(2n+1) .c-form__title {
    background-color: #f9ead9; }

.-backuser .c-form__title__notes {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 5px; }

.-backuser .c-form__body__title::before {
  background-color: #e99543; }

.-backuser .c-form__body__text {
  margin-bottom: 10px; }

.-backuser .c-form__body__box:not(:first-of-type) {
  margin-top: 15px; }

.-backuser .c-form__button--submit {
  border-bottom: solid #b37130;
  background-color: #e99543; }