@charset "UTF-8";

#inquiry input[type="tel"] {
  border: 1px solid #CCC;
  border-radius: 6px;
  line-height: 50px;
  padding: 0 2%;
  width: 100%;
  font-size: 18px;
}

/* =======================================
 rdlpから移植、調整
======================================= */
@media only screen and (min-width: 768px) {
  .form,
  .thanks {
    margin-bottom: 100px;
    padding-top: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .form,
  .thanks {
    margin-bottom: 18.667vw;
    padding-top: 5.333vw;
  }
}

.form-hl,
.thanks-hl {
  text-align: center;
}

.form-hl span,
.thanks-hl span {
  background: no-repeat 50% 50% / contain;
  display: inline-block;
  height: 1em;
  width: 1em;
}

.form-hl .icon-cb,
.thanks-hl .icon-cb {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2219.5%203%2019.5%206%2021%206%2021%2027%203%2027%203%206%204.5%206%204.5%203%200%203%200%2030%2024%2030%2024%203%2019.5%203%22%2F%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%226%207.5%2018%207.5%2018%203%2015%203%2015%200%209%200%209%203%206%203%206%207.5%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%2212%22%20width%3D%2212%22%20height%3D%221.5%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%2216.5%22%20width%3D%2212%22%20height%3D%221.5%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%226%22%20y%3D%2221%22%20width%3D%2212%22%20height%3D%221.5%22%2F%3E%3C%2Fsvg%3E");
}

.form-hl .icon-inquiry,
.thanks-hl .icon-inquiry {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23181818%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M15%2C0A15%2C15%2C0%2C1%2C0%2C30%2C15%2C15%2C15%2C0%2C0%2C0%2C15%2C0Zm0%2C27.5A12.5%2C12.5%2C0%2C1%2C1%2C27.5%2C15%2C12.52%2C12.52%2C0%2C0%2C1%2C15%2C27.5Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M14.94%2C7.5a4.78%2C4.78%2C0%2C0%2C0-4.94%2C5h3c0-1.43.63-2.65%2C2.09-2.65a1.59%2C1.59%2C0%2C0%2C1%2C1.73%2C1.81c.06%2C2.18-2.77%2C1.85-3.06%2C5.33v1.76h2.5V17.13C16.59%2C14.7%2C20%2C15.22%2C20%2C11.38%2C20%2C9.85%2C18.76%2C7.5%2C14.94%2C7.5Z%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%2213.75%22%20y%3D%2220%22%20width%3D%222.5%22%20height%3D%222.5%22%2F%3E%3C%2Fsvg%3E");
}

@media only screen and (min-width: 768px) {
  .form-hl,
  .thanks-hl {
    font-size: 30px;
    margin-bottom: 40px;
  }

  .form-hl span,
  .thanks-hl span {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {

  .form-hl,
  .thanks-hl {
    font-size: 5.333vw;
    margin-bottom: 9.333vw;
  }

  .form-hl span,
  .thanks-hl span {
    margin-right: 1.333vw;
  }
}

.form-txt,
.thanks-txt {
  text-align: center;
}

.form-txt p,
.thanks-txt p {
  margin-bottom: 1.5em;
}

.form-txt a,
.thanks-txt a {
  text-decoration: underline;
}

.form-txt a.underline,
.thanks-txt a.underline {
  background: #ff0;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  .form-txt,
  .thanks-txt {
    font-size: 14px;
    line-height: 1.928;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .form-txt,
  .thanks-txt {
    font-size: 3.733vw;
    letter-spacing: 0.06em;
    line-height: 2;
    margin: 0 auto 6.667vw;
    width: 92vw;
  }
}

@media (any-hover: hover) {
  .form-txt a:hover,
  .thanks-txt a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
}

.holiday {
  border: solid #999;
  border-width: 1px 0;
  display: flex;
  justify-content: center;
  margin: auto;
}

.holiday dt {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23505050%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M17.08%2C3.13H15.31v-1a.68.68%2C0%2C0%2C0-.71-.65h-.7a.68.68%2C0%2C0%2C0-.71.65v1H6.81v-1A.68.68%2C0%2C0%2C0%2C6.1%2C1.5H5.4a.68.68%2C0%2C0%2C0-.71.65v1H2.92A1.37%2C1.37%2C0%2C0%2C0%2C1.5%2C4.44V6.73h17V4.44A1.37%2C1.37%2C0%2C0%2C0%2C17.08%2C3.13Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M1.5%2C8v9.15A1.37%2C1.37%2C0%2C0%2C0%2C2.92%2C18.5H17.08a1.37%2C1.37%2C0%2C0%2C0%2C1.42-1.31V8Zm11.83%2C7.38a.62.62%2C0%2C0%2C1%2C.21.46.68.68%2C0%2C0%2C1-.71.66.74.74%2C0%2C0%2C1-.5-.19L10%2C14.19%2C7.67%2C16.35a.74.74%2C0%2C0%2C1-.5.19.68.68%2C0%2C0%2C1-.71-.66.62.62%2C0%2C0%2C1%2C.21-.46L9%2C13.27%2C6.67%2C11.12a.64.64%2C0%2C0%2C1-.21-.47A.68.68%2C0%2C0%2C1%2C7.17%2C10a.74.74%2C0%2C0%2C1%2C.5.19L10%2C12.34l2.33-2.15a.74.74%2C0%2C0%2C1%2C.5-.19.68.68%2C0%2C0%2C1%2C.71.65.64.64%2C0%2C0%2C1-.21.47L11%2C13.27Z%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 50%;
}

@media only screen and (min-width: 768px) {
  .holiday {
    width: 210px;
  }

  .holiday dt,
  .holiday dd {
    line-height: 30px;
  }

  .holiday dt {
    background-size: 20px auto;
    padding: 0 0 0 28px;
  }
}

@media only screen and (max-width: 767px) {
  .holiday {
    width: 58.667vw;
  }

  .holiday dt,
  .holiday dd {
    line-height: 8vw;
  }

  .holiday dt {
    background-size: 5.333vw auto;
    padding-left: 8vw;
  }
}

.wpcf7-form {
  text-align: center;
}

.form-table {
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .form-table {
    display: table;
    font-size: 14px;
    margin: 0 auto 60px;
    width: 800px;
  }
}

@media only screen and (max-width: 767px) {
  .form-table {
    font-size: 3.733vw;
    letter-spacing: 0.06em;
    margin: 0 auto 2.667vw;
    width: 92vw;
  }
}

input,
button,
select,
textarea {
  box-sizing: border-box;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table select,
.form-table textarea {
  appearance: none;
  background: #ebebeb;
  font-size: 16px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .form-table input[type="text"],
  .form-table input[type="tel"],
  .form-table input[type="email"],
  .form-table textarea {
    border-radius: 6px;
    padding: 16px 20px;
  }

  .form-table select {
    border-radius: 6px;
    line-height: 1 !important;
    padding: 16px 20px !important;
  }
}

@media only screen and (max-width: 767px) {
  .form-table input[type="text"],
  .form-table input[type="tel"],
  .form-table input[type="email"],
  .form-table textarea {
    border-radius: 0.8vw !important;
    height: auto !important;
    line-height: 1 !important;
    font-size: 4vw !important;
    padding: 1em 0.7em !important;
  }
  .form-table select {
    border-radius: 0.8vw;
    height: auto !important;
    line-height: 1 !important;
    font-size: 4vw !important;
    padding: 1.065em 0.7em !important;
  }
}

.form-table select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025.6%2016%22%3E%3Cpolygon%20points%3D%2212.8%2016%2025.6%200%200%200%2012.8%2016%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) {
  .form-table select {
    background-position: 350px 50%;
    background-size: auto 10px;
    height: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .form-table select {
    background-position: 96% 50%;
    background-size: auto 2.133vw;
  }
}

.form-table textarea {
  line-height: 1.4;
}

@media only screen and (min-width: 768px) {
  .form-table textarea {
    height: 100px;
  }

  .form-table textarea#offer-req,
  .form-table textarea#inquiry-ask,
  .form-table textarea#tkt-textarea01 {
    height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .form-table textarea {
    height: 32vw;
  }
}

.form-table input[type="checkbox"],
.form-table input[type="radio"] {
  vertical-align: middle;
}

@media only screen and (min-width: 768px) {
  .form-table input[type="checkbox"],
  .form-table input[type="radio"] {
    height: 19px;
    margin-right: 5px;
    width: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .form-table input[type="checkbox"],
  .form-table input[type="radio"] {
    height: 5.333vw;
    margin-right: 2vw;
    width: 5.333vw;
  }
}

.form-table .wpcf7-not-valid-tip {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2014%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23dc0000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20x%3D%227.2%22%20y%3D%229.79%22%20width%3D%221.6%22%20height%3D%221.52%22%2F%3E%3Crect%20class%3D%22cls-1%22%20x%3D%227.2%22%20y%3D%222.69%22%20width%3D%221.6%22%20height%3D%225.33%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12%2C0H4L0%2C7l4%2C7h8l4-7Zm-.47%2C13.22H4.47L.92%2C7%2C4.47.78h7.06L15.08%2C7Z%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 50%;
  color: #dc0000;
  display: block;
}

@media only screen and (min-width: 768px) {
  .form-table .wpcf7-not-valid-tip {
    background-size: auto 14px;
    margin-top: 10px;
    padding-left: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .form-table .wpcf7-not-valid-tip {
    background-size: auto 5.333vw;
    line-height: 5.333vw;
    margin-top: 2.667vw;
    padding-left: 8vw;
  }
}

@media only screen and (min-width: 768px) {
  .form-row {
    display: table-row;
  }
}

@media only screen and (max-width: 767px) {
  .form-row {
    margin-bottom: 5.333vw;
  }
}

@media only screen and (min-width: 768px) {
  .form-head {
    display: table-cell;
    line-height: 1.428;
    padding: 25px 0;
    vertical-align: top;
    width: 180px;
  }
}

@media only screen and (max-width: 767px) {
  .form-head {
    padding: 1.333vw 0;
  }
}

.form-label::after {
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .form-label {
    padding-left: 50px;
    position: relative;
  }

  .form-label::after {
    font-size: 11px;
    line-height: 20px;
    position: absolute;
    width: 40px;
    top: -1px;
    left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .form-label::after {
    font-size: 2.933vw;
    line-height: 5.333vw;
    margin-left: 2.667vw;
    width: 10.667vw;
  }
}

.require .form-label::after {
  content: "必須";
  background: #dc0000;
}

.optional .form-label::after {
  content: "任意";
  background: #78c8ff;
}

@media only screen and (min-width: 768px) {
  .form-data {
    display: table-cell;
    padding: 10px 0;
    vertical-align: top;
    width: 620px;
  }
}

@media only screen and (max-width: 767px) {
  .form-data {
    padding: 1.333vw 0;
  }
}

.offer-ad01,
.offer-ad02 {
  display: block;
}

@media only screen and (min-width: 768px) {
  .offer-ad01,
  .offer-ad02 {
    margin-bottom: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .offer-ad01,
  .offer-ad02 {
    margin-bottom: 0.667vw;
  }
}

@media only screen and (min-width: 768px) {
  #offer-ad01,
  #inquiry-ad01,
  #inquiry-yosan,
  #inquiry-yosan01,
  #inquiry-yosan02,
  #inquiry-device,
  #inquiry-kousei,
  #tkt-select01 {
    background-position: 240px 50%;
    width: 267px;
  }
}

@media only screen and (min-width: 768px) {
  #offer-plan,
  #inquiry-plan {
    display: flex;
    flex-wrap: wrap;
  }

  #offer-plan .wpcf7-list-item,
  #inquiry-plan .wpcf7-list-item {
    margin-bottom: 10px;
    width: 47%;
  }
}

@media only screen and (max-width: 767px) {
  #offer-plan .wpcf7-list-item,
  #inquiry-plan .wpcf7-list-item {
    display: block;
    margin-bottom: 4vw;
  }
}

.tkt-form-btn {
  display: flex;
  justify-content: center;
}

.tkt-form-btn li {
  background: #fff;
  border: 1px solid #b3b3b3;
  display: block;
  position: relative;
}

.tkt-form-btn li::before {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23181818%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.tkt-form-btn input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
}

@media only screen and (min-width: 768px) {
  .tkt-form-btn {
    font-size: 16px;
  }

  .tkt-form-btn li {
    margin-right: 16px;
  }

  .tkt-form-btn li::before {
    background-position: 192px 50%;
    background-size: auto 13px;
  }

  .tkt-form-btn li::after {
    content: "";
    background: #181818;
    display: block;
    height: 100%;
    transition: transform .5s ease-in-out;
    transform: scale(0, 1);
    transform-origin: 100% 0;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }

  .tkt-form-btn li input {
    position: relative;
    z-index: 1;
    width: 230px;
    padding: 22px 30px 22px 20px;
  }
}

@media (any-hover: hover) {
  .tkt-form-btn li:hover::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E");
  }

  .tkt-form-btn li:hover::after {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }

  .tkt-form-btn li:hover input {
    color: #fff;
  }

}

@media only screen and (max-width: 767px) {
  .tkt-form-btn {
    padding: 5.333vw 0;
  }

  .tkt-form-btn li {
    margin: 0 2vw;
  }

  .tkt-form-btn li::before {
    background-position: 38.933vw 50%;
    background-size: auto 3.467vw;
  }

  .tkt-form-btn li input {
    font-size: 3.333vw;
    padding: 5.333vw 6.667vw 5.333vw 2.667vw;
    width: 44vw;
  }
}

.form-btn {
  background: #dc82b4;
  background: -moz-linear-gradient(left, #dc82b4 0%, #78c8ff 100%);
  background: -webkit-linear-gradient(left, #dc82b4 0%, #78c8ff 100%);
  background: linear-gradient(to right, #dc82b4 0%, #78c8ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc82b4', endColorstr='#78c8ff', GradientType=1);
  display: block;
  font-weight: bold;
  margin: auto;
  text-align: center;
}

.form-btn span {
  display: block;
}

@media only screen and (min-width: 768px) {
  .form-btn {
    border-radius: 4px;
    font-size: 19px;
    line-height: 72px;
    padding: 4px;
    width: 500px;
  }

  .form-btn .form-btn-bg {
    background: #fff;
    border-radius: 4px;
    padding: 4px;
    position: relative;
  }

  .form-btn .form-btn-bg::before {
    content: "";
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23181818%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 470px 50%;
    background-size: auto 20px;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .form-btn .form-btn-bg::after {
    content: "";
    background: #181818;
    display: block;
    height: 100%;
    transition: transform .5s ease-in-out;
    transform: scale(0, 1);
    transform-origin: 100% 0;
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #dc82b4;
    background: -moz-linear-gradient(left, #dc82b4 0%, #78c8ff 100%);
    background: -webkit-linear-gradient(left, #dc82b4 0%, #78c8ff 100%);
    background: linear-gradient(to right, #dc82b4 0%, #78c8ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc82b4', endColorstr='#78c8ff', GradientType=1);
    border-radius: 3px;
  }

  .form-btn .form-btn-label {
    position: relative;
    z-index: 2;
  }
}

@media (any-hover: hover) {
  .form-btn:hover {
    color: #fff;
  }

  .form-btn:hover .form-btn-bg::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E");
  }

  .form-btn:hover .form-btn-bg::after {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .form-btn {
    border-radius: 0.8vw;
    font-size: 4vw;
    line-height: 14.933vw;
    padding: 0.8vw;
    width: 77.333vw;
  }

  .form-btn .form-btn-bg {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2021.67%22%3E%3Cpath%20fill%3D%22%23181818%22%20d%3D%22M.97%2019.42l2.16%202.25L13%2011.35v-.01L2.15%200%200%202.25l8.7%209.09-7.73%208.08z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    background-position: 70vw 50%;
    background-size: auto 4vw;
    border-radius: 0.7vw;
  }
}

.form-btn-hidden {
  display: none;
}

@media only screen and (min-width: 768px) {
  #inquiry-tit {
    background-position: 350px 50%;
    width: 377px;
  }
}

#inquiry-yosan,
#inquiry-yosan01,
#inquiry-yosan02 {
  display: inline-block;
}

#inquiry-coding {
  background-position: 310px 50%;
  width: 337px;
}

#inquiry-return,
#inquiry-time {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  #inquiry-return .wpcf7-list-item,
  #inquiry-time .wpcf7-list-item {
    margin-bottom: 10px;
    width: 185px;
  }
}

@media only screen and (max-width: 767px) {
  #inquiry-return .wpcf7-list-item,
  #inquiry-time .wpcf7-list-item {
    margin-bottom: 4vw;
    width: 45%;
  }
}

@media only screen and (min-width: 768px) {
  .form-flex {
    padding-top: 24px;
  }
}

#tkt-01,
#tkt-check01,
#tkt-check02 {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
  #tkt-01 .wpcf7-list-item,
  #tkt-check01 .wpcf7-list-item,
  #tkt-check02 .wpcf7-list-item {
    margin-bottom: 10px;
    width: 185px;
  }
}

@media only screen and (max-width: 767px) {
  #tkt-01 .wpcf7-list-item,
  #tkt-check01 .wpcf7-list-item,
  #tkt-check02 .wpcf7-list-item {
    margin-bottom: 4vw;
    width: 45%;
  }
}

@media only screen and (min-width: 768px) {
  .thanks {
    padding-top: 25px;
  }
}

@media only screen and (min-width: 768px) {
  .thanks-img {
    margin: 0 auto 40px;
    width: 360px;
  }
}

@media only screen and (max-width: 767px) {
  .thanks-img {
    margin: 0 auto 9.333vw;
    width: 80vw;
  }
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3B%7D.cls-2%7Bfill%3A%23dc0000%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Crect%20class%3D%22cls-1%22%20width%3D%2220%22%20height%3D%2220%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M10%2C1.5A8.5%2C8.5%2C0%2C1%2C0%2C18.5%2C10%2C8.51%2C8.51%2C0%2C0%2C0%2C10%2C1.5Zm3.82%2C11.36-1%2C1L10%2C11%2C7.14%2C13.82l-1-1L9%2C10%2C6.18%2C7.14l1-1L10%2C9l2.86-2.86%2C1%2C1L11%2C10Z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
  border: solid #dc0000;
  border-width: 1px 0;
  color: #dc0000;
  display: inline-block;
  margin: 2em auto 1em;
}

@media only screen and (min-width: 768px) {
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output {
    background-position: 8px center;
    background-size: 20px auto;
    font-size: 14px;
    line-height: 30px;
    padding: 0 10px 0 30px;
    max-width: 800px;
  }
}

@media only screen and (max-width: 767px) {
  .wpcf7 form.invalid .wpcf7-response-output,
  .wpcf7 form.unaccepted .wpcf7-response-output {
    background-position: 1.6vw 1.6vw;
    background-size: 5.333vw auto;
    font-size: 3.733vw;
    letter-spacing: 0.06em;
    line-height: 1.5;
    padding: 1.867vw 1.333vw 1.867vw 6.667vw;
    max-width: 92vw;
  }
}