/* screen - contact */

.contact {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-x: hidden;
}

.contact .main-contact {
  align-items: center;
  align-self: stretch;
  background-color: var(--recruitzennoh-butsuryucojpwhite);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 5vw;
  padding: 6.67vw 0vw 8.89vw;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contact .main-contact {
    padding: 12.3vw 0;
  }
}

.contact .section-form {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 3.89vw;
  position: relative;
  width: 60.42vw;
}
@media screen and (max-width: 768px) {
  .contact .section-form {
    width: 100%;
    padding: 0 5.128vw;
    gap: 14.4vw;
  }
}

.contact .container-9 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.contact .conta {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.11vw;
  position: relative;
  width: 60.42vw;
}
@media screen and (max-width: 768px) {
  .contact .conta {
    width: 100%;
  }
}

.contact .text-1-1 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-m);
  font-weight: 500;
  letter-spacing: 0.03vw;
  position: relative;
}

.contact .span {
  color: var(--abbey);
  letter-spacing: 0.01vw;
}

.contact .span1 {
  color: var(--orange-red);
  letter-spacing: 0.01vw;
}

.contact .form {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.22vw;
  position: relative;
  font-family: var(--font-family-zen_kaku_gothic_new);
}
@media screen and (max-width: 768px) {
  .contact .form {
    gap: 8.2vw;
  }
}

.contact .container {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.11vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contact .container {
    gap: 2.05vw;
  }
}

.contact .paragraph-2 {
  align-items: center;
}

.contact .text {
  letter-spacing: 0.04vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .text-3-1 {
  letter-spacing: 0;
  line-height: 1.67vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  color: var(--orange-red);
}

.contact .label {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 0.56vw;
  position: relative;
  width: 100%;
}

.contact .input {
  background-color: var(--recruitzennoh-butsuryucojpwhite);
  border: 0.07vw solid;
  border-color: var(--trboulder);
  border-radius: 3.47vw;
  height: 0.9vw;
  position: relative;
  width: 0.9vw;
}

.contact .text-1 {
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .text-5-1 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: 35.9vw;
}

.contact .text-6-1 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: 13.2vw;
}

.contact .container-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.56vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .contact .container-1 {
    gap: 2.05vw;
  }
}

.contact .container-2 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 60.42vw;
}

.contact .input-1 {
  align-items: flex-start;
  background-color: var(--lily-white);
  border: 0.07vw solid;
  border-color: var(--mercury);
  border-radius: 0.56vw;
  display: flex;
  justify-content: center;
  padding: 1.74vw 1.32vw 2.01vw;
  position: relative;
  width: 60.42vw;
}
@media screen and (max-width: 768px) {
  .contact .input-1 {
    padding: 6.15vw 4.1vw;
    width: 100%;
  }
}

.contact .container-3 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  padding: 0.28vw 0vw 0.07vw;
  position: relative;
}

.contact .text-8 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .paragraph {
  align-items: flex-start;
}

.contact .text-2 {
  color: var(--orange-red);
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .text-11 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .text-14 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .paragraph-1 {
  align-items: flex-start;
}

.contact .input-3 {
  background-color: var(--lily-white);
  border: 0.07vw solid;
  border-color: var(--mercury);
  border-radius: 0.56vw;
  height: 5.42vw;
  position: relative;
  width: 60.42vw;
}

.contact .container-10 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 1.32vw;
  padding: 0.28vw 0vw 0.07vw;
  position: relative;
  top: 1.74vw;
  width: 108.26vw;
}

.contact .container-4 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 0.83vw;
  position: relative;
}

.contact .input-2 {
  align-items: flex-start;
  background-color: var(--lily-white);
  border: 0.07vw solid;
  border-color: var(--mercury);
  border-radius: 0.56vw;
  display: flex;
  height: 6.04vw;
  justify-content: center;
  padding: 2.01vw 1.32vw 2.08vw;
  position: relative;
  width: 60.42vw;
}

.contact .container-5 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.contact .examplejjtccojp {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .text-21 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .text-23 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .textarea::-webkit-scrollbar {
  display: none;
  width: 0;
}

.contact .textarea {
  background-color: var(--lily-white);
  border: 0.07vw solid;
  border-color: var(--mercury);
  border-radius: 0.56vw;
  height: 16.67vw;
  overflow: scroll;
  position: relative;
  width: 60.42vw;
  padding: 1.74vw 1.32vw 2.01vw;
}
@media screen and (max-width: 768px) {
  .contact .textarea {
    height: 61.5vw;
    width: 100%;
    padding: 6.15vw 4.1vw;
  }
}

.contact .container-11 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.67vw;
  position: relative;
  width: 60.42vw;
}
@media screen and (max-width: 768px) {
  .contact .container-11 {
    width: 100%;
  }
}

.contact .container-12 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  margin-right: -0.21vw;
  position: relative;
  width: 60.62vw;
}

.contact .text-26 {
  align-self: stretch;
  color: transparent;
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 2.92vw;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .span0 {
  color: #0967e0;
  font-weight: 500;
  letter-spacing: 0.01vw;
  text-decoration: underline;
}

.contact .span1-1 {
  letter-spacing: 0.01vw;
}

.contact .label-1 {
  height: 1.94vw;
  margin-right: -0.21vw;
  position: relative;
  width: 60.62vw;
}

.contact .input-4 {
  background-color: var(--recruitzennoh-butsuryucojpwhite);
  border: 0.07vw solid;
  border-color: var(--trboulder);
  border-radius: 0.17vw;
  height: 0.9vw;
  left: 0;
  position: absolute;
  top: 0.56vw;
  width: 0.9vw;
}

.contact .text-27 {
  color: var(--trmine-shaft);
  font-family: var(--font-family-zen_kaku_gothic_new);
  font-size: var(--font-size-l);
  font-weight: 500;
  height: 1.94vw;
  left: 1.6vw;
  letter-spacing: 0.04vw;
  line-height: 2.19vw;
  position: absolute;
  top: -0.14vw;
  white-space: nowrap;
  width: 22.36vw;
}

.contact .container-13 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .text_label-1 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  flex: 1;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 1.67vw;
  margin-bottom: -0.56vw;
  margin-top: -0.69vw;
}

.contact .cta {
  align-items: flex-start;
  align-self: stretch;
  background-color: #378bb6;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.67vw;
  padding: 5.56vw 4.44vw 4.44vw;
  position: relative;
  width: 100%;
}

.contact .frame-1339 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 1.67vw;
  margin-right: -1.04vw;
  position: relative;
  width: 92.15vw;
}

.contact .frame-1333 {
  align-items: flex-start;
  background-image: url(../img/frame-1333.svg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 0.56vw;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.67vw;
  height: 19.38vw;
  overflow: hidden;
  padding: 3.89vw 5.76vw;
  position: relative;
}

.contact .container-14 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.contact .top-heading {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .news {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-weight: 600;
  line-height: 2.78vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .text_label {
  color: #ffffffe6;
  font-family: var(--font-family-ibm_plex_sans);
  font-size: var(--font-size-s);
  letter-spacing: 0.03vw;
  line-height: 1.7vw;
  white-space: nowrap;
  width: fit-content;
}

.contact .frame-1340 {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 4.03vw;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.contact .text-30 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-ibm_plex_sans);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  position: relative;
  width: fit-content;
}

.contact .button {
  align-items: center;
  background-color: #ffffff4c;
  border-radius: 2.22vw;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.83vw;
  justify-content: center;
  padding: 0.83vw;
  position: relative;
}

.contact .icon-chevron-right {
  background-image: url(../img/icon-chevron-right.svg);
  background-size: 100% 100%;
}

.contact .logo-5 {
  height: 19.38vw;
  left: 24.17vw;
  position: absolute;
  top: 0;
  width: 21.11vw;
}

.contact .frame-1334 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/frame-1334.svg);
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 0.56vw;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 1.67vw;
  padding: 3.89vw 5.76vw;
  position: relative;
}

.contact .top-heading-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .frame-1340-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.contact .text-31 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-ibm_plex_sans);
  font-size: var(--font-size-m);
  font-weight: 600;
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.contact .icon-chevron-right-1 {
  background-image: url(../img/icon---chevron-right-1.svg);
  background-size: 100% 100%;
  height: 1.67vw;
  position: relative;
  width: 1.67vw;
}

.contact .footer {
  align-items: center;
  align-self: stretch;
  background-color: #333333;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0vw 7.78vw;
  position: relative;
  width: 100%;
}

.contact .frame-38635 {
  height: 37.99vw;
  left: 0;
  position: absolute;
  top: 0;
  width: 66.67vw;
}

.contact .container-15 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.78vw;
  max-width: 84.44vw;
  padding: 0vw 1.67vw;
  position: relative;
  width: 83.33vw;
}

.contact .container-16 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 5.56vw;
  padding: 5.56vw 0vw 3.89vw;
  position: relative;
  width: 100%;
}

.contact .container-17 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 2.78vw;
  position: relative;
}

.contact .wh-1 {
  height: 2.5vw;
  object-fit: cover;
  position: relative;
  width: 16.67vw;
}

.contact .address {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.04vw;
  position: relative;
}

.contact .container-18 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .text-32 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.7vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .container-19 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  opacity: 0.7;
  position: relative;
  width: 100%;
}

.contact .frame-1343 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.28vw;
  position: relative;
}

.contact .frame-1345 {
  align-items: center;
  display: flex;
  gap: 0.56vw;
  padding: 0.28vw 0vw 0vw;
  position: relative;
  width: 1.11vw;
}

.contact .icon-map {
  flex: 1;
  flex-grow: 1;
}

.contact .text-33 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-ibm_plex_sans);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0.03vw;
  line-height: 1.7vw;
  margin-top: -0.07vw;
  position: relative;
  width: fit-content;
}

.contact .frame-1344 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.28vw;
  position: relative;
}

.contact .icon-mobile {
  width: 1.11vw;
}

.contact .text-34 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-ibm_plex_sans);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0.03vw;
  line-height: 1.7vw;
  margin-top: -0.07vw;
  position: relative;
  width: 15.56vw;
}

.contact .frame-1300 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.11vw;
  justify-content: flex-end;
  position: relative;
}

.contact .pmark_wh_tr {
  background-color: var(--white);
  border-radius: 2.22vw;
  height: 3.06vw;
  overflow: hidden;
  position: relative;
  width: 3.06vw;
}

.contact .logo-1 {
  height: 1.18vw;
  left: 0.97vw;
  position: absolute;
  top: 0.97vw;
  width: 1.11vw;
}

.contact .icons8 {
  height: 1.74vw;
  left: 0.69vw;
  position: absolute;
  top: 0.69vw;
  width: 1.74vw;
}

.contact .frame-1303 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2.78vw;
  position: relative;
  width: 56.67vw;
}

.contact .nav {
  align-self: stretch;
  display: flex;
  gap: 2.22vw;
  height: 21.11vw;
  justify-content: flex-end;
  width: 100%;
}

.contact .container-20 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  position: relative;
}

.contact .container-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 2.22vw;
  position: relative;
}

.contact .container-21 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .component-10 {
  align-items: center;
  border-bottom-style: solid;
  border-bottom-width: 0.07vw;
  border-color: var(--mercury);
  justify-content: space-between;
  padding: 0vw 0vw 0.83vw 0vw;
}

.contact .text-4 {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-yu_gothic-bold);
  font-size: var(--font-size-m);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .chevron-right {
  background-image: url(../img/chevron-right.svg);
  height: 1.11vw;
  width: 1.11vw;
}

.contact .container-22 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .container-23 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .container-24 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .container-25 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .list {
  align-items: flex-start;
  flex-direction: column;
  margin-top: -0.03vw;
  padding: 1.11vw 0vw 0vw;
}

.contact .component-11 {
  align-items: flex-start;
  flex-direction: column;
  padding: 0.34vw 0vw;
}

.contact .text-7 {
  letter-spacing: 0.03vw;
  line-height: 1.46vw;
  margin-top: -0.07vw;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.contact .component-1 {
  align-items: flex-start;
  flex-direction: column;
  margin-top: -0vw;
  padding: 0.34vw 0vw;
}

.contact .text-5 {
  align-self: stretch;
  letter-spacing: 0.03vw;
  line-height: 1.46vw;
  margin-top: -0.07vw;
  position: relative;
}

.contact .container-26 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .container-27 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .chevron-right-1 {
  background-image: url(../img/chevron-right.svg);
  background-size: 100% 100%;
  height: 1.11vw;
  position: relative;
  width: 1.11vw;
}

.contact .container-28 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .container-29 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.contact .horizontal-border {
  align-items: center;
  align-self: stretch;
  border-color: var(--white);
  border-top-style: solid;
  border-top-width: 0.07vw;
  display: flex;
  height: 4.64vw;
  justify-content: space-around;
  padding: 0vw 31.85vw 0vw 31.85vw;
  position: relative;
  width: 100%;
}

.contact .x2025-japan-vocational-training-center {
  color: var(--recruitzennoh-butsuryucojpwhite);
  font-family: var(--font-family-ibm_plex_sans);
  font-size: var(--font-size-xs);
  font-weight: 400;
  letter-spacing: 0.03vw;
  line-height: 1.46vw;
  margin-left: -0.01vw;
  margin-right: -0.01vw;
  opacity: 0.6;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.contact .button-2 {
  align-items: center;
  background: linear-gradient(
    135deg,
    rgba(3, 60, 142, 1) 30%,
    rgba(55, 139, 182, 1) 100%
  );
  border-radius: 2.22vw;
  box-shadow: 0vw 1.67vw 3.33vw -0.83vw #0000002e;
  display: inline-flex;
  gap: 0.83vw;
  justify-content: center;
  left: 80.56vw;
  padding: 0.83vw;
  position: absolute;
  top: 31.04vw;
  transform: rotate(-180deg);
}

.contact .icon-chevron-down {
  transform: rotate(180deg);
}

.contact .header {
  -webkit-backdrop-filter: blur(0.83vw) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(0.83vw) brightness(100%);
  background-color: var(--recruitzennoh-butsuryucojpwhite);
  border-radius: 1.11vw;
  box-shadow: 0vw 0.07vw 0.28vw #0000000a;
  display: flex;
  flex-direction: column;
  left: 1.39vw;
  padding: 1.11vw 2.22vw;
  position: absolute;
  top: 1.39vw;
  width: 97.22vw;
}

.contact .navigation-left {
  align-items: center;
  align-self: stretch;
  display: flex;
  height: 3.06vw;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.contact .logo {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
}

.contact .logo-2 {
  height: 2.08vw;
  object-fit: cover;
  position: relative;
  width: 13.89vw;
}

.contact .container-30 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  position: relative;
}

.contact .nav-1 {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
}

.contact .list-1 {
  align-items: center;
}

.contact .header-text {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 0.56vw 1.11vw;
  position: relative;
}

.contact .container-7 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
}

.contact .text-6 {
  letter-spacing: 0.03vw;
  line-height: 1.94vw;
  margin-top: -0.07vw;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.contact .container-8 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.28vw;
  justify-content: center;
  position: relative;
}

.contact .chevron-down {
  background-image: url(../img/chevron-down.svg);
  height: 1.67vw;
  width: 1.67vw;
}

.contact .chevron {
  background-size: 100% 100%;
  position: relative;
}

.contact .component {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.contact .icon {
  height: 1.11vw;
  position: relative;
}

.contact .icon-chevron {
  height: 1.67vw;
  position: relative;
  width: 1.67vw;
}

.contact .list-2 {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.contact .nav-2 {
  align-items: flex-start;
  position: relative;
}

.contact .paragraph-3 {
  display: flex;
  gap: 0.28vw;
  position: relative;
  width: 60.42vw;
}
/* CF7 */
.wpcf7-radio {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wpcf7-radio input[type="radio"] {
  display: none;
}

@media screen and (max-width: 768px) {
  .wpcf7-list-item {
    margin-left: 0;
  }
}

.wpcf7-list-item label {
  cursor: pointer;
}

.wpcf7-radio input[type="radio"] + .wpcf7-list-item-label {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.wpcf7-radio input[type="radio"] + .wpcf7-list-item-label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--oslo-gray);
}
@media screen and (max-width: 768px) {
  .wpcf7-radio input[type="radio"] + .wpcf7-list-item-label::before {
    flex-shrink: 0;
  }
}

.wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--boston-blue);
  position: absolute;
  top: 7px;
  left: 3px;
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 768px) {
  .wpcf7-radio input[type="radio"]:checked + .wpcf7-list-item-label::after {
    top: 50%;
    transform: translateY(-50%);
  }
}

.contact .input-1:focus-visible,
.contact .input-1:focus,
.contact .textarea:focus-visible,
.contact .textarea:focus {
  outline: 2px solid var(--boston-blue);
}

.contact .input-1:focus-within .wpcf7-list-item-label::before,
.contact .textarea:focus-within .wpcf7-list-item-label::before {
  outline: 2px solid var(--boston-blue);
}