@charset "UTF-8";

#contents {
    padding-top: 90px;
    overflow: hidden;
}


/*single-page.css*/
.single-page__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 37px;
}

.single-page__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  flex-wrap: wrap;
  gap: 20px 0;
}

.single-page__top .blog__tags {
  margin-top: 0;
}

.single-page__top .blog__tag {
  font-size: 12px;
  line-height: 14px;
}

.single-page__top .seminar__date {
  font-weight: 700;
}

.single-page__img {
  margin-top: 20px;
  position: relative;
}

.single-wp-content h2 {
  color: var(--color-black);
  font-size: 26px;
  font-weight: 700;
  line-height: 47px; /* 46.8px */
  padding-bottom: 5px;
  border-bottom: 4px solid rgba(0, 0, 0, 0.1);
  position: relative;
    @media (max-width: 767px) {
      font-size: 22px;
    }

  &::after {
    content: "";
    width: 50px;
    height: 4px;
    background-color: var(--color-black);
    position: absolute;
    left: 0;
    bottom: -4px;
  }
}

.single-wp-content h3 {
  color: var(--color-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  border-left: 4px solid var(--color-black);
  background: #f0f0f0;
  padding: 10px 14px 10px 11px;
  margin-top: 30px;
}

.single-wp-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.6px;
  margin-top: 20px;
}

.single-wp-content p .large-text {
  font-size: 20px;
  font-weight: 400;
}

.single-wp-content h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: 1.6px;
  padding: 10px 0 8px;
  border-bottom: 2px solid #000;
  margin-top: 30px;
}

.single-wp-content {
  margin-top: 30px;
}

.single-wp-content .wp-block-button__link {
  margin-top: 30px;
}

/* .single-wp-content a {
  color: #1b72ba;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.6px;
  text-decoration: underline;
  margin-top: 20px;
  display: inline-block;
} */

.single-page__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.single-wp-content li {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1.6px;
  position: relative;
  display: flex;
  gap: 5px;
  align-items: center;

  &::before {
    content: "";
    width: 8px;
    height: 2px;
    background-color: var(--color-black);
  }

  &:not(:last-of-type) {
    margin-bottom: 10px;
  }
}

.single-wp-content ol {
  counter-reset: my-counter;
  margin-top: 30px;
}

.single-wp-content ol li {
  gap: 20px;
}

.single-wp-content ol li::before {
  counter-increment: my-counter;
  content: counter(my-counter);
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-white);
}

.emphasis-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 1.6px;
  border: 4px solid var(--Gray-4, #bdbdbd);
  background: #f0f0f0;
  padding: 16px;
}

.single-page__table {
  width: 100%;
}

.single-page__table-header-row {
  display: flex;
  background-color: #333;
}

.single-page__table-header {
  color: #fff;
  padding: 10px;
  flex: 1;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  /* 22.4px */
  letter-spacing: 1.6px;
}

.single-page__table-row {
  display: flex;
  border-bottom: 1px solid var(--color-black);
}

.single-page__row {
  margin-bottom: 100px;
  margin-top: 60px;
}

.single-page__table-cell {
}

.single-page__block {
  max-width: 1235px;
  padding: 0 15px;
  margin: 0 auto;
}

.single-page__rec-row {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 15px;
}

.single-page__rec-row .seminar__card {
  width: 100%;

  @media (min-width: 992px) {
    width: calc((100% / 3) - (30px * 2) / 3);
  }
}

.single-page__rec-row .seminar__card.org {
  width: 100%;

  @media (min-width: 768px) {
    width: calc((100% / 3) - (30px * 2) / 3);
  }
}

.single-page__rec-row .seminar__tag {
  color: var(--color-black);
  border: 1px solid var(--color-black);
}


.single-page__rec-row  .seminar__card.org .seminar__date {
  font-weight: 400;
}

.single-page__wrp {
  max-width: 830px;
  padding: 0 15px;
  margin: 0 auto;
}

.single-page__img img {
  width: 100%;
}

.single-wp-content table thead tr {
  background-color: var(--color-black);
  color: var(--color-white);
  padding: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  /* 22.4px */
  letter-spacing: 1.6px;
}

.single-wp-content table thead tr th {
  border-color: var(--color-white);
  border-top-color: #333;
  border-bottom: 0;
  background-color: #333;
}

.single-wp-content table thead tr th:first-child {
  border-left-color: #333;
}

.single-wp-content table thead tr th:last-child {
  border-right-color: #333;
}

.single-wp-content table tbody tr {
  padding: 10px;
  text-align: left;
  padding: 10px;
  color: var(--color-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 1.6px;
}

.single-wp-content table tbody td {
  border-color: #333;
}

.single-wp-content .c-btn-primary__main {
  margin-top: 20px;
  min-width: auto;
  width: fit-content;
}

.single-wp-content .wp-block-table thead {
  border-bottom: unset;
}

.single-wp-content .wp-block-table {
  margin-top: 30px;
}

.single-wp-content .wp-block-list {
  margin-top: 30px;
}

.single-page {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 30px;
}

.single-page__breadcrumb-wrp {
  background-color: var(--color-white2);
  padding: 10px 0;
}

.single-page__breadcrumb {
  display: flex;
  align-items: center;
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto;
  gap: 10px;
  flex-wrap: wrap;
}

.single-page__breadcrumb li {
  color: var(--color-black);
  font-family: var(--font-lato);
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 1.3px;
}

.single-page__breadcrumb li a {
  color: var(--color-black);

  &:hover {
    text-decoration: underline;
  }
}

.single-page__breadcrumb li a {
  text-decoration: underline;
}

.seminar-single .blog__tag {
  color: var(--color-blue);
  border-color: var(--color-blue);
}

.seminar-single  {
  padding-top: 100px;
}

.single-page__location {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 11px;
}

.single-wp-content {
  margin-top: 30px;
}

.seminar-single .blog__tag {
  pointer-events: none;
}

.single-page__overview {
  border: 1px solid var(--color-gray);
  margin-block: 30px;
}

.single-page__overview-tr {
  display: flex;
  align-items: stretch;

  &:last-of-type {
    .single-page__overview-th,
    .single-page__overview-td {
      border-bottom: 0;
    }
  }
}

.single-page__overview-th {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-white);
  background: #333;
  padding: 12px 10px;

  @media (min-width: 768px) {
    padding: 15px 10px;
  }
}

.single-page__overview-th-txt {
  color: var(--color-white);
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.3px;
  width: 83px;

  @media (min-width: 768px) {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 1.6px;
    width: 200px;
  }
}

.single-page__overview-td {
  width: calc(100% - 83px);
  border-bottom: 1px solid var(--color-gray);
  display: flex;
  align-items: center;
  padding: 12px;

  @media (min-width: 768px) {
    width: calc(100% - 200px);
    padding: 15px;
  }
}

.single-page__overview-td-txt {
  color: var(--color-black);
  font-size: 13px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 1.3px;
  @media (min-width: 768px) {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1.6px;
  }
}

.single-page__apply-txt {
  color: var(--color-black);
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 32px; /* 32.4px */
  letter-spacing: 1.8px;

  @media (min-width: 768px) {
    font-size: 26px;
    line-height: 47px;
    letter-spacing: 2.6px;
  }
}

.single-page__apply {
  background-color: var(--color-white2);
  padding: 40px 0;
  margin-top: 60px;

  @media (min-width: 768px) {
    margin-top: 100px;
    padding: 60px 0;
  }

  @media (min-width: 1200px) {
    margin-inline: -15px;
  }
}

.single-page__apply-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  gap: 30px;

  @media (min-width: 768px) {
    align-items: flex-start;
    flex-direction: row;
    margin-top: 36px;
  }
}

.single-page__btn-rev {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.single-page__btn-rev a {
  flex-direction: row-reverse;

  .arrow {
    transform: rotate(180deg);
  }
}

.cta-bottom-text {
  margin-top: 30px;
}

.single-page__categ {
  color: var(--color-black);
  font-family: var(--font-lato);
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;

  @media (min-width: 768px) {
    font-size: 14px;
    line-height: 17px;
  }
}

.single-news .single-page__breadcrumb {
  padding: 0;
}

.single-wp-content .wp-block-button__link {
  color: var(--color-white);
  font-family: var(--font-lato);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.7px;
  background-color: var(--color-black);
  padding: 10px 22px;
  border-radius: 50px;
  border: 2px solid var(--color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  gap: 8px;

  &:hover {
    background-color: var(--color-white);
    color: var(--color-black);

    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Crect y='0.648926' width='30' height='30' rx='15' fill='black'/%3E%3Cpath d='M7 15.8711H22.5556' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7812 22.0934L23.0035 15.8711L16.7812 9.64893' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }
  }

  &::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='31' viewBox='0 0 30 31' fill='none'%3E%3Crect y='0.648926' width='30' height='30' rx='15' fill='white'/%3E%3Cpath d='M7 15.8711H22.5556' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7812 22.0934L23.0035 15.8711L16.7812 9.64893' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
  }
}


.seminar-single 
.c-btn-primary__main.disabled {
  color: var(--color-white);
  background-color: var(--color-gray);
  border-color: var(--color-gray);
  pointer-events: none;
  min-width:241px;
  .arrow {
    display: none;
  }
}

.seminar-single .single-page__block {
  margin-top: 60px;

  @media (min-width:768px) {
    margin-top: 100px;
  }
}

.single-news {
  margin-top: 30px;
}





/*common.css*/
:root {
  --primary-color: #0055aa;
  --secondary-color: #ffaa00;
  --spacing-unit: 1rem;
  --color-white: #ffffff;
  --color-white2: #f0f0f0;
  --color-white3: #f2f2f2;
  --color-white4: #f7f7f7;
  --color-black: #000000;
  --color-black2: #222222;
  --color-yellow: #f6d600;
  --color-yellow2: #fec629;
  --color-highlight-y: #f3ff14;
  --color-d-yellow: #916d13;
  --color-blue: #003968;
  --color-gray: #828282;
  --color-gray2: #d8d8d8;
  --color-gray3: #bdbdbd;
  --color-gray4: #f5f5f5;
  --color-orange: #f38165;
  --color-green: #94c539;
  --color-red: #e43a3a;
  --color-required: #e53935;
  --color-checkbox-red: #fe0000;
  --color-green2: #218e95;
  --color-purple: #825cac;
  --color-sky-blue: #18abe7;
  --color-sky-blue-trans: rgba(24, 171, 231, 0.1);
  --color-light-orange: #fef3f0;
  --color-blue2: #25b1ca;
  --color-border-white: #e0e0e0;
  --font-lato: "Lato", sans-serif;
  --font-primary: "Source Sans 3", sans-serif;
  --font-roboto: "Roboto", sans-serif;
  --font-noto-sans-jp: "Noto Sans JP", sans-serif;
  --noto-emoji: "Noto Emoji", sans-serif;
}

.container {
  max-width: 1470px;
  padding: 0 15px;
  margin: 0 auto;
}

/* C-btn-primary */
.c-btn-primary {
  color: var(--color-white);
  font-family: var(--font-lato);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0.7px;
  background-color: var(--color-black);
  padding: 10px 22px;
  border-radius: 50px;
  border: 2px solid var(--color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;

  &:hover {
    background-color: var(--color-white);
    color: var(--color-black);
  }
}

/* C-btn-primary__main */
.c-btn-primary__main {
  color: var(--color-white);
  font-family: var(--font-lato);
  font-style: normal;
  font-weight: 700;
  background-color: var(--color-black);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9.2px 18.15px;
  border-radius: 41.977px;
  border: 1.679px solid var(--color-black);
  gap: 6.72px;
  transition: all 0.35s ease;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.7px;

  @media (min-width: 768px) {
    gap: 8px;
    min-width: 266px;
    border: 2px solid var(--color-black);
    letter-spacing: 0.8px;
    border-radius: 50px;
    line-height: 19px;
    font-size: 16px;
    padding: 10px 22px;
  }

  .arrow {
    width: 30px;
    height: 30px;
    position: relative;
    background-color: var(--color-white);
    border-radius: 100%;
    transition: all 0.35s ease;

    &::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M7 15.2222H22.5556' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7773 21.4444L22.9996 15.2222L16.7773 9' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 24px;
      transition: all 0.35s ease;
      height: 24px;
    }
  }

  &:hover {
    background-color: var(--color-white);
    color: var(--color-black);

    .arrow {
      background-color: var(--color-black);

      &:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M7 15.2222H22.5556' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.7773 21.4444L22.9996 15.2222L16.7773 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      }
    }
  }
}

.c-btn-primary__main.c-btn-primary__secondary {
  color: var(--color-black);
  font-family: var(--font-lato);
  background-color: var(--color-yellow);
  border: 1.679px solid var(--color-yellow);

  @media (min-width: 768px) {
    border: 2px solid var(--color-yellow);
  }

  &:hover {
    border-color: var(--color-black);
    background-color: var(--color-white);
  }
}

/* C-btn-primary */

.c-btn-primary__main.c-btn-primary__secondary.phone {
  font-size: 24px;
  font-weight: 700;
  font-weight: var(--font-primary);
  padding-block: 12px;
  align-items: center;
}

/* c-btn-secondary */
.c-btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color-black);
  font-family: var(--font-lato);
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.7px;
  font-weight: 700;

  @media (min-width: 768px) {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.8px;
  }

  img {
    width: 35px;
    transition: all 0.3s ease;

    @media (min-width: 768px) {
      width: auto;
    }
  }

  .arrow {
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
    border-radius: 50px;
    border: 1px solid var(--color-white);
    overflow: hidden;
    background-color: var(--color-black);

    &::after {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M10.5 17.6945H24.1111' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0547 23.1389L24.4991 17.6944L19.0547 12.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 35px;
      height: 35px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation-fill-mode: both;
      animation-duration: 0.6s;
      animation-timing-function: ease-out;
    }

    &::before {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' fill='none'%3E%3Cpath d='M10.5 17.6945H24.1111' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.0547 23.1389L24.4991 17.6944L19.0547 12.25' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      width: 35px;
      height: 35px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      animation-fill-mode: both;
      animation-duration: 0.6s;
      animation-timing-function: ease-out;
    }
  }

  .txt span {
    transition: transform 0.3s ease;
    display: inline-block;
    --delay: 0s;
  }

  &:hover {
    .txt span {
      animation: wave 0.6s ease;
      animation-delay: var(--delay);
    }

    .arrow {
      &::before {
        animation-name: transformLeftRight;
        animation-delay: 0.2s;
      }

      &::after {
        animation-name: transformRightLeft;
      }
    }
  }
}

/* c-btn-tertiary */
.c-btn-tertiary {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  color: var(--color-black);
  font-weight: 700;
  line-height: 16px;
  font-family: var(--font-lato);
  letter-spacing: 0.65px;
  gap: 10px;

  @media (min-width: 768px) {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.8px;
  }

  img {
    transition: all 0.2s ease-in-out;
    width: 15px;

    @media (min-width: 768px) {
      width: auto;
    }
  }

  &:hover {
    img {
      transform: translateX(5px);
      transition: all 0.2s ease-in-out;
    }
  }
}

.c-heading-primary {
  margin-bottom: 30px;
  padding-left: 31px;

  @media (min-width: 768px) {
    padding-left: 38px;
  }
}

.c-heading-primary.c-heading-secondary {
  padding-left: 0;
  padding-right: 48px;

  .c-heading-primary__main {
    text-align: end;

    &::before {
      left: unset;
      right: -48px;
    }
  }

  .c-heading-primary__sub {
    text-align: end;
  }
}

.c-heading-primary__main {
  font-family: var(--font-lato);
  font-weight: 900;
  position: relative;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 48px;

  @media (min-width: 768px) {
    font-size: 60px;
    line-height: 72px;
    letter-spacing: 3px;
  }

  &::before {
    content: "";
    height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("../img/icon-line-tilt.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 26px;
    left: -31px;

    @media (min-width: 768px) {
      width: 38px;
      left: -48px;
    }
  }
}

.c-heading-primary__sub {
  font-family: var(--font-lato);
  font-weight: 400;
  margin-top: 5px;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 1.3px;

  @media (min-width: 768px) {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.6px;
    margin-top: 10px;
  }

  .font {
    font-family: var(--font-lato);
    line-height: 1;
  }
}

.only-pc {
  display: inline !important;
}

.only-pc.db {
  display: block !important;
}

.only-pc.df {
  display: flex !important;
}

.only-sp {
  display: none !important;
}

.only-sp.db {
  display: none !important;
}

.only-sp.df {
  display: none !important;
}

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

  .only-pc.db {
    display: none !important;
  }

  .only-pc.df {
    display: none !important;
  }

  .only-sp {
    display: inline !important;
  }

  .only-sp.db {
    display: block !important;
  }

  .only-sp.df {
    display: flex !important;
  }
}

.is-hidden {
  display: none;
}

.l-section {
  padding: 60px 0;

  @media (min-width: 768px) {
    padding: 100px 0;
  }
}

/* FOOTER */

.footer {
  background-color: var(--color-white);
}

.footer__row {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 30px;
  padding: 60px 0;

  @media (min-width: 768px) {
    padding: 80px 0;
    gap: 20px;
  }

  @media (min-width: 992px) {
    flex-direction: row;
  }
}

.footer__img {
  max-width: 249px;
  margin: 0 auto;

  @media (min-width: 768px) {
    max-width: 100%;
  }
}

.footer-btm-txt {
  color: var(--color-white);
  font-family: var(--font-lato);
  font-weight: 500;
  background-color: var(--color-black);
  text-align: center;
  font-size: 10px;
  line-height: 15px;
  padding: 15px 0;

  @media (min-width: 768px) {
    font-size: 14px;
    line-height: 21px;
    /* 21px */
  }
}

.footer__table {
  margin-top: 30px;

  @media (min-width: 768px) {
    margin-top: 32px;
  }
}

.footer__table-tr {
  display: flex;
  align-items: flex-start;
  gap: 10px;

  @media (min-width: 768px) {
    gap: 40px;
  }

  &:not(:last-of-type) {
    margin-bottom: 10px;

    @media (min-width: 768px) {
      margin-bottom: 20px;
    }
  }
}

.footer__table-th {
  min-width: 100px;
  font-family: var(--font-roboto);
  font-weight: 600;
  font-size: 13px;
  line-height: 20px;

  @media (min-width: 768px) {
    font-size: 14px;
    line-height: 21px;
  }
}

.footer__table-td {
  font-family: var(--font-roboto);
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;

  @media (min-width: 768px) {
    font-size: 14px;
    line-height: 21px;
  }
}

.footer__left {
  width: 100%;

  @media (min-width: 992px) {
    width: calc(100% - 650px);
  }

  @media (min-width: 1200px) {
    width: calc(100% - 700px);
  }
}

.footer__right {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;

  @media (min-width: 768px) {
    gap: 60px 20px;
  }

  @media (min-width: 992px) {
    max-width: 630px;
  }

  @media (min-width: 1200px) {
    gap: 60px 40px;
    max-width: 680px;
  }
}

.footer__col {
  width: 100%;

  @media (min-width: 768px) {
    width: calc((100% / 3) - (20px * 2) / 3);
  }

  @media (min-width: 1200px) {
    width: calc((100% / 3) - (40px * 2) / 3);
  }
}

.footer__list {
  display: flex;
  align-items: center;
  gap: 10px 15px;
  flex-wrap: wrap;

  @media (min-width: 768px) {
    gap: 10px;
  }
}

.footer__col-ttl {
  font-family: var(--font-lato);
  font-weight: 700;
  padding-bottom: 4px;
  border-bottom: 1px solid var(--color-black);
  margin-bottom: 15px;
  font-size: 19px;
  line-height: 29px;
  /* 28.5px */
  text-align: center;

  @media (min-width: 768px) {
    line-height: 30px;
    font-size: 20px;
    text-align: start;
  }
}

.footer__contact-btn {
  text-align: center;
  margin-top: 15px;

  @media (min-width: 768px) {
    margin-top: 20px;
  }

  .c-btn-primary {
    &:hover {
      background-color: var(--color-highlight-y);
      border-color: var(--color-highlight-y);
    }
  }
}

.footer__list li {
  width: calc((100% / 2) - (20px * 1) / 2);

  @media (min-width: 768px) {
    width: 100%;
  }
}

.footer__list li a {
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  transition: all 0.3s ease;

  &:hover {
    text-decoration: underline;
    color: var(--color-blue);
  }
}

.footer__list .link {
  display: flex;
  align-items: center;
  gap: 4px;

  &:hover {
    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cg clip-path='url(%23clip0_1007_13467)'%3E%3Cpath d='M13.5 1H3.5V9H13.5V1Z' stroke='%23003968'/%3E%3Cpath d='M0.5 3.5V12.5' stroke='%23003968'/%3E%3Cpath d='M0 12H11' stroke='%23003968'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1007_13467'%3E%3Crect width='14' height='12' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    }
  }

  &::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cg clip-path='url(%23clip0_980_11736)'%3E%3Cpath d='M13.5 1H3.5V9H13.5V1Z' stroke='%23231815'/%3E%3Cpath d='M0.5 3.5V12.5' stroke='%23231815'/%3E%3Cpath d='M0 12H11' stroke='%23231815'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_980_11736'%3E%3Crect width='14' height='12' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 14px;
    height: 12px;
  }
}

.footer__social-links {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.footer__social-links li a {
  width: 32px;
  height: 32px;
  background-color: var(--color-black);
  border-radius: 100%;
  display: block;
  transition: all 0.3s ease;

  &:hover {
    background-color: var(--color-highlight-y);
  }
}

.footer__social-links li span {
  position: relative;
  width: 32px;
  height: 32px;
  display: block;

  &::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M17.2419 16.5656H20.2049L20.6697 13.5397H17.2419V11.8854C17.2419 10.6283 17.65 9.51383 18.8195 9.51383H20.699V6.8732C20.3687 6.82837 19.6705 6.73047 18.351 6.73047C15.5957 6.73047 13.9806 8.19352 13.9806 11.5268V13.5397H11.1484V16.5656H13.9806V24.8827C14.5415 24.9678 15.1098 25.0245 15.6927 25.0245C16.2198 25.0245 16.734 24.976 17.2419 24.9074V16.5656Z' fill='white'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  &:hover {
    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M17.2419 16.566H20.2049L20.6697 13.5402H17.2419V11.8859C17.2419 10.6288 17.65 9.51432 18.8195 9.51432H20.699V6.87369C20.3687 6.82886 19.6705 6.73096 18.351 6.73096C15.5957 6.73096 13.9806 8.194 13.9806 11.5273V13.5402H11.1484V16.566H13.9806V24.8832C14.5415 24.9683 15.1098 25.025 15.6927 25.025C16.2198 25.025 16.734 24.9765 17.2419 24.9079V16.566Z' fill='black'/%3E%3C/svg%3E");
    }
  }
}

.footer__social-links li .ig {
  &::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0113 6.52148H11.7111C8.84602 6.52148 6.52344 8.84407 6.52344 11.7091V20.0093C6.52344 22.8743 8.84602 25.1969 11.7111 25.1969H20.0113C22.8763 25.1969 25.1989 22.8743 25.1989 20.0093V11.7091C25.1989 8.84407 22.8763 6.52148 20.0113 6.52148ZM23.3832 20.0093C23.3775 21.8692 21.8711 23.3756 20.0113 23.3813H11.7111C9.85114 23.3756 8.3448 21.8692 8.33911 20.0093V11.7091C8.3448 9.84919 9.85114 8.34285 11.7111 8.33715H20.0113C21.8711 8.34285 23.3775 9.84919 23.3832 11.7091V20.0093ZM20.7894 11.9685C21.3624 11.9685 21.8269 11.504 21.8269 10.931C21.8269 10.358 21.3624 9.89344 20.7894 9.89344C20.2164 9.89344 19.7519 10.358 19.7519 10.931C19.7519 11.504 20.2164 11.9685 20.7894 11.9685ZM15.8612 11.1903C13.2826 11.1903 11.1923 13.2807 11.1923 15.8592C11.1923 18.4378 13.2826 20.5281 15.8612 20.5281C18.4397 20.5281 20.53 18.4378 20.53 15.8592C20.5328 14.6201 20.0418 13.431 19.1656 12.5548C18.2894 11.6786 17.1003 11.1876 15.8612 11.1903ZM13.008 15.8592C13.008 17.435 14.2854 18.7124 15.8612 18.7124C17.437 18.7124 18.7144 17.435 18.7144 15.8592C18.7144 14.2834 17.437 13.006 15.8612 13.006C14.2854 13.006 13.008 14.2834 13.008 15.8592Z' fill='white'/%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
  }

  &:hover {
    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.0113 6.52124H11.7111C8.84602 6.52124 6.52344 8.84382 6.52344 11.7089V20.0091C6.52344 22.8741 8.84602 25.1967 11.7111 25.1967H20.0113C22.8763 25.1967 25.1989 22.8741 25.1989 20.0091V11.7089C25.1989 8.84382 22.8763 6.52124 20.0113 6.52124ZM23.3832 20.0091C23.3775 21.8689 21.8711 23.3753 20.0113 23.381H11.7111C9.85114 23.3753 8.3448 21.8689 8.33911 20.0091V11.7089C8.3448 9.84894 9.85114 8.3426 11.7111 8.33691H20.0113C21.8711 8.3426 23.3775 9.84894 23.3832 11.7089V20.0091ZM20.7894 11.9682C21.3624 11.9682 21.8269 11.5037 21.8269 10.9307C21.8269 10.3577 21.3624 9.89319 20.7894 9.89319C20.2164 9.89319 19.7519 10.3577 19.7519 10.9307C19.7519 11.5037 20.2164 11.9682 20.7894 11.9682ZM15.8612 11.1901C13.2826 11.1901 11.1923 13.2804 11.1923 15.859C11.1923 18.4375 13.2826 20.5278 15.8612 20.5278C18.4397 20.5278 20.53 18.4375 20.53 15.859C20.5328 14.6198 20.0418 13.4307 19.1656 12.5545C18.2894 11.6783 17.1003 11.1873 15.8612 11.1901ZM13.008 15.859C13.008 17.4348 14.2854 18.7122 15.8612 18.7122C17.437 18.7122 18.7144 17.4348 18.7144 15.859C18.7144 14.2832 17.437 13.0058 15.8612 13.0058C14.2854 13.0058 13.008 14.2832 13.008 15.859Z' fill='black'/%3E%3C/svg%3E");
    }
  }
}

.footer__social-links li .x {
  &::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M21.4146 7.47461H24.3026L17.9611 14.6581L25.3705 24.4017H19.5561L15.0036 18.4809L9.79232 24.4017H6.90344L13.6219 16.7186L6.52734 7.47461H12.4854L16.5986 12.884L21.4146 7.47461ZM20.4035 22.7154H22.0048L11.6444 9.09869H9.92408L20.4035 22.7154Z' fill='white'/%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
  }

  &:hover {
    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M21.4146 7.47485H24.3026L17.9611 14.6583L25.3705 24.4019H19.5561L15.0036 18.4811L9.79232 24.4019H6.90344L13.6219 16.7189L6.52734 7.47485H12.4854L16.5986 12.8842L21.4146 7.47485ZM20.4035 22.7156H22.0048L11.6444 9.09894H9.92408L20.4035 22.7156Z' fill='black'/%3E%3C/svg%3E");
    }
  }
}

.footer__social-links li .linkedin {
  &::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.9537 6.68652C24.2128 6.68652 25.2359 7.70855 25.2359 8.96847V22.6611C25.2359 23.921 24.2128 24.9431 22.9537 24.9431H9.25875C7.99962 24.9431 6.97656 23.921 6.97656 22.6611V8.96847C6.97656 7.70855 7.99962 6.68652 9.25875 6.68652H22.9537ZM8.94306 13.1463H12.0332V22.135H8.94306V13.1463ZM10.3578 8.37191C9.33196 8.37191 8.66212 9.10115 8.66212 10.0564C8.66212 11.0116 9.31183 11.7418 10.3175 11.7418H10.3376C11.3826 11.7418 12.0332 10.9924 12.0332 10.0564C12.0131 9.10115 11.3826 8.37191 10.3578 8.37191ZM16.8474 14.3604C17.2638 13.7437 18.0068 12.8654 19.6668 12.8654C21.7257 12.8654 23.2694 14.1591 23.2694 16.9416V22.135H20.1408V17.2893C20.1408 16.0724 19.6869 15.2416 18.5559 15.2416C17.6911 15.2416 17.1759 15.8015 16.9499 16.3423C16.8676 16.5353 16.8474 16.8062 16.8474 17.077V22.135H13.7188C13.7188 22.135 13.76 13.9276 13.7188 13.0786H16.8474V14.3604Z' fill='white'/%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
  }

  &:hover {
    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.9537 6.68652C24.2128 6.68652 25.2359 7.70855 25.2359 8.96847V22.6611C25.2359 23.921 24.2128 24.9431 22.9537 24.9431H9.25875C7.99962 24.9431 6.97656 23.921 6.97656 22.6611V8.96847C6.97656 7.70855 7.99962 6.68652 9.25875 6.68652H22.9537ZM8.94306 13.1463H12.0332V22.135H8.94306V13.1463ZM10.3578 8.37191C9.33196 8.37191 8.66212 9.10115 8.66212 10.0564C8.66212 11.0116 9.31183 11.7418 10.3175 11.7418H10.3376C11.3826 11.7418 12.0332 10.9924 12.0332 10.0564C12.0131 9.10115 11.3826 8.37191 10.3578 8.37191ZM16.8474 14.3604C17.2638 13.7437 18.0068 12.8654 19.6668 12.8654C21.7257 12.8654 23.2694 14.1591 23.2694 16.9416V22.135H20.1408V17.2893C20.1408 16.0724 19.6869 15.2416 18.5559 15.2416C17.6911 15.2416 17.1759 15.8015 16.9499 16.3423C16.8676 16.5353 16.8474 16.8062 16.8474 17.077V22.135H13.7188C13.7188 22.135 13.76 13.9276 13.7188 13.0786H16.8474V14.3604Z' fill='black'/%3E%3C/svg%3E");
    }
  }
}

.footer__social-links li .yt {
  &::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.6692 10.2628C23.4113 10.4614 23.9951 11.0442 24.1937 11.7872C24.5524 13.1313 24.5542 15.9375 24.5542 15.9375C24.5542 15.9375 24.5543 18.7429 24.1937 20.087C23.9951 20.8299 23.4113 21.4128 22.6692 21.6113C21.325 21.9718 15.9334 21.9718 15.9334 21.9718C15.9334 21.9718 10.5418 21.9718 9.19754 21.6113C8.45542 21.4128 7.87252 20.8299 7.67303 20.087C7.31249 18.7429 7.3125 15.9375 7.3125 15.9375C7.3125 15.9375 7.31249 13.1313 7.67303 11.7872C7.87252 11.0442 8.45542 10.4614 9.19754 10.2628C10.5418 9.90234 15.9334 9.90234 15.9334 9.90234C15.9334 9.90234 21.325 9.90234 22.6692 10.2628ZM18.6868 15.9375L14.2076 18.5233V13.3509L18.6868 15.9375Z' fill='white'/%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
  }

  &:hover {
    &::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.6692 10.2626C23.4113 10.4612 23.9951 11.044 24.1937 11.787C24.5524 13.1311 24.5542 15.9373 24.5542 15.9373C24.5542 15.9373 24.5543 18.7426 24.1937 20.0867C23.9951 20.8297 23.4113 21.4125 22.6692 21.6111C21.325 21.9716 15.9334 21.9716 15.9334 21.9716C15.9334 21.9716 10.5418 21.9716 9.19754 21.6111C8.45542 21.4125 7.87252 20.8297 7.67303 20.0867C7.31249 18.7426 7.3125 15.9373 7.3125 15.9373C7.3125 15.9373 7.31249 13.1311 7.67303 11.787C7.87252 11.044 8.45542 10.4612 9.19754 10.2626C10.5418 9.9021 15.9334 9.9021 15.9334 9.9021C15.9334 9.9021 21.325 9.9021 22.6692 10.2626ZM18.6868 15.9373L14.2076 18.523V13.3506L18.6868 15.9373Z' fill='black'/%3E%3C/svg%3E");
    }
  }
}

/* SCROLL_TOP */

.scroll-top {
  position: fixed;
  bottom: 71px;
  right: 19px;
  display: flex;
  align-items: center;
  visibility: visible;
  transition: all 0.3s ease;

  z-index: 9;

  &:hover {
    opacity: 0.75;
  }
}

.scroll-top.toTop {
  opacity: 0;
  visibility: hidden;
}

.scroll-img {
  max-width: 12px;
}

.scroll-txt {
  color: var(--color-black);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 1.2px;
  writing-mode: vertical-lr;
}

/* CTA */
.cta {
  background-color: var(--color-black);
  padding: 60px 0;
}

.cta__block {
  max-width: 1110px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 32px;

  @media (min-width: 768px) {
    gap: 0;
    flex-direction: row;
    justify-content: space-between;
  }

  @media (min-width: 992px) {
    gap: 75px;
  }
}

.cta__title {
  border-bottom: 2px solid var(--color-white);
  color: var(--color-white);
  font-family: var(--font-lato);
  font-weight: 900;
  font-size: 40px;
  line-height: 48px;
  /* 48px */
  letter-spacing: 2px;
  padding-bottom: 8px;
  text-align: center;
  margin-bottom: 30px;

  @media (min-width: 768px) {
    text-align: start;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 2.5px;
  }
}

.cta__txt {
  color: var(--color-white);
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.7px;

  @media (min-width: 768px) {
    font-size: 18px;
    text-align: start;
    line-height: 22px;
    letter-spacing: 0.9px;
  }
}

.cta__content {
  width: 100%;
}

.cta__contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 16px;

  @media (min-width: 768px) {
    margin-top: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  @media (min-width: 992px) {
    align-items: center;
    gap: 40px;
    flex-direction: row;
  }
}

.cta__contact-row {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.cta__contact-row.line {
  position: relative;

  &::before {
    content: none;
    background-color: var(--color-white);
    width: 1px;
    height: 100%;
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);

    @media (min-width: 992px) {
      content: "";
    }
  }
}

.cta__logo {
  padding-inline: 59px;

  @media (min-width: 768px) {
    padding-inline: 0;
  }

  @media (min-width: 1200px) {
    max-width: 267px;
    width: 100%;
  }
}

.cta__contact-tag {
  color: var(--color-black);
  font-family: var(--font-lato);
  font-weight: 900;
  background: var(--color-white);
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.75px;
  padding: 6px 15px;
  border-radius: 10px;
  max-width: 80px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  @media (min-width: 768px) {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 6px 0;
  }
}

.cta__contact-num {
  color: var(--color-white);
  font-family: var(--font-lato);
  font-weight: 900;
  font-size: 30px;
  line-height: 36px;

  @media (min-width: 768px) {
    line-height: 48px;
    font-size: 32px;
  }

  @media (min-width: 1200px) {
    font-size: 40px;
  }
}

.cta__btn {
  text-align: center;
  margin-top: 30px;

  @media (min-width: 768px) {
    text-align: start;
  }
}

@keyframes transformLeftRight {
  0% {
    transform: translateX(-330%) translateY(-50%);
  }

  100% {
    transform: translateX(-50%) translateY(-50%);
  }
}

@keyframes transformRightLeft {
  0% {
    transform: translateX(-50%) translateY(-50%);
  }

  100% {
    transform: translateX(230%) translateY(-50%);
  }
}

@keyframes wave {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

.animation {
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1),
    transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animated {
  transform: translateY(2em);
}

.animated.animate {
  opacity: 1;
  transform: translateY(0);
}

.sep-txt {
  overflow: hidden;
  display: inline-block;
  line-height: 1;
}

.sep-txt span {
  display: inline-block;
  transform: translateY(5rem) rotate(45deg);
  transform-origin: left;
  transition: -webkit-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

.animate .sep-txt span {
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 50% 100%;
  transform: translate(0px, 0%);
  display: inline-block;
  opacity: 1;
  transform: translateY(0rem) rotate(0deg);
}

.sec__mv {
  background-color: var(--color-white2);
  padding-top: 184px;

  @media (min-width: 768px) {
    padding-top: 243px;
  }
}

.sec__mv-img {
  position: relative;
}

.sec__mv-content {
  background-color: var(--color-white);
  padding: 20px;
  border-radius: 30px;

  @media (min-width: 768px) {
    padding: 40px;
  }
}

.sec__mv-content-wrp {
  padding-inline: 15px;
  max-width: 1200px;
  position: absolute;
  top: -115px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);

  @media (min-width: 768px) {
    margin: 0 auto;
    top: -127px;
  }

  @media (min-width: 1200px) {
    padding-inline: 0;
  }
}

.sec__mv-content-txt {
  font-weight: 400;
  font-size: 13px;
  line-height: 23px;
  margin-top: 15px;

  @media (min-width: 768px) {
    font-size: 15px;
    line-height: 32px;
    margin-top: 20px;
  }

  @media (min-width: 992px) {
    font-size: 18px;
  }

  sub {
    font-size: 0.6em;
    vertical-align: super;
    line-height: 0;
  }
}

.sec__mv-title {
  font-family: var(--font-lato);
  font-weight: 900;
  display: flex;
  align-items: center;
  margin-top: 10px;
  flex-wrap: wrap;
  font-size: 40px;
  line-height: 48px;
  /* 48px */
  letter-spacing: 2px;
  gap: 5px;

  @media (min-width: 768px) {
    gap: 10px;
    font-size: 60px;
    line-height: 72px;
    /* 72px */
    letter-spacing: 3px;
    flex-wrap: nowrap;
  }

  img {
    width: 10px;

    @media (min-width: 768px) {
      width: auto;
    }
  }

  .sec__mv-main {
    width: 100%;

    @media (min-width: 768px) {
      width: auto;
    }
  }

  .lg {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1.4px;

    @media (min-width: 768px) {
      font-size: 28px;
      line-height: 34px;
      letter-spacing: 2.8px;
    }

    .font {
      font-family: var(--font-primary);
    }
  }
}

.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 5px;

  @media (min-width: 768px) {
    gap: 10px;
  }
}

.breadcrumbs li {
  font-family: "Lato", "Source Sans 3", sans-serif;
  font-weight: 400;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 1.1px;

  @media (min-width: 768px) {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 1.3px;
  }
}

.breadcrumbs li a {
  text-decoration: underline;
  color: var(--color-black);
}

.l-sec__ttl {
  font-size: 26px;
  font-weight: 700;
  line-height: 47px;
}

.l-sec__ttl.secondary {
  padding-bottom: 9px;
  position: relative;

  &::after {
    content: "";
    width: 100%;
    height: 4px;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    bottom: 0;
  }

  &::before {
    content: "";
    width: 50px;
    height: 4px;
    background: var(--color-black);
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

/* dropdown */
.has-submenu {
  position: relative;
}

.pc-submenu {
  display: block;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 10px 15px;
  list-style: none;
  z-index: 1000;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.has-submenu.is-open .pc-submenu {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.has-submenu.is-open .down-arrow::after {
  transform: rotate(180deg);
  transition: all 0.2s ease;
}

.pc-submenu li {
  margin-bottom: 5px;
  width: 100%;
  opacity: 0;
  transform: translateY(10px);
  animation: submenuIn 0.4s forwards;
}

/* stagger the delay */
.pc-submenu li:nth-child(1) {
  animation-delay: 0.1s;
}

.pc-submenu li:nth-child(2) {
  animation-delay: 0.2s;
}

.pc-submenu li:nth-child(3) {
  animation-delay: 0.3s;
}

.pc-submenu li:last-child {
  margin-bottom: 0;
}

@keyframes submenuIn {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.pc-submenu a {
  text-decoration: none;
  white-space: nowrap;
  justify-content: flex-start !important;
  gap: 5px !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  transition: all 0.3s ease;
}

.pc-submenu a::before {
  content: "";
  width: 10px;
  height: 2px;
  display: inline-block;
  background-color: #fff;
}

.pc-submenu a:hover {
  opacity: 0.8;
}

.header.is-invert .pc-submenu a::before {
  background-color: #000;
}

.single-page__apply-btn .c-btn-primary__main {
  gap: 10px;
  font-size: 20px;
  line-height: 20px;
  padding: 22px 22px;
  max-width: 345px;
  width: 100%;
  @media (min-width: 768px) {
    gap: 14px;
    min-width: 350px;
    line-height: 22px;
    font-size: 24px;
    padding: 22px 22px;
    max-width: none;
    width: unset;
  }
}

.cta-btn-wap {
  @media (max-width: 767px) {
    max-width: 345px;
    width: 100%;
  }
}
.cta-btn-bottom-text {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  @media (min-width: 768px) {
    font-size: 14px;
  }
}

.c-btn-primary__main.c-btn-primary__secondary.cta-btn-org {
  background-color:#DD531C;
  border: 2px solid #DD531C;
  color: #fff;
}

.c-btn-primary__main.c-btn-primary__secondary.cta-btn-org:hover {
  background-color:#fff;
  border: 2px solid #000;
  color:#000;
}