/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
* input,button,textarea,selectにcolor: inherit;を追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ol,
ul,
li {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* Set core root defaults */
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

@media (min-width: 768px) {
  html {
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 4.1025641026vw;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  -webkit-font-smoothing: antialiased;
  position: relative;
  z-index: 1;
}
main {
  position: relative;
  z-index: 1;
}
a,
button {
  transition: all 0.3s;
  cursor: pointer !important;
  color: inherit;
  display: inline-block;
}
@media (any-hover: hover) {
  a:hover,
  button:hover {
    opacity: 0.6;
  }
}

.u-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}

.u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-mobile {
    display: block;
  }
}

.--none {
  display: none;
}

.interact-c-footer {
  position: relative;
  min-height: 55.625rem;
  padding-block: 6.25rem;
}
@media screen and (max-width: 767px) {
  .interact-c-footer {
    padding-block: 2.5rem 9.75rem;
    min-height: 100%;
  }
}
@media (any-hover: hover) {
  .interact-c-footer a:hover {
    opacity: 0.5;
  }
}
.interact-c-footer .c-footer__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__bg {
    height: calc(100% - 6.25rem);
  }
}
.interact-c-footer .c-footer__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__bg img {
    -o-object-position: top;
       object-position: top;
  }
}
.interact-c-footer .c-footer__inner {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-right: 5rem;
  padding-left: 5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__inner {
    padding-right: 2.1875rem;
    padding-left: 2.1875rem;
    grid-template-columns: 1fr;
  }
}
.interact-c-footer .c-footer__logoLink {
  display: block;
  width: 22.3125rem;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__logoLink {
    width: 13.8125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
  }
}
.interact-c-footer .c-footer__logoLink img {
  width: 100%;
  height: 100%;
  aspect-ratio: 357/122;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__logoLink img {
    aspect-ratio: 221/76;
  }
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navTop {
    margin-top: 2rem;
  }
}
.interact-c-footer .c-footer__navList {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navList {
    justify-content: center;
  }
}
.interact-c-footer .c-footer__navListLink {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
}
.interact-c-footer .c-footer__navListSub {
  padding-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navListSub {
    justify-content: center;
  }
}
.interact-c-footer .c-footer__navListLinkSub {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 150%;
}
.interact-c-footer .c-footer__navBottom {
  margin-top: 7.8125rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navBottom {
    margin-top: 3.5rem;
    text-align: center;
  }
}
.interact-c-footer .c-footer__navListBottom {
  display: flex;
  flex-wrap: wrap;
  gap: 0.125rem;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navListBottom {
    justify-content: center;
  }
}
.interact-c-footer .c-footer__navListItemBottom + .c-footer__navListItemBottom .c-footer__navListLinkBottom::before {
  content: "｜";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
}
.interact-c-footer .c-footer__navListLinkBottomText {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navListLinkBottomText {
    font-size: 0.6875rem;
  }
}
.interact-c-footer .c-footer__copy {
  margin-top: 1.25rem;
}
.interact-c-footer .c-footer__copy small {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 130%;
}
.interact-c-footer .c-footer__navListSns {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.125rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-footer .c-footer__navListSns {
    justify-content: center;
  }
}
.interact-c-footer .c-footer__navListLinkSns {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
}
.interact-c-footer .c-footer__navListLinkSns img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

body.is-header-menu-open {
  overflow: hidden;
}

.interact-c-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  pointer-events: none;
}
.interact-c-header .c-header__bar {
  position: relative;
  z-index: 2;
  width: 100%;
  pointer-events: none;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-reduced-motion: reduce) {
  .interact-c-header .c-header__bar {
    transition: none;
  }
}
.interact-c-header.is-header-hidden .c-header__bar {
  transform: translateY(-100%);
}
.interact-c-header.is-menu-open .c-header__bar {
  transform: translateY(0);
}
.interact-c-header.--sub .c-header__logo {
  width: 12.0625rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .interact-c-header.--sub .c-header__logo {
    width: 6.5rem;
  }
}
.interact-c-header.--sub .c-header__logoLink {
  padding: 1.5625rem 0 0.3125rem 2rem;
}
@media screen and (max-width: 767px) {
  .interact-c-header.--sub .c-header__logoLink {
    padding: 1.875rem 0 0.3125rem 0.875rem;
  }
}
.interact-c-header.--sub .c-header__logoLink img {
  width: 100%;
}
.interact-c-header.--sub .c-header__inner {
  background: #fff;
}
.interact-c-header.--subHeader .c-header__bar {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .interact-c-header.--subHeader .c-header__bar {
    background: transparent;
  }
}
.interact-c-header.--subHeader .c-header__logoBg.u-desktop {
  display: none;
}
.interact-c-header.--subHeader .c-header__logo {
  width: 12.0625rem;
  height: auto;
}
@media screen and (max-width: 767px) {
  .interact-c-header.--subHeader .c-header__logo {
    width: 8.5625rem;
    height: 4.8125rem;
    margin-top: -0.375rem;
  }
}
.interact-c-header.--subHeader .c-header__logoLink {
  padding: 1.5625rem 0 0.3125rem 2rem;
}
@media screen and (max-width: 767px) {
  .interact-c-header.--subHeader .c-header__logoLink {
    padding: 1rem 2rem 1.125rem 0.875rem;
  }
}
.interact-c-header.--subHeader .c-header__logoLink img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-c-header.--subHeader .c-header__logoLink img {
    width: 5.5rem;
  }
}
.interact-c-header .c-header__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  pointer-events: none;
}
.interact-c-header .c-header__logo {
  position: relative;
  width: 12.375rem;
  height: 7.1875rem;
  pointer-events: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__logo {
    width: 8.5625rem;
    height: 4.8125rem;
    margin-top: -0.375rem;
  }
}
.interact-c-header .c-header__logoBg {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  pointer-events: none;
}
.interact-c-header .c-header__logoBg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.interact-c-header .c-header__logoLink {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2.0625rem 3.375rem 2.5rem 1.3125rem;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__logoLink {
    padding: 1rem 2rem 1.125rem 0.875rem;
  }
}
.interact-c-header .c-header__logoLink img {
  display: block;
  width: 7.6875rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__logoLink img {
    width: 5.5rem;
  }
}
.interact-c-header .c-header__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 1.25rem 2.5rem 0 0;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__actions {
    margin: 1rem 1rem 0 0;
  }
}
.interact-c-header .c-header__navShell {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 0.75rem 1.5rem 0.75rem 3.75rem;
  background: #fff;
  border-radius: 62.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__navShell {
    gap: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }
}
.interact-c-header .c-header__navList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__navList {
    display: none;
  }
}
.interact-c-header .c-header__navItem {
  display: flex;
}
.interact-c-header .c-header__navLink {
  color: #000;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
}
@media (any-hover: hover) {
  .interact-c-header .c-header__navLink:hover {
    opacity: 1;
    color: #f6823a;
  }
}
.interact-c-header .c-header__recruitBtns {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__recruitBtns {
    display: none;
  }
}
.interact-c-header .c-header__recruitBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-width: 12.5rem;
  padding: 0.75rem 1rem 0.8125rem;
  border-radius: 62.4375rem;
  background: #f6823a;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__recruitBtn {
    min-width: 7.6875rem;
  }
}
@media (any-hover: hover) {
  .interact-c-header .c-header__recruitBtn:hover {
    opacity: 0.6;
  }
}
.interact-c-header .c-header__menuBtn {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__menuBtn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 3rem;
    height: 3rem;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
  }
}
.interact-c-header .c-header__menuBtnIcon {
  display: block;
  width: 3rem;
  height: 3rem;
}
.interact-c-header .c-header__menuBtnIcon--close {
  display: none;
}
.interact-c-header.is-menu-open .c-header__menuBtnIcon--open {
  display: none;
}
.interact-c-header.is-menu-open .c-header__menuBtnIcon--close {
  display: block;
}
.interact-c-header .c-header__drawer {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__drawer {
    position: fixed;
    inset: 0;
    z-index: 1;
    display: block;
    visibility: hidden;
    pointer-events: none;
  }
}
.interact-c-header .c-header__overlay {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    padding: 0;
    border: none;
    background: transparent;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    transition: opacity 0.35s ease;
  }
}
@media screen and (max-width: 767px) {
  .interact-c-header .c-header__drawerPanel {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    max-height: 100dvh;
    padding: 6.25rem 2.1875rem 2.5rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.88);
    opacity: 0;
    transform: translateY(-0.5rem);
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1), transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.4s;
  }
}
@media screen and (max-width: 767px) {
  .interact-c-header.is-menu-open .c-header__drawer {
    visibility: visible;
    pointer-events: auto;
  }
  .interact-c-header.is-menu-open .c-header__overlay {
    opacity: 1;
    pointer-events: auto;
  }
  .interact-c-header.is-menu-open .c-header__drawerPanel {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    pointer-events: auto;
  }
}
.interact-c-header .c-header__navSp {
  width: 100%;
}
.interact-c-header .c-header__navListSp {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.interact-c-header .c-header__navItemSp {
  display: flex;
  width: 100%;
}
.interact-c-header .c-header__navLinkSp {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 0.875rem;
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
}
.interact-c-header .c-header__drawerDivider {
  width: 100%;
  max-width: 17.5rem;
  margin: 1.125rem 0;
  border-top: 1px dotted #000;
}
.interact-c-header .c-header__subList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 0.75rem;
  width: 100%;
  max-width: 20rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.interact-c-header .c-header__subItem {
  display: flex;
  flex: 0 0 auto;
  min-width: 0;
}
.interact-c-header .c-header__subLink {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

.interact-l-inner {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: 100%;
  padding-right: 5rem;
  padding-left: 5rem;
}
@media screen and (max-width: 767px) {
  .interact-l-inner {
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
}

.interact-c-enTitle {
  font-size: 0.75rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 100%;
  position: relative;
  padding-left: 0.4375rem;
  padding-top: 0.3125rem;
  display: inline-block;
}
.interact-c-enTitle.--orange::before {
  background: linear-gradient(180deg, #f8d640 0%, #fd6100 100%);
}
.interact-c-enTitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}
.interact-c-enTitle.--vertical {
  writing-mode: vertical-rl;
  padding-left: 0;
  padding-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .interact-c-enTitle.--vertical {
    writing-mode: initial;
    padding-left: 0.4375rem;
    padding-top: 0.3125rem;
  }
}
.interact-c-enTitle.--vertical::before {
  left: auto;
  right: 0;
  top: 0;
}
@media screen and (max-width: 767px) {
  .interact-c-enTitle.--vertical::before {
    left: 0;
    right: auto;
  }
}

.interact-c-title1 {
  font-size: 3rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.92px;
}
@media screen and (max-width: 767px) {
  .interact-c-title1 {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
  }
}
.interact-c-title1.--sm {
  font-size: 2rem;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 767px) {
  .interact-c-title1.--sm {
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}
.interact-c-title1.--md {
  font-size: 2.625rem;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 767px) {
  .interact-c-title1.--md {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
  }
}
.interact-c-title1.--orange {
  color: #f6823a;
}
.interact-c-title1.--circle {
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title1.--circle {
    gap: 0.5rem;
  }
}
.interact-c-title1.--circle::before {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #f8d640 0%, #fd6100 100%);
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title1.--circle::before {
    width: 0.375rem;
    height: 0.375rem;
  }
}

.interact-c-title2 {
  position: relative;
  padding-block: 2.375rem 2.625rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-c-title2 {
    padding-block: 3.25rem 3rem;
  }
}
.interact-c-title2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25rem;
  height: 100%;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}
@media screen and (max-width: 767px) {
  .interact-c-title2::before {
    width: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-c-title2 .interact-l-inner {
    padding-inline: 1.875rem;
  }
}
.interact-c-title2 .c-title2__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-c-title2 .c-title2__line {
    height: 1.3125rem;
  }
}
.interact-c-title2 .c-title2__text {
  font-size: 3rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.92px;
}
@media screen and (max-width: 767px) {
  .interact-c-title2 .c-title2__text {
    font-size: 1.75rem;
    letter-spacing: 0;
  }
}
.interact-c-title2 .c-title2__text.--md {
  font-size: 2.625rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title2 .c-title2__text.--md {
    font-size: 1.75rem;
    letter-spacing: 0;
  }
}
.interact-c-title2.--circle::before {
  display: none;
}
.interact-c-title2.--circle .c-title2__text {
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title2.--circle .c-title2__text {
    gap: 0.5rem;
  }
}
.interact-c-title2.--circle .c-title2__text::before {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: 0.5rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}
@media screen and (max-width: 767px) {
  .interact-c-title2.--circle .c-title2__text::before {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.375rem;
  }
}
.interact-c-title2.--withInfo {
  padding-block: 0;
}
.interact-c-title2.--withInfo > .interact-c-divider {
  left: 51.875rem;
  right: auto;
  top: 2.375rem;
  bottom: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .interact-c-title2.--withInfo > .interact-c-divider {
    display: none;
  }
}
.interact-c-title2.--withInfo .c-title2__body {
  display: grid;
  grid-template-columns: 46.875rem 1fr;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .interact-c-title2.--withInfo .c-title2__body {
    grid-template-columns: 1fr;
    padding-inline: 0;
  }
}
.interact-c-title2.--withInfo .c-title2__text {
  padding-block: 2.375rem 2.625rem;
  padding-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title2.--withInfo .c-title2__text {
    padding-block: 3.25rem 1.5rem;
    padding-inline: 2rem;
  }
}
.interact-c-title2.--withInfo .c-title2__info {
  margin-top: 2.375rem;
  display: flex;
  align-items: center;
  padding: 1.5rem 0 1.5rem 5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: 0.9px;
}
@media screen and (max-width: 767px) {
  .interact-c-title2.--withInfo .c-title2__info {
    margin-top: 0;
    padding: 1.25rem 1.25rem 1.5rem 2rem;
    border-top: 1px dashed #b3b3b3;
    font-size: 0.875rem;
    letter-spacing: 0.84px;
  }
}

.interact-c-title3 {
  position: relative;
  border-bottom: 1px solid #b3b3b3;
}
.interact-c-title3 .c-title3__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-c-title3 .c-title3__line {
    height: 1.3125rem;
  }
}
.interact-c-title3 .c-title3__lineSvg {
  width: 100%;
  height: 100%;
}
.interact-c-title3 .c-title3__body {
  display: flex;
  align-items: end;
  -moz-column-gap: 8.75rem;
       column-gap: 8.75rem;
  padding-top: 5.5rem;
  padding-bottom: 3.3125rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title3 .c-title3__body {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    padding-top: 2.6875rem;
    padding-bottom: 1.875rem;
  }
}
.interact-c-title3 .c-title3__title {
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  max-width: calc(100% - 32.75rem - 2.5rem);
  white-space: nowrap;
  display: flex;
  gap: 0.625rem;
  margin: 0;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.68px;
}
@media screen and (max-width: 767px) {
  .interact-c-title3 .c-title3__title {
    flex: none;
    width: auto;
    max-width: none;
    white-space: normal;
    gap: 0.5rem;
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}
.interact-c-title3 .c-title3__title.--blue::before {
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}
.interact-c-title3 .c-title3__title::before {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #f8d640 0%, #fd6100 100%);
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-title3 .c-title3__title::before {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.interact-c-title3 .c-title3__text {
  flex: 0 1 43.875rem;
  min-width: 32.75rem;
  max-width: 43.875rem;
  margin: 0 0 0 auto;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-c-title3 .c-title3__text {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-left: 0;
    font-size: 0.875rem;
  }
}

.interact-c-parallax {
  position: relative;
}
.interact-c-parallax__clip {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  clip-path: inset(0 round var(--parallax-radius, 0));
}
.interact-c-parallax__inner, .interact-c-parallax__target {
  position: absolute;
  left: 0;
  width: 100%;
  top: -10%;
  height: 120%;
}
.interact-c-parallax__inner img, .interact-c-parallax__target img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-c-parallax__inner .u-desktop,
.interact-c-parallax__inner .u-mobile, .interact-c-parallax__target .u-desktop,
.interact-c-parallax__target .u-mobile {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.interact-c-parallax__inner .u-desktop, .interact-c-parallax__target .u-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .interact-c-parallax__inner .u-desktop, .interact-c-parallax__target .u-desktop {
    display: none;
  }
}
.interact-c-parallax__inner .u-mobile, .interact-c-parallax__target .u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-c-parallax__inner .u-mobile, .interact-c-parallax__target .u-mobile {
    display: block;
  }
}

.interact-c-card1 {
  position: relative;
  padding: 3.125rem 3.5rem 2.625rem;
}
@media screen and (max-width: 767px) {
  .interact-c-card1 {
    padding: 2.5rem 1.25rem 3rem;
  }
}
.interact-c-card1::after {
  content: "";
  position: absolute;
  bottom: 0.75rem;
  right: 0.75rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/common/card1_arrow.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .interact-c-card1::after {
    right: 1.25rem;
    bottom: 1rem;
  }
}
@media (any-hover: hover) {
  .interact-c-card1:hover {
    opacity: 1;
  }
  .interact-c-card1:hover .c-card1__img img {
    transform: scale(1.1);
  }
  .interact-c-card1:hover .c-card1__title {
    text-decoration: underline;
  }
}
.interact-c-card1 .c-card1__img {
  border-radius: 0.75rem;
  overflow: hidden;
  background: #d9d9d9;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-c-card1 .c-card1__img {
    border-radius: 0.5rem;
  }
}
.interact-c-card1 .c-card1__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 565/304;
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .interact-c-card1 .c-card1__img img {
    aspect-ratio: 350/188;
  }
}
.interact-c-card1 .c-card1__title {
  margin-top: 1.125rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.28px;
  -webkit-text-decoration: transparent;
          text-decoration: transparent;
  transition: -webkit-text-decoration 0.3s ease-in-out;
  transition: text-decoration 0.3s ease-in-out;
  transition: text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .interact-c-card1 .c-card1__title {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.interact-c-card1 .c-card1__text {
  margin-top: 0.9375rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 170%;
}
.interact-c-divider {
  --divider-arrow-h: 6px;
  --divider-arrow-w: 11px;
  --divider-side-gap: 6px;
  --divider-pad-w: calc(var(--divider-arrow-w) + var(--divider-side-gap) * 2);
  --divider-gap: 6px;
  --divider-pad-top-h: calc(var(--divider-arrow-h) + var(--divider-gap) + 1px);
  --divider-pad-bottom-h: calc(var(--divider-arrow-h) + var(--divider-gap) + 1px);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--divider-arrow-w);
  transform: translateX(50%);
  pointer-events: none;
}
.interact-c-divider::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 0;
  transform: translateX(-50%);
  border-right: 1px dashed #b3b3b3;
  z-index: 0;
}
.interact-c-divider .c-divider__cap {
  position: absolute;
  left: 50%;
  width: var(--divider-pad-w);
  background-color: #fff;
  background-repeat: no-repeat;
  z-index: 1;
}
.interact-c-divider .c-divider__cap--top {
  top: -1px;
  height: var(--divider-pad-top-h);
  transform: translateX(-50%);
  background-image: url("../img/common/line-divider-top.svg");
  background-position: center top;
  background-size: var(--divider-arrow-w) var(--divider-arrow-h);
}
.interact-c-divider .c-divider__cap--bottom {
  bottom: -1px;
  height: var(--divider-pad-bottom-h);
  transform: translateX(-50%);
  background-image: url("../img/common/line-divider-bottom.svg");
  background-position: center bottom;
  background-size: var(--divider-arrow-w) var(--divider-arrow-h);
}

.interact-c-card2 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.interact-c-card2 .c-card2__link {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
}
@media (any-hover: hover) {
  .interact-c-card2 .c-card2__link:hover {
    opacity: 1;
  }
  .interact-c-card2 .c-card2__link:hover .c-card2__img img {
    transform: scale(1.05);
  }
  .interact-c-card2 .c-card2__link:hover .c-card2__title {
    text-decoration: underline;
  }
}
.interact-c-card2 .c-card2__category {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: 16.8125rem;
  min-height: 2.6875rem;
  height: auto;
  margin-bottom: -1px;
  padding: 0.5rem 3rem 0.5rem 1.25rem;
  background-color: #00a86c;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.56px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269 43' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H231.037C233.463 0 235.757 1.10048 237.276 2.99201L268.64 42.0627H0V8Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269 43' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H231.037C233.463 0 235.757 1.10048 237.276 2.99201L268.64 42.0627H0V8Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.interact-c-card2 .c-card2__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  border: 1px solid #b3b3b3;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .interact-c-card2 .c-card2__body {
    padding: 1.5rem;
  }
}
.interact-c-card2 .c-card2__img {
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.interact-c-card2 .c-card2__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 320/217;
  transition: transform 0.3s ease-in-out;
}
.interact-c-card2 .c-card2__meta {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.3125rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 767px) {
  .interact-c-card2 .c-card2__meta {
    font-size: 0.6875rem;
    letter-spacing: 0.44px;
  }
}
.interact-c-card2 .c-card2__date {
  flex-shrink: 0;
}
.interact-c-card2 .c-card2__title {
  margin-top: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-text-decoration: transparent;
          text-decoration: transparent;
  transition: -webkit-text-decoration 0.3s ease-in-out;
  transition: text-decoration 0.3s ease-in-out;
  transition: text-decoration 0.3s ease-in-out, -webkit-text-decoration 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .interact-c-card2 .c-card2__title {
    font-size: 1.0625rem;
  }
}
.interact-c-card2 .c-card2__tags {
  margin-top: auto;
  padding-top: 0.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.interact-c-card2 .c-card2__tag {
  border-radius: 0.125rem;
  background: #eee;
  padding: 0.25rem 0.5rem;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 767px) {
  .interact-c-card2 .c-card2__tag {
    font-size: 0.625rem;
    letter-spacing: 0.4px;
  }
}

.interact-c-card3 {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 3.125rem 1.75rem 4.375rem;
  border-radius: 0.75rem;
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-c-card3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6.75rem;
    grid-template-areas: "num img" "title img" "text text";
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 0;
    align-items: start;
    padding: 1.625rem 1.0625rem 2.5rem;
  }
}
.interact-c-card3::after {
  content: "";
  position: absolute;
  right: 1.75rem;
  bottom: 2.3125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/common/icon-arrow-orange.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .interact-c-card3::after {
    bottom: 1.625rem;
    right: 1.0625rem;
  }
}
@media (any-hover: hover) {
  .interact-c-card3:hover {
    opacity: 1;
  }
  .interact-c-card3:hover .c-card3__img img {
    transform: scale(1.06);
  }
  .interact-c-card3:hover .c-card3__title {
    text-decoration: underline;
  }
}
.interact-c-card3 .c-card3__num {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 3.75rem;
  font-weight: 600;
  line-height: 1.5;
  color: #f6823a;
  position: absolute;
  top: -2.8125rem;
  left: 0.5625rem;
}
@media screen and (max-width: 767px) {
  .interact-c-card3 .c-card3__num {
    position: static;
    grid-area: num;
    align-self: end;
    font-size: 2.25rem;
  }
}
.interact-c-card3 .c-card3__num::before {
  content: counter(card3, decimal-leading-zero);
}
.interact-c-card3 .c-card3__img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.375rem;
  background: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .interact-c-card3 .c-card3__img {
    grid-area: img;
    width: 100%;
    border-radius: 0.25rem;
  }
}
.interact-c-card3 .c-card3__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 320/196;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-c-card3 .c-card3__img img {
    aspect-ratio: 1;
  }
}
.interact-c-card3 .c-card3__title {
  margin-top: 1.75rem;
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: 1.04px;
  -webkit-text-decoration: transparent;
          text-decoration: transparent;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-c-card3 .c-card3__title {
    grid-area: title;
    align-self: start;
    margin-top: 0;
    font-size: 1.5rem;
  }
}
.interact-c-card3 .c-card3__text {
  margin-top: 1.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-c-card3 .c-card3__text {
    grid-area: text;
    font-size: 0.8125rem;
  }
}

.interact-c-btn1 {
  border-radius: 3.75rem;
  border: 1px solid #000;
  background: #fff;
  padding: 0.75rem 0.5rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  min-width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-btn1 {
    min-width: 11.25rem;
  }
}
@media (any-hover: hover) {
  .interact-c-btn1:hover {
    opacity: 1;
    background: #000;
    color: #fff;
  }
}

.interact-c-btn2 {
  border-radius: 3.75rem;
  background: #f6823a;
  color: #fff;
  padding: 1.125rem 0.75rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  display: inline-block;
  min-width: 13.1875rem;
  max-width: 13.1875rem;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-c-btn2 {
    min-width: 9.125rem;
    max-width: 9.125rem;
  }
}
@media (any-hover: hover) {
  .interact-c-btn2:hover {
    opacity: 0.6;
  }
}

.interact-c-btn3 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 0.625rem;
  min-height: 17.125rem;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-c-btn3 {
    min-height: 8.4375rem;
    border-radius: 0.3125rem;
  }
}
.interact-c-btn3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
  filter: blur(1px);
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
}
@media (any-hover: hover) {
  .interact-c-btn3:hover {
    opacity: 1;
  }
  .interact-c-btn3:hover::before {
    opacity: 0;
  }
}
.interact-c-btn3 .c-btn3__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.interact-c-btn3 .c-btn3__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-c-btn3 .c-btn3__text {
  position: relative;
  z-index: 2;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 767px) {
  .interact-c-btn3 .c-btn3__text {
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}

.interact-c-bread {
  position: relative;
  z-index: 5;
  overflow: auto;
  display: flex;
  -ms-overflow-style: none; /* IE, Edge 対応 */
  scrollbar-width: none; /* Firefox 対応 */
}
.interact-c-bread::-webkit-scrollbar {
  display: none; /* Chrome, Safari 対応 */
}
@media screen and (max-width: 767px) {
  .interact-c-bread {
    padding-left: 0.25rem;
  }
}
.interact-c-bread li {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.13px;
  opacity: 0.4;
}
@media screen and (max-width: 767px) {
  .interact-c-bread li {
    font-size: 0.75rem;
  }
}
.interact-c-bread li + li {
  margin-left: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-bread li + li {
    margin-left: 0.25rem;
  }
}
.interact-c-bread li + li::before {
  content: "";
  width: 0.625rem;
  height: 1px;
  background: #000;
  opacity: 0.4;
}
.interact-c-bread a {
  color: #000;
}
.interact-c-bread li:last-child {
  opacity: 1;
}
.interact-c-bread li:last-child a {
  opacity: 1;
}

.interact-c-news {
  border-top: 1px dashed #b3b3b3;
}
.interact-c-news:last-child {
  border-bottom: 1px dashed #b3b3b3;
}
.interact-c-news .c-news__link {
  padding-block: 2.5rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .interact-c-news .c-news__link {
    padding-block: 1.25rem;
  }
}
.interact-c-news .c-news__meta {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.interact-c-news .c-news__category {
  display: inline-block;
  border-radius: 0.375rem;
  background: #39468c;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  padding: 0.5625rem 0.625rem;
}
.interact-c-news .c-news__time {
  flex-shrink: 0;
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 16.8px;
}
.interact-c-news .c-news__title {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.interact-c-pager {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1.875rem;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-c-pager {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    -moz-column-gap: 1.875rem;
         column-gap: 1.875rem;
  }
}
.interact-c-pager .c-pager__side {
  display: flex;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .interact-c-pager .c-pager__side.-prev {
    justify-self: start;
  }
  .interact-c-pager .c-pager__side.-next {
    justify-self: end;
  }
}
.interact-c-pager .c-pager__numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  min-width: 0;
}
.interact-c-pager .c-pager__item {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
  flex-shrink: 0;
  transition: border-color 0.3s, color 0.3s, background-color 0.3s;
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
}
.interact-c-pager .c-pager__item.-current {
  background-color: #39468C;
  color: #fff;
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
}
.interact-c-pager .c-pager__item.-prev, .interact-c-pager .c-pager__item.-next {
  border: none;
  background: transparent;
}
.interact-c-pager .c-pager__item.-prev i, .interact-c-pager .c-pager__item.-next i {
  display: block;
  width: 1.0125rem;
  height: 1.0125rem;
  background: url(../img/common/icon-pager.webp) no-repeat center center/contain;
  transition: background-color 0.3s;
}
.interact-c-pager .c-pager__item.-next i {
  rotate: -180deg;
}
@media (any-hover: hover) {
  .interact-c-pager .c-pager__item:hover {
    opacity: 1;
  }
}

.interact-c-no {
  text-align: center;
}
.interact-c-no .c-no__title {
  font-family: "Poppins", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 1.6px;
}
.interact-c-no .c-no__sub {
  margin-top: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}
.interact-c-no .c-no__text {
  margin-top: 2.5rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
}
.interact-c-no .c-no__btn {
  margin-top: 2.5rem;
}
.interact-c-share .c-share__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.interact-c-share .c-share__item--copy {
  position: relative;
}
.interact-c-share .c-share__link {
  display: block;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 0.25s ease-in;
  line-height: 0;
  width: 2rem;
  height: 2rem;
}
@media (any-hover: hover) {
  .interact-c-share .c-share__link:hover {
    opacity: 0.7;
  }
}
.interact-c-share .c-share__link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.interact-c-share .c-share__message {
  position: absolute;
  top: calc(100% + 0.5rem);
  left: 50%;
  z-index: 1;
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
  background: #000;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.52px;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) translateY(-0.25rem);
  transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}
.interact-c-share .c-share__message::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 0.3125rem solid transparent;
  border-right: 0.3125rem solid transparent;
  border-bottom: 0.375rem solid #000;
  transform: translateX(-50%);
}
.interact-c-share .c-share__message.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

.interact-c-wysiwyg {
  width: 100%;
  padding-left: 0;
  overflow: hidden;
  --radius: 0rem;
}
.interact-c-wysiwyg > *:first-child {
  margin-top: 0;
}
.interact-c-wysiwyg h2 {
  position: relative;
  margin-top: 2.5rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.28px;
  padding-left: 1.6875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg h2 {
    font-size: 1.625rem;
    letter-spacing: 1.04px;
    padding-left: 1.25rem;
    margin-top: 1.875rem;
  }
}
.interact-c-wysiwyg h2::before {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 100%;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.interact-c-wysiwyg h3 {
  position: relative;
  margin-top: 2.5rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.04px;
  padding-left: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg h3 {
    margin-top: 1.875rem;
    font-size: 1.375rem;
    letter-spacing: 0.88px;
  }
}
.interact-c-wysiwyg h3::before {
  content: "";
  display: block;
  width: 0.4375rem;
  height: 100%;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
  position: absolute;
  top: 0;
  left: 0;
}
.interact-c-wysiwyg h4,
.interact-c-wysiwyg h5,
.interact-c-wysiwyg h6 {
  position: relative;
  margin-top: 2.5rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.88px;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg h4,
  .interact-c-wysiwyg h5,
  .interact-c-wysiwyg h6 {
    margin-top: 1.875rem;
    font-size: 1.25rem;
    letter-spacing: 0.8px;
  }
}
.interact-c-wysiwyg p {
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg p {
    margin-top: 1.875rem;
  }
}
.interact-c-wysiwyg p a {
  text-decoration: underline;
  color: #00f;
}
.interact-c-wysiwyg p.is-align-right {
  text-align: right;
}
.interact-c-wysiwyg ul,
.interact-c-wysiwyg ol {
  margin-top: 2.5rem;
  list-style: none;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg ul,
  .interact-c-wysiwyg ol {
    margin-top: 1.875rem;
  }
}
.interact-c-wysiwyg ul li,
.interact-c-wysiwyg ol li {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  position: relative;
  margin-top: 1.125rem;
}
.interact-c-wysiwyg ol {
  counter-reset: n;
}
.interact-c-wysiwyg ol > li {
  padding-left: 2.125rem;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg ol > li {
    padding-left: 2.5rem;
  }
}
.interact-c-wysiwyg ol > li:before {
  content: counter(n, decimal-leading-zero) ".";
  counter-increment: n;
  font-family: "Poppins", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 150%;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0.03125rem;
}
.interact-c-wysiwyg ol > li ol {
  margin-top: 0;
}
.interact-c-wysiwyg ol ul > li::before {
  counter-increment: none;
}
.interact-c-wysiwyg ul li {
  padding-left: 1.75rem;
}
.interact-c-wysiwyg ul li::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: 0.5rem;
  left: 0;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg ul li::before {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.interact-c-wysiwyg ul li ul {
  margin-top: 0;
}
.interact-c-wysiwyg ul li a {
  color: #00f;
  text-decoration: underline;
}
.interact-c-wysiwyg a {
  word-wrap: break-word;
}
.interact-c-wysiwyg strong {
  font-weight: 700;
}
.interact-c-wysiwyg blockquote {
  padding: 1.5rem 2rem 1.5rem 4.1875rem;
  margin-top: 2.5rem;
  border-radius: 0.5rem;
  background: rgba(57, 70, 140, 0.05);
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg blockquote {
    padding: 1.5rem 1.125rem 1.5rem 3.3125rem;
    margin-top: 1.875rem;
  }
}
.interact-c-wysiwyg blockquote::before {
  content: "";
  display: block;
  width: 1.1875rem;
  height: 0.875rem;
  background: url(../img/common/icon-quote.svg) no-repeat center center/contain;
  z-index: 1;
  position: absolute;
  top: 1.5rem;
  left: 2rem;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg blockquote::before {
    left: 1.125rem;
  }
}
.interact-c-wysiwyg blockquote p {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
  padding-top: 0;
  margin-top: 0;
}
.interact-c-wysiwyg blockquote p a {
  text-decoration: underline;
  color: #00f;
}
.interact-c-wysiwyg table.fr-dashed-borders thead,
.interact-c-wysiwyg table.fr-dashed-borders tbody,
.interact-c-wysiwyg table.fr-dashed-borders th,
.interact-c-wysiwyg table.fr-dashed-borders td {
  border-width: 0.0625rem;
  border-color: #b2b2b2;
}
.interact-c-wysiwyg table.fr-dashed-borders thead,
.interact-c-wysiwyg table.fr-dashed-borders tbody {
  border-style: dashed;
}
.interact-c-wysiwyg table.fr-dashed-borders thead {
  border-top-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
}
.interact-c-wysiwyg table.fr-dashed-borders tbody {
  border-bottom-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
}
.interact-c-wysiwyg table.fr-dashed-borders th + th {
  border-left-width: 0.0625rem;
}
.interact-c-wysiwyg table.fr-dashed-borders td + td {
  border-left-width: 0.0625rem;
}
.interact-c-wysiwyg table.fr-dashed-borders tr + tr td {
  border-top-width: 0.0625rem;
}
.interact-c-wysiwyg table.fr-dashed-borders td:not(:has(~ td)) {
  border-left-width: 0.0625rem;
}
.interact-c-wysiwyg table.fr-dashed-borders td {
  border-width: 0;
}
.interact-c-wysiwyg table.fr-dashed-borders thead tr th:first-child {
  border-radius: var(--radius) 0 0 0;
}
.interact-c-wysiwyg table.fr-dashed-borders thead tr th:last-child {
  border-radius: 0 var(--radius) 0 0;
}
.interact-c-wysiwyg table {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0;
  padding-bottom: 2.5rem;
  margin-top: 2.5rem;
  table-layout: fixed;
  min-width: 41.6875rem;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg table {
    min-width: initial;
  }
}
.interact-c-wysiwyg table::-webkit-scrollbar {
  height: 0.1875rem;
}
.interact-c-wysiwyg table::-webkit-scrollbar-track {
  background-color: #efefef;
}
.interact-c-wysiwyg table::-webkit-scrollbar-thumb {
  border-radius: 0.1rem;
  background: #b3b3b3;
  width: 5.125rem;
}
.interact-c-wysiwyg table:not(:has(thead)) tbody {
  border-radius: var(--radius);
  border-top: 0.0625rem solid #b2b2b2;
}
.interact-c-wysiwyg table:not(:has(thead)) tbody tr:first-child td:first-child {
  border-top-left-radius: var(--radius);
  border-left: none;
}
.interact-c-wysiwyg table:not(:has(thead)) tbody tr:first-child td:last-child {
  border-top-right-radius: var(--radius);
}
.interact-c-wysiwyg table tbody,
.interact-c-wysiwyg table thead {
  width: 100%;
  display: table;
}
.interact-c-wysiwyg table thead {
  border-top: 0.0625rem solid #dfdfdf;
  border-left: 0.0625rem solid #dfdfdf;
  border-right: 0.0625rem solid #dfdfdf;
  border-radius: var(--radius) var(--radius) 0 0;
  background: rgba(57, 70, 140, 0.05);
}
.interact-c-wysiwyg table tbody {
  border-bottom: 0.0625rem solid #b2b2b2;
  border-left: 0.0625rem solid #b2b2b2;
  border-right: 0.0625rem solid #b2b2b2;
  border-radius: 0 0 var(--radius) var(--radius);
  overflow: hidden;
}
.interact-c-wysiwyg table th {
  background-color: transparent;
  text-align: left;
  padding: 1.5rem 1rem;
  min-width: 16.25rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  border: none;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg table th {
    font-size: 0.9375rem;
  }
}
.interact-c-wysiwyg table th + th {
  border-left: 0.0625rem solid #fff;
}
.interact-c-wysiwyg table td + td {
  border-left: 0.0625rem dashed #b2b2b2;
}
.interact-c-wysiwyg table tr + tr td {
  border-top: 0.0625rem solid #b2b2b2;
}
.interact-c-wysiwyg table td:not(:has(~ td)) {
  border-left: 0.0625rem solid #b2b2b2;
}
.interact-c-wysiwyg table td {
  border: 0.0625rem solid #b2b2b2;
  background-color: #fff;
  padding: 1.5rem 1rem;
  min-width: 16.25rem;
  min-height: 7.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 160%;
  vertical-align: center;
  border: none;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg table td {
    font-size: 0.875rem;
  }
}
.interact-c-wysiwyg table th[colspan="2"] {
  min-width: 32.5rem;
}
.interact-c-wysiwyg table td[colspan="2"] {
  min-width: 32.5rem;
}
.interact-c-wysiwyg img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-top: 2.5rem;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.5rem;
}
.interact-c-wysiwyg .fr-img-caption .fr-inner {
  display: block;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.65;
  letter-spacing: 0.05em;
  margin-top: 1rem;
}
.interact-c-wysiwyg p > .fr-video {
  margin-top: -1rem;
}
.interact-c-wysiwyg iframe {
  max-width: 100%;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}
.interact-c-wysiwyg .leadgrid-blogcard__link {
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg .leadgrid-blogcard__link {
    flex-direction: column-reverse;
  }
}
.interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__eyecatch {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__eyecatch {
    width: 15rem;
    flex-shrink: 0;
  }
}
.interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__eyecatch img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
  margin: 0;
}
.interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__meta {
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__meta {
    width: 100%;
  }
}
.interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__title {
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.65;
  letter-spacing: 0.05em;
}
.interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__description {
  margin-top: 0.5rem;
  color: #808080;
  font-size: 0.75rem;
  line-height: 1.55;
  letter-spacing: 0.05em;
}
.interact-c-wysiwyg .leadgrid-blogcard__link .leadgrid-blogcard__domain {
  margin-top: 0.5rem;
  font-size: 0.625rem;
  color: #808080;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-family: "Poppins", sans-serif;
}

.interact-c-form {
  /* ========================================================
  # ラベル+入力欄
  ======================================================== */
  /* ========================================================
  # ラベル
  ======================================================== */
  /* ========================================================
  # 任意マーク
  ======================================================== */
  /* ========================================================
  # 必須マーク
  ======================================================== */
  /* ========================================================
  # 入力欄の共通スタイル
  ======================================================== */
  /* ========================================================
  # セレクトボックス
  ======================================================== */
  /* ========================================================
  # ラジオボタン
  ======================================================== */
  /* ========================================================
  # チェックボックス
  ======================================================== */
  /* ========================================================
  # ファイル選択
  ======================================================== */
  /* ========================================================
  # プライバシーポリシー同意
  ======================================================== */
  /* ========================================================
  # 送信ボタン（HTML変更不可・見た目のみ上書き）
  ======================================================== */
}
.interact-c-form .leadgrid-form__row {
  margin-top: 1.75rem;
}
.interact-c-form .leadgrid-form__free-text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 160%; /* 22.4px */
}
.interact-c-form .leadgrid-form__label {
  gap: 1rem;
  width: auto;
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .interact-c-form .leadgrid-form__label {
    font-size: 0.9375rem;
    gap: 0;
  }
}
.interact-c-form .leadgrid-form__label::before {
  display: inline-block;
  height: initial;
  padding: 0.375rem 0.875rem;
  margin-top: 0.0625rem;
  margin-right: 0.625rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 100%;
  color: #fff;
  letter-spacing: 0.48px;
  background-color: #d10000;
  border: none;
  border: 0.0625rem solid #d10000;
  border-radius: 0;
  border-radius: 0.25rem;
}
.interact-c-form .leadgrid-form__label.-required::before {
  color: #fff;
  background-color: #d10000;
}
.interact-c-form .leadgrid-form__label:not(.-required)::before {
  color: #000;
  background-color: #b3b3b3;
  border: 1px solid #b3b3b3;
}
.interact-c-form .leadgrid-form__input,
.interact-c-form .leadgrid-form__textarea,
.interact-c-form .leadgrid-form__select > select {
  font-size: 0.875rem;
  line-height: 1;
  letter-spacing: 0.04em;
  background: #fff;
  border-radius: 0.3125rem;
  border: 1px solid #939393;
}
.interact-c-form .leadgrid-form__input,
.interact-c-form .leadgrid-form__select > select {
  height: 3.125rem;
  padding: 0.8125rem 1.875rem;
}
.interact-c-form .leadgrid-form__select > select {
  padding-right: 5.9375rem;
  color: #000;
}
.interact-c-form .leadgrid-form__select > select:invalid, .interact-c-form .leadgrid-form__select > select:has(option[value=""]:checked) {
  color: #939393;
}
.interact-c-form .leadgrid-form__select > select option {
  color: #000;
}
.interact-c-form .leadgrid-form__select > select option[value=""] {
  color: #939393;
}
.interact-c-form .leadgrid-form__textarea {
  min-height: 18.75rem;
  padding: 1rem;
  border-radius: 0.3125rem;
}
.interact-c-form .leadgrid-form__select {
  position: relative;
}
.interact-c-form .leadgrid-form__select::after {
  position: absolute;
  top: 50%;
  right: 1.875rem;
  width: 3rem;
  height: 2rem;
  pointer-events: none;
  content: "";
  background-image: url("../img/common/icon_select.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  transform: translateY(-50%);
}
.interact-c-form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  appearance: none;
  appearance: none;
}
.interact-c-form select::-ms-expand {
  display: none;
}
.interact-c-form .leadgrid-form__radio label input {
  width: 0;
  margin: 0;
}
.interact-c-form .leadgrid-form__radio label span {
  font-size: 0.9375rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .interact-c-form .leadgrid-form__radio label span {
    font-size: 0.875rem;
  }
}
.interact-c-form .leadgrid-form__radio label span::before {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #fff;
  border-color: #000;
  border-width: 0.125rem;
}
.interact-c-form .leadgrid-form__radio label input[type=radio]:checked + span {
  font-weight: bold;
}
.interact-c-form .leadgrid-form__radio label input[type=radio]:checked + span::after {
  width: 12px;
  min-width: 12px;
  height: 12px;
  background-color: #000;
}
.interact-c-form .leadgrid-form__error,
.interact-c-form .leadgrid-form__file-caution {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #d10000;
}
.interact-c-form .leadgrid-form__checkbox input {
  width: 0;
  margin: 0;
}
.interact-c-form .leadgrid-form__checkbox label span {
  font-size: 1rem;
  font-weight: 400;
}
.interact-c-form .leadgrid-form__checkbox label span::before {
  background-color: #fff;
  border-color: #000;
}
@media screen and (max-width: 767px) {
  .interact-c-form .leadgrid-form__checkbox label span::before {
    width: 1.125rem;
    min-width: 1.125rem;
    height: 1.125rem;
  }
}
.interact-c-form .leadgrid-form__checkbox label input[type=checkbox]:checked + span::after {
  border-color: #fff;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .interact-c-form .leadgrid-form__checkbox label input[type=checkbox]:checked + span::after {
    left: 0.375rem;
    width: 0.375rem;
    height: 0.625rem;
    margin-top: -0.4375rem;
    border-color: #fff;
    border-width: 0.125rem;
  }
}
.interact-c-form .leadgrid-form__checkbox label input[type=checkbox]:checked + span::before {
  background-color: #000;
  border-color: #000;
}
.interact-c-form .leadgrid-form__calendar-wrapper input {
  max-width: 20rem;
}
.interact-c-form .leadgrid-form__calendar-wrapper .calendar-icon {
  right: initial;
  left: 17.25rem;
}
.interact-c-form .leadgrid-form__file label {
  gap: 2rem;
  justify-content: space-between;
  min-width: 18.75rem;
  height: 3.125rem;
  padding: 0.8125rem 1.875rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 165%;
  letter-spacing: 0.56px;
  background-color: #fff;
  border-color: #939393;
  border-radius: 0.3125rem;
}
.interact-c-form .leadgrid-form__file label img {
  display: none;
}
.interact-c-form .leadgrid-form__file label::after {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background-image: url("../img/common/icon_file.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.interact-c-form .leadgrid-form__agree {
  text-align: center;
}
.interact-c-form .c-form__agreeText_not_scroll {
  font-size: 0.9375rem;
  font-weight: 400 !important;
  line-height: 150%; /* 22.5px */
  color: #000;
  text-align: center;
}
.interact-c-form .c-form__agreeText_not_scroll a strong {
  font-weight: 500 !important;
}
.interact-c-form .c-form__checkbox {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-c-form .c-form__checkbox {
    text-align: center;
  }
}
.interact-c-form .c-form__checkbox label {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.interact-c-form .c-form__checkbox label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}
.interact-c-form .c-form__checkbox label span {
  position: relative;
  padding-left: 2.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.04em;
  pointer-events: none;
}
.interact-c-form .c-form__checkbox label span::before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  margin-top: 0.125rem;
  margin-right: 0;
  content: "";
  background-color: #fff;
  border: 2px solid #939393;
  border-radius: 0;
  border-radius: 0.3125rem;
}
.interact-c-form .c-form__checkbox label input:focus-visible + span::before {
  outline: 2px solid #0055a4;
  outline-offset: 2px;
}
.interact-c-form .c-form__checkbox label input[type=checkbox]:checked + span::before {
  border-color: #000;
  background-color: #000;
}
.interact-c-form .c-form__checkbox label input[type=checkbox]:checked + span::after {
  position: absolute;
  left: 0.5625rem;
  display: inline-block;
  width: 0.4375rem;
  min-width: 0.4375rem;
  height: 0.75rem;
  margin-top: 0.375rem;
  content: "";
  border-right: 0.125rem solid #fff;
  border-bottom: 0.125rem solid #fff;
  border-radius: 0;
  rotate: 45deg;
}
.interact-c-form .leadgrid-form__agree .privacy {
  margin-top: 1.875rem;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #939393;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .interact-c-form .leadgrid-form__agree .privacy {
    margin-top: 0.1875rem;
  }
}
.interact-c-form .leadgrid-form__agree .privacy a strong {
  font-weight: 500;
}
.interact-c-form .c-form__action {
  margin-top: 3.75rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-c-form .c-form__action {
    margin-top: 2.5rem;
  }
}
.interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 12.5rem;
  margin-inline: auto;
  padding: 0.875rem 3rem;
  font: inherit;
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  border-radius: 6.25rem;
  background: #000;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large {
    min-width: 11.25rem;
    padding: 0.75rem 2.5rem;
  }
}
@media (any-hover: hover) {
  .interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large:hover {
    opacity: 0.7;
  }
}
.interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .c-button__jaTitle {
  display: block;
  width: auto;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.02em;
  color: #fff;
  text-align: center;
}
.interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .c-button__jaTitle::after {
  display: none;
}
.interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .icon-circle-arrow,
.interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .path1,
.interact-c-form .c-form__action #js-recaptcha-ctaButton.leadgrid-c-button.-secondary.-large .path2 {
  display: none;
}

.interact-s-mv {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-mv {
    padding-bottom: 3rem;
  }
}
.interact-s-mv .s-mv__inner {
  position: relative;
  width: 100%;
  aspect-ratio: 1440/737;
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__inner {
    aspect-ratio: 390/696;
  }
}
.interact-s-mv .s-mv__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.interact-s-mv .splide__track,
.interact-s-mv .splide__slide {
  height: 100%;
}
.interact-s-mv .s-mv__slideSet {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__slideSet {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
}
.interact-s-mv .s-mv__slideItem {
  overflow: hidden;
}
.interact-s-mv .s-mv__slideItem img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-mv .s-mv__content {
  position: relative;
  z-index: 2;
  height: 100%;
  pointer-events: none;
}
.interact-s-mv .s-mv__contentGrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__contentGrid {
    position: relative;
    display: block;
    height: 100%;
    padding: 0;
    gap: 0;
  }
}
.interact-s-mv .s-mv__title {
  grid-column: 1;
  align-self: end;
  margin: 0;
  padding: 0 0 3rem 3.5rem;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 4.625rem;
  font-weight: 700;
  line-height: 130%;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__title {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    padding: 0 1.75rem;
    font-size: 2.4375rem;
    line-height: 130%;
    text-align: center;
    transform: translate(-50%, -50%);
  }
}
.interact-s-mv .s-mv__title img {
  width: 33.9375rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__title img {
    width: 100%;
  }
}
.interact-s-mv .s-mv__text {
  position: relative;
  grid-column: 2;
  justify-self: end;
  align-self: end;
  width: 100%;
  max-width: 38.75rem;
  pointer-events: auto;
}
.interact-s-mv .s-mv__text .s-mv__textBg {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
}
.interact-s-mv .s-mv__text .s-mv__textBg svg {
  display: block;
  width: 100%;
  height: calc(100% + 2px);
  margin-bottom: -2px;
}
.interact-s-mv .s-mv__text .s-mv__textBody {
  position: relative;
  z-index: 1;
  padding: 2rem 2.5rem 0.6875rem 4.375rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__text .s-mv__textBody {
    font-size: 0.90625rem;
    padding: 1.0625rem 1.125rem 0.6875rem 3.25rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-mv .s-mv__text {
    position: absolute;
    right: 0;
    bottom: -3rem;
    left: auto;
    width: calc(100% - 1.4375rem);
    max-width: calc(100% - 1.4375rem);
    grid-column: 1;
    justify-self: stretch;
  }
}

.interact-s-message {
  padding-top: 6.25rem;
  padding-bottom: 7.9375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-message {
    padding-top: 4rem;
    padding-bottom: 5rem;
  }
}
.interact-s-message .s-message__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9rem;
}
@media screen and (max-width: 767px) {
  .interact-s-message .s-message__wrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 3.125rem;
  }
}
.interact-s-message .s-message__area {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-message .s-message__area {
    margin-top: 2rem;
  }
}
.interact-s-message .s-message__text {
  margin-top: 4.375rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 220%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 767px) {
  .interact-s-message .s-message__text {
    margin-top: 2rem;
    font-size: 0.9375rem;
    letter-spacing: 0.9px;
    line-height: 190%;
  }
}
.interact-s-message .s-message__imgArea {
  position: relative;
  padding-bottom: 14.625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-message .s-message__imgArea {
    padding-bottom: 8.3125rem;
  }
}
.interact-s-message .s-message__img1 {
  --parallax-radius: 0.75rem;
  width: 30.25rem;
  height: 31.75rem;
  border-radius: var(--parallax-radius);
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .interact-s-message .s-message__img1 {
    --parallax-radius: 0.5rem;
    width: 18.4375rem;
    height: 19.375rem;
  }
}
.interact-s-message .s-message__img2 {
  --parallax-radius: 0.75rem;
  width: 14.5rem;
  height: 19.375rem;
  border-radius: var(--parallax-radius);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-message .s-message__img2 {
    --parallax-radius: 0.5rem;
    width: 8.8125rem;
    height: 11.3125rem;
  }
}

.interact-s-about .s-about__content {
  display: grid;
  grid-template-columns: 5rem 1fr;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-about .s-about__content {
    grid-template-columns: 1fr;
  }
}
.interact-s-about .s-about__en {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-about .s-about__en {
    justify-content: flex-end;
    padding: 0.75rem 1.25rem 1rem;
    border-bottom: 1px dashed #b3b3b3;
  }
  .interact-s-about .s-about__en .interact-c-divider {
    display: none;
  }
}
.interact-s-about .s-about__body {
  position: relative;
}
.interact-s-about .s-about__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .interact-s-about .s-about__list {
    grid-template-columns: 1fr;
  }
}
.interact-s-about .s-about__item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-s-about .s-about__item + .s-about__item {
    border-top: 1px dashed #b3b3b3;
  }
}
.interact-s-about .s-about__item .interact-c-divider {
  display: none;
}
.interact-s-about .s-about__item:nth-child(odd) .interact-c-divider {
  display: block;
}
@media screen and (max-width: 767px) {
  .interact-s-about .s-about__item:nth-child(odd) .interact-c-divider {
    display: none;
  }
}
.interact-s-about .s-about__item:nth-child(n+3) {
  border-top: 1px solid #b3b3b3;
}
.interact-s-topInterview {
  padding-top: 6.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview {
    padding-top: 5rem;
  }
}
.interact-s-topInterview .s-topInterview__wrap {
  display: grid;
  grid-template-columns: 23.75rem 1fr 4.5rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__wrap {
    display: flex;
    flex-direction: column;
  }
}
.interact-s-topInterview .s-topInterview__img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__img {
    order: 3;
    height: 20rem;
  }
}
.interact-s-topInterview .s-topInterview__img img {
  aspect-ratio: 380/1270;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__img img {
    aspect-ratio: 390/320;
  }
}
.interact-s-topInterview .s-topInterview__main {
  position: relative;
  padding: 5.9375rem 4.875rem 3.625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__main {
    order: 2;
    padding: 2.5rem 2.0625rem 3.75rem;
  }
  .interact-s-topInterview .s-topInterview__main .interact-c-divider {
    display: none;
  }
}
.interact-s-topInterview .s-topInterview__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__body {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}
.interact-s-topInterview .s-topInterview__btn {
  margin-top: 2.5rem;
  text-align: right;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__btn {
    text-align: center;
    margin-inline: auto;
  }
}
.interact-s-topInterview .s-topInterview__head {
  display: flex;
  justify-content: center;
  padding-block: 5.9375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topInterview .s-topInterview__head {
    order: 1;
    border-bottom: 1px dashed #b3b3b3;
    padding: 0.75rem 1.25rem 1rem;
    justify-content: flex-end;
  }
}

.interact-s-topRecruit {
  padding-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit {
    padding-top: 3.75rem;
  }
}
.interact-s-topRecruit .s-topRecruit__inner {
  padding-inline: 1.25rem;
}
.interact-s-topRecruit .s-topRecruit__wrap {
  border-radius: 0.75rem;
  overflow: hidden;
  background: url("../img/top/topRecruit_bg.webp") no-repeat center center/cover;
  width: 100%;
  padding: 1.5rem;
  display: grid;
  gap: 4.5rem;
  grid-template-columns: 23.75rem 1fr 23.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit .s-topRecruit__wrap {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding: 2rem 1.25rem;
  }
}
.interact-s-topRecruit .s-topRecruit__img {
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
}
.interact-s-topRecruit .s-topRecruit__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 380/620;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit .s-topRecruit__img img {
    aspect-ratio: 310/198;
  }
}
.interact-s-topRecruit .s-topRecruit__main {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.interact-s-topRecruit .s-topRecruit__title {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit .s-topRecruit__title {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
  }
}
.interact-s-topRecruit .s-topRecruit__text {
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 250%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit .s-topRecruit__text {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    line-height: 180%;
    letter-spacing: 0.84px;
    text-align: left;
  }
}
.interact-s-topRecruit .s-topRecruit__sub {
  margin-top: 1.25rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit .s-topRecruit__sub {
    margin-top: 0.75rem;
    font-size: 1.125rem;
    line-height: 160%;
    letter-spacing: 1.08px;
  }
}
.interact-s-topRecruit .s-topRecruit__btns {
  margin-top: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topRecruit .s-topRecruit__btns {
    margin-top: 2rem;
    gap: 0.5rem;
  }
}
.interact-s-topCompany {
  --top-company-head-height: 0px;
  --top-company-wrap-pad-top: 6.25rem;
  --top-company-wrap-pad-right: 4.125rem;
  --top-company-wrap-pad-bottom: 8.75rem;
  --top-company-wrap-pad-left: 5rem;
  padding-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany {
    --top-company-wrap-pad-top: 2.5rem;
    --top-company-wrap-pad-right: 1.25rem;
    --top-company-wrap-pad-bottom: 2.5rem;
    --top-company-wrap-pad-left: 1.25rem;
    padding-top: 5rem;
  }
}
.interact-s-topCompany .s-topCompany__pinWrap {
  overflow: visible;
}
.interact-s-topCompany .s-topCompany__spacer {
  pointer-events: none;
}
.interact-s-topCompany .s-topCompany__border {
  position: relative;
  border-bottom: 1px solid #b3b3b3;
}
.interact-s-topCompany .s-topCompany__dividerBottom {
  position: absolute;
  left: 5rem;
  bottom: -1px;
  z-index: 2;
  width: 23px;
  height: 13px;
  margin-left: -11.5px;
  background-color: #fff;
  background-image: url("../img/common/line-divider-bottom.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 11px 6px;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__dividerBottom {
    display: none;
  }
}
.interact-s-topCompany .s-topCompany__head {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__head {
    position: static;
  }
}
.interact-s-topCompany .s-topCompany__dividerTop {
  position: absolute;
  left: 5rem;
  top: 100%;
  z-index: 11;
  width: 23px;
  height: 13px;
  margin-top: -1px;
  margin-left: -11.5px;
  background-color: #fff;
  background-image: url("../img/common/line-divider-top.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 11px 6px;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__dividerTop {
    display: none;
  }
}
.interact-s-topCompany .s-topCompany__inner {
  position: relative;
  display: grid;
  grid-template-columns: 5rem 1fr;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__inner {
    grid-template-columns: 1fr;
  }
}
.interact-s-topCompany .s-topCompany__divider {
  left: 5rem;
  right: auto;
  transform: none;
  width: 11px;
  margin-left: -5.5px;
  top: -1px;
  bottom: -1px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__divider {
    display: none;
  }
}
.interact-s-topCompany .s-topCompany__en {
  position: relative;
  align-self: start;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__en {
    display: none;
  }
}
.interact-s-topCompany .s-topCompany__enSticky {
  position: sticky;
  top: var(--top-company-head-height);
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 2.375rem;
  box-sizing: border-box;
}
.interact-s-topCompany .s-topCompany__wrap {
  display: grid;
  grid-template-columns: 28.125rem 1fr;
  gap: 7.1875rem;
  align-items: start;
  padding: var(--top-company-wrap-pad-top) var(--top-company-wrap-pad-right) var(--top-company-wrap-pad-bottom) var(--top-company-wrap-pad-left);
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__wrap {
    display: block;
    padding-inline: 0;
  }
}
.interact-s-topCompany .s-topCompany__contents {
  padding-bottom: 11.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__contents {
    padding-bottom: 0;
  }
}
.interact-s-topCompany .s-topCompany__mediaSticky {
  position: sticky;
  top: calc(var(--top-company-head-height) + var(--top-company-wrap-pad-top));
}
.interact-s-topCompany .s-topCompany__mediaFrame {
  position: relative;
  width: 100%;
  aspect-ratio: 520/700;
  max-height: calc(100vh - 10rem);
  border-radius: 0.75rem;
  overflow: hidden;
  background: #d9d9d9;
}
.interact-s-topCompany .s-topCompany__mediaItem {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.45s ease;
  pointer-events: none;
}
.interact-s-topCompany .s-topCompany__mediaItem.is-active {
  opacity: 1;
  pointer-events: auto;
}
.interact-s-topCompany .s-topCompany__mediaItem img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-topCompany .s-topCompany__item {
  padding-block: 3rem;
  border-bottom: 1px dashed #b3b3b3;
}
.interact-s-topCompany .s-topCompany__item:first-child {
  padding-top: 0;
}
.interact-s-topCompany .s-topCompany__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__item {
    display: grid;
    grid-template-columns: 10rem 1fr;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    padding-block: 2.5rem;
    padding-inline: 1.25rem;
    align-items: center;
  }
  .interact-s-topCompany .s-topCompany__item:first-child {
    padding-top: 0;
  }
  .interact-s-topCompany .s-topCompany__item:last-child {
    padding-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__itemBody {
    display: contents;
  }
}
.interact-s-topCompany .s-topCompany__itemImg {
  display: none;
  border-radius: 0.75rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__itemImg {
    display: block;
    width: 100%;
    border-radius: 0.5rem;
  }
}
.interact-s-topCompany .s-topCompany__itemImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 450/580;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__itemImg img {
    aspect-ratio: 160/210;
  }
}
.interact-s-topCompany .s-topCompany__itemTitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.28px;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__itemTitle {
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}
.interact-s-topCompany .s-topCompany__itemText {
  margin-top: 1.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__itemText {
    margin-top: 1rem;
    grid-column: 1/-1;
    font-size: 0.875rem;
    letter-spacing: 0.56px;
  }
}
.interact-s-topCompany .s-topCompany__itemBtn {
  margin-top: 2.5rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .interact-s-topCompany .s-topCompany__itemBtn {
    margin-top: 1.5rem;
    grid-column: 1/-1;
    text-align: center;
  }
}

.interact-s-link {
  border-bottom: 1px solid #b3b3b3;
}
.interact-s-link .s-link__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .interact-s-link .s-link__wrap {
    grid-template-columns: 1fr;
  }
}
.interact-s-link .s-link__item {
  padding: 2rem 1.25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-s-link .s-link__item {
    padding: 0.5rem 1.25rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-link .s-link__item .interact-c-divider {
    top: auto;
    right: 0;
    bottom: calc(var(--divider-arrow-w) / -2);
    left: 0;
    width: auto;
    height: var(--divider-arrow-w);
    transform: none;
  }
  .interact-s-link .s-link__item .interact-c-divider::before {
    top: 50%;
    right: var(--divider-arrow-h);
    bottom: auto;
    left: var(--divider-arrow-h);
    width: auto;
    height: 0;
    transform: translateY(-50%);
    border-right: none;
    border-top: 1px dashed #b3b3b3;
  }
  .interact-s-link .s-link__item .interact-c-divider .c-divider__cap {
    top: 50%;
    bottom: auto;
    left: auto;
    width: var(--divider-arrow-h);
    height: var(--divider-arrow-w);
    margin-top: calc(var(--divider-arrow-w) / -2);
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    transform: none;
  }
  .interact-s-link .s-link__item .interact-c-divider .c-divider__cap--top {
    top: 50%;
    left: 0;
    right: auto;
    background-color: #b3b3b3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
  .interact-s-link .s-link__item .interact-c-divider .c-divider__cap--bottom {
    top: 50%;
    right: 0;
    left: auto;
    background-color: #b3b3b3;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }
}

.interact-s-subMv {
  position: relative;
  padding-top: 8.8125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv {
    padding-top: 6.25rem;
  }
}
.interact-s-subMv .s-subMv__head {
  padding-block: 3.75rem 5rem;
}
.interact-s-subMv .s-subMv__head::before {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__head {
    padding-block: 2.0625rem 2.1875rem;
  }
}
.interact-s-subMv .s-subMv__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-subMv .s-subMv__bread {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 100%;
  margin-top: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__bread {
    margin-top: 1.5625rem;
  }
}
.interact-s-subMv .s-subMv__bread::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 768px) {
  .interact-s-subMv .s-subMv__bread {
    position: absolute;
    top: calc(8.8125rem + 0.625rem);
    right: 0;
    left: auto;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 35rem;
    margin-top: 0;
  }
}
.interact-s-subMv .s-subMv__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__body {
    gap: 1rem;
  }
}
.interact-s-subMv .s-subMv__enTitle {
  font-size: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__enTitle {
    font-size: 0.75rem;
  }
}
.interact-s-subMv .s-subMv__title {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__title {
    font-size: 1.75rem;
    line-height: 150%;
    letter-spacing: 1.12px;
  }
}
.interact-s-subMv .s-subMv__accent {
  position: absolute;
  bottom: 0;
  left: 5rem;
  z-index: 1;
  display: block;
  width: 8.75rem;
  height: 1rem;
  background: linear-gradient(90deg, #582eff 0%, #2eda9e 100%);
  transform: translateY(50%);
}
@media screen and (max-width: 767px) {
  .interact-s-subMv .s-subMv__accent {
    left: 1.25rem;
    width: 3.5rem;
    height: 0.25rem;
  }
}
.interact-s-subMv.--subMvText .s-subMv__head {
  padding-block: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__head .c-title2__body {
    padding-inline: 1.25rem;
  }
}
.interact-s-subMv.--subMvText .s-subMv__body {
  padding-block: 3.75rem 5rem;
  padding-right: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__body {
    position: relative;
    gap: 0;
    margin-inline: -1.25rem;
    padding-block: 2.0625rem 1.5rem;
    padding-inline: 1.25rem;
    border-bottom: 1px solid #b3b3b3;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__enTitle {
    margin-bottom: 1rem;
  }
}
.interact-s-subMv.--subMvText .s-subMv__info {
  margin-top: 2.375rem;
  padding: 1.5rem 0 1.5rem 2.8125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__info {
    margin-top: 0;
    padding: 1.5rem 0 1.75rem;
    border-top: none;
    font-size: 1rem;
  }
}
.interact-s-subMv.--subMvText .s-subMv__accent {
  background: linear-gradient(90deg, #f6823a 0%, #ffc84a 100%);
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__accent {
    position: absolute;
    bottom: 0;
    left: 1.25rem;
    z-index: 1;
    width: 3.5rem;
    height: 0.25rem;
    margin-top: 0;
    transform: translateY(50%);
  }
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__head {
    border-bottom: none;
  }
}
.interact-s-subMv.--subMvText .s-subMv__arrowLine {
  position: relative;
  height: 0;
}
.interact-s-subMv.--subMvText .s-subMv__arrowLine .interact-c-divider {
  top: auto;
  right: 0;
  bottom: calc(var(--divider-arrow-w) / -2);
  left: 0;
  width: auto;
  height: var(--divider-arrow-w);
  transform: none;
}
.interact-s-subMv.--subMvText .s-subMv__arrowLine .interact-c-divider::before {
  top: 50%;
  right: var(--divider-arrow-h);
  bottom: auto;
  left: var(--divider-arrow-h);
  width: auto;
  height: 0;
  transform: translateY(-50%);
  border-right: none;
  border-top: 1px dashed #b3b3b3;
}
.interact-s-subMv.--subMvText .s-subMv__arrowLine .interact-c-divider .c-divider__cap {
  top: 50%;
  bottom: auto;
  left: auto;
  width: var(--divider-arrow-h);
  height: var(--divider-arrow-w);
  margin-top: calc(var(--divider-arrow-w) / -2);
  background-color: #fff;
  background-image: none;
  background-repeat: no-repeat;
  transform: none;
}
.interact-s-subMv.--subMvText .s-subMv__arrowLine .interact-c-divider .c-divider__cap--top {
  top: 50%;
  right: auto;
  left: 0;
  background-color: #b3b3b3;
  clip-path: polygon(0 0, 0 100%, 100% 50%);
}
.interact-s-subMv.--subMvText .s-subMv__arrowLine .interact-c-divider .c-divider__cap--bottom {
  top: 50%;
  right: 0;
  left: auto;
  background-color: #b3b3b3;
  clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
@media screen and (max-width: 767px) {
  .interact-s-subMv.--subMvText .s-subMv__bread {
    margin-top: 1.5625rem;
  }
}
.interact-s-subMv.--subMvText.--blue .s-subMv__accent {
  background: linear-gradient(90deg, #582eff 0%, #2eda9e 100%);
}

.interact-s-news {
  padding-block: 5.625rem 7.5rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-news {
    padding-block: 3.125rem 5.625rem;
  }
}
.interact-s-news .s-news__inner {
  max-width: 50rem;
  margin-inline: auto;
}
.interact-s-news .s-news__category {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-news .s-news__category {
    gap: 1.25rem;
  }
}
.interact-s-news .s-news__categoryTitle {
  flex-shrink: 0;
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 108%;
}
.interact-s-news .s-news__categoryList {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex: 1;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.interact-s-news .s-news__categoryList::-webkit-scrollbar {
  display: none;
}
.interact-s-news .s-news__categoryItem {
  flex-shrink: 0;
}
.interact-s-news .s-news__categoryLink {
  display: inline-flex;
  align-items: center;
  border-bottom: 2px solid transparent;
  color: #b3b3b3;
  font-size: 1rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.3s ease, border-color 0.3s ease;
  padding: 0.5rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-news .s-news__categoryLink {
    padding: 0.5rem 0.75rem;
  }
}
.interact-s-news .s-news__categoryLink.is-current {
  color: #39468c;
  border-bottom-color: #39468c;
}
@media (any-hover: hover) {
  .interact-s-news .s-news__categoryLink:hover {
    opacity: 1;
    color: #39468c;
  }
}
.interact-s-news .s-news__wrap {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-news .s-news__wrap {
    margin-top: 2.5rem;
  }
}
.interact-s-news .s-news__pagination {
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-news .s-news__pagination {
    margin-top: 2.5rem;
  }
}

.interact-s-bread {
  padding-top: 8.8125rem;
  padding-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bread {
    padding-top: 6.25rem;
  }
}
.interact-s-bread .s-bread__inner {
  padding-inline: 1.5rem;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .interact-s-bread .s-bread__inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-detail {
  padding-top: 8.8125rem;
  padding-bottom: 7.5rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-detail {
    padding-top: 6.25rem;
    padding-bottom: 5.625rem;
  }
}
.interact-s-detail .s-detail__bread {
  padding-bottom: 1.25rem;
  padding-inline: 1.5rem;
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #b3b3b3;
  position: relative;
}
.interact-s-detail .s-detail__bread::before {
  content: "";
  position: absolute;
  width: 7.5rem;
  height: 0.75rem;
  left: 0.625rem;
  bottom: -0.375rem;
  background: linear-gradient(90deg, #582eff 0%, #2eda9e 100%);
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__bread {
    padding-inline: 1.25rem;
    justify-content: flex-start;
    padding-top: 1.5625rem;
    border-top: 1px solid #b3b3b3;
    border-bottom: none;
    position: relative;
  }
  .interact-s-detail .s-detail__bread::before {
    content: "";
    position: absolute;
    width: 5.3125rem;
    height: 0.5rem;
    left: 1.25rem;
    top: -0.25rem;
    bottom: auto;
    background: linear-gradient(90deg, #582eff 0%, #2eda9e 100%);
  }
}
.interact-s-detail .s-detail__content {
  padding-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__content {
    padding-top: 1.875rem;
  }
}
.interact-s-detail .s-detail__meta {
  display: flex;
  gap: 1.125rem;
  align-items: center;
}
.interact-s-detail .s-detail__category {
  border-radius: 0.375rem;
  background: #39468c;
  padding: 0.5rem;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  text-align: center;
  min-width: 7.125rem;
  display: inline-block;
}
.interact-s-detail .s-detail__time {
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  flex-shrink: 0;
}
.interact-s-detail .s-detail__title {
  margin-top: 1.625rem;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__title {
    font-size: 1.625rem;
    letter-spacing: 1.04px;
  }
}
.interact-s-detail .s-detail__wrap {
  max-width: 47rem;
  margin-inline: auto;
  width: 100%;
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__wrap {
    margin-top: 3.25rem;
  }
}
.interact-s-detail .s-detail__eyecatch {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid #b3b3b3;
  background: #fff;
}
.interact-s-detail .s-detail__eyecatch img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/9;
}
.interact-s-detail .s-detail__body {
  margin-top: 2.5rem;
}
.interact-s-detail .s-detail__share {
  margin-top: 3.3125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__share {
    margin-top: 2.5rem;
  }
}
.interact-s-detail .s-detail__shareTitle {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.64px;
  text-align: center;
}
.interact-s-detail .s-detail__shareBody {
  margin-top: 0.75rem;
}
.interact-s-detail .s-detail__area {
  position: relative;
  margin-top: 6.25rem;
  padding-top: 2.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__area {
    margin-top: 5.625rem;
    padding-top: 1.3125rem;
  }
}
.interact-s-detail .s-detail__area .--pi {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__area .--pi {
    padding-inline: 1.25rem;
  }
}
.interact-s-detail .s-detail__areaLine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__areaLine {
    height: 1.3125rem;
  }
}
.interact-s-detail .s-detail__areaWrap {
  margin-top: 4.8125rem;
  display: grid;
  grid-template-columns: 15.625rem 1fr;
  gap: 10.1875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__areaWrap {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 2.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__areaHead {
    display: contents;
  }
}
.interact-s-detail .s-detail__areaTitle {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__areaTitle {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
    order: 1;
  }
}
.interact-s-detail .s-detail__areaBtn {
  margin-top: 2.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__areaBtn {
    order: 3;
    margin-top: 2.5rem;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-detail .s-detail__areaList {
    order: 2;
    margin-top: 1.25rem;
  }
}
.interact-s-detail .s-detail__areaList .interact-c-news:first-child {
  border-top: none;
}

.interact-s-people {
  padding-bottom: 8.75rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-people {
    padding-bottom: 5.625rem;
  }
}
.interact-s-people .s-people__categoryArea {
  position: relative;
  width: 100%;
  max-width: 51.0625rem;
  margin-inline: auto;
  padding-block: 3.75rem;
  padding-inline: 3.9375rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__categoryArea {
    padding-block: 2rem;
    padding-inline: 1.25rem;
    margin-top: 2.1875rem;
  }
}
.interact-s-people .s-people__divider--left {
  right: auto;
  left: 0;
  transform: translateX(-50%);
}
.interact-s-people .s-people__divider--right {
  right: 0;
  left: auto;
  transform: translateX(50%);
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__divider {
    top: auto;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: var(--divider-arrow-w);
    transform: none;
  }
  .interact-s-people .s-people__divider::before {
    top: 50%;
    right: var(--divider-arrow-h);
    bottom: auto;
    left: var(--divider-arrow-h);
    width: auto;
    height: 0;
    transform: translateY(-50%);
    border-right: none;
    border-top: 1px dashed #b3b3b3;
  }
  .interact-s-people .s-people__divider .c-divider__cap {
    top: 50%;
    bottom: auto;
    left: auto;
    width: var(--divider-arrow-h);
    height: var(--divider-arrow-w);
    margin-top: calc(var(--divider-arrow-w) / -2);
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    transform: none;
  }
  .interact-s-people .s-people__divider .c-divider__cap--top {
    top: 50%;
    left: 0;
    right: auto;
    background-color: #b3b3b3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
  .interact-s-people .s-people__divider .c-divider__cap--bottom {
    top: 50%;
    right: 0;
    left: auto;
    background-color: #b3b3b3;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }
  .interact-s-people .s-people__divider--left {
    top: calc(var(--divider-arrow-w) / -2);
    bottom: auto;
    transform: none;
  }
  .interact-s-people .s-people__divider--right {
    top: auto;
    bottom: calc(var(--divider-arrow-w) / -2);
    transform: none;
  }
}
.interact-s-people .s-people__categoryBody {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.interact-s-people .s-people__categoryWrap {
  display: grid;
  grid-template-columns: 5.625rem 1fr;
  gap: 0.125rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__categoryWrap {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}
.interact-s-people .s-people__categoryTitle {
  flex-shrink: 0;
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 150%;
}
.interact-s-people .s-people__categoryList {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__categoryList {
    flex-wrap: nowrap;
    gap: 0.5rem;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .interact-s-people .s-people__categoryList::-webkit-scrollbar {
    display: none;
  }
}
.interact-s-people .s-people__categoryItem {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__categoryItem {
    flex-shrink: 0;
  }
}
.interact-s-people .s-people__categoryLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0.875rem;
  border: 1px solid #b3b3b3;
  border-radius: 0.25rem;
  background: #fff;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 150%;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__categoryLink {
    padding: 0.5rem 0.875rem;
  }
}
.interact-s-people .s-people__categoryLink.is-current {
  border-color: #39468c;
  background: #39468c;
  color: #fff;
}
@media (any-hover: hover) {
  .interact-s-people .s-people__categoryLink:hover {
    opacity: 1;
    border-color: #39468c;
    background: #39468c;
    color: #fff;
  }
}
.interact-s-people .s-people__btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.125rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__btns {
    gap: 0.75rem;
    margin-top: 1rem;
  }
}
.interact-s-people .s-people__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 8.125rem;
  padding: 0.5rem 1.5rem;
  border-radius: 3.75rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease, background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.interact-s-people .s-people__btn--search {
  border: 1px solid #39468c;
  background: #39468c;
  color: #fff;
}
@media (any-hover: hover) {
  .interact-s-people .s-people__btn--search:hover {
    opacity: 0.8;
  }
}
.interact-s-people .s-people__btn--clear {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}
@media (any-hover: hover) {
  .interact-s-people .s-people__btn--clear:hover {
    opacity: 1;
    background: #000;
    color: #fff;
  }
}
.interact-s-people .s-people__content {
  border-top: 1px solid #b3b3b3;
  padding-top: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__content {
    border-top: none;
    padding-top: 3rem;
  }
}
.interact-s-people .s-people__body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 5rem;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__body {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}
.interact-s-people .s-people__pagination {
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-people .s-people__pagination {
    margin-top: 3.125rem;
  }
}

.interact-s-peopleDetail {
  padding-bottom: 7.5rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail {
    padding-bottom: 5.625rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__category {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: 16.8125rem;
  min-height: 2.6875rem;
  height: auto;
  padding: 0.5rem 3rem 0.5rem 1.25rem;
  background-color: #00a86c;
  color: #fff;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.56px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269 43' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H231.037C233.463 0 235.757 1.10048 237.276 2.99201L268.64 42.0627H0V8Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269 43' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H231.037C233.463 0 235.757 1.10048 237.276 2.99201L268.64 42.0627H0V8Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__category {
    margin-top: 1.3125rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__top {
  border-top: 1px solid #b3b3b3;
  margin-top: -1px;
  padding-block: 3.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__top {
    padding-block: 2.5rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 47rem);
  align-items: center;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__wrap {
    grid-template-columns: 1fr;
    gap: 1.625rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  min-width: 0;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__head {
    order: 2;
    z-index: auto;
  }
}
.interact-s-peopleDetail .s-peopleDetail__job {
  color: #000;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.6px;
}
.interact-s-peopleDetail .s-peopleDetail__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1rem;
  width: 35.625rem;
  max-width: 35.625rem;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 1.36px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__title {
    margin-top: 0.875rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding-inline: 1.25rem;
    font-size: 1.5rem;
    letter-spacing: 0.96px;
    gap: 0.625rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__titleMark {
  display: inline;
  line-height: 1.2;
  padding: 0.5rem 1.25rem;
  border-radius: 0.25rem;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
  color: #fff;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__titleMark {
    margin-inline: -1.25rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__titleLine {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 1.2;
  padding: 0.5rem 1.25rem;
  border-radius: 0.25rem;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__titleLine {
    margin-inline: -1.25rem;
    max-width: calc(100% + 2.5rem);
  }
}
.interact-s-peopleDetail .s-peopleDetail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 1.5rem 0 0;
  padding: 0;
  max-width: 100%;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__tags {
    margin-top: 1rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__tag {
  border-radius: 0.125rem;
  background: #eee;
  padding: 0.25rem 0.5rem;
  color: #000;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.48px;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__tag {
    font-size: 0.625rem;
    letter-spacing: 0.4px;
  }
}
.interact-s-peopleDetail .s-peopleDetail__time {
  margin-top: 4.5rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.56px;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__time {
    margin-top: 1rem;
    font-size: 0.75rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__eyecatch {
  position: relative;
  z-index: 1;
  min-width: 0;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__eyecatch {
    order: 1;
    z-index: auto;
  }
}
.interact-s-peopleDetail .s-peopleDetail__eyecatch img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 752/510;
}
.interact-s-peopleDetail .s-peopleDetail__content {
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__content {
    border-bottom: none;
  }
}
.interact-s-peopleDetail .s-peopleDetail__contentWrap {
  display: grid;
  grid-template-columns: 18.75rem minmax(0, 1fr);
  align-items: stretch;
  position: relative;
  -moz-column-gap: 13.75rem;
       column-gap: 13.75rem;
  padding-block: 3.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__contentWrap {
    grid-template-columns: 1fr;
    row-gap: 3.75rem;
    -moz-column-gap: 0;
         column-gap: 0;
    padding-block: 2.5rem 0;
  }
}
.interact-s-peopleDetail .s-peopleDetail__tocCol {
  min-width: 0;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__tocCol {
    width: 100%;
    height: auto;
  }
}
.interact-s-peopleDetail .s-peopleDetail__toc {
  position: sticky;
  top: 8.4375rem;
  z-index: 2;
  box-sizing: border-box;
  padding: 1.5rem 1.5625rem 1.875rem;
  border-radius: 0.5rem;
  border: 2px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(180deg, #2eda9e 0%, #582eff 100%) border-box;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__toc {
    position: static;
    padding: 1.25rem 1.25rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__tocTitle {
  margin: 0;
  padding-bottom: 0.875rem;
  border-bottom: 1px dashed #b3b3b3;
  color: #000;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.6px;
}
.interact-s-peopleDetail .s-peopleDetail__tocNav {
  margin-top: 1.125rem;
}
.interact-s-peopleDetail .s-peopleDetail__tocList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.interact-s-peopleDetail .s-peopleDetail__tocList > li + li {
  margin-top: 0.75rem;
}
.interact-s-peopleDetail .s-peopleDetail__tocList a {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.56px;
  text-decoration: none;
  transition: opacity 0.2s ease;
}
.interact-s-peopleDetail .s-peopleDetail__tocList a::before {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.5rem;
  margin-top: 0.4375rem;
  background: url("../img/common/toc.svg") no-repeat center/contain;
}
@media (any-hover: hover) {
  .interact-s-peopleDetail .s-peopleDetail__tocList a:hover {
    opacity: 0.7;
  }
}
.interact-s-peopleDetail .s-peopleDetail__divider {
  right: auto;
  left: 18.75rem;
  transform: translateX(6.25rem);
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__divider {
    display: none;
  }
}
.interact-s-peopleDetail .s-peopleDetail__body {
  min-width: 0;
}
.interact-s-peopleDetail .s-peopleDetail__body h2 {
  scroll-margin-top: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__body h2 {
    scroll-margin-top: 5.625rem;
  }
}
.interact-s-peopleDetail.is-no-toc .s-peopleDetail__contentWrap {
  grid-template-columns: 1fr;
}
.interact-s-peopleDetail.is-no-toc .s-peopleDetail__tocCol,
.interact-s-peopleDetail.is-no-toc .s-peopleDetail__divider {
  display: none;
}
.interact-s-peopleDetail .s-peopleDetail__share {
  padding-top: 1.5rem;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__share {
    text-align: center;
    padding-top: 3.5rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__shareTitle {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.64px;
}
.interact-s-peopleDetail .s-peopleDetail__shareBody {
  margin-top: 0.75rem;
}
.interact-s-peopleDetail .s-peopleDetail__shareBody .c-share__list {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__shareBody .c-share__list {
    justify-content: center;
  }
}
.interact-s-peopleDetail .s-peopleDetail__area {
  position: relative;
  margin-top: 6.25rem;
  padding-top: 2.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__area {
    margin-top: 5.625rem;
    padding-top: 1.3125rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__area .--pi {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__area .--pi {
    padding-inline: 1.25rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__areaLine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__areaLine {
    height: 1.3125rem;
  }
}
.interact-s-peopleDetail .s-peopleDetail__areaWrap {
  margin-top: 4.8125rem;
  display: grid;
  grid-template-columns: 15.625rem 1fr;
  gap: 9rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__areaWrap {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-top: 2.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__areaHead {
    display: contents;
  }
}
.interact-s-peopleDetail .s-peopleDetail__areaTitle {
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.36px;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__areaTitle {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
    order: 1;
  }
}
.interact-s-peopleDetail .s-peopleDetail__areaBtn {
  margin-top: 2.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__areaBtn {
    order: 3;
    margin-top: 2.5rem;
    text-align: center;
  }
}
.interact-s-peopleDetail .s-peopleDetail__areaList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 2.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-peopleDetail .s-peopleDetail__areaList {
    order: 2;
    margin-top: 2.1875rem;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
}

.interact-s-faq {
  padding-block: 7.5rem 8.75rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-faq {
    padding-block: 2.5rem 3.9375rem;
  }
}
.interact-s-faq .s-faq__inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-faq .s-faq__wrap {
  display: grid;
  grid-template-columns: 13.75rem minmax(0, 1fr);
  align-items: stretch;
  -moz-column-gap: 10.375rem;
       column-gap: 10.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__wrap {
    grid-template-columns: 1fr;
    row-gap: 5rem;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.interact-s-faq .s-faq__tocCol {
  min-width: 0;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__tocCol {
    height: auto;
  }
}
.interact-s-faq .s-faq__toc {
  position: sticky;
  top: 8.4375rem;
  z-index: 2;
  max-height: calc(100dvh - 8.4375rem - 2.5rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__toc {
    position: static;
    max-height: none;
    overflow: visible;
  }
}
.interact-s-faq .s-faq__tocList {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__tocList {
    width: 14.8125rem;
    margin-inline: auto;
  }
}
.interact-s-faq .s-faq__tocItem + .interact-s-faq .s-faq__tocItem {
  margin-top: 2.5rem;
}
.interact-s-faq .s-faq__tocItem.is-open .s-faq__tocToggle::after {
  display: none;
}
.interact-s-faq .s-faq__tocItem.is-open .s-faq__tocSubList {
  display: block;
}
.interact-s-faq .s-faq__tocItem.is-open + .s-faq__tocItem {
  margin-top: 0.625rem;
}
.interact-s-faq .s-faq__tocHead {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-block: 1.25rem;
  border-bottom: 1px dashed #b3b3b3;
}
.interact-s-faq .s-faq__tocTitle {
  flex: 1;
  margin: 0;
  padding: 0.3125rem 0 0;
  border: none;
  background: transparent;
  color: #000;
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__tocTitle {
    font-size: 1rem;
    letter-spacing: 0.64px;
  }
}
@media (any-hover: hover) {
  .interact-s-faq .s-faq__tocTitle:hover {
    opacity: 0.7;
  }
}
.interact-s-faq .s-faq__tocToggle {
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
}
.interact-s-faq .s-faq__tocToggle::before, .interact-s-faq .s-faq__tocToggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #39468c;
  transform: translate(-50%, -50%);
}
.interact-s-faq .s-faq__tocToggle::before {
  width: 0.875rem;
  height: 1.5px;
}
.interact-s-faq .s-faq__tocToggle::after {
  width: 1.5px;
  height: 0.875rem;
}
.interact-s-faq .s-faq__tocSubList {
  display: none;
  margin: 0;
  padding: 1.25rem 0 0;
  list-style: none;
}
.interact-s-faq .s-faq__tocSubList > li + li {
  margin-top: 0.75rem;
}
.interact-s-faq .s-faq__tocLink {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  padding-left: 0.25rem;
  color: #000;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.56px;
  text-decoration: none;
}
@media (any-hover: hover) {
  .interact-s-faq .s-faq__tocLink:hover {
    opacity: 0.7;
  }
}
.interact-s-faq .s-faq__tocLinkPrefix {
  flex-shrink: 0;
}
.interact-s-faq .s-faq__tocLinkText {
  min-width: 0;
}
.interact-s-faq .s-faq__content {
  min-width: 0;
}
.interact-s-faq .s-faq__groups {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__groups {
    gap: 5rem;
  }
}
.interact-s-faq .s-faq__group {
  min-width: 0;
}
.interact-s-faq .s-faq__groupTitle {
  margin: 0;
  padding-left: 1.6875rem;
  position: relative;
  color: #000;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 0.28px;
  scroll-margin-top: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__groupTitle {
    scroll-margin-top: 5.625rem;
  }
}
.interact-s-faq .s-faq__groupTitle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.4375rem;
  height: 100%;
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}
.interact-s-faq .s-faq__list {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__list {
    margin-top: 2.875rem;
  }
}
.interact-s-faq .s-faq__itemWrap {
  border-bottom: 1px dashed #b3b3b3;
}
.interact-s-faq .s-faq__item {
  scroll-margin-top: 8.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__item {
    scroll-margin-top: 5.625rem;
  }
}
.interact-s-faq .s-faq__item[open] .s-faq__toggle::after {
  display: none;
}
.interact-s-faq .s-faq__question {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr) 1.5rem;
  align-items: center;
  gap: 1rem;
  padding-block: 1.875rem;
  cursor: pointer;
  list-style: none;
}
.interact-s-faq .s-faq__question::-webkit-details-marker {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__question {
    grid-template-columns: 1.75rem minmax(0, 1fr) 2rem;
    gap: 0.75rem;
    padding-block: 1.5rem;
  }
}
.interact-s-faq .s-faq__qMark {
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.22px;
}
.interact-s-faq .s-faq__qText {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.18px;
}
.interact-s-faq .s-faq__toggle {
  justify-self: end;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #39468c;
  border-radius: 50%;
  position: relative;
  box-sizing: border-box;
}
.interact-s-faq .s-faq__toggle::before, .interact-s-faq .s-faq__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #39468c;
  transform: translate(-50%, -50%);
}
.interact-s-faq .s-faq__toggle::before {
  width: 0.475rem;
  height: 1.5px;
}
.interact-s-faq .s-faq__toggle::after {
  width: 1.5px;
  height: 0.475rem;
}
.interact-s-faq .s-faq__answer {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr);
  align-items: flex-start;
  gap: 1rem;
  padding: 0 3.25rem 2rem 0;
}
@media screen and (max-width: 767px) {
  .interact-s-faq .s-faq__answer {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0 2.75rem 1.5rem 0;
  }
}
.interact-s-faq .s-faq__aMark {
  color: #00a86c;
  font-family: "Poppins", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.22px;
}
.interact-s-faq .s-faq__aText {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.15px;
}
.interact-s-faq .s-faq__aText > *:first-child {
  margin-top: 0;
}
.interact-s-faq .s-faq__aText > *:last-child {
  margin-bottom: 0;
}
.interact-s-faq.is-no-toc .s-faq__wrap {
  grid-template-columns: 1fr;
}
.interact-s-faq.is-no-toc .s-faq__tocCol {
  display: none;
}

.interact-s-contact {
  padding-block: 5.625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-contact {
    padding-block: 3.75rem;
  }
}
.interact-s-contact .s-contact__inner {
  max-width: 56.25rem;
  width: 100%;
  margin-inline: auto;
}
.interact-s-contact .s-contact__text {
  font-size: 1rem;
  text-align: center;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.16px;
}
.interact-s-contact .s-contact__form {
  margin-top: 5.625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-contact .s-contact__form {
    margin-top: 3.75rem;
  }
}
.interact-s-contact .s-contact__area {
  margin-top: 5.625rem;
  padding: 1.875rem;
  border-radius: 0.75rem;
  background: #eef7fc;
}
@media screen and (max-width: 767px) {
  .interact-s-contact .s-contact__area {
    margin-top: 3.125rem;
    padding: 1.875rem 0.3125rem;
  }
}
.interact-s-contact .s-contact__areaTitle {
  font-size: 1.125rem;
  text-align: center;
  font-weight: 600;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .interact-s-contact .s-contact__areaTitle {
    font-size: 1rem;
  }
}
.interact-s-contact .s-contact__areaTel {
  margin-top: 1.0625rem;
}
.interact-s-contact .s-contact__areaTelLink {
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 2.75rem;
  font-weight: 700;
  letter-spacing: 1.76px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-contact .s-contact__areaTelLink {
    font-size: 2rem;
    gap: 0.625rem;
  }
}
.interact-s-contact .s-contact__areaTelLink::before {
  content: "";
  display: block;
  width: 2.8125rem;
  height: 2.8125rem;
  background: url("../img/common/icon_tel.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .interact-s-contact .s-contact__areaTelLink::before {
    width: 2.125rem;
    height: 2.125rem;
  }
}
.interact-s-contact .s-contact__areaInfo {
  margin-top: 1.0625rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 130%;
  text-align: center;
}
.interact-s-page {
  padding-block: 9.375rem 6.875rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-page {
    padding-block: 6.25rem;
  }
}
.interact-s-page.--error .s-page__title {
  background: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #000;
}
.interact-s-page .s-page__bread {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .interact-s-page .s-page__bread {
    justify-content: flex-start;
  }
}
.interact-s-page .s-page__inner {
  text-align: center;
  padding-top: 5.625rem;
}
.interact-s-page .s-page__title {
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  margin-block: 0;
}
.interact-s-page .s-page__sub {
  margin-top: 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}
.interact-s-page .s-page__content {
  margin-top: 2.5rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
}
.interact-s-page .s-page__btn {
  margin-top: 2.5rem;
}
.interact-s-wysiwyg {
  padding-block: 6.25rem 12.5rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-wysiwyg {
    padding-block: 0 7.5rem;
  }
}
.interact-s-wysiwyg .s-wysiwyg__inner {
  max-width: 47rem;
  margin-inline: auto;
  width: 100%;
}
.interact-s-wysiwyg .s-wysiwyg__group {
  padding-block: 2.5rem;
}
.interact-s-wysiwyg .s-wysiwyg__group + .s-wysiwyg__group {
  border-top: 1px dashed #b3b3b3;
}
.interact-s-wysiwyg .interact-c-wysiwyg h3 {
  position: relative;
  margin-top: 2.5rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.88px;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-wysiwyg .interact-c-wysiwyg h3 {
    margin-top: 1.875rem;
    font-size: 1.25rem;
    letter-spacing: 0.8px;
  }
}
.interact-s-wysiwyg .interact-c-wysiwyg h3::before {
  display: none;
}
.interact-s-wysiwyg .interact-c-wysiwyg ul {
  margin-top: 0.9375rem;
}
.interact-s-wysiwyg .interact-c-wysiwyg a {
  color: #000;
  display: inline-flex;
  align-items: center;
}
.interact-s-wysiwyg .interact-c-wysiwyg a:after {
  content: "";
  width: 0.8125rem;
  height: 1.125rem;
  background: url(../img/common/icon_pdf.svg) no-repeat center center/contain;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.interact-s-recruitMv {
  position: relative;
  padding-block: 9.375rem 4.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMv {
    padding-block: 6.25rem 3.75rem;
  }
}
.interact-s-recruitMv .s-recruitMv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.interact-s-recruitMv .s-recruitMv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-recruitMv .s-recruitMv__content {
  position: relative;
  z-index: 1;
}
.interact-s-recruitMv .s-recruitMv__bread {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMv .s-recruitMv__bread {
    justify-content: flex-start;
  }
}
.interact-s-recruitMv .s-recruitMv__bread .interact-c-bread a {
  color: #fff;
  opacity: 0.4;
}
.interact-s-recruitMv .s-recruitMv__bread .interact-c-bread li:last-child {
  opacity: 1;
}
.interact-s-recruitMv .s-recruitMv__bread .interact-c-bread li:last-child a {
  opacity: 1;
}
.interact-s-recruitMv .s-recruitMv__bread .interact-c-bread li + li::before {
  content: "";
  width: 0.625rem;
  height: 1px;
  background: #fff;
  opacity: 0.4;
}
.interact-s-recruitMv .s-recruitMv__title {
  padding-top: 13rem;
  color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 6px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 2.5%; /* 1.5px */
  text-underline-offset: 30%; /* 18px */
  text-underline-position: from-font;
  margin-block: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMv .s-recruitMv__title {
    font-size: 2.375rem;
    letter-spacing: 4px;
    padding-top: 19.375rem;
  }
}

.interact-s-recruitMessage {
  padding-block: 10.625rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage {
    padding-block: 3.125rem 19.375rem;
  }
}
.interact-s-recruitMessage::before, .interact-s-recruitMessage::after {
  content: "";
  position: absolute;
  z-index: -1;
  opacity: 0.5;
}
.interact-s-recruitMessage::before {
  width: 68.25rem;
  height: 38.125rem;
  background: url("../img/recruit/bg1.svg") no-repeat center center/contain;
  top: -6.25rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage::before {
    width: 37.3125rem;
    height: 20.875rem;
  }
}
.interact-s-recruitMessage::after {
  width: 81.25rem;
  height: 24.3125rem;
  bottom: -4.375rem;
  right: 0;
  background: url("../img/recruit/bg2.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage::after {
    width: 36.6875rem;
    height: 10.375rem;
    bottom: 11.25rem;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
  }
}
.interact-s-recruitMessage .s-recruitMessage__bg {
  position: absolute;
}
.interact-s-recruitMessage .s-recruitMessage__bg.--bg1 {
  --parallax-radius: 0.375rem;
  width: 16.1875rem;
  height: 11rem;
  border-radius: var(--parallax-radius);
  left: 4.125rem;
  top: 4.8125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage .s-recruitMessage__bg.--bg1 {
    width: 10.25rem;
    height: 6.9375rem;
    top: initial;
    bottom: 10rem;
    left: 1.25rem;
  }
}
.interact-s-recruitMessage .s-recruitMessage__bg.--bg2 {
  --parallax-radius: 0.25rem;
  width: 9.6875rem;
  height: 6.5625rem;
  border-radius: var(--parallax-radius);
  right: 2.5rem;
  top: 16.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage .s-recruitMessage__bg.--bg2 {
    display: none;
  }
}
.interact-s-recruitMessage .s-recruitMessage__bg.--bg3 {
  --parallax-radius: 0.25rem;
  width: 9.6875rem;
  height: 6.5625rem;
  border-radius: var(--parallax-radius);
  left: 9.375rem;
  bottom: 9.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage .s-recruitMessage__bg.--bg3 {
    display: none;
  }
}
.interact-s-recruitMessage .s-recruitMessage__bg.--bg4 {
  --parallax-radius: 0.5rem;
  width: 19rem;
  height: 12.875rem;
  border-radius: var(--parallax-radius);
  right: 5.75rem;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage .s-recruitMessage__bg.--bg4 {
    right: 1.25rem;
    width: 12.1875rem;
    height: 8.25rem;
  }
}
.interact-s-recruitMessage .s-recruitMessage__content {
  position: relative;
  z-index: 1;
  text-align: center;
}
.interact-s-recruitMessage .s-recruitMessage__title {
  margin-top: 3.75rem;
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 1.52px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage .s-recruitMessage__title {
    margin-top: 1.875rem;
    font-size: 1.875rem;
    letter-spacing: 1.2px;
  }
}
.interact-s-recruitMessage .s-recruitMessage__text {
  margin-top: 3.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 260%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitMessage .s-recruitMessage__text {
    margin-top: 1.875rem;
    text-align: left;
    line-height: 180%;
  }
}

.interact-s-know {
  padding-block: 7.5rem;
  background: #fff4ec;
  border-radius: 2.5rem;
  margin-top: -3.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-know {
    padding-block: 5.625rem;
  }
}
.interact-s-know .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-know .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-know .s-know__area {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .interact-s-know .s-know__area {
    grid-template-columns: 1fr;
    margin-top: 0.8125rem;
    gap: 1.25rem;
  }
}
.interact-s-know .s-know__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  padding-left: 1.0625rem;
  border-left: 2px dashed #f6823a;
}
@media screen and (max-width: 767px) {
  .interact-s-know .s-know__text {
    padding-left: 0;
    border-left: none;
  }
}
.interact-s-know .s-know__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.25rem;
  margin: 6.875rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: card3;
}
@media screen and (max-width: 767px) {
  .interact-s-know .s-know__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 2rem;
  }
}
.interact-s-know .s-know__item {
  counter-increment: card3;
  min-width: 0;
}

.interact-s-interview {
  --interview-blue: #39468c;
  --interview-duration: 5s;
  --interview-ring: 138.23;
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview {
    padding-block: 5.625rem;
  }
}
.interact-s-interview .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .interact-l-inner {
    padding-inline: 1.25rem;
    display: flex;
    flex-direction: column;
  }
}
.interact-s-interview .s-interview__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__head {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-interview .interact-c-enTitle {
    order: 1;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-interview .interact-c-title1 {
    order: 2;
  }
}
.interact-s-interview .s-interview__btn {
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__btn {
    order: 4;
    text-align: center;
    margin-top: 1.25rem;
  }
}
.interact-s-interview .s-interview__content {
  position: relative;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__content {
    margin-top: 2rem;
    order: 3;
  }
}
.interact-s-interview .s-interview__viewport {
  position: relative;
}
.interact-s-interview .s-interview__slides {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
.interact-s-interview .s-interview__slide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}
.interact-s-interview .s-interview__slide:not(.is-active) {
  position: absolute;
  inset: 0;
}
.interact-s-interview .s-interview__slide.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.interact-s-interview .s-interview__card {
  color: inherit;
}
.interact-s-interview .s-interview__catHead {
  border-bottom: 1px solid #b3b3b3;
}
.interact-s-interview .s-interview__category {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  width: 18rem;
  min-width: 18rem;
  min-height: 2.6875rem;
  height: auto;
  margin-bottom: -1px;
  padding: 0.5rem 3rem 0.5rem 1.25rem;
  background-color: #39468c;
  color: #fff;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 150%;
  text-decoration: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269 43' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H231.037C233.463 0 235.757 1.10048 237.276 2.99201L268.64 42.0627H0V8Z' fill='black'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 269 43' fill='none' preserveAspectRatio='none'%3E%3Cpath d='M0 8C0 3.58172 3.58172 0 8 0H231.037C233.463 0 235.757 1.10048 237.276 2.99201L268.64 42.0627H0V8Z' fill='black'/%3E%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__category {
    width: 16.75rem;
    min-width: 16.75rem;
    min-height: 2.25rem;
    padding: 0.375rem 2.25rem 0.375rem 1rem;
    font-size: 0.9375rem;
  }
}
.interact-s-interview .s-interview__main {
  display: grid;
  grid-template-columns: minmax(0, 26.25rem) minmax(0, 1fr);
  align-items: stretch;
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__main {
    display: flex;
    flex-direction: column;
    padding-top: 2.3125rem;
  }
}
.interact-s-interview .s-interview__img {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__img {
    order: -1;
    z-index: auto;
    width: 100%;
    margin-bottom: 1.625rem;
    border-radius: 0.375rem;
  }
}
.interact-s-interview .s-interview__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 730/495;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-interview .s-interview__body {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__body {
    z-index: auto;
    display: block;
    min-height: 0;
  }
}
.interact-s-interview .s-interview__bodyLink {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__bodyLink {
    display: block;
    flex: none;
  }
}
.interact-s-interview .s-interview__job {
  margin: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.6px;
}
.interact-s-interview .s-interview__title {
  margin: 1rem 0 0;
  width: 35.625rem;
  max-width: none;
  display: block;
  box-sizing: content-box;
  padding-inline: 1.25rem;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 4.625rem;
  letter-spacing: 1.36px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__title {
    margin-top: 0.625rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 1.5rem;
    line-height: 3.625rem;
    letter-spacing: 0.96px;
    color: #fff;
  }
}
.interact-s-interview .s-interview__title.is-lined {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__title.is-lined {
    gap: 0.125rem;
  }
}
.interact-s-interview .s-interview__title span {
  --title-bg: var(--interview-blue);
  display: inline;
  line-height: 1.2;
  padding: 0.5rem 0;
  border-radius: 0.25rem;
  background-color: var(--title-bg);
  color: #fff;
  box-shadow: 1.25rem 0 0 var(--title-bg), -1.25rem 0 0 var(--title-bg);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.interact-s-interview .s-interview__title .s-interview__titleLine {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  box-decoration-break: initial;
  -webkit-box-decoration-break: initial;
}
.interact-s-interview .s-interview__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin: 1.5rem 0 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__tags {
    margin-top: 0.875rem;
    gap: 0.25rem;
  }
}
.interact-s-interview .s-interview__tag {
  padding: 0.25rem 0.625rem;
  border-radius: 0.125rem;
  background: #eee;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__tag {
    font-size: 0.6875rem;
    padding: 0.1875rem 0.5rem;
  }
}
.interact-s-interview .s-interview__date {
  display: block;
  margin-top: 1.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.56px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__date {
    display: none;
  }
}
.interact-s-interview .s-interview__controls {
  display: flex;
  align-items: center;
  gap: 1.375rem;
  margin-top: auto;
  padding-top: 5.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__controls {
    justify-content: center;
    margin-top: 1.5rem;
    padding-top: 0;
    gap: 1.0625rem;
  }
}
.interact-s-interview .s-interview__nav {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.6875rem;
  height: 2.6875rem;
  padding: 0;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__nav {
    width: 2.0625rem;
    height: 2.0625rem;
  }
}
.interact-s-interview .s-interview__navIcon {
  display: block;
  width: 0.39375rem;
  height: 0.6rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__navIcon {
    width: 0.30625rem;
    height: 0.475rem;
  }
}
.interact-s-interview .s-interview__navIcon img {
  display: block;
  width: 100%;
  height: 100%;
}
.interact-s-interview .s-interview__prev .s-interview__navIcon {
  transform: scaleX(-1);
}
.interact-s-interview .s-interview__next {
  border-color: transparent;
}
.interact-s-interview .s-interview__progress {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.interact-s-interview .s-interview__progressTrack {
  stroke: #b3b3b3;
  stroke-width: 1.5;
}
.interact-s-interview .s-interview__progressBar {
  stroke: #111;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: var(--interview-ring);
  stroke-dashoffset: var(--interview-ring);
}
.interact-s-interview .s-interview__progressBar.is-running {
  animation: interview-progress var(--interview-duration) linear forwards;
}
.interact-s-interview .s-interview__pager {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  margin: 0;
  font-family: "Poppins", sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__pager {
    font-size: 1.75rem;
    gap: 0.25rem;
  }
}
.interact-s-interview .s-interview__pagerSep {
  display: inline-flex;
  flex-shrink: 0;
  width: 0.6875rem;
  height: 1.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interview .s-interview__pagerSep {
    width: 0.53125rem;
    height: 1.1125rem;
  }
}
.interact-s-interview .s-interview__pagerSep img {
  display: block;
  width: 100%;
  height: 100%;
}

@keyframes interview-progress {
  from {
    stroke-dashoffset: var(--interview-ring);
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .interact-s-interview .s-interview__slide {
    transition: none;
  }
  .interact-s-interview .s-interview__progressBar.is-running {
    animation: none;
    stroke-dashoffset: 0;
  }
}
.interact-s-recruitNews {
  position: relative;
  padding-block: 7.5rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews {
    padding-block: 5rem;
  }
}
.interact-s-recruitNews .s-recruitNews__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__line {
    height: 1.3125rem;
  }
}
.interact-s-recruitNews .s-recruitNews__lineSvg {
  width: 100%;
  height: 100%;
}
.interact-s-recruitNews .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-recruitNews .s-recruitNews__content {
  display: grid;
  grid-template-columns: minmax(0, 23.75rem) minmax(0, 1fr);
  gap: 4.375rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__head {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .interact-c-enTitle {
    order: 1;
  }
}
.interact-s-recruitNews .interact-c-title1 {
  margin-top: 1rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .interact-c-title1 {
    order: 2;
    margin-top: 0.75rem;
  }
}
.interact-s-recruitNews .s-recruitNews__text {
  margin-top: 1.5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.3px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__text {
    order: 3;
    margin-top: 1rem;
    font-size: 0.875rem;
  }
}
.interact-s-recruitNews .s-recruitNews__btn {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__btn {
    order: 5;
    margin-top: 1.375rem;
    text-align: center;
    width: 100%;
  }
}
.interact-s-recruitNews .s-recruitNews__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__list {
    order: 4;
    margin-top: 0.625rem;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__item {
    border-top: 1px dashed #b3b3b3;
  }
  .interact-s-recruitNews .s-recruitNews__item:first-child {
    border-top: none;
  }
}
.interact-s-recruitNews .s-recruitNews__link {
  display: grid;
  grid-template-columns: 14.8125rem minmax(0, 1fr);
  gap: 1.875rem;
  align-items: center;
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__link {
    grid-template-columns: minmax(0, 1fr) 12.5rem;
    gap: 0.75rem 1.25rem;
    align-items: center;
    padding-block: 1.875rem;
  }
}
@media (any-hover: hover) {
  .interact-s-recruitNews .s-recruitNews__link:hover {
    opacity: 0.7;
  }
}
.interact-s-recruitNews .s-recruitNews__thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: 237/160;
  border: 1px solid #b3b3b3;
  border-radius: 0.5rem;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__thumb {
    grid-column: 2;
    grid-row: 1;
    width: 12.5rem;
    aspect-ratio: 200/133;
    border-radius: 0.375rem;
  }
}
.interact-s-recruitNews .s-recruitNews__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-recruitNews .s-recruitNews__body {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__body {
    display: contents;
  }
}
.interact-s-recruitNews .s-recruitNews__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__meta {
    grid-column: 1;
    grid-row: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 0.5rem;
  }
}
.interact-s-recruitNews .s-recruitNews__category {
  display: inline-block;
  padding: 0.375rem 0.625rem;
  border-radius: 0.375rem;
  background: #39468c;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__category {
    font-size: 0.9375rem;
  }
}
.interact-s-recruitNews .s-recruitNews__meta time {
  flex-shrink: 0;
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.05;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__meta time {
    font-size: 1.25rem;
  }
}
.interact-s-recruitNews .s-recruitNews__itemTitle {
  margin: 1rem 0 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitNews .s-recruitNews__itemTitle {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: 0;
    line-height: 160%;
  }
}

.interact-s-recruitLink {
  background: #fff;
  border-top: 1px solid #b3b3b3;
  border-bottom: 1px solid #b3b3b3;
}
.interact-s-recruitLink .s-recruitLink__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__list {
    grid-template-columns: 1fr;
  }
}
.interact-s-recruitLink .s-recruitLink__item {
  position: relative;
}
.interact-s-recruitLink .s-recruitLink__item:nth-child(n+3) {
  border-top: 1px solid #b3b3b3;
}
.interact-s-recruitLink .s-recruitLink__item:nth-child(even) .interact-c-divider {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__item:nth-child(even) .interact-c-divider {
    display: block;
  }
  .interact-s-recruitLink .s-recruitLink__item:last-child .interact-c-divider {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__item .interact-c-divider {
    top: auto;
    right: 0;
    bottom: calc(var(--divider-arrow-w) / -2);
    left: 0;
    width: auto;
    height: var(--divider-arrow-w);
    transform: none;
  }
  .interact-s-recruitLink .s-recruitLink__item .interact-c-divider::before {
    top: 50%;
    right: var(--divider-arrow-h);
    bottom: auto;
    left: var(--divider-arrow-h);
    width: auto;
    height: 0;
    transform: translateY(-50%);
    border-right: none;
    border-top: 1px dashed #b3b3b3;
  }
  .interact-s-recruitLink .s-recruitLink__item .interact-c-divider .c-divider__cap {
    top: 50%;
    bottom: auto;
    left: auto;
    width: var(--divider-arrow-h);
    height: var(--divider-arrow-w);
    margin-top: calc(var(--divider-arrow-w) / -2);
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    transform: none;
  }
  .interact-s-recruitLink .s-recruitLink__item .interact-c-divider .c-divider__cap--top {
    top: 50%;
    left: 0;
    right: auto;
    background-color: #b3b3b3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
  .interact-s-recruitLink .s-recruitLink__item .interact-c-divider .c-divider__cap--bottom {
    top: 50%;
    right: 0;
    left: auto;
    background-color: #b3b3b3;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }
}
.interact-s-recruitLink .s-recruitLink__card {
  position: relative;
  display: block;
  height: 100%;
  padding: 3.125rem 5rem 3.125rem 4.375rem;
  color: inherit;
  text-decoration: none;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__card {
    padding: 1.5rem 1.25rem 3.125rem;
  }
}
@media (any-hover: hover) {
  .interact-s-recruitLink .s-recruitLink__card:hover {
    opacity: 1;
  }
  .interact-s-recruitLink .s-recruitLink__card:hover .s-recruitLink__img img {
    transform: scale(1.06);
  }
  .interact-s-recruitLink .s-recruitLink__card:hover .s-recruitLink__title {
    text-decoration: underline;
  }
}
.interact-s-recruitLink .s-recruitLink__img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.75rem;
  background: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__img {
    border-radius: 0.5rem;
  }
}
.interact-s-recruitLink .s-recruitLink__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 570/387;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__img img {
    aspect-ratio: 350/238;
  }
}
.interact-s-recruitLink .s-recruitLink__title {
  position: relative;
  margin-top: 2.25rem;
  padding-left: 1.25rem;
  font-size: 1.625rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.88px;
  -webkit-text-decoration: transparent;
          text-decoration: transparent;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__title {
    margin-top: 1.1875rem;
    font-size: 1.625rem;
    letter-spacing: 1.04px;
  }
}
.interact-s-recruitLink .s-recruitLink__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.375rem;
  height: 100%;
  border-radius: 0.0625rem;
  background: linear-gradient(180deg, #f8d640 0%, #fd6100 100%);
}
.interact-s-recruitLink .s-recruitLink__text {
  position: relative;
  margin-top: 1.625rem;
  padding-right: 4rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__text {
    margin-top: 1.1875rem;
    padding-right: 0;
  }
}
.interact-s-recruitLink .s-recruitLink__text::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url("../img/common/icon-arrow-orange.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitLink .s-recruitLink__text::after {
    bottom: -1.875rem;
  }
}

.interact-s-recruitSubMv {
  margin-top: 5.9375rem;
  padding-inline: 1.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitSubMv {
    margin-top: 0;
    padding-inline: 0;
  }
}
.interact-s-recruitSubMv .s-recruitSuvMv__inner {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 2.625rem 3rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitSubMv .s-recruitSuvMv__inner {
    padding: 5.875rem 1.25rem 1.6875rem;
  }
}
.interact-s-recruitSubMv .s-recruitSubMv__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.75rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitSubMv .s-recruitSubMv__bg {
    border-radius: 0;
  }
}
.interact-s-recruitSubMv .s-recruitSubMv__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-recruitSubMv .s-recruitSubMv__bread {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitSubMv .s-recruitSubMv__bread {
    justify-content: flex-start;
  }
}
.interact-s-recruitSubMv .s-recruitSubMv__bread .interact-c-bread a {
  color: #fff;
  opacity: 0.4;
}
.interact-s-recruitSubMv .s-recruitSubMv__bread .interact-c-bread li:last-child {
  opacity: 1;
}
.interact-s-recruitSubMv .s-recruitSubMv__bread .interact-c-bread li:last-child a {
  opacity: 1;
}
.interact-s-recruitSubMv .s-recruitSubMv__bread .interact-c-bread li + li::before {
  content: "";
  width: 0.625rem;
  height: 1px;
  background: #fff;
  opacity: 0.4;
}
.interact-s-recruitSubMv .s-recruitSubMv__title {
  position: relative;
  z-index: 1;
  margin-top: 8.75rem;
  color: #fff;
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitSubMv .s-recruitSubMv__title {
    margin-top: 11.25rem;
    font-size: 2.5rem;
  }
}

.interact-s-text {
  padding-block: 5.625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-s-text {
    padding-block: 3.125rem;
  }
}
.interact-s-text::before {
  content: "";
  position: absolute;
  top: -15.625rem;
  left: -5.75rem;
  width: 30.75rem;
  height: 30.75rem;
  background: url("../img/common/bg_circle.webp") no-repeat center center/contain;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .interact-s-text::before {
    top: -9.375rem;
    left: -3.75rem;
    width: 16.9375rem;
    height: 16.9375rem;
  }
}
.interact-s-text .s-text__content {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 220%;
}
@media screen and (max-width: 767px) {
  .interact-s-text .s-text__content {
    font-size: 1.125rem;
    line-height: 180%;
  }
}

.interact-s-area .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-area .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-area .s-area__inner {
  padding-block: 5.625rem 7.5rem;
  border-top: 1px dashed #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-area .s-area__inner {
    padding-block: 2.1875rem 3.75rem;
  }
}
.interact-s-area .s-area__body {
  gap: 6.625rem;
  display: grid;
  grid-template-columns: 24.375rem 1fr;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .interact-s-area .s-area__body {
    grid-template-columns: 1fr;
    gap: 2.125rem;
  }
}
.interact-s-area .s-area__img {
  position: relative;
  border-radius: 0.75rem;
  overflow: hidden;
  aspect-ratio: 390/539;
  --parallax-radius: 0.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-area .s-area__img {
    aspect-ratio: 350/263;
  }
}
.interact-s-area .s-area__title {
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.2px;
  padding-bottom: 1.75rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-s-area .s-area__title {
    font-size: 1.5rem;
    letter-spacing: 0.96px;
    padding-bottom: 1.75rem;
  }
}
.interact-s-area .s-area__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4.375rem;
  height: 0.375rem;
  background: linear-gradient(90deg, #fd6100 0%, #f8d640 100%);
}
.interact-s-area .s-area__text {
  margin-top: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.9px;
}
@media screen and (max-width: 767px) {
  .interact-s-area .s-area__text {
    margin-top: 1.375rem;
  }
}

.interact-s-involvement {
  padding-bottom: 5rem;
}
.interact-s-involvement .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-involvement .s-involvement__inner {
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__inner {
    padding-inline: 0;
  }
}
.interact-s-involvement .s-involvement__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__list {
    grid-template-columns: 1fr;
  }
}
.interact-s-involvement .s-involvement__item {
  position: relative;
  padding-block: 3.4375rem;
}
.interact-s-involvement .s-involvement__item:nth-child(odd) {
  padding-right: 3.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__item:nth-child(odd) {
    padding: 1.5rem 1.25rem;
  }
}
.interact-s-involvement .s-involvement__item:nth-child(n+3) {
  border-top: 1px solid #b3b3b3;
}
.interact-s-involvement .s-involvement__item:nth-child(even) {
  padding-left: 3.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__item:nth-child(even) {
    padding: 1.5rem 1.25rem;
  }
}
.interact-s-involvement .s-involvement__item:nth-child(even) .interact-c-divider {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__item:nth-child(even) .interact-c-divider {
    display: block;
  }
  .interact-s-involvement .s-involvement__item:last-child .interact-c-divider {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__item .interact-c-divider {
    top: auto;
    right: 0;
    bottom: calc(var(--divider-arrow-w) / -2);
    left: 0;
    width: auto;
    height: var(--divider-arrow-w);
    transform: none;
  }
  .interact-s-involvement .s-involvement__item .interact-c-divider::before {
    top: 50%;
    right: var(--divider-arrow-h);
    bottom: auto;
    left: var(--divider-arrow-h);
    width: auto;
    height: 0;
    transform: translateY(-50%);
    border-right: none;
    border-top: 1px dashed #b3b3b3;
  }
  .interact-s-involvement .s-involvement__item .interact-c-divider .c-divider__cap {
    top: 50%;
    bottom: auto;
    left: auto;
    width: var(--divider-arrow-h);
    height: var(--divider-arrow-w);
    margin-top: calc(var(--divider-arrow-w) / -2);
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    transform: none;
  }
  .interact-s-involvement .s-involvement__item .interact-c-divider .c-divider__cap--top {
    top: 50%;
    left: 0;
    right: auto;
    background-color: #b3b3b3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
  .interact-s-involvement .s-involvement__item .interact-c-divider .c-divider__cap--bottom {
    top: 50%;
    right: 0;
    left: auto;
    background-color: #b3b3b3;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }
}
.interact-s-involvement .s-involvement__card {
  height: 100%;
}
.interact-s-involvement .s-involvement__img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__img {
    border-radius: 0.75rem;
  }
}
.interact-s-involvement .s-involvement__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 540/290;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__img img {
    aspect-ratio: 350/188;
  }
}
.interact-s-involvement .s-involvement__cardTitle {
  margin-top: 2.25rem;
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: 1.04px;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__cardTitle {
    margin-top: 1.25rem;
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}
.interact-s-involvement .s-involvement__cardText {
  margin-top: 1.625rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__cardText {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
  }
}
.interact-s-involvement .s-involvement__btn {
  margin-top: 2.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__btn {
    margin-top: 1.25rem;
  }
}
.interact-s-involvement .s-involvement__btnLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 15rem;
}
@media screen and (max-width: 767px) {
  .interact-s-involvement .s-involvement__btnLink {
    width: 100%;
    max-width: 12.5rem;
  }
}
.interact-s-involvement .s-involvement__btnIcon {
  display: block;
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: currentColor;
  -webkit-mask-image: url("../img/common/icon_target.svg");
  mask-image: url("../img/common/icon_target.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.interact-s-work {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-work {
    padding-bottom: 3.75rem;
  }
}
.interact-s-work .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-work .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-work .s-work__list {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  margin: 5rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: work;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__list {
    gap: 2.875rem;
    margin-top: 1.875rem;
  }
}
.interact-s-work .s-work__item {
  counter-increment: work;
  min-width: 0;
}
.interact-s-work .s-work__card {
  display: grid;
  grid-template-columns: 33.25rem minmax(0, 1fr);
  -moz-column-gap: 4.25rem;
       column-gap: 4.25rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__card {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
}
.interact-s-work .s-work__img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.75rem;
  background: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__img {
    border-radius: 0.375rem;
  }
}
.interact-s-work .s-work__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 532/331;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__img img {
    aspect-ratio: 350/188;
  }
}
.interact-s-work .s-work__content {
  min-width: 0;
}
.interact-s-work .s-work__num {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 150%;
  color: #f6823a;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__num {
    font-size: 2.25rem;
  }
}
.interact-s-work .s-work__num::before {
  content: counter(work, decimal-leading-zero);
}
.interact-s-work .s-work__cardTitle {
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: 1.04px;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__cardTitle {
    font-size: 1.375rem;
    letter-spacing: 0.88px;
  }
}
.interact-s-work .s-work__cardText {
  margin-top: 1.875rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-work .s-work__cardText {
    margin-top: 1.5rem;
  }
}

.interact-s-focus {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-focus {
    padding-bottom: 5rem;
  }
}
.interact-s-focus .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-focus .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-focus .s-focus__block {
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-focus .s-focus__block {
    border-bottom: none;
  }
}
.interact-s-focus .s-focus__list {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}
.interact-s-focus .s-focus__list--top {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}
@media screen and (max-width: 767px) {
  .interact-s-focus .s-focus__list--top {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.interact-s-focus .s-focus__list--bottom {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 767px) {
  .interact-s-focus .s-focus__list--bottom {
    grid-template-columns: 1fr;
  }
}
.interact-s-focus .s-focus__item {
  position: relative;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-focus .s-focus__item {
    padding: 1.75rem 0;
    border-bottom: 1px dashed #b3b3b3;
  }
  .interact-s-focus .s-focus__item .interact-c-divider {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-focus .s-focus__list--bottom .s-focus__item:last-child {
    border-bottom: none;
  }
}
.interact-s-focus .s-focus__item--top {
  padding-block: 2.8125rem;
  padding-inline: 0;
}
.interact-s-focus .s-focus__item--top .interact-c-divider {
  right: calc(-0.5 * 8rem);
}
.interact-s-focus .s-focus__item--top:nth-child(3n) .interact-c-divider {
  display: none;
}
.interact-s-focus .s-focus__item--top:nth-child(3n+1):nth-child(n+4)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * 7.5rem);
  z-index: 1;
  width: calc(300% + 8rem * 2 + 7.5rem * 2);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(to right, #b3b3b3 0, #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 + 8rem / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 + 8rem / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 + 8rem / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 + 8rem / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 * 2 + 8rem * 3 / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 * 2 + 8rem * 3 / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 * 2 + 8rem * 3 / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 8rem * 2) / 3 * 2 + 8rem * 3 / 2) + 0.375rem), #b3b3b3 100%);
}
.interact-s-focus .s-focus__item--top .s-focus__card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  height: 100%;
}
.interact-s-focus .s-focus__item--top .s-focus__icon {
  align-self: center;
}
.interact-s-focus .s-focus__item--top .s-focus__img {
  width: 100%;
}
.interact-s-focus .s-focus__item--top .s-focus__cardTitle,
.interact-s-focus .s-focus__item--top .s-focus__cardText {
  width: 100%;
  text-align: left;
}
.interact-s-focus .s-focus__item--top .s-focus__cardTitle {
  margin-top: 2.5rem;
}
.interact-s-focus .s-focus__item--top .s-focus__cardTitle.--lg {
  margin-top: 1.5rem;
}
.interact-s-focus .s-focus__item--top .s-focus__cardText {
  margin-top: 1.375rem;
}
.interact-s-focus .s-focus__item--bottom {
  padding-block: 3.9375rem;
  padding-inline: 0;
}
.interact-s-focus .s-focus__item--bottom:nth-child(odd) {
  padding-right: 6.5rem;
  padding-left: 0;
}
.interact-s-focus .s-focus__item--bottom:nth-child(even) {
  padding-left: 6.5rem;
  padding-right: 0;
}
.interact-s-focus .s-focus__item--bottom:nth-child(even) .interact-c-divider {
  display: none;
}
.interact-s-focus .s-focus__item--bottom:nth-child(n+3) {
  border-top: 1px solid #b3b3b3;
}
.interact-s-focus .s-focus__item--bottom .s-focus__card {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  grid-template-areas: "icon title" "icon text";
  -moz-column-gap: 2.875rem;
       column-gap: 2.875rem;
  row-gap: 0.75rem;
  align-items: start;
  height: 100%;
  text-align: left;
}
.interact-s-focus .s-focus__item--bottom .s-focus__icon {
  grid-area: icon;
}
.interact-s-focus .s-focus__item--bottom .s-focus__cardTitle {
  grid-area: title;
  margin: 0;
  width: auto;
  max-width: none;
  text-align: left;
}
.interact-s-focus .s-focus__item--bottom .s-focus__cardText {
  grid-area: text;
  margin: 0;
  width: auto;
  max-width: none;
  text-align: left;
}
.interact-s-focus .s-focus__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background: #fff0e8;
}
.interact-s-focus .s-focus__icon img {
  display: block;
  width: 5.75rem;
  height: 4.125rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.interact-s-focus .s-focus__cardTitle {
  font-size: 1.25rem;
  font-weight: 700;
}
.interact-s-focus .s-focus__cardTitle.--lg {
  font-size: 1.75rem;
  letter-spacing: 0.84px;
}
.interact-s-focus .s-focus__cardText {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .interact-s-focus .s-focus__item--top:nth-child(3n+1):nth-child(n+4)::before {
    display: none;
  }
  .interact-s-focus .s-focus__item--top,
  .interact-s-focus .s-focus__item--bottom {
    padding: 1.75rem 0 !important;
    border-top: none !important;
  }
  .interact-s-focus .s-focus__item--top .s-focus__card,
  .interact-s-focus .s-focus__item--bottom .s-focus__card {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    grid-template-areas: "icon title" "text text";
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1rem;
    align-items: center;
    height: auto;
    text-align: left;
  }
  .interact-s-focus .s-focus__item--top .s-focus__icon,
  .interact-s-focus .s-focus__item--bottom .s-focus__icon {
    grid-area: icon;
    width: 5rem;
    height: 5rem;
  }
  .interact-s-focus .s-focus__item--top .s-focus__icon img,
  .interact-s-focus .s-focus__item--bottom .s-focus__icon img {
    width: 3rem;
    height: 3rem;
  }
  .interact-s-focus .s-focus__item--top .s-focus__img,
  .interact-s-focus .s-focus__item--bottom .s-focus__img {
    grid-area: icon;
    width: 5rem;
    max-width: none;
    aspect-ratio: 1;
    border-radius: 0.5rem;
  }
  .interact-s-focus .s-focus__item--top .s-focus__cardTitle,
  .interact-s-focus .s-focus__item--bottom .s-focus__cardTitle {
    grid-area: title;
    margin: 0;
    width: auto;
    max-width: none;
    align-self: center;
    font-size: 1.25rem;
    letter-spacing: 0.64px;
    text-align: left;
  }
  .interact-s-focus .s-focus__item--top .s-focus__cardText,
  .interact-s-focus .s-focus__item--bottom .s-focus__cardText {
    grid-area: text;
    margin: 0;
    width: auto;
    max-width: none;
    text-align: left;
    font-size: 0.9375rem;
    letter-spacing: 0.6px;
  }
}
.interact-s-focus .s-focus__img {
  flex: 0 0 auto;
  width: 100%;
  aspect-ratio: 340/226;
  border-radius: 0.5rem;
  overflow: hidden;
}
.interact-s-focus .s-focus__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-focus.--focus2 .s-focus__list--bottom {
  -moz-column-gap: 6.5rem;
       column-gap: 6.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus2 .s-focus__list--bottom {
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.interact-s-focus.--focus2 .s-focus__item--bottom {
  padding-block: 2.8125rem;
  padding-inline: 0;
}
.interact-s-focus.--focus2 .s-focus__item--bottom:nth-child(odd), .interact-s-focus.--focus2 .s-focus__item--bottom:nth-child(even) {
  padding-left: 0;
  padding-right: 0;
}
.interact-s-focus.--focus2 .s-focus__item--bottom .interact-c-divider {
  display: block;
  right: calc(-0.5 * 6.5rem);
}
.interact-s-focus.--focus2 .s-focus__item--bottom:nth-child(even) .interact-c-divider {
  display: none;
}
.interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__card {
  display: grid;
  grid-template-columns: 21.25rem minmax(0, 1fr);
  grid-template-areas: "img title" "text text";
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 1.25rem;
  align-items: center;
  height: 100%;
  text-align: left;
}
.interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__img {
  grid-area: img;
  width: 21.25rem;
}
.interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__cardTitle {
  grid-area: title;
  margin: 0;
  width: auto;
  max-width: none;
  align-self: center;
  text-align: left;
}
.interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__cardText {
  grid-area: text;
  margin: 0;
  width: auto;
  max-width: none;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus2 .s-focus__item--top .s-focus__card,
  .interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__card {
    grid-template-columns: minmax(0, 1fr) 9.875rem;
    grid-template-areas: "title img" "text text";
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1rem;
    align-items: center;
  }
  .interact-s-focus.--focus2 .s-focus__item--top .s-focus__img,
  .interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__img {
    grid-area: img;
    width: 9.875rem;
    max-width: none;
    aspect-ratio: 158/105;
  }
  .interact-s-focus.--focus2 .s-focus__item--top .s-focus__cardTitle,
  .interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__cardTitle {
    grid-area: title;
    margin: 0;
    align-self: center;
    font-size: 1.25rem;
    letter-spacing: 0.64px;
  }
  .interact-s-focus.--focus2 .s-focus__item--top .s-focus__cardTitle.--lg,
  .interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__cardTitle.--lg {
    font-size: 1.5rem;
  }
  .interact-s-focus.--focus2 .s-focus__item--top .s-focus__cardText,
  .interact-s-focus.--focus2 .s-focus__item--bottom .s-focus__cardText {
    grid-area: text;
    margin: 0;
    font-size: 0.86875rem;
  }
}
.interact-s-focus.--focus4 {
  padding-bottom: 0;
  border-top: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus4 {
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus4 .s-focus__item--top:first-child {
    border-top: 1px dashed #b3b3b3 !important;
  }
}
.interact-s-focus.--focus4 .s-focus__icon {
  background: #d8e0e5;
}
.interact-s-focus.--focus4 .s-focus__cardTitle {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus4 .s-focus__cardTitle {
    text-align: left;
  }
}
.interact-s-focus.--focus4 .s-focus__cardText {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus4 .s-focus__cardText {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .interact-s-focus.--focus5 .s-focus__cardTitle.--lg {
    font-size: 1.625rem;
    letter-spacing: initial;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__img {
    width: 19.25rem;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__card {
    grid-template-columns: 19.25rem minmax(0, 1fr);
    grid-template-areas: "img main" "text text";
    align-items: center;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__img {
    grid-area: img;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__main {
    grid-area: main;
    justify-self: start;
    align-self: center;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 1.25rem;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__cardTitle {
    grid-area: auto;
    width: auto;
    max-width: 100%;
    margin: 0;
    align-self: flex-start;
    text-align: left;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__btn {
    align-self: flex-start;
    width: auto;
    margin-inline: 0;
    text-align: left;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__cardText {
    grid-area: text;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus5 .s-focus__list--bottom .s-focus__item:last-child {
    border-bottom: 1px dashed #b3b3b3;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__card {
    grid-template-columns: minmax(0, 1fr) 9.875rem;
    grid-template-areas: "title img" "text text";
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1rem;
    align-items: center;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__main {
    display: contents;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__img {
    grid-area: img;
    width: 9.875rem;
    aspect-ratio: 158/105;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__cardTitle {
    grid-area: title;
    margin: 0;
    align-self: center;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__cardText {
    grid-area: text;
    margin: 0;
  }
  .interact-s-focus.--focus5 .s-focus__item--bottom .s-focus__btn {
    grid-column: 1/-1;
    margin-top: 0.5rem;
    text-align: center;
  }
}
.interact-s-focus.--focus5 .s-focus__btnLink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus5 .s-focus__btnLink {
    min-width: 11.25rem;
  }
}
.interact-s-focus.--focus5 .s-focus__btnIcon {
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  background-color: currentColor;
  -webkit-mask-image: url("../img/common/icon_target.svg");
  mask-image: url("../img/common/icon_target.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.interact-s-focus.--focus6 {
  padding-bottom: 0;
  border-top: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus6 {
    border-top: none;
  }
  .interact-s-focus.--focus6 .s-focus__list--bottom .s-focus__item:last-child {
    border-bottom: 1px dashed #b3b3b3;
  }
  .interact-s-focus.--focus6 .s-focus__list .s-focus__list--top {
    border-top: 1px dashed #b3b3b3 !important;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus6 .s-focus__item--top:first-child {
    border-top: 1px dashed #b3b3b3 !important;
  }
}
.interact-s-focus.--focus6 .interact-l-inner {
  padding-inline: 3.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-focus.--focus6 .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
@media (min-width: 768px) {
  .interact-s-focus.--focus6 .s-focus__cardTitle.--lg {
    font-size: 1.625rem;
    letter-spacing: initial;
  }
}

.interact-s-port {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 8.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-port {
    margin-bottom: 3.75rem;
  }
}
.interact-s-port .s-port__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: #fff;
}
.interact-s-port .s-port__bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  opacity: 0.18;
}
.interact-s-port .s-port__bg .u-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__bg .u-desktop {
    display: none;
  }
}
.interact-s-port .s-port__bg .u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__bg .u-mobile {
    display: block;
    -o-object-position: 20% center;
       object-position: 20% center;
  }
}
.interact-s-port .s-port__bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 61.5rem;
  max-width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 17.93%, #fff 76.1%);
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__bg::after {
    inset: 0;
    width: 100%;
    background: linear-gradient(91deg, rgba(255, 255, 255, 0) 2.97%, #fff 103.26%);
  }
}
.interact-s-port .s-port__line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1.3125rem;
  pointer-events: none;
}
.interact-s-port .s-port__lineSvg {
  display: block;
  width: 100%;
  height: 100%;
}
.interact-s-port .s-port__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 29.125rem minmax(0, 1fr);
  -moz-column-gap: 8.75rem;
       column-gap: 8.75rem;
  align-items: start;
  padding-inline: 7.5rem;
  padding-block: 6.875rem 8.9375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__inner {
    grid-template-columns: 1fr;
    gap: 2.5rem;
    padding-inline: 1.25rem;
    padding-block: calc(1.3125rem + 3.75rem) 3.4375rem;
  }
}
.interact-s-port .s-port__head {
  min-width: 0;
}
.interact-s-port .s-port__title {
  display: flex;
  gap: 0.625rem;
  margin: 0;
  font-size: 2.625rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.68px;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__title {
    gap: 0.5rem;
    font-size: 1.5rem;
    letter-spacing: 0.96px;
  }
}
.interact-s-port .s-port__title::before {
  content: "";
  flex-shrink: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #f8d640 0%, #fd6100 100%);
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__title::before {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.interact-s-port .s-port__text {
  margin-top: 1.75rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
  padding-left: 1.875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__text {
    margin-top: 1.25rem;
    padding-left: 0;
  }
}
.interact-s-port .s-port__list {
  margin: 0;
  padding: 0;
  list-style: none;
  min-width: 0;
}
.interact-s-port .s-port__item {
  padding-block: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__item {
    padding-block: 2.5rem;
  }
}
.interact-s-port .s-port__item:first-child {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__item:first-child {
    padding-top: 2.5rem;
    border-top: 1px dashed #b3b3b3;
  }
}
.interact-s-port .s-port__item:not(:last-child) {
  border-bottom: 1px dashed #b3b3b3;
}
.interact-s-port .s-port__itemTitle {
  margin: 0;
  font-size: 1.625rem;
  font-weight: 700;
  letter-spacing: 1.04px;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__itemTitle {
    font-size: 1.25rem;
    letter-spacing: 0.8px;
  }
}
.interact-s-port .s-port__itemText {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .interact-s-port .s-port__itemText {
    font-size: 1rem;
  }
}

.interact-s-careers {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-careers {
    padding-bottom: 3.75rem;
  }
}
.interact-s-careers .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-careers .s-careers__block {
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__block {
    border-bottom: none;
  }
}
.interact-s-careers .s-careers__grid {
  position: relative;
}
.interact-s-careers .s-careers__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -moz-column-gap: 5.875rem;
       column-gap: 5.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__list {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.interact-s-careers .s-careers__item {
  position: relative;
  min-width: 0;
  padding-block: 2.8125rem 3.125rem;
  padding-inline: 0;
}
.interact-s-careers .s-careers__item .s-careers__vline {
  top: 0.375rem;
  right: auto;
  bottom: 0.375rem;
  left: calc(-0.5 * 5.875rem);
  transform: translateX(-50%);
}
.interact-s-careers .s-careers__item .s-careers__vline .c-divider__cap--top,
.interact-s-careers .s-careers__item .s-careers__vline .c-divider__cap--bottom {
  display: none;
}
.interact-s-careers .s-careers__item:nth-child(4n+1) .s-careers__vline {
  display: none;
}
.interact-s-careers .s-careers__item:nth-child(-n+4) .s-careers__vline {
  top: 0;
}
.interact-s-careers .s-careers__item:nth-child(-n+4) .s-careers__vline .c-divider__cap--top {
  display: block;
}
.interact-s-careers .s-careers__item:nth-last-child(-n+4) .s-careers__vline {
  bottom: 0;
}
.interact-s-careers .s-careers__item:nth-last-child(-n+4) .s-careers__vline .c-divider__cap--bottom {
  display: block;
}
.interact-s-careers .s-careers__item:nth-child(4n+1):nth-child(n+5)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-1 * 7.5rem);
  z-index: 1;
  width: calc(400% + 5.875rem * 3 + 7.5rem * 2);
  height: 1px;
  pointer-events: none;
  background: linear-gradient(to right, #b3b3b3 0, #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 + 5.875rem / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 + 5.875rem / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 + 5.875rem / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 + 5.875rem / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 2 + 5.875rem * 3 / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 2 + 5.875rem * 3 / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 2 + 5.875rem * 3 / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 2 + 5.875rem * 3 / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 3 + 5.875rem * 5 / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 3 + 5.875rem * 5 / 2) - 0.375rem), transparent calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 3 + 5.875rem * 5 / 2) + 0.375rem), #b3b3b3 calc(calc(7.5rem + (100% - 7.5rem * 2 - 5.875rem * 3) / 4 * 3 + 5.875rem * 5 / 2) + 0.375rem), #b3b3b3 100%);
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__item {
    padding: 1.75rem 0;
    border-bottom: 1px dashed #b3b3b3;
  }
  .interact-s-careers .s-careers__item:nth-child(4n+1):nth-child(n+5)::before {
    display: none;
  }
  .interact-s-careers .s-careers__item:last-child {
    border-bottom: none;
  }
}
.interact-s-careers .s-careers__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__card {
    display: grid;
    grid-template-columns: 5rem minmax(0, 1fr);
    grid-template-areas: "icon title" "text text";
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 1rem;
    align-items: center;
    text-align: left;
  }
}
.interact-s-careers .s-careers__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  background: #fff0e8;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__icon {
    grid-area: icon;
    width: 5rem;
    height: 5rem;
  }
}
.interact-s-careers .s-careers__icon img {
  display: block;
  width: 3.9375rem;
  height: 3.9375rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__icon img {
    width: 3.5rem;
    height: 3.5rem;
  }
}
.interact-s-careers .s-careers__cardTitle {
  margin: 1.25rem 0 0;
  width: 100%;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.8px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__cardTitle {
    grid-area: title;
    margin: 0;
    text-align: left;
  }
}
.interact-s-careers .s-careers__cardText {
  margin-top: 0.875rem;
  width: 100%;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: 0.6px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interact-s-careers .s-careers__cardText {
    grid-area: text;
    margin: 0;
    text-align: left;
  }
}

.interact-s-charm {
  background: url("/assets/interact/img/common/bg.webp") repeat center center/cover;
  border-radius: 2.5rem;
  padding-block: 9.375rem 8.125rem;
  margin-bottom: 6.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-charm {
    padding-block: 4.8125rem 4.0625rem;
    margin-bottom: 2.6875rem;
  }
}
.interact-s-charm .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-charm .s-charm__area {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__area {
    grid-template-columns: 1fr;
    margin-top: 0.8125rem;
    gap: 1.25rem;
  }
}
.interact-s-charm .s-charm__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  padding-left: 1.0625rem;
  border-left: 2px dashed #f6823a;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__text {
    padding-left: 0;
    border-left: none;
    font-weight: 400;
  }
}
.interact-s-charm .s-charm__wrap {
  max-width: 56.25rem;
  margin-inline: auto;
  width: 100%;
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__wrap {
    margin-top: 1.25rem;
  }
}
.interact-s-charm .s-charm__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.875rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
}
.interact-s-charm .s-charm__item {
  min-width: 0;
}
.interact-s-charm .s-charm__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 17.0625rem;
  height: 100%;
  padding: 1.375rem 0.625rem;
  border-radius: 0.75rem;
  background: #fff;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__card {
    min-height: 10.625rem;
    padding: 1.25rem 0.625rem;
    border-radius: 0.5rem;
  }
}
.interact-s-charm .s-charm__icon {
  flex-shrink: 0;
  width: 5.4375rem;
  height: 5.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__icon {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.interact-s-charm .s-charm__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.interact-s-charm .s-charm__cardText {
  width: 100%;
  margin-top: 1.25rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 150%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__cardText {
    margin-top: 0.75rem;
    font-size: 0.875rem;
  }
}
.interact-s-charm .s-charm__cardText .--lg {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__cardText .--lg {
    font-size: 1.5rem;
  }
}
.interact-s-charm .s-charm__cardText .--md {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__cardText .--md {
    font-size: 0.875rem;
  }
}
.interact-s-charm .s-charm__cardText .--sm {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__cardText .--sm {
    font-size: 0.6875rem;
  }
}
.interact-s-charm .s-charm__cardText .--smd {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__cardText .--smd {
    font-size: 0.8125rem;
  }
}
.interact-s-charm .s-charm__cardText .--sms {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-charm .s-charm__cardText .--sms {
    font-size: 0.8125rem;
  }
}

.interact-s-state {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-state {
    padding-bottom: 5rem;
  }
}
.interact-s-state .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-state .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-state .s-state__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 23.4375rem;
  gap: 1.25rem;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-state .s-state__inner {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 2.25rem;
  }
}
.interact-s-state .s-state__iframe {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 0.5rem;
  background: #e8e8e8;
}
@media screen and (max-width: 767px) {
  .interact-s-state .s-state__iframe {
    grid-row: auto;
    border-radius: 0.21875rem;
  }
}
.interact-s-state .s-state__iframe iframe,
.interact-s-state .s-state__iframe img,
.interact-s-state .s-state__iframe video,
.interact-s-state .s-state__iframe > * {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
}
.interact-s-state .s-state__iframe img,
.interact-s-state .s-state__iframe video,
.interact-s-state .s-state__iframe > * img,
.interact-s-state .s-state__iframe > * video {
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-state .s-state__iframe > * iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.interact-s-state .s-state__marquee {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  align-self: stretch;
  width: 23.4375rem;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-state .s-state__marquee {
    grid-column: auto;
    grid-row: auto;
    align-self: auto;
    width: 100vw;
    height: 8.625rem;
    margin-left: calc(50% - 50vw);
    border-radius: 0.3125rem;
  }
}
.interact-s-state .s-state__marqueeTrack {
  display: flex;
  flex-direction: column;
  width: 23.4375rem;
  position: absolute;
  top: 0;
  left: 0;
  animation: s-state-marquee-y 40s linear infinite;
  will-change: transform;
}
@media screen and (max-width: 767px) {
  .interact-s-state .s-state__marqueeTrack {
    position: relative;
    top: auto;
    left: auto;
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
    height: 8.625rem;
    animation-name: s-state-marquee-x;
    animation-duration: 35s;
  }
}
@media (prefers-reduced-motion: reduce) {
  .interact-s-state .s-state__marqueeTrack {
    animation: none;
  }
}
.interact-s-state.leadgridCms-onlyInnerWorkspace .s-state__marquee {
  pointer-events: auto;
  overflow: visible;
  height: auto;
}
.interact-s-state.leadgridCms-onlyInnerWorkspace .s-state__marqueeTrack {
  position: relative;
  animation: none;
}
.interact-s-state .s-state__marqueeGroup {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1rem;
  width: 23.4375rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .interact-s-state .s-state__marqueeGroup {
    flex-direction: row;
    width: -moz-max-content;
    width: max-content;
    height: 8.625rem;
    padding-bottom: 0;
    padding-right: 0.75rem;
    gap: 0.75rem;
  }
}
.interact-s-state .s-state__marqueeItem {
  flex: 0 0 auto;
  width: 23.4375rem;
  height: 14.625rem;
  overflow: hidden;
  border-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-state .s-state__marqueeItem {
    width: 13.875rem;
    height: 8.625rem;
    border-radius: 0.3125rem;
  }
}
.interact-s-state .s-state__marqueeItem img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@keyframes s-state-marquee-y {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, -50%, 0);
  }
}
@keyframes s-state-marquee-x {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.interact-s-bgMessage {
  position: relative;
  margin-top: 4.75rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bgMessage {
    margin-top: 2.6875rem;
    margin-bottom: 3.5625rem;
  }
}
.interact-s-bgMessage .s-bgMessage__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.interact-s-bgMessage .s-bgMessage__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.interact-s-bgMessage .s-bgMessage__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(3px);
  transform: scale(1.05);
}
@media screen and (max-width: 767px) {
  .interact-s-bgMessage .s-bgMessage__bg img {
    -o-object-position: 75%;
       object-position: 75%;
  }
}
.interact-s-bgMessage .interact-l-inner {
  padding-inline: 7.5rem;
  padding-block: 8rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bgMessage .interact-l-inner {
    padding-inline: 1.25rem;
    padding-block: 4rem 3.375rem;
  }
}
.interact-s-bgMessage.leadgridCms-onlyInnerWorkspace .interact-l-inner {
  margin-right: 0;
  padding-inline: 0;
  max-width: 37.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bgMessage.leadgridCms-onlyInnerWorkspace .s-bgMessage__bg {
    position: static;
  }
  .interact-s-bgMessage.leadgridCms-onlyInnerWorkspace .s-bgMessage__bg::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-bgMessage.leadgridCms-onlyInnerWorkspace .s-bgMessage__inner {
    background: #000;
  }
}
.interact-s-bgMessage .s-bgMessage__inner {
  color: #fff;
  position: relative;
  z-index: 1;
}
.interact-s-bgMessage .s-bgMessage__body {
  max-width: 37.5rem;
  margin-left: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-bgMessage .s-bgMessage__body {
    margin-inline: auto;
  }
}
.interact-s-bgMessage .s-bgMessage__title {
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.44px;
}
.interact-s-bgMessage .s-bgMessage__text {
  margin-top: 2.625rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 0.96px;
}
.interact-s-flow {
  --flow-gap: 4.6875rem;
  --flow-gap-sp: 1.75rem;
  background: url("/assets/interact/img/common/bg.webp") repeat center center/cover;
  border-radius: 2.5rem;
  padding-block: 7.0625rem 9.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-flow {
    padding-block: 4.8125rem 4.0625rem;
    border-radius: 1.25rem;
  }
}
.interact-s-flow .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-flow .s-flow__area {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__area {
    grid-template-columns: 1fr;
    margin-top: 0.8125rem;
    gap: 1.25rem;
  }
}
.interact-s-flow .s-flow__text {
  font-size: 1rem;
  font-weight: 500;
  line-height: 180%;
  padding-left: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__text {
    padding-left: 0;
    border-left: none;
    font-weight: 400;
  }
}
.interact-s-flow .s-flow__wrap {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__wrap {
    margin-top: 2.5rem;
  }
}
.interact-s-flow .s-flow__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: var(--flow-gap);
       column-gap: var(--flow-gap);
  row-gap: 4.6875rem;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: flow;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__list {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: var(--flow-gap-sp);
  }
}
.interact-s-flow .s-flow__item {
  position: relative;
  min-width: 0;
  counter-increment: flow;
}
@media screen and (min-width: 768px) {
  .interact-s-flow .s-flow__item:not(:nth-child(3n)):not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    width: var(--flow-gap);
    height: 0;
    border-top: 3px dashed #f6823a;
    transform: translateY(-50%);
    pointer-events: none;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: var(--flow-gap-sp);
    border-left: 3px dashed #f6823a;
    transform: translateX(-50%);
    pointer-events: none;
  }
}
.interact-s-flow .s-flow__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 2.5rem 2.25rem;
  border-radius: 0.75rem;
  background: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__card {
    padding: 1.5625rem 2.25rem;
  }
}
.interact-s-flow .s-flow__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #f6823a;
}
.interact-s-flow .s-flow__stepLabel {
  font-family: "Poppins", sans-serif;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.3;
}
.interact-s-flow .s-flow__num {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: -0.3125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__num {
    font-size: 3rem;
  }
}
.interact-s-flow .s-flow__num::before {
  content: counter(flow, decimal-leading-zero);
}
.interact-s-flow .s-flow__cardTitle {
  margin: 1.375rem 0 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.96px;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__cardTitle {
    margin-top: 0.625rem;
    font-size: 1.5rem;
    letter-spacing: 0.96px;
    text-align: left;
  }
}
.interact-s-flow .s-flow__cardText {
  margin-top: 1rem;
  width: 100%;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 170%;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .interact-s-flow .s-flow__cardText {
    margin-top: 1rem;
  }
}

.interact-s-interviewCard {
  position: relative;
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard {
    padding-block: 5rem;
  }
}
.interact-s-interviewCard.--withLine {
  padding-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard.--withLine {
    padding-top: 5rem;
  }
}
.interact-s-interviewCard .s-interviewCard__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .s-interviewCard__line {
    display: none;
  }
}
.interact-s-interviewCard .s-interviewCard__lineSvg {
  width: 100%;
  height: 100%;
}
.interact-s-interviewCard .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-interviewCard .s-interviewCard__content {
  display: grid;
  grid-template-columns: minmax(0, 24.125rem) minmax(0, 1fr);
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .s-interviewCard__content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .s-interviewCard__head {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .interact-c-title1 {
    order: 1;
  }
}
.interact-s-interviewCard .s-interviewCard__btn {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .s-interviewCard__btn {
    order: 3;
    margin-top: 0;
    margin-inline: auto;
    text-align: center;
  }
}
.interact-s-interviewCard .s-interviewCard__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-interviewCard .s-interviewCard__list {
    order: 2;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.interact-s-recruit {
  padding-bottom: 5.9375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit {
    padding-bottom: 5rem;
  }
}
.interact-s-recruit .s-recruit__head::before {
  display: none;
}
.interact-s-recruit .s-recruit__head .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit .s-recruit__head .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-recruit .s-recruit__title {
  display: flex;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit .s-recruit__title {
    gap: 0.5rem;
  }
}
.interact-s-recruit .s-recruit__title::before {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  margin-top: 0.5rem;
  border-radius: 50%;
  background: linear-gradient(180deg, #f8d640 0%, #fd6100 100%);
}
@media screen and (max-width: 767px) {
  .interact-s-recruit .s-recruit__title::before {
    width: 0.75rem;
    height: 0.75rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruit.--company {
    padding-bottom: 3.75rem;
  }
}
.interact-s-recruit.--company .s-recruit__title::before {
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}
.interact-s-recruit.--company .s-recruit__item {
  align-items: center;
}
.interact-s-recruit.--company .s-recruit__wrap {
  align-items: start;
  grid-template-columns: minmax(0, 1fr) 29rem;
}
.interact-s-recruit.--company .s-recruit__img {
  width: 29rem;
  max-width: 100%;
  height: auto;
  max-height: 71.75rem;
  min-height: 0;
  aspect-ratio: 464/1148;
}
.interact-s-recruit.--company .s-recruit__list + .s-recruit__list {
  margin-top: 0;
}
.interact-s-recruit.--company .s-recruit__mediaList {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
}
.interact-s-recruit.--company .s-recruit__mediaItem {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit.--company .s-recruit__mediaItem {
    gap: 1rem;
  }
}
.interact-s-recruit.--company .s-recruit__mediaImg {
  flex-shrink: 0;
  width: 5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit.--company .s-recruit__mediaImg {
    width: 4rem;
  }
}
.interact-s-recruit.--company .s-recruit__mediaImg img {
  display: block;
  width: 100%;
  height: auto;
}
.interact-s-recruit.--company .s-recruit__mediaText {
  min-width: 0;
  flex: 1;
}
.interact-s-recruit.--company .s-recruit__mediaText ul {
  margin: 0;
}
.interact-s-recruit .s-recruit__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(29rem, 38vw);
  -moz-column-gap: 7.375rem;
       column-gap: 7.375rem;
  align-items: stretch;
  padding-left: 7.5rem;
  margin-top: 4.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit .s-recruit__wrap {
    display: block;
    padding-inline: 1.25rem;
    margin-top: 0.5rem;
  }
}
.interact-s-recruit .s-recruit__main {
  min-width: 0;
  padding-top: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit .s-recruit__main {
    padding: 0;
  }
}
.interact-s-recruit .s-recruit__list {
  margin: 0;
  padding: 0;
}
.interact-s-recruit .s-recruit__item {
  display: grid;
  grid-template-columns: 8.125rem minmax(0, 1fr);
  -moz-column-gap: 1.625rem;
       column-gap: 1.625rem;
  align-items: start;
  padding-block: 1.375rem;
  border-bottom: 1px dashed #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-recruit .s-recruit__item {
    grid-template-columns: 1fr;
    gap: 1rem;
    padding-block: 1.5rem;
  }
}
.interact-s-recruit .s-recruit__list:last-child > .s-recruit__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.interact-s-recruit .s-recruit__label {
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
}
.interact-s-recruit .s-recruit__text {
  min-width: 0;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
}
.interact-s-recruit .s-recruit__text > *:first-child {
  margin-top: 0;
}
.interact-s-recruit .s-recruit__text > *:last-child {
  margin-bottom: 0;
}
.interact-s-recruit .s-recruit__text p {
  margin: 0 0 0.6em;
}
.interact-s-recruit .s-recruit__text p:last-child {
  margin-bottom: 0;
}
.interact-s-recruit .s-recruit__text a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.interact-s-recruit .s-recruit__text ul {
  margin: 0.4em 0 0.6em;
  padding-left: 1.2em;
  list-style: none;
}
.interact-s-recruit .s-recruit__text ul:last-child {
  margin-bottom: 0;
}
.interact-s-recruit .s-recruit__text li {
  position: relative;
  margin: 0.2em 0;
  padding-left: 0.1em;
}
.interact-s-recruit .s-recruit__text li::before {
  content: "";
  position: absolute;
  top: 0.66em;
  left: -1em;
  width: 0.28em;
  height: 0.28em;
  border-radius: 50%;
  background: currentColor;
}
.interact-s-recruit .s-recruit__img {
  --parallax-radius: 0;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 30rem;
  border-radius: 0.75rem 0 0 0.75rem;
  overflow: hidden;
}
.interact-s-recruit .s-recruit__img .interact-c-parallax__clip {
  border-radius: 0.75rem 0 0 0.75rem;
  clip-path: inset(0 round 0.75rem 0 0 0.75rem);
}

.interact-s-recruitFaq {
  position: relative;
  padding-block: 5.4375rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq {
    padding-block: 3.25rem 5rem;
    border-bottom: none;
  }
}
.interact-s-recruitFaq .s-recruitFaq__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.375rem;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__line {
    height: 1.3125rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__lineSvg {
  width: 100%;
  height: 100%;
}
.interact-s-recruitFaq .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__content {
  display: grid;
  grid-template-columns: 26.3125rem minmax(0, 1fr);
  -moz-column-gap: 9.625rem;
       column-gap: 9.625rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__head {
    display: contents;
  }
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__title {
    order: 1;
  }
}
.interact-s-recruitFaq .s-recruitFaq__text {
  margin-top: 2.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__text {
    order: 2;
    margin-top: 1.25rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__btn {
  margin-top: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__btn {
    order: 4;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
  }
}
.interact-s-recruitFaq .s-recruitFaq__listWrap {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__listWrap {
    order: 3;
    margin-top: 1.75rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__list {
  margin: 0;
  padding: 0;
}
.interact-s-recruitFaq .s-recruitFaq__itemWrap {
  border-bottom: 1px dashed #b3b3b3;
}
.interact-s-recruitFaq .s-recruitFaq__item[open] .s-recruitFaq__toggle {
  background: #fff;
}
.interact-s-recruitFaq .s-recruitFaq__item[open] .s-recruitFaq__toggle::before, .interact-s-recruitFaq .s-recruitFaq__item[open] .s-recruitFaq__toggle::after {
  background: #39468c;
}
.interact-s-recruitFaq .s-recruitFaq__item[open] .s-recruitFaq__toggle::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__item[open] .s-recruitFaq__question {
    border-bottom: 1px dashed #b3b3b3;
  }
}
.interact-s-recruitFaq .s-recruitFaq__question {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr) 1.5rem;
  align-items: center;
  gap: 1rem;
  padding-block: 1.875rem;
  cursor: pointer;
  list-style: none;
}
.interact-s-recruitFaq .s-recruitFaq__question::-webkit-details-marker {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__question {
    grid-template-columns: 1.375rem minmax(0, 1fr) 1.75rem;
    gap: 0.75rem;
    padding-block: 1.5rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__qMark {
  color: #39468c;
  font-family: "Poppins", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.22px;
}
.interact-s-recruitFaq .s-recruitFaq__qText {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.18px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__qText {
    font-size: 1rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__toggle {
  justify-self: end;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #39468c;
  border-radius: 50%;
  background: #39468c;
  position: relative;
  box-sizing: border-box;
}
.interact-s-recruitFaq .s-recruitFaq__toggle::before, .interact-s-recruitFaq .s-recruitFaq__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}
.interact-s-recruitFaq .s-recruitFaq__toggle::before {
  width: 0.475rem;
  height: 1.5px;
}
.interact-s-recruitFaq .s-recruitFaq__toggle::after {
  width: 1.5px;
  height: 0.475rem;
}
.interact-s-recruitFaq .s-recruitFaq__answer {
  display: grid;
  grid-template-columns: 1.125rem minmax(0, 1fr);
  align-items: flex-start;
  gap: 1rem;
  padding: 0 2.5rem 2rem 0;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__answer {
    grid-template-columns: 1.375rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1.5rem 2.5rem 1.5rem 0;
  }
}
.interact-s-recruitFaq .s-recruitFaq__aMark {
  color: #00a86c;
  font-family: "Poppins", sans-serif;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.22px;
}
.interact-s-recruitFaq .s-recruitFaq__aText {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.15px;
}
@media screen and (max-width: 767px) {
  .interact-s-recruitFaq .s-recruitFaq__aText {
    font-size: 0.875rem;
  }
}
.interact-s-recruitFaq .s-recruitFaq__aText > *:first-child {
  margin-top: 0;
}
.interact-s-recruitFaq .s-recruitFaq__aText > *:last-child {
  margin-bottom: 0;
}

.interact-s-connection {
  padding-block: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-connection {
    padding-block: 1.25rem 5rem;
  }
}
.interact-s-connection .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-connection .s-connection__title {
  margin-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__title {
    margin-bottom: 2.3125rem;
  }
}
.interact-s-connection .s-connection__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__list {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.interact-s-connection .s-connection__item {
  min-width: 0;
}
.interact-s-connection .s-connection__card {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0.75rem;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__card {
    border-radius: 0.5rem;
  }
}
.interact-s-connection .s-connection__card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.35);
  transition: background 0.3s ease;
}
@media (any-hover: hover) {
  .interact-s-connection .s-connection__card:hover::before {
    background: rgba(0, 0, 0, 0.45);
  }
  .interact-s-connection .s-connection__card:hover .s-connection__cardImg img {
    transform: scale(1.06);
  }
}
.interact-s-connection .s-connection__cardImg {
  width: 100%;
  background: #d9d9d9;
}
.interact-s-connection .s-connection__cardImg img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 376/196;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__cardImg img {
    aspect-ratio: 350/180;
  }
}
.interact-s-connection .s-connection__cardTitle {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.2px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__cardTitle {
    font-size: 1.6875rem;
    letter-spacing: 0.8px;
  }
}
.interact-s-connection .s-connection__entry {
  margin-top: 8.125rem;
  padding: 3.75rem 2.5rem;
  border-radius: 0.75rem;
  background: #fdf2eb;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__entry {
    width: 100vw;
    margin-top: 4.0625rem;
    margin-left: calc(50% - 50vw);
    padding: 3.75rem 0.3125rem;
  }
}
.interact-s-connection .s-connection__entryTitle {
  margin: 0;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__entryTitle {
    font-size: 1.875rem;
  }
}
.interact-s-connection .s-connection__entryLead {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 180%;
}
.interact-s-connection .s-connection__entryText {
  margin-top: 2.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__entryText {
    margin-top: 1rem;
    margin-inline: 0.9375rem;
  }
}
.interact-s-connection .s-connection__entryBtn {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__entryBtn {
    margin-top: 2.25rem;
  }
}
.interact-s-connection .s-connection__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 12.5rem;
  max-width: none;
  padding-inline: 0.5rem;
  padding-block: 0.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-connection .s-connection__btn {
    width: 100%;
    max-width: 12.5rem;
  }
}
.interact-s-connection .s-connection__btnIcon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  background: url("/assets/interact/img/common/icon_target.svg") no-repeat center/contain;
  filter: brightness(0) invert(1);
}

.interact-s-job {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-job {
    padding-bottom: 3.125rem;
    border-bottom: 1px solid #b3b3b3;
  }
}
.interact-s-job .interact-c-title3 .c-title3__text {
  flex: 0 1 47.875rem;
  max-width: 47.875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-job .interact-c-title3 .c-title3__text {
    flex: none;
    max-width: none;
  }
}
.interact-s-job .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-job .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-job .s-job__block {
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__block {
    border-bottom: none;
  }
}
.interact-s-job .s-job__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 6.5rem;
       column-gap: 6.5rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__list {
    grid-template-columns: 1fr;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
.interact-s-job .s-job__item {
  position: relative;
  min-width: 0;
  padding-block: 3.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__item {
    padding-block: 1.75rem;
  }
  .interact-s-job .s-job__item:last-child .interact-c-divider {
    display: none !important;
  }
}
.interact-s-job .s-job__item .interact-c-divider {
  right: calc(-0.5 * 6.5rem);
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__item .interact-c-divider {
    top: auto;
    right: auto;
    bottom: calc(var(--divider-arrow-w) / -2);
    left: calc(50% - 50vw);
    width: 100vw;
    height: var(--divider-arrow-w);
    transform: none;
  }
  .interact-s-job .s-job__item .interact-c-divider::before {
    top: 50%;
    right: var(--divider-arrow-h);
    bottom: auto;
    left: var(--divider-arrow-h);
    width: auto;
    height: 0;
    transform: translateY(-50%);
    border-right: none;
    border-top: 1px dashed #b3b3b3;
  }
  .interact-s-job .s-job__item .interact-c-divider .c-divider__cap {
    top: 50%;
    bottom: auto;
    left: auto;
    width: var(--divider-arrow-h);
    height: var(--divider-arrow-w);
    margin-top: calc(var(--divider-arrow-w) / -2);
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    transform: none;
  }
  .interact-s-job .s-job__item .interact-c-divider .c-divider__cap--top {
    top: 50%;
    right: auto;
    left: 0;
    background-color: #b3b3b3;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
  .interact-s-job .s-job__item .interact-c-divider .c-divider__cap--bottom {
    top: 50%;
    right: 0;
    left: auto;
    background-color: #b3b3b3;
    clip-path: polygon(100% 0, 100% 100%, 0 50%);
  }
}
.interact-s-job .s-job__item:nth-child(even) .interact-c-divider {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__item:nth-child(even) .interact-c-divider {
    display: block;
  }
}
.interact-s-job .s-job__item:nth-child(n+3) {
  border-top: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__item:nth-child(n+3) {
    border-top: none;
  }
}
.interact-s-job .s-job__card {
  display: block;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
@media (any-hover: hover) {
  .interact-s-job .s-job__card:hover {
    opacity: 1;
  }
  .interact-s-job .s-job__card:hover .s-job__img img {
    transform: scale(1.05);
  }
  .interact-s-job .s-job__card:hover .s-job__cardTitle {
    text-decoration: underline;
  }
}
.interact-s-job .s-job__img {
  overflow: hidden;
  width: 100%;
  border-radius: 0.75rem;
  background: #d9d9d9;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__img {
    border-radius: 0.5rem;
  }
}
.interact-s-job .s-job__img img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 548/320;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__img img {
    aspect-ratio: 350/200;
  }
}
.interact-s-job .s-job__cardTitle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1.5rem;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.04px;
  -webkit-text-decoration: transparent;
          text-decoration: transparent;
  transition: -webkit-text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease;
  transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
@media screen and (max-width: 767px) {
  .interact-s-job .s-job__cardTitle {
    margin-top: 1rem;
    font-size: 1.375rem;
    letter-spacing: 0.88px;
  }
}
.interact-s-job .s-job__cardTitle::after {
  content: "";
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  background: url("/assets/interact/img/common/icon-arrow-orange.svg") no-repeat center/contain;
}

.interact-s-philosophy {
  padding-block: 4.5625rem 5.625rem;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy {
    padding-block: 3.125rem;
  }
}
.interact-s-philosophy .s-philosophy__inner {
  padding-inline: 3.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy .s-philosophy__inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-philosophy .s-philosophy__list {
  border-radius: 0.75rem;
  background: linear-gradient(97deg, #eef7fc 13.5%, #9adaff 117.27%);
  padding: 5.25rem 9.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy .s-philosophy__list {
    padding: 2.5rem 1.875rem;
  }
}
.interact-s-philosophy .s-philosophy__item {
  display: grid;
  grid-template-columns: 12.3125rem 1fr;
  gap: 0.625rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy .s-philosophy__item {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
}
.interact-s-philosophy .s-philosophy__item + .s-philosophy__item {
  margin-top: 4.8125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy .s-philosophy__item + .s-philosophy__item {
    margin-top: 3rem;
  }
}
.interact-s-philosophy .s-philosophy__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy .s-philosophy__title {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
    text-align: center;
  }
}
.interact-s-philosophy .s-philosophy__text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 180%;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 767px) {
  .interact-s-philosophy .s-philosophy__text {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.96px;
  }
}

.interact-s-message2 {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-message2 {
    padding-bottom: 4.375rem;
  }
}
.interact-s-message2 .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-message2 .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-message2 .s-message2__body {
  margin-top: 4.75rem;
  display: grid;
  grid-template-columns: 29.6875rem 1fr;
  gap: 7.8125rem;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .interact-s-message2 .s-message2__body {
    grid-template-columns: 1fr;
    gap: 1.875rem;
    margin-top: 2.0625rem;
  }
}
.interact-s-message2 .s-message2__img {
  overflow: hidden;
  border-radius: 0.5rem;
  width: 100%;
}
.interact-s-message2 .s-message2__img img {
  aspect-ratio: 475/540;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-message2 .s-message2__img img {
    aspect-ratio: 350/228;
    -o-object-position: top;
       object-position: top;
  }
}
.interact-s-message2 .s-message2__text {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
}
.interact-s-message2 .s-message2__name {
  margin-top: 2.0625rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.48px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .interact-s-message2 .s-message2__name {
    margin-top: 1.3125rem;
    font-size: 1.25rem;
  }
}

.interact-s-history {
  --history-accent: #42528e;
  --history-line: #b8c0d0;
  --history-dot: 0.75rem;
  --history-gap: 2.8125rem;
  --history-label-gap: 0.5rem;
  padding-bottom: 7.5rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-history {
    padding-bottom: 5rem;
    border-bottom: none;
  }
}
.interact-s-history .s-history__head {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__head {
    border-bottom: 1px solid #b3b3b3;
  }
}
.interact-s-history .s-history__headInner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__headInner {
    padding-inline: 1.875rem;
  }
}
.interact-s-history .s-history__body {
  padding-inline: 7.5rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__body {
    padding-inline: 1.25rem;
    margin-top: 2.5rem;
  }
}
@media (min-width: 768px) {
  .interact-s-history {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54.375rem;
    align-items: start;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
    padding-left: 7.5rem;
    padding-right: 5rem;
    position: relative;
  }
  .interact-s-history .s-history__head {
    grid-column: 1;
    grid-row: 1;
    padding-block: 6.875rem 0;
    padding-left: 0;
  }
  .interact-s-history .s-history__head .c-title2__line {
    left: 0;
    width: 100vw;
    margin-left: calc(-1 * 7.5rem);
  }
  .interact-s-history .s-history__head .s-history__headInner {
    padding-inline: 0;
  }
  .interact-s-history .s-history__body {
    grid-column: 2;
    grid-row: 1;
    width: 54.375rem;
    max-width: 54.375rem;
    margin-top: 0;
    padding: 6.875rem 0 0;
  }
}
.interact-s-history .s-history__panel {
  position: relative;
  width: 100%;
}
.interact-s-history .s-history__clip {
  max-height: 57.875rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__clip {
    max-height: 47.5rem;
  }
}
.interact-s-history.is-open .s-history__clip {
  max-height: none;
}
.interact-s-history.is-open .s-history__moreArea {
  display: none;
}
.interact-s-history .s-history__timeline {
  position: relative;
  margin: 0;
  padding: 1.5625rem 0;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__timeline {
    padding: 1.0625rem 0;
  }
}
.interact-s-history .s-history__timeline::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: calc(var(--history-dot) / 2);
  bottom: calc(var(--history-dot) / 2);
  left: calc(var(--history-dot) / 2);
  border-left: 1px dashed var(--history-line);
  transform: translateX(-50%);
}
.interact-s-history .s-history__group {
  display: grid;
  grid-template-columns: 12.5rem minmax(0, 1fr);
  -moz-column-gap: 2.75rem;
       column-gap: 2.75rem;
  align-items: start;
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__group {
    grid-template-columns: 1fr;
    gap: 0.875rem;
    padding-bottom: 2.0625rem;
  }
}
.interact-s-history .s-history__group:last-child {
  padding-bottom: 0;
}
.interact-s-history .s-history__era {
  display: flex;
  align-items: center;
  min-width: 0;
}
.interact-s-history .s-history__eraDot {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: var(--history-dot);
  height: var(--history-dot);
  border-radius: 50%;
  background: var(--history-accent);
}
.interact-s-history .s-history__eraLine {
  flex-shrink: 0;
  width: var(--history-gap);
  height: 0;
  border-top: 1px dashed var(--history-line);
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__eraLine {
    display: none;
  }
}
.interact-s-history .s-history__eraLabel {
  margin-left: var(--history-label-gap);
  color: var(--history-accent);
  font-family: "Poppins", sans-serif;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 100%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__eraLabel {
    margin-left: 0.6875rem;
    font-size: 1.875rem;
  }
}
.interact-s-history .s-history__events {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__events {
    gap: 0.75rem;
    padding-left: 1.4375rem;
  }
}
.interact-s-history .s-history__events > .s-history__event:first-child {
  margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__events > .s-history__event:first-child {
    margin-top: 0;
  }
}
.interact-s-history .s-history__event {
  display: grid;
  grid-template-columns: 5.5rem minmax(0, 1fr);
  -moz-column-gap: 1.75rem;
       column-gap: 1.75rem;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .interact-s-history .s-history__event {
    -moz-column-gap: 0.875rem;
         column-gap: 0.875rem;
  }
}
.interact-s-history .s-history__date {
  font-size: 1rem;
  font-weight: 600;
  line-height: 150%;
  white-space: nowrap;
}
.interact-s-history .s-history__text {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 160%;
}
.interact-s-history .s-history__moreArea {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 10.5rem;
  pointer-events: none;
}
.interact-s-history .s-history__moreArea[hidden] {
  display: none;
}
.interact-s-history .s-history__fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #fff 10.59%, rgba(255, 255, 255, 0) 216.07%);
  pointer-events: none;
}
.interact-s-history .s-history__more {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  margin-bottom: 0.5rem;
}

.interact-s-business {
  padding-top: 4.625rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .interact-s-business {
    padding-top: 3rem;
    padding-bottom: 6.25rem;
  }
}
.interact-s-business .s-business__inner {
  padding-inline: 1.875rem;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__inner {
    padding-inline: 0;
  }
}
.interact-s-business .s-business__panel {
  position: relative;
  min-height: 42.5rem;
  padding: 10.8125rem 5.625rem 9.8125rem;
  padding-right: 31.25rem;
  border-radius: 0.75rem;
  background: linear-gradient(143deg, #29ffba -36.94%, #3d50b4 64.36%);
  overflow: visible;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__panel {
    min-height: 0;
    padding: 4.5625rem 1.25rem 0;
  }
}
.interact-s-business .s-business__body {
  position: relative;
  z-index: 1;
}
.interact-s-business .s-business__title {
  margin: 0;
  font-size: 3.625rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 2.32px;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__title {
    font-size: 1.875rem;
    letter-spacing: 1.2px;
  }
}
.interact-s-business .s-business__lead {
  margin-top: 7.5rem;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 1.32px;
  padding-left: 5.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__lead {
    margin-top: 3.4375rem;
    padding-left: 0;
    font-size: 1.375rem;
    line-height: 150%;
    padding-left: 0;
  }
}
.interact-s-business .s-business__text {
  margin-top: 2rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 220%;
  letter-spacing: 0.96px;
  padding-left: 5.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__text {
    margin-top: 1.5rem;
    padding-left: 0;
  }
}
.interact-s-business .s-business__text > *:first-child {
  margin-top: 0;
}
.interact-s-business .s-business__text > *:last-child {
  margin-bottom: 0;
}
.interact-s-business .s-business__text p {
  margin: 0;
}
.interact-s-business .s-business__imgArea {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__imgArea {
    position: relative;
    inset: auto;
    height: 17.875rem;
    margin: 1.125rem -1.25rem -2.75rem;
    pointer-events: auto;
  }
}
.interact-s-business .s-business__img1 {
  --parallax-radius: 0.75rem;
  position: absolute;
  top: 6.5rem;
  right: -1.875rem;
  z-index: 1;
  width: 28.125rem;
  height: 29.4375rem;
  border-radius: var(--parallax-radius);
  overflow: hidden;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__img1 {
    --parallax-radius: 0.5rem;
    top: 0;
    right: 1.4375rem;
    width: 13.125rem;
    height: 13.75rem;
  }
}
.interact-s-business .s-business__img2 {
  --parallax-radius: 0.75rem;
  position: absolute;
  right: 17.625rem;
  bottom: 6.5rem;
  z-index: 2;
  width: 13.4375rem;
  height: 18rem;
  border-radius: var(--parallax-radius);
  overflow: hidden;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .interact-s-business .s-business__img2 {
    --parallax-radius: 0.5rem;
    right: auto;
    left: 1.4375rem;
    bottom: -2.75rem;
    width: 8.125rem;
    height: 10.875rem;
  }
}

.interact-s-businessField {
  padding-top: 6.25rem;
  padding-bottom: 8.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField {
    padding-top: 3.25rem;
    padding-bottom: 3.4375rem;
  }
}
.interact-s-businessField .s-businessField__inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-businessField .s-businessField__wrap {
  display: grid;
  grid-template-columns: minmax(26.25rem, 1fr) minmax(0, 35rem);
  align-items: center;
  -moz-column-gap: 4.75rem;
       column-gap: 4.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__wrap {
    display: block;
  }
}
.interact-s-businessField .s-businessField__body {
  min-width: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__body {
    max-width: none;
  }
}
.interact-s-businessField .s-businessField__title {
  margin: 0;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__title {
    font-size: 1.875rem;
    letter-spacing: 1.2px;
  }
}
.interact-s-businessField .s-businessField__lead {
  margin-top: 0.1875rem;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.2px;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__lead {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 150%;
    letter-spacing: 0.96px;
  }
}
.interact-s-businessField .s-businessField__text {
  margin-top: 2.875rem;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__text {
    margin-top: 2.0625rem;
    max-width: none;
    font-size: 0.9375rem;
  }
}
.interact-s-businessField .s-businessField__text > *:first-child {
  margin-top: 0;
}
.interact-s-businessField .s-businessField__text > *:last-child {
  margin-bottom: 0;
}
.interact-s-businessField .s-businessField__text p {
  margin: 0;
}
.interact-s-businessField .s-businessField__panel {
  position: relative;
  min-width: 0;
  padding: 1.375rem 1rem 1.125rem;
  border-radius: 0.75rem;
  background: #e8ebf0 url("/assets/interact/img/business/bg.webp") center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__panel {
    margin-top: 2.0625rem;
    padding: 1.375rem 1.1875rem 1.9375rem;
  }
}
.interact-s-businessField .s-businessField__panelTitle {
  margin: 0 0 1.5rem;
  color: #111;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__panelTitle {
    margin-bottom: 1.25rem;
    font-size: 1.375rem;
  }
}
.interact-s-businessField .s-businessField__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem;
  }
}
.interact-s-businessField .s-businessField__item {
  min-width: 0;
}
.interact-s-businessField .s-businessField__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  height: 100%;
  padding: 1.625rem 0.9375rem;
  border-radius: 0.375rem;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__card {
    gap: 0.75rem;
    padding: 1.25rem 0.5rem;
  }
}
.interact-s-businessField .s-businessField__icon {
  flex-shrink: 0;
  width: 3.625rem;
  height: 2.8125rem;
}
.interact-s-businessField .s-businessField__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.interact-s-businessField .s-businessField__label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: calc(1.125rem * 1.4 * 2);
  color: #111;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-businessField .s-businessField__label {
    min-height: calc(0.75rem * 1.4 * 2);
    font-size: 1rem;
  }
}

.interact-s-value {
  position: relative;
  padding-top: 7.9375rem;
  padding-bottom: 6.125rem;
  overflow: hidden;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .interact-s-value {
    padding-top: 4.375rem;
    padding-bottom: 5.5rem;
  }
}
.interact-s-value .s-value__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.interact-s-value .s-value__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%);
}
.interact-s-value .s-value__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.interact-s-value .s-value__inner {
  position: relative;
  z-index: 1;
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-value .s-value__inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-value .s-value__wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 37.8125rem;
  align-items: start;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
@media screen and (max-width: 767px) {
  .interact-s-value .s-value__wrap {
    display: block;
  }
}
.interact-s-value .s-value__title {
  margin: 0;
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.68px;
}
@media screen and (max-width: 767px) {
  .interact-s-value .s-value__title {
    margin-bottom: 3.75rem;
    font-size: 1.875rem;
    letter-spacing: 1.2px;
  }
}
.interact-s-value .s-value__list {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-value .s-value__list {
    width: 100%;
  }
}
.interact-s-value .s-value__item {
  padding-block: 2.5rem;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.55);
}
.interact-s-value .s-value__item:first-child {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .interact-s-value .s-value__item {
    padding-block: 1.75rem;
  }
}
.interact-s-value .s-value__itemTitle {
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.04px;
}
@media screen and (max-width: 767px) {
  .interact-s-value .s-value__itemTitle {
    font-size: 1.375rem;
    letter-spacing: 0.88px;
  }
}
.interact-s-value .s-value__itemText {
  margin-top: 1rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
}
.interact-s-value .s-value__itemText > *:first-child {
  margin-top: 0;
}
.interact-s-value .s-value__itemText > *:last-child {
  margin-bottom: 0;
}
.interact-s-value .s-value__itemText p {
  margin: 0;
}

.interact-s-why {
  padding-block: 5.9375rem 6.6875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-why {
    padding-block: 4.375rem 5rem;
  }
}
.interact-s-why .s-why__inner {
  padding-inline: 7.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .interact-s-why .s-why__inner {
    padding-inline: 1.25rem;
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
}
.interact-s-why .s-why__head {
  padding-top: 5.4375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-why .s-why__head {
    padding-top: 0;
  }
}
.interact-s-why .s-why__text {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.6px;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .interact-s-why .s-why__text {
    margin-top: 1.25rem;
  }
}
.interact-s-why .s-why__img {
  width: 100%;
  height: auto;
}
.interact-s-why .s-why__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.interact-s-why .s-why__title.interact-c-title1.--circle::before {
  background: linear-gradient(180deg, #2eda9e 0%, #582eff 100%);
}

.interact-s-imgText .interact-l-inner {
  padding-inline: 1.875rem;
}
@media screen and (max-width: 767px) {
  .interact-s-imgText .interact-l-inner {
    padding-inline: 0;
  }
}
.interact-s-imgText .s-imgText__img {
  --parallax-radius: 0.75rem;
  position: relative;
  width: 100%;
  aspect-ratio: 1380/437;
  border-radius: var(--parallax-radius);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-imgText .s-imgText__img {
    --parallax-radius: 0;
    aspect-ratio: 390/205;
    border-radius: 0;
  }
}
.interact-s-imgText .s-imgText__body {
  padding-block: 7rem 4.875rem;
  max-width: 75rem;
  width: 100%;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .interact-s-imgText .s-imgText__body {
    padding-block: 2.75rem;
    padding-inline: 1.25rem;
  }
}
.interact-s-imgText .s-imgText__area {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-imgText .s-imgText__area {
    font-size: 1.625rem;
    letter-spacing: 1.04px;
  }
}

.interact-s-body {
  position: relative;
  overflow: hidden;
  padding-block: 11.0625rem 12.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-body {
    padding-block: 5.625rem;
  }
}
.interact-s-body::before, .interact-s-body::after {
  content: "";
  position: absolute;
  z-index: -1;
  opacity: 0.5;
}
.interact-s-body::before {
  width: 60.1875rem;
  height: 33.625rem;
  background: url("../img/recruit/bg1.svg") no-repeat center center/contain;
  top: -6.25rem;
  left: -16.3125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-body::before {
    width: 33rem;
    height: 18.4375rem;
    left: 0;
    top: -8.875rem;
  }
}
.interact-s-body::after {
  width: 52.125rem;
  height: 14.6875rem;
  bottom: -2.5rem;
  right: 0;
  background: url("../img/recruit/bg2.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .interact-s-body::after {
    width: 26.5625rem;
    height: 7.5rem;
    bottom: 0;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
  }
}
.interact-s-body .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-body .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-body .s-body__title {
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 2.4px;
  padding-bottom: 2.0625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .interact-s-body .s-body__title {
    font-size: 1.875rem;
    letter-spacing: 1.8px;
    line-height: 160%;
  }
}
.interact-s-body .s-body__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 4.375rem;
  height: 0.375rem;
  background: linear-gradient(90deg, #582eff 0%, #2eda9e 100%);
}
.interact-s-body .s-body__text {
  margin-top: 1.6875rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 220%;
  letter-spacing: 0.96px;
  text-align: center;
}
.interact-s-textArea {
  padding-block: 6.625rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-textArea {
    padding-block: 3.75rem;
  }
}
.interact-s-textArea .interact-l-inner {
  padding-inline: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-textArea .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-textArea .s-textArea__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 767px) {
  .interact-s-textArea .s-textArea__title {
    font-size: 1.875rem;
    line-height: 150%;
    letter-spacing: 0;
  }
}
.interact-s-textArea .s-textArea__text {
  margin-top: 0.8125rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 767px) {
  .interact-s-textArea .s-textArea__text {
    margin-top: 1.5rem;
    font-size: 0.9375rem;
    letter-spacing: 0.9px;
    line-height: 150%;
  }
}

.interact-s-that {
  padding-block: 3.75rem 10.125rem;
}
@media screen and (max-width: 767px) {
  .interact-s-that {
    padding-block: 1.25rem 5rem;
  }
}
.interact-s-that .s-that__title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 2.4px;
  padding-top: 4rem;
  position: relative;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__title {
    font-size: 1.5rem;
  }
}
.interact-s-that .s-that__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 2.5rem;
  background: #b3b3b3;
}
.interact-s-that .s-that__list {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  margin: 4.375rem auto 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__list {
    position: relative;
    display: block;
    width: 21.5625rem;
    height: 20.5rem;
    margin-top: 2rem;
  }
}
.interact-s-that .s-that__item {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 27.9375rem;
  height: 27.9375rem;
  margin-left: -4.5rem;
}
.interact-s-that .s-that__item:first-child {
  margin-left: 0;
}
.interact-s-that .s-that__item:nth-child(1) {
  z-index: 1;
}
.interact-s-that .s-that__item:nth-child(2) {
  z-index: 2;
}
.interact-s-that .s-that__item:nth-child(3) {
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__item {
    position: absolute;
    width: 11.625rem;
    height: 11.625rem;
    margin-left: 0;
  }
  .interact-s-that .s-that__item:nth-child(1) {
    top: 8.875rem;
    left: 0;
    z-index: 1;
  }
  .interact-s-that .s-that__item:nth-child(2) {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
  }
  .interact-s-that .s-that__item:nth-child(3) {
    top: 8.875rem;
    right: 0;
    left: auto;
    z-index: 1;
  }
}
.interact-s-that .s-that__circle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(276deg, rgba(46, 218, 158, 0.2) -11.44%, rgba(43, 7, 188, 0.2) 99.66%);
  box-shadow: 0 0 2.1875rem 1.25rem rgba(255, 255, 255, 0.45) inset;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__circle {
    box-shadow: 0 0 0.9375rem 0.5rem rgba(255, 255, 255, 0.45) inset;
  }
}
.interact-s-that .s-that__en {
  background: var(--design-gradation, linear-gradient(180deg, #2eda9e 0%, #582eff 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "Poppins", sans-serif;
  font-size: 0.825rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__en {
    font-size: 0.3441875rem;
  }
}
.interact-s-that .s-that__icon {
  flex-shrink: 0;
  width: 6.25rem;
  height: 6.25rem;
  margin-top: 1.25rem;
}
.interact-s-that .s-that__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__icon {
    width: 2.625rem;
    height: 2.625rem;
    margin-top: 0.5rem;
  }
}
.interact-s-that .s-that__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  max-width: 17.5rem;
  margin-top: 2.5rem;
  font-size: 2.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: 2.52px;
}
@media screen and (max-width: 767px) {
  .interact-s-that .s-that__text {
    max-width: 7.5rem;
    margin-top: 0.5rem;
    font-size: 1.0951875rem;
    letter-spacing: 1.051px;
  }
}

.interact-s-phase {
  padding-block: 0 5.625rem;
  border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 767px) {
  .interact-s-phase {
    padding-block: 0 3.75rem;
    border-bottom: none;
  }
}
.interact-s-phase .s-phase__wrap {
  display: flex;
  align-items: center;
  gap: 10.9375rem;
  padding-left: 0;
  padding-right: 7.5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-phase .s-phase__wrap {
    flex-direction: column;
    align-items: stretch;
    gap: 3rem;
    padding-right: 0;
  }
}
.interact-s-phase .s-phase__img {
  --parallax-radius: 0;
  position: relative;
  flex-shrink: 0;
  width: 32.375rem;
  aspect-ratio: 518/820;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .interact-s-phase .s-phase__img {
    width: 18.375rem;
    aspect-ratio: 294/466;
  }
}
.interact-s-phase .s-phase__body {
  flex: 1;
  min-width: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .interact-s-phase .s-phase__body {
    max-width: none;
    padding-inline: 1.25rem;
  }
}
.interact-s-phase .s-phase__title {
  margin: 0;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 1.6px;
}
@media screen and (max-width: 767px) {
  .interact-s-phase .s-phase__title {
    font-size: 1.75rem;
    letter-spacing: 1.12px;
    text-align: center;
  }
}
.interact-s-phase .s-phase__subTitle {
  margin-top: 5rem;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 0.96px;
}
@media screen and (max-width: 767px) {
  .interact-s-phase .s-phase__subTitle {
    margin-top: 2.5rem;
    font-size: 1.125rem;
    letter-spacing: 0.72px;
    text-align: center;
  }
}
.interact-s-phase .s-phase__text {
  margin-top: 2rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 190%;
  color: #626262;
  max-width: 35.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-phase .s-phase__text {
    text-align: left;
  }
}

.interact-s-bg {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  color: #fff;
  margin-top: 8.375rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bg {
    margin-top: 1.875rem;
  }
}
.interact-s-bg .s-bg__sticky {
  grid-area: 1/1;
  position: sticky;
  top: 0;
  align-self: start;
  z-index: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
  background: #1a1a1a;
  pointer-events: none;
}
.interact-s-bg .s-bg__layer {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.9s ease;
}
.interact-s-bg .s-bg__layer.is-active {
  opacity: 1;
}
.interact-s-bg .s-bg__layer img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.interact-s-bg .s-bg__layer .u-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__layer .u-desktop {
    display: none;
  }
}
.interact-s-bg .s-bg__layer .u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__layer .u-mobile {
    display: block;
  }
}
.interact-s-bg .s-bg__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
.interact-s-bg .s-bg__content {
  grid-area: 1/1;
  position: relative;
  z-index: 1;
}
.interact-s-bg .interact-l-inner {
  padding-inline: 5rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .interact-l-inner {
    padding-inline: 1.25rem;
  }
}
.interact-s-bg .s-bg__scene--intro {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  padding-block: 12.5rem 15rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__scene--intro {
    padding-block: 7.5rem 8.75rem;
  }
}
.interact-s-bg .s-bg__mainTitle {
  margin: 0;
  font-size: 3.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__mainTitle {
    font-size: 2.25rem;
    letter-spacing: 1.44px;
  }
}
.interact-s-bg .s-bg__lead {
  margin-top: 6.25rem;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__lead {
    margin-top: 6.25rem;
    font-size: 1.5rem;
    line-height: 150%;
    letter-spacing: 1.44px;
  }
}
.interact-s-bg .s-bg__introText {
  margin-top: 5rem;
  max-width: 62.5rem;
  margin-inline: auto;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 220%;
  letter-spacing: 1.08px;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__introText {
    margin-top: 5rem;
    max-width: none;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.96px;
  }
}
.interact-s-bg .s-bg__scene--why {
  padding-block: 8.75rem 13.75rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__scene--why {
    padding-block: 5rem 4rem;
  }
}
.interact-s-bg .s-bg__whyBody {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 38.125rem;
  -moz-column-gap: 11.9375rem;
       column-gap: 11.9375rem;
  align-items: start;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__whyBody {
    display: block;
  }
}
.interact-s-bg .s-bg__whyHead {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  position: sticky;
  top: 7.5rem;
  align-self: start;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__whyHead {
    position: static;
    max-width: none;
    text-align: center;
    margin-bottom: 3rem;
  }
}
.interact-s-bg .s-bg__whyTitle {
  margin: 0;
  font-size: 3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1.92px;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__whyTitle {
    font-size: 2rem;
    letter-spacing: 1.28px;
    text-align: center;
  }
}
.interact-s-bg .s-bg__whyText {
  margin-top: 2.1875rem;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__whyText {
    margin-top: 2rem;
    font-size: 0.9375rem;
    line-height: 170%;
    text-align: left;
  }
}
.interact-s-bg .s-bg__whyList {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__whyList {
    width: 100%;
  }
}
.interact-s-bg .s-bg__whyItem {
  padding-top: 1.5625rem;
  padding-bottom: 2.5rem;
}
.interact-s-bg .s-bg__whyItem:not(:first-child) {
  border-top: 1px dashed #fff;
}
.interact-s-bg .s-bg__whyItemTitle {
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 220%;
  letter-spacing: 1.92px;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__whyItemTitle {
    font-size: 1.375rem;
    line-height: 160%;
    letter-spacing: 1.32px;
  }
}
.interact-s-bg .s-bg__whyItemText {
  margin-top: 0.8125rem;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.78px;
}
.interact-s-bg .s-bg__panel {
  position: relative;
  z-index: 0;
  display: grid;
  grid-template-columns: 34.375rem minmax(0, 1fr);
  gap: 1.875rem;
  align-items: start;
  margin-top: 14.375rem;
  padding: 4.0625rem 5rem 3.375rem;
  isolation: isolate;
}
.interact-s-bg .s-bg__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("/assets/interact/img/organization/bg.webp") center/cover no-repeat;
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__panel::before {
    background-image: url("/assets/interact/img/organization/bg-sp.webp");
  }
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__panel {
    display: block;
    width: 21.875rem;
    max-width: 100%;
    margin-top: 5.625rem;
    margin-inline: auto;
    padding: 3.75rem 1.5rem 3rem;
    text-align: center;
  }
}
.interact-s-bg .s-bg__panelTitle {
  grid-column: 1;
  grid-row: 1;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 2.4px;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__panelTitle {
    font-size: 1.375rem;
    letter-spacing: 0;
    text-align: center;
  }
}
.interact-s-bg .s-bg__panelText {
  grid-column: 2;
  grid-row: 2;
  max-width: 40.8125rem;
  margin-left: auto;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%;
  letter-spacing: 0.9px;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .interact-s-bg .s-bg__panelText {
    max-width: none;
    margin-top: 2.5rem;
    margin-left: 0;
    letter-spacing: 0;
    text-align: left;
  }
}
@media (prefers-reduced-motion: reduce) {
  .interact-s-bg .s-bg__layer {
    transition: none;
  }
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/@splidejs/splide/dist/css/splide.min.css ***!
  \*************************************************************************************************************************************/
.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}