@charset "UTF-8";
/**
 * 変数
 */
/**
 * color
 * ---------------------------
 */
/**
 * コンテンツ幅
 * ---------------------------
 */
/**
 * font famiry
 * ---------------------------
 */
/**
 * font size
 * ---------------------------
 */
:root {
  --fontSize: 20px;
  --font-2xs: calc(var(--fontSize) * 0.6); /* 12px */
  --font-xs: calc(var(--fontSize) * 0.7); /* 14px */
  --font-s: calc(var(--fontSize) * 0.8); /* 16px */
  --font-m: calc(var(--fontSize) * 0.9); /* 18px */
  --font-l: calc(var(--fontSize) * 1);
  --font-xl: calc(var(--fontSize) * 1.1); /* 22px */
  --font-2xl: calc(var(--fontSize) * 1.1); /* 22px */
  --font-3xl: calc(var(--fontSize) * 1.25); /* 25px */
  --font-4xl: calc(var(--fontSize) * 1.5); /* 30px */
  --font-4_2xl: calc(var(--fontSize) * 1.5); /* 30px */
  --font-5xl: calc(var(--fontSize) * 1.5); /* 30px */
}

@media (min-width: 768px) {
  :root {
    --font-2xs: calc(var(--fontSize) * 0.7); /* 14px */
    --font-xs: calc(var(--fontSize) * 0.8); /* 16px */
    --font-s: calc(var(--fontSize) * 0.9); /* 18px */
    --font-m: calc(var(--fontSize) * 1);
    --font-l: calc(var(--fontSize) * 1.1); /* 22px */
    --font-xl: calc(var(--fontSize) * 1.25); /* 25px */
    --font-2xl: calc(var(--fontSize) * 1.5); /* 30px */
    --font-3xl: calc(var(--fontSize) * 1.75); /* 35px */
    --font-4xl: calc(var(--fontSize) * 2); /* 40px */
    --font-4_2xl: calc(var(--fontSize) * 2.1); /* 42px */
    --font-5xl: calc(var(--fontSize) * 2.25); /* 45px */
  }
}
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #004080;
  color: #fff;
  padding: 8px 12px;
  border-radius: 4px;
  z-index: 1000;
  -webkit-transition: top 0.2s;
  transition: top 0.2s;
}

.skip-link:focus {
  top: 0;
}

/*
btn__contents
---------------------------*/
.btn__contents {
  margin-top: 30px;
}
.btn__contents .btn__wrap {
  width: 80%;
  max-width: 310px;
  margin: 0 auto;
}
.btn__contents .btn__wrap + .btn__wrap {
  margin-top: 16px;
}
.btn__contents .btn__wrap.green {
  -webkit-box-shadow: 0 5px 0 0 #89D8A7;
          box-shadow: 0 5px 0 0 #89D8A7;
  border-radius: 50px;
}
.btn__contents .btn__wrap.green.disabled {
  -webkit-box-shadow: 0 5px 0 0 #595959;
          box-shadow: 0 5px 0 0 #595959;
}
.btn__contents .btn__wrap.green.disabled a,
.btn__contents .btn__wrap.green.disabled button {
  background: #9e9e9e;
  cursor: default;
}
.btn__contents .btn__wrap.green.disabled a:hover,
.btn__contents .btn__wrap.green.disabled button:hover {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.btn__contents .btn__wrap.green a,
.btn__contents .btn__wrap.green button {
  background: #026934;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn__contents .btn__wrap.green a:hover,
.btn__contents .btn__wrap.green button:hover {
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
.btn__contents .btn__wrap.gray a,
.btn__contents .btn__wrap.gray button {
  background: #AAAAAA;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.btn__contents .btn__wrap.gray a:hover,
.btn__contents .btn__wrap.gray button:hover {
  opacity: 0.7;
}
.btn__contents .btn__wrap a,
.btn__contents .btn__wrap button {
  display: block;
  width: 100%;
  padding: 10px 5px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  color: #ffffff;
  border-radius: 50px;
}
@media (min-width: 769px) {
  .btn__contents {
    margin-top: 62px;
  }
  .btn__contents .btn__wrap a,
  .btn__contents .btn__wrap button {
    padding: 18px 10px;
    font-size: 18px;
  }
}

/*
form__wrap
---------------------------*/
#form__wrap {
  margin-bottom: 65px;
}
#form__wrap .error__title {
  margin-bottom: 30px;
  padding: 7px 10px;
  background: #fbe4e4;
  border: 1px solid #f90000;
  border-radius: 5px;
}
#form__wrap .error__title p {
  color: #f90000;
}
#form__wrap dl,
#form__wrap .form__item--wrap {
  padding: 0 3% 15px;
  border-bottom: 1px solid #ffffff;
}
#form__wrap dl + dl, #form__wrap dl + .form__item--wrap,
#form__wrap .form__item--wrap + dl,
#form__wrap .form__item--wrap + .form__item--wrap {
  margin-top: 20px;
}
#form__wrap dl > fieldset,
#form__wrap .form__item--wrap > fieldset {
  display: contents;
}
#form__wrap .event_tel {
  margin-top: 20px;
}
#form__wrap dt,
#form__wrap legend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
#form__wrap dt p,
#form__wrap dt .name,
#form__wrap legend p,
#form__wrap legend .name {
  font-size: 18px;
  font-weight: 700;
  color: #60432A;
}
#form__wrap dt p span,
#form__wrap dt .name span,
#form__wrap legend p span,
#form__wrap legend .name span {
  font-size: 16px;
}
#form__wrap dt .required,
#form__wrap legend .required {
  min-width: 53px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 175%;
  letter-spacing: 0.005em;
  color: #ffffff;
  background: #E75611;
  border-radius: 50px;
}
#form__wrap dt .optional,
#form__wrap legend .optional {
  min-width: 53px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 175%;
  letter-spacing: 0.005em;
  color: #ffffff;
  background: #b0aeaa;
  border-radius: 50px;
}
#form__wrap dd,
#form__wrap .input__box {
  width: 100%;
  padding-top: 15px;
}
#form__wrap dd p, #form__wrap dd span,
#form__wrap .input__box p,
#form__wrap .input__box span {
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: #60432A;
}
#form__wrap dd p.attention__text, #form__wrap dd span.attention__text,
#form__wrap .input__box p.attention__text,
#form__wrap .input__box span.attention__text {
  font-size: 16px;
}
#form__wrap dd p.attention__text span, #form__wrap dd span.attention__text span,
#form__wrap .input__box p.attention__text span,
#form__wrap .input__box span.attention__text span {
  font-size: 16px;
}
#form__wrap dd p.c__red, #form__wrap dd span.c__red,
#form__wrap .input__box p.c__red,
#form__wrap .input__box span.c__red {
  color: #f90000;
}
#form__wrap dd p.address__attention__text, #form__wrap dd span.address__attention__text,
#form__wrap .input__box p.address__attention__text,
#form__wrap .input__box span.address__attention__text {
  font-size: 16px;
  margin-top: 25px;
}
#form__wrap dd div > span,
#form__wrap .input__box div > span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#form__wrap dd .error,
#form__wrap .input__box .error {
  font-size: 16px;
  color: #f90000;
}
#form__wrap dd .example,
#form__wrap .input__box .example {
  margin-top: 15px;
  padding: 10px 20px;
  background: #fffcf0;
  border: 1px solid #60432A;
  border-radius: 15px;
}
#form__wrap dd .example p,
#form__wrap .input__box .example p {
  font-size: 15px;
}
#form__wrap dd .address__field,
#form__wrap .input__box .address__field {
  display: block;
  margin: 0 0 5px 0;
}
#form__wrap dd .address__field:nth-of-type(2), #form__wrap dd .address__field:nth-of-type(3),
#form__wrap .input__box .address__field:nth-of-type(2),
#form__wrap .input__box .address__field:nth-of-type(3) {
  margin: 15px 0 5px 0;
}
#form__wrap .attention__box {
  padding: 50px 0 20px;
  border-bottom: 1px solid #ffffff;
}
#form__wrap .attention__box + dl {
  margin-top: 20px;
}
#form__wrap .attention__box p {
  font-size: 18px;
  font-weight: 700;
  color: #60432A;
}
#form__wrap input[type=text] {
  width: 100%;
  padding: 6px 16px;
  font-size: var(--font-m);
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #60432A;
  line-height: 1.75;
  letter-spacing: 0.05em;
  background: #ffffff;
}
#form__wrap input[type=text].mini {
  width: 100%;
  max-width: 135px;
}
#form__wrap input[type=text].short {
  width: 100%;
  max-width: 250px;
}
#form__wrap input[type=checkbox] {
  position: relative;
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  cursor: pointer;
}
#form__wrap input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 35px;
  height: 35px;
  background: url("/img/common/icon-check-green.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
#form__wrap input[type=checkbox] + label {
  cursor: pointer;
}
#form__wrap input[type=file] {
  display: none;
}
#form__wrap .file__upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
}
#form__wrap .file__upload--btn {
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-bottom: 5px;
  -webkit-box-shadow: 3px 5px 0 0 #C0EDC6;
          box-shadow: 3px 5px 0 0 #C0EDC6;
  border-radius: 20px;
}
#form__wrap .file__upload--btn > * {
  display: inline-block;
  width: 100%;
  padding: 10px 25px;
  background: #ffffff;
  border: 1px solid #026934;
  border-radius: 20px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  cursor: pointer;
}
#form__wrap .file__upload--btn > *:hover {
  -webkit-transform: translate(3px, 5px);
          transform: translate(3px, 5px);
}
#form__wrap .file__upload--btn span {
  display: inline-block;
  text-align: center;
  color: #026934;
}
#form__wrap .file__upload--detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin-top: 15px;
}
#form__wrap .file__upload--detail p {
  width: auto;
  max-width: 100%;
  padding-right: 10px;
  overflow-wrap: anywhere;
}
#form__wrap .file__upload--detail .btn__wrap {
  width: 128px;
  margin: 10px 0;
  border-radius: 30px;
}
#form__wrap .file__upload--detail .btn__wrap button {
  padding: 5px 10px;
  font-size: var(--font-s);
  color: #ffffff;
  background: #026934;
  border-radius: 30px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  cursor: pointer;
}
#form__wrap .file__upload--detail .btn__wrap button:hover {
  opacity: 0.6;
}
#form__wrap .input__list.event__wrap > div:nth-of-type(1) {
  width: 100%;
}
#form__wrap .input__list.event__wrap > div:nth-of-type(2) {
  width: 100%;
}
#form__wrap .input__list.event__wrap > div span {
  min-width: 3.5em;
}
#form__wrap .input__list .input__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 0;
}
#form__wrap .input__list .input__wrap--calendar {
  position: relative;
  cursor: pointer;
}
#form__wrap .input__list .input__wrap--calendar .ui-datepicker-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 30px;
  height: 30px;
  background: url("/img/common/icon-calendar.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
#form__wrap .input__list .input__wrap--calendar input {
  cursor: pointer;
}
#form__wrap .input__list .input__wrap--time {
  position: relative;
}
#form__wrap .input__list .input__wrap--time::before, #form__wrap .input__list .input__wrap--time::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 7px;
  height: 1px;
  background: #026934;
  cursor: pointer;
}
#form__wrap .input__list .input__wrap--time::before {
  right: 20px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#form__wrap .input__list .input__wrap--time::after {
  right: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#form__wrap .input__list .input__wrap span {
  margin-right: 6px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
#form__wrap .input__list .num__wrap {
  margin-right: 15px;
}
#form__wrap .input__list .address__wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#form__wrap .contents__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#form__wrap .contents__list .select__wrap, #form__wrap .contents__list .input__wrap {
  width: calc((100% - 40px) / 2);
}
#form__wrap .contents__list .select__wrap + .select__wrap, #form__wrap .contents__list .select__wrap + .input__wrap, #form__wrap .contents__list .input__wrap + .select__wrap, #form__wrap .contents__list .input__wrap + .input__wrap {
  margin-left: 40px;
}
#form__wrap .select__wrap {
  position: relative;
  width: 100%;
}
#form__wrap .select__wrap.short {
  max-width: 250px;
}
#form__wrap .select__wrap.medium {
  max-width: 450px;
}
#form__wrap .select__wrap::before, #form__wrap .select__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 7px;
  height: 1px;
  background: #026934;
  cursor: pointer;
}
#form__wrap .select__wrap::before {
  right: 30px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
#form__wrap .select__wrap::after {
  right: 25px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#form__wrap .select__wrap select {
  width: 100%;
  padding: 6px 16px;
  font-size: var(--font-m);
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #60432A;
  line-height: 1.75;
  letter-spacing: 0.05em;
  background: #ffffff;
  cursor: pointer;
}
#form__wrap .radio__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#form__wrap .radio__wrap input:checked + label span::after {
  content: "";
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 6px;
  margin: auto;
  width: 12px;
  height: 12px;
  background: #026934;
  border-radius: 50%;
}
#form__wrap .radio__wrap label {
  cursor: pointer;
}
#form__wrap .radio__wrap label + input + label {
  margin-top: 20px;
}
#form__wrap .radio__wrap label span {
  position: relative;
  padding-left: 34px;
  margin-right: 10px;
}
#form__wrap .radio__wrap label span::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: 1px solid #D9D9D9;
  border-radius: 50%;
}
#form__wrap textarea {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 200px;
  max-height: 600px;
  padding: 6px 16px;
  font-size: var(--font-m);
  font-weight: 700;
  font-family: "Zen Maru Gothic", sans-serif;
  color: #60432A;
  line-height: 1.75;
  letter-spacing: 0.05em;
  background: #ffffff;
}
#form__wrap textarea.event_content {
  min-height: 100px;
}
#form__wrap textarea.others {
  min-height: 230px;
}
#form__wrap .event_input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: clamp(12.6px, 2.5vw, 18px);
}
#form__wrap .event_input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: clamp(12.6px, 2.5vw, 18px);
}
#form__wrap .event_input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: clamp(12.6px, 2.5vw, 18px);
}
#form__wrap .event_input::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: clamp(12.6px, 2.5vw, 18px);
}
#form__wrap .event_input::placeholder {
  color: rgba(0, 0, 0, 0.3);
  font-size: clamp(12.6px, 2.5vw, 18px);
}
#form__wrap .tel__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#form__wrap .tel__wrap span {
  margin: 0 5px;
}
#form__wrap .attention {
  width: 97%;
  max-width: 1000px;
  max-height: 500px;
  margin: 20px auto 0;
  padding: 10px;
  border: 1px solid #026934;
  background: #ffffff;
  overflow-y: auto;
}
#form__wrap .attention p {
  color: #60432A;
}
#form__wrap .attention p + p {
  margin-top: 20px;
}
#form__wrap .consent-check {
  margin-top: 30px;
}
#form__wrap .consent-check .error {
  width: 100%;
  font-size: 16px;
  color: #f90000;
  font-weight: 700;
  text-align: center;
}
#form__wrap .consent-check__detail--btn {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 40px;
  border-radius: 10px;
}
#form__wrap .consent-check__detail--btn a {
  display: block;
  width: 100%;
  padding: 20px 10px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
}
#form__wrap .consent-check__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#form__wrap .consent-check__contents input[type=checkbox] {
  min-width: 35px;
  height: 35px;
}
#form__wrap .consent-check__contents input[type=checkbox]:checked::after {
  width: 30px;
  height: 30px;
}
#form__wrap .consent-check__contents label {
  margin-left: 20px;
}
#form__wrap .consent-check__contents label span {
  font-size: 18px;
  font-weight: 700;
  color: #60432A;
}
#form__wrap #consent[disabled] {
  pointer-events: none;
}
#form__wrap #consent[disabled] + label {
  opacity: 0.5;
  pointer-events: none;
}
@media (min-width: 600px) {
  #form__wrap .input__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #form__wrap .input__list .input__wrap {
    margin-right: 15px;
  }
  #form__wrap .input__list .input__wrap:last-of-type {
    margin-right: 0;
  }
  #form__wrap .input__list .num__wrap {
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  #form__wrap {
    margin-bottom: 130px;
  }
  #form__wrap .error__title {
    padding: 10px 20px;
  }
  #form__wrap dl,
  #form__wrap .form__item--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 6.7% 30px 20px;
  }
  #form__wrap dt,
  #form__wrap legend {
    width: 250px;
  }
  #form__wrap dd,
  #form__wrap .input__box {
    width: calc(100% - 250px);
    padding-top: 0;
    padding-left: 37px;
  }
  #form__wrap dd .example p,
  #form__wrap .input__box .example p {
    font-size: min(1.8vw, var(--font-m));
  }
  #form__wrap .attention__box {
    padding: 50px 0 20px;
  }
  #form__wrap .attention__box + dl {
    margin-top: 20px;
  }
  #form__wrap .attention__box p {
    font-size: 18px;
  }
  #form__wrap .input__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #form__wrap .input__list .input__wrap {
    margin-right: 0;
  }
  #form__wrap .input__list .num__wrap {
    margin-right: 30px;
  }
  #form__wrap .list__row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #form__wrap .radio__wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
  }
  #form__wrap .radio__wrap input:checked + span::after {
    top: 3px;
    left: 5.5px;
  }
  #form__wrap .radio__wrap label + input + label {
    margin-top: 0;
    margin-left: 30px;
  }
  #form__wrap .radio__wrap label span::before {
    top: 3px;
  }
  #form__wrap .attention {
    width: 100%;
    margin: 40px auto 0;
    padding: 10px 20px;
  }
  #form__wrap .consent-check {
    margin-top: 50px;
  }
  #form__wrap .consent-check__detail--btn {
    margin: 0 auto 50px;
  }
  #form__wrap .consent-check__contents input[type=checkbox] {
    min-width: 40px;
    height: 40px;
  }
  #form__wrap .consent-check__contents input[type=checkbox]:checked::after {
    width: 35px;
    height: 35px;
  }
  #form__wrap .consent-check__contents label {
    margin-left: 30px;
  }
  #form__wrap .consent-check__contents label span {
    font-size: 20px;
  }
}
@media (min-width: 1000px) {
  #form__wrap .input__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #form__wrap .input__list .input__wrap {
    margin-right: 30px;
  }
}
@media (min-width: 1120px) {
  #form__wrap dt,
  #form__wrap legend {
    width: 300px;
  }
  #form__wrap dd,
  #form__wrap .input__box {
    width: calc(100% - 300px);
  }
  #form__wrap .file__upload {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #form__wrap .file__upload--btn {
    width: 185px;
  }
  #form__wrap .file__upload--detail {
    width: calc(100% - 205px);
    margin-top: 0;
    margin-left: 20px;
  }
  #form__wrap .input__list.event__wrap > div:nth-of-type(1) {
    width: 56%;
  }
  #form__wrap .input__list.event__wrap > div:nth-of-type(2) {
    width: 40%;
  }
  #form__wrap .radio__wrap input:checked + label span::after {
    top: 5px;
  }
}

/*
flatpickr
---------------------------*/
.flatpickr-calendar {
  width: 200px;
}

/*
datepicker
---------------------------*/
.datepicker {
  position: absolute;
}

/*
finish__wrap
---------------------------*/
#finish__wrap .title {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
#finish__wrap .detail {
  margin-top: 30px;
}
#finish__wrap .detail p {
  text-align: center;
  color: #60432A;
}
#finish__wrap .btn__contents {
  margin: 40px 0 80px;
}
@media (min-width: 769px) {
  #finish__wrap .title {
    font-size: 30px;
  }
  #finish__wrap .detail {
    margin-top: 50px;
  }
  #finish__wrap .btn__contents {
    margin: 80px 0 130px;
  }
}

.lead {
  margin-bottom: 20px;
  padding-bottom: 60px;
  font-weight: 600;
  color: #60432A;
}
@media screen and (min-width: 768px) {
  .lead {
    text-align: center;
  }
}

.form-note {
  margin-bottom: 20px;
  padding-top: 60px;
  font-weight: 600;
  color: #60432A;
}
@media screen and (min-width: 768px) {
  .form-note {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .form-note {
    padding-top: 30px;
  }
}

@media screen and (max-width: 769px) {
  .mode_pc {
    display: none;
  }
}

@media screen and (max-width: 952px) {
  .mode_tablet {
    display: none;
  }
}

.list__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}/*# sourceMappingURL=form.css.map */