@charset "UTF-8";

:root {
  --FONT_FAMILY: helvetica, arial, meiryo, sans-serif;
  --FONT_FAMILY_SERIF: serif;
  --FONT_FAMILY_HALANT: halant serif;
  --FONT_FAMILY_MUKTA: mukta, sans-serif;
  font-size: 62.5%;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}
html.theme-KW {
  --FONT_FAMILY: source-han-sans-tw-variable, helvetica, arial, meiryo, sans-serif;
  --FONT_FAMILY_SERIF: source-han-serif-tw-variable, serif;
  --FONT_FAMILY_HALANT: halant, source-han-serif-tw-variable, serif;
  --FONT_FAMILY_MUKTA: mukta, source-han-sans-tw-variable, sans-serif;
}

body {
  min-width: 320px;
  background-color: #fff;
  color: #000;
  font-size: 1.6rem;
  font-family: var(--FONT_FAMILY);
  font-variation-settings: "wght" 350;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  word-wrap: break-word;
  font-feature-settings: "palt";
  word-break: break-word;
  overflow-wrap: anywhere;
}

main {
  display: block;
}

p {
  margin-bottom: 0;
}

ul,
ol {
  list-style: none;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-size: 1em;
  font-family: monospace;
}

a {
  background-color: transparent;
  text-decoration: underline;
}
a:hover, a:focus {
  text-decoration: none;
}

abbr[title] {
  border-bottom: 0;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: normal;
  font-variation-settings: "wght" 700;
}

em {
  font-style: normal;
  font-weight: normal;
  font-variation-settings: "wght" 700;
}

dfn,
cite {
  font-style: normal;
}

code,
kbd,
samp {
  font-size: 1em;
  font-family: monospace;
}

small {
  font-size: 100%;
}

i {
  font-style: italic;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  max-width: 100%;
  border-style: none;
  vertical-align: bottom;
}

table {
  width: 100%;
  border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
  border-radius: 0;
  font-size: 100%;
  line-height: inherit;
  font-family: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  border: 0;
  background: none;
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: none;
}

legend {
  display: table;
  max-width: 100%;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

video {
  display: block;
  max-width: 100%;
}

.wf-loading h1 {
  visibility: hidden;
}

.wf-loading .breadcrumb {
  visibility: hidden;
}

.wf-loading .textInterview {
  visibility: hidden;
}

.wf-loading .textInterview-personGroup {
  visibility: hidden;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: calc((var(--headerHeight, 120px)) + 20px);
}
@media screen and (max-width: 969px) {
  html {
    scroll-padding-top: calc((var(--headerHeight, 109px)) + 10px);
  }
}

.layout-header {
  z-index: 500;
  position: sticky;
  top: 0;
  background-color: #fff;
}
.layout-header-content {
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 60px;
}
@media screen and (max-width: 969px) {
  .layout-header-content {
    padding: 22px 87px 22px 30px;
  }
}
.layout-header-text {
  margin-top: 18px;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_HALANT);
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .layout-header-text {
    font-size: calc(1.5rem + (1vw - 0.969rem) * (0.4246284501));
  }
}
@media screen and (max-width: 969px) {
  .layout-header-text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .layout-header-text {
    font-size: 1.3rem;
  }
}
.layout-header-logo img {
  width: 124px;
}
@media screen and (max-width: 1440px) {
  .layout-header-logo img {
    width: calc(11.2rem + (1vw - 0.969rem) * (2.5477707006));
  }
}
@media screen and (max-width: 969px) {
  .layout-header-logo img {
    width: 112px;
  }
}
@media screen and (max-width: 479px) {
  .layout-header-logo img {
    width: 90px;
  }
}
.layout-header-logoArea {
  display: flex;
  position: absolute;
  left: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 239px;
  padding: 30px 20px 22px;
  transform: translateX(-50%);
  border-right: 1px solid #1e283c;
  border-left: 1px solid #1e283c;
}
@media screen and (max-width: 1440px) {
  .layout-header-logoArea {
    width: calc(15rem + (1vw - 0.969rem) * (18.8959660297));
    padding: 30px calc(1rem + (1vw - 0.969rem) * (2.1231422505)) 22px;
  }
}
@media screen and (max-width: 969px) {
  .layout-header-logoArea {
    position: relative;
    width: auto;
    padding: 0;
    border: 0;
  }
}
.layout-header-globalContainer {
  display: grid;
  grid-template-columns: 250px 1fr 250px;
  grid-template-areas: ". navigationArea secondaryLinkArea";
  align-items: center;
  height: 120px;
}
@media screen and (max-width: 1440px) {
  .layout-header-globalContainer {
    grid-template-columns: calc(15rem + (1vw - 0.969rem) * (21.2314225053)) 1fr calc(15rem + (1vw - 0.969rem) * (21.2314225053));
  }
}
@media screen and (max-width: 969px) {
  .layout-header-globalContainer {
    position: relative;
    grid-template-columns: auto 1fr;
    grid-template-areas: ". .";
    height: auto;
    gap: 25px;
  }
}
.layout-header-navigationArea {
  grid-area: navigationArea;
}
@media screen and (max-width: 969px) {
  .layout-header-navigationArea {
    display: none;
  }
}
.layout-header-linkOuter > .layout-header-linkList {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
}
.layout-header-linkOuter > .layout-header-linkList > li .layout-header-link.of-icon {
  display: block;
  padding: 10px;
}
@media screen and (max-width: 969px) {
  .layout-header-linkOuter > .layout-header-linkList > li .layout-header-link.of-icon > img {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}
.layout-header-linkOuter > .layout-header-linkList > li .layout-header-link.of-icon.of-primary {
  padding-top: 18px;
  padding-bottom: 18px;
}
.layout-header-linkOuter > .layout-header-linkList > li .layout-header-link.of-icon.of-primary > img {
  width: auto;
  min-width: 44px;
  height: auto;
}
.layout-header-linkOuter > .layout-header-linkList > li:last-child .layout-header-link.of-icon {
  padding-right: 0;
}
.layout-header-linkListArea.of-area-primaryLink {
  grid-area: primaryLinkArea;
}
.layout-header-linkListArea.of-area-secondaryLink {
  grid-area: secondaryLinkArea;
}
.layout-header-linkListArea > .layout-header-linkList:has(> li:nth-child(2)) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 10px;
}
@media screen and (max-width: 969px) {
  .layout-header-linkListArea > .layout-header-linkList:has(> li:nth-child(2)) {
    grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  }
}
@media screen and (max-width: 479px) {
  .layout-header-linkListArea > .layout-header-linkList:has(> li:nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 359px) {
  .layout-header-linkListArea > .layout-header-linkList:has(> li:nth-child(2)) {
    grid-template-columns: repeat(1, 1fr);
  }
}
.layout-header-linkListArea > .layout-header-linkList > li {
  text-align: center;
}
.layout-header-linkListArea > .layout-header-linkList > li .layout-header-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 2px 0;
  border: 1px solid #64606e;
  border-radius: 3px;
  color: #64606e;
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_HALANT);
  text-decoration: none;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
@media screen and (max-width: 1440px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link {
    font-size: calc(2rem + (1vw - 0.969rem) * (0.8492569002));
  }
}
@media screen and (max-width: 969px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link {
    font-size: 21px;
  }
}
@media screen and (max-width: 479px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link {
    min-height: 22px;
    padding-bottom: 1px;
    font-size: 16px;
  }
}
@media (hover: hover) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link:hover {
    background-color: #64606e;
    color: #fff;
  }
}
.layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-entry {
  border-color: #e30012;
  color: #e30012;
}
@media (hover: hover) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-entry:hover {
    background-color: #e30012;
    color: #fff;
  }
}
@media screen and (max-width: 969px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-internship {
    height: 100%;
    min-height: 27px;
    font-size: 15px;
  }
}
.layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon {
  width: fit-content;
  margin-right: -17.5px;
  padding: 17.5px;
  border: none;
}
@media screen and (max-width: 1440px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon {
    margin-right: calc(-1.5rem + (1vw - 0.969rem) * (-0.5307855626));
    padding: calc(1.5rem + (1vw - 0.969rem) * (0.5307855626));
  }
}
@media screen and (max-width: 969px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon {
    margin-right: 0;
  }
}
.layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon > img {
  width: 35px;
  min-width: 35px;
}
@media screen and (max-width: 1440px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon > img {
    width: calc(3rem + (1vw - 0.969rem) * (1.0615711253));
    min-width: calc(3rem + (1vw - 0.969rem) * (1.0615711253));
    height: calc(3rem + (1vw - 0.969rem) * (1.0615711253));
  }
}
@media screen and (max-width: 969px) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon > img {
    width: 30px;
    min-width: 30px;
    height: 30px;
  }
}
.layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon.of-primary > img {
  width: auto;
  min-width: auto;
  height: auto;
}
@media (hover: hover) {
  .layout-header-linkListArea > .layout-header-linkList > li .layout-header-link.of-icon:hover {
    background-color: transparent;
    color: #fff;
  }
}
.layout-header-linkListArea > .layout-header-linkList.of-primary {
  align-items: center;
}
.layout-header-linkListArea > .layout-header-linkList.of-primary:has(> li:nth-child(2)) {
  grid-template-columns: none;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: end;
  gap: 8px 4px;
}
@media screen and (max-width: 969px) {
  .layout-header-linkListArea:last-of-type {
    display: none;
  }
}
.layout-header-navigationList {
  display: grid;
  grid-template-columns: 1fr 1fr 239px 1fr 1fr;
  grid-template-areas: "about work . people recruit";
}
@media screen and (max-width: 1440px) {
  .layout-header-navigationList {
    grid-template-columns: 1fr 1fr calc(15rem + (1vw - 0.969rem) * (18.8959660297)) 1fr 1fr;
  }
}
.layout-header-navigationList > li {
  text-align: center;
}
.layout-header-navigationList > li:nth-child(1) {
  grid-area: about;
  margin-left: 6px;
}
.layout-header-navigationList > li:nth-child(2) {
  grid-area: work;
  margin-right: 6px;
}
.layout-header-navigationList > li:nth-child(3) {
  grid-area: people;
  margin-left: 6px;
}
.layout-header-navigationList > li:nth-child(4) {
  grid-area: recruit;
  margin-right: 6px;
}
.layout-header-navigationList > li .layout-header-navigationLink {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  padding: 8px;
  color: #000;
  font-size: 1.6rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 600;
  letter-spacing: 2.56px;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .layout-header-navigationList > li .layout-header-navigationLink {
    font-size: calc(1.3rem + (1vw - 0.969rem) * (0.6369426752));
  }
}
.layout-header-navigationList > li .layout-header-navigationLink::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 10px;
  height: 25px;
  transform: translateX(-50%);
  background-color: rgba(99, 96, 109, 0.91);
  content: "";
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  opacity: 0;
  transition: opacity ease-in 0.2s 0s;
}
.layout-header-navigationList > li .layout-header-navigationLink.is-active::after {
  opacity: 1;
}
.layout-header-navigationList > li .layout-header-navigationLink > span {
  background-image: linear-gradient(#e30012, #e30012);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.layout-header-navigationList > li .layout-header-navigationLinkContent {
  visibility: hidden;
  z-index: 10;
  position: absolute;
  top: 120px;
  bottom: 0;
  left: 40px;
  width: calc(100% - 40px);
  height: min-content;
  background-color: rgba(99, 96, 109, 0.91);
  color: #fff;
  opacity: 0;
}
.layout-header-navigationList > li .layout-header-navigationLinkInner {
  display: grid;
  grid-template-columns: 310px 1fr;
  align-items: center;
  max-width: 1480px;
  margin: 0 auto;
  padding: 20px 20px 16px;
  gap: 24px;
}
@media screen and (max-width: 1440px) {
  .layout-header-navigationList > li .layout-header-navigationLinkInner {
    grid-template-columns: calc(20rem + (1vw - 0.969rem) * (23.3545647558)) 1fr;
  }
}
.layout-header-navigationList > li .layout-header-navigationLinkContent.is-hide {
  visibility: hidden;
  opacity: 0;
  transition: opacity ease-in 0.3s 0s;
}
.layout-header-navigationList > li .layout-header-navigationLinkContent.is-shown {
  visibility: visible;
  opacity: 1;
  transition: opacity ease-in 0.3s 0s;
}
.layout-header-navigationDetailLinkList {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 40px;
}
.layout-header-navigationDetailLinkList > li {
  position: relative;
  text-align: left;
}
.layout-header-navigationDetailLinkList > li::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "＞";
  color: #fff;
  font-size: 1.6rem;
}
.layout-header-navigationDetailLinkList > li .layout-header-navigationDetailLink {
  padding-left: 20px;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  font-variation-settings: "wght" 400;
  letter-spacing: 2.56px;
  text-decoration: none;
}
.layout-header-navigationDetailLinkList > li .layout-header-navigationDetailLink > span {
  background-image: linear-gradient(#fff, #fff);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
  .layout-header-navigationDetailLinkList > li .layout-header-navigationDetailLink:hover > span {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
}
.layout-header-navigationDetailLinkList > li .layout-header-navigationDetailLink:focus > span {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.layout-header-navigationTitle {
  color: #fff;
  font-size: 2.3rem;
  line-height: 1.5;
  font-variation-settings: "wght" 400;
  letter-spacing: 3.68px;
  text-align: left;
}

.navigationGlobal {
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #1e283c;
  color: #fff;
  transition: visibility ease-in 0.2s, opacity ease-in 0.2s;
}
@media screen and (max-width: 969px) {
  .navigationGlobal {
    top: -22px;
    left: -30px;
    width: calc(100% + 87px + 30px);
  }
}
.navigationGlobal.is-hide {
  visibility: hidden;
  opacity: 0;
}
.navigationGlobal.is-shown {
  visibility: visible;
  opacity: 1;
}
.navigationGlobal-content {
  display: grid;
}
.navigationGlobal-header {
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-header {
    border-bottom: 2px solid #fff;
  }
}
.navigationGlobal-headerContent {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-headerContent {
    justify-content: flex-start;
  }
}
.navigationGlobal-header-logo a {
  display: block;
}
.navigationGlobal-header-logo img {
  width: 165px;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-header-logo img {
    width: calc(11.2rem + (1vw - 0.969rem) * (11.2526539278));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-header-logo img {
    width: 110px;
  }
}
.navigationGlobal-header-logoArea {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 239px;
  padding: 40px 20px 30px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-header-logoArea {
    width: auto;
    padding: 30px 30px 18px;
    border-right: 0;
    border-left: 0;
  }
}
.navigationGlobal-header-text {
  margin-top: 25px;
  font-weight: 600;
  font-size: 2.2rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_HALANT);
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-header-text {
    font-size: calc(1.5rem + (1vw - 0.969rem) * (0.4246284501));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-header-text {
    margin-top: 10px;
    font-size: 1.5rem;
  }
}
.navigationGlobal-body {
  overflow: hidden;
}
.navigationGlobal-bodyContent {
  max-width: 1920px;
  height: calc(100dvh - 157px);
  max-height: calc(100vh - 157px);
  margin: 0 auto;
  padding: 66px 100px;
  overflow: hidden auto;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-bodyContent {
    height: calc(100dvh - (14.2rem + (1vw - 0.969rem) * (3.1847133758)));
    max-height: calc(100dvh - (14.2rem + (1vw - 0.969rem) * (3.1847133758)));
    padding: calc(4.8rem + (1vw - 0.969rem) * (3.821656051)) calc(3rem + (1vw - 0.969rem) * (14.8619957537));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-bodyContent {
    height: calc(100dvh - 105px);
    max-height: calc(100dvh - 105px);
    padding: 48px 30px;
  }
}
.navigationGlobal-buttonList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 33px;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-buttonList {
    gap: 12px calc(2.8rem + (1vw - 0.48rem) * (0.5208333333));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-buttonList {
    gap: 12px;
  }
}
.navigationGlobal-buttonList > li {
  min-width: 333px;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-buttonList > li {
    min-width: calc(12.1rem + (1vw - 0.48rem) * (22.0833333333));
  }
}
.navigationGlobal-buttonListArea {
  margin-bottom: 66px;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-buttonListArea {
    margin-bottom: calc(3rem + (1vw - 0.48rem) * (3.75));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-buttonListArea {
    position: relative;
    margin-bottom: 53px;
  }
  .navigationGlobal-buttonListArea::after {
    display: block;
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
  }
}
.navigationGlobal-buttonListLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 8px 4px;
  border-radius: 3px;
  background-color: #63606d;
  color: #fff;
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_HALANT);
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-buttonListLink {
    font-size: calc(1.5rem + (1vw - 0.48rem) * (1.9791666667));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-buttonListLink {
    padding: 8px 8px 4px;
  }
}
.navigationGlobal-buttonListLink.of-entry {
  background-color: #e30012;
}
.navigationGlobal-listArea {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 114px;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-listArea {
    gap: calc(4.2rem + (1vw - 0.969rem) * (15.2866242038));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-listArea {
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    gap: 53px;
  }
}
.navigationGlobal-list {
  display: grid;
  grid-template-areas: "about work recruit" "about people recruit";
  gap: 76px 80px;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-list {
    gap: calc(5rem + (1vw - 0.969rem) * (5.9447983015)) calc(3.2rem + (1vw - 0.969rem) * (10.1910828025));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-list {
    grid-template-areas: "about" "work" "people" "recruit";
    gap: 45px;
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-list > li {
    display: grid;
    position: relative;
    grid-template-columns: 66px 1fr;
    align-items: flex-start;
    gap: 48px;
  }
}
@media screen and (max-width: 969px) and (max-width: 969px) {
  .navigationGlobal-list > li {
    grid-template-columns: calc(6.6rem + (1vw - 0.48rem) * (11.0429447853)) 1fr;
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-list > li::after {
    display: block;
    position: absolute;
    bottom: -22px;
    width: 100%;
    height: 1px;
    background-color: #fff;
    content: "";
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-list > li:first-child::before {
    display: block;
    position: absolute;
    top: -22px;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
  }
}
.navigationGlobal-list > li:nth-child(1) {
  grid-area: about;
}
.navigationGlobal-list > li:nth-child(2) {
  grid-area: work;
}
.navigationGlobal-list > li:nth-child(3) {
  grid-area: people;
}
.navigationGlobal-list > li:nth-child(4) {
  grid-area: recruit;
}
.navigationGlobal-list > li a > span {
  background-image: linear-gradient(#fff, #fff);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
  .navigationGlobal-list > li a:hover > span {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
}
.navigationGlobal-list > li a:focus > span {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.navigationGlobal-listItemLink {
  display: block;
  margin-bottom: 40px;
  color: #fff;
  font-size: 4rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 6.44px;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-listItemLink {
    font-size: calc(1.5rem + (1vw - 0.48rem) * (2.6041666667));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-listItemLink {
    margin-bottom: 0;
  }
}
.navigationGlobal-childList {
  display: grid;
  gap: 15px;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-childList {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-childList > li {
    display: flex;
    align-items: center;
  }
}
.navigationGlobal-childListItemLink {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 38px;
  color: #fff;
  font-size: 2rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 1px;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-childListItemLink {
    padding-right: calc(2.2rem + (1vw - 0.48rem) * (1.6666666667));
    font-size: calc(1.3rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
.navigationGlobal-childListItemLink::before, .navigationGlobal-childListItemLink::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
.navigationGlobal-childListItemLink::before {
  right: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-childListItemLink::before {
    width: calc(1.5rem + (1vw - 0.48rem) * (1.5625));
    height: calc(1.5rem + (1vw - 0.48rem) * (1.5625));
  }
}
.navigationGlobal-childListItemLink::after {
  right: 10px;
  aspect-ratio: 1;
  width: 10px;
  height: 10px;
  background-color: #fff;
  clip-path: polygon(7% 0, 100% 50%, 7% 100%, 0 93%, 83% 50%, 0 7%);
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-childListItemLink::after {
    right: calc(0.5rem + (1vw - 0.48rem) * (0.5208333333));
    width: calc(0.5rem + (1vw - 0.48rem) * (0.5208333333));
    height: calc(0.5rem + (1vw - 0.48rem) * (0.5208333333));
  }
}
.navigationGlobal-otherList {
  display: grid;
  gap: 76px;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-otherList {
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
}
.navigationGlobal-otherListItemLink {
  display: block;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 1px;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-otherListItemLink {
    font-size: calc(1.3rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
@media (hover: hover) {
  .navigationGlobal-otherListItemLink:hover .navigationGlobal-media-text,
  .navigationGlobal-otherListItemLink:hover .navigationGlobal-media-title,
  .navigationGlobal-otherListItemLink:hover .navigationGlobal-media-subtitle {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
}
.navigationGlobal-otherListItemLink:focus .navigationGlobal-media-text,
.navigationGlobal-otherListItemLink:focus .navigationGlobal-media-title,
.navigationGlobal-otherListItemLink:focus .navigationGlobal-media-subtitle {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.navigationGlobal-media {
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
}
.navigationGlobal-media-body {
  padding-left: 26px;
  border-left: 1px solid #fff;
}
.navigationGlobal-media-image img {
  width: 100%;
}
.navigationGlobal-media-title {
  background-image: linear-gradient(#fff, #fff);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--FONT_FAMILY_HALANT);
  letter-spacing: 0;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-media-title {
    font-size: calc(1.3rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
.navigationGlobal-media-text, .navigationGlobal-media-subtitle {
  background-image: linear-gradient(#fff, #fff);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 1px;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-media-text, .navigationGlobal-media-subtitle {
    font-size: calc(1.3rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
.navigationGlobal-linkAreaItem {
  max-width: 1920px;
  margin: 0 auto;
  padding: 66px 0 0;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-linkAreaItem {
    padding: calc(3rem + (1vw - 0.969rem) * (7.6433121019)) 0 0;
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-linkAreaItem {
    padding: 30px 0 0;
  }
}
.navigationGlobal-linkAreaLink {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  font-size: 2rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 4px;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-linkAreaLink {
    font-size: calc(1.3rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-linkAreaLink {
    display: inline-flex;
    justify-content: flex-start;
    padding: 0 0 0 26px;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
  }
}
.navigationGlobal-linkAreaLink-text {
  background-image: linear-gradient(#fff, #fff);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
  .navigationGlobal-linkAreaLink:hover .navigationGlobal-linkAreaLink-text {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
}
.navigationGlobal-linkAreaLink:focus .navigationGlobal-linkAreaLink-text {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.navigationGlobal-linkAreaLink > svg {
  width: 25px;
  height: 25px;
  margin-left: 18px;
  stroke: #fff;
  fill: none;
  stroke-miterlimit: 10;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-linkAreaLink > svg {
    width: 13px;
    height: 13px;
    margin-left: 6px;
  }
}
.navigationGlobal-button {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px 7.2px;
  color: #000;
  font-weight: 600;
  font-size: 1rem;
  line-height: 3.2;
  font-family: var(--FONT_FAMILY_HALANT);
}
@media screen and (max-width: 969px) {
  .navigationGlobal-button {
    right: -66px;
    left: auto;
  }
}
@media screen and (max-width: 479px) {
  .navigationGlobal-button {
    padding: 9px 7.2px;
  }
}
.navigationGlobal-button > span {
  display: block;
  position: relative;
}
.navigationGlobal-button > span::before, .navigationGlobal-button > span::after {
  display: block;
  position: absolute;
  left: 50%;
  width: 25px;
  height: 2px;
  transform: translateX(-50%);
  background-color: #000;
  content: "";
}
.navigationGlobal-button > span::before {
  bottom: 8px;
}
.navigationGlobal-button > span::after {
  bottom: 0;
}
.navigationGlobal-closeButton {
  position: absolute;
  top: 0;
  left: 0;
  padding: 35px 40px;
  color: #fff;
  font-size: 0;
}
@media screen and (max-width: 1440px) {
  .navigationGlobal-closeButton {
    padding: calc(3rem + (1vw - 0.48rem) * (0.5208333333)) 40px;
  }
}
@media screen and (max-width: 969px) {
  .navigationGlobal-closeButton {
    right: 0;
    left: auto;
    padding: 37px 35px;
  }
}
.navigationGlobal-closeButton > span {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
}
@media screen and (max-width: 969px) {
  .navigationGlobal-closeButton > span {
    width: 30px;
    height: 30px;
  }
}
.navigationGlobal-closeButton > span::before, .navigationGlobal-closeButton > span::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 113px;
  height: 1px;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 969px) {
  .navigationGlobal-closeButton > span::before, .navigationGlobal-closeButton > span::after {
    width: 40px;
  }
}
.navigationGlobal-closeButton > span::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.layout-footer {
  position: relative;
  background-color: #fff;
}
.layout-footer::before {
  display: block;
  position: absolute;
  top: 0;
  left: 40px;
  width: calc(100% - 40px);
  height: 4px;
  background-color: #e1e1d8;
  content: "";
}
@media screen and (max-width: 969px) {
  .layout-footer::before {
    left: 30px;
    width: calc(100% - 30px);
  }
}
.layout-footer-content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "footerListArea footerCopyArea";
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 34px 40px 30px 100px;
  gap: 44px;
}
@media screen and (max-width: 1440px) {
  .layout-footer-content {
    padding: 34px calc(3rem + (1vw - 0.969rem) * (2.1231422505)) 30px calc(7rem + (1vw - 0.969rem) * (6.3694267516));
    gap: calc(2.4rem + (1vw - 0.969rem) * (4.2462845011));
  }
}
@media screen and (max-width: 969px) {
  .layout-footer-content {
    grid-template-columns: 1fr;
    grid-template-areas: "footerListArea" "footerCopyArea";
    padding: 34px 30px 30px 40px;
    gap: 4px 24px;
  }
}
.layout-footer-list {
  display: flex;
  grid-area: footerListArea;
  flex-wrap: wrap;
  margin: -8px 0 0;
}
.layout-footer-list > li {
  position: relative;
  margin-top: 8px;
  padding-left: 14px;
  line-height: 1;
}
@media screen and (max-width: 969px) {
  .layout-footer-list > li {
    padding-left: 8px;
  }
}
.layout-footer-list > li:not(:last-child) {
  margin-right: 24px;
}
@media screen and (max-width: 969px) {
  .layout-footer-list > li:not(:last-child) {
    margin-right: 12px;
  }
}
.layout-footer-list > li::before {
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  aspect-ratio: 1;
  width: 12px;
  height: 12px;
  background-color: #000;
  content: "";
  clip-path: polygon(0 7%, 7% 0, 57% 50%, 7% 100%, 0 93%, 43% 50%, 0 7%);
}
@media screen and (max-width: 969px) {
  .layout-footer-list > li::before {
    top: 7px;
    width: 8px;
    height: 8px;
  }
}
.layout-footer-list > li > a {
  background-image: linear-gradient(#000, #000);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  color: #000;
  font-size: 1.7rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 600;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (hover: hover) {
  .layout-footer-list > li > a:hover {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
}
@media screen and (max-width: 1440px) {
  .layout-footer-list > li > a {
    font-size: calc(1.4rem + (1vw - 0.969rem) * (0.6369426752));
  }
}
@media screen and (max-width: 969px) {
  .layout-footer-list > li > a {
    font-size: 1rem;
    line-height: 1.2;
  }
}
.layout-footer-copy {
  grid-area: footerCopyArea;
  padding-top: 0.5em;
  color: #000;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_HALANT);
}
@media screen and (max-width: 969px) {
  .layout-footer-copy {
    padding-top: 0;
    font-size: 0.9rem;
  }
}
.layout-footer-logo {
  grid-area: footerLogoArea;
}
.layout-footer-logo img {
  width: 256px;
}
@media screen and (max-width: 1440px) {
  .layout-footer-logo img {
    width: calc(11.8rem + (1vw - 0.969rem) * (29.2993630573));
  }
}
@media screen and (max-width: 969px) {
  .layout-footer-logo img {
    width: 118px;
  }
}

.layout-main {
  overflow: hidden;
}
.layout-main-content {
  display: grid;
  grid-template-columns: auto 1fr;
  margin: 0 auto;
}
.layout-main-inner {
  position: relative;
}
.layout-main-inner.of-index {
  clip-path: inset(0 round 19px 0 0 0px);
}
.layout-main-siteNameBar {
  position: fixed;
  top: 50%;
  left: 14px;
  transform: translateY(-50%) rotate(180deg);
  color: #e30012;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_HALANT);
  white-space: nowrap;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 969px) {
  .layout-main-siteNameBar {
    left: 11px;
    font-size: 1.3rem;
  }
}
.layout-main-siteNameBarOuter {
  display: flex;
  z-index: 1;
  justify-content: center;
  width: 40px;
  height: 100%;
  background-color: #fff;
}
@media screen and (max-width: 969px) {
  .layout-main-siteNameBarOuter {
    width: 30px;
  }
}
.layout-main-body {
  padding: 30px 80px 95px 40px;
  background-color: #e1e1d8;
}
@media screen and (max-width: 969px) {
  .layout-main-body {
    padding: 30px 30px 50px 15px;
  }
}
.layout-main-body.of-primary {
  padding: 0 38px 0 0;
  background-color: #1e283c;
}
@media screen and (max-width: 969px) {
  .layout-main-body.of-primary {
    padding: 0 30px 0 0;
  }
}
.layout-main-footer {
  padding: 75px 80px 95px 40px;
  background-color: #fff;
}
@media screen and (max-width: 969px) {
  .layout-main-footer {
    padding: 50px 20px 40px;
  }
}
.layout-main-footer.of-primary {
  background-color: #e1e1d8;
}
@media screen and (max-width: 969px) {
  .layout-main:has(.navigationAnchor:not(.smallScreen-hide)) .layout-main-body {
    padding-top: 0;
  }
}

.layout-container {
  max-width: 1240px;
  margin-inline: auto;
}

.layout-interviewContainer.is-animated {
  animation: slideUpFadeIn 1s ease-out forwards;
}

@keyframes slideUpFadeIn {
  0% {
    transform: translateY(2%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.layout-grid {
  display: flex;
  flex-wrap: wrap;
}

.layout-grid > * {
  width: 100%;
}
.layout-grid > * > *:last-child {
  margin-bottom: 0;
}

.layout-grid.of-column-1 > * {
  width: 100%;
}

.layout-grid.of-column-2 > * {
  width: 50%;
}

.layout-grid.of-column-3 > * {
  width: 33.3333333333%;
}

.layout-grid.of-column-4 > * {
  width: 25%;
}

.layout-grid.of-column-5 > * {
  width: 20%;
}

.layout-grid.of-column-6 > * {
  width: 16.6666666667%;
}

@media (min-width:970px) {
  .layout-grid.largeScreen-column-1 > * {
    width: 100%;
  }
  .layout-grid.largeScreen-column-2 > * {
    width: 50%;
  }
  .layout-grid.largeScreen-column-3 > * {
    width: 33.3333333333%;
  }
  .layout-grid.largeScreen-column-4 > * {
    width: 25%;
  }
  .layout-grid.largeScreen-column-5 > * {
    width: 20%;
  }
  .layout-grid.largeScreen-column-6 > * {
    width: 16.6666666667%;
  }
}
@media (min-width:1366px) {
  .layout-grid.extraLargeScreen-column-1 > * {
    width: 100%;
  }
  .layout-grid.extraLargeScreen-column-2 > * {
    width: 50%;
  }
  .layout-grid.extraLargeScreen-column-3 > * {
    width: 33.3333333333%;
  }
  .layout-grid.extraLargeScreen-column-4 > * {
    width: 25%;
  }
  .layout-grid.extraLargeScreen-column-5 > * {
    width: 20%;
  }
  .layout-grid.extraLargeScreen-column-6 > * {
    width: 16.6666666667%;
  }
}
@media (max-width:969px) {
  .layout-grid.smallScreen-column-1 > * {
    width: 100%;
  }
  .layout-grid.smallScreen-column-2 > * {
    width: 50%;
  }
  .layout-grid.smallScreen-column-3 > * {
    width: 33.3333333333%;
  }
  .layout-grid.smallScreen-column-4 > * {
    width: 25%;
  }
  .layout-grid.smallScreen-column-5 > * {
    width: 20%;
  }
  .layout-grid.smallScreen-column-6 > * {
    width: 16.6666666667%;
  }
}
@media (max-width:768px) {
  .layout-grid.extraSmallScreen-column-1 > * {
    width: 100%;
  }
  .layout-grid.extraSmallScreen-column-2 > * {
    width: 50%;
  }
  .layout-grid.extraSmallScreen-column-3 > * {
    width: 33.3333333333%;
  }
  .layout-grid.extraSmallScreen-column-4 > * {
    width: 25%;
  }
  .layout-grid.extraSmallScreen-column-5 > * {
    width: 20%;
  }
  .layout-grid.extraSmallScreen-column-6 > * {
    width: 16.6666666667%;
  }
}
@media (max-width:479px) {
  .layout-grid.minimumScreen-column-1 > * {
    width: 100%;
  }
  .layout-grid.minimumScreen-column-2 > * {
    width: 50%;
  }
  .layout-grid.minimumScreen-column-3 > * {
    width: 33.3333333333%;
  }
  .layout-grid.minimumScreen-column-4 > * {
    width: 25%;
  }
  .layout-grid.minimumScreen-column-5 > * {
    width: 20%;
  }
  .layout-grid.minimumScreen-column-6 > * {
    width: 16.6666666667%;
  }
}
.layout-grid.of-spaceX-0 {
  margin-right: 0;
  margin-left: 0;
}

.layout-grid.of-spaceX-0 > * {
  padding-right: 0;
  padding-left: 0;
}

.layout-grid.of-spaceY-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.layout-grid.of-spaceY-0 > * {
  margin-top: 0;
  margin-bottom: 0;
}

.layout-grid.of-spaceX-4 {
  margin-right: -2px;
  margin-left: -2px;
}

.layout-grid.of-spaceX-4 > * {
  padding-right: 2px;
  padding-left: 2px;
}

.layout-grid.of-spaceY-4 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.layout-grid.of-spaceY-4 > * {
  margin-top: 2px;
  margin-bottom: 2px;
}

.layout-grid.of-spaceX-8 {
  margin-right: -4px;
  margin-left: -4px;
}

.layout-grid.of-spaceX-8 > * {
  padding-right: 4px;
  padding-left: 4px;
}

.layout-grid.of-spaceY-8 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.layout-grid.of-spaceY-8 > * {
  margin-top: 4px;
  margin-bottom: 4px;
}

.layout-grid.of-spaceX-10 {
  margin-right: -5px;
  margin-left: -5px;
}

.layout-grid.of-spaceX-10 > * {
  padding-right: 5px;
  padding-left: 5px;
}

.layout-grid.of-spaceY-10 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.layout-grid.of-spaceY-10 > * {
  margin-top: 5px;
  margin-bottom: 5px;
}

.layout-grid.of-spaceX-16 {
  margin-right: -8px;
  margin-left: -8px;
}

.layout-grid.of-spaceX-16 > * {
  padding-right: 8px;
  padding-left: 8px;
}

.layout-grid.of-spaceY-16 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.layout-grid.of-spaceY-16 > * {
  margin-top: 8px;
  margin-bottom: 8px;
}

.layout-grid.of-spaceX-20 {
  margin-right: -10px;
  margin-left: -10px;
}

.layout-grid.of-spaceX-20 > * {
  padding-right: 10px;
  padding-left: 10px;
}

.layout-grid.of-spaceY-20 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.layout-grid.of-spaceY-20 > * {
  margin-top: 10px;
  margin-bottom: 10px;
}

.layout-grid.of-spaceX-24 {
  margin-right: -12px;
  margin-left: -12px;
}

.layout-grid.of-spaceX-24 > * {
  padding-right: 12px;
  padding-left: 12px;
}

.layout-grid.of-spaceY-24 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.layout-grid.of-spaceY-24 > * {
  margin-top: 12px;
  margin-bottom: 12px;
}

.layout-grid.of-spaceX-28 {
  margin-right: -14px;
  margin-left: -14px;
}

.layout-grid.of-spaceX-28 > * {
  padding-right: 14px;
  padding-left: 14px;
}

.layout-grid.of-spaceY-28 {
  margin-top: -14px;
  margin-bottom: -14px;
}

.layout-grid.of-spaceY-28 > * {
  margin-top: 14px;
  margin-bottom: 14px;
}

.layout-grid.of-spaceX-30 {
  margin-right: -15px;
  margin-left: -15px;
}

.layout-grid.of-spaceX-30 > * {
  padding-right: 15px;
  padding-left: 15px;
}

.layout-grid.of-spaceY-30 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.layout-grid.of-spaceY-30 > * {
  margin-top: 15px;
  margin-bottom: 15px;
}

.layout-grid.of-spaceX-32 {
  margin-right: -16px;
  margin-left: -16px;
}

.layout-grid.of-spaceX-32 > * {
  padding-right: 16px;
  padding-left: 16px;
}

.layout-grid.of-spaceY-32 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.layout-grid.of-spaceY-32 > * {
  margin-top: 16px;
  margin-bottom: 16px;
}

.layout-grid.of-spaceX-36 {
  margin-right: -18px;
  margin-left: -18px;
}

.layout-grid.of-spaceX-36 > * {
  padding-right: 18px;
  padding-left: 18px;
}

.layout-grid.of-spaceY-36 {
  margin-top: -18px;
  margin-bottom: -18px;
}

.layout-grid.of-spaceY-36 > * {
  margin-top: 18px;
  margin-bottom: 18px;
}

.layout-grid.of-spaceX-40 {
  margin-right: -20px;
  margin-left: -20px;
}

.layout-grid.of-spaceX-40 > * {
  padding-right: 20px;
  padding-left: 20px;
}

.layout-grid.of-spaceY-40 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.layout-grid.of-spaceY-40 > * {
  margin-top: 20px;
  margin-bottom: 20px;
}

.layout-grid.of-spaceX-48 {
  margin-right: -24px;
  margin-left: -24px;
}

.layout-grid.of-spaceX-48 > * {
  padding-right: 24px;
  padding-left: 24px;
}

.layout-grid.of-spaceY-48 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.layout-grid.of-spaceY-48 > * {
  margin-top: 24px;
  margin-bottom: 24px;
}

.layout-grid.of-spaceX-50 {
  margin-right: -25px;
  margin-left: -25px;
}

.layout-grid.of-spaceX-50 > * {
  padding-right: 25px;
  padding-left: 25px;
}

.layout-grid.of-spaceY-50 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.layout-grid.of-spaceY-50 > * {
  margin-top: 25px;
  margin-bottom: 25px;
}

.layout-grid.of-spaceX-54 {
  margin-right: -27px;
  margin-left: -27px;
}

.layout-grid.of-spaceX-54 > * {
  padding-right: 27px;
  padding-left: 27px;
}

.layout-grid.of-spaceY-54 {
  margin-top: -27px;
  margin-bottom: -27px;
}

.layout-grid.of-spaceY-54 > * {
  margin-top: 27px;
  margin-bottom: 27px;
}

.layout-grid.of-spaceX-60 {
  margin-right: -30px;
  margin-left: -30px;
}

.layout-grid.of-spaceX-60 > * {
  padding-right: 30px;
  padding-left: 30px;
}

.layout-grid.of-spaceY-60 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.layout-grid.of-spaceY-60 > * {
  margin-top: 30px;
  margin-bottom: 30px;
}

.layout-grid.of-spaceX-64 {
  margin-right: -32px;
  margin-left: -32px;
}

.layout-grid.of-spaceX-64 > * {
  padding-right: 32px;
  padding-left: 32px;
}

.layout-grid.of-spaceY-64 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.layout-grid.of-spaceY-64 > * {
  margin-top: 32px;
  margin-bottom: 32px;
}

.layout-grid.of-spaceX-70 {
  margin-right: -35px;
  margin-left: -35px;
}

.layout-grid.of-spaceX-70 > * {
  padding-right: 35px;
  padding-left: 35px;
}

.layout-grid.of-spaceY-70 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.layout-grid.of-spaceY-70 > * {
  margin-top: 35px;
  margin-bottom: 35px;
}

.layout-grid.of-spaceX-74 {
  margin-right: -37px;
  margin-left: -37px;
}

.layout-grid.of-spaceX-74 > * {
  padding-right: 37px;
  padding-left: 37px;
}

.layout-grid.of-spaceY-74 {
  margin-top: -37px;
  margin-bottom: -37px;
}

.layout-grid.of-spaceY-74 > * {
  margin-top: 37px;
  margin-bottom: 37px;
}

.layout-grid.of-spaceX-80 {
  margin-right: -40px;
  margin-left: -40px;
}

.layout-grid.of-spaceX-80 > * {
  padding-right: 40px;
  padding-left: 40px;
}

.layout-grid.of-spaceY-80 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.layout-grid.of-spaceY-80 > * {
  margin-top: 40px;
  margin-bottom: 40px;
}

.layout-grid.of-spaceX-86 {
  margin-right: -43px;
  margin-left: -43px;
}

.layout-grid.of-spaceX-86 > * {
  padding-right: 43px;
  padding-left: 43px;
}

.layout-grid.of-spaceY-86 {
  margin-top: -43px;
  margin-bottom: -43px;
}

.layout-grid.of-spaceY-86 > * {
  margin-top: 43px;
  margin-bottom: 43px;
}

.layout-grid.of-spaceX-96 {
  margin-right: -48px;
  margin-left: -48px;
}

.layout-grid.of-spaceX-96 > * {
  padding-right: 48px;
  padding-left: 48px;
}

.layout-grid.of-spaceY-96 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.layout-grid.of-spaceY-96 > * {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media (min-width:970px) {
  .layout-grid.largeScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-grid.largeScreen-spaceX-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .layout-grid.largeScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.largeScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.largeScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-grid.largeScreen-spaceX-4 > * {
    padding-right: 2px;
    padding-left: 2px;
  }
  .layout-grid.largeScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-grid.largeScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-grid.largeScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-grid.largeScreen-spaceX-8 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .layout-grid.largeScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-grid.largeScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-grid.largeScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-grid.largeScreen-spaceX-10 > * {
    padding-right: 5px;
    padding-left: 5px;
  }
  .layout-grid.largeScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-grid.largeScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-grid.largeScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-grid.largeScreen-spaceX-16 > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .layout-grid.largeScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-grid.largeScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-grid.largeScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-grid.largeScreen-spaceX-20 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .layout-grid.largeScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-grid.largeScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-grid.largeScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-grid.largeScreen-spaceX-24 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .layout-grid.largeScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-grid.largeScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-grid.largeScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-grid.largeScreen-spaceX-28 > * {
    padding-right: 14px;
    padding-left: 14px;
  }
  .layout-grid.largeScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-grid.largeScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-grid.largeScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-grid.largeScreen-spaceX-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .layout-grid.largeScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-grid.largeScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-grid.largeScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-grid.largeScreen-spaceX-32 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .layout-grid.largeScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-grid.largeScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-grid.largeScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-grid.largeScreen-spaceX-36 > * {
    padding-right: 18px;
    padding-left: 18px;
  }
  .layout-grid.largeScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-grid.largeScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-grid.largeScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-grid.largeScreen-spaceX-40 > * {
    padding-right: 20px;
    padding-left: 20px;
  }
  .layout-grid.largeScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-grid.largeScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-grid.largeScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-grid.largeScreen-spaceX-48 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .layout-grid.largeScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-grid.largeScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-grid.largeScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-grid.largeScreen-spaceX-50 > * {
    padding-right: 25px;
    padding-left: 25px;
  }
  .layout-grid.largeScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-grid.largeScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-grid.largeScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-grid.largeScreen-spaceX-54 > * {
    padding-right: 27px;
    padding-left: 27px;
  }
  .layout-grid.largeScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-grid.largeScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-grid.largeScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-grid.largeScreen-spaceX-60 > * {
    padding-right: 30px;
    padding-left: 30px;
  }
  .layout-grid.largeScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-grid.largeScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-grid.largeScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-grid.largeScreen-spaceX-64 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .layout-grid.largeScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-grid.largeScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-grid.largeScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-grid.largeScreen-spaceX-70 > * {
    padding-right: 35px;
    padding-left: 35px;
  }
  .layout-grid.largeScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-grid.largeScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-grid.largeScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-grid.largeScreen-spaceX-74 > * {
    padding-right: 37px;
    padding-left: 37px;
  }
  .layout-grid.largeScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-grid.largeScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-grid.largeScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-grid.largeScreen-spaceX-80 > * {
    padding-right: 40px;
    padding-left: 40px;
  }
  .layout-grid.largeScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-grid.largeScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-grid.largeScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-grid.largeScreen-spaceX-86 > * {
    padding-right: 43px;
    padding-left: 43px;
  }
  .layout-grid.largeScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-grid.largeScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-grid.largeScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-grid.largeScreen-spaceX-96 > * {
    padding-right: 48px;
    padding-left: 48px;
  }
  .layout-grid.largeScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-grid.largeScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width:1366px) {
  .layout-grid.extraLargeScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-grid.extraLargeScreen-spaceX-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .layout-grid.extraLargeScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.extraLargeScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.extraLargeScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-grid.extraLargeScreen-spaceX-4 > * {
    padding-right: 2px;
    padding-left: 2px;
  }
  .layout-grid.extraLargeScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-grid.extraLargeScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-grid.extraLargeScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-grid.extraLargeScreen-spaceX-8 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .layout-grid.extraLargeScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-grid.extraLargeScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-grid.extraLargeScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-grid.extraLargeScreen-spaceX-10 > * {
    padding-right: 5px;
    padding-left: 5px;
  }
  .layout-grid.extraLargeScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-grid.extraLargeScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-grid.extraLargeScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-grid.extraLargeScreen-spaceX-16 > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .layout-grid.extraLargeScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-grid.extraLargeScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-grid.extraLargeScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-grid.extraLargeScreen-spaceX-20 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .layout-grid.extraLargeScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-grid.extraLargeScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-grid.extraLargeScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-grid.extraLargeScreen-spaceX-24 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .layout-grid.extraLargeScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-grid.extraLargeScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-grid.extraLargeScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-grid.extraLargeScreen-spaceX-28 > * {
    padding-right: 14px;
    padding-left: 14px;
  }
  .layout-grid.extraLargeScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-grid.extraLargeScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-grid.extraLargeScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-grid.extraLargeScreen-spaceX-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .layout-grid.extraLargeScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-grid.extraLargeScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-grid.extraLargeScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-grid.extraLargeScreen-spaceX-32 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .layout-grid.extraLargeScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-grid.extraLargeScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-grid.extraLargeScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-grid.extraLargeScreen-spaceX-36 > * {
    padding-right: 18px;
    padding-left: 18px;
  }
  .layout-grid.extraLargeScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-grid.extraLargeScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-grid.extraLargeScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-grid.extraLargeScreen-spaceX-40 > * {
    padding-right: 20px;
    padding-left: 20px;
  }
  .layout-grid.extraLargeScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-grid.extraLargeScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-grid.extraLargeScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-grid.extraLargeScreen-spaceX-48 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .layout-grid.extraLargeScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-grid.extraLargeScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-grid.extraLargeScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-grid.extraLargeScreen-spaceX-50 > * {
    padding-right: 25px;
    padding-left: 25px;
  }
  .layout-grid.extraLargeScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-grid.extraLargeScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-grid.extraLargeScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-grid.extraLargeScreen-spaceX-54 > * {
    padding-right: 27px;
    padding-left: 27px;
  }
  .layout-grid.extraLargeScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-grid.extraLargeScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-grid.extraLargeScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-grid.extraLargeScreen-spaceX-60 > * {
    padding-right: 30px;
    padding-left: 30px;
  }
  .layout-grid.extraLargeScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-grid.extraLargeScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-grid.extraLargeScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-grid.extraLargeScreen-spaceX-64 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .layout-grid.extraLargeScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-grid.extraLargeScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-grid.extraLargeScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-grid.extraLargeScreen-spaceX-70 > * {
    padding-right: 35px;
    padding-left: 35px;
  }
  .layout-grid.extraLargeScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-grid.extraLargeScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-grid.extraLargeScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-grid.extraLargeScreen-spaceX-74 > * {
    padding-right: 37px;
    padding-left: 37px;
  }
  .layout-grid.extraLargeScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-grid.extraLargeScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-grid.extraLargeScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-grid.extraLargeScreen-spaceX-80 > * {
    padding-right: 40px;
    padding-left: 40px;
  }
  .layout-grid.extraLargeScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-grid.extraLargeScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-grid.extraLargeScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-grid.extraLargeScreen-spaceX-86 > * {
    padding-right: 43px;
    padding-left: 43px;
  }
  .layout-grid.extraLargeScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-grid.extraLargeScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-grid.extraLargeScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-grid.extraLargeScreen-spaceX-96 > * {
    padding-right: 48px;
    padding-left: 48px;
  }
  .layout-grid.extraLargeScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-grid.extraLargeScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (max-width:969px) {
  .layout-grid.smallScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-grid.smallScreen-spaceX-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .layout-grid.smallScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.smallScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.smallScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-grid.smallScreen-spaceX-4 > * {
    padding-right: 2px;
    padding-left: 2px;
  }
  .layout-grid.smallScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-grid.smallScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-grid.smallScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-grid.smallScreen-spaceX-8 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .layout-grid.smallScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-grid.smallScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-grid.smallScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-grid.smallScreen-spaceX-10 > * {
    padding-right: 5px;
    padding-left: 5px;
  }
  .layout-grid.smallScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-grid.smallScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-grid.smallScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-grid.smallScreen-spaceX-16 > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .layout-grid.smallScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-grid.smallScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-grid.smallScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-grid.smallScreen-spaceX-20 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .layout-grid.smallScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-grid.smallScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-grid.smallScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-grid.smallScreen-spaceX-24 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .layout-grid.smallScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-grid.smallScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-grid.smallScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-grid.smallScreen-spaceX-28 > * {
    padding-right: 14px;
    padding-left: 14px;
  }
  .layout-grid.smallScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-grid.smallScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-grid.smallScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-grid.smallScreen-spaceX-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .layout-grid.smallScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-grid.smallScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-grid.smallScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-grid.smallScreen-spaceX-32 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .layout-grid.smallScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-grid.smallScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-grid.smallScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-grid.smallScreen-spaceX-36 > * {
    padding-right: 18px;
    padding-left: 18px;
  }
  .layout-grid.smallScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-grid.smallScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-grid.smallScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-grid.smallScreen-spaceX-40 > * {
    padding-right: 20px;
    padding-left: 20px;
  }
  .layout-grid.smallScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-grid.smallScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-grid.smallScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-grid.smallScreen-spaceX-48 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .layout-grid.smallScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-grid.smallScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-grid.smallScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-grid.smallScreen-spaceX-50 > * {
    padding-right: 25px;
    padding-left: 25px;
  }
  .layout-grid.smallScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-grid.smallScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-grid.smallScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-grid.smallScreen-spaceX-54 > * {
    padding-right: 27px;
    padding-left: 27px;
  }
  .layout-grid.smallScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-grid.smallScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-grid.smallScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-grid.smallScreen-spaceX-60 > * {
    padding-right: 30px;
    padding-left: 30px;
  }
  .layout-grid.smallScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-grid.smallScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-grid.smallScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-grid.smallScreen-spaceX-64 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .layout-grid.smallScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-grid.smallScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-grid.smallScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-grid.smallScreen-spaceX-70 > * {
    padding-right: 35px;
    padding-left: 35px;
  }
  .layout-grid.smallScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-grid.smallScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-grid.smallScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-grid.smallScreen-spaceX-74 > * {
    padding-right: 37px;
    padding-left: 37px;
  }
  .layout-grid.smallScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-grid.smallScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-grid.smallScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-grid.smallScreen-spaceX-80 > * {
    padding-right: 40px;
    padding-left: 40px;
  }
  .layout-grid.smallScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-grid.smallScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-grid.smallScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-grid.smallScreen-spaceX-86 > * {
    padding-right: 43px;
    padding-left: 43px;
  }
  .layout-grid.smallScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-grid.smallScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-grid.smallScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-grid.smallScreen-spaceX-96 > * {
    padding-right: 48px;
    padding-left: 48px;
  }
  .layout-grid.smallScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-grid.smallScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (max-width:768px) {
  .layout-grid.extraSmallScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-grid.extraSmallScreen-spaceX-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .layout-grid.extraSmallScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.extraSmallScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.extraSmallScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-grid.extraSmallScreen-spaceX-4 > * {
    padding-right: 2px;
    padding-left: 2px;
  }
  .layout-grid.extraSmallScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-grid.extraSmallScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-grid.extraSmallScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-grid.extraSmallScreen-spaceX-8 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .layout-grid.extraSmallScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-grid.extraSmallScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-grid.extraSmallScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-grid.extraSmallScreen-spaceX-10 > * {
    padding-right: 5px;
    padding-left: 5px;
  }
  .layout-grid.extraSmallScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-grid.extraSmallScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-grid.extraSmallScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-grid.extraSmallScreen-spaceX-16 > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .layout-grid.extraSmallScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-grid.extraSmallScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-grid.extraSmallScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-grid.extraSmallScreen-spaceX-20 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .layout-grid.extraSmallScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-grid.extraSmallScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-grid.extraSmallScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-grid.extraSmallScreen-spaceX-24 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .layout-grid.extraSmallScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-grid.extraSmallScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-grid.extraSmallScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-grid.extraSmallScreen-spaceX-28 > * {
    padding-right: 14px;
    padding-left: 14px;
  }
  .layout-grid.extraSmallScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-grid.extraSmallScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-grid.extraSmallScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-grid.extraSmallScreen-spaceX-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .layout-grid.extraSmallScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-grid.extraSmallScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-grid.extraSmallScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-grid.extraSmallScreen-spaceX-32 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .layout-grid.extraSmallScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-grid.extraSmallScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-grid.extraSmallScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-grid.extraSmallScreen-spaceX-36 > * {
    padding-right: 18px;
    padding-left: 18px;
  }
  .layout-grid.extraSmallScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-grid.extraSmallScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-grid.extraSmallScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-grid.extraSmallScreen-spaceX-40 > * {
    padding-right: 20px;
    padding-left: 20px;
  }
  .layout-grid.extraSmallScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-grid.extraSmallScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-grid.extraSmallScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-grid.extraSmallScreen-spaceX-48 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .layout-grid.extraSmallScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-grid.extraSmallScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-grid.extraSmallScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-grid.extraSmallScreen-spaceX-50 > * {
    padding-right: 25px;
    padding-left: 25px;
  }
  .layout-grid.extraSmallScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-grid.extraSmallScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-grid.extraSmallScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-grid.extraSmallScreen-spaceX-54 > * {
    padding-right: 27px;
    padding-left: 27px;
  }
  .layout-grid.extraSmallScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-grid.extraSmallScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-grid.extraSmallScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-grid.extraSmallScreen-spaceX-60 > * {
    padding-right: 30px;
    padding-left: 30px;
  }
  .layout-grid.extraSmallScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-grid.extraSmallScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-grid.extraSmallScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-grid.extraSmallScreen-spaceX-64 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .layout-grid.extraSmallScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-grid.extraSmallScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-grid.extraSmallScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-grid.extraSmallScreen-spaceX-70 > * {
    padding-right: 35px;
    padding-left: 35px;
  }
  .layout-grid.extraSmallScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-grid.extraSmallScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-grid.extraSmallScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-grid.extraSmallScreen-spaceX-74 > * {
    padding-right: 37px;
    padding-left: 37px;
  }
  .layout-grid.extraSmallScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-grid.extraSmallScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-grid.extraSmallScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-grid.extraSmallScreen-spaceX-80 > * {
    padding-right: 40px;
    padding-left: 40px;
  }
  .layout-grid.extraSmallScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-grid.extraSmallScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-grid.extraSmallScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-grid.extraSmallScreen-spaceX-86 > * {
    padding-right: 43px;
    padding-left: 43px;
  }
  .layout-grid.extraSmallScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-grid.extraSmallScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-grid.extraSmallScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-grid.extraSmallScreen-spaceX-96 > * {
    padding-right: 48px;
    padding-left: 48px;
  }
  .layout-grid.extraSmallScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-grid.extraSmallScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (max-width:479px) {
  .layout-grid.minimumScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-grid.minimumScreen-spaceX-0 > * {
    padding-right: 0;
    padding-left: 0;
  }
  .layout-grid.minimumScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.minimumScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-grid.minimumScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-grid.minimumScreen-spaceX-4 > * {
    padding-right: 2px;
    padding-left: 2px;
  }
  .layout-grid.minimumScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-grid.minimumScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-grid.minimumScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-grid.minimumScreen-spaceX-8 > * {
    padding-right: 4px;
    padding-left: 4px;
  }
  .layout-grid.minimumScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-grid.minimumScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-grid.minimumScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-grid.minimumScreen-spaceX-10 > * {
    padding-right: 5px;
    padding-left: 5px;
  }
  .layout-grid.minimumScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-grid.minimumScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-grid.minimumScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-grid.minimumScreen-spaceX-16 > * {
    padding-right: 8px;
    padding-left: 8px;
  }
  .layout-grid.minimumScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-grid.minimumScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-grid.minimumScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-grid.minimumScreen-spaceX-20 > * {
    padding-right: 10px;
    padding-left: 10px;
  }
  .layout-grid.minimumScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-grid.minimumScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-grid.minimumScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-grid.minimumScreen-spaceX-24 > * {
    padding-right: 12px;
    padding-left: 12px;
  }
  .layout-grid.minimumScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-grid.minimumScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-grid.minimumScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-grid.minimumScreen-spaceX-28 > * {
    padding-right: 14px;
    padding-left: 14px;
  }
  .layout-grid.minimumScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-grid.minimumScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-grid.minimumScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-grid.minimumScreen-spaceX-30 > * {
    padding-right: 15px;
    padding-left: 15px;
  }
  .layout-grid.minimumScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-grid.minimumScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-grid.minimumScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-grid.minimumScreen-spaceX-32 > * {
    padding-right: 16px;
    padding-left: 16px;
  }
  .layout-grid.minimumScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-grid.minimumScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-grid.minimumScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-grid.minimumScreen-spaceX-36 > * {
    padding-right: 18px;
    padding-left: 18px;
  }
  .layout-grid.minimumScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-grid.minimumScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-grid.minimumScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-grid.minimumScreen-spaceX-40 > * {
    padding-right: 20px;
    padding-left: 20px;
  }
  .layout-grid.minimumScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-grid.minimumScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-grid.minimumScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-grid.minimumScreen-spaceX-48 > * {
    padding-right: 24px;
    padding-left: 24px;
  }
  .layout-grid.minimumScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-grid.minimumScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-grid.minimumScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-grid.minimumScreen-spaceX-50 > * {
    padding-right: 25px;
    padding-left: 25px;
  }
  .layout-grid.minimumScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-grid.minimumScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-grid.minimumScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-grid.minimumScreen-spaceX-54 > * {
    padding-right: 27px;
    padding-left: 27px;
  }
  .layout-grid.minimumScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-grid.minimumScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-grid.minimumScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-grid.minimumScreen-spaceX-60 > * {
    padding-right: 30px;
    padding-left: 30px;
  }
  .layout-grid.minimumScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-grid.minimumScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-grid.minimumScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-grid.minimumScreen-spaceX-64 > * {
    padding-right: 32px;
    padding-left: 32px;
  }
  .layout-grid.minimumScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-grid.minimumScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-grid.minimumScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-grid.minimumScreen-spaceX-70 > * {
    padding-right: 35px;
    padding-left: 35px;
  }
  .layout-grid.minimumScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-grid.minimumScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-grid.minimumScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-grid.minimumScreen-spaceX-74 > * {
    padding-right: 37px;
    padding-left: 37px;
  }
  .layout-grid.minimumScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-grid.minimumScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-grid.minimumScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-grid.minimumScreen-spaceX-80 > * {
    padding-right: 40px;
    padding-left: 40px;
  }
  .layout-grid.minimumScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-grid.minimumScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-grid.minimumScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-grid.minimumScreen-spaceX-86 > * {
    padding-right: 43px;
    padding-left: 43px;
  }
  .layout-grid.minimumScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-grid.minimumScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-grid.minimumScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-grid.minimumScreen-spaceX-96 > * {
    padding-right: 48px;
    padding-left: 48px;
  }
  .layout-grid.minimumScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-grid.minimumScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.layout-grid.of-general.of-column-1 > .layout-grid-column.of-column-1 {
  width: 100%;
}

.layout-grid.of-general.of-column-2 > .layout-grid-column.of-column-1 {
  width: 50%;
}

.layout-grid.of-general.of-column-2 > .layout-grid-column.of-column-2 {
  width: 100%;
}

.layout-grid.of-general.of-column-3 > .layout-grid-column.of-column-1 {
  width: 33.3333333333%;
}

.layout-grid.of-general.of-column-3 > .layout-grid-column.of-column-2 {
  width: 66.6666666667%;
}

.layout-grid.of-general.of-column-3 > .layout-grid-column.of-column-3 {
  width: 100%;
}

.layout-grid.of-general.of-column-4 > .layout-grid-column.of-column-1 {
  width: 25%;
}

.layout-grid.of-general.of-column-4 > .layout-grid-column.of-column-2 {
  width: 50%;
}

.layout-grid.of-general.of-column-4 > .layout-grid-column.of-column-3 {
  width: 75%;
}

.layout-grid.of-general.of-column-4 > .layout-grid-column.of-column-4 {
  width: 100%;
}

.layout-grid.of-general.of-column-5 > .layout-grid-column.of-column-1 {
  width: 20%;
}

.layout-grid.of-general.of-column-5 > .layout-grid-column.of-column-2 {
  width: 40%;
}

.layout-grid.of-general.of-column-5 > .layout-grid-column.of-column-3 {
  width: 60%;
}

.layout-grid.of-general.of-column-5 > .layout-grid-column.of-column-4 {
  width: 80%;
}

.layout-grid.of-general.of-column-5 > .layout-grid-column.of-column-5 {
  width: 100%;
}

.layout-grid.of-general.of-column-6 > .layout-grid-column.of-column-1 {
  width: 16.6666666667%;
}

.layout-grid.of-general.of-column-6 > .layout-grid-column.of-column-2 {
  width: 33.3333333333%;
}

.layout-grid.of-general.of-column-6 > .layout-grid-column.of-column-3 {
  width: 50%;
}

.layout-grid.of-general.of-column-6 > .layout-grid-column.of-column-4 {
  width: 66.6666666667%;
}

.layout-grid.of-general.of-column-6 > .layout-grid-column.of-column-5 {
  width: 83.3333333333%;
}

.layout-grid.of-general.of-column-6 > .layout-grid-column.of-column-6 {
  width: 100%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-1 {
  width: 14.2857142857%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-2 {
  width: 28.5714285714%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-3 {
  width: 42.8571428571%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-4 {
  width: 57.1428571429%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-5 {
  width: 71.4285714286%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-6 {
  width: 85.7142857143%;
}

.layout-grid.of-general.of-column-7 > .layout-grid-column.of-column-7 {
  width: 100%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-1 {
  width: 12.5%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-2 {
  width: 25%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-3 {
  width: 37.5%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-4 {
  width: 50%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-5 {
  width: 62.5%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-6 {
  width: 75%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-7 {
  width: 87.5%;
}

.layout-grid.of-general.of-column-8 > .layout-grid-column.of-column-8 {
  width: 100%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-1 {
  width: 11.1111111111%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-2 {
  width: 22.2222222222%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-3 {
  width: 33.3333333333%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-4 {
  width: 44.4444444444%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-5 {
  width: 55.5555555556%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-6 {
  width: 66.6666666667%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-7 {
  width: 77.7777777778%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-8 {
  width: 88.8888888889%;
}

.layout-grid.of-general.of-column-9 > .layout-grid-column.of-column-9 {
  width: 100%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-1 {
  width: 10%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-2 {
  width: 20%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-3 {
  width: 30%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-4 {
  width: 40%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-5 {
  width: 50%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-6 {
  width: 60%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-7 {
  width: 70%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-8 {
  width: 80%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-9 {
  width: 90%;
}

.layout-grid.of-general.of-column-10 > .layout-grid-column.of-column-10 {
  width: 100%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-1 {
  width: 9.0909090909%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-2 {
  width: 18.1818181818%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-3 {
  width: 27.2727272727%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-4 {
  width: 36.3636363636%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-5 {
  width: 45.4545454545%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-6 {
  width: 54.5454545455%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-7 {
  width: 63.6363636364%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-8 {
  width: 72.7272727273%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-9 {
  width: 81.8181818182%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-10 {
  width: 90.9090909091%;
}

.layout-grid.of-general.of-column-11 > .layout-grid-column.of-column-11 {
  width: 100%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-1 {
  width: 8.3333333333%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-2 {
  width: 16.6666666667%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-3 {
  width: 25%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-4 {
  width: 33.3333333333%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-5 {
  width: 41.6666666667%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-6 {
  width: 50%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-7 {
  width: 58.3333333333%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-8 {
  width: 66.6666666667%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-9 {
  width: 75%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-10 {
  width: 83.3333333333%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-11 {
  width: 91.6666666667%;
}

.layout-grid.of-general.of-column-12 > .layout-grid-column.of-column-12 {
  width: 100%;
}

@media (min-width:970px) {
  .layout-grid.of-general.largeScreen-column-1 > .layout-grid-column.largeScreen-column-1 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-2 > .layout-grid-column.largeScreen-column-1 {
    width: 50%;
  }
  .layout-grid.of-general.largeScreen-column-2 > .layout-grid-column.largeScreen-column-2 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-3 > .layout-grid-column.largeScreen-column-1 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-3 > .layout-grid-column.largeScreen-column-2 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-3 > .layout-grid-column.largeScreen-column-3 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-4 > .layout-grid-column.largeScreen-column-1 {
    width: 25%;
  }
  .layout-grid.of-general.largeScreen-column-4 > .layout-grid-column.largeScreen-column-2 {
    width: 50%;
  }
  .layout-grid.of-general.largeScreen-column-4 > .layout-grid-column.largeScreen-column-3 {
    width: 75%;
  }
  .layout-grid.of-general.largeScreen-column-4 > .layout-grid-column.largeScreen-column-4 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-5 > .layout-grid-column.largeScreen-column-1 {
    width: 20%;
  }
  .layout-grid.of-general.largeScreen-column-5 > .layout-grid-column.largeScreen-column-2 {
    width: 40%;
  }
  .layout-grid.of-general.largeScreen-column-5 > .layout-grid-column.largeScreen-column-3 {
    width: 60%;
  }
  .layout-grid.of-general.largeScreen-column-5 > .layout-grid-column.largeScreen-column-4 {
    width: 80%;
  }
  .layout-grid.of-general.largeScreen-column-5 > .layout-grid-column.largeScreen-column-5 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-6 > .layout-grid-column.largeScreen-column-1 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-6 > .layout-grid-column.largeScreen-column-2 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-6 > .layout-grid-column.largeScreen-column-3 {
    width: 50%;
  }
  .layout-grid.of-general.largeScreen-column-6 > .layout-grid-column.largeScreen-column-4 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-6 > .layout-grid-column.largeScreen-column-5 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-6 > .layout-grid-column.largeScreen-column-6 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-1 {
    width: 14.2857142857%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-2 {
    width: 28.5714285714%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-3 {
    width: 42.8571428571%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-4 {
    width: 57.1428571429%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-5 {
    width: 71.4285714286%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-6 {
    width: 85.7142857143%;
  }
  .layout-grid.of-general.largeScreen-column-7 > .layout-grid-column.largeScreen-column-7 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-1 {
    width: 12.5%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-2 {
    width: 25%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-3 {
    width: 37.5%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-4 {
    width: 50%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-5 {
    width: 62.5%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-6 {
    width: 75%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-7 {
    width: 87.5%;
  }
  .layout-grid.of-general.largeScreen-column-8 > .layout-grid-column.largeScreen-column-8 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-1 {
    width: 11.1111111111%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-2 {
    width: 22.2222222222%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-3 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-4 {
    width: 44.4444444444%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-5 {
    width: 55.5555555556%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-6 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-7 {
    width: 77.7777777778%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-8 {
    width: 88.8888888889%;
  }
  .layout-grid.of-general.largeScreen-column-9 > .layout-grid-column.largeScreen-column-9 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-1 {
    width: 10%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-2 {
    width: 20%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-3 {
    width: 30%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-4 {
    width: 40%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-5 {
    width: 50%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-6 {
    width: 60%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-7 {
    width: 70%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-8 {
    width: 80%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-9 {
    width: 90%;
  }
  .layout-grid.of-general.largeScreen-column-10 > .layout-grid-column.largeScreen-column-10 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-1 {
    width: 9.0909090909%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-2 {
    width: 18.1818181818%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-3 {
    width: 27.2727272727%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-4 {
    width: 36.3636363636%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-5 {
    width: 45.4545454545%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-6 {
    width: 54.5454545455%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-7 {
    width: 63.6363636364%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-8 {
    width: 72.7272727273%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-9 {
    width: 81.8181818182%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-10 {
    width: 90.9090909091%;
  }
  .layout-grid.of-general.largeScreen-column-11 > .layout-grid-column.largeScreen-column-11 {
    width: 100%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-1 {
    width: 8.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-2 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-3 {
    width: 25%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-4 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-5 {
    width: 41.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-6 {
    width: 50%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-7 {
    width: 58.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-8 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-9 {
    width: 75%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-10 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-11 {
    width: 91.6666666667%;
  }
  .layout-grid.of-general.largeScreen-column-12 > .layout-grid-column.largeScreen-column-12 {
    width: 100%;
  }
}
@media (min-width:1366px) {
  .layout-grid.of-general.extraLargeScreen-column-1 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-2 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 50%;
  }
  .layout-grid.of-general.extraLargeScreen-column-2 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-3 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-3 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-3 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-4 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 25%;
  }
  .layout-grid.of-general.extraLargeScreen-column-4 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 50%;
  }
  .layout-grid.of-general.extraLargeScreen-column-4 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 75%;
  }
  .layout-grid.of-general.extraLargeScreen-column-4 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-5 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 20%;
  }
  .layout-grid.of-general.extraLargeScreen-column-5 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 40%;
  }
  .layout-grid.of-general.extraLargeScreen-column-5 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 60%;
  }
  .layout-grid.of-general.extraLargeScreen-column-5 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 80%;
  }
  .layout-grid.of-general.extraLargeScreen-column-5 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-6 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-6 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-6 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 50%;
  }
  .layout-grid.of-general.extraLargeScreen-column-6 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-6 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-6 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 14.2857142857%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 28.5714285714%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 42.8571428571%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 57.1428571429%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 71.4285714286%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 85.7142857143%;
  }
  .layout-grid.of-general.extraLargeScreen-column-7 > .layout-grid-column.extraLargeScreen-column-7 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 12.5%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 25%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 37.5%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 50%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 62.5%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 75%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-7 {
    width: 87.5%;
  }
  .layout-grid.of-general.extraLargeScreen-column-8 > .layout-grid-column.extraLargeScreen-column-8 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 11.1111111111%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 22.2222222222%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 44.4444444444%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 55.5555555556%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-7 {
    width: 77.7777777778%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-8 {
    width: 88.8888888889%;
  }
  .layout-grid.of-general.extraLargeScreen-column-9 > .layout-grid-column.extraLargeScreen-column-9 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 10%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 20%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 30%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 40%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 50%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 60%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-7 {
    width: 70%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-8 {
    width: 80%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-9 {
    width: 90%;
  }
  .layout-grid.of-general.extraLargeScreen-column-10 > .layout-grid-column.extraLargeScreen-column-10 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 9.0909090909%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 18.1818181818%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 27.2727272727%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 36.3636363636%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 45.4545454545%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 54.5454545455%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-7 {
    width: 63.6363636364%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-8 {
    width: 72.7272727273%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-9 {
    width: 81.8181818182%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-10 {
    width: 90.9090909091%;
  }
  .layout-grid.of-general.extraLargeScreen-column-11 > .layout-grid-column.extraLargeScreen-column-11 {
    width: 100%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-1 {
    width: 8.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-2 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-3 {
    width: 25%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-4 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-5 {
    width: 41.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-6 {
    width: 50%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-7 {
    width: 58.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-8 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-9 {
    width: 75%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-10 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-11 {
    width: 91.6666666667%;
  }
  .layout-grid.of-general.extraLargeScreen-column-12 > .layout-grid-column.extraLargeScreen-column-12 {
    width: 100%;
  }
}
@media (max-width:969px) {
  .layout-grid.of-general.smallScreen-column-1 > .layout-grid-column.smallScreen-column-1 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-2 > .layout-grid-column.smallScreen-column-1 {
    width: 50%;
  }
  .layout-grid.of-general.smallScreen-column-2 > .layout-grid-column.smallScreen-column-2 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-3 > .layout-grid-column.smallScreen-column-1 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-3 > .layout-grid-column.smallScreen-column-2 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-3 > .layout-grid-column.smallScreen-column-3 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-4 > .layout-grid-column.smallScreen-column-1 {
    width: 25%;
  }
  .layout-grid.of-general.smallScreen-column-4 > .layout-grid-column.smallScreen-column-2 {
    width: 50%;
  }
  .layout-grid.of-general.smallScreen-column-4 > .layout-grid-column.smallScreen-column-3 {
    width: 75%;
  }
  .layout-grid.of-general.smallScreen-column-4 > .layout-grid-column.smallScreen-column-4 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-5 > .layout-grid-column.smallScreen-column-1 {
    width: 20%;
  }
  .layout-grid.of-general.smallScreen-column-5 > .layout-grid-column.smallScreen-column-2 {
    width: 40%;
  }
  .layout-grid.of-general.smallScreen-column-5 > .layout-grid-column.smallScreen-column-3 {
    width: 60%;
  }
  .layout-grid.of-general.smallScreen-column-5 > .layout-grid-column.smallScreen-column-4 {
    width: 80%;
  }
  .layout-grid.of-general.smallScreen-column-5 > .layout-grid-column.smallScreen-column-5 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-6 > .layout-grid-column.smallScreen-column-1 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-6 > .layout-grid-column.smallScreen-column-2 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-6 > .layout-grid-column.smallScreen-column-3 {
    width: 50%;
  }
  .layout-grid.of-general.smallScreen-column-6 > .layout-grid-column.smallScreen-column-4 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-6 > .layout-grid-column.smallScreen-column-5 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-6 > .layout-grid-column.smallScreen-column-6 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-1 {
    width: 14.2857142857%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-2 {
    width: 28.5714285714%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-3 {
    width: 42.8571428571%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-4 {
    width: 57.1428571429%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-5 {
    width: 71.4285714286%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-6 {
    width: 85.7142857143%;
  }
  .layout-grid.of-general.smallScreen-column-7 > .layout-grid-column.smallScreen-column-7 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-1 {
    width: 12.5%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-2 {
    width: 25%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-3 {
    width: 37.5%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-4 {
    width: 50%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-5 {
    width: 62.5%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-6 {
    width: 75%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-7 {
    width: 87.5%;
  }
  .layout-grid.of-general.smallScreen-column-8 > .layout-grid-column.smallScreen-column-8 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-1 {
    width: 11.1111111111%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-2 {
    width: 22.2222222222%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-3 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-4 {
    width: 44.4444444444%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-5 {
    width: 55.5555555556%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-6 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-7 {
    width: 77.7777777778%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-8 {
    width: 88.8888888889%;
  }
  .layout-grid.of-general.smallScreen-column-9 > .layout-grid-column.smallScreen-column-9 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-1 {
    width: 10%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-2 {
    width: 20%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-3 {
    width: 30%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-4 {
    width: 40%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-5 {
    width: 50%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-6 {
    width: 60%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-7 {
    width: 70%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-8 {
    width: 80%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-9 {
    width: 90%;
  }
  .layout-grid.of-general.smallScreen-column-10 > .layout-grid-column.smallScreen-column-10 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-1 {
    width: 9.0909090909%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-2 {
    width: 18.1818181818%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-3 {
    width: 27.2727272727%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-4 {
    width: 36.3636363636%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-5 {
    width: 45.4545454545%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-6 {
    width: 54.5454545455%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-7 {
    width: 63.6363636364%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-8 {
    width: 72.7272727273%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-9 {
    width: 81.8181818182%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-10 {
    width: 90.9090909091%;
  }
  .layout-grid.of-general.smallScreen-column-11 > .layout-grid-column.smallScreen-column-11 {
    width: 100%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-1 {
    width: 8.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-2 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-3 {
    width: 25%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-4 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-5 {
    width: 41.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-6 {
    width: 50%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-7 {
    width: 58.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-8 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-9 {
    width: 75%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-10 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-11 {
    width: 91.6666666667%;
  }
  .layout-grid.of-general.smallScreen-column-12 > .layout-grid-column.smallScreen-column-12 {
    width: 100%;
  }
}
@media (max-width:768px) {
  .layout-grid.of-general.extraSmallScreen-column-1 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-2 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 50%;
  }
  .layout-grid.of-general.extraSmallScreen-column-2 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-3 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-3 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-3 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-4 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 25%;
  }
  .layout-grid.of-general.extraSmallScreen-column-4 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 50%;
  }
  .layout-grid.of-general.extraSmallScreen-column-4 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 75%;
  }
  .layout-grid.of-general.extraSmallScreen-column-4 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-5 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 20%;
  }
  .layout-grid.of-general.extraSmallScreen-column-5 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 40%;
  }
  .layout-grid.of-general.extraSmallScreen-column-5 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 60%;
  }
  .layout-grid.of-general.extraSmallScreen-column-5 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 80%;
  }
  .layout-grid.of-general.extraSmallScreen-column-5 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-6 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-6 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-6 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 50%;
  }
  .layout-grid.of-general.extraSmallScreen-column-6 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-6 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-6 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 14.2857142857%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 28.5714285714%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 42.8571428571%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 57.1428571429%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 71.4285714286%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 85.7142857143%;
  }
  .layout-grid.of-general.extraSmallScreen-column-7 > .layout-grid-column.extraSmallScreen-column-7 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 12.5%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 25%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 37.5%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 50%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 62.5%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 75%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-7 {
    width: 87.5%;
  }
  .layout-grid.of-general.extraSmallScreen-column-8 > .layout-grid-column.extraSmallScreen-column-8 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 11.1111111111%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 22.2222222222%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 44.4444444444%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 55.5555555556%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-7 {
    width: 77.7777777778%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-8 {
    width: 88.8888888889%;
  }
  .layout-grid.of-general.extraSmallScreen-column-9 > .layout-grid-column.extraSmallScreen-column-9 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 10%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 20%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 30%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 40%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 50%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 60%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-7 {
    width: 70%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-8 {
    width: 80%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-9 {
    width: 90%;
  }
  .layout-grid.of-general.extraSmallScreen-column-10 > .layout-grid-column.extraSmallScreen-column-10 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 9.0909090909%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 18.1818181818%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 27.2727272727%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 36.3636363636%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 45.4545454545%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 54.5454545455%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-7 {
    width: 63.6363636364%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-8 {
    width: 72.7272727273%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-9 {
    width: 81.8181818182%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-10 {
    width: 90.9090909091%;
  }
  .layout-grid.of-general.extraSmallScreen-column-11 > .layout-grid-column.extraSmallScreen-column-11 {
    width: 100%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-1 {
    width: 8.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-2 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-3 {
    width: 25%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-4 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-5 {
    width: 41.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-6 {
    width: 50%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-7 {
    width: 58.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-8 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-9 {
    width: 75%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-10 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-11 {
    width: 91.6666666667%;
  }
  .layout-grid.of-general.extraSmallScreen-column-12 > .layout-grid-column.extraSmallScreen-column-12 {
    width: 100%;
  }
}
@media (max-width:479px) {
  .layout-grid.of-general.minimumScreen-column-1 > .layout-grid-column.minimumScreen-column-1 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-2 > .layout-grid-column.minimumScreen-column-1 {
    width: 50%;
  }
  .layout-grid.of-general.minimumScreen-column-2 > .layout-grid-column.minimumScreen-column-2 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-3 > .layout-grid-column.minimumScreen-column-1 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-3 > .layout-grid-column.minimumScreen-column-2 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-3 > .layout-grid-column.minimumScreen-column-3 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-4 > .layout-grid-column.minimumScreen-column-1 {
    width: 25%;
  }
  .layout-grid.of-general.minimumScreen-column-4 > .layout-grid-column.minimumScreen-column-2 {
    width: 50%;
  }
  .layout-grid.of-general.minimumScreen-column-4 > .layout-grid-column.minimumScreen-column-3 {
    width: 75%;
  }
  .layout-grid.of-general.minimumScreen-column-4 > .layout-grid-column.minimumScreen-column-4 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-5 > .layout-grid-column.minimumScreen-column-1 {
    width: 20%;
  }
  .layout-grid.of-general.minimumScreen-column-5 > .layout-grid-column.minimumScreen-column-2 {
    width: 40%;
  }
  .layout-grid.of-general.minimumScreen-column-5 > .layout-grid-column.minimumScreen-column-3 {
    width: 60%;
  }
  .layout-grid.of-general.minimumScreen-column-5 > .layout-grid-column.minimumScreen-column-4 {
    width: 80%;
  }
  .layout-grid.of-general.minimumScreen-column-5 > .layout-grid-column.minimumScreen-column-5 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-6 > .layout-grid-column.minimumScreen-column-1 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-6 > .layout-grid-column.minimumScreen-column-2 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-6 > .layout-grid-column.minimumScreen-column-3 {
    width: 50%;
  }
  .layout-grid.of-general.minimumScreen-column-6 > .layout-grid-column.minimumScreen-column-4 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-6 > .layout-grid-column.minimumScreen-column-5 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-6 > .layout-grid-column.minimumScreen-column-6 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-1 {
    width: 14.2857142857%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-2 {
    width: 28.5714285714%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-3 {
    width: 42.8571428571%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-4 {
    width: 57.1428571429%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-5 {
    width: 71.4285714286%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-6 {
    width: 85.7142857143%;
  }
  .layout-grid.of-general.minimumScreen-column-7 > .layout-grid-column.minimumScreen-column-7 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-1 {
    width: 12.5%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-2 {
    width: 25%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-3 {
    width: 37.5%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-4 {
    width: 50%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-5 {
    width: 62.5%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-6 {
    width: 75%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-7 {
    width: 87.5%;
  }
  .layout-grid.of-general.minimumScreen-column-8 > .layout-grid-column.minimumScreen-column-8 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-1 {
    width: 11.1111111111%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-2 {
    width: 22.2222222222%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-3 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-4 {
    width: 44.4444444444%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-5 {
    width: 55.5555555556%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-6 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-7 {
    width: 77.7777777778%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-8 {
    width: 88.8888888889%;
  }
  .layout-grid.of-general.minimumScreen-column-9 > .layout-grid-column.minimumScreen-column-9 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-1 {
    width: 10%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-2 {
    width: 20%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-3 {
    width: 30%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-4 {
    width: 40%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-5 {
    width: 50%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-6 {
    width: 60%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-7 {
    width: 70%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-8 {
    width: 80%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-9 {
    width: 90%;
  }
  .layout-grid.of-general.minimumScreen-column-10 > .layout-grid-column.minimumScreen-column-10 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-1 {
    width: 9.0909090909%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-2 {
    width: 18.1818181818%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-3 {
    width: 27.2727272727%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-4 {
    width: 36.3636363636%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-5 {
    width: 45.4545454545%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-6 {
    width: 54.5454545455%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-7 {
    width: 63.6363636364%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-8 {
    width: 72.7272727273%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-9 {
    width: 81.8181818182%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-10 {
    width: 90.9090909091%;
  }
  .layout-grid.of-general.minimumScreen-column-11 > .layout-grid-column.minimumScreen-column-11 {
    width: 100%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-1 {
    width: 8.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-2 {
    width: 16.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-3 {
    width: 25%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-4 {
    width: 33.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-5 {
    width: 41.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-6 {
    width: 50%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-7 {
    width: 58.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-8 {
    width: 66.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-9 {
    width: 75%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-10 {
    width: 83.3333333333%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-11 {
    width: 91.6666666667%;
  }
  .layout-grid.of-general.minimumScreen-column-12 > .layout-grid-column.minimumScreen-column-12 {
    width: 100%;
  }
}
.layout-grid.of-flexDirection-row {
  flex-direction: row;
}

.layout-grid.of-flexDirection-rowReverse {
  flex-direction: row-reverse;
}

@media (min-width:970px) {
  .layout-grid.largeScreen-flexDirection-row {
    flex-direction: row;
  }
  .layout-grid.largeScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
@media (min-width:1366px) {
  .layout-grid.extraLargeScreen-flexDirection-row {
    flex-direction: row;
  }
  .layout-grid.extraLargeScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
@media (max-width:969px) {
  .layout-grid.smallScreen-flexDirection-row {
    flex-direction: row;
  }
  .layout-grid.smallScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
@media (max-width:768px) {
  .layout-grid.extraSmallScreen-flexDirection-row {
    flex-direction: row;
  }
  .layout-grid.extraSmallScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
@media (max-width:479px) {
  .layout-grid.minimumScreen-flexDirection-row {
    flex-direction: row;
  }
  .layout-grid.minimumScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
}
.layout-grid.of-alignItems-start {
  align-items: flex-start;
}

.layout-grid.of-alignItems-end {
  align-items: flex-end;
}

.layout-grid.of-alignItems-center {
  align-items: center;
}

.layout-grid.of-alignItems-baseline {
  align-items: baseline;
}

@media (min-width:970px) {
  .layout-grid.largeScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-grid.largeScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-grid.largeScreen-alignItems-center {
    align-items: center;
  }
  .layout-grid.largeScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (min-width:1366px) {
  .layout-grid.extraLargeScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-grid.extraLargeScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-grid.extraLargeScreen-alignItems-center {
    align-items: center;
  }
  .layout-grid.extraLargeScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (max-width:969px) {
  .layout-grid.smallScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-grid.smallScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-grid.smallScreen-alignItems-center {
    align-items: center;
  }
  .layout-grid.smallScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (max-width:768px) {
  .layout-grid.extraSmallScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-grid.extraSmallScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-grid.extraSmallScreen-alignItems-center {
    align-items: center;
  }
  .layout-grid.extraSmallScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (max-width:479px) {
  .layout-grid.minimumScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-grid.minimumScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-grid.minimumScreen-alignItems-center {
    align-items: center;
  }
  .layout-grid.minimumScreen-alignItems-baseline {
    align-items: baseline;
  }
}
.layout-grid-column.of-flex {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 969px) {
  .layout-grid.of-interview {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 969px) {
  .layout-grid.of-interview .layout-grid-column {
    display: grid;
    grid-template-rows: subgrid;
    grid-template-columns: 1fr;
    grid-row: span 4;
    width: 100%;
  }
}

.layout-cluster {
  display: flex;
  flex-wrap: wrap;
}
.layout-cluster.of-flexWrap-nowrap {
  flex-wrap: nowrap;
}

.layout-cluster.of-spaceX-0 {
  margin-right: 0;
  margin-left: 0;
}

.layout-cluster.of-spaceX-0 > * {
  margin-right: 0;
  margin-left: 0;
}

.layout-cluster.of-spaceY-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.layout-cluster.of-spaceY-0 > * {
  margin-top: 0;
  margin-bottom: 0;
}

.layout-cluster.of-spaceX-4 {
  margin-right: -2px;
  margin-left: -2px;
}

.layout-cluster.of-spaceX-4 > * {
  margin-right: 2px;
  margin-left: 2px;
}

.layout-cluster.of-spaceY-4 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.layout-cluster.of-spaceY-4 > * {
  margin-top: 2px;
  margin-bottom: 2px;
}

.layout-cluster.of-spaceX-8 {
  margin-right: -4px;
  margin-left: -4px;
}

.layout-cluster.of-spaceX-8 > * {
  margin-right: 4px;
  margin-left: 4px;
}

.layout-cluster.of-spaceY-8 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.layout-cluster.of-spaceY-8 > * {
  margin-top: 4px;
  margin-bottom: 4px;
}

.layout-cluster.of-spaceX-10 {
  margin-right: -5px;
  margin-left: -5px;
}

.layout-cluster.of-spaceX-10 > * {
  margin-right: 5px;
  margin-left: 5px;
}

.layout-cluster.of-spaceY-10 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.layout-cluster.of-spaceY-10 > * {
  margin-top: 5px;
  margin-bottom: 5px;
}

.layout-cluster.of-spaceX-16 {
  margin-right: -8px;
  margin-left: -8px;
}

.layout-cluster.of-spaceX-16 > * {
  margin-right: 8px;
  margin-left: 8px;
}

.layout-cluster.of-spaceY-16 {
  margin-top: -8px;
  margin-bottom: -8px;
}

.layout-cluster.of-spaceY-16 > * {
  margin-top: 8px;
  margin-bottom: 8px;
}

.layout-cluster.of-spaceX-20 {
  margin-right: -10px;
  margin-left: -10px;
}

.layout-cluster.of-spaceX-20 > * {
  margin-right: 10px;
  margin-left: 10px;
}

.layout-cluster.of-spaceY-20 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.layout-cluster.of-spaceY-20 > * {
  margin-top: 10px;
  margin-bottom: 10px;
}

.layout-cluster.of-spaceX-24 {
  margin-right: -12px;
  margin-left: -12px;
}

.layout-cluster.of-spaceX-24 > * {
  margin-right: 12px;
  margin-left: 12px;
}

.layout-cluster.of-spaceY-24 {
  margin-top: -12px;
  margin-bottom: -12px;
}

.layout-cluster.of-spaceY-24 > * {
  margin-top: 12px;
  margin-bottom: 12px;
}

.layout-cluster.of-spaceX-28 {
  margin-right: -14px;
  margin-left: -14px;
}

.layout-cluster.of-spaceX-28 > * {
  margin-right: 14px;
  margin-left: 14px;
}

.layout-cluster.of-spaceY-28 {
  margin-top: -14px;
  margin-bottom: -14px;
}

.layout-cluster.of-spaceY-28 > * {
  margin-top: 14px;
  margin-bottom: 14px;
}

.layout-cluster.of-spaceX-30 {
  margin-right: -15px;
  margin-left: -15px;
}

.layout-cluster.of-spaceX-30 > * {
  margin-right: 15px;
  margin-left: 15px;
}

.layout-cluster.of-spaceY-30 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.layout-cluster.of-spaceY-30 > * {
  margin-top: 15px;
  margin-bottom: 15px;
}

.layout-cluster.of-spaceX-32 {
  margin-right: -16px;
  margin-left: -16px;
}

.layout-cluster.of-spaceX-32 > * {
  margin-right: 16px;
  margin-left: 16px;
}

.layout-cluster.of-spaceY-32 {
  margin-top: -16px;
  margin-bottom: -16px;
}

.layout-cluster.of-spaceY-32 > * {
  margin-top: 16px;
  margin-bottom: 16px;
}

.layout-cluster.of-spaceX-36 {
  margin-right: -18px;
  margin-left: -18px;
}

.layout-cluster.of-spaceX-36 > * {
  margin-right: 18px;
  margin-left: 18px;
}

.layout-cluster.of-spaceY-36 {
  margin-top: -18px;
  margin-bottom: -18px;
}

.layout-cluster.of-spaceY-36 > * {
  margin-top: 18px;
  margin-bottom: 18px;
}

.layout-cluster.of-spaceX-40 {
  margin-right: -20px;
  margin-left: -20px;
}

.layout-cluster.of-spaceX-40 > * {
  margin-right: 20px;
  margin-left: 20px;
}

.layout-cluster.of-spaceY-40 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.layout-cluster.of-spaceY-40 > * {
  margin-top: 20px;
  margin-bottom: 20px;
}

.layout-cluster.of-spaceX-48 {
  margin-right: -24px;
  margin-left: -24px;
}

.layout-cluster.of-spaceX-48 > * {
  margin-right: 24px;
  margin-left: 24px;
}

.layout-cluster.of-spaceY-48 {
  margin-top: -24px;
  margin-bottom: -24px;
}

.layout-cluster.of-spaceY-48 > * {
  margin-top: 24px;
  margin-bottom: 24px;
}

.layout-cluster.of-spaceX-50 {
  margin-right: -25px;
  margin-left: -25px;
}

.layout-cluster.of-spaceX-50 > * {
  margin-right: 25px;
  margin-left: 25px;
}

.layout-cluster.of-spaceY-50 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.layout-cluster.of-spaceY-50 > * {
  margin-top: 25px;
  margin-bottom: 25px;
}

.layout-cluster.of-spaceX-54 {
  margin-right: -27px;
  margin-left: -27px;
}

.layout-cluster.of-spaceX-54 > * {
  margin-right: 27px;
  margin-left: 27px;
}

.layout-cluster.of-spaceY-54 {
  margin-top: -27px;
  margin-bottom: -27px;
}

.layout-cluster.of-spaceY-54 > * {
  margin-top: 27px;
  margin-bottom: 27px;
}

.layout-cluster.of-spaceX-60 {
  margin-right: -30px;
  margin-left: -30px;
}

.layout-cluster.of-spaceX-60 > * {
  margin-right: 30px;
  margin-left: 30px;
}

.layout-cluster.of-spaceY-60 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.layout-cluster.of-spaceY-60 > * {
  margin-top: 30px;
  margin-bottom: 30px;
}

.layout-cluster.of-spaceX-64 {
  margin-right: -32px;
  margin-left: -32px;
}

.layout-cluster.of-spaceX-64 > * {
  margin-right: 32px;
  margin-left: 32px;
}

.layout-cluster.of-spaceY-64 {
  margin-top: -32px;
  margin-bottom: -32px;
}

.layout-cluster.of-spaceY-64 > * {
  margin-top: 32px;
  margin-bottom: 32px;
}

.layout-cluster.of-spaceX-70 {
  margin-right: -35px;
  margin-left: -35px;
}

.layout-cluster.of-spaceX-70 > * {
  margin-right: 35px;
  margin-left: 35px;
}

.layout-cluster.of-spaceY-70 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.layout-cluster.of-spaceY-70 > * {
  margin-top: 35px;
  margin-bottom: 35px;
}

.layout-cluster.of-spaceX-74 {
  margin-right: -37px;
  margin-left: -37px;
}

.layout-cluster.of-spaceX-74 > * {
  margin-right: 37px;
  margin-left: 37px;
}

.layout-cluster.of-spaceY-74 {
  margin-top: -37px;
  margin-bottom: -37px;
}

.layout-cluster.of-spaceY-74 > * {
  margin-top: 37px;
  margin-bottom: 37px;
}

.layout-cluster.of-spaceX-80 {
  margin-right: -40px;
  margin-left: -40px;
}

.layout-cluster.of-spaceX-80 > * {
  margin-right: 40px;
  margin-left: 40px;
}

.layout-cluster.of-spaceY-80 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.layout-cluster.of-spaceY-80 > * {
  margin-top: 40px;
  margin-bottom: 40px;
}

.layout-cluster.of-spaceX-86 {
  margin-right: -43px;
  margin-left: -43px;
}

.layout-cluster.of-spaceX-86 > * {
  margin-right: 43px;
  margin-left: 43px;
}

.layout-cluster.of-spaceY-86 {
  margin-top: -43px;
  margin-bottom: -43px;
}

.layout-cluster.of-spaceY-86 > * {
  margin-top: 43px;
  margin-bottom: 43px;
}

.layout-cluster.of-spaceX-96 {
  margin-right: -48px;
  margin-left: -48px;
}

.layout-cluster.of-spaceX-96 > * {
  margin-right: 48px;
  margin-left: 48px;
}

.layout-cluster.of-spaceY-96 {
  margin-top: -48px;
  margin-bottom: -48px;
}

.layout-cluster.of-spaceY-96 > * {
  margin-top: 48px;
  margin-bottom: 48px;
}

@media (min-width:970px) {
  .layout-cluster.largeScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.largeScreen-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.largeScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.largeScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.largeScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-cluster.largeScreen-spaceX-4 > * {
    margin-right: 2px;
    margin-left: 2px;
  }
  .layout-cluster.largeScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-cluster.largeScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-cluster.largeScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-cluster.largeScreen-spaceX-8 > * {
    margin-right: 4px;
    margin-left: 4px;
  }
  .layout-cluster.largeScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-cluster.largeScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-cluster.largeScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-cluster.largeScreen-spaceX-10 > * {
    margin-right: 5px;
    margin-left: 5px;
  }
  .layout-cluster.largeScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-cluster.largeScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-cluster.largeScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-cluster.largeScreen-spaceX-16 > * {
    margin-right: 8px;
    margin-left: 8px;
  }
  .layout-cluster.largeScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-cluster.largeScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-cluster.largeScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-cluster.largeScreen-spaceX-20 > * {
    margin-right: 10px;
    margin-left: 10px;
  }
  .layout-cluster.largeScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-cluster.largeScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-cluster.largeScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-cluster.largeScreen-spaceX-24 > * {
    margin-right: 12px;
    margin-left: 12px;
  }
  .layout-cluster.largeScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-cluster.largeScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-cluster.largeScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-cluster.largeScreen-spaceX-28 > * {
    margin-right: 14px;
    margin-left: 14px;
  }
  .layout-cluster.largeScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-cluster.largeScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-cluster.largeScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-cluster.largeScreen-spaceX-30 > * {
    margin-right: 15px;
    margin-left: 15px;
  }
  .layout-cluster.largeScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-cluster.largeScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-cluster.largeScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-cluster.largeScreen-spaceX-32 > * {
    margin-right: 16px;
    margin-left: 16px;
  }
  .layout-cluster.largeScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-cluster.largeScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-cluster.largeScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-cluster.largeScreen-spaceX-36 > * {
    margin-right: 18px;
    margin-left: 18px;
  }
  .layout-cluster.largeScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-cluster.largeScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-cluster.largeScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-cluster.largeScreen-spaceX-40 > * {
    margin-right: 20px;
    margin-left: 20px;
  }
  .layout-cluster.largeScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-cluster.largeScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-cluster.largeScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-cluster.largeScreen-spaceX-48 > * {
    margin-right: 24px;
    margin-left: 24px;
  }
  .layout-cluster.largeScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-cluster.largeScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-cluster.largeScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-cluster.largeScreen-spaceX-50 > * {
    margin-right: 25px;
    margin-left: 25px;
  }
  .layout-cluster.largeScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-cluster.largeScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-cluster.largeScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-cluster.largeScreen-spaceX-54 > * {
    margin-right: 27px;
    margin-left: 27px;
  }
  .layout-cluster.largeScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-cluster.largeScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-cluster.largeScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-cluster.largeScreen-spaceX-60 > * {
    margin-right: 30px;
    margin-left: 30px;
  }
  .layout-cluster.largeScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-cluster.largeScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-cluster.largeScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-cluster.largeScreen-spaceX-64 > * {
    margin-right: 32px;
    margin-left: 32px;
  }
  .layout-cluster.largeScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-cluster.largeScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-cluster.largeScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-cluster.largeScreen-spaceX-70 > * {
    margin-right: 35px;
    margin-left: 35px;
  }
  .layout-cluster.largeScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-cluster.largeScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-cluster.largeScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-cluster.largeScreen-spaceX-74 > * {
    margin-right: 37px;
    margin-left: 37px;
  }
  .layout-cluster.largeScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-cluster.largeScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-cluster.largeScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-cluster.largeScreen-spaceX-80 > * {
    margin-right: 40px;
    margin-left: 40px;
  }
  .layout-cluster.largeScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-cluster.largeScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-cluster.largeScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-cluster.largeScreen-spaceX-86 > * {
    margin-right: 43px;
    margin-left: 43px;
  }
  .layout-cluster.largeScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-cluster.largeScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-cluster.largeScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-cluster.largeScreen-spaceX-96 > * {
    margin-right: 48px;
    margin-left: 48px;
  }
  .layout-cluster.largeScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-cluster.largeScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (min-width:1366px) {
  .layout-cluster.extraLargeScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.extraLargeScreen-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.extraLargeScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.extraLargeScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.extraLargeScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-cluster.extraLargeScreen-spaceX-4 > * {
    margin-right: 2px;
    margin-left: 2px;
  }
  .layout-cluster.extraLargeScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-cluster.extraLargeScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-cluster.extraLargeScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-cluster.extraLargeScreen-spaceX-8 > * {
    margin-right: 4px;
    margin-left: 4px;
  }
  .layout-cluster.extraLargeScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-cluster.extraLargeScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-cluster.extraLargeScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-cluster.extraLargeScreen-spaceX-10 > * {
    margin-right: 5px;
    margin-left: 5px;
  }
  .layout-cluster.extraLargeScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-cluster.extraLargeScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-cluster.extraLargeScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-cluster.extraLargeScreen-spaceX-16 > * {
    margin-right: 8px;
    margin-left: 8px;
  }
  .layout-cluster.extraLargeScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-cluster.extraLargeScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-cluster.extraLargeScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-cluster.extraLargeScreen-spaceX-20 > * {
    margin-right: 10px;
    margin-left: 10px;
  }
  .layout-cluster.extraLargeScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-cluster.extraLargeScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-cluster.extraLargeScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-cluster.extraLargeScreen-spaceX-24 > * {
    margin-right: 12px;
    margin-left: 12px;
  }
  .layout-cluster.extraLargeScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-cluster.extraLargeScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-cluster.extraLargeScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-cluster.extraLargeScreen-spaceX-28 > * {
    margin-right: 14px;
    margin-left: 14px;
  }
  .layout-cluster.extraLargeScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-cluster.extraLargeScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-cluster.extraLargeScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-cluster.extraLargeScreen-spaceX-30 > * {
    margin-right: 15px;
    margin-left: 15px;
  }
  .layout-cluster.extraLargeScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-cluster.extraLargeScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-cluster.extraLargeScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-cluster.extraLargeScreen-spaceX-32 > * {
    margin-right: 16px;
    margin-left: 16px;
  }
  .layout-cluster.extraLargeScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-cluster.extraLargeScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-cluster.extraLargeScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-cluster.extraLargeScreen-spaceX-36 > * {
    margin-right: 18px;
    margin-left: 18px;
  }
  .layout-cluster.extraLargeScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-cluster.extraLargeScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-cluster.extraLargeScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-cluster.extraLargeScreen-spaceX-40 > * {
    margin-right: 20px;
    margin-left: 20px;
  }
  .layout-cluster.extraLargeScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-cluster.extraLargeScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-cluster.extraLargeScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-cluster.extraLargeScreen-spaceX-48 > * {
    margin-right: 24px;
    margin-left: 24px;
  }
  .layout-cluster.extraLargeScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-cluster.extraLargeScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-cluster.extraLargeScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-cluster.extraLargeScreen-spaceX-50 > * {
    margin-right: 25px;
    margin-left: 25px;
  }
  .layout-cluster.extraLargeScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-cluster.extraLargeScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-cluster.extraLargeScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-cluster.extraLargeScreen-spaceX-54 > * {
    margin-right: 27px;
    margin-left: 27px;
  }
  .layout-cluster.extraLargeScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-cluster.extraLargeScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-cluster.extraLargeScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-cluster.extraLargeScreen-spaceX-60 > * {
    margin-right: 30px;
    margin-left: 30px;
  }
  .layout-cluster.extraLargeScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-cluster.extraLargeScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-cluster.extraLargeScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-cluster.extraLargeScreen-spaceX-64 > * {
    margin-right: 32px;
    margin-left: 32px;
  }
  .layout-cluster.extraLargeScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-cluster.extraLargeScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-cluster.extraLargeScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-cluster.extraLargeScreen-spaceX-70 > * {
    margin-right: 35px;
    margin-left: 35px;
  }
  .layout-cluster.extraLargeScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-cluster.extraLargeScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-cluster.extraLargeScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-cluster.extraLargeScreen-spaceX-74 > * {
    margin-right: 37px;
    margin-left: 37px;
  }
  .layout-cluster.extraLargeScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-cluster.extraLargeScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-cluster.extraLargeScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-cluster.extraLargeScreen-spaceX-80 > * {
    margin-right: 40px;
    margin-left: 40px;
  }
  .layout-cluster.extraLargeScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-cluster.extraLargeScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-cluster.extraLargeScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-cluster.extraLargeScreen-spaceX-86 > * {
    margin-right: 43px;
    margin-left: 43px;
  }
  .layout-cluster.extraLargeScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-cluster.extraLargeScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-cluster.extraLargeScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-cluster.extraLargeScreen-spaceX-96 > * {
    margin-right: 48px;
    margin-left: 48px;
  }
  .layout-cluster.extraLargeScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-cluster.extraLargeScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (max-width:969px) {
  .layout-cluster.smallScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.smallScreen-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.smallScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.smallScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.smallScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-cluster.smallScreen-spaceX-4 > * {
    margin-right: 2px;
    margin-left: 2px;
  }
  .layout-cluster.smallScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-cluster.smallScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-cluster.smallScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-cluster.smallScreen-spaceX-8 > * {
    margin-right: 4px;
    margin-left: 4px;
  }
  .layout-cluster.smallScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-cluster.smallScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-cluster.smallScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-cluster.smallScreen-spaceX-10 > * {
    margin-right: 5px;
    margin-left: 5px;
  }
  .layout-cluster.smallScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-cluster.smallScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-cluster.smallScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-cluster.smallScreen-spaceX-16 > * {
    margin-right: 8px;
    margin-left: 8px;
  }
  .layout-cluster.smallScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-cluster.smallScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-cluster.smallScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-cluster.smallScreen-spaceX-20 > * {
    margin-right: 10px;
    margin-left: 10px;
  }
  .layout-cluster.smallScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-cluster.smallScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-cluster.smallScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-cluster.smallScreen-spaceX-24 > * {
    margin-right: 12px;
    margin-left: 12px;
  }
  .layout-cluster.smallScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-cluster.smallScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-cluster.smallScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-cluster.smallScreen-spaceX-28 > * {
    margin-right: 14px;
    margin-left: 14px;
  }
  .layout-cluster.smallScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-cluster.smallScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-cluster.smallScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-cluster.smallScreen-spaceX-30 > * {
    margin-right: 15px;
    margin-left: 15px;
  }
  .layout-cluster.smallScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-cluster.smallScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-cluster.smallScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-cluster.smallScreen-spaceX-32 > * {
    margin-right: 16px;
    margin-left: 16px;
  }
  .layout-cluster.smallScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-cluster.smallScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-cluster.smallScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-cluster.smallScreen-spaceX-36 > * {
    margin-right: 18px;
    margin-left: 18px;
  }
  .layout-cluster.smallScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-cluster.smallScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-cluster.smallScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-cluster.smallScreen-spaceX-40 > * {
    margin-right: 20px;
    margin-left: 20px;
  }
  .layout-cluster.smallScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-cluster.smallScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-cluster.smallScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-cluster.smallScreen-spaceX-48 > * {
    margin-right: 24px;
    margin-left: 24px;
  }
  .layout-cluster.smallScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-cluster.smallScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-cluster.smallScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-cluster.smallScreen-spaceX-50 > * {
    margin-right: 25px;
    margin-left: 25px;
  }
  .layout-cluster.smallScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-cluster.smallScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-cluster.smallScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-cluster.smallScreen-spaceX-54 > * {
    margin-right: 27px;
    margin-left: 27px;
  }
  .layout-cluster.smallScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-cluster.smallScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-cluster.smallScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-cluster.smallScreen-spaceX-60 > * {
    margin-right: 30px;
    margin-left: 30px;
  }
  .layout-cluster.smallScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-cluster.smallScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-cluster.smallScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-cluster.smallScreen-spaceX-64 > * {
    margin-right: 32px;
    margin-left: 32px;
  }
  .layout-cluster.smallScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-cluster.smallScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-cluster.smallScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-cluster.smallScreen-spaceX-70 > * {
    margin-right: 35px;
    margin-left: 35px;
  }
  .layout-cluster.smallScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-cluster.smallScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-cluster.smallScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-cluster.smallScreen-spaceX-74 > * {
    margin-right: 37px;
    margin-left: 37px;
  }
  .layout-cluster.smallScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-cluster.smallScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-cluster.smallScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-cluster.smallScreen-spaceX-80 > * {
    margin-right: 40px;
    margin-left: 40px;
  }
  .layout-cluster.smallScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-cluster.smallScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-cluster.smallScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-cluster.smallScreen-spaceX-86 > * {
    margin-right: 43px;
    margin-left: 43px;
  }
  .layout-cluster.smallScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-cluster.smallScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-cluster.smallScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-cluster.smallScreen-spaceX-96 > * {
    margin-right: 48px;
    margin-left: 48px;
  }
  .layout-cluster.smallScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-cluster.smallScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (max-width:768px) {
  .layout-cluster.extraSmallScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.extraSmallScreen-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.extraSmallScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.extraSmallScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.extraSmallScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-cluster.extraSmallScreen-spaceX-4 > * {
    margin-right: 2px;
    margin-left: 2px;
  }
  .layout-cluster.extraSmallScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-cluster.extraSmallScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-cluster.extraSmallScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-cluster.extraSmallScreen-spaceX-8 > * {
    margin-right: 4px;
    margin-left: 4px;
  }
  .layout-cluster.extraSmallScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-cluster.extraSmallScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-cluster.extraSmallScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-cluster.extraSmallScreen-spaceX-10 > * {
    margin-right: 5px;
    margin-left: 5px;
  }
  .layout-cluster.extraSmallScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-cluster.extraSmallScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-cluster.extraSmallScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-cluster.extraSmallScreen-spaceX-16 > * {
    margin-right: 8px;
    margin-left: 8px;
  }
  .layout-cluster.extraSmallScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-cluster.extraSmallScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-cluster.extraSmallScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-cluster.extraSmallScreen-spaceX-20 > * {
    margin-right: 10px;
    margin-left: 10px;
  }
  .layout-cluster.extraSmallScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-cluster.extraSmallScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-cluster.extraSmallScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-cluster.extraSmallScreen-spaceX-24 > * {
    margin-right: 12px;
    margin-left: 12px;
  }
  .layout-cluster.extraSmallScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-cluster.extraSmallScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-cluster.extraSmallScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-cluster.extraSmallScreen-spaceX-28 > * {
    margin-right: 14px;
    margin-left: 14px;
  }
  .layout-cluster.extraSmallScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-cluster.extraSmallScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-cluster.extraSmallScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-cluster.extraSmallScreen-spaceX-30 > * {
    margin-right: 15px;
    margin-left: 15px;
  }
  .layout-cluster.extraSmallScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-cluster.extraSmallScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-cluster.extraSmallScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-cluster.extraSmallScreen-spaceX-32 > * {
    margin-right: 16px;
    margin-left: 16px;
  }
  .layout-cluster.extraSmallScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-cluster.extraSmallScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-cluster.extraSmallScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-cluster.extraSmallScreen-spaceX-36 > * {
    margin-right: 18px;
    margin-left: 18px;
  }
  .layout-cluster.extraSmallScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-cluster.extraSmallScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-cluster.extraSmallScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-cluster.extraSmallScreen-spaceX-40 > * {
    margin-right: 20px;
    margin-left: 20px;
  }
  .layout-cluster.extraSmallScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-cluster.extraSmallScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-cluster.extraSmallScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-cluster.extraSmallScreen-spaceX-48 > * {
    margin-right: 24px;
    margin-left: 24px;
  }
  .layout-cluster.extraSmallScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-cluster.extraSmallScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-cluster.extraSmallScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-cluster.extraSmallScreen-spaceX-50 > * {
    margin-right: 25px;
    margin-left: 25px;
  }
  .layout-cluster.extraSmallScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-cluster.extraSmallScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-cluster.extraSmallScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-cluster.extraSmallScreen-spaceX-54 > * {
    margin-right: 27px;
    margin-left: 27px;
  }
  .layout-cluster.extraSmallScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-cluster.extraSmallScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-cluster.extraSmallScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-cluster.extraSmallScreen-spaceX-60 > * {
    margin-right: 30px;
    margin-left: 30px;
  }
  .layout-cluster.extraSmallScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-cluster.extraSmallScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-cluster.extraSmallScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-cluster.extraSmallScreen-spaceX-64 > * {
    margin-right: 32px;
    margin-left: 32px;
  }
  .layout-cluster.extraSmallScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-cluster.extraSmallScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-cluster.extraSmallScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-cluster.extraSmallScreen-spaceX-70 > * {
    margin-right: 35px;
    margin-left: 35px;
  }
  .layout-cluster.extraSmallScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-cluster.extraSmallScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-cluster.extraSmallScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-cluster.extraSmallScreen-spaceX-74 > * {
    margin-right: 37px;
    margin-left: 37px;
  }
  .layout-cluster.extraSmallScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-cluster.extraSmallScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-cluster.extraSmallScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-cluster.extraSmallScreen-spaceX-80 > * {
    margin-right: 40px;
    margin-left: 40px;
  }
  .layout-cluster.extraSmallScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-cluster.extraSmallScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-cluster.extraSmallScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-cluster.extraSmallScreen-spaceX-86 > * {
    margin-right: 43px;
    margin-left: 43px;
  }
  .layout-cluster.extraSmallScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-cluster.extraSmallScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-cluster.extraSmallScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-cluster.extraSmallScreen-spaceX-96 > * {
    margin-right: 48px;
    margin-left: 48px;
  }
  .layout-cluster.extraSmallScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-cluster.extraSmallScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
@media (max-width:479px) {
  .layout-cluster.minimumScreen-spaceX-0 {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.minimumScreen-spaceX-0 > * {
    margin-right: 0;
    margin-left: 0;
  }
  .layout-cluster.minimumScreen-spaceY-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.minimumScreen-spaceY-0 > * {
    margin-top: 0;
    margin-bottom: 0;
  }
  .layout-cluster.minimumScreen-spaceX-4 {
    margin-right: -2px;
    margin-left: -2px;
  }
  .layout-cluster.minimumScreen-spaceX-4 > * {
    margin-right: 2px;
    margin-left: 2px;
  }
  .layout-cluster.minimumScreen-spaceY-4 {
    margin-top: -2px;
    margin-bottom: -2px;
  }
  .layout-cluster.minimumScreen-spaceY-4 > * {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .layout-cluster.minimumScreen-spaceX-8 {
    margin-right: -4px;
    margin-left: -4px;
  }
  .layout-cluster.minimumScreen-spaceX-8 > * {
    margin-right: 4px;
    margin-left: 4px;
  }
  .layout-cluster.minimumScreen-spaceY-8 {
    margin-top: -4px;
    margin-bottom: -4px;
  }
  .layout-cluster.minimumScreen-spaceY-8 > * {
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .layout-cluster.minimumScreen-spaceX-10 {
    margin-right: -5px;
    margin-left: -5px;
  }
  .layout-cluster.minimumScreen-spaceX-10 > * {
    margin-right: 5px;
    margin-left: 5px;
  }
  .layout-cluster.minimumScreen-spaceY-10 {
    margin-top: -5px;
    margin-bottom: -5px;
  }
  .layout-cluster.minimumScreen-spaceY-10 > * {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .layout-cluster.minimumScreen-spaceX-16 {
    margin-right: -8px;
    margin-left: -8px;
  }
  .layout-cluster.minimumScreen-spaceX-16 > * {
    margin-right: 8px;
    margin-left: 8px;
  }
  .layout-cluster.minimumScreen-spaceY-16 {
    margin-top: -8px;
    margin-bottom: -8px;
  }
  .layout-cluster.minimumScreen-spaceY-16 > * {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .layout-cluster.minimumScreen-spaceX-20 {
    margin-right: -10px;
    margin-left: -10px;
  }
  .layout-cluster.minimumScreen-spaceX-20 > * {
    margin-right: 10px;
    margin-left: 10px;
  }
  .layout-cluster.minimumScreen-spaceY-20 {
    margin-top: -10px;
    margin-bottom: -10px;
  }
  .layout-cluster.minimumScreen-spaceY-20 > * {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .layout-cluster.minimumScreen-spaceX-24 {
    margin-right: -12px;
    margin-left: -12px;
  }
  .layout-cluster.minimumScreen-spaceX-24 > * {
    margin-right: 12px;
    margin-left: 12px;
  }
  .layout-cluster.minimumScreen-spaceY-24 {
    margin-top: -12px;
    margin-bottom: -12px;
  }
  .layout-cluster.minimumScreen-spaceY-24 > * {
    margin-top: 12px;
    margin-bottom: 12px;
  }
  .layout-cluster.minimumScreen-spaceX-28 {
    margin-right: -14px;
    margin-left: -14px;
  }
  .layout-cluster.minimumScreen-spaceX-28 > * {
    margin-right: 14px;
    margin-left: 14px;
  }
  .layout-cluster.minimumScreen-spaceY-28 {
    margin-top: -14px;
    margin-bottom: -14px;
  }
  .layout-cluster.minimumScreen-spaceY-28 > * {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .layout-cluster.minimumScreen-spaceX-30 {
    margin-right: -15px;
    margin-left: -15px;
  }
  .layout-cluster.minimumScreen-spaceX-30 > * {
    margin-right: 15px;
    margin-left: 15px;
  }
  .layout-cluster.minimumScreen-spaceY-30 {
    margin-top: -15px;
    margin-bottom: -15px;
  }
  .layout-cluster.minimumScreen-spaceY-30 > * {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .layout-cluster.minimumScreen-spaceX-32 {
    margin-right: -16px;
    margin-left: -16px;
  }
  .layout-cluster.minimumScreen-spaceX-32 > * {
    margin-right: 16px;
    margin-left: 16px;
  }
  .layout-cluster.minimumScreen-spaceY-32 {
    margin-top: -16px;
    margin-bottom: -16px;
  }
  .layout-cluster.minimumScreen-spaceY-32 > * {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .layout-cluster.minimumScreen-spaceX-36 {
    margin-right: -18px;
    margin-left: -18px;
  }
  .layout-cluster.minimumScreen-spaceX-36 > * {
    margin-right: 18px;
    margin-left: 18px;
  }
  .layout-cluster.minimumScreen-spaceY-36 {
    margin-top: -18px;
    margin-bottom: -18px;
  }
  .layout-cluster.minimumScreen-spaceY-36 > * {
    margin-top: 18px;
    margin-bottom: 18px;
  }
  .layout-cluster.minimumScreen-spaceX-40 {
    margin-right: -20px;
    margin-left: -20px;
  }
  .layout-cluster.minimumScreen-spaceX-40 > * {
    margin-right: 20px;
    margin-left: 20px;
  }
  .layout-cluster.minimumScreen-spaceY-40 {
    margin-top: -20px;
    margin-bottom: -20px;
  }
  .layout-cluster.minimumScreen-spaceY-40 > * {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .layout-cluster.minimumScreen-spaceX-48 {
    margin-right: -24px;
    margin-left: -24px;
  }
  .layout-cluster.minimumScreen-spaceX-48 > * {
    margin-right: 24px;
    margin-left: 24px;
  }
  .layout-cluster.minimumScreen-spaceY-48 {
    margin-top: -24px;
    margin-bottom: -24px;
  }
  .layout-cluster.minimumScreen-spaceY-48 > * {
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .layout-cluster.minimumScreen-spaceX-50 {
    margin-right: -25px;
    margin-left: -25px;
  }
  .layout-cluster.minimumScreen-spaceX-50 > * {
    margin-right: 25px;
    margin-left: 25px;
  }
  .layout-cluster.minimumScreen-spaceY-50 {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .layout-cluster.minimumScreen-spaceY-50 > * {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .layout-cluster.minimumScreen-spaceX-54 {
    margin-right: -27px;
    margin-left: -27px;
  }
  .layout-cluster.minimumScreen-spaceX-54 > * {
    margin-right: 27px;
    margin-left: 27px;
  }
  .layout-cluster.minimumScreen-spaceY-54 {
    margin-top: -27px;
    margin-bottom: -27px;
  }
  .layout-cluster.minimumScreen-spaceY-54 > * {
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .layout-cluster.minimumScreen-spaceX-60 {
    margin-right: -30px;
    margin-left: -30px;
  }
  .layout-cluster.minimumScreen-spaceX-60 > * {
    margin-right: 30px;
    margin-left: 30px;
  }
  .layout-cluster.minimumScreen-spaceY-60 {
    margin-top: -30px;
    margin-bottom: -30px;
  }
  .layout-cluster.minimumScreen-spaceY-60 > * {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .layout-cluster.minimumScreen-spaceX-64 {
    margin-right: -32px;
    margin-left: -32px;
  }
  .layout-cluster.minimumScreen-spaceX-64 > * {
    margin-right: 32px;
    margin-left: 32px;
  }
  .layout-cluster.minimumScreen-spaceY-64 {
    margin-top: -32px;
    margin-bottom: -32px;
  }
  .layout-cluster.minimumScreen-spaceY-64 > * {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .layout-cluster.minimumScreen-spaceX-70 {
    margin-right: -35px;
    margin-left: -35px;
  }
  .layout-cluster.minimumScreen-spaceX-70 > * {
    margin-right: 35px;
    margin-left: 35px;
  }
  .layout-cluster.minimumScreen-spaceY-70 {
    margin-top: -35px;
    margin-bottom: -35px;
  }
  .layout-cluster.minimumScreen-spaceY-70 > * {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .layout-cluster.minimumScreen-spaceX-74 {
    margin-right: -37px;
    margin-left: -37px;
  }
  .layout-cluster.minimumScreen-spaceX-74 > * {
    margin-right: 37px;
    margin-left: 37px;
  }
  .layout-cluster.minimumScreen-spaceY-74 {
    margin-top: -37px;
    margin-bottom: -37px;
  }
  .layout-cluster.minimumScreen-spaceY-74 > * {
    margin-top: 37px;
    margin-bottom: 37px;
  }
  .layout-cluster.minimumScreen-spaceX-80 {
    margin-right: -40px;
    margin-left: -40px;
  }
  .layout-cluster.minimumScreen-spaceX-80 > * {
    margin-right: 40px;
    margin-left: 40px;
  }
  .layout-cluster.minimumScreen-spaceY-80 {
    margin-top: -40px;
    margin-bottom: -40px;
  }
  .layout-cluster.minimumScreen-spaceY-80 > * {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .layout-cluster.minimumScreen-spaceX-86 {
    margin-right: -43px;
    margin-left: -43px;
  }
  .layout-cluster.minimumScreen-spaceX-86 > * {
    margin-right: 43px;
    margin-left: 43px;
  }
  .layout-cluster.minimumScreen-spaceY-86 {
    margin-top: -43px;
    margin-bottom: -43px;
  }
  .layout-cluster.minimumScreen-spaceY-86 > * {
    margin-top: 43px;
    margin-bottom: 43px;
  }
  .layout-cluster.minimumScreen-spaceX-96 {
    margin-right: -48px;
    margin-left: -48px;
  }
  .layout-cluster.minimumScreen-spaceX-96 > * {
    margin-right: 48px;
    margin-left: 48px;
  }
  .layout-cluster.minimumScreen-spaceY-96 {
    margin-top: -48px;
    margin-bottom: -48px;
  }
  .layout-cluster.minimumScreen-spaceY-96 > * {
    margin-top: 48px;
    margin-bottom: 48px;
  }
}
.layout-cluster.of-justifyContent-start {
  justify-content: flex-start;
}

.layout-cluster.of-justifyContent-end {
  justify-content: flex-end;
}

.layout-cluster.of-justifyContent-center {
  justify-content: center;
}

.layout-cluster.of-justifyContent-between {
  justify-content: space-between;
}

@media (min-width:970px) {
  .layout-cluster.largeScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .layout-cluster.largeScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .layout-cluster.largeScreen-justifyContent-center {
    justify-content: center;
  }
  .layout-cluster.largeScreen-justifyContent-between {
    justify-content: space-between;
  }
}
@media (min-width:1366px) {
  .layout-cluster.extraLargeScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .layout-cluster.extraLargeScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .layout-cluster.extraLargeScreen-justifyContent-center {
    justify-content: center;
  }
  .layout-cluster.extraLargeScreen-justifyContent-between {
    justify-content: space-between;
  }
}
@media (max-width:969px) {
  .layout-cluster.smallScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .layout-cluster.smallScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .layout-cluster.smallScreen-justifyContent-center {
    justify-content: center;
  }
  .layout-cluster.smallScreen-justifyContent-between {
    justify-content: space-between;
  }
}
@media (max-width:768px) {
  .layout-cluster.extraSmallScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .layout-cluster.extraSmallScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .layout-cluster.extraSmallScreen-justifyContent-center {
    justify-content: center;
  }
  .layout-cluster.extraSmallScreen-justifyContent-between {
    justify-content: space-between;
  }
}
@media (max-width:479px) {
  .layout-cluster.minimumScreen-justifyContent-start {
    justify-content: flex-start;
  }
  .layout-cluster.minimumScreen-justifyContent-end {
    justify-content: flex-end;
  }
  .layout-cluster.minimumScreen-justifyContent-center {
    justify-content: center;
  }
  .layout-cluster.minimumScreen-justifyContent-between {
    justify-content: space-between;
  }
}
.layout-cluster.of-alignItems-start {
  align-items: flex-start;
}

.layout-cluster.of-alignItems-end {
  align-items: flex-end;
}

.layout-cluster.of-alignItems-center {
  align-items: center;
}

.layout-cluster.of-alignItems-baseline {
  align-items: baseline;
}

@media (min-width:970px) {
  .layout-cluster.largeScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-cluster.largeScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-cluster.largeScreen-alignItems-center {
    align-items: center;
  }
  .layout-cluster.largeScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (min-width:1366px) {
  .layout-cluster.extraLargeScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-cluster.extraLargeScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-cluster.extraLargeScreen-alignItems-center {
    align-items: center;
  }
  .layout-cluster.extraLargeScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (max-width:969px) {
  .layout-cluster.smallScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-cluster.smallScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-cluster.smallScreen-alignItems-center {
    align-items: center;
  }
  .layout-cluster.smallScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (max-width:768px) {
  .layout-cluster.extraSmallScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-cluster.extraSmallScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-cluster.extraSmallScreen-alignItems-center {
    align-items: center;
  }
  .layout-cluster.extraSmallScreen-alignItems-baseline {
    align-items: baseline;
  }
}
@media (max-width:479px) {
  .layout-cluster.minimumScreen-alignItems-start {
    align-items: flex-start;
  }
  .layout-cluster.minimumScreen-alignItems-end {
    align-items: flex-end;
  }
  .layout-cluster.minimumScreen-alignItems-center {
    align-items: center;
  }
  .layout-cluster.minimumScreen-alignItems-baseline {
    align-items: baseline;
  }
}
.layout-cluster.of-flexDirection-rowReverse {
  flex-direction: row-reverse;
}

.layout-cluster.of-flexDirection-column {
  flex-direction: column;
}

@media (min-width:970px) {
  .layout-cluster.largeScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
  .layout-cluster.largeScreen-flexDirection-column {
    flex-direction: column;
  }
}
@media (min-width:1366px) {
  .layout-cluster.extraLargeScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
  .layout-cluster.extraLargeScreen-flexDirection-column {
    flex-direction: column;
  }
}
@media (max-width:969px) {
  .layout-cluster.smallScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
  .layout-cluster.smallScreen-flexDirection-column {
    flex-direction: column;
  }
}
@media (max-width:768px) {
  .layout-cluster.extraSmallScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
  .layout-cluster.extraSmallScreen-flexDirection-column {
    flex-direction: column;
  }
}
@media (max-width:479px) {
  .layout-cluster.minimumScreen-flexDirection-rowReverse {
    flex-direction: row-reverse;
  }
  .layout-cluster.minimumScreen-flexDirection-column {
    flex-direction: column;
  }
}
:where(.layout-main) p {
  margin-bottom: 16px;
  line-height: 2.5;
}
@media screen and (max-width: 969px) {
  :where(.layout-main) p {
    font-size: 1.4rem;
  }
}

.jumbotron {
  container-type: inline-size;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  overflow: hidden;
  background-color: #e1e1d8;
}
.jumbotron-body {
  position: relative;
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 216px 45px;
}
@media screen and (max-width: 1440px) {
  .jumbotron-body {
    padding: calc(12rem + (1vw - 0.969rem) * (20.3821656051)) calc(2rem + (1vw - 0.969rem) * (5.3078556263));
  }
}
@media screen and (max-width: 969px) {
  .jumbotron-body {
    padding: 16px 20px;
  }
}
@container (min-width: 1440px) {
  .jumbotron-body {
    max-height: 657px;
    max-height: min(80rem + (1vw - 2.6rem) * (12.7678571429), 800px);
  }
}
.jumbotron-body:has(+ .jumbotron-body.of-interview) .jumbotron-title,
.jumbotron-body:has(+ .jumbotron-body.of-interview) .breadcrumb {
  z-index: 1;
  position: relative;
}
.jumbotron-body > *:last-child {
  margin-bottom: 0;
}
.jumbotron-body.of-interview {
  display: grid;
  justify-content: flex-end;
  padding-top: 200px;
  padding-bottom: 0;
  padding-inline: 100px;
}
@container (min-width: 1440px) {
  .jumbotron-body.of-interview {
    padding-inline: calc(0rem + (1vw - 2.6rem) * (-8.9285714286));
  }
}
@media screen and (max-width: 1440px) {
  .jumbotron-body.of-interview {
    padding-top: calc(11rem + (1vw - 0.969rem) * (19.1082802548));
    padding-inline: max(7.6rem + (1vw - 0.969rem) * (5.0955414013), 55px);
  }
}
@media screen and (max-width: 969px) {
  .jumbotron-body.of-interview {
    grid-template-rows: 43% 57%;
    grid-template-columns: 1fr;
    padding: 16px 40px 0 20px;
  }
}
@media screen and (max-width: 969px) {
  .jumbotron-body.of-interview > * {
    grid-area: 2/1/3/3;
  }
}
.jumbotron-image {
  display: grid;
  grid-row: 1/2;
  grid-column: 1/2;
  place-content: center;
  margin-right: 38px;
}
@media screen and (max-width: 969px) {
  .jumbotron-image {
    margin-right: 30px;
  }
}
@container (min-width: 1440px) {
  .jumbotron-image {
    max-width: 2600px;
    max-height: min(80rem + (1vw - 2.6rem) * (12.7678571429), 800px);
    margin-inline: auto;
    padding-right: 38px;
  }
}
.jumbotron-image.of-position-top {
  place-content: start center;
}
.jumbotron-image.of-position-bottom {
  place-content: end center;
}
.jumbotron-image img {
  width: 100vw;
}
.jumbotron-title {
  display: block;
  margin-bottom: 18px;
  color: #fff;
  font-weight: normal;
  font-size: 4.5rem;
  line-height: 1.13;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .jumbotron-title {
    margin-bottom: calc(0.5rem + (1vw - 0.969rem) * (2.7600849257));
    font-size: calc(3.2rem + (1vw - 0.969rem) * (2.7600849257));
  }
}
@media screen and (max-width: 969px) {
  .jumbotron-title {
    margin-bottom: 5px;
    font-size: 2rem;
  }
}
.jumbotron-titleGroup {
  margin-bottom: 18px;
}
@media screen and (max-width: 1440px) {
  .jumbotron-titleGroup {
    margin-bottom: calc(0.5rem + (1vw - 0.768rem) * (1.9345238095));
  }
}
@media screen and (max-width: 768px) {
  .jumbotron-titleGroup {
    margin-bottom: 5px;
  }
}
.jumbotron-titleGroup > *:last-child {
  margin-bottom: 0;
}
.jumbotron-title.of-primary {
  margin-bottom: 0;
  font-style: normal;
  font-weight: 700;
  font-size: 12rem;
  line-height: 0.9;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0;
}
@media screen and (max-width: 1440px) {
  .jumbotron-title.of-primary {
    font-size: calc(6rem + (1vw - 0.48rem) * (6.25));
  }
}
@media screen and (max-width: 969px) {
  .jumbotron-title.of-primary {
    line-height: 1.13;
  }
}
.jumbotron-title.of-primary + .jumbotron-subtitle {
  display: block;
  padding-left: 5px;
  color: #fff;
  font-size: 4rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .jumbotron-title.of-primary + .jumbotron-subtitle {
    font-size: calc(2rem + (1vw - 0.48rem) * (2.0833333333));
  }
}
@media screen and (max-width: 969px) {
  .jumbotron-title.of-primary + .jumbotron-subtitle {
    padding-left: 0;
  }
}
.jumbotron-title.of-secondary {
  color: #000;
}
@media screen and (max-width: 969px) {
  .jumbotron-title.of-secondary {
    color: #fff;
  }
}
.jumbotron.of-primary {
  background-color: #1e283c;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  margin: -12px 0 14px -34px;
}
@media screen and (max-width: 969px) {
  .breadcrumb {
    margin: -8px 0 8px -20px;
  }
}
.breadcrumb > li {
  position: relative;
  margin-top: 12px;
  padding-left: 34px;
  color: #fff;
  font-size: 1.4rem;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .breadcrumb > li {
    margin-top: 8px;
    padding-left: 20px;
    font-size: 1rem;
  }
}
.breadcrumb > li:last-child {
  font-variation-settings: "wght" 700;
}
.breadcrumb > li:not(:last-child)::after {
  display: block;
  position: absolute;
  top: 50%;
  right: -24px;
  transform: translateY(-50%);
  content: "＞";
  color: #fff;
  font-size: 1.4rem;
}
@media screen and (max-width: 969px) {
  .breadcrumb > li:not(:last-child)::after {
    right: -15px;
    font-size: 1rem;
  }
}
.breadcrumb > li a {
  color: #fff;
  font-size: 1.4rem;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.1em;
  text-decoration: none;
}
@media (hover: hover) {
  .breadcrumb > li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 969px) {
  .breadcrumb > li a {
    font-size: 1rem;
  }
}
.breadcrumb.of-primary > li {
  color: #000;
}
@media screen and (max-width: 969px) {
  .breadcrumb.of-primary > li {
    color: #fff;
  }
}
.breadcrumb.of-primary > li:not(:last-child)::after {
  color: #000;
}
@media screen and (max-width: 969px) {
  .breadcrumb.of-primary > li:not(:last-child)::after {
    color: #fff;
  }
}
.breadcrumb.of-primary > li a {
  color: #000;
}
@media screen and (max-width: 969px) {
  .breadcrumb.of-primary > li a {
    color: #fff;
  }
}

.navigationAnchor {
  display: inline-block;
  z-index: 100;
  position: fixed;
  top: 35%;
  right: 0;
}
@media screen and (max-width: 969px) {
  .navigationAnchor {
    display: block;
    position: relative;
    top: 0;
    padding: 30px 30px 30px 15px;
    background-color: #e1e1d8;
  }
}
.navigationAnchor > ul {
  display: grid;
  grid-template-columns: 1fr;
  min-width: 300px;
  max-width: 300px;
  padding: 36px 35px;
  gap: 8px;
  background: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 969px) {
  .navigationAnchor > ul {
    min-width: auto;
    max-width: 100%;
    padding: 24px 22.5px 30px;
  }
}
.navigationAnchor > ul > li {
  position: relative;
}
@media screen and (max-width: 969px) {
  .navigationAnchor > ul > li {
    border-bottom: 1px solid #000;
  }
}
.navigationAnchor > ul > li::before {
  display: block;
  position: absolute;
  top: 12px;
  left: 5.2px;
  width: 8px;
  height: 8px;
  border-width: 0.5px;
  border-style: solid;
  border-radius: 50%;
  border-color: #000;
  background-color: transparent;
  content: "";
  transition: background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.navigationAnchor > ul > li:has(.navigationAnchor-link:hover)::before {
  border-color: transparent;
  background-color: #ea0437;
  pointer-events: none;
}
.navigationAnchor > ul > li:has(.navigationAnchor-link.is-current)::before {
  border-color: transparent;
  background-color: #ea0437;
  pointer-events: none;
}
.navigationAnchor > ul > li .navigationAnchor-link {
  display: inline-block;
  position: relative;
  padding: 4px 8px 6px 28px;
  color: #000;
  font-size: 1.6rem;
  line-height: 1.5;
  font-variation-settings: "wght" 400;
  text-decoration: none;
  transition: background-color 0.3s ease-out;
}
@media screen and (max-width: 969px) {
  .navigationAnchor > ul > li .navigationAnchor-link {
    display: block;
    padding: 6px 28px 5px;
    line-height: 1.5;
  }
}
.navigationAnchor > ul > li .navigationAnchor-link::before, .navigationAnchor > ul > li .navigationAnchor-link::after {
  position: absolute;
}
.navigationAnchor > ul > li .navigationAnchor-link::before {
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
  content: "";
  transition: background-color 0.3s ease-out;
}
@media screen and (max-width: 969px) {
  .navigationAnchor > ul > li .navigationAnchor-link::before {
    z-index: 1;
    top: 50%;
    right: 5px;
    bottom: auto;
    left: auto;
    aspect-ratio: 1;
    width: 11px;
    height: 6px;
    transform: translateY(-50%);
    background-color: #fff;
    clip-path: polygon(100% 7%, 93% 0, 50% 78%, 7% 0, 0 7%, 50% 100%);
  }
}
.navigationAnchor > ul > li .navigationAnchor-link::after {
  display: flex;
  top: -8px;
  right: -34px;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transform: scale(0);
  border-radius: 50%;
  background-color: #000;
  content: attr(data-label);
  color: transparent;
  font-weight: 700;
  font-size: 1rem;
  font-family: var(--FONT_FAMILY_MUKTA);
  transition: transform 0.3s ease-out;
}
@media screen and (max-width: 969px) {
  .navigationAnchor > ul > li .navigationAnchor-link::after {
    top: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    transform: none;
    transform: scale(1) translateY(-50%);
    background-color: #000;
    content: "";
  }
}
@media (hover: hover) {
  .navigationAnchor > ul > li .navigationAnchor-link:hover {
    color: #ea0437;
  }
  .navigationAnchor > ul > li .navigationAnchor-link:hover::before {
    background-color: #ea0437;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .navigationAnchor > ul > li .navigationAnchor-link:hover::before {
    background-color: #fff;
  }
}
@media (hover: hover) {
  .navigationAnchor > ul > li .navigationAnchor-link:hover::after {
    transform: scale(1);
    color: #fff;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .navigationAnchor > ul > li .navigationAnchor-link:hover::after {
    transform: scale(1) translateY(-50%);
  }
}
.navigationAnchor > ul > li .navigationAnchor-link.is-current {
  color: #ea0437;
}
.navigationAnchor > ul > li .navigationAnchor-link.is-current::before {
  background-color: #ea0437;
}

.layout-main:has(.sectionInterview) {
  overflow: visible;
}
.layout-main:has(.sectionInterview) .navigationAnchor {
  display: block;
  position: sticky;
  top: 120px;
}
@media screen and (max-width: 969px) {
  .layout-main:has(.sectionInterview) .navigationAnchor {
    position: relative;
    top: 0;
  }
  .layout-main:has(.sectionInterview) .navigationAnchor.smallScreen-hide {
    display: none;
  }
}
.layout-main:has(.sectionInterview) .navigationAnchor > ul {
  position: absolute;
  top: 40px;
  right: 0;
}
@media screen and (max-width: 969px) {
  .layout-main:has(.sectionInterview) .navigationAnchor > ul {
    position: relative;
    top: auto;
  }
}

.navigationInterview {
  padding: 45px 30px;
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 969px) {
  .navigationInterview {
    display: block;
    position: relative;
    top: 0;
    padding: 15px 15px;
  }
}
.navigationInterview > ul {
  display: grid;
  grid-template-columns: 1fr 400px 1fr;
  max-width: 880px;
  margin-inline: auto;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .navigationInterview > ul {
    grid-template-columns: 1fr calc(36rem + (1vw - 0.48rem) * (4.5146726862)) 1fr;
  }
}
@media screen and (max-width: 969px) {
  .navigationInterview > ul {
    grid-template-columns: 1fr max(16rem + (1vw - 0.48rem) * (22.5733634312), 120px) 1fr;
  }
}
.navigationInterview > ul > li {
  position: relative;
  border-right: 1px solid #fff;
}
.navigationInterview > ul > li:last-child {
  border: 0;
}
.navigationInterview > ul > li .navigationInterview-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
  color: #63606d;
  text-decoration: none;
}
@media screen and (max-width: 969px) {
  .navigationInterview > ul > li .navigationInterview-link {
    padding: 10px 0;
  }
}
.navigationInterview > ul > li .navigationInterview-link[href] {
  color: #fff;
}
.navigationInterview > ul > li .navigationInterview-link[href] .navigationInterview-arrow svg {
  stroke: #fff;
}
@media (hover: hover) {
  .navigationInterview > ul > li .navigationInterview-link[href]:hover .navigationInterview-arrow svg {
    animation: horizontal 0.8s linear infinite;
  }
  .navigationInterview > ul > li .navigationInterview-link[href]:hover .navigationInterview-text {
    animation: vertical 1.2s ease-in-out 0.1s infinite;
  }
}
.navigationInterview > ul > li .navigationInterview-text {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.125;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .navigationInterview > ul > li .navigationInterview-text {
    padding: 10px 0;
    font-size: max(1.3rem + (1vw - 0.48rem) * (2.144469526), 1.3rem);
  }
}
.navigationInterview-arrow {
  display: flex;
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  overflow: hidden;
  transform: translateY(-50%);
}
@media screen and (max-width: 969px) {
  .navigationInterview-arrow {
    right: 40px;
    width: 15px;
    height: 15px;
  }
}
.navigationInterview-arrow svg {
  stroke: #63606d;
}
.navigationInterview-arrow.of-prev {
  left: 0;
  transform: rotate(180deg) translateY(50%);
}
.navigationInterview-arrow.of-next {
  right: 0;
}

@keyframes vertical {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  20% {
    transform: translateY(100%);
    opacity: 1;
  }
  21% {
    transform: translateY(100%);
    opacity: 0;
  }
  40% {
    transform: translateY(-100%);
    opacity: 0;
  }
  41% {
    transform: translateY(-100%);
    opacity: 1;
  }
  60% {
    transform: translateY(0);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes horizontal {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  32% {
    transform: translateX(100%);
    opacity: 1;
  }
  33% {
    transform: translateX(100%);
    opacity: 0;
  }
  65% {
    transform: translateX(-100%);
    opacity: 0;
  }
  66% {
    transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.navigationWork-body {
  display: flex;
  align-items: center;
  margin-bottom: 3rem;
}
@media screen and (max-width: 969px) {
  .navigationWork-body {
    flex-direction: column;
    align-items: inherit;
  }
}
.navigationWork-body > dt {
  align-self: flex-start;
  min-width: 20rem;
  padding-right: 1.6rem;
  color: #1e283c;
  font-size: 2rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 969px) {
  .navigationWork-body > dt {
    min-width: inherit;
    margin-bottom: 1.6rem;
    padding-right: 0;
    font-size: 1.6rem;
  }
}
.navigationWork-body > dd {
  flex: 1;
}
.navigationWork-buttonList {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
}
.navigationWork-button {
  display: block;
  padding: 0.6rem 3.4rem 0.7rem;
  border: 1px solid #1e283c;
  background-color: #fff;
  color: #1e283c;
  font-size: 1.4rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
  text-decoration: none;
  transition: background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease;
}
@media screen and (max-width: 969px) {
  .navigationWork-button {
    padding-inline: 2.4rem;
    font-size: 1.2rem;
  }
}
@media (hover: hover) {
  .navigationWork-button:hover {
    border-color: #e30012;
    background-color: #e30012;
    color: #fff;
  }
}
.navigationWork-button.is-active {
  border-color: #e30012;
  background-color: #e30012;
  color: #fff;
}
.navigationWork > :last-child {
  margin-bottom: 0;
}

.section {
  position: relative;
  margin-bottom: 20px;
  border-top-left-radius: 20px;
  background-color: #fff;
  color: #000;
  letter-spacing: 0.1em;
}
.section::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 190px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #1e283c;
  content: "";
}
@media screen and (max-width: 969px) {
  .section::before {
    width: 15px;
    height: 140px;
  }
}
.section-content {
  padding: 75px 100px 100px;
}
@media screen and (max-width: 1440px) {
  .section-content {
    padding: calc(5rem + (1vw - 0.48rem) * (2.6041666667)) calc(2.5rem + (1vw - 0.48rem) * (7.8125)) calc(5rem + (1vw - 0.48rem) * (5.2083333333));
  }
}
@media screen and (max-width: 969px) {
  .section-content {
    padding: 50px 25px 50px;
  }
}
.section-content > *:last-child {
  margin-bottom: 0;
}
.section-inner {
  padding-right: 150px;
}
@media screen and (max-width: 1440px) {
  .section-inner {
    padding-right: calc(0rem + (1vw - 0.48rem) * (15.625));
  }
}
@media screen and (max-width: 969px) {
  .section-inner {
    padding-right: 0;
  }
}
.section-inner > *:last-child {
  margin-bottom: 0;
}
.section-inner .section-image {
  margin-right: -250px;
  margin-left: -100px;
}
@media screen and (max-width: 1440px) {
  .section-inner .section-image {
    margin-right: calc(-2.5rem + (1vw - 0.48rem) * (-23.4375));
    margin-left: calc(-2.5rem + (1vw - 0.48rem) * (-7.8125));
  }
}
@media screen and (max-width: 969px) {
  .section-inner .section-image {
    margin-right: -25px;
    margin-left: -25px;
  }
}
.section-inner .section-slate {
  margin-right: -250px;
  margin-left: -100px;
}
@media screen and (max-width: 1440px) {
  .section-inner .section-slate {
    margin-right: calc(-2.5rem + (1vw - 0.48rem) * (-23.4375));
    margin-left: calc(-2.5rem + (1vw - 0.48rem) * (-7.8125));
  }
}
@media screen and (max-width: 969px) {
  .section-inner .section-slate {
    margin-right: -25px;
    margin-left: -25px;
  }
}
.section-inner .section-slate > *:last-child {
  margin-bottom: 0;
}
.section-inner .section-slate .slateMessage {
  padding: 80px 250px 90px 95px;
}
@media screen and (max-width: 1440px) {
  .section-inner .section-slate .slateMessage {
    padding: calc(2rem + (1vw - 0.48rem) * (6.25)) calc(2rem + (1vw - 0.48rem) * (23.9583333333)) calc(2rem + (1vw - 0.48rem) * (7.2916666667)) calc(2rem + (1vw - 0.48rem) * (7.8125));
  }
}
@media screen and (max-width: 969px) {
  .section-inner .section-slate .slateMessage {
    padding: 50px 25px;
  }
}
.section-inner .layout-grid.of-full {
  margin-right: -250px;
  margin-left: -100px;
}
@media screen and (max-width: 1440px) {
  .section-inner .layout-grid.of-full {
    margin-right: calc(-2.5rem + (1vw - 0.48rem) * (-23.4375));
    margin-left: calc(-2.5rem + (1vw - 0.48rem) * (-7.8125));
  }
}
@media screen and (max-width: 969px) {
  .section-inner .layout-grid.of-full {
    margin-right: -25px;
    margin-left: -25px;
  }
}
.section-image {
  margin-bottom: 60px;
  margin-inline: -100px;
}
@media screen and (max-width: 1440px) {
  .section-image {
    margin-inline: calc(-2.5rem + (1vw - 0.48rem) * (-7.8125));
  }
}
@media screen and (max-width: 969px) {
  .section-image {
    margin-bottom: 50px;
    margin-inline: -25px;
  }
}
.section.of-paddingBottom-none .section-content {
  padding-bottom: 0;
}
.section.of-interview .section-content {
  padding: 0;
}
.section.of-interview .section-header {
  padding: 75px 100px 0;
}
@media screen and (max-width: 1440px) {
  .section.of-interview .section-header {
    padding: calc(5rem + (1vw - 0.48rem) * (2.6041666667)) calc(2.5rem + (1vw - 0.48rem) * (7.8125)) 0;
  }
}
@media screen and (max-width: 969px) {
  .section.of-interview .section-header {
    padding: 50px 25px 0;
  }
}
.section.of-interview .section-header > *:last-child {
  margin-bottom: 0;
}
.section.of-interview .section-body {
  padding: 70px 50px;
}
@media screen and (max-width: 1440px) {
  .section.of-interview .section-body {
    padding: calc(5rem + (1vw - 0.48rem) * (2.0833333333)) calc(2.5rem + (1vw - 0.48rem) * (2.6041666667));
  }
}
@media screen and (max-width: 969px) {
  .section.of-interview .section-body {
    padding: 60px 25px 30px;
  }
}
@media screen and (max-width: 479px) {
  .section.of-interview .section-body {
    padding: 60px 20px 30px;
  }
}
.section.of-interview .section-narrowBody {
  padding: 85px 100px 0;
}
@media screen and (max-width: 1440px) {
  .section.of-interview .section-narrowBody {
    padding: calc(5rem + (1vw - 0.48rem) * (2.6041666667)) calc(2.5rem + (1vw - 0.48rem) * (7.8125)) 0;
  }
}
@media screen and (max-width: 969px) {
  .section.of-interview .section-narrowBody {
    padding: 50px 25px 0;
  }
}

.sectionUtility-content > *:last-child {
  margin-bottom: 0;
}
.sectionUtility-title {
  margin-bottom: 50px;
  font-weight: normal;
  font-size: 2.6rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
}
@media screen and (max-width: 1366px) {
  .sectionUtility-title {
    margin-bottom: calc(3rem + (1vw - 0.969rem) * (5.0377833753));
    font-size: calc(1.8rem + (1vw - 0.969rem) * (2.0151133501));
  }
}
@media screen and (max-width: 969px) {
  .sectionUtility-title {
    margin-bottom: calc(2.5rem + (1vw - 0.48rem) * (3.0674846626));
    font-size: max(1.3rem + (1vw - 0.48rem) * (1.4314928425), 1.3rem);
  }
}

.sectionPanel {
  max-width: 124rem;
  margin-bottom: 6rem;
  margin-inline: auto;
}
@media screen and (max-width: 969px) {
  .sectionPanel {
    margin-bottom: 4rem;
  }
}
.sectionPanel-header {
  position: relative;
  padding: 2.8rem 2.4rem 5.2rem;
  background-color: #1e283c;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .sectionPanel-header {
    padding: 2.6rem 2.4rem 4.7rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionPanel-header {
    padding: 2rem 1.6rem 3rem;
  }
}
.sectionPanel-header::before {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 25rem;
  height: 1rem;
  transform: translateX(-50%);
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionPanel-header::before {
    width: 15rem;
  }
}
.sectionPanel-titleGroup > :last-child {
  margin-bottom: 0;
}
.sectionPanel-title {
  display: block;
  font-weight: normal;
  font-size: 4.4rem;
  line-height: 1.38;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .sectionPanel-title {
    font-size: max(3rem + (1vw - 0.48rem) * (2.8629856851), 2.4rem);
    line-height: 1.6;
  }
}
@media screen and (max-width: 479px) {
  .sectionPanel-title {
    font-size: max(2.4rem + (1vw - 0.36rem) * (5), 2.4rem);
  }
}
.sectionPanel-subtitle {
  display: block;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.875;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .sectionPanel-subtitle {
    font-size: 2.4rem;
    font-size: max(2.4rem + (1vw - 0.48rem) * (1.63599182), 2rem);
    line-height: 2.5;
  }
}
.sectionPanel-body {
  z-index: 0;
  position: relative;
  min-height: 48rem;
  padding: 7rem;
  font-size: 2rem;
  line-height: 3;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .sectionPanel-body {
    min-height: inherit;
    padding: 6rem 3rem 6rem 1.5rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionPanel-body {
    padding-inline: 1.5rem;
    padding-block: calc(3rem + (1vw - 0.36rem) * (25));
  }
}
.sectionPanel-image {
  display: flex;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 48rem;
}
@media screen and (max-width: 969px) {
  .sectionPanel-image {
    min-height: inherit;
  }
}
.sectionPanel-image > * {
  width: 100%;
}
.sectionPanel-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sectionPanel .section {
  margin-bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
.sectionPanel .section-content {
  padding: 9.5rem 10rem;
}
@media screen and (max-width: 969px) {
  .sectionPanel .section-content {
    padding: 7.7rem 5.2rem;
    padding: max(7.7rem + (1vw - 0.48rem) * (3.6809815951), 2.4rem) max(5.2rem + (1vw - 0.48rem) * (9.8159509202), 2.4rem);
  }
}
@media screen and (max-width: 479px) {
  .sectionPanel .section-content {
    padding: 5rem 2.5rem;
  }
}
@media screen and (max-width: 969px) {
  .sectionPanel .section-content p {
    font-size: 1.5rem;
  }
}

.sectionFeature {
  position: relative;
  margin-bottom: 8rem;
  border-top-left-radius: 20px;
  background-color: #fff;
  color: #000;
}
@media screen and (max-width: 969px) {
  .sectionFeature {
    margin-bottom: 3.8rem;
  }
}
.sectionFeature::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 190px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #1e283c;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionFeature::before {
    width: 15px;
    height: 140px;
  }
}
.sectionFeature.is-passed {
  opacity: 1;
}
.sectionFeature.is-shown {
  animation: pullup 0.7s cubic-bezier(0.11, 0, 0.5, 0) both;
}
.sectionFeature.of-dark {
  background-color: #1e283c;
  color: #fff;
}
.sectionFeature.of-dark::before {
  background-color: #fff;
}
.sectionFeature.of-dark .sectionFeature-number {
  -webkit-text-stroke: 1px #fff;
  text-stroke: 1px #fff;
}
.sectionFeature-wrapper {
  margin-bottom: 8rem;
  margin-inline: -40px -80px;
  padding-inline: 40px 80px;
  overflow: hidden;
}
@media screen and (max-width: 969px) {
  .sectionFeature-wrapper {
    margin-bottom: 3.8rem;
    margin-inline: -15px -30px;
    padding-inline: 15px 30px;
  }
}
:where(.sectionFeature-wrapper:nth-child(n+2)) .sectionFeature {
  opacity: 0;
}
.sectionFeature-outer {
  max-width: 1240px;
  margin-inline: auto;
}
.sectionFeature-outer > :last-child {
  margin-bottom: 0;
}
.sectionFeature-content > *:last-child {
  margin-bottom: 0;
}
.sectionFeature-header {
  padding: 3rem 3.2rem 4.4rem 5rem;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .sectionFeature-header {
    padding: 2.4rem;
    padding-left: 3.9rem;
  }
}
.sectionFeature-titleGroup > :last-child {
  margin-bottom: 0;
}
.sectionFeature-subtitle {
  display: block;
  margin-bottom: 0.4rem;
  font-weight: 700;
  font-size: 3.4rem;
  line-height: 1.176;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .sectionFeature-subtitle {
    font-size: 2.4rem;
    line-height: 1.0625;
  }
}
.sectionFeature-number {
  display: block;
  -webkit-text-stroke: 1px #000;
  margin-bottom: 1.6rem;
  color: transparent;
  font-weight: 700;
  font-size: 9rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
  text-stroke: 1px #000;
}
@media screen and (max-width: 969px) {
  .sectionFeature-number {
    margin-bottom: 0;
    font-size: max(8rem + (1vw - 0.48rem) * (2.0449897751), 7rem);
  }
}
@media screen and (max-width: 479px) {
  .sectionFeature-number {
    font-size: max(6rem + (1vw - 0.36rem) * (16.6666666667), 6rem);
  }
}
.sectionFeature-title {
  display: block;
  margin-bottom: 2rem;
  font-weight: normal;
  font-size: 5rem;
  line-height: 1.4;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 969px) {
  .sectionFeature-title {
    font-size: max(4rem + (1vw - 0.48rem) * (2.0449897751), 3rem);
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 479px) {
  .sectionFeature-title {
    font-size: max(3rem + (1vw - 0.36rem) * (8.3333333333), 3rem);
  }
}
.sectionFeature-body {
  padding: 8rem 17rem 12rem;
  line-height: 3.125;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionFeature-body {
    padding: max(5.4rem + (1vw - 0.48rem) * (2.934537246), 5rem) max(2.6rem + (1vw - 0.48rem) * (16.2528216704), 2rem) max(4.2rem + (1vw - 0.48rem) * (8.8036117381), 4rem);
  }
}
:where(.sectionFeature-body) p {
  line-height: inherit;
}
@media screen and (max-width: 969px) {
  .sectionFeature-body {
    font-size: 1.3rem;
    line-height: 1.846;
    letter-spacing: 0.05em;
  }
}
.sectionFeature-body > :last-child {
  margin-bottom: 0;
}
.sectionFeature-subheading {
  font-weight: normal;
  font-size: 3.6rem;
  line-height: 1.388;
  font-variation-settings: "wght" 700;
}
@media screen and (max-width: 1366px) {
  .sectionFeature-subheading {
    font-size: max(2.5rem + (1vw - 0.48rem) * (1.2415349887), 2.5rem);
  }
}
@media screen and (max-width: 969px) {
  .sectionFeature-subheading {
    line-height: 1.68;
  }
}

@keyframes pullup {
  0% {
    transform: translateY(50%) scale(1.3);
    opacity: 1;
  }
  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
}
.sectionIndex {
  position: relative;
}
.sectionIndex-header {
  position: relative;
  max-width: 1240px;
  margin-inline: auto;
  padding: 6rem;
  background-color: #1e283c;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .sectionIndex-header {
    padding: calc(4rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .sectionIndex-header {
    padding: calc(2.6rem + (1vw - 0.48rem) * (2.8629856851)) 2.4rem;
  }
}
.sectionIndex-header::before, .sectionIndex-header::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 17rem;
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionIndex-header::before, .sectionIndex-header::after {
    height: 14rem;
  }
}
.sectionIndex-header::after {
  right: 0;
  left: inherit;
}
.sectionIndex-header > :last-child {
  margin-bottom: 0;
}
.sectionIndex-headerText {
  font-size: 2.4rem;
  line-height: 2.5;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionIndex-headerText {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (1.5113350126));
  }
}
@media screen and (max-width: 969px) {
  .sectionIndex-headerText {
    font-size: calc(1.6rem + (1vw - 0.48rem) * (0.81799591));
    line-height: 2.3;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 479px) {
  .sectionIndex-headerText {
    font-size: calc(1.3rem + (1vw - 0.36rem) * (2.5));
  }
}

.sectionVision {
  position: relative;
  margin-bottom: 8rem;
}
@media screen and (max-width: 969px) {
  .sectionVision {
    margin-bottom: 8rem;
  }
}
.sectionVision-header {
  padding: 8.2rem 15rem 10rem;
  background-color: #1e283c;
  color: #fff;
  font-size: 1.8rem;
  line-height: 2.778;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .sectionVision-header {
    padding: calc(4rem + (1vw - 0.969rem) * (10.5793450882)) calc(4rem + (1vw - 0.969rem) * (27.7078085642)) calc(6rem + (1vw - 0.969rem) * (10.0755667506));
    font-size: max(1.5rem + (1vw - 0.969rem) * (0.7556675063), 1.5rem);
  }
}
@media screen and (max-width: 969px) {
  .sectionVision-header {
    padding: max(2rem + (1vw - 0.48rem) * (8.1799591002), 1rem) max(2rem + (1vw - 0.48rem) * (8.1799591002), 1rem) max(3.5rem + (1vw - 0.48rem) * (9.2024539877), 1rem);
    line-height: 2;
    letter-spacing: 0.035em;
  }
}
.sectionVision-header > :last-child {
  margin-bottom: 0;
}
:where(.sectionVision-header) p {
  font-size: inherit;
  line-height: inherit;
}
.sectionVision-titleGroup {
  position: relative;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 1366px) {
  .sectionVision-titleGroup {
    margin-bottom: calc(3rem + (1vw - 0.969rem) * (8.564231738));
  }
}
@media screen and (max-width: 969px) {
  .sectionVision-titleGroup {
    margin-bottom: 3rem;
  }
}
.sectionVision-title {
  display: block;
  margin-bottom: -2.1rem;
  color: #1e283c;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.5;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 969px) {
  .sectionVision-title {
    margin-bottom: -1.6rem;
  }
}
.sectionVision-titleLabel {
  display: inline-block;
  padding: 0.5rem 4.2rem 0.6rem;
  border-radius: 2rem;
  background-color: #fff;
}
@media screen and (max-width: 969px) {
  .sectionVision-titleLabel {
    padding: 0.3rem 2.1rem 0.5rem;
    font-size: 1.5rem;
  }
}
.sectionVision-descriptionOuter {
  display: block;
  padding: 6.1rem 5.6rem;
  border: 2px dashed #fff;
}
@media screen and (max-width: 1366px) {
  .sectionVision-descriptionOuter {
    padding: calc(4.5rem + (1vw - 0.969rem) * (4.0302267003)) calc(3rem + (1vw - 0.969rem) * (6.5491183879));
  }
}
@media screen and (max-width: 969px) {
  .sectionVision-descriptionOuter {
    padding: calc(4rem + (1vw - 0.48rem) * (2.0449897751)) calc(2rem + (1vw - 0.48rem) * (5.3169734151));
  }
}
.sectionVision-description {
  display: block;
  font-weight: normal;
  font-size: 3.6rem;
  line-height: 1.5;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionVision-description {
    font-size: calc(2.5rem + (1vw - 0.969rem) * (2.7707808564));
  }
}
@media screen and (max-width: 969px) {
  .sectionVision-description {
    font-size: calc(2.3rem + (1vw - 0.48rem) * (1.4314928425));
    line-height: 1.68;
    letter-spacing: 0.07em;
  }
}
.sectionVision-body {
  padding-top: 8rem;
}
@media screen and (max-width: 1366px) {
  .sectionVision-body {
    padding-top: max(5.4rem + (1vw - 0.969rem) * (6.5491183879), 4rem);
  }
}
.sectionVision-narrowBody {
  padding-inline: 9rem;
}
@media screen and (max-width: 1366px) {
  .sectionVision-narrowBody {
    padding-inline: calc(3.4rem + (1vw - 0.969rem) * (14.1057934509));
  }
}
@media screen and (max-width: 969px) {
  .sectionVision-narrowBody {
    padding-inline: calc(3rem + (1vw - 0.48rem) * (6.1349693252));
  }
}
@media screen and (max-width: 479px) {
  .sectionVision-narrowBody {
    padding-inline: calc(0rem + (1vw - 0.36rem) * (25));
  }
}
.sectionVision-narrowBody > :last-child {
  margin-bottom: 0;
}
.sectionVision-emphasisText {
  font-size: 2.4rem;
  line-height: 2.083;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionVision-emphasisText {
    font-size: calc(1.6rem + (1vw - 0.969rem) * (2.0151133501));
  }
}
@media screen and (max-width: 969px) {
  .sectionVision-emphasisText {
    font-size: max(1.6rem + (1vw - 0.48rem) * (0.81799591), 1.4rem);
    line-height: 1.5625;
    letter-spacing: 0.07em;
  }
}

.sectionVisual {
  position: relative;
  margin-bottom: 7rem;
  background-color: #1e283c;
  color: #fff;
}
@media screen and (max-width: 969px) {
  .sectionVisual {
    margin-bottom: 3rem;
  }
}
.sectionVisual-header {
  z-index: 0;
  position: relative;
  min-height: 40rem;
  padding: 8rem 7.7rem 12rem;
}
@media screen and (max-width: 1366px) {
  .sectionVisual-header {
    padding-inline: calc(4rem + (1vw - 0.969rem) * (9.3198992443));
  }
}
@media screen and (max-width: 969px) {
  .sectionVisual-header {
    display: grid;
    place-content: center start;
    min-height: calc(21.6rem + (1vw - 0.48rem) * (53.1697341513));
    padding: calc(3.6rem + (1vw - 0.48rem) * (8.9979550102)) max(1.8rem + (1vw - 0.48rem) * (12.0654396728), 1.6rem) calc(6.6rem + (1vw - 0.48rem) * (19.2229038855));
  }
}
.sectionVisual-titleGroup > :last-child {
  margin-bottom: 0;
}
.sectionVisual-title {
  display: block;
  margin-bottom: 2rem;
  font-weight: 500;
  font-size: 9rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1366px) {
  .sectionVisual-title {
    font-size: calc(6rem + (1vw - 0.969rem) * (7.556675063));
  }
}
@media screen and (max-width: 969px) {
  .sectionVisual-title {
    margin-bottom: calc(1.2rem + (1vw - 0.48rem) * (1.63599182));
    font-size: calc(4.8rem + (1vw - 0.48rem) * (8.5889570552));
  }
}
.sectionVisual-subtitle {
  display: flex;
  line-height: 1.2;
}
.sectionVisual-subtitleLabel {
  display: inline-block;
  padding: 0.6rem 5.2rem 0.8rem;
  background-color: #fff;
  color: #1e283c;
  font-weight: normal;
  font-size: 3rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionVisual-subtitleLabel {
    font-size: calc(2rem + (1vw - 0.969rem) * (2.5188916877));
  }
}
@media screen and (max-width: 969px) {
  .sectionVisual-subtitleLabel {
    padding: 0.3rem 3rem 0.4rem;
    font-size: calc(1.6rem + (1vw - 0.48rem) * (2.8629856851));
  }
}
.sectionVisual-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 40rem;
}
@media screen and (max-width: 969px) {
  .sectionVisual-image {
    min-height: calc(21.6rem + (1vw - 0.48rem) * (53.1697341513));
  }
}
.sectionVisual-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sectionVisual-body {
  position: relative;
  margin-top: -11.5rem;
  padding: 0 7.7rem 8.5rem;
}
@media screen and (max-width: 1366px) {
  .sectionVisual-body {
    margin-top: -9.8rem;
    padding-inline: calc(4rem + (1vw - 0.969rem) * (9.3198992443));
  }
}
@media screen and (max-width: 969px) {
  .sectionVisual-body {
    margin-top: min(-4.8rem + (1vw - 0.48rem) * (-16.7689161554), -2rem);
    padding: 0 max(1.8rem + (1vw - 0.48rem) * (12.0654396728), 1.6rem) max(2rem + (1vw - 0.48rem) * (12.2699386503), 2rem);
  }
}

.sectionProduct {
  position: relative;
}
.sectionProduct-header {
  position: relative;
  max-width: 1240px;
  margin-bottom: 9.2rem;
  margin-inline: auto;
  padding: 6rem;
  background-color: #1e283c;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .sectionProduct-header {
    margin-bottom: calc(6.5rem + (1vw - 0.969rem) * (6.8010075567));
    padding: calc(4rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-header {
    margin-bottom: 2rem;
    padding: calc(2.6rem + (1vw - 0.48rem) * (2.8629856851)) 2.4rem;
  }
}
.sectionProduct-header::before, .sectionProduct-header::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 17rem;
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionProduct-header::before, .sectionProduct-header::after {
    height: 14rem;
  }
}
.sectionProduct-header::after {
  right: 0;
  left: inherit;
}
.sectionProduct-header > :last-child {
  margin-bottom: 0;
}
.sectionProduct-headerText {
  font-size: 2.4rem;
  line-height: 2.5;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionProduct-headerText {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (1.5113350126));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-headerText {
    font-size: calc(1.6rem + (1vw - 0.48rem) * (0.81799591));
    line-height: 2.3;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-headerText {
    font-size: calc(1.3rem + (1vw - 0.36rem) * (2.5));
  }
}
.sectionProduct-body {
  display: flex;
  position: relative;
  max-width: 1400px;
  margin-inline: auto;
}
@media screen and (max-width: 969px) {
  .sectionProduct-body {
    flex-direction: column;
  }
}
.sectionProduct-collection {
  display: flex;
  position: sticky;
  top: 120px;
  align-self: flex-start;
  width: 100%;
  max-width: 68rem;
  height: calc(100vh - 120px);
  padding-block: 7.2rem 6.4rem;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  background-color: #1e283c;
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .sectionProduct-collection {
    max-width: calc(45rem + (1vw - 0.969rem) * (48.8322717622));
    padding-top: calc(3.6rem + (1vw - 0.969rem) * (7.6433121019));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-collection {
    position: static;
    flex-direction: column;
    max-width: inherit;
    height: auto;
    padding-inline: 3rem 3.8rem;
    padding-block: 0 10rem;
    overflow-y: inherit;
    overscroll-behavior-y: inherit;
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-collection {
    padding-bottom: 6rem;
    padding-inline: 1.6rem;
  }
}
.sectionProduct-collectionTitle {
  height: max-content;
  margin-top: 2rem;
  margin-right: 6.2rem;
  font-weight: normal;
  font-size: 9rem;
  line-height: 0.62;
  font-family: var(--FONT_FAMILY_MUKTA);
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1440px) {
  .sectionProduct-collectionTitle {
    margin-right: calc(3rem + (1vw - 0.969rem) * (6.7940552017));
    font-size: calc(5rem + (1vw - 0.969rem) * (8.4925690021));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-collectionTitle {
    width: max-content;
    height: auto;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 6.8rem;
    font-size: 7.1rem;
    line-height: 0.69;
    writing-mode: inherit;
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-collectionTitle {
    margin-bottom: calc(3.6rem + (1vw - 0.36rem) * (26.6666666667));
    font-size: calc(4.5rem + (1vw - 0.36rem) * (21.6666666667));
  }
}
.sectionProduct-lineup {
  height: max-content;
  padding-right: 7.8rem;
}
@media screen and (max-width: 1440px) {
  .sectionProduct-lineup {
    padding-right: calc(3rem + (1vw - 0.969rem) * (10.1910828025));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-lineup {
    height: auto;
    padding-right: 0;
  }
}
.sectionProduct-category {
  display: block;
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .sectionProduct-category:hover .sectionProduct-categoryNumber {
    transform: scale(1.2);
  }
  .sectionProduct-category:hover .sectionProduct-categoryImage img {
    transform: scale(1.1);
  }
}
.sectionProduct-category.is-active .sectionProduct-categoryNumber {
  transform: scale(1.2);
}
.sectionProduct-categoryNumber {
  margin-bottom: 0.2rem;
  transform: scale(1);
  transform-origin: left bottom;
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--FONT_FAMILY_MUKTA);
  transition: transform 0.3s ease;
}
@media screen and (max-width: 1440px) {
  .sectionProduct-categoryNumber {
    font-size: calc(1.6rem + (1vw - 0.969rem) * (0.8492569002));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-categoryNumber {
    font-size: calc(2rem + (1vw - 0.48rem) * (0.81799591));
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-categoryNumber {
    font-size: calc(1.6rem + (1vw - 0.36rem) * (3.3333333333));
  }
}
.sectionProduct-categoryName {
  margin-top: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3125;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1440px) {
  .sectionProduct-categoryName {
    font-size: calc(1.2rem + (1vw - 0.969rem) * (0.8492569002));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-categoryName {
    font-size: calc(1.3rem + (1vw - 0.48rem) * (1.0224948875));
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-categoryName {
    margin-top: 1.2rem;
    font-size: calc(1rem + (1vw - 0.36rem) * (2.5));
  }
}
.sectionProduct-categoryImage {
  width: 100%;
  max-width: 140px;
  height: 100%;
  overflow: hidden;
}
@media screen and (max-width: 969px) {
  .sectionProduct-categoryImage {
    max-width: inherit;
  }
}
.sectionProduct-categoryImage img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.sectionProduct-mainImage {
  position: relative;
  background-color: rgba(212, 214, 223, 0.3);
  text-align: center;
}
.sectionProduct-mainImage img {
  max-height: 460px;
}
@media screen and (max-width: 969px) {
  .sectionProduct-mainImage img {
    width: 100%;
    max-height: inherit;
  }
}
.sectionProduct-mainImageNumber {
  position: absolute;
  top: 2rem;
  left: 2.4rem;
  margin-bottom: 0;
  color: #1e283c;
  font-weight: 500;
  font-size: 4rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .sectionProduct-mainImageNumber {
    top: 1.6rem;
    left: 2.2rem;
    font-size: 5rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-mainImageNumber {
    top: 1.2rem;
    left: 1.6rem;
    font-size: 2.4rem;
  }
}
.sectionProduct-mainImageNumber.of-primary {
  color: #fff;
}
.sectionProduct-detail {
  flex: 1;
  background-color: #fff;
}
.sectionProduct-detailContent {
  display: none;
}
.sectionProduct-detailContent.is-active {
  display: block;
}
.sectionProduct-detailInner {
  padding: 8rem 10rem;
}
@media screen and (max-width: 1440px) {
  .sectionProduct-detailInner {
    padding: calc(4rem + (1vw - 0.969rem) * (8.4925690021)) calc(5rem + (1vw - 0.969rem) * (10.6157112527));
  }
}
@media screen and (max-width: 969px) {
  .sectionProduct-detailInner {
    padding: 5.6rem 2.5rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-detailInner {
    padding: 2.8rem 1.6rem;
  }
}
.sectionProduct-detailBody {
  max-width: 72rem;
  margin-inline: auto;
}
.sectionProduct-detailBody > :last-child {
  margin-bottom: 0;
}
.sectionProduct-catchphrase {
  margin-bottom: 2.4rem;
  color: #1e283c;
  font-size: 2.8rem;
  line-height: 1.642;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .sectionProduct-catchphrase {
    font-size: 2.5rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-catchphrase {
    font-size: 1.8rem;
  }
}
.sectionProduct-text {
  font-size: 1.6rem;
  line-height: 1.75;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .sectionProduct-text {
    font-size: 1.3rem;
    line-height: 1.846;
  }
}
.sectionProduct-backToListButton {
  display: none;
  opacity: 0;
  transition-behavior: allow-discrete;
  transition-duration: 0.3s;
  transition-property: opacity, display;
}
@media screen and (max-width: 969px) {
  .sectionProduct-backToListButton {
    z-index: 10;
    position: fixed;
    right: 15px;
    bottom: calc(50% - 108px);
    place-content: center;
    width: 14.5rem;
    height: 14.5rem;
    border-radius: 50%;
    background-color: rgba(228, 228, 228, 0.85);
    box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.65);
    color: #ea0437;
    font-size: 1.7rem;
    line-height: 1.23;
    font-variation-settings: "wght" 700;
    text-align: center;
    text-decoration: none;
  }
  .sectionProduct-backToListButton.is-shown {
    display: grid;
    opacity: 1;
  }
  @starting-style {
    .sectionProduct-backToListButton.is-shown {
      opacity: 0;
    }
  }
}
@media screen and (max-width: 479px) {
  .sectionProduct-backToListButton {
    width: 10rem;
    height: 10rem;
    font-size: 1.2rem;
  }
}

.sectionKeywords {
  position: relative;
  background-color: #1e283c;
  color: #fff;
}
.sectionKeywords-content > *:last-child {
  margin-bottom: 0;
}
.sectionKeywords-header {
  padding: 5.6rem 3.2rem;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .sectionKeywords-header {
    padding: calc(6rem + (1vw - 0.48rem) * (-0.4166666667)) calc(1.2rem + (1vw - 0.48rem) * (2.0833333333)) calc(2rem + (1vw - 0.48rem) * (3.75));
  }
}
.sectionKeywords-header > *:last-child {
  margin-bottom: 0;
}
.sectionKeywords-body {
  padding: 0 3.2rem 8rem 3.2rem;
}
@media screen and (max-width: 1440px) {
  .sectionKeywords-body {
    padding: 0 calc(2rem + (1vw - 0.48rem) * (1.25)) 8rem;
  }
}
.sectionKeywords-body > *:last-child {
  margin-bottom: 0;
}
.sectionKeywords-titleGroup > *:last-child {
  margin-bottom: 0;
}
.sectionKeywords-title {
  display: block;
  margin-bottom: 5.2rem;
  color: #fff;
  font-weight: normal;
  font-size: 3.2rem;
  line-height: 1.5;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .sectionKeywords-title {
    font-size: calc(2.4rem + (1vw - 0.48rem) * (0.8333333333));
  }
}
.sectionKeywords-titleEmphasis {
  font-size: 5.5rem;
}
@media screen and (max-width: 1440px) {
  .sectionKeywords-titleEmphasis {
    font-size: calc(4rem + (1vw - 0.48rem) * (1.5625));
  }
}
.sectionKeywords-titleEmphasis.of-primary {
  display: inline-block;
  font-size: 5rem;
}
@media screen and (max-width: 1440px) {
  .sectionKeywords-titleEmphasis.of-primary {
    font-size: calc(4rem + (1vw - 0.48rem) * (1.0416666667));
  }
}
.sectionKeywords-titleEmphasis.of-color-primary {
  color: #e30012;
}

.sectionInterview {
  background-color: #1e283c;
  color: #fff;
}
.sectionInterview-content {
  max-width: 1400px;
  margin-inline: auto;
}
@media screen and (max-width: 969px) {
  .sectionInterview-content {
    max-width: 700px;
  }
}
.sectionInterview-content > *:last-child {
  margin-bottom: 0;
}
.sectionInterview-inner {
  display: flex;
}
@media screen and (max-width: 969px) {
  .sectionInterview-inner {
    flex-direction: column;
  }
}
.sectionInterview-inner :is(.sectionInterview-body, .sectionInterview-image) {
  width: 50%;
}
@media screen and (max-width: 969px) {
  .sectionInterview-inner :is(.sectionInterview-body, .sectionInterview-image) {
    width: 100%;
  }
}
.sectionInterview-inner.of-primary {
  align-items: center;
  overflow: hidden;
}
.sectionInterview.largeScreen-cardPosition-left .sectionInterview-inner {
  flex-direction: row-reverse;
}
@media screen and (max-width: 969px) {
  .sectionInterview.largeScreen-cardPosition-left .sectionInterview-inner {
    flex-direction: column;
  }
}
@media screen and (max-width: 969px) {
  .sectionInterview:not(.of-primary, .of-secondary) .sectionInterview-image > img {
    width: 100%;
    height: calc(28rem + (1vw - 0.48rem) * (24.5398773006));
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width: 969px) {
  .sectionInterview:not(.of-primary, .of-secondary) .sectionInterview-image.of-position-top > img {
    object-position: top;
  }
}
@media screen and (max-width: 969px) {
  .sectionInterview:not(.of-primary, .of-secondary) .sectionInterview-image.of-position-bottom > img {
    object-position: bottom;
  }
}
.sectionInterview.of-primary .sectionInterview-content {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 500px 1fr;
  padding-top: 40px;
}
@media screen and (max-width: 1366px) {
  .sectionInterview.of-primary .sectionInterview-content {
    grid-template-columns: calc(36rem + (1vw - 0.969rem) * (35.2644836272)) 1fr;
  }
}
@media screen and (max-width: 969px) {
  .sectionInterview.of-primary .sectionInterview-content {
    grid-template-columns: 250px 1fr;
    padding-top: 55px;
  }
}
@media screen and (max-width: 479px) {
  .sectionInterview.of-primary .sectionInterview-content {
    display: block;
  }
}
.sectionInterview.of-primary .sectionInterview-body {
  z-index: 1;
  grid-area: 1/1/2/2;
}
.sectionInterview.of-primary .sectionInterview-image {
  grid-area: 1/1/3/3;
}
@media screen and (max-width: 969px) {
  .sectionInterview.of-primary .sectionInterview-image > img {
    object-view-box: inset(0 345px 0 0);
  }
}
@media screen and (max-width: 479px) {
  .sectionInterview.of-primary .sectionInterview-image > img {
    object-view-box: none;
  }
}
.sectionInterview.of-secondary .sectionInterview-content {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 500px;
}
@media screen and (max-width: 1366px) {
  .sectionInterview.of-secondary .sectionInterview-content {
    grid-template-columns: 1fr calc(42rem + (1vw - 0.969rem) * (20.1511335013));
  }
}
@media screen and (max-width: 969px) {
  .sectionInterview.of-secondary .sectionInterview-content {
    display: block;
  }
}
.sectionInterview.of-secondary .sectionInterview-body {
  z-index: 1;
  grid-area: 1/2/3/3;
  align-self: center;
}
.sectionInterview.of-secondary .sectionInterview-image {
  grid-area: 1/1/3/3;
}
@media screen and (max-width: 969px) {
  .sectionInterview.of-secondary .sectionInterview-image > img {
    width: 100%;
    height: 378px;
    object-fit: cover;
    object-position: center;
  }
}
@media screen and (max-width: 479px) {
  .sectionInterview.of-secondary .sectionInterview-image > img {
    height: auto;
  }
}

.sectionSchedule {
  background-color: #fff;
  color: #ea0437;
}
.sectionSchedule-content {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 30px;
}
.sectionSchedule-title {
  margin-bottom: 50px;
  font-style: normal;
  font-weight: 600;
  font-size: 4rem;
  line-height: 1.25;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .sectionSchedule-title {
    font-size: 3rem;
    line-height: 1.66;
  }
}

.sectionBusiness {
  position: relative;
  background-color: #1e283c;
}
.jumbotron + .sectionBusiness {
  padding-top: 4rem;
}
@media screen and (max-width: 969px) {
  .jumbotron + .sectionBusiness {
    padding-top: 3rem;
  }
}
.sectionBusiness-content {
  max-width: 1400px;
  margin-inline: auto;
}

.sectionWork {
  position: relative;
  background-color: #1e283c;
}
.sectionWork-content {
  max-width: 1400px;
  margin-inline: auto;
  padding-bottom: 21rem;
}
@media screen and (max-width: 969px) {
  .sectionWork-content {
    padding-bottom: 9.5rem;
  }
}
.sectionWork-header {
  padding-inline: 6rem;
  padding-block: 9.6rem 5.5rem;
}
@media screen and (max-width: 969px) {
  .sectionWork-header {
    padding-inline: 3rem;
    padding-block: 10rem 2.6rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionWork-header {
    padding-inline: 2rem;
    padding-block: 6rem 2rem;
  }
}
.sectionWork-headerTitle {
  display: inline-block;
  position: relative;
  padding-bottom: 0.2rem;
  padding-inline: 3.5rem;
  color: #fff;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.3;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .sectionWork-headerTitle {
    padding-inline: 2.4rem;
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 479px) {
  .sectionWork-headerTitle {
    font-size: 2rem;
  }
}
.sectionWork-headerTitle::before, .sectionWork-headerTitle::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 100%;
  transform: translateY(-50%);
  border: 1px solid #fff;
  border-right: 0;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionWork-headerTitle::before, .sectionWork-headerTitle::after {
    width: 0.5rem;
  }
}
.sectionWork-headerTitle::after {
  right: 0;
  left: inherit;
  border: 1px solid #fff;
  border-left: 0;
}
.sectionWork.of-primary .sectionWork-content {
  padding-bottom: 16.8rem;
}
@media screen and (max-width: 969px) {
  .sectionWork.of-primary .sectionWork-content {
    padding-bottom: 3.8rem;
  }
}
.sectionWork.of-primary .sectionWork-body {
  padding-right: 4rem;
}
@media screen and (max-width: 969px) {
  .sectionWork.of-primary .sectionWork-body {
    padding-inline: 3rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionWork.of-primary .sectionWork-body {
    padding-inline: 2rem;
  }
}

.sectionWorkNavigation {
  position: relative;
  background-color: #d4d6df;
}
.sectionWorkNavigation-content {
  max-width: 1400px;
  margin-inline: auto;
  padding: 4rem 6rem;
}
@media screen and (max-width: 969px) {
  .sectionWorkNavigation-content {
    padding: 3.4rem 3rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionWorkNavigation-content {
    padding: 3.4rem 2rem;
  }
}

.sectionMotivation {
  container-type: inline-size;
  position: relative;
  background-color: #1e283c;
}
.sectionMotivation-content {
  max-width: 1400px;
  margin-inline: auto;
}
.sectionMotivation-inner {
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 969px) {
  .sectionMotivation-inner {
    flex-direction: column-reverse;
  }
}
.sectionMotivation-body {
  flex: 1;
  overflow: hidden;
  background-color: #394253;
  color: #fff;
}
.sectionMotivation-title {
  margin-bottom: 2rem;
  margin-left: -0.6rem;
  font-weight: normal;
  font-size: 8.4rem;
  line-height: 0.7;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .sectionMotivation-title {
      font-size: min(6.4rem + (1vw - 0.969rem) * (4.2462845011), 8.4rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .sectionMotivation-title {
    margin-top: -1px;
    margin-bottom: 2.8rem;
    font-size: 8.3rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionMotivation-title {
    font-size: calc(6rem + (1vw - 0.36rem) * (19.1666666667));
  }
}
.sectionMotivation-subtitle {
  margin-bottom: 7.7rem;
  padding-inline: 3rem 5rem;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.25;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .sectionMotivation-subtitle {
      margin-bottom: min(4rem + (1vw - 0.969rem) * (7.855626327), 7.7rem);
      font-size: min(2rem + (1vw - 0.969rem) * (2.1231422505), 3rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .sectionMotivation-subtitle {
    margin-bottom: 5rem;
    padding-inline: 3rem;
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionMotivation-subtitle {
    margin-bottom: calc(3rem + (1vw - 0.36rem) * (16.6666666667));
    padding-inline: 2rem;
    font-size: calc(1.8rem + (1vw - 0.36rem) * (5.8333333333));
  }
}
.sectionMotivation-narrowBody {
  padding-bottom: 8rem;
  padding-inline: 8rem;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .sectionMotivation-narrowBody {
      padding-bottom: min(3rem + (1vw - 0.969rem) * (10.6157112527), 8rem);
      padding-inline: min(3rem + (1vw - 0.969rem) * (10.6157112527), 8rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .sectionMotivation-narrowBody {
    padding-bottom: 3rem;
    padding-inline: 3rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionMotivation-narrowBody {
    padding-bottom: 2rem;
    padding-inline: 2rem;
  }
}
.sectionMotivation-narrowBody.of-primary {
  padding-block: 5rem;
  background-color: #e0e0d7;
  color: #1e283c;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .sectionMotivation-narrowBody.of-primary {
      padding-block: min(3rem + (1vw - 0.969rem) * (4.2462845011), 5rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .sectionMotivation-narrowBody.of-primary {
    padding-block: 3rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionMotivation-narrowBody.of-primary {
    padding-block: 2rem;
  }
}
.sectionMotivation-image {
  position: sticky;
  top: 120px;
  align-self: flex-start;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .sectionMotivation-image {
      max-width: min(46.4rem + (1vw - 0.969rem) * (50.1061571125), 70rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .sectionMotivation-image {
    position: static;
    align-self: inherit;
  }
}
@media screen and (max-width: 969px) {
  .sectionMotivation-image img {
    width: 100%;
  }
}

.sectionVoice {
  background-color: #e1e1d8;
}
.sectionVoice-content {
  padding: 0 300px 0 60px;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-content {
    padding-right: calc(20rem + (1vw - 0.969rem) * (21.2314225053));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-content {
    padding: 0 30px 0 20px;
  }
}
.sectionVoice-content > *:last-child {
  margin-bottom: 0;
}
.sectionVoice-body {
  margin-left: 85px;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-body {
    margin-left: calc(5rem + (1vw - 0.969rem) * (7.4309978769));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-body {
    margin-left: 0;
  }
}
.sectionVoice-body.of-pullUp {
  margin-top: -100px;
}
.sectionVoice-maintitle {
  display: block;
  margin-top: -5px;
  margin-bottom: 32px;
  font-weight: normal;
  font-size: 16rem;
  line-height: 1;
  font-family: "inter-tight-variable", sans-serif;
  font-variation-settings: "wght" 700;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-maintitle {
    margin-top: calc(-0.2rem + (1vw - 0.969rem) * (-0.6369426752));
    margin-bottom: calc(2.2rem + (1vw - 0.969rem) * (2.1231422505));
    font-size: calc(10rem + (1vw - 0.969rem) * (12.7388535032));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-maintitle {
    margin-top: -2px;
    margin-bottom: 5px;
    font-size: calc(6.5rem + (1vw - 0.48rem) * (11.2474437628));
  }
}
@media screen and (max-width: 479px) {
  .sectionVoice-maintitle {
    margin-top: -1px;
    font-size: max(4.5rem + (1vw - 0.36rem) * (16.6666666667), 3.8rem);
  }
}
.sectionVoice-title {
  display: block;
  margin-bottom: 60px;
  font-weight: normal;
  font-size: 7rem;
  line-height: 1.42;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-title {
    margin-bottom: calc(4rem + (1vw - 0.969rem) * (4.2462845011));
    font-size: calc(4.6rem + (1vw - 0.969rem) * (5.0955414013));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-title {
    font-size: calc(2.4rem + (1vw - 0.48rem) * (4.4989775051));
  }
}
.sectionVoice-title.of-animation {
  opacity: 0;
}
.sectionVoice-subtitle {
  display: block;
  margin-bottom: 50px;
  font-weight: normal;
  font-size: 3rem;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-subtitle {
    font-size: calc(2rem + (1vw - 0.969rem) * (2.1231422505));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-subtitle {
    margin-bottom: 60px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionVoice-subtitle {
    margin-bottom: 40px;
  }
}
.sectionVoice-subtitle.of-border {
  border-bottom: 1px solid #000;
}
.sectionVoice-subtitle.of-primary {
  font-size: 3.5rem;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-subtitle.of-primary {
    font-size: calc(2.2rem + (1vw - 0.969rem) * (2.7600849257));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-subtitle.of-primary {
    font-size: 1.6rem;
    text-align: center;
  }
}
.sectionVoice-titleGroup {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: flex-start;
  margin-bottom: 50px;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-titleGroup {
    margin-bottom: calc(4rem + (1vw - 0.969rem) * (2.1231422505));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-titleGroup {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 479px) {
  .sectionVoice-titleGroup {
    grid-template-columns: 60px 1fr;
  }
}
.sectionVoice-titleGroup > *:last-child {
  margin-bottom: 0;
}
.sectionVoice-textGroup {
  display: block;
}
.sectionVoice-textGroup > *:last-child {
  margin-bottom: 0;
}
.sectionVoice-number {
  display: block;
  font-style: normal;
  font-weight: 700;
  font-size: 7rem;
  line-height: 0.9;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .sectionVoice-number {
    margin-bottom: 2px;
    line-height: 0.8;
  }
}
@media screen and (max-width: 479px) {
  .sectionVoice-number {
    margin-bottom: 4px;
    font-size: 4rem;
  }
}
.sectionVoice-numberGroup {
  display: flex;
  flex-direction: column-reverse;
}
.sectionVoice-dialogue {
  display: block;
  font-weight: normal;
  font-size: 2rem;
  line-height: 0.7;
  font-family: "inter-tight-variable", sans-serif;
  font-variation-settings: "wght" 700;
  writing-mode: vertical-lr;
}
@media screen and (max-width: 969px) {
  .sectionVoice-dialogue {
    font-size: 1.6rem;
  }
}
.sectionVoice-titleOuter {
  display: block;
  margin-bottom: 70px;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 969px) {
  .sectionVoice-titleOuter {
    margin-bottom: 45px;
    padding-bottom: 10px;
  }
}
.sectionVoice-titleOuter > *:last-child {
  margin-bottom: 0;
}
.sectionVoice-titleContent {
  display: block;
  width: fit-content;
  margin-inline: auto;
}
.sectionVoice-titleContent > *:last-child {
  margin-bottom: 0;
}
.sectionVoice-text {
  font-size: 2.1rem;
  line-height: 2;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-text {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (0.6369426752));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-text {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
.sectionVoice-image {
  margin-bottom: 50px;
  margin-left: -60px;
}
@media screen and (max-width: 969px) {
  .sectionVoice-image {
    margin-bottom: 40px;
    margin-left: -20px;
  }
}
.sectionVoice-image.of-full {
  margin: 0 -300px 0 -60px;
}
@media screen and (max-width: 1440px) {
  .sectionVoice-image.of-full {
    margin-right: calc(-20rem + (1vw - 0.969rem) * (-21.2314225053));
  }
}
@media screen and (max-width: 969px) {
  .sectionVoice-image.of-full {
    margin: 0 -30px 0 -20px;
  }
}
.sectionVoice-image.of-animation {
  opacity: 0;
}
.sectionVoice.of-outer {
  padding-bottom: 80px;
}
.sectionVoice.is-shown .sectionVoice-title.of-animation {
  animation: fade_right 1.4s cubic-bezier(0.5, 1, 0.89, 1) both 0.2s;
}
.sectionVoice.is-shown .sectionVoice-image.of-animation {
  animation: fade_right 1.4s cubic-bezier(0.5, 1, 0.89, 1) both 0.4s;
}

@keyframes fade_right {
  0% {
    transform: translateX(60%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.sectionStrength {
  position: relative;
}
.sectionStrength-header {
  position: relative;
  max-width: 1240px;
  margin-bottom: 9.2rem;
  margin-inline: auto;
  padding: 6rem;
  background-color: #1e283c;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .sectionStrength-header {
    margin-bottom: calc(6.5rem + (1vw - 0.969rem) * (6.8010075567));
    padding: calc(4rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .sectionStrength-header {
    margin-bottom: 4.5rem;
    padding: calc(2.6rem + (1vw - 0.48rem) * (2.8629856851)) 2.4rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionStrength-header {
    margin-bottom: 3.6rem;
    padding-inline: 2rem;
  }
}
.sectionStrength-header::before, .sectionStrength-header::after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1rem;
  height: 17rem;
  transform: translateY(-50%);
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionStrength-header::before, .sectionStrength-header::after {
    height: 14rem;
  }
}
.sectionStrength-header::after {
  right: 0;
  left: inherit;
}
.sectionStrength-header > :last-child {
  margin-bottom: 0;
}
.sectionStrength-headerText {
  font-size: 2.4rem;
  line-height: 2.5;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .sectionStrength-headerText {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (1.5113350126));
  }
}
@media screen and (max-width: 969px) {
  .sectionStrength-headerText {
    font-size: calc(1.6rem + (1vw - 0.48rem) * (0.81799591));
    line-height: 2.3;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 479px) {
  .sectionStrength-headerText {
    font-size: calc(1.3rem + (1vw - 0.36rem) * (2.5));
  }
}
.sectionApplication {
  position: relative;
  max-width: 1400px;
  margin-inline: auto;
  border-top-left-radius: 20px;
  background-color: #fff;
  color: #000;
}
.sectionApplication::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 19px;
  height: 190px;
  border-top-left-radius: 30px;
  border-bottom-right-radius: 30px;
  background-color: #1e283c;
  content: "";
}
@media screen and (max-width: 969px) {
  .sectionApplication::before {
    width: 15px;
    height: 140px;
  }
}
.sectionApplication-header {
  display: flex;
  align-items: center;
  min-height: 190px;
  padding: 46px 243px 46px 224px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 1440px) {
  .sectionApplication-header {
    padding-inline: calc(14rem + (1vw - 0.969rem) * (17.8343949045)) calc(16rem + (1vw - 0.969rem) * (17.6220806794));
  }
}
@media screen and (max-width: 969px) {
  .sectionApplication-header {
    flex-direction: column;
    min-height: 140px;
    padding: 30px 30px 42px 40px;
  }
}
.sectionApplication-titleGroup {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 969px) {
  .sectionApplication-titleGroup {
    flex-direction: column;
  }
}
.sectionApplication-subtitle {
  margin-right: 32px;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1.125;
  font-family: var(--FONT_FAMILY_MUKTA);
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .sectionApplication-subtitle {
    margin-right: calc(2.4rem + (1vw - 0.969rem) * (1.6985138004));
    font-size: calc(2.4rem + (1vw - 0.969rem) * (1.6985138004));
  }
}
@media screen and (max-width: 969px) {
  .sectionApplication-subtitle {
    margin-right: 0;
    margin-bottom: 4px;
    font-size: 2.4rem;
    line-height: 1.062;
  }
}
.sectionApplication-number {
  -webkit-text-stroke: 1px #000;
  margin-right: 70px;
  color: transparent;
  font-weight: 700;
  font-size: 9rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
  text-stroke: 1px #000;
  white-space: nowrap;
}
@media screen and (max-width: 1440px) {
  .sectionApplication-number {
    margin-right: calc(4.5rem + (1vw - 0.969rem) * (5.3078556263));
    font-size: calc(7rem + (1vw - 0.969rem) * (4.2462845011));
  }
}
@media screen and (max-width: 969px) {
  .sectionApplication-number {
    margin-right: 0;
    margin-bottom: 5px;
    font-size: max(8rem + (1vw - 0.48rem) * (2.0449897751), 7rem);
  }
}
@media screen and (max-width: 479px) {
  .sectionApplication-number {
    font-size: max(6rem + (1vw - 0.36rem) * (16.6666666667), 6rem);
  }
}
.sectionApplication-title {
  font-weight: normal;
  font-size: 5rem;
  line-height: 1.4;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .sectionApplication-title {
    font-size: calc(4rem + (1vw - 0.969rem) * (2.1231422505));
  }
}
@media screen and (max-width: 969px) {
  .sectionApplication-title {
    font-size: calc(3rem + (1vw - 0.48rem) * (3.0674846626));
  }
}
@media screen and (max-width: 479px) {
  .sectionApplication-title {
    font-size: calc(2rem + (1vw - 0.36rem) * (8.3333333333));
  }
}
.sectionApplication-headerLink {
  margin-left: 10px;
}
@media screen and (max-width: 969px) {
  .sectionApplication-headerLink {
    margin-top: calc(1.6rem + (1vw - 0.48rem) * (1.63599182));
    margin-left: 0;
  }
}
.sectionApplication-headerLink a {
  display: block;
  padding: 5px 32px;
  border: 2px #ea0437 solid;
  border-radius: 3em;
  background-color: #ea0437;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
  text-decoration: none;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
@media screen and (max-width: 1440px) {
  .sectionApplication-headerLink a {
    padding-inline: calc(2rem + (1vw - 0.969rem) * (2.5477707006));
    font-size: calc(1.4rem + (1vw - 0.969rem) * (0.8492569002));
  }
}
@media screen and (max-width: 969px) {
  .sectionApplication-headerLink a {
    padding-inline: max(2rem + (1vw - 0.48rem) * (2.4539877301), 20px);
    font-size: max(1.1rem + (1vw - 0.48rem) * (0.6134969325), 1.1rem);
  }
}
@media (hover: hover) {
  .sectionApplication-headerLink a:hover {
    border: 2px #ea0437 solid;
    background-color: #fff;
    color: #ea0437;
  }
  .sectionApplication-headerLink a:hover svg {
    stroke: #ea0437;
  }
}
.sectionApplication-headerLink a svg {
  width: 16px;
  height: 16px;
  transition: stroke 0.3s ease-out;
  stroke-width: 2px;
  stroke: #fff;
  fill: none;
  stroke-miterlimit: 10;
}
@media screen and (max-width: 1440px) {
  .sectionApplication-headerLink a svg {
    width: calc(1.3rem + (1vw - 0.969rem) * (0.6369426752));
    height: calc(1.3rem + (1vw - 0.969rem) * (0.6369426752));
  }
}
@media screen and (max-width: 969px) {
  .sectionApplication-headerLink a svg {
    width: 10px;
    height: 10px;
  }
}
.sectionApplication-body {
  padding: 36px;
  padding-right: 55px;
}
@media screen and (max-width: 969px) {
  .sectionApplication-body {
    padding: 30px 26px;
  }
}
.sectionApplication-body > :last-child {
  margin-bottom: 0;
}
.sectionApplication-text {
  font-size: 1.8rem;
  line-height: 1.75;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .sectionApplication-text {
    font-size: 1.6rem;
    line-height: 1.846;
  }
}
@media screen and (max-width: 479px) {
  .sectionApplication-text {
    font-size: 1.4rem;
  }
}
.sectionApplication-image {
  position: relative;
}
.sectionApplication-image > img {
  width: 100%;
  height: auto;
}
.sectionApplication-iconWrapper {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  margin-top: -5px;
  overflow: hidden;
  vertical-align: middle;
}
@media screen and (max-width: 969px) {
  .sectionApplication-iconWrapper {
    width: 2.2rem;
    height: 2.2rem;
    margin-top: -3px;
  }
}
@media screen and (max-width: 479px) {
  .sectionApplication-iconWrapper {
    width: 2rem;
    height: 2rem;
  }
}
.sectionApplication-iconOuter {
  display: inline-block;
  width: 9.6rem;
  height: 9.6rem;
  transform: scale(0.25);
  transform-origin: left top;
}
@media screen and (max-width: 969px) {
  .sectionApplication-iconOuter {
    width: 8.8rem;
    height: 8.8rem;
  }
}
@media screen and (max-width: 479px) {
  .sectionApplication-iconOuter {
    width: 8rem;
    height: 8rem;
  }
}
.sectionApplication-icon {
  display: inline-block;
}

.headingLevel2 {
  position: relative;
  margin-bottom: 32px;
  padding-bottom: 8px;
  font-weight: normal;
  font-size: 3.2rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1440px) {
  .headingLevel2 {
    font-size: calc(2.5rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
@media screen and (max-width: 969px) {
  .headingLevel2 {
    margin-bottom: 30px;
    padding-bottom: 12px;
    font-size: 2.5rem;
    line-height: 1.7;
  }
}
.headingLevel2::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  content: "";
}

.headingLevel3 {
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 3.2rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 1440px) {
  .headingLevel3 {
    font-size: calc(2.5rem + (1vw - 0.48rem) * (0.7291666667));
  }
}
@media screen and (max-width: 969px) {
  .headingLevel3 {
    margin-bottom: 8px;
    font-size: 2.5rem;
    line-height: 1.7;
  }
}

.headingLevel4 {
  margin-bottom: 16px;
  font-weight: normal;
  font-size: 2.3rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 969px) {
  .headingLevel4 {
    margin-bottom: 8px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
}

.headingProduct.of-primary {
  margin-bottom: 1.8rem;
  padding: 0.3rem 1rem 0.4rem;
  background-color: #1e283c;
  color: #fff;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 479px) {
  .headingProduct.of-primary {
    font-size: 1.4rem;
  }
}
.headingProduct.of-secondary {
  margin-block: 2.4rem 1.8rem;
  padding-block: 1.7rem;
  border-top: 1px solid #1e283c;
  border-bottom: 1px solid #1e283c;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 479px) {
  .headingProduct.of-secondary {
    font-size: 1.6rem;
  }
}
.headingProduct.of-tertiary, .headingProduct.of-quaternary {
  display: flex;
  margin-block: 1.5rem;
  color: #fff;
  font-weight: normal;
  font-size: 1.9rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 479px) {
  .headingProduct.of-tertiary, .headingProduct.of-quaternary {
    font-size: 1.3rem;
  }
}
.headingProduct.of-tertiary .headingProduct-body, .headingProduct.of-quaternary .headingProduct-body {
  display: block;
  min-width: 15rem;
  padding-bottom: 0.1rem;
  padding-inline: 2rem;
  border: 1px solid;
  border-radius: 3rem;
  background-color: #1e283c;
  text-align: center;
}
@media screen and (max-width: 479px) {
  .headingProduct.of-tertiary .headingProduct-body, .headingProduct.of-quaternary .headingProduct-body {
    min-width: 10rem;
  }
}
.headingProduct.of-quaternary {
  color: #1e283c;
}
.headingProduct.of-quaternary .headingProduct-body {
  background-color: #fff;
}
.headingProduct.of-quinary {
  margin-block: 2.2rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #000;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 479px) {
  .headingProduct.of-quinary {
    margin-block: 1.8rem;
    font-size: 1.4rem;
  }
}

.headingBar {
  padding: 2.1rem;
  border: 1px solid #1e283c;
  background-color: #fff;
  color: #1e283c;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .headingBar {
    padding: 1.5rem;
    font-size: calc(1.6rem + (1vw - 0.48rem) * (1.63599182));
    letter-spacing: 0.07em;
  }
}

.headingIcon {
  position: relative;
  margin-bottom: 16px;
  padding-left: 30px;
  font-weight: normal;
  font-size: 2.3rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.07em;
}
@media screen and (max-width: 969px) {
  .headingIcon {
    margin-bottom: 8px;
    padding-left: 20px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
}
.headingIcon::before {
  display: inline-block;
  position: absolute;
  top: 0.3em;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  rotate: 45deg;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 969px) {
  .headingIcon::before {
    top: 0.55em;
    width: 1rem;
    height: 1rem;
  }
}

.headingInterview {
  margin-bottom: 60px;
  font-weight: normal;
  font-size: 4.2rem;
  line-height: 1.2;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .headingInterview {
    font-size: 2.5rem;
    line-height: 1.68;
  }
}
.headingInterview-group {
  display: flex;
  align-items: baseline;
  margin-bottom: 60px;
}
@media screen and (max-width: 969px) {
  .headingInterview-group {
    flex-direction: column;
    margin-bottom: 30px;
  }
}
.headingInterview-group .headingInterview {
  margin-right: 15px;
  margin-bottom: 0;
}
@media screen and (max-width: 969px) {
  .headingInterview-group .headingInterview {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.headingInterview-group > *:last-child {
  margin-bottom: 0;
}

.listBullet {
  margin-bottom: 40px;
  letter-spacing: 0.06em;
}
.listBullet > *:last-child {
  margin-bottom: 0;
}
.listBullet > li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 18px;
  font-size: 1.6rem;
  line-height: 2.5;
}
@media screen and (max-width: 969px) {
  .listBullet > li {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
.listBullet > li > *:last-child {
  margin-bottom: 0;
}
.listBullet > li::before {
  position: absolute;
  top: 0.9em;
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #000;
  content: "";
}
@media screen and (max-width: 969px) {
  .listBullet > li::before {
    top: 0.5em;
    width: 12px;
    height: 12px;
  }
}
.listBullet > li > ul {
  margin-top: 8px;
}
.listBullet > li > ul > li {
  margin-bottom: 8px;
}

.listButton {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: -32px 0 90px -56px;
}
@media screen and (max-width: 969px) {
  .listButton {
    margin: -24px 0 50px -24px;
  }
}
.listButton.of-centering {
  align-items: center;
  justify-content: center;
}
.listButton.of-horizontal {
  flex-direction: row;
}
.listButton > li {
  flex-shrink: 0;
  max-width: 100%;
  margin-top: 32px;
  padding-left: 56px;
}
@media screen and (max-width: 969px) {
  .listButton > li {
    margin-top: 24px;
    padding-left: 24px;
  }
}
.listButton > li > *:last-child {
  margin-bottom: 0;
}
.listButton-outer {
  margin-top: 40px;
  margin-bottom: 40px;
}
.listButton-outer > *:last-child {
  margin-bottom: 0;
}

.listFaq {
  margin-bottom: 60px;
}
.listFaq > *:last-child {
  margin-bottom: 0;
}
.listFaq-body {
  margin-bottom: 130px;
}
@media screen and (max-width: 1366px) {
  .listFaq-body {
    margin-bottom: calc(10rem + (1vw - 0.969rem) * (7.556675063));
  }
}
@media screen and (max-width: 969px) {
  .listFaq-body {
    margin-bottom: calc(6rem + (1vw - 0.48rem) * (8.1799591002));
  }
}
.listFaq-body > dd.is-animated {
  max-height: var(--max-height);
  overflow: hidden;
  transition: max-height 0.4s ease-in-out 0s;
}
.listFaq-body[data-accordion-expanded=false] > dd:not(.is-animated) {
  display: none;
}
.listFaq-questionGroup, .listFaq-answerGroup {
  display: grid;
}
@media screen and (max-width: 969px) {
  .listFaq-questionGroup, .listFaq-answerGroup {
    column-gap: 15px;
  }
}
.listFaq-questionGroup {
  position: relative;
  grid-template-columns: 94px 1fr 185px;
}
@media screen and (max-width: 1366px) {
  .listFaq-questionGroup {
    grid-template-columns: calc(8.5rem + (1vw - 0.969rem) * (2.2670025189)) 1fr calc(8rem + (1vw - 0.969rem) * (26.4483627204));
  }
}
@media screen and (max-width: 969px) {
  .listFaq-questionGroup {
    grid-template-columns: 60px 1fr 40px;
  }
}
@media screen and (max-width: 479px) {
  .listFaq-questionGroup {
    grid-template-rows: auto auto;
    gap: 5px;
  }
}
.listFaq-questionGroup:has(.buttonFaq:hover) {
  color: #e30012;
  transition: color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}
.listFaq-answerGroup {
  grid-template-columns: 94px 85px 1fr 185px;
  padding-top: 40px;
}
@media screen and (max-width: 1366px) {
  .listFaq-answerGroup {
    grid-template-columns: calc(8.5rem + (1vw - 0.969rem) * (2.2670025189)) calc(8.5rem + (1vw - 0.969rem) * (2.2670025189)) 1fr calc(8rem + (1vw - 0.969rem) * (26.4483627204));
  }
}
@media screen and (max-width: 969px) {
  .listFaq-answerGroup {
    grid-template-columns: 50px 1fr;
    padding-bottom: calc(3.5rem + (1vw - 0.48rem) * (3.0674846626));
  }
}
@media screen and (max-width: 479px) {
  .listFaq-answerGroup {
    grid-template-rows: auto auto;
    gap: 5px;
  }
}
.listFaq-question {
  padding-right: 20px;
  font-size: 3.2rem;
  line-height: 2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1366px) {
  .listFaq-question {
    font-size: calc(2rem + (1vw - 0.969rem) * (3.0226700252));
  }
}
@media screen and (max-width: 969px) {
  .listFaq-question {
    align-self: center;
    padding-right: 10px;
    font-size: max(2rem + (1vw - 0.48rem) * (1.63599182), 1.4rem);
    line-height: 1.7;
  }
}
@media screen and (max-width: 479px) {
  .listFaq-question {
    grid-row: 2/2;
    grid-column: 1/3;
  }
}
.listFaq-answer {
  padding-right: 20px;
  font-size: 1.6rem;
  line-height: 2.5;
  font-variation-settings: "wght" 350;
}
@media screen and (max-width: 969px) {
  .listFaq-answer {
    padding-right: 0;
    font-size: 1.4rem;
    line-height: 2;
  }
}
@media screen and (max-width: 479px) {
  .listFaq-answer {
    grid-row: 2/2;
    grid-column: 1/3;
  }
}
.listFaq-icon {
  font-style: normal;
  font-weight: 700;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .listFaq-icon {
    width: calc(5rem + (1vw - 0.48rem) * (2.0449897751));
  }
}
@media screen and (max-width: 479px) {
  .listFaq-icon {
    width: 40px;
  }
}
.listFaq-icon.of-question {
  padding-right: 24px;
}
@media screen and (max-width: 969px) {
  .listFaq-icon.of-question {
    padding-right: 0;
  }
}
.listFaq-icon.of-answer {
  grid-column: 2/3;
  padding-right: 35px;
}
@media screen and (max-width: 969px) {
  .listFaq-icon.of-answer {
    grid-column: 1;
    max-width: 35px;
    margin-inline: auto;
    padding-right: 0;
  }
}
.listFaq-button {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 479px) {
  .listFaq-button {
    grid-row: 2/2;
    grid-column: 3/3;
  }
}

.listOutline {
  margin-bottom: 60px;
  font-size: 1.6rem;
  line-height: 2.4;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .listOutline {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}
.listOutline > *:last-child {
  margin-bottom: 0;
}
.listOutline-body {
  display: grid;
  grid-template-columns: 150px 1fr;
  column-gap: 45px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1440px) {
  .listOutline-body {
    grid-template-columns: calc(12rem + (1vw - 0.969rem) * (6.3694267516)) 1fr;
  }
}
@media screen and (max-width: 969px) {
  .listOutline-body {
    grid-template-columns: auto;
    margin-bottom: 25px;
  }
}
.listOutline-body > dt,
.listOutline-body > dd {
  display: flex;
  align-items: center;
}
.listOutline-body > dt > *:last-child,
.listOutline-body > dd > *:last-child {
  margin-bottom: 0;
}
.listOutline-body > dt {
  padding: 10px 30px 10px 0;
  border-right: 2px solid #000;
}
@media screen and (max-width: 969px) {
  .listOutline-body > dt {
    position: relative;
    padding: 0 0 10px 0;
    border-right: 0;
  }
  .listOutline-body > dt::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #000;
    content: "";
  }
}
.listOutline-body > dd {
  padding: 10px;
}
@media screen and (max-width: 969px) {
  .listOutline-body > dd {
    padding: 15px 0 0 0;
  }
}

.listDefinition {
  margin-bottom: 60px;
  letter-spacing: 0.1em;
}
.listDefinition-body {
  margin-bottom: 5px;
}
@media screen and (max-width: 969px) {
  .listDefinition-body {
    margin-bottom: 0;
  }
}
.listDefinition-body > dt > *:last-child,
.listDefinition-body > dd > *:last-child {
  margin-bottom: 0;
}
.listDefinition-body > dt {
  margin-bottom: 5px;
  font-weight: bold;
}
@media screen and (max-width: 969px) {
  .listDefinition-body > dt {
    margin-bottom: 0;
    font-weight: normal;
  }
}

.listSchedule {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: 50px;
  margin-left: -35px;
}
@media screen and (max-width: 969px) {
  .listSchedule {
    margin-top: -15px;
    margin-left: 0;
  }
}
.listSchedule::before {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  height: 10px;
  transform: translateY(-50%);
  background-color: #ea0437;
  content: "";
}
@media screen and (max-width: 969px) {
  .listSchedule::before {
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    margin-left: 12px;
    transform: translate(0);
  }
}
.listSchedule > li {
  display: grid;
  position: relative;
  grid-template-rows: 60px 1fr;
  width: 20%;
  padding-left: 35px;
  gap: 10px;
}
@media screen and (max-width: 969px) {
  .listSchedule > li {
    grid-template-rows: 30px 1fr;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: 35px;
    padding-left: 50px;
    gap: 10px;
  }
}
.listSchedule-time {
  display: flex;
  position: relative;
  justify-content: center;
  margin: 0 auto;
  color: #ea0437;
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  font-family: var(--FONT_FAMILY_MUKTA);
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .listSchedule-time {
    font-size: calc(2rem + (1vw - 0.48rem) * (1.0416666667));
  }
}
@media screen and (max-width: 969px) {
  .listSchedule-time {
    justify-content: flex-start;
    margin: 0;
    font-size: 2rem;
  }
}
.listSchedule-time.of-primary {
  padding-top: 4px;
  font-size: 2.4rem;
  font-variation-settings: "wght" 500;
}
@media screen and (max-width: 1440px) {
  .listSchedule-time.of-primary {
    font-size: calc(1.6rem + (1vw - 0.48rem) * (0.8333333333));
  }
}
@media screen and (max-width: 969px) {
  .listSchedule-time.of-primary {
    font-size: 1.6rem;
  }
}
.listSchedule-time::before {
  position: absolute;
  top: 65px;
  left: 50%;
  width: 3px;
  height: 30px;
  transform: translateX(-50%) translateY(-50%);
  background-color: #ea0437;
  content: "";
}
@media screen and (max-width: 969px) {
  .listSchedule-time::before {
    top: 50%;
    left: -50px;
    width: 30px;
    height: 3px;
    transform: translateY(-50%);
  }
}
.listSchedule-body {
  padding-top: 20px;
}
@media screen and (max-width: 969px) {
  .listSchedule-body {
    padding-top: 0;
  }
}
.listSchedule-text {
  margin-top: 0.5em;
  color: #ea0437;
  font-size: 1.4rem;
  line-height: 2.1;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .listSchedule-text {
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.18em;
  }
}
.listSchedule-outer {
  overflow: hidden;
}

.listInterview {
  margin-bottom: 100px;
}
@media screen and (max-width: 969px) {
  .listInterview {
    margin-bottom: 80px;
  }
}
.listInterview-body {
  display: grid;
  grid-template-columns: 3em 1fr;
  padding: 20px 0;
  gap: 40px;
  border-bottom: 2px solid #000;
}
@media screen and (max-width: 969px) {
  .listInterview-body {
    grid-template-columns: 1fr;
    gap: 5px;
  }
}
.listInterview-body:last-child {
  border: 0;
}
@media screen and (max-width: 969px) {
  .listInterview-body {
    padding: 15px 0;
    border-bottom: 1px solid #000;
  }
}
.listInterview-body > dt {
  width: 88px;
  font-size: 1.7rem;
  font-variation-settings: "wght" 500;
}
@media screen and (max-width: 969px) {
  .listInterview-body > dt {
    font-size: 1.2rem;
  }
}

.listCategory {
  display: flex;
  flex-wrap: wrap;
  margin-top: -15px;
  margin-left: -10px;
}
.listCategory > li {
  padding-top: 15px;
  padding-left: 10px;
}

.listPoint-body + .listPoint-body {
  margin-top: 6rem;
  padding-top: 7.7rem;
  border-top: 1px solid #fff;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .listPoint-body + .listPoint-body {
      margin-top: min(4rem + (1vw - 0.969rem) * (4.2462845011), 6rem);
      padding-top: min(5.7rem + (1vw - 0.969rem) * (4.2462845011), 7.7rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .listPoint-body + .listPoint-body {
    margin-top: 4rem;
    padding-top: 4.8rem;
  }
}
@media screen and (max-width: 479px) {
  .listPoint-body + .listPoint-body {
    margin-top: 2.8rem;
    padding-top: 2.8rem;
  }
}
.listPoint-number {
  display: grid;
  place-content: center;
  width: 8rem;
  height: 8rem;
  margin-bottom: 3.4rem;
  border: 1px solid #fff;
  border-radius: 50%;
  font-weight: normal;
  font-size: 2.8rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .listPoint-number {
      width: 7rem;
      height: 7rem;
      margin-bottom: min(2.4rem + (1vw - 0.969rem) * (2.1231422505), 3.4rem);
      font-size: min(2rem + (1vw - 0.969rem) * (1.6985138004), 2.8rem);
    }
  }
}
@media screen and (max-width: 479px) {
  .listPoint-number {
    width: 5rem;
    height: 5rem;
    margin-bottom: 2.4rem;
    font-size: 1.8rem;
  }
}
.listPoint-title {
  display: block;
  margin-bottom: 3.4rem;
  font-size: 3rem;
  line-height: 2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .listPoint-title {
      margin-bottom: min(2.4rem + (1vw - 0.969rem) * (2.1231422505), 3.4rem);
      font-size: min(2rem + (1vw - 0.969rem) * (2.1231422505), 3rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .listPoint-title {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
    line-height: 2.1875;
  }
}
.listPoint-description {
  font-size: 1.6rem;
  line-height: 2.5;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .listPoint-description {
      font-size: min(1.3rem + (1vw - 0.969rem) * (0.6369426752), 1.6rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .listPoint-description {
    font-size: 1.3rem;
    line-height: 1.846;
  }
}
:where(.listPoint-description) p {
  font-size: inherit;
  line-height: inherit;
}
.listPoint-description > :last-child {
  margin-bottom: 0;
}

.listStrength {
  display: flex;
  justify-content: center;
  margin-bottom: 2.8rem;
  gap: 3rem;
}
@media screen and (max-width: 969px) {
  .listStrength {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.4rem;
    gap: 0.4rem 0.6rem;
  }
}
.listStrength-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 24rem;
  padding: 0 8px;
  border: 1px dashed #000;
  border-radius: 100vh;
  background-color: transparent;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .listStrength-item {
    max-width: 100%;
    font-size: 1.3rem;
  }
}
.listStrength-item.of-current {
  border: 1px solid #000;
  background-color: #fff;
}
.listStrength-item:not(:first-child)::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -2.8rem;
  width: 2.4rem;
  height: 1rem;
  transform: translateY(-50%);
  background-color: #969696;
  content: "";
  clip-path: polygon(0 50%, 25% 0, 25% 35%, 75% 35%, 75% 0, 100% 50%, 75% 100%, 75% 65%, 25% 65%, 25% 100%);
}
@media screen and (max-width: 969px) {
  .listStrength-item:not(:first-child)::before {
    content: none;
  }
}
.listStrength-item > :last-child {
  margin-bottom: 0;
}

.image {
  margin-bottom: 60px;
}
.image.of-full img {
  width: 100%;
}

.cardIndex {
  position: relative;
}
.cardIndex::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0.3;
  transition: background-color 0.3s ease, opacity 0.3s ease;
}
.cardIndex-outer:has([href].is-current) {
  display: none;
}
.cardIndex .cardIndex-body {
  display: grid;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  place-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
.cardIndex .cardIndex-body > :last-child {
  margin-bottom: 0;
}
.cardIndex .cardIndex-title {
  margin-top: -1rem;
  margin-bottom: 2.3rem;
  color: #fff;
  font-size: 3.6rem;
  line-height: 1;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
  transition: color 0.3s ease;
}
@media screen and (max-width: 1366px) {
  .cardIndex .cardIndex-title {
    font-size: calc(2.3rem + (1vw - 0.969rem) * (3.274559194));
  }
}
@media screen and (max-width: 969px) {
  .cardIndex .cardIndex-title {
    margin-top: -0.5rem;
    margin-bottom: 1.6rem;
    font-size: calc(2.3rem + (1vw - 0.48rem) * (3.4764826176));
  }
}
.cardIndex .cardIndex-subtitle {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0.02em;
  transition: color 0.3s ease;
}
@media screen and (max-width: 1366px) {
  .cardIndex .cardIndex-subtitle {
    font-size: calc(1.2rem + (1vw - 0.969rem) * (1.5113350126));
  }
}
@media screen and (max-width: 969px) {
  .cardIndex .cardIndex-subtitle {
    font-size: calc(1.2rem + (1vw - 0.48rem) * (1.63599182));
  }
}
.cardIndex .cardIndex-arrow {
  z-index: 2;
  position: absolute;
  right: 3rem;
  bottom: 3rem;
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 969px) {
  .cardIndex .cardIndex-arrow {
    right: 2rem;
    bottom: 2rem;
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 479px) {
  .cardIndex .cardIndex-arrow {
    right: 1rem;
    bottom: 1rem;
  }
}
.cardIndex .cardIndex-arrow svg {
  transition: stroke 0.3s ease;
  stroke: #fff;
}
.cardIndex .cardIndex-image {
  overflow: hidden;
}
@media screen and (max-width: 969px) {
  .cardIndex .cardIndex-image {
    display: grid;
    place-content: center;
    max-height: max(20rem + (1vw - 0.48rem) * (49.0797546012), 20rem);
  }
}
.cardIndex .cardIndex-image > img {
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 969px) {
  .cardIndex .cardIndex-image > img {
    width: 100vw;
  }
}
@media (hover: hover) {
  .cardIndex:hover::before {
    background-color: #fff;
    opacity: 0.6;
  }
  .cardIndex:hover .cardIndex-title {
    color: #000;
  }
  .cardIndex:hover .cardIndex-subtitle {
    color: #000;
  }
  .cardIndex:hover .cardIndex-arrow svg {
    stroke: #000;
  }
  .cardIndex:hover .cardIndex-image > img {
    transform: scale(1.05);
  }
}
.cardIndex.of-primary .cardIndex-title {
  font-size: 3.2rem;
  line-height: 1.5625;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .cardIndex.of-primary .cardIndex-title {
    font-size: calc(1.6rem + (1vw - 0.969rem) * (4.0302267003));
  }
}
@media screen and (max-width: 969px) {
  .cardIndex.of-primary .cardIndex-title {
    font-size: calc(1.6rem + (1vw - 0.48rem) * (4.0899795501));
    line-height: 1.25;
  }
}
.cardIndex.of-primary .cardIndex-arrow {
  right: 2rem;
  bottom: 2rem;
}
@media screen and (max-width: 1366px) {
  .cardIndex.of-primary .cardIndex-arrow {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 479px) {
  .cardIndex.of-primary .cardIndex-arrow {
    right: 1rem;
    bottom: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.cardBag {
  container-type: inline-size;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .cardBag-content {
    display: flex;
    align-items: center;
  }
}
.cardBag-header {
  margin-bottom: -0.8rem;
}
@media screen and (max-width: 969px) {
  .cardBag-header {
    margin-right: 0.8rem;
  }
}
.cardBag-header:has(.cardBag-number) {
  margin-bottom: -1.8rem;
}
@media screen and (max-width: 969px) {
  .cardBag-header:has(.cardBag-number) {
    margin-bottom: 0;
  }
}
.cardBag-header > :last-child {
  margin-bottom: 0;
}
.cardBag-keyword {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 969px) {
  .cardBag-keyword {
    font-size: calc(1.6rem + (1vw - 0.48rem) * (3.2719836401));
  }
}
.cardBag-keyword + .cardBag-number {
  margin-top: -0.4rem;
}
@media screen and (max-width: 969px) {
  .cardBag-keyword + .cardBag-number {
    margin-top: 0;
  }
}
.cardBag-number {
  font-weight: 700;
  font-size: 7rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 969px) {
  .cardBag-number {
    font-size: calc(4.6rem + (1vw - 0.48rem) * (4.9079754601));
  }
}
.cardBag-body {
  position: relative;
  padding: 2.4rem 2rem;
  border: 6px solid #1e283c;
  background-color: #fff;
}
@media screen and (max-width: 969px) {
  .cardBag-body {
    flex: 1;
    padding: 1.7rem 1rem;
  }
}
.cardBag-body > :last-child {
  margin-bottom: 0;
}
.cardBag-text {
  font-size: 3rem;
  line-height: 1.667;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 299px) {
    .cardBag-text {
      font-size: max(1.6rem, 8.5cqi);
    }
  }
}
@media screen and (max-width: 969px) {
  .cardBag-text {
    font-size: calc(2rem + (1vw - 0.48rem) * (2.0449897751));
    line-height: 1.7;
  }
}
.cardBag-footer {
  padding-top: 3rem;
  text-align: left;
}
@media screen and (max-width: 969px) {
  .cardBag-footer {
    padding-top: 2.4rem;
  }
}
.cardBag-footer > :last-child {
  margin-bottom: 0;
}

.cardFocusOnNumber {
  width: 100%;
  min-height: 46rem;
  padding-block: 3rem 4.6rem;
  border: 6px solid #fff;
  background-color: #1e283c;
  color: #fff;
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber {
    min-height: inherit;
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber {
    padding-block: 2rem 2.8rem;
  }
}
.cardFocusOnNumber > :last-child {
  margin-bottom: 0;
}
.cardFocusOnNumber-title {
  margin-bottom: 1rem;
  padding-inline: 3rem;
  font-weight: normal;
  font-size: 2.4rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber-title {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (1.5113350126));
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-title {
    padding-inline: 2.4rem;
    font-size: calc(2rem + (1vw - 0.48rem) * (0.81799591));
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 479px) {
  .cardFocusOnNumber-title {
    padding-inline: 2rem;
  }
}
.cardFocusOnNumber-text {
  margin-top: 2.5rem;
  padding-inline: 5.2rem;
  font-size: 1.6rem;
  line-height: 1.875;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber-text {
    padding-inline: calc(2.4rem + (1vw - 0.969rem) * (7.0528967254));
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-text {
    margin-top: 1.5rem;
    padding-inline: 3.8rem;
    font-size: 1.3rem;
    line-height: 1.846;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 479px) {
  .cardFocusOnNumber-text {
    padding-inline: 2rem;
  }
}
.cardFocusOnNumber-emphasis {
  max-width: max-content;
  margin-bottom: 0;
  margin-inline: auto;
  font-size: 5rem;
  line-height: 1.5;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber-emphasis {
    font-size: calc(2.4rem + (1vw - 0.969rem) * (6.5491183879));
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-emphasis {
    font-size: calc(3rem + (1vw - 0.48rem) * (3.0674846626));
  }
}
.cardFocusOnNumber-emphasis.of-letterSpacing-narrow {
  letter-spacing: -0.05em;
}
.cardFocusOnNumber-value {
  font-weight: 700;
  font-size: 12rem;
  line-height: 0.9;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber-value {
    font-size: calc(8rem + (1vw - 0.969rem) * (10.0755667506));
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-value {
    font-size: calc(9.6rem + (1vw - 0.48rem) * (4.9079754601));
  }
}
@media screen and (max-width: 479px) {
  .cardFocusOnNumber-value {
    font-size: calc(7rem + (1vw - 0.36rem) * (21.6666666667));
  }
}
.cardFocusOnNumber-value.of-primary {
  font-size: 10.5rem;
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber-value.of-primary {
    font-size: calc(8rem + (1vw - 0.969rem) * (6.2972292191));
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-value.of-primary {
    font-size: calc(7.8rem + (1vw - 0.48rem) * (5.5214723926));
  }
}
@media screen and (max-width: 479px) {
  .cardFocusOnNumber-value.of-primary {
    font-size: calc(4.8rem + (1vw - 0.36rem) * (25));
  }
}
.cardFocusOnNumber-value.of-secondary {
  font-size: 8.5rem;
}
@media screen and (max-width: 1366px) {
  .cardFocusOnNumber-value.of-secondary {
    font-size: calc(6.5rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-value.of-secondary {
    font-size: calc(6.3rem + (1vw - 0.48rem) * (4.4989775051));
  }
}
@media screen and (max-width: 479px) {
  .cardFocusOnNumber-value.of-secondary {
    font-size: calc(3.9rem + (1vw - 0.36rem) * (20));
  }
}
.cardFocusOnNumber-valueGroup {
  display: inline-flex;
  align-items: center;
}
.cardFocusOnNumber-note {
  display: block;
  margin-top: -0.6rem;
  font-size: 1.6rem;
  line-height: 1;
  font-variation-settings: "wght" 300;
  letter-spacing: 0.05em;
  text-align: right;
}
@media screen and (max-width: 969px) {
  .cardFocusOnNumber-note {
    font-size: 1.4rem;
  }
}
.cardFocusOnNumber-note.of-lineHeight-primary {
  line-height: 1.5;
}

.cardPlaying {
  width: 30rem;
  height: auto;
}
@media screen and (max-width: 1440px) {
  .cardPlaying {
    width: calc(29rem + (1vw - 1.366rem) * (13.5135135135));
  }
}
@media screen and (max-width: 1366px) {
  .cardPlaying {
    width: calc(28rem + (1vw - 0.969rem) * (2.5188916877));
  }
}
@media screen and (max-width: 969px) {
  .cardPlaying {
    width: calc(24rem + (1vw - 0.768rem) * (4.9751243781));
  }
}
@media screen and (max-width: 768px) {
  .cardPlaying {
    width: calc(21.4rem + (1vw - 0.48rem) * (-1.3888888889));
  }
}
.cardPlayingCarousel {
  --card-radius: 1400;
}
@media screen and (max-width: 1366px) {
  .cardPlayingCarousel {
    --card-radius: 1380;
  }
}
@media screen and (max-width: 969px) {
  .cardPlayingCarousel {
    --card-radius: 1200;
  }
}
@media screen and (max-width: 768px) {
  .cardPlayingCarousel {
    --card-radius: 1000;
  }
}
.cardPlayingCarousel-listWrapper {
  margin: 0 auto 11rem;
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-listWrapper {
    margin: 0 auto calc(6rem + (1vw - 0.48rem) * (5.2083333333));
  }
}
.cardPlayingCarousel-listOuter {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 42rem;
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-listOuter {
    height: calc(35.9rem + (1vw - 0.48rem) * (6.3541666667));
  }
}
.cardPlayingCarousel-list {
  display: flex;
  position: absolute;
  top: 50%;
  align-items: center;
  justify-content: center;
  width: calc(var(--card-radius) * 2px);
  height: calc(var(--card-radius) * 2px);
  rotate: 0deg;
}
.cardPlayingCarousel-listItem {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 30rem;
  height: fit-content;
  transform-origin: center center;
  translate: var(--x) var(--y);
  rotate: calc(var(--angle) * 1deg);
  pointer-events: auto;
  transition-duration: 0.6s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.33, 0, 0, 1);
  --newAngle: calc(var(--angle) * 1deg - 90deg);
  --x: calc(cos(var(--newAngle)) * var(--card-radius) * 1px);
  --y: calc(sin(var(--newAngle)) * var(--card-radius) * 1px);
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-listItem {
    width: calc(29rem + (1vw - 1.366rem) * (13.5135135135));
  }
}
@media screen and (max-width: 1366px) {
  .cardPlayingCarousel-listItem {
    width: calc(28rem + (1vw - 0.969rem) * (2.5188916877));
  }
}
@media screen and (max-width: 969px) {
  .cardPlayingCarousel-listItem {
    width: calc(24rem + (1vw - 0.768rem) * (4.9751243781));
  }
}
@media screen and (max-width: 768px) {
  .cardPlayingCarousel-listItem {
    width: calc(21.4rem + (1vw - 0.48rem) * (-1.3888888889));
  }
}
.cardPlayingCarousel-listItem.is-shown {
  cursor: pointer;
  opacity: 1;
}
.cardPlayingCarousel-listItem.is-hide {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.cardPlayingCarousel-progressBar {
  width: 0%;
  height: 0.2rem;
  background: #ea0437;
}
.cardPlayingCarousel-progressBarOuter {
  max-width: 36rem;
  height: 0.2rem;
  margin: 0 auto;
  background-color: #fff;
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-progressBarOuter {
    max-width: calc(25rem + (1vw - 0.48rem) * (11.4583333333));
  }
}
.cardPlayingCarousel-progressBarWrapper {
  width: 100%;
  margin-bottom: 10rem;
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-progressBarWrapper {
    margin-bottom: calc(8.6rem + (1vw - 0.48rem) * (1.4583333333));
  }
}
.cardPlayingCarousel-navigation {
  display: flex !important;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.8rem 0.2rem;
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-navigation {
    max-width: calc(81rem + (1vw - 0.969rem) * (91.2951167728));
  }
}
@media screen and (max-width: 969px) {
  .cardPlayingCarousel-navigation {
    max-width: calc(40.5rem + (1vw - 0.48rem) * (100));
  }
}
.cardPlayingCarousel-navigationButton {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0.6rem 2.4rem;
  border: 0.2rem solid #fff;
  border-radius: 2rem;
  color: #fff;
  font-size: 1.6rem;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
  opacity: 1;
}
@media screen and (max-width: 1440px) {
  .cardPlayingCarousel-navigationButton {
    font-size: calc(1.28rem + (1vw - 0.48rem) * (0.3333333333));
  }
}
@media (hover: hover) {
  .cardPlayingCarousel-navigationButton:hover {
    background-color: #fff;
    color: #000;
  }
}
.cardPlayingCarousel-navigationButton.is-current {
  background-color: #fff;
  color: #000;
}

.cardInterview {
  display: flex;
  height: 100%;
  background-color: #1e283c;
  color: #fff;
}
.cardInterview-content {
  display: grid;
  grid-template-columns: 1fr 30px;
}
@media screen and (max-width: 969px) {
  .cardInterview-content {
    grid-template-columns: 20px 1fr;
    padding: 45px 0;
  }
}
.cardInterview-content > *:last-child {
  margin-bottom: 0;
}
.cardInterview-body {
  order: 1;
  padding: 55px 135px;
  text-align: justify;
}
@media screen and (max-width: 1440px) {
  .cardInterview-body {
    padding: calc(5rem + (1vw - 1.366rem) * (6.7567567568)) calc(10rem + (1vw - 1.366rem) * (47.2972972973));
  }
}
@media screen and (max-width: 1366px) {
  .cardInterview-body {
    padding: calc(4rem + (1vw - 0.969rem) * (2.5188916877)) calc(4rem + (1vw - 0.969rem) * (15.1133501259));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview-body {
    padding: 0 30px;
  }
}
.cardInterview-body > *:last-child {
  margin-bottom: 0;
}
.cardInterview-question {
  margin-bottom: 16px;
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1366px) {
  .cardInterview-question {
    font-size: calc(2rem + (1vw - 0.969rem) * (2.5188916877));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview-question {
    margin-bottom: 15px;
    font-size: 1.6rem;
  }
}
.cardInterview-title {
  font-weight: normal;
  font-size: 2.8rem;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1366px) {
  .cardInterview-title {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (2.5188916877));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview-title {
    font-size: 1.4rem;
  }
}
.cardInterview-titleGroup {
  order: 2;
  margin-left: auto;
  line-height: 1;
  white-space: nowrap;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 969px) {
  .cardInterview-titleGroup {
    order: 1;
    margin-right: auto;
    margin-left: 0;
  }
}
.cardInterview-subtitle {
  margin-right: -135px;
  margin-bottom: 24px;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.66;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1440px) {
  .cardInterview-subtitle {
    margin-right: calc(-10rem + (1vw - 1.366rem) * (-47.2972972973));
  }
}
@media screen and (max-width: 1366px) {
  .cardInterview-subtitle {
    margin-right: calc(-4rem + (1vw - 0.969rem) * (-15.1133501259));
    margin-bottom: calc(2rem + (1vw - 0.969rem) * (1.0075566751));
    font-size: calc(2.2rem + (1vw - 0.969rem) * (2.0151133501));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview-subtitle {
    margin-right: -30px;
    margin-bottom: 8px;
    font-size: 2.2rem;
    line-height: 1.45;
  }
}
@media screen and (max-width: 479px) {
  .cardInterview-subtitle {
    font-size: calc(1.6rem + (1vw - 0.36rem) * (5));
  }
}
.cardInterview-person {
  display: block;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .cardInterview-person {
    margin-bottom: 5px;
    font-size: 1.4rem;
    text-align: center;
  }
}
.cardInterview-attribute {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 969px) {
  .cardInterview-attribute {
    font-size: 1.2rem;
  }
}
.cardInterview-textGroup:where(.cardInterview-textGroup) p {
  line-height: 2.5;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .cardInterview-textGroup:where(.cardInterview-textGroup) p {
    line-height: 2;
  }
}
.cardInterview-textGroup > *:last-child {
  margin-bottom: 0;
}
:where(.sectionInterview.largeScreen-cardPosition-left .cardInterview) .cardInterview-content {
  grid-template-columns: 30px 1fr;
}
@media screen and (max-width: 969px) {
  :where(.sectionInterview.largeScreen-cardPosition-left .cardInterview) .cardInterview-content {
    grid-template-columns: 20px 1fr;
  }
}
:where(.sectionInterview.largeScreen-cardPosition-left .cardInterview) .cardInterview-titleGroup {
  order: 1;
  margin-right: auto;
  margin-left: 0;
}
.cardInterview.of-primary, .cardInterview.of-tertiary {
  height: auto;
}
.cardInterview.of-primary .cardInterview-content, .cardInterview.of-tertiary .cardInterview-content {
  grid-template-columns: 30px 1fr;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-primary .cardInterview-content, .cardInterview.of-tertiary .cardInterview-content {
    grid-template-columns: 20px 1fr;
    padding: 5px 0 0;
  }
}
.cardInterview.of-primary .cardInterview-body, .cardInterview.of-tertiary .cardInterview-body {
  order: 1;
  padding: 40px 75px;
}
@media screen and (max-width: 1440px) {
  .cardInterview.of-primary .cardInterview-body, .cardInterview.of-tertiary .cardInterview-body {
    padding: calc(3.5rem + (1vw - 0.969rem) * (1.0615711253)) calc(7rem + (1vw - 0.969rem) * (1.0615711253));
  }
}
@media screen and (max-width: 1366px) {
  .cardInterview.of-primary .cardInterview-body, .cardInterview.of-tertiary .cardInterview-body {
    padding: calc(3rem + (1vw - 0.969rem) * (1.2594458438)) calc(4rem + (1vw - 0.969rem) * (7.556675063));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview.of-primary .cardInterview-body, .cardInterview.of-tertiary .cardInterview-body {
    padding: 0 20px 5px 20px;
  }
}
.cardInterview.of-primary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p, .cardInterview.of-tertiary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p {
  font-size: 1.6rem;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-primary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p, .cardInterview.of-tertiary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p {
    margin-bottom: 5px;
    font-size: 1.3rem;
    line-height: 1.81;
    letter-spacing: 0.05em;
  }
}
.cardInterview.of-primary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p.of-small, .cardInterview.of-tertiary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p.of-small {
  font-size: 1.3rem;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-primary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p.of-small, .cardInterview.of-tertiary .cardInterview-textGroup:where(.cardInterview.of-primary .cardInterview-textGroup, .cardInterview.of-tertiary .cardInterview-textGroup) p.of-small {
    font-size: 1.2rem;
  }
}
.cardInterview.of-secondary .cardInterview-content {
  grid-template-columns: 30px 1fr;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-secondary .cardInterview-content {
    grid-template-columns: 20px 1fr;
    padding: 45px 0;
  }
}
.cardInterview.of-secondary .cardInterview-body {
  padding: 60px 75px;
}
@media screen and (max-width: 1440px) {
  .cardInterview.of-secondary .cardInterview-body {
    padding: calc(5.5rem + (1vw - 1.366rem) * (27.027027027));
  }
}
@media screen and (max-width: 1366px) {
  .cardInterview.of-secondary .cardInterview-body {
    padding: calc(4rem + (1vw - 0.969rem) * (3.7783375315));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview.of-secondary .cardInterview-body {
    padding: 0 30px;
  }
}
.cardInterview.of-secondary .cardInterview-body p {
  letter-spacing: 0.03em;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-secondary .cardInterview-body p {
    letter-spacing: 0.1em;
  }
}
.cardInterview.of-secondary .cardInterview-subtitle {
  margin-right: -75px;
}
@media screen and (max-width: 1440px) {
  .cardInterview.of-secondary .cardInterview-subtitle {
    margin-right: calc(-5.5rem + (1vw - 1.366rem) * (-27.027027027));
  }
}
@media screen and (max-width: 1366px) {
  .cardInterview.of-secondary .cardInterview-subtitle {
    margin-right: calc(-4rem + (1vw - 0.969rem) * (-3.7783375315));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview.of-secondary .cardInterview-subtitle {
    margin-right: -30px;
  }
}
.cardInterview.of-tertiary .cardInterview-content {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-tertiary .cardInterview-content {
    grid-template-columns: 1fr;
  }
}
.cardInterview.of-quaternary .cardInterview-content {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 969px) {
  .cardInterview.of-quaternary .cardInterview-content {
    grid-template-columns: 1fr;
  }
}
.cardInterview.of-quaternary .cardInterview-body {
  padding: 40px 80px;
}
@media screen and (max-width: 1440px) {
  .cardInterview.of-quaternary .cardInterview-body {
    padding: 40px calc(6rem + (1vw - 1.366rem) * (27.027027027));
  }
}
@media screen and (max-width: 1366px) {
  .cardInterview.of-quaternary .cardInterview-body {
    padding: 40px calc(4rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .cardInterview.of-quaternary .cardInterview-body {
    padding: 0 30px;
  }
}
:where(.sectionInterview.largeScreen-cardPosition-left .cardInterview.of-quaternary) .cardInterview-content {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 969px) {
  :where(.sectionInterview.largeScreen-cardPosition-left .cardInterview.of-quaternary) .cardInterview-content {
    grid-template-columns: 1fr;
  }
}

.cardEmployee {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
  justify-content: flex-end;
  width: 100%;
  color: #000;
  text-decoration: none;
}
.cardEmployee-body {
  flex: 1;
  padding: 2rem 4rem;
  background-color: #fff;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 969px) {
  .cardEmployee-body {
    padding: 1rem;
  }
}
.cardEmployee-body > :last-child {
  margin-bottom: 0;
}
.cardEmployee-text {
  font-size: 1.6rem;
  line-height: 2.125;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.05em;
  transition: color 0.3s ease;
}
@media screen and (max-width: 969px) {
  .cardEmployee-text {
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.cardEmployee-image {
  overflow: hidden;
}
.cardEmployee-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
@media (hover: hover) {
  .cardEmployee:hover .cardEmployee-body {
    background-color: #ea0437;
  }
  .cardEmployee:hover .cardEmployee-text {
    color: #fff;
  }
  .cardEmployee:hover .cardEmployee-image > img {
    transform: scale(1.1);
  }
}

.cardStrength-content > :last-child {
  margin-bottom: 0;
}
.cardStrength-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4rem;
  padding: 0.8rem;
  gap: 1.8rem;
  background-color: #ea0437;
  color: #fff;
}
@media screen and (max-width: 969px) {
  .cardStrength-header {
    margin-bottom: 2rem;
  }
}
.cardStrength-header > :last-child {
  margin-bottom: 0;
}
.cardStrength-body > :last-child {
  margin-bottom: 0;
}
.cardStrength-title {
  margin-bottom: 0;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .cardStrength-title {
    font-size: 1.6rem;
  }
}
.cardStrength-label {
  width: 100%;
  max-width: 24rem;
  padding: 0 0.8rem;
  border-radius: 100vh;
  background-color: #fff;
  color: #ea0437;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .cardStrength-label {
    max-width: 14rem;
    font-size: 1.4rem;
  }
}

.slate-body {
  padding: 3rem;
  background-color: #d4d6df;
}
@media screen and (max-width: 969px) {
  .slate-body {
    padding: 3rem 2rem 3rem;
  }
}
.slate-body > :last-child {
  margin-bottom: 0;
}

.slateMessage {
  display: flex;
  margin-bottom: 40px;
  padding: 80px 95px 90px;
  background-color: #d4d6df;
  color: #000;
}
@media screen and (max-width: 969px) {
  .slateMessage {
    flex-direction: column;
    padding: 50px 25px;
  }
}
.slateMessage > *:last-child {
  margin-bottom: 0;
}
.slateMessage-title {
  margin-right: 110px;
  font-weight: normal;
  font-size: 2.5rem;
  line-height: 1.5;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
  writing-mode: vertical-lr;
}
@media screen and (max-width: 1440px) {
  .slateMessage-title {
    margin-right: calc(2rem + (1vw - 0.48rem) * (9.375));
  }
}
@media screen and (max-width: 969px) {
  .slateMessage-title {
    margin-right: 0;
    margin-bottom: 25px;
    font-size: 1.8rem;
    text-align: center;
    writing-mode: horizontal-tb;
  }
}
.slateMessage-body > *:last-child {
  margin-bottom: 0;
}

.label {
  display: inline-block;
  margin-bottom: 35px;
  padding: 6px 30px;
  background-color: #ea0437;
  color: #fff;
  font-size: 2.3rem;
  line-height: 1.2;
}
@media screen and (max-width: 1440px) {
  .label {
    font-size: calc(1.8rem + (1vw - 0.48rem) * (0.5208333333));
  }
}
@media screen and (max-width: 969px) {
  .label {
    margin-bottom: 30px;
    padding: 12px 20px;
    font-size: 1.8rem;
  }
}
.label-outer {
  display: block;
  margin-bottom: 35px;
}
@media screen and (max-width: 969px) {
  .label-outer {
    margin-bottom: 30px;
  }
}
.label-outer > *:last-child {
  margin-bottom: 0;
}

.labelRounded {
  display: inline-block;
  width: 100%;
  padding: 5px 10px;
  border-radius: 15px;
  background-color: #1e283c;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .labelRounded {
    font-size: 1.5rem;
  }
}
.labelRounded-outer {
  display: block;
}

.figure-group {
  display: flex;
  gap: 4rem;
}
@media screen and (max-width: 969px) {
  .figure-group {
    flex-direction: column;
  }
}
.figure-group.of-justifyContent-between {
  justify-content: space-between;
}
.figure-caption {
  font-size: 2rem;
  line-height: 3;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .figure-caption {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 479px) {
  .figure-caption {
    font-size: 1.4rem;
  }
}
.figure-caption.of-primary {
  display: inline-block;
  padding-bottom: 0.2rem;
  padding-inline: 6.8rem;
  border-radius: 3rem;
  background-color: #1e283c;
  color: #fff;
  font-size: 2.6rem;
  line-height: 2.307;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .figure-caption.of-primary {
    font-size: calc(2rem + (1vw - 0.969rem) * (1.5113350126));
  }
}
@media screen and (max-width: 969px) {
  .figure-caption.of-primary {
    width: max-content;
    padding-inline: 3.2rem;
    font-size: 1.5rem;
    line-height: 2.4;
  }
}
@media screen and (max-width: 479px) {
  .figure-caption.of-primary {
    padding-inline: 2rem;
    font-size: 1.4rem;
    font-size: max(1rem + (1vw - 0.36rem) * (4.1666666667), 1rem);
  }
}

.figureStep {
  display: flex;
  text-align: center;
}
.figureStep-column {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 1.3rem 1.6rem;
  border: 2px solid #000;
}
@media screen and (max-width: 479px) {
  .figureStep-column {
    padding: 1rem;
  }
}
.figureStep-body {
  display: flex;
  align-items: center;
}
:where(.figureStep-body) p {
  line-height: inherit;
}
.figureStep-body > :last-child {
  margin-bottom: 0;
}
.figureStep-arrow {
  align-self: center;
  min-width: 140px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .figureStep-arrow {
    min-width: max(6.9rem + (1vw - 0.48rem) * (8.0135440181), 5rem);
  }
}
@media screen and (max-width: 479px) {
  .figureStep-arrow {
    min-width: 40px;
  }
}

.figureCheckbox {
  display: flex;
}
.figureCheckbox-icon {
  position: relative;
  flex-shrink: 0;
  width: 2rem;
  margin-right: 2rem;
}
@media screen and (max-width: 969px) {
  .figureCheckbox-icon {
    width: 1.4rem;
    margin-right: 1.4rem;
  }
}
.figureCheckbox-icon::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2rem;
  transform: translateY(-50%);
  border: 1px solid #1e283c;
  content: "";
}
@media screen and (max-width: 969px) {
  .figureCheckbox-icon::before {
    width: 1.4rem;
    height: 1.4rem;
  }
}
.figureCheckbox-icon::after {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.4rem;
  height: 2.8rem;
  margin-top: -0.6rem;
  transform: scaleX(-1) rotate(135deg);
  transform-origin: left top;
  border-top: 3px solid #ea0437;
  border-right: 3px solid #ea0437;
  content: "";
}
@media screen and (max-width: 969px) {
  .figureCheckbox-icon::after {
    width: 0.98rem;
    height: 1.96rem;
    margin-top: -0.4rem;
  }
}
.figureCheckbox-label {
  flex: 1;
}
.figureCheckbox.is-shown .figureCheckbox-icon::after {
  display: block;
  animation: check 0.8s;
}
@media screen and (max-width: 969px) {
  .figureCheckbox.is-shown .figureCheckbox-icon::after {
    animation: check-sp 0.8s;
  }
}

@keyframes check {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 1.4rem;
    height: 0;
  }
  50% {
    width: 1.4rem;
    height: 2.8rem;
  }
}
@keyframes check-sp {
  0% {
    width: 0;
    height: 0;
  }
  25% {
    width: 0.98rem;
    height: 0;
  }
  50% {
    width: 0.98rem;
    height: 1.96rem;
  }
}
.figureProduct {
  display: table;
  margin-bottom: 1.6rem;
  margin-inline: auto;
}
.figureProduct-caption {
  display: table-caption;
  margin-top: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  caption-side: bottom;
}
@media screen and (max-width: 969px) {
  .figureProduct-caption {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 479px) {
  .figureProduct-caption {
    font-size: 1.3rem;
  }
}
.figureProduct.of-primary {
  position: relative;
  margin-bottom: 3rem;
}
.figureProduct.of-primary .figureProduct-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.8rem 1.2rem;
  background-color: rgba(255, 255, 255, 0.85);
  font-size: 1.4rem;
  font-variation-settings: "wght" 500;
}
@media screen and (max-width: 479px) {
  .figureProduct.of-primary .figureProduct-caption {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
  }
}

.figureJob {
  padding: 6.6rem 6rem;
  background-color: #fff;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .figureJob {
    padding: 3rem;
  }
}
@media screen and (max-width: 479px) {
  .figureJob {
    padding: 2rem;
  }
}

.mediaInterview {
  display: grid;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "item1 item1" "item2 item3" "item4 item3";
  width: 100%;
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 969px) {
  .mediaInterview {
    grid-template-rows: subgrid;
    grid-template-columns: 1fr;
    grid-template-areas: "item1 item1" "item3 item3" "item2 item2" "item4 item4";
    grid-row: span 4;
  }
}
.mediaInterview-narrowBody {
  grid-area: item3;
  padding-left: 15px;
}
@media screen and (max-width: 969px) {
  .mediaInterview-narrowBody {
    padding-left: 0;
  }
}
.mediaInterview-body {
  grid-area: item4;
  padding-top: 20px;
}
@media screen and (max-width: 969px) {
  .mediaInterview-body {
    padding-top: 5px;
  }
}
.mediaInterview-body > *:last-child {
  margin-bottom: 0;
}
.mediaInterview-image {
  grid-area: item2;
  max-width: 250px;
  overflow: hidden;
}
@media screen and (max-width: 969px) {
  .mediaInterview-image {
    max-width: max(15.6rem + (1vw - 0.48rem) * (19.2229038855), 156px);
  }
}
@media screen and (max-width: 479px) {
  .mediaInterview-image {
    max-width: 100%;
  }
}
.mediaInterview-image > img {
  transition: transform 0.3s ease-in-out;
}
.mediaInterview-number {
  grid-area: item1;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.16;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 1440px) {
  .mediaInterview-number {
    font-size: calc(2.5rem + (1vw - 0.969rem) * (1.0615711253));
  }
}
@media screen and (max-width: 969px) {
  .mediaInterview-number {
    font-size: 3rem;
  }
}
.mediaInterview-title {
  height: max-content;
  font-weight: normal;
  line-height: 1.9;
  font-variation-settings: "wght" 500;
  font-feature-settings: initial;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 1440px) {
  .mediaInterview-title {
    font-size: calc(1.4rem + (1vw - 0.969rem) * (0.4246284501));
  }
}
@media screen and (max-width: 969px) {
  .mediaInterview-title {
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 1.8;
    font-feature-settings: "palt";
    letter-spacing: 0.1em;
    writing-mode: initial;
  }
}
.mediaInterview-text {
  line-height: 2.1;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1440px) {
  .mediaInterview-text {
    font-size: calc(1.4rem + (1vw - 0.969rem) * (0.4246284501));
  }
}
@media screen and (max-width: 969px) {
  .mediaInterview-text {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}
@media (hover: hover) {
  .mediaInterview:hover .mediaInterview-image > img {
    transform: scale(1.05);
  }
}

.mediaDiscussion {
  display: flex;
  flex-direction: column-reverse;
  color: #000;
  text-decoration: none;
}
.mediaDiscussion-number {
  order: 1;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 500;
  font-size: 3rem;
  line-height: 1.16;
  font-family: var(--FONT_FAMILY_MUKTA);
}
.mediaDiscussion-text {
  font-size: 1.6rem;
  line-height: 2.5;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 479px) {
  .mediaDiscussion-text {
    font-size: calc(1.4rem + (1vw - 0.36rem) * (1.6666666667));
  }
}
.mediaDiscussion-textGroup {
  display: flex;
  flex-wrap: wrap;
  line-height: 2.5;
}
@media screen and (max-width: 969px) {
  .mediaDiscussion-textGroup {
    flex-direction: column;
  }
}
.mediaDiscussion-textGroup .labelRounded-outer {
  min-width: 185px;
  max-width: fit-content;
  margin-right: 30px;
}
@media screen and (max-width: 1440px) {
  .mediaDiscussion-textGroup .labelRounded-outer {
    margin-right: calc(2rem + (1vw - 0.969rem) * (2.1231422505));
  }
}
@media screen and (max-width: 969px) {
  .mediaDiscussion-textGroup .labelRounded-outer {
    margin-right: 30px;
  }
}
.mediaDiscussion-textGroup > *:last-child {
  margin-bottom: 0;
}
.mediaDiscussion-image {
  position: relative;
  margin-bottom: 25px;
  padding-top: 2px;
  overflow: hidden;
}
.mediaDiscussion-image::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background-color: #1e283c;
  content: "";
}
.mediaDiscussion-image > img {
  transition: transform 0.3s ease-in-out;
}
@media (hover: hover) {
  .mediaDiscussion:hover .mediaDiscussion-image > img {
    transform: scale(1.05);
  }
}

.mediaWork {
  container-type: inline-size;
  display: flex;
  background-color: #394253;
  color: #fff;
}
@media screen and (max-width: 969px) {
  .mediaWork {
    flex-direction: column;
  }
}
.mediaWork-body {
  display: grid;
  flex: 1;
  place-content: center;
  padding: 1.6rem 12.8rem;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaWork-body {
      padding-inline: min(2.4rem + (1vw - 0.969rem) * (22.0806794055), 12.8rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaWork-body {
    display: block;
    padding: 5rem 2.8rem;
  }
}
@media screen and (max-width: 479px) {
  .mediaWork-body {
    padding: 3rem 2rem;
  }
}
.mediaWork-body > :last-child {
  margin-bottom: 0;
}
.mediaWork-body.of-primary {
  padding-inline: 8rem;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaWork-body.of-primary {
      padding-inline: min(2.4rem + (1vw - 0.969rem) * (22.0806794055), 8rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaWork-body.of-primary {
    padding: 8rem 2.8rem;
  }
}
@media screen and (max-width: 479px) {
  .mediaWork-body.of-primary {
    padding: 5rem 2rem;
  }
}
.mediaWork-title {
  display: flex;
  margin-bottom: 1.6rem;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.2;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaWork-title {
      font-size: min(1.2rem + (1vw - 0.969rem) * (0.8492569002), 1.6rem);
    }
  }
}
@media screen and (max-width: 479px) {
  .mediaWork-title {
    font-size: 1.4rem;
  }
}
.mediaWork-titleBody {
  display: block;
  padding: 0.4rem 4rem;
  border: 1px solid #fff;
  border-radius: 3rem;
}
@media screen and (max-width: 969px) {
  .mediaWork-titleBody {
    padding: 0.4rem 3.4rem;
  }
}
.mediaWork-title.of-primary {
  margin-bottom: 6.6rem;
  font-size: 3rem;
  line-height: 1.667;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaWork-title.of-primary {
      margin-bottom: min(3rem + (1vw - 0.969rem) * (7.6433121019), 6.6rem);
      font-size: min(1.5rem + (1vw - 0.969rem) * (3.1847133758), 3rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaWork-title.of-primary {
    margin-bottom: 2.6rem;
    font-size: 1.8rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 479px) {
  .mediaWork-title.of-primary {
    font-size: 1.6rem;
  }
}
.mediaWork-title.of-primary .mediaWork-titleBody {
  padding: 0.8rem 2.5rem;
  border-width: 2px;
  border-radius: 0;
}
@media screen and (max-width: 479px) {
  .mediaWork-title.of-primary .mediaWork-titleBody {
    padding: 0.7rem 1rem;
  }
}
.mediaWork-text {
  font-size: 1.6rem;
  line-height: 2.5;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.055em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaWork-text {
      font-size: min(1.2rem + (1vw - 0.969rem) * (0.8492569002), 1.6rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaWork-text {
    font-size: 1.3rem;
    line-height: 1.846;
  }
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaWork-image {
      max-width: min(46.4rem + (1vw - 0.969rem) * (50.1061571125), 70rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaWork-image img {
    width: 100%;
  }
}
@media screen and (min-width: 970px) {
  .mediaWork.largeScreen-row-reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 969px) {
  .mediaWork.smallScreen-column-reverse {
    flex-direction: column-reverse;
  }
}
.mediaWork.of-backgroundColor-primary {
  background-color: #63606d;
}

.mediaCatchphrase {
  container-type: inline-size;
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 969px) {
  .mediaCatchphrase {
    flex-direction: column-reverse;
  }
}
.mediaCatchphrase-body {
  display: grid;
  flex: 1;
  place-content: center left;
  padding: 1.6rem 0;
}
@media screen and (max-width: 969px) {
  .mediaCatchphrase-body {
    padding: 4rem 2.8rem 5.4rem;
  }
}
@media screen and (max-width: 479px) {
  .mediaCatchphrase-body {
    padding: 3rem 2rem 4.5rem;
  }
}
.mediaCatchphrase-body > :last-child {
  margin-bottom: 0;
}
.mediaCatchphrase-textGroup {
  position: relative;
  margin-left: -1.5em;
  color: #fff;
  font-size: 4.6rem;
  line-height: 2.087;
  font-family: var(--FONT_FAMILY_SERIF);
  letter-spacing: 0.15em;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.4em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaCatchphrase-textGroup {
      font-size: min(3.4rem + (1vw - 0.969rem) * (2.5477707006), 4.6rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaCatchphrase-textGroup {
    margin-left: 0;
    font-size: 2.5rem;
    line-height: 2.52;
  }
}
@media screen and (max-width: 479px) {
  .mediaCatchphrase-textGroup {
    font-size: calc(2rem + (1vw - 0.36rem) * (4.1666666667));
  }
}
.mediaCatchphrase-textGroup .of-primary {
  opacity: 1;
}
.mediaCatchphrase-text {
  display: block;
  opacity: 0;
  pointer-events: none;
}
.mediaCatchphrase-cloneText {
  display: block;
  position: absolute;
  top: 0;
  width: max-content;
  text-decoration: inherit;
}
.mediaCatchphrase-caret {
  border-right: 2px solid;
  animation: caret 1s steps(1) infinite;
}
@media screen and (min-width: 970px) {
  @container (max-width: 1400px) {
    .mediaCatchphrase-image {
      max-width: min(50rem + (1vw - 0.969rem) * (63.6942675159), 80rem);
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaCatchphrase-image img {
    width: 100%;
  }
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}
.mediaVoice {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media screen and (max-width: 969px) {
  .mediaVoice {
    margin-bottom: 25px;
  }
}
.mediaVoice-image {
  width: 60px;
}
@media screen and (max-width: 969px) {
  .mediaVoice-image {
    width: 40px;
  }
}
.mediaVoice-imageOuter {
  display: flex;
  flex-direction: column-reverse;
  margin-right: 50px;
}
@media screen and (max-width: 1440px) {
  .mediaVoice-imageOuter {
    margin-right: calc(3rem + (1vw - 0.969rem) * (4.2462845011));
  }
}
@media screen and (max-width: 969px) {
  .mediaVoice-imageOuter {
    margin-right: 20px;
  }
}
.mediaVoice-image.of-full {
  width: 100%;
}
.mediaVoice-name {
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .mediaVoice-name {
    font-size: 1.2rem;
  }
}
.mediaVoice-body {
  flex: 1;
}
@media screen and (max-width: 969px) {
  .mediaVoice-body:where(.mediaVoice-body) p {
    line-height: 1.74;
    letter-spacing: 0.05em;
  }
}
.mediaVoice-body > *:last-child {
  margin-bottom: 0;
}

.mediaDialogue {
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (max-width: 969px) {
  .mediaDialogue p {
    margin-bottom: 10px;
    font-size: 1.3rem;
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
}
.mediaDialogue-title {
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1440px) {
  .mediaDialogue-title {
    font-size: calc(1.8rem + (1vw - 0.969rem) * (1.4861995754));
  }
}
@media screen and (max-width: 969px) {
  .mediaDialogue-title {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
.mediaDialogue-image {
  margin-bottom: 60px;
}
@media screen and (max-width: 1440px) {
  .mediaDialogue-image {
    margin-bottom: calc(4rem + (1vw - 0.969rem) * (4.2462845011));
  }
}
@media screen and (max-width: 969px) {
  .mediaDialogue-image {
    margin-bottom: 35px;
  }
}

.mediaStrength {
  container-type: inline-size;
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 969px) {
  .mediaStrength {
    grid-template-columns: auto;
  }
}
.mediaStrength-body > :last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 969px) {
  .mediaStrength-body {
    display: contents;
  }
}
.mediaStrength-image {
  max-width: 40rem;
  margin-left: 4rem;
}
@media screen and (min-width: 970px) {
  @container (max-width: 778px) {
    .mediaStrength-image {
      max-width: 51.4138817481cqi;
      margin-left: 5.1413881748cqi;
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaStrength-image {
    max-width: 40rem;
    margin-bottom: 1.4rem;
    margin-inline: auto;
  }
}
.mediaStrength-image > :last-child {
  margin-bottom: 0;
}
.mediaStrength-titleGroup {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #000;
}
.mediaStrength-titleGroup > :last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 969px) {
  .mediaStrength-titleGroup {
    display: grid;
    grid-row: 1/2;
    grid-column: 1/-1;
    margin-bottom: 2.8rem;
    padding-bottom: 0;
    gap: 2rem;
    border-bottom: 0;
  }
}
.mediaStrength-label {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  padding: 0.4rem 0.4rem 0.4rem 0.8rem;
  background-color: #000;
  color: #fff;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.75;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 970px) {
  @container (max-width: 778px) {
    .mediaStrength-label {
      font-size: 2.3136246787cqi;
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaStrength-label {
    margin-bottom: 0;
    font-size: 1.4rem;
  }
}
.mediaStrength-title {
  margin-bottom: 2rem;
  font-weight: normal;
  font-size: 2.8rem;
  line-height: 1.64;
  font-variation-settings: "wght" 700;
}
@media screen and (min-width: 970px) {
  @container (max-width: 778px) {
    .mediaStrength-title {
      font-size: 3.5989717224cqi;
    }
  }
}
@media screen and (max-width: 969px) {
  .mediaStrength-title {
    grid-row: 1/2;
    font-size: 2.4rem;
  }
}
.mediaStrength-text {
  margin-bottom: 1.6rem;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .mediaStrength-text {
    grid-row: 3/4;
    grid-column: 1/-1;
    font-size: 1.3rem;
  }
}

.text {
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .text {
    font-size: 1.3rem;
    line-height: 1.846;
    letter-spacing: 0.05em;
  }
}
.text.of-large {
  font-size: 2rem;
  line-height: 2.5;
}
@media screen and (max-width: 969px) {
  .text.of-large {
    font-size: 1.3rem;
    line-height: 1.846;
    letter-spacing: 0.05em;
  }
}

.textEmphasis {
  font-size: 2.3rem;
  line-height: 2.173;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .textEmphasis {
    font-size: 1.6rem;
    line-height: 1.5625;
    letter-spacing: 0.07em;
  }
}

.textAnnotation {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .textAnnotation {
    font-size: 1.2rem;
  }
}
.textAnnotation.of-small {
  font-size: 1.2rem;
}

.textInterview {
  min-width: 420px;
  margin-bottom: 0;
  font-size: 5rem;
  line-height: 1.37;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.05em;
}
.wf-loading .textInterview {
  visibility: hidden;
}
@media screen and (max-width: 1366px) {
  .textInterview {
    min-width: calc(28rem + (1vw - 0.969rem) * (35.2644836272));
    font-size: calc(3rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .textInterview {
    min-width: inherit;
    font-size: calc(3.4rem + (1vw - 0.48rem) * (1.0224948875));
    line-height: 1.307;
  }
}
@media screen and (max-width: 479px) {
  .textInterview {
    font-size: calc(2.4rem + (1vw - 0.36rem) * (8.3333333333));
  }
}
.textInterview-title {
  margin-bottom: 8px;
  font-weight: normal;
  font-size: 2rem;
  line-height: 1;
  font-family: "inter-tight-variable", sans-serif;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 479px) {
  .textInterview-title {
    font-size: 1.5rem;
  }
}
.textInterview-person {
  margin-bottom: 5px;
  font-weight: normal;
  font-size: 7.5rem;
  line-height: 0.9;
  font-family: "inter-tight-variable", sans-serif;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1366px) {
  .textInterview-person {
    font-size: calc(5rem + (1vw - 0.969rem) * (6.2972292191));
  }
}
@media screen and (max-width: 969px) {
  .textInterview-person {
    font-size: calc(5.8rem + (1vw - 0.48rem) * (3.4764826176));
  }
}
@media screen and (max-width: 479px) {
  .textInterview-person {
    font-size: calc(4.1rem + (1vw - 0.36rem) * (14.1666666667));
  }
}
.textInterview-personGroup {
  margin-top: auto;
  color: #ea0437;
  font-style: normal;
  font-weight: 700;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 969px) {
  .textInterview-personGroup {
    display: grid;
    place-content: end;
  }
}

.ss-textNote {
  letter-spacing: 0;
}
@media screen and (max-width: 969px) {
  .ss-textNote {
    font-size: 1.6rem;
  }
}

.tab-listWrapper {
  background-color: #1e283c;
}
.tab-listWrapper.of-primary {
  padding-top: 4rem;
}
@media screen and (max-width: 969px) {
  .tab-listWrapper.of-primary {
    padding-top: 3rem;
  }
}

.tab-listOuter {
  margin-inline: auto;
  padding-inline: 2.8rem;
  padding-block: 6.5rem;
  background-color: #d4d6df;
}
@media screen and (max-width: 1366px) {
  .tab-listOuter {
    padding-block: calc(4.5rem + (1vw - 0.969rem) * (5.0377833753));
  }
}
@media screen and (max-width: 969px) {
  .tab-listOuter {
    padding-block: 2rem;
  }
}
@media screen and (max-width: 479px) {
  .tab-listOuter {
    padding-inline: 2rem;
  }
}

.tab-list {
  display: flex;
  row-gap: 6rem;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 100rem;
  margin-inline: auto;
  font-size: 3rem;
  line-height: 1.1;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1366px) {
  .tab-list {
    row-gap: calc(4rem + (1vw - 0.969rem) * (5.0377833753));
    font-size: calc(2rem + (1vw - 0.969rem) * (2.5188916877));
  }
}
@media screen and (max-width: 969px) {
  .tab-list {
    row-gap: 2rem;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 0.07em;
  }
}
@media screen and (max-width: 479px) {
  .tab-list {
    row-gap: 1rem;
    font-size: 1.3rem;
  }
}
.tab-list a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  padding-inline: 1.7rem;
  background-color: transparent;
  color: #1e283c;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.5s ease, color 0.5s ease;
}
@media screen and (max-width: 969px) {
  .tab-list a {
    min-height: 4.5rem;
    padding-inline: 1rem;
  }
}
@media screen and (max-width: 479px) {
  .tab-list a {
    padding-inline: 0.5rem;
  }
}
.tab-list a.is-active {
  background-color: #e30012;
  color: #fff;
}
.tab-list a::before, .tab-list a::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #1e283c;
  content: "";
}
.tab-list a::after {
  right: 0;
  left: inherit;
}
@media (hover: hover) {
  .tab-list a:hover {
    background-color: #e30012;
    color: #fff;
  }
}
.tab-list > * {
  display: grid;
}
.tab-list > * + * a::before {
  display: none;
}
.tab-list.of-primary {
  max-width: 124rem;
  margin-inline: auto;
}
@media screen and (max-width: 969px) {
  .tab-list.of-primary {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 479px) {
  .tab-list.of-primary {
    font-size: 1rem;
  }
}
.tab-list.of-column-2 > * {
  width: 50%;
}
.tab-list.of-column-2 > *:nth-child(2n+1) a::before {
  display: block;
}
.tab-list.of-column-3 > * {
  width: 33.333333%;
}
.tab-list.of-column-3 > *:nth-child(3n+1) a::before {
  display: block;
}
.tab-list.of-column-4 > * {
  width: 25%;
}
.tab-list.of-column-4 > *:nth-child(4n+1) a::before {
  display: block;
}
.tab-panel {
  display: none;
}
.tab-panel.is-active {
  display: block;
}

.tabStrength {
  margin-bottom: 3rem;
}
.tabStrength-outer {
  margin-bottom: 2rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 969px) {
  .tabStrength-outer {
    padding-bottom: 60px;
  }
}
.tabStrength-prevButtonOuter, .tabStrength-nextButtonOuter {
  display: block;
  position: absolute;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
.tabStrength-prevButtonOuter {
  left: -6rem;
}
@media screen and (max-width: 969px) {
  .tabStrength-prevButtonOuter {
    left: -5rem;
  }
}
.tabStrength-nextButtonOuter {
  right: -6rem;
}
@media screen and (max-width: 969px) {
  .tabStrength-nextButtonOuter {
    right: -5rem;
  }
}
.tabStrength-prevButton, .tabStrength-nextButton {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 80px;
  background-color: transparent !important;
  cursor: pointer;
}
@media screen and (max-width: 969px) {
  .tabStrength-prevButton, .tabStrength-nextButton {
    width: 50px;
    height: 200px;
  }
}
.tabStrength-prevButton::before, .tabStrength-nextButton::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 28px;
  transform: translateX(-50%) translateY(-50%);
  background-color: #000;
  content: "";
}
.tabStrength-prevButton::before {
  clip-path: polygon(95% 0, 0% 50%, 95% 100%, 100% 95%, 15% 50%, 100% 5%);
}
.tabStrength-nextButton::before {
  clip-path: polygon(5% 0, 100% 50%, 5% 100%, 0 95%, 85% 50%, 0 5%);
}
.tabStrength-prevButtonText, .tabStrength-nextButtonText {
  position: absolute;
}
.tabStrength-prevButtonText {
  right: 100%;
}
.tabStrength-nextButtonText {
  left: 100%;
}
.tabStrength-paginationButton {
  width: 14px !important;
  height: 14px !important;
  margin: 7px !important;
  opacity: 1 !important;
}
.tabStrength-paginationButton.is-active {
  transform: scale(1) !important;
  background: #ea0437 !important;
}

.table {
  margin-bottom: 40px;
  border: 2px solid #000;
  table-layout: auto;
}
.table th,
.table td {
  padding: 4px 8px;
  border: 1px solid #000;
  font-weight: normal;
}
.table th {
  text-align: left;
}
.table thead th {
  text-align: center;
}

.tableOutline {
  min-height: 12rem;
  margin-bottom: 2.4rem;
  border-top: 1px solid #1e283c;
  border-bottom: 1px solid #1e283c;
  border-collapse: separate;
  border-spacing: 0 2rem;
  color: #1e283c;
}
@media screen and (max-width: 969px) {
  .tableOutline {
    min-height: 8.5rem;
    border-spacing: 0 1rem;
  }
}
.tableOutline-caption {
  font-size: 2rem;
  font-family: var(--FONT_FAMILY_MUKTA);
  letter-spacing: 0.02em;
  text-align: left;
}
@media screen and (max-width: 969px) {
  .tableOutline-caption {
    font-size: 1.6rem;
  }
}
.tableOutline th {
  width: 35.8%;
  padding-right: 3rem;
  border-right: 1px solid #1e283c;
  font-weight: normal;
  font-size: 3.2rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.1em;
  text-align: left;
}
@media screen and (max-width: 969px) {
  .tableOutline th {
    width: 39.2%;
    padding: 0.5rem 1rem 0.5rem 0;
    font-size: calc(2rem + (1vw - 0.48rem) * (1.226993865));
  }
}
@media screen and (max-width: 479px) {
  .tableOutline th {
    font-size: max(1.4rem + (1vw - 0.36rem) * (5.8333333333), 1.2rem);
  }
}
.tableOutline td {
  padding-left: 3rem;
  font-size: 2rem;
  line-height: 2;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 969px) {
  .tableOutline td {
    padding: 0.5rem 0 0.5rem 1.5rem;
    font-size: calc(1.3rem + (1vw - 0.48rem) * (0.6134969325));
    line-height: 1.69;
  }
}

.buttonConversion {
  display: block;
  width: 300px;
  margin-bottom: 40px;
  padding: 10px 20px;
  border: 2px solid #e30012;
  border-radius: 3px;
  color: #e30012;
  font-size: 2.3rem;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.07em;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
@media screen and (max-width: 969px) {
  .buttonConversion {
    width: 190px;
    padding: 5px 20px;
    font-size: 1.8rem;
  }
}
@media (hover: hover) {
  .buttonConversion:hover {
    background-color: #e30012;
    color: #fff;
  }
}
.buttonConversion.of-primary {
  position: relative;
  width: fit-content;
  padding-right: 100px;
  padding-left: 80px;
  border: 2px solid #ea0437;
  background-color: #fff;
  color: #ea0437;
  font-size: 2.4rem;
}
@media screen and (max-width: 969px) {
  .buttonConversion.of-primary {
    padding-right: 60px;
    padding-left: 40px;
    font-size: max(1.4rem + (1vw - 0.48rem) * (2.0449897751), 1.4rem);
  }
}
@media (hover: hover) {
  .buttonConversion.of-primary:hover {
    background-color: #ea0437;
    color: #fff;
  }
  .buttonConversion.of-primary:hover .buttonConversion-arrow svg {
    stroke: #fff;
  }
}
.buttonConversion.of-primary .buttonConversion-arrow {
  display: flex;
  position: absolute;
  top: 50%;
  right: 60px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
@media screen and (max-width: 969px) {
  .buttonConversion.of-primary .buttonConversion-arrow {
    right: 30px;
    width: 15px;
    height: 15px;
  }
}
.buttonConversion.of-primary .buttonConversion-arrow svg {
  transition: stroke 0.3s ease-out;
  stroke: #ea0437;
}
.buttonConversion.of-secondary {
  border: 2px solid #64606e;
  color: #64606e;
}
@media (hover: hover) {
  .buttonConversion.of-secondary:hover {
    background-color: #64606e;
    color: #fff;
  }
}

.buttonNextOuter {
  padding-bottom: 9.5rem;
}
@media screen and (max-width: 969px) {
  .buttonNextOuter {
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 479px) {
  .buttonNextOuter {
    padding-inline: 2rem 3rem;
  }
}

.buttonNext {
  display: block;
  position: relative;
  max-width: 62rem;
  margin-top: 10rem;
  margin-inline: auto;
  background-color: #000;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 969px) {
  .buttonNext {
    max-width: calc(30rem + (1vw - 0.48rem) * (65.4396728016));
    margin-top: 5rem;
  }
}
@media screen and (max-width: 479px) {
  .buttonNext {
    max-width: 100%;
  }
}
.buttonNext:not(:has(.buttonNext-label)) {
  max-width: 48rem;
}
@media screen and (max-width: 969px) {
  .buttonNext:not(:has(.buttonNext-label)) {
    max-width: calc(30rem + (1vw - 0.48rem) * (36.8098159509));
  }
}
@media screen and (max-width: 479px) {
  .buttonNext:not(:has(.buttonNext-label)) {
    max-width: 100%;
  }
}
.buttonNext-content {
  display: flex;
}
.buttonNext-label {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 1rem 4rem;
  border-right: 1px solid;
  font-size: 2.4rem;
  line-height: 1.5;
  font-variation-settings: "wght" 500;
}
@media screen and (max-width: 969px) {
  .buttonNext-label {
    padding: 1rem 1.6rem;
    font-size: max(1.3rem + (1vw - 0.48rem) * (2.2494887526), 1.3rem);
  }
}
.buttonNext-linkLabel {
  flex: 1;
  padding: 1.5rem 8rem 1.5rem 4rem;
  font-size: 2rem;
  line-height: 1.5;
  font-variation-settings: "wght" 700;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 969px) {
  .buttonNext-linkLabel {
    padding: 1rem 4rem 1rem 2.4rem;
    font-size: max(1.3rem + (1vw - 0.48rem) * (1.4314928425), 1.3rem);
  }
}
.buttonNext-arrow {
  position: absolute;
  top: 50%;
  right: 4rem;
  width: 2rem;
  height: 2rem;
  overflow: hidden;
  transform: translateY(-50%);
}
@media screen and (max-width: 969px) {
  .buttonNext-arrow {
    right: 1rem;
  }
}
.buttonNext-arrow svg {
  stroke: #fff;
}
@media (hover: hover) {
  .buttonNext:hover .buttonNext-arrow svg {
    animation: horizontal 0.8s linear infinite;
  }
}

@keyframes horizontal {
  0% {
    transform: translateX(0);
    opacity: 1;
  }
  32% {
    transform: translateX(100%);
    opacity: 1;
  }
  33% {
    transform: translateX(100%);
    opacity: 0;
  }
  65% {
    transform: translateX(-100%);
    opacity: 0;
  }
  66% {
    transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.buttonFaq {
  overflow: hidden;
}
.buttonFaq::before {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.buttonFaq-body {
  display: block;
  position: relative;
  width: 50px;
  height: 50px;
  margin-top: 15px;
}
@media screen and (max-width: 969px) {
  .buttonFaq-body {
    width: 30px;
    height: 30px;
  }
}
.buttonFaq-body::before, .buttonFaq-body::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.buttonFaq-body::before {
  top: calc(50% - 1px);
  left: 0;
  border-top: 5px solid #000;
}
@media screen and (max-width: 969px) {
  .buttonFaq-body::before {
    border-top: 2px solid #000;
  }
}
.buttonFaq-body::after {
  top: 0;
  left: calc(-50% + 1px);
  border-right: 5px solid #000;
}
@media screen and (max-width: 969px) {
  .buttonFaq-body::after {
    border-right: 2px solid #000;
  }
}
.buttonFaq-label {
  position: absolute;
  left: -300%;
  width: 100%;
  color: #000;
}
.buttonFaq.is-shown .buttonFaq-body {
  display: inline-block;
  width: 50px;
  height: 5px;
  margin-top: 35px;
  transform: rotate(180deg);
  background: currentColor;
  color: #000;
  vertical-align: middle;
}
@media screen and (max-width: 969px) {
  .buttonFaq.is-shown .buttonFaq-body {
    width: 30px;
    height: 2px;
  }
}
.buttonFaq.is-shown .buttonFaq-body::before, .buttonFaq.is-shown .buttonFaq-body::after {
  content: none;
}
@media (hover: hover) {
  .buttonFaq:hover .buttonFaq-body {
    animation-duration: 1.5s;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-name: hover_rotate_mark;
  }
  .buttonFaq:hover .buttonFaq-body::before {
    border-top: 5px solid #e30012;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .buttonFaq:hover .buttonFaq-body::before {
    border-top: 2px solid #e30012;
  }
}
@media (hover: hover) {
  .buttonFaq:hover .buttonFaq-body::after {
    border-right: 5px solid #e30012;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .buttonFaq:hover .buttonFaq-body::after {
    border-right: 2px solid #e30012;
  }
}
@media (hover: hover) {
  .buttonFaq:hover.is-shown .buttonFaq-body {
    background: currentColor;
    color: #e30012;
    animation: none;
  }
}

@keyframes hover_rotate_mark {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.buttonCard {
  display: block;
  width: 100%;
  padding: 15px 20px;
  border: 2px solid #000;
  background-color: #fff;
  color: #000;
  line-height: 2.5;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.buttonCard-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.buttonCard-label {
  font-weight: bold;
}
.buttonCard-arrow {
  width: 30px;
  height: 30px;
  margin-left: 30px;
}
.buttonCard-arrow svg {
  stroke: #000;
  fill: #000;
}
@media (hover: hover) {
  .buttonCard:hover {
    background-color: #1e283c;
    color: #fff;
  }
  .buttonCard:hover .buttonCard-arrow svg {
    transition: stroke 0.3s ease-out, fill 0.3s ease-out;
    stroke: #fff;
    fill: #fff;
  }
}

.buttonCategory {
  padding: 5px 30px;
  border: 1px solid #1e283c;
  border-radius: 8px;
  color: #1e283c;
  font-size: 1.2rem;
  font-variation-settings: "wght" 500;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 969px) {
  .buttonCategory {
    padding: 5px 10px;
  }
}
.buttonCategory.is-selected {
  background-color: #1e283c;
  color: #fff;
}

.buttonMarker {
  position: absolute;
  transform: translate(-50%, -50%);
  animation: pinupdown 4s ease infinite;
}
@media screen and (max-width: 479px) {
  .buttonMarker {
    animation: pinupdownSP 4s ease infinite;
  }
}
.buttonMarker.of-position1-1 {
  top: 55.64285%;
  left: 43.21428%;
}
.buttonMarker.of-position1-2 {
  top: 42.66666%;
  left: 82.88888%;
}
.buttonMarker.of-position1-3 {
  top: 51.55555%;
  left: 51.55555%;
}
.buttonMarker.of-position1-4 {
  top: 59.11111%;
  left: 81.55555%;
}
.buttonMarker.of-position1-5 {
  top: 58%;
  left: 15.33333%;
}
.buttonMarker.of-position1-6 {
  top: 52.44444%;
  left: 91.77777%;
}
.buttonMarker.of-position1-7 {
  top: 60%;
  left: 59.33333%;
}
.buttonMarker.of-position1-8 {
  top: 45.33333%;
  left: 64.77777%;
}
.buttonMarker.of-position1-9 {
  top: 52.44444%;
  left: 30.66666%;
}
.buttonMarker.of-position1-10 {
  top: 68.7%;
  left: 37.11111%;
}
.buttonMarker.of-position1-11 {
  top: 64%;
  left: 25.5%;
}
.buttonMarker.of-position1-12 {
  top: 77.11111%;
  left: 12.66666%;
}
.buttonMarker.of-position1-13 {
  top: 30.22222%;
  left: 42%;
}
.buttonMarker.of-position2-1 {
  top: 9.9%;
  left: 46.88888%;
}
.buttonMarker.of-position2-2 {
  top: 50.66666%;
  left: 61.33333%;
}
.buttonMarker.of-position2-3 {
  top: 48.22222%;
  left: 45.33333%;
}
.buttonMarker.of-position2-4 {
  top: 14.66666%;
  left: 16.44444%;
}
.buttonMarker.of-position2-5 {
  top: 33.77777%;
  left: 74.44444%;
}
.buttonMarker.of-position2-6 {
  top: 32.88888%;
  left: 46%;
}
.buttonMarker.of-position2-7 {
  top: 69.55555%;
  left: 61.33333%;
}
.buttonMarker.of-position2-8 {
  top: 54.88888%;
  left: 35.33333%;
}
.buttonMarker.of-position2-9 {
  top: 39.55555%;
  left: 66.66666%;
}
.buttonMarker.of-position2-10 {
  top: 30.88888%;
  left: 23.77777%;
}
.buttonMarker.of-position2-11 {
  top: 61.11111%;
  left: 14.22222%;
}
.buttonMarker.of-position2-12 {
  top: 82.22222%;
  left: 41.11111%;
}
.buttonMarker-name {
  visibility: hidden;
  position: absolute;
  top: -2rem;
  left: 50%;
  width: max-content;
  margin: 0px;
  padding: 2px 23px;
  transform: translate(-50%, -100%);
  border-width: 1px;
  border-style: dashed;
  border-radius: 50em;
  border-color: rgb(0, 0, 0);
  border-image: initial;
  background: #fff;
  font-weight: normal;
  font-size: 1.8rem;
  line-height: 1.2;
  font-variation-settings: "wght" 700;
  opacity: 0;
  transition: visibility 0.4s, opacity 0.4s;
}
@media screen and (max-width: 969px) {
  .buttonMarker-name {
    top: -1.2rem;
    padding: 2px 14px;
    font-size: 1rem;
  }
}
.buttonMarker-name::after {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  width: 10px;
  height: 9px;
  transform: translate(-50%, 100%);
  background: rgb(0, 0, 0);
  content: "";
  clip-path: polygon(0px 0px, 50% 100%, 100% 0px);
}
@media screen and (max-width: 969px) {
  .buttonMarker-name::after {
    width: 4px;
    height: 3px;
  }
}
.buttonMarker-actionNameOuter {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 1.28px;
  border-radius: 100em;
  background: #fff;
  color: #fff;
  font-size: 0.8rem;
  transition: all 0.4s;
}
@media screen and (max-width: 969px) {
  .buttonMarker-actionNameOuter {
    width: 8px;
    height: 8px;
  }
}
.buttonMarker-actionNameOuter::before, .buttonMarker-actionNameOuter::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  content: "";
  animation: Pulse 2s ease-out infinite;
}
@media screen and (max-width: 969px) {
  .buttonMarker-actionNameOuter::before, .buttonMarker-actionNameOuter::after {
    animation: PulseSP 2s ease-out infinite;
  }
}
.buttonMarker-actionNameOuter::after {
  animation-delay: 0.5s;
}
@media screen and (max-width: 969px) {
  .buttonMarker-actionNameOuter::after {
    animation-delay: 0.5s;
  }
}
.buttonMarker-actionName {
  font-size: 0px;
  font-variation-settings: "wght" 350;
  opacity: 0;
  transition: all 0.4s;
}
.buttonMarker-iconOuter {
  display: block;
  width: 4.2rem;
  height: 4.2rem;
  overflow: hidden;
  transition: width 0.4s, height 0.4s;
}
@media screen and (max-width: 969px) {
  .buttonMarker-iconOuter {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 479px) {
  .buttonMarker-iconOuter {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.buttonMarker-icon {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 16.8rem;
  height: 16.8rem;
  transform: scale(0.25);
  transform-origin: left top;
  border-radius: 100em;
  font-size: 0.8rem;
  transition: width 0.4s, height 0.4s;
}
@media screen and (max-width: 969px) {
  .buttonMarker-icon {
    width: 9.6rem;
    height: 9.6rem;
  }
}
@media screen and (max-width: 479px) {
  .buttonMarker-icon {
    width: 5.2rem;
    height: 5.2rem;
  }
}
.buttonMarker-icon img,
.buttonMarker-icon svg {
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .buttonMarker:hover .buttonMarker-name {
    visibility: visible;
    opacity: 1;
  }
  .buttonMarker:hover .buttonMarker-actionNameOuter {
    width: 8rem;
    height: 8rem;
    background: rgba(234, 4, 55, 0.8);
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .buttonMarker:hover .buttonMarker-actionNameOuter {
    width: 4.4rem;
    height: 4.4rem;
  }
}
@media (hover: hover) {
  .buttonMarker:hover .buttonMarker-actionName {
    font-size: 1.6rem;
    opacity: 1;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .buttonMarker:hover .buttonMarker-actionName {
    font-size: 1rem;
  }
}
@media (hover: hover) {
  .buttonMarker:hover .buttonMarker-iconOuter {
    width: 6rem;
    height: 6rem;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .buttonMarker:hover .buttonMarker-iconOuter {
    width: 4rem;
    height: 4rem;
  }
}
@media screen and (hover: hover) and (max-width: 479px) {
  .buttonMarker:hover .buttonMarker-iconOuter {
    width: 2.6rem;
    height: 2.6rem;
  }
}
@media (hover: hover) {
  .buttonMarker:hover .buttonMarker-icon {
    width: 24rem;
    height: 24rem;
  }
}
@media screen and (hover: hover) and (max-width: 969px) {
  .buttonMarker:hover .buttonMarker-icon {
    width: 16rem;
    height: 16rem;
  }
}
@media screen and (hover: hover) and (max-width: 479px) {
  .buttonMarker:hover .buttonMarker-icon {
    width: 10.4rem;
    height: 10.4rem;
  }
}
@media (hover: none) {
  .buttonMarker:hover .buttonMarker-iconOuter, .buttonMarker:focus .buttonMarker-iconOuter, .buttonMarker:focus-within .buttonMarker-iconOuter, .buttonMarker:focus-visible .buttonMarker-iconOuter, .buttonMarker:active .buttonMarker-iconOuter {
    width: 4.2rem;
    height: 4.2rem;
  }
}
@media screen and (hover: none) and (max-width: 969px) {
  .buttonMarker:hover .buttonMarker-iconOuter, .buttonMarker:focus .buttonMarker-iconOuter, .buttonMarker:focus-within .buttonMarker-iconOuter, .buttonMarker:focus-visible .buttonMarker-iconOuter, .buttonMarker:active .buttonMarker-iconOuter {
    width: 2.4rem;
    height: 2.4rem;
  }
}
@media screen and (hover: none) and (max-width: 479px) {
  .buttonMarker:hover .buttonMarker-iconOuter, .buttonMarker:focus .buttonMarker-iconOuter, .buttonMarker:focus-within .buttonMarker-iconOuter, .buttonMarker:focus-visible .buttonMarker-iconOuter, .buttonMarker:active .buttonMarker-iconOuter {
    width: 1.3rem;
    height: 1.3rem;
  }
}
@media (hover: none) {
  .buttonMarker:hover .buttonMarker-icon, .buttonMarker:focus .buttonMarker-icon, .buttonMarker:focus-within .buttonMarker-icon, .buttonMarker:focus-visible .buttonMarker-icon, .buttonMarker:active .buttonMarker-icon {
    width: 16.8rem;
    height: 16.8rem;
    transition: none;
  }
}
@media screen and (hover: none) and (max-width: 969px) {
  .buttonMarker:hover .buttonMarker-icon, .buttonMarker:focus .buttonMarker-icon, .buttonMarker:focus-within .buttonMarker-icon, .buttonMarker:focus-visible .buttonMarker-icon, .buttonMarker:active .buttonMarker-icon {
    width: 9.6rem;
    height: 9.6rem;
  }
}
@media screen and (hover: none) and (max-width: 479px) {
  .buttonMarker:hover .buttonMarker-icon, .buttonMarker:focus .buttonMarker-icon, .buttonMarker:focus-within .buttonMarker-icon, .buttonMarker:focus-visible .buttonMarker-icon, .buttonMarker:active .buttonMarker-icon {
    width: 5.2rem;
    height: 5.2rem;
  }
}

@keyframes pinupdown {
  0% {
    margin-top: -3px;
  }
  25% {
    margin-top: 3px;
  }
  50% {
    margin-top: -3px;
  }
  75% {
    margin-top: 3px;
  }
  100% {
    margin-top: -3px;
  }
}
@keyframes pinupdownSP {
  0% {
    margin-top: -1.5px;
  }
  25% {
    margin-top: 1.5px;
  }
  50% {
    margin-top: -1.5px;
  }
  75% {
    margin-top: 1.5px;
  }
  100% {
    margin-top: -1.5px;
  }
}
@keyframes Pulse {
  0% {
    width: calc(100% + 0rem);
    height: calc(100% + 0rem);
    border: 2px solid #fff;
  }
  100% {
    width: calc(100% + 5.8rem);
    height: calc(100% + 5.8rem);
    border: 1px solid transparent;
    opacity: 0;
  }
}
@keyframes PulseSP {
  0% {
    width: calc(100% + 0rem);
    height: calc(100% + 0rem);
    border: 2px solid #fff;
  }
  100% {
    width: calc(100% + 2.2rem);
    height: calc(100% + 2.2rem);
    border: 1px solid transparent;
    opacity: 0;
  }
}
.arrowProcess {
  position: relative;
  height: 4rem;
}
@media screen and (max-width: 969px) {
  .arrowProcess {
    height: 2rem;
  }
}
.arrowProcess::before {
  position: absolute;
  top: -2.8rem;
  left: 50%;
  width: 5.6rem;
  height: 5.6rem;
  transform: translateX(-50%) rotate(-45deg);
  border-bottom: 1px solid #1e283c;
  border-left: 1px solid #1e283c;
  content: "";
}
@media screen and (max-width: 969px) {
  .arrowProcess::before {
    top: -1.4rem;
    width: 2.8rem;
    height: 2.8rem;
  }
}

.arrowBeforeAfter {
  position: relative;
  height: 4rem;
}
@media screen and (max-width: 969px) {
  .arrowBeforeAfter {
    height: 3rem;
  }
}
@media screen and (max-width: 479px) {
  .arrowBeforeAfter {
    height: 2rem;
  }
}
.arrowBeforeAfter::before {
  position: absolute;
  top: -2.8rem;
  left: 50%;
  width: 5.6rem;
  height: 5.6rem;
  transform: translateX(-50%) rotate(-45deg);
  border-width: 2.8rem;
  border-style: solid;
  border-color: transparent transparent #1e283c #1e283c;
  content: "";
}
@media screen and (max-width: 969px) {
  .arrowBeforeAfter::before {
    top: -2.1rem;
    width: 4.2rem;
    height: 4.2rem;
    border-width: 2.1rem;
  }
}
@media screen and (max-width: 479px) {
  .arrowBeforeAfter::before {
    top: -1.4rem;
    width: 2.8rem;
    height: 2.8rem;
    border-width: 1.4rem;
  }
}

.step {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.step > li:has(+ li) {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.step > li:has(+ li)::after {
  display: block;
  width: 20px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21.41 21.41'%3E%3Cpolyline points='10 .71 20 10.71 10 20.71' fill='none' stroke='%23000' stroke-width='2' stroke-miterlimit='10'/%3E%3Cline x1='0' y1='10.71' x2='20' y2='10.71' fill='none' stroke='%23000' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  content: "";
}

.divider {
  border: 1px solid #000;
}

.dialogStrengthOuter {
  position: fixed;
  width: calc(100% - 60px);
  max-width: 960px;
  margin: auto;
  inset: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background-color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 969px) {
  .dialogStrengthOuter {
    width: 100%;
  }
}
.dialogStrengthOuter::backdrop {
  background: #000;
  opacity: 0.7;
}
.dialogStrength-content {
  position: relative;
  width: 100%;
  min-height: 150px;
  max-height: calc(100vh - 128px);
  block-size: 100%;
  padding: 60px;
  overflow: auto;
  overscroll-behavior: contain;
}
@media screen and (max-width: 969px) {
  .dialogStrength-content {
    max-height: calc(100vh - 120px);
    padding: 40px 50px 36px;
  }
}
.dialogStrength-content > *:last-child {
  margin-bottom: 0;
}
.dialogStrength-closeButton {
  display: flex;
  position: relative;
  align-items: baseline;
  justify-content: center;
  width: 210px;
  margin-inline: auto;
  padding: 0.8rem 6rem 0.8rem;
  border: 1px solid #000;
  border-radius: 1.8rem;
  background-color: #fff;
  color: #000;
  font-size: 2rem;
  line-height: 1.5;
}
.dialogStrength-closeButtonText {
  font-weight: bold;
  font-size: 1.6rem;
}
.dialogStrength-closeButtonIcon {
  display: block;
  position: absolute;
  right: 2rem;
  width: 20px;
  height: 20px;
}

body:has(dialog[open]) {
  overflow: hidden;
}

.utility-textAlign-center {
  text-align: center;
}

.utility-textAlign-right {
  text-align: right;
}

.utility-textAlign-left {
  text-align: left;
}

.utility-justifyContent-center {
  justify-content: center;
}

.utility-justifyContent-right {
  justify-content: right;
}

.utility-justifyContent-left {
  justify-content: left;
}

.utility-line-break {
  display: block;
}

.utility-lastChild {
  margin-bottom: 0 !important;
}

.utility-textOrientation-upright {
  text-orientation: upright;
}

.utility-textOrientation-sideways {
  text-orientation: sideways;
}

.utility-fontSize-10 {
  font-size: 1rem;
}

.utility-fontSize-11 {
  font-size: 1.1rem;
}

.utility-fontSize-12 {
  font-size: 1.2rem;
}

.utility-fontSize-13 {
  font-size: 1.3rem;
}

.utility-fontSize-14 {
  font-size: 1.4rem;
}

.utility-fontSize-15 {
  font-size: 1.5rem;
}

.utility-fontSize-16 {
  font-size: 1.6rem;
}

.utility-fontSize-17 {
  font-size: 1.7rem;
}

.utility-fontSize-18 {
  font-size: 1.8rem;
}

.utility-fontSize-19 {
  font-size: 1.9rem;
}

.utility-fontSize-20 {
  font-size: 2rem;
}

.utility-marginTop-0 {
  margin-top: 0px;
}

.utility-marginTop-5 {
  margin-top: 5px;
}

.utility-marginTop-10 {
  margin-top: 10px;
}

.utility-marginTop-15 {
  margin-top: 15px;
}

.utility-marginTop-20 {
  margin-top: 20px;
}

.utility-marginTop-25 {
  margin-top: 25px;
}

.utility-marginTop-30 {
  margin-top: 30px;
}

.utility-marginTop-35 {
  margin-top: 35px;
}

.utility-marginTop-40 {
  margin-top: 40px;
}

.utility-marginTop-45 {
  margin-top: 45px;
}

.utility-marginTop-50 {
  margin-top: 50px;
}

.utility-marginTop-55 {
  margin-top: 55px;
}

.utility-marginTop-60 {
  margin-top: 60px;
}

.utility-marginTop-65 {
  margin-top: 65px;
}

.utility-marginTop-70 {
  margin-top: 70px;
}

.utility-marginTop-75 {
  margin-top: 75px;
}

.utility-marginTop-80 {
  margin-top: 80px;
}

.utility-marginTop-85 {
  margin-top: 85px;
}

.utility-marginTop-90 {
  margin-top: 90px;
}

.utility-marginTop-95 {
  margin-top: 95px;
}

.utility-marginTop-100 {
  margin-top: 100px;
}

.utility-marginTop-105 {
  margin-top: 105px;
}

.utility-marginTop-110 {
  margin-top: 110px;
}

.utility-marginTop-115 {
  margin-top: 115px;
}

.utility-marginTop-120 {
  margin-top: 120px;
}

.utility-marginTop-125 {
  margin-top: 125px;
}

.utility-marginTop-130 {
  margin-top: 130px;
}

.utility-marginTop-135 {
  margin-top: 135px;
}

.utility-marginTop-140 {
  margin-top: 140px;
}

.utility-marginTop-145 {
  margin-top: 145px;
}

.utility-marginTop-150 {
  margin-top: 150px;
}

.utility-marginBottom-0 {
  margin-bottom: 0px;
}

.utility-marginBottom-5 {
  margin-bottom: 5px;
}

.utility-marginBottom-10 {
  margin-bottom: 10px;
}

.utility-marginBottom-15 {
  margin-bottom: 15px;
}

.utility-marginBottom-20 {
  margin-bottom: 20px;
}

.utility-marginBottom-25 {
  margin-bottom: 25px;
}

.utility-marginBottom-30 {
  margin-bottom: 30px;
}

.utility-marginBottom-35 {
  margin-bottom: 35px;
}

.utility-marginBottom-40 {
  margin-bottom: 40px;
}

.utility-marginBottom-45 {
  margin-bottom: 45px;
}

.utility-marginBottom-50 {
  margin-bottom: 50px;
}

.utility-marginBottom-55 {
  margin-bottom: 55px;
}

.utility-marginBottom-60 {
  margin-bottom: 60px;
}

.utility-marginBottom-65 {
  margin-bottom: 65px;
}

.utility-marginBottom-70 {
  margin-bottom: 70px;
}

.utility-marginBottom-75 {
  margin-bottom: 75px;
}

.utility-marginBottom-80 {
  margin-bottom: 80px;
}

.utility-marginBottom-85 {
  margin-bottom: 85px;
}

.utility-marginBottom-90 {
  margin-bottom: 90px;
}

.utility-marginBottom-95 {
  margin-bottom: 95px;
}

.utility-marginBottom-100 {
  margin-bottom: 100px;
}

.utility-marginBottom-105 {
  margin-bottom: 105px;
}

.utility-marginBottom-110 {
  margin-bottom: 110px;
}

.utility-marginBottom-115 {
  margin-bottom: 115px;
}

.utility-marginBottom-120 {
  margin-bottom: 120px;
}

.utility-marginBottom-125 {
  margin-bottom: 125px;
}

.utility-marginBottom-130 {
  margin-bottom: 130px;
}

.utility-marginBottom-135 {
  margin-bottom: 135px;
}

.utility-marginBottom-140 {
  margin-bottom: 140px;
}

.utility-marginBottom-145 {
  margin-bottom: 145px;
}

.utility-marginBottom-150 {
  margin-bottom: 150px;
}

.utility-negativeMarginleft-0 {
  margin-left: 0px;
}

.utility-negativeMarginleft-5 {
  margin-left: -5px;
}

.utility-negativeMarginleft-10 {
  margin-left: -10px;
}

.utility-negativeMarginleft-15 {
  margin-left: -15px;
}

.utility-negativeMarginleft-20 {
  margin-left: -20px;
}

.utility-negativeMarginleft-25 {
  margin-left: -25px;
}

.utility-negativeMarginleft-30 {
  margin-left: -30px;
}

.utility-negativeMarginleft-35 {
  margin-left: -35px;
}

.utility-negativeMarginleft-40 {
  margin-left: -40px;
}

.utility-negativeMarginleft-45 {
  margin-left: -45px;
}

.utility-negativeMarginleft-50 {
  margin-left: -50px;
}

.utility-negativeMarginleft-55 {
  margin-left: -55px;
}

.utility-negativeMarginleft-60 {
  margin-left: -60px;
}

.utility-negativeMarginleft-65 {
  margin-left: -65px;
}

.utility-negativeMarginleft-70 {
  margin-left: -70px;
}

.utility-negativeMarginleft-75 {
  margin-left: -75px;
}

.utility-negativeMarginleft-80 {
  margin-left: -80px;
}

.utility-negativeMarginleft-85 {
  margin-left: -85px;
}

.utility-negativeMarginleft-90 {
  margin-left: -90px;
}

.utility-negativeMarginleft-95 {
  margin-left: -95px;
}

.utility-negativeMarginleft-100 {
  margin-left: -100px;
}

.utility-negativeMarginRight-0 {
  margin-right: 0px;
}

.utility-negativeMarginRight-5 {
  margin-right: -5px;
}

.utility-negativeMarginRight-10 {
  margin-right: -10px;
}

.utility-negativeMarginRight-15 {
  margin-right: -15px;
}

.utility-negativeMarginRight-20 {
  margin-right: -20px;
}

.utility-negativeMarginRight-25 {
  margin-right: -25px;
}

.utility-negativeMarginRight-30 {
  margin-right: -30px;
}

.utility-negativeMarginRight-35 {
  margin-right: -35px;
}

.utility-negativeMarginRight-40 {
  margin-right: -40px;
}

.utility-negativeMarginRight-45 {
  margin-right: -45px;
}

.utility-negativeMarginRight-50 {
  margin-right: -50px;
}

.utility-negativeMarginRight-55 {
  margin-right: -55px;
}

.utility-negativeMarginRight-60 {
  margin-right: -60px;
}

.utility-negativeMarginRight-65 {
  margin-right: -65px;
}

.utility-negativeMarginRight-70 {
  margin-right: -70px;
}

.utility-negativeMarginRight-75 {
  margin-right: -75px;
}

.utility-negativeMarginRight-80 {
  margin-right: -80px;
}

.utility-negativeMarginRight-85 {
  margin-right: -85px;
}

.utility-negativeMarginRight-90 {
  margin-right: -90px;
}

.utility-negativeMarginRight-95 {
  margin-right: -95px;
}

.utility-negativeMarginRight-100 {
  margin-right: -100px;
}

.utility-color-brandRed {
  color: #e30012 !important;
}

.utility-color-black {
  color: #000 !important;
}

.utility-color-white {
  color: #fff !important;
}

.utility-color-darkBlue {
  color: #1e283c !important;
}

.utility-color-red {
  color: #ea0437 !important;
}

.utility-color-greenWhite {
  color: #e1e1d8 !important;
}

.utility-color-grayBlue {
  color: #64606e !important;
}

.utility-color-midGray {
  color: #63606d !important;
}

.utility-color-lightGray {
  color: #d4d6df !important;
}

@media screen and (max-width: 969px) {
  .smallScreen-textAlign-center {
    text-align: center;
  }
  .smallScreen-textAlign-right {
    text-align: right;
  }
  .smallScreen-textAlign-left {
    text-align: left;
  }
  .smallScreen-justifyContent-center {
    justify-content: center;
  }
  .smallScreen-justifyContent-right {
    justify-content: right;
  }
  .smallScreen-justifyContent-left {
    justify-content: left;
  }
  .smallScreen-hide {
    display: none;
  }
  .smallScreen-line-break {
    display: block;
  }
  .smallScreen-lastChild {
    margin-bottom: 0 !important;
  }
  .smallScreen-fontSize-10 {
    font-size: 1rem;
  }
  .smallScreen-fontSize-11 {
    font-size: 1.1rem;
  }
  .smallScreen-fontSize-12 {
    font-size: 1.2rem;
  }
  .smallScreen-fontSize-13 {
    font-size: 1.3rem;
  }
  .smallScreen-fontSize-14 {
    font-size: 1.4rem;
  }
  .smallScreen-fontSize-15 {
    font-size: 1.5rem;
  }
  .smallScreen-fontSize-16 {
    font-size: 1.6rem;
  }
  .smallScreen-fontSize-17 {
    font-size: 1.7rem;
  }
  .smallScreen-fontSize-18 {
    font-size: 1.8rem;
  }
  .smallScreen-fontSize-19 {
    font-size: 1.9rem;
  }
  .smallScreen-fontSize-20 {
    font-size: 2rem;
  }
  .smallScreen-marginTop-0 {
    margin-top: 0px;
  }
  .smallScreen-marginTop-5 {
    margin-top: 5px;
  }
  .smallScreen-marginTop-10 {
    margin-top: 10px;
  }
  .smallScreen-marginTop-15 {
    margin-top: 15px;
  }
  .smallScreen-marginTop-20 {
    margin-top: 20px;
  }
  .smallScreen-marginTop-25 {
    margin-top: 25px;
  }
  .smallScreen-marginTop-30 {
    margin-top: 30px;
  }
  .smallScreen-marginTop-35 {
    margin-top: 35px;
  }
  .smallScreen-marginTop-40 {
    margin-top: 40px;
  }
  .smallScreen-marginTop-45 {
    margin-top: 45px;
  }
  .smallScreen-marginTop-50 {
    margin-top: 50px;
  }
  .smallScreen-marginTop-55 {
    margin-top: 55px;
  }
  .smallScreen-marginTop-60 {
    margin-top: 60px;
  }
  .smallScreen-marginTop-65 {
    margin-top: 65px;
  }
  .smallScreen-marginTop-70 {
    margin-top: 70px;
  }
  .smallScreen-marginTop-75 {
    margin-top: 75px;
  }
  .smallScreen-marginTop-80 {
    margin-top: 80px;
  }
  .smallScreen-marginTop-85 {
    margin-top: 85px;
  }
  .smallScreen-marginTop-90 {
    margin-top: 90px;
  }
  .smallScreen-marginTop-95 {
    margin-top: 95px;
  }
  .smallScreen-marginTop-100 {
    margin-top: 100px;
  }
  .smallScreen-marginTop-105 {
    margin-top: 105px;
  }
  .smallScreen-marginTop-110 {
    margin-top: 110px;
  }
  .smallScreen-marginTop-115 {
    margin-top: 115px;
  }
  .smallScreen-marginTop-120 {
    margin-top: 120px;
  }
  .smallScreen-marginTop-125 {
    margin-top: 125px;
  }
  .smallScreen-marginTop-130 {
    margin-top: 130px;
  }
  .smallScreen-marginTop-135 {
    margin-top: 135px;
  }
  .smallScreen-marginTop-140 {
    margin-top: 140px;
  }
  .smallScreen-marginTop-145 {
    margin-top: 145px;
  }
  .smallScreen-marginTop-150 {
    margin-top: 150px;
  }
  .smallScreen-marginBottom-0 {
    margin-bottom: 0px;
  }
  .smallScreen-marginBottom-5 {
    margin-bottom: 5px;
  }
  .smallScreen-marginBottom-10 {
    margin-bottom: 10px;
  }
  .smallScreen-marginBottom-15 {
    margin-bottom: 15px;
  }
  .smallScreen-marginBottom-20 {
    margin-bottom: 20px;
  }
  .smallScreen-marginBottom-25 {
    margin-bottom: 25px;
  }
  .smallScreen-marginBottom-30 {
    margin-bottom: 30px;
  }
  .smallScreen-marginBottom-35 {
    margin-bottom: 35px;
  }
  .smallScreen-marginBottom-40 {
    margin-bottom: 40px;
  }
  .smallScreen-marginBottom-45 {
    margin-bottom: 45px;
  }
  .smallScreen-marginBottom-50 {
    margin-bottom: 50px;
  }
  .smallScreen-marginBottom-55 {
    margin-bottom: 55px;
  }
  .smallScreen-marginBottom-60 {
    margin-bottom: 60px;
  }
  .smallScreen-marginBottom-65 {
    margin-bottom: 65px;
  }
  .smallScreen-marginBottom-70 {
    margin-bottom: 70px;
  }
  .smallScreen-marginBottom-75 {
    margin-bottom: 75px;
  }
  .smallScreen-marginBottom-80 {
    margin-bottom: 80px;
  }
  .smallScreen-marginBottom-85 {
    margin-bottom: 85px;
  }
  .smallScreen-marginBottom-90 {
    margin-bottom: 90px;
  }
  .smallScreen-marginBottom-95 {
    margin-bottom: 95px;
  }
  .smallScreen-marginBottom-100 {
    margin-bottom: 100px;
  }
  .smallScreen-marginBottom-105 {
    margin-bottom: 105px;
  }
  .smallScreen-marginBottom-110 {
    margin-bottom: 110px;
  }
  .smallScreen-marginBottom-115 {
    margin-bottom: 115px;
  }
  .smallScreen-marginBottom-120 {
    margin-bottom: 120px;
  }
  .smallScreen-marginBottom-125 {
    margin-bottom: 125px;
  }
  .smallScreen-marginBottom-130 {
    margin-bottom: 130px;
  }
  .smallScreen-marginBottom-135 {
    margin-bottom: 135px;
  }
  .smallScreen-marginBottom-140 {
    margin-bottom: 140px;
  }
  .smallScreen-marginBottom-145 {
    margin-bottom: 145px;
  }
  .smallScreen-marginBottom-150 {
    margin-bottom: 150px;
  }
  .smallScreen-negativeMarginleft-0 {
    margin-left: 0px;
  }
  .smallScreen-negativeMarginleft-5 {
    margin-left: -5px;
  }
  .smallScreen-negativeMarginleft-10 {
    margin-left: -10px;
  }
  .smallScreen-negativeMarginleft-15 {
    margin-left: -15px;
  }
  .smallScreen-negativeMarginleft-20 {
    margin-left: -20px;
  }
  .smallScreen-negativeMarginleft-25 {
    margin-left: -25px;
  }
  .smallScreen-negativeMarginleft-30 {
    margin-left: -30px;
  }
  .smallScreen-negativeMarginleft-35 {
    margin-left: -35px;
  }
  .smallScreen-negativeMarginleft-40 {
    margin-left: -40px;
  }
  .smallScreen-negativeMarginleft-45 {
    margin-left: -45px;
  }
  .smallScreen-negativeMarginleft-50 {
    margin-left: -50px;
  }
  .smallScreen-negativeMarginleft-55 {
    margin-left: -55px;
  }
  .smallScreen-negativeMarginleft-60 {
    margin-left: -60px;
  }
  .smallScreen-negativeMarginleft-65 {
    margin-left: -65px;
  }
  .smallScreen-negativeMarginleft-70 {
    margin-left: -70px;
  }
  .smallScreen-negativeMarginleft-75 {
    margin-left: -75px;
  }
  .smallScreen-negativeMarginleft-80 {
    margin-left: -80px;
  }
  .smallScreen-negativeMarginleft-85 {
    margin-left: -85px;
  }
  .smallScreen-negativeMarginleft-90 {
    margin-left: -90px;
  }
  .smallScreen-negativeMarginleft-95 {
    margin-left: -95px;
  }
  .smallScreen-negativeMarginleft-100 {
    margin-left: -100px;
  }
  .smallScreen-negativeMarginRight-0 {
    margin-right: 0px;
  }
  .smallScreen-negativeMarginRight-5 {
    margin-right: -5px;
  }
  .smallScreen-negativeMarginRight-10 {
    margin-right: -10px;
  }
  .smallScreen-negativeMarginRight-15 {
    margin-right: -15px;
  }
  .smallScreen-negativeMarginRight-20 {
    margin-right: -20px;
  }
  .smallScreen-negativeMarginRight-25 {
    margin-right: -25px;
  }
  .smallScreen-negativeMarginRight-30 {
    margin-right: -30px;
  }
  .smallScreen-negativeMarginRight-35 {
    margin-right: -35px;
  }
  .smallScreen-negativeMarginRight-40 {
    margin-right: -40px;
  }
  .smallScreen-negativeMarginRight-45 {
    margin-right: -45px;
  }
  .smallScreen-negativeMarginRight-50 {
    margin-right: -50px;
  }
  .smallScreen-negativeMarginRight-55 {
    margin-right: -55px;
  }
  .smallScreen-negativeMarginRight-60 {
    margin-right: -60px;
  }
  .smallScreen-negativeMarginRight-65 {
    margin-right: -65px;
  }
  .smallScreen-negativeMarginRight-70 {
    margin-right: -70px;
  }
  .smallScreen-negativeMarginRight-75 {
    margin-right: -75px;
  }
  .smallScreen-negativeMarginRight-80 {
    margin-right: -80px;
  }
  .smallScreen-negativeMarginRight-85 {
    margin-right: -85px;
  }
  .smallScreen-negativeMarginRight-90 {
    margin-right: -90px;
  }
  .smallScreen-negativeMarginRight-95 {
    margin-right: -95px;
  }
  .smallScreen-negativeMarginRight-100 {
    margin-right: -100px;
  }
}
@media screen and (max-width: 768px) {
  .extraSmallScreen-textAlign-center {
    text-align: center;
  }
  .extraSmallScreen-textAlign-right {
    text-align: right;
  }
  .extraSmallScreen-textAlign-left {
    text-align: left;
  }
  .extraSmallScreen-justifyContent-center {
    justify-content: center;
  }
  .extraSmallScreen-justifyContent-right {
    justify-content: right;
  }
  .extraSmallScreen-justifyContent-left {
    justify-content: left;
  }
  .extraSmallScreen-hide {
    display: none;
  }
  .extraSmallScreen-line-break {
    display: block;
  }
  .extraSmallScreen-lastChild {
    margin-bottom: 0 !important;
  }
  .extraSmallScreen-fontSize-10 {
    font-size: 1rem;
  }
  .extraSmallScreen-fontSize-11 {
    font-size: 1.1rem;
  }
  .extraSmallScreen-fontSize-12 {
    font-size: 1.2rem;
  }
  .extraSmallScreen-fontSize-13 {
    font-size: 1.3rem;
  }
  .extraSmallScreen-fontSize-14 {
    font-size: 1.4rem;
  }
  .extraSmallScreen-fontSize-15 {
    font-size: 1.5rem;
  }
  .extraSmallScreen-fontSize-16 {
    font-size: 1.6rem;
  }
  .extraSmallScreen-fontSize-17 {
    font-size: 1.7rem;
  }
  .extraSmallScreen-fontSize-18 {
    font-size: 1.8rem;
  }
  .extraSmallScreen-fontSize-19 {
    font-size: 1.9rem;
  }
  .extraSmallScreen-fontSize-20 {
    font-size: 2rem;
  }
  .extraSmallScreen-marginTop-0 {
    margin-bottom: 0px;
  }
  .extraSmallScreen-marginTop-5 {
    margin-bottom: 5px;
  }
  .extraSmallScreen-marginTop-10 {
    margin-bottom: 10px;
  }
  .extraSmallScreen-marginTop-15 {
    margin-bottom: 15px;
  }
  .extraSmallScreen-marginTop-20 {
    margin-bottom: 20px;
  }
  .extraSmallScreen-marginTop-25 {
    margin-bottom: 25px;
  }
  .extraSmallScreen-marginTop-30 {
    margin-bottom: 30px;
  }
  .extraSmallScreen-marginTop-35 {
    margin-bottom: 35px;
  }
  .extraSmallScreen-marginTop-40 {
    margin-bottom: 40px;
  }
  .extraSmallScreen-marginTop-45 {
    margin-bottom: 45px;
  }
  .extraSmallScreen-marginTop-50 {
    margin-bottom: 50px;
  }
  .extraSmallScreen-marginTop-55 {
    margin-bottom: 55px;
  }
  .extraSmallScreen-marginTop-60 {
    margin-bottom: 60px;
  }
  .extraSmallScreen-marginTop-65 {
    margin-bottom: 65px;
  }
  .extraSmallScreen-marginTop-70 {
    margin-bottom: 70px;
  }
  .extraSmallScreen-marginTop-75 {
    margin-bottom: 75px;
  }
  .extraSmallScreen-marginTop-80 {
    margin-bottom: 80px;
  }
  .extraSmallScreen-marginTop-85 {
    margin-bottom: 85px;
  }
  .extraSmallScreen-marginTop-90 {
    margin-bottom: 90px;
  }
  .extraSmallScreen-marginTop-95 {
    margin-bottom: 95px;
  }
  .extraSmallScreen-marginTop-100 {
    margin-bottom: 100px;
  }
  .extraSmallScreen-marginTop-105 {
    margin-bottom: 105px;
  }
  .extraSmallScreen-marginTop-110 {
    margin-bottom: 110px;
  }
  .extraSmallScreen-marginTop-115 {
    margin-bottom: 115px;
  }
  .extraSmallScreen-marginTop-120 {
    margin-bottom: 120px;
  }
  .extraSmallScreen-marginTop-125 {
    margin-bottom: 125px;
  }
  .extraSmallScreen-marginTop-130 {
    margin-bottom: 130px;
  }
  .extraSmallScreen-marginTop-135 {
    margin-bottom: 135px;
  }
  .extraSmallScreen-marginTop-140 {
    margin-bottom: 140px;
  }
  .extraSmallScreen-marginTop-145 {
    margin-bottom: 145px;
  }
  .extraSmallScreen-marginTop-150 {
    margin-bottom: 150px;
  }
  .extraSmallScreen-marginBottom-0 {
    margin-bottom: 0px;
  }
  .extraSmallScreen-marginBottom-5 {
    margin-bottom: 5px;
  }
  .extraSmallScreen-marginBottom-10 {
    margin-bottom: 10px;
  }
  .extraSmallScreen-marginBottom-15 {
    margin-bottom: 15px;
  }
  .extraSmallScreen-marginBottom-20 {
    margin-bottom: 20px;
  }
  .extraSmallScreen-marginBottom-25 {
    margin-bottom: 25px;
  }
  .extraSmallScreen-marginBottom-30 {
    margin-bottom: 30px;
  }
  .extraSmallScreen-marginBottom-35 {
    margin-bottom: 35px;
  }
  .extraSmallScreen-marginBottom-40 {
    margin-bottom: 40px;
  }
  .extraSmallScreen-marginBottom-45 {
    margin-bottom: 45px;
  }
  .extraSmallScreen-marginBottom-50 {
    margin-bottom: 50px;
  }
  .extraSmallScreen-marginBottom-55 {
    margin-bottom: 55px;
  }
  .extraSmallScreen-marginBottom-60 {
    margin-bottom: 60px;
  }
  .extraSmallScreen-marginBottom-65 {
    margin-bottom: 65px;
  }
  .extraSmallScreen-marginBottom-70 {
    margin-bottom: 70px;
  }
  .extraSmallScreen-marginBottom-75 {
    margin-bottom: 75px;
  }
  .extraSmallScreen-marginBottom-80 {
    margin-bottom: 80px;
  }
  .extraSmallScreen-marginBottom-85 {
    margin-bottom: 85px;
  }
  .extraSmallScreen-marginBottom-90 {
    margin-bottom: 90px;
  }
  .extraSmallScreen-marginBottom-95 {
    margin-bottom: 95px;
  }
  .extraSmallScreen-marginBottom-100 {
    margin-bottom: 100px;
  }
  .extraSmallScreen-marginBottom-105 {
    margin-bottom: 105px;
  }
  .extraSmallScreen-marginBottom-110 {
    margin-bottom: 110px;
  }
  .extraSmallScreen-marginBottom-115 {
    margin-bottom: 115px;
  }
  .extraSmallScreen-marginBottom-120 {
    margin-bottom: 120px;
  }
  .extraSmallScreen-marginBottom-125 {
    margin-bottom: 125px;
  }
  .extraSmallScreen-marginBottom-130 {
    margin-bottom: 130px;
  }
  .extraSmallScreen-marginBottom-135 {
    margin-bottom: 135px;
  }
  .extraSmallScreen-marginBottom-140 {
    margin-bottom: 140px;
  }
  .extraSmallScreen-marginBottom-145 {
    margin-bottom: 145px;
  }
  .extraSmallScreen-marginBottom-150 {
    margin-bottom: 150px;
  }
  .extraSmallScreen-negativeMarginleft-0 {
    margin-left: 0px;
  }
  .extraSmallScreen-negativeMarginleft-5 {
    margin-left: -5px;
  }
  .extraSmallScreen-negativeMarginleft-10 {
    margin-left: -10px;
  }
  .extraSmallScreen-negativeMarginleft-15 {
    margin-left: -15px;
  }
  .extraSmallScreen-negativeMarginleft-20 {
    margin-left: -20px;
  }
  .extraSmallScreen-negativeMarginleft-25 {
    margin-left: -25px;
  }
  .extraSmallScreen-negativeMarginleft-30 {
    margin-left: -30px;
  }
  .extraSmallScreen-negativeMarginleft-35 {
    margin-left: -35px;
  }
  .extraSmallScreen-negativeMarginleft-40 {
    margin-left: -40px;
  }
  .extraSmallScreen-negativeMarginleft-45 {
    margin-left: -45px;
  }
  .extraSmallScreen-negativeMarginleft-50 {
    margin-left: -50px;
  }
  .extraSmallScreen-negativeMarginleft-55 {
    margin-left: -55px;
  }
  .extraSmallScreen-negativeMarginleft-60 {
    margin-left: -60px;
  }
  .extraSmallScreen-negativeMarginleft-65 {
    margin-left: -65px;
  }
  .extraSmallScreen-negativeMarginleft-70 {
    margin-left: -70px;
  }
  .extraSmallScreen-negativeMarginleft-75 {
    margin-left: -75px;
  }
  .extraSmallScreen-negativeMarginleft-80 {
    margin-left: -80px;
  }
  .extraSmallScreen-negativeMarginleft-85 {
    margin-left: -85px;
  }
  .extraSmallScreen-negativeMarginleft-90 {
    margin-left: -90px;
  }
  .extraSmallScreen-negativeMarginleft-95 {
    margin-left: -95px;
  }
  .extraSmallScreen-negativeMarginleft-100 {
    margin-left: -100px;
  }
  .extraSmallScreen-negativeMarginRight-0 {
    margin-right: 0px;
  }
  .extraSmallScreen-negativeMarginRight-5 {
    margin-right: -5px;
  }
  .extraSmallScreen-negativeMarginRight-10 {
    margin-right: -10px;
  }
  .extraSmallScreen-negativeMarginRight-15 {
    margin-right: -15px;
  }
  .extraSmallScreen-negativeMarginRight-20 {
    margin-right: -20px;
  }
  .extraSmallScreen-negativeMarginRight-25 {
    margin-right: -25px;
  }
  .extraSmallScreen-negativeMarginRight-30 {
    margin-right: -30px;
  }
  .extraSmallScreen-negativeMarginRight-35 {
    margin-right: -35px;
  }
  .extraSmallScreen-negativeMarginRight-40 {
    margin-right: -40px;
  }
  .extraSmallScreen-negativeMarginRight-45 {
    margin-right: -45px;
  }
  .extraSmallScreen-negativeMarginRight-50 {
    margin-right: -50px;
  }
  .extraSmallScreen-negativeMarginRight-55 {
    margin-right: -55px;
  }
  .extraSmallScreen-negativeMarginRight-60 {
    margin-right: -60px;
  }
  .extraSmallScreen-negativeMarginRight-65 {
    margin-right: -65px;
  }
  .extraSmallScreen-negativeMarginRight-70 {
    margin-right: -70px;
  }
  .extraSmallScreen-negativeMarginRight-75 {
    margin-right: -75px;
  }
  .extraSmallScreen-negativeMarginRight-80 {
    margin-right: -80px;
  }
  .extraSmallScreen-negativeMarginRight-85 {
    margin-right: -85px;
  }
  .extraSmallScreen-negativeMarginRight-90 {
    margin-right: -90px;
  }
  .extraSmallScreen-negativeMarginRight-95 {
    margin-right: -95px;
  }
  .extraSmallScreen-negativeMarginRight-100 {
    margin-right: -100px;
  }
}
@media screen and (max-width: 479px) {
  .minimumScreen-textAlign-center {
    text-align: center;
  }
  .minimumScreen-textAlign-right {
    text-align: right;
  }
  .minimumScreen-textAlign-left {
    text-align: left;
  }
  .minimumScreen-justifyContent-center {
    justify-content: center;
  }
  .minimumScreen-justifyContent-right {
    justify-content: right;
  }
  .minimumScreen-justifyContent-left {
    justify-content: left;
  }
  .minimumScreen-hide {
    display: none;
  }
  .minimumScreen-line-break {
    display: block;
  }
  .minimumScreen-lastChild {
    margin-bottom: 0 !important;
  }
  .minimumScreen-fontSize-10 {
    font-size: 1rem;
  }
  .minimumScreen-fontSize-11 {
    font-size: 1.1rem;
  }
  .minimumScreen-fontSize-12 {
    font-size: 1.2rem;
  }
  .minimumScreen-fontSize-13 {
    font-size: 1.3rem;
  }
  .minimumScreen-fontSize-14 {
    font-size: 1.4rem;
  }
  .minimumScreen-fontSize-15 {
    font-size: 1.5rem;
  }
  .minimumScreen-fontSize-16 {
    font-size: 1.6rem;
  }
  .minimumScreen-fontSize-17 {
    font-size: 1.7rem;
  }
  .minimumScreen-fontSize-18 {
    font-size: 1.8rem;
  }
  .minimumScreen-fontSize-19 {
    font-size: 1.9rem;
  }
  .minimumScreen-fontSize-20 {
    font-size: 2rem;
  }
  .minimumScreen-marginTop-0 {
    margin-bottom: 0px;
  }
  .minimumScreen-marginTop-5 {
    margin-bottom: 5px;
  }
  .minimumScreen-marginTop-10 {
    margin-bottom: 10px;
  }
  .minimumScreen-marginTop-15 {
    margin-bottom: 15px;
  }
  .minimumScreen-marginTop-20 {
    margin-bottom: 20px;
  }
  .minimumScreen-marginTop-25 {
    margin-bottom: 25px;
  }
  .minimumScreen-marginTop-30 {
    margin-bottom: 30px;
  }
  .minimumScreen-marginTop-35 {
    margin-bottom: 35px;
  }
  .minimumScreen-marginTop-40 {
    margin-bottom: 40px;
  }
  .minimumScreen-marginTop-45 {
    margin-bottom: 45px;
  }
  .minimumScreen-marginTop-50 {
    margin-bottom: 50px;
  }
  .minimumScreen-marginTop-55 {
    margin-bottom: 55px;
  }
  .minimumScreen-marginTop-60 {
    margin-bottom: 60px;
  }
  .minimumScreen-marginTop-65 {
    margin-bottom: 65px;
  }
  .minimumScreen-marginTop-70 {
    margin-bottom: 70px;
  }
  .minimumScreen-marginTop-75 {
    margin-bottom: 75px;
  }
  .minimumScreen-marginTop-80 {
    margin-bottom: 80px;
  }
  .minimumScreen-marginTop-85 {
    margin-bottom: 85px;
  }
  .minimumScreen-marginTop-90 {
    margin-bottom: 90px;
  }
  .minimumScreen-marginTop-95 {
    margin-bottom: 95px;
  }
  .minimumScreen-marginTop-100 {
    margin-bottom: 100px;
  }
  .minimumScreen-marginTop-105 {
    margin-bottom: 105px;
  }
  .minimumScreen-marginTop-110 {
    margin-bottom: 110px;
  }
  .minimumScreen-marginTop-115 {
    margin-bottom: 115px;
  }
  .minimumScreen-marginTop-120 {
    margin-bottom: 120px;
  }
  .minimumScreen-marginTop-125 {
    margin-bottom: 125px;
  }
  .minimumScreen-marginTop-130 {
    margin-bottom: 130px;
  }
  .minimumScreen-marginTop-135 {
    margin-bottom: 135px;
  }
  .minimumScreen-marginTop-140 {
    margin-bottom: 140px;
  }
  .minimumScreen-marginTop-145 {
    margin-bottom: 145px;
  }
  .minimumScreen-marginTop-150 {
    margin-bottom: 150px;
  }
  .minimumScreen-marginBottom-0 {
    margin-bottom: 0px;
  }
  .minimumScreen-marginBottom-5 {
    margin-bottom: 5px;
  }
  .minimumScreen-marginBottom-10 {
    margin-bottom: 10px;
  }
  .minimumScreen-marginBottom-15 {
    margin-bottom: 15px;
  }
  .minimumScreen-marginBottom-20 {
    margin-bottom: 20px;
  }
  .minimumScreen-marginBottom-25 {
    margin-bottom: 25px;
  }
  .minimumScreen-marginBottom-30 {
    margin-bottom: 30px;
  }
  .minimumScreen-marginBottom-35 {
    margin-bottom: 35px;
  }
  .minimumScreen-marginBottom-40 {
    margin-bottom: 40px;
  }
  .minimumScreen-marginBottom-45 {
    margin-bottom: 45px;
  }
  .minimumScreen-marginBottom-50 {
    margin-bottom: 50px;
  }
  .minimumScreen-marginBottom-55 {
    margin-bottom: 55px;
  }
  .minimumScreen-marginBottom-60 {
    margin-bottom: 60px;
  }
  .minimumScreen-marginBottom-65 {
    margin-bottom: 65px;
  }
  .minimumScreen-marginBottom-70 {
    margin-bottom: 70px;
  }
  .minimumScreen-marginBottom-75 {
    margin-bottom: 75px;
  }
  .minimumScreen-marginBottom-80 {
    margin-bottom: 80px;
  }
  .minimumScreen-marginBottom-85 {
    margin-bottom: 85px;
  }
  .minimumScreen-marginBottom-90 {
    margin-bottom: 90px;
  }
  .minimumScreen-marginBottom-95 {
    margin-bottom: 95px;
  }
  .minimumScreen-marginBottom-100 {
    margin-bottom: 100px;
  }
  .minimumScreen-marginBottom-105 {
    margin-bottom: 105px;
  }
  .minimumScreen-marginBottom-110 {
    margin-bottom: 110px;
  }
  .minimumScreen-marginBottom-115 {
    margin-bottom: 115px;
  }
  .minimumScreen-marginBottom-120 {
    margin-bottom: 120px;
  }
  .minimumScreen-marginBottom-125 {
    margin-bottom: 125px;
  }
  .minimumScreen-marginBottom-130 {
    margin-bottom: 130px;
  }
  .minimumScreen-marginBottom-135 {
    margin-bottom: 135px;
  }
  .minimumScreen-marginBottom-140 {
    margin-bottom: 140px;
  }
  .minimumScreen-marginBottom-145 {
    margin-bottom: 145px;
  }
  .minimumScreen-marginBottom-150 {
    margin-bottom: 150px;
  }
  .minimumScreen-negativeMarginleft-0 {
    margin-left: 0px;
  }
  .minimumScreen-negativeMarginleft-5 {
    margin-left: -5px;
  }
  .minimumScreen-negativeMarginleft-10 {
    margin-left: -10px;
  }
  .minimumScreen-negativeMarginleft-15 {
    margin-left: -15px;
  }
  .minimumScreen-negativeMarginleft-20 {
    margin-left: -20px;
  }
  .minimumScreen-negativeMarginleft-25 {
    margin-left: -25px;
  }
  .minimumScreen-negativeMarginleft-30 {
    margin-left: -30px;
  }
  .minimumScreen-negativeMarginleft-35 {
    margin-left: -35px;
  }
  .minimumScreen-negativeMarginleft-40 {
    margin-left: -40px;
  }
  .minimumScreen-negativeMarginleft-45 {
    margin-left: -45px;
  }
  .minimumScreen-negativeMarginleft-50 {
    margin-left: -50px;
  }
  .minimumScreen-negativeMarginleft-55 {
    margin-left: -55px;
  }
  .minimumScreen-negativeMarginleft-60 {
    margin-left: -60px;
  }
  .minimumScreen-negativeMarginleft-65 {
    margin-left: -65px;
  }
  .minimumScreen-negativeMarginleft-70 {
    margin-left: -70px;
  }
  .minimumScreen-negativeMarginleft-75 {
    margin-left: -75px;
  }
  .minimumScreen-negativeMarginleft-80 {
    margin-left: -80px;
  }
  .minimumScreen-negativeMarginleft-85 {
    margin-left: -85px;
  }
  .minimumScreen-negativeMarginleft-90 {
    margin-left: -90px;
  }
  .minimumScreen-negativeMarginleft-95 {
    margin-left: -95px;
  }
  .minimumScreen-negativeMarginleft-100 {
    margin-left: -100px;
  }
  .minimumScreen-negativeMarginRight-0 {
    margin-right: 0px;
  }
  .minimumScreen-negativeMarginRight-5 {
    margin-right: -5px;
  }
  .minimumScreen-negativeMarginRight-10 {
    margin-right: -10px;
  }
  .minimumScreen-negativeMarginRight-15 {
    margin-right: -15px;
  }
  .minimumScreen-negativeMarginRight-20 {
    margin-right: -20px;
  }
  .minimumScreen-negativeMarginRight-25 {
    margin-right: -25px;
  }
  .minimumScreen-negativeMarginRight-30 {
    margin-right: -30px;
  }
  .minimumScreen-negativeMarginRight-35 {
    margin-right: -35px;
  }
  .minimumScreen-negativeMarginRight-40 {
    margin-right: -40px;
  }
  .minimumScreen-negativeMarginRight-45 {
    margin-right: -45px;
  }
  .minimumScreen-negativeMarginRight-50 {
    margin-right: -50px;
  }
  .minimumScreen-negativeMarginRight-55 {
    margin-right: -55px;
  }
  .minimumScreen-negativeMarginRight-60 {
    margin-right: -60px;
  }
  .minimumScreen-negativeMarginRight-65 {
    margin-right: -65px;
  }
  .minimumScreen-negativeMarginRight-70 {
    margin-right: -70px;
  }
  .minimumScreen-negativeMarginRight-75 {
    margin-right: -75px;
  }
  .minimumScreen-negativeMarginRight-80 {
    margin-right: -80px;
  }
  .minimumScreen-negativeMarginRight-85 {
    margin-right: -85px;
  }
  .minimumScreen-negativeMarginRight-90 {
    margin-right: -90px;
  }
  .minimumScreen-negativeMarginRight-95 {
    margin-right: -95px;
  }
  .minimumScreen-negativeMarginRight-100 {
    margin-right: -100px;
  }
}
@media screen and (min-width: 970px) {
  .largeScreen-textAlign-center {
    text-align: center;
  }
  .largeScreen-textAlign-right {
    text-align: right;
  }
  .largeScreen-textAlign-left {
    text-align: left;
  }
  .largeScreen-justifyContent-center {
    justify-content: center;
  }
  .largeScreen-justifyContent-right {
    justify-content: right;
  }
  .largeScreen-justifyContent-left {
    justify-content: left;
  }
  .largeScreen-hide {
    display: none;
  }
  .largeScreen-line-break {
    display: block;
  }
  .largeScreen-lastChild {
    margin-bottom: 0 !important;
  }
  .largeScreen-fontSize-10 {
    font-size: 1rem;
  }
  .largeScreen-fontSize-11 {
    font-size: 1.1rem;
  }
  .largeScreen-fontSize-12 {
    font-size: 1.2rem;
  }
  .largeScreen-fontSize-13 {
    font-size: 1.3rem;
  }
  .largeScreen-fontSize-14 {
    font-size: 1.4rem;
  }
  .largeScreen-fontSize-15 {
    font-size: 1.5rem;
  }
  .largeScreen-fontSize-16 {
    font-size: 1.6rem;
  }
  .largeScreen-fontSize-17 {
    font-size: 1.7rem;
  }
  .largeScreen-fontSize-18 {
    font-size: 1.8rem;
  }
  .largeScreen-fontSize-19 {
    font-size: 1.9rem;
  }
  .largeScreen-fontSize-20 {
    font-size: 2rem;
  }
  .largeScreen-marginTop-0 {
    margin-bottom: 0px;
  }
  .largeScreen-marginTop-5 {
    margin-bottom: 5px;
  }
  .largeScreen-marginTop-10 {
    margin-bottom: 10px;
  }
  .largeScreen-marginTop-15 {
    margin-bottom: 15px;
  }
  .largeScreen-marginTop-20 {
    margin-bottom: 20px;
  }
  .largeScreen-marginTop-25 {
    margin-bottom: 25px;
  }
  .largeScreen-marginTop-30 {
    margin-bottom: 30px;
  }
  .largeScreen-marginTop-35 {
    margin-bottom: 35px;
  }
  .largeScreen-marginTop-40 {
    margin-bottom: 40px;
  }
  .largeScreen-marginTop-45 {
    margin-bottom: 45px;
  }
  .largeScreen-marginTop-50 {
    margin-bottom: 50px;
  }
  .largeScreen-marginTop-55 {
    margin-bottom: 55px;
  }
  .largeScreen-marginTop-60 {
    margin-bottom: 60px;
  }
  .largeScreen-marginTop-65 {
    margin-bottom: 65px;
  }
  .largeScreen-marginTop-70 {
    margin-bottom: 70px;
  }
  .largeScreen-marginTop-75 {
    margin-bottom: 75px;
  }
  .largeScreen-marginTop-80 {
    margin-bottom: 80px;
  }
  .largeScreen-marginTop-85 {
    margin-bottom: 85px;
  }
  .largeScreen-marginTop-90 {
    margin-bottom: 90px;
  }
  .largeScreen-marginTop-95 {
    margin-bottom: 95px;
  }
  .largeScreen-marginTop-100 {
    margin-bottom: 100px;
  }
  .largeScreen-marginTop-105 {
    margin-bottom: 105px;
  }
  .largeScreen-marginTop-110 {
    margin-bottom: 110px;
  }
  .largeScreen-marginTop-115 {
    margin-bottom: 115px;
  }
  .largeScreen-marginTop-120 {
    margin-bottom: 120px;
  }
  .largeScreen-marginTop-125 {
    margin-bottom: 125px;
  }
  .largeScreen-marginTop-130 {
    margin-bottom: 130px;
  }
  .largeScreen-marginTop-135 {
    margin-bottom: 135px;
  }
  .largeScreen-marginTop-140 {
    margin-bottom: 140px;
  }
  .largeScreen-marginTop-145 {
    margin-bottom: 145px;
  }
  .largeScreen-marginTop-150 {
    margin-bottom: 150px;
  }
  .largeScreen-marginBottom-0 {
    margin-bottom: 0px;
  }
  .largeScreen-marginBottom-5 {
    margin-bottom: 5px;
  }
  .largeScreen-marginBottom-10 {
    margin-bottom: 10px;
  }
  .largeScreen-marginBottom-15 {
    margin-bottom: 15px;
  }
  .largeScreen-marginBottom-20 {
    margin-bottom: 20px;
  }
  .largeScreen-marginBottom-25 {
    margin-bottom: 25px;
  }
  .largeScreen-marginBottom-30 {
    margin-bottom: 30px;
  }
  .largeScreen-marginBottom-35 {
    margin-bottom: 35px;
  }
  .largeScreen-marginBottom-40 {
    margin-bottom: 40px;
  }
  .largeScreen-marginBottom-45 {
    margin-bottom: 45px;
  }
  .largeScreen-marginBottom-50 {
    margin-bottom: 50px;
  }
  .largeScreen-marginBottom-55 {
    margin-bottom: 55px;
  }
  .largeScreen-marginBottom-60 {
    margin-bottom: 60px;
  }
  .largeScreen-marginBottom-65 {
    margin-bottom: 65px;
  }
  .largeScreen-marginBottom-70 {
    margin-bottom: 70px;
  }
  .largeScreen-marginBottom-75 {
    margin-bottom: 75px;
  }
  .largeScreen-marginBottom-80 {
    margin-bottom: 80px;
  }
  .largeScreen-marginBottom-85 {
    margin-bottom: 85px;
  }
  .largeScreen-marginBottom-90 {
    margin-bottom: 90px;
  }
  .largeScreen-marginBottom-95 {
    margin-bottom: 95px;
  }
  .largeScreen-marginBottom-100 {
    margin-bottom: 100px;
  }
  .largeScreen-marginBottom-105 {
    margin-bottom: 105px;
  }
  .largeScreen-marginBottom-110 {
    margin-bottom: 110px;
  }
  .largeScreen-marginBottom-115 {
    margin-bottom: 115px;
  }
  .largeScreen-marginBottom-120 {
    margin-bottom: 120px;
  }
  .largeScreen-marginBottom-125 {
    margin-bottom: 125px;
  }
  .largeScreen-marginBottom-130 {
    margin-bottom: 130px;
  }
  .largeScreen-marginBottom-135 {
    margin-bottom: 135px;
  }
  .largeScreen-marginBottom-140 {
    margin-bottom: 140px;
  }
  .largeScreen-marginBottom-145 {
    margin-bottom: 145px;
  }
  .largeScreen-marginBottom-150 {
    margin-bottom: 150px;
  }
  .largeScreen-negativeMarginleft-0 {
    margin-left: 0px;
  }
  .largeScreen-negativeMarginleft-5 {
    margin-left: -5px;
  }
  .largeScreen-negativeMarginleft-10 {
    margin-left: -10px;
  }
  .largeScreen-negativeMarginleft-15 {
    margin-left: -15px;
  }
  .largeScreen-negativeMarginleft-20 {
    margin-left: -20px;
  }
  .largeScreen-negativeMarginleft-25 {
    margin-left: -25px;
  }
  .largeScreen-negativeMarginleft-30 {
    margin-left: -30px;
  }
  .largeScreen-negativeMarginleft-35 {
    margin-left: -35px;
  }
  .largeScreen-negativeMarginleft-40 {
    margin-left: -40px;
  }
  .largeScreen-negativeMarginleft-45 {
    margin-left: -45px;
  }
  .largeScreen-negativeMarginleft-50 {
    margin-left: -50px;
  }
  .largeScreen-negativeMarginleft-55 {
    margin-left: -55px;
  }
  .largeScreen-negativeMarginleft-60 {
    margin-left: -60px;
  }
  .largeScreen-negativeMarginleft-65 {
    margin-left: -65px;
  }
  .largeScreen-negativeMarginleft-70 {
    margin-left: -70px;
  }
  .largeScreen-negativeMarginleft-75 {
    margin-left: -75px;
  }
  .largeScreen-negativeMarginleft-80 {
    margin-left: -80px;
  }
  .largeScreen-negativeMarginleft-85 {
    margin-left: -85px;
  }
  .largeScreen-negativeMarginleft-90 {
    margin-left: -90px;
  }
  .largeScreen-negativeMarginleft-95 {
    margin-left: -95px;
  }
  .largeScreen-negativeMarginleft-100 {
    margin-left: -100px;
  }
  .largeScreen-negativeMarginRight-0 {
    margin-right: 0px;
  }
  .largeScreen-negativeMarginRight-5 {
    margin-right: -5px;
  }
  .largeScreen-negativeMarginRight-10 {
    margin-right: -10px;
  }
  .largeScreen-negativeMarginRight-15 {
    margin-right: -15px;
  }
  .largeScreen-negativeMarginRight-20 {
    margin-right: -20px;
  }
  .largeScreen-negativeMarginRight-25 {
    margin-right: -25px;
  }
  .largeScreen-negativeMarginRight-30 {
    margin-right: -30px;
  }
  .largeScreen-negativeMarginRight-35 {
    margin-right: -35px;
  }
  .largeScreen-negativeMarginRight-40 {
    margin-right: -40px;
  }
  .largeScreen-negativeMarginRight-45 {
    margin-right: -45px;
  }
  .largeScreen-negativeMarginRight-50 {
    margin-right: -50px;
  }
  .largeScreen-negativeMarginRight-55 {
    margin-right: -55px;
  }
  .largeScreen-negativeMarginRight-60 {
    margin-right: -60px;
  }
  .largeScreen-negativeMarginRight-65 {
    margin-right: -65px;
  }
  .largeScreen-negativeMarginRight-70 {
    margin-right: -70px;
  }
  .largeScreen-negativeMarginRight-75 {
    margin-right: -75px;
  }
  .largeScreen-negativeMarginRight-80 {
    margin-right: -80px;
  }
  .largeScreen-negativeMarginRight-85 {
    margin-right: -85px;
  }
  .largeScreen-negativeMarginRight-90 {
    margin-right: -90px;
  }
  .largeScreen-negativeMarginRight-95 {
    margin-right: -95px;
  }
  .largeScreen-negativeMarginRight-100 {
    margin-right: -100px;
  }
}
.largeScreen-sectionPullup {
  margin-top: -160px;
}
@media screen and (max-width: 1366px) {
  .largeScreen-sectionPullup {
    margin-top: calc(-5rem + (1vw - 0.48rem) * (-12.4153498871));
  }
}
@media screen and (max-width: 969px) {
  .largeScreen-sectionPullup {
    margin-top: 0;
  }
}

.ss-layout-main-footer {
  position: relative;
  padding: 75px 80px 95px 40px;
  background-color: #e1e1d8;
}
@media screen and (max-width: 969px) {
  .ss-layout-main-footer {
    padding: 50px 30px 40px;
  }
}

.ss-layout-container {
  max-width: 1000px;
  margin-inline: auto;
}
@media screen and (max-width: 969px) {
  .ss-layout-container {
    max-width: calc(36rem + (1vw - 0.48rem) * (63.5416666667));
  }
}

.ss-jumbotron {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  background-color: #000;
}
.ss-jumbotron-body {
  display: flex;
  position: relative;
  grid-row: 1/2;
  grid-column: 1/2;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 120px 45px 230px;
}
@media screen and (max-width: 1440px) {
  .ss-jumbotron-body {
    padding: calc(4rem + (1vw - 0.969rem) * (16.9851380042)) calc(2rem + (1vw - 0.969rem) * (5.3078556263)) calc(8rem + (1vw - 0.969rem) * (31.847133758));
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-body {
    align-items: flex-start;
    justify-content: center;
    padding: 120px 45px 130px;
  }
}
@media screen and (max-width: 479px) {
  .ss-jumbotron-body {
    align-items: center;
    padding-top: 40px;
  }
}
.ss-jumbotron-body > *:last-child {
  margin-bottom: 0;
}
.ss-jumbotron-image {
  display: grid;
  grid-row: 1/2;
  grid-column: 1/2;
  place-content: flex-start;
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-image {
    place-content: start;
  }
}
.ss-jumbotron-image img {
  width: 100vw;
}
.ss-jumbotron-title {
  font-weight: normal;
  font-size: 12rem;
  line-height: 1.19;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .ss-jumbotron-title {
    font-size: calc(6rem + (1vw - 0.969rem) * (12.7388535032));
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-title {
    font-size: min(6rem + (1vw - 0.48rem) * (12.2699386503), 8rem);
    line-height: 1.4;
    letter-spacing: 0.05em;
  }
}
.ss-jumbotron-titleGroup {
  display: block;
  height: max-content;
  padding-left: 215px;
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-titleGroup {
    padding-left: 0;
    writing-mode: vertical-rl;
  }
}
.ss-jumbotron-subtitle {
  display: block;
  margin-left: 25px;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 2.6rem;
  line-height: 1.7;
  font-family: var(--FONT_FAMILY_HALANT);
}
@media screen and (max-width: 1440px) {
  .ss-jumbotron-subtitle {
    margin-left: calc(1.4rem + (1vw - 0.969rem) * (2.3354564756));
    font-size: calc(1.2rem + (1vw - 0.969rem) * (2.9723991507));
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-subtitle {
    margin-top: 10px;
    margin-left: 5px;
    font-size: 1.9rem;
    line-height: 1.2;
  }
}
.ss-jumbotron-marker {
  padding-left: 15px;
  background-image: linear-gradient(transparent 0% 20%, rgba(255, 255, 255, 0.8) 20% 90%, transparent 90% 100%);
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-marker {
    padding-top: 10px;
    padding-left: 0;
    background-image: linear-gradient(to left, transparent 0% 10%, rgba(255, 255, 255, 0.8) 10% 90%, transparent 90% 100%);
  }
}
.ss-jumbotron-marker.of-invert {
  background-image: linear-gradient(transparent 0% 20%, rgba(0, 0, 0, 0.8) 20% 90%, transparent 90% 100%);
  color: #fff;
}
@media screen and (max-width: 969px) {
  .ss-jumbotron-marker.of-invert {
    padding-bottom: 10px;
    background-image: linear-gradient(to left, transparent 0% 10%, rgba(0, 0, 0, 0.8) 10% 90%, transparent 90% 100%);
  }
}
.ss-jumbotron-textLine {
  display: block;
  height: max-content;
}

.ss-textScroll {
  z-index: 10;
  position: absolute;
  bottom: 115px;
  left: calc(50% - 20px);
  max-width: 200px;
  transform: translateX(-50%);
  color: #fff;
}
@media screen and (max-width: 1440px) {
  .ss-textScroll {
    bottom: calc(5rem + (1vw - 0.969rem) * (13.8004246285));
  }
}
@media screen and (max-width: 969px) {
  .ss-textScroll {
    bottom: 90px;
    left: calc(50% - 15px);
  }
}
.ss-textScroll span {
  display: inline-block;
  position: relative;
  left: 0;
  padding: 10px;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_HALANT);
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .ss-textScroll span {
    font-size: calc(1.3rem + (1vw - 0.969rem) * (0.4246284501));
  }
}
@media screen and (max-width: 969px) {
  .ss-textScroll span {
    font-size: 1.4rem;
  }
}
.ss-textScroll span::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 270px;
  margin-left: -1px;
  transform: translateY(100%);
  background-color: #fff;
  content: "";
}
@media screen and (max-width: 1440px) {
  .ss-textScroll span::after {
    height: calc(13.5rem + (1vw - 0.969rem) * (28.6624203822));
  }
}
@media screen and (max-width: 969px) {
  .ss-textScroll span::after {
    height: 150px;
  }
}

.ss-section {
  position: relative;
  background-color: #fff;
  color: #000;
  font-variation-settings: "wght" 350;
}
.ss-section-content {
  max-width: 1240px;
  margin-inline: auto;
  padding: 70px 60px 150px 20px;
}
@media screen and (max-width: 1440px) {
  .ss-section-content {
    padding: calc(6rem + (1vw - 0.48rem) * (1.0416666667)) 60px calc(10rem + (1vw - 0.48rem) * (5.2083333333)) 20px;
  }
}
@media screen and (max-width: 969px) {
  .ss-section-content {
    padding: 60px 30px 80px 20px;
  }
}
.ss-section-content > *:last-child {
  margin-bottom: 0;
}
.ss-section.of-color-primary {
  background-color: #000;
  color: #fff;
}
.ss-section.of-color-secondary {
  background-color: #8eacac;
  color: #fff;
}
.ss-section-title {
  display: block;
  font-weight: 500;
  font-size: 4.5rem;
  line-height: 2.7;
  font-family: var(--FONT_FAMILY_SERIF);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .ss-section-title {
    font-size: calc(2.7rem + (1vw - 0.48rem) * (1.875));
  }
}
@media screen and (max-width: 969px) {
  .ss-section-title {
    font-size: calc(2.6rem + (1vw - 0.48rem) * (2.0449897751));
    line-height: 1.8;
  }
}
@media screen and (max-width: 479px) {
  .ss-section-title {
    font-size: calc(2rem + (1vw - 0.36rem) * (5));
  }
}
.ss-section-title em {
  font-variation-settings: "wght" 700;
}
.ss-section-title .of-underLine {
  position: relative;
  padding-bottom: 15px;
}
@media screen and (max-width: 969px) {
  .ss-section-title .of-underLine {
    padding-bottom: 5px;
  }
}
.ss-section-title .of-underLine::before {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  border-bottom: 5px solid #fff;
  content: "";
}
.ss-section-title .of-animationLine {
  position: relative;
  padding-bottom: 15px;
}
@media screen and (max-width: 969px) {
  .ss-section-title .of-animationLine {
    padding-bottom: 5px;
  }
}
.ss-section-title .of-animationLine::before {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0%;
  border-bottom: 5px solid #fff;
  content: "";
}
.ss-section-title .of-animationLine.is-shown::before {
  width: 100%;
  animation: stretchLine 0.5s linear forwards;
}
.ss-section-titleGroup {
  display: block;
  margin-bottom: 110px;
}
@media screen and (max-width: 1440px) {
  .ss-section-titleGroup {
    margin-bottom: calc(8rem + (1vw - 0.48rem) * (3.125));
  }
}
@media screen and (max-width: 969px) {
  .ss-section-titleGroup {
    margin-bottom: 80px;
  }
}
.ss-section-titleGroup > *:last-child {
  margin-bottom: 0;
}
.ss-section-subtitle {
  display: block;
  margin-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.7;
  font-family: var(--FONT_FAMILY_HALANT);
  letter-spacing: 0.06em;
}
@media screen and (max-width: 969px) {
  .ss-section-subtitle {
    margin-bottom: 10px;
    font-size: 2.1rem;
    letter-spacing: 0.1em;
  }
}
.ss-section-text {
  font-size: 4rem;
  line-height: 2.5;
  font-family: var(--FONT_FAMILY_SERIF);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .ss-section-text {
    top: calc(2.7rem + (1vw - 0.48rem) * (1.3541666667));
  }
}
@media screen and (max-width: 969px) {
  .ss-section-text {
    font-size: 2.7rem;
  }
}
.ss-jumbotron + .ss-section .ss-section-content {
  padding-top: 300px;
}
@media screen and (max-width: 1440px) {
  .ss-jumbotron + .ss-section .ss-section-content {
    padding-top: calc(15rem + (1vw - 0.969rem) * (31.847133758));
  }
}
@media screen and (max-width: 969px) {
  .ss-jumbotron + .ss-section .ss-section-content {
    padding-top: 110px;
  }
}

@keyframes stretchLine {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.ss-sectionReason {
  position: relative;
  background-color: #8eacac;
  color: #fff;
  letter-spacing: 0.1em;
}
.ss-sectionReason.of-primary .ss-sectionReason-body {
  background-image: url("../../../img/ss/recruiting/special_bg_02.jpg");
}
@media screen and (max-width: 969px) {
  .ss-sectionReason.of-primary .ss-sectionReason-body {
    background-image: none;
  }
}
.ss-sectionReason.of-primary .ss-sectionReason-background::before {
  background-image: url("../../../img/ss/recruiting/special_bg_02_sp.jpg");
}
.ss-sectionReason.of-secondary .ss-sectionReason-body {
  background-image: url("../../../img/ss/recruiting/special_bg_03.jpg");
}
@media screen and (max-width: 969px) {
  .ss-sectionReason.of-secondary .ss-sectionReason-body {
    background-image: none;
  }
}
.ss-sectionReason.of-secondary .ss-sectionReason-background::before {
  background-image: url("../../../img/ss/recruiting/special_bg_03_sp.jpg");
}
.ss-sectionReason-content {
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto;
}
.ss-sectionReason-content > *:last-child {
  margin-bottom: 0;
}
.ss-sectionReason-header {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-header {
    border: none;
  }
}
.ss-sectionReason-header > *:last-child {
  margin-bottom: 0;
}
.ss-sectionReason-header-content {
  max-width: 1440px;
  margin-inline: auto;
  padding: 60px 70px 60px 30px;
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-header-content {
    padding: 20px 30px 60px 20px;
    border: none;
  }
}
.ss-sectionReason-body {
  padding: 20px 60px 150px 20px;
  background-image: url("../../../img/ss/recruiting/special_bg_01.jpg");
  background-size: cover;
}
@media screen and (max-width: 1440px) {
  .ss-sectionReason-body {
    padding: calc(4rem + (1vw - 0.48rem) * (3.125)) 60px calc(8rem + (1vw - 0.48rem) * (7.2916666667)) 20px;
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-body {
    z-index: 1;
    position: relative;
    grid-row: 2/2;
    grid-column: 1/2;
    padding: 80px 40px 80px 30px;
    background-image: none;
  }
}
.ss-sectionReason-body > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-background {
    z-index: 0;
    position: relative;
    grid-row: 2/2;
    grid-column: 1/2;
    width: 100%;
    height: 500%;
    clip-path: inset(0);
  }
  .ss-sectionReason-background::before {
    z-index: -1;
    position: fixed;
    top: var(--headerHeight, 110px);
    left: 0;
    width: 100%;
    height: 100vh;
    background-image: url("../../../img/ss/recruiting/special_bg_01_sp.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
  }
}
.ss-sectionReason-title {
  font-weight: normal;
  font-size: 3rem;
  line-height: 2;
  font-variation-settings: "wght" 350;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .ss-sectionReason-title {
    font-size: calc(1.8rem + (1vw - 0.48rem) * (1.25));
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-title {
    font-size: 1.8rem;
    line-height: 1.72;
    text-align: center;
  }
}
.ss-sectionReason-title em {
  font-weight: 400;
  font-size: 4.6rem;
}
@media screen and (max-width: 1440px) {
  .ss-sectionReason-title em {
    font-size: calc(3rem + (1vw - 0.48rem) * (1.6666666667));
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-title em {
    font-size: 3rem;
    line-height: 1.5;
  }
}
.ss-sectionReason-titleGroup {
  display: flex;
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-titleGroup {
    flex-direction: column;
  }
}
.ss-sectionReason-subtitle {
  margin-bottom: 60px;
  font-size: 2.8rem;
  line-height: 2.14;
  font-variation-settings: "wght" 350;
}
@media screen and (max-width: 1440px) {
  .ss-sectionReason-subtitle {
    font-size: calc(2.4rem + (1vw - 0.48rem) * (0.4166666667));
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-subtitle {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 479px) {
  .ss-sectionReason-subtitle {
    margin-bottom: 50px;
    font-size: calc(1.9rem + (1vw - 0.36rem) * (4.1666666667));
  }
}
.ss-sectionReason-number {
  display: block;
  font-size: 7rem;
}
@media screen and (max-width: 1440px) {
  .ss-sectionReason-number {
    font-size: calc(5.3rem + (1vw - 0.48rem) * (1.7708333333));
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-number {
    margin-left: 5px;
    font-size: 5.3rem;
  }
}
.ss-sectionReason-numberOuter {
  align-self: center;
  width: 180px;
  margin-right: 50px;
  padding-right: 20px;
  border-right: 1px dashed #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.25;
  font-family: var(--FONT_FAMILY_MUKTA);
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .ss-sectionReason-numberOuter {
    font-size: calc(1.5rem + (1vw - 0.48rem) * (1.7708333333));
  }
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-numberOuter {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-right: 0;
    margin-bottom: 30px;
    padding-right: 0;
    border-right: none;
    border-bottom: 1px dashed #fff;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}
.ss-sectionReason-text {
  font-size: 1.6rem;
}
.ss-sectionReason-introduction {
  font-size: 2rem;
  line-height: 3;
}
@media screen and (max-width: 969px) {
  .ss-sectionReason-introduction {
    font-size: 1.6rem;
  }
}

.ss-cardGlass {
  margin-bottom: 30px;
  padding: 35px 5px;
  border: 2px solid #fff;
  background-color: rgba(142, 172, 172, 0.8);
  font-variation-settings: "wght" 400;
}
@media screen and (max-width: 969px) {
  .ss-cardGlass {
    padding: 30px 5px;
  }
}
.ss-cardGlass-text {
  font-size: 3rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .ss-cardGlass-text {
    font-size: calc(1.5rem + (1vw - 0.48rem) * (1.5625));
  }
}
@media screen and (max-width: 969px) {
  .ss-cardGlass-text {
    font-size: 3rem;
  }
}
@media screen and (max-width: 479px) {
  .ss-cardGlass-text {
    font-size: calc(2.7rem + (1vw - 0.36rem) * (2.5));
  }
}
.ss-cardGlass > *:last-child {
  margin-bottom: 0;
}

.ss-cardBracket {
  margin-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 969px) {
  .ss-cardBracket {
    max-width: 300px;
    margin-inline: auto;
  }
}
.ss-cardBracket-header {
  display: block;
  position: relative;
  overflow: hidden;
}
.ss-cardBracket-header > *:last-child {
  margin-bottom: 0;
}
.ss-cardBracket-body {
  position: relative;
  height: 174px;
}
@media screen and (max-width: 969px) {
  .ss-cardBracket-body {
    height: 130px;
  }
}
.ss-cardBracket-body::before, .ss-cardBracket-body::after {
  position: absolute;
  top: 50%;
  width: 37px;
  height: 175px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  content: "";
  transition: all 0.7s ease;
}
@media screen and (max-width: 1440px) {
  .ss-cardBracket-body::before, .ss-cardBracket-body::after {
    height: 100px;
    background-size: contain;
  }
}
@media screen and (max-width: 969px) {
  .ss-cardBracket-body::before, .ss-cardBracket-body::after {
    height: 130px;
  }
}
.ss-cardBracket-body::before {
  left: 60px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.72' height='174.864' viewBox='0 0 36.72 174.864'%3E%3Cpath d='M35.28,174.864A126.169,126.169,0,0,1,9.45,135.385a125.363,125.363,0,0,1-7.009-23.154,127.2,127.2,0,0,1,0-49.6A125.273,125.273,0,0,1,20.553,18.444,126.919,126.919,0,0,1,35.28,0l1.44,1.388a123.978,123.978,0,0,0,0,172.088Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/svg%3E");
}
.ss-cardBracket-body::after {
  right: 60px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.72' height='174.864' viewBox='0 0 36.72 174.864'%3E%3Cpath d='M286.72,174.864l-1.44-1.388a123.978,123.978,0,0,0,0-172.088L286.72,0A126.169,126.169,0,0,1,312.55,39.479a125.362,125.362,0,0,1,7.009,23.154,127.2,127.2,0,0,1,0,49.6,125.273,125.273,0,0,1-18.112,44.188A126.918,126.918,0,0,1,286.72,174.864Z' transform='translate(-285.28 0)' fill='%23fff'/%3E%3C/svg%3E");
}
.ss-cardBracket.is-shown .ss-cardBracket-body:before {
  left: 0;
}
.ss-cardBracket.is-shown .ss-cardBracket-body:after {
  right: 0;
}
.ss-cardBracket-title {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  opacity: 0;
}
@media screen and (max-width: 1440px) {
  .ss-cardBracket-title {
    font-size: calc(1.5rem + (1vw - 0.969rem) * (1.0615711253));
  }
}
@media screen and (max-width: 969px) {
  .ss-cardBracket-title {
    font-size: 1.5rem;
  }
}
.ss-cardBracket.is-shown .ss-cardBracket-title {
  animation: fade_bottom 0.6s ease 1s both;
}
.ss-cardBracket-text {
  display: block;
  opacity: 0;
}
.ss-cardBracket.is-shown .ss-cardBracket-text {
  animation: fade_bottom 0.6s ease 1s both;
}
.ss-cardBracket-textOuter {
  display: block;
  position: relative;
  width: 0;
  margin-bottom: 10px;
  padding-bottom: 0.5em;
  overflow: hidden;
  font-size: 4rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
  transition: width 0.7s ease;
}
@media screen and (max-width: 1440px) {
  .ss-cardBracket-textOuter {
    font-size: calc(2rem + (1vw - 0.969rem) * (4.2462845011));
  }
}
@media screen and (max-width: 969px) {
  .ss-cardBracket-textOuter {
    font-size: 3rem;
  }
}
.ss-cardBracket.is-shown .ss-cardBracket-textOuter {
  width: 2em;
}
.ss-cardBracket.is-shown .ss-cardBracket-textOuter.of-primary {
  width: 1em;
}
.ss-cardBracket-number {
  font-style: normal;
  font-weight: 500;
  font-size: 16rem;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 1440px) {
  .ss-cardBracket-number {
    font-size: calc(8rem + (1vw - 0.969rem) * (16.9851380042));
  }
}
@media screen and (max-width: 969px) {
  .ss-cardBracket-number {
    font-size: 12rem;
  }
}
.ss-cardBracket-numberGroup {
  display: flex;
  position: absolute;
  bottom: 50%;
  left: 50%;
  align-items: baseline;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
  transform: translateX(-50%) translateY(50%);
  line-height: 1;
}

@keyframes fade_bottom {
  0% {
    transform: translateY(60%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.ss-mediaReason {
  position: relative;
}
@media screen and (max-width: 969px) {
  .ss-mediaReason {
    max-width: 270px;
    margin-inline: auto;
  }
}
.ss-mediaReason-body {
  display: grid;
  position: absolute;
  top: 0;
  left: 50%;
  grid-template-rows: 50px 50px 1fr 70px;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
  transform: translate(-50%);
}
@media screen and (max-width: 969px) {
  .ss-mediaReason-body {
    grid-template-rows: 40px 60px 1fr 70px;
  }
}
.ss-mediaReason-text {
  font-size: 2.4rem;
  line-height: 1.6;
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .ss-mediaReason-text {
    font-size: calc(1.7rem + (1vw - 0.969rem) * (1.4861995754));
  }
}
@media screen and (max-width: 969px) {
  .ss-mediaReason-text {
    font-size: 1.8rem;
  }
}
.ss-mediaReason-text em {
  font-size: 5rem;
}
@media screen and (max-width: 1440px) {
  .ss-mediaReason-text em {
    font-size: calc(3.5rem + (1vw - 0.969rem) * (3.1847133758));
  }
}
@media screen and (max-width: 969px) {
  .ss-mediaReason-text em {
    font-size: 3.6rem;
  }
}
.ss-mediaReason-textOuter {
  display: flex;
  grid-row: 3/4;
  align-items: center;
  justify-content: center;
  color: #fff;
  color: #fff;
  text-align: center;
}
.ss-mediaReason-textOuter > *:last-child {
  margin-bottom: 0;
}
.ss-mediaReason-number {
  position: absolute;
  top: 0;
  left: 50%;
  grid-row: 2/4;
  overflow: hidden;
  transform: translate(-50%);
  color: #fff;
  font-style: normal;
  font-weight: 500;
  font-size: 6rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_MUKTA);
}
@media screen and (max-width: 1440px) {
  .ss-mediaReason-number {
    font-size: calc(4.2rem + (1vw - 0.969rem) * (3.821656051));
  }
}
@media screen and (max-width: 969px) {
  .ss-mediaReason-number {
    font-size: 4.5rem;
  }
}
.ss-mediaReason-title {
  position: absolute;
  top: -100%;
  font-size: 1.6rem;
}
.ss-mediaReason-image .ss-mediaReason-frame01 {
  stroke: #000;
}
.ss-mediaReason-image .ss-mediaReason-frame02 {
  fill: #000;
}
.ss-mediaReason.of-primary .ss-mediaReason-image .ss-mediaReason-frame01 {
  stroke: #fff;
}
.ss-mediaReason.of-primary .ss-mediaReason-image .ss-mediaReason-frame02 {
  fill: #fff;
}

.ss-arrowStep {
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  width: 55px;
  height: 55px;
  transform: translate(-50%) rotate(135deg);
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  content: "";
}
@media screen and (max-width: 1440px) {
  .ss-arrowStep {
    width: calc(2rem + (1vw - 0.48rem) * (3.6458333333));
    height: calc(2rem + (1vw - 0.48rem) * (3.6458333333));
  }
}
@media screen and (max-width: 969px) {
  .ss-arrowStep {
    left: calc(50% - 5px);
    width: 20px;
    height: 20px;
  }
}
.ss-arrowStep.of-color-primary {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.ss-arrowStep-outer {
  margin-bottom: 220px;
}
@media screen and (max-width: 969px) {
  .ss-arrowStep-outer {
    margin-bottom: 140px;
  }
}

.layout-grid.of-floatAnimation > div {
  position: relative;
  transform: translateY(20%);
  opacity: 0;
}
.layout-grid.of-floatAnimation > div.is-shown:nth-child(1) {
  transform: translateY(0);
  opacity: 1;
  transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
}
.layout-grid.of-floatAnimation > div.is-shown:nth-child(2) {
  transform: translateY(0);
  opacity: 1;
  transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s;
}
.layout-grid.of-floatAnimation > div.is-shown:nth-child(3) {
  transform: translateY(0);
  opacity: 1;
  transition: transform 1s ease-in-out 0.4s, opacity 1s ease-in-out 0.4s;
}

.top-jumbotron {
  display: grid;
  position: relative;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  overflow: hidden;
}
.top-jumbotron-body {
  display: grid;
  z-index: 2;
  grid-row: 1/2;
  grid-column: 1/2;
  width: 100%;
  margin: auto;
  inset: 0;
  padding: 246px 30px;
}
@media screen and (max-width: 1440px) {
  .top-jumbotron-body {
    padding: calc(11.2rem + (1vw - 0.48rem) * (13.9583333333)) 30px;
  }
}
.top-jumbotron-body > *:last-child {
  margin-bottom: 0;
}
.top-jumbotron-image {
  z-index: -1;
  position: fixed;
  grid-row: 1/2;
  grid-column: 1/2;
}
.top-jumbotron-image.is-animated {
  filter: blur(5px) brightness(60%);
}
.top-jumbotron-image .pagination {
  top: 0;
  bottom: auto;
}
.top-jumbotron-image .pagination-page {
  height: 10px;
  margin: 10px;
  border: 1px solid #fff;
  background: transparent;
  opacity: 1;
}
.top-jumbotron-image .pagination-page.is-active {
  transform: none;
}
.top-jumbotron-title {
  display: block;
  margin-bottom: 8px;
  margin-inline: -28px;
  color: #fff;
  font-weight: normal;
  font-size: 12.5rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1em;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1440px) {
  .top-jumbotron-title {
    margin-inline: calc(-2.3rem + (1vw - 0.969rem) * (-1.0615711253));
    font-size: calc(5.4rem + (1vw - 0.48rem) * (7.3958333333));
  }
}
@media screen and (max-width: 969px) {
  .top-jumbotron-title {
    height: max-content;
    margin-bottom: 0;
    margin-inline: 0;
    writing-mode: vertical-rl;
  }
}
.top-jumbotron-titleGroup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 120px;
  margin-inline: auto;
}
@media screen and (max-width: 969px) {
  .top-jumbotron-titleGroup {
    flex-direction: row-reverse;
    align-items: flex-start;
    margin-inline: inherit;
  }
}
.top-jumbotron-titleGroup > *:last-child {
  margin-bottom: 0;
}
.top-jumbotron-subtitle {
  margin-left: -28px;
  color: #fff;
  font-weight: normal;
  font-size: 4rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.12em;
  text-align-last: justify;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1440px) {
  .top-jumbotron-subtitle {
    margin-left: calc(-2.3rem + (1vw - 0.969rem) * (-1.0615711253));
    font-size: calc(1.6rem + (1vw - 0.48rem) * (2.5));
  }
}
@media screen and (max-width: 969px) {
  .top-jumbotron-subtitle {
    height: max-content;
    margin-left: 0;
    font-size: calc(2.1rem + (1vw - 0.48rem) * (1.4314928425));
    writing-mode: vertical-rl;
  }
}
.top-jumbotron-textLead {
  margin-bottom: 50px;
  color: #fff;
  font-size: 2.4rem;
  line-height: 2.2;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.12em;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 1440px) {
  .top-jumbotron-textLead {
    font-size: calc(1.4rem + (1vw - 0.48rem) * (1.0416666667));
  }
}
.top-jumbotron-textLeadOuter {
  max-width: max-content;
  margin-inline: auto;
  padding-right: 28px;
}
@media screen and (max-width: 1440px) {
  .top-jumbotron-textLeadOuter {
    padding-right: calc(2.3rem + (1vw - 0.969rem) * (1.0615711253));
  }
}
@media screen and (max-width: 969px) {
  .top-jumbotron-textLeadOuter {
    max-width: inherit;
    margin-inline: inherit;
    padding-right: 0;
  }
}
.top-jumbotron-textLeadOuter > *:last-child {
  margin-bottom: 0;
}

.top-section {
  position: relative;
  padding-bottom: 40px;
}
@media screen and (max-width: 969px) {
  .top-section {
    padding-bottom: 14px;
  }
}
.top-section-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
@media screen and (max-width: 969px) {
  .top-section-content {
    padding: 0 14px;
  }
}
.top-section-content > *:last-child {
  margin-bottom: 0;
}
.top-section.of-primary {
  padding-top: 0;
  padding-bottom: 0;
}
.top-section.of-primary > .top-section-content {
  max-width: 100%;
  padding: 0;
}
.top-section-outer {
  position: relative;
  padding-top: 50px;
  padding-bottom: 118px;
}
@media screen and (max-width: 1440px) {
  .top-section-outer {
    padding-bottom: calc(5rem + (1vw - 0.48rem) * (7.0833333333));
  }
}
@media screen and (max-width: 969px) {
  .top-section-outer {
    padding-top: 24px;
    padding-bottom: 50px;
  }
}
.top-section-outer::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  content: "";
}
.top-section-outer > *:last-child {
  margin-bottom: 0;
}

.top-bgVideo {
  position: absolute;
  top: 0;
  height: 100%;
}
.top-bgVideo > video {
  width: 100vw;
  height: 100%;
  object-fit: cover;
}

.top-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: "b a a a" "c a a a" "d e f g";
  gap: 40px;
}
@media screen and (max-width: 969px) {
  .top-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "a a" "b c" "d e" "f g";
    gap: 14px;
  }
}
.top-grid-column {
  transform: translateY(20%);
  opacity: 0;
}
.top-grid-column.is-shown {
  transform: translateY(0);
  opacity: 1;
}
.top-grid-column:nth-child(1) {
  grid-area: a;
  transition: transform ease 0.8s, opacity ease 0.8s;
}
.top-grid-column:nth-child(2) {
  grid-area: b;
  transition: transform ease 0.8s, opacity ease 0.8s;
}
.top-grid-column:nth-child(3) {
  grid-area: c;
  transition: transform ease 0.8s 0.1s, opacity ease 0.8s 0.1s;
}
.top-grid-column:nth-child(4) {
  grid-area: d;
  transition: transform ease 0.8s, opacity ease 0.8s;
}
.top-grid-column:nth-child(5) {
  grid-area: e;
  transition: transform ease 0.8s 0.1s, opacity ease 0.8s 0.1s;
}
.top-grid-column:nth-child(6) {
  grid-area: f;
  transition: transform ease 0.8s 0.2s, opacity ease 0.8s 0.2s;
}
.top-grid-column:nth-child(7) {
  grid-area: g;
  transition: transform ease 0.8s 0.3s, opacity ease 0.8s 0.3s;
}

.top-video {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.top-video-image, .top-video-button {
  position: absolute;
  width: auto;
  height: auto;
}
.top-video-image {
  z-index: 10;
  width: 690px;
  transition: transform cubic-bezier(0.22, 1, 0.36, 1) 1s;
}
@media screen and (max-width: 1440px) {
  .top-video-image {
    width: calc(63rem + (1vw - 1.366rem) * (81.0810810811));
  }
}
@media screen and (max-width: 1366px) {
  .top-video-image {
    width: calc(44rem + (1vw - 0.969rem) * (47.8589420655));
  }
}
@media screen and (max-width: 969px) {
  .top-video-image {
    width: 100%;
    transition: none;
  }
}
.top-video-button {
  z-index: 15;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #000;
  font-size: 2.4rem;
  line-height: 1;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 700;
}
.top-video-button::before, .top-video-button::after {
  display: block;
  transform: scale(0);
  content: "";
  opacity: 0;
  transition: opacity 0.3s ease 0.6s, transform 0.3s ease 0.6s;
}
@media screen and (max-width: 969px) {
  .top-video-button::before, .top-video-button::after {
    transform: none;
    opacity: 1;
    transition: none;
  }
}
.top-video-button::before {
  width: 72px;
  height: 72px;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #e30012;
}
.top-video-button::after {
  width: 22px;
  height: 30px;
  margin: -90px auto auto;
  background-color: #fff;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.top-video-button > span {
  display: block;
  margin-top: 14px;
  padding: 0 20px;
  transform: translateY(60%);
  opacity: 0;
  transition: opacity 0.7s ease 0.8s, transform 0.7s ease 0.8s;
}
@media screen and (max-width: 969px) {
  .top-video-button > span {
    transform: none;
    opacity: 1;
    transition: none;
  }
}
.top-video-outer {
  display: grid;
  z-index: 0;
  position: relative;
  place-items: center;
  min-height: 810px;
  overflow: hidden;
  background-color: #1e283c;
}
@media screen and (max-width: 1440px) {
  .top-video-outer {
    min-height: calc(57.8rem + (1vw - 0.969rem) * (49.2569002123));
  }
}
.top-video-outer.is-animated .top-video-image {
  transform: scale(2);
}
@media screen and (max-width: 1440px) {
  .top-video-outer.is-animated .top-video-image {
    transform: scale(2);
  }
}
@media screen and (max-width: 1366px) {
  .top-video-outer.is-animated .top-video-image {
    transform: scale(2.1);
  }
}
@media screen and (max-width: 969px) {
  .top-video-outer.is-animated .top-video-image {
    transform: none;
  }
}
.top-video-outer.is-animated .top-video-button::before, .top-video-outer.is-animated .top-video-button::after {
  transform: scale(1);
  opacity: 1;
}
.top-video-outer.is-animated .top-video-button > span {
  transform: translateY(0);
  opacity: 1;
}
@media screen and (max-width: 969px) {
  .top-video-outer.is-animated .top-video-button > span {
    transform: none;
  }
}
.top-video-outer.is-play .top-video {
  opacity: 1;
  transition: opacity 0.4s;
}
.top-video-outer.is-play .top-video-image,
.top-video-outer.is-play .top-video-button {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s;
}

.top-card {
  border-top-left-radius: 20px;
  background-color: rgba(57, 66, 83, 0.8);
  color: #fff;
}
.top-card-content {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding: 47px 40px;
  gap: 20px 129px;
}
@media screen and (max-width: 1440px) {
  .top-card-content {
    gap: calc(4rem + (1vw - 0.969rem) * (18.8959660297));
  }
}
@media screen and (max-width: 969px) {
  .top-card-content {
    grid-template-columns: 1fr;
    padding: 24px 24px 34px 18px;
    gap: 20px;
  }
}
.top-card-content > *:last-child {
  margin-bottom: 0;
}
.top-card-title {
  font-style: normal;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.75;
  font-family: var(--FONT_FAMILY_HALANT);
}
@media screen and (max-width: 1440px) {
  .top-card-title {
    font-size: calc(2rem + (1vw - 0.48rem) * (0.625));
  }
}

.top-listNews > *:last-child {
  margin-bottom: 0;
}
.top-listNews > li {
  border-bottom: 1px solid #757b87;
}
.top-listNews > li:first-child {
  border-top: 1px solid #757b87;
}
.top-listNews > li a {
  display: grid;
  position: relative;
  grid-template-columns: 100px 1fr;
  padding: 24px 38px 24px 0;
  gap: 50px;
  color: #fff;
  font-size: 1.4rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.2em;
  text-decoration: none;
}
@media screen and (max-width: 1440px) {
  .top-listNews > li a {
    gap: calc(2rem + (1vw - 0.969rem) * (6.3694267516));
    font-size: calc(1.2rem + (1vw - 0.48rem) * (0.2083333333));
  }
}
@media screen and (max-width: 969px) {
  .top-listNews > li a {
    padding: 8px 28px 8px 0;
    gap: 38px;
  }
}
.top-listNews > li a::before, .top-listNews > li a::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  content: "";
}
.top-listNews > li a::before {
  right: 0;
  width: 30px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 50%;
}
@media screen and (max-width: 1440px) {
  .top-listNews > li a::before {
    width: calc(1.5rem + (1vw - 0.48rem) * (1.5625));
    height: calc(1.5rem + (1vw - 0.48rem) * (1.5625));
  }
}
.top-listNews > li a::after {
  right: 10px;
  aspect-ratio: 1;
  width: 10px;
  height: 10px;
  background-color: #fff;
  clip-path: polygon(7% 0, 100% 50%, 7% 100%, 0 93%, 83% 50%, 0 7%);
}
@media screen and (max-width: 1440px) {
  .top-listNews > li a::after {
    right: calc(0.5rem + (1vw - 0.48rem) * (0.5208333333));
    width: calc(0.5rem + (1vw - 0.48rem) * (0.5208333333));
    height: calc(0.5rem + (1vw - 0.48rem) * (0.5208333333));
  }
}
@media (hover: hover) {
  .top-listNews > li a:hover .top-listNews-text {
    background-position: 0 100%;
    background-size: 100% 1px;
  }
}
.top-listNews > li a:focus .top-listNews-text {
  background-position: 0 100%;
  background-size: 100% 1px;
}
.top-listNews > li > *:last-child {
  margin-bottom: 0;
}
.top-listNews-text {
  background-image: linear-gradient(#fff, #fff);
  background-position: 100% 100%;
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.top-cardIndex {
  text-decoration: none;
}
.top-cardIndex-body {
  position: relative;
}
.top-cardIndex-body > *:last-child {
  margin-bottom: 0;
}
.top-cardIndex-title {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 2px 16px 4px;
  border-top-left-radius: 20px;
  background-color: #1e283c;
  color: #fff;
  font-size: 2.2rem;
  line-height: 1.5;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
}
@media screen and (max-width: 1440px) {
  .top-cardIndex-title {
    font-size: calc(1.4rem + (1vw - 0.48rem) * (0.8333333333));
  }
}
@media screen and (max-width: 969px) {
  .top-cardIndex-title {
    padding: 6px 20px 8px;
  }
}
.top-cardIndex-titleMarker {
  padding-left: 15px;
  background-image: linear-gradient(transparent 0% 17%, rgba(255, 255, 255, 0.8) 17% 87%, transparent 87% 100%);
}
@media screen and (max-width: 969px) {
  .top-cardIndex-titleMarker {
    padding-left: 5px;
    background-image: linear-gradient(transparent 0% 18%, rgba(255, 255, 255, 0.8) 18% 87%, transparent 87% 100%);
  }
}
.top-cardIndex-titleMarker.of-invert {
  background-image: linear-gradient(transparent 0% 17%, rgba(0, 0, 0, 0.8) 17% 87%, transparent 87% 100%);
  color: #fff;
}
@media screen and (max-width: 969px) {
  .top-cardIndex-titleMarker.of-invert {
    background-image: linear-gradient(transparent 0% 18%, rgba(0, 0, 0, 0.8) 18% 87%, transparent 87% 100%);
  }
}
.top-cardIndex-titleMarker + .top-cardIndex-titleMarker {
  padding-left: 0;
}
@media screen and (max-width: 969px) {
  .top-cardIndex-titleMarker + .top-cardIndex-titleMarker {
    padding-top: 0;
  }
}
.top-cardIndex-button {
  display: inline-block;
  min-width: 140px;
  max-width: 140px;
  padding: 8px;
  background-color: #e30012;
  color: #fff;
  font-size: 1.7rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  text-align: center;
}
.top-cardIndex-buttonOuter {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-cardIndex-image {
  display: flex;
  overflow: hidden;
  clip-path: inset(0 round 20px 0 0 0px);
}
.top-cardIndex-image img {
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease-in-out;
}
.top-cardIndex-image > *:last-child {
  margin-bottom: 0;
}
@media (hover: hover) {
  .top-cardIndex:hover .top-cardIndex-image > img {
    transform: scale(1.1);
  }
}
.top-cardIndex.of-primary {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  min-height: 390px;
}
.top-cardIndex.of-primary .top-cardIndex-body {
  display: grid;
  z-index: 1;
  position: relative;
  grid-row: 1/2;
  grid-column: 1/2;
  margin: auto;
  inset: 0;
  padding: 20px;
}
@media screen and (max-width: 1440px) {
  .top-cardIndex.of-primary .top-cardIndex-body {
    padding: calc(1rem + (1vw - 0.48rem) * (1.0416666667));
  }
}
.top-cardIndex.of-primary .top-cardIndex-image {
  grid-row: 1/2;
  grid-column: 1/2;
}
.top-cardIndex.of-primary .top-cardIndex-title {
  display: block;
  position: relative;
  margin-bottom: 8px;
  padding: 0;
  background-color: transparent;
  color: #fff;
  font-size: 2.6rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 1440px) {
  .top-cardIndex.of-primary .top-cardIndex-title {
    font-size: calc(1.4rem + (1vw - 0.48rem) * (1.25));
  }
}
.top-cardIndex.of-primary .top-cardIndex-titleGroup {
  margin-bottom: 74px;
  line-height: 1.2;
}
@media screen and (max-width: 1440px) {
  .top-cardIndex.of-primary .top-cardIndex-titleGroup {
    margin-bottom: calc(3rem + (1vw - 0.48rem) * (4.5833333333));
  }
}
.top-cardIndex.of-primary .top-cardIndex-subtitle {
  display: inline;
  color: #000;
  font-size: 8.7rem;
  font-family: var(--FONT_FAMILY_SERIF);
  font-variation-settings: "wght" 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 1440px) {
  .top-cardIndex.of-primary .top-cardIndex-subtitle {
    font-size: calc(4.2rem + (1vw - 0.48rem) * (4.6875));
  }
}

.top-carousel-listItem {
  display: grid;
  place-items: center;
}
.top-carousel-listItem img {
  min-height: 100vh;
  object-fit: cover;
}
.top-carousel-listItem.is-active img, .top-carousel-listItem.is-prev img {
  animation: top_mv_scale 5s linear 0s normal both;
}

@keyframes top_mv_scale {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}