@keyframes __fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes __up {
  0% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes __blurInAnime {
  from {
    opacity: 0;
    transform: scale(1.02);
    filter: blur(1em);
  }
  to {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}
/*************/
/* .mainArea */
/*************/
.mainArea .js-fadeInUp.is-waiting {
  opacity: 0;
  visibility: hidden;
}
.mainArea .js-fadeInUp.is-running {
  visibility: visible;
  animation: __fadeIn 1000ms, __up 1000ms;
}
.mainArea .js-blurIn.is-waiting {
  visibility: hidden;
  opacity: 0;
}
.mainArea .js-blurIn.is-running {
  visibility: visible;
  animation: __blurInAnime 1000ms forwards;
}
@media screen and (max-width: 960.98px) {
  .mainArea {
    padding: clamp(56px, calc(56px + (24 * max(0px, ((100dvw - 384px) / (384))))), 80px) 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea {
    padding: 80px 0;
  }
}
.mainArea .orderForm,
.mainArea .inputError {
  /* Error Bubble Styles */
  /* Make sure parent has relative position for bubble positioning */
}
.mainArea .orderForm .l-inner,
.mainArea .inputError .l-inner {
  box-sizing: border-box;
  margin: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px) auto 0;
}
@media screen and (max-width: 480.98px) {
  .mainArea .orderForm .l-inner,
  .mainArea .inputError .l-inner {
    margin: clamp(0px, calc(0px + (45 * max(0px, ((100dvw - 0px) / (768))))), 45px) auto 0;
    width: clamp(0px, calc(0px + (668 * max(0px, ((100dvw - 0px) / (768))))), 668px);
  }
}
@media print, screen and (min-width: 481px) {
  .mainArea .orderForm .l-inner,
  .mainArea .inputError .l-inner {
    margin: clamp(0px, calc(0px + (88 * max(0px, ((100dvw - 0px) / (1140))))), 88px) auto 0;
    width: clamp(0px, calc(0px + (1020 * max(0px, ((100dvw - 0px) / (1140))))), 1020px);
  }
}
.mainArea .orderForm .orderForm_heading,
.mainArea .inputError .orderForm_heading {
  text-align: left;
}
.mainArea .orderForm .orderForm_heading img,
.mainArea .inputError .orderForm_heading img {
  width: auto;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .orderForm_heading img,
  .mainArea .inputError .orderForm_heading img {
    height: clamp(15.3px, calc(15.3px + (16.7 * max(0px, ((100dvw - 384px) / (384))))), 32px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .orderForm_heading img,
  .mainArea .inputError .orderForm_heading img {
    height: 32px;
  }
}
.mainArea .orderForm .inputError_heading,
.mainArea .inputError .inputError_heading {
  text-align: left;
  font-size: clamp(1.8rem, calc(18px + (6 * max(0px, ((100dvw - 384px) / (384))))), 2.4rem);
}
.mainArea .orderForm .inputError_list,
.mainArea .inputError .inputError_list {
  margin-top: clamp(0px, calc(0px + (10 * max(0px, ((100dvw - 0px) / (1140))))), 10px);
}
.mainArea .orderForm .inputError_list li,
.mainArea .inputError .inputError_list li {
  text-align: left;
  font-size: clamp(1.3rem, calc(13px + (2.8 * max(0px, ((100dvw - 384px) / (384))))), 1.58rem);
  margin-top: 0.2em;
  color: #F00;
}
.mainArea .orderForm .l-back,
.mainArea .inputError .l-back {
  font-size: clamp(1.3rem, calc(13px + (2.8 * max(0px, ((100dvw - 384px) / (384))))), 1.58rem);
  text-decoration: none;
  color: #FFF;
  background-color: #000;
  display: block;
  padding: clamp(0px, calc(0px + (20 * max(0px, ((100dvw - 0px) / (1020))))), 20px) 0;
  border: none;
  box-sizing: border-box;
  margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (1020))))), 60px);
  width: clamp(0px, calc(0px + (200 * max(0px, ((100dvw - 0px) / (1020))))), 200px);
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .orderForm .l-back,
  .mainArea .inputError .l-back {
    transition: opacity 400ms;
  }
  .mainArea .orderForm .l-back:hover,
  .mainArea .inputError .l-back:hover {
    opacity: 0.7;
  }
}
.mainArea .orderForm .l-text-error,
.mainArea .inputError .l-text-error {
  text-align: left;
  font-size: clamp(1.3rem, calc(13px + (2.8 * max(0px, ((100dvw - 384px) / (384))))), 1.58rem);
  margin-top: clamp(0px, calc(0px + (80 * max(0px, ((100dvw - 0px) / (1140))))), 80px);
}
.mainArea .orderForm .orderForm_text,
.mainArea .inputError .orderForm_text {
  text-align: justify;
  font-size: clamp(1.3rem, calc(13px + (2.8 * max(0px, ((100dvw - 384px) / (384))))), 1.58rem);
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .orderForm_text,
  .mainArea .inputError .orderForm_text {
    line-height: 1.8;
    margin-top: 1.6em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .orderForm_text,
  .mainArea .inputError .orderForm_text {
    line-height: 2;
    margin-top: 2em;
  }
}
.mainArea .orderForm .l-tab > .l-inner,
.mainArea .inputError .l-tab > .l-inner {
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .l-tab > .l-inner,
  .mainArea .inputError .l-tab > .l-inner {
    padding-top: clamp(40px, calc(40px + (20 * max(0px, ((100dvw - 320px) / (640))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .l-tab > .l-inner,
  .mainArea .inputError .l-tab > .l-inner {
    padding-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (1020))))), 60px);
  }
}
.mainArea .orderForm .formArea,
.mainArea .inputError .formArea {
  text-align: left;
}
.mainArea .orderForm .formArea.is-active .formArea_inner,
.mainArea .inputError .formArea.is-active .formArea_inner {
  display: block;
}
.mainArea .orderForm .formArea .formArea_heading,
.mainArea .inputError .formArea .formArea_heading {
  font-size: clamp(1.4rem, calc(14px + (4 * max(0px, ((100dvw - 384px) / (384))))), 1.8rem);
  text-align: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  cursor: pointer;
  padding: 0.8em 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_heading,
  .mainArea .inputError .formArea .formArea_heading {
    width: clamp(90px, calc(90px + (170 * max(0px, ((100dvw - 320px) / (640))))), 260px);
    height: clamp(40px, calc(40px + (20 * max(0px, ((100dvw - 320px) / (640))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_heading,
  .mainArea .inputError .formArea .formArea_heading {
    width: clamp(0px, calc(0px + (320 * max(0px, ((100dvw - 0px) / (1140))))), 320px);
    height: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (1020))))), 60px);
  }
}
.mainArea .orderForm .formArea .formArea_inner,
.mainArea .inputError .formArea .formArea_inner {
  display: none;
  text-align: center;
  padding: clamp(0px, calc(0px + (46 * max(0px, ((100dvw - 0px) / (1020))))), 46px) clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (1020))))), 50px) clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (1020))))), 60px);
}
.mainArea .orderForm .formArea .formArea_element,
.mainArea .inputError .formArea .formArea_element {
  text-align: left;
  position: relative;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_element,
  .mainArea .inputError .formArea .formArea_element {
    margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (768))))), 60px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_element,
  .mainArea .inputError .formArea .formArea_element {
    margin-top: clamp(0px, calc(0px + (36 * max(0px, ((100dvw - 0px) / (1020))))), 36px);
  }
}
.mainArea .orderForm .formArea .formArea_element_text,
.mainArea .inputError .formArea .formArea_element_text {
  font-size: clamp(1.3rem, calc(13px + (5 * max(0px, ((100dvw - 384px) / (384))))), 1.8rem);
  padding-left: 1.2em;
  position: relative;
}
.mainArea .orderForm .formArea .formArea_element_text::after,
.mainArea .inputError .formArea .formArea_element_text::after {
  content: "";
  background-color: #000;
  mask: url("../images/icon-forward.svg") no-repeat center;
  mask-size: contain;
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  left: 0;
  transform: translate(0, -50%) rotate(-90deg);
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_element_text::after,
  .mainArea .inputError .formArea .formArea_element_text::after {
    top: 0.7em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_element_text::after,
  .mainArea .inputError .formArea .formArea_element_text::after {
    top: 50%;
  }
}
.mainArea .orderForm .formArea .l-wrapper,
.mainArea .inputError .formArea .l-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: start;
}
.mainArea .orderForm .formArea .formArea_contents .formArea_element_list,
.mainArea .inputError .formArea .formArea_contents .formArea_element_list {
  margin-top: 0.8em;
  row-gap: 0.8em;
}
@media screen and (max-width: 480.98px) {
  .mainArea .orderForm .formArea .formArea_contents .formArea_element_list,
  .mainArea .inputError .formArea .formArea_contents .formArea_element_list {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: start;
  }
}
@media print, screen and (min-width: 481px) {
  .mainArea .orderForm .formArea .formArea_contents .formArea_element_list,
  .mainArea .inputError .formArea .formArea_contents .formArea_element_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
}
.mainArea .orderForm .formArea .formArea_contents li,
.mainArea .inputError .formArea .formArea_contents li {
  text-align: left;
  color: #000;
  position: relative;
  margin-right: 2.5em;
  padding-bottom: 0.1em;
  box-sizing: border-box;
  font-size: clamp(1.3rem, calc(13px + (5 * max(0px, ((100dvw - 384px) / (384))))), 1.8rem);
  letter-spacing: 0.05em;
}
.mainArea .orderForm .formArea .formArea_contents li:last-child,
.mainArea .inputError .formArea .formArea_contents li:last-child {
  margin-right: 0;
}
.mainArea .orderForm .formArea .formArea_contents label,
.mainArea .inputError .formArea .formArea_contents label {
  padding-top: 0.1em;
  display: flex;
  line-height: 1.4;
  align-items: center;
}
.mainArea .orderForm .formArea .formArea_contents label span,
.mainArea .inputError .formArea .formArea_contents label span {
  white-space: nowrap;
}
.mainArea .orderForm .formArea .formArea_contents .l-text,
.mainArea .inputError .formArea .formArea_contents .l-text {
  white-space: nowrap;
}
.mainArea .orderForm .formArea .formArea_contents label:has(input[type=radio]),
.mainArea .inputError .formArea .formArea_contents label:has(input[type=radio]) {
  cursor: pointer;
  padding-left: 1.8em;
}
.mainArea .orderForm .formArea .formArea_contents input,
.mainArea .inputError .formArea .formArea_contents input {
  vertical-align: top;
}
.mainArea .orderForm .formArea .formArea_contents input::placeholder,
.mainArea .inputError .formArea .formArea_contents input::placeholder {
  color: #E5E5E5;
}
.mainArea .orderForm .formArea .formArea_contents input[type=radio],
.mainArea .inputError .formArea .formArea_contents input[type=radio] {
  visibility: hidden;
  top: 0.5em;
  position: absolute;
}
.mainArea .orderForm .formArea .formArea_contents input[type=radio] + .l-radio:before,
.mainArea .inputError .formArea .formArea_contents input[type=radio] + .l-radio:before {
  background-color: #FFF;
  width: 1.4em;
  height: 1.4em;
  position: absolute;
  z-index: 100;
  top: 0.1em;
  left: 0;
  content: "";
}
.mainArea .orderForm .formArea .formArea_contents input[type=radio]:checked + .l-radio:after,
.mainArea .inputError .formArea .formArea_contents input[type=radio]:checked + .l-radio:after {
  background: url("../images/icon-checkmark.svg") no-repeat 50% 50%/1em;
  width: 1em;
  height: 1em;
  position: absolute;
  z-index: 100;
  top: 0.3em;
  left: 0.25em;
  content: "";
}
.mainArea .orderForm .formArea .formArea_contents input[type=text], .mainArea .orderForm .formArea .formArea_contents textarea,
.mainArea .inputError .formArea .formArea_contents input[type=text],
.mainArea .inputError .formArea .formArea_contents textarea {
  font-size: clamp(1.3rem, calc(13px + (1 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  border: none;
  border-radius: 0;
  padding: 0.2em;
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents input[type=text], .mainArea .orderForm .formArea .formArea_contents textarea,
  .mainArea .inputError .formArea .formArea_contents input[type=text],
  .mainArea .inputError .formArea .formArea_contents textarea {
    height: 1.8em;
  }
}
.mainArea .orderForm .formArea .formArea_contents .l-note,
.mainArea .inputError .formArea .formArea_contents .l-note {
  font-size: clamp(1.05rem, calc(10.5px + (3.5 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  font-style: normal;
  margin-top: 0.4em;
}
.mainArea .orderForm .formArea .formArea_contents .l-shape,
.mainArea .inputError .formArea .formArea_contents .l-shape {
  margin-top: 0;
}
.mainArea .orderForm .formArea .formArea_contents .l-shape input[type=text],
.mainArea .inputError .formArea .formArea_contents .l-shape input[type=text] {
  margin: 0 0.4em;
}
.mainArea .orderForm .formArea .formArea_contents .l-size li:last-child,
.mainArea .inputError .formArea .formArea_contents .l-size li:last-child {
  margin-right: 2.5em;
}
.mainArea .orderForm .formArea .formArea_contents .l-size input[type=text],
.mainArea .inputError .formArea .formArea_contents .l-size input[type=text] {
  width: 5em;
  margin: 0 0.4em;
}
.mainArea .orderForm .formArea .formArea_contents .l-size p,
.mainArea .inputError .formArea .formArea_contents .l-size p {
  margin-top: 0.8em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-size .l-wrapper,
  .mainArea .inputError .formArea .formArea_contents .l-size .l-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-size .l-wrapper .formArea_element_list,
  .mainArea .inputError .formArea .formArea_contents .l-size .l-wrapper .formArea_element_list {
    display: contents;
  }
}
.mainArea .orderForm .formArea .formArea_contents .l-material li:nth-child(2),
.mainArea .inputError .formArea .formArea_contents .l-material li:nth-child(2) {
  margin-right: 1em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper,
  .mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper {
    flex-direction: column;
  }
}
.mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper p,
.mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper p {
  flex-grow: 1;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper p,
  .mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper p {
    margin-top: 1em;
    width: 100%;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper label,
  .mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper label {
    display: block;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper label,
  .mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper label {
    display: flex;
    align-items: center;
  }
}
.mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper .l-text,
.mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper .l-text {
  font-size: clamp(1.3rem, calc(13px + (1 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  flex-shrink: 0;
}
.mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper textarea,
.mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper textarea {
  flex: 1;
  min-width: 0;
  border: none;
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper textarea,
  .mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper textarea {
    width: 100%;
    height: 5em;
    margin: 0.4em 0 0 0;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper textarea,
  .mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper textarea {
    margin: 0 0.4em;
    height: 1.6em;
    resize: none;
  }
}
.mainArea .orderForm .formArea .formArea_contents .l-material .l-wrapper textarea::placeholder,
.mainArea .inputError .formArea .formArea_contents .l-material .l-wrapper textarea::placeholder {
  color: #E5E5E5;
}
.mainArea .orderForm .formArea .formArea_contents .l-product,
.mainArea .inputError .formArea .formArea_contents .l-product {
  margin-top: 0;
}
.mainArea .orderForm .formArea .formArea_contents .l-product p.formArea_element_input,
.mainArea .inputError .formArea .formArea_contents .l-product p.formArea_element_input {
  margin-top: 0.8em;
}
.mainArea .orderForm .formArea .formArea_contents .l-product p.formArea_element_input input[type=text],
.mainArea .inputError .formArea .formArea_contents .l-product p.formArea_element_input input[type=text] {
  font-size: clamp(1.3rem, calc(13px + (1 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  border: none;
  border-radius: 0;
  width: 100%;
  padding: 0.2em;
  box-sizing: border-box;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-product p.formArea_element_input input[type=text],
  .mainArea .inputError .formArea .formArea_contents .l-product p.formArea_element_input input[type=text] {
    height: 1.8em;
  }
}
.mainArea .orderForm .formArea .formArea_contents .l-other textarea,
.mainArea .inputError .formArea .formArea_contents .l-other textarea {
  margin-top: 0.8em;
  border: none;
  width: 100%;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_contents .l-other textarea,
  .mainArea .inputError .formArea .formArea_contents .l-other textarea {
    margin: 0.4em 0 0 0;
    height: 8em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_contents .l-other textarea,
  .mainArea .inputError .formArea .formArea_contents .l-other textarea {
    margin: 0.8em 0 0 0;
    height: 230px;
  }
}
.mainArea .orderForm .formArea .l-line,
.mainArea .inputError .formArea .l-line {
  border: none;
  border-top: 1px solid #000;
  margin-top: clamp(0px, calc(0px + (36 * max(0px, ((100dvw - 0px) / (1020))))), 36px);
}
.mainArea .orderForm .formArea .formArea_customer .l-customer ul,
.mainArea .inputError .formArea .formArea_customer .l-customer ul {
  margin-top: 0.8em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer ul,
  .mainArea .inputError .formArea .formArea_customer .l-customer ul {
    display: flex;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer ul,
  .mainArea .inputError .formArea .formArea_customer .l-customer ul {
    grid-template-columns: auto 1fr;
    display: grid;
  }
}
.mainArea .orderForm .formArea .formArea_customer .l-customer li,
.mainArea .inputError .formArea .formArea_customer .l-customer li {
  text-align: left;
  color: #000;
  position: relative;
  padding-bottom: 0.1em;
  box-sizing: border-box;
  font-size: clamp(1.3rem, calc(13px + (5 * max(0px, ((100dvw - 384px) / (384))))), 1.8rem);
  letter-spacing: 0.05em;
  margin-top: 0.8em;
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer li,
  .mainArea .inputError .formArea .formArea_customer .l-customer li {
    margin-right: 1em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer li label,
  .mainArea .inputError .formArea .formArea_customer .l-customer li label {
    display: flex;
    align-items: center;
  }
}
.mainArea .orderForm .formArea .formArea_customer .l-customer li input[type=text],
.mainArea .inputError .formArea .formArea_customer .l-customer li input[type=text] {
  font-size: clamp(1.3rem, calc(13px + (1 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
  margin: 0 0.4em;
  border: none;
  border-radius: 0;
  padding: 0.2em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer li input[type=text],
  .mainArea .inputError .formArea .formArea_customer .l-customer li input[type=text] {
    flex: 1;
    min-width: 0;
    width: 100%;
    height: 1.6em;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-name input,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-name input {
    width: 20em;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-name .l-text,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-name .l-text {
    width: 3.2em;
    white-space: nowrap;
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-tel,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-tel {
    display: flex;
    align-items: center;
  }
}
.mainArea .orderForm .formArea .formArea_customer .l-customer .l-tel input,
.mainArea .inputError .formArea .formArea_customer .l-customer .l-tel input {
  width: 20em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-tel .l-text,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-tel .l-text {
    width: 3.2em;
    white-space: nowrap;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-tel .l-text .l-or,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-tel .l-text .l-or {
    line-height: 0.4;
    display: block;
  }
}
.mainArea .orderForm .formArea .formArea_customer .l-customer .l-tel .l-or,
.mainArea .inputError .formArea .formArea_customer .l-customer .l-tel .l-or {
  font-size: clamp(1.05rem, calc(10.5px + (3.5 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-tel .l-or,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-tel .l-or {
    margin-left: 1em;
    margin-top: 0.4em;
  }
}
.mainArea .orderForm .formArea .formArea_customer .l-customer .l-address input,
.mainArea .inputError .formArea .formArea_customer .l-customer .l-address input {
  width: 12em;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-mail,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-mail {
    margin-top: 0.2em;
  }
}
.mainArea .orderForm .formArea .formArea_customer .l-customer .l-mail label,
.mainArea .inputError .formArea .formArea_customer .l-customer .l-mail label {
  display: flex;
}
.mainArea .orderForm .formArea .formArea_customer .l-customer .l-mail input,
.mainArea .inputError .formArea .formArea_customer .l-customer .l-mail input {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .formArea_customer .l-customer .l-mail .l-text,
  .mainArea .inputError .formArea .formArea_customer .l-customer .l-mail .l-text {
    width: 3.2em;
    white-space: nowrap;
  }
}
.mainArea .orderForm .formArea .l-submit,
.mainArea .inputError .formArea .l-submit {
  background-color: #000;
  padding: clamp(22px, calc(22px + (8 * max(0px, ((100dvw - 384px) / (576))))), 30px) 0;
  border: none;
  box-sizing: border-box;
  margin-top: clamp(0px, calc(0px + (60 * max(0px, ((100dvw - 0px) / (960))))), 60px);
  width: clamp(260px, calc(260px + (190 * max(0px, ((100dvw - 384px) / (576))))), 450px);
}
@media (hover: hover) and (pointer: fine) {
  .mainArea .orderForm .formArea .l-submit,
  .mainArea .inputError .formArea .l-submit {
    transition: opacity 400ms;
  }
  .mainArea .orderForm .formArea .l-submit:hover,
  .mainArea .inputError .formArea .l-submit:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .orderForm .formArea .l-submit img,
  .mainArea .inputError .formArea .l-submit img {
    width: clamp(65px, calc(65px + (35 * max(0px, ((100dvw - 384px) / (576))))), 100px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .orderForm .formArea .l-submit img,
  .mainArea .inputError .formArea .l-submit img {
    width: 100px;
  }
}
.mainArea .orderForm .tableProducts .formArea_heading,
.mainArea .inputError .tableProducts .formArea_heading {
  background-color: #CBCBCB;
  left: 0;
}
.mainArea .orderForm .tableProducts .formArea_inner,
.mainArea .inputError .tableProducts .formArea_inner {
  background-color: #CBCBCB;
}
.mainArea .orderForm .otherProducts .formArea_heading,
.mainArea .inputError .otherProducts .formArea_heading {
  background-color: #E7E1D4;
  left: 50%;
  transform: translateX(-50%);
}
.mainArea .orderForm .otherProducts .formArea_inner,
.mainArea .inputError .otherProducts .formArea_inner {
  background-color: #E7E1D4;
}
.mainArea .orderForm .contact .formArea_heading,
.mainArea .inputError .contact .formArea_heading {
  background-color: #E5E5E5;
  right: 0;
}
.mainArea .orderForm .contact .formArea_inner,
.mainArea .inputError .contact .formArea_inner {
  background-color: #E5E5E5;
}
.mainArea .orderForm .contact .l-other,
.mainArea .inputError .contact .l-other {
  margin-top: 0;
}
.mainArea .orderForm .form-error-bubble,
.mainArea .inputError .form-error-bubble {
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 500;
  background: #FF4444;
  color: #FFF;
  padding: 0.5em 2.5em 0.5em 1em;
  border-radius: 4px;
  font-size: 1.2rem;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 5px;
  opacity: 0;
  animation: __fadeIn 0.3s forwards;
  width: fit-content;
}
.mainArea .orderForm .form-error-bubble::after,
.mainArea .inputError .form-error-bubble::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 1em;
  border-width: 6px;
  border-style: solid;
  border-color: #FF4444 transparent transparent transparent;
}
.mainArea .orderForm .form-error-bubble .form-error-close,
.mainArea .inputError .form-error-bubble .form-error-close {
  position: absolute;
  top: 50%;
  right: 0.5em;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mainArea .orderForm .form-error-bubble .form-error-close svg,
.mainArea .inputError .form-error-bubble .form-error-close svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
}
.mainArea .orderForm .form-error-bubble .form-error-close:hover,
.mainArea .inputError .form-error-bubble .form-error-close:hover {
  opacity: 0.8;
}
.mainArea .orderForm .formArea_element_list,
.mainArea .orderForm .l-wrapper,
.mainArea .orderForm label,
.mainArea .orderForm p.formArea_element_input,
.mainArea .orderForm .l-other,
.mainArea .orderForm .l-name, .mainArea .orderForm .l-address, .mainArea .orderForm .l-tel, .mainArea .orderForm .l-mail,
.mainArea .inputError .formArea_element_list,
.mainArea .inputError .l-wrapper,
.mainArea .inputError label,
.mainArea .inputError p.formArea_element_input,
.mainArea .inputError .l-other,
.mainArea .inputError .l-name,
.mainArea .inputError .l-address,
.mainArea .inputError .l-tel,
.mainArea .inputError .l-mail {
  position: relative;
}
.mainArea .orderForm label > .form-error-bubble,
.mainArea .inputError label > .form-error-bubble {
  left: 0;
}

/*# sourceMappingURL=form.css.map */