/*OLD*/
@charset "UTF-8";
.LAbout:where(.astro-2CQARQMY) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-2CQARQMY) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-2CQARQMY) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutTitle:where(.astro-2CQARQMY) {
    margin-right: 9.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .aboutTitle:where(.astro-2CQARQMY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .textWrap:where(.astro-2CQARQMY) {
    margin-inline: 17.75rem;
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textWrap:where(.astro-2CQARQMY) {
    letter-spacing: 0.05em;
    margin-inline: 1.875rem;
    margin-top: 4.21875rem;
  }
}
.catch:where(.astro-2CQARQMY) {
  font-weight: 600;
}
.bAndroid:where(.astro-2CQARQMY) .catch:where(.astro-2CQARQMY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .catch:where(.astro-2CQARQMY) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .catch:where(.astro-2CQARQMY) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-2CQARQMY) {
    width: 49.3125rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    margin-top: 3.125rem;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-2CQARQMY) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LService:where(.astro-INGUNJGK) {
    position: relative;
    margin-top: 13.25rem;
    margin-right: 5.25rem;
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LService:where(.astro-INGUNJGK) {
    margin-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-INGUNJGK) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-inline: 17.75rem 4.375rem;
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-INGUNJGK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-INGUNJGK) .line:last-child {
    margin-top: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-INGUNJGK) .line:last-child {
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .explain:where(.astro-INGUNJGK) {
    width: 32.75rem;
    margin-bottom: 2.75rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.05em;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .explain:where(.astro-INGUNJGK) {
    margin-inline: 1.875rem;
    margin-block: 2.1875rem 2.875rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .LProject:where(.astro-5CJMD5T2) {
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProject:where(.astro-5CJMD5T2) {
    margin-top: 3.8125rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .projectsTitle:where(.astro-5CJMD5T2) {
    margin-right: 9.5rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .projectsTitle:where(.astro-5CJMD5T2) {
    margin-top: 1.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrapper:where(.astro-5CJMD5T2) {
    margin-top: 4.375rem;
    margin-inline: 17.75rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrapper:where(.astro-5CJMD5T2) {
    margin-top: 3.125rem;
    margin-inline: 1.875rem;
  }
}
.linkWrapper:where(.astro-5CJMD5T2) .link:where(.astro-5CJMD5T2) {
  width: max-content;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-EZJVWRRH) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-EZJVWRRH) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-EZJVWRRH) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: 4.25rem;
  }
}



@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-EZJVWRRH) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-EZJVWRRH) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .kv-img:where(.astro-EZJVWRRH) {
    position: relative;
    left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kv-img:where(.astro-EZJVWRRH) {
    width: 23.03125rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: 2.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .LLatestProjects:where(.astro-5YN3ALTJ) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LLatestProjects:where(.astro-5YN3ALTJ) {
    margin-top: 9.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-5YN3ALTJ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-5YN3ALTJ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-5YN3ALTJ) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-5YN3ALTJ) {
    margin-top: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LProjectCategory:where(.astro-P7KDU5A4) {
    margin-top: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjectCategory:where(.astro-P7KDU5A4) {
    margin-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-P7KDU5A4) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-P7KDU5A4) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LPickUp:where(.astro-ADGKTTUY) {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPickUp:where(.astro-ADGKTTUY) {
    margin-top: 8.75rem;
  }
}
@media screen and (min-width: 768px) {
  .section-title:where(.astro-ADGKTTUY) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .section-title:where(.astro-ADGKTTUY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LDocuments:where(.astro-6C27IQLK) {
    margin-block: 14.75rem 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LDocuments:where(.astro-6C27IQLK) {
    margin-block: 8.125rem 5.625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-6C27IQLK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-6C27IQLK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-6C27IQLK) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-6C27IQLK) {
    margin-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-6C27IQLK) {
    width: 18.75rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-6C27IQLK):not(:nth-child(3n)) {
    margin-right: 8.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-6C27IQLK):nth-last-child(n + 4) {
    margin-bottom: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-6C27IQLK):not(:last-child) {
    margin-bottom: 2.6875rem;
  }
}
.head:where(.astro-6C27IQLK) {
  display: flex;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-6C27IQLK) {
    font-size: 1.125rem;
    padding-bottom: 1.625rem;
    margin-bottom: 2.25rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-6C27IQLK) {
    font-size: 0.75rem;
    padding-bottom: 0.8125rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .num:where(.astro-6C27IQLK) {
    margin-right: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-6C27IQLK) {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-6C27IQLK) {
    display: grid;
    grid-template-columns: 8.125rem 1fr;
  }
}
.link:where(.astro-6C27IQLK) .bottom:where(.astro-6C27IQLK) .name:where(.astro-6C27IQLK) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .link:where(.astro-6C27IQLK):hover .thumb:where(.astro-6C27IQLK) img:where(.astro-6C27IQLK) {
  scale: 1.07;
}
[data-whatintent="mouse"]
  .link:where(.astro-6C27IQLK):hover
  .bottom:where(.astro-6C27IQLK)
  .name:where(.astro-6C27IQLK) {
  opacity: 0.5;
}
.thumb:where(.astro-6C27IQLK) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .thumb:where(.astro-6C27IQLK) {
    margin-bottom: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .thumb:where(.astro-6C27IQLK) {
    grid-area: 1/1/2/2;
  }
}
.thumb:where(.astro-6C27IQLK) img:where(.astro-6C27IQLK) {
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.bottom:where(.astro-6C27IQLK) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-6C27IQLK) {
    align-items: center;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-6C27IQLK) {
    grid-area: 1/2/2/3;
    padding-left: 1.6875rem;
  }
}
.name:where(.astro-6C27IQLK) {
  font-weight: 600;
}
.bAndroid:where(.astro-6C27IQLK) .name:where(.astro-6C27IQLK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-6C27IQLK) {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .name:where(.astro-6C27IQLK) {
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 1.5625;
  }
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-6C27IQLK) {
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-JPXRFR25) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-JPXRFR25) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-JPXRFR25) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 7.75rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-JPXRFR25) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-JPXRFR25) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-7HG3Y6AP) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-7HG3Y6AP) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-7HG3Y6AP) {
    margin-bottom: 6.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-7HG3Y6AP) {
    margin-bottom: 4.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .logoWrap:where(.astro-7HG3Y6AP) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoWrap:where(.astro-7HG3Y6AP) {
    margin-inline: 1.875rem;
  }
}
.logoLine:where(.astro-7HG3Y6AP) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-7HG3Y6AP):not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-7HG3Y6AP):nth-child(1) {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-7HG3Y6AP):nth-child(2) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-7HG3Y6AP):nth-child(3) {
    margin-bottom: 3.875rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-7HG3Y6AP):nth-child(4) {
    margin-bottom: 3.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-7HG3Y6AP):nth-child(7) {
    margin-bottom: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-7HG3Y6AP):nth-child(8) {
    margin-bottom: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-7HG3Y6AP):last-child {
    justify-content: start;
  }
  .logoLine:where(.astro-7HG3Y6AP):last-child .logo:where(.astro-7HG3Y6AP):last-child {
    margin-left: 2.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logo:where(.astro-7HG3Y6AP) {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .logo:where(.astro-7HG3Y6AP).-num28 {
    width: 3.5rem;
  }
}
.CAboutMaquee:where(.astro-34WUUWWC) {
  width: 100%;
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .CAboutMaquee:where(.astro-34WUUWWC) {
    top: 12.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CAboutMaquee:where(.astro-34WUUWWC) {
    top: 14.21875rem;
  }
}
.marquee:where(.astro-34WUUWWC) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-34WUUWWC) {
    margin-inline: 12.375rem 5.1875rem;
    height: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-34WUUWWC) {
    width: 100%;
    height: 9.3125rem;
  }
}
.marqueeInner:where(.astro-34WUUWWC) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-34WUUWWC) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-34WUUWWC) {
    padding-right: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenuItem:where(.astro-PTVHKPBB) {
    padding-block: 3.4375rem 3.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenuItem:where(.astro-PTVHKPBB):first-of-type:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #44403f33;
  }
}
.CServiceMenuItem:where(.astro-PTVHKPBB):first-of-type .image:where(.astro-PTVHKPBB) {
  clip-path: inset(0% 0% 0% 0%);
}
.link:where(.astro-PTVHKPBB) {
  display: block;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-PTVHKPBB) {
    opacity: 0.3;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-PTVHKPBB).-active {
    opacity: 1;
  }
}
.image:where(.astro-PTVHKPBB) {
  transition: clip-path 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .image:where(.astro-PTVHKPBB) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-PTVHKPBB) {
    width: 22.125rem;
    height: auto;
    margin-bottom: 2.375rem;
  }
}
.headline:where(.astro-PTVHKPBB) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headline:where(.astro-PTVHKPBB) {
    margin-bottom: 2.75rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headline:where(.astro-PTVHKPBB) {
    font-size: 0.75rem;
    margin-bottom: 1.71875rem;
  }
}
.headline:where(.astro-PTVHKPBB):after {
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
}
@media screen and (max-width: 767.99px) {
  .headline:where(.astro-PTVHKPBB):after {
    margin-left: 0.0625rem;
  }
}
.titleWrap:where(.astro-PTVHKPBB) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .titleWrap:where(.astro-PTVHKPBB) {
    align-items: flex-end;
    margin-bottom: 1.25rem;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrap:where(.astro-PTVHKPBB) {
    align-items: center;
    margin-bottom: 0.5625rem;
  }
}
.title:where(.astro-PTVHKPBB) {
  font-weight: 600;
}
.bAndroid:where(.astro-PTVHKPBB) .title:where(.astro-PTVHKPBB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-PTVHKPBB) {
    font-size: 1.375rem;
    line-height: 1.7272727273;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-PTVHKPBB) {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.line:where(.astro-PTVHKPBB) {
  display: block;
}
.text:where(.astro-PTVHKPBB) {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-PTVHKPBB) {
    font-size: 0.875rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-PTVHKPBB) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.menuName:where(.astro-PTVHKPBB) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .menuName:where(.astro-PTVHKPBB) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .menuName:where(.astro-PTVHKPBB) {
    margin-bottom: 1.9375rem;
  }
}
.menuName-en:where(.astro-PTVHKPBB) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .menuName-en:where(.astro-PTVHKPBB) {
    margin-right: 1.875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .menuName-en:where(.astro-PTVHKPBB) {
    margin-right: 0.9375rem;
    font-size: 1.0625rem;
  }
}
.menuTextBox:where(.astro-PTVHKPBB) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.menuText:where(.astro-PTVHKPBB) {
  font-weight: 600;
}
.bAndroid:where(.astro-PTVHKPBB) .menuText:where(.astro-PTVHKPBB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .menuText:where(.astro-PTVHKPBB) {
    font-size: 1.375rem;
    letter-spacing: 0.08em;
    line-height: 1.7272727273;
  }
}
@media screen and (max-width: 767.99px) {
  .menuText:where(.astro-PTVHKPBB) {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.CServiceMenuList:where(.astro-ZY4CRQNH) {
  counter-reset: number;
  position: relative;
}
@media screen and (min-width: 768px) {
  .CServiceMenuList:where(.astro-ZY4CRQNH) {
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenuList:where(.astro-ZY4CRQNH) {
    margin-inline: 1.875rem;
  }
}
.imageWrap:where(.astro-ZY4CRQNH) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .imageWrap:where(.astro-ZY4CRQNH) {
    width: 50.75rem;
    height: 51.75rem;
  }
}
.imageBackground:where(.astro-ZY4CRQNH) {
  opacity: 0;
}
.imageBackground:where(.astro-ZY4CRQNH):not(:first-child) {
  position: absolute;
  inset: 0;
}
.imageBackground:where(.astro-ZY4CRQNH).-active {
  opacity: 1;
}
.imageSlide:where(.astro-ZY4CRQNH),
.imageSlideBox:where(.astro-ZY4CRQNH) {
  position: absolute;
  inset: 0;
}
.imageSlideBox:where(.astro-ZY4CRQNH) {
  opacity: 0;
}
.imageSlideBox:where(.astro-ZY4CRQNH).-active {
  opacity: 1;
}
.image:where(.astro-ZY4CRQNH) {
  position: relative;
}
.image:where(.astro-ZY4CRQNH):not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.image:where(.astro-ZY4CRQNH).-slide {
  clip-path: inset(0% 100% 0% 0%);
}
.image:where(.astro-ZY4CRQNH).-slide.-show {
  clip-path: inset(0% 0% 0% 0%);
  transition: clip-path 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.menuWrap:where(.astro-ZY4CRQNH) {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .menuWrap:where(.astro-ZY4CRQNH) {
    width: 100%;
    margin-inline: 8.25rem 4.375rem;
    height: 51.75rem;
  }
}
@media screen and (min-width: 768px) {
  .menuWrap:where(.astro-ZY4CRQNH):before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #44403f33;
  }
}
.line:where(.astro-ZY4CRQNH) {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #44403f33;
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-ZY4CRQNH):last-child {
    display: none;
  }
}
.CSolutionMenu:where(.astro-ZAZYV473) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    padding-top: 4.125rem;
    margin-block: 15rem 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    padding-top: 2.1875rem;
    margin-top: 7.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    margin-bottom: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    margin-bottom: 5.625rem;
  }
}
.title-en:where(.astro-ZAZYV473) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-ZAZYV473) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-ZAZYV473) {
    font-size: 1.0625rem;
  }
}
.title-jp:where(.astro-ZAZYV473) {
  font-weight: 400;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-ZAZYV473) {
    font-size: 0.875rem;
    margin-left: 1.875rem;
    vertical-align: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-ZAZYV473) {
    font-size: 0.75rem;
    vertical-align: 0.125rem;
    margin-left: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .bannerList:where(.astro-ZAZYV473) {
    display: flex;
    justify-content:space-between;
    margin-top: 2.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bannerList:where(.astro-ZAZYV473) {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner:where(.astro-ZAZYV473):not(:last-child) {
    margin-bottom: 2px;
  }
}
.link:where(.astro-ZAZYV473) {
  position: relative;
  display: block;
  overflow: hidden;
}
[data-whatintent="mouse"] .link:where(.astro-ZAZYV473):hover .imgBg:where(.astro-ZAZYV473) {
  scale: 1.04;
}
.banner-conts:where(.astro-ZAZYV473) {
  color: #f4f9fd;
}
@media screen and (min-width: 768px) {
  .banner-conts:where(.astro-ZAZYV473) {
    width: 24rem;
    height: 8.75rem;
    padding: 1.625rem 1.375rem 1.625rem 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner-conts:where(.astro-ZAZYV473) {
    width: 22.125rem;
    height: 8.125rem;
    padding: 1.4375rem 0.9375rem 0.9375rem 1.5625rem;
  }
}
.banner-title:where(.astro-ZAZYV473) {
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .banner-title:where(.astro-ZAZYV473) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner-title:where(.astro-ZAZYV473) {
    font-size: 1.0625rem;
  }
}
.banner-titleJp:where(.astro-ZAZYV473) {
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  .banner-titleJp:where(.astro-ZAZYV473) {
    margin-top: 0.9375rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner-titleJp:where(.astro-ZAZYV473) {
    margin-top: 0.75rem;
    font-size: 0.75rem;
  }
}
.imgBg:where(.astro-ZAZYV473) {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.circle:where(.astro-ZAZYV473) {
  margin-left: auto;
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-ZAZYV473) {
    margin-top: 0.5rem;
  }
}
.faq:where(.astro-ZAZYV473) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .faq:where(.astro-ZAZYV473) {
    margin-top: 6.9375rem;
    padding-block: 1.5625rem;
    margin-bottom: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .faq:where(.astro-ZAZYV473) {
    margin-top: 3.75rem;
    padding-block: 1.5625rem;
    margin-bottom: 5.625rem;
  }
}
.faqEn:where(.astro-ZAZYV473) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .faqEn:where(.astro-ZAZYV473) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .faqEn:where(.astro-ZAZYV473) {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .faqJa:where(.astro-ZAZYV473) {
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .faqJa:where(.astro-ZAZYV473) {
    font-size: 0.75rem;
    margin-top: 0.78125rem;
  }
}
@media screen and (min-width: 768px) {
  .CCard:where(.astro-QIIKENHB) {
    width: 22.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCard:where(.astro-QIIKENHB):not(:nth-child(3n)) {
    margin-right: 2.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .CCard:where(.astro-QIIKENHB):nth-last-child(n + 4) {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCard:where(.astro-QIIKENHB):not(:last-child) {
    margin-bottom: 3.125rem;
  }
}
.title:where(.astro-QIIKENHB) {
  font-weight: 600;
}
.bAndroid:where(.astro-QIIKENHB) .title:where(.astro-QIIKENHB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-QIIKENHB) {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-QIIKENHB) {
    margin-bottom: 0.875rem;
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-QIIKENHB) {
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-QIIKENHB) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.tags:where(.astro-QIIKENHB) {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .tags:where(.astro-QIIKENHB) {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tags:where(.astro-QIIKENHB) {
    margin-top: 1.0625rem;
  }
}
.tag:where(.astro-QIIKENHB) {
  background: #eee;
  border: 1px solid #f4f9fd;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-QIIKENHB) {
    padding: 0.625rem 1.25rem;
    border-radius: 1.0625rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-QIIKENHB) {
    padding: 0.4375rem 0.8125rem;
    border-radius: 1.25rem;
    margin-top: 0.3125rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-QIIKENHB):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-QIIKENHB):not(:last-child) {
    margin-right: 0.3125rem;
  }
}
.thumb:where(.astro-QIIKENHB) {
  overflow: hidden;
  aspect-ratio: 3/2;
}
@media screen and (min-width: 768px) {
  .thumb:where(.astro-QIIKENHB) {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .thumb:where(.astro-QIIKENHB) {
    margin-bottom: 1.375rem;
  }
}
.link:where(.astro-QIIKENHB) {
  display: block;
}
.link:where(.astro-QIIKENHB) .title:where(.astro-QIIKENHB),
.link:where(.astro-QIIKENHB) .text:where(.astro-QIIKENHB),
.link:where(.astro-QIIKENHB) .tags:where(.astro-QIIKENHB) {
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .title:where(.astro-QIIKENHB),
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .text:where(.astro-QIIKENHB),
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .tags:where(.astro-QIIKENHB) {
  opacity: 0.5;
}
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .photo:where(.astro-QIIKENHB) {
  scale: 1.05;
}
.photo:where(.astro-QIIKENHB) {
  transition: scale 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CSectionTitle:where(.astro-XLBSRITY) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-XLBSRITY).-projects .title-jp:where(.astro-XLBSRITY) {
    margin-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-XLBSRITY).-projects .title-jp:where(.astro-XLBSRITY) {
    margin-top: 0.9375rem;
  }
}
.inner:where(.astro-XLBSRITY) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.-right:where(.astro-XLBSRITY) .inner:where(.astro-XLBSRITY) {
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .-right:where(.astro-XLBSRITY) .inner:where(.astro-XLBSRITY) {
    margin-right: -0.3125rem;
  }
}
.-center:where(.astro-XLBSRITY) .inner:where(.astro-XLBSRITY) {
  align-items: center;
}
.-center:where(.astro-XLBSRITY) .inner:where(.astro-XLBSRITY) .title-en:where(.astro-XLBSRITY) {
  align-items: center;
}
.-white:where(.astro-XLBSRITY) .inner:where(.astro-XLBSRITY) {
  color: #fff;
}
.title-en:where(.astro-XLBSRITY) {
  display: flex;
  flex-direction: column;
}
.line:where(.astro-XLBSRITY) {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-XLBSRITY) {
    height: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-XLBSRITY) {
    height: 4.125rem;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-XLBSRITY) + .line:where(.astro-XLBSRITY) {
    margin-top: -1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-XLBSRITY) + .line:where(.astro-XLBSRITY) {
    margin-top: -0.6875rem;
  }
}
.-right:where(.astro-XLBSRITY) .line:where(.astro-XLBSRITY) {
  justify-content: flex-end;
}
.chars:where(.astro-XLBSRITY) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .chars:where(.astro-XLBSRITY) {
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chars:where(.astro-XLBSRITY) {
    font-size: 3.75rem;
  }
}
.charWrap:where(.astro-XLBSRITY) {
  overflow: hidden;
}
.char:where(.astro-XLBSRITY) {
  display: inline-block;
  transform: translate(-1em);
}
@media screen and (min-width: 768px) {
  .char:where(.astro-XLBSRITY).-j {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .char:where(.astro-XLBSRITY).-j {
    padding-left: 0.3125rem;
  }
}
.title-jp:where(.astro-XLBSRITY) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-XLBSRITY) .title-jp:where(.astro-XLBSRITY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-XLBSRITY) {
    font-size: 1.125rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-XLBSRITY) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
.LPurpose:where(.astro-BO7C36HQ) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LPurpose:where(.astro-BO7C36HQ) {
    padding-block: 15rem 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPurpose:where(.astro-BO7C36HQ) {
    padding-block: 6.875rem 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-BO7C36HQ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-BO7C36HQ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-BO7C36HQ) {
    margin-top: 6.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-BO7C36HQ) {
    margin-top: 4.03125rem;
  }
}
.link:where(.astro-BO7C36HQ) {
  width: max-content;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-BO7C36HQ) {
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-BO7C36HQ) {
    margin-top: 1.3125rem;
  }
}
.marqueeWrap:where(.astro-BO7C36HQ) {
  width: 100%;
  z-index: -1;
  position: absolute;
  opacity: 0.35;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-BO7C36HQ) {
    top: 22.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeWrap:where(.astro-BO7C36HQ) {
    top: 13.4375rem;
  }
}
.marquee:where(.astro-BO7C36HQ) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-BO7C36HQ) {
    margin-inline: 12.375rem 5.1875rem;
    height: 14rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-BO7C36HQ) {
    width: 100%;
    height: 7.125rem;
  }
}
.marqueeInner:where(.astro-BO7C36HQ) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-BO7C36HQ) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-BO7C36HQ) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LMessage:where(.astro-YERLLDIE) {
    margin-bottom: 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMessage:where(.astro-YERLLDIE) {
    margin-bottom: 10.3125rem;
  }
}
.inner:where(.astro-YERLLDIE) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-YERLLDIE) {
    width: 53.4375rem;
    padding: 5.625rem 5.625rem 0;
    margin-top: -8.125rem;
    margin-left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-YERLLDIE) {
    width: 20.5625rem;
    margin-top: -4.8125rem;
    padding-top: 2.875rem;
    padding-left: 3.0625rem;
  }
}
.headName:where(.astro-YERLLDIE) {
  font-weight: 600;
}
.bAndroid:where(.astro-YERLLDIE) .headName:where(.astro-YERLLDIE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headName:where(.astro-YERLLDIE) {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headName:where(.astro-YERLLDIE) {
    margin-top: 0.5rem;
    font-size: 1.0625rem;
  }
}
.title:where(.astro-YERLLDIE) {
  font-weight: 600;
}
.bAndroid:where(.astro-YERLLDIE) .title:where(.astro-YERLLDIE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-YERLLDIE) {
    font-size: 2.5rem;
    line-height: 1.65;
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-YERLLDIE) {
    font-size: 1.4375rem;
    letter-spacing: 0.05em;
    line-height: 1.5217391304;
    margin-top: 1.71875rem;
  }
}
.link:where(.astro-YERLLDIE) {
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-YERLLDIE) {
    margin-top: 2.25rem;
  }
}
.link:where(.astro-YERLLDIE)._sp {
  margin-top: 2.875rem;
  padding-right: 1.875rem;
}
@media screen and (min-width: 768px) {
  .LTopImage:where(.astro-NCRONSGS) {
    margin-top: 3.625rem;
  }
}
.content:where(.astro-NCRONSGS) {
  position: relative;
}
.image:where(.astro-NCRONSGS) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-NCRONSGS) {
    width: 90.625rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-NCRONSGS) {
    width: 24rem;
    height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .titleWrapper:where(.astro-5RKK4A6Q) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15rem 10.9375rem 3.75rem 17.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrapper:where(.astro-5RKK4A6Q) {
    padding: 6.875rem 1.8125rem 3.125rem;
  }
}
.titleWrapper:where(.astro-5RKK4A6Q) .text:where(.astro-5RKK4A6Q) {
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .titleWrapper:where(.astro-5RKK4A6Q) .text:where(.astro-5RKK4A6Q) {
    margin-block: 5.75rem 0;
    width: 31.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrapper:where(.astro-5RKK4A6Q) .text:where(.astro-5RKK4A6Q) {
    margin-top: 2.78125rem;
  }
}
.LVisualIdentitiyConts:where(.astro-BIWUN24U) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 150vh;
}
.inner:where(.astro-BIWUN24U) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-BIWUN24U) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-BIWUN24U) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-BIWUN24U) {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BIWUN24U) {
    margin-bottom: 2.5rem;
  }
}
.text:where(.astro-BIWUN24U) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-BIWUN24U) {
    width: 31.25rem;
    margin-bottom: 3rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-BIWUN24U) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.05em;
  }
}
.LVisualIdentitiyLogo:where(.astro-74XQN4GD) {
  position: relative;
  height: 100vh;
}
.logo:where(.astro-74XQN4GD) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  color: #fff;
}
.link:where(.astro-74XQN4GD) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-74XQN4GD) {
    right: 9.375rem;
    bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-74XQN4GD) {
    bottom: 5rem;
    left: 50%;
    translate: -50%;
    white-space: nowrap;
  }
}
.LVisualIdentitiy:where(.astro-LDO4ZW7J) {
  position: relative;
  height: 250vh;
  margin-bottom: 50vh;
}
.inner:where(.astro-LDO4ZW7J) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.background:where(.astro-LDO4ZW7J) {
  position: fixed;
  top: 100vh;
  z-index: 2;
  width: 100%;
  height: 200vh;
}
.image:where(.astro-LDO4ZW7J) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-U76Y242U) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-U76Y242U) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-U76Y242U) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 7.75rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-U76Y242U) {
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-U76Y242U) {
    margin-bottom: 0.25rem;
  }
}
.cBreadList:where(.astro-2YKHP2OW) {
  display: flex;
  justify-content: end;
  margin-left: auto;
}
.item:where(.astro-2YKHP2OW) {
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  position: relative;
  color: #44403f80;
}
.item:where(.astro-2YKHP2OW) + .item:where(.astro-2YKHP2OW) {
  margin-left: 1.375rem;
  display: flex;
  align-items: center;
}
.item:where(.astro-2YKHP2OW):last-child {
  color: #44403f;
}
.arrow:where(.astro-2YKHP2OW) {
  display: block;
  position: absolute;
  top: 50%;
  left: -0.84375rem;
  transform: translateY(-50%);
}
.link:where(.astro-2YKHP2OW) {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 9.375rem;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  height: 1.2em;
  letter-spacing: 0.09em;
}
[data-whatintent="mouse"] .link:where(.astro-2YKHP2OW):hover {
  opacity: 0.6;
}
@media screen and (min-width: 768px) {
  .LSectionHead:where(.astro-FSPNRIFE) {
    display: flex;
    justify-content: space-between;
  }
}
.title:where(.astro-FSPNRIFE) {
  font-weight: 600;
  flex-shrink: 0;
}
.bAndroid:where(.astro-FSPNRIFE) .title:where(.astro-FSPNRIFE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-FSPNRIFE) {
    font-size: 2.5rem;
    line-height: 1.65;
    width: 36.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-FSPNRIFE) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-FSPNRIFE) {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 2;
    width: 31.5rem;
    padding-top: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-FSPNRIFE) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
ol,
dl,
dd,
th,
td,
hr,
iframe,
fieldset,
legend,
button,
input,
textarea,
select,
option {
  margin: 0;
  padding: 0;
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small,
strong,
sub,
sup,
th {
  font-size: inherit;
  font-weight: inherit;
}
address,
em,
var,
cite,
dfn {
  font-style: normal;
}
caption,
th {
  text-align: left;
}
a,
ins,
abbr[title] {
  text-decoration: none;
}
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  line-height: 1;
}
ul,
ol {
  list-style-type: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: inherit;
}
q:before,
q:after {
  content: none;
}
sub,
sup {
  vertical-align: baseline;
}
mark {
  background: none;
  color: inherit;
}
svg {
  overflow: visible;
}
button,
input,
textarea,
select {
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
select {
  border-radius: 0;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
a,
label,
select,
button,
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
button {
  outline: none;
}
[data-whatinput="keyboard"] button:focus {
  outline: auto;
}
::selection {
  background: rgba(68, 64, 63, 0.2);
}
@keyframes rotateAnim {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes arrow-icon-move {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(calc(50% + 1.25rem));
  }
  50.001% {
    transform: translate(calc(-50% - 1.25rem));
  }
  to {
    transform: translate(0);
  }
}
:root {
  --vh: 1vh;
  --sbh: 0px;
  --scroll-bar-width: 0px;
}
html {
  overflow-y: scroll;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  html {
    font-size: calc(0.01 * (100vw - var(--scroll-bar-width)));
  }
}
@media screen and (max-width: 767.99px) {
  html {
    font-size: 3.8647342995vw;
    min-height: calc(var(--vh) * 100);
  }
}
html.bMobile {
  overflow-y: visible;
}
html.sWait {
  cursor: wait;
}
html.-full {
  overflow: hidden;
  height: 100%;
}
html.wf-active {
  visibility: visible;
}
body {
  position: relative;
  min-height: 100%;
  color: #44403f;
  background-color: #e9e9e9;
  font-family: Noto Sans JP, YuGothic, \6e38\30b4\30b7\30c3\30af, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo,
    sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  body {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  body {
    font-size: 0.8125rem;
  }
}
html.-full body {
  height: 100%;
}
@media screen and (max-width: 767.99px) {
  ._pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  ._sp {
    display: none !important;
  }
}
.CTextSlide:where(.astro-GKSQKESB) {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .CTextSlide:where(.astro-GKSQKESB) {
    padding: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CTextSlide:where(.astro-GKSQKESB) {
    padding: 0.09375rem;
  }
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  letter-spacing: 0.08em;
  overflow: hidden;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .charWrap {
  display: inline-block;
  overflow: hidden;
  height: 1.225rem;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .charWrap.-adj {
  margin-left: -0.1em;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .charWrap.-adj .char {
  padding-left: 0.1em;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .char {
  display: inline-block;
  min-width: 0.3em;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after {
  font-size: 0.875rem;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after {
    margin-top: -0.1875rem;
  }
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after .char {
  transform: translate(-120%);
}
.CHeaderMenu:where(.astro-OT243KXS) {
  position: absolute;
  top: 4.8125rem;
  left: 50%;
  z-index: 2;
  transform: translate(-50%);
}
@media screen and (max-width: 767.99px) {
  .CHeaderMenu:where(.astro-OT243KXS) {
    display: none;
  }
}
.list:where(.astro-OT243KXS) {
  position: relative;
  display: flex;
  justify-content: center;
}
.item:where(.astro-OT243KXS):not(:last-child) {
  margin-right: 2rem;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .logo:where(.astro-YSSZC5F4),
  .CFixedItems.-isModalOpen .logo:where(.astro-YSSZC5F4) {
    translate: -1.625rem 0;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .logo:where(.astro-YSSZC5F4) .svg:where(.astro-YSSZC5F4),
  .CFixedItems.-isModalOpen .logo:where(.astro-YSSZC5F4) .svg:where(.astro-YSSZC5F4) {
    width: 6.5625rem;
  }
}
.CFixedItems.-isWhite .logo:where(.astro-YSSZC5F4) {
  color: #fff;
}
.CFixedItems.-isModalOpen .logo:where(.astro-YSSZC5F4) {
  color: #44403f;
}
.logo:where(.astro-YSSZC5F4) {
  position: fixed;
  z-index: 1300;
  transition: translate 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .logo:where(.astro-YSSZC5F4) {
    top: 3.75rem;
    left: 4.375rem;
	display: flex;
	align-items: center;
  }
}
@media screen and (max-width: 767.99px) {
  .logo:where(.astro-YSSZC5F4) {
    top: 1.15625rem;
    left: 1.25rem;
  }
}
.logo:where(.astro-YSSZC5F4).-hide {
  opacity: 0;
}
.logo:where(.astro-YSSZC5F4) .svg:where(.astro-YSSZC5F4) {
  transition: width 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: width, color;
}
.CMenu:where(.astro-2PVHITZ6) {
  position: fixed;
  inset: 0;
  z-index: 1100;
}
.CMenu:where(.astro-2PVHITZ6).-open .bg:where(.astro-2PVHITZ6),
.CMenu:where(.astro-2PVHITZ6).-open .contents:where(.astro-2PVHITZ6) {
  transition-delay: 0s;
}
.CMenu:where(.astro-2PVHITZ6).-open .contents:where(.astro-2PVHITZ6) {
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  .CMenu:where(.astro-2PVHITZ6).-open .contents-in:where(.astro-2PVHITZ6) {
    translate: 0 0;
  }
}
.CMenu:where(.astro-2PVHITZ6).-open .bg:where(.astro-2PVHITZ6) {
  scale: 1 1;
}
.CMenu:where(.astro-2PVHITZ6).-open .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  scale: 1 1;
  transition-delay: 0.55s;
}
.CMenu:where(.astro-2PVHITZ6).-open .foot:where(.astro-2PVHITZ6) {
  transition-delay: 0.7s;
}
.CMenu:where(.astro-2PVHITZ6).-open .foot:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  scale: 1 1;
  transition-delay: 0.55s;
}
@media screen and (min-width: 768px) {
  .CMenu:where(.astro-2PVHITZ6).-open .overlay:where(.astro-2PVHITZ6) {
    animation: overlayOpenPc 0.9s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .CMenu:where(.astro-2PVHITZ6).-open .overlay:where(.astro-2PVHITZ6) {
    animation: overlayOpenSp 0.9s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
.CMenu:where(.astro-2PVHITZ6).-close .bg:where(.astro-2PVHITZ6),
.CMenu:where(.astro-2PVHITZ6).-close .contents:where(.astro-2PVHITZ6) {
  transition-delay: 0s;
}
@media screen and (min-width: 768px) {
  .CMenu:where(.astro-2PVHITZ6).-close .overlay:where(.astro-2PVHITZ6) {
    animation: overlayClosePc 0.8s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .CMenu:where(.astro-2PVHITZ6).-close .overlay:where(.astro-2PVHITZ6) {
    animation: overlayCloseSp 0.8s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@keyframes overlayOpenPc {
  0% {
    scale: 0 1;
    translate: 0 0;
  }
  70% {
    scale: 0.5 1;
  }
  to {
    scale: 0 1;
    translate: 100% 0;
  }
}
@keyframes overlayClosePc {
  0% {
    scale: 0 1;
    translate: 100% 0;
  }
  30% {
    scale: 0.5 1;
  }
  to {
    scale: 0 1;
    translate: 0 0;
  }
}
@keyframes overlayOpenSp {
  0% {
    scale: 1 0;
    translate: 0 0;
  }
  70% {
    scale: 1 0.5;
  }
  to {
    scale: 1 1;
    translate: 0 100%;
  }
}
@keyframes overlayCloseSp {
  0% {
    scale: 1 1;
    translate: 0 100%;
  }
  30% {
    scale: 1 0.5;
  }
  to {
    scale: 1 0;
    translate: 0 0;
  }
}
.bg:where(.astro-2PVHITZ6) {
  position: absolute;
  top: 0;
  background-color: #e9e9e9;
  transition: scale 0.8s 0.8s cubic-bezier(0.83, 0, 0.17, 1);
}
@media screen and (min-width: 768px) {
  .bg:where(.astro-2PVHITZ6) {
    left: 0;
    bottom: 0;
    width: 12.375rem;
    scale: 0 1;
    transform-origin: left;
  }
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-2PVHITZ6) {
    width: 100%;
    height: 4.875rem;
    scale: 1 0;
    transform-origin: top;
  }
}
.overlay:where(.astro-2PVHITZ6) {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-color: #cfcfcf;
  translate: 0 0;
}
@media screen and (min-width: 768px) {
  .overlay:where(.astro-2PVHITZ6) {
    left: 12.25rem;
    width: calc(100vw - 12.25rem);
    scale: 0 1;
    transform-origin: left;
  }
}
@media screen and (max-width: 767.99px) {
  .overlay:where(.astro-2PVHITZ6) {
    top: 4.875rem;
    width: 100%;
    height: calc(var(--vh) * 100 - 4.875rem);
    scale: 1 0;
    transform-origin: top;
  }
}
.contentsWrap:where(.astro-2PVHITZ6) {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767.99px) {
  .contentsWrap:where(.astro-2PVHITZ6) {
    height: calc(var(--vh) * 100);
  }
}
.contents:where(.astro-2PVHITZ6) {
  background-color: #e9e9e9;
  transition: clip-path 0.8s 0.8s cubic-bezier(0.83, 0, 0.17, 1);
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-2PVHITZ6) {
    position: relative;
    min-height: calc(var(--vh) * 100);
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-inline: 12.1875rem 0;
    clip-path: inset(0 100% 0 0);
  }
}
@media screen and (max-width: 767.99px) {
  .contents:where(.astro-2PVHITZ6) {
    position: absolute;
    top: 4.875rem;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll;
    clip-path: inset(0 0 100% 0);
  }
}
@media screen and (min-width: 768px) {
  .contents-in:where(.astro-2PVHITZ6) {
    transition: translate 0.5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    translate: -2.5rem 0;
    width: 56.4375rem;
    margin-left: 13.75rem;
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .contents-in:where(.astro-2PVHITZ6) {
    padding: 2.5rem 3.125rem 10.78125rem;
  }
}
@media screen and (min-width: 768px) {
  .listWrap:where(.astro-2PVHITZ6) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .listWrap:where(.astro-2PVHITZ6) {
    margin-bottom: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6):not(:last-child) {
    margin-bottom: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6) {
    width: 23.25rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6):not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6):not(:last-child) {
    margin-bottom: 0.4375rem;
  }
}
.list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6).-current .link:where(.astro-2PVHITZ6) {
  color: #44403f66;
}
.list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    padding: 0.875rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    padding: 0.46875rem 0;
  }
}
[data-whatintent="mouse"] .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):hover {
  color: #44403f66;
}
.list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #44403f1a;
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: transform;
}
.list:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    font-size: 2.5rem;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    font-size: 1.875rem;
  }
}
.list:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 600;
}
.bAndroid:where(.astro-2PVHITZ6) .list:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 768px) {
  .child-list:where(.astro-2PVHITZ6) {
    margin-top: 2.375rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .child-list:where(.astro-2PVHITZ6) {
    margin-top: 1.875rem;
    padding-bottom: 1.3125rem;
  }
}
.child-item:where(.astro-2PVHITZ6):not(:last-child) {
  margin-bottom: 0.75rem;
}
.child-link:where(.astro-2PVHITZ6) {
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
.bAndroid:where(.astro-2PVHITZ6) .child-link:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .child-link:where(.astro-2PVHITZ6) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .child-link:where(.astro-2PVHITZ6) {
    padding-left: 0.4375rem;
  }
}
.child-link:where(.astro-2PVHITZ6):before {
  content: "-";
}
@media screen and (min-width: 768px) {
  .child-link:where(.astro-2PVHITZ6):before {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .child-link:where(.astro-2PVHITZ6):before {
    margin-right: 0.75rem;
  }
}
[data-whatintent="mouse"] .child-link:where(.astro-2PVHITZ6):hover {
  color: #44403f66;
}
.foot:where(.astro-2PVHITZ6) {
  display: flex;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .foot:where(.astro-2PVHITZ6) {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.99px) {
  .foot:where(.astro-2PVHITZ6) {
    flex-direction: column-reverse;
  }
}
.value-in:where(.astro-2PVHITZ6) {
  display: flex;
}
.value-title:where(.astro-2PVHITZ6) {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(68, 64, 63, 0.1);
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .value-title:where(.astro-2PVHITZ6) {
    padding-right: 1.4375rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .value-title:where(.astro-2PVHITZ6) {
    padding-right: 1.5625rem;
    letter-spacing: 0.092em;
  }
}
.value-conts:where(.astro-2PVHITZ6) {
  display: none;
}
@media screen and (min-width: 768px) {
  .value-conts:where(.astro-2PVHITZ6) {
    padding-left: 1.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .value-conts:where(.astro-2PVHITZ6) {
    padding-left: 1.5625rem;
  }
}
.value-conts:where(.astro-2PVHITZ6).-show {
  display: block;
}
.value-ja:where(.astro-2PVHITZ6) {
  font-weight: 600;
}
.bAndroid:where(.astro-2PVHITZ6) .value-ja:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .value-ja:where(.astro-2PVHITZ6) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .value-ja:where(.astro-2PVHITZ6) {
    margin-bottom: 1.03125rem;
  }
}
.value-en:where(.astro-2PVHITZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .value-en:where(.astro-2PVHITZ6) {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .value-en:where(.astro-2PVHITZ6) {
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) {
  .download:where(.astro-2PVHITZ6) {
    width: 23.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) {
    margin-bottom: 4.375rem;
  }
}
.download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
  position: relative;
  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    display: inline-block;
    padding-right: 1.25rem;
    padding-bottom: 1.125rem;
  }
}
[data-whatintent="mouse"] .download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):hover {
  color: #44403f66;
}
.download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #44403f1a;
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.download:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .download:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    margin-bottom: 0.6875rem;
    font-size: 1.25rem;
    letter-spacing: 0.04em;
  }
}
.download:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-2PVHITZ6) .download:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
    margin-bottom: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CMenuTrigger:where(.astro-ZBRC6VKM),
  .CFixedItems.-isModalOpen .CMenuTrigger:where(.astro-ZBRC6VKM) {
    translate: -1.625rem -50%;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .icon:where(.astro-ZBRC6VKM),
  .CFixedItems.-isModalOpen .icon:where(.astro-ZBRC6VKM) {
    width: 4.875rem;
    height: 4.875rem;
  }
}
.CFixedItems.-isWhite .line:where(.astro-ZBRC6VKM) {
  background-color: #fff;
}
.CFixedItems.-isWhite .circle:where(.astro-ZBRC6VKM) {
  stroke: #fff6;
}
.CFixedItems.-isModalOpen .line:where(.astro-ZBRC6VKM) {
  background-color: #44403f;
}
.CFixedItems.-isModalOpen .circle:where(.astro-ZBRC6VKM) {
  stroke: #44403f1a;
}
.CMenuTrigger:where(.astro-ZBRC6VKM) {
  position: fixed;
  z-index: 1400;
  transition: translate 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .CMenuTrigger:where(.astro-ZBRC6VKM) {
    top: 50vh;
    left: 5.375rem;
    translate: 0 -50%;
  }
}
@media screen and (max-width: 767.99px) {
  .CMenuTrigger:where(.astro-ZBRC6VKM) {
    top: 1.09375rem;
    left: 50%;
    translate: -50% 0;
  }
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-hide {
  opacity: 0;
}
[data-whatintent="mouse"] .CMenuTrigger:where(.astro-ZBRC6VKM):hover .svg:where(.astro-ZBRC6VKM) {
  scale: 1.2;
}
[data-whatintent="mouse"] .CMenuTrigger:where(.astro-ZBRC6VKM):hover .circle:where(.astro-ZBRC6VKM) {
  rotate: -180deg;
  stroke-dasharray: 0 314;
  transition: stroke-dasharray 0.5s cubic-bezier(0.33, 1, 0.68, 1), rotate 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
[data-whatintent="mouse"] .CMenuTrigger:where(.astro-ZBRC6VKM):hover:not(:is(.-open)) .line:where(.astro-ZBRC6VKM) {
  scale: 0.85 0.5;
}
[data-whatintent="mouse"]
  .CMenuTrigger:where(.astro-ZBRC6VKM):hover:not(:is(.-open))
  .line:where(.astro-ZBRC6VKM).-first {
  translate: 0 -1px;
}
[data-whatintent="mouse"]
  .CMenuTrigger:where(.astro-ZBRC6VKM):hover:not(:is(.-open))
  .line:where(.astro-ZBRC6VKM).-second {
  translate: 0 1px;
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-open .line:where(.astro-ZBRC6VKM).-first {
  rotate: 30deg;
}
@media screen and (min-width: 768px) {
  .CMenuTrigger:where(.astro-ZBRC6VKM).-open .line:where(.astro-ZBRC6VKM).-first {
    translate: 0 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CMenuTrigger:where(.astro-ZBRC6VKM).-open .line:where(.astro-ZBRC6VKM).-first {
    translate: 0 0.0625rem;
  }
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-open .line:where(.astro-ZBRC6VKM).-second {
  rotate: -30deg;
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-open .line:where(.astro-ZBRC6VKM) + .line:where(.astro-ZBRC6VKM) {
  margin-top: 0;
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-invert:not(.-open) .border:where(.astro-ZBRC6VKM) {
  border: 1px solid rgba(233, 233, 233, 0.1);
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-invert:not(.-open) .line:where(.astro-ZBRC6VKM) {
  background-color: #fff;
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-invert:not(.-open) .circle:where(.astro-ZBRC6VKM) {
  stroke: #e9e9e91a;
}
.CMenuTrigger:where(.astro-ZBRC6VKM).-invert.-open .circle:where(.astro-ZBRC6VKM) {
  stroke: #44403f33;
}
.text:where(.astro-ZBRC6VKM) {
  display: none;
}
.icon:where(.astro-ZBRC6VKM) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: width, height;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-ZBRC6VKM) {
    width: 5.25rem;
    height: 5.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-ZBRC6VKM) {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.svg:where(.astro-ZBRC6VKM) {
  position: absolute;
  inset: 0;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.circle:where(.astro-ZBRC6VKM) {
  fill: none;
  stroke: #44403f1a;
  stroke-dashoffset: 0;
  stroke-dasharray: 314 314;
  transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: stroke, stroke-dasharray, rotate;
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  .circle:where(.astro-ZBRC6VKM) {
    stroke-width: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-ZBRC6VKM) {
    stroke-width: 3;
  }
}
.line:where(.astro-ZBRC6VKM) {
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: translate, rotate, margin, background-color, scale, height;
  background-color: #44403f;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-ZBRC6VKM) {
    width: 2.25rem;
    height: 2px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .line:where(.astro-ZBRC6VKM) {
    height: 1px;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-ZBRC6VKM) {
    width: 1.09375rem;
    height: 1px;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-ZBRC6VKM) + .line:where(.astro-ZBRC6VKM) {
    margin-top: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-ZBRC6VKM) + .line:where(.astro-ZBRC6VKM) {
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .bg:where(.astro-PZQCQSXJ),
  .CFixedItems.-isModalOpen .bg:where(.astro-PZQCQSXJ) {
    width: 5.125rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .link:where(.astro-PZQCQSXJ).-horizon,
  .CFixedItems.-isModalOpen .link:where(.astro-PZQCQSXJ).-horizon {
    opacity: 0;
    translate: 0 0.625rem;
    pointer-events: none;
  }
}
.CFixedItems.-isShrink .link:where(.astro-PZQCQSXJ).-vertical,
.CFixedItems.-isModalOpen .link:where(.astro-PZQCQSXJ).-vertical {
  opacity: 1;
  translate: 0 0;
  pointer-events: auto;
}
[data-whatintent="mouse"]
  .CFixedItems.-isShrink
  .link:where(.astro-PZQCQSXJ).-vertical:hover
  .text:where(.astro-PZQCQSXJ),
[data-whatintent="mouse"]
  .CFixedItems.-isModalOpen
  .link:where(.astro-PZQCQSXJ).-vertical:hover
  .text:where(.astro-PZQCQSXJ) {
  translate: 0 0.1875rem;
  border-bottom-color: transparent;
}
.CFixedItems.-isShrink .CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ),
.CFixedItems.-isModalOpen .CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
  opacity: 1;
  translate: 0 0;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CContact:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ),
  .CFixedItems.-isModalOpen .CContact:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
    opacity: 0;
    translate: 0 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CContact:where(.astro-PZQCQSXJ) :nth-child(2 of .link):where(.astro-PZQCQSXJ),
  .CFixedItems.-isModalOpen .CContact:where(.astro-PZQCQSXJ) :nth-child(2 of .link):where(.astro-PZQCQSXJ) {
    translate: 0 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CContact:where(.astro-PZQCQSXJ):after,
  .CFixedItems.-isModalOpen .CContact:where(.astro-PZQCQSXJ):after {
    opacity: 0;
    translate: 0 0.25rem;
  }
}
.CFixedItems.-isWhite .text:where(.astro-PZQCQSXJ) {
  color: #fff;
  border-color: #fff6;
}
.CFixedItems.-isWhite .line:where(.astro-PZQCQSXJ) {
  background: rgba(255, 255, 255, 0.4);
}
.CFixedItems.-isModalOpen .text:where(.astro-PZQCQSXJ) {
  color: #44403f;
  border-color: #44403f1a;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  + .bg:where(.astro-PZQCQSXJ) {
  scale: 1 10;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .text:where(.astro-PZQCQSXJ) {
  translate: 0 0.375rem;
  color: #fff;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .num:where(.astro-PZQCQSXJ) {
  translate: 0 0.375rem;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .num-text:where(.astro-PZQCQSXJ) {
  color: #bd991e;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .num-bg:where(.astro-PZQCQSXJ) {
  background-color: #fff;
}
.CContact:where(.astro-PZQCQSXJ) {
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1700;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .CContact:where(.astro-PZQCQSXJ) {
    width: 16.4375rem;
    height: 12.5rem;
    padding-top: 1.75rem;
    padding-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CContact:where(.astro-PZQCQSXJ) {
    width: 7.0625rem;
    height: 4.875rem;
    padding-top: 0.59375rem;
  }
}
@media screen and (min-width: 768px) {
  .CContact:where(.astro-PZQCQSXJ):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(68, 64, 63, 0.1);
    transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: opacity, translate;
  }
}
.CContact:where(.astro-PZQCQSXJ).-hide {
  opacity: 0;
}
.bg:where(.astro-PZQCQSXJ) {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #bd991e;
  height: 100%;
  transform-origin: top left;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: scale, width;
}
@media screen and (min-width: 768px) {
  .bg:where(.astro-PZQCQSXJ) {
    bottom: 0;
    width: 16.4375rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-PZQCQSXJ) {
    width: 100%;
    height: 0.34375rem;
  }
}
.link:where(.astro-PZQCQSXJ) {
  pointer-events: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), translate 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-PZQCQSXJ) {
    position: relative;
    padding: 0.5rem;
  }
}
.link:where(.astro-PZQCQSXJ).-hide {
  opacity: 0;
}
.line:where(.astro-PZQCQSXJ) {
  height: 1px;
  background: rgba(68, 64, 63, 0.1);
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-PZQCQSXJ) {
    width: 10rem;
    margin-block: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-PZQCQSXJ) {
    width: 3.6875rem;
    margin-block: 0.59375rem;
  }
}
.text:where(.astro-PZQCQSXJ) {
  position: relative;
  z-index: 2;
  letter-spacing: 0.03em;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate, color, border-color;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-PZQCQSXJ) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-PZQCQSXJ) {
    font-size: 0.75rem;
  }
}
.text:where(.astro-PZQCQSXJ).-hide {
  opacity: 0;
}
.num:where(.astro-PZQCQSXJ) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate, color, background-color;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-PZQCQSXJ) {
    width: 1.5625rem;
    height: 1.5625rem;
    padding-right: 0.0625rem;
    margin-left: 0.375rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-PZQCQSXJ) {
    width: 1.0625rem;
    height: 1.0625rem;
    padding-right: 0.03125rem;
    margin-left: 0.25rem;
    font-size: 0.5625rem;
  }
}
.num-text:where(.astro-PZQCQSXJ) {
  position: relative;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767.99px) {
  .num-text:where(.astro-PZQCQSXJ) {
    scale: 0.9;
  }
}
.num-bg:where(.astro-PZQCQSXJ) {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #bd991e;
}
.num:where(.astro-PZQCQSXJ).-anim .num-bg:where(.astro-PZQCQSXJ).-before {
  animation: notificationBefore 1.4s 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.num:where(.astro-PZQCQSXJ).-anim .num-bg:where(.astro-PZQCQSXJ).-after {
  animation: notificationAfter 1.4s 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
@keyframes notificationBefore {
  0% {
    opacity: 1;
    scale: 1;
  }
  40% {
    opacity: 0;
    scale: 1.2;
  }
  41% {
    opacity: 1;
    scale: 1;
  }
  80% {
    opacity: 0;
    scale: 1.2;
  }
  81% {
    opacity: 0;
    scale: 1.2;
  }
  to {
    opacity: 0;
    scale: 0.85;
  }
}
@keyframes notificationAfter {
  0% {
    opacity: 1;
    scale: 1;
  }
  20% {
    opacity: 0.5;
    scale: 0.85;
  }
  40% {
    opacity: 1;
    scale: 1;
  }
  60% {
    opacity: 0.5;
    scale: 0.85;
  }
  80% {
    opacity: 1;
    scale: 1;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ) {
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1700;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .CContactVertical:where(.astro-PZQCQSXJ) {
    width: 5.125rem;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ):before,
.CContactVertical:where(.astro-PZQCQSXJ):after {
  content: "";
}
.CContactVertical:where(.astro-PZQCQSXJ) .link:where(.astro-PZQCQSXJ) {
  z-index: 1700;
}
@media screen and (min-width: 768px) {
  .CContactVertical:where(.astro-PZQCQSXJ) .link:where(.astro-PZQCQSXJ) {
    rotate: 90deg;
    opacity: 0;
    translate: -0.625rem 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 767.99px) {
  .CContactVertical:where(.astro-PZQCQSXJ) .link:where(.astro-PZQCQSXJ) {
    left: auto;
    bottom: auto;
    width: 6.125rem;
    height: 4.875rem;
    pointer-events: auto;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
    width: 1.375rem;
    translate: -0.5rem 0;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ) .text:where(.astro-PZQCQSXJ) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.CFixedItems.-isShrink .CKvScroll:where(.astro-ZC6ZCV6K),
.CFixedItems.-isModalOpen .CKvScroll:where(.astro-ZC6ZCV6K) {
  pointer-events: none !important;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CKvScroll:where(.astro-ZC6ZCV6K),
  .CFixedItems.-isModalOpen .CKvScroll:where(.astro-ZC6ZCV6K) {
    translate: -1.5rem 0;
  }
}
.CFixedItems.-isWhite .text:where(.astro-ZC6ZCV6K) {
  color: #fff;
}
.CFixedItems.-isModalOpen .text:where(.astro-ZC6ZCV6K) {
  color: #44403f;
}
.CKvScroll:where(.astro-ZC6ZCV6K) {
  position: fixed;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: translate, opacity;
}
@media screen and (min-width: 768px) {
  .CKvScroll:where(.astro-ZC6ZCV6K) {
    left: 6.8125rem;
    bottom: 3rem;
    width: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKvScroll:where(.astro-ZC6ZCV6K) {
    left: 1.40625rem;
    bottom: 5.6875rem;
    width: 0.8125rem;
  }
}
[data-whatintent="mouse"]
  .CKvScroll:where(.astro-ZC6ZCV6K):hover
  .icon:where(.astro-ZC6ZCV6K)
  .circle:where(.astro-ZC6ZCV6K) {
  scale: 3;
}
[data-whatintent="mouse"]
  .CKvScroll:where(.astro-ZC6ZCV6K):hover
  .icon:where(.astro-ZC6ZCV6K)
  .arrow:where(.astro-ZC6ZCV6K).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"]
  .CKvScroll:where(.astro-ZC6ZCV6K):hover
  .icon:where(.astro-ZC6ZCV6K)
  .arrow:where(.astro-ZC6ZCV6K).after {
  opacity: 0;
  translate: 0 125%;
}
.CKvScroll:where(.astro-ZC6ZCV6K).-hide {
  opacity: 0;
}
.text:where(.astro-ZC6ZCV6K) {
  z-index: 11;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color;
  transform: translateZ(1px);
}
@media screen and (min-width: 768px) {
  .text:where(.astro-ZC6ZCV6K) {
    font-size: 0.75rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-ZC6ZCV6K) {
    font-size: 0.5625rem;
    line-height: 0.8125rem;
  }
}
.icon:where(.astro-ZC6ZCV6K) {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: translate, opacity;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-ZC6ZCV6K) {
    width: 1.625rem;
    height: 1.625rem;
    margin-top: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-ZC6ZCV6K) {
    width: 0.8125rem;
    height: 0.8125rem;
    margin-top: 0.3125rem;
  }
}
.icon:where(.astro-ZC6ZCV6K).-hide {
  opacity: 0 !important;
}
.circle:where(.astro-ZC6ZCV6K) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  transition: scale 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transform: translate(0);
}
@media screen and (min-width: 768px) {
  .circle:where(.astro-ZC6ZCV6K) {
    will-change: scale;
  }
}
.arrow:where(.astro-ZC6ZCV6K) {
  position: absolute;
  z-index: 10;
  transition: 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.arrow:where(.astro-ZC6ZCV6K).before {
  opacity: 0;
  translate: 0 -125%;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .line:where(.astro-WUHOYXT7).-left,
  .CFixedItems.-isModalOpen .line:where(.astro-WUHOYXT7).-left {
    translate: -4.25rem 0;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .line:where(.astro-WUHOYXT7).-right,
  .CFixedItems.-isModalOpen .line:where(.astro-WUHOYXT7).-right {
    translate: 11.3125rem 0;
  }
}
.CFixedItems.-isWhite .line:where(.astro-WUHOYXT7) {
  background-color: #fff6;
}
.CFixedItems.-isModalOpen .line:where(.astro-WUHOYXT7) {
  background-color: #44403f1a;
}
.line:where(.astro-WUHOYXT7) {
  position: fixed;
  z-index: 1500;
  background-color: #44403f1a;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate, background-color;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WUHOYXT7) {
    top: 0;
    bottom: 0;
    width: 1px;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WUHOYXT7).-left {
    left: 16.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-WUHOYXT7).-left {
    top: 4.90625rem;
    left: 0;
    right: 0;
    height: 1px;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WUHOYXT7).-right {
    right: 16.4375rem;
  }
}
.line:where(.astro-WUHOYXT7).-hide {
  opacity: 0;
}
.CCookieConsent:where(.astro-WM4XKLXR) {
  position: fixed;
  z-index: 1800;
  background: #fff;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .CCookieConsent:where(.astro-WM4XKLXR) {
    right: 1.75rem;
    bottom: 1.75rem;
    width: 23.9375rem;
    padding: 1.375rem 1.75rem 1.625rem;
    box-shadow: 0 0 2.6875rem #00000024;
  }
}
@media screen and (max-width: 767.99px) {
  .CCookieConsent:where(.astro-WM4XKLXR) {
    left: 50%;
    bottom: 0.875rem;
    translate: -50% 0;
    width: 20.34375rem;
    padding: 1.3125rem 1.4375rem 1.375rem;
    box-shadow: 0 0 1.34375rem #00000024;
  }
}
.CCookieConsent:where(.astro-WM4XKLXR).-hide {
  opacity: 0;
  pointer-events: none;
}
.text:where(.astro-WM4XKLXR) {
  color: #454040;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-WM4XKLXR) {
    margin-bottom: 1.375rem;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-WM4XKLXR) {
    margin-bottom: 0.875rem;
    font-size: 0.75rem;
    line-height: 1.5833333333;
  }
}
.link:where(.astro-WM4XKLXR) {
  text-decoration: underline;
  color: #454040;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .link:where(.astro-WM4XKLXR):hover {
  opacity: 0.5;
}
.bottom:where(.astro-WM4XKLXR) {
  position: relative;
  display: flex;
  align-items: center;
}
.bottom:where(.astro-WM4XKLXR):before,
.bottom:where(.astro-WM4XKLXR):after {
  content: "";
  position: absolute;
  width: 1px;
  background: rgba(69, 64, 64, 0.1);
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-WM4XKLXR):before,
  .bottom:where(.astro-WM4XKLXR):after {
    height: 1.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-WM4XKLXR):before,
  .bottom:where(.astro-WM4XKLXR):after {
    height: 1.1875rem;
  }
}
.bottom:where(.astro-WM4XKLXR):before {
  left: 0;
}
.bottom:where(.astro-WM4XKLXR):after {
  right: 0;
}
.button:where(.astro-WM4XKLXR) {
  font-weight: 600;
  color: #454040;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.bAndroid:where(.astro-WM4XKLXR) .button:where(.astro-WM4XKLXR) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .button:where(.astro-WM4XKLXR) {
    padding-block: 0.25rem;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .button:where(.astro-WM4XKLXR) {
    padding-block: 0.125rem;
    font-size: 0.75rem;
  }
}
.button:where(.astro-WM4XKLXR).-denied {
  color: #454040a6;
}
[data-whatintent="mouse"] .button:where(.astro-WM4XKLXR):hover {
  opacity: 0.5;
}
.line:where(.astro-WM4XKLXR) {
  width: 1px;
  background: rgba(69, 64, 64, 0.1);
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WM4XKLXR) {
    height: 1.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-WM4XKLXR) {
    height: 1.1875rem;
  }
}
.CFixedObserver:where(.astro-4Z5OV56I) {
  position: absolute;
  top: 150vh;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) {
    height: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) {
    height: 1rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) {
    height: 1.575rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) {
    height: 1.4rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .chars.-after {
  position: absolute;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .chars.-after {
    font-size: 1rem;
    margin-top: 0.125rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .chars.-after .char {
  transform: translate(-120%);
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap {
  display: inline-block;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap {
    height: 1.225rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap {
    height: 1.4rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap.-adj {
  margin-left: -0.1em;
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap.-adj .char {
  padding-left: 0.1em;
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .char {
  display: inline-block;
  min-width: 0.3em;
}
.CFooter:where(.astro-ZYSJE3AG) {
  position: relative;
  color: #fff;
}
.CFooter-pageTop:where(.astro-ZYSJE3AG) {
  position: sticky;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .CFooter-pageTop:where(.astro-ZYSJE3AG) {
    top: calc(100vh - 5.125rem);
  }
}
@media screen and (max-width: 767.99px) {
  .CFooter-pageTop:where(.astro-ZYSJE3AG) {
    top: calc(100vh - 3.125rem);
  }
}
.pageTop:where(.astro-ZYSJE3AG) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bd991e;
}
@media screen and (min-width: 768px) {
  .pageTop:where(.astro-ZYSJE3AG) {
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .pageTop:where(.astro-ZYSJE3AG) {
    width: 3.125rem;
    height: 3.125rem;
  }
}
[data-whatintent="mouse"] .pageTop:where(.astro-ZYSJE3AG):hover .pageTopArrow:where(.astro-ZYSJE3AG).-before {
  opacity: 1;
  scale: 1;
  translate: 0;
  transition-delay: 0.1s;
}
[data-whatintent="mouse"] .pageTop:where(.astro-ZYSJE3AG):hover .pageTopArrow:where(.astro-ZYSJE3AG).-after {
  opacity: 0;
  scale: 0.5;
  translate: 0 -110%;
  transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.pageTopArrow:where(.astro-ZYSJE3AG) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, rotate, scale, opacity;
  transform: rotate(-90deg);
}
.pageTopArrow:where(.astro-ZYSJE3AG).-before {
  opacity: 0;
  scale: 1.1;
  translate: 0 110%;
  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.inner:where(.astro-ZYSJE3AG) {
  position: relative;
  background-color: #44403f;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-ZYSJE3AG) {
    width: calc(100% - 5.125rem);
    margin-right: 5.125rem;
    padding-left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-ZYSJE3AG) {
    width: calc(100% - 3.125rem);
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-ZYSJE3AG) {
    display: flex;
    height: 21.875rem;
    border-left: 1px solid rgba(233, 233, 233, 0.1);
    border-bottom: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-ZYSJE3AG) {
    width: 39.6875rem;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-ZYSJE3AG) {
    width: 100%;
    height: 20.5rem;
    border-bottom: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-ZYSJE3AG) + .head-item:where(.astro-ZYSJE3AG) {
    width: calc(100% - 39.6875rem);
    border-left: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-ZYSJE3AG) + .head-item:where(.astro-ZYSJE3AG) .head-itemInner:where(.astro-ZYSJE3AG) {
    padding: 5.875rem 2.5rem 2.25rem 4.875rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) {
    padding: 5.875rem 2.5rem 2.25rem 4.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) {
    padding: 4.3125rem 2.125rem 2.25rem 1.75rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG),
.head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
.head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .en:where(.astro-ZYSJE3AG),
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .jp:where(.astro-ZYSJE3AG),
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .text:where(.astro-ZYSJE3AG) {
  opacity: 0.5;
}
.head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG) {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG) {
    font-size: 2.5rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
.head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    font-size: 1rem;
    line-height: 2;
    padding-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    font-size: 0.75rem;
    padding-left: 0.1875rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
  font-weight: 600;
}
.bAndroid:where(.astro-ZYSJE3AG) .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
    line-height: 1.6666666667;
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    margin-top: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    line-height: 2.0833333333;
    margin-top: 1.6875rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .icon:where(.astro-ZYSJE3AG) {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(233, 233, 233, 0.1);
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .icon:where(.astro-ZYSJE3AG) {
    right: 2.375rem;
    bottom: 2.375rem;
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .icon:where(.astro-ZYSJE3AG) {
    right: 2.125rem;
    bottom: 2.125rem;
    width: 3.125rem;
    height: 3.125rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .arrow:where(.astro-ZYSJE3AG) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.head-itemInner:where(.astro-ZYSJE3AG) .arrow:where(.astro-ZYSJE3AG).-before {
  opacity: 0;
  translate: -125% 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .icon:where(.astro-ZYSJE3AG) {
  scale: 1.15;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .arrow:where(.astro-ZYSJE3AG).-before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .arrow:where(.astro-ZYSJE3AG).-after {
  opacity: 0;
  translate: 125% 0;
}
.foot:where(.astro-ZYSJE3AG) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .foot:where(.astro-ZYSJE3AG) {
    padding: 11.875rem 4.4375rem 8.125rem 4.625rem;
    border-left: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (max-width: 767.99px) {
  .foot:where(.astro-ZYSJE3AG) {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3.8125rem 4.375rem 2.375rem 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG) {
    width: 13.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG) {
    width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG) .item:where(.astro-ZYSJE3AG) + .item:where(.astro-ZYSJE3AG) {
    margin-top: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG) .item:where(.astro-ZYSJE3AG) + .item:where(.astro-ZYSJE3AG) {
    margin-top: 1.5rem;
  }
}
.linkList:where(.astro-ZYSJE3AG) .link:where(.astro-ZYSJE3AG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG) .link:where(.astro-ZYSJE3AG) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG) .link:where(.astro-ZYSJE3AG) {
    font-size: 1rem;
  }
}
.linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG) {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG) {
    font-size: 0.875rem;
    transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    transition-property: opacity;
    margin-left: 3.0625rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG) {
    font-size: 0.75rem;
  }
}
[data-whatintent="mouse"] .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG):hover {
  opacity: 0.5;
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG).-under {
    font-size: 0.75rem;
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item-child:where(.astro-ZYSJE3AG) {
    margin-block: 1.25rem 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-child:where(.astro-ZYSJE3AG) {
    margin-block: 0.75rem 0.90625rem;
  }
}
.item-childList:where(.astro-ZYSJE3AG) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .item-childList:where(.astro-ZYSJE3AG) {
    column-gap: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-childList:where(.astro-ZYSJE3AG) {
    column-gap: 0.46875rem;
  }
}
.item-childList:where(.astro-ZYSJE3AG):before {
  content: "";
  display: block;
  background: #fff;
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .item-childList:where(.astro-ZYSJE3AG):before {
    width: 0.25rem;
    height: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-childList:where(.astro-ZYSJE3AG):before {
    width: 0.21875rem;
    height: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .item-childList:where(.astro-ZYSJE3AG) + .item-childList:where(.astro-ZYSJE3AG) {
    margin-top: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-childList:where(.astro-ZYSJE3AG) + .item-childList:where(.astro-ZYSJE3AG) {
    margin-top: 1.0625rem;
  }
}
.item-childLink:where(.astro-ZYSJE3AG) {
  opacity: 0.5;
  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: opacity;
}
@media screen and (min-width: 768px) {
  .item-childLink:where(.astro-ZYSJE3AG) {
    font-size: 0.875rem;
  }
}
.item-childLink:where(.astro-ZYSJE3AG):hover {
  opacity: 0.25;
}
@media screen and (min-width: 768px) {
  .sns:where(.astro-ZYSJE3AG) {
    margin-left: auto;
    margin-top: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .sns:where(.astro-ZYSJE3AG) {
    width: 100%;
    margin-top: 6.875rem;
  }
}
.sns-head:where(.astro-ZYSJE3AG) {
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .sns-head:where(.astro-ZYSJE3AG) {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    text-align: right;
  }
}
@media screen and (max-width: 767.99px) {
  .sns-head:where(.astro-ZYSJE3AG) {
    margin-bottom: 2rem;
    font-size: 1rem;
  }
}
.sns-list:where(.astro-ZYSJE3AG) {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .sns-list:where(.astro-ZYSJE3AG) {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .sns-item:where(.astro-ZYSJE3AG):not(:last-child) {
    margin-right: 1.125rem;
  }
}
.sns-link:where(.astro-ZYSJE3AG) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .sns-link:where(.astro-ZYSJE3AG):hover {
  opacity: 0.5;
}
.copyright:where(.astro-ZYSJE3AG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .copyright:where(.astro-ZYSJE3AG) {
    letter-spacing: 0.05em;
    position: absolute;
    right: 4.4375rem;
    bottom: 4.0625rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .copyright:where(.astro-ZYSJE3AG) {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-ZYSJE3AG) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 2.1875rem 2.5rem 1.9375rem;
  }
}
.links:where(.astro-ZYSJE3AG) {
  margin-top: 3.125rem;
}
.CMarquee:where(.astro-AIHQROOD) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CMarquee:where(.astro-AIHQROOD) {
    padding-bottom: 5.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CMarquee:where(.astro-AIHQROOD) {
    padding-bottom: 3.0625rem;
  }
}
@media screen and (min-width: 768px) {
  #top .CMarquee:where(.astro-AIHQROOD) {
    padding-top: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  #top .CMarquee:where(.astro-AIHQROOD) {
    padding-top: 5.625rem;
  }
}
.inner:where(.astro-AIHQROOD) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-AIHQROOD) {
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-AIHQROOD) {
    height: 7rem;
  }
}
.text:where(.astro-AIHQROOD) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-AIHQROOD) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-AIHQROOD) {
    padding-right: 3.125rem;
  }
}
.CKv:where(.astro-YLAW4SGA) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-YLAW4SGA) {
    width: calc(100% - 12.3125rem);
    margin-left: 12.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-YLAW4SGA) {
    width: 23.03125rem;
    height: 25rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-YLAW4SGA).-l {
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-YLAW4SGA).-l {
    height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-YLAW4SGA).-s {
    height: 32.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-YLAW4SGA).-s {
    height: 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-YLAW4SGA).-s .photo:where(.astro-YLAW4SGA) {
    width: 160%;
  }
}
.photo:where(.astro-YLAW4SGA) {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767.99px) {
  .photo:where(.astro-YLAW4SGA) {
    width: 110%;
  }
}
.CPageTitle:where(.astro-OWSOZEJN) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .CPageTitle:where(.astro-OWSOZEJN) {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-OWSOZEJN) {
    margin-bottom: 4.6875rem;
  }
}
.inner:where(.astro-OWSOZEJN) {
  position: relative;
  overflow: hidden;
}
.title-en:where(.astro-OWSOZEJN) {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.line:where(.astro-OWSOZEJN) {
  display: inline-flex;
  overflow: hidden;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-OWSOZEJN) {
    height: 8.75rem;
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-OWSOZEJN) {
    height: 4.375rem;
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-OWSOZEJN) + .line:where(.astro-OWSOZEJN) {
    margin-top: -1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-OWSOZEJN) + .line:where(.astro-OWSOZEJN) {
    margin-top: -0.5625rem;
  }
}
.chars:where(.astro-OWSOZEJN) {
  display: inline-flex;
}
.title-jp:where(.astro-OWSOZEJN) {
  font-weight: 600;
  letter-spacing: 0.16em;
  height: 1.1em;
}
.bAndroid:where(.astro-OWSOZEJN) .title-jp:where(.astro-OWSOZEJN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-OWSOZEJN) {
    font-size: 1.375rem;
    margin-top: 0.125rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-OWSOZEJN) {
    font-size: 0.875rem;
    margin-top: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-OWSOZEJN).-j {
    margin-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-OWSOZEJN).-j {
    margin-top: 1rem;
  }
}
.CCompanyList:where(.astro-5XUCZOH6) {
  display: grid;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .CCompanyList:where(.astro-5XUCZOH6) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCompanyList:where(.astro-5XUCZOH6) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CCompanyList:where(.astro-5XUCZOH6) {
    grid-template-columns: 24.9375rem 47.75rem;
    grid-template-areas: "left-top right-top" "left-bottom right-bottom";
    padding: 4.5rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .CCompanyList:where(.astro-5XUCZOH6) {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "left-top" "right-top" "right-bottom" "left-bottom";
    padding: 1.9375rem 0;
  }
}
.left-top:where(.astro-5XUCZOH6) {
  grid-area: left-top;
}
@media screen and (min-width: 768px) {
  .left-top:where(.astro-5XUCZOH6) {
    margin-top: -0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-top:where(.astro-5XUCZOH6) {
    margin-bottom: 3.1875rem;
  }
}
.left-top:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .left-top:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
    font-size: 2rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .left-top:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
    font-size: 1.0625rem;
  }
}
.left-top:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .left-top:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-top:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
.right-bottom:where(.astro-5XUCZOH6) {
  grid-area: right-bottom;
}
.left-bottom:where(.astro-5XUCZOH6) {
  grid-area: left-bottom;
  display: flex;
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-5XUCZOH6) {
    padding-top: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-5XUCZOH6) {
    justify-content: end;
    padding-top: 1.15625rem;
  }
}
.left-bottom:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
  display: flex;
  align-items: center;
  opacity: 0.5;
}
[data-whatintent="mouse"]
  .left-bottom:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6):hover
  .link-head:where(.astro-5XUCZOH6) {
  opacity: 0.5;
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
    justify-content: space-between;
    width: 53%;
    padding-left: 1.0625rem;
  }
}
.left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) {
    margin-right: 2rem;
  }
}
.left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
    letter-spacing: -0.04em;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
    font-size: 0.75rem;
  }
}
.left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
    font-size: 0.875rem;
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-5XUCZOH6) .link-head:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
.blocks:where(.astro-5XUCZOH6) {
  width: 100%;
  display: grid;
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-5XUCZOH6) {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-5XUCZOH6) {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
}
.right-top:where(.astro-5XUCZOH6) {
  grid-area: right-top;
}
.right-top:where(.astro-5XUCZOH6) .blocks-item:where(.astro-5XUCZOH6) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-5XUCZOH6) .blocks-item:where(.astro-5XUCZOH6) {
    top: 0;
    left: 0;
    overflow: hidden;
    width: 23.75rem;
    height: 8.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-5XUCZOH6) .blocks-item:where(.astro-5XUCZOH6):not(:last-child) {
    margin-bottom: 2px;
  }
}
.right-top:where(.astro-5XUCZOH6) .blocks-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
  display: block;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-5XUCZOH6) .blocks-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
    width: 100%;
    height: 100%;
    padding-top: 1.75rem;
    padding-left: 1.625rem;
    padding-right: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-5XUCZOH6) .blocks-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
    height: 8.0625rem;
    padding-top: 1.5625rem;
    padding-right: 0.9375rem;
    padding-left: 1.5625rem;
  }
}
[data-whatintent="mouse"]
  .right-top:where(.astro-5XUCZOH6)
  .blocks-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6):hover
  img:where(.astro-5XUCZOH6) {
  scale: 1.07;
}
.right-top:where(.astro-5XUCZOH6)
  .blocks-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6)
  .head:where(.astro-5XUCZOH6) {
  color: #fff;
}
.right-top:where(.astro-5XUCZOH6)
  .blocks-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6)
  .title:where(.astro-5XUCZOH6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-5XUCZOH6)
    .blocks-item:where(.astro-5XUCZOH6)
    .link:where(.astro-5XUCZOH6)
    .title:where(.astro-5XUCZOH6) {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-5XUCZOH6)
    .blocks-item:where(.astro-5XUCZOH6)
    .link:where(.astro-5XUCZOH6)
    .title:where(.astro-5XUCZOH6) {
    margin-bottom: 0.4375rem;
    font-size: 1.0625rem;
  }
}
.right-top:where(.astro-5XUCZOH6)
  .blocks-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6)
  .sub:where(.astro-5XUCZOH6) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-5XUCZOH6)
    .blocks-item:where(.astro-5XUCZOH6)
    .link:where(.astro-5XUCZOH6)
    .sub:where(.astro-5XUCZOH6) {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-5XUCZOH6)
    .blocks-item:where(.astro-5XUCZOH6)
    .link:where(.astro-5XUCZOH6)
    .sub:where(.astro-5XUCZOH6) {
    font-size: 0.75rem;
  }
}
.right-top:where(.astro-5XUCZOH6)
  .blocks-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6)
  .circle:where(.astro-5XUCZOH6) {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-5XUCZOH6)
    .blocks-item:where(.astro-5XUCZOH6)
    .link:where(.astro-5XUCZOH6)
    .circle:where(.astro-5XUCZOH6) {
    margin-top: -0.75rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-5XUCZOH6)
    .blocks-item:where(.astro-5XUCZOH6)
    .link:where(.astro-5XUCZOH6)
    .circle:where(.astro-5XUCZOH6) {
    margin-top: 1rem;
  }
}
.right-top:where(.astro-5XUCZOH6)
  .blocks-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6)
  img:where(.astro-5XUCZOH6) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.linkList:where(.astro-5XUCZOH6) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-5XUCZOH6) {
    justify-content: space-between;
    width: 100%;
    font-size: 1.5rem;
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-5XUCZOH6) {
    font-size: 0.75rem;
    flex-wrap: wrap;
  }
}
.linkList:where(.astro-5XUCZOH6) :nth-child(odd of .linkList-item):where(.astro-5XUCZOH6) {
  width: 47%;
}
.linkList:where(.astro-5XUCZOH6) :nth-child(odd of .linkList-item):where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
  padding-right: 1.4375rem;
  border-right: 1px solid rgba(68, 64, 63, 0.2);
}
.linkList:where(.astro-5XUCZOH6) :nth-child(even of .linkList-item):where(.astro-5XUCZOH6) {
  width: 53%;
}
.linkList:where(.astro-5XUCZOH6)
  :nth-child(even of .linkList-item):where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6) {
  padding-left: 1.125rem;
}
@media screen and (max-width: 767.99px) {
  .linkList-item:where(.astro-5XUCZOH6) {
    padding: 1.40625rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-5XUCZOH6):last-child {
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) {
    padding: 0.5rem 1.25rem;
  }
}
[data-whatintent="mouse"]
  .linkList-item:where(.astro-5XUCZOH6)
  .link:where(.astro-5XUCZOH6):hover
  .head:where(.astro-5XUCZOH6) {
  opacity: 0.5;
}
.linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .head:where(.astro-5XUCZOH6) {
    margin-right: 1.75rem;
  }
}
.linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .title:where(.astro-5XUCZOH6) {
    font-size: 0.8125rem;
  }
}
.linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList-item:where(.astro-5XUCZOH6) .link:where(.astro-5XUCZOH6) .sub:where(.astro-5XUCZOH6) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-5XUCZOH6) {
    flex: none;
    width: 1px;
    height: 100%;
    background: rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-5XUCZOH6) {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-JTWQVN5Q) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-JTWQVN5Q) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .companyList:where(.astro-WIFLSTUK) {
    margin-bottom: 9.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .companyList:where(.astro-WIFLSTUK) {
    margin-bottom: 5.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .officeLocation:where(.astro-WIFLSTUK) {
    padding-bottom: 10.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .officeLocation:where(.astro-WIFLSTUK) {
    padding-bottom: 5.75rem;
  }
}
.CBlockTitle:where(.astro-VLXHIUWL) {
  position: relative;
}
.inner:where(.astro-VLXHIUWL) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.-right:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  align-items: flex-end;
}
.-center:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  align-items: center;
}
.-center:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-en:where(.astro-VLXHIUWL) {
  align-items: center;
}
.-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  flex-direction: row;
  align-items: center;
}
.-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-jp:where(.astro-VLXHIUWL) {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-jp:where(.astro-VLXHIUWL) {
    margin-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-jp:where(.astro-VLXHIUWL) {
    margin-left: 0.5625rem;
  }
}
.-white:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  color: #fff;
}
.title-en:where(.astro-VLXHIUWL) {
  display: flex;
  flex-direction: column;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-VLXHIUWL) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-VLXHIUWL) {
    font-size: 0.875rem;
    margin-top: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-VLXHIUWL) {
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-s .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-s .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-sSp .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.0625rem;
  }
}
.CBlockTitle:where(.astro-VLXHIUWL).-row .inner:where(.astro-VLXHIUWL) {
  flex-direction: row;
  align-items: center;
}
.CBlockTitle:where(.astro-VLXHIUWL).-row .title-en:where(.astro-VLXHIUWL) {
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-row .title-en:where(.astro-VLXHIUWL) {
    margin-right: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-row .title-en:where(.astro-VLXHIUWL) {
    margin-right: 0.4375rem;
    font-size: 1.0625rem;
  }
}
.CBlockTitle:where(.astro-VLXHIUWL).-row .title-jp:where(.astro-VLXHIUWL) {
  margin-top: 0;
  letter-spacing: 0.05em;
}
.CCircle:where(.astro-MZ5ND3GU) {
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU) {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.CCircle:where(.astro-MZ5ND3GU).-white {
  border-color: #fff3;
}
.CCircle:where(.astro-MZ5ND3GU).-white svg:where(.astro-MZ5ND3GU) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU).-small {
    width: 2.9375rem;
    height: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU).-small {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU).-small svg:where(.astro-MZ5ND3GU) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU).-small svg:where(.astro-MZ5ND3GU) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU).-large {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU).-large {
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU).-large svg:where(.astro-MZ5ND3GU) {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU).-large svg:where(.astro-MZ5ND3GU) {
    width: 0.78125rem;
    height: 0.78125rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU).-smallPc {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-MZ5ND3GU).-smallPc svg:where(.astro-MZ5ND3GU) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU).-smallSp {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU).-smallSp svg:where(.astro-MZ5ND3GU) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.CCircle:where(.astro-MZ5ND3GU).-on {
  scale: 1.15;
}
.CCircle:where(.astro-MZ5ND3GU).-on svg:where(.astro-MZ5ND3GU).before,
.CCircle:where(.astro-MZ5ND3GU).-on svg:where(.astro-MZ5ND3GU).beforeSp {
  opacity: 1;
  translate: 0;
}
.CCircle:where(.astro-MZ5ND3GU).-on svg:where(.astro-MZ5ND3GU).after,
.CCircle:where(.astro-MZ5ND3GU).-on svg:where(.astro-MZ5ND3GU).afterSp {
  opacity: 0;
  translate: 125% 0;
}
.CCircle:where(.astro-MZ5ND3GU).-rotate {
  rotate: -45deg;
}
.CCircle:where(.astro-MZ5ND3GU) svg:where(.astro-MZ5ND3GU) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-MZ5ND3GU) svg:where(.astro-MZ5ND3GU) {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
}
.CCircle:where(.astro-MZ5ND3GU) svg:where(.astro-MZ5ND3GU).before {
  opacity: 0;
  translate: -125% 0;
}
.CCircle:where(.astro-MZ5ND3GU) svg:where(.astro-MZ5ND3GU).beforeSp {
  display: none;
}
.CLowerPageMenuItem:where(.astro-JLRJ354P) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.link:where(.astro-JLRJ354P) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-JLRJ354P) {
    padding-block: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-JLRJ354P) {
    padding-block: 1rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-JLRJ354P):hover .texts:where(.astro-JLRJ354P) {
  opacity: 0.5;
}
.texts:where(.astro-JLRJ354P) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.title:where(.astro-JLRJ354P) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-JLRJ354P) {
    margin-bottom: 0.875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-JLRJ354P) {
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
  }
}
.text:where(.astro-JLRJ354P) {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-JLRJ354P) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .CLowerPageMenu:where(.astro-JLK6CQ4W) {
    margin-top: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLowerPageMenu:where(.astro-JLK6CQ4W) {
    margin-top: 2.1875rem;
  }
}
.list:where(.astro-JLK6CQ4W) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .cursorThumb:where(.astro-JLK6CQ4W) {
    position: fixed;
    left: 0rem;
    top: -5.25rem;
    z-index: 2000;
    width: 17.5rem;
    height: 11.125rem;
    background: no-repeat center/cover;
    pointer-events: none;
    transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .cursorThumb:where(.astro-JLK6CQ4W).-show {
    opacity: 1;
  }
}
.CLink:where(.astro-TNJTBDSL) {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.CLink:where(.astro-TNJTBDSL) .texts:where(.astro-TNJTBDSL) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-TNJTBDSL) .texts:where(.astro-TNJTBDSL) {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL) .texts:where(.astro-TNJTBDSL) {
    margin-right: 1.0625rem;
  }
}
.CLink:where(.astro-TNJTBDSL) .en:where(.astro-TNJTBDSL) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-TNJTBDSL) .en:where(.astro-TNJTBDSL) {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL) .en:where(.astro-TNJTBDSL) {
    margin-bottom: 0.375rem;
    letter-spacing: 0.05em;
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL).-projects .en:where(.astro-TNJTBDSL) {
    letter-spacing: -0.035em;
  }
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-TNJTBDSL) .ja:where(.astro-TNJTBDSL) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL) .ja:where(.astro-TNJTBDSL) {
    font-size: 0.75rem;
    font-weight: 600;
  }
  .bAndroid:where(.astro-TNJTBDSL) .CLink:where(.astro-TNJTBDSL) .ja:where(.astro-TNJTBDSL) {
    font-weight: 700;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL) .ja:where(.astro-TNJTBDSL).-regular {
    font-weight: 400;
  }
}
.CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL) {
    width: 5rem;
    height: 5rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL) {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL).-back {
  rotate: 180deg;
}
.CLink:where(.astro-TNJTBDSL) .arrow:where(.astro-TNJTBDSL) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.CLink:where(.astro-TNJTBDSL) .arrow:where(.astro-TNJTBDSL).before {
  opacity: 0;
  translate: -125% 0;
}
.CLink:where(.astro-TNJTBDSL).-white .texts:where(.astro-TNJTBDSL) {
  color: #fff;
}
.CLink:where(.astro-TNJTBDSL).-white .circle:where(.astro-TNJTBDSL) {
  border-color: #fff3;
}
.CLink:where(.astro-TNJTBDSL).-white .arrow:where(.astro-TNJTBDSL) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-TNJTBDSL).-large .circle:where(.astro-TNJTBDSL) {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-TNJTBDSL).-large .circle:where(.astro-TNJTBDSL) {
    width: 5rem;
    height: 5rem;
  }
}
[data-whatintent="mouse"] .CLink:where(.astro-TNJTBDSL):hover .circle:where(.astro-TNJTBDSL) {
  scale: 1.15;
}
[data-whatintent="mouse"] .CLink:where(.astro-TNJTBDSL):hover .texts:where(.astro-TNJTBDSL) {
  opacity: 0.5;
}
[data-whatintent="mouse"] .CLink:where(.astro-TNJTBDSL):hover .arrow:where(.astro-TNJTBDSL).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .CLink:where(.astro-TNJTBDSL):hover .arrow:where(.astro-TNJTBDSL).after {
  opacity: 0;
  translate: 125% 0;
}
.LAbout:where(.astro-6HWAHG6I) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-6HWAHG6I) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-6HWAHG6I) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutTitle:where(.astro-6HWAHG6I) {
    margin-right: 9.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .aboutTitle:where(.astro-6HWAHG6I) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .textWrap:where(.astro-6HWAHG6I) {
    margin-inline: 17.75rem;
    width: 49.5625rem;
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textWrap:where(.astro-6HWAHG6I) {
    letter-spacing: 0.05em;
    margin-inline: 1.875rem;
    margin-top: 4.0625rem;
  }
}
.catch:where(.astro-6HWAHG6I) {
  font-weight: 600;
}
.bAndroid:where(.astro-6HWAHG6I) .catch:where(.astro-6HWAHG6I) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .catch:where(.astro-6HWAHG6I) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .catch:where(.astro-6HWAHG6I) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-6HWAHG6I) {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.1em;
    margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-6HWAHG6I) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
.marqueeWrap:where(.astro-6HWAHG6I) {
  width: 100%;
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-6HWAHG6I) {
    top: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeWrap:where(.astro-6HWAHG6I) {
    top: 15.46875rem;
  }
}
.marquee:where(.astro-6HWAHG6I) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-6HWAHG6I) {
    margin-inline: 12.375rem 5.1875rem;
    height: 13.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-6HWAHG6I) {
    width: 100%;
    height: 9.3125rem;
  }
}
.marqueeInner:where(.astro-6HWAHG6I) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-6HWAHG6I) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-6HWAHG6I) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LService:where(.astro-UXU3V55G) {
    position: relative;
    margin-top: 13.25rem;
    margin-right: 5.25rem;
    margin-bottom: 14.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LService:where(.astro-UXU3V55G) {
    margin-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-UXU3V55G) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-inline: 17.75rem 4.375rem;
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-UXU3V55G) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-UXU3V55G) .line:last-child {
    margin-top: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-UXU3V55G) .line:last-child {
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .explain:where(.astro-UXU3V55G) {
    width: 32.75rem;
    margin-bottom: 2.75rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.05em;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .explain:where(.astro-UXU3V55G) {
    margin-inline: 1.875rem;
    margin-block: 2.1875rem 2.875rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .-dataSolution:where(.astro-UXU3V55G) .titleWrap {
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .LProject:where(.astro-5O2MACQQ) {
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProject:where(.astro-5O2MACQQ) {
    margin-top: 3.8125rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .projectsTitle:where(.astro-5O2MACQQ) {
    margin-right: 9.5rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .projectsTitle:where(.astro-5O2MACQQ) {
    margin-top: 1.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrapper:where(.astro-5O2MACQQ) {
    margin-top: 4.375rem;
    margin-inline: 17.75rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrapper:where(.astro-5O2MACQQ) {
    margin-top: 3.125rem;
    margin-inline: 1.875rem;
  }
}
.linkWrapper:where(.astro-5O2MACQQ) .link:where(.astro-5O2MACQQ) {
  width: max-content;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-MJOCGA7C) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-MJOCGA7C) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-MJOCGA7C) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-MJOCGA7C) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-MJOCGA7C) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .kv-img:where(.astro-MJOCGA7C) {
    position: relative;
    left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kv-img:where(.astro-MJOCGA7C) {
    width: 23.03125rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: 2.8125rem;
  }
}
.LWebGL:where(.astro-WRTVNGA3) {
  height: 100vh;
  height: 100lvh;
  bottom: auto;
  z-index: 2100;
  visibility: visible;
}
.LWebGL:where(.astro-WRTVNGA3).-loaded {
  z-index: 0;
}
.LWebGLOverlay:where(.astro-WRTVNGA3) {
  position: fixed;
  inset: 0;
  background-color: #e9e9e9;
  z-index: 2099;
}
.LWebGLOverlay:where(.astro-WRTVNGA3).-isWebGLStart {
  display: none;
}
.LKvIndex:where(.astro-PCK6Q43D) {
  position: fixed;
  z-index: 2;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .LKvIndex:where(.astro-PCK6Q43D) {
    right: 5.375rem;
    bottom: 10.375rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvIndex:where(.astro-PCK6Q43D) {
    top: calc(50% + 9.90625rem);
    right: 3.8125rem;
    font-size: 0.6875rem;
  }
}
.num:where(.astro-PCK6Q43D) {
  display: inline-flex;
}
.num:where(.astro-PCK6Q43D).-next {
  position: absolute;
}
.num:where(.astro-PCK6Q43D).-next .char:where(.astro-PCK6Q43D) {
  translate: -100% 0;
}
.charWrap:where(.astro-PCK6Q43D) {
  overflow: hidden;
}
.char:where(.astro-PCK6Q43D) {
  display: inline-block;
}
.LKvLead:where(.astro-TFKL6GEO) {
  position: fixed;
}
@media screen and (min-width: 768px) {
  .LKvLead:where(.astro-TFKL6GEO) {
    z-index: 1600;
    transition: z-index 0s 0.5s;
    right: 5.5rem;
    bottom: 17.375rem;
    padding: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvLead:where(.astro-TFKL6GEO) {
    top: 78%;
    right: 3.59375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvLead:where(.astro-TFKL6GEO).-isSE {
    top: auto;
    bottom: 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvLead:where(.astro-TFKL6GEO).-isSE .ja:where(.astro-TFKL6GEO) {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LKvLead:where(.astro-TFKL6GEO):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10.875rem;
    width: 0.125rem;
    min-width: 2px;
    background-color: #e9e9e9;
  }
}
@media screen and (min-width: 768px) {
  .LKvLead:where(.astro-TFKL6GEO).-isModalOpen {
    z-index: 2;
    transition: z-index 0s;
  }
}
.ja:where(.astro-TFKL6GEO) {
  position: relative;
  letter-spacing: 0.09em;
  font-weight: 600;
}
.bAndroid:where(.astro-TFKL6GEO) .ja:where(.astro-TFKL6GEO) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .ja:where(.astro-TFKL6GEO) {
    margin-bottom: 1.375rem;
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .ja:where(.astro-TFKL6GEO) {
    margin-bottom: 0.9375rem;
    font-size: 1rem;
  }
}
.en:where(.astro-TFKL6GEO) {
  position: relative;
  color: #ada7a7;
  font-family: Helvetica Neue, Arial, sans-serif;
}
@media screen and (max-width: 767.99px) {
  .en:where(.astro-TFKL6GEO) {
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .en:where(.astro-TFKL6GEO) .char:where(.astro-TFKL6GEO) {
    min-width: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .en:where(.astro-TFKL6GEO) .char:where(.astro-TFKL6GEO) {
    min-width: 0.1875rem;
  }
}
.chars:where(.astro-TFKL6GEO) {
  display: flex;
}
.charWrap:where(.astro-TFKL6GEO) {
  overflow: hidden;
}
.char:where(.astro-TFKL6GEO) {
  display: inline-block;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  body.-isModalOpen .lead:where(.astro-HVC5NKSV) {
    z-index: 1;
    transition: z-index 0s 0s;
  }
}
.LKv:where(.astro-HVC5NKSV) {
  position: relative;
  height: calc(var(--vh) * 100);
}
@media screen and (min-width: 768px) {
  .LKv:where(.astro-HVC5NKSV) {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.marqueeWrap:where(.astro-HVC5NKSV) {
  position: fixed;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-HVC5NKSV):after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #44403f1a;
  }
}
.marquee:where(.astro-HVC5NKSV) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-HVC5NKSV) {
    width: calc(100% - 33rem);
    margin-inline: 16.5rem 16.5rem;
    height: 7.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-HVC5NKSV) {
    width: 100%;
    height: 4.6875rem;
  }
}
.inner:where(.astro-HVC5NKSV) {
  display: flex;
  align-items: center;
}
.text:where(.astro-HVC5NKSV) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-HVC5NKSV) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-HVC5NKSV) {
    padding-right: 3.125rem;
  }
}
.kvCover:where(.astro-HVC5NKSV) {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: #e9e9e9;
}
@media screen and (max-width: 767.99px) {
  .kvCover:where(.astro-HVC5NKSV) {
    display: none;
  }
}
.kvCover:where(.astro-HVC5NKSV).-left {
  left: 0;
  width: 16.5rem;
}
.kvCover:where(.astro-HVC5NKSV).-right {
  right: 0;
  width: 16.5rem;
}
.kvCover:where(.astro-HVC5NKSV).-hide {
  display: none;
}
.LSpiralText:where(.astro-H2AFKFOT) {
  display: inline-block;
  color: #44403f66;
  background-clip: text;
  -webkit-background-clip: text;
  will-change: background-image;
}
.LSpiral:where(.astro-UXWSRVO2) {
  position: relative;
}
.LSpiral:where(.astro-UXWSRVO2) .margin1:where(.astro-UXWSRVO2),
.LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin1:where(.astro-UXWSRVO2) {
    height: 125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin1:where(.astro-UXWSRVO2) {
    height: 125rem;
  }
}
.LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
    height: 25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
    height: 12.5rem;
  }
}
.inner:where(.astro-UXWSRVO2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-UXWSRVO2) {
    height: 175rem;
    padding-bottom: 6.25rem;
    padding-left: 28.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-UXWSRVO2) {
    padding-top: 50vh;
    padding-bottom: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .inner:where(.astro-UXWSRVO2) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .inner:where(.astro-UXWSRVO2) {
    margin-inline: 1.875rem;
  }
}
.title:where(.astro-UXWSRVO2) {
  font-weight: 600;
}
.bAndroid:where(.astro-UXWSRVO2) .title:where(.astro-UXWSRVO2) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-UXWSRVO2) {
    padding-top: 25rem;
    margin-bottom: 5.625rem;
    font-size: 2.875rem;
    line-height: 1.4782608696;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-UXWSRVO2) {
    padding-top: 12.5rem;
    margin-bottom: 2.8125rem;
    font-size: 1.875rem;
    line-height: 1.4333333333;
  }
}
.text:where(.astro-UXWSRVO2) {
  letter-spacing: 0.05em;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-UXWSRVO2) {
    margin-bottom: 10rem;
    font-size: 1.25rem;
    line-height: 2.3;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-UXWSRVO2) {
    margin-bottom: 2.8125rem;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 2;
  }
  .bAndroid:where(.astro-UXWSRVO2) .text:where(.astro-UXWSRVO2) {
    font-weight: 700;
  }
}
.linkWrap:where(.astro-UXWSRVO2) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-UXWSRVO2) {
    padding-left: 21.25rem;
  }
}
.link:where(.astro-UXWSRVO2) {
  display: inline-flex;
  align-items: center;
}
.link:where(.astro-UXWSRVO2) .texts:where(.astro-UXWSRVO2) {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .texts:where(.astro-UXWSRVO2) {
    padding-top: 0.75rem;
    margin-right: -2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .texts:where(.astro-UXWSRVO2) {
    padding-top: 1.0625rem;
    margin-right: -1.4375rem;
  }
}
.link:where(.astro-UXWSRVO2) .en:where(.astro-UXWSRVO2) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .en:where(.astro-UXWSRVO2) {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .en:where(.astro-UXWSRVO2) {
    margin-bottom: 0.4375rem;
    font-size: 1.4375rem;
  }
}
.link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
    grid-area: 2/1/3/2;
    padding-left: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
    font-size: 0.75rem;
    font-weight: 600;
  }
  .bAndroid:where(.astro-UXWSRVO2) .link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
    font-weight: 700;
  }
}
.link:where(.astro-UXWSRVO2) .circle:where(.astro-UXWSRVO2) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .circle:where(.astro-UXWSRVO2) {
    width: 10rem;
    height: 10rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .circle:where(.astro-UXWSRVO2) {
    width: 5rem;
    height: 5rem;
  }
}
.link:where(.astro-UXWSRVO2) .arrow:where(.astro-UXWSRVO2) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
  color: #bd991e;
}
.link:where(.astro-UXWSRVO2) .arrow:where(.astro-UXWSRVO2).before {
  opacity: 0;
  translate: -125% 0;
}
.link:where(.astro-UXWSRVO2).-white .circle:where(.astro-UXWSRVO2) {
  border-color: #fff3;
}
.link:where(.astro-UXWSRVO2).-white .arrow:where(.astro-UXWSRVO2) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2).-large .circle:where(.astro-UXWSRVO2) {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2).-large .circle:where(.astro-UXWSRVO2) {
    width: 5rem;
    height: 5rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .circle:where(.astro-UXWSRVO2) {
  scale: 1.15;
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .texts:where(.astro-UXWSRVO2) {
  opacity: 0.5;
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .arrow:where(.astro-UXWSRVO2).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .arrow:where(.astro-UXWSRVO2).after {
  opacity: 0;
  translate: 125% 0;
}
.head:where(.astro-HDYCBMTL) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .LSolutionItem:where(.astro-HDYCBMTL) {
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSolutionItem:where(.astro-HDYCBMTL) {
    padding-bottom: 3.125rem;
  }
}
.title:where(.astro-HDYCBMTL) {
  pointer-events: none;
}
.title-in:where(.astro-HDYCBMTL) {
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .title-in:where(.astro-HDYCBMTL) {
    padding-bottom: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-in:where(.astro-HDYCBMTL) {
    padding-bottom: 0.9375rem;
  }
}
.title-num:where(.astro-HDYCBMTL) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-num:where(.astro-HDYCBMTL) {
    margin-right: 9.125rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-num:where(.astro-HDYCBMTL) {
    margin-right: 3.125rem;
    margin-bottom: -0.0625rem;
    font-size: 0.75rem;
  }
}
.title-ja:where(.astro-HDYCBMTL) {
  font-weight: 600;
  white-space: nowrap;
}
.bAndroid:where(.astro-HDYCBMTL) .title-ja:where(.astro-HDYCBMTL) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-HDYCBMTL) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-HDYCBMTL) {
    font-feature-settings: normal;
    font-size: 0.75rem;
  }
}
.title-en:where(.astro-HDYCBMTL) {
  margin-left: auto;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-HDYCBMTL) {
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-HDYCBMTL) {
    margin-bottom: -0.125rem;
    font-size: 1.5625rem;
  }
}
.body:where(.astro-HDYCBMTL) {
  position: relative;
  overflow: hidden;
}
.body-in:where(.astro-HDYCBMTL) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .body-in:where(.astro-HDYCBMTL) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 5rem;
    grid-column-gap: 3.75rem;
    align-items: center;
    padding-block: 5.125rem 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .body-in:where(.astro-HDYCBMTL) {
    padding-block: 2.1875rem 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .conts:where(.astro-HDYCBMTL) {
    grid-area: 1/1/2/2;
    padding-bottom: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .conts:where(.astro-HDYCBMTL) {
    margin-bottom: 2.5rem;
  }
}
.body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
  font-weight: 600;
  letter-spacing: 0.06rem;
}
.bAndroid:where(.astro-HDYCBMTL) .body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
    margin-bottom: 1.625rem;
    font-size: 1.5rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
    margin-bottom: 0.875rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .text:where(.astro-HDYCBMTL) {
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .text:where(.astro-HDYCBMTL) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.body:where(.astro-HDYCBMTL) .imgWrap:where(.astro-HDYCBMTL) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .imgWrap:where(.astro-HDYCBMTL) {
    grid-area: 1/2/3/3;
    width: 37.5rem;
    height: 37.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .imgWrap:where(.astro-HDYCBMTL) {
    height: 22.125rem;
    margin-bottom: 2.1875rem;
  }
}
.body:where(.astro-HDYCBMTL) .img:where(.astro-HDYCBMTL) img:where(.astro-HDYCBMTL) {
  max-width: 100%;
}
.body:where(.astro-HDYCBMTL) .foot:where(.astro-HDYCBMTL) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .foot:where(.astro-HDYCBMTL) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (min-width: 768px) {
  .LSolution:where(.astro-6RTS3XF5) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSolution:where(.astro-6RTS3XF5) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LSolution:where(.astro-6RTS3XF5) {
    padding-top: 8.125rem;
    margin-bottom: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSolution:where(.astro-6RTS3XF5) {
    padding-top: 4.0625rem;
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-6RTS3XF5) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-6RTS3XF5) {
    margin-bottom: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-6RTS3XF5) {
    width: 32.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-6RTS3XF5) {
    margin-top: 4.3125rem;
  }
}
.lead:where(.astro-6RTS3XF5) {
  font-weight: 600;
  white-space: nowrap;
}
.bAndroid:where(.astro-6RTS3XF5) .lead:where(.astro-6RTS3XF5) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .lead:where(.astro-6RTS3XF5) {
    margin-bottom: 3.75rem;
    font-size: 2.53125rem;
    line-height: 1.6172839506;
  }
}
@media screen and (max-width: 767.99px) {
  .lead:where(.astro-6RTS3XF5) {
    margin-bottom: 1.75rem;
    font-size: 1.265625rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
}
.text:where(.astro-6RTS3XF5) {
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-6RTS3XF5) {
    font-feature-settings: normal;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-6RTS3XF5) {
    line-height: 2;
  }
}
.LServiceIntro:where(.astro-BHT3S3TY) {
  height: calc(var(--vh) * 250);
}
.contents:where(.astro-BHT3S3TY) {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh) * 100);
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-BHT3S3TY) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .contents:where(.astro-BHT3S3TY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-BHT3S3TY) {
    padding-top: 26vh;
  }
}
@media screen and (max-width: 767.99px) {
  .contents:where(.astro-BHT3S3TY) {
    padding-top: 13.65625rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-BHT3S3TY) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BHT3S3TY) {
    margin-bottom: 4.375rem;
  }
}
.lead:where(.astro-BHT3S3TY) {
  color: #fff;
  font-weight: 600;
}
.bAndroid:where(.astro-BHT3S3TY) .lead:where(.astro-BHT3S3TY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .lead:where(.astro-BHT3S3TY) {
    margin-bottom: 3.75rem;
    font-size: 2.5rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .lead:where(.astro-BHT3S3TY) {
    margin-bottom: 2.1875rem;
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    letter-spacing: 0.05em;
  }
}
.text:where(.astro-BHT3S3TY) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-BHT3S3TY) {
    width: 31.25rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-BHT3S3TY) {
    line-height: 2.0833333333;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .LServiceAboutWorkDesign:where(.astro-CFS6VYEK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LServiceAboutWorkDesign:where(.astro-CFS6VYEK) {
    margin-inline: 1.875rem;
  }
}
.LService-figure:where(.astro-CFS6VYEK) {
  height: calc(var(--vh) * 400);
}
.LService-figure:where(.astro-CFS6VYEK) .inner {
  height: 100vh;
  height: 100lvh;
}
.LService:where(.astro-LQ2LPK2I) {
  position: relative;
  height: calc(var(--vh) * 600);
}
.LCopyText:where(.astro-FWAH6DAK) {
  position: relative;
}
.inner:where(.astro-FWAH6DAK) {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-FWAH6DAK) {
    padding-right: 2.375rem;
  }
}
.-right:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) {
  align-items: flex-end;
}
.-center:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) {
  align-items: center;
}
.-center:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) .title-en:where(.astro-FWAH6DAK) {
  align-items: center;
}
.-white:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) {
  color: #fff;
}
.title-en:where(.astro-FWAH6DAK) {
  display: flex;
  flex-direction: column;
}
.line:where(.astro-FWAH6DAK) {
  display: flex;
  overflow: hidden;
}
.-right:where(.astro-FWAH6DAK) .line:where(.astro-FWAH6DAK) {
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-FWAH6DAK) {
    height: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-FWAH6DAK) {
    height: 4.125rem;
  }
}
.chars:where(.astro-FWAH6DAK) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .chars:where(.astro-FWAH6DAK) {
    font-size: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chars:where(.astro-FWAH6DAK) {
    font-size: 3.75rem;
  }
}
.charWrap:where(.astro-FWAH6DAK) {
  overflow: hidden;
}
.char:where(.astro-FWAH6DAK) {
  display: inline-block;
  translate: -1em 0;
}
@media screen and (min-width: 768px) {
  .char:where(.astro-FWAH6DAK).-j {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .char:where(.astro-FWAH6DAK).-j {
    padding-left: 0.3125rem;
  }
}
.title-jp:where(.astro-FWAH6DAK) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-FWAH6DAK) .title-jp:where(.astro-FWAH6DAK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-FWAH6DAK) {
    font-size: 1.125rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-FWAH6DAK) {
    font-size: 0.75rem;
    margin-top: 0.5rem;
  }
}
.LCopy:where(.astro-ZAVV3R7U) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LCopy:where(.astro-ZAVV3R7U) {
    padding-block: 10.375rem 11rem;
    margin-inline: 12rem 5.125rem;
    margin-bottom: 6.25rem;
    margin-top: -18.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCopy:where(.astro-ZAVV3R7U) {
    padding-block: 3.4375rem 3.75rem;
    margin-bottom: 2.5rem;
    margin-top: -15.625rem;
  }
}
.LCopy:where(.astro-ZAVV3R7U):before,
.LCopy:where(.astro-ZAVV3R7U):after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #44403f33;
}
@media screen and (min-width: 768px) {
  .LCopy:where(.astro-ZAVV3R7U):before,
  .LCopy:where(.astro-ZAVV3R7U):after {
    height: 6.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCopy:where(.astro-ZAVV3R7U):before,
  .LCopy:where(.astro-ZAVV3R7U):after {
    height: 2.125rem;
  }
}
.LCopy:where(.astro-ZAVV3R7U):before {
  top: 0;
}
.LCopy:where(.astro-ZAVV3R7U):after {
  bottom: 0;
}
.subCopy:where(.astro-ZAVV3R7U) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .subCopy:where(.astro-ZAVV3R7U) {
    margin-bottom: 3.25rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .subCopy:where(.astro-ZAVV3R7U) {
    margin-bottom: 1.4375rem;
    font-size: 0.6875rem;
  }
}
.LProjectSlider:where(.astro-J5B3RA33) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LProjectSlider:where(.astro-J5B3RA33) {
    margin-bottom: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjectSlider:where(.astro-J5B3RA33) {
    overflow: hidden;
    margin-bottom: 5.9375rem;
  }
}
.list:where(.astro-J5B3RA33) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-J5B3RA33) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-J5B3RA33) {
    margin-bottom: 3.4375rem;
  }
}
.item:where(.astro-J5B3RA33) {
  position: relative;
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-J5B3RA33) {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-J5B3RA33):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-J5B3RA33):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .image:where(.astro-J5B3RA33) {
    width: 100rem;
    height: 51.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-J5B3RA33) {
    width: 25.875rem;
    height: 43.75rem;
  }
}
.image:where(.astro-J5B3RA33) img:where(.astro-J5B3RA33) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image:where(.astro-J5B3RA33):after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.conts:where(.astro-J5B3RA33) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-J5B3RA33) {
    right: 5.125rem;
    bottom: 3.125rem;
    left: 17.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-J5B3RA33) {
    right: 3.125rem;
    bottom: 1.1875rem;
    left: 1.8125rem;
  }
}
.nameEn:where(.astro-J5B3RA33) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameEn:where(.astro-J5B3RA33) {
    margin-bottom: 1.5rem;
    font-size: 5rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameEn:where(.astro-J5B3RA33) {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 0.925;
    letter-spacing: -0.015em;
  }
}
.nameJa:where(.astro-J5B3RA33) {
  font-weight: 600;
}
.bAndroid:where(.astro-J5B3RA33) .nameJa:where(.astro-J5B3RA33) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameJa:where(.astro-J5B3RA33) {
    margin-bottom: 3.375rem;
    font-size: 1.125rem;
    font-feature-settings: "none";
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameJa:where(.astro-J5B3RA33) {
    margin-bottom: 1.3125rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    line-height: 1.5833333333;
  }
}
.tags:where(.astro-J5B3RA33) {
  display: flex;
  flex-wrap: wrap;
}
.tag:where(.astro-J5B3RA33) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-J5B3RA33) {
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-J5B3RA33) {
    padding: 0.4375rem 0.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-J5B3RA33):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-J5B3RA33):not(:last-child) {
    margin-right: 0.25rem;
  }
}
.progress:where(.astro-J5B3RA33) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-J5B3RA33) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-J5B3RA33) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-J5B3RA33) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-J5B3RA33) {
    margin-bottom: 2.5rem;
  }
}
.progress-bar:where(.astro-J5B3RA33) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}
.linkWrap:where(.astro-J5B3RA33) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-J5B3RA33) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-J5B3RA33) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-J5B3RA33) {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-J5B3RA33) .CLink {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-V4OVCZLM) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-V4OVCZLM) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-V4OVCZLM) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-V4OVCZLM) {
    margin-bottom: 3.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-V4OVCZLM) .title-en {
    margin-right: -0.1875rem;
    margin-bottom: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-V4OVCZLM) .title-en {
    margin-bottom: 0.5625rem;
  }
}
.LCaseLogos:where(.astro-CM4IEIHC) {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LCaseLogos:where(.astro-CM4IEIHC) {
    padding-block: 10.3125rem 11.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCaseLogos:where(.astro-CM4IEIHC) {
    padding-block: 6.25rem 5.9375rem;
  }
}
.bg:where(.astro-CM4IEIHC) {
  position: absolute;
  inset: 0;
}
.bg-inner:where(.astro-CM4IEIHC) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .bg-inner:where(.astro-CM4IEIHC) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .bg-inner:where(.astro-CM4IEIHC) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .bg-inner:where(.astro-CM4IEIHC) {
    margin-inline: 1.875rem;
  }
}
.bg-line:where(.astro-CM4IEIHC) {
  width: 1px;
  height: 100%;
  background-color: #44403f1a;
}
.bg-line:where(.astro-CM4IEIHC):first-child,
.bg-line:where(.astro-CM4IEIHC):last-child {
  opacity: 0;
}
.contents:where(.astro-CM4IEIHC) {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-CM4IEIHC) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) + .LCaseLogoLine:where(.astro-CM4IEIHC) {
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) + .LCaseLogoLine:where(.astro-CM4IEIHC) {
    margin-top: 2.40625rem;
  }
}
.LCaseLogoLine:where(.astro-CM4IEIHC) .inner:where(.astro-CM4IEIHC) {
  display: flex;
  align-items: center;
}
.LCaseLogoLine:where(.astro-CM4IEIHC) .row:where(.astro-CM4IEIHC) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.LCaseLogoLine:where(.astro-CM4IEIHC):nth-child(even) .row:where(.astro-CM4IEIHC) {
  right: 0;
}
.LCaseLogoLine:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
  display: block;
}
@media screen and (min-width: 768px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
    margin-inline: 4.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
    margin-inline: 1.75rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) {
  position: relative;
  z-index: 2;
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) {
    justify-content: flex-end;
    margin-right: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) {
    justify-content: center;
    padding-left: 1.25rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
  display: inline-flex;
  align-items: center;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .texts:where(.astro-CM4IEIHC) {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .texts:where(.astro-CM4IEIHC) {
    padding-top: 0.75rem;
    margin-right: -2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .texts:where(.astro-CM4IEIHC) {
    padding-top: 1.0625rem;
    margin-right: -1.4375rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .en:where(.astro-CM4IEIHC) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.035em;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .en:where(.astro-CM4IEIHC) {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .en:where(.astro-CM4IEIHC) {
    margin-bottom: 0.4375rem;
    font-size: 1.4375rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .ja:where(.astro-CM4IEIHC) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .ja:where(.astro-CM4IEIHC) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .ja:where(.astro-CM4IEIHC) {
    font-size: 0.75rem;
    font-weight: 600;
  }
  .bAndroid:where(.astro-CM4IEIHC)
    .linkWrap:where(.astro-CM4IEIHC)
    .link:where(.astro-CM4IEIHC)
    .ja:where(.astro-CM4IEIHC) {
    font-weight: 700;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .circle:where(.astro-CM4IEIHC) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .circle:where(.astro-CM4IEIHC) {
    width: 10rem;
    height: 10rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .circle:where(.astro-CM4IEIHC) {
    width: 5rem;
    height: 5rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .arrow:where(.astro-CM4IEIHC) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
  color: #bd991e;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .arrow:where(.astro-CM4IEIHC).before {
  opacity: 0;
  translate: -125% 0;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-white .circle:where(.astro-CM4IEIHC) {
  border-color: #fff3;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-white .arrow:where(.astro-CM4IEIHC) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-large .circle:where(.astro-CM4IEIHC) {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-large .circle:where(.astro-CM4IEIHC) {
    width: 5rem;
    height: 5rem;
  }
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .circle:where(.astro-CM4IEIHC) {
  scale: 1.15;
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .texts:where(.astro-CM4IEIHC) {
  opacity: 0.5;
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .arrow:where(.astro-CM4IEIHC).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .arrow:where(.astro-CM4IEIHC).after {
  opacity: 0;
  translate: 125% 0;
}
body {
  transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
body.-isWhite {
  background-color: #fff;
}
.LCase:where(.astro-3PTH7SJT) {
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .solutionMenu:where(.astro-3PTH7SJT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .solutionMenu:where(.astro-3PTH7SJT) {
    margin-inline: 1.875rem;
  }
}
.LLink:where(.astro-RTXHKIPV) {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RTXHKIPV) {
    display: flex;
    height: 33.75rem;
    margin-left: 12.1875rem;
    margin-right: 5.125rem;
    border-right: 1px solid rgba(68, 64, 63, 0.1);
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-RTXHKIPV) {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-RTXHKIPV) {
    width: 50%;
    flex-shrink: 0;
    border-left: 1px solid rgba(68, 64, 63, 0.1);
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-RTXHKIPV) {
    width: 100%;
    height: 20.84375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-RTXHKIPV).-ir {
    border-top: 1px solid rgba(68, 64, 63, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-RTXHKIPV).-ir .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 6.6875rem 5rem 6.25rem 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-RTXHKIPV).-ir .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 4.3125rem 2.8125rem 2.8125rem 3.21875rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 6.6875rem 5rem 6.25rem 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 4.3125rem 2.8125rem 2.8125rem 3.28125rem;
  }
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .en:where(.astro-RTXHKIPV),
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .jp:where(.astro-RTXHKIPV),
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .text:where(.astro-RTXHKIPV) {
  opacity: 0.5;
}
.head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV),
.head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV),
.head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV) {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV) {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c03:where(.astro-RTXHKIPV) {
    margin-left: -0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c03:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c04:where(.astro-RTXHKIPV) {
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c04:where(.astro-RTXHKIPV) {
    margin-left: -0.09375rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c05:where(.astro-RTXHKIPV) {
    margin-left: -0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c05:where(.astro-RTXHKIPV) {
    margin-left: -0.21875rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c06:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c02:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c04:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c05:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c06:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c07:where(.astro-RTXHKIPV) {
    margin-left: -0.125rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV),
.head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
  letter-spacing: 0.1em;
}
.head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
  font-weight: 600;
}
.bAndroid:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
    font-size: 1rem;
    line-height: 2;
    margin-top: 0.1875rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    margin-top: 0.375rem;
    padding-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
    font-size: 0.875rem;
    line-height: 2;
    margin-top: 2.125rem;
    padding-left: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.6875rem;
    padding-left: 0.1875rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) .icon:where(.astro-RTXHKIPV) {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .icon:where(.astro-RTXHKIPV) {
    right: 5rem;
    bottom: 6.25rem;
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .icon:where(.astro-RTXHKIPV) {
    right: 2.8125rem;
    bottom: 2.8125rem;
    width: 3.75rem;
    height: 3.75rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) .arrow:where(.astro-RTXHKIPV) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.head-itemInner:where(.astro-RTXHKIPV) .arrow:where(.astro-RTXHKIPV).-before {
  opacity: 0;
  translate: -125% 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .icon:where(.astro-RTXHKIPV) {
  scale: 1.15;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .arrow:where(.astro-RTXHKIPV).-before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .arrow:where(.astro-RTXHKIPV).-after {
  opacity: 0;
  translate: 125% 0;
}
.LRecruitParallax:where(.astro-3BOL7W2W) {
  width: 100%;
  height: 100vh;
  height: 100lvh;
  overflow: hidden;
}
.LRecruitParallax:where(.astro-3BOL7W2W) .image:where(.astro-3BOL7W2W) {
  height: 110vh;
  height: 110lvh;
  will-change: transform;
}
.LRecruitParallax:where(.astro-3BOL7W2W) img:where(.astro-3BOL7W2W) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.LRecruit:where(.astro-7DHYK7SG) {
  background-color: #e9e9e9;
  display: flex;
  justify-content: center;
  height: calc(var(--vh) * 200);
}
.contents:where(.astro-7DHYK7SG) {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100lvh;
}
.contents:where(.astro-7DHYK7SG).-fixed {
  position: fixed;
}
.caption:where(.astro-7DHYK7SG) {
  position: absolute;
  display: flex;
  flex-direction: column;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-7DHYK7SG) {
    left: 17.5rem;
    bottom: 3.125rem;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-7DHYK7SG) {
    left: 1.5625rem;
    bottom: 1.5625rem;
    font-size: 0.6875rem;
    line-height: 1.1818181818;
  }
}
.conts:where(.astro-7DHYK7SG) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-7DHYK7SG) {
    top: calc(50% + 2.5rem);
    left: calc(50% - 0.625rem);
  }
}
.conts:where(.astro-7DHYK7SG) .link:where(.astro-7DHYK7SG) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-7DHYK7SG) {
    margin-bottom: 4.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-7DHYK7SG) {
    margin-bottom: 2rem;
  }
}
.text:where(.astro-7DHYK7SG) {
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-7DHYK7SG) {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    line-height: 2.25;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-7DHYK7SG) {
    margin-bottom: 1.75rem;
    font-size: 0.75rem;
    line-height: 2.0833333333;
    white-space: nowrap;
  }
}
body#top.-loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.LSectionTitle:where(.astro-5FVFRMLM) {
  position: relative;
}
.inner:where(.astro-5FVFRMLM) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.-right:where(.astro-5FVFRMLM) .inner:where(.astro-5FVFRMLM) {
  align-items: flex-end;
}
.title-en:where(.astro-5FVFRMLM) {
  display: flex;
  flex-direction: column;
}
.line:where(.astro-5FVFRMLM) {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-5FVFRMLM) {
    height: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-5FVFRMLM) + .line:where(.astro-5FVFRMLM) {
    margin-top: -0.0625rem;
  }
}
.-right:where(.astro-5FVFRMLM) .line:where(.astro-5FVFRMLM) {
  justify-content: flex-end;
}
.chars:where(.astro-5FVFRMLM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .chars:where(.astro-5FVFRMLM) {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chars:where(.astro-5FVFRMLM) {
    font-size: 2.5rem;
  }
}
.charWrap:where(.astro-5FVFRMLM) {
  overflow: hidden;
}
.char:where(.astro-5FVFRMLM) {
  display: inline-block;
  transform: translate(-1em);
}
.title-ja:where(.astro-5FVFRMLM) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-5FVFRMLM) .title-ja:where(.astro-5FVFRMLM) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-5FVFRMLM) {
    font-size: 2.5rem;
    letter-spacing: 0.05em;
    margin-top: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-5FVFRMLM) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    margin-top: 1.25rem;
    margin-right: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) {
    padding-top: 10.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) {
    padding-top: 5.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .title:where(.astro-6JTJRQ6I) .title-ja {
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .title:where(.astro-6JTJRQ6I) .title-ja {
    letter-spacing: 0.09em;
    margin-top: 0.59375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) {
    margin-top: 4.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) {
    margin-top: 2.375rem;
  }
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item:where(.astro-6JTJRQ6I) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item:where(.astro-6JTJRQ6I):last-child {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-link:where(.astro-6JTJRQ6I) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-link:where(.astro-6JTJRQ6I) {
    display: flex;
    align-items: center;
    padding-block: 2.5rem;
  }
  .news:where(.astro-6JTJRQ6I)
    .list:where(.astro-6JTJRQ6I)
    .item-link:where(.astro-6JTJRQ6I)
    .item-date:where(.astro-6JTJRQ6I),
  .news:where(.astro-6JTJRQ6I)
    .list:where(.astro-6JTJRQ6I)
    .item-link:where(.astro-6JTJRQ6I)
    .item-type:where(.astro-6JTJRQ6I),
  .news:where(.astro-6JTJRQ6I)
    .list:where(.astro-6JTJRQ6I)
    .item-link:where(.astro-6JTJRQ6I)
    .item-text:where(.astro-6JTJRQ6I),
  .news:where(.astro-6JTJRQ6I)
    .list:where(.astro-6JTJRQ6I)
    .item-link:where(.astro-6JTJRQ6I)
    .item-icon-text:where(.astro-6JTJRQ6I) {
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-link:where(.astro-6JTJRQ6I) {
    display: block;
    padding-block: 2.3125rem 1.875rem;
  }
}
[data-whatintent="mouse"]
  .news:where(.astro-6JTJRQ6I)
  .list:where(.astro-6JTJRQ6I)
  .item-link:where(.astro-6JTJRQ6I):hover
  .item-date:where(.astro-6JTJRQ6I),
[data-whatintent="mouse"]
  .news:where(.astro-6JTJRQ6I)
  .list:where(.astro-6JTJRQ6I)
  .item-link:where(.astro-6JTJRQ6I):hover
  .item-type:where(.astro-6JTJRQ6I),
[data-whatintent="mouse"]
  .news:where(.astro-6JTJRQ6I)
  .list:where(.astro-6JTJRQ6I)
  .item-link:where(.astro-6JTJRQ6I):hover
  .item-text:where(.astro-6JTJRQ6I),
[data-whatintent="mouse"]
  .news:where(.astro-6JTJRQ6I)
  .list:where(.astro-6JTJRQ6I)
  .item-link:where(.astro-6JTJRQ6I):hover
  .item-icon-text:where(.astro-6JTJRQ6I) {
  opacity: 0.5;
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-date:where(.astro-6JTJRQ6I) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-date:where(.astro-6JTJRQ6I) {
    font-size: 1.125rem;
    margin-right: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-date:where(.astro-6JTJRQ6I) {
    font-size: 0.875rem;
    margin-right: 0.5rem;
  }
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-type:where(.astro-6JTJRQ6I) {
  background-color: #eee;
  border: 1px solid #f4f9fd;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-type:where(.astro-6JTJRQ6I) {
    font-size: 0.75rem;
    padding: 0.625rem 1.875rem;
    border-radius: 1.25rem;
    margin-right: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-type:where(.astro-6JTJRQ6I) {
    font-size: 0.75rem;
    padding: 0.3125rem 0.78125rem;
    border-radius: 1.5625rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-text:where(.astro-6JTJRQ6I) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-text:where(.astro-6JTJRQ6I) {
    margin-top: 1.5625rem;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
  }
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon:where(.astro-6JTJRQ6I) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon:where(.astro-6JTJRQ6I) {
    position: absolute;
    right: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon:where(.astro-6JTJRQ6I) {
    margin-top: 0.625rem;
    justify-content: flex-end;
  }
}
.news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon-text:where(.astro-6JTJRQ6I) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon-text:where(.astro-6JTJRQ6I) {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    margin-right: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon-text:where(.astro-6JTJRQ6I) {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    margin-right: 0.34375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon:where(.astro-6JTJRQ6I) .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .list:where(.astro-6JTJRQ6I) .item-icon:where(.astro-6JTJRQ6I) svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) {
    margin-top: 4.375rem;
    width: 13.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) .texts {
    margin-right: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) .texts {
    margin-right: 1.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) .en {
    margin-bottom: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) .en {
    letter-spacing: -0.025em;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-6JTJRQ6I) .link:where(.astro-6JTJRQ6I) .ja {
    margin-left: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LShareholder:where(.astro-ZMM7IIGQ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LShareholder:where(.astro-ZMM7IIGQ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LShareholder:where(.astro-ZMM7IIGQ) {
    padding-top: 10.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LShareholder:where(.astro-ZMM7IIGQ) {
    margin-top: 5.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-ZMM7IIGQ) .title-ja {
    margin-top: 1.3125rem;
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-ZMM7IIGQ) .title-ja {
    margin-top: 0.625rem;
  }
}
.linkList:where(.astro-ZMM7IIGQ) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZMM7IIGQ) {
    gap: 0.6875rem;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZMM7IIGQ) {
    gap: 0.3125rem;
    margin-top: 3.1875rem;
  }
}
.linkWrap:where(.astro-ZMM7IIGQ) {
  overflow: hidden;
  position: relative;
}
[data-whatintent="mouse"] .linkWrap:where(.astro-ZMM7IIGQ):hover .image:where(.astro-ZMM7IIGQ) {
  scale: 1.07;
}
.link-sh:where(.astro-ZMM7IIGQ) {
  color: #f4f9fd;
}
@media screen and (min-width: 768px) {
  .link-sh:where(.astro-ZMM7IIGQ) {
    width: 23.75rem;
    height: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-sh:where(.astro-ZMM7IIGQ) {
    width: 100%;
    height: 8.125rem;
  }
}
.link-sh:where(.astro-ZMM7IIGQ) img:where(.astro-ZMM7IIGQ) {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.link-sh:where(.astro-ZMM7IIGQ) .circle:where(.astro-ZMM7IIGQ) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .link-sh:where(.astro-ZMM7IIGQ) .circle:where(.astro-ZMM7IIGQ) {
    bottom: 1.25rem;
    right: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-sh:where(.astro-ZMM7IIGQ) .circle:where(.astro-ZMM7IIGQ) {
    bottom: 1.25rem;
    right: 1.125rem;
  }
}
.titleJp:where(.astro-ZMM7IIGQ) {
  position: absolute;
  font-weight: 600;
  z-index: 2;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-ZMM7IIGQ) .titleJp:where(.astro-ZMM7IIGQ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .titleJp:where(.astro-ZMM7IIGQ) {
    top: 1.875rem;
    left: 1.875rem;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleJp:where(.astro-ZMM7IIGQ) {
    top: 1.875rem;
    left: 1.8125rem;
    font-size: 1.0625rem;
    letter-spacing: 0.05em;
  }
}
.imgBG:where(.astro-ZMM7IIGQ) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) {
    margin-top: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ) {
    margin-top: 6.25rem;
  }
}
.relatedLink:where(.astro-ZMM7IIGQ) .title:where(.astro-ZMM7IIGQ) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .title:where(.astro-ZMM7IIGQ) {
    padding-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .title:where(.astro-ZMM7IIGQ) {
    padding-bottom: 0.9375rem;
  }
}
.relatedLink:where(.astro-ZMM7IIGQ) .title-en:where(.astro-ZMM7IIGQ) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .title-en:where(.astro-ZMM7IIGQ) {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .title-jp:where(.astro-ZMM7IIGQ) {
    font-size: 0.875rem;
    margin-left: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) {
    display: flex;
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) .item:where(.astro-ZMM7IIGQ) {
    padding-top: 0.4375rem;
    width: 24.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) .item:where(.astro-ZMM7IIGQ) {
    padding-top: 1.53125rem;
    padding-bottom: 1.03125rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) .item:where(.astro-ZMM7IIGQ):nth-of-type(2) {
    width: 26.25rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) .item:where(.astro-ZMM7IIGQ):nth-of-type(3) {
    width: 22.5rem;
  }
}
.relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) .item-link:where(.astro-ZMM7IIGQ) {
  display: flex;
  position: relative;
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ) .list:where(.astro-ZMM7IIGQ) .item-link:where(.astro-ZMM7IIGQ) {
    align-items: center;
    gap: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .img:where(.astro-ZMM7IIGQ) {
    width: 11.875rem;
    height: 7.375rem;
    margin-right: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .img:where(.astro-ZMM7IIGQ) {
    width: 9.1875rem;
    height: 5.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .text:where(.astro-ZMM7IIGQ) {
    padding-top: 1.1875rem;
  }
}
.relatedLink:where(.astro-ZMM7IIGQ)
  .list:where(.astro-ZMM7IIGQ)
  .item:where(.astro-ZMM7IIGQ)
  .text-en:where(.astro-ZMM7IIGQ) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .text-en:where(.astro-ZMM7IIGQ) {
    font-size: 1.25rem;
    letter-spacing: -0.025em;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .text-en:where(.astro-ZMM7IIGQ) {
    font-size: 0.9375rem;
    letter-spacing: -0.025em;
  }
}
.relatedLink:where(.astro-ZMM7IIGQ)
  .list:where(.astro-ZMM7IIGQ)
  .item:where(.astro-ZMM7IIGQ)
  .text-jp:where(.astro-ZMM7IIGQ) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .text-jp:where(.astro-ZMM7IIGQ) {
    font-size: 0.875rem;
    margin-right: 0.625rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .text-jp:where(.astro-ZMM7IIGQ) {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
.relatedLink:where(.astro-ZMM7IIGQ)
  .list:where(.astro-ZMM7IIGQ)
  .item:where(.astro-ZMM7IIGQ)
  .link:where(.astro-ZMM7IIGQ) {
  display: flex;
  align-items: center;
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .link:where(.astro-ZMM7IIGQ) {
    margin-top: 0.9375rem;
    padding: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .link:where(.astro-ZMM7IIGQ) {
    margin-top: 1.25rem;
    gap: 0.3125rem;
  }
}
[data-whatintent="mouse"]
  .relatedLink:where(.astro-ZMM7IIGQ)
  .list:where(.astro-ZMM7IIGQ)
  .item:where(.astro-ZMM7IIGQ)
  .link:where(.astro-ZMM7IIGQ):hover
  .text-jp:where(.astro-ZMM7IIGQ) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .link:where(.astro-ZMM7IIGQ):nth-of-type(2) {
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .link:where(.astro-ZMM7IIGQ):nth-of-type(2) {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .CWhiteArrow:where(.astro-ZMM7IIGQ) {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-ZMM7IIGQ)
    .list:where(.astro-ZMM7IIGQ)
    .item:where(.astro-ZMM7IIGQ)
    .CWhiteArrow:where(.astro-ZMM7IIGQ)
    svg {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) {
    padding-top: 10.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) {
    padding-top: 5.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) .title:where(.astro-OL36UZVB) .title-en {
    margin-right: -0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .title:where(.astro-OL36UZVB) .title-en {
    margin-right: -0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) .title:where(.astro-OL36UZVB) .title-ja {
    margin-top: 1.25rem;
    margin-right: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .title:where(.astro-OL36UZVB) .title-ja {
    letter-spacing: 0.09em;
    margin-top: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) {
    margin-top: 6.25rem;
    margin-botom: 11.25rem;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 6.5rem 4.625rem;
    grid-template-areas: "areaA areaB areaC" "areaD areaD areaC";
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) {
    margin-top: 3.75rem;
  }
}
.LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .item-titleJa:where(.astro-OL36UZVB) {
  display: block;
  font-weight: 600;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.bAndroid:where(.astro-OL36UZVB)
  .LInfo:where(.astro-OL36UZVB)
  .container:where(.astro-OL36UZVB)
  .item-titleJa:where(.astro-OL36UZVB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .item-titleJa:where(.astro-OL36UZVB) {
    font-size: 1.75rem;
    padding-top: 1.875rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .item-titleJa:where(.astro-OL36UZVB) {
    font-size: 1.3125rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemA:where(.astro-OL36UZVB) {
  grid-area: areaA;
}
.LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemB:where(.astro-OL36UZVB) {
  grid-area: areaB;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemB:where(.astro-OL36UZVB) {
    margin-top: 3.5625rem;
  }
}
.LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemC:where(.astro-OL36UZVB) {
  grid-area: areaC;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemC:where(.astro-OL36UZVB) {
    margin-top: 3.5rem;
  }
}
.LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemD:where(.astro-OL36UZVB) {
  grid-area: areaD;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .itemD:where(.astro-OL36UZVB) {
    margin-top: 3.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .list-area:where(.astro-OL36UZVB) {
    display: flex;
  }
}
.LInfo:where(.astro-OL36UZVB)
  .container:where(.astro-OL36UZVB)
  .list:where(.astro-OL36UZVB)
  .item:where(.astro-OL36UZVB) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.LInfo:where(.astro-OL36UZVB)
  .container:where(.astro-OL36UZVB)
  .list:where(.astro-OL36UZVB)
  .item:where(.astro-OL36UZVB):last-child {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB)
    .container:where(.astro-OL36UZVB)
    .list:where(.astro-OL36UZVB)
    .item-circle:where(.astro-OL36UZVB) {
    margin-top: 0.625rem;
    margin-bottom: 0.575rem;
  }
}
.LInfo:where(.astro-OL36UZVB)
  .container:where(.astro-OL36UZVB)
  .list:where(.astro-OL36UZVB)
  .item-link:where(.astro-OL36UZVB) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB)
    .container:where(.astro-OL36UZVB)
    .list:where(.astro-OL36UZVB)
    .item-link:where(.astro-OL36UZVB) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
[data-whatintent="mouse"]
  .LInfo:where(.astro-OL36UZVB)
  .container:where(.astro-OL36UZVB)
  .list:where(.astro-OL36UZVB)
  .item-link:where(.astro-OL36UZVB):hover
  .item-text:where(.astro-OL36UZVB) {
  opacity: 0.5;
}
.LInfo:where(.astro-OL36UZVB)
  .container:where(.astro-OL36UZVB)
  .list:where(.astro-OL36UZVB)
  .item-text:where(.astro-OL36UZVB) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB)
    .container:where(.astro-OL36UZVB)
    .list:where(.astro-OL36UZVB)
    .item-text:where(.astro-OL36UZVB) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB)
    .container:where(.astro-OL36UZVB)
    .list:where(.astro-OL36UZVB)
    .item-text:where(.astro-OL36UZVB) {
    font-size: 0.875rem;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-OL36UZVB) .container:where(.astro-OL36UZVB) .list-d:where(.astro-OL36UZVB) {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 5rem 4.625rem;
    grid-template-areas: "listA listB ";
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-OL36UZVB)
    .container:where(.astro-OL36UZVB)
    .listA:where(.astro-OL36UZVB)
    .item:where(.astro-OL36UZVB):last-child {
    border-bottom: none;
  }
}
.LMovie:where(.astro-27T4HEW6) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .LMovie:where(.astro-27T4HEW6) {
    padding-top: 12rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMovie:where(.astro-27T4HEW6) {
    padding-top: 10.375rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-27T4HEW6) {
    margin-inline: 21.375rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-27T4HEW6) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-27T4HEW6) {
    display: flex;
    justify-content: space-between;
    column-gap: 2.875rem;
  }
}
.title:where(.astro-27T4HEW6) {
  display: flex;
}
.title-en:where(.astro-27T4HEW6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-27T4HEW6) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-27T4HEW6) {
    font-size: 1.3125rem;
  }
}
.title-ja:where(.astro-27T4HEW6) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-27T4HEW6) {
    font-size: 1.125rem;
    margin-top: 0.375rem;
    margin-left: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-27T4HEW6) {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    margin-left: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-27T4HEW6) + .item:where(.astro-27T4HEW6) {
    margin-top: 3.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .image:where(.astro-27T4HEW6) {
    margin-top: 2.875rem;
    width: 33.125rem;
    height: 18.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-27T4HEW6) {
    margin-top: 1.6875rem;
    width: 100%;
    height: 12.5rem;
  }
}
.image:where(.astro-27T4HEW6) img:where(.astro-27T4HEW6) {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.bottom:where(.astro-27T4HEW6) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-27T4HEW6) {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-27T4HEW6) {
    margin-top: 1.25rem;
  }
}
.link:where(.astro-27T4HEW6) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-27T4HEW6) {
    padding-block: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-27T4HEW6) {
    padding-block: 0.75rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-27T4HEW6):hover .link-text:where(.astro-27T4HEW6) {
  opacity: 0.5;
}
.link-text:where(.astro-27T4HEW6) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .link-text:where(.astro-27T4HEW6) {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .link-arrow:where(.astro-27T4HEW6) {
    margin-right: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-arrow:where(.astro-27T4HEW6) {
    margin-right: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .LDocument:where(.astro-KE2IUYWN) {
    padding-top: 10.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LDocument:where(.astro-KE2IUYWN) {
    padding-top: 6.25rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-KE2IUYWN) {
    margin-right: -0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-KE2IUYWN) .title-ja {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-KE2IUYWN) .title-ja {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-KE2IUYWN) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-KE2IUYWN) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-KE2IUYWN) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6.25rem;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-KE2IUYWN) {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-KE2IUYWN) {
    width: 33.125rem;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-KE2IUYWN) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-KE2IUYWN):first-child,
  .item:where(.astro-KE2IUYWN):nth-child(2) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.item-content:where(.astro-KE2IUYWN) {
  display: flex;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.item-link:where(.astro-KE2IUYWN) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .item-link:where(.astro-KE2IUYWN) {
    padding-block: 3.125rem 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-link:where(.astro-KE2IUYWN) {
    padding-block: 1.875rem;
  }
}
[data-whatintent="mouse"] .item-link:where(.astro-KE2IUYWN):hover .item-content:where(.astro-KE2IUYWN),
[data-whatintent="mouse"] .item-link:where(.astro-KE2IUYWN):hover .item-arrowText:where(.astro-KE2IUYWN) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .item-date:where(.astro-KE2IUYWN) {
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .item-date:where(.astro-KE2IUYWN),
  .item-text:where(.astro-KE2IUYWN) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .item-date:where(.astro-KE2IUYWN),
  .item-text:where(.astro-KE2IUYWN) {
    letter-spacing: 0.03em;
  }
}
.item-arrow:where(.astro-KE2IUYWN) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .item-arrow:where(.astro-KE2IUYWN) .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .item-arrow:where(.astro-KE2IUYWN) svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-arrow:where(.astro-KE2IUYWN) svg {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
.item-arrowText:where(.astro-KE2IUYWN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .item-arrowText:where(.astro-KE2IUYWN) {
    font-size: 0.875rem;
    margin-right: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-arrowText:where(.astro-KE2IUYWN) {
    font-size: 0.75rem;
    margin-top: 0.0625rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .LRelatedLinks:where(.astro-CA2O4AGE) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LRelatedLinks:where(.astro-CA2O4AGE) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LRelatedLinks:where(.astro-CA2O4AGE) {
    padding-top: 9rem;
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LRelatedLinks:where(.astro-CA2O4AGE) {
    padding-top: 7.03125rem;
    margin-bottom: 5.625rem;
  }
}
.title:where(.astro-CA2O4AGE) {
  display: flex;
  align-items: center;
}
.title-en:where(.astro-CA2O4AGE) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-CA2O4AGE) {
    font-size: 2rem;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-CA2O4AGE) {
    font-size: 1.0625rem;
  }
}
.title-ja:where(.astro-CA2O4AGE) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-CA2O4AGE) {
    margin-bottom: 0.125rem;
    margin-left: 1.9375rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-CA2O4AGE) {
    font-size: 0.75rem;
    margin-top: 0.125rem;
    margin-left: 0.9375rem;
  }
}
.list:where(.astro-CA2O4AGE) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .list:where(.astro-CA2O4AGE) {
    display: flex;
    column-gap: 0.6875rem;
    margin-top: 1.625rem;
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-CA2O4AGE) {
    margin-top: 0.75rem;
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-CA2O4AGE) + .item:where(.astro-CA2O4AGE) {
    margin-top: 0.3125rem;
  }
}
.link:where(.astro-CA2O4AGE) {
  position: relative;
  display: block;
}
[data-whatintent="mouse"] .link:where(.astro-CA2O4AGE):hover .image:where(.astro-CA2O4AGE) img:where(.astro-CA2O4AGE) {
  transform: scale(1.07);
}
.image:where(.astro-CA2O4AGE) {
  overflow: hidden;
}
.image:where(.astro-CA2O4AGE) img:where(.astro-CA2O4AGE) {
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.text:where(.astro-CA2O4AGE) {
  position: absolute;
  color: #fff;
  font-feature-settings: initial;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-CA2O4AGE) .text:where(.astro-CA2O4AGE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-CA2O4AGE) {
    font-size: 1.375rem;
    top: 1.875rem;
    left: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-CA2O4AGE) {
    font-size: 1.0625rem;
    top: 1.875rem;
    left: 1.875rem;
  }
}
.arrow:where(.astro-CA2O4AGE) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .arrow:where(.astro-CA2O4AGE) {
    bottom: 1.25rem;
    right: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .arrow:where(.astro-CA2O4AGE) {
    bottom: 1.25rem;
    right: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .ir:where(.astro-VIDBXQCH) {
    padding-top: 22.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .ir:where(.astro-VIDBXQCH) {
    padding-top: 14.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-VIDBXQCH) {
    display: flex;
    align-items: flex-end;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-VIDBXQCH) {
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-VIDBXQCH) .CPageTitle:where(.astro-VIDBXQCH) {
    margin-bottom: 0;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-VIDBXQCH) .CPageTitle:where(.astro-VIDBXQCH) {
    margin-left: -0.125rem;
    margin-bottom: 4.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .nav:where(.astro-VIDBXQCH) {
    margin-left: 10.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .nav:where(.astro-VIDBXQCH) {
    margin-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .nav:where(.astro-VIDBXQCH) .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .nav:where(.astro-VIDBXQCH) .CWhiteArrow {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .nav:where(.astro-VIDBXQCH) svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-VIDBXQCH) {
    margin-left: auto;
  }
}
.LPageTitle:where(.astro-K25WUODM) {
  position: relative;
}
.inner:where(.astro-K25WUODM) {
  position: relative;
}
.title-en:where(.astro-K25WUODM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-K25WUODM) {
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-K25WUODM) {
    font-size: 3.75rem;
  }
}
.position:where(.astro-K25WUODM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-K25WUODM) {
    font-size: 1.375rem;
    margin-top: 1.375rem;
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-K25WUODM) {
    margin-top: 0.8125rem;
    margin-left: 0.25rem;
    font-size: 0.875rem;
  }
}
.LCredo:where(.astro-4UZI5ZAT) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .LCredo:where(.astro-4UZI5ZAT) {
    margin-top: -16.75rem;
    margin-left: 34.25rem;
    padding-top: 7.3125rem;
    padding-left: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCredo:where(.astro-4UZI5ZAT) {
    margin-top: -4.8125rem;
    margin-right: 1.875rem;
    margin-left: 3.6875rem;
    padding-top: 2.5rem;
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-4UZI5ZAT) {
    width: 39.75rem;
  }
}
.headEn:where(.astro-4UZI5ZAT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .headEn:where(.astro-4UZI5ZAT) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headEn:where(.astro-4UZI5ZAT) {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .headJa:where(.astro-4UZI5ZAT) {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headJa:where(.astro-4UZI5ZAT) {
    margin-top: 0.5rem;
  }
}
.title:where(.astro-4UZI5ZAT) {
  font-weight: 600;
}
.bAndroid:where(.astro-4UZI5ZAT) .title:where(.astro-4UZI5ZAT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-4UZI5ZAT) {
    font-size: 2.5rem;
    line-height: 1.65;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-4UZI5ZAT) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-4UZI5ZAT) {
    font-feature-settings: initial;
    line-height: 2;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-4UZI5ZAT) {
    margin-top: 1.25rem;
    line-height: 1.75;
    text-align: justify;
  }
}
.link:where(.astro-4UZI5ZAT) {
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-4UZI5ZAT) {
    margin-top: 4.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-4UZI5ZAT) {
    margin-top: 2.125rem;
  }
}
.linkInner:where(.astro-4UZI5ZAT) {
  display: inline-flex;
}
[data-whatintent="mouse"] .linkInner:where(.astro-4UZI5ZAT):hover .linkText:where(.astro-4UZI5ZAT) {
  opacity: 0.5;
}
.linkText:where(.astro-4UZI5ZAT) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.textEn:where(.astro-4UZI5ZAT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .textEn:where(.astro-4UZI5ZAT) {
    font-size: 1.5rem;
    margin-top: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textEn:where(.astro-4UZI5ZAT) {
    font-size: 1.3125rem;
    margin-top: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .textJa:where(.astro-4UZI5ZAT) {
    margin-top: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textJa:where(.astro-4UZI5ZAT) {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-4UZI5ZAT) {
    margin-left: 2.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-4UZI5ZAT) {
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LKv:where(.astro-EHU6JX6V) {
    margin-top: 3.625rem;
  }
}
.content:where(.astro-EHU6JX6V) {
  position: relative;
}
.LKvImage:where(.astro-EHU6JX6V) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LKvImage:where(.astro-EHU6JX6V) {
    width: 83.75rem;
    height: 51rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvImage:where(.astro-EHU6JX6V) {
    width: 24rem;
    height: 25rem;
  }
}
.credo:where(.astro-EHU6JX6V) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .credo:where(.astro-EHU6JX6V) {
    margin-top: -16.75rem;
    margin-left: 34.25rem;
    padding-top: 7.3125rem;
    padding-left: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo:where(.astro-EHU6JX6V) {
    margin-top: -4.8125rem;
    margin-right: 1.875rem;
    margin-left: 3.6875rem;
    padding-top: 2.5rem;
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-inner:where(.astro-EHU6JX6V) {
    width: 39.75rem;
  }
}
.credo-headEn:where(.astro-EHU6JX6V) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .credo-headEn:where(.astro-EHU6JX6V) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-headEn:where(.astro-EHU6JX6V) {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-headJa:where(.astro-EHU6JX6V) {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-headJa:where(.astro-EHU6JX6V) {
    margin-top: 0.5rem;
  }
}
.credo-title:where(.astro-EHU6JX6V) {
  font-weight: 600;
}
.bAndroid:where(.astro-EHU6JX6V) .credo-title:where(.astro-EHU6JX6V) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .credo-title:where(.astro-EHU6JX6V) {
    font-size: 2.5rem;
    line-height: 1.65;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-title:where(.astro-EHU6JX6V) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-text:where(.astro-EHU6JX6V) {
    font-feature-settings: initial;
    line-height: 2;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-text:where(.astro-EHU6JX6V) {
    margin-top: 1.25rem;
    line-height: 1.75;
    text-align: justify;
  }
}
.credo-link:where(.astro-EHU6JX6V) {
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 768px) {
  .credo-link:where(.astro-EHU6JX6V) {
    margin-top: 4.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-link:where(.astro-EHU6JX6V) {
    margin-top: 2.125rem;
  }
}
.credo-linkInner:where(.astro-EHU6JX6V) {
  display: inline-flex;
}
.credo-textEn:where(.astro-EHU6JX6V) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .credo-textEn:where(.astro-EHU6JX6V) {
    font-size: 1.5rem;
    margin-top: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-textEn:where(.astro-EHU6JX6V) {
    font-size: 1.3125rem;
    margin-top: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-textJa:where(.astro-EHU6JX6V) {
    margin-top: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-textJa:where(.astro-EHU6JX6V) {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-icon:where(.astro-EHU6JX6V) {
    margin-left: 2.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-icon:where(.astro-EHU6JX6V) {
    margin-left: 0.625rem;
  }
}
.LParagraph:where(.astro-P22DA7LY) {
  overflow: hidden;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .LParagraph:where(.astro-P22DA7LY) {
    padding-top: 10.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LParagraph:where(.astro-P22DA7LY) {
    padding-top: 6.25rem;
  }
}
.image:where(.astro-P22DA7LY) {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-P22DA7LY) {
    margin-left: 12.1875rem;
    width: 87.5rem;
    height: 53.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-P22DA7LY) {
    width: 100%;
    height: 25.9375rem;
  }
}
.image-inner:where(.astro-P22DA7LY) img:where(.astro-P22DA7LY) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content:where(.astro-P22DA7LY) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-P22DA7LY) {
    padding-top: 13.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-P22DA7LY) {
    padding-top: 4.5rem;
  }
}
.paragraph:where(.astro-P22DA7LY) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-P22DA7LY) + .paragraph:where(.astro-P22DA7LY) {
    padding-top: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .paragraph:where(.astro-P22DA7LY) + .paragraph:where(.astro-P22DA7LY) {
    padding-top: 4.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-P22DA7LY).-reverse .inner:where(.astro-P22DA7LY) {
    flex-direction: row-reverse;
    justify-content: left;
  }
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-P22DA7LY).-reverse .index:where(.astro-P22DA7LY) {
    text-align: right;
  }
  .paragraph:where(.astro-P22DA7LY).-reverse .index:where(.astro-P22DA7LY):before {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-P22DA7LY) {
    display: flex;
    margin-inline: 25.75rem 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-P22DA7LY) {
    margin-inline: 3.875rem;
  }
}
.index:where(.astro-P22DA7LY) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-P22DA7LY) {
    width: 25.125rem;
  }
}
.index-lead:where(.astro-P22DA7LY) {
  font-weight: 600;
}
.bAndroid:where(.astro-P22DA7LY) .index-lead:where(.astro-P22DA7LY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index-lead:where(.astro-P22DA7LY) {
    font-size: 1.5rem;
    line-height: 1.4166666667;
    padding-top: 7.125rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-lead:where(.astro-P22DA7LY) {
    font-size: 0.9375rem;
    line-height: 1.4;
    padding-top: 3.5625rem;
  }
}
.index:where(.astro-P22DA7LY):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-P22DA7LY):before {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-P22DA7LY):before {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .main:where(.astro-P22DA7LY) {
    width: 31.5rem;
    margin-top: 6.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-P22DA7LY) {
    margin-top: 2.4375rem;
  }
}
.title:where(.astro-P22DA7LY) {
  font-weight: 600;
}
.bAndroid:where(.astro-P22DA7LY) .title:where(.astro-P22DA7LY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-P22DA7LY) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-P22DA7LY) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-P22DA7LY) {
    margin-top: 3.125rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-P22DA7LY) {
    margin-top: 1.3125rem;
    line-height: 1.75;
  }
}
.marqueeWrap:where(.astro-P22DA7LY) {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.marquee:where(.astro-P22DA7LY) {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-P22DA7LY) {
    margin-left: 12.1875rem;
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-P22DA7LY) {
    width: 100%;
    height: 7rem;
  }
}
.marquee:where(.astro-P22DA7LY).-active {
  opacity: 1;
}
.marqueeInner:where(.astro-P22DA7LY) {
  display: flex;
  align-items: center;
}
.marqueeText:where(.astro-P22DA7LY) {
  fill: transparent;
  stroke: #fff;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-P22DA7LY) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-P22DA7LY) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LQouestion:where(.astro-5O72ACWD) {
    padding-top: 14.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LQouestion:where(.astro-5O72ACWD) {
    padding-top: 4.6875rem;
  }
}
.image:where(.astro-5O72ACWD) {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-5O72ACWD) {
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-5O72ACWD) {
    height: 17.25rem;
  }
}
.image:where(.astro-5O72ACWD) img:where(.astro-5O72ACWD) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-5O72ACWD) img:where(.astro-5O72ACWD) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-5O72ACWD) img:where(.astro-5O72ACWD) {
    height: 20.375rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-5O72ACWD) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-5O72ACWD) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-5O72ACWD) {
    padding-top: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-5O72ACWD) {
    padding-top: 7.5rem;
  }
}
.question:where(.astro-5O72ACWD) {
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .question:where(.astro-5O72ACWD) {
    padding-top: 9.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question:where(.astro-5O72ACWD) {
    padding-top: 5.125rem;
  }
}
@media screen and (min-width: 768px) {
  .question:where(.astro-5O72ACWD) + .question:where(.astro-5O72ACWD) {
    padding-top: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question:where(.astro-5O72ACWD) + .question:where(.astro-5O72ACWD) {
    padding-top: 4.5rem;
  }
}
.question-index:where(.astro-5O72ACWD) {
  display: flex;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .question-index:where(.astro-5O72ACWD) {
    padding-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-index:where(.astro-5O72ACWD) {
    padding-bottom: 0.9375rem;
  }
}
.question-q:where(.astro-5O72ACWD) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .question-q:where(.astro-5O72ACWD) {
    letter-spacing: -0.025em;
    width: 16.5rem;
    font-size: 1.5rem;
    margin-top: 0.25rem;
    margin-left: -0.125rem;
  }
}
.question-num:where(.astro-5O72ACWD) {
  position: relative;
}
.question-num:where(.astro-5O72ACWD):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .question-num:where(.astro-5O72ACWD):before {
    top: 0.375rem;
    left: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-num:where(.astro-5O72ACWD):before {
    left: 0.125rem;
  }
}
.question-indexTitle:where(.astro-5O72ACWD) {
  font-weight: 600;
}
.bAndroid:where(.astro-5O72ACWD) .question-indexTitle:where(.astro-5O72ACWD) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .question-indexTitle:where(.astro-5O72ACWD) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-indexTitle:where(.astro-5O72ACWD) {
    margin-left: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .question-answer:where(.astro-5O72ACWD) {
    margin-top: 4.125rem;
    margin-left: 16.375rem;
    width: 48.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-answer:where(.astro-5O72ACWD) {
    margin-top: 2.1875rem;
  }
}
.question-answerTitle:where(.astro-5O72ACWD) {
  font-weight: 600;
}
.bAndroid:where(.astro-5O72ACWD) .question-answerTitle:where(.astro-5O72ACWD) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .question-answerTitle:where(.astro-5O72ACWD) {
    font-size: 2.75rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .question-answerTitle:where(.astro-5O72ACWD) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .question-answerText:where(.astro-5O72ACWD) {
    margin-top: 2.375rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .question-answerText:where(.astro-5O72ACWD) {
    margin-top: 1.4375rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .LProjects:where(.astro-O4IIMGBF) {
    padding-top: 13.375rem;
    margin-bottom: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjects:where(.astro-O4IIMGBF) {
    padding-top: 7.5rem;
    margin-bottom: 3.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-O4IIMGBF) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-O4IIMGBF) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-O4IIMGBF) {
    padding-top: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-O4IIMGBF) {
    margin-bottom: 3.125rem;
  }
}
.backTo:where(.astro-O4IIMGBF) {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-top: 4.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .backTo:where(.astro-O4IIMGBF) .CLink:where(.astro-O4IIMGBF) .en {
    letter-spacing: 0em;
  }
}
@media screen and (min-width: 768px) {
  .memberDetail:where(.astro-WRFZUFMR) {
    padding-top: 15.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-WRFZUFMR) {
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-WRFZUFMR) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-WRFZUFMR) {
    margin-top: 4.375rem;
  }
}
.CSlider:where(.astro-OEFRXXK5) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CSlider:where(.astro-OEFRXXK5) {
    padding-left: 5.625rem;
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .CSlider:where(.astro-OEFRXXK5) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .CSlider:where(.astro-OEFRXXK5) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSlider:where(.astro-OEFRXXK5) {
    padding-left: 1.875rem;
    margin-top: 2.5rem;
  }
}
.list:where(.astro-OEFRXXK5) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-OEFRXXK5) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-OEFRXXK5) {
    margin-bottom: 3.125rem;
  }
}
.item:where(.astro-OEFRXXK5) {
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-OEFRXXK5) {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-OEFRXXK5):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-OEFRXXK5):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.link:where(.astro-OEFRXXK5) {
  position: relative;
  display: block;
}
.image:where(.astro-OEFRXXK5) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-OEFRXXK5) {
    width: 56.25rem;
    height: 37.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-OEFRXXK5) {
    width: 22.125rem;
    height: 27.625rem;
  }
}
.image:where(.astro-OEFRXXK5) img:where(.astro-OEFRXXK5) {
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-OEFRXXK5) img:where(.astro-OEFRXXK5) {
    width: 62.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-OEFRXXK5) img:where(.astro-OEFRXXK5) {
    width: 50.5rem;
  }
}
.overlay:where(.astro-OEFRXXK5) {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: 0.7;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.conts:where(.astro-OEFRXXK5) {
  position: absolute;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-OEFRXXK5) {
    bottom: 2.5rem;
    left: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-OEFRXXK5) {
    left: 1.5625rem;
    bottom: 1.5625rem;
    right: 1.5625rem;
  }
}
.nameEn:where(.astro-OEFRXXK5) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameEn:where(.astro-OEFRXXK5) {
    margin-bottom: 1rem;
    font-size: 4rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameEn:where(.astro-OEFRXXK5) {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
  }
}
.nameJa:where(.astro-OEFRXXK5) {
  font-weight: 600;
}
.bAndroid:where(.astro-OEFRXXK5) .nameJa:where(.astro-OEFRXXK5) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameJa:where(.astro-OEFRXXK5) {
    margin-bottom: 2.125rem;
    font-size: 1.125rem;
    font-feature-settings: "none";
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameJa:where(.astro-OEFRXXK5) {
    margin-bottom: 1.125rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
.tags:where(.astro-OEFRXXK5) {
  display: flex;
  flex-wrap: wrap;
}
.tag:where(.astro-OEFRXXK5) {
  color: #ffffff80;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-OEFRXXK5) {
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-OEFRXXK5) {
    padding: 0.375rem 0.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-OEFRXXK5):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-OEFRXXK5):not(:last-child) {
    margin-right: 0.25rem;
  }
}
.progress:where(.astro-OEFRXXK5) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-OEFRXXK5) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-OEFRXXK5) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-OEFRXXK5) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}
.tags:where(.astro-JT7EW3BN) {
  border-bottom: 1px solid #c8c7c7;
}
@media screen and (min-width: 768px) {
  .tags:where(.astro-JT7EW3BN) {
    display: flex;
    column-gap: 0.875rem;
    padding-bottom: 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tags:where(.astro-JT7EW3BN) {
    padding-bottom: 1.4375rem;
  }
}
.tag:where(.astro-JT7EW3BN) {
  opacity: 0.5;
  cursor: pointer;
  background: #eee;
  border: 1px solid white;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-JT7EW3BN) {
    padding: 0.5rem 1.25rem;
    border-radius: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-JT7EW3BN) {
    padding: 0.34375rem 0.625rem;
    border-radius: 1.5625rem;
    margin: 0.375rem 0.5625rem 0.375rem 0;
    letter-spacing: 0.05em;
  }
}
.tag:where(.astro-JT7EW3BN)._active {
  opacity: 1;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-JT7EW3BN)._all {
    margin-right: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-JT7EW3BN)._all {
    margin-top: 0;
    margin-right: calc(90% - 1.5625rem);
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-JT7EW3BN) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-JT7EW3BN) {
    padding-top: 2.625rem;
    padding-bottom: 6.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-JT7EW3BN) {
    width: 41.25rem;
    line-height: 2;
    font-feature-settings: "none";
  }
  .head-content:where(.astro-JT7EW3BN):before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.5em;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-JT7EW3BN) {
    margin-bottom: 2.375rem;
    line-height: 1.6;
  }
}
.job:where(.astro-JT7EW3BN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .job:where(.astro-JT7EW3BN) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .job:where(.astro-JT7EW3BN) {
    font-size: 1.0625rem;
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .anchorLinks:where(.astro-JT7EW3BN) {
    margin-top: -1.375rem;
  }
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) + .card:where(.astro-B6YVSK6U) {
    margin-top: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .card:where(.astro-B6YVSK6U) + .card:where(.astro-B6YVSK6U) {
    margin-top: 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) {
    font-size: 1.125rem;
    margin-bottom: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) {
    font-size: 0.6875rem;
  }
}
.card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) .bold:where(.astro-B6YVSK6U) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) .bold:where(.astro-B6YVSK6U) {
    margin-right: 0.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) .bold:where(.astro-B6YVSK6U) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-B6YVSK6U) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-B6YVSK6U) {
    margin-top: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-B6YVSK6U) {
    width: 22.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-B6YVSK6U):not(:last-child) {
    margin-bottom: 3.375rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-B6YVSK6U):hover .image:where(.astro-B6YVSK6U).-portrait {
  clip-path: inset(0 100% 0 0);
  translate: -1.875rem;
}
[data-whatintent="mouse"] .link:where(.astro-B6YVSK6U):hover .image:where(.astro-B6YVSK6U).-project {
  translate: 0;
}
[data-whatintent="mouse"] .link:where(.astro-B6YVSK6U):hover .content:where(.astro-B6YVSK6U) {
  opacity: 0.5;
}
.thumb:where(.astro-B6YVSK6U) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-B6YVSK6U) {
    width: 22.5rem;
    height: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-B6YVSK6U) {
    width: 22.125rem;
    height: 14.75rem;
  }
}
.image:where(.astro-B6YVSK6U).-portrait {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0);
  scale: 1.05;
  transition: clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1), translate 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.image:where(.astro-B6YVSK6U).-project {
  translate: 1.875rem;
  transition: translate 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.flex:where(.astro-B6YVSK6U) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 767.99px) {
  .flex:where(.astro-B6YVSK6U) {
    padding-top: 0.625rem;
  }
}
.flex:where(.astro-B6YVSK6U) .content:where(.astro-B6YVSK6U) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .title:where(.astro-B6YVSK6U) {
    font-size: 1.1875rem;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    padding-block: 1.75rem 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-B6YVSK6U) {
    font-size: 0.9375rem;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.025em;
    margin-bottom: 0.4375rem;
  }
}
.text:where(.astro-B6YVSK6U) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-B6YVSK6U) {
    font-size: 0.75rem;
  }
}
.icon:where(.astro-B6YVSK6U) {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-B6YVSK6U) {
    width: 2.9375rem;
    height: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-B6YVSK6U) {
    position: relative;
    bottom: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .member-list:where(.astro-C2SSNHJZ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .member-list:where(.astro-C2SSNHJZ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .member-list:where(.astro-C2SSNHJZ) {
    padding-top: 9.4375rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .member-list:where(.astro-C2SSNHJZ) {
    padding-top: 7.4375rem;
    padding-bottom: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-C2SSNHJZ) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-C2SSNHJZ) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-C2SSNHJZ) {
    margin-top: 12.125rem;
    padding-left: 0.375rem;
  }
}
.CAnchorLink:where(.astro-FWWEYRL7) {
  display: flex;
  align-items: center;
}
[data-whatintent="mouse"] .CAnchorLink:where(.astro-FWWEYRL7):hover .text:where(.astro-FWWEYRL7) {
  opacity: 0.5;
}
.icon:where(.astro-FWWEYRL7) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-FWWEYRL7) {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-FWWEYRL7) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.text:where(.astro-FWWEYRL7) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-FWWEYRL7) {
    font-size: 0.875rem;
    line-height: 1.3333333333;
    margin-left: 0.75rem;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-FWWEYRL7) {
    font-size: 0.6875rem;
    line-height: 1.8181818182;
    letter-spacing: -0.01em;
    max-width: 12.5rem;
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-D2X2TRYR).-rowSp {
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-D2X2TRYR).-rowSp .item:where(.astro-D2X2TRYR) + .item:where(.astro-D2X2TRYR) {
    margin-left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-D2X2TRYR) {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-D2X2TRYR) + .item:where(.astro-D2X2TRYR) {
    margin-top: 0.75rem;
  }
}
.CWhiteArrow:where(.astro-NTBEPATX) {
  position: relative;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .CWhiteArrow:where(.astro-NTBEPATX) {
    width: 1.625rem;
    height: 1.625rem;
    will-change: scale;
  }
}
@media screen and (max-width: 767.99px) {
  .CWhiteArrow:where(.astro-NTBEPATX) {
    width: 0.9375rem;
    height: 0.9375rem;
  }
}
.CWhiteArrow:where(.astro-NTBEPATX).-on .circle:where(.astro-NTBEPATX) {
  scale: 1.25;
}
.CWhiteArrow:where(.astro-NTBEPATX).-on .arrow:where(.astro-NTBEPATX) {
  scale: 1.25;
  transition-delay: 0.2s;
}
.circle:where(.astro-NTBEPATX) {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: scale 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.arrow:where(.astro-NTBEPATX) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: scale 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.-blank:where(.astro-NTBEPATX) .arrow:where(.astro-NTBEPATX) {
  transform: rotate(-45deg);
}
.-bottom:where(.astro-NTBEPATX) .arrow:where(.astro-NTBEPATX) {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .LMessage:where(.astro-FXLUKF5E) {
    margin-block: 26.875rem 22.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMessage:where(.astro-FXLUKF5E) {
    margin-block: 7.25rem 10rem;
  }
}
.contents:where(.astro-FXLUKF5E) {
  overflow: hidden;
  position: relative;
}
.message:where(.astro-FXLUKF5E) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .message:where(.astro-FXLUKF5E) .textArea:where(.astro-FXLUKF5E) {
    width: 31.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-FXLUKF5E) .textArea:where(.astro-FXLUKF5E) {
    width: 22.125rem;
    margin: 0 auto 2.8125rem;
  }
}
.message:where(.astro-FXLUKF5E) .title-en:where(.astro-FXLUKF5E) {
  text-transform: uppercase;
  letter-spacing: -0.025em;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .message:where(.astro-FXLUKF5E) .title-en:where(.astro-FXLUKF5E) {
    font-size: 1.125rem;
    margin-top: -0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-FXLUKF5E) .title-en:where(.astro-FXLUKF5E) {
    font-size: 0.75rem;
  }
}
.message:where(.astro-FXLUKF5E) .title-jp:where(.astro-FXLUKF5E) {
  font-weight: 600;
}
.bAndroid:where(.astro-FXLUKF5E) .message:where(.astro-FXLUKF5E) .title-jp:where(.astro-FXLUKF5E) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .message:where(.astro-FXLUKF5E) .title-jp:where(.astro-FXLUKF5E) {
    font-size: 2.5rem;
    margin-top: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-FXLUKF5E) .title-jp:where(.astro-FXLUKF5E) {
    font-size: 1.4375rem;
    margin-top: 1.625rem;
    line-height: 1.5217391304;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .message:where(.astro-FXLUKF5E) .text:where(.astro-FXLUKF5E) {
    margin-top: 3.125rem;
    font-size: 0.875rem;
    line-height: 2;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-FXLUKF5E) .text:where(.astro-FXLUKF5E) {
    margin-top: 2.0625rem;
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.message:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .message01:where(.astro-FXLUKF5E) {
    column-gap: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message01:where(.astro-FXLUKF5E) {
    flex-direction: column-reverse;
  }
}
.message01:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .message01:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
    width: 50.75rem;
    height: 33.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message01:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
    height: 17.1875rem;
    margin-top: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .message01:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
    height: 40rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message01:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
    height: 20.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-FXLUKF5E) {
    justify-content: flex-end;
    align-items: center;
    margin-top: 15.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-FXLUKF5E) {
    flex-direction: column;
    margin-top: 5.4375rem;
  }
}
.message02:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
    height: 46.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
    margin-top: 0.625rem;
    width: 100%;
    height: 32.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
    height: 54.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
    height: 35.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-FXLUKF5E) .textArea:where(.astro-FXLUKF5E) {
    margin-top: -0.875rem;
    margin-right: 9.75rem;
  }
}
.message02:where(.astro-FXLUKF5E) .link:where(.astro-FXLUKF5E) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-FXLUKF5E) .link:where(.astro-FXLUKF5E) {
    margin-top: 2.125rem;
    margin-left: 21.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-FXLUKF5E) .link:where(.astro-FXLUKF5E) {
    margin-top: 1.5625rem;
    margin-left: 13.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-FXLUKF5E) .link-text:where(.astro-FXLUKF5E) {
    font-size: 0.875rem;
    letter-spacing: -0.025em;
    margin-right: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-FXLUKF5E) .link-text:where(.astro-FXLUKF5E) {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    margin-right: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-FXLUKF5E) {
    margin-top: 16rem;
    align-items: center;
    column-gap: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message03:where(.astro-FXLUKF5E) {
    flex-direction: column-reverse;
    margin-top: 5.5625rem;
  }
}
.message03:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
    width: 50.75rem;
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message03:where(.astro-FXLUKF5E) .imgWrap:where(.astro-FXLUKF5E) {
    width: 100%;
    height: 26.25rem;
  }
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message03:where(.astro-FXLUKF5E) .img:where(.astro-FXLUKF5E) {
    height: 29.375rem;
  }
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-FXLUKF5E) .textArea:where(.astro-FXLUKF5E) {
    margin-top: 1rem;
  }
}
.marqueeWrap:where(.astro-FXLUKF5E) {
  width: 100%;
  position: fixed;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.marquee:where(.astro-FXLUKF5E) {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-FXLUKF5E) {
    margin-left: 12.1875rem;
    height: 16.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-FXLUKF5E) {
    width: 100%;
    height: 7rem;
  }
}
.marquee:where(.astro-FXLUKF5E).-show {
  opacity: 1;
}
.marqueeInner:where(.astro-FXLUKF5E) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-FXLUKF5E) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-FXLUKF5E) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-AY6NML3A) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 20.6875rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-AY6NML3A) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-AY6NML3A) {
    margin-top: 12.125rem;
  }
}
.kvArea:where(.astro-AY6NML3A) {
  position: relative;
}
.kvArea:where(.astro-AY6NML3A) .note:where(.astro-AY6NML3A) {
  background-color: #e9e9e9;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-AY6NML3A) .note:where(.astro-AY6NML3A) {
    width: 22.5rem;
    height: 7.1875rem;
    padding-top: 3rem;
    padding-inline: 3.125rem 2.6875rem;
    bottom: -0.25rem;
    right: 5.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-AY6NML3A) .note:where(.astro-AY6NML3A) {
    width: 14.375rem;
    height: 4.375rem;
    padding-top: 1.75rem;
    padding-inline: 1.8125rem 1.5625rem;
    bottom: -0.0625rem;
    right: 0;
  }
}
.kvArea:where(.astro-AY6NML3A) .note-en:where(.astro-AY6NML3A) {
  text-transform: uppercase;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-AY6NML3A) .note-en:where(.astro-AY6NML3A) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-AY6NML3A) .note-en:where(.astro-AY6NML3A) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) {
    margin-top: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) {
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) .role:where(.astro-AY6NML3A) {
    font-size: 1.125rem;
    margin-right: 1.5rem;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) .role:where(.astro-AY6NML3A) {
    font-size: 0.75rem;
    margin-right: 0.5625rem;
    letter-spacing: 0.05em;
  }
}
.kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) .name:where(.astro-AY6NML3A) {
  font-weight: 600;
}
.bAndroid:where(.astro-AY6NML3A)
  .kvArea:where(.astro-AY6NML3A)
  .note-jp:where(.astro-AY6NML3A)
  .name:where(.astro-AY6NML3A) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) .name:where(.astro-AY6NML3A) {
    font-size: 1.625rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-AY6NML3A) .note-jp:where(.astro-AY6NML3A) .name:where(.astro-AY6NML3A) {
    font-size: 1rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .LAmbition:where(.astro-NKPZYFJB) {
    padding-top: 11.875rem;
    margin-left: 17.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAmbition:where(.astro-NKPZYFJB) {
    padding-top: 6.8125rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .LAmbition:where(.astro-NKPZYFJB) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .LAmbition:where(.astro-NKPZYFJB) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-NKPZYFJB) {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-NKPZYFJB) {
    line-height: 2;
    margin-top: 9.375rem;
    margin-left: 8.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-NKPZYFJB) {
    margin-top: 1.9375rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-NKPZYFJB) {
    padding-top: 7.25rem;
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-NKPZYFJB) {
    padding-top: 3.25rem;
  }
}
.image-wrap:where(.astro-NKPZYFJB) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-NKPZYFJB) {
    width: 57.625rem;
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-NKPZYFJB) {
    width: 25.875rem;
    height: 25.625rem;
  }
}
.image-wrap:where(.astro-NKPZYFJB) .image:where(.astro-NKPZYFJB) {
  position: absolute;
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-NKPZYFJB) .image:where(.astro-NKPZYFJB) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-NKPZYFJB) .image:where(.astro-NKPZYFJB) {
    height: 28.75rem;
  }
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-NKPZYFJB) {
    width: 25rem;
    margin-top: 10.1875rem;
    margin-inline: 8.3125rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail:where(.astro-NKPZYFJB) {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .detail:where(.astro-NKPZYFJB) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .detail:where(.astro-NKPZYFJB) {
    margin-inline: 1.875rem;
  }
}
.index:where(.astro-NKPZYFJB) {
  display: flex;
}
.index-en:where(.astro-NKPZYFJB) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .index-en:where(.astro-NKPZYFJB) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-en:where(.astro-NKPZYFJB) {
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .index-ja:where(.astro-NKPZYFJB) {
    margin-top: 0.6875rem;
    margin-left: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-ja:where(.astro-NKPZYFJB) {
    margin-top: 0.0625rem;
    margin-left: 0.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .index:where(.astro-NKPZYFJB).-ambition {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-NKPZYFJB).-ambition {
    margin-top: 3rem;
  }
}
.title:where(.astro-NKPZYFJB) {
  font-weight: 600;
}
.bAndroid:where(.astro-NKPZYFJB) .title:where(.astro-NKPZYFJB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-NKPZYFJB) {
    font-size: 2.875rem;
    line-height: 1.4782608696;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-NKPZYFJB) {
    letter-spacing: 0.05em;
    font-size: 1.4375rem;
    margin-top: 1.125rem;
    margin-left: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-NKPZYFJB) {
    margin-top: 1.75rem;
    margin-left: 0.125rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-NKPZYFJB) {
    margin-top: 0.875rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .LValue:where(.astro-RC2MU5VE) {
    padding-top: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LValue:where(.astro-RC2MU5VE) {
    padding-top: 7.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RC2MU5VE) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-RC2MU5VE) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RC2MU5VE) {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-RC2MU5VE) {
    line-height: 2;
    margin-top: 3.5625rem;
    margin-left: 12.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-RC2MU5VE) {
    margin-top: 1.5625rem;
    line-height: 2.0833333333;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RC2MU5VE) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RC2MU5VE) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RC2MU5VE) {
    display: flex;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RC2MU5VE) {
    margin-top: 3.125rem;
  }
}
.image-wrap:where(.astro-RC2MU5VE) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-RC2MU5VE) {
    width: 33rem;
    height: 42.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-RC2MU5VE) {
    width: 22.125rem;
    height: 25.3125rem;
  }
}
.image-wrap:where(.astro-RC2MU5VE) .image:where(.astro-RC2MU5VE) {
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-RC2MU5VE) .image:where(.astro-RC2MU5VE) {
    height: 49rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-RC2MU5VE) .image:where(.astro-RC2MU5VE) {
    height: 28.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-RC2MU5VE) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-RC2MU5VE) {
    margin-top: 1.5rem;
  }
}
.line:where(.astro-RC2MU5VE) {
  width: 100%;
  height: 1px;
  background: rgba(68, 64, 63, 0.2);
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-RC2MU5VE) {
    padding-block: 1.4375rem 1.0625rem;
  }
}
.index:where(.astro-RC2MU5VE) {
  font-weight: 600;
}
.bAndroid:where(.astro-RC2MU5VE) .index:where(.astro-RC2MU5VE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-RC2MU5VE) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-RC2MU5VE) {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-RC2MU5VE) {
    margin-top: 0.8125rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-RC2MU5VE) {
    margin-top: 0.625rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .LCredo:where(.astro-OVC3SQSN) {
    padding-top: 14.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCredo:where(.astro-OVC3SQSN) {
    padding-top: 13.0625rem;
  }
}
.image:where(.astro-OVC3SQSN) {
  position: relative;
}
.image-inner:where(.astro-OVC3SQSN) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-OVC3SQSN) {
    width: 94.8125rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-OVC3SQSN) {
    width: 24rem;
    height: 13.75rem;
  }
}
.image-inner:where(.astro-OVC3SQSN) img:where(.astro-OVC3SQSN) {
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-OVC3SQSN) img:where(.astro-OVC3SQSN) {
    height: 56.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-OVC3SQSN) img:where(.astro-OVC3SQSN) {
    height: 16.875rem;
  }
}
.main:where(.astro-OVC3SQSN) {
  color: #fff;
  transition: background-color 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 768px) {
  .main:where(.astro-OVC3SQSN) {
    margin-top: -24.375rem;
    padding-bottom: 11.25rem;
    margin-bottom: 20rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-OVC3SQSN) {
    margin-top: -6.25rem;
    padding-bottom: 7.0625rem;
    margin-bottom: 7.5rem;
  }
}
.main:where(.astro-OVC3SQSN).-active {
  background-color: #44403f;
}
.inner:where(.astro-OVC3SQSN) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-OVC3SQSN) {
    width: 67.5rem;
    margin-inline: 24.5rem 7.8125rem;
    padding-top: 33.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-OVC3SQSN) {
    margin-inline: 1.875rem;
    padding-top: 10rem;
  }
}
.head:where(.astro-OVC3SQSN) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-OVC3SQSN) {
    display: flex;
  }
}
.head-text:where(.astro-OVC3SQSN) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-OVC3SQSN) {
    margin-top: 3.625rem;
    margin-left: 6.75rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-OVC3SQSN) {
    margin-top: 1.5625rem;
    line-height: 2.0833333333;
  }
}
.credo-list:where(.astro-OVC3SQSN) {
  border-bottom: 1px solid #6a6666;
  counter-reset: number;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .credo-list:where(.astro-OVC3SQSN) {
    display: flex;
    flex-wrap: wrap;
    padding-top: 6rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-list:where(.astro-OVC3SQSN) {
    padding-top: 2.6875rem;
  }
}
.credo-item:where(.astro-OVC3SQSN) {
  border-top: 1px solid #6a6666;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .credo-item:where(.astro-OVC3SQSN) {
    width: 18.625rem;
    padding-block: 1.875rem 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-item:where(.astro-OVC3SQSN) {
    padding-block: 1.375rem 2.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-item:where(.astro-OVC3SQSN):not(:nth-child(3n)) {
    margin-right: 5.0625rem;
  }
}
.credo-num:where(.astro-OVC3SQSN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
}
.credo-num:where(.astro-OVC3SQSN):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .credo-num:where(.astro-OVC3SQSN):before {
    top: -0.125rem;
  }
}
.credo-title:where(.astro-OVC3SQSN) {
  font-weight: 600;
}
.bAndroid:where(.astro-OVC3SQSN) .credo-title:where(.astro-OVC3SQSN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .credo-title:where(.astro-OVC3SQSN) {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-title:where(.astro-OVC3SQSN) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    margin-top: 2.8125rem;
    line-height: 1.6071428571;
  }
}
.credo-text:where(.astro-OVC3SQSN) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .credo-text:where(.astro-OVC3SQSN) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-text:where(.astro-OVC3SQSN) {
    margin-top: 1.1875rem;
    line-height: 1.75;
  }
}
.text:where(.astro-OVC3SQSN) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-OVC3SQSN) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-OVC3SQSN) {
    margin-top: 1.5rem;
    line-height: 1.75;
  }
}
.backIcon:where(.astro-OVC3SQSN) {
  position: fixed;
  color: #4e4a4a;
  top: 9.375rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
.backIcon:where(.astro-OVC3SQSN).-isShown {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-YVOBXSQA) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 20.6875rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-YVOBXSQA) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-YVOBXSQA) {
    margin-top: 12.125rem;
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .philosophy:where(.astro-YVOBXSQA) .photo {
    width: 120%;
  }
}
.LAbout:where(.astro-DBBYQD7C) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-DBBYQD7C) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-DBBYQD7C) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutTitle:where(.astro-DBBYQD7C) {
    margin-right: 9.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .aboutTitle:where(.astro-DBBYQD7C) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .textWrap:where(.astro-DBBYQD7C) {
    margin-inline: 17.75rem;
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textWrap:where(.astro-DBBYQD7C) {
    letter-spacing: 0.05em;
    margin-inline: 1.875rem;
    margin-top: 4.21875rem;
  }
}
.catch:where(.astro-DBBYQD7C) {
  font-weight: 600;
}
.bAndroid:where(.astro-DBBYQD7C) .catch:where(.astro-DBBYQD7C) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .catch:where(.astro-DBBYQD7C) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .catch:where(.astro-DBBYQD7C) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-DBBYQD7C) {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.15em;
    margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-DBBYQD7C) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LService:where(.astro-RIWYEUS3) {
    position: relative;
    margin-top: 13.25rem;
    margin-right: 5.25rem;
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LService:where(.astro-RIWYEUS3) {
    margin-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RIWYEUS3) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-inline: 17.75rem 4.375rem;
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-RIWYEUS3) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-RIWYEUS3) .line:last-child {
    margin-top: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-RIWYEUS3) .line:last-child {
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .explain:where(.astro-RIWYEUS3) {
    width: 32.75rem;
    margin-bottom: 2.75rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.05em;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .explain:where(.astro-RIWYEUS3) {
    margin-inline: 1.875rem;
    margin-block: 2.1875rem 2.875rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .LProject:where(.astro-SHTN67TM) {
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProject:where(.astro-SHTN67TM) {
    margin-top: 3.8125rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .projectsTitle:where(.astro-SHTN67TM) {
    margin-right: 9.5rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .projectsTitle:where(.astro-SHTN67TM) {
    margin-top: 1.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrapper:where(.astro-SHTN67TM) {
    margin-top: 4.375rem;
    margin-inline: 17.75rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrapper:where(.astro-SHTN67TM) {
    margin-top: 3.125rem;
    margin-inline: 1.875rem;
  }
}
.linkWrapper:where(.astro-SHTN67TM) .link:where(.astro-SHTN67TM) {
  width: max-content;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-3O4ZK2OA) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-3O4ZK2OA) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-3O4ZK2OA) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-3O4ZK2OA) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-3O4ZK2OA) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .kv-img:where(.astro-3O4ZK2OA) {
    position: relative;
    left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kv-img:where(.astro-3O4ZK2OA) {
    width: 23.03125rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: 2.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    padding-top: 15.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    padding-top: 6.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign .title-en {
    margin-right: -0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign .title-en {
    margin-right: -0.03125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign .title-en .line:nth-of-type(3) {
    margin-right: -0.21875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign .head .text {
    padding-top: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign .head .text {
    margin-top: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-4FSYNIDK) {
    margin-top: 7.75rem;
    margin-bottom: 10.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-4FSYNIDK) {
    margin-top: 4.5rem;
    margin-bottom: 3.8125rem;
  }
}
.LAboutWorkDesign-figure:where(.astro-4FSYNIDK) {
  height: 150vh;
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign-figure:where(.astro-4FSYNIDK) {
    margin-top: 10.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign-figure:where(.astro-4FSYNIDK) {
    margin-top: 4.6875rem;
  }
}
.LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
  position: relative;
  border-top: solid 1px rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
    height: 115.125rem;
    margin-top: 9.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
    height: 200vh;
    margin-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
    height: 239.84375vw;
  }
}
.inner:where(.astro-XKT5NR2L) {
  position: sticky;
  top: 0;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-XKT5NR2L) {
    height: 57.5625rem;
    margin-top: 9.5rem;
    margin-bottom: 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-XKT5NR2L) {
    height: calc(var(--vh) * 100);
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .inner:where(.astro-XKT5NR2L) {
    height: 119.921875vw;
  }
}
.figure:where(.astro-XKT5NR2L) {
  width: 100%;
  height: calc(var(--vh) * 100);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .figure:where(.astro-XKT5NR2L) {
    padding-left: 4.6875rem;
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .figure:where(.astro-XKT5NR2L) {
    height: 119.921875vw;
  }
}
.blocks:where(.astro-XKT5NR2L) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-XKT5NR2L) {
    width: 59.875rem;
    height: 57.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-XKT5NR2L) {
    width: calc(100% + 3.625rem);
    height: 31.25rem;
    margin-left: -1.8125rem;
    margin-right: -1.8125rem;
  }
}
.blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L) {
    width: 0.6875rem;
    height: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L) {
    width: 0.34375rem;
    height: 0.28125rem;
  }
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L).-no05 {
    top: 6.4375rem;
    left: 14.3125rem;
    transform: rotate(-46deg);
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L).-no05 {
    top: 3rem;
    left: 7.75rem;
    transform: rotate(-46deg);
  }
}
.block:where(.astro-XKT5NR2L) {
  position: relative;
}
.block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L),
.block:where(.astro-XKT5NR2L) .catch:where(.astro-XKT5NR2L) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
.block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L) {
  color: #eac21d;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L) {
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L) {
    font-size: 0.9375rem;
  }
}
.block:where(.astro-XKT5NR2L) .block-content:where(.astro-XKT5NR2L) {
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .catch:where(.astro-XKT5NR2L) {
    font-size: 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .catch:where(.astro-XKT5NR2L) {
    font-size: 1.5625rem;
  }
}
.block:where(.astro-XKT5NR2L) .circle:where(.astro-XKT5NR2L) {
  position: absolute;
  background-color: #44403f;
  border-radius: 50%;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .circle:where(.astro-XKT5NR2L) {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .circle:where(.astro-XKT5NR2L) {
    width: 0.25rem;
    height: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.625rem;
    margin-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.3125rem;
    margin-left: 0.0625rem;
  }
}
.block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) {
  color: #44403fcc;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) {
    font-size: 0.9375rem;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    line-height: 1.4166666667;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) + .desc-item:where(.astro-XKT5NR2L) {
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) + .desc-item:where(.astro-XKT5NR2L) {
    margin-top: 0.1875rem;
  }
}
.block:where(.astro-XKT5NR2L) .image:where(.astro-XKT5NR2L) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: -1;
}
.block:where(.astro-XKT5NR2L).-no01 {
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 {
    top: 12.1875rem;
    left: 18.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 {
    top: 3.71875rem;
    left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 .catch:where(.astro-XKT5NR2L) {
    margin-top: 0.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 .catch:where(.astro-XKT5NR2L) {
    margin-top: 0.34375rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 .circle:where(.astro-XKT5NR2L) {
    top: 9.1875rem;
    left: 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 .circle:where(.astro-XKT5NR2L) {
    top: 6.21875rem;
    left: 11.75rem;
  }
}
.block:where(.astro-XKT5NR2L).-no01 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(26deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 .arrow:where(.astro-XKT5NR2L) {
    top: 9.375rem;
    left: 8rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 .arrow:where(.astro-XKT5NR2L) {
    top: 6.28125rem;
    left: 12.25rem;
  }
}
.block:where(.astro-XKT5NR2L).-no02 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 {
    top: 16.25rem;
    left: 0;
    width: 25.3125rem;
    height: 25.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 {
    top: 7.5rem;
    left: -1.5rem;
    width: 14.25rem;
    height: 14.25rem;
  }
}
.block:where(.astro-XKT5NR2L).-no02 .block-title:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-title:where(.astro-XKT5NR2L) {
    top: 7.8125rem;
    left: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-title:where(.astro-XKT5NR2L) {
    top: 3.3125rem;
    left: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 13rem;
    margin-left: 6.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 5.5rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .circle:where(.astro-XKT5NR2L) {
    top: 13.75rem;
    left: 14.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .circle:where(.astro-XKT5NR2L) {
    top: 6.4375rem;
    left: 9.375rem;
  }
}
.block:where(.astro-XKT5NR2L).-no02 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(-80deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .arrow:where(.astro-XKT5NR2L) {
    top: 12.8125rem;
    left: 14.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .arrow:where(.astro-XKT5NR2L) {
    top: 5.9375rem;
    left: 9.40625rem;
  }
}
.block:where(.astro-XKT5NR2L).-no03 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 {
    bottom: -0.0625rem;
    left: 14.4375rem;
    width: 25.25rem;
    height: 25.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 {
    bottom: 2rem;
    left: 7.6875rem;
    width: 13.0625rem;
    height: 13.0625rem;
  }
}
.block:where(.astro-XKT5NR2L).-no03 .block-title:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-title:where(.astro-XKT5NR2L) {
    bottom: 5.6875rem;
    left: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-title:where(.astro-XKT5NR2L) {
    bottom: -1.5rem;
    left: 2.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 9.875rem;
    margin-left: 11.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 3.9375rem;
    margin-left: 4.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.5625rem;
    padding-left: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .circle:where(.astro-XKT5NR2L) {
    top: 8.75rem;
    left: 14.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .circle:where(.astro-XKT5NR2L) {
    top: 2.96875rem;
    left: 7.125rem;
  }
}
.block:where(.astro-XKT5NR2L).-no03 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .arrow:where(.astro-XKT5NR2L) {
    top: 8.625rem;
    left: 13.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .arrow:where(.astro-XKT5NR2L) {
    top: 2.9375rem;
    left: 6.6875rem;
  }
}
.block:where(.astro-XKT5NR2L).-no04 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 {
    top: 0.75rem;
    right: 0;
    width: 38.5rem;
    height: 38.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 {
    top: 1.25rem;
    right: -3.4375rem;
    width: 18.125rem;
    height: 18.125rem;
  }
}
.block:where(.astro-XKT5NR2L).-no04 .block-title:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-title:where(.astro-XKT5NR2L) {
    top: 10.9375rem;
    left: 9.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-title:where(.astro-XKT5NR2L) {
    top: 2.6875rem;
    left: 3.375rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 14.625rem;
    margin-left: 16.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 5.3125rem;
    margin-left: 4.875rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .desc:where(.astro-XKT5NR2L) {
    margin-left: 0.09375rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .circle:where(.astro-XKT5NR2L) {
    top: 15.5rem;
    right: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .circle:where(.astro-XKT5NR2L) {
    top: 6.1875rem;
    right: 4.625rem;
  }
}
.block:where(.astro-XKT5NR2L).-no04 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(78deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .arrow:where(.astro-XKT5NR2L) {
    top: 16.4375rem;
    right: 9.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .arrow:where(.astro-XKT5NR2L) {
    top: 6.5625rem;
    right: 4.53125rem;
  }
}
.line:where(.astro-XKT5NR2L) {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-XKT5NR2L) {
    top: 0.1875rem;
    left: 14.625rem;
    width: 35.5625rem;
    height: 41.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-XKT5NR2L) {
    top: 0;
    right: 1.0625rem;
    width: 16.6875rem;
    height: 19.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    padding-top: 13.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    padding-top: 6.90625rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .sectionTitle .title-en {
    margin-left: -0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .sectionTitle .title-en {
    margin-left: -0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .sectionTitle .title-jp {
    letter-spacing: 0.11em;
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .sectionTitle .title-jp {
    margin-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-FBJAZBLA) {
    margin-top: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-FBJAZBLA) {
    margin-top: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .head .title {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .head .title {
    margin-top: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .head .text {
    padding-top: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .head .text {
    margin-top: 2.1875rem;
  }
}
.listTitle:where(.astro-FBJAZBLA) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .listTitle:where(.astro-FBJAZBLA) {
    font-size: 2rem;
    margin-top: 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .listTitle:where(.astro-FBJAZBLA) {
    font-size: 1.0625rem;
  }
}
.list:where(.astro-FBJAZBLA) {
  position: relative;
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-FBJAZBLA) {
    margin-top: 4.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-FBJAZBLA) {
    margin-top: 2.0625rem;
  }
}
.item:where(.astro-FBJAZBLA) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-FBJAZBLA) {
    display: flex;
    align-items: center;
    padding: 2.6875rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-FBJAZBLA) {
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .list-line:where(.astro-FBJAZBLA),
  .item-line:where(.astro-FBJAZBLA) {
    background-color: #44403f;
  }
}
.item-line:where(.astro-FBJAZBLA) {
  position: absolute;
  top: 0;
  left: 0;
}
.title:where(.astro-FBJAZBLA) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-FBJAZBLA) {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    flex-shrink: 0;
    width: 33rem;
    padding-left: 8.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-FBJAZBLA) {
    font-size: 0.75rem;
    letter-spacing: -0.025em;
    padding-left: 3.75rem;
  }
}
.title:where(.astro-FBJAZBLA):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-FBJAZBLA) {
    font-size: 0.875rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-FBJAZBLA) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.25rem;
  }
}
.labels:where(.astro-FBJAZBLA) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .labels:where(.astro-FBJAZBLA) {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .labels:where(.astro-FBJAZBLA) {
    margin-top: 0.8125rem;
  }
}
.label:where(.astro-FBJAZBLA) {
  display: inline-flex;
  align-items: center;
  background-color: #eee;
  border: 1px solid #f4f9fd;
}
@media screen and (min-width: 768px) {
  .label:where(.astro-FBJAZBLA) {
    font-size: 0.875rem;
    height: 2.125rem;
    border-radius: 1.0625rem;
    padding: 0 1.5625rem;
    margin-top: 0.875rem;
    margin-right: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .label:where(.astro-FBJAZBLA) {
    font-size: 0.75rem;
    height: 1.6875rem;
    border-radius: 0.84375rem;
    padding: 0 0.8125rem;
    margin-top: 0.4375rem;
    margin-right: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness:where(.astro-RBFQWSFV) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness:where(.astro-RBFQWSFV) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness:where(.astro-RBFQWSFV) {
    padding-top: 14.125rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness:where(.astro-RBFQWSFV) {
    padding-top: 6.9375rem;
    padding-bottom: 5.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness .sectionTitle .title-en {
    margin-right: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness .sectionTitle .title-en {
    margin-right: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness .sectionTitle .title-en .line:nth-of-type(2) {
    margin-right: -0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness .sectionTitle .title-en .line:nth-of-type(2) {
    margin-right: -0.21875rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness .sectionTitle .title-jp {
    margin-right: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness .sectionTitle .title-jp {
    margin-right: -0.125rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RBFQWSFV) {
    margin-top: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-RBFQWSFV) {
    margin-top: 4.5625rem;
  }
}
.list:where(.astro-RBFQWSFV) {
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-RBFQWSFV) {
    margin-top: 10.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-RBFQWSFV) {
    margin-top: 4.5rem;
  }
}
.item:where(.astro-RBFQWSFV) {
  counter-increment: number;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-RBFQWSFV) + .item:where(.astro-RBFQWSFV) {
    margin-top: 3.9375rem;
  }
}
.index:where(.astro-RBFQWSFV) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-RBFQWSFV) {
    font-size: 1.125rem;
    padding-left: 3.25rem;
    padding-bottom: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-RBFQWSFV) {
    font-size: 0.75rem;
    padding-left: 2.1875rem;
    padding-bottom: 0.90625rem;
  }
}
.index:where(.astro-RBFQWSFV):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-RBFQWSFV) {
    background-color: #44403f;
  }
}
.content:where(.astro-RBFQWSFV) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RBFQWSFV) {
    align-items: center;
    justify-content: space-between;
    padding: 3.125rem 0 9.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RBFQWSFV) {
    flex-direction: column;
    padding-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-RBFQWSFV) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 39.75rem;
    height: 23.25rem;
    padding-top: 3.6875rem;
  }
}
.title:where(.astro-RBFQWSFV) {
  font-weight: 600;
  letter-spacing: 0.1em;
}
.bAndroid:where(.astro-RBFQWSFV) .title:where(.astro-RBFQWSFV) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-RBFQWSFV) {
    font-size: 1.75rem;
    line-height: 1.0714285714;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-RBFQWSFV) {
    font-size: 1.3125rem;
    line-height: 1.1904761905;
  }
}
.text:where(.astro-RBFQWSFV) {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-RBFQWSFV) {
    font-size: 0.875rem;
    line-height: 2;
    width: 31.875rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-RBFQWSFV) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-RBFQWSFV) {
    margin-left: auto;
    margin-top: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-RBFQWSFV) {
    margin-left: auto;
    margin-top: 2.1875rem;
  }
}
.image:where(.astro-RBFQWSFV) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-RBFQWSFV) {
    width: 23.25rem;
    height: 23.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-RBFQWSFV) {
    width: 22.125rem;
    height: 22.125rem;
    margin-top: 2.4375rem;
  }
}
.photo:where(.astro-RBFQWSFV) {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-Q7TYSWTC) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-Q7TYSWTC) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-Q7TYSWTC) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 7.75rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-Q7TYSWTC) {
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-Q7TYSWTC) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .service:where(.astro-Q7TYSWTC) .CKv .photo {
    width: 180%;
  }
}
.CDividingLine:where(.astro-3GYQQT24) {
  width: 100%;
  height: 1px;
  background-color: #44403f33;
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.9s cubic-bezier(0.87, 0, 0.13, 1);
}
.CDividingLine:where(.astro-3GYQQT24).-draw {
  scale: 1 1;
}
.COfficeDesignFigure:where(.astro-4MUOTZND) {
  position: relative;
}
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .text:where(.astro-4MUOTZND),
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .description-text:where(.astro-4MUOTZND) {
  color: #fff;
}
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .description-line:where(.astro-4MUOTZND) {
  fill: #fff;
}
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .inner:where(.astro-4MUOTZND),
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .content:where(.astro-4MUOTZND) {
  border: none;
}
.inner:where(.astro-4MUOTZND) {
  position: sticky;
  top: 0;
  height: calc(var(--vh) * 100);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-4MUOTZND) {
    border-top: solid 1px rgba(68, 64, 63, 0.2);
    border-bottom: solid 1px rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-4MUOTZND) {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 42.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-4MUOTZND) {
    padding-top: 2.8125rem;
    padding-bottom: 4.25rem;
    border-top: solid 1px rgba(68, 64, 63, 0.2);
    border-bottom: solid 1px rgba(68, 64, 63, 0.2);
  }
}
.description:where(.astro-4MUOTZND) {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .description:where(.astro-4MUOTZND) {
    top: 45.8%;
    left: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .description:where(.astro-4MUOTZND) {
    top: 43.5%;
    left: -0.875rem;
  }
}
.description-text:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #54504f;
}
@media screen and (min-width: 768px) {
  .description-text:where(.astro-4MUOTZND) {
    font-size: 1.25rem;
    margin: 4.125rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .description-text:where(.astro-4MUOTZND) {
    font-size: 0.75rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 1.25rem 0;
  }
}
@media screen and (min-width: 768px) {
  .description-line:where(.astro-4MUOTZND) {
    height: 12.625rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .description-line:where(.astro-4MUOTZND) {
    height: 6.3125rem;
  }
}
.figure:where(.astro-4MUOTZND) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .figure:where(.astro-4MUOTZND) {
    width: 39.4375rem;
    height: 38.625rem;
    margin-right: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .figure:where(.astro-4MUOTZND) {
    width: 100%;
    height: 22.3125rem;
  }
}
.bg:where(.astro-4MUOTZND) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .bg:where(.astro-4MUOTZND) {
    width: 39.4375rem;
    height: 38.625rem;
    margin-top: 3.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-4MUOTZND) {
    width: 100%;
    height: auto;
  }
}
.bg:where(.astro-4MUOTZND) .image:where(.astro-4MUOTZND) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-4MUOTZND) .image:where(.astro-4MUOTZND):nth-of-type(2) {
    width: 19.90625rem;
    height: 19.90625rem;
    margin-top: 1.25rem;
  }
}
.center-circle:where(.astro-4MUOTZND),
.circle:where(.astro-4MUOTZND),
.around-circle:where(.astro-4MUOTZND) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.center-circle:where(.astro-4MUOTZND) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) {
    width: 15rem;
    height: 15rem;
    margin-top: 3.5rem;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) {
    width: 9.6875rem;
    height: 9.6875rem;
    margin-top: 0.375rem;
    margin-right: 0.3125rem;
  }
}
.center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND),
.center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND),
.center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  display: inline-block;
  z-index: 3;
}
.center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 0.75rem;
    text-align: center;
  }
}
.center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 600;
  letter-spacing: 0.02em;
}
.bAndroid:where(.astro-4MUOTZND) .center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 0.875rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 0.6875rem;
  }
}
.center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  height: 1px;
  background-color: #44403f4d;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 4.0625rem;
    margin: 0.625rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 4.5rem;
    margin: 0.625rem 0;
  }
}
.bgCircle:where(.astro-4MUOTZND) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f4f9fd4d;
}
.circle:where(.astro-4MUOTZND) {
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .circle:where(.astro-4MUOTZND) {
    width: 12.75rem;
    height: 12.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-4MUOTZND) {
    width: 7.875rem;
    height: 7.875rem;
  }
}
.afterbr:where(.astro-4MUOTZND) {
  display: none;
}
.around-circle:where(.astro-4MUOTZND) {
  position: absolute;
  color: #fff;
  background-color: #bd991e;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) {
    width: 14.75rem;
    height: 14.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) {
    width: 8.5625rem;
    height: 8.5625rem;
  }
}
.around-circle:where(.astro-4MUOTZND).-no01 {
  top: 0;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no01 {
    left: 12.375rem;
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND).-no01 {
    left: 6.75rem;
  }
}
.around-circle:where(.astro-4MUOTZND).-no02,
.around-circle:where(.astro-4MUOTZND).-no03 {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no02,
  .around-circle:where(.astro-4MUOTZND).-no03 {
    padding-bottom: 1.25rem;
  }
}
.around-circle:where(.astro-4MUOTZND).-no02 {
  left: 0;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no02 {
    left: 1.75rem;
    bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND).-no02 {
    left: 0.5rem;
    bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no03 {
    right: 1.9375rem;
    bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND).-no03 {
    right: 0.78125rem;
    bottom: 0;
  }
}
.around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND),
.around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND),
.around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  display: inline-block;
}
.around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 0.875rem;
  }
}
.around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 600;
  letter-spacing: 0.1em;
}
.bAndroid:where(.astro-4MUOTZND) .around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 0.8125rem;
    text-align: center;
  }
}
.around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  height: 1px;
  background-color: #ffffff4d;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 4.0625rem;
    margin: 0.875rem 0 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 1.375rem;
    margin: 0.46875rem 0 0.53125rem;
  }
}
.caption:where(.astro-4MUOTZND) {
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bAndroid:where(.astro-4MUOTZND) .caption:where(.astro-4MUOTZND) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-4MUOTZND) {
    font-size: 1.5rem;
    height: 1.5rem;
    margin-top: 1.6875rem;
    padding-right: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-4MUOTZND) {
    font-size: 0.875rem;
    height: 0.875rem;
    margin-top: 2.0625rem;
  }
}
.caption:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
  position: absolute;
  display: inline-block;
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-4MUOTZND) {
    width: 100%;
    height: auto;
  }
}
.progress:where(.astro-4MUOTZND) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4MUOTZND) {
    position: absolute;
    top: 46.9%;
    right: 2.875rem;
    width: 1.125rem;
    flex-direction: column;
    justify-content: space-between;
    translate: 0 -50%;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4MUOTZND) {
    justify-content: center;
    margin-top: 2.25rem;
  }
}
.progress:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
    font-size: 1.125rem;
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
    font-size: 0.75rem;
  }
}
.progress:where(.astro-4MUOTZND) .bar:where(.astro-4MUOTZND) {
  position: relative;
  overflow: hidden;
  background-color: #44403f33;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4MUOTZND) .bar:where(.astro-4MUOTZND) {
    width: 1px;
    height: 12.5rem;
    margin: 1.75rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4MUOTZND) .bar:where(.astro-4MUOTZND) {
    width: 9.125rem;
    height: 1px;
    margin: 0 1rem;
  }
}
.progress:where(.astro-4MUOTZND) .progressBar:where(.astro-4MUOTZND) {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #bd991e;
  width: 100%;
  height: 100%;
  transform-origin: left top;
}
.CDetailKv:where(.astro-3HYCH4JN) {
  color: #fff;
}
.content:where(.astro-3HYCH4JN) {
  position: relative;
}
.image:where(.astro-3HYCH4JN) img:where(.astro-3HYCH4JN) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info:where(.astro-3HYCH4JN) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .info:where(.astro-3HYCH4JN) {
    left: 21.25rem;
    bottom: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .info:where(.astro-3HYCH4JN) {
    top: 21.3125rem;
    left: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-3HYCH4JN) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-3HYCH4JN) {
    margin-bottom: 0.6875rem;
  }
}
.title:where(.astro-3HYCH4JN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-3HYCH4JN) {
    margin-left: -0.375rem;
    margin-bottom: 1.375rem;
    letter-spacing: -0.025em;
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-3HYCH4JN) {
    margin-bottom: 0.5625rem;
    font-size: 2.5rem;
  }
}
.company:where(.astro-3HYCH4JN) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-3HYCH4JN) .company:where(.astro-3HYCH4JN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .company:where(.astro-3HYCH4JN) {
    font-size: 1.125rem;
    margin-bottom: 3.375rem;
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .company:where(.astro-3HYCH4JN) {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
  }
}
.tab-list:where(.astro-3HYCH4JN) {
  display: flex;
}
@media screen and (max-width: 767.99px) {
  .tab-list:where(.astro-3HYCH4JN) {
    flex-wrap: wrap;
  }
}
.tab-item:where(.astro-3HYCH4JN) {
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  text-align: center;
  justify-content: center;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .tab-item:where(.astro-3HYCH4JN) {
    padding-block: 0.75rem;
    padding-inline: 1.25rem;
    border-radius: 2.125rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tab-item:where(.astro-3HYCH4JN) {
    margin-bottom: 0.625rem;
    padding-block: 0.4375rem;
    padding-inline: 0.78125rem;
    border-radius: 1.6875rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tab-item:where(.astro-3HYCH4JN):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tab-item:where(.astro-3HYCH4JN):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.LAboutItem:where(.astro-BZPTXEXQ) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LAboutItem:where(.astro-BZPTXEXQ) {
    margin-left: 6.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutItem:where(.astro-BZPTXEXQ) {
    margin-left: 4.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-BZPTXEXQ) {
    display: flex;
    justify-content: space-between;
    padding-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ) {
    display: flex;
    flex: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-BZPTXEXQ) {
    padding-block: 2.0625rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-BZPTXEXQ):not(:first-child) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two,
  .item:where(.astro-BZPTXEXQ).-three {
    display: block;
    position: relative;
  }
}
.item:where(.astro-BZPTXEXQ).-two:not(:last-child):after,
.item:where(.astro-BZPTXEXQ).-three:not(:last-child):after {
  content: "";
  position: absolute;
  background-color: #44403f33;
  width: 1px;
  top: 0;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two:not(:last-child):after,
  .item:where(.astro-BZPTXEXQ).-three:not(:last-child):after {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two:not(:last-child) {
    margin-right: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two:not(:last-child):after {
    right: -3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-three:not(:last-child) {
    margin-right: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-three:not(:last-child):after {
    right: -2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .design:where(.astro-BZPTXEXQ) {
    width: 18rem;
    font-feature-settings: initial;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-BZPTXEXQ) .design:where(.astro-BZPTXEXQ),
  .-three:where(.astro-BZPTXEXQ) .design:where(.astro-BZPTXEXQ) {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .main:where(.astro-BZPTXEXQ) {
    width: 48rem;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-BZPTXEXQ) .main:where(.astro-BZPTXEXQ),
  .-three:where(.astro-BZPTXEXQ) .main:where(.astro-BZPTXEXQ) {
    width: 100%;
  }
}
.copy:where(.astro-BZPTXEXQ) {
  font-weight: 600;
}
.bAndroid:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .copy:where(.astro-BZPTXEXQ) {
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767.99px) {
  .copy:where(.astro-BZPTXEXQ) {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ),
  .-three:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ) {
    margin-top: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .-three:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ) {
    height: 6.25rem;
  }
}
@media screen and (min-width: 768px) {
  .desc:where(.astro-BZPTXEXQ) {
    margin-top: 0.625rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .desc:where(.astro-BZPTXEXQ) {
    margin-top: 1.1875rem;
    line-height: 1.65;
  }
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-U2MANDSG) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-U2MANDSG) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-U2MANDSG) {
    padding-top: 11.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-U2MANDSG) {
    padding-top: 7.1875rem;
  }
}
.title:where(.astro-U2MANDSG) {
  font-weight: 600;
}
.bAndroid:where(.astro-U2MANDSG) .title:where(.astro-U2MANDSG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-U2MANDSG) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-U2MANDSG) {
    font-size: 1.4375rem;
    line-height: 1.4782608696;
  }
}
@media screen and (min-width: 768px) {
  .links:where(.astro-U2MANDSG) {
    margin-top: 6.75rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .links:where(.astro-U2MANDSG) {
    margin-top: 3.40625rem;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail .list:where(.astro-U2MANDSG) {
    display: flex;
    column-gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail .item:where(.astro-U2MANDSG) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.content:where(.astro-U2MANDSG) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .content:where(.astro-U2MANDSG) {
    margin-top: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-U2MANDSG) {
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .list-item:where(.astro-U2MANDSG) {
    display: flex;
    padding-block: 2.375rem 3.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list-item:where(.astro-U2MANDSG) {
    padding-block: 2.375rem 3.125rem;
  }
}
.list-item:where(.astro-U2MANDSG) + .list-item:where(.astro-U2MANDSG) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (max-width: 767.99px) {
  .list-item:where(.astro-U2MANDSG) + .list-item:where(.astro-U2MANDSG) {
    padding-bottom: 2.1875rem;
  }
}
.head:where(.astro-U2MANDSG) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-U2MANDSG) {
    margin-top: 0.5rem;
    width: 24.625rem;
  }
}
.headEn:where(.astro-U2MANDSG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headEn:where(.astro-U2MANDSG) {
    width: 6.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headEn:where(.astro-U2MANDSG) {
    font-size: 0.8125rem;
    margin-top: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .headJa:where(.astro-U2MANDSG) {
    width: 18.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headJa:where(.astro-U2MANDSG) {
    margin-left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-U2MANDSG) {
    width: 48rem;
  }
}
.detail-text:where(.astro-U2MANDSG) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .detail-text:where(.astro-U2MANDSG) {
    margin-top: -0.375rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-text:where(.astro-U2MANDSG) {
    margin-top: 1.375rem;
    line-height: 1.65;
  }
}
.detail-link:where(.astro-U2MANDSG) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .detail-link:where(.astro-U2MANDSG) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.875rem;
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-link:where(.astro-U2MANDSG) {
    margin-top: 2.125rem;
    margin-left: 4.0625rem;
    padding-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-linkText:where(.astro-U2MANDSG) {
    line-height: 1.75;
  }
}
.detail-wdp:where(.astro-U2MANDSG) {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.bAndroid:where(.astro-U2MANDSG) .detail-wdp:where(.astro-U2MANDSG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .detail-wdp:where(.astro-U2MANDSG) {
    margin-left: 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-wdp:where(.astro-U2MANDSG) {
    margin-top: 0.4375rem;
    justify-content: flex-end;
  }
}
[data-whatintent="mouse"] .detail-wdp:where(.astro-U2MANDSG):hover .detail-wdpText:where(.astro-U2MANDSG) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .detail-wdpText:where(.astro-U2MANDSG) {
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (min-width: 768px) {
  .detail-wdpIcon:where(.astro-U2MANDSG) {
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-wdpIcon:where(.astro-U2MANDSG) {
    margin-left: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LImage:where(.astro-2OY7INKT) {
    padding-top: 15.375rem;
    margin-left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LImage:where(.astro-2OY7INKT) {
    padding-top: 4.5625rem;
  }
}
.imageWrap:where(.astro-2OY7INKT) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .imageWrap:where(.astro-2OY7INKT) {
    height: 58.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .imageWrap:where(.astro-2OY7INKT) {
    height: 17.1875rem;
  }
}
.imageWrap:where(.astro-2OY7INKT) .image:where(.astro-2OY7INKT) {
  position: absolute;
  top: 0;
  left: -10%;
  width: auto;
  height: 110%;
}
@media screen and (min-width: 768px) {
  .imageWrap:where(.astro-2OY7INKT):not(:last-child) {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .imageWrap:where(.astro-2OY7INKT):not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
.movie:where(.astro-2OY7INKT) {
  height: 100%;
}
.thubWrap:where(.astro-2OY7INKT) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 110%;
  cursor: pointer;
}
[data-whatintent="mouse"] .thubWrap:where(.astro-2OY7INKT):hover + .playCircle:where(.astro-2OY7INKT) {
  scale: 0.95;
  background: #454040;
  border-color: #454040;
}
.thumb:where(.astro-2OY7INKT) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.playCircle:where(.astro-2OY7INKT) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.02em;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: scale, background, border-color;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .playCircle:where(.astro-2OY7INKT) {
    width: 11.875rem;
    height: 11.875rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .playCircle:where(.astro-2OY7INKT) {
    width: 5.9375rem;
    height: 5.9375rem;
    font-size: 0.6875rem;
  }
}
.thubWrap:where(.astro-2OY7INKT).-hide,
.playCircle:where(.astro-2OY7INKT).-hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.viewMore:where(.astro-2OY7INKT) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .viewMore:where(.astro-2OY7INKT) {
    margin-top: 4.375rem;
    margin-right: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .viewMore:where(.astro-2OY7INKT) {
    margin-top: 2.5rem;
    margin-right: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .viewMore-text:where(.astro-2OY7INKT) {
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    margin-right: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .viewMore-text:where(.astro-2OY7INKT) {
    margin-right: 0.9375rem;
  }
}
.viewMore-link:where(.astro-2OY7INKT) {
  display: flex;
  align-items: center;
}
[data-whatintent="mouse"] .viewMore-link:where(.astro-2OY7INKT):hover .viewMore-text:where(.astro-2OY7INKT) {
  opacity: 0.5;
}
.viewMore-en:where(.astro-2OY7INKT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .viewMore-en:where(.astro-2OY7INKT) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .viewMore-en:where(.astro-2OY7INKT) {
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .viewMore-ja:where(.astro-2OY7INKT) {
    margin-top: 0.625rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .viewMore-ja:where(.astro-2OY7INKT) {
    margin-top: 0.4375rem;
  }
}
.viewMore-arrow:where(.astro-2OY7INKT) {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-CORQZ566) {
    padding-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-CORQZ566) {
    padding-top: 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-CORQZ566) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-CORQZ566) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-CORQZ566) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    display: flex;
  }
}
.title:where(.astro-CORQZ566) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-CORQZ566) {
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
    width: 24.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-CORQZ566) {
    margin-bottom: 0.9375rem;
  }
}
.table:where(.astro-CORQZ566) {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .table:where(.astro-CORQZ566) {
    width: 48rem;
  }
}
.inner:where(.astro-CORQZ566) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-CORQZ566) {
    padding-block: 2rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-CORQZ566) {
    padding-block: 1.1875rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-CORQZ566) + .inner:where(.astro-CORQZ566) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.index:where(.astro-CORQZ566) {
  font-weight: 600;
}
.bAndroid:where(.astro-CORQZ566) .index:where(.astro-CORQZ566) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-CORQZ566) {
    width: 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-CORQZ566) {
    margin-top: 0.125rem;
    width: 6.5625rem;
  }
}
.detail:where(.astro-CORQZ566) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-CORQZ566) {
    width: 31.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail:where(.astro-CORQZ566) {
    width: 15.3125rem;
  }
}
.link:where(.astro-CORQZ566) {
  display: flex;
  width: 100%;
}
[data-whatintent="mouse"] .link:where(.astro-CORQZ566):hover .text:where(.astro-CORQZ566) {
  opacity: 0.5;
}
.text:where(.astro-CORQZ566) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.icon:where(.astro-CORQZ566) {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .LMember:where(.astro-V264SJQN) {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMember:where(.astro-V264SJQN) {
    padding-top: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-V264SJQN) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-V264SJQN) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-V264SJQN) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    display: flex;
  }
}
.title:where(.astro-V264SJQN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-V264SJQN) {
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
    width: 24.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-V264SJQN) {
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-V264SJQN) {
    width: 48rem;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-V264SJQN) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN) {
    width: 24rem;
    position: relative;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-last-child(1),
  .item:where(.astro-V264SJQN):last-child {
    border-bottom: none;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-child(odd) {
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-child(even) {
    padding-left: 2.5rem;
  }
}
.item:where(.astro-V264SJQN):nth-child(even):after {
  content: "";
  position: absolute;
  background-color: #44403f33;
  width: 1px;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-child(even):after {
    height: 3.125rem;
    top: 2.125rem;
    left: 0rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-V264SJQN) {
    padding-block: 2.5rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-V264SJQN) {
    padding-block: 1.5625rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.name:where(.astro-V264SJQN) {
  font-weight: 600;
}
.bAndroid:where(.astro-V264SJQN) .name:where(.astro-V264SJQN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-V264SJQN) {
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-V264SJQN) {
    margin-top: 0.625rem;
  }
}
.text:where(.astro-V264SJQN) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.link:where(.astro-V264SJQN) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-V264SJQN) {
    padding-block: 2.5rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-V264SJQN) {
    padding-block: 1.375rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
[data-whatintent="mouse"] .link:where(.astro-V264SJQN):hover .text:where(.astro-V264SJQN) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .LWorks:where(.astro-A4DCRYYG) {
    padding-top: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorks:where(.astro-A4DCRYYG) {
    padding-top: 7.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-A4DCRYYG) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-A4DCRYYG) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-A4DCRYYG) {
    display: flex;
    gap: 1.5625rem;
    justify-content: space-between;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-A4DCRYYG) {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-A4DCRYYG) {
    width: 35.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-A4DCRYYG) + .item:where(.astro-A4DCRYYG) {
    margin-top: 2.8125rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-A4DCRYYG):hover .image:where(.astro-A4DCRYYG) img:where(.astro-A4DCRYYG) {
  scale: 1.07;
}
[data-whatintent="mouse"] .link:where(.astro-A4DCRYYG):hover .title:where(.astro-A4DCRYYG),
[data-whatintent="mouse"] .link:where(.astro-A4DCRYYG):hover .text:where(.astro-A4DCRYYG) {
  opacity: 0.5;
}
.image:where(.astro-A4DCRYYG) {
  overflow: hidden;
}
.image:where(.astro-A4DCRYYG) img:where(.astro-A4DCRYYG) {
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-A4DCRYYG) {
    margin-top: 2.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-A4DCRYYG) {
    margin-top: 1.5625rem;
  }
}
.title:where(.astro-A4DCRYYG) {
  display: flex;
}
.titleEn:where(.astro-A4DCRYYG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .titleEn:where(.astro-A4DCRYYG) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleEn:where(.astro-A4DCRYYG) {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .titleJa:where(.astro-A4DCRYYG) {
    margin-top: 0.5rem;
    margin-left: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleJa:where(.astro-A4DCRYYG) {
    margin-left: 1.09375rem;
  }
}
.bottom:where(.astro-A4DCRYYG) {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-A4DCRYYG) {
    justify-content: space-between;
  }
}
.text:where(.astro-A4DCRYYG) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-A4DCRYYG) {
    margin-top: 1.75rem;
    line-height: 2;
    width: 25.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-A4DCRYYG) {
    margin-top: 0.8125rem;
    line-height: 1.75;
    width: 17.5rem;
  }
}
.title:where(.astro-A4DCRYYG),
.text:where(.astro-A4DCRYYG) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-A4DCRYYG) {
    margin-left: 3.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LLocation:where(.astro-KJA5SHPO) {
    padding-top: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LLocation:where(.astro-KJA5SHPO) {
    padding-top: 7.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-KJA5SHPO) {
    margin-left: 17.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-KJA5SHPO) {
    margin-left: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LProjects:where(.astro-BPF7ZBXZ) {
    padding-top: 14.9375rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjects:where(.astro-BPF7ZBXZ) {
    padding-top: 8.125rem;
    margin-bottom: 5.625rem;
  }
}
.title:where(.astro-BPF7ZBXZ) {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-BPF7ZBXZ) {
    margin-right: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BPF7ZBXZ) {
    margin-right: 1.875rem;
  }
}
.CPager:where(.astro-R7DEAYXI) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .CPager:where(.astro-R7DEAYXI) {
    width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .CPager:where(.astro-R7DEAYXI) {
    width: 100%;
  }
}
.CPager:where(.astro-R7DEAYXI) .reverse:where(.astro-R7DEAYXI) {
  transform: rotate(180deg);
}
.CPager:where(.astro-R7DEAYXI) .disable:where(.astro-R7DEAYXI) {
  opacity: 0.5;
  pointer-events: none;
}
.list:where(.astro-R7DEAYXI) {
  display: flex;
  align-items: center;
}
.list-item:where(.astro-R7DEAYXI) {
  display: flex;
}
.list-item:where(.astro-R7DEAYXI).-morePrev {
  display: none;
}
.list-link:where(.astro-R7DEAYXI) {
  color: #44403f80;
  border: solid 1px rgba(68, 64, 63, 0.1);
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list-link:where(.astro-R7DEAYXI) {
    font-size: 1.25rem;
    position: relative;
    display: block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    border-radius: 50%;
    transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition-property: border-color, background-color, color;
  }
}
@media screen and (max-width: 767.99px) {
  .list-link:where(.astro-R7DEAYXI) {
    font-size: 0.75rem;
    line-height: 2.5rem;
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.375rem;
    border-radius: 50%;
  }
}
[data-whatintent="mouse"] .list-link:where(.astro-R7DEAYXI):hover {
  border-color: #bd991e;
  background-color: #bd991e;
  color: #fff;
}
.list-link:where(.astro-R7DEAYXI).current {
  border-color: #bd991e;
  background-color: #bd991e;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .list-link:where(.astro-R7DEAYXI) + .list-link:where(.astro-R7DEAYXI) {
    margin-left: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list-link:where(.astro-R7DEAYXI) + .list-link:where(.astro-R7DEAYXI) {
    margin-left: 0.5rem;
  }
}
.CPlusIcon:where(.astro-KFCZY7O7) {
  transition: transform 0.2s ease;
}
.CPlusIcon:where(.astro-KFCZY7O7).-white {
  fill: #fff;
}
.CPlusIcon-horizontal:where(.astro-KFCZY7O7) {
  transition: transform 0.2s ease;
  transform-origin: center;
}
.CPlusIcon:where(.astro-KFCZY7O7).-open {
  transform: rotate(90deg);
}
.CPlusIcon:where(.astro-KFCZY7O7).-open .CPlusIcon-horizontal:where(.astro-KFCZY7O7) {
  transform: scaleX(0);
}
.CAccordionTrigger:where(.astro-KL7Y63AH) {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.bAndroid:where(.astro-KL7Y63AH) .CAccordionTrigger:where(.astro-KL7Y63AH) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CAccordionTrigger:where(.astro-KL7Y63AH) {
    font-size: 0.9375rem;
    line-height: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .CAccordionTrigger:where(.astro-KL7Y63AH) {
    font-size: 0.875rem;
    line-height: 1;
  }
}
.plus:where(.astro-KL7Y63AH) {
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .plus:where(.astro-KL7Y63AH) {
    width: 1.625rem;
    height: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .plus:where(.astro-KL7Y63AH) {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .plus-icon:where(.astro-KL7Y63AH) {
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .plus-icon:where(.astro-KL7Y63AH) {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-C54PTTOT) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-C54PTTOT) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-C54PTTOT) {
    margin-top: 11.875rem;
    margin-bottom: 3.75rem;
  }
}
.sort:where(.astro-C54PTTOT) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .sort:where(.astro-C54PTTOT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort:where(.astro-C54PTTOT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .sort:where(.astro-C54PTTOT) {
    margin-top: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort:where(.astro-C54PTTOT) {
    margin-top: 9.125rem;
  }
}
.sort-content:where(.astro-C54PTTOT) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.sort-title:where(.astro-C54PTTOT) {
  text-transform: uppercase;
  display: block;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .sort-title:where(.astro-C54PTTOT) {
    margin-left: 1.625rem;
    margin-top: 0.625rem;
    font-size: 1.125rem;
  }
}
.sort-title-area:where(.astro-C54PTTOT) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .sort-title-area:where(.astro-C54PTTOT) {
    padding-top: 1.625rem;
    padding-bottom: 1.75rem;
    cursor: pointer;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-title-area:where(.astro-C54PTTOT) {
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.sort-category:where(.astro-C54PTTOT) {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .sort-category:where(.astro-C54PTTOT) {
    display: flex;
    padding-block: 1.75rem 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-category:where(.astro-C54PTTOT) {
    padding-top: 1.40625rem;
    padding-left: 1.5625rem;
    padding-bottom: 0.9375rem;
  }
}
.sort-category:where(.astro-C54PTTOT) + .sort-category:where(.astro-C54PTTOT) {
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .sort-category-term:where(.astro-C54PTTOT) {
    display: block;
    width: 9.9375rem;
    padding-block: 0.625rem;
    margin-left: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-category-term:where(.astro-C54PTTOT) {
    margin-bottom: 1.875rem;
  }
}
.sort-category-descriptArea:where(.astro-C54PTTOT) {
  display: flex;
  flex-wrap: wrap;
}
.sort-category-descript:where(.astro-C54PTTOT) {
  border: 1px solid #eeeeee;
}
[data-whatintent="mouse"] .sort-category-descript:where(.astro-C54PTTOT):hover {
  background-color: #bd991e;
  border-color: #bd991e;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .sort-category-descript:where(.astro-C54PTTOT) {
    border-radius: 1.25rem;
    padding: 0.6875rem 0.8125rem;
    font-size: 0.75rem;
    transition: background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.8s cubic-bezier(0.16, 1, 0.3, 1),
      color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .sort-category-descript:where(.astro-C54PTTOT) {
    border-radius: 1.25rem;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    margin-right: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .sort-category-descript:where(.astro-C54PTTOT) + .sort-category-descript:where(.astro-C54PTTOT) {
    margin-left: 0.3125rem;
  }
}
.sort-category-descript:where(.astro-C54PTTOT).-current {
  border: 1px solid #bd991e;
  background-color: #bd991e;
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .sort-category:where(.astro-C54PTTOT) .wrapMargin:where(.astro-C54PTTOT) {
    margin-left: 0rem;
  }
}
@media screen and (min-width: 768px) {
  .works:where(.astro-C54PTTOT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .works:where(.astro-C54PTTOT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .works:where(.astro-C54PTTOT) {
    margin-top: 8.4375rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .works:where(.astro-C54PTTOT) {
    margin-top: 4.875rem;
    margin-bottom: 5.75rem;
  }
}
@media screen and (min-width: 768px) {
  .works:where(.astro-C54PTTOT) .list:where(.astro-C54PTTOT) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6.625rem;
    margin-bottom: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .works:where(.astro-C54PTTOT) .list:where(.astro-C54PTTOT) {
    margin-top: 2.9375rem;
    margin-bottom: 4.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LConcept:where(.astro-3447JFP5) {
    padding-top: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LConcept:where(.astro-3447JFP5) {
    padding-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-3447JFP5) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-3447JFP5) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-3447JFP5) {
    display: flex;
    margin-top: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-3447JFP5) {
    margin-top: 4.8125rem;
    margin-left: -0.0625rem;
  }
}
.content-title:where(.astro-3447JFP5) {
  font-weight: 600;
}
.bAndroid:where(.astro-3447JFP5) .content-title:where(.astro-3447JFP5) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .content-title:where(.astro-3447JFP5) {
    font-size: 2.5rem;
    letter-spacing: 0.05em;
    width: 40rem;
    margin-top: 0.25rem;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content-title:where(.astro-3447JFP5) {
    font-size: 1.4375rem;
  }
}
.content-text:where(.astro-3447JFP5) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .content-text:where(.astro-3447JFP5) {
    letter-spacing: 0.1em;
    line-height: 2;
    width: 33rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content-text:where(.astro-3447JFP5) {
    font-size: 0.75rem;
    margin-top: 2rem;
    line-height: 2.0833333333;
  }
}
.image:where(.astro-3447JFP5) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-3447JFP5) {
    margin-top: 5.125rem;
    width: 94.875rem;
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-3447JFP5) {
    margin-top: 2.875rem;
    height: 17.1875rem;
  }
}
.image:where(.astro-3447JFP5) img:where(.astro-3447JFP5) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-3447JFP5) img:where(.astro-3447JFP5) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-3447JFP5) img:where(.astro-3447JFP5) {
    height: 19.375rem;
  }
}
.LReasons:where(.astro-OJ2JQLLT) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LReasons:where(.astro-OJ2JQLLT) {
    padding-top: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LReasons:where(.astro-OJ2JQLLT) {
    padding-top: 6.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-OJ2JQLLT) {
    margin-right: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-OJ2JQLLT) {
    margin-right: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-OJ2JQLLT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-OJ2JQLLT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-OJ2JQLLT) {
    margin-top: 7.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-OJ2JQLLT) {
    margin-top: 4.6875rem;
  }
}
.head-title:where(.astro-OJ2JQLLT) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-OJ2JQLLT) .head-title:where(.astro-OJ2JQLLT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .head-title:where(.astro-OJ2JQLLT) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .head-title:where(.astro-OJ2JQLLT) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
.head-text:where(.astro-OJ2JQLLT) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-OJ2JQLLT) {
    line-height: 2;
    letter-spacing: 0.1em;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-OJ2JQLLT) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.05em;
    margin-top: 1.5625rem;
  }
}
.feature:where(.astro-OJ2JQLLT) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .feature:where(.astro-OJ2JQLLT) {
    margin-top: 5.875rem;
    padding-top: 4.25rem;
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature:where(.astro-OJ2JQLLT) {
    margin-top: 2.6875rem;
  }
}
.feature-list:where(.astro-OJ2JQLLT) {
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .feature-list:where(.astro-OJ2JQLLT) {
    display: flex;
    column-gap: 4.375rem;
  }
}
.feature-item:where(.astro-OJ2JQLLT) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .feature-item:where(.astro-OJ2JQLLT) {
    width: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-item:where(.astro-OJ2JQLLT) {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .feature-item:where(.astro-OJ2JQLLT):not(:last-child):after {
    content: "";
    position: absolute;
    background-color: #44403f33;
    width: 1px;
    height: 100%;
    top: 0;
    right: -1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-item:where(.astro-OJ2JQLLT):not(:last-child) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding-bottom: 1.75rem;
  }
}
.feature-index:where(.astro-OJ2JQLLT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767.99px) {
  .feature-index:where(.astro-OJ2JQLLT) {
    letter-spacing: -0.025em;
  }
}
.feature-index:where(.astro-OJ2JQLLT):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .feature-index:where(.astro-OJ2JQLLT):before {
    left: 4rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-index:where(.astro-OJ2JQLLT):before {
    left: 3.4375rem;
  }
}
.feature-title:where(.astro-OJ2JQLLT) {
  font-weight: 600;
}
.bAndroid:where(.astro-OJ2JQLLT) .feature-title:where(.astro-OJ2JQLLT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .feature-title:where(.astro-OJ2JQLLT) {
    font-size: 1.125rem;
    line-height: 1.6666666667;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-title:where(.astro-OJ2JQLLT) {
    letter-spacing: 0.025em;
    font-size: 0.9375rem;
    margin-top: 1.625rem;
  }
}
.feature-text:where(.astro-OJ2JQLLT) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .feature-text:where(.astro-OJ2JQLLT) {
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    margin-top: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-text:where(.astro-OJ2JQLLT) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.4375rem;
  }
}
.marqueeWrap:where(.astro-OJ2JQLLT) {
  width: 100%;
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-OJ2JQLLT) {
    top: 39.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeWrap:where(.astro-OJ2JQLLT) {
    top: 44.0625rem;
  }
}
.marquee:where(.astro-OJ2JQLLT) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-OJ2JQLLT) {
    margin-inline: 12.1875rem 5.125rem;
    height: 14rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-OJ2JQLLT) {
    width: 100%;
    height: 7.125rem;
  }
}
.marqueeInner:where(.astro-OJ2JQLLT) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-OJ2JQLLT) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-OJ2JQLLT) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .step:where(.astro-BIV4DGJ7) {
    margin-top: 2.25rem;
    width: 42.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step:where(.astro-BIV4DGJ7) {
    margin-top: 5rem;
  }
}
.step-list:where(.astro-BIV4DGJ7) {
  counter-reset: number;
}
.step-item:where(.astro-BIV4DGJ7) {
  display: flex;
  counter-increment: number;
  position: relative;
}
@media screen and (min-width: 768px) {
  .step-item:where(.astro-BIV4DGJ7) + .step-item:where(.astro-BIV4DGJ7) {
    padding-bottom: 4.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-item:where(.astro-BIV4DGJ7) + .step-item:where(.astro-BIV4DGJ7) {
    padding-bottom: 4.25rem;
  }
}
.step-line:where(.astro-BIV4DGJ7) {
  position: absolute;
  width: 1px;
  background-color: #6a6666;
}
.step-line:where(.astro-BIV4DGJ7).-line06 {
  background-color: transparent;
}
.step-line:where(.astro-BIV4DGJ7).-line06:after {
  content: "";
  position: absolute;
  background-repeat: repeat-y;
  background-position: left bottom;
  inset: 0;
}
@media screen and (min-width: 768px) {
  .step-line:where(.astro-BIV4DGJ7) {
    left: 3.125rem;
    top: 6.875rem;
    bottom: 0.625rem;
    height: calc(100% - 7.5rem);
  }
  .step-line:where(.astro-BIV4DGJ7).-line06:after {
    background-size: 1px 6px;
    background-image: linear-gradient(to bottom, #6a6666 4px, transparent 2px);
  }
}
@media screen and (max-width: 767.99px) {
  .step-line:where(.astro-BIV4DGJ7) {
    left: 2.3125rem;
    top: 5.3125rem;
    bottom: 0.625rem;
    height: calc(100% - 5.9375rem);
  }
  .step-line:where(.astro-BIV4DGJ7).-line06:after {
    background-size: 1px 4px;
    background-image: linear-gradient(to bottom, #6a6666 2px, transparent 1px);
  }
}
@media screen and (min-width: 768px) {
  .step-index:where(.astro-BIV4DGJ7) {
    width: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-index:where(.astro-BIV4DGJ7) {
    width: 7.25rem;
  }
}
.step-circle:where(.astro-BIV4DGJ7) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: #44403f;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 50%;
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: 0.6;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .step-circle:where(.astro-BIV4DGJ7) {
    line-height: 1.4285714286;
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-circle:where(.astro-BIV4DGJ7) {
    line-height: 1.25;
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.step-circle:where(.astro-BIV4DGJ7).-after {
  justify-content: center;
  text-align: center;
}
.-active:where(.astro-BIV4DGJ7) .step-circle:where(.astro-BIV4DGJ7) {
  opacity: 1;
  scale: 1.1;
}
.-active:where(.astro-BIV4DGJ7) .step-circle:where(.astro-BIV4DGJ7) .step-number:where(.astro-BIV4DGJ7) {
  opacity: 1;
}
.step-number:where(.astro-BIV4DGJ7) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-BIV4DGJ7) {
    padding-right: 2%;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-BIV4DGJ7) {
    padding-right: 3%;
    letter-spacing: -0.025em;
  }
}
.step-number:where(.astro-BIV4DGJ7):after {
  content: counter(number, decimal-leading-zero);
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-BIV4DGJ7):after {
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-BIV4DGJ7):after {
    margin-left: 0.1875rem;
  }
}
.-active:where(.astro-BIV4DGJ7) .step-number:where(.astro-BIV4DGJ7) {
  opacity: 0.6;
}
.step-content:where(.astro-BIV4DGJ7) {
  opacity: 0.4;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-BIV4DGJ7) {
    width: 33.75rem;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-BIV4DGJ7) {
    width: 14.9375rem;
    margin-top: 1.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-BIV4DGJ7).-after {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-BIV4DGJ7).-after {
    margin-top: 0.1875rem;
  }
}
.-active:where(.astro-BIV4DGJ7) .step-content:where(.astro-BIV4DGJ7) {
  opacity: 1;
}
.step-title:where(.astro-BIV4DGJ7) {
  font-weight: 600;
}
.bAndroid:where(.astro-BIV4DGJ7) .step-title:where(.astro-BIV4DGJ7) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-title:where(.astro-BIV4DGJ7) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-title:where(.astro-BIV4DGJ7) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
  }
}
.step-text:where(.astro-BIV4DGJ7) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-text:where(.astro-BIV4DGJ7) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-text:where(.astro-BIV4DGJ7) {
    font-size: 0.75rem;
    margin-top: 1.375rem;
    line-height: 1.75;
  }
}
.step-wdp:where(.astro-BIV4DGJ7) {
  border-top: 1px solid #6a6666;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-wdp:where(.astro-BIV4DGJ7) {
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-wdp:where(.astro-BIV4DGJ7) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.40625rem;
    padding-top: 0.9375rem;
  }
}
.step-link:where(.astro-BIV4DGJ7) {
  display: flex;
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-BIV4DGJ7) {
    align-items: center;
    justify-content: right;
    margin-top: 0.4375rem;
  }
}
.step-link:where(.astro-BIV4DGJ7) .text:where(.astro-BIV4DGJ7) {
  font-weight: 600;
}
.bAndroid:where(.astro-BIV4DGJ7) .step-link:where(.astro-BIV4DGJ7) .text:where(.astro-BIV4DGJ7) {
  font-weight: 700;
}
.step-link:where(.astro-BIV4DGJ7) .arrow:where(.astro-BIV4DGJ7) {
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-BIV4DGJ7) .arrow:where(.astro-BIV4DGJ7) {
    margin-top: 0.0625rem;
    margin-left: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-BIV4DGJ7) .arrow:where(.astro-BIV4DGJ7) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-BIV4DGJ7) .arrow:where(.astro-BIV4DGJ7) .CWhiteArrow {
    margin-top: -0.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-BIV4DGJ7) .arrow:where(.astro-BIV4DGJ7) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-table:where(.astro-BIV4DGJ7) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-table:where(.astro-BIV4DGJ7) {
    margin-top: 0.8125rem;
    padding-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-table:where(.astro-BIV4DGJ7) {
    margin-top: 1.40625rem;
    padding-top: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-tableItem:where(.astro-BIV4DGJ7) + .step-tableItem:where(.astro-BIV4DGJ7) {
    margin-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableItem:where(.astro-BIV4DGJ7) + .step-tableItem:where(.astro-BIV4DGJ7) {
    margin-top: 1.8125rem;
  }
}
.step-tableIndex:where(.astro-BIV4DGJ7) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-BIV4DGJ7) .step-tableIndex:where(.astro-BIV4DGJ7) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-BIV4DGJ7) {
    font-size: 1rem;
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-BIV4DGJ7) {
    letter-spacing: 0.05em;
    padding-left: 1.1875rem;
  }
}
.step-tableIndex:where(.astro-BIV4DGJ7):before {
  content: "";
  position: absolute;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-BIV4DGJ7):before {
    top: 0.3125rem;
    left: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-BIV4DGJ7):before {
    top: 0.125rem;
    left: 0;
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
.step-tableDetail:where(.astro-BIV4DGJ7) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-tableDetail:where(.astro-BIV4DGJ7) {
    margin-top: 1rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableDetail:where(.astro-BIV4DGJ7) {
    font-size: 0.75rem;
    margin-top: 0.875rem;
    line-height: 1.75;
  }
}
.step-product:where(.astro-BIV4DGJ7) {
  border: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-product:where(.astro-BIV4DGJ7) {
    margin-top: 1.625rem;
    padding-block: 2rem 1.5rem;
    padding-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-product:where(.astro-BIV4DGJ7) {
    margin-top: 1.125rem;
    padding: 1.375rem;
  }
}
.step-productHead:where(.astro-BIV4DGJ7) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-BIV4DGJ7) .step-productHead:where(.astro-BIV4DGJ7) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-productHead:where(.astro-BIV4DGJ7) {
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productHead:where(.astro-BIV4DGJ7) {
    font-size: 0.75rem;
  }
}
.step-productLink:where(.astro-BIV4DGJ7) {
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-BIV4DGJ7) {
    margin-left: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-BIV4DGJ7) {
    align-items: center;
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-BIV4DGJ7) .text:where(.astro-BIV4DGJ7) {
    padding-top: 0.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-BIV4DGJ7) .text:where(.astro-BIV4DGJ7) {
    margin-bottom: 0.03125rem;
  }
}
.step-productLink:where(.astro-BIV4DGJ7) .whiteArrow:where(.astro-BIV4DGJ7) {
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-BIV4DGJ7) .whiteArrow:where(.astro-BIV4DGJ7) {
    top: -0.125rem;
    margin-left: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-BIV4DGJ7) .whiteArrow:where(.astro-BIV4DGJ7) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-BIV4DGJ7) .whiteArrow:where(.astro-BIV4DGJ7) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-productText:where(.astro-BIV4DGJ7) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-productText:where(.astro-BIV4DGJ7) {
    line-height: 1.8571428571;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productText:where(.astro-BIV4DGJ7) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 0.875rem;
  }
}
.step-after:where(.astro-BIV4DGJ7) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-after:where(.astro-BIV4DGJ7) {
    margin-top: 1.5rem;
    padding-top: 1.375rem;
    padding-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-after:where(.astro-BIV4DGJ7) {
    margin-top: 1.1875rem;
    padding-top: 1.125rem;
  }
}
.step-afterItem:where(.astro-BIV4DGJ7) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-afterItem:where(.astro-BIV4DGJ7) {
    line-height: 1.8571428571;
    padding-left: 0.8em;
    text-indent: -0.8em;
  }
}
@media screen and (max-width: 767.99px) {
  .step-afterItem:where(.astro-BIV4DGJ7) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-left: 0.125rem;
    padding-left: 0.6em;
    text-indent: -0.6em;
  }
}
.LFlow:where(.astro-EXTTIRU3) {
  background-color: #454040;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .LFlow:where(.astro-EXTTIRU3) {
    margin-top: 14.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LFlow:where(.astro-EXTTIRU3) {
    margin-top: 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-EXTTIRU3) {
    padding-block: 13.625rem 14.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-EXTTIRU3) {
    padding-block: 6.5rem 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-EXTTIRU3) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-EXTTIRU3) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-EXTTIRU3) {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-EXTTIRU3) {
    width: 29.875rem;
  }
}
@media screen and (min-width: 768px) {
  .step:where(.astro-EXTTIRU3) {
    margin-top: 2.25rem;
    width: 42.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step:where(.astro-EXTTIRU3) {
    margin-top: 5rem;
  }
}
.step-list:where(.astro-EXTTIRU3) {
  counter-reset: number;
}
.step-item:where(.astro-EXTTIRU3) {
  display: flex;
  counter-increment: number;
  position: relative;
  padding-bottom: 4.875rem;
}
@media screen and (min-width: 768px) {
  .step-item:where(.astro-EXTTIRU3) + .step-item:where(.astro-EXTTIRU3) {
    padding-bottom: 4.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-item:where(.astro-EXTTIRU3) + .step-item:where(.astro-EXTTIRU3) {
    padding-bottom: 4.25rem;
  }
}
.step-line:where(.astro-EXTTIRU3) {
  position: absolute;
  width: 1px;
  background-color: #6a6666;
}
.step-line:where(.astro-EXTTIRU3).-line06 {
  background-color: transparent;
}
.step-line:where(.astro-EXTTIRU3).-line06:after {
  content: "";
  position: absolute;
  background-repeat: repeat-y;
  background-position: left bottom;
  inset: 0;
}
@media screen and (min-width: 768px) {
  .step-line:where(.astro-EXTTIRU3) {
    left: 3.125rem;
    top: 6.875rem;
    bottom: 0.625rem;
    height: calc(100% - 7.5rem);
  }
  .step-line:where(.astro-EXTTIRU3).-line06:after {
    background-size: 1px 6px;
    background-image: linear-gradient(to bottom, #6a6666 4px, transparent 2px);
  }
}
@media screen and (max-width: 767.99px) {
  .step-line:where(.astro-EXTTIRU3) {
    left: 2.3125rem;
    top: 5rem;
    bottom: 0.3125rem;
    height: calc(100% - 5.3125rem);
  }
  .step-line:where(.astro-EXTTIRU3).-line06:after {
    background-size: 1px 4px;
    background-image: linear-gradient(to bottom, #6a6666 2px, transparent 1px);
  }
}
@media screen and (min-width: 768px) {
  .step-index:where(.astro-EXTTIRU3) {
    width: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-index:where(.astro-EXTTIRU3) {
    width: 7.25rem;
  }
}
.step-circle:where(.astro-EXTTIRU3) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: #44403f;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 50%;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .step-circle:where(.astro-EXTTIRU3) {
    line-height: 1.4285714286;
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-circle:where(.astro-EXTTIRU3) {
    line-height: 1.25;
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.step-circle:where(.astro-EXTTIRU3).-after {
  justify-content: center;
  text-align: center;
}
.step-number:where(.astro-EXTTIRU3) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-EXTTIRU3) {
    margin-top: 0.125rem;
    margin-left: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-EXTTIRU3) {
    letter-spacing: -0.025em;
    margin-left: 1.125rem;
  }
}
.step-number:where(.astro-EXTTIRU3):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-EXTTIRU3):before {
    left: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-EXTTIRU3):before {
    left: 1.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-EXTTIRU3) {
    width: 33.75rem;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-EXTTIRU3) {
    width: 14.9375rem;
    margin-top: 1.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-EXTTIRU3).-after {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-EXTTIRU3).-after {
    margin-top: 0.1875rem;
  }
}
.step-title:where(.astro-EXTTIRU3) {
  font-weight: 600;
}
.bAndroid:where(.astro-EXTTIRU3) .step-title:where(.astro-EXTTIRU3) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-title:where(.astro-EXTTIRU3) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-title:where(.astro-EXTTIRU3) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
  }
}
.step-text:where(.astro-EXTTIRU3) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-text:where(.astro-EXTTIRU3) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-text:where(.astro-EXTTIRU3) {
    font-size: 0.75rem;
    margin-top: 1.375rem;
    line-height: 1.75;
  }
}
.step-wdp:where(.astro-EXTTIRU3) {
  display: flex;
  border-top: 1px solid #6a6666;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-wdp:where(.astro-EXTTIRU3) {
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1.75rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-wdp:where(.astro-EXTTIRU3) {
    flex-direction: column;
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.40625rem;
    padding-top: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .step-wdp:where(.astro-EXTTIRU3) p:where(.astro-EXTTIRU3) {
    width: 25.875rem;
  }
}
.step-link:where(.astro-EXTTIRU3) {
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-EXTTIRU3) {
    align-items: center;
    justify-content: right;
    margin-top: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-EXTTIRU3) {
    margin-left: auto;
  }
}
.step-link:where(.astro-EXTTIRU3) .text:where(.astro-EXTTIRU3) {
  font-weight: 600;
}
.bAndroid:where(.astro-EXTTIRU3) .step-link:where(.astro-EXTTIRU3) .text:where(.astro-EXTTIRU3) {
  font-weight: 700;
}
.step-link:where(.astro-EXTTIRU3) .arrow:where(.astro-EXTTIRU3) {
  position: relative;
  inset: auto;
  translate: none;
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-EXTTIRU3) .arrow:where(.astro-EXTTIRU3) {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-EXTTIRU3) .arrow:where(.astro-EXTTIRU3) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-EXTTIRU3) .arrow:where(.astro-EXTTIRU3) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-table:where(.astro-EXTTIRU3) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-table:where(.astro-EXTTIRU3) {
    margin-top: 0.8125rem;
    padding-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-table:where(.astro-EXTTIRU3) {
    margin-top: 1.40625rem;
    padding-top: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-tableItem:where(.astro-EXTTIRU3) + .step-tableItem:where(.astro-EXTTIRU3) {
    margin-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableItem:where(.astro-EXTTIRU3) + .step-tableItem:where(.astro-EXTTIRU3) {
    margin-top: 1.8125rem;
  }
}
.step-tableIndex:where(.astro-EXTTIRU3) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-EXTTIRU3) .step-tableIndex:where(.astro-EXTTIRU3) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-EXTTIRU3) {
    font-size: 1rem;
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-EXTTIRU3) {
    letter-spacing: 0.05em;
    padding-left: 1.1875rem;
  }
}
.step-tableIndex:where(.astro-EXTTIRU3):before {
  content: "";
  position: absolute;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-EXTTIRU3):before {
    top: 0.3125rem;
    left: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-EXTTIRU3):before {
    top: 0.125rem;
    left: 0;
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
.step-tableDetail:where(.astro-EXTTIRU3) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-tableDetail:where(.astro-EXTTIRU3) {
    margin-top: 1rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableDetail:where(.astro-EXTTIRU3) {
    font-size: 0.75rem;
    margin-top: 0.875rem;
    line-height: 1.75;
  }
}
.step-product:where(.astro-EXTTIRU3) {
  border: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-product:where(.astro-EXTTIRU3) {
    margin-top: 1.625rem;
    padding-block: 2rem 1.5rem;
    padding-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-product:where(.astro-EXTTIRU3) {
    margin-top: 1.125rem;
    padding: 1.375rem;
  }
}
.step-productHead:where(.astro-EXTTIRU3) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-EXTTIRU3) .step-productHead:where(.astro-EXTTIRU3) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-productHead:where(.astro-EXTTIRU3) {
    display: flex;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productHead:where(.astro-EXTTIRU3) {
    font-size: 0.75rem;
  }
}
.step-productLink:where(.astro-EXTTIRU3) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-EXTTIRU3) {
    margin-left: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-EXTTIRU3) {
    align-items: center;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-EXTTIRU3) .text:where(.astro-EXTTIRU3) {
    margin-bottom: 0.03125rem;
  }
}
.step-productLink:where(.astro-EXTTIRU3) .whiteArrow:where(.astro-EXTTIRU3) {
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-EXTTIRU3) .whiteArrow:where(.astro-EXTTIRU3) {
    top: -0.125rem;
    margin-left: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-EXTTIRU3) .whiteArrow:where(.astro-EXTTIRU3) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-EXTTIRU3) .whiteArrow:where(.astro-EXTTIRU3) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-productText:where(.astro-EXTTIRU3) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-productText:where(.astro-EXTTIRU3) {
    line-height: 1.8571428571;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productText:where(.astro-EXTTIRU3) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 0.875rem;
  }
}
.step-after:where(.astro-EXTTIRU3) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-after:where(.astro-EXTTIRU3) {
    margin-top: 1.5rem;
    padding-top: 1.375rem;
    padding-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-after:where(.astro-EXTTIRU3) {
    margin-top: 1.1875rem;
    padding-top: 1.125rem;
  }
}
.step-afterItem:where(.astro-EXTTIRU3) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-afterItem:where(.astro-EXTTIRU3) {
    line-height: 1.8571428571;
    padding-left: 0.8em;
    text-indent: -0.8em;
  }
}
@media screen and (max-width: 767.99px) {
  .step-afterItem:where(.astro-EXTTIRU3) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-left: 0.125rem;
    padding-left: 0.6em;
    text-indent: -0.6em;
  }
}
@media screen and (min-width: 768px) {
  .LOptions:where(.astro-GDT6C7PJ) {
    padding-top: 13.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOptions:where(.astro-GDT6C7PJ) {
    padding-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-GDT6C7PJ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-GDT6C7PJ) {
    margin-inline: 1.875rem;
  }
}
.list:where(.astro-GDT6C7PJ) {
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-GDT6C7PJ) {
    display: flex;
    flex-wrap: wrap;
    gap: 5.5rem 9.6875rem;
    padding-top: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-GDT6C7PJ) {
    padding-top: 4.8125rem;
  }
}
.item:where(.astro-GDT6C7PJ) {
  display: flex;
  flex-direction: column;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-GDT6C7PJ) {
    width: 31.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-GDT6C7PJ) + .item:where(.astro-GDT6C7PJ) {
    margin-top: 3.6875rem;
  }
}
.index:where(.astro-GDT6C7PJ) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .index:where(.astro-GDT6C7PJ) {
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-GDT6C7PJ) {
    letter-spacing: -0.025em;
    font-size: 0.75rem;
    padding-bottom: 0.875rem;
  }
}
.number:where(.astro-GDT6C7PJ) {
  position: relative;
}
.number:where(.astro-GDT6C7PJ):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .number:where(.astro-GDT6C7PJ):before {
    left: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .number:where(.astro-GDT6C7PJ):before {
    left: 0.125rem;
  }
}
[data-whatintent="mouse"] .linkWrapper:where(.astro-GDT6C7PJ):hover .title:where(.astro-GDT6C7PJ),
[data-whatintent="mouse"] .linkWrapper:where(.astro-GDT6C7PJ):hover .text:where(.astro-GDT6C7PJ),
[data-whatintent="mouse"] .linkWrapper:where(.astro-GDT6C7PJ):hover .link-text:where(.astro-GDT6C7PJ) {
  opacity: 0.5;
}
[data-whatintent="mouse"]
  .linkWrapper:where(.astro-GDT6C7PJ):hover
  .image:where(.astro-GDT6C7PJ)
  img:where(.astro-GDT6C7PJ) {
  scale: 1.07;
}
.image:where(.astro-GDT6C7PJ) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-GDT6C7PJ) {
    margin-top: 3.125rem;
    width: 31.5rem;
    height: 18.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-GDT6C7PJ) {
    margin-top: 2.5rem;
  }
}
.image:where(.astro-GDT6C7PJ) img:where(.astro-GDT6C7PJ) {
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: auto;
}
.title:where(.astro-GDT6C7PJ),
.text:where(.astro-GDT6C7PJ),
.link-text:where(.astro-GDT6C7PJ) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.title:where(.astro-GDT6C7PJ) {
  font-weight: 600;
}
.bAndroid:where(.astro-GDT6C7PJ) .title:where(.astro-GDT6C7PJ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-GDT6C7PJ) {
    font-size: 1.125rem;
    margin-top: 3.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-GDT6C7PJ) {
    letter-spacing: 0.05em;
    font-size: 0.9375rem;
    line-height: 1.4;
    margin-top: 2.125rem;
  }
}
.text:where(.astro-GDT6C7PJ) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-GDT6C7PJ) {
    line-height: 1.8571428571;
    margin-block: 1.4375rem 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-GDT6C7PJ) {
    font-size: 0.75rem;
    margin-top: 0.9375rem;
    line-height: 1.75;
  }
}
.link:where(.astro-GDT6C7PJ) {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: right;
  font-feature-settings: initial;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-GDT6C7PJ) {
    margin-top: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-GDT6C7PJ) {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .link-arrow:where(.astro-GDT6C7PJ) {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-arrow:where(.astro-GDT6C7PJ) {
    margin-top: 0.0625rem;
    margin-left: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LProjects:where(.astro-6KELIHIK) {
    padding-top: 15.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjects:where(.astro-6KELIHIK) {
    padding-top: 7.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-6KELIHIK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-6KELIHIK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-6KELIHIK) {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-6KELIHIK) {
    margin-top: 3.8125rem;
  }
}
.link:where(.astro-6KELIHIK) {
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-6KELIHIK) {
    margin-top: 4.25rem;
    margin-left: 17.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-6KELIHIK) {
    margin-top: 2.3125rem;
    margin-left: 1.875rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-6KELIHIK):hover .text:where(.astro-6KELIHIK) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-6KELIHIK) .text:where(.astro-6KELIHIK) {
    margin-top: 1.375rem;
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-6KELIHIK) .text:where(.astro-6KELIHIK) {
    margin-top: 0.625rem;
  }
}
.link:where(.astro-6KELIHIK) .text-en:where(.astro-6KELIHIK) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-6KELIHIK) .text-en:where(.astro-6KELIHIK) {
    letter-spacing: -0.025em;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-6KELIHIK) .text-en:where(.astro-6KELIHIK) {
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-6KELIHIK) .text-ja:where(.astro-6KELIHIK) {
    margin-top: 0.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-6KELIHIK) .text-ja:where(.astro-6KELIHIK) {
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-6KELIHIK) .arrow:where(.astro-6KELIHIK) {
    margin-left: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-6KELIHIK) .arrow:where(.astro-6KELIHIK) {
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .CServiceMenu:where(.astro-RFJR7GFT) {
    padding-block: 15rem 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenu:where(.astro-RFJR7GFT) {
    padding-block: 7.5625rem 3.75rem;
  }
}
.content:where(.astro-RFJR7GFT) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RFJR7GFT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RFJR7GFT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RFJR7GFT) {
    padding-top: 4.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RFJR7GFT) {
    padding-top: 2rem;
  }
}
.title:where(.astro-RFJR7GFT) {
  display: flex;
  align-items: center;
}
.title-en:where(.astro-RFJR7GFT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-RFJR7GFT) {
    font-size: 2rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-RFJR7GFT) {
    font-size: 1.0625rem;
  }
}
.title-ja:where(.astro-RFJR7GFT) {
  display: inline-block;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-RFJR7GFT) {
    margin-left: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-RFJR7GFT) {
    font-size: 0.75rem;
    margin-left: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-RFJR7GFT) {
    display: flex;
    margin-top: 2.875rem;
    column-gap: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-RFJR7GFT) {
    margin-top: 3.5625rem;
  }
}
.item:where(.astro-RFJR7GFT) {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-RFJR7GFT) {
    width: 24.0625rem;
    height: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-RFJR7GFT) {
    height: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-RFJR7GFT) + .item:where(.astro-RFJR7GFT) {
    margin-top: 0.0625rem;
  }
}
.link:where(.astro-RFJR7GFT) {
  display: block;
  position: relative;
  color: #fff;
}
.link-text:where(.astro-RFJR7GFT) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .link-text:where(.astro-RFJR7GFT) {
    top: 1.625rem;
    left: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-text:where(.astro-RFJR7GFT) {
    top: 1.5rem;
    left: 1.5rem;
  }
}
.link-textEn:where(.astro-RFJR7GFT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .link-textEn:where(.astro-RFJR7GFT) {
    font-size: 1.5rem;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 767.99px) {
  .link-textEn:where(.astro-RFJR7GFT) {
    font-size: 1.0625rem;
  }
}
.link-textJa:where(.astro-RFJR7GFT) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .link-textJa:where(.astro-RFJR7GFT) {
    letter-spacing: 0.05em;
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-textJa:where(.astro-RFJR7GFT) {
    margin-top: 0.5rem;
  }
}
.link-image:where(.astro-RFJR7GFT) {
  overflow: hidden;
}
.link-image:where(.astro-RFJR7GFT) img:where(.astro-RFJR7GFT) {
  width: 100%;
  height: auto;
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
[data-whatintent="mouse"]
  .link:where(.astro-RFJR7GFT):hover
  .link-image:where(.astro-RFJR7GFT)
  img:where(.astro-RFJR7GFT) {
  scale: 1.08;
}
.icon:where(.astro-RFJR7GFT) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-RFJR7GFT) {
    right: 1.25rem;
    bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-RFJR7GFT) {
    right: 0.9375rem;
    bottom: 0.9375rem;
  }
}
.CFaqMenu:where(.astro-XVDDMWMU) {
  border-block: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-bottom: 5.625rem;
  }
}
.texts:where(.astro-XVDDMWMU) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.link:where(.astro-XVDDMWMU) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-XVDDMWMU) {
    padding-block: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-XVDDMWMU) {
    padding-block: 1rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-XVDDMWMU):hover .texts:where(.astro-XVDDMWMU) {
  opacity: 0.5;
}
.title:where(.astro-XVDDMWMU) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-XVDDMWMU) {
    margin-bottom: 0.875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-XVDDMWMU) {
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
  }
}
.text:where(.astro-XVDDMWMU) {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-XVDDMWMU) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-LVT7U2OF) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-LVT7U2OF) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-LVT7U2OF) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .CPageTitle:where(.astro-LVT7U2OF) .title-jp {
    margin-top: 0;
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-LVT7U2OF) .title-jp {
    margin-top: 0.25rem;
    padding-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-LVT7U2OF) {
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .workplaceDesign:where(.astro-LVT7U2OF) .photo {
    width: 130%;
  }
}

/*NEW*/
@media screen and (min-width: 768px) {
  .LOurLogo:where(.astro-IL564DSY) {
    padding-top: 14.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOurLogo:where(.astro-IL564DSY) {
    padding-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-IL564DSY) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-IL564DSY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-IL564DSY) {
    margin-bottom: 10.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-IL564DSY) {
    margin-bottom: 3.375rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-IL564DSY) {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-IL564DSY) {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-IL564DSY) {
    width: 41.875rem;
    line-height: 2;
    font-feature-settings: normal;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-IL564DSY) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.052em;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-IL564DSY) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-IL564DSY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-IL564DSY) {
    display: flex;
  }
}
.box:where(.astro-IL564DSY) {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .box:where(.astro-IL564DSY) {
    width: 50%;
  }
}
@media screen and (max-width: 767.99px) {
  .box:where(.astro-IL564DSY) {
    width: 100%;
  }
}
.box:where(.astro-IL564DSY).-white {
  background-color: #fff;
}
.box:where(.astro-IL564DSY).-black {
  background-color: #44403f;
}
.box:where(.astro-IL564DSY).-black .logo:where(.astro-IL564DSY) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .LColorPalette:where(.astro-HNAD4D55) {
    padding-top: 13.75rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LColorPalette:where(.astro-HNAD4D55) {
    padding-top: 6.875rem;
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-HNAD4D55) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-HNAD4D55) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-HNAD4D55) {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-HNAD4D55) {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-HNAD4D55) {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-HNAD4D55) {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-HNAD4D55) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-HNAD4D55) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-HNAD4D55) {
    display: flex;
    justify-content: space-between;
  }
}
.box:where(.astro-HNAD4D55) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .box:where(.astro-HNAD4D55) {
    width: 31.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .box:where(.astro-HNAD4D55) {
    width: 100%;
    margin-bottom: 5.1875rem;
  }
}
.color:where(.astro-HNAD4D55) {
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1;
}
@media screen and (min-width: 768px) {
  .color:where(.astro-HNAD4D55) {
    width: 100%;
  }
}
.color:where(.astro-HNAD4D55).-black {
  background-color: #44403f;
}
.color:where(.astro-HNAD4D55).-yellow {
  background-color: #eac21d;
}
.colorName:where(.astro-HNAD4D55) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .colorName:where(.astro-HNAD4D55) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .colorName:where(.astro-HNAD4D55) {
    font-size: 0.9375rem;
  }
}
.text:where(.astro-HNAD4D55) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .text:where(.astro-HNAD4D55) {
    line-height: 2;
    padding-block: 2.25rem 2.625rem;
    letter-spacing: 0.1em;
    font-feature-settings: normal;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-HNAD4D55) {
    padding-block: 2.1875rem 1.1875rem;
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.05em;
  }
}
.list:where(.astro-HNAD4D55) {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-HNAD4D55) {
    padding-block: 2.8125rem 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-HNAD4D55) {
    padding-block: 1.75rem 1.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-HNAD4D55) {
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-HNAD4D55) {
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-HNAD4D55):nth-child(odd) {
    width: 52%;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-HNAD4D55):nth-child(odd) {
    width: 46%;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-HNAD4D55):nth-child(even) {
    width: 48%;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-HNAD4D55):nth-last-child(n + 3) {
    margin-bottom: 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-HNAD4D55):nth-last-child(n + 3) {
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .box:where(.astro-HNAD4D55):nth-child(2) .item:where(.astro-HNAD4D55):nth-child(odd) {
    width: 56%;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-HNAD4D55) {
    margin-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-HNAD4D55) {
    margin-bottom: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-57JGBXTJ) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 20.6875rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-57JGBXTJ) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
.content:where(.astro-57JGBXTJ) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-57JGBXTJ) {
    margin-top: 9.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .philosophy:where(.astro-57JGBXTJ) .photo {
    width: 120%;
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
ul,
ol,
dl,
dd,
th,
td,
hr,
iframe,
fieldset,
legend,
button,
input,
textarea,
select,
option {
  margin: 0;
  padding: 0;
  border: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
small,
strong,
sub,
sup,
th {
  font-size: inherit;
  font-weight: inherit;
}
address,
em,
var,
cite,
dfn {
  font-style: normal;
}
caption,
th {
  text-align: left;
}
a,
ins,
abbr[title] {
  text-decoration: none;
}
html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  line-height: 1;
}
ul,
ol {
  list-style-type: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  color: inherit;
}
q:before,
q:after {
  content: none;
}
sub,
sup {
  vertical-align: baseline;
}
mark {
  background: none;
  color: inherit;
}
svg {
  overflow: visible;
}
button,
input,
textarea,
select {
  background: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
select {
  border-radius: 0;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
a,
label,
select,
button,
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
button {
  outline: none;
}
[data-whatinput="keyboard"] button:focus {
  outline: auto;
}
::selection {
  background: rgba(68, 64, 63, 0.2);
}
@keyframes rotateAnim {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}
@keyframes arrow-icon-move {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translate(calc(50% + 1.25rem));
  }
  50.001% {
    transform: translate(calc(-50% - 1.25rem));
  }
  to {
    transform: translate(0);
  }
}
:root {
  --vh: 1vh;
  --sbh: 0px;
  --scroll-bar-width: 0px;
}
html {
  overflow-y: scroll;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  html {
    font-size: calc(0.01 * (100vw - var(--scroll-bar-width)));
  }
}
@media screen and (max-width: 767.99px) {
  html {
    font-size: 3.8647342995vw;
    min-height: calc(var(--vh) * 100);
  }
}
html.bMobile {
  overflow-y: visible;
}
html.sWait {
  cursor: wait;
}
html.-full {
  overflow: hidden;
  height: 100%;
}
html.wf-active {
  visibility: visible;
}
body {
  position: relative;
  min-height: 100%;
  color: #44403f;
  background-color: #e9e9e9;
  font-family: Noto Sans JP, YuGothic, \6e38\30b4\30b7\30c3\30af, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo,
    sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  body {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  body {
    font-size: 0.8125rem;
  }
}
html.-full body {
  height: 100%;
}
@media screen and (max-width: 767.99px) {
  ._pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  ._sp {
    display: none !important;
  }
}
.CTextSlide:where(.astro-GKSQKESB) {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .CTextSlide:where(.astro-GKSQKESB) {
    padding: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CTextSlide:where(.astro-GKSQKESB) {
    padding: 0.09375rem;
  }
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  letter-spacing: 0.08em;
  overflow: hidden;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .charWrap {
  display: inline-block;
  overflow: hidden;
  height: 1.225rem;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .charWrap.-adj {
  margin-left: -0.1em;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .charWrap.-adj .char {
  padding-left: 0.1em;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .char {
  display: inline-block;
  min-width: 0.3em;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after {
  font-size: 0.875rem;
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after {
    margin-top: -0.1875rem;
  }
}
.CTextSlide:where(.astro-GKSQKESB) .charsWrap:where(.astro-GKSQKESB) .chars.-after .char {
  transform: translate(-120%);
}
.CHeaderSubMenu:where(.astro-Y3RLRYJZ) {
  position: absolute;
  top: 2.625rem;
  left: 0;
  background: #fff;
  padding: 2.5rem;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.CHeaderSubMenu:where(.astro-Y3RLRYJZ).-open {
  clip-path: inset(0);
  transition: clip-path 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.CHeaderSubMenu:where(.astro-Y3RLRYJZ).-open .inner:where(.astro-Y3RLRYJZ) {
  opacity: 1;
  translate: 0;
  transition: opacity 0.8s 0.2s cubic-bezier(0.25, 1, 0.5, 1), translate 1.2s 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.inner:where(.astro-Y3RLRYJZ) {
  display: flex;
  transition: opacity 0.8s 0s cubic-bezier(0.16, 1, 0.3, 1), translate 0s 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
  translate: 0 0.9375rem;
}
.head:where(.astro-Y3RLRYJZ) {
  padding-right: 2.5rem;
  border-right: 1px solid rgba(69, 64, 64, 0.3);
}
.titleEn:where(.astro-Y3RLRYJZ) {
  margin-top: -0.125rem;
  margin-bottom: 0.625rem;
  letter-spacing: -0.025em;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
}
.titleJa:where(.astro-Y3RLRYJZ) {
  letter-spacing: 0.05em;
  font-feature-settings: initial;
  white-space: nowrap;
}
.list:where(.astro-Y3RLRYJZ) {
  display: flex;
  padding-left: 3.125rem;
}
.item:where(.astro-Y3RLRYJZ) {
  width: 9.375rem;
}
.item:where(.astro-Y3RLRYJZ) + .item:where(.astro-Y3RLRYJZ) {
  margin-left: 2.5rem;
}
[data-whatintent="mouse"] .link:where(.astro-Y3RLRYJZ):hover .image:where(.astro-Y3RLRYJZ) {
  scale: 1.1;
}
.thumb:where(.astro-Y3RLRYJZ) {
  margin-bottom: 1.125rem;
  overflow: hidden;
}
.image:where(.astro-Y3RLRYJZ) {
  transition: scale 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.name:where(.astro-Y3RLRYJZ) {
  margin-bottom: 0.625rem;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.sub-item:where(.astro-Y3RLRYJZ) + .sub-item:where(.astro-Y3RLRYJZ) {
  margin-top: 0.625rem;
}
.sub-link:where(.astro-Y3RLRYJZ) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
  color: #45404080;
}
.CHeaderProjectLink:where(.astro-FOX3Q2IV) {
  line-height: 1;
}
.textSlide:where(.astro-FOX3Q2IV) {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .textSlide:where(.astro-FOX3Q2IV) {
    padding: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textSlide:where(.astro-FOX3Q2IV) {
    padding: 0.09375rem;
  }
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  letter-spacing: 0.08em;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .charWrap {
  display: inline-block;
  overflow: hidden;
  height: 1.225rem;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .charWrap.-adj {
  margin-left: -0.1em;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .charWrap.-adj .char {
  padding-left: 0.1em;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char {
  display: inline-block;
  min-width: 0.3em;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .chars.-before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .chars.-after {
  font-size: 0.875rem;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .chars.-after {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .chars.-after {
    margin-top: -0.1875rem;
  }
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .chars.-after .char {
  transform: translate(-120%);
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .charWrap.-plus {
  position: relative;
  top: -0.3125rem;
  left: -0.1875rem;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus {
  position: relative;
  color: transparent;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:before,
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.5625rem;
  height: 1px;
  background: #44403f;
}
.textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:after {
  rotate: 90deg;
}
.CHeaderMenu:where(.astro-WJR4MAXV) {
  position: absolute;
  top: 4.8125rem;
  left: 50%;
  z-index: 2;
  transform: translate(-50%);
}
@media screen and (max-width: 767.99px) {
  .CHeaderMenu:where(.astro-WJR4MAXV) {
    display: none;
  }
}
.list:where(.astro-WJR4MAXV) {
  position: relative;
  display: flex;
  justify-content: center;
}
.item:where(.astro-WJR4MAXV):not(:last-child) {
  margin-right: 2rem;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .logo:where(.astro-YSSZC5F4),
  .CFixedItems.-isModalOpen .logo:where(.astro-YSSZC5F4) {
    translate: -1.625rem 0;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .logo:where(.astro-YSSZC5F4) .svg:where(.astro-YSSZC5F4),
  .CFixedItems.-isModalOpen .logo:where(.astro-YSSZC5F4) .svg:where(.astro-YSSZC5F4) {
    width: 6.5625rem;
  }
}
.CFixedItems.-isWhite .logo:where(.astro-YSSZC5F4) {
  color: #fff;
}
.CFixedItems.-isModalOpen .logo:where(.astro-YSSZC5F4) {
  color: #44403f;
}
.logo:where(.astro-YSSZC5F4) {
  position: fixed;
  z-index: 1300;
  transition: translate 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .logo:where(.astro-YSSZC5F4) {
    top: 3.75rem;
    left: 4.375rem;
	display: flex;
	align-items: center;
  }
}
@media screen and (max-width: 767.99px) {
  .logo:where(.astro-YSSZC5F4) {
    top: 1.15625rem;
    left: 1.25rem;
  }
}
.logo:where(.astro-YSSZC5F4).-hide {
  opacity: 0;
}
.logo:where(.astro-YSSZC5F4) .svg:where(.astro-YSSZC5F4) {
  transition: width 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: width, color;
}
.CMenu:where(.astro-2PVHITZ6) {
  position: fixed;
  inset: 0;
  z-index: 1100;
}
.CMenu:where(.astro-2PVHITZ6).-open .bg:where(.astro-2PVHITZ6),
.CMenu:where(.astro-2PVHITZ6).-open .contents:where(.astro-2PVHITZ6) {
  transition-delay: 0s;
}
.CMenu:where(.astro-2PVHITZ6).-open .contents:where(.astro-2PVHITZ6) {
  clip-path: inset(0);
}
@media screen and (min-width: 768px) {
  .CMenu:where(.astro-2PVHITZ6).-open .contents-in:where(.astro-2PVHITZ6) {
    translate: 0 0;
  }
}
.CMenu:where(.astro-2PVHITZ6).-open .bg:where(.astro-2PVHITZ6) {
  scale: 1 1;
}
.CMenu:where(.astro-2PVHITZ6).-open .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  scale: 1 1;
  transition-delay: 0.55s;
}
.CMenu:where(.astro-2PVHITZ6).-open .foot:where(.astro-2PVHITZ6) {
  transition-delay: 0.7s;
}
.CMenu:where(.astro-2PVHITZ6).-open .foot:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  scale: 1 1;
  transition-delay: 0.55s;
}
@media screen and (min-width: 768px) {
  .CMenu:where(.astro-2PVHITZ6).-open .overlay:where(.astro-2PVHITZ6) {
    animation: overlayOpenPc 0.9s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .CMenu:where(.astro-2PVHITZ6).-open .overlay:where(.astro-2PVHITZ6) {
    animation: overlayOpenSp 0.9s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
.CMenu:where(.astro-2PVHITZ6).-close .bg:where(.astro-2PVHITZ6),
.CMenu:where(.astro-2PVHITZ6).-close .contents:where(.astro-2PVHITZ6) {
  transition-delay: 0s;
}
@media screen and (min-width: 768px) {
  .CMenu:where(.astro-2PVHITZ6).-close .overlay:where(.astro-2PVHITZ6) {
    animation: overlayClosePc 0.8s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .CMenu:where(.astro-2PVHITZ6).-close .overlay:where(.astro-2PVHITZ6) {
    animation: overlayCloseSp 0.8s cubic-bezier(0.83, 0, 0.17, 1);
  }
}
@keyframes overlayOpenPc {
  0% {
    scale: 0 1;
    translate: 0 0;
  }
  70% {
    scale: 0.5 1;
  }
  to {
    scale: 0 1;
    translate: 100% 0;
  }
}
@keyframes overlayClosePc {
  0% {
    scale: 0 1;
    translate: 100% 0;
  }
  30% {
    scale: 0.5 1;
  }
  to {
    scale: 0 1;
    translate: 0 0;
  }
}
@keyframes overlayOpenSp {
  0% {
    scale: 1 0;
    translate: 0 0;
  }
  70% {
    scale: 1 0.5;
  }
  to {
    scale: 1 1;
    translate: 0 100%;
  }
}
@keyframes overlayCloseSp {
  0% {
    scale: 1 1;
    translate: 0 100%;
  }
  30% {
    scale: 1 0.5;
  }
  to {
    scale: 1 0;
    translate: 0 0;
  }
}
.bg:where(.astro-2PVHITZ6) {
  position: absolute;
  top: 0;
  background-color: #e9e9e9;
  transition: scale 0.8s 0.8s cubic-bezier(0.83, 0, 0.17, 1);
}
@media screen and (min-width: 768px) {
  .bg:where(.astro-2PVHITZ6) {
    left: 0;
    bottom: 0;
    width: 12.375rem;
    scale: 0 1;
    transform-origin: left;
  }
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-2PVHITZ6) {
    width: 100%;
    height: 4.875rem;
    scale: 1 0;
    transform-origin: top;
  }
}
.overlay:where(.astro-2PVHITZ6) {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  background-color: #cfcfcf;
  translate: 0 0;
}
@media screen and (min-width: 768px) {
  .overlay:where(.astro-2PVHITZ6) {
    left: 12.25rem;
    width: calc(100vw - 12.25rem);
    scale: 0 1;
    transform-origin: left;
  }
}
@media screen and (max-width: 767.99px) {
  .overlay:where(.astro-2PVHITZ6) {
    top: 4.875rem;
    width: 100%;
    height: calc(var(--vh) * 100 - 4.875rem);
    scale: 1 0;
    transform-origin: top;
  }
}
.contentsWrap:where(.astro-2PVHITZ6) {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767.99px) {
  .contentsWrap:where(.astro-2PVHITZ6) {
    height: calc(var(--vh) * 100);
  }
}
.contents:where(.astro-2PVHITZ6) {
  background-color: #e9e9e9;
  transition: clip-path 0.8s 0.8s cubic-bezier(0.83, 0, 0.17, 1);
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-2PVHITZ6) {
    position: relative;
    min-height: calc(var(--vh) * 100);
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-inline: 12.1875rem 0;
    clip-path: inset(0 100% 0 0);
  }
}
@media screen and (max-width: 767.99px) {
  .contents:where(.astro-2PVHITZ6) {
    position: absolute;
    top: 4.875rem;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: scroll;
    clip-path: inset(0 0 100% 0);
  }
}
@media screen and (min-width: 768px) {
  .contents-in:where(.astro-2PVHITZ6) {
    transition: translate 0.5s 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    translate: -2.5rem 0;
    width: 56.4375rem;
    margin-left: 13.75rem;
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .contents-in:where(.astro-2PVHITZ6) {
    padding: 2.5rem 3.125rem 10.78125rem;
  }
}
@media screen and (min-width: 768px) {
  .listWrap:where(.astro-2PVHITZ6) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .listWrap:where(.astro-2PVHITZ6) {
    margin-bottom: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6):not(:last-child) {
    margin-bottom: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6) {
    width: 23.25rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6):not(:last-child) {
    margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6):not(:last-child) {
    margin-bottom: 0.4375rem;
  }
}
.list:where(.astro-2PVHITZ6) .item:where(.astro-2PVHITZ6).-current .link:where(.astro-2PVHITZ6) {
  color: #44403f66;
}
.list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    padding: 0.875rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    padding: 0.46875rem 0;
  }
}
[data-whatintent="mouse"] .list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):hover {
  color: #44403f66;
}
.list:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #44403f1a;
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.3s 0.15s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: transform;
}
.list:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    font-size: 2.5rem;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    font-size: 1.875rem;
  }
}
.list:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 600;
}
.bAndroid:where(.astro-2PVHITZ6) .list:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 768px) {
  .child-list:where(.astro-2PVHITZ6) {
    margin-top: 2.375rem;
    padding-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .child-list:where(.astro-2PVHITZ6) {
    margin-top: 1.875rem;
    padding-bottom: 1.3125rem;
  }
}
.child-item:where(.astro-2PVHITZ6):not(:last-child) {
  margin-bottom: 0.75rem;
}
.child-link:where(.astro-2PVHITZ6) {
  font-weight: 600;
  letter-spacing: 0.05em;
  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
.bAndroid:where(.astro-2PVHITZ6) .child-link:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .child-link:where(.astro-2PVHITZ6) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .child-link:where(.astro-2PVHITZ6) {
    padding-left: 0.4375rem;
  }
}
.child-link:where(.astro-2PVHITZ6):before {
  content: "-";
}
@media screen and (min-width: 768px) {
  .child-link:where(.astro-2PVHITZ6):before {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .child-link:where(.astro-2PVHITZ6):before {
    margin-right: 0.75rem;
  }
}
[data-whatintent="mouse"] .child-link:where(.astro-2PVHITZ6):hover {
  color: #44403f66;
}
.foot:where(.astro-2PVHITZ6) {
  display: flex;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .foot:where(.astro-2PVHITZ6) {
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.99px) {
  .foot:where(.astro-2PVHITZ6) {
    flex-direction: column-reverse;
  }
}
.value-in:where(.astro-2PVHITZ6) {
  display: flex;
}
.value-title:where(.astro-2PVHITZ6) {
  display: flex;
  align-items: center;
  border-right: 1px solid rgba(68, 64, 63, 0.1);
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .value-title:where(.astro-2PVHITZ6) {
    padding-right: 1.4375rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .value-title:where(.astro-2PVHITZ6) {
    padding-right: 1.5625rem;
    letter-spacing: 0.092em;
  }
}
.value-conts:where(.astro-2PVHITZ6) {
  display: none;
}
@media screen and (min-width: 768px) {
  .value-conts:where(.astro-2PVHITZ6) {
    padding-left: 1.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .value-conts:where(.astro-2PVHITZ6) {
    padding-left: 1.5625rem;
  }
}
.value-conts:where(.astro-2PVHITZ6).-show {
  display: block;
}
.value-ja:where(.astro-2PVHITZ6) {
  font-weight: 600;
}
.bAndroid:where(.astro-2PVHITZ6) .value-ja:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .value-ja:where(.astro-2PVHITZ6) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    margin-bottom: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .value-ja:where(.astro-2PVHITZ6) {
    margin-bottom: 1.03125rem;
  }
}
.value-en:where(.astro-2PVHITZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .value-en:where(.astro-2PVHITZ6) {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .value-en:where(.astro-2PVHITZ6) {
    font-size: 0.6875rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) {
  .download:where(.astro-2PVHITZ6) {
    width: 23.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) {
    margin-bottom: 4.375rem;
  }
}
.download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
  position: relative;
  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6) {
    display: inline-block;
    padding-right: 1.25rem;
    padding-bottom: 1.125rem;
  }
}
[data-whatintent="mouse"] .download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):hover {
  color: #44403f66;
}
.download:where(.astro-2PVHITZ6) .link:where(.astro-2PVHITZ6):after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #44403f1a;
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
.download:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .download:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) .en:where(.astro-2PVHITZ6) {
    margin-bottom: 0.6875rem;
    font-size: 1.25rem;
    letter-spacing: 0.04em;
  }
}
.download:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-2PVHITZ6) .download:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
  font-weight: 700;
}
@media screen and (max-width: 767.99px) {
  .download:where(.astro-2PVHITZ6) .ja:where(.astro-2PVHITZ6) {
    margin-bottom: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CMenuTrigger:where(.astro-YWU72N2O),
  .CFixedItems.-isModalOpen .CMenuTrigger:where(.astro-YWU72N2O) {
    translate: -1.625rem -50%;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .icon:where(.astro-YWU72N2O),
  .CFixedItems.-isModalOpen .icon:where(.astro-YWU72N2O) {
    width: 4.875rem;
    height: 4.875rem;
  }
}
.CFixedItems.-isWhite .line:where(.astro-YWU72N2O) {
  background-color: #fff;
}
.CFixedItems.-isWhite .circle:where(.astro-YWU72N2O) {
  stroke: #fff6;
}
.CFixedItems.-isModalOpen .line:where(.astro-YWU72N2O) {
  background-color: #44403f;
}
.CFixedItems.-isModalOpen .circle:where(.astro-YWU72N2O) {
  stroke: #44403f1a;
}
.CMenuTrigger:where(.astro-YWU72N2O) {
  position: fixed;
  z-index: 1400;
  transition: translate 0.3s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .CMenuTrigger:where(.astro-YWU72N2O) {
    top: 50vh;
    left: 5.375rem;
    translate: 0 -50%;
  }
}
@media screen and (max-width: 767.99px) {
  .CMenuTrigger:where(.astro-YWU72N2O) {
    top: 1.09375rem;
    left: 50%;
    translate: -50% 0;
  }
}
.CMenuTrigger:where(.astro-YWU72N2O).-hide {
  opacity: 0;
}
[data-whatintent="mouse"] .CMenuTrigger:where(.astro-YWU72N2O):hover .svg:where(.astro-YWU72N2O) {
  scale: 1.2;
}
[data-whatintent="mouse"] .CMenuTrigger:where(.astro-YWU72N2O):hover .circle:where(.astro-YWU72N2O) {
  rotate: -180deg;
  stroke-dasharray: 0 314;
  transition: stroke-dasharray 0.5s cubic-bezier(0.33, 1, 0.68, 1), rotate 0.3s cubic-bezier(0.32, 0, 0.67, 0);
}
[data-whatintent="mouse"] .CMenuTrigger:where(.astro-YWU72N2O):hover:not(:is(.-open)) .line:where(.astro-YWU72N2O) {
  scale: 0.85 0.5;
}
[data-whatintent="mouse"]
  .CMenuTrigger:where(.astro-YWU72N2O):hover:not(:is(.-open))
  .line:where(.astro-YWU72N2O).-first {
  translate: 0 -1px;
}
[data-whatintent="mouse"]
  .CMenuTrigger:where(.astro-YWU72N2O):hover:not(:is(.-open))
  .line:where(.astro-YWU72N2O).-second {
  translate: 0 1px;
}
.CMenuTrigger:where(.astro-YWU72N2O).-open .line:where(.astro-YWU72N2O).-first {
  rotate: 30deg;
}
@media screen and (min-width: 768px) {
  .CMenuTrigger:where(.astro-YWU72N2O).-open .line:where(.astro-YWU72N2O).-first {
    translate: 0 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CMenuTrigger:where(.astro-YWU72N2O).-open .line:where(.astro-YWU72N2O).-first {
    translate: 0 0.0625rem;
  }
}
.CMenuTrigger:where(.astro-YWU72N2O).-open .line:where(.astro-YWU72N2O).-second {
  rotate: -30deg;
}
.CMenuTrigger:where(.astro-YWU72N2O).-open .line:where(.astro-YWU72N2O) + .line:where(.astro-YWU72N2O) {
  margin-top: 0;
}
.CMenuTrigger:where(.astro-YWU72N2O).-invert:not(.-open) .border:where(.astro-YWU72N2O) {
  border: 1px solid rgba(233, 233, 233, 0.1);
}
.CMenuTrigger:where(.astro-YWU72N2O).-invert:not(.-open) .line:where(.astro-YWU72N2O) {
  background-color: #fff;
}
.CMenuTrigger:where(.astro-YWU72N2O).-invert:not(.-open) .circle:where(.astro-YWU72N2O) {
  stroke: #e9e9e91a;
}
.CMenuTrigger:where(.astro-YWU72N2O).-invert.-open .circle:where(.astro-YWU72N2O) {
  stroke: #44403f33;
}
.text:where(.astro-YWU72N2O) {
  display: none;
}
.icon:where(.astro-YWU72N2O) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: width, height;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-YWU72N2O) {
    width: 5.25rem;
    height: 5.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-YWU72N2O) {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.svg:where(.astro-YWU72N2O) {
  position: absolute;
  inset: 0;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.circle:where(.astro-YWU72N2O) {
  fill: none;
  stroke: #44403f1a;
  stroke-dashoffset: 0;
  stroke-dasharray: 314 314;
  transition: 1s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: stroke, stroke-dasharray, rotate;
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  .circle:where(.astro-YWU72N2O) {
    stroke-width: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-YWU72N2O) {
    stroke-width: 3;
  }
}
.line:where(.astro-YWU72N2O) {
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: translate, rotate, margin, background-color, scale, height;
  background-color: #44403f;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-YWU72N2O) {
    width: 2.25rem;
    height: 2px;
  }
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  .line:where(.astro-YWU72N2O) {
    height: 1px;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-YWU72N2O) {
    width: 1.09375rem;
    height: 1px;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-YWU72N2O) + .line:where(.astro-YWU72N2O) {
    margin-top: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-YWU72N2O) + .line:where(.astro-YWU72N2O) {
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .bg:where(.astro-PZQCQSXJ),
  .CFixedItems.-isModalOpen .bg:where(.astro-PZQCQSXJ) {
    width: 5.125rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .link:where(.astro-PZQCQSXJ).-horizon,
  .CFixedItems.-isModalOpen .link:where(.astro-PZQCQSXJ).-horizon {
    opacity: 0;
    translate: 0 0.625rem;
    pointer-events: none;
  }
}
.CFixedItems.-isShrink .link:where(.astro-PZQCQSXJ).-vertical,
.CFixedItems.-isModalOpen .link:where(.astro-PZQCQSXJ).-vertical {
  opacity: 1;
  translate: 0 0;
  pointer-events: auto;
}
[data-whatintent="mouse"]
  .CFixedItems.-isShrink
  .link:where(.astro-PZQCQSXJ).-vertical:hover
  .text:where(.astro-PZQCQSXJ),
[data-whatintent="mouse"]
  .CFixedItems.-isModalOpen
  .link:where(.astro-PZQCQSXJ).-vertical:hover
  .text:where(.astro-PZQCQSXJ) {
  translate: 0 0.1875rem;
  border-bottom-color: transparent;
}
.CFixedItems.-isShrink .CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ),
.CFixedItems.-isModalOpen .CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
  opacity: 1;
  translate: 0 0;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CContact:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ),
  .CFixedItems.-isModalOpen .CContact:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
    opacity: 0;
    translate: 0 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CContact:where(.astro-PZQCQSXJ) :nth-child(2 of .link):where(.astro-PZQCQSXJ),
  .CFixedItems.-isModalOpen .CContact:where(.astro-PZQCQSXJ) :nth-child(2 of .link):where(.astro-PZQCQSXJ) {
    translate: 0 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CContact:where(.astro-PZQCQSXJ):after,
  .CFixedItems.-isModalOpen .CContact:where(.astro-PZQCQSXJ):after {
    opacity: 0;
    translate: 0 0.25rem;
  }
}
.CFixedItems.-isWhite .text:where(.astro-PZQCQSXJ) {
  color: #fff;
  border-color: #fff6;
}
.CFixedItems.-isWhite .line:where(.astro-PZQCQSXJ) {
  background: rgba(255, 255, 255, 0.4);
}
.CFixedItems.-isModalOpen .text:where(.astro-PZQCQSXJ) {
  color: #44403f;
  border-color: #44403f1a;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  + .bg:where(.astro-PZQCQSXJ) {
  scale: 1 10;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .text:where(.astro-PZQCQSXJ) {
  translate: 0 0.375rem;
  color: #fff;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .num:where(.astro-PZQCQSXJ) {
  translate: 0 0.375rem;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .num-text:where(.astro-PZQCQSXJ) {
  color: #bd991e;
}
[data-whatintent="mouse"]
  .CFixedItems:not(.-isShrink):not(.-isModalOpen)
  .link:where(.astro-PZQCQSXJ):hover
  .num-bg:where(.astro-PZQCQSXJ) {
  background-color: #fff;
}
.CContact:where(.astro-PZQCQSXJ) {
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1700;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .CContact:where(.astro-PZQCQSXJ) {
    width: 16.4375rem;
    height: 12.5rem;
    padding-top: 1.75rem;
    padding-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CContact:where(.astro-PZQCQSXJ) {
    width: 7.0625rem;
    height: 4.875rem;
    padding-top: 0.59375rem;
  }
}
@media screen and (min-width: 768px) {
  .CContact:where(.astro-PZQCQSXJ):after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: rgba(68, 64, 63, 0.1);
    transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition-property: opacity, translate;
  }
}
.CContact:where(.astro-PZQCQSXJ).-hide {
  opacity: 0;
}
.bg:where(.astro-PZQCQSXJ) {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #bd991e;
  height: 100%;
  transform-origin: top left;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: scale, width;
}
@media screen and (min-width: 768px) {
  .bg:where(.astro-PZQCQSXJ) {
    bottom: 0;
    width: 16.4375rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-PZQCQSXJ) {
    width: 100%;
    height: 0.34375rem;
  }
}
.link:where(.astro-PZQCQSXJ) {
  pointer-events: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), translate 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-PZQCQSXJ) {
    position: relative;
    padding: 0.5rem;
  }
}
.link:where(.astro-PZQCQSXJ).-hide {
  opacity: 0;
}
.line:where(.astro-PZQCQSXJ) {
  height: 1px;
  background: rgba(68, 64, 63, 0.1);
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-PZQCQSXJ) {
    width: 10rem;
    margin-block: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-PZQCQSXJ) {
    width: 3.6875rem;
    margin-block: 0.59375rem;
  }
}
.text:where(.astro-PZQCQSXJ) {
  position: relative;
  z-index: 2;
  letter-spacing: 0.03em;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate, color, border-color;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-PZQCQSXJ) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-PZQCQSXJ) {
    font-size: 0.75rem;
  }
}
.text:where(.astro-PZQCQSXJ).-hide {
  opacity: 0;
}
.num:where(.astro-PZQCQSXJ) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 600;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate, color, background-color;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-PZQCQSXJ) {
    width: 1.5625rem;
    height: 1.5625rem;
    padding-right: 0.0625rem;
    margin-left: 0.375rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-PZQCQSXJ) {
    width: 1.0625rem;
    height: 1.0625rem;
    padding-right: 0.03125rem;
    margin-left: 0.25rem;
    font-size: 0.5625rem;
  }
}
.num-text:where(.astro-PZQCQSXJ) {
  position: relative;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 767.99px) {
  .num-text:where(.astro-PZQCQSXJ) {
    scale: 0.9;
  }
}
.num-bg:where(.astro-PZQCQSXJ) {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background-color: #bd991e;
}
.num:where(.astro-PZQCQSXJ).-anim .num-bg:where(.astro-PZQCQSXJ).-before {
  animation: notificationBefore 1.4s 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
.num:where(.astro-PZQCQSXJ).-anim .num-bg:where(.astro-PZQCQSXJ).-after {
  animation: notificationAfter 1.4s 1.2s cubic-bezier(0.65, 0, 0.35, 1);
}
@keyframes notificationBefore {
  0% {
    opacity: 1;
    scale: 1;
  }
  40% {
    opacity: 0;
    scale: 1.2;
  }
  41% {
    opacity: 1;
    scale: 1;
  }
  80% {
    opacity: 0;
    scale: 1.2;
  }
  81% {
    opacity: 0;
    scale: 1.2;
  }
  to {
    opacity: 0;
    scale: 0.85;
  }
}
@keyframes notificationAfter {
  0% {
    opacity: 1;
    scale: 1;
  }
  20% {
    opacity: 0.5;
    scale: 0.85;
  }
  40% {
    opacity: 1;
    scale: 1;
  }
  60% {
    opacity: 0.5;
    scale: 0.85;
  }
  80% {
    opacity: 1;
    scale: 1;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ) {
  pointer-events: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1700;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .CContactVertical:where(.astro-PZQCQSXJ) {
    width: 5.125rem;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ):before,
.CContactVertical:where(.astro-PZQCQSXJ):after {
  content: "";
}
.CContactVertical:where(.astro-PZQCQSXJ) .link:where(.astro-PZQCQSXJ) {
  z-index: 1700;
}
@media screen and (min-width: 768px) {
  .CContactVertical:where(.astro-PZQCQSXJ) .link:where(.astro-PZQCQSXJ) {
    rotate: 90deg;
    opacity: 0;
    translate: -0.625rem 0;
    pointer-events: none;
  }
}
@media screen and (max-width: 767.99px) {
  .CContactVertical:where(.astro-PZQCQSXJ) .link:where(.astro-PZQCQSXJ) {
    left: auto;
    bottom: auto;
    width: 6.125rem;
    height: 4.875rem;
    pointer-events: auto;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .CContactVertical:where(.astro-PZQCQSXJ) .line:where(.astro-PZQCQSXJ) {
    width: 1.375rem;
    translate: -0.5rem 0;
  }
}
.CContactVertical:where(.astro-PZQCQSXJ) .text:where(.astro-PZQCQSXJ) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.CFixedItems.-isShrink .CKvScroll:where(.astro-ZC6ZCV6K),
.CFixedItems.-isModalOpen .CKvScroll:where(.astro-ZC6ZCV6K) {
  pointer-events: none !important;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .CKvScroll:where(.astro-ZC6ZCV6K),
  .CFixedItems.-isModalOpen .CKvScroll:where(.astro-ZC6ZCV6K) {
    translate: -1.5rem 0;
  }
}
.CFixedItems.-isWhite .text:where(.astro-ZC6ZCV6K) {
  color: #fff;
}
.CFixedItems.-isModalOpen .text:where(.astro-ZC6ZCV6K) {
  color: #44403f;
}
.CKvScroll:where(.astro-ZC6ZCV6K) {
  position: fixed;
  z-index: 10;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: translate, opacity;
}
@media screen and (min-width: 768px) {
  .CKvScroll:where(.astro-ZC6ZCV6K) {
    left: 6.8125rem;
    bottom: 3rem;
    width: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKvScroll:where(.astro-ZC6ZCV6K) {
    left: 1.40625rem;
    bottom: 5.6875rem;
    width: 0.8125rem;
  }
}
[data-whatintent="mouse"]
  .CKvScroll:where(.astro-ZC6ZCV6K):hover
  .icon:where(.astro-ZC6ZCV6K)
  .circle:where(.astro-ZC6ZCV6K) {
  scale: 3;
}
[data-whatintent="mouse"]
  .CKvScroll:where(.astro-ZC6ZCV6K):hover
  .icon:where(.astro-ZC6ZCV6K)
  .arrow:where(.astro-ZC6ZCV6K).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"]
  .CKvScroll:where(.astro-ZC6ZCV6K):hover
  .icon:where(.astro-ZC6ZCV6K)
  .arrow:where(.astro-ZC6ZCV6K).after {
  opacity: 0;
  translate: 0 125%;
}
.CKvScroll:where(.astro-ZC6ZCV6K).-hide {
  opacity: 0;
}
.text:where(.astro-ZC6ZCV6K) {
  z-index: 11;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: color;
  transform: translateZ(1px);
}
@media screen and (min-width: 768px) {
  .text:where(.astro-ZC6ZCV6K) {
    font-size: 0.75rem;
    line-height: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-ZC6ZCV6K) {
    font-size: 0.5625rem;
    line-height: 0.8125rem;
  }
}
.icon:where(.astro-ZC6ZCV6K) {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: translate, opacity;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-ZC6ZCV6K) {
    width: 1.625rem;
    height: 1.625rem;
    margin-top: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-ZC6ZCV6K) {
    width: 0.8125rem;
    height: 0.8125rem;
    margin-top: 0.3125rem;
  }
}
.icon:where(.astro-ZC6ZCV6K).-hide {
  opacity: 0 !important;
}
.circle:where(.astro-ZC6ZCV6K) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #fff;
  border-radius: 50%;
  transition: scale 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transform: translate(0);
}
@media screen and (min-width: 768px) {
  .circle:where(.astro-ZC6ZCV6K) {
    will-change: scale;
  }
}
.arrow:where(.astro-ZC6ZCV6K) {
  position: absolute;
  z-index: 10;
  transition: 0.7s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.arrow:where(.astro-ZC6ZCV6K).before {
  opacity: 0;
  translate: 0 -125%;
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .line:where(.astro-WUHOYXT7).-left,
  .CFixedItems.-isModalOpen .line:where(.astro-WUHOYXT7).-left {
    translate: -4.25rem 0;
  }
}
@media screen and (min-width: 768px) {
  .CFixedItems.-isShrink .line:where(.astro-WUHOYXT7).-right,
  .CFixedItems.-isModalOpen .line:where(.astro-WUHOYXT7).-right {
    translate: 11.3125rem 0;
  }
}
.CFixedItems.-isWhite .line:where(.astro-WUHOYXT7) {
  background-color: #fff6;
}
.CFixedItems.-isModalOpen .line:where(.astro-WUHOYXT7) {
  background-color: #44403f1a;
}
.line:where(.astro-WUHOYXT7) {
  position: fixed;
  z-index: 1500;
  background-color: #44403f1a;
  transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
  transition-property: opacity, translate, background-color;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WUHOYXT7) {
    top: 0;
    bottom: 0;
    width: 1px;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WUHOYXT7).-left {
    left: 16.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-WUHOYXT7).-left {
    top: 4.90625rem;
    left: 0;
    right: 0;
    height: 1px;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WUHOYXT7).-right {
    right: 16.4375rem;
  }
}
.line:where(.astro-WUHOYXT7).-hide {
  opacity: 0;
}
.CCookieConsent:where(.astro-WM4XKLXR) {
  position: fixed;
  z-index: 1800;
  background: #fff;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .CCookieConsent:where(.astro-WM4XKLXR) {
    right: 1.75rem;
    bottom: 1.75rem;
    width: 23.9375rem;
    padding: 1.375rem 1.75rem 1.625rem;
    box-shadow: 0 0 2.6875rem #00000024;
  }
}
@media screen and (max-width: 767.99px) {
  .CCookieConsent:where(.astro-WM4XKLXR) {
    left: 50%;
    bottom: 0.875rem;
    translate: -50% 0;
    width: 20.34375rem;
    padding: 1.3125rem 1.4375rem 1.375rem;
    box-shadow: 0 0 1.34375rem #00000024;
  }
}
.CCookieConsent:where(.astro-WM4XKLXR).-hide {
  opacity: 0;
  pointer-events: none;
}
.text:where(.astro-WM4XKLXR) {
  color: #454040;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-WM4XKLXR) {
    margin-bottom: 1.375rem;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-WM4XKLXR) {
    margin-bottom: 0.875rem;
    font-size: 0.75rem;
    line-height: 1.5833333333;
  }
}
.link:where(.astro-WM4XKLXR) {
  text-decoration: underline;
  color: #454040;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .link:where(.astro-WM4XKLXR):hover {
  opacity: 0.5;
}
.bottom:where(.astro-WM4XKLXR) {
  position: relative;
  display: flex;
  align-items: center;
}
.bottom:where(.astro-WM4XKLXR):before,
.bottom:where(.astro-WM4XKLXR):after {
  content: "";
  position: absolute;
  width: 1px;
  background: rgba(69, 64, 64, 0.1);
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-WM4XKLXR):before,
  .bottom:where(.astro-WM4XKLXR):after {
    height: 1.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-WM4XKLXR):before,
  .bottom:where(.astro-WM4XKLXR):after {
    height: 1.1875rem;
  }
}
.bottom:where(.astro-WM4XKLXR):before {
  left: 0;
}
.bottom:where(.astro-WM4XKLXR):after {
  right: 0;
}
.button:where(.astro-WM4XKLXR) {
  font-weight: 600;
  color: #454040;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.bAndroid:where(.astro-WM4XKLXR) .button:where(.astro-WM4XKLXR) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .button:where(.astro-WM4XKLXR) {
    padding-block: 0.25rem;
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .button:where(.astro-WM4XKLXR) {
    padding-block: 0.125rem;
    font-size: 0.75rem;
  }
}
.button:where(.astro-WM4XKLXR).-denied {
  color: #454040a6;
}
[data-whatintent="mouse"] .button:where(.astro-WM4XKLXR):hover {
  opacity: 0.5;
}
.line:where(.astro-WM4XKLXR) {
  width: 1px;
  background: rgba(69, 64, 64, 0.1);
}
@media screen and (min-width: 768px) {
  .line:where(.astro-WM4XKLXR) {
    height: 1.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-WM4XKLXR) {
    height: 1.1875rem;
  }
}
.CFixedObserver:where(.astro-6TNR65JX) {
  position: absolute;
  top: 150vh;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) {
    height: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) {
    height: 1rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) {
    height: 1.575rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) {
    height: 1.4rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .chars.-after {
  position: absolute;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .chars.-after {
    font-size: 1rem;
    margin-top: 0.125rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .chars.-after .char {
  transform: translate(-120%);
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap {
  display: inline-block;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap {
    height: 1.225rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap {
    height: 1.4rem;
  }
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap.-adj {
  margin-left: -0.1em;
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .charWrap.-adj .char {
  padding-left: 0.1em;
}
.CFooterSplitTextLink:where(.astro-XAX635GG) .charsWrap:where(.astro-XAX635GG) .char {
  display: inline-block;
  min-width: 0.3em;
}
.CFooter:where(.astro-ZYSJE3AG) {
  position: relative;
  color: #fff;
}
.CFooter-pageTop:where(.astro-ZYSJE3AG) {
  position: sticky;
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .CFooter-pageTop:where(.astro-ZYSJE3AG) {
    top: calc(100vh - 5.125rem);
  }
}
@media screen and (max-width: 767.99px) {
  .CFooter-pageTop:where(.astro-ZYSJE3AG) {
    top: calc(100vh - 3.125rem);
  }
}
.pageTop:where(.astro-ZYSJE3AG) {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bd991e;
}
@media screen and (min-width: 768px) {
  .pageTop:where(.astro-ZYSJE3AG) {
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .pageTop:where(.astro-ZYSJE3AG) {
    width: 3.125rem;
    height: 3.125rem;
  }
}
[data-whatintent="mouse"] .pageTop:where(.astro-ZYSJE3AG):hover .pageTopArrow:where(.astro-ZYSJE3AG).-before {
  opacity: 1;
  scale: 1;
  translate: 0;
  transition-delay: 0.1s;
}
[data-whatintent="mouse"] .pageTop:where(.astro-ZYSJE3AG):hover .pageTopArrow:where(.astro-ZYSJE3AG).-after {
  opacity: 0;
  scale: 0.5;
  translate: 0 -110%;
  transition: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.pageTopArrow:where(.astro-ZYSJE3AG) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, rotate, scale, opacity;
  transform: rotate(-90deg);
}
.pageTopArrow:where(.astro-ZYSJE3AG).-before {
  opacity: 0;
  scale: 1.1;
  translate: 0 110%;
  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.inner:where(.astro-ZYSJE3AG) {
  position: relative;
  background-color: #44403f;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-ZYSJE3AG) {
    width: calc(100% - 5.125rem);
    margin-right: 5.125rem;
    padding-left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-ZYSJE3AG) {
    width: calc(100% - 3.125rem);
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-ZYSJE3AG) {
    display: flex;
    height: 21.875rem;
    border-left: 1px solid rgba(233, 233, 233, 0.1);
    border-bottom: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-ZYSJE3AG) {
    width: 39.6875rem;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-ZYSJE3AG) {
    width: 100%;
    height: 20.5rem;
    border-bottom: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-ZYSJE3AG) + .head-item:where(.astro-ZYSJE3AG) {
    width: calc(100% - 39.6875rem);
    border-left: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-ZYSJE3AG) + .head-item:where(.astro-ZYSJE3AG) .head-itemInner:where(.astro-ZYSJE3AG) {
    padding: 5.875rem 2.5rem 2.25rem 4.875rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) {
    padding: 5.875rem 2.5rem 2.25rem 4.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) {
    padding: 4.3125rem 2.125rem 2.25rem 1.75rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG),
.head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
.head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .en:where(.astro-ZYSJE3AG),
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .jp:where(.astro-ZYSJE3AG),
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .text:where(.astro-ZYSJE3AG) {
  opacity: 0.5;
}
.head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG) {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .en:where(.astro-ZYSJE3AG) {
    font-size: 2.5rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
.head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    font-size: 1rem;
    line-height: 2;
    padding-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG),
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    font-size: 0.75rem;
    padding-left: 0.1875rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
  font-weight: 600;
}
.bAndroid:where(.astro-ZYSJE3AG) .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .jp:where(.astro-ZYSJE3AG) {
    line-height: 1.6666666667;
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    margin-top: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .text:where(.astro-ZYSJE3AG) {
    line-height: 2.0833333333;
    margin-top: 1.6875rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .icon:where(.astro-ZYSJE3AG) {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(233, 233, 233, 0.1);
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .icon:where(.astro-ZYSJE3AG) {
    right: 2.375rem;
    bottom: 2.375rem;
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-ZYSJE3AG) .icon:where(.astro-ZYSJE3AG) {
    right: 2.125rem;
    bottom: 2.125rem;
    width: 3.125rem;
    height: 3.125rem;
  }
}
.head-itemInner:where(.astro-ZYSJE3AG) .arrow:where(.astro-ZYSJE3AG) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.head-itemInner:where(.astro-ZYSJE3AG) .arrow:where(.astro-ZYSJE3AG).-before {
  opacity: 0;
  translate: -125% 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .icon:where(.astro-ZYSJE3AG) {
  scale: 1.15;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .arrow:where(.astro-ZYSJE3AG).-before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-ZYSJE3AG):hover .arrow:where(.astro-ZYSJE3AG).-after {
  opacity: 0;
  translate: 125% 0;
}
.foot:where(.astro-ZYSJE3AG) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .foot:where(.astro-ZYSJE3AG) {
    padding: 11.875rem 4.4375rem 8.125rem 4.625rem;
    border-left: 1px solid rgba(233, 233, 233, 0.1);
  }
}
@media screen and (max-width: 767.99px) {
  .foot:where(.astro-ZYSJE3AG) {
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 3.8125rem 4.375rem 2.375rem 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG) {
    width: 13.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG) {
    width: max-content;
  }
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG) .item:where(.astro-ZYSJE3AG) + .item:where(.astro-ZYSJE3AG) {
    margin-top: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG) .item:where(.astro-ZYSJE3AG) + .item:where(.astro-ZYSJE3AG) {
    margin-top: 1.5rem;
  }
}
.linkList:where(.astro-ZYSJE3AG) .link:where(.astro-ZYSJE3AG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG) .link:where(.astro-ZYSJE3AG) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG) .link:where(.astro-ZYSJE3AG) {
    font-size: 1rem;
  }
}
.linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG) {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG) {
    font-size: 0.875rem;
    transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    transition-property: opacity;
    margin-left: 3.0625rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG) {
    font-size: 0.75rem;
  }
}
[data-whatintent="mouse"] .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG):hover {
  opacity: 0.5;
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ZYSJE3AG).-under {
    font-size: 0.75rem;
    margin-top: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item-child:where(.astro-ZYSJE3AG) {
    margin-block: 1.25rem 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-child:where(.astro-ZYSJE3AG) {
    margin-block: 0.75rem 0.90625rem;
  }
}
.item-childList:where(.astro-ZYSJE3AG) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .item-childList:where(.astro-ZYSJE3AG) {
    column-gap: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-childList:where(.astro-ZYSJE3AG) {
    column-gap: 0.46875rem;
  }
}
.item-childList:where(.astro-ZYSJE3AG):before {
  content: "";
  display: block;
  background: #fff;
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .item-childList:where(.astro-ZYSJE3AG):before {
    width: 0.25rem;
    height: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-childList:where(.astro-ZYSJE3AG):before {
    width: 0.21875rem;
    height: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .item-childList:where(.astro-ZYSJE3AG) + .item-childList:where(.astro-ZYSJE3AG) {
    margin-top: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-childList:where(.astro-ZYSJE3AG) + .item-childList:where(.astro-ZYSJE3AG) {
    margin-top: 1.0625rem;
  }
}
.item-childLink:where(.astro-ZYSJE3AG) {
  opacity: 0.5;
  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: opacity;
}
@media screen and (min-width: 768px) {
  .item-childLink:where(.astro-ZYSJE3AG) {
    font-size: 0.875rem;
  }
}
.item-childLink:where(.astro-ZYSJE3AG):hover {
  opacity: 0.25;
}
@media screen and (min-width: 768px) {
  .sns:where(.astro-ZYSJE3AG) {
    margin-left: auto;
    margin-top: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .sns:where(.astro-ZYSJE3AG) {
    width: 100%;
    margin-top: 6.875rem;
  }
}
.sns-head:where(.astro-ZYSJE3AG) {
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .sns-head:where(.astro-ZYSJE3AG) {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    text-align: right;
  }
}
@media screen and (max-width: 767.99px) {
  .sns-head:where(.astro-ZYSJE3AG) {
    margin-bottom: 2rem;
    font-size: 1rem;
  }
}
.sns-list:where(.astro-ZYSJE3AG) {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .sns-list:where(.astro-ZYSJE3AG) {
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .sns-item:where(.astro-ZYSJE3AG):not(:last-child) {
    margin-right: 1.125rem;
  }
}
.sns-link:where(.astro-ZYSJE3AG) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .sns-link:where(.astro-ZYSJE3AG):hover {
  opacity: 0.5;
}
.copyright:where(.astro-ZYSJE3AG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .copyright:where(.astro-ZYSJE3AG) {
    letter-spacing: 0.05em;
    position: absolute;
    right: 4.4375rem;
    bottom: 4.0625rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .copyright:where(.astro-ZYSJE3AG) {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-ZYSJE3AG) {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 2.1875rem 2.5rem 1.9375rem;
  }
}
.links:where(.astro-ZYSJE3AG) {
  margin-top: 3.125rem;
}
.CMarquee:where(.astro-AIHQROOD) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CMarquee:where(.astro-AIHQROOD) {
    padding-bottom: 5.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CMarquee:where(.astro-AIHQROOD) {
    padding-bottom: 3.0625rem;
  }
}
@media screen and (min-width: 768px) {
  #top .CMarquee:where(.astro-AIHQROOD) {
    padding-top: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  #top .CMarquee:where(.astro-AIHQROOD) {
    padding-top: 5.625rem;
  }
}
.inner:where(.astro-AIHQROOD) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-AIHQROOD) {
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-AIHQROOD) {
    height: 7rem;
  }
}
.text:where(.astro-AIHQROOD) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-AIHQROOD) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-AIHQROOD) {
    padding-right: 3.125rem;
  }
}
.CBreadList:where(.astro-FGFP7M5X) {
  display: flex;
  justify-content: end;
  margin-left: auto;
}
.item:where(.astro-FGFP7M5X) {
  font-size: 0.75rem;
  letter-spacing: 0.09em;
  position: relative;
  color: #44403f80;
}
.item:where(.astro-FGFP7M5X) + .item:where(.astro-FGFP7M5X) {
  margin-left: 1.375rem;
  display: flex;
  align-items: flex-start;
}
.item:where(.astro-FGFP7M5X):last-child {
  color: #44403f;
}
.arrow:where(.astro-FGFP7M5X) {
  display: block;
  position: absolute;
  top: 0.40625rem;
  left: -0.84375rem;
  transform: translateY(-50%);
}
.link:where(.astro-FGFP7M5X) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  height: 1.2em;
  letter-spacing: 0.09em;
}
[data-whatintent="mouse"] .link:where(.astro-FGFP7M5X):hover {
  opacity: 0.6;
}
.CKv:where(.astro-Z76VXWRD) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-Z76VXWRD) {
    width: calc(100% - 12.3125rem);
    margin-left: 12.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-Z76VXWRD) {
    width: 23.03125rem;
    height: 25rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-Z76VXWRD).-l {
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-Z76VXWRD).-l {
    height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-Z76VXWRD).-s {
    height: 32.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-Z76VXWRD).-s {
    height: 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-Z76VXWRD).-s .photo:where(.astro-Z76VXWRD) {
    width: 160%;
  }
}
.photo:where(.astro-Z76VXWRD) {
  width: 100%;
  height: auto;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (max-width: 767.99px) {
  .photo:where(.astro-Z76VXWRD) {
    width: 110%;
  }
}
.CPageTitle:where(.astro-DHGVWVOI) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .CPageTitle:where(.astro-DHGVWVOI) {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-DHGVWVOI) {
    margin-bottom: 4.6875rem;
  }
}
.inner:where(.astro-DHGVWVOI) {
  position: relative;
  overflow: hidden;
}
.title-en:where(.astro-DHGVWVOI) {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.line:where(.astro-DHGVWVOI) {
  display: inline-flex;
  overflow: hidden;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-DHGVWVOI) {
    height: 8.75rem;
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-DHGVWVOI) {
    height: 4.375rem;
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-DHGVWVOI) + .line:where(.astro-DHGVWVOI) {
    margin-top: -1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-DHGVWVOI) + .line:where(.astro-DHGVWVOI) {
    margin-top: -0.5625rem;
  }
}
.chars:where(.astro-DHGVWVOI) {
  display: inline-flex;
}
.title-jp:where(.astro-DHGVWVOI) {
  font-weight: 600;
  letter-spacing: 0.16em;
  height: 1.1em;
}
.bAndroid:where(.astro-DHGVWVOI) .title-jp:where(.astro-DHGVWVOI) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-DHGVWVOI) {
    font-size: 1.375rem;

    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-DHGVWVOI) {
    font-size: 0.875rem;
    margin-top: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-DHGVWVOI).-j {

  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-DHGVWVOI).-j {
    margin-top: 1rem;
  }
}
.CCompanyList:where(.astro-ABNN4VP7) {
  display: grid;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
  position: relative;
  z-index: 2;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .CCompanyList:where(.astro-ABNN4VP7) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCompanyList:where(.astro-ABNN4VP7) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CCompanyList:where(.astro-ABNN4VP7) {
    grid-template-columns: 24.9375rem 47.75rem;
    grid-template-areas: "left-top right-top" "left-bottom right-bottom";
    padding: 4.5rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .CCompanyList:where(.astro-ABNN4VP7) {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: "left-top" "right-top" "right-bottom" "left-bottom";
    padding: 1.9375rem 0;
  }
}
.left-top:where(.astro-ABNN4VP7) {
  grid-area: left-top;
}
@media screen and (min-width: 768px) {
  .left-top:where(.astro-ABNN4VP7) {
    margin-top: -0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-top:where(.astro-ABNN4VP7) {
    margin-bottom: 3.1875rem;
  }
}
.left-top:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .left-top:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
    font-size: 2rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .left-top:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
    font-size: 1.0625rem;
  }
}
.left-top:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .left-top:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-top:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
.right-bottom:where(.astro-ABNN4VP7) {
  grid-area: right-bottom;
}
.left-bottom:where(.astro-ABNN4VP7) {
  grid-area: left-bottom;
  display: flex;
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-ABNN4VP7) {
    padding-top: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-ABNN4VP7) {
    justify-content: end;
    padding-top: 1.15625rem;
  }
}
.left-bottom:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
  display: flex;
  align-items: center;
  opacity: 0.5;
}
[data-whatintent="mouse"]
  .left-bottom:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7):hover
  .link-head:where(.astro-ABNN4VP7) {
  opacity: 0.5;
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
    justify-content: space-between;
    width: 53%;
    padding-left: 1.0625rem;
  }
}
.left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) {
    margin-right: 2rem;
  }
}
.left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
    letter-spacing: -0.04em;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
    font-size: 0.75rem;
  }
}
.left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
    font-size: 0.875rem;
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .left-bottom:where(.astro-ABNN4VP7) .link-head:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
.blocks:where(.astro-ABNN4VP7) {
  width: 100%;
  display: grid;
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-ABNN4VP7) {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-ABNN4VP7) {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
}
.right-top:where(.astro-ABNN4VP7) {
  grid-area: right-top;
}
.right-top:where(.astro-ABNN4VP7) .blocks-item:where(.astro-ABNN4VP7) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-ABNN4VP7) .blocks-item:where(.astro-ABNN4VP7) {
    top: 0;
    left: 0;
    overflow: hidden;
    width: 23.75rem;
    height: 8.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-ABNN4VP7) .blocks-item:where(.astro-ABNN4VP7):not(:last-child) {
    margin-bottom: 2px;
  }
}
.right-top:where(.astro-ABNN4VP7) .blocks-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
  display: block;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-ABNN4VP7) .blocks-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
    width: 100%;
    height: 100%;
    padding-top: 1.75rem;
    padding-left: 1.625rem;
    padding-right: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-ABNN4VP7) .blocks-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
    height: 8.0625rem;
    padding-top: 1.5625rem;
    padding-right: 0.9375rem;
    padding-left: 1.5625rem;
  }
}
[data-whatintent="mouse"]
  .right-top:where(.astro-ABNN4VP7)
  .blocks-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7):hover
  img:where(.astro-ABNN4VP7) {
  scale: 1.07;
}
.right-top:where(.astro-ABNN4VP7)
  .blocks-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7)
  .head:where(.astro-ABNN4VP7) {
  color: #fff;
}
.right-top:where(.astro-ABNN4VP7)
  .blocks-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7)
  .title:where(.astro-ABNN4VP7) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-ABNN4VP7)
    .blocks-item:where(.astro-ABNN4VP7)
    .link:where(.astro-ABNN4VP7)
    .title:where(.astro-ABNN4VP7) {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-ABNN4VP7)
    .blocks-item:where(.astro-ABNN4VP7)
    .link:where(.astro-ABNN4VP7)
    .title:where(.astro-ABNN4VP7) {
    margin-bottom: 0.4375rem;
    font-size: 1.0625rem;
  }
}
.right-top:where(.astro-ABNN4VP7)
  .blocks-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7)
  .sub:where(.astro-ABNN4VP7) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-ABNN4VP7)
    .blocks-item:where(.astro-ABNN4VP7)
    .link:where(.astro-ABNN4VP7)
    .sub:where(.astro-ABNN4VP7) {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-ABNN4VP7)
    .blocks-item:where(.astro-ABNN4VP7)
    .link:where(.astro-ABNN4VP7)
    .sub:where(.astro-ABNN4VP7) {
    font-size: 0.75rem;
  }
}
.right-top:where(.astro-ABNN4VP7)
  .blocks-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7)
  .circle:where(.astro-ABNN4VP7) {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .right-top:where(.astro-ABNN4VP7)
    .blocks-item:where(.astro-ABNN4VP7)
    .link:where(.astro-ABNN4VP7)
    .circle:where(.astro-ABNN4VP7) {
    margin-top: -0.75rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .right-top:where(.astro-ABNN4VP7)
    .blocks-item:where(.astro-ABNN4VP7)
    .link:where(.astro-ABNN4VP7)
    .circle:where(.astro-ABNN4VP7) {
    margin-top: 1rem;
  }
}
.right-top:where(.astro-ABNN4VP7)
  .blocks-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7)
  img:where(.astro-ABNN4VP7) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.linkList:where(.astro-ABNN4VP7) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-ABNN4VP7) {
    justify-content: space-between;
    width: 100%;
    font-size: 1.5rem;
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-ABNN4VP7) {
    font-size: 0.75rem;
    flex-wrap: wrap;
  }
}
.linkList:where(.astro-ABNN4VP7) :nth-child(odd of .linkList-item):where(.astro-ABNN4VP7) {
  width: 47%;
}
.linkList:where(.astro-ABNN4VP7) :nth-child(odd of .linkList-item):where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
  padding-right: 1.4375rem;
  border-right: 1px solid rgba(68, 64, 63, 0.2);
}
.linkList:where(.astro-ABNN4VP7) :nth-child(even of .linkList-item):where(.astro-ABNN4VP7) {
  width: 53%;
}
.linkList:where(.astro-ABNN4VP7)
  :nth-child(even of .linkList-item):where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7) {
  padding-left: 1.125rem;
}
@media screen and (max-width: 767.99px) {
  .linkList-item:where(.astro-ABNN4VP7) {
    padding: 1.40625rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-ABNN4VP7):last-child {
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) {
    padding: 0.5rem 1.25rem;
  }
}
[data-whatintent="mouse"]
  .linkList-item:where(.astro-ABNN4VP7)
  .link:where(.astro-ABNN4VP7):hover
  .head:where(.astro-ABNN4VP7) {
  opacity: 0.5;
}
.linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .head:where(.astro-ABNN4VP7) {
    margin-right: 1.75rem;
  }
}
.linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .title:where(.astro-ABNN4VP7) {
    font-size: 0.8125rem;
  }
}
.linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
  letter-spacing: 0.05em;
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
    font-size: 0.875rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList-item:where(.astro-ABNN4VP7) .link:where(.astro-ABNN4VP7) .sub:where(.astro-ABNN4VP7) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-ABNN4VP7) {
    flex: none;
    width: 1px;
    height: 100%;
    background: rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-ABNN4VP7) {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-VZFBFCYO) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-VZFBFCYO) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .companyList:where(.astro-WIFLSTUK) {
    margin-bottom: 9.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .companyList:where(.astro-WIFLSTUK) {
    margin-bottom: 5.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .officeLocation:where(.astro-WIFLSTUK) {
    padding-bottom: 10.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .officeLocation:where(.astro-WIFLSTUK) {
    padding-bottom: 5.75rem;
  }
}
.CBlockTitle:where(.astro-VLXHIUWL) {
  position: relative;
}
.inner:where(.astro-VLXHIUWL) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.-right:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  align-items: flex-end;
}
.-center:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  align-items: center;
}
.-center:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-en:where(.astro-VLXHIUWL) {
  align-items: center;
}
.-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  flex-direction: row;
  align-items: center;
}
.-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-jp:where(.astro-VLXHIUWL) {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-jp:where(.astro-VLXHIUWL) {
    margin-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-horizontal:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) .title-jp:where(.astro-VLXHIUWL) {
    margin-left: 0.5625rem;
  }
}
.-white:where(.astro-VLXHIUWL) .inner:where(.astro-VLXHIUWL) {
  color: #fff;
}
.title-en:where(.astro-VLXHIUWL) {
  display: flex;
  flex-direction: column;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-VLXHIUWL) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-VLXHIUWL) {
    font-size: 0.875rem;
    margin-top: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-VLXHIUWL) {
    letter-spacing: 0.05em;
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-s .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-s .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-sSp .title-en:where(.astro-VLXHIUWL) {
    font-size: 1.0625rem;
  }
}
.CBlockTitle:where(.astro-VLXHIUWL).-row .inner:where(.astro-VLXHIUWL) {
  flex-direction: row;
  align-items: center;
}
.CBlockTitle:where(.astro-VLXHIUWL).-row .title-en:where(.astro-VLXHIUWL) {
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-row .title-en:where(.astro-VLXHIUWL) {
    margin-right: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CBlockTitle:where(.astro-VLXHIUWL).-row .title-en:where(.astro-VLXHIUWL) {
    margin-right: 0.4375rem;
    font-size: 1.0625rem;
  }
}
.CBlockTitle:where(.astro-VLXHIUWL).-row .title-jp:where(.astro-VLXHIUWL) {
  margin-top: 0;
  letter-spacing: 0.05em;
}
.CCircle:where(.astro-OMDSY5TX) {
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX) {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.CCircle:where(.astro-OMDSY5TX).-white {
  border-color: #fff3;
}
.CCircle:where(.astro-OMDSY5TX).-white svg:where(.astro-OMDSY5TX) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX).-small {
    width: 2.9375rem;
    height: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX).-small {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX).-small svg:where(.astro-OMDSY5TX) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX).-small svg:where(.astro-OMDSY5TX) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX).-large {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX).-large {
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX).-large svg:where(.astro-OMDSY5TX) {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX).-large svg:where(.astro-OMDSY5TX) {
    width: 0.78125rem;
    height: 0.78125rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX).-smallPc {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-OMDSY5TX).-smallPc svg:where(.astro-OMDSY5TX) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX).-smallSp {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX).-smallSp svg:where(.astro-OMDSY5TX) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.CCircle:where(.astro-OMDSY5TX).-on {
  scale: 1.15;
}
.CCircle:where(.astro-OMDSY5TX).-on svg:where(.astro-OMDSY5TX).before,
.CCircle:where(.astro-OMDSY5TX).-on svg:where(.astro-OMDSY5TX).beforeSp {
  opacity: 1;
  translate: 0;
}
.CCircle:where(.astro-OMDSY5TX).-on svg:where(.astro-OMDSY5TX).after,
.CCircle:where(.astro-OMDSY5TX).-on svg:where(.astro-OMDSY5TX).afterSp {
  opacity: 0;
  translate: 125% 0;
}
.CCircle:where(.astro-OMDSY5TX).-rotate {
  rotate: -45deg;
}
.CCircle:where(.astro-OMDSY5TX) svg:where(.astro-OMDSY5TX) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-OMDSY5TX) svg:where(.astro-OMDSY5TX) {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
}
.CCircle:where(.astro-OMDSY5TX) svg:where(.astro-OMDSY5TX).before {
  opacity: 0;
  translate: -125% 0;
}
.CCircle:where(.astro-OMDSY5TX) svg:where(.astro-OMDSY5TX).beforeSp {
  display: none;
}
.CCircle:where(.astro-OMDSY5TX).-bottom {
  transform: rotate(90deg);
}
.CCircle:where(.astro-OMDSY5TX).-top {
  transform: rotate(-90deg);
}
.CCircle:where(.astro-OMDSY5TX).-left {
  transform: rotate(180deg);
}
.CLowerPageMenuItem:where(.astro-NUN3T34V) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.link:where(.astro-NUN3T34V) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-NUN3T34V) {
    padding-block: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-NUN3T34V) {
    padding-block: 1rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-NUN3T34V):hover .texts:where(.astro-NUN3T34V) {
  opacity: 0.5;
}
.texts:where(.astro-NUN3T34V) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.title:where(.astro-NUN3T34V) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-NUN3T34V) {
    margin-bottom: 0.875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-NUN3T34V) {
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
  }
}
.text:where(.astro-NUN3T34V) {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-NUN3T34V) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .CLowerPageMenu:where(.astro-UYYXICE2) {
    margin-top: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLowerPageMenu:where(.astro-UYYXICE2) {
    margin-top: 2.1875rem;
  }
}
.list:where(.astro-UYYXICE2) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .cursorThumb:where(.astro-UYYXICE2) {
    position: fixed;
    left: 0rem;
    top: -5.25rem;
    z-index: 2000;
    width: 17.5rem;
    height: 11.125rem;
    background: no-repeat center/cover;
    pointer-events: none;
    transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 0;
  }
}
@media screen and (min-width: 768px) {
  .cursorThumb:where(.astro-UYYXICE2).-show {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .LLatestProjects:where(.astro-5YN3ALTJ) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LLatestProjects:where(.astro-5YN3ALTJ) {
    margin-top: 9.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-5YN3ALTJ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-5YN3ALTJ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-5YN3ALTJ) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-5YN3ALTJ) {
    margin-top: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LProjectCategory:where(.astro-OZP7STGJ) {
    margin-top: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjectCategory:where(.astro-OZP7STGJ) {
    margin-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-OZP7STGJ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-OZP7STGJ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LPickUp:where(.astro-ADGKTTUY) {
    margin-top: 11rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPickUp:where(.astro-ADGKTTUY) {
    margin-top: 8.75rem;
  }
}
@media screen and (min-width: 768px) {
  .section-title:where(.astro-ADGKTTUY) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .section-title:where(.astro-ADGKTTUY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LDocuments:where(.astro-2GSQCNED) {
    margin-block: 14.75rem 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LDocuments:where(.astro-2GSQCNED) {
    margin-block: 8.125rem 5.625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-2GSQCNED) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-2GSQCNED) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2GSQCNED) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2GSQCNED) {
    margin-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-2GSQCNED) {
    width: 18.75rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-2GSQCNED):not(:nth-child(3n)) {
    margin-right: 8.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-2GSQCNED):nth-last-child(n + 4) {
    margin-bottom: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-2GSQCNED):not(:last-child) {
    margin-bottom: 2.6875rem;
  }
}
.head:where(.astro-2GSQCNED) {
  display: flex;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-2GSQCNED) {
    font-size: 1.125rem;
    padding-bottom: 1.625rem;
    margin-bottom: 2.25rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-2GSQCNED) {
    font-size: 0.75rem;
    padding-bottom: 0.8125rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .num:where(.astro-2GSQCNED) {
    margin-right: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-2GSQCNED) {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-2GSQCNED) {
    display: grid;
    grid-template-columns: 8.125rem 1fr;
  }
}
.link:where(.astro-2GSQCNED) .bottom:where(.astro-2GSQCNED) .name:where(.astro-2GSQCNED) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .link:where(.astro-2GSQCNED):hover .thumb:where(.astro-2GSQCNED) img:where(.astro-2GSQCNED) {
  scale: 1.07;
}
[data-whatintent="mouse"]
  .link:where(.astro-2GSQCNED):hover
  .bottom:where(.astro-2GSQCNED)
  .name:where(.astro-2GSQCNED) {
  opacity: 0.5;
}
.thumb:where(.astro-2GSQCNED) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .thumb:where(.astro-2GSQCNED) {
    margin-bottom: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .thumb:where(.astro-2GSQCNED) {
    grid-area: 1/1/2/2;
  }
}
.thumb:where(.astro-2GSQCNED) img:where(.astro-2GSQCNED) {
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
.bottom:where(.astro-2GSQCNED) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-2GSQCNED) {
    align-items: center;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-2GSQCNED) {
    grid-area: 1/2/2/3;
    padding-left: 1.6875rem;
  }
}
.name:where(.astro-2GSQCNED) {
  font-weight: 600;
}
.bAndroid:where(.astro-2GSQCNED) .name:where(.astro-2GSQCNED) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-2GSQCNED) {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .name:where(.astro-2GSQCNED) {
    font-size: 1rem;
    letter-spacing: 0.05em;
    line-height: 1.5625;
  }
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-2GSQCNED) {
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RJBOGXI2) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-RJBOGXI2) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-RJBOGXI2) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 7.75rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-RJBOGXI2) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-RJBOGXI2) {
    margin-bottom: 0.25rem;
  }
}
.LAbout:where(.astro-PTYHQ5VC) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-PTYHQ5VC) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-PTYHQ5VC) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutTitle:where(.astro-PTYHQ5VC) {
    margin-right: 9.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .aboutTitle:where(.astro-PTYHQ5VC) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .textWrap:where(.astro-PTYHQ5VC) {
    margin-inline: 17.75rem;
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textWrap:where(.astro-PTYHQ5VC) {
    letter-spacing: 0.05em;
    margin-inline: 1.875rem;
    margin-top: 4.21875rem;
  }
}
.catch:where(.astro-PTYHQ5VC) {
  font-weight: 600;
}
.bAndroid:where(.astro-PTYHQ5VC) .catch:where(.astro-PTYHQ5VC) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .catch:where(.astro-PTYHQ5VC) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .catch:where(.astro-PTYHQ5VC) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-PTYHQ5VC) {
    width: 49.3125rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    margin-top: 3.125rem;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-PTYHQ5VC) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LService:where(.astro-BNVHY6NC) {
    position: relative;
    margin-top: 13.25rem;
    margin-right: 5.25rem;
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LService:where(.astro-BNVHY6NC) {
    margin-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-BNVHY6NC) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-inline: 17.75rem 4.375rem;
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BNVHY6NC) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-BNVHY6NC) .line:last-child {
    margin-top: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BNVHY6NC) .line:last-child {
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .explain:where(.astro-BNVHY6NC) {
    width: 32.75rem;
    margin-bottom: 2.75rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.05em;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .explain:where(.astro-BNVHY6NC) {
    margin-inline: 1.875rem;
    margin-block: 2.1875rem 2.875rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .LProject:where(.astro-5CJMD5T2) {
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProject:where(.astro-5CJMD5T2) {
    padding-block: 3.8125rem 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .projectsTitle:where(.astro-5CJMD5T2) {
    margin-right: 9.5rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .projectsTitle:where(.astro-5CJMD5T2) {
    margin-top: 1.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrapper:where(.astro-5CJMD5T2) {
    margin-top: 4.375rem;
    margin-inline: 17.75rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrapper:where(.astro-5CJMD5T2) {
    margin-top: 3.125rem;
    margin-inline: 1.875rem;
  }
}
.linkWrapper:where(.astro-5CJMD5T2) .link:where(.astro-5CJMD5T2) {
  width: max-content;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-4TAXZWSX) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 41.875rem;
    padding-block: 15.125rem 3.75rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-4TAXZWSX) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-4TAXZWSX) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-4TAXZWSX) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .kv-img:where(.astro-4TAXZWSX) {
    position: relative;
    left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kv-img:where(.astro-4TAXZWSX) {
    width: 23.03125rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: 2.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    padding-top: 4.125rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    margin-block: 15rem 6.875rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSolutionMenu:where(.astro-ZAZYV473) {
    padding-top: 9.5rem;
    padding-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    margin-bottom: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    padding-bottom: 5.625rem;
  }
}
.title-en:where(.astro-ZAZYV473) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.03em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-ZAZYV473) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-ZAZYV473) {
    font-size: 1.0625rem;
  }
}
.title-jp:where(.astro-ZAZYV473) {
  font-weight: 400;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-ZAZYV473) {
    font-size: 0.875rem;
    margin-left: 1.875rem;
    vertical-align: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-ZAZYV473) {
    font-size: 0.75rem;
    vertical-align: 0.125rem;
    margin-left: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .bannerList:where(.astro-ZAZYV473) {
    display: flex;
    justify-content: space-between;
    margin-top: 2.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bannerList:where(.astro-ZAZYV473) {
    position: relative;
    z-index: 2;
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner:where(.astro-ZAZYV473):not(:last-child) {
    margin-bottom: 2px;
  }
}
.link:where(.astro-ZAZYV473) {
  position: relative;
  display: block;
  overflow: hidden;
}
[data-whatintent="mouse"] .link:where(.astro-ZAZYV473):hover .imgBg:where(.astro-ZAZYV473) {
  scale: 1.04;
}
.banner-conts:where(.astro-ZAZYV473) {
  color: #f4f9fd;
}
@media screen and (min-width: 768px) {
  .banner-conts:where(.astro-ZAZYV473) {
    width: 24rem;
    height: 8.75rem;
    padding: 1.625rem 1.375rem 1.625rem 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner-conts:where(.astro-ZAZYV473) {
    width: 22.125rem;
    height: 8.125rem;
    padding: 1.4375rem 0.9375rem 0.9375rem 1.5625rem;
  }
}
.banner-title:where(.astro-ZAZYV473) {
  display: flex;
  align-items: center;
  font-weight: 600;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .banner-title:where(.astro-ZAZYV473) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner-title:where(.astro-ZAZYV473) {
    font-size: 1.0625rem;
  }
}
.banner-titleJp:where(.astro-ZAZYV473) {
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  .banner-titleJp:where(.astro-ZAZYV473) {
    margin-top: 0.9375rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .banner-titleJp:where(.astro-ZAZYV473) {
    margin-top: 0.75rem;
    font-size: 0.75rem;
  }
}
.imgBg:where(.astro-ZAZYV473) {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.circle:where(.astro-ZAZYV473) {
  margin-left: auto;
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-ZAZYV473) {
    margin-top: 0.5rem;
  }
}
.faq:where(.astro-ZAZYV473) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .faq:where(.astro-ZAZYV473) {
    margin-top: 6.9375rem;
    padding-block: 1.5625rem;
    margin-bottom: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .faq:where(.astro-ZAZYV473) {
    margin-top: 3.75rem;
    padding-block: 1.5625rem;
    margin-bottom: 5.625rem;
  }
}
.faqEn:where(.astro-ZAZYV473) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .faqEn:where(.astro-ZAZYV473) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .faqEn:where(.astro-ZAZYV473) {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .faqJa:where(.astro-ZAZYV473) {
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .faqJa:where(.astro-ZAZYV473) {
    font-size: 0.75rem;
    margin-top: 0.78125rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .CClientsLogo:where(.astro-FCOPQUWM) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .CClientsLogo:where(.astro-FCOPQUWM) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CClientsLogo:where(.astro-FCOPQUWM) {
    padding-inline: 1.875rem;
  }
}
.logoLine:where(.astro-FCOPQUWM) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-FCOPQUWM):not(:last-child) {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-FCOPQUWM):nth-child(1) {
    margin-bottom: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-FCOPQUWM):nth-child(2) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-FCOPQUWM):nth-child(3) {
    margin-bottom: 3.875rem;
  }
}
@media screen and (min-width: 768px) {
  .logoLine:where(.astro-FCOPQUWM):nth-child(4) {
    margin-bottom: 3.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-FCOPQUWM):nth-child(7) {
    margin-bottom: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-FCOPQUWM):nth-child(8) {
    margin-bottom: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logoLine:where(.astro-FCOPQUWM):last-child {
    justify-content: start;
  }
  .logoLine:where(.astro-FCOPQUWM):last-child .logo:where(.astro-FCOPQUWM):last-child {
    margin-left: 2.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .logo:where(.astro-FCOPQUWM) {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .logo:where(.astro-FCOPQUWM).-num28 {
    width: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-CHA3JW5R) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-CHA3JW5R) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-CHA3JW5R) {
    margin-bottom: 6.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-CHA3JW5R) {
    margin-bottom: 4.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .CCard:where(.astro-QIIKENHB) {
    width: 22.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCard:where(.astro-QIIKENHB):not(:nth-child(3n)) {
    margin-right: 2.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .CCard:where(.astro-QIIKENHB):nth-last-child(n + 4) {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCard:where(.astro-QIIKENHB):not(:last-child) {
    margin-bottom: 3.125rem;
  }
}
.title:where(.astro-QIIKENHB) {
  font-weight: 600;
}
.bAndroid:where(.astro-QIIKENHB) .title:where(.astro-QIIKENHB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-QIIKENHB) {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-QIIKENHB) {
    margin-bottom: 0.875rem;
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-QIIKENHB) {
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-QIIKENHB) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.tags:where(.astro-QIIKENHB) {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .tags:where(.astro-QIIKENHB) {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tags:where(.astro-QIIKENHB) {
    margin-top: 1.0625rem;
  }
}
.tag:where(.astro-QIIKENHB) {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-QIIKENHB) {
    padding: 0.625rem 1.25rem;
    border-radius: 1.0625rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-QIIKENHB) {
    padding: 0.4375rem 0.8125rem;
    border-radius: 1.25rem;
    margin-top: 0.3125rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-QIIKENHB):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-QIIKENHB):not(:last-child) {
    margin-right: 0.3125rem;
  }
}
.thumb:where(.astro-QIIKENHB) {
  overflow: hidden;
  aspect-ratio: 3/2;
}
@media screen and (min-width: 768px) {
  .thumb:where(.astro-QIIKENHB) {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .thumb:where(.astro-QIIKENHB) {
    margin-bottom: 1.375rem;
  }
}
.link:where(.astro-QIIKENHB) {
  display: block;
}
.link:where(.astro-QIIKENHB) .title:where(.astro-QIIKENHB),
.link:where(.astro-QIIKENHB) .text:where(.astro-QIIKENHB),
.link:where(.astro-QIIKENHB) .tags:where(.astro-QIIKENHB) {
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .title:where(.astro-QIIKENHB),
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .text:where(.astro-QIIKENHB),
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .tags:where(.astro-QIIKENHB) {
  opacity: 0.5;
}
[data-whatintent="mouse"] .link:where(.astro-QIIKENHB):hover .photo:where(.astro-QIIKENHB) {
  scale: 1.05;
}
.photo:where(.astro-QIIKENHB) {
  transition: scale 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.CSectionTitle:where(.astro-TJXWHQYN) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-TJXWHQYN).-projects .title-jp:where(.astro-TJXWHQYN) {
    margin-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-TJXWHQYN).-projects .title-jp:where(.astro-TJXWHQYN) {
    margin-top: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-TJXWHQYN).-multiLine .line:where(.astro-TJXWHQYN) + .line:where(.astro-TJXWHQYN) {
    margin-top: -0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-TJXWHQYN).-multiLine .line:where(.astro-TJXWHQYN) + .line:where(.astro-TJXWHQYN) {
    margin-top: -0.375rem;
  }
}
.inner:where(.astro-TJXWHQYN) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.-right:where(.astro-TJXWHQYN) .inner:where(.astro-TJXWHQYN) {
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .-right:where(.astro-TJXWHQYN) .inner:where(.astro-TJXWHQYN) {
    margin-right: -0.3125rem;
  }
}
.-center:where(.astro-TJXWHQYN) .inner:where(.astro-TJXWHQYN) {
  align-items: center;
}
.-center:where(.astro-TJXWHQYN) .inner:where(.astro-TJXWHQYN) .title-en:where(.astro-TJXWHQYN) {
  align-items: center;
}
.-white:where(.astro-TJXWHQYN) .inner:where(.astro-TJXWHQYN) {
  color: #fff;
}
.title-en:where(.astro-TJXWHQYN) {
  display: flex;
  flex-direction: column;
}
.line:where(.astro-TJXWHQYN) {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-TJXWHQYN) {
    height: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-TJXWHQYN) {
    height: 4.125rem;
  }
}
@media screen and (min-width: 768px) {
  .line:where(.astro-TJXWHQYN) + .line:where(.astro-TJXWHQYN) {
    margin-top: -1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-TJXWHQYN) + .line:where(.astro-TJXWHQYN) {
    margin-top: -0.6875rem;
  }
}
.-right:where(.astro-TJXWHQYN) .line:where(.astro-TJXWHQYN) {
  justify-content: flex-end;
}
.chars:where(.astro-TJXWHQYN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .chars:where(.astro-TJXWHQYN) {
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chars:where(.astro-TJXWHQYN) {
    font-size: 3.75rem;
  }
}
.charWrap:where(.astro-TJXWHQYN) {
  overflow: hidden;
}
.char:where(.astro-TJXWHQYN) {
  display: inline-block;
  transform: translate(-1em);
}
@media screen and (min-width: 768px) {
  .char:where(.astro-TJXWHQYN).-j {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .char:where(.astro-TJXWHQYN).-j {
    padding-left: 0.3125rem;
  }
}
.title-jp:where(.astro-TJXWHQYN) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-TJXWHQYN) .title-jp:where(.astro-TJXWHQYN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-TJXWHQYN) {
    font-size: 1.125rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-TJXWHQYN) {
    font-size: 0.75rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-TJXWHQYN).-j {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-TJXWHQYN).-j {
    margin-top: 0.8125rem;
  }
}
.CAboutMaquee:where(.astro-34WUUWWC) {
  width: 100%;
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .CAboutMaquee:where(.astro-34WUUWWC) {
    top: 12.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CAboutMaquee:where(.astro-34WUUWWC) {
    top: 14.21875rem;
  }
}
.marquee:where(.astro-34WUUWWC) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-34WUUWWC) {
    margin-inline: 12.375rem 5.1875rem;
    height: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-34WUUWWC) {
    width: 100%;
    height: 9.3125rem;
  }
}
.marqueeInner:where(.astro-34WUUWWC) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-34WUUWWC) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-34WUUWWC) {
    padding-right: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenuItem:where(.astro-HXIGFOBK) {
    padding-block: 3.4375rem 3.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenuItem:where(.astro-HXIGFOBK):first-of-type:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #44403f33;
  }
}
.CServiceMenuItem:where(.astro-HXIGFOBK):first-of-type .image:where(.astro-HXIGFOBK) {
  clip-path: inset(0% 0% 0% 0%);
}
.link:where(.astro-HXIGFOBK) {
  display: block;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-HXIGFOBK) {
    opacity: 0.3;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-HXIGFOBK).-active {
    opacity: 1;
  }
}
.image:where(.astro-HXIGFOBK) {
  transition: clip-path 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .image:where(.astro-HXIGFOBK) {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-HXIGFOBK) {
    width: 22.125rem;
    height: auto;
    margin-bottom: 2.375rem;
  }
}
.headline:where(.astro-HXIGFOBK) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headline:where(.astro-HXIGFOBK) {
    margin-bottom: 2.75rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headline:where(.astro-HXIGFOBK) {
    font-size: 0.75rem;
    margin-bottom: 1.71875rem;
  }
}
.headline:where(.astro-HXIGFOBK):after {
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
}
@media screen and (max-width: 767.99px) {
  .headline:where(.astro-HXIGFOBK):after {
    margin-left: 0.0625rem;
  }
}
.titleWrap:where(.astro-HXIGFOBK) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .titleWrap:where(.astro-HXIGFOBK) {
    align-items: flex-end;
    margin-bottom: 1.25rem;
    letter-spacing: 0.08em;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrap:where(.astro-HXIGFOBK) {
    align-items: center;
    margin-bottom: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrap:where(.astro-HXIGFOBK).-mb {
    margin-bottom: 0.9375rem;
  }
}
.title:where(.astro-HXIGFOBK) {
  font-weight: 600;
}
.bAndroid:where(.astro-HXIGFOBK) .title:where(.astro-HXIGFOBK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-HXIGFOBK) {
    font-size: 1.375rem;
    line-height: 1.7272727273;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-HXIGFOBK) {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.line:where(.astro-HXIGFOBK) {
  display: block;
}
.text:where(.astro-HXIGFOBK) {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-HXIGFOBK) {
    font-size: 0.875rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-HXIGFOBK) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.menuName:where(.astro-HXIGFOBK) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .menuName:where(.astro-HXIGFOBK) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .menuName:where(.astro-HXIGFOBK) {
    margin-bottom: 1.9375rem;
  }
}
.menuName-en:where(.astro-HXIGFOBK) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .menuName-en:where(.astro-HXIGFOBK) {
    margin-right: 1.875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .menuName-en:where(.astro-HXIGFOBK) {
    margin-right: 0.9375rem;
    font-size: 1.0625rem;
  }
}
.menuTextBox:where(.astro-HXIGFOBK) {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.menuText:where(.astro-HXIGFOBK) {
  font-weight: 600;
}
.bAndroid:where(.astro-HXIGFOBK) .menuText:where(.astro-HXIGFOBK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .menuText:where(.astro-HXIGFOBK) {
    font-size: 1.375rem;
    letter-spacing: 0.08em;
    line-height: 1.7272727273;
  }
}
@media screen and (max-width: 767.99px) {
  .menuText:where(.astro-HXIGFOBK) {
    font-size: 1rem;
    line-height: 1.5;
  }
}
.CServiceMenuList:where(.astro-ZY4CRQNH) {
  counter-reset: number;
  position: relative;
}
@media screen and (min-width: 768px) {
  .CServiceMenuList:where(.astro-ZY4CRQNH) {
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .CServiceMenuList:where(.astro-ZY4CRQNH) {
    margin-inline: 1.875rem;
  }
}
.imageWrap:where(.astro-ZY4CRQNH) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .imageWrap:where(.astro-ZY4CRQNH) {
    width: 50.75rem;
    height: 51.75rem;
  }
}
.imageBackground:where(.astro-ZY4CRQNH) {
  opacity: 0;
}
.imageBackground:where(.astro-ZY4CRQNH):not(:first-child) {
  position: absolute;
  inset: 0;
}
.imageBackground:where(.astro-ZY4CRQNH).-active {
  opacity: 1;
}
.imageSlide:where(.astro-ZY4CRQNH),
.imageSlideBox:where(.astro-ZY4CRQNH) {
  position: absolute;
  inset: 0;
}
.imageSlideBox:where(.astro-ZY4CRQNH) {
  opacity: 0;
}
.imageSlideBox:where(.astro-ZY4CRQNH).-active {
  opacity: 1;
}
.image:where(.astro-ZY4CRQNH) {
  position: relative;
}
.image:where(.astro-ZY4CRQNH):not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.image:where(.astro-ZY4CRQNH).-slide {
  clip-path: inset(0% 100% 0% 0%);
}
.image:where(.astro-ZY4CRQNH).-slide.-show {
  clip-path: inset(0% 0% 0% 0%);
  transition: clip-path 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.menuWrap:where(.astro-ZY4CRQNH) {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .menuWrap:where(.astro-ZY4CRQNH) {
    width: 100%;
    margin-inline: 8.25rem 4.375rem;
    height: 51.75rem;
  }
}
@media screen and (min-width: 768px) {
  .menuWrap:where(.astro-ZY4CRQNH):before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #44403f33;
  }
}
.line:where(.astro-ZY4CRQNH) {
  display: block;
  height: 1px;
  width: 100%;
  background-color: #44403f33;
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-ZY4CRQNH):last-child {
    display: none;
  }
}
.LPurpose:where(.astro-N7YXAKB3) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LPurpose:where(.astro-N7YXAKB3) {
    padding-block: 15rem 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPurpose:where(.astro-N7YXAKB3) {
    padding-block: 6.875rem 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-N7YXAKB3) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-N7YXAKB3) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-N7YXAKB3) {
    margin-top: 6.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-N7YXAKB3) {
    margin-top: 4.03125rem;
  }
}
.link:where(.astro-N7YXAKB3) {
  width: max-content;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-N7YXAKB3) {
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-N7YXAKB3) {
    margin-top: 1.3125rem;
  }
}
.marqueeWrap:where(.astro-N7YXAKB3) {
  width: 100%;
  z-index: -1;
  position: absolute;
  opacity: 0.35;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-N7YXAKB3) {
    top: 22.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeWrap:where(.astro-N7YXAKB3) {
    top: 13.4375rem;
  }
}
.marquee:where(.astro-N7YXAKB3) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-N7YXAKB3) {
    margin-inline: 12.375rem 5.1875rem;
    height: 14rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-N7YXAKB3) {
    width: 100%;
    height: 7.125rem;
  }
}
.marqueeInner:where(.astro-N7YXAKB3) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-N7YXAKB3) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-N7YXAKB3) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LMessage:where(.astro-BDE5AWT4) {
    margin-bottom: 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMessage:where(.astro-BDE5AWT4) {
    margin-bottom: 10.3125rem;
  }
}
.inner:where(.astro-BDE5AWT4) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-BDE5AWT4) {
    width: 53.4375rem;
    padding: 5.625rem 5.625rem 0;
    margin-top: -8.125rem;
    margin-left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-BDE5AWT4) {
    width: 20.5625rem;
    margin-top: -4.8125rem;
    padding-top: 2.875rem;
    padding-left: 3.0625rem;
  }
}
.headName:where(.astro-BDE5AWT4) {
  font-weight: 600;
}
.bAndroid:where(.astro-BDE5AWT4) .headName:where(.astro-BDE5AWT4) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headName:where(.astro-BDE5AWT4) {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headName:where(.astro-BDE5AWT4) {
    margin-top: 0.5rem;
    font-size: 1.0625rem;
  }
}
.title:where(.astro-BDE5AWT4) {
  font-weight: 600;
}
.bAndroid:where(.astro-BDE5AWT4) .title:where(.astro-BDE5AWT4) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-BDE5AWT4) {
    font-size: 2.5rem;
    line-height: 1.65;
    margin-top: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BDE5AWT4) {
    font-size: 1.4375rem;
    letter-spacing: 0.05em;
    line-height: 1.5217391304;
    margin-top: 1.71875rem;
  }
}
.link:where(.astro-BDE5AWT4) {
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-BDE5AWT4) {
    margin-top: 2.25rem;
  }
}
.link:where(.astro-BDE5AWT4)._sp {
  margin-top: 2.875rem;
  padding-right: 1.875rem;
}
@media screen and (min-width: 768px) {
  .LTopImage:where(.astro-NCRONSGS) {
    margin-top: 3.625rem;
  }
}
.content:where(.astro-NCRONSGS) {
  position: relative;
}
.image:where(.astro-NCRONSGS) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-NCRONSGS) {
    width: 90.625rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-NCRONSGS) {
    width: 24rem;
    height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .titleWrapper:where(.astro-VYBDEFAX) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15rem 10.9375rem 3.75rem 17.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrapper:where(.astro-VYBDEFAX) {
    padding: 6.875rem 1.8125rem 3.125rem;
  }
}
.titleWrapper:where(.astro-VYBDEFAX) .text:where(.astro-VYBDEFAX) {
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .titleWrapper:where(.astro-VYBDEFAX) .text:where(.astro-VYBDEFAX) {
    margin-block: 5.75rem 0;
    width: 31.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleWrapper:where(.astro-VYBDEFAX) .text:where(.astro-VYBDEFAX) {
    margin-top: 2.78125rem;
  }
}
.LVisualIdentitiyConts:where(.astro-3JX2SG2M) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 150vh;
}
.inner:where(.astro-3JX2SG2M) {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  inset: 0;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-3JX2SG2M) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-3JX2SG2M) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-3JX2SG2M) {
    height: 100vh;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-3JX2SG2M) {
    height: 100lvh;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-3JX2SG2M) {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-3JX2SG2M) {
    margin-bottom: 2.5rem;
  }
}
.text:where(.astro-3JX2SG2M) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-3JX2SG2M) {
    width: 31.25rem;
    margin-bottom: 3rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-3JX2SG2M) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.05em;
  }
}

.LVisualIdentitiyLogo:where(.astro-3IBXCMR3) {
  position: relative;
  height: 280vh;
  padding-top: 80vh;
}
.inner:where(.astro-3IBXCMR3) {
  position: sticky;
  top: 0;
  width: 100%;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-3IBXCMR3) {
    height: 100vh;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-3IBXCMR3) {
    height: 100lvh;
  }
}
.logo:where(.astro-3IBXCMR3) {
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .logo:where(.astro-3IBXCMR3) {
    top: 50%;
  }
}
@media screen and (max-width: 767.99px) {
  .logo:where(.astro-3IBXCMR3) {
    top: 47%;
  }
}
.link:where(.astro-3IBXCMR3) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-3IBXCMR3) {
    right: 9.375rem;
    bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-3IBXCMR3) {
    bottom: calc(5rem + 6vh);
    left: 50%;
    translate: -50%;
    white-space: nowrap;
  }
}
.LVisualIdentitiy:where(.astro-CWRH2Q5H) {
  position: relative;
  display: block;
  height: 430vh;
  will-change: clip-path;
  clip-path: inset(0);
}
.inner:where(.astro-CWRH2Q5H) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.background:where(.astro-CWRH2Q5H) {
  position: fixed;
  top: 0;
  width: 100%;
  height: 200vh;
}
.image:where(.astro-CWRH2Q5H) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.head:where(.astro-RZWWF6MB) {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RZWWF6MB) {
    height: 41.875rem;
    padding-block: 15.125rem 3.75rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-RZWWF6MB) {
    height: 25.5rem;
    padding-block: 9.8125rem 2.1875rem;
    margin-left: 2.625rem;
  }
}
.head-content:where(.astro-RZWWF6MB) {
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-RZWWF6MB) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-RZWWF6MB) {
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-RZWWF6MB) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-RZWWF6MB) {
    margin-bottom: 0;
  }
}
.CLink:where(.astro-INDUL3FU) {
  display: flex;
  align-items: center;
  margin-left: auto;
	justify-content: flex-end
}
.CLink:where(.astro-INDUL3FU) .texts:where(.astro-INDUL3FU) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-INDUL3FU) .texts:where(.astro-INDUL3FU) {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU) .texts:where(.astro-INDUL3FU) {
    margin-right: 1.0625rem;
  }
}
.CLink:where(.astro-INDUL3FU) .en:where(.astro-INDUL3FU) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-INDUL3FU) .en:where(.astro-INDUL3FU) {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU) .en:where(.astro-INDUL3FU) {
    margin-bottom: 0.375rem;
    letter-spacing: 0.05em;
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU) .en:where(.astro-INDUL3FU).-kerning {
    letter-spacing: 0em;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU).-projects .en:where(.astro-INDUL3FU) {
    letter-spacing: -0.035em;
  }
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-INDUL3FU) .ja:where(.astro-INDUL3FU) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU) .ja:where(.astro-INDUL3FU) {
    font-size: 0.75rem;
    font-weight: 600;
  }
  .bAndroid:where(.astro-INDUL3FU) .CLink:where(.astro-INDUL3FU) .ja:where(.astro-INDUL3FU) {
    font-weight: 700;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU) .ja:where(.astro-INDUL3FU).-regular {
    font-weight: 400;
  }
}
.CLink:where(.astro-INDUL3FU) .circle:where(.astro-INDUL3FU) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-INDUL3FU) .circle:where(.astro-INDUL3FU) {
    width: 5rem;
    height: 5rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU) .circle:where(.astro-INDUL3FU) {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.CLink:where(.astro-INDUL3FU) .circle:where(.astro-INDUL3FU).-back {
  rotate: 180deg;
}
.CLink:where(.astro-INDUL3FU) .arrow:where(.astro-INDUL3FU) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.CLink:where(.astro-INDUL3FU) .arrow:where(.astro-INDUL3FU).before {
  opacity: 0;
  translate: -125% 0;
}
.CLink:where(.astro-INDUL3FU).-white .texts:where(.astro-INDUL3FU) {
  color: #fff;
}
.CLink:where(.astro-INDUL3FU).-white .circle:where(.astro-INDUL3FU) {
  border-color: #fff3;
}
.CLink:where(.astro-INDUL3FU).-white .arrow:where(.astro-INDUL3FU) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .CLink:where(.astro-INDUL3FU).-large .circle:where(.astro-INDUL3FU) {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLink:where(.astro-INDUL3FU).-large .circle:where(.astro-INDUL3FU) {
    width: 5rem;
    height: 5rem;
  }
}
[data-whatintent="mouse"] .CLink:where(.astro-INDUL3FU):hover .circle:where(.astro-INDUL3FU) {
  scale: 1.15;
}
[data-whatintent="mouse"] .CLink:where(.astro-INDUL3FU):hover .texts:where(.astro-INDUL3FU) {
  opacity: 0.5;
}
[data-whatintent="mouse"] .CLink:where(.astro-INDUL3FU):hover .arrow:where(.astro-INDUL3FU).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .CLink:where(.astro-INDUL3FU):hover .arrow:where(.astro-INDUL3FU).after {
  opacity: 0;
  translate: 125% 0;
}
@media screen and (min-width: 768px) {
  .LSectionHead:where(.astro-FSPNRIFE) {
    display: flex;
    justify-content: space-between;
  }
}
.title:where(.astro-FSPNRIFE) {
  font-weight: 600;
  flex-shrink: 0;
}
.bAndroid:where(.astro-FSPNRIFE) .title:where(.astro-FSPNRIFE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-FSPNRIFE) {
    font-size: 2.5rem;
    line-height: 1.65;
    width: 36.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-FSPNRIFE) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-FSPNRIFE) {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 2;
    width: 31.5rem;
    padding-top: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-FSPNRIFE) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
.LAbout:where(.astro-TERQV6J5) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-TERQV6J5) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-TERQV6J5) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutTitle:where(.astro-TERQV6J5) {
    margin-right: 9.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .aboutTitle:where(.astro-TERQV6J5) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .textWrap:where(.astro-TERQV6J5) {
    margin-inline: 17.75rem;
    width: 49.5625rem;
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textWrap:where(.astro-TERQV6J5) {
    letter-spacing: 0.05em;
    margin-inline: 1.875rem;
    margin-top: 4.0625rem;
  }
}
.catch:where(.astro-TERQV6J5) {
  font-weight: 600;
}
.bAndroid:where(.astro-TERQV6J5) .catch:where(.astro-TERQV6J5) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .catch:where(.astro-TERQV6J5) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .catch:where(.astro-TERQV6J5) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-TERQV6J5) {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.1em;
    margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-TERQV6J5) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
.marqueeWrap:where(.astro-TERQV6J5) {
  width: 100%;
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-TERQV6J5) {
    top: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeWrap:where(.astro-TERQV6J5) {
    top: 15.46875rem;
  }
}
.marquee:where(.astro-TERQV6J5) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-TERQV6J5) {
    margin-inline: 12.375rem 5.1875rem;
    height: 13.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-TERQV6J5) {
    width: 100%;
    height: 9.3125rem;
  }
}
.marqueeInner:where(.astro-TERQV6J5) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-TERQV6J5) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-TERQV6J5) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LService:where(.astro-A4B22WZQ) {
    position: relative;
    margin-top: 13.25rem;
    margin-right: 5.25rem;
    margin-bottom: 14.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LService:where(.astro-A4B22WZQ) {
    margin-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-A4B22WZQ) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-inline: 17.75rem 4.375rem;
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-A4B22WZQ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-A4B22WZQ) .line:last-child {
    margin-top: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-A4B22WZQ) .line:last-child {
    margin-top: -0.3125rem;
  }
}
.explain:where(.astro-A4B22WZQ) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .explain:where(.astro-A4B22WZQ) {
    width: 32.75rem;
    margin-bottom: 2.75rem;
    font-size: 0.875rem;
    line-height: 2;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .explain:where(.astro-A4B22WZQ) {
    margin-inline: 1.875rem;
    margin-block: 2.1875rem 2.875rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .-dataSolution:where(.astro-A4B22WZQ) .titleWrap {
    align-items: flex-end;
  }
}
@media screen and (min-width: 768px) {
  .LProject:where(.astro-MXSZH5B4) {
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProject:where(.astro-MXSZH5B4) {
    margin-top: 3.8125rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .projectsTitle:where(.astro-MXSZH5B4) {
    margin-right: 9.5rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .projectsTitle:where(.astro-MXSZH5B4) {
    margin-top: 1.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrapper:where(.astro-MXSZH5B4) {
    margin-top: 4.375rem;
    margin-inline: 17.75rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrapper:where(.astro-MXSZH5B4) {
    margin-top: 3.125rem;
    margin-inline: 1.875rem;
  }
}
.linkWrapper:where(.astro-MXSZH5B4) .link:where(.astro-MXSZH5B4) {
  width: max-content;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-WPWE7Y5A) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-WPWE7Y5A) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-WPWE7Y5A) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-WPWE7Y5A) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-WPWE7Y5A) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .kv-img:where(.astro-WPWE7Y5A) {
    position: relative;
    left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kv-img:where(.astro-WPWE7Y5A) {
    width: 23.03125rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: 2.8125rem;
  }
}
.LWebGL:where(.astro-WRTVNGA3) {
  height: 100vh;
  height: 100lvh;
  bottom: auto;
  z-index: 2100;
  visibility: visible;
}
.LWebGL:where(.astro-WRTVNGA3).-loaded {
  z-index: 0;
}
.LWebGLOverlay:where(.astro-WRTVNGA3) {
  position: fixed;
  inset: 0;
  background-color: #e9e9e9;
  z-index: 2099;
}
.LWebGLOverlay:where(.astro-WRTVNGA3).-isWebGLStart {
  display: none;
}
.LKvIndex:where(.astro-PCK6Q43D) {
  position: fixed;
  z-index: 2;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .LKvIndex:where(.astro-PCK6Q43D) {
    right: 5.375rem;
    bottom: 10.375rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvIndex:where(.astro-PCK6Q43D) {
    top: calc(50% + 9.90625rem);
    right: 3.8125rem;
    font-size: 0.6875rem;
  }
}
.num:where(.astro-PCK6Q43D) {
  display: inline-flex;
}
.num:where(.astro-PCK6Q43D).-next {
  position: absolute;
}
.num:where(.astro-PCK6Q43D).-next .char:where(.astro-PCK6Q43D) {
  translate: -100% 0;
}
.charWrap:where(.astro-PCK6Q43D) {
  overflow: hidden;
}
.char:where(.astro-PCK6Q43D) {
  display: inline-block;
}
.LKvLead:where(.astro-TFKL6GEO) {
  position: fixed;
}
@media screen and (min-width: 768px) {
  .LKvLead:where(.astro-TFKL6GEO) {
    z-index: 1600;
    transition: z-index 0s 0.5s;
    right: 5.5rem;
    bottom: 17.375rem;
    padding: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvLead:where(.astro-TFKL6GEO) {
    top: 78%;
    right: 3.59375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvLead:where(.astro-TFKL6GEO).-isSE {
    top: auto;
    bottom: 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvLead:where(.astro-TFKL6GEO).-isSE .ja:where(.astro-TFKL6GEO) {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LKvLead:where(.astro-TFKL6GEO):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10.875rem;
    width: 0.125rem;
    min-width: 2px;
    background-color: #e9e9e9;
  }
}
@media screen and (min-width: 768px) {
  .LKvLead:where(.astro-TFKL6GEO).-isModalOpen {
    z-index: 2;
    transition: z-index 0s;
  }
}
.ja:where(.astro-TFKL6GEO) {
  position: relative;
  letter-spacing: 0.09em;
  font-weight: 600;
}
.bAndroid:where(.astro-TFKL6GEO) .ja:where(.astro-TFKL6GEO) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .ja:where(.astro-TFKL6GEO) {
    margin-bottom: 1.375rem;
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .ja:where(.astro-TFKL6GEO) {
    margin-bottom: 0.9375rem;
    font-size: 1rem;
  }
}
.en:where(.astro-TFKL6GEO) {
  position: relative;
  color: #ada7a7;
  font-family: Helvetica Neue, Arial, sans-serif;
}
@media screen and (max-width: 767.99px) {
  .en:where(.astro-TFKL6GEO) {
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .en:where(.astro-TFKL6GEO) .char:where(.astro-TFKL6GEO) {
    min-width: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .en:where(.astro-TFKL6GEO) .char:where(.astro-TFKL6GEO) {
    min-width: 0.1875rem;
  }
}
.chars:where(.astro-TFKL6GEO) {
  display: flex;
}
.charWrap:where(.astro-TFKL6GEO) {
  overflow: hidden;
}
.char:where(.astro-TFKL6GEO) {
  display: inline-block;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  body.-isModalOpen .lead:where(.astro-HVC5NKSV) {
    z-index: 1;
    transition: z-index 0s 0s;
  }
}
.LKv:where(.astro-HVC5NKSV) {
  position: relative;
  height: calc(var(--vh) * 100);
}
@media screen and (min-width: 768px) {
  .LKv:where(.astro-HVC5NKSV) {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.marqueeWrap:where(.astro-HVC5NKSV) {
  position: fixed;
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-HVC5NKSV):after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #44403f1a;
  }
}
.marquee:where(.astro-HVC5NKSV) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-HVC5NKSV) {
    width: calc(100% - 33rem);
    margin-inline: 16.5rem 16.5rem;
    height: 7.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-HVC5NKSV) {
    width: 100%;
    height: 4.6875rem;
  }
}
.inner:where(.astro-HVC5NKSV) {
  display: flex;
  align-items: center;
}
.text:where(.astro-HVC5NKSV) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-HVC5NKSV) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-HVC5NKSV) {
    padding-right: 3.125rem;
  }
}
.kvCover:where(.astro-HVC5NKSV) {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1;
  background-color: #e9e9e9;
}
@media screen and (max-width: 767.99px) {
  .kvCover:where(.astro-HVC5NKSV) {
    display: none;
  }
}
.kvCover:where(.astro-HVC5NKSV).-left {
  left: 0;
  width: 16.5rem;
}
.kvCover:where(.astro-HVC5NKSV).-right {
  right: 0;
  width: 16.5rem;
}
.kvCover:where(.astro-HVC5NKSV).-hide {
  display: none;
}
.LSpiralText:where(.astro-H2AFKFOT) {
  display: inline-block;
  color: #44403f66;
  background-clip: text;
  -webkit-background-clip: text;
  will-change: background-image;
}
.LSpiral:where(.astro-UXWSRVO2) {
  position: relative;
}
.LSpiral:where(.astro-UXWSRVO2) .margin1:where(.astro-UXWSRVO2),
.LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin1:where(.astro-UXWSRVO2) {
    height: 125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin1:where(.astro-UXWSRVO2) {
    height: 125rem;
  }
}
.LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
    height: 25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSpiral:where(.astro-UXWSRVO2) .margin2:where(.astro-UXWSRVO2) {
    height: 12.5rem;
  }
}
.inner:where(.astro-UXWSRVO2) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-UXWSRVO2) {
    height: 175rem;
    padding-bottom: 6.25rem;
    padding-left: 28.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-UXWSRVO2) {
    padding-top: 50vh;
    padding-bottom: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .inner:where(.astro-UXWSRVO2) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .inner:where(.astro-UXWSRVO2) {
    margin-inline: 1.875rem;
  }
}
.title:where(.astro-UXWSRVO2) {
  font-weight: 600;
}
.bAndroid:where(.astro-UXWSRVO2) .title:where(.astro-UXWSRVO2) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-UXWSRVO2) {
    padding-top: 25rem;
    margin-bottom: 5.625rem;
    font-size: 2.875rem;
    line-height: 1.4782608696;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-UXWSRVO2) {
    padding-top: 12.5rem;
    margin-bottom: 2.8125rem;
    font-size: 1.875rem;
    line-height: 1.4333333333;
  }
}
.text:where(.astro-UXWSRVO2) {
  letter-spacing: 0.05em;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-UXWSRVO2) {
    margin-bottom: 10rem;
    font-size: 1.25rem;
    line-height: 2.3;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-UXWSRVO2) {
    margin-bottom: 2.8125rem;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 2;
  }
  .bAndroid:where(.astro-UXWSRVO2) .text:where(.astro-UXWSRVO2) {
    font-weight: 700;
  }
}
.linkWrap:where(.astro-UXWSRVO2) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-UXWSRVO2) {
    padding-left: 21.25rem;
  }
}
.link:where(.astro-UXWSRVO2) {
  display: inline-flex;
  align-items: center;
}
.link:where(.astro-UXWSRVO2) .texts:where(.astro-UXWSRVO2) {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .texts:where(.astro-UXWSRVO2) {
    padding-top: 0.75rem;
    margin-right: -2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .texts:where(.astro-UXWSRVO2) {
    padding-top: 1.0625rem;
    margin-right: -1.4375rem;
  }
}
.link:where(.astro-UXWSRVO2) .en:where(.astro-UXWSRVO2) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .en:where(.astro-UXWSRVO2) {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .en:where(.astro-UXWSRVO2) {
    margin-bottom: 0.4375rem;
    font-size: 1.4375rem;
  }
}
.link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
    grid-area: 2/1/3/2;
    padding-left: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
    font-size: 0.75rem;
    font-weight: 600;
  }
  .bAndroid:where(.astro-UXWSRVO2) .link:where(.astro-UXWSRVO2) .ja:where(.astro-UXWSRVO2) {
    font-weight: 700;
  }
}
.link:where(.astro-UXWSRVO2) .circle:where(.astro-UXWSRVO2) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2) .circle:where(.astro-UXWSRVO2) {
    width: 10rem;
    height: 10rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2) .circle:where(.astro-UXWSRVO2) {
    width: 5rem;
    height: 5rem;
  }
}
.link:where(.astro-UXWSRVO2) .arrow:where(.astro-UXWSRVO2) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
  color: #bd991e;
}
.link:where(.astro-UXWSRVO2) .arrow:where(.astro-UXWSRVO2).before {
  opacity: 0;
  translate: -125% 0;
}
.link:where(.astro-UXWSRVO2).-white .circle:where(.astro-UXWSRVO2) {
  border-color: #fff3;
}
.link:where(.astro-UXWSRVO2).-white .arrow:where(.astro-UXWSRVO2) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-UXWSRVO2).-large .circle:where(.astro-UXWSRVO2) {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UXWSRVO2).-large .circle:where(.astro-UXWSRVO2) {
    width: 5rem;
    height: 5rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .circle:where(.astro-UXWSRVO2) {
  scale: 1.15;
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .texts:where(.astro-UXWSRVO2) {
  opacity: 0.5;
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .arrow:where(.astro-UXWSRVO2).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .link:where(.astro-UXWSRVO2):hover .arrow:where(.astro-UXWSRVO2).after {
  opacity: 0;
  translate: 125% 0;
}
.head:where(.astro-HDYCBMTL) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .LSolutionItem:where(.astro-HDYCBMTL) {
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSolutionItem:where(.astro-HDYCBMTL) {
    padding-bottom: 3.125rem;
  }
}
.title:where(.astro-HDYCBMTL) {
  pointer-events: none;
}
.title-in:where(.astro-HDYCBMTL) {
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .title-in:where(.astro-HDYCBMTL) {
    padding-bottom: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-in:where(.astro-HDYCBMTL) {
    padding-bottom: 0.9375rem;
  }
}
.title-num:where(.astro-HDYCBMTL) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-num:where(.astro-HDYCBMTL) {
    margin-right: 9.125rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-num:where(.astro-HDYCBMTL) {
    margin-right: 3.125rem;
    margin-bottom: -0.0625rem;
    font-size: 0.75rem;
  }
}
.title-ja:where(.astro-HDYCBMTL) {
  font-weight: 600;
  white-space: nowrap;
}
.bAndroid:where(.astro-HDYCBMTL) .title-ja:where(.astro-HDYCBMTL) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-HDYCBMTL) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-HDYCBMTL) {
    font-feature-settings: normal;
    font-size: 0.75rem;
  }
}
.title-en:where(.astro-HDYCBMTL) {
  margin-left: auto;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-HDYCBMTL) {
    font-size: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-HDYCBMTL) {
    margin-bottom: -0.125rem;
    font-size: 1.5625rem;
  }
}
.body:where(.astro-HDYCBMTL) {
  position: relative;
  overflow: hidden;
}
.body-in:where(.astro-HDYCBMTL) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .body-in:where(.astro-HDYCBMTL) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 5rem;
    grid-column-gap: 3.75rem;
    align-items: center;
    padding-block: 5.125rem 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .body-in:where(.astro-HDYCBMTL) {
    padding-block: 2.1875rem 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .conts:where(.astro-HDYCBMTL) {
    grid-area: 1/1/2/2;
    padding-bottom: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .conts:where(.astro-HDYCBMTL) {
    margin-bottom: 2.5rem;
  }
}
.body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
  font-weight: 600;
  letter-spacing: 0.06rem;
}
.bAndroid:where(.astro-HDYCBMTL) .body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
    margin-bottom: 1.625rem;
    font-size: 1.5rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .lead:where(.astro-HDYCBMTL) {
    margin-bottom: 0.875rem;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .text:where(.astro-HDYCBMTL) {
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .text:where(.astro-HDYCBMTL) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.body:where(.astro-HDYCBMTL) .imgWrap:where(.astro-HDYCBMTL) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .imgWrap:where(.astro-HDYCBMTL) {
    grid-area: 1/2/3/3;
    width: 37.5rem;
    height: 37.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .body:where(.astro-HDYCBMTL) .imgWrap:where(.astro-HDYCBMTL) {
    height: 22.125rem;
    margin-bottom: 2.1875rem;
  }
}
.body:where(.astro-HDYCBMTL) .img:where(.astro-HDYCBMTL) img:where(.astro-HDYCBMTL) {
  max-width: 100%;
}
.body:where(.astro-HDYCBMTL) .foot:where(.astro-HDYCBMTL) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .body:where(.astro-HDYCBMTL) .foot:where(.astro-HDYCBMTL) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (min-width: 768px) {
  .LSolution:where(.astro-6RTS3XF5) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSolution:where(.astro-6RTS3XF5) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LSolution:where(.astro-6RTS3XF5) {
    padding-top: 8.125rem;
    margin-bottom: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LSolution:where(.astro-6RTS3XF5) {
    padding-top: 4.0625rem;
    margin-bottom: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-6RTS3XF5) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-6RTS3XF5) {
    margin-bottom: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-6RTS3XF5) {
    width: 32.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-6RTS3XF5) {
    margin-top: 4.3125rem;
  }
}
.lead:where(.astro-6RTS3XF5) {
  font-weight: 600;
  white-space: nowrap;
}
.bAndroid:where(.astro-6RTS3XF5) .lead:where(.astro-6RTS3XF5) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .lead:where(.astro-6RTS3XF5) {
    margin-bottom: 3.75rem;
    font-size: 2.53125rem;
    line-height: 1.6172839506;
  }
}
@media screen and (max-width: 767.99px) {
  .lead:where(.astro-6RTS3XF5) {
    margin-bottom: 1.75rem;
    font-size: 1.265625rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
}
.text:where(.astro-6RTS3XF5) {
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-6RTS3XF5) {
    font-feature-settings: normal;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-6RTS3XF5) {
    line-height: 2;
  }
}
.LServiceIntro:where(.astro-BHT3S3TY) {
  height: calc(var(--vh) * 250);
}
.contents:where(.astro-BHT3S3TY) {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh) * 100);
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-BHT3S3TY) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .contents:where(.astro-BHT3S3TY) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-BHT3S3TY) {
    padding-top: 26vh;
  }
}
@media screen and (max-width: 767.99px) {
  .contents:where(.astro-BHT3S3TY) {
    padding-top: 13.65625rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-BHT3S3TY) {
    margin-bottom: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BHT3S3TY) {
    margin-bottom: 4.375rem;
  }
}
.lead:where(.astro-BHT3S3TY) {
  color: #fff;
  font-weight: 600;
}
.bAndroid:where(.astro-BHT3S3TY) .lead:where(.astro-BHT3S3TY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .lead:where(.astro-BHT3S3TY) {
    margin-bottom: 3.75rem;
    font-size: 2.5rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .lead:where(.astro-BHT3S3TY) {
    margin-bottom: 2.1875rem;
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    letter-spacing: 0.05em;
  }
}
.text:where(.astro-BHT3S3TY) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-BHT3S3TY) {
    width: 31.25rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-BHT3S3TY) {
    line-height: 2.0833333333;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .LServiceAboutWorkDesign:where(.astro-CFS6VYEK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LServiceAboutWorkDesign:where(.astro-CFS6VYEK) {
    margin-inline: 1.875rem;
  }
}
.LService-figure:where(.astro-CFS6VYEK) {
  height: calc(var(--vh) * 400);
}
.LService-figure:where(.astro-CFS6VYEK) .inner {
  height: 100vh;
  height: 100lvh;
}
.LService:where(.astro-LQ2LPK2I) {
  position: relative;
  height: calc(var(--vh) * 600);
}
.LCopyText:where(.astro-FWAH6DAK) {
  position: relative;
}
.inner:where(.astro-FWAH6DAK) {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-FWAH6DAK) {
    padding-right: 2.375rem;
  }
}
.-right:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) {
  align-items: flex-end;
}
.-center:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) {
  align-items: center;
}
.-center:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) .title-en:where(.astro-FWAH6DAK) {
  align-items: center;
}
.-white:where(.astro-FWAH6DAK) .inner:where(.astro-FWAH6DAK) {
  color: #fff;
}
.title-en:where(.astro-FWAH6DAK) {
  display: flex;
  flex-direction: column;
}
.line:where(.astro-FWAH6DAK) {
  display: flex;
  overflow: hidden;
}
.-right:where(.astro-FWAH6DAK) .line:where(.astro-FWAH6DAK) {
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-FWAH6DAK) {
    height: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-FWAH6DAK) {
    height: 4.125rem;
  }
}
.chars:where(.astro-FWAH6DAK) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .chars:where(.astro-FWAH6DAK) {
    font-size: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chars:where(.astro-FWAH6DAK) {
    font-size: 3.75rem;
  }
}
.charWrap:where(.astro-FWAH6DAK) {
  overflow: hidden;
}
.char:where(.astro-FWAH6DAK) {
  display: inline-block;
  translate: -1em 0;
}
@media screen and (min-width: 768px) {
  .char:where(.astro-FWAH6DAK).-j {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .char:where(.astro-FWAH6DAK).-j {
    padding-left: 0.3125rem;
  }
}
.title-jp:where(.astro-FWAH6DAK) {
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-FWAH6DAK) .title-jp:where(.astro-FWAH6DAK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-jp:where(.astro-FWAH6DAK) {
    font-size: 1.125rem;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-jp:where(.astro-FWAH6DAK) {
    font-size: 0.75rem;
    margin-top: 0.5rem;
  }
}
.LCopy:where(.astro-ZAVV3R7U) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LCopy:where(.astro-ZAVV3R7U) {
    padding-block: 10.375rem 11rem;
    margin-inline: 12rem 5.125rem;
    margin-bottom: 6.25rem;
    margin-top: -18.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCopy:where(.astro-ZAVV3R7U) {
    padding-block: 3.4375rem 3.75rem;
    margin-bottom: 2.5rem;
    margin-top: -15.625rem;
  }
}
.LCopy:where(.astro-ZAVV3R7U):before,
.LCopy:where(.astro-ZAVV3R7U):after {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  background-color: #44403f33;
}
@media screen and (min-width: 768px) {
  .LCopy:where(.astro-ZAVV3R7U):before,
  .LCopy:where(.astro-ZAVV3R7U):after {
    height: 6.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCopy:where(.astro-ZAVV3R7U):before,
  .LCopy:where(.astro-ZAVV3R7U):after {
    height: 2.125rem;
  }
}
.LCopy:where(.astro-ZAVV3R7U):before {
  top: 0;
}
.LCopy:where(.astro-ZAVV3R7U):after {
  bottom: 0;
}
.subCopy:where(.astro-ZAVV3R7U) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .subCopy:where(.astro-ZAVV3R7U) {
    margin-bottom: 3.25rem;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .subCopy:where(.astro-ZAVV3R7U) {
    margin-bottom: 1.4375rem;
    font-size: 0.6875rem;
  }
}
.LProjectSlider:where(.astro-QM2ICKP4) {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767.99px) {
  .LProjectSlider:where(.astro-QM2ICKP4) {
    overflow: hidden;
  }
}
.list:where(.astro-QM2ICKP4) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-QM2ICKP4) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-QM2ICKP4) {
    margin-bottom: 3.4375rem;
  }
}
.item:where(.astro-QM2ICKP4) {
  position: relative;
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-QM2ICKP4) {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-QM2ICKP4):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-QM2ICKP4):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.image:where(.astro-QM2ICKP4) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-QM2ICKP4) {
    width: 100rem;
    height: 51.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-QM2ICKP4) {
    width: 25.875rem;
    height: 43.75rem;
  }
}
.image:where(.astro-QM2ICKP4) img:where(.astro-QM2ICKP4) {
  width: 110%;
  height: 110%;
  object-fit: cover;
}
.image:where(.astro-QM2ICKP4):after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.conts:where(.astro-QM2ICKP4) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-QM2ICKP4) {
    right: 5.125rem;
    bottom: 3.125rem;
    left: 17.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-QM2ICKP4) {
    right: 3.125rem;
    bottom: 1.1875rem;
    left: 1.8125rem;
  }
}
.nameEn:where(.astro-QM2ICKP4) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameEn:where(.astro-QM2ICKP4) {
    margin-bottom: 1.5rem;
    font-size: 5rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameEn:where(.astro-QM2ICKP4) {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 0.925;
    letter-spacing: -0.015em;
  }
}
.nameJa:where(.astro-QM2ICKP4) {
  font-weight: 600;
}
.bAndroid:where(.astro-QM2ICKP4) .nameJa:where(.astro-QM2ICKP4) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameJa:where(.astro-QM2ICKP4) {
    margin-bottom: 3.375rem;
    font-size: 1.125rem;
    font-feature-settings: "none";
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameJa:where(.astro-QM2ICKP4) {
    margin-bottom: 1.3125rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    line-height: 1.5833333333;
  }
}
.tags:where(.astro-QM2ICKP4) {
  display: flex;
  flex-wrap: wrap;
}
.tag:where(.astro-QM2ICKP4) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-QM2ICKP4) {
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-QM2ICKP4) {
    padding: 0.4375rem 0.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-QM2ICKP4):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-QM2ICKP4):not(:last-child) {
    margin-right: 0.25rem;
  }
}
.mouse-stalker:where(.astro-QM2ICKP4) {
  position: fixed;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 0;
}
.mouse-stalker-arrow:where(.astro-QM2ICKP4) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  display: flex;
  justify-content: space-between;
}
.mouse-stalker-arrow:where(.astro-QM2ICKP4) .arrow:where(.astro-QM2ICKP4) {
  fill: #fff;
}
.mouse-stalker-arrow:where(.astro-QM2ICKP4) .arrow:where(.astro-QM2ICKP4).-inversion {
  transform: rotate(180deg);
}
.mouse-stalker-circle:where(.astro-QM2ICKP4) {
  position: absolute;
  top: 0;
  left: 0;
}
.current:where(.astro-QM2ICKP4) {
  display: none;
}
.progress:where(.astro-QM2ICKP4) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-QM2ICKP4) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-QM2ICKP4) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-QM2ICKP4) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-QM2ICKP4) {
    margin-bottom: 2.5rem;
  }
}
.progress-bar:where(.astro-QM2ICKP4) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-6SAEIVEE) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-6SAEIVEE) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-6SAEIVEE) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-6SAEIVEE) {
    margin-bottom: 3.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-6SAEIVEE) .title-en {
    margin-right: -0.1875rem;
    margin-bottom: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-6SAEIVEE) .title-en {
    margin-bottom: 0.5625rem;
  }
}
.linkWrap:where(.astro-6SAEIVEE) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-6SAEIVEE) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-6SAEIVEE) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-6SAEIVEE) {
    margin-bottom: 9.375rem;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-6SAEIVEE) {
    margin-bottom: 5.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-6SAEIVEE) .CLink {
    margin-left: 0;
  }
}
.LCaseLogos:where(.astro-CM4IEIHC) {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LCaseLogos:where(.astro-CM4IEIHC) {
    padding-block: 10.3125rem 11.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCaseLogos:where(.astro-CM4IEIHC) {
    padding-block: 6.25rem 5.9375rem;
  }
}
.bg:where(.astro-CM4IEIHC) {
  position: absolute;
  inset: 0;
}
.bg-inner:where(.astro-CM4IEIHC) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .bg-inner:where(.astro-CM4IEIHC) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .bg-inner:where(.astro-CM4IEIHC) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .bg-inner:where(.astro-CM4IEIHC) {
    margin-inline: 1.875rem;
  }
}
.bg-line:where(.astro-CM4IEIHC) {
  width: 1px;
  height: 100%;
  background-color: #44403f1a;
}
.bg-line:where(.astro-CM4IEIHC):first-child,
.bg-line:where(.astro-CM4IEIHC):last-child {
  opacity: 0;
}
.contents:where(.astro-CM4IEIHC) {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contents:where(.astro-CM4IEIHC) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) + .LCaseLogoLine:where(.astro-CM4IEIHC) {
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) + .LCaseLogoLine:where(.astro-CM4IEIHC) {
    margin-top: 2.40625rem;
  }
}
.LCaseLogoLine:where(.astro-CM4IEIHC) .inner:where(.astro-CM4IEIHC) {
  display: flex;
  align-items: center;
}
.LCaseLogoLine:where(.astro-CM4IEIHC) .row:where(.astro-CM4IEIHC) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.LCaseLogoLine:where(.astro-CM4IEIHC):nth-child(even) .row:where(.astro-CM4IEIHC) {
  right: 0;
}
.LCaseLogoLine:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
  display: block;
}
@media screen and (min-width: 768px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
    margin-inline: 4.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCaseLogoLine:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
    margin-inline: 1.75rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) {
  position: relative;
  z-index: 2;
  display: flex;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) {
    justify-content: flex-end;
    margin-right: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) {
    justify-content: center;
    padding-left: 1.25rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) {
  display: inline-flex;
  align-items: center;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .texts:where(.astro-CM4IEIHC) {
  position: relative;
  z-index: 2;
  transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .texts:where(.astro-CM4IEIHC) {
    padding-top: 0.75rem;
    margin-right: -2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .texts:where(.astro-CM4IEIHC) {
    padding-top: 1.0625rem;
    margin-right: -1.4375rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .en:where(.astro-CM4IEIHC) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.035em;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .en:where(.astro-CM4IEIHC) {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .en:where(.astro-CM4IEIHC) {
    margin-bottom: 0.4375rem;
    font-size: 1.4375rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .ja:where(.astro-CM4IEIHC) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .ja:where(.astro-CM4IEIHC) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .ja:where(.astro-CM4IEIHC) {
    font-size: 0.75rem;
    font-weight: 600;
  }
  .bAndroid:where(.astro-CM4IEIHC)
    .linkWrap:where(.astro-CM4IEIHC)
    .link:where(.astro-CM4IEIHC)
    .ja:where(.astro-CM4IEIHC) {
    font-weight: 700;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .circle:where(.astro-CM4IEIHC) {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #fff;
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .circle:where(.astro-CM4IEIHC) {
    width: 10rem;
    height: 10rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .circle:where(.astro-CM4IEIHC) {
    width: 5rem;
    height: 5rem;
  }
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .arrow:where(.astro-CM4IEIHC) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
  color: #bd991e;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC) .arrow:where(.astro-CM4IEIHC).before {
  opacity: 0;
  translate: -125% 0;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-white .circle:where(.astro-CM4IEIHC) {
  border-color: #fff3;
}
.linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-white .arrow:where(.astro-CM4IEIHC) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-large .circle:where(.astro-CM4IEIHC) {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrap:where(.astro-CM4IEIHC) .link:where(.astro-CM4IEIHC).-large .circle:where(.astro-CM4IEIHC) {
    width: 5rem;
    height: 5rem;
  }
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .circle:where(.astro-CM4IEIHC) {
  scale: 1.15;
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .texts:where(.astro-CM4IEIHC) {
  opacity: 0.5;
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .arrow:where(.astro-CM4IEIHC).before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"]
  .linkWrap:where(.astro-CM4IEIHC)
  .link:where(.astro-CM4IEIHC):hover
  .arrow:where(.astro-CM4IEIHC).after {
  opacity: 0;
  translate: 125% 0;
}
body {
  transition: background-color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
body.-isWhite {
  background-color: #fff;
}
.LCase:where(.astro-3PTH7SJT) {
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .solutionMenu:where(.astro-3PTH7SJT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .solutionMenu:where(.astro-3PTH7SJT) {
    margin-inline: 1.875rem;
  }
}
.LLink:where(.astro-RTXHKIPV) {
  position: relative;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RTXHKIPV) {
    display: flex;
    height: 33.75rem;
    margin-left: 12.1875rem;
    margin-right: 5.125rem;
    border-right: 1px solid rgba(68, 64, 63, 0.1);
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-RTXHKIPV) {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-RTXHKIPV) {
    width: 50%;
    flex-shrink: 0;
    border-left: 1px solid rgba(68, 64, 63, 0.1);
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-RTXHKIPV) {
    width: 100%;
    height: 20.84375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-RTXHKIPV).-ir {
    border-top: 1px solid rgba(68, 64, 63, 0.1);
  }
}
@media screen and (min-width: 768px) {
  .head-item:where(.astro-RTXHKIPV).-ir .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 6.6875rem 5rem 6.25rem 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-item:where(.astro-RTXHKIPV).-ir .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 4.3125rem 2.8125rem 2.8125rem 3.21875rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 6.6875rem 5rem 6.25rem 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) {
    padding: 4.3125rem 2.8125rem 2.8125rem 3.28125rem;
  }
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .en:where(.astro-RTXHKIPV),
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .jp:where(.astro-RTXHKIPV),
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .text:where(.astro-RTXHKIPV) {
  opacity: 0.5;
}
.head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV),
.head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV),
.head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV) {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .en:where(.astro-RTXHKIPV) {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c03:where(.astro-RTXHKIPV) {
    margin-left: -0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c03:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c04:where(.astro-RTXHKIPV) {
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c04:where(.astro-RTXHKIPV) {
    margin-left: -0.09375rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c05:where(.astro-RTXHKIPV) {
    margin-left: -0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c05:where(.astro-RTXHKIPV) {
    margin-left: -0.21875rem;
  }
}
@media screen and (min-width: 768px) {
  .-company:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c06:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c02:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c04:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c05:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c06:where(.astro-RTXHKIPV) {
    margin-left: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .-ir:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .-c07:where(.astro-RTXHKIPV) {
    margin-left: -0.125rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV),
.head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
  letter-spacing: 0.1em;
}
.head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
  font-weight: 600;
}
.bAndroid:where(.astro-RTXHKIPV) .head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
    font-size: 1rem;
    line-height: 2;
    margin-top: 0.1875rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .jp:where(.astro-RTXHKIPV) {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    margin-top: 0.375rem;
    padding-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
    font-size: 0.875rem;
    line-height: 2;
    margin-top: 2.125rem;
    padding-left: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .text:where(.astro-RTXHKIPV) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.6875rem;
    padding-left: 0.1875rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) .icon:where(.astro-RTXHKIPV) {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .head-itemInner:where(.astro-RTXHKIPV) .icon:where(.astro-RTXHKIPV) {
    right: 5rem;
    bottom: 6.25rem;
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-itemInner:where(.astro-RTXHKIPV) .icon:where(.astro-RTXHKIPV) {
    right: 2.8125rem;
    bottom: 2.8125rem;
    width: 3.75rem;
    height: 3.75rem;
  }
}
.head-itemInner:where(.astro-RTXHKIPV) .arrow:where(.astro-RTXHKIPV) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
.head-itemInner:where(.astro-RTXHKIPV) .arrow:where(.astro-RTXHKIPV).-before {
  opacity: 0;
  translate: -125% 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .icon:where(.astro-RTXHKIPV) {
  scale: 1.15;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .arrow:where(.astro-RTXHKIPV).-before {
  opacity: 1;
  translate: 0;
}
[data-whatintent="mouse"] .head-itemInner:where(.astro-RTXHKIPV):hover .arrow:where(.astro-RTXHKIPV).-after {
  opacity: 0;
  translate: 125% 0;
}
.LRecruitParallax:where(.astro-3BOL7W2W) {
  width: 100%;
  height: 100vh;
  height: 100lvh;
  overflow: hidden;
}
.LRecruitParallax:where(.astro-3BOL7W2W) .image:where(.astro-3BOL7W2W) {
  height: 110vh;
  height: 110lvh;
  will-change: transform;
}
.LRecruitParallax:where(.astro-3BOL7W2W) img:where(.astro-3BOL7W2W) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.LRecruit:where(.astro-7DHYK7SG) {
  background-color: #e9e9e9;
  display: flex;
  justify-content: center;
  height: calc(var(--vh) * 200);
}
.contents:where(.astro-7DHYK7SG) {
  position: relative;
  inset: 0;
  width: 100%;
  height: 100lvh;
}
.contents:where(.astro-7DHYK7SG).-fixed {
  position: fixed;
}
.caption:where(.astro-7DHYK7SG) {
  position: absolute;
  display: flex;
  flex-direction: column;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 500;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-7DHYK7SG) {
    left: 17.5rem;
    bottom: 3.125rem;
    font-size: 0.75rem;
    line-height: 1.3333333333;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-7DHYK7SG) {
    left: 1.5625rem;
    bottom: 1.5625rem;
    font-size: 0.6875rem;
    line-height: 1.1818181818;
  }
}
.conts:where(.astro-7DHYK7SG) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-7DHYK7SG) {
    top: calc(50% + 2.5rem);
    left: calc(50% - 0.625rem);
  }
}
.conts:where(.astro-7DHYK7SG) .link:where(.astro-7DHYK7SG) {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-7DHYK7SG) {
    margin-bottom: 4.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-7DHYK7SG) {
    margin-bottom: 2rem;
  }
}
.text:where(.astro-7DHYK7SG) {
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-7DHYK7SG) {
    margin-bottom: 2.5rem;
    font-size: 1rem;
    line-height: 2.25;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-7DHYK7SG) {
    margin-bottom: 1.75rem;
    font-size: 0.75rem;
    line-height: 2.0833333333;
    white-space: nowrap;
  }
}
body#top.-loading {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.LPageTitle:where(.astro-UZEGT2RE) {
  position: relative;
}
.inner:where(.astro-UZEGT2RE) {
  position: relative;
}
.name:where(.astro-UZEGT2RE) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-UZEGT2RE) {
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .name:where(.astro-UZEGT2RE) {
    font-size: 3.75rem;
  }
}
.info:where(.astro-UZEGT2RE) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .info:where(.astro-UZEGT2RE) {
    margin-top: 1.375rem;
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .info:where(.astro-UZEGT2RE) {
    margin-top: 0.8125rem;
    margin-left: 0.25rem;
  }
}
.position:where(.astro-UZEGT2RE) {
  position: relative;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-UZEGT2RE) {
    padding-right: 1.5rem;
    margin-right: 1.5rem;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-UZEGT2RE) {
    padding-right: 1.03125rem;
    margin-right: 0.875rem;
    font-size: 0.875rem;
  }
}
.position:where(.astro-UZEGT2RE):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 1px;
  background: #44403f;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-UZEGT2RE):after {
    height: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-UZEGT2RE):after {
    height: 0.65625rem;
  }
}
.year:where(.astro-UZEGT2RE) {
  font-weight: 600;
}
.bAndroid:where(.astro-UZEGT2RE) .year:where(.astro-UZEGT2RE) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .year:where(.astro-UZEGT2RE) {
    font-size: 0.9375rem;
    letter-spacing: 0.06em;
  }
}
.LProfile:where(.astro-5SZKE25E) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .LProfile:where(.astro-5SZKE25E) {
    margin-top: -14rem;
    margin-left: 34.25rem;
    padding-top: 6.0625rem;
    padding-left: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProfile:where(.astro-5SZKE25E) {
    margin-top: -4.8125rem;
    margin-right: 1.875rem;
    margin-left: 3.6875rem;
    padding-top: 1.5625rem;
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-5SZKE25E) {
    width: 39.75rem;
  }
}
.lead:where(.astro-5SZKE25E) {
  font-weight: 600;
}
.bAndroid:where(.astro-5SZKE25E) .lead:where(.astro-5SZKE25E) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .lead:where(.astro-5SZKE25E) {
    margin-bottom: 8rem;
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767.99px) {
  .lead:where(.astro-5SZKE25E) {
    margin-bottom: 1.9375rem;
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    letter-spacing: 0.024em;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-5SZKE25E) {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-5SZKE25E) {
    margin-top: 1.25rem;
  }
}
.en:where(.astro-5SZKE25E) {
  font-weight: 600;
}
.bAndroid:where(.astro-5SZKE25E) .en:where(.astro-5SZKE25E) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .en:where(.astro-5SZKE25E) {
    margin-bottom: 1rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .en:where(.astro-5SZKE25E) {
    margin-bottom: 0.5rem;
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .ja:where(.astro-5SZKE25E) {
    font-size: 0.75rem;
    letter-spacing: 0.0375rem;
  }
}
.text:where(.astro-5SZKE25E) {
  font-feature-settings: normal;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-5SZKE25E) {
    line-height: 2;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-5SZKE25E) {
    margin-top: 1.46875rem;
    line-height: 1.75;
    text-align: justify;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .LKv:where(.astro-V6FAOBNR) {
    margin-top: 3.625rem;
  }
}
.content:where(.astro-V6FAOBNR) {
  position: relative;
}
.LKvImage:where(.astro-V6FAOBNR) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LKvImage:where(.astro-V6FAOBNR) {
    width: 83.75rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvImage:where(.astro-V6FAOBNR) {
    width: 24rem;
    height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .photo:where(.astro-V6FAOBNR) {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .photo:where(.astro-V6FAOBNR) {
    width: 38.8125rem;
    height: auto;
  }
}
.LParagraph:where(.astro-WX36SEMZ) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LParagraph:where(.astro-WX36SEMZ) {
    padding-top: 11.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LParagraph:where(.astro-WX36SEMZ) {
    padding-top: 13.5rem;
  }
}
.image:where(.astro-WX36SEMZ) {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-WX36SEMZ) {
    margin-left: 12.1875rem;
    width: 87.5rem;
    height: 53.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-WX36SEMZ) {
    width: 100%;
    height: 25.9375rem;
  }
}
.image-inner:where(.astro-WX36SEMZ) img:where(.astro-WX36SEMZ) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content:where(.astro-WX36SEMZ) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-WX36SEMZ) {
    padding-top: 13.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-WX36SEMZ) {
    padding-top: 4.5rem;
  }
}
.paragraph:where(.astro-WX36SEMZ) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-WX36SEMZ) + .paragraph:where(.astro-WX36SEMZ) {
    padding-top: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .paragraph:where(.astro-WX36SEMZ) + .paragraph:where(.astro-WX36SEMZ) {
    padding-top: 4.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-WX36SEMZ).-reverse .inner:where(.astro-WX36SEMZ) {
    flex-direction: row-reverse;
    justify-content: left;
  }
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-WX36SEMZ).-reverse .index:where(.astro-WX36SEMZ) {
    text-align: right;
  }
  .paragraph:where(.astro-WX36SEMZ).-reverse .index:where(.astro-WX36SEMZ):before {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-WX36SEMZ) {
    display: flex;
    margin-inline: 25.75rem 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-WX36SEMZ) {
    margin-inline: 3.875rem;
  }
}
.index:where(.astro-WX36SEMZ) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-WX36SEMZ) {
    width: 25.125rem;
  }
}
.index-lead:where(.astro-WX36SEMZ) {
  font-weight: 600;
}
.bAndroid:where(.astro-WX36SEMZ) .index-lead:where(.astro-WX36SEMZ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index-lead:where(.astro-WX36SEMZ) {
    font-size: 1.5rem;
    line-height: 1.4166666667;
    padding-top: 7.125rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-lead:where(.astro-WX36SEMZ) {
    font-size: 0.9375rem;
    line-height: 1.4;
    padding-top: 3.5625rem;
  }
}
.index:where(.astro-WX36SEMZ):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-WX36SEMZ):before {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-WX36SEMZ):before {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .main:where(.astro-WX36SEMZ) {
    width: 31.5rem;
    margin-top: 6.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-WX36SEMZ) {
    margin-top: 2.4375rem;
  }
}
.title:where(.astro-WX36SEMZ) {
  font-weight: 600;
  font-feature-settings: none;
}
.bAndroid:where(.astro-WX36SEMZ) .title:where(.astro-WX36SEMZ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-WX36SEMZ) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-WX36SEMZ) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
.text:where(.astro-WX36SEMZ) {
  font-feature-settings: initial;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-WX36SEMZ) {
    margin-top: 3.125rem;
    line-height: 2;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-WX36SEMZ) {
    margin-top: 1.3125rem;
    line-height: 1.75;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
  }
}
.marqueeWrap:where(.astro-WX36SEMZ) {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.marquee:where(.astro-WX36SEMZ) {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-WX36SEMZ) {
    margin-left: 12.1875rem;
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-WX36SEMZ) {
    width: 100%;
    height: 7rem;
  }
}
.marquee:where(.astro-WX36SEMZ).-active {
  opacity: 1;
}
.marqueeInner:where(.astro-WX36SEMZ) {
  display: flex;
  align-items: center;
}
.marqueeText:where(.astro-WX36SEMZ) {
  fill: transparent;
  stroke: #fff;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-WX36SEMZ) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-WX36SEMZ) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LFavorite:where(.astro-SXFRZV7V) {
    padding-top: 13.625rem;
    margin-bottom: 14.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LFavorite:where(.astro-SXFRZV7V) {
    padding-top: 4.6875rem;
    margin-bottom: 7.375rem;
  }
}
.image:where(.astro-SXFRZV7V) {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-SXFRZV7V) {
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-SXFRZV7V) {
    height: 17.25rem;
  }
}
.image:where(.astro-SXFRZV7V) img:where(.astro-SXFRZV7V) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-SXFRZV7V) img:where(.astro-SXFRZV7V) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-SXFRZV7V) img:where(.astro-SXFRZV7V) {
    height: 20.375rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-SXFRZV7V) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-SXFRZV7V) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-SXFRZV7V) {
    padding-top: 14.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-SXFRZV7V) {
    padding-top: 8.125rem;
  }
}
@media screen and (min-width: 768px) {
  .favorite:where(.astro-SXFRZV7V) + .favorite:where(.astro-SXFRZV7V) {
    padding-top: 9.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .favorite:where(.astro-SXFRZV7V) + .favorite:where(.astro-SXFRZV7V) {
    padding-top: 3.84375rem;
  }
}
.favorite-index:where(.astro-SXFRZV7V) {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .favorite-index:where(.astro-SXFRZV7V) {
    padding-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .favorite-index:where(.astro-SXFRZV7V) {
    padding-bottom: 0.75rem;
  }
}
.favorite-indexEn:where(.astro-SXFRZV7V) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .favorite-indexEn:where(.astro-SXFRZV7V) {
    letter-spacing: -0.025em;
    width: 16.5rem;
    font-size: 1.5rem;
    margin-top: 0.25rem;
    margin-left: -0.125rem;
    line-height: 1.1666666667;
  }
}
.favorite-indexTitle:where(.astro-SXFRZV7V) {
  font-weight: 600;
}
.bAndroid:where(.astro-SXFRZV7V) .favorite-indexTitle:where(.astro-SXFRZV7V) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .favorite-indexTitle:where(.astro-SXFRZV7V) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .favorite-indexTitle:where(.astro-SXFRZV7V) {
    margin-left: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .favorite-body:where(.astro-SXFRZV7V) {
    margin-top: 4.125rem;
    margin-left: 16.375rem;
    width: 48.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .favorite-body:where(.astro-SXFRZV7V) {
    margin-top: 2.1875rem;
  }
}
.favorite-bodyTitle:where(.astro-SXFRZV7V) {
  font-weight: 600;
  font-feature-settings: normal;
}
.bAndroid:where(.astro-SXFRZV7V) .favorite-bodyTitle:where(.astro-SXFRZV7V) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .favorite-bodyTitle:where(.astro-SXFRZV7V) {
    font-size: 2.75rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .favorite-bodyTitle:where(.astro-SXFRZV7V) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
.favorite-bodyText:where(.astro-SXFRZV7V) {
  font-feature-settings: normal;
}
@media screen and (min-width: 768px) {
  .favorite-bodyText:where(.astro-SXFRZV7V) {
    margin-top: 2.375rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .favorite-bodyText:where(.astro-SXFRZV7V) {
    margin-top: 1.4375rem;
    line-height: 1.75;
    font-size: 0.75rem;
    letter-spacing: 0.015em;
  }
}
.LOtherInterviewSlider:where(.astro-4SYFS6M2) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LOtherInterviewSlider:where(.astro-4SYFS6M2) {
    padding-left: 5.625rem;
    margin-block: 5rem 4.375rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .LOtherInterviewSlider:where(.astro-4SYFS6M2) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .LOtherInterviewSlider:where(.astro-4SYFS6M2) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOtherInterviewSlider:where(.astro-4SYFS6M2) {
    padding-left: 1.875rem;
    margin-block: 2.25rem 3.125rem;
  }
}
.list:where(.astro-4SYFS6M2) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-4SYFS6M2) {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-4SYFS6M2) {
    margin-bottom: 3.875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-4SYFS6M2) {
    width: 21.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-4SYFS6M2) {
    flex-shrink: 0;
    width: 22.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-4SYFS6M2):not(:last-child) {
    margin-right: 2.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-4SYFS6M2):not(:last-child) {
    margin-right: 1.25rem;
  }
}
.link:where(.astro-4SYFS6M2) {
  position: relative;
  display: block;
}
[data-whatintent="mouse"] .link:where(.astro-4SYFS6M2):hover .photo:where(.astro-4SYFS6M2) {
  scale: 1.05;
}
.image:where(.astro-4SYFS6M2) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.photo:where(.astro-4SYFS6M2) {
  display: block;
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.title:where(.astro-4SYFS6M2) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .title:where(.astro-4SYFS6M2) {
    padding-block: 1.375rem 1.375rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-4SYFS6M2) {
    padding-block: 0.78125rem 0.90625rem;
    font-size: 1.0625rem;
    line-height: 1.4705882353;
    letter-spacing: 0.08em;
  }
}
.bottom:where(.astro-4SYFS6M2) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-4SYFS6M2) {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-4SYFS6M2) {
    padding-top: 0.875rem;
  }
}
.conts:where(.astro-4SYFS6M2) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-4SYFS6M2) {
    grid-row-gap: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-4SYFS6M2) {
    grid-row-gap: 0.5rem;
  }
}
.name:where(.astro-4SYFS6M2) {
  grid-area: 1/1/2/3;
  font-weight: 600;
}
.bAndroid:where(.astro-4SYFS6M2) .name:where(.astro-4SYFS6M2) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-4SYFS6M2) {
    font-size: 1.125rem;
  }
}
.position:where(.astro-4SYFS6M2) {
  position: relative;
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-4SYFS6M2) {
    padding-right: 0.625rem;
    margin-right: 0.625rem;
  }
}
.position:where(.astro-4SYFS6M2):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 1px;
  background: rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .position:where(.astro-4SYFS6M2):after {
    height: 0.625rem;
  }
}
.joined:where(.astro-4SYFS6M2) {
  grid-area: 2/2/3/3;
}
.progress:where(.astro-4SYFS6M2) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4SYFS6M2) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4SYFS6M2) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-4SYFS6M2) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}
@media screen and (min-width: 768px) {
  .LOtherInterviewSlider:where(.astro-VHIMTKGO) {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOtherInterviewSlider:where(.astro-VHIMTKGO) {
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-VHIMTKGO) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-VHIMTKGO) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-VHIMTKGO) {
    margin-bottom: 7.25rem;
  }
}
.link:where(.astro-VHIMTKGO) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-VHIMTKGO) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-VHIMTKGO) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .interviewDetail:where(.astro-HFIZKQGT) {
    padding-top: 15.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-HFIZKQGT) {
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-HFIZKQGT) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-HFIZKQGT) {
    margin-top: 4.375rem;
  }
}
.LSectionTitle:where(.astro-5FVFRMLM) {
  position: relative;
}
.inner:where(.astro-5FVFRMLM) {
  position: relative;
  display: flex;
  flex-direction: column;
}
.-right:where(.astro-5FVFRMLM) .inner:where(.astro-5FVFRMLM) {
  align-items: flex-end;
}
.title-en:where(.astro-5FVFRMLM) {
  display: flex;
  flex-direction: column;
}
.line:where(.astro-5FVFRMLM) {
  display: flex;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-5FVFRMLM) {
    height: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-5FVFRMLM) + .line:where(.astro-5FVFRMLM) {
    margin-top: -0.0625rem;
  }
}
.-right:where(.astro-5FVFRMLM) .line:where(.astro-5FVFRMLM) {
  justify-content: flex-end;
}
.chars:where(.astro-5FVFRMLM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  display: inline-flex;
  text-transform: uppercase;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .chars:where(.astro-5FVFRMLM) {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chars:where(.astro-5FVFRMLM) {
    font-size: 2.5rem;
  }
}
.charWrap:where(.astro-5FVFRMLM) {
  overflow: hidden;
}
.char:where(.astro-5FVFRMLM) {
  display: inline-block;
  transform: translate(-1em);
}
.title-ja:where(.astro-5FVFRMLM) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-5FVFRMLM) .title-ja:where(.astro-5FVFRMLM) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-5FVFRMLM) {
    font-size: 2.5rem;
    letter-spacing: 0.05em;
    margin-top: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-5FVFRMLM) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    margin-top: 1.25rem;
    margin-right: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) {
    padding-top: 10.4375rem;
  }
  .management_plan .news:where(.astro-DNKRB253) {
    padding-top: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) {
    padding-top: 5.9375rem;
  }
	.management_plan .news:where(.astro-DNKRB253) {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .title:where(.astro-DNKRB253) .title-ja {
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .title:where(.astro-DNKRB253) .title-ja {
    letter-spacing: 0.09em;
    margin-top: 0.59375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) {
    margin-top: 4.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) {
    margin-top: 2.375rem;
  }
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item:where(.astro-DNKRB253) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item:where(.astro-DNKRB253):last-child {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-link:where(.astro-DNKRB253) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-link:where(.astro-DNKRB253) {
    display: flex;
    align-items: center;
    padding-block: 2.5rem;
  }
  .news:where(.astro-DNKRB253)
    .list:where(.astro-DNKRB253)
    .item-link:where(.astro-DNKRB253)
    .item-date:where(.astro-DNKRB253),
  .news:where(.astro-DNKRB253)
    .list:where(.astro-DNKRB253)
    .item-link:where(.astro-DNKRB253)
    .item-type:where(.astro-DNKRB253),
  .news:where(.astro-DNKRB253)
    .list:where(.astro-DNKRB253)
    .item-link:where(.astro-DNKRB253)
    .item-text:where(.astro-DNKRB253),
  .news:where(.astro-DNKRB253)
    .list:where(.astro-DNKRB253)
    .item-link:where(.astro-DNKRB253)
    .item-icon-text:where(.astro-DNKRB253) {
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-link:where(.astro-DNKRB253) {
    display: block;
    padding-block: 2.3125rem 1.875rem;
  }
}
[data-whatintent="mouse"]
  .news:where(.astro-DNKRB253)
  .list:where(.astro-DNKRB253)
  .item-link:where(.astro-DNKRB253):hover
  .item-date:where(.astro-DNKRB253),
[data-whatintent="mouse"]
  .news:where(.astro-DNKRB253)
  .list:where(.astro-DNKRB253)
  .item-link:where(.astro-DNKRB253):hover
  .item-type:where(.astro-DNKRB253),
[data-whatintent="mouse"]
  .news:where(.astro-DNKRB253)
  .list:where(.astro-DNKRB253)
  .item-link:where(.astro-DNKRB253):hover
  .item-text:where(.astro-DNKRB253),
[data-whatintent="mouse"]
  .news:where(.astro-DNKRB253)
  .list:where(.astro-DNKRB253)
  .item-link:where(.astro-DNKRB253):hover
  .item-icon-text:where(.astro-DNKRB253) {
  opacity: 0.5;
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-date:where(.astro-DNKRB253) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-date:where(.astro-DNKRB253) {
    font-size: 1.125rem;
    margin-right: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-date:where(.astro-DNKRB253) {
    font-size: 0.875rem;
    margin-right: 0.5rem;
  }
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-type:where(.astro-DNKRB253) {
  border: 1px solid #f4f9fd;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-type:where(.astro-DNKRB253) {
    font-size: 0.75rem;
    padding: 0.625rem 1.875rem;
    border-radius: 1.25rem;
    margin-right: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-type:where(.astro-DNKRB253) {
    font-size: 0.75rem;
    padding: 0.3125rem 0.78125rem;
    border-radius: 1.5625rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-text:where(.astro-DNKRB253) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-text:where(.astro-DNKRB253) {
    margin-top: 1.5625rem;
    font-size: 0.75rem;
    letter-spacing: 0.03em;
  }
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon:where(.astro-DNKRB253) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon:where(.astro-DNKRB253) {
    position: absolute;
    right: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon:where(.astro-DNKRB253) {
    margin-top: 0.625rem;
    justify-content: flex-end;
  }
}
.news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon-text:where(.astro-DNKRB253) {
  font-weight: 400;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon-text:where(.astro-DNKRB253) {
    font-size: 1.125rem;
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon-text:where(.astro-DNKRB253) {
    font-size: 0.8125rem;
    margin-right: 0.34375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon:where(.astro-DNKRB253) .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .list:where(.astro-DNKRB253) .item-icon:where(.astro-DNKRB253) svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) {
    margin-top: 4.375rem;
    width: 13.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.375rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) .texts {
    margin-right: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) .texts {
    margin-right: 1.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) .en {
    margin-bottom: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) .en {
    letter-spacing: -0.025em;
  }
}
@media screen and (min-width: 768px) {
  .news:where(.astro-DNKRB253) .link:where(.astro-DNKRB253) .ja {
    margin-left: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LShareholder:where(.astro-Z3CFSRWP) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LShareholder:where(.astro-Z3CFSRWP) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LShareholder:where(.astro-Z3CFSRWP) {
    padding-top: 10.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LShareholder:where(.astro-Z3CFSRWP) {
    margin-top: 5.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-Z3CFSRWP) .title-ja {
    margin-top: 1.3125rem;
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-Z3CFSRWP) .title-ja {
    margin-top: 0.625rem;
  }
}
.linkList:where(.astro-Z3CFSRWP) {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: row;
}
@media screen and (min-width: 768px) {
  .linkList:where(.astro-Z3CFSRWP) {
    gap: 0.6875rem;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkList:where(.astro-Z3CFSRWP) {
    gap: 0.3125rem;
    margin-top: 3.1875rem;
  }
}
.linkWrap:where(.astro-Z3CFSRWP) {
  overflow: hidden;
  position: relative;
}
[data-whatintent="mouse"] .linkWrap:where(.astro-Z3CFSRWP):hover .image:where(.astro-Z3CFSRWP) {
  scale: 1.07;
}
.link-sh:where(.astro-Z3CFSRWP) {
  color: #f4f9fd;
}
@media screen and (min-width: 768px) {
  .link-sh:where(.astro-Z3CFSRWP) {
    width: 23.75rem;
    height: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-sh:where(.astro-Z3CFSRWP) {
    width: 100%;
    height: 8.125rem;
  }
}
.link-sh:where(.astro-Z3CFSRWP) img:where(.astro-Z3CFSRWP) {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.link-sh:where(.astro-Z3CFSRWP) .circle:where(.astro-Z3CFSRWP) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .link-sh:where(.astro-Z3CFSRWP) .circle:where(.astro-Z3CFSRWP) {
    bottom: 1.25rem;
    right: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-sh:where(.astro-Z3CFSRWP) .circle:where(.astro-Z3CFSRWP) {
    bottom: 1.25rem;
    right: 1.125rem;
  }
}
.titleJp:where(.astro-Z3CFSRWP) {
  position: absolute;
  font-weight: 600;
  z-index: 2;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-Z3CFSRWP) .titleJp:where(.astro-Z3CFSRWP) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .titleJp:where(.astro-Z3CFSRWP) {
    top: 1.875rem;
    left: 1.875rem;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleJp:where(.astro-Z3CFSRWP) {
    top: 1.875rem;
    left: 1.8125rem;
    font-size: 1.0625rem;
    letter-spacing: 0.05em;
  }
}
.imgBG:where(.astro-Z3CFSRWP) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) {
    margin-top: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP) {
    margin-top: 6.25rem;
  }
}
.relatedLink:where(.astro-Z3CFSRWP) .title:where(.astro-Z3CFSRWP) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .title:where(.astro-Z3CFSRWP) {
    padding-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP) .title:where(.astro-Z3CFSRWP) {
    padding-bottom: 0.9375rem;
  }
}
.relatedLink:where(.astro-Z3CFSRWP) .title-en:where(.astro-Z3CFSRWP) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .title-en:where(.astro-Z3CFSRWP) {
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .title-jp:where(.astro-Z3CFSRWP) {
    font-size: 0.875rem;
    margin-left: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) {
    display: flex;
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) .item:where(.astro-Z3CFSRWP) {
    padding-top: 0.4375rem;
    width: 24.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) .item:where(.astro-Z3CFSRWP) {
    padding-top: 1.53125rem;
    padding-bottom: 1.03125rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) .item:where(.astro-Z3CFSRWP):nth-of-type(2) {
    width: 26.25rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) .item:where(.astro-Z3CFSRWP):nth-of-type(3) {
    width: 22.5rem;
  }
}
.relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) .item-link:where(.astro-Z3CFSRWP) {
  display: flex;
  position: relative;
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP) .list:where(.astro-Z3CFSRWP) .item-link:where(.astro-Z3CFSRWP) {
    align-items: center;
    gap: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .img:where(.astro-Z3CFSRWP) {
    width: 11.875rem;
    height: 7.375rem;
    margin-right: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .img:where(.astro-Z3CFSRWP) {
    width: 9.1875rem;
    height: 5.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .text:where(.astro-Z3CFSRWP) {
    padding-top: 1.1875rem;
  }
}
.relatedLink:where(.astro-Z3CFSRWP)
  .list:where(.astro-Z3CFSRWP)
  .item:where(.astro-Z3CFSRWP)
  .text-en:where(.astro-Z3CFSRWP) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .text-en:where(.astro-Z3CFSRWP) {
    font-size: 1.25rem;
    letter-spacing: -0.025em;
    line-height: 1.3;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .text-en:where(.astro-Z3CFSRWP) {
    font-size: 0.9375rem;
    letter-spacing: -0.025em;
  }
}
.relatedLink:where(.astro-Z3CFSRWP)
  .list:where(.astro-Z3CFSRWP)
  .item:where(.astro-Z3CFSRWP)
  .text-jp:where(.astro-Z3CFSRWP) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .text-jp:where(.astro-Z3CFSRWP) {
    font-size: 0.875rem;
    margin-right: 0.625rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .text-jp:where(.astro-Z3CFSRWP) {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
.relatedLink:where(.astro-Z3CFSRWP)
  .list:where(.astro-Z3CFSRWP)
  .item:where(.astro-Z3CFSRWP)
  .link:where(.astro-Z3CFSRWP) {
  display: flex;
  align-items: center;
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .link:where(.astro-Z3CFSRWP) {
    margin-top: 0.9375rem;
    padding: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .link:where(.astro-Z3CFSRWP) {
    margin-top: 1.25rem;
    gap: 0.3125rem;
  }
}
[data-whatintent="mouse"]
  .relatedLink:where(.astro-Z3CFSRWP)
  .list:where(.astro-Z3CFSRWP)
  .item:where(.astro-Z3CFSRWP)
  .link:where(.astro-Z3CFSRWP):hover
  .text-jp:where(.astro-Z3CFSRWP) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .link:where(.astro-Z3CFSRWP):nth-of-type(2) {
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .link:where(.astro-Z3CFSRWP):nth-of-type(2) {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .CWhiteArrow:where(.astro-Z3CFSRWP) {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .relatedLink:where(.astro-Z3CFSRWP)
    .list:where(.astro-Z3CFSRWP)
    .item:where(.astro-Z3CFSRWP)
    .CWhiteArrow:where(.astro-Z3CFSRWP)
    svg {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) {
    padding-top: 10.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) {
    padding-top: 5.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) .title:where(.astro-GJON5ROT) .title-en {
    margin-right: -0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .title:where(.astro-GJON5ROT) .title-en {
    margin-right: -0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) .title:where(.astro-GJON5ROT) .title-ja {
    margin-top: 1.25rem;
    margin-right: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .title:where(.astro-GJON5ROT) .title-ja {
    letter-spacing: 0.09em;
    margin-top: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) {
    margin-top: 6.25rem;
    margin-botom: 11.25rem;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 6.5rem 4.625rem;
    grid-template-areas: "areaA areaB areaC" "areaD areaD areaC";
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) {
    margin-top: 3.75rem;
  }
}
.LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .item-titleJa:where(.astro-GJON5ROT) {
  display: block;
  font-weight: 600;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.bAndroid:where(.astro-GJON5ROT)
  .LInfo:where(.astro-GJON5ROT)
  .container:where(.astro-GJON5ROT)
  .item-titleJa:where(.astro-GJON5ROT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .item-titleJa:where(.astro-GJON5ROT) {
    font-size: 1.75rem;
    padding-top: 1.875rem;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .item-titleJa:where(.astro-GJON5ROT) {
    font-size: 1.3125rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemA:where(.astro-GJON5ROT) {
  grid-area: areaA;
}
.LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemB:where(.astro-GJON5ROT) {
  grid-area: areaB;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemB:where(.astro-GJON5ROT) {
    margin-top: 3.5625rem;
  }
}
.LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemC:where(.astro-GJON5ROT) {
  grid-area: areaC;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemC:where(.astro-GJON5ROT) {
    margin-top: 3.5rem;
  }
}
.LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemD:where(.astro-GJON5ROT) {
  grid-area: areaD;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .itemD:where(.astro-GJON5ROT) {
    margin-top: 3.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .list-area:where(.astro-GJON5ROT) {
    display: flex;
  }
}
.LInfo:where(.astro-GJON5ROT)
  .container:where(.astro-GJON5ROT)
  .list:where(.astro-GJON5ROT)
  .item:where(.astro-GJON5ROT) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.LInfo:where(.astro-GJON5ROT)
  .container:where(.astro-GJON5ROT)
  .list:where(.astro-GJON5ROT)
  .item:where(.astro-GJON5ROT):last-child {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT)
    .container:where(.astro-GJON5ROT)
    .list:where(.astro-GJON5ROT)
    .item-circle:where(.astro-GJON5ROT) {
    margin-top: 0.625rem;
    margin-bottom: 0.575rem;
  }
}
.LInfo:where(.astro-GJON5ROT)
  .container:where(.astro-GJON5ROT)
  .list:where(.astro-GJON5ROT)
  .item-link:where(.astro-GJON5ROT) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT)
    .container:where(.astro-GJON5ROT)
    .list:where(.astro-GJON5ROT)
    .item-link:where(.astro-GJON5ROT) {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
[data-whatintent="mouse"]
  .LInfo:where(.astro-GJON5ROT)
  .container:where(.astro-GJON5ROT)
  .list:where(.astro-GJON5ROT)
  .item-link:where(.astro-GJON5ROT):hover
  .item-text:where(.astro-GJON5ROT) {
  opacity: 0.5;
}
.LInfo:where(.astro-GJON5ROT)
  .container:where(.astro-GJON5ROT)
  .list:where(.astro-GJON5ROT)
  .item-text:where(.astro-GJON5ROT) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT)
    .container:where(.astro-GJON5ROT)
    .list:where(.astro-GJON5ROT)
    .item-text:where(.astro-GJON5ROT) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT)
    .container:where(.astro-GJON5ROT)
    .list:where(.astro-GJON5ROT)
    .item-text:where(.astro-GJON5ROT) {
    font-size: 0.875rem;
    letter-spacing: 0.03em;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-GJON5ROT) .container:where(.astro-GJON5ROT) .list-d:where(.astro-GJON5ROT) {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 5rem 4.625rem;
    grid-template-areas: "listA listB ";
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-GJON5ROT)
    .container:where(.astro-GJON5ROT)
    .listA:where(.astro-GJON5ROT)
    .item:where(.astro-GJON5ROT):last-child {
    border-bottom: none;
  }
}
.LMovie:where(.astro-ORBPU2IF) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .LMovie:where(.astro-ORBPU2IF) {
    padding-top: 12rem;
  }
  .ir_movie .LMovie:where(.astro-ORBPU2IF) {
    padding-top: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .LMovie:where(.astro-ORBPU2IF) {
    padding-top: 10.375rem;
  }
  .ir_movie .LMovie:where(.astro-ORBPU2IF) {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-ORBPU2IF) {
    margin-inline: 21.375rem;
    transition: margin 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-ORBPU2IF) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  body.-isShrink .content:where(.astro-ORBPU2IF) {
    transition: margin 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  body.-isShrink .content:where(.astro-ORBPU2IF) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  body.-isShrink .content:where(.astro-ORBPU2IF) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  body.-isShrink .image:where(.astro-ORBPU2IF) {
    width: 33.125rem;
    transition: width 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-ORBPU2IF) {
    display: flex;
    justify-content: space-between;
    column-gap: 2.875rem;
  }
}
.title:where(.astro-ORBPU2IF) {
  display: flex;
}
.title-en:where(.astro-ORBPU2IF) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-ORBPU2IF) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-ORBPU2IF) {
    font-size: 1.3125rem;
  }
}
.title-ja:where(.astro-ORBPU2IF) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-ORBPU2IF) {
    font-size: 1.125rem;
    margin-top: 0.375rem;
    margin-left: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-ORBPU2IF) {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    margin-left: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-ORBPU2IF) + .item:where(.astro-ORBPU2IF) {
    margin-top: 3.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .image:where(.astro-ORBPU2IF) {
    margin-top: 2.875rem;
    width: 26.875rem;
    height: 18.75rem;
    transition: width 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-ORBPU2IF) {
    margin-top: 1.6875rem;
    width: 100%;
    height: 12.5rem;
  }
}
.image:where(.astro-ORBPU2IF) img:where(.astro-ORBPU2IF) {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.bottom:where(.astro-ORBPU2IF) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-ORBPU2IF) {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-ORBPU2IF) {
    margin-top: 1.25rem;
  }
}
.link:where(.astro-ORBPU2IF) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .link:where(.astro-ORBPU2IF) {
    padding-block: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-ORBPU2IF) {
    padding-block: 0.75rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-ORBPU2IF):hover .link-text:where(.astro-ORBPU2IF) {
  opacity: 0.5;
}
.link-text:where(.astro-ORBPU2IF) {
  transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1);
  font-size: 0.75rem;
}
@media screen and (min-width: 768px) {
  .link-text:where(.astro-ORBPU2IF) {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .link-arrow:where(.astro-ORBPU2IF) {
    margin-right: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-arrow:where(.astro-ORBPU2IF) {
    margin-right: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .LDocument:where(.astro-U52IKUPS) {
    padding-top: 10.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LDocument:where(.astro-U52IKUPS) {
    padding-top: 6.25rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-U52IKUPS) {
    margin-right: -0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-U52IKUPS) .title-ja {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-U52IKUPS) .title-ja {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-U52IKUPS) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-U52IKUPS) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-U52IKUPS) {
    display: flex;
    flex-wrap: wrap;
    column-gap: 6.25rem;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-U52IKUPS) {
    margin-top: 2.5rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-U52IKUPS) {
    width: 33.125rem;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-U52IKUPS) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-U52IKUPS):first-child,
  .item:where(.astro-U52IKUPS):nth-child(2) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.item-content:where(.astro-U52IKUPS) {
  display: flex;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.item-link:where(.astro-U52IKUPS) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .item-link:where(.astro-U52IKUPS) {
    padding-block: 2.625rem 2.5rem;
    padding-right: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-link:where(.astro-U52IKUPS) {
    padding-block: 1.25rem;
  }
}
[data-whatintent="mouse"] .item-link:where(.astro-U52IKUPS):hover .item-content:where(.astro-U52IKUPS),
[data-whatintent="mouse"] .item-link:where(.astro-U52IKUPS):hover .item-arrowText:where(.astro-U52IKUPS) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .item-date:where(.astro-U52IKUPS) {
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .item-date:where(.astro-U52IKUPS),
  .item-text:where(.astro-U52IKUPS) {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .item-date:where(.astro-U52IKUPS),
  .item-text:where(.astro-U52IKUPS) {
    letter-spacing: 0.03em;
  }
}
.item-arrow:where(.astro-U52IKUPS) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .item-arrow:where(.astro-U52IKUPS) .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .item-arrow:where(.astro-U52IKUPS) svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-arrow:where(.astro-U52IKUPS) svg {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
.item-arrowText:where(.astro-U52IKUPS) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .item-arrowText:where(.astro-U52IKUPS) {
    font-size: 1.125rem;
    margin-right: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item-arrowText:where(.astro-U52IKUPS) {
    font-size: 0.8125rem;
    margin-top: 0.0625rem;
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .LRelatedLinks:where(.astro-X3DXKHL6) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LRelatedLinks:where(.astro-X3DXKHL6) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LRelatedLinks:where(.astro-X3DXKHL6) {
    padding-top: 9rem;
    margin-bottom: 11rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LRelatedLinks:where(.astro-X3DXKHL6) {
    padding-top: 7.03125rem;
    margin-bottom: 5.625rem;
  }
}
.title:where(.astro-X3DXKHL6) {
  display: flex;
  align-items: center;
}
.title-en:where(.astro-X3DXKHL6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-X3DXKHL6) {
    font-size: 2rem;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-X3DXKHL6) {
    font-size: 1.0625rem;
  }
}
.title-ja:where(.astro-X3DXKHL6) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .title-ja:where(.astro-X3DXKHL6) {
    margin-bottom: 0.125rem;
    margin-left: 1.9375rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-ja:where(.astro-X3DXKHL6) {
    font-size: 0.75rem;
    margin-top: 0.125rem;
    margin-left: 0.9375rem;
  }
}
.list:where(.astro-X3DXKHL6) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .list:where(.astro-X3DXKHL6) {
    display: flex;
    column-gap: 0.6875rem;
    margin-top: 1.625rem;
    padding-top: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-X3DXKHL6) {
    margin-top: 0.75rem;
    padding-top: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-X3DXKHL6) + .item:where(.astro-X3DXKHL6) {
    margin-top: 0.3125rem;
  }
}
.link:where(.astro-X3DXKHL6) {
  position: relative;
  display: block;
}
[data-whatintent="mouse"] .link:where(.astro-X3DXKHL6):hover .image:where(.astro-X3DXKHL6) img:where(.astro-X3DXKHL6) {
  transform: scale(1.07);
}
.image:where(.astro-X3DXKHL6) {
  overflow: hidden;
}
.image:where(.astro-X3DXKHL6) img:where(.astro-X3DXKHL6) {
  transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.text:where(.astro-X3DXKHL6) {
  position: absolute;
  color: #fff;
  font-feature-settings: initial;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.bAndroid:where(.astro-X3DXKHL6) .text:where(.astro-X3DXKHL6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-X3DXKHL6) {
    font-size: 1.375rem;
    top: 1.875rem;
    left: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-X3DXKHL6) {
    font-size: 1.0625rem;
    top: 1.875rem;
    left: 1.875rem;
  }
}
.arrow:where(.astro-X3DXKHL6) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .arrow:where(.astro-X3DXKHL6) {
    bottom: 1.25rem;
    right: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .arrow:where(.astro-X3DXKHL6) {
    bottom: 1.25rem;
    right: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .ir:where(.astro-MEVRHH6P) {
    padding-top: 22.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .ir:where(.astro-MEVRHH6P) {
    padding-top: 14.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-MEVRHH6P) {
    display: flex;
    align-items: flex-end;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-MEVRHH6P) {
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-MEVRHH6P) .CPageTitle:where(.astro-MEVRHH6P) {
    margin-bottom: 0;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-MEVRHH6P) .CPageTitle:where(.astro-MEVRHH6P) {
    margin-left: -0.125rem;
    margin-bottom: 4.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .nav:where(.astro-MEVRHH6P) {
    margin-left: 10.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .nav:where(.astro-MEVRHH6P) {
    margin-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .nav:where(.astro-MEVRHH6P) .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .nav:where(.astro-MEVRHH6P) .CWhiteArrow {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .nav:where(.astro-MEVRHH6P) svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-MEVRHH6P) {
    margin-left: auto;
  }
}
.LPageTitle:where(.astro-EURLZJ45) {
  position: relative;
}
.inner:where(.astro-EURLZJ45) {
  position: relative;
}
.title-en:where(.astro-EURLZJ45) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title-en:where(.astro-EURLZJ45) {
    font-size: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title-en:where(.astro-EURLZJ45) {
    font-size: 3.75rem;
  }
}
.position:where(.astro-EURLZJ45) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-EURLZJ45) {
    font-size: 1.375rem;
    margin-top: 1.375rem;
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-EURLZJ45) {
    margin-top: 0.8125rem;
    margin-left: 0.25rem;
    font-size: 0.875rem;
  }
}
.LCredo:where(.astro-4UZI5ZAT) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .LCredo:where(.astro-4UZI5ZAT) {
    margin-top: -16.75rem;
    margin-left: 34.25rem;
    padding-top: 7.3125rem;
    padding-left: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCredo:where(.astro-4UZI5ZAT) {
    margin-top: -4.8125rem;
    margin-right: 1.875rem;
    margin-left: 3.6875rem;
    padding-top: 2.5rem;
    padding-left: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-4UZI5ZAT) {
    width: 39.75rem;
  }
}
.headEn:where(.astro-4UZI5ZAT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .headEn:where(.astro-4UZI5ZAT) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headEn:where(.astro-4UZI5ZAT) {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .headJa:where(.astro-4UZI5ZAT) {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headJa:where(.astro-4UZI5ZAT) {
    margin-top: 0.5rem;
  }
}
.title:where(.astro-4UZI5ZAT) {
  font-weight: 600;
}
.bAndroid:where(.astro-4UZI5ZAT) .title:where(.astro-4UZI5ZAT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-4UZI5ZAT) {
    font-size: 2.5rem;
    line-height: 1.65;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-4UZI5ZAT) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    margin-top: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-4UZI5ZAT) {
    font-feature-settings: initial;
    line-height: 2;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-4UZI5ZAT) {
    margin-top: 1.25rem;
    line-height: 1.75;
    text-align: justify;
  }
}
.link:where(.astro-4UZI5ZAT) {
  display: flex;
  justify-content: right;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-4UZI5ZAT) {
    margin-top: 4.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-4UZI5ZAT) {
    margin-top: 2.125rem;
  }
}
.linkInner:where(.astro-4UZI5ZAT) {
  display: inline-flex;
}
[data-whatintent="mouse"] .linkInner:where(.astro-4UZI5ZAT):hover .linkText:where(.astro-4UZI5ZAT) {
  opacity: 0.5;
}
.linkText:where(.astro-4UZI5ZAT) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.textEn:where(.astro-4UZI5ZAT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .textEn:where(.astro-4UZI5ZAT) {
    font-size: 1.5rem;
    margin-top: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textEn:where(.astro-4UZI5ZAT) {
    font-size: 1.3125rem;
    margin-top: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .textJa:where(.astro-4UZI5ZAT) {
    margin-top: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textJa:where(.astro-4UZI5ZAT) {
    margin-top: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-4UZI5ZAT) {
    margin-left: 2.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-4UZI5ZAT) {
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LKv:where(.astro-D3SVALYJ) {
    margin-top: 3.625rem;
  }
}
.content:where(.astro-D3SVALYJ) {
  position: relative;
}
.LKvImage:where(.astro-D3SVALYJ) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LKvImage:where(.astro-D3SVALYJ) {
    width: 83.75rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvImage:where(.astro-D3SVALYJ) {
    width: 24rem;
    height: 25rem;
  }
}
@media screen and (min-width: 768px) {
  .LKvImage-photo:where(.astro-D3SVALYJ) {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvImage-photo:where(.astro-D3SVALYJ) {
    width: 38.8125rem;
    height: auto;
  }
}
.LParagraph:where(.astro-P22DA7LY) {
  overflow: hidden;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .LParagraph:where(.astro-P22DA7LY) {
    padding-top: 10.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LParagraph:where(.astro-P22DA7LY) {
    padding-top: 6.25rem;
  }
}
.image:where(.astro-P22DA7LY) {
  position: relative;
  z-index: 1;
}
.image-inner:where(.astro-P22DA7LY) {
  height: auto;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-P22DA7LY) {
    margin-left: 12.25rem;
    width: 87.75rem;
    height: 53.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-P22DA7LY) {
    width: 100%;
    height: 25.875rem;
  }
}
.image-inner:where(.astro-P22DA7LY) img:where(.astro-P22DA7LY) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content:where(.astro-P22DA7LY) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-P22DA7LY) {
    padding-top: 13.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-P22DA7LY) {
    padding-top: 4.5rem;
  }
}
.paragraph:where(.astro-P22DA7LY) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-P22DA7LY) + .paragraph:where(.astro-P22DA7LY) {
    padding-top: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .paragraph:where(.astro-P22DA7LY) + .paragraph:where(.astro-P22DA7LY) {
    padding-top: 4.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-P22DA7LY).-reverse .inner:where(.astro-P22DA7LY) {
    flex-direction: row-reverse;
    justify-content: left;
  }
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-P22DA7LY).-reverse .index:where(.astro-P22DA7LY) {
    text-align: right;
  }
  .paragraph:where(.astro-P22DA7LY).-reverse .index:where(.astro-P22DA7LY):before {
    right: 0;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-P22DA7LY) {
    display: flex;
    margin-inline: 25.75rem 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-P22DA7LY) {
    margin-inline: 3.875rem;
  }
}
.index:where(.astro-P22DA7LY) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-P22DA7LY) {
    width: 25.125rem;
  }
}
.index-lead:where(.astro-P22DA7LY) {
  font-weight: 600;
}
.bAndroid:where(.astro-P22DA7LY) .index-lead:where(.astro-P22DA7LY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index-lead:where(.astro-P22DA7LY) {
    font-size: 1.5rem;
    line-height: 1.4166666667;
    padding-top: 7.125rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-lead:where(.astro-P22DA7LY) {
    font-size: 0.9375rem;
    line-height: 1.4;
    padding-top: 3.5625rem;
  }
}
.index:where(.astro-P22DA7LY):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-P22DA7LY):before {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-P22DA7LY):before {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .main:where(.astro-P22DA7LY) {
    width: 31.5rem;
    margin-top: 6.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-P22DA7LY) {
    margin-top: 2.4375rem;
  }
}
.title:where(.astro-P22DA7LY) {
  font-weight: 600;
}
.bAndroid:where(.astro-P22DA7LY) .title:where(.astro-P22DA7LY) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-P22DA7LY) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-P22DA7LY) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-P22DA7LY) {
    margin-top: 3.125rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-P22DA7LY) {
    margin-top: 1.3125rem;
    line-height: 1.75;
  }
}
.marqueeWrap:where(.astro-P22DA7LY) {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.marquee:where(.astro-P22DA7LY) {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-P22DA7LY) {
    margin-left: 12.1875rem;
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-P22DA7LY) {
    width: 100%;
    height: 7rem;
  }
}
.marquee:where(.astro-P22DA7LY).-active {
  opacity: 1;
}
.marqueeInner:where(.astro-P22DA7LY) {
  display: flex;
  align-items: center;
}
.marqueeText:where(.astro-P22DA7LY) {
  fill: transparent;
  stroke: #fff;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-P22DA7LY) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-P22DA7LY) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LQuestion:where(.astro-3BLNEWNK) {
    padding-top: 14.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LQuestion:where(.astro-3BLNEWNK) {
    padding-top: 4.6875rem;
  }
}
.image:where(.astro-3BLNEWNK) {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-3BLNEWNK) {
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-3BLNEWNK) {
    height: 17.25rem;
  }
}
.image:where(.astro-3BLNEWNK) img:where(.astro-3BLNEWNK) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-3BLNEWNK) img:where(.astro-3BLNEWNK) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-3BLNEWNK) img:where(.astro-3BLNEWNK) {
    height: 20.375rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-3BLNEWNK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-3BLNEWNK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-3BLNEWNK) {
    padding-top: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-3BLNEWNK) {
    padding-top: 7.5rem;
  }
}
.question:where(.astro-3BLNEWNK) {
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .question:where(.astro-3BLNEWNK) {
    padding-top: 9.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question:where(.astro-3BLNEWNK) {
    padding-top: 5.125rem;
  }
}
@media screen and (min-width: 768px) {
  .question:where(.astro-3BLNEWNK) + .question:where(.astro-3BLNEWNK) {
    padding-top: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question:where(.astro-3BLNEWNK) + .question:where(.astro-3BLNEWNK) {
    padding-top: 4.5rem;
  }
}
.question-index:where(.astro-3BLNEWNK) {
  display: flex;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .question-index:where(.astro-3BLNEWNK) {
    padding-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-index:where(.astro-3BLNEWNK) {
    padding-bottom: 0.9375rem;
  }
}
.question-q:where(.astro-3BLNEWNK) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .question-q:where(.astro-3BLNEWNK) {
    letter-spacing: -0.025em;
    width: 16.5rem;
    font-size: 1.5rem;
    margin-top: 0.25rem;
    margin-left: -0.125rem;
  }
}
.question-num:where(.astro-3BLNEWNK) {
  position: relative;
}
.question-num:where(.astro-3BLNEWNK):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .question-num:where(.astro-3BLNEWNK):before {
    top: 0.375rem;
    left: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-num:where(.astro-3BLNEWNK):before {
    left: 0.125rem;
  }
}
.question-indexTitle:where(.astro-3BLNEWNK) {
  font-weight: 600;
}
.bAndroid:where(.astro-3BLNEWNK) .question-indexTitle:where(.astro-3BLNEWNK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .question-indexTitle:where(.astro-3BLNEWNK) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-indexTitle:where(.astro-3BLNEWNK) {
    margin-left: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .question-answer:where(.astro-3BLNEWNK) {
    margin-top: 4.125rem;
    margin-left: 16.375rem;
    width: 48.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .question-answer:where(.astro-3BLNEWNK) {
    margin-top: 2.1875rem;
  }
}
.question-answerTitle:where(.astro-3BLNEWNK) {
  font-weight: 600;
}
.bAndroid:where(.astro-3BLNEWNK) .question-answerTitle:where(.astro-3BLNEWNK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .question-answerTitle:where(.astro-3BLNEWNK) {
    font-size: 2.75rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .question-answerTitle:where(.astro-3BLNEWNK) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .question-answerText:where(.astro-3BLNEWNK) {
    margin-top: 2.375rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .question-answerText:where(.astro-3BLNEWNK) {
    margin-top: 1.4375rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .LProjects:where(.astro-O4IIMGBF) {
    padding-top: 13.375rem;
    margin-bottom: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjects:where(.astro-O4IIMGBF) {
    padding-top: 7.5rem;
    margin-bottom: 3.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-O4IIMGBF) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-O4IIMGBF) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-O4IIMGBF) {
    padding-top: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-O4IIMGBF) {
    margin-bottom: 3.125rem;
  }
}
.backTo:where(.astro-O4IIMGBF) {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .backTo:where(.astro-O4IIMGBF) {
    margin-top: 4.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .backTo:where(.astro-O4IIMGBF) .CLink:where(.astro-O4IIMGBF) .en {
    letter-spacing: 0em;
  }
}
@media screen and (min-width: 768px) {
  .memberDetail:where(.astro-BNO5UDUV) {
    padding-top: 15.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-BNO5UDUV) {
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-BNO5UDUV) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-BNO5UDUV) {
    margin-top: 4.375rem;
  }
}
.CSlider:where(.astro-VVHLYT5D) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CSlider:where(.astro-VVHLYT5D) {
    padding-left: 5.625rem;
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .CSlider:where(.astro-VVHLYT5D) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .CSlider:where(.astro-VVHLYT5D) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSlider:where(.astro-VVHLYT5D) {
    padding-left: 1.875rem;
    margin-top: 2.5rem;
  }
}
.list:where(.astro-VVHLYT5D) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-VVHLYT5D) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-VVHLYT5D) {
    margin-bottom: 3.125rem;
  }
}
.item:where(.astro-VVHLYT5D) {
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-VVHLYT5D) {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-VVHLYT5D):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-VVHLYT5D):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.link:where(.astro-VVHLYT5D) {
  position: relative;
  display: block;
}
.image:where(.astro-VVHLYT5D) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-VVHLYT5D) {
    width: 56.25rem;
    height: 37.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-VVHLYT5D) {
    width: 22.125rem;
    height: 27.625rem;
  }
}
.image:where(.astro-VVHLYT5D) img:where(.astro-VVHLYT5D) {
  position: relative;
  left: -5%;
  width: 110%;
  height: 110%;
  object-fit: cover;
}
.overlay:where(.astro-VVHLYT5D) {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: 0.7;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.conts:where(.astro-VVHLYT5D) {
  position: absolute;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-VVHLYT5D) {
    bottom: 2.5rem;
    left: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-VVHLYT5D) {
    left: 1.5625rem;
    bottom: 1.5625rem;
    right: 1.5625rem;
  }
}
.nameEn:where(.astro-VVHLYT5D) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameEn:where(.astro-VVHLYT5D) {
    margin-bottom: 1rem;
    font-size: 4rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameEn:where(.astro-VVHLYT5D) {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
  }
}
.nameJa:where(.astro-VVHLYT5D) {
  font-weight: 600;
}
.bAndroid:where(.astro-VVHLYT5D) .nameJa:where(.astro-VVHLYT5D) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameJa:where(.astro-VVHLYT5D) {
    margin-bottom: 2.125rem;
    font-size: 1.125rem;
    font-feature-settings: "none";
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameJa:where(.astro-VVHLYT5D) {
    margin-bottom: 1.125rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
.tags:where(.astro-VVHLYT5D) {
  display: flex;
  flex-wrap: wrap;
}
.tag:where(.astro-VVHLYT5D) {
  color: #ffffff80;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-VVHLYT5D) {
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-VVHLYT5D) {
    padding: 0.375rem 0.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-VVHLYT5D):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-VVHLYT5D):not(:last-child) {
    margin-right: 0.25rem;
  }
}
.mouse-stalker:where(.astro-VVHLYT5D) {
  position: fixed;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 0;
}
.mouse-stalker-arrow:where(.astro-VVHLYT5D) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  display: flex;
  justify-content: space-between;
}
.mouse-stalker-arrow:where(.astro-VVHLYT5D) .arrow:where(.astro-VVHLYT5D) {
  fill: #fff;
}
.mouse-stalker-arrow:where(.astro-VVHLYT5D) .arrow:where(.astro-VVHLYT5D).-inversion {
  transform: rotate(180deg);
}
.mouse-stalker-circle:where(.astro-VVHLYT5D) {
  position: absolute;
  top: 0;
  left: 0;
}
.progress:where(.astro-VVHLYT5D) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-VVHLYT5D) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-VVHLYT5D) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-VVHLYT5D) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}
.tags:where(.astro-2ABGXUP3) {
  border-bottom: 1px solid #c8c7c7;
}
@media screen and (min-width: 768px) {
  .tags:where(.astro-2ABGXUP3) {
    display: flex;
    column-gap: 0.875rem;
    padding-bottom: 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tags:where(.astro-2ABGXUP3) {
    padding-bottom: 1.4375rem;
  }
}
.tag:where(.astro-2ABGXUP3) {
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.7);
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-2ABGXUP3) {
    padding: 0.5rem 1.25rem;
    border-radius: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-2ABGXUP3) {
    padding: 0.34375rem 0.625rem;
    border-radius: 1.5625rem;
    margin: 0.375rem 0.5625rem 0.375rem 0;
    letter-spacing: 0.05em;
  }
}
.tag:where(.astro-2ABGXUP3)._active {
  background: #fff;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-2ABGXUP3)._all {
    margin-right: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-2ABGXUP3)._all {
    margin-top: 0;
    margin-right: calc(90% - 1.5625rem);
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-2ABGXUP3) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-2ABGXUP3) {
    padding-top: 2.625rem;
    padding-bottom: 6.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-2ABGXUP3) {
    width: 41.25rem;
    line-height: 2;
    font-feature-settings: "none";
  }
  .head-content:where(.astro-2ABGXUP3):before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -0.5em;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-2ABGXUP3) {
    margin-bottom: 2.375rem;
    line-height: 1.6;
  }
}
.job:where(.astro-2ABGXUP3) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
@media screen and (min-width: 768px) {
  .job:where(.astro-2ABGXUP3) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .job:where(.astro-2ABGXUP3) {
    font-size: 1.0625rem;
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .anchorLinks:where(.astro-2ABGXUP3) {
    margin-top: -1.375rem;
  }
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) + .card:where(.astro-B6YVSK6U) {
    margin-top: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .card:where(.astro-B6YVSK6U) + .card:where(.astro-B6YVSK6U) {
    margin-top: 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) {
    font-size: 1.125rem;
    margin-bottom: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) {
    font-size: 0.6875rem;
  }
}
.card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) .bold:where(.astro-B6YVSK6U) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) .bold:where(.astro-B6YVSK6U) {
    margin-right: 0.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .card:where(.astro-B6YVSK6U) .place:where(.astro-B6YVSK6U) .bold:where(.astro-B6YVSK6U) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-B6YVSK6U) {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-B6YVSK6U) {
    margin-top: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-B6YVSK6U) {
    width: 22.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-B6YVSK6U):not(:last-child) {
    margin-bottom: 3.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-B6YVSK6U):not(:nth-child(3n)) {
    margin-right: 2.5625rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-B6YVSK6U):hover .image:where(.astro-B6YVSK6U).-portrait {
  clip-path: inset(0 100% 0 0);
  translate: -1.875rem;
}
[data-whatintent="mouse"] .link:where(.astro-B6YVSK6U):hover .image:where(.astro-B6YVSK6U).-project {
  translate: 0;
}
[data-whatintent="mouse"] .link:where(.astro-B6YVSK6U):hover .content:where(.astro-B6YVSK6U) {
  opacity: 0.5;
}
.thumb:where(.astro-B6YVSK6U) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-B6YVSK6U) {
    width: 22.5rem;
    height: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-B6YVSK6U) {
    width: 22.125rem;
    height: 14.75rem;
  }
}
.image:where(.astro-B6YVSK6U).-portrait {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0);
  scale: 1.05;
  transition: clip-path 1.2s cubic-bezier(0.16, 1, 0.3, 1), translate 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.image:where(.astro-B6YVSK6U).-project {
  translate: 1.875rem;
  transition: translate 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.flex:where(.astro-B6YVSK6U) {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 767.99px) {
  .flex:where(.astro-B6YVSK6U) {
    padding-top: 0.625rem;
  }
}
.flex:where(.astro-B6YVSK6U) .content:where(.astro-B6YVSK6U) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
@media screen and (min-width: 768px) {
  .title:where(.astro-B6YVSK6U) {
    font-size: 1.1875rem;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    padding-block: 1.75rem 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-B6YVSK6U) {
    font-size: 0.9375rem;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.025em;
    margin-bottom: 0.4375rem;
  }
}
.text:where(.astro-B6YVSK6U) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-B6YVSK6U) {
    font-size: 0.75rem;
  }
}
.icon:where(.astro-B6YVSK6U) {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-B6YVSK6U) {
    width: 2.9375rem;
    height: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-B6YVSK6U) {
    position: relative;
    bottom: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .member-list:where(.astro-TFMWGSMM) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .member-list:where(.astro-TFMWGSMM) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .member-list:where(.astro-TFMWGSMM) {
    padding-top: 9.4375rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .member-list:where(.astro-TFMWGSMM) {
    padding-top: 7.4375rem;
    padding-bottom: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-TFMWGSMM) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-TFMWGSMM) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-TFMWGSMM) {
    margin-top: 12.125rem;
    padding-left: 0.375rem;
  }
}
.CAnchorLink:where(.astro-VXIH2ZQR) {
  display: inline-flex;
  align-items: center;
}
[data-whatintent="mouse"] .CAnchorLink:where(.astro-VXIH2ZQR):hover .text:where(.astro-VXIH2ZQR) {
  opacity: 0.5;
}
.icon:where(.astro-VXIH2ZQR) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-VXIH2ZQR) {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .icon:where(.astro-VXIH2ZQR) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.text:where(.astro-VXIH2ZQR) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-VXIH2ZQR) {
    font-size: 0.875rem;
    line-height: 1.3333333333;
    margin-left: 0.75rem;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-VXIH2ZQR) {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    max-width: 12.5rem;
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-rowSp {
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-rowSp .item:where(.astro-SFYJIROX) + .item:where(.astro-SFYJIROX) {
    margin-left: 1.25rem;
  }
}
.list:where(.astro-SFYJIROX).-grid {
  display: grid;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-SFYJIROX).-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 2.375rem;
    grid-row-gap: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid {
    grid-template-columns: 7.3125rem 5.34375rem 50px;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0.25rem;
    grid-row-gap: 0.1875rem;
  }
}
.list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX) + .item:where(.astro-SFYJIROX) {
  margin: 0;
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(1) {
    grid-area: 1/1/2/2;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(2) {
    grid-area: 2/1/3/2;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(3) {
    grid-area: 3/1/4/2;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(4) {
    grid-area: 1/2/2/3;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(5) {
    grid-area: 2/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(6) {
    grid-area: 3/2/4/3;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-SFYJIROX).-grid .item:where(.astro-SFYJIROX):nth-child(7) {
    grid-area: 1/3/2/4;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SFYJIROX) {
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SFYJIROX) + .item:where(.astro-SFYJIROX):not(:nth-child(4n + 1)) {
    margin-top: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SFYJIROX):nth-child(n + 5) {
  }
}
.CWhiteArrow:where(.astro-NTBEPATX) {
  position: relative;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .CWhiteArrow:where(.astro-NTBEPATX) {
    width: 1.625rem;
    height: 1.625rem;
    will-change: scale;
  }
}
@media screen and (max-width: 767.99px) {
  .CWhiteArrow:where(.astro-NTBEPATX) {
    width: 0.9375rem;
    height: 0.9375rem;
  }
}
.CWhiteArrow:where(.astro-NTBEPATX).-on .circle:where(.astro-NTBEPATX) {
  scale: 1.25;
}
.CWhiteArrow:where(.astro-NTBEPATX).-on .arrow:where(.astro-NTBEPATX) {
  scale: 1.25;
}
.circle:where(.astro-NTBEPATX) {
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transition: scale 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.arrow:where(.astro-NTBEPATX) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  transition: scale 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.-blank:where(.astro-NTBEPATX) .arrow:where(.astro-NTBEPATX) {
  transform: rotate(-45deg);
}
.-bottom:where(.astro-NTBEPATX) .arrow:where(.astro-NTBEPATX) {
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .LMessage:where(.astro-NOPXCLAI) {
    margin-block: 26.875rem 22.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMessage:where(.astro-NOPXCLAI) {
    margin-block: 7.25rem 10rem;
  }
}
.contents:where(.astro-NOPXCLAI) {
  overflow: hidden;
  position: relative;
}
.message:where(.astro-NOPXCLAI) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .message:where(.astro-NOPXCLAI) .textArea:where(.astro-NOPXCLAI) {
    width: 31.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-NOPXCLAI) .textArea:where(.astro-NOPXCLAI) {
    width: 22.125rem;
    margin: 0 auto 2.8125rem;
  }
}
.message:where(.astro-NOPXCLAI) .title-en:where(.astro-NOPXCLAI) {
  text-transform: uppercase;
  letter-spacing: -0.025em;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .message:where(.astro-NOPXCLAI) .title-en:where(.astro-NOPXCLAI) {
    font-size: 1.125rem;
    margin-top: -0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-NOPXCLAI) .title-en:where(.astro-NOPXCLAI) {
    font-size: 0.75rem;
  }
}
.message:where(.astro-NOPXCLAI) .title-jp:where(.astro-NOPXCLAI) {
  font-weight: 600;
}
.bAndroid:where(.astro-NOPXCLAI) .message:where(.astro-NOPXCLAI) .title-jp:where(.astro-NOPXCLAI) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .message:where(.astro-NOPXCLAI) .title-jp:where(.astro-NOPXCLAI) {
    font-size: 2.5rem;
    margin-top: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-NOPXCLAI) .title-jp:where(.astro-NOPXCLAI) {
    font-size: 1.4375rem;
    margin-top: 1.625rem;
    line-height: 1.5217391304;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .message:where(.astro-NOPXCLAI) .text:where(.astro-NOPXCLAI) {
    margin-top: 3.125rem;
    font-size: 0.875rem;
    line-height: 2;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .message:where(.astro-NOPXCLAI) .text:where(.astro-NOPXCLAI) {
    margin-top: 2.0625rem;
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.message:where(.astro-NOPXCLAI) .img:where(.astro-NOPXCLAI) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .imgWrap:where(.astro-NOPXCLAI) img:where(.astro-NOPXCLAI) {
    height: 110%;
  }
}
@media screen and (max-width: 767.99px) {
  .imgWrap:where(.astro-NOPXCLAI) img:where(.astro-NOPXCLAI) {
    height: 108%;
  }
}
@media screen and (min-width: 768px) {
  .message01:where(.astro-NOPXCLAI) {
    column-gap: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message01:where(.astro-NOPXCLAI) {
    flex-direction: column-reverse;
  }
}
.message01:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .message01:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
    width: 50.75rem;
    height: 33.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message01:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
    height: 17.1875rem;
    margin-top: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-NOPXCLAI) {
    justify-content: flex-end;
    align-items: center;
    margin-top: 15.75rem;
    margin-right: 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-NOPXCLAI) {
    flex-direction: column;
    margin-top: 5.4375rem;
  }
}
.message02:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
    height: 46.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
    margin-top: 0.625rem;
    width: 100%;
    height: 32.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-NOPXCLAI) .textArea:where(.astro-NOPXCLAI) {
    margin-top: -0.875rem;
    margin-right: 9.75rem;
  }
}
.message02:where(.astro-NOPXCLAI) .link:where(.astro-NOPXCLAI) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-NOPXCLAI) .link:where(.astro-NOPXCLAI) {
    margin-top: 2.125rem;
    margin-left: 21.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-NOPXCLAI) .link:where(.astro-NOPXCLAI) {
    margin-top: 1.5625rem;
    margin-left: 13.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .message02:where(.astro-NOPXCLAI) .link-text:where(.astro-NOPXCLAI) {
    font-size: 0.875rem;
    letter-spacing: -0.025em;
    margin-right: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message02:where(.astro-NOPXCLAI) .link-text:where(.astro-NOPXCLAI) {
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    margin-right: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-NOPXCLAI) {
    margin-top: 16rem;
    align-items: center;
    column-gap: 8.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message03:where(.astro-NOPXCLAI) {
    flex-direction: column-reverse;
    margin-top: 5.5625rem;
  }
}
.message03:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
    width: 50.75rem;
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .message03:where(.astro-NOPXCLAI) .imgWrap:where(.astro-NOPXCLAI) {
    width: 100%;
    height: 26.25rem;
  }
}
@media screen and (min-width: 768px) {
  .message03:where(.astro-NOPXCLAI) .textArea:where(.astro-NOPXCLAI) {
    margin-top: 1rem;
  }
}
.marqueeWrap:where(.astro-NOPXCLAI) {
  width: 100%;
  position: fixed;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
}
.marquee:where(.astro-NOPXCLAI) {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-NOPXCLAI) {
    margin-left: 12.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-NOPXCLAI) {
    width: 100%;
  }
}
.marquee:where(.astro-NOPXCLAI).-show {
  opacity: 1;
}
.marqueeInner:where(.astro-NOPXCLAI) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-NOPXCLAI) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-NOPXCLAI) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-D7PVGOID) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 20.6875rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-D7PVGOID) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-D7PVGOID) {
    margin-top: 12.125rem;
  }
}
.kvArea:where(.astro-D7PVGOID) {
  position: relative;
}
.kvArea:where(.astro-D7PVGOID) .note:where(.astro-D7PVGOID) {
  background-color: #e9e9e9;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-D7PVGOID) .note:where(.astro-D7PVGOID) {
    width: 22.5rem;
    height: 7.1875rem;
    padding-top: 3rem;
    padding-inline: 3.125rem 2.6875rem;
    bottom: -0.25rem;
    right: 5.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-D7PVGOID) .note:where(.astro-D7PVGOID) {
    width: 14.375rem;
    height: 4.375rem;
    padding-top: 1.75rem;
    padding-inline: 1.8125rem 1.5625rem;
    bottom: -0.0625rem;
    right: 0;
  }
}
.kvArea:where(.astro-D7PVGOID) .note-en:where(.astro-D7PVGOID) {
  text-transform: uppercase;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-D7PVGOID) .note-en:where(.astro-D7PVGOID) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-D7PVGOID) .note-en:where(.astro-D7PVGOID) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) {
    margin-top: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) {
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) .role:where(.astro-D7PVGOID) {
    font-size: 1.125rem;
    margin-right: 1.5rem;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) .role:where(.astro-D7PVGOID) {
    font-size: 0.75rem;
    margin-right: 0.5625rem;
    letter-spacing: 0.05em;
  }
}
.kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) .name:where(.astro-D7PVGOID) {
  font-weight: 600;
}
.bAndroid:where(.astro-D7PVGOID)
  .kvArea:where(.astro-D7PVGOID)
  .note-jp:where(.astro-D7PVGOID)
  .name:where(.astro-D7PVGOID) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) .name:where(.astro-D7PVGOID) {
    font-size: 1.625rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .kvArea:where(.astro-D7PVGOID) .note-jp:where(.astro-D7PVGOID) .name:where(.astro-D7PVGOID) {
    font-size: 1rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .LAmbition:where(.astro-VFBIVT72) {
    padding-top: 11.875rem;
    margin-left: 17.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAmbition:where(.astro-VFBIVT72) {
    padding-top: 6.8125rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .LAmbition:where(.astro-VFBIVT72) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .LAmbition:where(.astro-VFBIVT72) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-VFBIVT72) {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-VFBIVT72) {
    line-height: 2;
    margin-top: 9.375rem;
    margin-left: 8.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-VFBIVT72) {
    margin-top: 1.9375rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-VFBIVT72) {
    padding-top: 7.25rem;
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-VFBIVT72) {
    padding-top: 3.25rem;
  }
}
.image-wrap:where(.astro-VFBIVT72) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-VFBIVT72) {
    width: 57.625rem;
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-VFBIVT72) {
    width: 25.875rem;
    height: 25.625rem;
  }
}
.image-wrap:where(.astro-VFBIVT72) .image:where(.astro-VFBIVT72) {
  position: absolute;
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-VFBIVT72) .image:where(.astro-VFBIVT72) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-VFBIVT72) .image:where(.astro-VFBIVT72) {
    height: 28.75rem;
  }
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-VFBIVT72) {
    width: 25rem;
    margin-top: 10.1875rem;
    margin-inline: 8.3125rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail:where(.astro-VFBIVT72) {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .detail:where(.astro-VFBIVT72) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .detail:where(.astro-VFBIVT72) {
    margin-inline: 1.875rem;
  }
}
.index:where(.astro-VFBIVT72) {
  display: flex;
}
.index-en:where(.astro-VFBIVT72) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .index-en:where(.astro-VFBIVT72) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-en:where(.astro-VFBIVT72) {
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .index-ja:where(.astro-VFBIVT72) {
    margin-top: 0.6875rem;
    margin-left: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index-ja:where(.astro-VFBIVT72) {
    margin-top: 0.0625rem;
    margin-left: 0.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .index:where(.astro-VFBIVT72).-ambition {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-VFBIVT72).-ambition {
    margin-top: 3rem;
  }
}
.title:where(.astro-VFBIVT72) {
  font-weight: 600;
}
.bAndroid:where(.astro-VFBIVT72) .title:where(.astro-VFBIVT72) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-VFBIVT72) {
    font-size: 2.875rem;
    line-height: 1.4782608696;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-VFBIVT72) {
    letter-spacing: 0.05em;
    font-size: 1.4375rem;
    margin-top: 1.125rem;
    margin-left: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-VFBIVT72) {
    margin-top: 1.75rem;
    margin-left: 0.125rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-VFBIVT72) {
    margin-top: 0.875rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .LValue:where(.astro-PDNRIOQT) {
    padding-top: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LValue:where(.astro-PDNRIOQT) {
    padding-top: 7.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-PDNRIOQT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-PDNRIOQT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-PDNRIOQT) {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-PDNRIOQT) {
    line-height: 2;
    margin-top: 3.5625rem;
    margin-left: 12.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-PDNRIOQT) {
    margin-top: 1.5625rem;
    line-height: 2.0833333333;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-PDNRIOQT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-PDNRIOQT) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-PDNRIOQT) {
    display: flex;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-PDNRIOQT) {
    margin-top: 3.125rem;
  }
}
.image-wrap:where(.astro-PDNRIOQT) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-PDNRIOQT) {
    width: 33rem;
    height: 42.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-PDNRIOQT) {
    width: 22.125rem;
    height: 25.3125rem;
  }
}
.image-wrap:where(.astro-PDNRIOQT) .image:where(.astro-PDNRIOQT) {
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .image-wrap:where(.astro-PDNRIOQT) .image:where(.astro-PDNRIOQT) {
    height: 49rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-wrap:where(.astro-PDNRIOQT) .image:where(.astro-PDNRIOQT) {
    height: 28.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-PDNRIOQT) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-PDNRIOQT) {
    margin-top: 1.5rem;
  }
}
.line:where(.astro-PDNRIOQT) {
  width: 100%;
  height: 1px;
  background: rgba(68, 64, 63, 0.2);
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-PDNRIOQT) {
    padding-block: 1.4375rem 1.0625rem;
  }
}
.index:where(.astro-PDNRIOQT) {
  font-weight: 600;
}
.bAndroid:where(.astro-PDNRIOQT) .index:where(.astro-PDNRIOQT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-PDNRIOQT) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-PDNRIOQT) {
    font-size: 0.875rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-PDNRIOQT) {
    margin-top: 0.8125rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-PDNRIOQT) {
    margin-top: 0.625rem;
    line-height: 1.75;
  }
}
.LCredo:where(.astro-PRHE4PDT) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LCredo:where(.astro-PRHE4PDT) {
    padding-top: 14.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCredo:where(.astro-PRHE4PDT) {
    padding-top: 13.0625rem;
  }
}
.image:where(.astro-PRHE4PDT) {
  position: relative;
}
.image-inner:where(.astro-PRHE4PDT) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-PRHE4PDT) {
    width: 94.8125rem;
    height: 50rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-PRHE4PDT) {
    width: 24rem;
    height: 13.75rem;
  }
}
.image-inner:where(.astro-PRHE4PDT) img:where(.astro-PRHE4PDT) {
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-PRHE4PDT) img:where(.astro-PRHE4PDT) {
    height: 56.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-PRHE4PDT) img:where(.astro-PRHE4PDT) {
    height: 16.875rem;
  }
}
.main:where(.astro-PRHE4PDT) {
  color: #fff;
  transition: background-color 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 768px) {
  .main:where(.astro-PRHE4PDT) {
    margin-top: -24.375rem;
    padding-bottom: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-PRHE4PDT) {
    margin-top: -6.25rem;
    padding-bottom: 7.0625rem;
  }
}
.main:where(.astro-PRHE4PDT).-active {
  background-color: #44403f;
}
.inner:where(.astro-PRHE4PDT) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-PRHE4PDT) {
    width: 67.5rem;
    margin-inline: 24.5rem 7.8125rem;
    padding-top: 33.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-PRHE4PDT) {
    margin-inline: 1.875rem;
    padding-top: 10rem;
  }
}
.head:where(.astro-PRHE4PDT) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-PRHE4PDT) {
    display: flex;
  }
}
.head-text:where(.astro-PRHE4PDT) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-PRHE4PDT) {
    margin-top: 3.625rem;
    margin-left: 6.75rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-PRHE4PDT) {
    margin-top: 1.5625rem;
    line-height: 2.0833333333;
  }
}
.credo-list:where(.astro-PRHE4PDT) {
  border-bottom: 1px solid #6a6666;
  counter-reset: number;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .credo-list:where(.astro-PRHE4PDT) {
    display: flex;
    flex-wrap: wrap;
    padding-top: 6rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-list:where(.astro-PRHE4PDT) {
    padding-top: 2.6875rem;
  }
}
.credo-item:where(.astro-PRHE4PDT) {
  border-top: 1px solid #6a6666;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .credo-item:where(.astro-PRHE4PDT) {
    width: 18.625rem;
    padding-block: 1.875rem 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-item:where(.astro-PRHE4PDT) {
    padding-block: 1.375rem 2.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .credo-item:where(.astro-PRHE4PDT):not(:nth-child(3n)) {
    margin-right: 5.0625rem;
  }
}
.credo-num:where(.astro-PRHE4PDT) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
}
.credo-num:where(.astro-PRHE4PDT):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .credo-num:where(.astro-PRHE4PDT):before {
    top: -0.125rem;
  }
}
.credo-title:where(.astro-PRHE4PDT) {
  font-weight: 600;
}
.bAndroid:where(.astro-PRHE4PDT) .credo-title:where(.astro-PRHE4PDT) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .credo-title:where(.astro-PRHE4PDT) {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-title:where(.astro-PRHE4PDT) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    margin-top: 2.8125rem;
    line-height: 1.6071428571;
  }
}
.credo-text:where(.astro-PRHE4PDT) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .credo-text:where(.astro-PRHE4PDT) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .credo-text:where(.astro-PRHE4PDT) {
    margin-top: 1.1875rem;
    line-height: 1.75;
  }
}
.text:where(.astro-PRHE4PDT) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-PRHE4PDT) {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-PRHE4PDT) {
    margin-top: 1.5rem;
    line-height: 1.75;
  }
}
.backIcon:where(.astro-PRHE4PDT) {
  position: fixed;
  color: #4e4a4a;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
.backIcon:where(.astro-PRHE4PDT).-isShown {
  opacity: 1;
}
.space:where(.astro-PRHE4PDT) {
  position: relative;
  z-index: 2;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .space:where(.astro-PRHE4PDT) {
    height: 20rem;
  }
}
@media screen and (max-width: 767.99px) {
  .space:where(.astro-PRHE4PDT) {
    height: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-F7NQNCM6) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 20.6875rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-F7NQNCM6) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-F7NQNCM6) {
    margin-top: 12.125rem;
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .philosophy:where(.astro-F7NQNCM6) .photo {
    width: 120%;
  }
}
.LAbout:where(.astro-3EYDG7HJ) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-3EYDG7HJ) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-3EYDG7HJ) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutTitle:where(.astro-3EYDG7HJ) {
    margin-right: 9.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .aboutTitle:where(.astro-3EYDG7HJ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .textWrap:where(.astro-3EYDG7HJ) {
    margin-inline: 17.75rem;
    margin-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .textWrap:where(.astro-3EYDG7HJ) {
    letter-spacing: 0.05em;
    margin-inline: 1.875rem;
    margin-top: 4.21875rem;
  }
}
.catch:where(.astro-3EYDG7HJ) {
  font-weight: 600;
}
.bAndroid:where(.astro-3EYDG7HJ) .catch:where(.astro-3EYDG7HJ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .catch:where(.astro-3EYDG7HJ) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .catch:where(.astro-3EYDG7HJ) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-3EYDG7HJ) {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.15em;
    margin-top: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-3EYDG7HJ) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LService:where(.astro-RB37XZGA) {
    position: relative;
    margin-top: 13.25rem;
    margin-right: 5.25rem;
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LService:where(.astro-RB37XZGA) {
    margin-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-RB37XZGA) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-inline: 17.75rem 4.375rem;
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-RB37XZGA) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-RB37XZGA) .line:last-child {
    margin-top: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-RB37XZGA) .line:last-child {
    margin-top: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .explain:where(.astro-RB37XZGA) {
    width: 32.75rem;
    margin-bottom: 2.75rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.05em;
    font-feature-settings: initial;
  }
}
@media screen and (max-width: 767.99px) {
  .explain:where(.astro-RB37XZGA) {
    margin-inline: 1.875rem;
    margin-block: 2.1875rem 2.875rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .LProject:where(.astro-OPE25ALK) {
    margin-bottom: 13.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProject:where(.astro-OPE25ALK) {
    padding-block: 3.8125rem 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .projectsTitle:where(.astro-OPE25ALK) {
    margin-right: 9.5rem;
    margin-bottom: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .projectsTitle:where(.astro-OPE25ALK) {
    margin-top: 1.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .linkWrapper:where(.astro-OPE25ALK) {
    margin-top: 4.375rem;
    margin-inline: 17.75rem 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkWrapper:where(.astro-OPE25ALK) {
    margin-top: 3.125rem;
    margin-inline: 1.875rem;
  }
}
.linkWrapper:where(.astro-OPE25ALK) .link:where(.astro-OPE25ALK) {
  width: max-content;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-JNUMTDDE) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-JNUMTDDE) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-JNUMTDDE) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-JNUMTDDE) {
    margin-top: 4.4375rem;
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-JNUMTDDE) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .kv-img:where(.astro-JNUMTDDE) {
    position: relative;
    left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .kv-img:where(.astro-JNUMTDDE) {
    width: 23.03125rem;
    height: auto;
    margin-top: 1.875rem;
    margin-left: 2.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionHead:where(.astro-4BW7D7T3) {
    display: flex;
    justify-content: space-between;
  }
}
.title:where(.astro-4BW7D7T3) {
  font-weight: 600;
  flex-shrink: 0;
}
.bAndroid:where(.astro-4BW7D7T3) .title:where(.astro-4BW7D7T3) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-4BW7D7T3) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-4BW7D7T3) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    white-space: nowrap;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-4BW7D7T3) {
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 2;
    width: 31.5rem;
    padding-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-4BW7D7T3) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionHead:where(.astro-4BW7D7T3).-l .title:where(.astro-4BW7D7T3) {
    font-size: 2.875rem;
    line-height: 1.4347826087;
  }
}
@media screen and (min-width: 768px) {
  .CSectionHead:where(.astro-4BW7D7T3).-l .text:where(.astro-4BW7D7T3) {
    letter-spacing: 0.16em;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionHead:where(.astro-4BW7D7T3).-l .text:where(.astro-4BW7D7T3) {
    letter-spacing: 0.07em;
  }
}
.LMessageSlider:where(.astro-N6Q63FBV) {
  overflow: hidden;
}
.slider:where(.astro-N6Q63FBV) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .slider:where(.astro-N6Q63FBV) {
    margin-bottom: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .slider:where(.astro-N6Q63FBV) {
    margin-bottom: 4.375rem;
  }
}
.slide:where(.astro-N6Q63FBV) {
  flex: none;
}
@media screen and (min-width: 768px) {
  .slide:where(.astro-N6Q63FBV) {
    padding-right: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .slide:where(.astro-N6Q63FBV) {
    width: 15.3125rem;
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LMessage:where(.astro-B3JUCUAS) {
    margin-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMessage:where(.astro-B3JUCUAS) {
    margin-top: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-B3JUCUAS) {
    margin-bottom: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-B3JUCUAS) {
    margin-bottom: 4.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-B3JUCUAS) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-B3JUCUAS) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-B3JUCUAS) {
    margin-bottom: 9rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-B3JUCUAS) {
    margin-bottom: 3.4375rem;
  }
}
.slider:where(.astro-B3JUCUAS) {
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .slider:where(.astro-B3JUCUAS) {
    margin-bottom: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .slider:where(.astro-B3JUCUAS) {
    margin-bottom: 4.375rem;
  }
}
.slide:where(.astro-B3JUCUAS) {
  flex: none;
}
@media screen and (min-width: 768px) {
  .slide:where(.astro-B3JUCUAS) {
    margin-right: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .slide:where(.astro-B3JUCUAS) {
    width: 14.0625rem;
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .CLowerPageMenu:where(.astro-B3JUCUAS) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CLowerPageMenu:where(.astro-B3JUCUAS) {
    margin-inline: 1.875rem;
  }
}
.LMessageSlider:where(.astro-B3JUCUAS) + .CLowerPageMenu:where(.astro-B3JUCUAS) {
  margin-top: 0;
}
.LMovie:where(.astro-P3LWX6AD) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .LMovie:where(.astro-P3LWX6AD) {
    margin-top: 18.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMovie:where(.astro-P3LWX6AD) {
    margin-top: 7.4375rem;
  }
}
.background:where(.astro-P3LWX6AD) {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .background:where(.astro-P3LWX6AD) {
    height: 56.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .background:where(.astro-P3LWX6AD) {
    height: 43.75rem;
  }
}
.movie:where(.astro-P3LWX6AD) {
  position: absolute;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .movie:where(.astro-P3LWX6AD) {
    width: 56rem;
    height: 31.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .movie:where(.astro-P3LWX6AD) {
    width: 22.125rem;
    height: 12.4375rem;
  }
}
.thumbWrap:where(.astro-P3LWX6AD) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 110%;
  cursor: pointer;
}
[data-whatintent="mouse"] .thumbWrap:where(.astro-P3LWX6AD):hover + .playCircle:where(.astro-P3LWX6AD) {
  scale: 0.95;
  opacity: 1;
  background: #454040;
}
.thumb:where(.astro-P3LWX6AD) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.playCircle:where(.astro-P3LWX6AD) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.02em;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: scale, background, border-color, opacity;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .playCircle:where(.astro-P3LWX6AD) {
    width: 8.125rem;
    height: 8.125rem;
    opacity: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .playCircle:where(.astro-P3LWX6AD) {
    width: 5.9375rem;
    height: 5.9375rem;
    font-size: 0.6875rem;
    background: #454040;
  }
}
.thumbWrap:where(.astro-P3LWX6AD).-hide,
.playCircle:where(.astro-P3LWX6AD).-hide {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
.LOurBusinessContentSlider:where(.astro-5JFF6USO) {
  position: absolute;
  inset: 0;
}
.slideBox:where(.astro-5JFF6USO) {
  position: absolute;
  inset: 0;
}
.slide:where(.astro-5JFF6USO) {
  position: relative;
  clip-path: inset(0% 100% 0% 0%);
  will-change: clip-path;
}
.slide:where(.astro-5JFF6USO):not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.slide:where(.astro-5JFF6USO).-show {
  clip-path: inset(0% 0% 0% 0%);
  transition: clip-path 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.initialImageWrap:where(.astro-54SWP2IW) {
  position: relative;
}
.initialImage:where(.astro-54SWP2IW):not(:first-child) {
  position: absolute;
  inset: 0;
}
.images:where(.astro-54SWP2IW) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .images:where(.astro-54SWP2IW) {
    width: 90.5rem;
    margin-bottom: 4.375rem;
  }
}
.list:where(.astro-54SWP2IW) {
  position: relative;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-54SWP2IW) {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .list:where(.astro-54SWP2IW) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .list:where(.astro-54SWP2IW) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-54SWP2IW) {
    width: 20.125rem;
    opacity: 0.3;
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-54SWP2IW) {
    margin-bottom: 4.6875rem;
  }
}
.item:where(.astro-54SWP2IW).-active {
  opacity: 1;
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .content:where(.astro-54SWP2IW) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .content:where(.astro-54SWP2IW) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-54SWP2IW) {
    margin-bottom: 1.8125rem;
  }
}
.num:where(.astro-54SWP2IW) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-54SWP2IW) {
    margin-bottom: 1.5625rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-54SWP2IW) {
    margin-bottom: 1.25rem;
    font-size: 0.75rem;
  }
}
.title:where(.astro-54SWP2IW) {
  font-weight: 600;
}
.bAndroid:where(.astro-54SWP2IW) .title:where(.astro-54SWP2IW) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-54SWP2IW) {
    margin-bottom: 1.875rem;
    font-size: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-54SWP2IW) {
    margin-bottom: 1.375rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-54SWP2IW) {
    font-size: 0.875rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-54SWP2IW) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.line:where(.astro-54SWP2IW) {
  width: 1px;
  background: #c8c7c7;
}
.line:where(.astro-54SWP2IW):last-child {
  display: none;
}
@media screen and (min-width: 768px) {
  .LOurBusiness:where(.astro-IKQA3DKA) {
    margin-block: 13.75rem 13.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOurBusiness:where(.astro-IKQA3DKA) {
    margin-block: 7.0625rem 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-IKQA3DKA) {
    margin-bottom: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-IKQA3DKA) {
    margin-bottom: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-IKQA3DKA) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-IKQA3DKA) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-IKQA3DKA) {
    margin-bottom: 6.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-IKQA3DKA) {
    margin-bottom: 3.125rem;
  }
}
.slider:where(.astro-IKQA3DKA) {
  display: flex;
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .slider:where(.astro-IKQA3DKA) {
    margin-bottom: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .slider:where(.astro-IKQA3DKA) {
    margin-bottom: 4.375rem;
  }
}
.slide:where(.astro-IKQA3DKA) {
  flex: none;
}
@media screen and (min-width: 768px) {
  .slide:where(.astro-IKQA3DKA) {
    margin-right: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .slide:where(.astro-IKQA3DKA) {
    width: 14.0625rem;
    margin-right: 1.25rem;
  }
}
.LEntry:where(.astro-53F7ULTP) {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-53F7ULTP) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-53F7ULTP) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-53F7ULTP) {
    margin-bottom: 4.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-53F7ULTP) {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-53F7ULTP) {
    display: flex;
  }
}
.banner:where(.astro-53F7ULTP) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .banner:where(.astro-53F7ULTP):first-child {
    margin-right: 3px;
  }
}
@media screen and (max-width: 767.99px) {
  .banner:where(.astro-53F7ULTP):first-child {
    margin-bottom: 3px;
  }
}
[data-whatintent="mouse"] .link:where(.astro-53F7ULTP):hover .image:where(.astro-53F7ULTP) {
  scale: 1.07;
}
.image:where(.astro-53F7ULTP) {
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.photo:where(.astro-53F7ULTP) {
  display: block;
}
.texts:where(.astro-53F7ULTP) {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .texts:where(.astro-53F7ULTP) {
    padding-block: 13.375rem 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .texts:where(.astro-53F7ULTP) {
    padding-top: 3.96875rem;
    padding-left: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .banner:where(.astro-53F7ULTP):nth-child(1) .texts:where(.astro-53F7ULTP) {
    padding-left: 15.875rem;
    padding-right: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .banner:where(.astro-53F7ULTP):nth-child(2) .texts:where(.astro-53F7ULTP) {
    padding-left: 10.875rem;
    padding-right: 10.25rem;
  }
}
.title:where(.astro-53F7ULTP) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-53F7ULTP) {
    margin-bottom: 0.875rem;
    font-size: 3.125rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-53F7ULTP) {
    margin-bottom: 0.8125rem;
    font-size: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .subTitle:where(.astro-53F7ULTP) {
    margin-bottom: 3.0625rem;
    font-weight: 600;
    font-size: 1rem;
  }
  .bAndroid:where(.astro-53F7ULTP) .subTitle:where(.astro-53F7ULTP) {
    font-weight: 700;
  }
}
@media screen and (max-width: 767.99px) {
  .subTitle:where(.astro-53F7ULTP) {
    margin-bottom: 2rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-53F7ULTP) {
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-53F7ULTP) {
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-53F7ULTP) {
    margin-top: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-53F7ULTP) {
    position: absolute;
    right: 2.8125rem;
    bottom: 2.8125rem;
  }
}
.LCulture:where(.astro-UI6ZQG43) {
  background-color: #44403f;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .LCulture:where(.astro-UI6ZQG43) {
    padding-block: 13.8125rem 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LCulture:where(.astro-UI6ZQG43) {
    padding-block: 6.65625rem 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-UI6ZQG43) {
    margin-bottom: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-UI6ZQG43) {
    margin-bottom: 4.0625rem;
  }
}
.inner:where(.astro-UI6ZQG43) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-UI6ZQG43) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-UI6ZQG43) {
    margin-inline: 1.875rem;
  }
}
.list:where(.astro-UI6ZQG43) {
  position: relative;
  counter-reset: number;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-UI6ZQG43) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 9.125rem;
    margin-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-UI6ZQG43) {
    padding-top: 3.3125rem;
    margin-bottom: 2.125rem;
  }
}
.item:where(.astro-UI6ZQG43) {
  border-top: 1px solid #6a6666;
  counter-increment: number;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-UI6ZQG43) {
    width: 20rem;
    padding-block: 1.875rem 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-UI6ZQG43) {
    padding-block: 1.375rem 2.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-UI6ZQG43):not(:nth-child(3n)) {
    margin-right: 6.25rem;
  }
}
.num:where(.astro-UI6ZQG43) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
}
.num:where(.astro-UI6ZQG43):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-UI6ZQG43):before {
    top: -0.125rem;
  }
}
.title:where(.astro-UI6ZQG43) {
  font-weight: 600;
}
.bAndroid:where(.astro-UI6ZQG43) .title:where(.astro-UI6ZQG43) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-UI6ZQG43) {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-UI6ZQG43) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    margin-top: 2.8125rem;
    line-height: 1.6071428571;
  }
}
.text:where(.astro-UI6ZQG43) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-UI6ZQG43) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
	margin-bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-UI6ZQG43) {
    margin-top: 1.1875rem;
    line-height: 1.75;
    letter-spacing: -0.01em;
	margin-bottom: 1rem;
  }
}
.link:where(.astro-UI6ZQG43) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-UI6ZQG43) .en {
    letter-spacing: 0;
  }
}
.marqueeWrap:where(.astro-UI6ZQG43) {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: 0;
  pointer-events: none;
}
.marqueeWrap:where(.astro-UI6ZQG43).-isShown {
  opacity: 1;
}
.marquee:where(.astro-UI6ZQG43) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-UI6ZQG43) {
    margin-left: 12.1875rem;
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-UI6ZQG43) {
    width: 100%;
    height: 7rem;
  }
}
.marqueeInner:where(.astro-UI6ZQG43) {
  display: flex;
  align-items: center;
}
.marqueeText:where(.astro-UI6ZQG43) {
  fill: #fff;
  stroke: #fff;
  opacity: 0.05;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-UI6ZQG43) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-UI6ZQG43) {
    padding-right: 3.125rem;
  }
}
.LDataMaquee:where(.astro-HKGNJPWW) {
  width: 100%;
  z-index: -1;
  position: absolute;
  color: #fff;
  opacity: 0.35;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .LDataMaquee:where(.astro-HKGNJPWW) {
    top: 27.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LDataMaquee:where(.astro-HKGNJPWW) {
    top: 17rem;
  }
}
.marquee:where(.astro-HKGNJPWW) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-HKGNJPWW) {
    margin-inline: 12.375rem 5.1875rem;
    height: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-HKGNJPWW) {
    width: 100%;
    height: 9.3125rem;
  }
}
.marqueeInner:where(.astro-HKGNJPWW) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-HKGNJPWW) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-HKGNJPWW) {
    padding-right: 3.125rem;
  }
}
.LData:where(.astro-V5K5UKZK) {
  position: relative;
  z-index: 2;
  background: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .LData:where(.astro-V5K5UKZK) {
    padding-top: 13.75rem;
    margin-bottom: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LData:where(.astro-V5K5UKZK) {
    padding-top: 6.90625rem;
    margin-bottom: 6.75rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-V5K5UKZK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-V5K5UKZK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-V5K5UKZK) {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-V5K5UKZK) {
    margin-bottom: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-V5K5UKZK) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-V5K5UKZK) {
    margin-bottom: 2.8125rem;
  }
}
.title:where(.astro-V5K5UKZK) {
  font-weight: 600;
  flex-shrink: 0;
}
.bAndroid:where(.astro-V5K5UKZK) .title:where(.astro-V5K5UKZK) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-V5K5UKZK) {
    width: 33.25rem;
    font-size: 2.875rem;
    line-height: 1.4347826087;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-V5K5UKZK) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-V5K5UKZK) {
    font-size: 0.875rem;
    letter-spacing: 0.242em;
    line-height: 2;
    width: 33rem;
    padding-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-V5K5UKZK) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-V5K5UKZK) {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-V5K5UKZK) .en {
    letter-spacing: 0;
  }
}
.LPeopleSlider:where(.astro-LJCAZTXO) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LPeopleSlider:where(.astro-LJCAZTXO) {
    padding-left: 5.625rem;
    margin-block: 5rem 4.375rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .LPeopleSlider:where(.astro-LJCAZTXO) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .LPeopleSlider:where(.astro-LJCAZTXO) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPeopleSlider:where(.astro-LJCAZTXO) {
    padding-left: 1.875rem;
    margin-block: 3.0625rem 3.125rem;
  }
}
.list:where(.astro-LJCAZTXO) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-LJCAZTXO) {
    margin-bottom: 8rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-LJCAZTXO) {
    margin-bottom: 3.875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-LJCAZTXO) {
    width: 21.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-LJCAZTXO) {
    flex-shrink: 0;
    width: 22.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-LJCAZTXO):not(:last-child) {
    margin-right: 2.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-LJCAZTXO):not(:last-child) {
    margin-right: 1.25rem;
  }
}
.link:where(.astro-LJCAZTXO) {
  position: relative;
  display: block;
}
[data-whatintent="mouse"] .link:where(.astro-LJCAZTXO):hover .photo:where(.astro-LJCAZTXO) {
  scale: 1.05;
}
.image:where(.astro-LJCAZTXO) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.photo:where(.astro-LJCAZTXO) {
  display: block;
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.title:where(.astro-LJCAZTXO) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .title:where(.astro-LJCAZTXO) {
    padding-block: 1.375rem 1.375rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-LJCAZTXO) {
    padding-block: 0.78125rem 0.90625rem;
    font-size: 1.0625rem;
    line-height: 1.4705882353;
    letter-spacing: 0.08em;
  }
}
.bottom:where(.astro-LJCAZTXO) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-LJCAZTXO) {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-LJCAZTXO) {
    padding-top: 0.875rem;
  }
}
.conts:where(.astro-LJCAZTXO) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-LJCAZTXO) {
    grid-row-gap: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-LJCAZTXO) {
    grid-row-gap: 0.5rem;
  }
}
.name:where(.astro-LJCAZTXO) {
  grid-area: 1/1/2/3;
  font-weight: 600;
}
.bAndroid:where(.astro-LJCAZTXO) .name:where(.astro-LJCAZTXO) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-LJCAZTXO) {
    font-size: 1.125rem;
  }
}
.position:where(.astro-LJCAZTXO) {
  position: relative;
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-LJCAZTXO) {
    padding-right: 0.625rem;
    margin-right: 0.625rem;
  }
}
.position:where(.astro-LJCAZTXO):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 1px;
  background: rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .position:where(.astro-LJCAZTXO):after {
    height: 0.625rem;
  }
}
.joined:where(.astro-LJCAZTXO) {
  grid-area: 2/2/3/3;
}
.progress:where(.astro-LJCAZTXO) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-LJCAZTXO) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-LJCAZTXO) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-LJCAZTXO) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}
@media screen and (min-width: 768px) {
  .LPeople:where(.astro-L4L4VMU4) {
    margin-bottom: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPeople:where(.astro-L4L4VMU4) {
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-L4L4VMU4) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-L4L4VMU4) {
    margin-inline: 1.875rem;
  }
}
.link:where(.astro-L4L4VMU4) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-L4L4VMU4) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-L4L4VMU4) {
    margin-inline: 1.875rem;
  }
}
.head:where(.astro-SYJZIGB5) {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-SYJZIGB5) {
    height: 41.875rem;
    padding-block: 15.125rem 3.75rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-SYJZIGB5) {
    height: 25.5rem;
    padding-block: 9.8125rem 2.1875rem;
    margin-left: 2.625rem;
  }
}
.head-content:where(.astro-SYJZIGB5) {
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-SYJZIGB5) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-SYJZIGB5) {
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-SYJZIGB5) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-SYJZIGB5) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .closing:where(.astro-SYJZIGB5) {
    margin-bottom: 10.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .closing:where(.astro-SYJZIGB5) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    padding-top: 15.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign:where(.astro-4FSYNIDK) {
    padding-top: 6.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign .title-en {
    margin-right: -0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign .title-en {
    margin-right: -0.03125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign .title-en .line:nth-of-type(3) {
    margin-right: -0.21875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign .head .text {
    padding-top: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign .head .text {
    margin-top: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-4FSYNIDK) {
    margin-top: 7.75rem;
    margin-bottom: 10.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-4FSYNIDK) {
    margin-top: 4.5rem;
    margin-bottom: 3.8125rem;
  }
}
.LAboutWorkDesign-figure:where(.astro-4FSYNIDK) {
  height: 150vh;
}
@media screen and (min-width: 768px) {
  .LAboutWorkDesign-figure:where(.astro-4FSYNIDK) {
    margin-top: 10.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutWorkDesign-figure:where(.astro-4FSYNIDK) {
    margin-top: 4.6875rem;
  }
}
.LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
  position: relative;
  border-top: solid 1px rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
    height: 115.125rem;
    margin-top: 9.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
    height: 200vh;
    margin-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .LWorkDesignFlowFigure:where(.astro-XKT5NR2L) {
    height: 239.84375vw;
  }
}
.inner:where(.astro-XKT5NR2L) {
  position: sticky;
  top: 0;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-XKT5NR2L) {
    height: 57.5625rem;
    margin-top: 9.5rem;
    margin-bottom: 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-XKT5NR2L) {
    height: calc(var(--vh) * 100);
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .inner:where(.astro-XKT5NR2L) {
    height: 119.921875vw;
  }
}
.figure:where(.astro-XKT5NR2L) {
  width: 100%;
  height: calc(var(--vh) * 100);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .figure:where(.astro-XKT5NR2L) {
    padding-left: 4.6875rem;
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .figure:where(.astro-XKT5NR2L) {
    height: 119.921875vw;
  }
}
.blocks:where(.astro-XKT5NR2L) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-XKT5NR2L) {
    width: 59.875rem;
    height: 57.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-XKT5NR2L) {
    width: calc(100% + 3.625rem);
    height: 31.25rem;
    margin-left: -1.8125rem;
    margin-right: -1.8125rem;
  }
}
.blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L) {
    width: 0.6875rem;
    height: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L) {
    width: 0.34375rem;
    height: 0.28125rem;
  }
}
@media screen and (min-width: 768px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L).-no05 {
    top: 6.4375rem;
    left: 14.3125rem;
    transform: rotate(-46deg);
  }
}
@media screen and (max-width: 767.99px) {
  .blocks:where(.astro-XKT5NR2L) .arrow:where(.astro-XKT5NR2L).-no05 {
    top: 3rem;
    left: 7.75rem;
    transform: rotate(-46deg);
  }
}
.block:where(.astro-XKT5NR2L) {
  position: relative;
}
.block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L),
.block:where(.astro-XKT5NR2L) .catch:where(.astro-XKT5NR2L) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
.block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L) {
  color: #eac21d;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L) {
    font-size: 1.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .block-title:where(.astro-XKT5NR2L) {
    font-size: 0.9375rem;
  }
}
.block:where(.astro-XKT5NR2L) .block-content:where(.astro-XKT5NR2L) {
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .catch:where(.astro-XKT5NR2L) {
    font-size: 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .catch:where(.astro-XKT5NR2L) {
    font-size: 1.5625rem;
  }
}
.block:where(.astro-XKT5NR2L) .circle:where(.astro-XKT5NR2L) {
  position: absolute;
  background-color: #44403f;
  border-radius: 50%;
  z-index: 100;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .circle:where(.astro-XKT5NR2L) {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .circle:where(.astro-XKT5NR2L) {
    width: 0.25rem;
    height: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.625rem;
    margin-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.3125rem;
    margin-left: 0.0625rem;
  }
}
.block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) {
  color: #44403fcc;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) {
    font-size: 0.9375rem;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) {
    font-size: 0.75rem;
    letter-spacing: 0.1em;
    line-height: 1.4166666667;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) + .desc-item:where(.astro-XKT5NR2L) {
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L) .desc-item:where(.astro-XKT5NR2L) + .desc-item:where(.astro-XKT5NR2L) {
    margin-top: 0.1875rem;
  }
}
.block:where(.astro-XKT5NR2L) .image:where(.astro-XKT5NR2L) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: -1;
}
.block:where(.astro-XKT5NR2L).-no01 {
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 {
    top: 12.1875rem;
    left: 18.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 {
    top: 3.71875rem;
    left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 .catch:where(.astro-XKT5NR2L) {
    margin-top: 0.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 .catch:where(.astro-XKT5NR2L) {
    margin-top: 0.34375rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 .circle:where(.astro-XKT5NR2L) {
    top: 9.1875rem;
    left: 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 .circle:where(.astro-XKT5NR2L) {
    top: 6.21875rem;
    left: 11.75rem;
  }
}
.block:where(.astro-XKT5NR2L).-no01 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(26deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no01 .arrow:where(.astro-XKT5NR2L) {
    top: 9.375rem;
    left: 8rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no01 .arrow:where(.astro-XKT5NR2L) {
    top: 6.28125rem;
    left: 12.25rem;
  }
}
.block:where(.astro-XKT5NR2L).-no02 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 {
    top: 16.25rem;
    left: 0;
    width: 25.3125rem;
    height: 25.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 {
    top: 7.5rem;
    left: -1.5rem;
    width: 14.25rem;
    height: 14.25rem;
  }
}
.block:where(.astro-XKT5NR2L).-no02 .block-title:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-title:where(.astro-XKT5NR2L) {
    top: 7.8125rem;
    left: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-title:where(.astro-XKT5NR2L) {
    top: 3.3125rem;
    left: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 13rem;
    margin-left: 6.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 5.5rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .circle:where(.astro-XKT5NR2L) {
    top: 13.75rem;
    left: 14.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .circle:where(.astro-XKT5NR2L) {
    top: 6.4375rem;
    left: 9.375rem;
  }
}
.block:where(.astro-XKT5NR2L).-no02 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(-80deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no02 .arrow:where(.astro-XKT5NR2L) {
    top: 12.8125rem;
    left: 14.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no02 .arrow:where(.astro-XKT5NR2L) {
    top: 5.9375rem;
    left: 9.40625rem;
  }
}
.block:where(.astro-XKT5NR2L).-no03 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 {
    bottom: -0.0625rem;
    left: 14.4375rem;
    width: 25.25rem;
    height: 25.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 {
    bottom: 2rem;
    left: 7.6875rem;
    width: 13.0625rem;
    height: 13.0625rem;
  }
}
.block:where(.astro-XKT5NR2L).-no03 .block-title:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-title:where(.astro-XKT5NR2L) {
    bottom: 5.6875rem;
    left: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-title:where(.astro-XKT5NR2L) {
    bottom: -1.5rem;
    left: 2.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 9.875rem;
    margin-left: 11.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 3.9375rem;
    margin-left: 4.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.5625rem;
    padding-left: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .circle:where(.astro-XKT5NR2L) {
    top: 8.75rem;
    left: 14.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .circle:where(.astro-XKT5NR2L) {
    top: 2.96875rem;
    left: 7.125rem;
  }
}
.block:where(.astro-XKT5NR2L).-no03 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(180deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no03 .arrow:where(.astro-XKT5NR2L) {
    top: 8.625rem;
    left: 13.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no03 .arrow:where(.astro-XKT5NR2L) {
    top: 2.9375rem;
    left: 6.6875rem;
  }
}
.block:where(.astro-XKT5NR2L).-no04 {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 {
    top: 0.75rem;
    right: 0;
    width: 38.5rem;
    height: 38.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 {
    top: 1.25rem;
    right: -3.4375rem;
    width: 18.125rem;
    height: 18.125rem;
  }
}
.block:where(.astro-XKT5NR2L).-no04 .block-title:where(.astro-XKT5NR2L) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-title:where(.astro-XKT5NR2L) {
    top: 10.9375rem;
    left: 9.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-title:where(.astro-XKT5NR2L) {
    top: 2.6875rem;
    left: 3.375rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 14.625rem;
    margin-left: 16.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .block-content:where(.astro-XKT5NR2L) {
    margin-top: 5.3125rem;
    margin-left: 4.875rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .desc:where(.astro-XKT5NR2L) {
    margin-top: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .desc:where(.astro-XKT5NR2L) {
    margin-left: 0.09375rem;
  }
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .circle:where(.astro-XKT5NR2L) {
    top: 15.5rem;
    right: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .circle:where(.astro-XKT5NR2L) {
    top: 6.1875rem;
    right: 4.625rem;
  }
}
.block:where(.astro-XKT5NR2L).-no04 .arrow:where(.astro-XKT5NR2L) {
  transform: rotate(78deg);
}
@media screen and (min-width: 768px) {
  .block:where(.astro-XKT5NR2L).-no04 .arrow:where(.astro-XKT5NR2L) {
    top: 16.4375rem;
    right: 9.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .block:where(.astro-XKT5NR2L).-no04 .arrow:where(.astro-XKT5NR2L) {
    top: 6.5625rem;
    right: 4.53125rem;
  }
}
.line:where(.astro-XKT5NR2L) {
  position: absolute;
  top: 0;
}
@media screen and (min-width: 768px) {
  .line:where(.astro-XKT5NR2L) {
    top: 0.1875rem;
    left: 14.625rem;
    width: 35.5625rem;
    height: 41.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-XKT5NR2L) {
    top: 0;
    right: 1.0625rem;
    width: 16.6875rem;
    height: 19.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    padding-top: 13.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow:where(.astro-FBJAZBLA) {
    padding-top: 6.90625rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .sectionTitle .title-en {
    margin-left: -0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .sectionTitle .title-en {
    margin-left: -0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .sectionTitle .title-jp {
    letter-spacing: 0.11em;
    margin-top: 0.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .sectionTitle .title-jp {
    margin-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-FBJAZBLA) {
    margin-top: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-FBJAZBLA) {
    margin-top: 4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .head .title {
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .head .title {
    margin-top: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .LWorkDesignFlow .head .text {
    padding-top: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorkDesignFlow .head .text {
    margin-top: 2.1875rem;
  }
}
.listTitle:where(.astro-FBJAZBLA) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .listTitle:where(.astro-FBJAZBLA) {
    font-size: 2rem;
    margin-top: 5.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .listTitle:where(.astro-FBJAZBLA) {
    font-size: 1.0625rem;
  }
}
.list:where(.astro-FBJAZBLA) {
  position: relative;
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-FBJAZBLA) {
    margin-top: 4.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-FBJAZBLA) {
    margin-top: 2.0625rem;
  }
}
.item:where(.astro-FBJAZBLA) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-FBJAZBLA) {
    display: flex;
    align-items: center;
    padding: 2.6875rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-FBJAZBLA) {
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .list-line:where(.astro-FBJAZBLA),
  .item-line:where(.astro-FBJAZBLA) {
    background-color: #44403f;
  }
}
.item-line:where(.astro-FBJAZBLA) {
  position: absolute;
  top: 0;
  left: 0;
}
.title:where(.astro-FBJAZBLA) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-FBJAZBLA) {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    flex-shrink: 0;
    width: 33rem;
    padding-left: 8.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-FBJAZBLA) {
    font-size: 0.75rem;
    letter-spacing: -0.025em;
    padding-left: 3.75rem;
  }
}
.title:where(.astro-FBJAZBLA):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-FBJAZBLA) {
    font-size: 0.875rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-FBJAZBLA) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.25rem;
  }
}
.labels:where(.astro-FBJAZBLA) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .labels:where(.astro-FBJAZBLA) {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .labels:where(.astro-FBJAZBLA) {
    margin-top: 0.8125rem;
  }
}
.label:where(.astro-FBJAZBLA) {
  display: inline-flex;
  align-items: center;
  background-color: #eee;
  border: 1px solid #f4f9fd;
}
@media screen and (min-width: 768px) {
  .label:where(.astro-FBJAZBLA) {
    font-size: 0.875rem;
    height: 2.125rem;
    border-radius: 1.0625rem;
    padding: 0 1.5625rem;
    margin-top: 0.875rem;
    margin-right: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .label:where(.astro-FBJAZBLA) {
    font-size: 0.75rem;
    height: 1.6875rem;
    border-radius: 0.84375rem;
    padding: 0 0.8125rem;
    margin-top: 0.4375rem;
    margin-right: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness:where(.astro-HX7RE2VM) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness:where(.astro-HX7RE2VM) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness:where(.astro-HX7RE2VM) {
    padding-top: 14.125rem;
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness:where(.astro-HX7RE2VM) {
    padding-top: 6.9375rem;
    padding-bottom: 5.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness .sectionTitle .title-en {
    margin-right: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness .sectionTitle .title-en {
    margin-right: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness .sectionTitle .title-en .line:nth-of-type(2) {
    margin-right: -0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness .sectionTitle .title-en .line:nth-of-type(2) {
    margin-right: -0.21875rem;
  }
}
@media screen and (min-width: 768px) {
  .LBusiness .sectionTitle .title-jp {
    margin-right: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LBusiness .sectionTitle .title-jp {
    margin-right: -0.125rem;
    margin-top: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-HX7RE2VM) {
    margin-top: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-HX7RE2VM) {
    margin-top: 4.5625rem;
  }
}
.list:where(.astro-HX7RE2VM) {
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-HX7RE2VM) {
    margin-top: 10.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-HX7RE2VM) {
    margin-top: 4.5rem;
  }
}
.item:where(.astro-HX7RE2VM) {
  counter-increment: number;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-HX7RE2VM) + .item:where(.astro-HX7RE2VM) {
    margin-top: 3.9375rem;
  }
}
.index:where(.astro-HX7RE2VM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  position: relative;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-HX7RE2VM) {
    font-size: 1.125rem;
    padding-left: 3.25rem;
    padding-bottom: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-HX7RE2VM) {
    font-size: 0.75rem;
    padding-left: 2.1875rem;
    padding-bottom: 0.90625rem;
  }
}
.index:where(.astro-HX7RE2VM):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767.99px) {
  .line:where(.astro-HX7RE2VM) {
    background-color: #44403f;
  }
}
.content:where(.astro-HX7RE2VM) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-HX7RE2VM) {
    align-items: center;
    justify-content: space-between;
    padding: 3.125rem 0 9.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-HX7RE2VM) {
    flex-direction: column;
    padding-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-HX7RE2VM) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 39.75rem;
    height: 23.25rem;
    padding-top: 3.6875rem;
  }
}
.title:where(.astro-HX7RE2VM) {
  font-weight: 600;
  letter-spacing: 0.1em;
}
.bAndroid:where(.astro-HX7RE2VM) .title:where(.astro-HX7RE2VM) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-HX7RE2VM) {
    font-size: 1.75rem;
    line-height: 1.0714285714;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-HX7RE2VM) {
    font-size: 1.3125rem;
    line-height: 1.1904761905;
  }
}
.text:where(.astro-HX7RE2VM) {
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-HX7RE2VM) {
    font-size: 0.875rem;
    line-height: 2;
    width: 31.875rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-HX7RE2VM) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-HX7RE2VM) {
    margin-left: auto;
    margin-top: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-HX7RE2VM) {
    margin-left: auto;
    margin-top: 2.1875rem;
  }
}
.image:where(.astro-HX7RE2VM) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-HX7RE2VM) {
    width: 23.25rem;
    height: 23.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-HX7RE2VM) {
    width: 22.125rem;
    height: 22.125rem;
    margin-top: 2.4375rem;
  }
}
.photo:where(.astro-HX7RE2VM) {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-Q7TYSWTC) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-Q7TYSWTC) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .head-content:where(.astro-Q7TYSWTC) {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 7.75rem;
    padding-left: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-content:where(.astro-Q7TYSWTC) {
    padding-left: 0.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-Q7TYSWTC) {
    margin-bottom: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .service:where(.astro-Q7TYSWTC) .CKv .photo {
    width: 180%;
  }
}
.CDividingLine:where(.astro-3GYQQT24) {
  width: 100%;
  height: 1px;
  background-color: #44403f33;
  scale: 0 1;
  transform-origin: left;
  transition: scale 0.9s cubic-bezier(0.87, 0, 0.13, 1);
}
.CDividingLine:where(.astro-3GYQQT24).-draw {
  scale: 1 1;
}
.COfficeDesignFigure:where(.astro-4MUOTZND) {
  position: relative;
}
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .text:where(.astro-4MUOTZND),
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .description-text:where(.astro-4MUOTZND) {
  color: #fff;
}
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .description-line:where(.astro-4MUOTZND) {
  fill: #fff;
}
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .inner:where(.astro-4MUOTZND),
.COfficeDesignFigure:where(.astro-4MUOTZND).-white .content:where(.astro-4MUOTZND) {
  border: none;
}
.inner:where(.astro-4MUOTZND) {
  position: sticky;
  top: 0;
  height: calc(var(--vh) * 100);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-4MUOTZND) {
    border-top: solid 1px rgba(68, 64, 63, 0.2);
    border-bottom: solid 1px rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-4MUOTZND) {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 42.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-4MUOTZND) {
    padding-top: 2.8125rem;
    padding-bottom: 4.25rem;
    border-top: solid 1px rgba(68, 64, 63, 0.2);
    border-bottom: solid 1px rgba(68, 64, 63, 0.2);
  }
}
.description:where(.astro-4MUOTZND) {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .description:where(.astro-4MUOTZND) {
    top: 45.8%;
    left: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .description:where(.astro-4MUOTZND) {
    top: 43.5%;
    left: -0.875rem;
  }
}
.description-text:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #54504f;
}
@media screen and (min-width: 768px) {
  .description-text:where(.astro-4MUOTZND) {
    font-size: 1.25rem;
    margin: 4.125rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .description-text:where(.astro-4MUOTZND) {
    font-size: 0.75rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 1.25rem 0;
  }
}
@media screen and (min-width: 768px) {
  .description-line:where(.astro-4MUOTZND) {
    height: 12.625rem;
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .description-line:where(.astro-4MUOTZND) {
    height: 6.3125rem;
  }
}
.figure:where(.astro-4MUOTZND) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .figure:where(.astro-4MUOTZND) {
    width: 39.4375rem;
    height: 38.625rem;
    margin-right: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .figure:where(.astro-4MUOTZND) {
    width: 100%;
    height: 22.3125rem;
  }
}
.bg:where(.astro-4MUOTZND) {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .bg:where(.astro-4MUOTZND) {
    width: 39.4375rem;
    height: 38.625rem;
    margin-top: 3.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-4MUOTZND) {
    width: 100%;
    height: auto;
  }
}
.bg:where(.astro-4MUOTZND) .image:where(.astro-4MUOTZND) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767.99px) {
  .bg:where(.astro-4MUOTZND) .image:where(.astro-4MUOTZND):nth-of-type(2) {
    width: 19.90625rem;
    height: 19.90625rem;
    margin-top: 1.25rem;
  }
}
.center-circle:where(.astro-4MUOTZND),
.circle:where(.astro-4MUOTZND),
.around-circle:where(.astro-4MUOTZND) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.center-circle:where(.astro-4MUOTZND) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) {
    width: 15rem;
    height: 15rem;
    margin-top: 3.5rem;
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) {
    width: 9.6875rem;
    height: 9.6875rem;
    margin-top: 0.375rem;
    margin-right: 0.3125rem;
  }
}
.center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND),
.center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND),
.center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  display: inline-block;
  z-index: 3;
}
.center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 0.75rem;
    text-align: center;
  }
}
.center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 600;
  letter-spacing: 0.02em;
}
.bAndroid:where(.astro-4MUOTZND) .center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 0.875rem;
    margin-top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 0.6875rem;
  }
}
.center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  height: 1px;
  background-color: #44403f4d;
}
@media screen and (min-width: 768px) {
  .center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 4.0625rem;
    margin: 0.625rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .center-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 4.5rem;
    margin: 0.625rem 0;
  }
}
.bgCircle:where(.astro-4MUOTZND) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #f4f9fd4d;
}
.circle:where(.astro-4MUOTZND) {
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .circle:where(.astro-4MUOTZND) {
    width: 12.75rem;
    height: 12.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .circle:where(.astro-4MUOTZND) {
    width: 7.875rem;
    height: 7.875rem;
  }
}
.afterbr:where(.astro-4MUOTZND) {
  display: none;
}
.around-circle:where(.astro-4MUOTZND) {
  position: absolute;
  color: #fff;
  background-color: #bd991e;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) {
    width: 14.75rem;
    height: 14.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) {
    width: 8.5625rem;
    height: 8.5625rem;
  }
}
.around-circle:where(.astro-4MUOTZND).-no01 {
  top: 0;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no01 {
    left: 12.375rem;
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND).-no01 {
    left: 6.75rem;
  }
}
.around-circle:where(.astro-4MUOTZND).-no02,
.around-circle:where(.astro-4MUOTZND).-no03 {
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no02,
  .around-circle:where(.astro-4MUOTZND).-no03 {
    padding-bottom: 1.25rem;
  }
}
.around-circle:where(.astro-4MUOTZND).-no02 {
  left: 0;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no02 {
    left: 1.75rem;
    bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND).-no02 {
    left: 0.5rem;
    bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND).-no03 {
    right: 1.9375rem;
    bottom: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND).-no03 {
    right: 0.78125rem;
    bottom: 0;
  }
}
.around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND),
.around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND),
.around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  display: inline-block;
}
.around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) .title:where(.astro-4MUOTZND) {
    font-size: 0.875rem;
  }
}
.around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 600;
  letter-spacing: 0.1em;
}
.bAndroid:where(.astro-4MUOTZND) .around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) .subTitle:where(.astro-4MUOTZND) {
    font-size: 0.8125rem;
    text-align: center;
  }
}
.around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
  height: 1px;
  background-color: #ffffff4d;
}
@media screen and (min-width: 768px) {
  .around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 4.0625rem;
    margin: 0.875rem 0 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .around-circle:where(.astro-4MUOTZND) .line:where(.astro-4MUOTZND) {
    width: 1.375rem;
    margin: 0.46875rem 0 0.53125rem;
  }
}
.caption:where(.astro-4MUOTZND) {
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
.bAndroid:where(.astro-4MUOTZND) .caption:where(.astro-4MUOTZND) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-4MUOTZND) {
    font-size: 1.5rem;
    height: 1.5rem;
    margin-top: 1.6875rem;
    padding-right: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-4MUOTZND) {
    font-size: 0.875rem;
    height: 0.875rem;
    margin-top: 2.0625rem;
  }
}
.caption:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
  position: absolute;
  display: inline-block;
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-4MUOTZND) {
    width: 100%;
    height: auto;
  }
}
.progress:where(.astro-4MUOTZND) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4MUOTZND) {
    position: absolute;
    top: 46.9%;
    right: 2.875rem;
    width: 1.125rem;
    flex-direction: column;
    justify-content: space-between;
    translate: 0 -50%;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4MUOTZND) {
    justify-content: center;
    margin-top: 2.25rem;
  }
}
.progress:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
    font-size: 1.125rem;
    writing-mode: vertical-rl;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4MUOTZND) .text:where(.astro-4MUOTZND) {
    font-size: 0.75rem;
  }
}
.progress:where(.astro-4MUOTZND) .bar:where(.astro-4MUOTZND) {
  position: relative;
  overflow: hidden;
  background-color: #44403f33;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-4MUOTZND) .bar:where(.astro-4MUOTZND) {
    width: 1px;
    height: 12.5rem;
    margin: 1.75rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-4MUOTZND) .bar:where(.astro-4MUOTZND) {
    width: 9.125rem;
    height: 1px;
    margin: 0 1rem;
  }
}
.progress:where(.astro-4MUOTZND) .progressBar:where(.astro-4MUOTZND) {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #bd991e;
  width: 100%;
  height: 100%;
  transform-origin: left top;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) {
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) {
    margin-top: 0.25rem;
    margin-left: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart-chart:where(.astro-XV66XEB5) {
    width: 15.5rem;
    height: 15.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart-chart:where(.astro-XV66XEB5) {
    width: 11.6875rem;
    height: 11.6875rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-root:where(.astro-XV66XEB5) {
  transform: rotate(-90deg);
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-root:where(.astro-XV66XEB5) {
    stroke-dasharray: 202.216%;
    stroke-dashoffset: 202.216%;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-root:where(.astro-XV66XEB5) {
    stroke-dasharray: 204.1%;
    stroke-dashoffset: 204.1%;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-1:where(.astro-XV66XEB5) {
  stroke: #bd991e;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-1:where(.astro-XV66XEB5).-animated {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.87, 0.01, 0.95, 0.63);
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-1:where(.astro-XV66XEB5).-animated {
    animation-name: circle-1-project;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-1:where(.astro-XV66XEB5).-animated {
    animation-name: circle-1-project-sp;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-2:where(.astro-XV66XEB5) {
  stroke: #d7c278;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-2:where(.astro-XV66XEB5).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-2:where(.astro-XV66XEB5).-animated {
    animation-name: circle-2-project;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-2:where(.astro-XV66XEB5).-animated {
    animation-name: circle-2-project-sp;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-3:where(.astro-XV66XEB5) {
  stroke: #e5d6a5;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-3:where(.astro-XV66XEB5).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-3:where(.astro-XV66XEB5).-animated {
    animation-name: circle-3-project;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-3:where(.astro-XV66XEB5).-animated {
    animation-name: circle-3-project-sp;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-4:where(.astro-XV66XEB5) {
  stroke: #f8f5e8;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .circle-4:where(.astro-XV66XEB5).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-4:where(.astro-XV66XEB5).-animated {
    animation-name: circle-4-project;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .circle-4:where(.astro-XV66XEB5).-animated {
    animation-name: circle-4-project-sp;
  }
}
@keyframes circle-1-project {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 404.432%;
  }
}
@keyframes circle-1-project-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 408.2%;
  }
}
@keyframes circle-2-project {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 312.221504%;
  }
}
@keyframes circle-2-project-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 315.1304%;
  }
}
@keyframes circle-3-project {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 231.739536%;
  }
}
@keyframes circle-3-project-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 233.8986%;
  }
}
@keyframes circle-4-project {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 210.30464%;
  }
}
@keyframes circle-4-project-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 212.264%;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-root:where(.astro-XV66XEB5) {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #e9e9e9;
  transform-origin: bottom center;
  transform: rotate(0);
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .border-root:where(.astro-XV66XEB5) {
    width: 0.125rem;
    height: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .border-root:where(.astro-XV66XEB5) {
    width: 0.0625rem;
    height: 5.90625rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-root:where(.astro-XV66XEB5).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-1:where(.astro-XV66XEB5) {
  rotate: -0.002turn;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-2:where(.astro-XV66XEB5) {
  opacity: 0;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-2:where(.astro-XV66XEB5).-animated {
  animation-name: border-2-project;
  -webkit-animation: border-2-project 0.3s 1s forwards;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-3:where(.astro-XV66XEB5) {
  opacity: 0;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-3:where(.astro-XV66XEB5).-animated {
  animation-name: border-3-project;
  -webkit-animation: border-3-project 0.3s 1s forwards;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-4:where(.astro-XV66XEB5) {
  opacity: 0;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .border-4:where(.astro-XV66XEB5).-animated {
  animation-name: border-4-project;
  -webkit-animation: border-4-project 0.3s 1s forwards;
}
@keyframes border-2-project {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.542turn;
    opacity: 1;
  }
}
@keyframes border-3-project {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.145turn;
    opacity: 1;
  }
}
@keyframes border-4-project {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.04turn;
    opacity: 1;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5) {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._1 {
    top: 11.375rem;
    right: 2.375rem;
    width: 10.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._1 {
    top: 8.8125rem;
    right: 0.4375rem;
    width: 8.4375rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._1.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1.3s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._2 {
    top: 11.375rem;
    left: 2.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._2 {
    top: 8.625rem;
    left: 0.15625rem;
    width: 8.65625rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._2.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._3 {
    top: 3.5rem;
    left: 2.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._3 {
    top: 2.5625rem;
    left: 0.09375rem;
    width: 8.625rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._3.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1.1s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._4 {
    top: -0.5rem;
    right: 3.625rem;
    width: 13.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._4 {
    top: -0.5625rem;
    right: 1.25rem;
    width: 10.125rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .text:where(.astro-XV66XEB5)._4.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) {
    font-size: 0.6875rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._1,
.LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._4 {
  right: 0;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._1 {
    top: -1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._1 {
    top: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._2,
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._3 {
    top: -0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._2,
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._3 {
    top: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._4 {
    top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5)._4 {
    top: 0.25rem;
    right: -0.3125rem;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .title:where(.astro-XV66XEB5) {
  font-weight: 600;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .title:where(.astro-XV66XEB5) {
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .title:where(.astro-XV66XEB5) {
    letter-spacing: 0.05em;
    line-height: 1.9090909091;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .percent:where(.astro-XV66XEB5) {
  font-weight: 700;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .percent:where(.astro-XV66XEB5) {
    font-size: 1.875rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .percent:where(.astro-XV66XEB5) {
    font-size: 1.3125rem;
    letter-spacing: -0.02em;
  }
}
.LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .unit:where(.astro-XV66XEB5) {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .unit:where(.astro-XV66XEB5) {
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjectsChart:where(.astro-XV66XEB5) .textInner:where(.astro-XV66XEB5) .unit:where(.astro-XV66XEB5) {
    margin-left: 0.125rem;
  }
}
@keyframes text {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.LAboutProjectsContent:where(.astro-7NHB6DZ6) {
  border-block: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LAboutProjectsContent:where(.astro-7NHB6DZ6) {
    display: flex;
    padding-block: 5rem 5.75rem;
  }
}
@media screen and (min-width: 768px) {
  .column:where(.astro-7NHB6DZ6) {
    width: 50%;
    padding-block: 0.5625rem 0;
  }
}
@media screen and (max-width: 767.99px) {
  .column:where(.astro-7NHB6DZ6) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .column:where(.astro-7NHB6DZ6):first-child {
    padding-right: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .column:where(.astro-7NHB6DZ6):last-child {
    padding-left: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .column:where(.astro-7NHB6DZ6):first-child {
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-7NHB6DZ6) {
    padding-block: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-7NHB6DZ6).-no1 {
    padding-bottom: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-7NHB6DZ6).-no1 {
    padding-bottom: 2.4375rem;
  }
}
.cell:where(.astro-7NHB6DZ6).-no2 {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-7NHB6DZ6).-no2 {
    padding-top: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-7NHB6DZ6).-no2 {
    padding-bottom: 2.75rem;
  }
}
.cell:where(.astro-7NHB6DZ6).-no3 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-7NHB6DZ6).-no3 {
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-7NHB6DZ6).-no3 {
    padding-bottom: 2.25rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-7NHB6DZ6).-no3 .head:where(.astro-7NHB6DZ6) {
    margin-bottom: 3.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-7NHB6DZ6).-no3 .head:where(.astro-7NHB6DZ6) {
    margin-bottom: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-7NHB6DZ6).-no3 .main:where(.astro-7NHB6DZ6) {
    margin-right: -1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-7NHB6DZ6).-no3 .text:where(.astro-7NHB6DZ6) {
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-7NHB6DZ6) {
    margin-bottom: 2.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-7NHB6DZ6) {
    margin-bottom: 1.5625rem;
  }
}
.title:where(.astro-7NHB6DZ6) {
  font-weight: 600;
  text-align: center;
  font-feature-settings: normal;
}
.bAndroid:where(.astro-7NHB6DZ6) .title:where(.astro-7NHB6DZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-7NHB6DZ6) {
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-7NHB6DZ6) {
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
  }
}
.main:where(.astro-7NHB6DZ6) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-7NHB6DZ6) {
    margin-bottom: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-7NHB6DZ6) {
    margin-bottom: 0.375rem;
  }
}
.num:where(.astro-7NHB6DZ6) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-7NHB6DZ6) {
    font-size: 6.875rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-7NHB6DZ6) {
    font-size: 3.75rem;
    letter-spacing: -0.04em;
  }
}
.unit:where(.astro-7NHB6DZ6) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-7NHB6DZ6) .unit:where(.astro-7NHB6DZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-7NHB6DZ6) {
    bottom: 0.875rem;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-7NHB6DZ6) {
    bottom: 0.34375rem;
    font-size: 1.25rem;
    letter-spacing: 0.025em;
  }
}
.unit:where(.astro-7NHB6DZ6):first-child {
  margin-left: -1em;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-7NHB6DZ6):first-child {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-7NHB6DZ6):first-child {
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-7NHB6DZ6):last-child {
    margin-left: 0.5rem;
    margin-right: -1em;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-7NHB6DZ6):last-child {
    margin-left: 0.3125rem;
  }
}
.caption:where(.astro-7NHB6DZ6) {
  text-align: center;
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-7NHB6DZ6) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-7NHB6DZ6).-l {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-7NHB6DZ6).-l {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chart:where(.astro-7NHB6DZ6) {
    margin-bottom: 2.1875rem;
  }
}
.text:where(.astro-7NHB6DZ6) {
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-7NHB6DZ6) {
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-7NHB6DZ6) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.bottom:where(.astro-7NHB6DZ6) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-7NHB6DZ6) {
    margin-top: 0.3125rem;
  }
}
.link:where(.astro-7NHB6DZ6) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkText:where(.astro-7NHB6DZ6) {
  font-weight: 600;
}
.bAndroid:where(.astro-7NHB6DZ6) .linkText:where(.astro-7NHB6DZ6) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .linkText:where(.astro-7NHB6DZ6) {
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkText:where(.astro-7NHB6DZ6) {
    margin-right: 0.375rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutProjects:where(.astro-2H24JXQF) {
    margin-block: 15rem 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutProjects:where(.astro-2H24JXQF) {
    margin-block: 6.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-2H24JXQF) {
    margin-bottom: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-2H24JXQF) {
    margin-bottom: 3.625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-2H24JXQF) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-2H24JXQF) {
    margin-inline: 1.875rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) {
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) {
    margin-top: 8rem;
    margin-left: -2.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) {
    margin-top: 4.9375rem;
    margin-left: -1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01-chart:where(.astro-W7UPUW72) {
    width: 15.5rem;
    height: 15.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01-chart:where(.astro-W7UPUW72) {
    width: 11.6875rem;
    height: 11.6875rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-root:where(.astro-W7UPUW72) {
  transform: rotate(-90deg);
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-root:where(.astro-W7UPUW72) {
    stroke-dasharray: 202.216%;
    stroke-dashoffset: 202.216%;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-root:where(.astro-W7UPUW72) {
    stroke-dasharray: 204.1%;
    stroke-dashoffset: 204.1%;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-1:where(.astro-W7UPUW72) {
  stroke: #bd991e;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-1:where(.astro-W7UPUW72).-animated {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.87, 0.01, 0.95, 0.63);
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-1:where(.astro-W7UPUW72).-animated {
    animation-name: circle-1-member-01;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-1:where(.astro-W7UPUW72).-animated {
    animation-name: circle-1-member-01-sp;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-2:where(.astro-W7UPUW72) {
  stroke: #d7c278;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-2:where(.astro-W7UPUW72).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-2:where(.astro-W7UPUW72).-animated {
    animation-name: circle-2-member-01;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-2:where(.astro-W7UPUW72).-animated {
    animation-name: circle-2-member-01-sp;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-3:where(.astro-W7UPUW72) {
  stroke: #e5d6a5;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-3:where(.astro-W7UPUW72).-animated {
  animation-name: circle-3;
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-3:where(.astro-W7UPUW72).-animated {
    animation-name: circle-3-member-01;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-3:where(.astro-W7UPUW72).-animated {
    animation-name: circle-3-member-01-sp;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-4:where(.astro-W7UPUW72) {
  stroke: #f8f5e8;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .circle-4:where(.astro-W7UPUW72).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-4:where(.astro-W7UPUW72).-animated {
    animation-name: circle-4-member-01;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .circle-4:where(.astro-W7UPUW72).-animated {
    animation-name: circle-4-member-01-sp;
  }
}
@keyframes circle-1-member-01 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 404.432%;
  }
}
@keyframes circle-1-member-01-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 408.2%;
  }
}
@keyframes circle-2-member-01 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 327.58992%;
  }
}
@keyframes circle-2-member-01-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 330.642%;
  }
}
@keyframes circle-3-member-01 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 276.02484%;
  }
}
@keyframes circle-3-member-01-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 279.4129%;
  }
}
@keyframes circle-4-member-01 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 228.50408%;
  }
}
@keyframes circle-4-member-01-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 230.633%;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-root:where(.astro-W7UPUW72) {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #e9e9e9;
  transform-origin: bottom center;
  transform: rotate(0);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .border-root:where(.astro-W7UPUW72) {
    width: 0.125rem;
    height: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .border-root:where(.astro-W7UPUW72) {
    width: 0.0625rem;
    height: 5.90625rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-root:where(.astro-W7UPUW72).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-2:where(.astro-W7UPUW72) {
  opacity: 0;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-2:where(.astro-W7UPUW72).-animated {
  animation-name: border-2-member-01;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-3:where(.astro-W7UPUW72) {
  opacity: 0;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-3:where(.astro-W7UPUW72).-animated {
  animation-name: border-3-member-01;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-4:where(.astro-W7UPUW72) {
  opacity: 0;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .border-4:where(.astro-W7UPUW72).-animated {
  animation-name: border-4-member-01;
}
@keyframes border-2-member-01 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.62turn;
    opacity: 1;
  }
}
@keyframes border-3-member-01 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.364turn;
    opacity: 1;
  }
}
@keyframes border-4-member-01 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.13turn;
    opacity: 1;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72) {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._1 {
    top: 3.5rem;
    right: 1.875rem;
    width: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._1 {
    top: 2.5625rem;
    right: -0.0625rem;
    width: 7.6875rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._1.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1.3s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._2 {
    top: 12.9375rem;
    right: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._2 {
    top: 9.8125rem;
    right: -0.3125rem;
    width: 10.75rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._2.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._3 {
    top: 7.375rem;
    left: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._3 {
    top: 5.46875rem;
    left: -0.4375rem;
    width: 8.40625rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._3.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1.1s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._4 {
    top: 0.25rem;
    left: 1.6875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._4 {
    top: 0rem;
    left: -0.5rem;
    width: 10.125rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .text:where(.astro-W7UPUW72)._4.-animated {
  animation-name: text;
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) {
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._1 {
    top: -4.75rem;
    right: -5rem;
    width: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._1 {
    top: -5.375rem;
    right: -0.125rem;
    width: 5.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._2 {
    top: -0.75rem;
    right: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._2 {
    top: -0.75rem;
    right: -0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._3 {
    top: -2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._3 {
    top: -1.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._4 {
    top: -4.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72)._4 {
    top: -3.6875rem;
    left: 0rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .title:where(.astro-W7UPUW72) {
  font-weight: 600;
  display: block;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .title:where(.astro-W7UPUW72) {
    line-height: 1.4285714286;
    margin-bottom: -0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .title:where(.astro-W7UPUW72) {
    letter-spacing: 0.05em;
    line-height: 1.2727272727;
    margin-bottom: -0.5rem;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .percent:where(.astro-W7UPUW72) {
  font-weight: 700;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .percent:where(.astro-W7UPUW72) {
    font-size: 1.875rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .percent:where(.astro-W7UPUW72) {
    font-size: 1.3125rem;
    letter-spacing: -0.02em;
  }
}
.LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .unit:where(.astro-W7UPUW72) {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .unit:where(.astro-W7UPUW72) {
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart01:where(.astro-W7UPUW72) .textInner:where(.astro-W7UPUW72) .unit:where(.astro-W7UPUW72) {
    margin-left: 0.125rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) {
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) {
    margin-top: 2.09375rem;
    margin-left: 0.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02-chart:where(.astro-WX6ATGKC) {
    width: 15.5rem;
    height: 15.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02-chart:where(.astro-WX6ATGKC) {
    width: 11.6875rem;
    height: 11.6875rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-root:where(.astro-WX6ATGKC) {
  transform: rotate(-90deg);
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-root:where(.astro-WX6ATGKC) {
    stroke-dasharray: 202.216%;
    stroke-dashoffset: 202.216%;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-root:where(.astro-WX6ATGKC) {
    stroke-dasharray: 204.1%;
    stroke-dashoffset: 204.1%;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-1:where(.astro-WX6ATGKC) {
  stroke: #bd991e;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-1:where(.astro-WX6ATGKC).-animated {
  animation-name: circle-1;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.87, 0.01, 0.95, 0.63);
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-1:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-1-member-01;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-1:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-1-member-01-sp;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-2:where(.astro-WX6ATGKC) {
  stroke: #d7c278;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-2:where(.astro-WX6ATGKC).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-2:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-2-member-02;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-2:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-2-member-02-sp;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-3:where(.astro-WX6ATGKC) {
  stroke: #e5d6a5;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-3:where(.astro-WX6ATGKC).-animated {
  animation-name: circle-3;
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-3:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-3-member-02;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-3:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-3-member-02-sp;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-4:where(.astro-WX6ATGKC) {
  stroke: #f8f5e8;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-4:where(.astro-WX6ATGKC).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-4:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-4-member-02;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .circle-4:where(.astro-WX6ATGKC).-animated {
    animation-name: circle-4-member-02-sp;
  }
}
@keyframes circle-2-member-02 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 327.58992%;
  }
}
@keyframes circle-2-member-02-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 330.642%;
  }
}
@keyframes circle-3-member-02 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 315.45696%;
  }
}
@keyframes circle-3-member-02-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 318.396%;
  }
}
@keyframes circle-4-member-02 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 245.490224%;
  }
}
@keyframes circle-4-member-02-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 248.3897%;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-root:where(.astro-WX6ATGKC) {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #e9e9e9;
  transform-origin: bottom center;
  transform: rotate(0);
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .border-root:where(.astro-WX6ATGKC) {
    width: 0.125rem;
    height: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .border-root:where(.astro-WX6ATGKC) {
    width: 0.0625rem;
    height: 5.90625rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-root:where(.astro-WX6ATGKC).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-2:where(.astro-WX6ATGKC) {
  opacity: 0;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-2:where(.astro-WX6ATGKC).-animated {
  animation-name: border-2-member-02;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-3:where(.astro-WX6ATGKC) {
  opacity: 0;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-3:where(.astro-WX6ATGKC).-animated {
  animation-name: border-3-member-02;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-4:where(.astro-WX6ATGKC) {
  opacity: 0;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .border-4:where(.astro-WX6ATGKC).-animated {
  animation-name: border-4-member-02;
}
@keyframes border-2-member-02 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.62turn;
    opacity: 1;
  }
}
@keyframes border-3-member-02 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.56turn;
    opacity: 1;
  }
}
@keyframes border-4-member-02 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.215turn;
    opacity: 1;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC) {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._1 {
    top: 4.1875rem;
    right: 0.0625rem;
    width: 11rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._1 {
    top: 3.0625rem;
    right: -0.5625rem;
    width: 7.4375rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._1.-animated {
  animation-name: text;
  animation-duration: 0.7s;
  animation-delay: 1.2s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._2 {
    top: 11.5rem;
    left: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._2 {
    top: 8.875rem;
    left: 0.5625rem;
    width: 7.8125rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._2.-animated {
  animation-name: text;
  animation-duration: 0.7s;
  animation-delay: 1.1s;
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._3 {
    top: 0.5625rem;
    left: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._3 {
    top: 0.4375rem;
    left: 0.6875rem;
    width: 7.6875rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .text:where(.astro-WX6ATGKC)._3.-animated {
  animation-name: text;
  animation-duration: 0.7s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) {
    font-size: 0.6875rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._1,
.LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._4 {
  right: 0;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._1 {
    top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._1 {
    top: 0.375rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._2 {
    top: -0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._2 {
    top: -0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._3 {
    top: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC)._3 {
    top: 0.15625rem;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .title:where(.astro-WX6ATGKC) {
  font-weight: 600;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .title:where(.astro-WX6ATGKC) {
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .title:where(.astro-WX6ATGKC) {
    letter-spacing: 0.05em;
    line-height: 1.9090909091;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .percent:where(.astro-WX6ATGKC) {
  font-weight: 700;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .percent:where(.astro-WX6ATGKC) {
    font-size: 1.875rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .percent:where(.astro-WX6ATGKC) {
    font-size: 1.3125rem;
    letter-spacing: -0.02em;
  }
}
.LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .unit:where(.astro-WX6ATGKC) {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .unit:where(.astro-WX6ATGKC) {
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMemberChart02:where(.astro-WX6ATGKC) .textInner:where(.astro-WX6ATGKC) .unit:where(.astro-WX6ATGKC) {
    margin-left: 0.125rem;
  }
}
.LAboutMemberContent:where(.astro-U2BLLPHW) {
  border-block: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .row:where(.astro-U2BLLPHW) {
    display: flex;
    padding-block: 5.625rem;
  }
}
.row:where(.astro-U2BLLPHW) + .row:where(.astro-U2BLLPHW) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .row:where(.astro-U2BLLPHW) + .row:where(.astro-U2BLLPHW) {
    padding-bottom: 4.875rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW) {
    width: 50%;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW) {
    padding-block: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW) + .cell:where(.astro-U2BLLPHW) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no1 {
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no1 {
    padding-bottom: 3.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no1 .head:where(.astro-U2BLLPHW) {
    padding-right: 3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no1 .caption:where(.astro-U2BLLPHW) {
    padding-right: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no2 {
    padding-left: 5.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no2 {
    padding-bottom: 2.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no2 .head:where(.astro-U2BLLPHW) .title:where(.astro-U2BLLPHW) {
    text-align: left;
    margin-left: 38%;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no2 .head:where(.astro-U2BLLPHW) .main:where(.astro-U2BLLPHW) {
    justify-content: flex-start;
    margin-left: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no2
    .head:where(.astro-U2BLLPHW)
    .main:where(.astro-U2BLLPHW)
    .unit:where(.astro-U2BLLPHW) {
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no2
    .head:where(.astro-U2BLLPHW)
    .main:where(.astro-U2BLLPHW)
    .num:where(.astro-U2BLLPHW) {
    display: inline-block;
    text-align: right;
    width: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no2 .chart:where(.astro-U2BLLPHW) {
    padding-left: 1.5625rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 {
    padding-right: 3.75rem;
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 {
    padding-bottom: 2.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .title:where(.astro-U2BLLPHW) {
    margin-bottom: 2.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .title:where(.astro-U2BLLPHW) {
    margin-bottom: 1.375rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .cautionary:where(.astro-U2BLLPHW) {
  display: block;
  opacity: 0.8;
  font-weight: lighter;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .cautionary:where(.astro-U2BLLPHW) {
    font-size: 0.875rem;
    margin-top: 0.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .cautionary:where(.astro-U2BLLPHW) {
    font-size: 0.75rem;
    margin-top: 0.65625rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .list:where(.astro-U2BLLPHW) {
  border: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .list:where(.astro-U2BLLPHW) {
    margin-top: 1.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .list:where(.astro-U2BLLPHW) {
    margin-top: 1.375rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .item:where(.astro-U2BLLPHW) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item:where(.astro-U2BLLPHW) {
    padding: 0.5625rem 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item:where(.astro-U2BLLPHW) {
    padding-block: 0.40625rem;
    padding-inline: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW) {
    /*font-size: 0.8125rem;*/
	font-size: 1.2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW) {
    font-size: 0.75rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW).-people {
  color: #bd991e;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}
.bAndroid:where(.astro-U2BLLPHW) .cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW).-people {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW).-people {
    width: 1.875rem;
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW).-people {
    width: 1.875rem;
    margin-left: 0.78125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .item-text:where(.astro-U2BLLPHW).-license {
    white-space: nowrap;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .line:where(.astro-U2BLLPHW) {
  display: inline-block;
  background: rgba(68, 64, 63, 0.2);
  height: 1px;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .line:where(.astro-U2BLLPHW) {
    /*width: 14.25rem;*/
	width: 9.25rem;
    margin-left: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .line:where(.astro-U2BLLPHW) {
    flex-grow: 1;
    margin-left: 0.625rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .item:where(.astro-U2BLLPHW):nth-child(odd) {
  background: #fff;
}
.cell:where(.astro-U2BLLPHW).-no3 .ratio:where(.astro-U2BLLPHW) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .ratio:where(.astro-U2BLLPHW) {
    margin-top: 3.125rem;
    padding-top: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .ratio:where(.astro-U2BLLPHW) {
    margin-top: 2.84375rem;
    padding-top: 2.84375rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .ratio:where(.astro-U2BLLPHW) .title:where(.astro-U2BLLPHW) {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .ratio:where(.astro-U2BLLPHW) .title:where(.astro-U2BLLPHW) {
    margin-bottom: 1.25rem;
  }
}
.cell:where(.astro-U2BLLPHW).-no3 .ratio:where(.astro-U2BLLPHW) .main:where(.astro-U2BLLPHW) {
  margin-bottom: 0;
}
.cell:where(.astro-U2BLLPHW).-no3 .ratio-head:where(.astro-U2BLLPHW) {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no3 .ratio-head:where(.astro-U2BLLPHW) {
    gap: 1.25rem;
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3 .ratio-head:where(.astro-U2BLLPHW) {
    gap: 0.96875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no3
    .main:where(.astro-U2BLLPHW)
    + .main:where(.astro-U2BLLPHW)
    .unit:where(.astro-U2BLLPHW):first-child {
    margin-right: -0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no4 {
    padding-left: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no4 {
    padding-bottom: 2.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-U2BLLPHW).-no4 .chart:where(.astro-U2BLLPHW) {
    margin-block: 6.625rem 5.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-U2BLLPHW).-no4 .chart:where(.astro-U2BLLPHW) {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-U2BLLPHW) {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-U2BLLPHW) {
    margin-bottom: 1.5625rem;
  }
}
.title:where(.astro-U2BLLPHW) {
  font-weight: 600;
  text-align: center;
  font-feature-settings: normal;
}
.bAndroid:where(.astro-U2BLLPHW) .title:where(.astro-U2BLLPHW) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-U2BLLPHW) {
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-U2BLLPHW) {
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
  }
}
.main:where(.astro-U2BLLPHW) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-U2BLLPHW) {
    margin-bottom: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-U2BLLPHW) {
    margin-bottom: 0.375rem;
  }
}
.num:where(.astro-U2BLLPHW) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-U2BLLPHW) {
    font-size: 6.875rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-U2BLLPHW) {
    font-size: 3.75rem;
    letter-spacing: -0.04em;
  }
}
.unit:where(.astro-U2BLLPHW) {
  position: relative;
  font-weight: 600;
  white-space: nowrap;
}
.bAndroid:where(.astro-U2BLLPHW) .unit:where(.astro-U2BLLPHW) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-U2BLLPHW) {
    bottom: 0.875rem;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-U2BLLPHW) {
    bottom: 0.34375rem;
    font-size: 1.25rem;
    letter-spacing: 0.025em;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-U2BLLPHW):first-child {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-U2BLLPHW):first-child {
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-U2BLLPHW):last-child {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-U2BLLPHW):last-child {
    margin-left: 0.3125rem;
  }
}
.caption:where(.astro-U2BLLPHW) {
  text-align: center;
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-U2BLLPHW) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-U2BLLPHW).-l {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-U2BLLPHW).-l {
    font-size: 0.875rem;
  }
}
.text:where(.astro-U2BLLPHW) {
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-U2BLLPHW) {
    line-height: 1.9;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-U2BLLPHW) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.bottom:where(.astro-U2BLLPHW) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-U2BLLPHW) {
    margin-top: 0.3125rem;
  }
}
.link:where(.astro-U2BLLPHW) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkText:where(.astro-U2BLLPHW) {
  font-weight: 600;
}
.bAndroid:where(.astro-U2BLLPHW) .linkText:where(.astro-U2BLLPHW) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .linkText:where(.astro-U2BLLPHW) {
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkText:where(.astro-U2BLLPHW) {
    margin-right: 0.375rem;
    font-size: 0.75rem;
  }
}
.map:where(.astro-U2BLLPHW) {
  position: relative;
}
.layer:where(.astro-U2BLLPHW):first-child {
  position: relative;
}
.layer:where(.astro-U2BLLPHW) {
  position: absolute;
}
.layer:where(.astro-U2BLLPHW).-japan {
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .layer:where(.astro-U2BLLPHW).-japan {
    left: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .layer:where(.astro-U2BLLPHW).-japan {
    width: 13rem;
    top: 0.9375rem;
    left: 4.25rem;
  }
}
.layer:where(.astro-U2BLLPHW).-nagoya {
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .layer:where(.astro-U2BLLPHW).-nagoya {
    bottom: 3.125rem;
    right: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .layer:where(.astro-U2BLLPHW).-nagoya {
    width: 9.625rem;
    bottom: 1.4375rem;
    right: 1.375rem;
  }
}
.layer:where(.astro-U2BLLPHW).-osaka {
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .layer:where(.astro-U2BLLPHW).-osaka {
    bottom: 4.875rem;
    left: 3.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .layer:where(.astro-U2BLLPHW).-osaka {
    width: 8.4375rem;
    bottom: 2.6875rem;
    left: 1.5rem;
  }
}
.layer:where(.astro-U2BLLPHW).-tokyo {
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .layer:where(.astro-U2BLLPHW).-tokyo {
    top: 6.3125rem;
    right: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .layer:where(.astro-U2BLLPHW).-tokyo {
    width: 7.875rem;
    top: 5.75rem;
    right: 1.75rem;
  }
}
.layer:where(.astro-U2BLLPHW).-circle {
  background-color: #dbdbdb;
  opacity: 0.3;
  border-radius: 50%;
  box-sizing: content-box;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .layer:where(.astro-U2BLLPHW).-circle {
    width: 17.125rem;
    height: 17.125rem;
    top: 1.875rem;
    left: 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .layer:where(.astro-U2BLLPHW).-circle {
    width: 12.5rem;
    height: 12.5rem;
    top: 2.4375rem;
    left: 4.8125rem;
  }
}
.layer:where(.astro-U2BLLPHW).-innerCircle {
  background-color: #fff;
  border-radius: 50%;
  box-sizing: content-box;
  z-index: 1;
  opacity: 0.3;
}
@media screen and (min-width: 768px) {
  .layer:where(.astro-U2BLLPHW).-innerCircle {
    width: 13.375rem;
    height: 13.375rem;
    top: 3.75rem;
    left: 9.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .layer:where(.astro-U2BLLPHW).-innerCircle {
    width: 10rem;
    height: 10rem;
    top: 3.6875rem;
    left: 6.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutMember:where(.astro-D4GP5CPN) {
    margin-bottom: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutMember:where(.astro-D4GP5CPN) {
    margin-bottom: 6.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-D4GP5CPN) {
    padding-right: 0.25rem;
    margin-bottom: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-D4GP5CPN) {
    margin-bottom: 3.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-D4GP5CPN) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-D4GP5CPN) {
    margin-inline: 1.875rem;
  }
}
.LAboutEnvironmentContent:where(.astro-WCFNVKKX) {
  border-block: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .row:where(.astro-WCFNVKKX) {
    display: flex;
    padding-block: 3.125rem 2.625rem;
  }
}
.row:where(.astro-WCFNVKKX) + .row:where(.astro-WCFNVKKX) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-WCFNVKKX) {
    width: 50%;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-WCFNVKKX) {
    padding-block: 2.75rem 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-WCFNVKKX):nth-child(odd) {
    padding-right: 3.125rem;
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-WCFNVKKX):nth-child(odd) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-WCFNVKKX):nth-child(even) {
    padding-left: 3.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-WCFNVKKX) {
    margin-bottom: 2.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-WCFNVKKX) {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-WCFNVKKX).-no1 .main:where(.astro-WCFNVKKX) {
    padding-right: 1.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-WCFNVKKX).-no2 .main:where(.astro-WCFNVKKX) {
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-WCFNVKKX).-no2 .unit:where(.astro-WCFNVKKX).-per {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-WCFNVKKX).-no3 .main:where(.astro-WCFNVKKX) {
    padding-right: 1.75rem;
  }
}
.title:where(.astro-WCFNVKKX) {
  font-weight: 600;
  text-align: center;
  font-feature-settings: normal;
}
.bAndroid:where(.astro-WCFNVKKX) .title:where(.astro-WCFNVKKX) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-WCFNVKKX) {
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-WCFNVKKX) {
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
  }
}
.main:where(.astro-WCFNVKKX) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-WCFNVKKX) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-WCFNVKKX) {
    margin-bottom: 0.375rem;
  }
}
.num:where(.astro-WCFNVKKX) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-WCFNVKKX) {
    font-size: 6.875rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-WCFNVKKX) {
    font-size: 3.75rem;
    letter-spacing: -0.04em;
  }
}
.unit:where(.astro-WCFNVKKX) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-WCFNVKKX) .unit:where(.astro-WCFNVKKX) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-WCFNVKKX) {
    bottom: 0.75rem;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-WCFNVKKX) {
    bottom: 0.34375rem;
    font-size: 1.25rem;
    letter-spacing: 0.025em;
  }
}
.unit:where(.astro-WCFNVKKX):first-child {
  margin-left: -1em;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-WCFNVKKX):first-child {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-WCFNVKKX):first-child {
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-WCFNVKKX):last-child {
    margin-left: 0.5rem;
    margin-right: -0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-WCFNVKKX):last-child {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-WCFNVKKX) + .unit:where(.astro-WCFNVKKX) {
    margin-left: 1rem;
    margin-right: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-WCFNVKKX) + .unit:where(.astro-WCFNVKKX) {
    margin-left: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-WCFNVKKX).-woman {
    margin-right: -0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-WCFNVKKX).-woman {
    margin-right: -0.25rem;
  }
}
.caption:where(.astro-WCFNVKKX) {
  text-align: center;
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-WCFNVKKX) {
    font-size: 0.75rem;
    font-feature-settings: normal;
  }
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-WCFNVKKX).-l {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-WCFNVKKX).-l {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .chart:where(.astro-WCFNVKKX) {
    margin-bottom: 2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-WCFNVKKX) {
    line-height: 2;
    letter-spacing: 0.018em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-WCFNVKKX) {
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
.bottom:where(.astro-WCFNVKKX) {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-WCFNVKKX) {
    margin-top: 0.3125rem;
  }
}
.link:where(.astro-WCFNVKKX) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.linkText:where(.astro-WCFNVKKX) {
  font-weight: 600;
}
.bAndroid:where(.astro-WCFNVKKX) .linkText:where(.astro-WCFNVKKX) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .linkText:where(.astro-WCFNVKKX) {
    margin-right: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .linkText:where(.astro-WCFNVKKX) {
    margin-right: 0.375rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutEnvironment:where(.astro-KEKLXQMQ) {
    margin-bottom: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutEnvironment:where(.astro-KEKLXQMQ) {
    margin-bottom: 6.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-KEKLXQMQ) {
    margin-bottom: 7.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-KEKLXQMQ) {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-KEKLXQMQ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-KEKLXQMQ) {
    margin-inline: 1.875rem;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) {
  display: flex;
  justify-content: center;
  position: relative;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) {
    margin-top: 3rem;
    margin-left: -0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) {
    margin-top: 3.125rem;
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart-chart:where(.astro-RCM64TSB) {
    width: 15.5rem;
    height: 15.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart-chart:where(.astro-RCM64TSB) {
    width: 11.6875rem;
    height: 11.6875rem;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .circle-root:where(.astro-RCM64TSB) {
  transform: rotate(-90deg);
  transform-origin: center;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .circle-root:where(.astro-RCM64TSB) {
    stroke-dasharray: 202.216%;
    stroke-dashoffset: 202.216%;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .circle-root:where(.astro-RCM64TSB) {
    stroke-dasharray: 204.1%;
    stroke-dashoffset: 204.1%;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .circle-1:where(.astro-RCM64TSB) {
  stroke: #bd991e;
}
.LAboutSalesChart:where(.astro-RCM64TSB) .circle-1:where(.astro-RCM64TSB).-animated {
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(0.87, 0.01, 0.95, 0.63);
  animation-fill-mode: forwards;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .circle-1:where(.astro-RCM64TSB).-animated {
    animation-name: circle-1-sales;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .circle-1:where(.astro-RCM64TSB).-animated {
    animation-name: circle-1-sales-sp;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .circle-2:where(.astro-RCM64TSB) {
  stroke: #decc8e;
}
.LAboutSalesChart:where(.astro-RCM64TSB) .circle-2:where(.astro-RCM64TSB).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0.64, 0.46, 1.01);
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .circle-2:where(.astro-RCM64TSB).-animated {
    animation-name: circle-2-sales-01;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .circle-2:where(.astro-RCM64TSB).-animated {
    animation-name: circle-2-sales-01-sp;
  }
}
@keyframes circle-1-sales {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 404.432%;
  }
}
@keyframes circle-1-sales-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 408.2%;
  }
}
@keyframes circle-2-sales-01 {
  0% {
    stroke-dashoffset: 202.216%;
  }
  to {
    stroke-dashoffset: 353.878%;
  }
}
@keyframes circle-2-sales-01-sp {
  0% {
    stroke-dashoffset: 204.1%;
  }
  to {
    stroke-dashoffset: 357.175%;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .border-root:where(.astro-RCM64TSB) {
  position: absolute;
  top: 0;
  left: 50%;
  background-color: #e9e9e9;
  transform-origin: bottom center;
  transform: rotate(0);
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .border-root:where(.astro-RCM64TSB) {
    width: 0.125rem;
    height: 7.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .border-root:where(.astro-RCM64TSB) {
    width: 0.0625rem;
    height: 5.90625rem;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .border-root:where(.astro-RCM64TSB).-animated {
  animation-duration: 0.3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}
.LAboutSalesChart:where(.astro-RCM64TSB) .border-2:where(.astro-RCM64TSB) {
  opacity: 0;
}
.LAboutSalesChart:where(.astro-RCM64TSB) .border-2:where(.astro-RCM64TSB).-animated {
  animation-name: border-2-sales-01;
}
@keyframes border-2-sales-01 {
  0% {
    rotate: 0turn;
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  to {
    rotate: -0.75turn;
    opacity: 1;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .text:where(.astro-RCM64TSB) {
  position: absolute;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .text:where(.astro-RCM64TSB)._1 {
    top: 1rem;
    right: 0.5rem;
    width: 12.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .text:where(.astro-RCM64TSB)._1 {
    top: -0.40625rem;
    right: -0.375rem;
    width: 8.25rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .text:where(.astro-RCM64TSB)._2 {
    top: 8.5625rem;
    left: 3.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .text:where(.astro-RCM64TSB)._2 {
    top: 6.4375rem;
    left: 0.625rem;
    width: 6.6875rem;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .text:where(.astro-RCM64TSB).-animated {
  animation-name: text;
  animation-duration: 0.7s;
  animation-delay: 1.1s;
  animation-fill-mode: forwards;
}
.LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) {
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB)._1 {
    top: 0.5rem;
    right: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB)._1 {
    top: 0.375rem;
    right: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB)._2 {
    top: -0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB)._2 {
    top: -0.6875rem;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .title:where(.astro-RCM64TSB) {
  font-weight: 600;
  display: block;
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .title:where(.astro-RCM64TSB) {
    line-height: 1.4285714286;
    margin-bottom: -0.75rem;
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .title:where(.astro-RCM64TSB) {
    letter-spacing: 0.02em;
    line-height: 1.4545454545;
    margin-bottom: -0.6875rem;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .percent:where(.astro-RCM64TSB) {
  font-weight: 700;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .percent:where(.astro-RCM64TSB) {
    font-size: 1.875rem;
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .percent:where(.astro-RCM64TSB) {
    font-size: 1.3125rem;
    letter-spacing: -0.02em;
  }
}
.LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .unit:where(.astro-RCM64TSB) {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .unit:where(.astro-RCM64TSB) {
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-RCM64TSB) .textInner:where(.astro-RCM64TSB) .unit:where(.astro-RCM64TSB) {
    margin-left: 0.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesBarGraph:where(.astro-N4UBBCXH) {
    margin-bottom: 2.1875rem;
  }
}
.main:where(.astro-N4UBBCXH) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-N4UBBCXH) {
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-N4UBBCXH) {
    padding-top: 5.75rem;
  }
}
.background:where(.astro-N4UBBCXH) {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.line:where(.astro-N4UBBCXH) {
  width: 100%;
  height: 1px;
  background: rgba(68, 64, 63, 0.2);
}
.barGraph:where(.astro-N4UBBCXH) {
  position: absolute;
  inset: 0 0 1px;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .barGraph:where(.astro-N4UBBCXH) {
    width: 26.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .barGraph:where(.astro-N4UBBCXH) {
    padding-inline: 0.125rem;
  }
}
.bar:where(.astro-N4UBBCXH) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .background:where(.astro-N4UBBCXH) {
    height: 16rem;
  }
  .barGraph:where(.astro-N4UBBCXH) {
    height: 16rem;
    top: 2.5rem;
  }
  .bar:where(.astro-N4UBBCXH) {
    width: 3.125rem;
    height: 11.875rem;
    height: calc((var(--data-sale) / 20) * 16rem);
  }
  /* .bar:where(.astro-N4UBBCXH):nth-child(1) {
    height: calc(8.67rem - 1.3rem);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(2) {
    height: calc(9.298rem - 1.3rem);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(3) {
    height: calc(8.075rem - 1.3rem);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(4) {
    height: calc(10.727rem - 1.3rem);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(5) {
    height: calc(13.219rem - 1.3rem);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(6) {
    height: calc(14.399rem - 1.3rem);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(7) {
    height: calc(16.253rem - 1.3rem);
  } */
}
@media screen and (max-width: 767.99px) {
  .background:where(.astro-N4UBBCXH) {
    height: 10rem;
  }
  .barGraph:where(.astro-N4UBBCXH) {
    height: 10rem;
    top: 5.75rem;
  }
  .bar:where(.astro-N4UBBCXH) {
    width: 2.5625rem;
    height: 9.8125rem;
    height: calc((var(--data-sale) / 20) * 10rem);
  }
  /* .bar:where(.astro-N4UBBCXH):nth-child(1) {
    height: calc(8.67rem / 2);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(2) {
    height: calc(9.298rem / 2);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(3) {
    height: calc(8.075rem / 2);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(4) {
    height: calc(10.727rem / 2);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(5) {
    height: calc(13.219rem / 2);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(6) {
    height: calc(14.399rem / 2);
  }
  .bar:where(.astro-N4UBBCXH):nth-child(7) {
    height: calc(16.253rem / 2);
  } */
}
.barBackground:where(.astro-N4UBBCXH) {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #bd991e;
}
.num:where(.astro-N4UBBCXH) {
  position: absolute;
  right: 0;
  left: 0;
  font-weight: 600;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  translate: 0 120%;
  opacity: 0;
}
.bAndroid:where(.astro-N4UBBCXH) .num:where(.astro-N4UBBCXH) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-N4UBBCXH) {
    top: 0.1875rem;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-N4UBBCXH) {
    top: 0.1875rem;
    font-size: 0.625rem;
    line-height: 1.5;
  }
}
.lineGraph:where(.astro-N4UBBCXH) {
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 0;
}
@media screen and (min-width: 768px) {
  .lineGraph:where(.astro-N4UBBCXH) {
    top: 0.5rem;
    left: 3.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .lineGraph:where(.astro-N4UBBCXH) {
    left: 0.5rem;
  }
}
.years:where(.astro-N4UBBCXH) {
  display: flex;
  justify-content: space-evenly;
  margin-inline: auto;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .years:where(.astro-N4UBBCXH) {
    padding-top: 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) and (orientation: portrait) {
  .years:where(.astro-N4UBBCXH) {
    padding-inline: 2.25rem 2rem;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767.99px) {
  .years:where(.astro-N4UBBCXH) {
    display: none;
    padding-top: 1rem;
    font-size: 0.625rem;
  }
}
.year:where(.astro-N4UBBCXH) {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.99px) {
  .year:where(.astro-N4UBBCXH) {
    white-space: nowrap;
  }
}
.LAboutSalesContent:where(.astro-IADCU4CH) {
  border-block: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (max-width: 767.99px) {
  .LAboutSalesChart:where(.astro-IADCU4CH) {
    margin-bottom: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .row:where(.astro-IADCU4CH) {
    display: flex;
    padding-block: 5.625rem 5.25rem;
  }
}
@media screen and (min-width: 768px) {
  .row:where(.astro-IADCU4CH) + .row:where(.astro-IADCU4CH) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-IADCU4CH) {
    width: 50%;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-IADCU4CH) {
    padding-block: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-IADCU4CH).-no1 {
    padding-right: 3.125rem;
    border-right: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-IADCU4CH).-no1 {
    padding-bottom: 2.4375rem;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-IADCU4CH).-no2 {
    padding-left: 3.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-IADCU4CH).-no2 {
    padding-bottom: 2.5rem;
  }
}
.title:where(.astro-IADCU4CH) {
  font-weight: 600;
  text-align: center;
  font-feature-settings: normal;
}
.bAndroid:where(.astro-IADCU4CH) .title:where(.astro-IADCU4CH) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-IADCU4CH) {
    margin-bottom: 0.625rem;
    font-size: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-IADCU4CH) {
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
  }
}
.main:where(.astro-IADCU4CH) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-IADCU4CH) {
    margin-bottom: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-IADCU4CH) {
    margin-bottom: 0.375rem;
  }
}
.num:where(.astro-IADCU4CH) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .num:where(.astro-IADCU4CH) {
    font-size: 6.875rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .num:where(.astro-IADCU4CH) {
    font-size: 3.75rem;
    letter-spacing: -0.04em;
  }
}
.prefix:where(.astro-IADCU4CH) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .prefix:where(.astro-IADCU4CH) {
    bottom: 0.75rem;
    margin-right: 0.25rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .prefix:where(.astro-IADCU4CH) {
    bottom: 0.375rem;
    margin-right: 0.125rem;
    font-size: 0.875rem;
  }
}
.unit:where(.astro-IADCU4CH) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-IADCU4CH) .unit:where(.astro-IADCU4CH) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-IADCU4CH) {
    bottom: 0.875rem;
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-IADCU4CH) {
    bottom: 0.34375rem;
    font-size: 1.25rem;
    letter-spacing: 0.025em;
  }
}
.unit:where(.astro-IADCU4CH):first-child {
  margin-left: -1em;
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-IADCU4CH):first-child {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-IADCU4CH):first-child {
    margin-right: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .unit:where(.astro-IADCU4CH):last-child {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .unit:where(.astro-IADCU4CH):last-child {
    margin-left: 0.3125rem;
  }
}
.caption:where(.astro-IADCU4CH) {
  text-align: center;
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-IADCU4CH) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .caption:where(.astro-IADCU4CH).-l {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .caption:where(.astro-IADCU4CH).-l {
    font-size: 0.875rem;
  }
}
.text:where(.astro-IADCU4CH) {
  letter-spacing: 0.06em;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-IADCU4CH) {
    margin-top: 2.625rem;
    line-height: 1.9;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-IADCU4CH) {
    margin-top: 1.3125rem;
    font-size: 0.75rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-IADCU4CH).-no1 .head:where(.astro-IADCU4CH) {
    margin-bottom: 3.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-IADCU4CH).-no1 .head:where(.astro-IADCU4CH) {
    margin-bottom: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-IADCU4CH).-no1 .main:where(.astro-IADCU4CH) {
    padding-right: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .cell:where(.astro-IADCU4CH).-no2 .head:where(.astro-IADCU4CH) {
    margin-bottom: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .cell:where(.astro-IADCU4CH).-no2 .head:where(.astro-IADCU4CH) {
    margin-bottom: 2.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .LAboutSales:where(.astro-S227HMKW) {
    margin-bottom: 18.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutSales:where(.astro-S227HMKW) {
    margin-block: 9.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .CSectionTitle:where(.astro-S227HMKW) {
    margin-bottom: 7.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSectionTitle:where(.astro-S227HMKW) {
    margin-bottom: 3.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-S227HMKW) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-S227HMKW) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-A7VTOE67) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 41.875rem;
    padding-block: 15.125rem 3.75rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-A7VTOE67) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-A7VTOE67) {
    margin-top: 4.25rem;
  }
}
@media screen and (min-width: 768px) {
  .CKv:where(.astro-A7VTOE67) {
    margin-bottom: 13.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CKv:where(.astro-A7VTOE67) {
    margin-bottom: 6.5625rem;
  }
}
.LLead:where(.astro-U7JZ6A43) {
  position: relative;
  background-color: #e9e9e9;
}
@media screen and (min-width: 768px) {
  .LLead:where(.astro-U7JZ6A43) {
    width: 70.375rem;
    padding-top: 4.5rem;
    padding-right: 6.25rem;
    padding-left: 17.875rem;
    margin-top: -12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LLead:where(.astro-U7JZ6A43) {
    width: 21.625rem;
    padding-top: 2.0625rem;
    padding-left: 1.75rem;
    margin-top: -3.125rem;
  }
}
.title:where(.astro-U7JZ6A43) {
  font-weight: 600;
}
.bAndroid:where(.astro-U7JZ6A43) .title:where(.astro-U7JZ6A43) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-U7JZ6A43) {
    margin-bottom: 2.3125rem;
    font-size: 2.875rem;
    line-height: 1.4782608696;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-U7JZ6A43) {
    margin-bottom: 1.75rem;
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    letter-spacing: 0.05em;
  }
}
.info:where(.astro-U7JZ6A43) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .info:where(.astro-U7JZ6A43) {
    font-size: 1rem;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767.99px) {
  .info:where(.astro-U7JZ6A43) {
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 768px) {
  .position:where(.astro-U7JZ6A43) {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-U7JZ6A43) {
    margin-right: 0.75rem;
  }
}
.name:where(.astro-U7JZ6A43) {
  font-weight: 600;
}
.bAndroid:where(.astro-U7JZ6A43) .name:where(.astro-U7JZ6A43) {
  font-weight: 700;
}
.content:where(.astro-ZGIAA22V) {
  position: relative;
}
.LKvImage:where(.astro-ZGIAA22V) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LKvImage:where(.astro-ZGIAA22V) {
    width: calc(100% - 16.5rem);
    height: 50rem;
    margin-left: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvImage:where(.astro-ZGIAA22V) {
    width: 24.0625rem;
    height: 25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LKvImage:where(.astro-ZGIAA22V) img:where(.astro-ZGIAA22V) {
    width: 110%;
    height: 100%;
    object-fit: cover;
  }
}
.LParagraph:where(.astro-EN4C26OB) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LParagraph-content:where(.astro-EN4C26OB) {
    padding-top: 18.125rem;
    padding-bottom: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LParagraph-content:where(.astro-EN4C26OB) {
    padding-top: 4.625rem;
    padding-bottom: 7.125rem;
  }
}
.image:where(.astro-EN4C26OB) {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .image-inner:where(.astro-EN4C26OB) {
    margin-left: 12.1875rem;
    width: 87.5rem;
    height: 53.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image-inner:where(.astro-EN4C26OB) {
    width: 100%;
    height: 25.9375rem;
  }
}
.image-inner:where(.astro-EN4C26OB) img:where(.astro-EN4C26OB) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content:where(.astro-EN4C26OB) {
  position: relative;
  z-index: 2;
}
.paragraph:where(.astro-EN4C26OB) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .paragraph:where(.astro-EN4C26OB):not(:last-child) {
    margin-bottom: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .paragraph:where(.astro-EN4C26OB):not(:last-child) {
    margin-bottom: 4.0625rem;
  }
}
.paragraph:where(.astro-EN4C26OB):nth-child(even) .title:where(.astro-EN4C26OB) {
  text-align: right;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-EN4C26OB) {
    margin-inline: 26rem 16.9375rem;
  }
}
@media screen and (max-width: 767.99px) and (min-width: 768px) {
  .inner:where(.astro-EN4C26OB) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) and (max-width: 767.99px) {
  .inner:where(.astro-EN4C26OB) {
    margin-inline: 1.875rem;
  }
}
.title:where(.astro-EN4C26OB) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-EN4C26OB) .title:where(.astro-EN4C26OB) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-EN4C26OB) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-EN4C26OB) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
  }
}
.text:where(.astro-EN4C26OB) {
  font-feature-settings: normal;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-EN4C26OB) {
    margin-top: 2.625rem;
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-EN4C26OB) {
    margin-top: 1.4375rem;
    line-height: 1.75;
    font-size: 0.75rem;
    letter-spacing: 0.02em;
    text-align: justify;
  }
}
.marqueeWrap:where(.astro-EN4C26OB) {
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.marquee:where(.astro-EN4C26OB) {
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-EN4C26OB) {
    margin-left: 12.1875rem;
    height: 14.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-EN4C26OB) {
    width: 100%;
    height: 7rem;
  }
}
.marquee:where(.astro-EN4C26OB).-active {
  opacity: 1;
}
.marqueeInner:where(.astro-EN4C26OB) {
  display: flex;
  align-items: center;
}
.marqueeText:where(.astro-EN4C26OB) {
  fill: transparent;
  stroke: #fff;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-EN4C26OB) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-EN4C26OB) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-QBBRMDOZ) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-QBBRMDOZ) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .CPageTitle:where(.astro-QBBRMDOZ) {
    margin-bottom: 4.375rem;
  }
}
.closing:where(.astro-QBBRMDOZ) {
  position: relative;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .closing:where(.astro-QBBRMDOZ) {
    height: 51.25rem;
    margin-bottom: 11.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .closing:where(.astro-QBBRMDOZ) {
    height: 17.25rem;
    margin-bottom: 5.625rem;
  }
}
.closing:where(.astro-QBBRMDOZ) img:where(.astro-QBBRMDOZ) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .closing:where(.astro-QBBRMDOZ) img:where(.astro-QBBRMDOZ) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .closing:where(.astro-QBBRMDOZ) img:where(.astro-QBBRMDOZ) {
    height: 19.4375rem;
  }
}
.CDetailKv:where(.astro-3HYCH4JN) {
  color: #fff;
}
.content:where(.astro-3HYCH4JN) {
  position: relative;
}
.image:where(.astro-3HYCH4JN) img:where(.astro-3HYCH4JN) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.info:where(.astro-3HYCH4JN) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .info:where(.astro-3HYCH4JN) {
    left: 21.25rem;
    bottom: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .info:where(.astro-3HYCH4JN) {
    top: 21.3125rem;
    left: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .text:where(.astro-3HYCH4JN) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-3HYCH4JN) {
    margin-bottom: 0.6875rem;
  }
}
.title:where(.astro-3HYCH4JN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-3HYCH4JN) {
    margin-left: -0.375rem;
    margin-bottom: 1.375rem;
    letter-spacing: -0.025em;
    font-size: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-3HYCH4JN) {
    margin-bottom: 0.5625rem;
    font-size: 2.5rem;
  }
}
.company:where(.astro-3HYCH4JN) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-3HYCH4JN) .company:where(.astro-3HYCH4JN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .company:where(.astro-3HYCH4JN) {
    font-size: 1.125rem;
    margin-bottom: 3.375rem;
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .company:where(.astro-3HYCH4JN) {
    font-size: 0.75rem;
    margin-bottom: 1.875rem;
  }
}
.tab-list:where(.astro-3HYCH4JN) {
  display: flex;
}
@media screen and (max-width: 767.99px) {
  .tab-list:where(.astro-3HYCH4JN) {
    flex-wrap: wrap;
  }
}
.tab-item:where(.astro-3HYCH4JN) {
  border: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  text-align: center;
  justify-content: center;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .tab-item:where(.astro-3HYCH4JN) {
    padding-block: 0.75rem;
    padding-inline: 1.25rem;
    border-radius: 2.125rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tab-item:where(.astro-3HYCH4JN) {
    margin-bottom: 0.625rem;
    padding-block: 0.4375rem;
    padding-inline: 0.78125rem;
    border-radius: 1.6875rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tab-item:where(.astro-3HYCH4JN):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tab-item:where(.astro-3HYCH4JN):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.LAboutItem:where(.astro-BZPTXEXQ) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LAboutItem:where(.astro-BZPTXEXQ) {
    margin-left: 6.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutItem:where(.astro-BZPTXEXQ) {
    margin-left: 4.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-BZPTXEXQ) {
    display: flex;
    justify-content: space-between;
    padding-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ) {
    display: flex;
    flex: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-BZPTXEXQ) {
    padding-block: 2.0625rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-BZPTXEXQ):not(:first-child) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two,
  .item:where(.astro-BZPTXEXQ).-three {
    display: block;
    position: relative;
  }
}
.item:where(.astro-BZPTXEXQ).-two:not(:last-child):after,
.item:where(.astro-BZPTXEXQ).-three:not(:last-child):after {
  content: "";
  position: absolute;
  background-color: #44403f33;
  width: 1px;
  top: 0;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two:not(:last-child):after,
  .item:where(.astro-BZPTXEXQ).-three:not(:last-child):after {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two:not(:last-child) {
    margin-right: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-two:not(:last-child):after {
    right: -3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-three:not(:last-child) {
    margin-right: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-BZPTXEXQ).-three:not(:last-child):after {
    right: -2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .design:where(.astro-BZPTXEXQ) {
    width: 18rem;
    font-feature-settings: initial;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-BZPTXEXQ) .design:where(.astro-BZPTXEXQ),
  .-three:where(.astro-BZPTXEXQ) .design:where(.astro-BZPTXEXQ) {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .main:where(.astro-BZPTXEXQ) {
    width: 48rem;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-BZPTXEXQ) .main:where(.astro-BZPTXEXQ),
  .-three:where(.astro-BZPTXEXQ) .main:where(.astro-BZPTXEXQ) {
    width: 100%;
  }
}
.copy:where(.astro-BZPTXEXQ) {
  font-weight: 600;
}
.bAndroid:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .copy:where(.astro-BZPTXEXQ) {
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767.99px) {
  .copy:where(.astro-BZPTXEXQ) {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ),
  .-three:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ) {
    margin-top: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .-three:where(.astro-BZPTXEXQ) .copy:where(.astro-BZPTXEXQ) {
    height: 6.25rem;
  }
}
@media screen and (min-width: 768px) {
  .desc:where(.astro-BZPTXEXQ) {
    margin-top: 0.625rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .desc:where(.astro-BZPTXEXQ) {
    margin-top: 1.1875rem;
    line-height: 1.65;
  }
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-U2MANDSG) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-U2MANDSG) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LAbout:where(.astro-U2MANDSG) {
    padding-top: 11.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAbout:where(.astro-U2MANDSG) {
    padding-top: 7.1875rem;
  }
}
.title:where(.astro-U2MANDSG) {
  font-weight: 600;
}
.bAndroid:where(.astro-U2MANDSG) .title:where(.astro-U2MANDSG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-U2MANDSG) {
    font-size: 2.5rem;
    line-height: 1.65;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-U2MANDSG) {
    font-size: 1.4375rem;
    line-height: 1.4782608696;
  }
}
@media screen and (min-width: 768px) {
  .links:where(.astro-U2MANDSG) {
    margin-top: 6.75rem;
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .links:where(.astro-U2MANDSG) {
    margin-top: 3.40625rem;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail .list:where(.astro-U2MANDSG) {
    display: flex;
    column-gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail .item:where(.astro-U2MANDSG) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail .CWhiteArrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .CAnchorLinks:where(.astro-U2MANDSG).-detail svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.content:where(.astro-U2MANDSG) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .content:where(.astro-U2MANDSG) {
    margin-top: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-U2MANDSG) {
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .list-item:where(.astro-U2MANDSG) {
    display: flex;
    padding-block: 2.375rem 3.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list-item:where(.astro-U2MANDSG) {
    padding-block: 2.375rem 3.125rem;
  }
}
.list-item:where(.astro-U2MANDSG) + .list-item:where(.astro-U2MANDSG) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (max-width: 767.99px) {
  .list-item:where(.astro-U2MANDSG) + .list-item:where(.astro-U2MANDSG) {
    padding-bottom: 2.1875rem;
  }
}
.head:where(.astro-U2MANDSG) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .head:where(.astro-U2MANDSG) {
    margin-top: 0.5rem;
    width: 24.625rem;
  }
}
.headEn:where(.astro-U2MANDSG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .headEn:where(.astro-U2MANDSG) {
    width: 6.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headEn:where(.astro-U2MANDSG) {
    font-size: 0.8125rem;
    margin-top: 0.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .headJa:where(.astro-U2MANDSG) {
    width: 18.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .headJa:where(.astro-U2MANDSG) {
    margin-left: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-U2MANDSG) {
    width: 48rem;
  }
}
.detail-text:where(.astro-U2MANDSG) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .detail-text:where(.astro-U2MANDSG) {
    margin-top: -0.375rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-text:where(.astro-U2MANDSG) {
    margin-top: 1.375rem;
    line-height: 1.65;
  }
}
.detail-link:where(.astro-U2MANDSG) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .detail-link:where(.astro-U2MANDSG) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1.875rem;
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-link:where(.astro-U2MANDSG) {
    margin-top: 2.125rem;
    margin-left: 4.0625rem;
    padding-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-linkText:where(.astro-U2MANDSG) {
    line-height: 1.75;
  }
}
.detail-wdp:where(.astro-U2MANDSG) {
  font-weight: 600;
  display: flex;
  align-items: center;
}
.bAndroid:where(.astro-U2MANDSG) .detail-wdp:where(.astro-U2MANDSG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .detail-wdp:where(.astro-U2MANDSG) {
    margin-left: 7.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-wdp:where(.astro-U2MANDSG) {
    margin-top: 0.4375rem;
    justify-content: flex-end;
  }
}
[data-whatintent="mouse"] .detail-wdp:where(.astro-U2MANDSG):hover .detail-wdpText:where(.astro-U2MANDSG) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .detail-wdpText:where(.astro-U2MANDSG) {
    transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (min-width: 768px) {
  .detail-wdpIcon:where(.astro-U2MANDSG) {
    margin-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail-wdpIcon:where(.astro-U2MANDSG) {
    margin-left: 0.4375rem;
  }
}
.LImageYoutube:where(.astro-HACPDMGX) {
  position: relative;
}
.movie:where(.astro-HACPDMGX) {
  position: absolute;
  inset: 0;
}
.thumbWrap:where(.astro-HACPDMGX) {
  cursor: pointer;
}
[data-whatintent="mouse"] .thumbWrap:where(.astro-HACPDMGX):hover + .playCircle:where(.astro-HACPDMGX) {
  scale: 0.95;
  background: #454040;
  border-color: #454040;
}
.thumb:where(.astro-HACPDMGX) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  scale: 1.05;
}
.playCircle:where(.astro-HACPDMGX) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.02em;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: scale, background, border-color;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .playCircle:where(.astro-HACPDMGX) {
    width: 11.875rem;
    height: 11.875rem;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .playCircle:where(.astro-HACPDMGX) {
    width: 5.9375rem;
    height: 5.9375rem;
    font-size: 0.6875rem;
  }
}
.thumbWrap:where(.astro-HACPDMGX).-hide,
.playCircle:where(.astro-HACPDMGX).-hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .LImage:where(.astro-EAETPY4M) {
    padding-top: 15.375rem;
    margin-left: 12.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LImage:where(.astro-EAETPY4M) {
    padding-top: 4.5625rem;
  }
}
.content:where(.astro-EAETPY4M) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .content:where(.astro-EAETPY4M) {
    margin-bottom: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-EAETPY4M) {
    margin-bottom: 0.9375rem;
  }
}
.imageWrap:where(.astro-EAETPY4M) {
  position: relative;
  overflow: hidden;
}
.imageWrap:where(.astro-EAETPY4M) .image:where(.astro-EAETPY4M) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  scale: 1.05;
}
.LImageYoutube:where(.astro-P3LWX6AD) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-EAETPY4M) {
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-EAETPY4M) {
    padding-bottom: 1.5625rem;
  }
}
.viewMore:where(.astro-EAETPY4M) {
  display: flex;
  margin-left: auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .viewMore:where(.astro-EAETPY4M) {
    align-items: flex-end;
    margin-right: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .viewMore:where(.astro-EAETPY4M) {
    align-items: center;
    margin-right: 1.875rem;
  }
}
[data-whatintent="mouse"] .viewMore:where(.astro-EAETPY4M):hover .text:where(.astro-EAETPY4M) {
  opacity: 0.5;
}
.text:where(.astro-EAETPY4M) {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-EAETPY4M) {
    padding-bottom: 0.25rem;
    margin-right: 1.8125rem;
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-EAETPY4M) {
    padding-bottom: 0.125rem;
    margin-right: 0.9375rem;
  }
}
.en:where(.astro-EAETPY4M) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .en:where(.astro-EAETPY4M) {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .en:where(.astro-EAETPY4M) {
    margin-bottom: 0.125rem;
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .ja:where(.astro-EAETPY4M) {
    padding-left: 0.125rem;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .ja:where(.astro-EAETPY4M) {
    line-height: 1;
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .LInfo:where(.astro-CORQZ566) {
    padding-top: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LInfo:where(.astro-CORQZ566) {
    padding-top: 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-CORQZ566) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-CORQZ566) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-CORQZ566) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    display: flex;
  }
}
.title:where(.astro-CORQZ566) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-CORQZ566) {
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
    width: 24.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-CORQZ566) {
    margin-bottom: 0.9375rem;
  }
}
.table:where(.astro-CORQZ566) {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .table:where(.astro-CORQZ566) {
    width: 48rem;
  }
}
.inner:where(.astro-CORQZ566) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-CORQZ566) {
    padding-block: 2rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-CORQZ566) {
    padding-block: 1.1875rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    line-height: 1.75;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-CORQZ566) + .inner:where(.astro-CORQZ566) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.index:where(.astro-CORQZ566) {
  font-weight: 600;
}
.bAndroid:where(.astro-CORQZ566) .index:where(.astro-CORQZ566) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .index:where(.astro-CORQZ566) {
    width: 16.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-CORQZ566) {
    margin-top: 0.125rem;
    width: 6.5625rem;
  }
}
.detail:where(.astro-CORQZ566) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .detail:where(.astro-CORQZ566) {
    width: 31.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .detail:where(.astro-CORQZ566) {
    width: 15.3125rem;
  }
}
.link:where(.astro-CORQZ566) {
  display: flex;
  width: 100%;
}
[data-whatintent="mouse"] .link:where(.astro-CORQZ566):hover .text:where(.astro-CORQZ566) {
  opacity: 0.5;
}
.text:where(.astro-CORQZ566) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.icon:where(.astro-CORQZ566) {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .LMember:where(.astro-V264SJQN) {
    padding-top: 7.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMember:where(.astro-V264SJQN) {
    padding-top: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-V264SJQN) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-V264SJQN) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-V264SJQN) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    display: flex;
  }
}
.title:where(.astro-V264SJQN) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-V264SJQN) {
    letter-spacing: -0.025em;
    margin-top: 2.5rem;
    width: 24.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-V264SJQN) {
    margin-bottom: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-V264SJQN) {
    width: 48rem;
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-V264SJQN) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN) {
    width: 24rem;
    position: relative;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-last-child(1),
  .item:where(.astro-V264SJQN):last-child {
    border-bottom: none;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-child(odd) {
    padding-right: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-child(even) {
    padding-left: 2.5rem;
  }
}
.item:where(.astro-V264SJQN):nth-child(even):after {
  content: "";
  position: absolute;
  background-color: #44403f33;
  width: 1px;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-V264SJQN):nth-child(even):after {
    height: 3.125rem;
    top: 2.125rem;
    left: 0rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-V264SJQN) {
    padding-block: 2.5rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-V264SJQN) {
    padding-block: 1.5625rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
.name:where(.astro-V264SJQN) {
  font-weight: 600;
}
.bAndroid:where(.astro-V264SJQN) .name:where(.astro-V264SJQN) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-V264SJQN) {
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .position:where(.astro-V264SJQN) {
    margin-top: 0.625rem;
  }
}
.text:where(.astro-V264SJQN) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.link:where(.astro-V264SJQN) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-V264SJQN) {
    padding-block: 2.5rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-V264SJQN) {
    padding-block: 1.375rem;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
[data-whatintent="mouse"] .link:where(.astro-V264SJQN):hover .text:where(.astro-V264SJQN) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .LWorks:where(.astro-A4DCRYYG) {
    padding-top: 12.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LWorks:where(.astro-A4DCRYYG) {
    padding-top: 7.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-A4DCRYYG) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-A4DCRYYG) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-A4DCRYYG) {
    display: flex;
    gap: 1.5625rem;
    justify-content: space-between;
    margin-top: 5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-A4DCRYYG) {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-A4DCRYYG) {
    width: 35.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-A4DCRYYG) + .item:where(.astro-A4DCRYYG) {
    margin-top: 2.8125rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-A4DCRYYG):hover .image:where(.astro-A4DCRYYG) img:where(.astro-A4DCRYYG) {
  scale: 1.07;
}
[data-whatintent="mouse"] .link:where(.astro-A4DCRYYG):hover .title:where(.astro-A4DCRYYG),
[data-whatintent="mouse"] .link:where(.astro-A4DCRYYG):hover .text:where(.astro-A4DCRYYG) {
  opacity: 0.5;
}
.image:where(.astro-A4DCRYYG) {
  overflow: hidden;
}
.image:where(.astro-A4DCRYYG) img:where(.astro-A4DCRYYG) {
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .main:where(.astro-A4DCRYYG) {
    margin-top: 2.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-A4DCRYYG) {
    margin-top: 1.5625rem;
  }
}
.title:where(.astro-A4DCRYYG) {
  display: flex;
}
.titleEn:where(.astro-A4DCRYYG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .titleEn:where(.astro-A4DCRYYG) {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleEn:where(.astro-A4DCRYYG) {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) {
  .titleJa:where(.astro-A4DCRYYG) {
    margin-top: 0.5rem;
    margin-left: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleJa:where(.astro-A4DCRYYG) {
    margin-left: 1.09375rem;
  }
}
.bottom:where(.astro-A4DCRYYG) {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-A4DCRYYG) {
    justify-content: space-between;
  }
}
.text:where(.astro-A4DCRYYG) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-A4DCRYYG) {
    margin-top: 1.75rem;
    line-height: 2;
    width: 25.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-A4DCRYYG) {
    margin-top: 0.8125rem;
    line-height: 1.75;
    width: 17.5rem;
  }
}
.title:where(.astro-A4DCRYYG),
.text:where(.astro-A4DCRYYG) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .icon:where(.astro-A4DCRYYG) {
    margin-left: 3.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LLocation:where(.astro-KJA5SHPO) {
    padding-top: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LLocation:where(.astro-KJA5SHPO) {
    padding-top: 7.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-KJA5SHPO) {
    margin-left: 17.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-KJA5SHPO) {
    margin-left: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LProjects:where(.astro-BPF7ZBXZ) {
    padding-top: 14.9375rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjects:where(.astro-BPF7ZBXZ) {
    padding-top: 8.125rem;
    margin-bottom: 5.625rem;
  }
}
.title:where(.astro-BPF7ZBXZ) {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-BPF7ZBXZ) {
    margin-right: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-BPF7ZBXZ) {
    margin-right: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .LConcept:where(.astro-7WII4ZOI) {
    padding-top: 14.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LConcept:where(.astro-7WII4ZOI) {
    padding-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-7WII4ZOI) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-7WII4ZOI) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-7WII4ZOI) {
    display: flex;
    margin-top: 8.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-7WII4ZOI) {
    margin-top: 4.8125rem;
    margin-left: -0.0625rem;
  }
}
.content-title:where(.astro-7WII4ZOI) {
  font-weight: 600;
}
.bAndroid:where(.astro-7WII4ZOI) .content-title:where(.astro-7WII4ZOI) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .content-title:where(.astro-7WII4ZOI) {
    font-size: 2.5rem;
    letter-spacing: 0.05em;
    width: 40rem;
    margin-top: -0.625rem;
    margin-left: -0.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .content-title:where(.astro-7WII4ZOI) {
    font-size: 1.4375rem;
    line-height: 1.4347826087;
  }
}
.content-text:where(.astro-7WII4ZOI) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .content-text:where(.astro-7WII4ZOI) {
    letter-spacing: 0.1em;
    line-height: 2;
    width: 33rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content-text:where(.astro-7WII4ZOI) {
    font-size: 0.75rem;
    margin-top: 2rem;
    line-height: 2.0833333333;
  }
}
.image:where(.astro-7WII4ZOI) {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-7WII4ZOI) {
    margin-top: 5.125rem;
    width: 94.875rem;
    height: 51.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-7WII4ZOI) {
    margin-top: 2.875rem;
    height: 17.1875rem;
  }
}
.image:where(.astro-7WII4ZOI) img:where(.astro-7WII4ZOI) {
  width: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-7WII4ZOI) img:where(.astro-7WII4ZOI) {
    height: 57.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-7WII4ZOI) img:where(.astro-7WII4ZOI) {
    height: 19.375rem;
  }
}
.LReasons:where(.astro-RBUQ3UIZ) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .LReasons:where(.astro-RBUQ3UIZ) {
    padding-top: 13.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LReasons:where(.astro-RBUQ3UIZ) {
    padding-top: 6.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-RBUQ3UIZ) {
    margin-right: 9.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-RBUQ3UIZ) {
    margin-right: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RBUQ3UIZ) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RBUQ3UIZ) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-RBUQ3UIZ) {
    margin-top: 7.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-RBUQ3UIZ) {
    margin-top: 4.6875rem;
  }
}
.head-title:where(.astro-RBUQ3UIZ) {
  font-weight: 600;
}
.bAndroid:where(.astro-RBUQ3UIZ) .head-title:where(.astro-RBUQ3UIZ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .head-title:where(.astro-RBUQ3UIZ) {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767.99px) {
  .head-title:where(.astro-RBUQ3UIZ) {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    letter-spacing: 0.038em;
  }
}
.head-text:where(.astro-RBUQ3UIZ) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .head-text:where(.astro-RBUQ3UIZ) {
    line-height: 2;
    letter-spacing: 0.1em;
    margin-top: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head-text:where(.astro-RBUQ3UIZ) {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.05em;
    margin-top: 1.5625rem;
  }
}
.feature:where(.astro-RBUQ3UIZ) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .feature:where(.astro-RBUQ3UIZ) {
    margin-top: 5.875rem;
    padding-top: 4.25rem;
    margin-left: -0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature:where(.astro-RBUQ3UIZ) {
    margin-top: 2.6875rem;
  }
}
.feature-list:where(.astro-RBUQ3UIZ) {
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .feature-list:where(.astro-RBUQ3UIZ) {
    display: flex;
    column-gap: 4.375rem;
  }
}
.feature-item:where(.astro-RBUQ3UIZ) {
  position: relative;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .feature-item:where(.astro-RBUQ3UIZ) {
    width: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-item:where(.astro-RBUQ3UIZ) {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .feature-item:where(.astro-RBUQ3UIZ):not(:last-child):after {
    content: "";
    position: absolute;
    background-color: #44403f33;
    width: 1px;
    height: 100%;
    top: 0;
    right: -1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-item:where(.astro-RBUQ3UIZ):not(:last-child) {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding-bottom: 1.75rem;
  }
}
.feature-index:where(.astro-RBUQ3UIZ) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767.99px) {
  .feature-index:where(.astro-RBUQ3UIZ) {
    letter-spacing: -0.025em;
  }
}
.feature-index:where(.astro-RBUQ3UIZ):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .feature-index:where(.astro-RBUQ3UIZ):before {
    left: 4rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-index:where(.astro-RBUQ3UIZ):before {
    left: 3.4375rem;
  }
}
.feature-title:where(.astro-RBUQ3UIZ) {
  font-weight: 600;
}
.bAndroid:where(.astro-RBUQ3UIZ) .feature-title:where(.astro-RBUQ3UIZ) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .feature-title:where(.astro-RBUQ3UIZ) {
    font-size: 1.125rem;
    line-height: 1.6666666667;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-title:where(.astro-RBUQ3UIZ) {
    letter-spacing: 0.025em;
    font-size: 0.9375rem;
    margin-top: 1.625rem;
  }
}
.feature-text:where(.astro-RBUQ3UIZ) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .feature-text:where(.astro-RBUQ3UIZ) {
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    margin-top: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .feature-text:where(.astro-RBUQ3UIZ) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.4375rem;
  }
}
.marqueeWrap:where(.astro-RBUQ3UIZ) {
  width: 100%;
  z-index: -1;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .marqueeWrap:where(.astro-RBUQ3UIZ) {
    top: 41.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeWrap:where(.astro-RBUQ3UIZ) {
    top: 20.625rem;
  }
}
.marquee:where(.astro-RBUQ3UIZ) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .marquee:where(.astro-RBUQ3UIZ) {
    margin-inline: 12.1875rem 5.125rem;
    height: 14rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marquee:where(.astro-RBUQ3UIZ) {
    width: 100%;
    height: 7.125rem;
  }
}
.marqueeInner:where(.astro-RBUQ3UIZ) {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .marqueeText:where(.astro-RBUQ3UIZ) {
    padding-right: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .marqueeText:where(.astro-RBUQ3UIZ) {
    padding-right: 3.125rem;
  }
}
@media screen and (min-width: 768px) {
  .step:where(.astro-26IAWSS2) {
    margin-top: 2.25rem;
    width: 42.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step:where(.astro-26IAWSS2) {
    margin-top: 5rem;
  }
}
.step-list:where(.astro-26IAWSS2) {
  counter-reset: number;
}
.step-item:where(.astro-26IAWSS2) {
  display: flex;
  counter-increment: number;
  position: relative;
}
@media screen and (min-width: 768px) {
  .step-item:where(.astro-26IAWSS2) + .step-item:where(.astro-26IAWSS2) {
    padding-bottom: 4.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-item:where(.astro-26IAWSS2) + .step-item:where(.astro-26IAWSS2) {
    padding-bottom: 4.25rem;
  }
}
.step-line:where(.astro-26IAWSS2) {
  position: absolute;
  width: 1px;
  background-color: #6a6666;
}
.step-line:where(.astro-26IAWSS2).-line06 {
  background-color: transparent;
}
.step-line:where(.astro-26IAWSS2).-line06:after {
  content: "";
  position: absolute;
  background-repeat: repeat-y;
  background-position: left bottom;
  inset: 0;
}
@media screen and (min-width: 768px) {
  .step-line:where(.astro-26IAWSS2) {
    left: 3.125rem;
    top: 6.875rem;
    bottom: 0.625rem;
    height: calc(100% - 7.5rem);
  }
  .step-line:where(.astro-26IAWSS2).-line06:after {
    background-size: 1px 6px;
    background-image: linear-gradient(to bottom, #6a6666 4px, transparent 2px);
  }
}
@media screen and (max-width: 767.99px) {
  .step-line:where(.astro-26IAWSS2) {
    left: 2.3125rem;
    top: 5.3125rem;
    bottom: 0.625rem;
    height: calc(100% - 5.9375rem);
  }
  .step-line:where(.astro-26IAWSS2).-line06:after {
    background-size: 1px 4px;
    background-image: linear-gradient(to bottom, #6a6666 2px, transparent 1px);
  }
}
@media screen and (min-width: 768px) {
  .step-index:where(.astro-26IAWSS2) {
    width: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-index:where(.astro-26IAWSS2) {
    width: 7.25rem;
  }
}
.step-circle:where(.astro-26IAWSS2) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: #44403f;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 50%;
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  opacity: 0.6;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .step-circle:where(.astro-26IAWSS2) {
    line-height: 1.4285714286;
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-circle:where(.astro-26IAWSS2) {
    line-height: 1.25;
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.step-circle:where(.astro-26IAWSS2).-after {
  justify-content: center;
  text-align: center;
}
.-active:where(.astro-26IAWSS2) .step-circle:where(.astro-26IAWSS2) {
  opacity: 1;
  scale: 1.1;
}
.-active:where(.astro-26IAWSS2) .step-circle:where(.astro-26IAWSS2) .step-number:where(.astro-26IAWSS2) {
  opacity: 1;
}
.step-number:where(.astro-26IAWSS2) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-26IAWSS2) {
    padding-right: 2%;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-26IAWSS2) {
    padding-right: 3%;
    letter-spacing: -0.025em;
  }
}
.step-number:where(.astro-26IAWSS2):after {
  content: counter(number, decimal-leading-zero);
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-26IAWSS2):after {
    margin-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-26IAWSS2):after {
    margin-left: 0.1875rem;
  }
}
.-active:where(.astro-26IAWSS2) .step-number:where(.astro-26IAWSS2) {
  opacity: 0.6;
}
.step-content:where(.astro-26IAWSS2) {
  opacity: 0.4;
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-26IAWSS2) {
    width: 33.75rem;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-26IAWSS2) {
    width: 14.9375rem;
    margin-top: 1.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-26IAWSS2).-after {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-26IAWSS2).-after {
    margin-top: 0.1875rem;
  }
}
.-active:where(.astro-26IAWSS2) .step-content:where(.astro-26IAWSS2) {
  opacity: 1;
}
.step-title:where(.astro-26IAWSS2) {
  font-weight: 600;
}
.bAndroid:where(.astro-26IAWSS2) .step-title:where(.astro-26IAWSS2) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-title:where(.astro-26IAWSS2) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-title:where(.astro-26IAWSS2) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
  }
}
.step-text:where(.astro-26IAWSS2) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-text:where(.astro-26IAWSS2) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-text:where(.astro-26IAWSS2) {
    font-size: 0.75rem;
    margin-top: 1.375rem;
    line-height: 1.75;
  }
}
.step-wdp:where(.astro-26IAWSS2) {
  border-top: 1px solid #6a6666;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-wdp:where(.astro-26IAWSS2) {
    display: flex;
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-wdp:where(.astro-26IAWSS2) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.40625rem;
    padding-top: 0.9375rem;
  }
}
.step-link:where(.astro-26IAWSS2) {
  display: flex;
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-26IAWSS2) {
    align-items: center;
    justify-content: right;
    margin-top: 0.4375rem;
  }
}
.step-link:where(.astro-26IAWSS2) .text:where(.astro-26IAWSS2) {
  font-weight: 600;
}
.bAndroid:where(.astro-26IAWSS2) .step-link:where(.astro-26IAWSS2) .text:where(.astro-26IAWSS2) {
  font-weight: 700;
}
.step-link:where(.astro-26IAWSS2) .arrow:where(.astro-26IAWSS2) {
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-26IAWSS2) .arrow:where(.astro-26IAWSS2) {
    margin-top: 0.0625rem;
    margin-left: 0.3125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-26IAWSS2) .arrow:where(.astro-26IAWSS2) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-26IAWSS2) .arrow:where(.astro-26IAWSS2) .CWhiteArrow {
    margin-top: -0.25rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-26IAWSS2) .arrow:where(.astro-26IAWSS2) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-table:where(.astro-26IAWSS2) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-table:where(.astro-26IAWSS2) {
    margin-top: 0.8125rem;
    padding-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-table:where(.astro-26IAWSS2) {
    margin-top: 1.40625rem;
    padding-top: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-tableItem:where(.astro-26IAWSS2) + .step-tableItem:where(.astro-26IAWSS2) {
    margin-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableItem:where(.astro-26IAWSS2) + .step-tableItem:where(.astro-26IAWSS2) {
    margin-top: 1.8125rem;
  }
}
.step-tableIndex:where(.astro-26IAWSS2) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-26IAWSS2) .step-tableIndex:where(.astro-26IAWSS2) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-26IAWSS2) {
    font-size: 1rem;
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-26IAWSS2) {
    letter-spacing: 0.05em;
    padding-left: 1.1875rem;
  }
}
.step-tableIndex:where(.astro-26IAWSS2):before {
  content: "";
  position: absolute;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-26IAWSS2):before {
    top: 0.3125rem;
    left: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-26IAWSS2):before {
    top: 0.125rem;
    left: 0;
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
.step-tableDetail:where(.astro-26IAWSS2) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-tableDetail:where(.astro-26IAWSS2) {
    margin-top: 1rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableDetail:where(.astro-26IAWSS2) {
    font-size: 0.75rem;
    margin-top: 0.875rem;
    line-height: 1.75;
  }
}
.step-product:where(.astro-26IAWSS2) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-product:where(.astro-26IAWSS2) {
    margin-top: 1.25rem;
    padding-top: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-product:where(.astro-26IAWSS2) {
    margin-top: 1.40625rem;
    padding-top: 0.9375rem;
  }
}
.step-productHead:where(.astro-26IAWSS2) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-26IAWSS2) .step-productHead:where(.astro-26IAWSS2) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-productHead:where(.astro-26IAWSS2) {
    display: flex;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productHead:where(.astro-26IAWSS2) {
    font-size: 0.75rem;
  }
}
.step-productLink:where(.astro-26IAWSS2) {
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-26IAWSS2) {
    margin-left: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-26IAWSS2) {
    align-items: center;
    margin-top: 0.5rem;
  }
}
.step-productLink:where(.astro-26IAWSS2) .whiteArrow:where(.astro-26IAWSS2) {
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-26IAWSS2) .whiteArrow:where(.astro-26IAWSS2) {
    top: -0.125rem;
    margin-left: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-26IAWSS2) .whiteArrow:where(.astro-26IAWSS2) {
    margin-left: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-26IAWSS2) .whiteArrow:where(.astro-26IAWSS2) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-after:where(.astro-26IAWSS2) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-after:where(.astro-26IAWSS2) {
    margin-top: 1.5rem;
    padding-top: 1.375rem;
    padding-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-after:where(.astro-26IAWSS2) {
    margin-top: 1.1875rem;
    padding-top: 1.125rem;
  }
}
.step-afterItem:where(.astro-26IAWSS2) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-afterItem:where(.astro-26IAWSS2) {
    line-height: 1.8571428571;
    padding-left: 0.8em;
    text-indent: -0.8em;
  }
}
@media screen and (max-width: 767.99px) {
  .step-afterItem:where(.astro-26IAWSS2) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-left: 0.125rem;
    padding-left: 0.6em;
    text-indent: -0.6em;
  }
}
.LFlow:where(.astro-WG4CELBM) {
  background-color: #454040;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .LFlow:where(.astro-WG4CELBM) {
    margin-top: 14.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LFlow:where(.astro-WG4CELBM) {
    margin-top: 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-WG4CELBM) {
    padding-block: 13.625rem 14.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-WG4CELBM) {
    padding-block: 6.5rem 7.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-WG4CELBM) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-WG4CELBM) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-WG4CELBM) {
    display: flex;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-WG4CELBM) {
    width: 29.875rem;
  }
}
@media screen and (min-width: 768px) {
  .step:where(.astro-WG4CELBM) {
    margin-top: 2.25rem;
    width: 42.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step:where(.astro-WG4CELBM) {
    margin-top: 5rem;
  }
}
.step-list:where(.astro-WG4CELBM) {
  counter-reset: number;
}
.step-item:where(.astro-WG4CELBM) {
  display: flex;
  counter-increment: number;
  position: relative;
  padding-bottom: 4.875rem;
}
@media screen and (min-width: 768px) {
  .step-item:where(.astro-WG4CELBM) + .step-item:where(.astro-WG4CELBM) {
    padding-bottom: 4.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-item:where(.astro-WG4CELBM) + .step-item:where(.astro-WG4CELBM) {
    padding-bottom: 4.25rem;
  }
}
.step-line:where(.astro-WG4CELBM) {
  position: absolute;
  width: 1px;
  background-color: #6a6666;
}
.step-line:where(.astro-WG4CELBM).-line06 {
  background-color: transparent;
}
.step-line:where(.astro-WG4CELBM).-line06:after {
  content: "";
  position: absolute;
  background-repeat: repeat-y;
  background-position: left bottom;
  inset: 0;
}
@media screen and (min-width: 768px) {
  .step-line:where(.astro-WG4CELBM) {
    left: 3.125rem;
    top: 6.875rem;
    bottom: 0.625rem;
    height: calc(100% - 7.5rem);
  }
  .step-line:where(.astro-WG4CELBM).-line06:after {
    background-size: 1px 6px;
    background-image: linear-gradient(to bottom, #6a6666 4px, transparent 2px);
  }
}
@media screen and (max-width: 767.99px) {
  .step-line:where(.astro-WG4CELBM) {
    left: 2.3125rem;
    top: 5rem;
    bottom: 0.3125rem;
    height: calc(100% - 5.3125rem);
  }
  .step-line:where(.astro-WG4CELBM).-line06:after {
    background-size: 1px 4px;
    background-image: linear-gradient(to bottom, #6a6666 2px, transparent 1px);
  }
}
@media screen and (min-width: 768px) {
  .step-index:where(.astro-WG4CELBM) {
    width: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-index:where(.astro-WG4CELBM) {
    width: 7.25rem;
  }
}
.step-circle:where(.astro-WG4CELBM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  color: #44403f;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  border-radius: 50%;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .step-circle:where(.astro-WG4CELBM) {
    line-height: 1.4285714286;
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-circle:where(.astro-WG4CELBM) {
    line-height: 1.25;
    width: 4.6875rem;
    height: 4.6875rem;
  }
}
.step-circle:where(.astro-WG4CELBM).-after {
  justify-content: center;
  text-align: center;
}
.step-number:where(.astro-WG4CELBM) {
  position: relative;
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-WG4CELBM) {
    margin-top: 0.125rem;
    margin-left: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-WG4CELBM) {
    letter-spacing: -0.025em;
    margin-left: 1.125rem;
  }
}
.step-number:where(.astro-WG4CELBM):before {
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .step-number:where(.astro-WG4CELBM):before {
    left: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-number:where(.astro-WG4CELBM):before {
    left: 1.8125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-WG4CELBM) {
    width: 33.75rem;
    margin-top: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-WG4CELBM) {
    width: 14.9375rem;
    margin-top: 1.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .step-content:where(.astro-WG4CELBM).-after {
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-content:where(.astro-WG4CELBM).-after {
    margin-top: 0.1875rem;
  }
}
.step-title:where(.astro-WG4CELBM) {
  font-weight: 600;
}
.bAndroid:where(.astro-WG4CELBM) .step-title:where(.astro-WG4CELBM) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-title:where(.astro-WG4CELBM) {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-title:where(.astro-WG4CELBM) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
  }
}
.step-text:where(.astro-WG4CELBM) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-text:where(.astro-WG4CELBM) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-text:where(.astro-WG4CELBM) {
    font-size: 0.75rem;
    margin-top: 1.375rem;
    line-height: 1.75;
  }
}
.step-wdp:where(.astro-WG4CELBM) {
  display: flex;
  border-top: 1px solid #6a6666;
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-wdp:where(.astro-WG4CELBM) {
    justify-content: space-between;
    margin-top: 1.25rem;
    padding-top: 1.75rem;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-wdp:where(.astro-WG4CELBM) {
    flex-direction: column;
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 1.40625rem;
    padding-top: 0.9375rem;
  }
}
@media screen and (min-width: 768px) {
  .step-wdp:where(.astro-WG4CELBM) p:where(.astro-WG4CELBM) {
    width: 25.875rem;
  }
}
.step-link:where(.astro-WG4CELBM) {
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-WG4CELBM) {
    align-items: center;
    justify-content: right;
    margin-top: 0.4375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-WG4CELBM) {
    margin-left: auto;
  }
}
.step-link:where(.astro-WG4CELBM) .text:where(.astro-WG4CELBM) {
  font-weight: 600;
}
.bAndroid:where(.astro-WG4CELBM) .step-link:where(.astro-WG4CELBM) .text:where(.astro-WG4CELBM) {
  font-weight: 700;
}
.step-link:where(.astro-WG4CELBM) .arrow:where(.astro-WG4CELBM) {
  position: relative;
  inset: auto;
  translate: none;
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-WG4CELBM) .arrow:where(.astro-WG4CELBM) {
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-link:where(.astro-WG4CELBM) .arrow:where(.astro-WG4CELBM) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-link:where(.astro-WG4CELBM) .arrow:where(.astro-WG4CELBM) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-table:where(.astro-WG4CELBM) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-table:where(.astro-WG4CELBM) {
    margin-top: 0.8125rem;
    padding-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-table:where(.astro-WG4CELBM) {
    margin-top: 1.40625rem;
    padding-top: 1.125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-tableItem:where(.astro-WG4CELBM) + .step-tableItem:where(.astro-WG4CELBM) {
    margin-top: 2.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableItem:where(.astro-WG4CELBM) + .step-tableItem:where(.astro-WG4CELBM) {
    margin-top: 1.8125rem;
  }
}
.step-tableIndex:where(.astro-WG4CELBM) {
  position: relative;
  font-weight: 600;
}
.bAndroid:where(.astro-WG4CELBM) .step-tableIndex:where(.astro-WG4CELBM) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-WG4CELBM) {
    font-size: 1rem;
    padding-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-WG4CELBM) {
    letter-spacing: 0.05em;
    padding-left: 1.1875rem;
  }
}
.step-tableIndex:where(.astro-WG4CELBM):before {
  content: "";
  position: absolute;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .step-tableIndex:where(.astro-WG4CELBM):before {
    top: 0.3125rem;
    left: 0.0625rem;
    width: 0.5rem;
    height: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableIndex:where(.astro-WG4CELBM):before {
    top: 0.125rem;
    left: 0;
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
.step-tableDetail:where(.astro-WG4CELBM) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-tableDetail:where(.astro-WG4CELBM) {
    margin-top: 1rem;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 767.99px) {
  .step-tableDetail:where(.astro-WG4CELBM) {
    font-size: 0.75rem;
    margin-top: 0.875rem;
    line-height: 1.75;
  }
}
.step-product:where(.astro-WG4CELBM) {
  border: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-product:where(.astro-WG4CELBM) {
    margin-top: 1.625rem;
    padding-block: 2rem 1.5rem;
    padding-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-product:where(.astro-WG4CELBM) {
    margin-top: 1.125rem;
    padding: 1.375rem;
  }
}
.step-productHead:where(.astro-WG4CELBM) {
  font-weight: 600;
  font-feature-settings: initial;
}
.bAndroid:where(.astro-WG4CELBM) .step-productHead:where(.astro-WG4CELBM) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .step-productHead:where(.astro-WG4CELBM) {
    display: flex;
    line-height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productHead:where(.astro-WG4CELBM) {
    font-size: 0.75rem;
  }
}
.step-productLink:where(.astro-WG4CELBM) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-WG4CELBM) {
    margin-left: 0.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-WG4CELBM) {
    align-items: center;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-WG4CELBM) .text:where(.astro-WG4CELBM) {
    margin-bottom: 0.03125rem;
  }
}
.step-productLink:where(.astro-WG4CELBM) .whiteArrow:where(.astro-WG4CELBM) {
  color: #44403f;
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-WG4CELBM) .whiteArrow:where(.astro-WG4CELBM) {
    top: -0.125rem;
    margin-left: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productLink:where(.astro-WG4CELBM) .whiteArrow:where(.astro-WG4CELBM) {
    margin-left: 0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .step-productLink:where(.astro-WG4CELBM) .whiteArrow:where(.astro-WG4CELBM) svg {
    width: 0.375rem;
    height: 0.375rem;
  }
}
.step-productText:where(.astro-WG4CELBM) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-productText:where(.astro-WG4CELBM) {
    line-height: 1.8571428571;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-productText:where(.astro-WG4CELBM) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-top: 0.875rem;
  }
}
.step-after:where(.astro-WG4CELBM) {
  border-top: 1px solid #6a6666;
}
@media screen and (min-width: 768px) {
  .step-after:where(.astro-WG4CELBM) {
    margin-top: 1.5rem;
    padding-top: 1.375rem;
    padding-left: 0.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .step-after:where(.astro-WG4CELBM) {
    margin-top: 1.1875rem;
    padding-top: 1.125rem;
  }
}
.step-afterItem:where(.astro-WG4CELBM) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .step-afterItem:where(.astro-WG4CELBM) {
    line-height: 1.8571428571;
    padding-left: 0.8em;
    text-indent: -0.8em;
  }
}
@media screen and (max-width: 767.99px) {
  .step-afterItem:where(.astro-WG4CELBM) {
    font-size: 0.75rem;
    line-height: 1.75;
    margin-left: 0.125rem;
    padding-left: 0.6em;
    text-indent: -0.6em;
  }
}
@media screen and (min-width: 768px) {
  .LOptions:where(.astro-AUUCZJBG) {
    padding-top: 13.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOptions:where(.astro-AUUCZJBG) {
    padding-top: 6.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-AUUCZJBG) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-AUUCZJBG) {
    margin-inline: 1.875rem;
  }
}
.list:where(.astro-AUUCZJBG) {
  counter-reset: number;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-AUUCZJBG) {
    display: flex;
    flex-wrap: wrap;
    gap: 5.5rem 9.6875rem;
    padding-top: 6.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-AUUCZJBG) {
    padding-top: 4.8125rem;
  }
}
.item:where(.astro-AUUCZJBG) {
  display: flex;
  flex-direction: column;
  counter-increment: number;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-AUUCZJBG) {
    width: 31.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-AUUCZJBG) + .item:where(.astro-AUUCZJBG) {
    margin-top: 3.6875rem;
  }
}
.index:where(.astro-AUUCZJBG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .index:where(.astro-AUUCZJBG) {
    padding-bottom: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .index:where(.astro-AUUCZJBG) {
    letter-spacing: -0.025em;
    font-size: 0.75rem;
    padding-bottom: 0.875rem;
  }
}
.number:where(.astro-AUUCZJBG) {
  position: relative;
}
.number:where(.astro-AUUCZJBG):before {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  content: counter(number, decimal-leading-zero);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .number:where(.astro-AUUCZJBG):before {
    left: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .number:where(.astro-AUUCZJBG):before {
    left: 0.125rem;
  }
}
[data-whatintent="mouse"] .linkWrapper:where(.astro-AUUCZJBG):hover .title:where(.astro-AUUCZJBG),
[data-whatintent="mouse"] .linkWrapper:where(.astro-AUUCZJBG):hover .text:where(.astro-AUUCZJBG),
[data-whatintent="mouse"] .linkWrapper:where(.astro-AUUCZJBG):hover .link-text:where(.astro-AUUCZJBG) {
  opacity: 0.5;
}
[data-whatintent="mouse"]
  .linkWrapper:where(.astro-AUUCZJBG):hover
  .image:where(.astro-AUUCZJBG)
  img:where(.astro-AUUCZJBG) {
  scale: 1.07;
}
.image:where(.astro-AUUCZJBG) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-AUUCZJBG) {
    margin-top: 3.125rem;
    width: 31.5rem;
    height: 18.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-AUUCZJBG) {
    margin-top: 2.5rem;
  }
}
.image:where(.astro-AUUCZJBG) img:where(.astro-AUUCZJBG) {
  transition: scale 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  width: 100%;
  height: auto;
}
.title:where(.astro-AUUCZJBG),
.text:where(.astro-AUUCZJBG),
.link-text:where(.astro-AUUCZJBG) {
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.title:where(.astro-AUUCZJBG) {
  font-weight: 600;
}
.bAndroid:where(.astro-AUUCZJBG) .title:where(.astro-AUUCZJBG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-AUUCZJBG) {
    font-size: 1.125rem;
    margin-top: 3.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-AUUCZJBG) {
    letter-spacing: 0.05em;
    font-size: 0.9375rem;
    line-height: 1.4;
    margin-top: 2.125rem;
  }
}
.text:where(.astro-AUUCZJBG) {
  font-feature-settings: initial;
}
@media screen and (min-width: 768px) {
  .text:where(.astro-AUUCZJBG) {
    line-height: 1.8571428571;
    margin-block: 1.4375rem 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-AUUCZJBG) {
    font-size: 0.75rem;
    margin-top: 0.9375rem;
    line-height: 1.75;
  }
}
.link:where(.astro-AUUCZJBG) {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: right;
  font-feature-settings: initial;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-AUUCZJBG) {
    margin-top: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-AUUCZJBG) {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .link-arrow:where(.astro-AUUCZJBG) {
    margin-left: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link-arrow:where(.astro-AUUCZJBG) {
    margin-top: 0.0625rem;
    margin-left: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .LProjects:where(.astro-CHTRNEKI) {
    padding-top: 15.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjects:where(.astro-CHTRNEKI) {
    padding-top: 7.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .title:where(.astro-CHTRNEKI) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-CHTRNEKI) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .content:where(.astro-CHTRNEKI) {
    margin-top: 7rem;
  }
}
@media screen and (max-width: 767.99px) {
  .content:where(.astro-CHTRNEKI) {
    margin-top: 3.8125rem;
  }
}
.link:where(.astro-CHTRNEKI) {
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-CHTRNEKI) {
    margin-top: 4.25rem;
    margin-left: 17.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-CHTRNEKI) {
    margin-top: 2.3125rem;
    margin-left: 1.875rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-CHTRNEKI):hover .text:where(.astro-CHTRNEKI) {
  opacity: 0.5;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-CHTRNEKI) .text:where(.astro-CHTRNEKI) {
    margin-top: 1.375rem;
    transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-CHTRNEKI) .text:where(.astro-CHTRNEKI) {
    margin-top: 0.625rem;
  }
}
.link:where(.astro-CHTRNEKI) .text-en:where(.astro-CHTRNEKI) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-CHTRNEKI) .text-en:where(.astro-CHTRNEKI) {
    letter-spacing: -0.025em;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-CHTRNEKI) .text-en:where(.astro-CHTRNEKI) {
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-CHTRNEKI) .text-ja:where(.astro-CHTRNEKI) {
    margin-top: 0.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-CHTRNEKI) .text-ja:where(.astro-CHTRNEKI) {
    margin-top: 0.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .link:where(.astro-CHTRNEKI) .arrow:where(.astro-CHTRNEKI) {
    margin-left: 2.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-CHTRNEKI) .arrow:where(.astro-CHTRNEKI) {
    margin-left: 0.625rem;
  }
}
.CFaqMenu:where(.astro-XVDDMWMU) {
  border-block: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CFaqMenu:where(.astro-XVDDMWMU) {
    margin-bottom: 5.625rem;
  }
}
.texts:where(.astro-XVDDMWMU) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.link:where(.astro-XVDDMWMU) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .link:where(.astro-XVDDMWMU) {
    padding-block: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .link:where(.astro-XVDDMWMU) {
    padding-block: 1rem;
  }
}
[data-whatintent="mouse"] .link:where(.astro-XVDDMWMU):hover .texts:where(.astro-XVDDMWMU) {
  opacity: 0.5;
}
.title:where(.astro-XVDDMWMU) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-XVDDMWMU) {
    margin-bottom: 0.875rem;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-XVDDMWMU) {
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
  }
}
.text:where(.astro-XVDDMWMU) {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.99px) {
  .text:where(.astro-XVDDMWMU) {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-E7UXEKJ3) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin-inline: 21.0625rem 20.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-E7UXEKJ3) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-E7UXEKJ3) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .CPageTitle:where(.astro-E7UXEKJ3) .title-jp {
    margin-top: 0;
    padding-left: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CPageTitle:where(.astro-E7UXEKJ3) .title-jp {
    margin-top: 0.25rem;
    padding-left: 0.125rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-E7UXEKJ3) {
    margin-top: 4.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .workplaceDesign:where(.astro-E7UXEKJ3) .photo {
    width: 112%;
  }
}
.CPager:where(.astro-R7DEAYXI) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .CPager:where(.astro-R7DEAYXI) {
    width: 50rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767.99px) {
  .CPager:where(.astro-R7DEAYXI) {
    width: 100%;
  }
}
.CPager:where(.astro-R7DEAYXI) .reverse:where(.astro-R7DEAYXI) {
  transform: rotate(180deg);
}
.CPager:where(.astro-R7DEAYXI) .disable:where(.astro-R7DEAYXI) {
  opacity: 0.5;
  pointer-events: none;
}
.list:where(.astro-R7DEAYXI) {
  display: flex;
  align-items: center;
}
.list-item:where(.astro-R7DEAYXI) {
  display: flex;
}
.list-item:where(.astro-R7DEAYXI).-morePrev {
  display: none;
}
.list-link:where(.astro-R7DEAYXI) {
  color: #44403f80;
  border: solid 1px rgba(68, 64, 63, 0.1);
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .list-link:where(.astro-R7DEAYXI) {
    font-size: 1.25rem;
    position: relative;
    display: block;
    width: 5rem;
    height: 5rem;
    text-align: center;
    line-height: 5rem;
    border-radius: 50%;
    transition: 0.6s cubic-bezier(0.16, 1, 0.3, 1);
    transition-property: border-color, background-color, color;
  }
}
@media screen and (max-width: 767.99px) {
  .list-link:where(.astro-R7DEAYXI) {
    font-size: 0.75rem;
    line-height: 2.5rem;
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.375rem;
    border-radius: 50%;
  }
}
[data-whatintent="mouse"] .list-link:where(.astro-R7DEAYXI):hover {
  border-color: #bd991e;
  background-color: #bd991e;
  color: #fff;
}
.list-link:where(.astro-R7DEAYXI).current {
  border-color: #bd991e;
  background-color: #bd991e;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .list-link:where(.astro-R7DEAYXI) + .list-link:where(.astro-R7DEAYXI) {
    margin-left: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list-link:where(.astro-R7DEAYXI) + .list-link:where(.astro-R7DEAYXI) {
    margin-left: 0.5rem;
  }
}
.CPlusIcon:where(.astro-KFCZY7O7) {
  transition: transform 0.2s ease;
}
.CPlusIcon:where(.astro-KFCZY7O7).-white {
  fill: #fff;
}
.CPlusIcon-horizontal:where(.astro-KFCZY7O7) {
  transition: transform 0.2s ease;
  transform-origin: center;
}
.CPlusIcon:where(.astro-KFCZY7O7).-open {
  transform: rotate(90deg);
}
.CPlusIcon:where(.astro-KFCZY7O7).-open .CPlusIcon-horizontal:where(.astro-KFCZY7O7) {
  transform: scaleX(0);
}
.CAccordionTrigger:where(.astro-KL7Y63AH) {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 600;
}
.bAndroid:where(.astro-KL7Y63AH) .CAccordionTrigger:where(.astro-KL7Y63AH) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .CAccordionTrigger:where(.astro-KL7Y63AH) {
    font-size: 0.9375rem;
    line-height: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .CAccordionTrigger:where(.astro-KL7Y63AH) {
    font-size: 0.875rem;
    line-height: 1;
  }
}
.plus:where(.astro-KL7Y63AH) {
  border-radius: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .plus:where(.astro-KL7Y63AH) {
    width: 1.625rem;
    height: 1.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .plus:where(.astro-KL7Y63AH) {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .plus-icon:where(.astro-KL7Y63AH) {
    width: 0.5625rem;
    height: 0.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .plus-icon:where(.astro-KL7Y63AH) {
    width: 0.4375rem;
    height: 0.4375rem;
  }
}
@media screen and (min-width: 768px) {
  .head:where(.astro-C4YD5NPL) {
    height: 41.875rem;
    padding-top: 15.125rem;
    margin: 0 20.5rem 0 21.0625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .head:where(.astro-C4YD5NPL) {
    height: 25.5rem;
    padding-top: 9.8125rem;
    margin-left: 2.625rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-C4YD5NPL) {

  }
}
.sort:where(.astro-C4YD5NPL) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .sort:where(.astro-C4YD5NPL) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort:where(.astro-C4YD5NPL) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .sort:where(.astro-C4YD5NPL) {
    margin-top: 8.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort:where(.astro-C4YD5NPL) {
    margin-top: 9.125rem;
  }
}
.sort-content:where(.astro-C4YD5NPL) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.sort-title:where(.astro-C4YD5NPL) {
  text-transform: uppercase;
  display: block;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .sort-title:where(.astro-C4YD5NPL) {
    margin-left: 1.625rem;
    margin-top: 0.625rem;
    font-size: 1.125rem;
  }
}
.sort-title-area:where(.astro-C4YD5NPL) {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .sort-title-area:where(.astro-C4YD5NPL) {
    padding-top: 1.625rem;
    padding-bottom: 1.75rem;
    cursor: pointer;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-title-area:where(.astro-C4YD5NPL) {
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.sort-category:where(.astro-C4YD5NPL) {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .sort-category:where(.astro-C4YD5NPL) {
    display: flex;
    padding-block: 1.75rem 1.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-category:where(.astro-C4YD5NPL) {
    padding-top: 1.40625rem;
    padding-left: 1.5625rem;
    padding-bottom: 0.9375rem;
  }
}
.sort-category:where(.astro-C4YD5NPL) + .sort-category:where(.astro-C4YD5NPL) {
  margin-top: 2px;
}
@media screen and (min-width: 768px) {
  .sort-category-term:where(.astro-C4YD5NPL) {
    display: block;
    width: 9.9375rem;
    padding-block: 0.625rem;
    margin-left: 1.8125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-category-term:where(.astro-C4YD5NPL) {
    margin-bottom: 1.875rem;
  }
}
.sort-category-descriptArea:where(.astro-C4YD5NPL) {
  display: flex;
  flex-wrap: wrap;
}
.sort-category-descript:where(.astro-C4YD5NPL) {
  border: 1px solid #eeeeee;
}
[data-whatintent="mouse"] .sort-category-descript:where(.astro-C4YD5NPL):hover {
  background-color: #bd991e;
  border-color: #bd991e;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .sort-category-descript:where(.astro-C4YD5NPL) {
    border-radius: 1.25rem;
    padding: 0.6875rem 0.8125rem;
    font-size: 0.75rem;
    transition: background-color 0.8s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.8s cubic-bezier(0.16, 1, 0.3, 1),
      color 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
@media screen and (max-width: 767.99px) {
  .sort-category-descript:where(.astro-C4YD5NPL) {
    border-radius: 1.25rem;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
    margin-right: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .sort-category-descript:where(.astro-C4YD5NPL) + .sort-category-descript:where(.astro-C4YD5NPL) {
    margin-left: 0.3125rem;
  }
}
.sort-category-descript:where(.astro-C4YD5NPL).-current {
  border: 1px solid #bd991e;
  background-color: #bd991e;
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .sort-category:where(.astro-C4YD5NPL) .wrapMargin:where(.astro-C4YD5NPL) {
    margin-left: 0rem;
  }
}
@media screen and (min-width: 768px) {
  .works:where(.astro-C4YD5NPL) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .works:where(.astro-C4YD5NPL) {
    margin-inline: 1.875rem;
  }
}
@media screen and (min-width: 768px) {
  .works:where(.astro-C4YD5NPL) {
    margin-top: 8.4375rem;
    margin-bottom: 15rem;
  }
}
@media screen and (max-width: 767.99px) {
  .works:where(.astro-C4YD5NPL) {
    margin-top: 4.875rem;
    margin-bottom: 5.75rem;
  }
}
@media screen and (min-width: 768px) {
  .works:where(.astro-C4YD5NPL) .list:where(.astro-C4YD5NPL) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6.625rem;
    margin-bottom: 6.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .works:where(.astro-C4YD5NPL) .list:where(.astro-C4YD5NPL) {
    margin-top: 2.9375rem;
    margin-bottom: 4.875rem;
  }
}

#xj-select-category a {
  font-size: 0.75rem;
  padding: 0.625rem 1.875rem;
  border-radius: 1.25rem;
  border: 1px solid #f4f9fd;
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  display: inline-block;
  background-color: #333;
}
.colorboxnew .ir_iconBx {
  font-size: 0.75rem;
  padding: 0.625rem 1.875rem;
  border-radius: 1.25rem;
  border: 1px solid #f4f9fd;
  transition: opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

#contact_select-error {
  display: block;
}

.ir_list li .irWp {
  width: 100%;
  display: flex;
  align-items: center;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.ir_item_year_2023 img {
  display: none;
}

.projects_area .sp_onlys {
  display: none;
}

.title.astro-AUUCZJBG,
.title.astro-QIIKENHB {
  line-height: 1.6;
}
.ir_list img {
  display: none;
}

.esg_photo_t {
  width: 70%;
}

.esg_photo_t02 img {
  width: 100%;
}

.leadLg01 h2 {
  margin-bottom: 3rem;
}
.leadLg00 li {
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.1em;
  margin: 0 1rem 0 0;
}
.colorboxnew {
  min-width: 110px;
  margin-right: 2rem;
}
.colorboxnew .ir_iconBx {
}
.colorboxnew .ir_iconBx {
  display: inline-block;
}

.projects_area .LAboutItem {
  margin-left: 0;
}
.projects_area .image.astro-3HYCH4JN {
  position: relative;
}
.projects_area .image.astro-3HYCH4JN:after {
  background: #000;
  content: "";
  height: 100%;
  left: 50%;
  opacity: 0.39;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 1;
}

.projects_area .info.astro-3HYCH4JN {
  z-index: 2;
}

.leadLg00 li {
  display: flex;
}

.btn-contact2 {
  background: #333;
  text-align: center;
  color: #fff;
  margin: 3rem 0 0 0;
  height: 126px;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border: 0;
  outline: none;
  box-shadow: none;
  width: 100%;
  position: relative;
  cursor: pointer;
  font-size: 1.6rem;
}

.detail_area .CTextSlide.astro-GKSQKESB,
.detail_area .CHeaderMenu li button,
.detail_area .CHeaderMenu li .char.-plus.astro-FOX3Q2IV {
  color: #fff;
}

.detail_area .textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:before,
.detail_area .textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:after {
  background: #fff;
}

.faq_area {
  margin-inline: 17.8125rem 9.5rem;
}

@media screen and (min-width: 768px) {
  .notice {
    margin-inline: 21.0625rem 20.5rem;
  }

  .notice h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 1.5rem 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }

  .notice p {
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 1.5rem 0 1.5rem 0;
  }

  .notice_l_t p {
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 1.5rem 0 11rem 0;
  }

  .notice_t_num {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    padding: 0 1rem 0 0;
  }

  p.notice_l_t_2 {
    padding: 1.5rem 0 11rem 0;
  }

  /*faq*/

  .projects_area.detail_area .textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:before,
  .projects_area.detail_area .textSlide:where(.astro-FOX3Q2IV) .charsWrap:where(.astro-FOX3Q2IV) .char.-plus:after {
    display: none;
  }
  .faq h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 7.25rem 0 1.5rem 0;
  }

  .faq p {
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 1.5rem 0 1.5rem 0;
  }

  .list-faq .item {
    margin-bottom: 25px;
  }

  .list-faq .item-q {
    display: flex;
    align-items: center;
    /*background: #f5f5f5;*/
    cursor: pointer;
    margin-top: 1.75rem;
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .list-faq .ico-q {
    width: 80px;
    height: 80px;
    background: #969696;
    position: relative;
    display: inline-block;
    margin-right: 40px;
  }

  .list-faq .ico-q:before {
    content: "";
    width: 1px;
    height: 19px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
  }

  .list-faq .ico-q:after {
    content: "";
    height: 1px;
    width: 19px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
  }

  .list-faq .item-a {
    margin-top: 30px;
    display: none;
    padding-bottom: 17px;
    margin-top: 1.75rem;
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .list-faq .item-q.open .ico-q {
    background: #bd991e;
  }

  .list-faq .item-q.open {
    background: #fffde5;
  }

  navs-page {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 33px 0 34px;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.75rem;
  }

  .navs-page li {
    margin: 0 0.5rem 0 0;
  }

  .navs-page li a {
    padding: 11px 0.9375vw 12px 0.9895833333vw;
    border-radius: 50px;
    letter-spacing: 1.3px;
    color: #333;
    display: block;
    text-align: center;
    /*background: #eee;*/
    border: 1px solid #f4f9fd;
    padding: 0.625rem 1.25rem;
    border-radius: 1.0625rem;
    margin: 0 0 0 auto;
    font-size: 0.75rem;
  }

  .mbpc-87 {
    /*margin-bottom: 87px !important;*/
    /* display: flex; */
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    padding: 33px 0 34px;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    /* border-top: 1px solid rgba(68, 64, 63, 0.2); */
    margin-bottom: 1.75rem;
  }

  /*news*/
  .astro-news_c {
    background: #eee;
    border: 1px solid #f4f9fd;
    padding: 0.625rem 1.25rem;
    border-radius: 1.0625rem;
    margin: 0 0 0 auto;
    font-size: 0.75rem;
  }

  .astro-text_c {
    margin-top: 0.625rem;
    line-height: 1.8571428571;
  }

  .news_btn_c .CCircle {
    margin: 0 0 0 auto;
    margin-top: 0.625rem;
  }

  .news_content_a {
    margin-inline: 21.0625rem 20.5rem;
  }

  .active_topics {
    background-color: #f4f9fd;
  }

  .astro-news2_c {
    background: #eee;
    border: 1px solid #f4f9fd;
    padding: 0.625rem 1.25rem;
    border-radius: 1.0625rem;
    margin: 0 0 0 1rem;
    font-size: 0.75rem;
  }

  .news_con_title {
    margin-inline: 21.0625rem 20.5rem;
  }

  .news_con_title h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0.05em;
    padding: 1.5rem 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.625rem;
  }

  .news_con_title2 h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0.05em;
    padding: 5rem 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.625rem;
  }

  .news_con_b {
    margin-inline: 21.0625rem 20.5rem;
  }

  .news_con_b p {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
    margin-bottom: 2rem;
  }

  .news_con_photo {
    margin: 5rem 0 5rem 0;
  }

  .news_con_bl2 {
    display: flex;
    margin: 5rem 0 5rem 0;
  }

  .news_con_bl2 p {
    width: 50%;
    margin-right: 2rem;
  }

  .news_con_bl2 img {
    width: 50%;
    margin: auto;
  }

  .news_con_bl3 {
    margin-bottom: 11rem;
  }

  /*praphic*/
  .graphic_btn_li {
    margin: 6.625rem 0 15rem 0;
  }

  /*download*/
  .down_t_num {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    padding: 0 1rem 0 0;
  }

  .down_1_block {
    margin-inline: 21.0625rem 20.5rem;
  }

  .down_2_block {
    margin-inline: 21.0625rem 20.5rem;
  }

  .down_2_block h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 7.25rem 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.5rem;
    display: flex;
  }

  .down_2_block p {
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .down_2_block2 {

  }

  .down_2_block2 h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.5rem;
    display: flex;
    padding: 0 0 1.5rem 0;
  }

  .down_2_block2 p {
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .down_con_bl {
    display: flex;
    margin-top: 2rem;
  }

  .down_con_bl2 {
    display: flex;
    margin-bottom: 11rem;
    margin-top: 3rem;
  }

  .down_con_bl li {
    width: 33%;
  }

  .d_t_c_01 {
    display: block;
  }

  .d_t_c_02 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
  }

  .down_con_blo_01 {
    margin: 3.75rem 0 0 0;
  }

  .d_c_txt {
    letter-spacing: 0.1em;
    line-height: 2;
    padding-bottom: 1.5rem;
  }

  .down_2blo_com01 {

	padding: 0 0 1.5rem 0;
	margin: 0 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    display: flex;
    align-items: center;
  }

  .down_2blo_com02 {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
	margin: 0 0 1.5rem 0;
    display: flex;
    align-items: center;
  }
  .down_2blo_com03 {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
	margin: 0 0 1.5rem 0;
    display: flex;
    align-items: center;
  }

  .down_2blo_com01 .txt03 {
    letter-spacing: 0.1em;
    line-height: 2;
    width: 100%;
  }

	.CBlockTitle.section-title div:nth-child(2){
	border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-top: 1px solid rgba(68, 64, 63, 0.2);
	margin: 1.5rem 0 1.5rem 0;
    padding: 1.5rem 0 1.5rem 0;
	}

  .down_2blo_com02 .txt03 {
    letter-spacing: 0.1em;
    line-height: 2;
    width: 100%;
  }
  .down_2blo_com03 .txt04 {
    letter-spacing: 0.1em;
    line-height: 2;
    width: 100%;
  }

  .tl003 {
    width: 10%;
    margin-right: 8rem;
  }
  .tl004 {
    width: 10%;
    margin-right: 8rem;
  }

  .contact-form__content {
    margin-top: 4rem;
  }

  .download_area .sec-download,
  .download_area .down_con_bl2 {
    padding-bottom: 9.625rem;
  }

  .contact_area_wp {
    padding-bottom: 9.625rem;
  }

  .down_2blo_com01_t {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    width: 30%;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
  }

  .down_2blo_com01_t2,.down_2blo_com01_t3 {
    font-size: 1.5rem;
    width: 30%;
    letter-spacing: -0.04em;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
  }
  .down_2blo_com01_t3 {
    font-size: 1.5rem;
    width: 30%;
    letter-spacing: -0.04em;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
  }

  .page-download_page_index {
    margin-inline: 21.0625rem 20.5rem;
  }

  .d_title_f01 {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 11rem;
  }

  .d_title_f02 {
    font-size: 0.875rem;
    margin-top: 0.875rem;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
  }

  .form_s_txt01 {
    letter-spacing: 0.1em;
    line-height: 2;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 2rem 0 2rem 0;
    margin: 0 0 0 0;
	      font-weight: 600;
  }

  .d_btn_con_txt {
    /*left: 31.6rem; */
    position: relative;
    top: 6.5rem;
    /* align-items: center; */
    color: #fff;
    z-index: 10;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
  }

  .dli-arrow-icon {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    position: relative;
    width: 1em;
    height: 0.1em;
    background: currentColor;
  }

  .dli-arrow-icon::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -0.05em;
    box-sizing: border-box;
  }

  .submitbtn_icon {
    position: relative;
    /* text-align: center; */
    right: 23%;
    bottom: 14rem;
  }

  .cp_arrows {
    position: relative;
    left: 50rem;
    top: -12rem;
  }

  .cp_arrows span {
    position: relative;
    display: inline-block;
    /*width: 1.1em;
	height: 1.1em;
	margin-right: 0.5em;
	margin-left: 0.5em;*/
  }
  .cp_arrows span::after {
    position: absolute;
    top: -1.6em;
    left: -1.9rem;
    content: "";
    border-radius: 50%;
    display: inline-block;
    width: 5.1rem;
    height: 5.1rem;
    border: solid 1px rgba(233, 233, 233, 0.1);
  }

  .cp_arrows .cp_arrow_right {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cp_arrows [class*="cp_arrow"] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #ffffff;
    z-index: 99;
  }
  .cp_arrows [class*="cp_arrow"]:after,
  .cp_arrows [class*="cp_arrow"]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
  }
  .cp_arrows [class*="cp_arrow"] {
    /*top: 0em;
	left: -0.3em;*/
    width: 10px;
    height: 12px;
    margin: 0.8em;
    border-width: 4px 4px 0 0;
    border-style: solid;
    /*border-radius: 0 2px 0 0;*/
  }
  .cp_arrows [class*="cp_arrow"]:before,
  .cp_arrows [class*="cp_arrow"]:after {
    position: absolute;
    /*border-radius: 2px;*/
  }
  .cp_arrows [class*="cp_arrow"]:before {
    top: -2px;
    right: 0;
    width: 17px;
    height: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 24px;
  }
  .cp_arrows [class*="cp_arrow"]:after {
    top: -4px;
    left: -2px;
    width: 4px;
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px, 16px 17px;
    box-shadow: inset 0 0 0 24px, 8px 9px;
  }

  /*/////////////資料ダウンロード////////////*/

  .contact-form__content dl dt {
    width: 27.5%;
    display: flex;
    letter-spacing: 1px;
    align-items: center;
    justify-content: space-between;
	  font-weight: 600;
  }

  .contact-form__content dl dd {
    width: 72.5%;
    padding-left: 40px;
  }

  .contact-form__content dl dt span.required {
    background: #bd991e;
  }

  .contact-form__content dl dt span {
    width: 58px;
    height: 38px;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
  }

  .input,
  .textarea {
    box-shadow: none;
    outline: none;
    width: 100%;
    border-radius: 3px;
    border: 0;
    height: 38px;
    padding: 3px 22px 5px;
    color: #323333;
    background: #f3f3f3;
    max-width: 770px;
    font-size: 1rem;
    line-height: 2;
    border: solid 1px #ddd;
  }

  .contact_area_wp {
  }

  select {
    box-shadow: none;
    outline: none;
    border-radius: 3px;
    border: 0;
    height: 38px;
    padding: 3px 22px 5px;
    color: #323333;
    background: #f3f3f3;
    max-width: 770px;
    font-size: 1rem;
    line-height: 2;
    border: solid 1px #ddd;
  }

  .contact-form__content dl {
    display: flex;
    align-items: flex-start;
    margin-bottom: 39px;
    padding-bottom: 39px;
    border-bottom: 1px solid #ddd;
    align-items: center;
  }

  .checkbox {
    display: block;
    text-align: center;
    padding-top: 25px;
    padding-left: 38px;
    letter-spacing: 1.3px;
  }

  .checkbox {
    display: block;
    text-align: center;
    padding-top: 25px;
    padding-left: 38px;
    letter-spacing: 1.3px;
  }

  .checkbox a {
    color: #1936e6;
    display: inline-block;
    padding-bottom: 6px;
  }

  .rc-anchor-error-msg-container {
    color: #f00;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 14px;
    margin: 2px;
    position: absolute;
    top: 0;
  }

  .checkbox input {
    display: inline-block;
    margin-right: 5px;
  }

  .contact-form__content input:disabled {
    background: #44403f;
  }

  .btn-contact:after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 63px;
    transform: translateY(-50%) rotate(45deg);
  }

  .btn-contact {
    text-align: center;
    color: #fff;
    height: 7vw;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    max-width: 35vw;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 0.875rem;
    padding: 2rem 5.5rem 0 0;
  }

  .g-recaptchaBox {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
  }

  .contact_btn_block {
    position: relative;
    right: 20vw;
    top: -6.7vw;
    color: #fff;
  }

  /*---------各種約款------*/
  .tableDt {
    line-height: 1.3;
    width: 100%;
    border-right: 1px solid rgba(68, 64, 63, 0.2);
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-top: 25px;
  }

  .tabledd {
    width: 70%;
    border-left: 1px solid rgba(68, 64, 63, 0.2);
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding: 30px 50px;
  }

  .tabledt {
    width: 30%;
    border-left: 1px solid rgba(68, 64, 63, 0.2);
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding: 30px 50px;
  }

  .tableDtDt {
    font-size: 0.875rem;
    line-height: 2;
  }

  .tableDtDt {
    width: 100%;
    display: flex;
  }

  .summary-block {
    margin-inline: 21.0625rem 20.5rem;
    padding: 1.5rem 0 11rem 0;
  }

  .company_b_m_n {
    margin-top: 8rem;
  }

  /*---------ニュース一覧------
	.news_all.astro-C54PTTOT {
	padding-top: 9.4375rem;
	margin-inline: 17.8125rem 9.5rem;
	}
	.news_all.astro-C54PTTOT .list.astro-C54PTTOT {
	display:
	}*/

  /*---------代表メッセージー---------*/
  .irmessage_blo01 {
    font-size: 1.75rem;
    padding-top: 1.875rem;
    padding-bottom: 2rem;
    font-weight: 600;
  }

  /*---------サービス---------*/
  .web_inner_b {
    width: 67.5rem;
    margin-inline: 17.75rem 9.375rem;
    padding-bottom: 6rem;
  }

  .web-list:where(.astro-OVC3SQSN) {
    display: flex;
    flex-wrap: wrap;
    padding-top: 6rem;
  }

  .web-list:where(.astro-OVC3SQSN) {
    margin-top: 6rem;
    counter-reset: number;
    z-index: 2;
    position: relative;
  }

  .web-item:where(.astro-OVC3SQSN):not(:nth-child(3n)) {
    margin-right: 5.0625rem;
  }

  .web-item:where(.astro-OVC3SQSN) {
    width: 18.625rem;
    padding-block: 1.875rem 5.3125rem;
  }

  .web-item:where(.astro-OVC3SQSN) {
    border-top: 1px solid #6a6666;
    counter-increment: number;
  }

  .web-text:where(.astro-OVC3SQSN) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }

  .web-text:where(.astro-OVC3SQSN) {
    font-feature-settings: initial;
  }

  .web-item:where(.astro-OVC3SQSN):not(:nth-child(3n)) {
    margin-right: 5.0625rem;
  }

  .web-title:where(.astro-OVC3SQSN) {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
  }

  .web-title:where(.astro-OVC3SQSN) {
    font-weight: 600;
  }

  .web_t_01 {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
    font-weight: 600;
  }

  .drone_t_b_01 {
    margin-inline: 17.75rem 4.375rem;
    display: flex;
  }

  .drone_t_b_01tt {
    font-size: 2.5rem;
    line-height: 1.65;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-right: 6rem;
  }

  .drone_t_b_01t {
    width: 35rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
  }

  .drone_movie_b {
    margin-inline: 17.8125rem 9.5rem;
    margin-top: 7.5rem;
    display: flex;
  }

  .drone_movie_b p {
    font-size: 1.125rem;
    margin: 3.25rem 0 3.25rem 0;
    line-height: 1.6666666667;
    font-weight: 600;
    border-top: 1px solid #6a6666;
    padding: 3.25rem 0 0 0;
  }

  .drone_plan1t {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    padding: 3rem;
    font-feature-settings: initial;
  }

  .drone_movie_01 {
    width: 100%;
    margin-right: 1.5rem;
  }

  .drone_movie_02 {
    width: 100%;
    margin-left: 1.5rem;
  }

  .list-company ul {
    padding-top: 3rem;
  }

  .list-company li {
    padding-top: 0.5rem;
  }

  .pro_inner_b {
    width: 67.5rem;
    margin-inline: 17.75rem 9.375rem;
    /*padding-bottom: 6rem;*/
  }

  .pro-list:where(.astro-OVC3SQSN) {
    display: flex;
    flex-wrap: wrap;
    padding-top: 6rem;
  }

  .pro-list:where(.astro-OVC3SQSN) {
    counter-reset: number;
    z-index: 2;
    position: relative;
  }

  .pro-item:where(.astro-OVC3SQSN):not(:nth-child(3n)) {
    margin-right: 5.0625rem;
  }

  .pro-item:where(.astro-OVC3SQSN) {
    width: 18.625rem;
    padding-block: 1.875rem 5.3125rem;
  }

  .pro-item:where(.astro-OVC3SQSN) {
    counter-increment: number;
  }

  .pro-text:where(.astro-OVC3SQSN) {
    margin-top: 1.375rem;
    line-height: 1.8571428571;
  }

  .pro-text:where(.astro-OVC3SQSN) {
    font-feature-settings: initial;
  }

  .pro-item:where(.astro-OVC3SQSN):not(:nth-child(3n)) {
    margin-right: 5.0625rem;
  }

  .pro-title:where(.astro-OVC3SQSN) {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
  }

  .pro-title:where(.astro-OVC3SQSN) {
    font-weight: 600;
  }

  .pro_t_01 {
    font-size: 1.125rem;
    margin-top: 3.25rem;
    line-height: 1.6666666667;
    font-weight: 600;
  }

  /*---------株主情報---------*/
  .ir_tabledt {
    width: 30%;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding: 2.5rem 0;
    letter-spacing: 0.1rem;
  }

  .ir_tableDtDt {
    width: 100%;
    display: flex;
    font-size: 0.875rem;
    line-height: 2;
  }

  .ir_tableDt {
    line-height: 1.3;
    width: 100%;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-top: 25px;
    padding-top: 12rem;
  }

  .ir_tabledd {
    width: 70%;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding: 2.5rem 0;
    letter-spacing: 0.1rem;
  }

  /*---------免責事項---------*/
  .disclaimer-block {
    padding-top: 12rem;
  }

  /*---------IRカレンダー---------*/
  .calendarWp .cldBx h2 {
    display: block;
    padding: 30px 20px 30px 20px;
    text-align: center;
    background-color: #f4f4f4;
    color: #595656;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0;
  }

  .calendarWp .cldBx .mon {
    font-size: 0.875rem;
  }

  .calendarWp .cldBx .num {
    font-size: 1.1875rem;
    font-weight: bold;
  }

  .calendarWp .cldBx .cldBxsub {
    text-align: center;
    width: 29%;
    padding: 65px 0 75px 0;
    position: relative;
    background-color: #ffffff;
  }

  .calendarWp .cldBx .cldLead {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 200px;
  }
  .calendarWp .cldBx .cldLead {
    font-size: 0.8125rem;
    line-height: 1.8;
    text-align: center;
  }

  .calendarWp .cldBx .cldLead:before {
    display: block;
    content: "";
    background-color: #ddd;
    position: absolute;
    width: 1px;
    height: 32px;
    top: -40px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .agreement .ir_tableDt {
    margin-top: 0;
    padding-top: 0;
  }
  .calendarWp .cldBx .cldLead:after {
    display: block;
    content: "";
    background-color: #bd991e;
    position: absolute;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    top: -40px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .calendarWp .cldBx {
    width: 24%;
  }

  .calendarWp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-bottom: 100px;
  }

  .calendarWp .cldBx .cldBxsubWp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 10px;
    height: 85px;
  }

  .sec-ir-c-page {
    margin-inline: 21.0625rem 20.5rem;
    padding-top: 12rem;
  }

  /*---------コーポレートガバナンスー---------*/
  .ir_img_t {
    text-align: center;
    margin: 3rem 0 0 0;
  }

  .governance_block {
    margin: 12rem 0 6rem 0;
  }

  /*---------決算短信ー---------*/
  .leadLg01 li {
    list-style-type: none;

    font-size: 1.125rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }

  #xj-select-year {
    margin-bottom: 1.8125rem;
  }

  #xj-select-year {
    width: 30%;
    height: 40px;
    color: #7b7b7b;
    font-size: 1.125rem;
    border: 1px solid #e2e2e2;
    background: #fbfbfa;
    -webkit-appearance: menulist-button;
    padding: 0 1rem;
  }

  .ir_corporate-block a {
    text-decoration: underline;
  }

  .leadLg {
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 20px;
  }

  .subContentsArea {
    /* max-width: 880px; */
    margin: 0 auto;
  }

  .sec-fs-page {
    margin-inline: 21.0625rem 20.5rem;
    padding: 12rem 0 12rem 0;
  }

  .ns_s.ir_head_date {
    font-size: 0.75rem;
  }

  /*---------決算短信ー---------*/
  .sec-fd-page {
    margin-inline: 21.0625rem 20.5rem;
    padding: 12rem 0 12rem 0;
  }

  /*---------有価証券報告書等法定開示資料ー---------*/
  .sec-fr-page {
    margin-inline: 21.0625rem 20.5rem;
    padding: 12rem 0 12rem 0;
  }

  .sec-fr-page .ns_s h2 {
    margin: 2rem 0 0 0;
  }

  .sec-fr-page .ns_sa h2 {
    margin: 2rem 0 0 0;
  }

  /*---------株主総会関連資料ー---------*/
  .sec-mt-page {
    margin-inline: 21.0625rem 20.5rem;
    padding: 12rem 0 12rem 0;
  }

  .sec-mt-page .ns_s h2 {
    margin: 2rem 0 0 0;
  }

  .sec-mt-page .ns_sa h2 {
    margin: 2rem 0 0 0;
  }

  /*---------適時開示資料ー---------*/
  .sec-tdi-page {
    margin-inline: 21.0625rem 20.5rem;
    padding: 12rem 0 12rem 0;
  }

  .ns_s.ir_head_date {
    margin: 2rem 0 0 0;
  }

  /*.sec-mt-page .ns_s h2 {
	margin: 2rem 0 0 0;
}

	.sec-mt-page .ns_sa h2 {
	margin: 2rem 0 0 0;
}*/

  /*---------IR動画ー---------*/
  .ir_movie_b {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 7.5rem;
    /*display: flex;*/
  }

  .ir_movie_plan1t p {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
    padding: 1rem 0 0 0;
  }

  .ir_movie_01 {
    width: 100%;
    margin-right: 1.5rem;
  }

  .ir_movie_02 {
    width: 100%;
    margin-left: 1.5rem;
  }

  /*---------財政状態ー---------*/
  #financial_block {
    background-color: #fff;
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 12rem;
  }

  .xj_chart_header {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-right: 1px solid rgba(68, 64, 63, 0.2);
    text-align: center;
    background-color: #eee;
    padding: 4px;
    white-space: nowrap;
  }

  .xj_chart_table {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    border-left: 1px solid rgba(68, 64, 63, 0.2);
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    background-color: #fff;
    mix-blend-mode: multiply;
  }

  .lead p {
    font-size: 1.375rem;
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0;
  }

  .leadLg .lead {
    width: 46%;
    margin: 2rem 2rem;
    text-align: center;
    /* border: solid 2px #dedede; */
  }

  .leadLg_wrap {
    display: flex;
    justify-content: space-between;
  }

  .leadLg {
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 20px;
  }

  .subContentsArea {
    margin: 0 auto;
  }

  .txt-basic_ir_ea {
    font-size: 1.125rem;
    line-height: 2;
    letter-spacing: 0;
    margin-bottom: 100px;
    padding: 0 2rem 2rem 2rem;
  }

  .corporate-block .item {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 0;
  }

  .xj_chart_value {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-right: 1px solid rgba(68, 64, 63, 0.2);
    text-align: right;
    padding: 10px 4px 10px 2px;
    white-space: nowrap;
  }

  /*---------キャッシュ・フローの状況ー---------*/
  #cashflow_block {
    background-color: #fff;
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 12rem;
  }

  /*---------IRライブラリ一覧ー---------*/
  #ir_all_contents {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 12rem;
  }

  .leadLg01.pdt0 h2 {
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    margin-bottom: 2rem;
  }

  .ir_l_lbtn {
    display: flex;
    margin-top: 2rem;
  }

  /*---------IRニュース一覧ー---------*/
  #ir_news_all_block {
    margin-inline: 21.0625rem 20.5rem;
  }

  #xj-select-category {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    color: #fff;
    margin: 12rem 0 4rem 0;
  }

  .colorboxnew .ir_iconBx {
  }

  .tkgch,
  .tkgch00,
  .ir_tpli2 .page_title,
  .ir_tpli2 .date {
    margin: 0 1rem 0 0;
    font-size: 0.875rem;
    letter-spacing: 0.1em;
    line-height: 2.5;
    display: inline-block;
  }

  .leadLg00 li {
  }

  /*---------IR問い合わせー---------*/
  .page-contactus_index {
    margin-inline: 21.0625rem 20.5rem;
  }

  .contactus-txt {
    text-align: center;
    border: solid 1px;
    padding: 4rem;
    margin: 12rem 0 4rem 0;
  }

  .contact-form__content dl dt span.any {
    background: #cdcdcd;
    color: #fff;
  }

  .textarea {
    height: 280px;
    padding: 20px 22px;
    resize: none;
  }

  .contact-form__content dl dt {
    width: 27.5%;
    display: flex;
    letter-spacing: 1px;
    align-items: center;
    justify-content: space-between;
  }

  .input, .textarea {
    box-shadow: none;
    outline: none;
    width: 100%;
    border-radius: 3px;
    border: 0;
    /* height: 38px; */
    padding: 3px 22px 5px;
    color: #323333;
    background: #f3f3f3;
    max-width: 770px;
    font-size: 1rem;
    line-height: 2;
    border: solid 1px #ddd;
}

  .contact-form__content dl dt {
    color: #333;
    line-height: 2;
  }

  .ts-wrap .list-steps {
    margin: 0 0 5.9vw;
  }

  .list-steps {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 6rem auto;
    position: relative;
    width: 70%;
  }

  .list-steps .item {
    position: relative;
    z-index: 2;
  }

  .list-steps .item .txt {
    color: #666;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 2.6;
    font-size: 0.825rem;
  }

  .list-steps .item span {
    display: block;
    text-align: center;
  }

  .list-steps .item .circle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6rem;
    justify-content: center;
    position: relative;
    width: 6rem;
  }

  .list-steps .item .circle {
    color: #999;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
  }

  .list-steps .item.active .circle {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    line-height: 1;
    background: #bd991e;
  }

  .list-steps .item span {
    display: block;
    text-align: center;
  }

  .list-steps:after {
    background-color: rgba(68, 64, 63, 0.2);
    bottom: 5rem;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
    z-index: 1;
  }

  .ir_contact-form .contact-form__content input:disabled {
    background: #333;
  }

  .ir_contact-form .contact-form__content .btn-contact {
    background: #333;
    text-align: center;
    color: #fff;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: initial;
    border: 0;
    outline: none;
    box-shadow: none;
    max-width: 40rem;
    width: 100%;
    margin: 4rem auto 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.5rem;
  }

  /*---------IR問い合わせー---------*/
  .page-contactus_check_index {
    margin-inline: 21.0625rem 20.5rem;
  }

  .contact-form__content dl dt span.confirm {
    background: #333;
    color: #fff;
  }

  .btn-contact02 {
    background: #333;
    text-align: center;
    color: #fff;
    height: 126px;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 70%;
    position: relative;
    cursor: pointer;
    font-size: 1.6rem;
  }

  .btn-contact03 {
    background: #dedede;
    margin-left: 2%;
    text-align: center;
    color: #fff;
    height: 126px;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 25%;
    cursor: pointer;
    font-size: 1.6rem;
  }

  /*---------ESGの取り組みー---------*/
  .esg_block02 {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 10.75rem;
  }

  .esg_c_block {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 12rem;
  }

  .esg_block01 {
    margin-top: 6.25rem;
  }

  .esg_c_block_t_t {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
  }

  .esg_c_block_t_t2 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    margin-top: 6.25rem;
    padding-top: 6.25rem;
    border-top: 1px solid #d4d4d4;
  }

  .esg_c_block_t_t3 {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.75rem;
    padding-top: 6.25rem;
    border-top: 1px solid #d4d4d4;
  }

  .esg_t_b01 h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 1.5rem 0 1.5rem 0;
    /*border-bottom: 1px solid rgba(68, 64, 63, 0.2);*/
  }

  .esg_t_b01 p {
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 0rem 0 1.5rem 0;
  }

  .esg_block {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 10.75rem;
  }

  .esgsub_t01 {
    font-size: 1.125rem;
    margin-top: 0.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  .esgsub_t02 {
    margin-bottom: 6.25rem;
  }

  .esgsub_t03 {
    margin-bottom: 2rem;
  }

  .esgsub_t00 {
    font-size: 2.2rem;
    line-height: 1.65;
    font-weight: 600;
  }

  .esg_sub_block {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 6.8125rem;
    /*border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding-top: 6.8125rem;*/
  }

  .esg_block02_1 {
    font-size: 1.125rem;
    margin-top: 0.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  .esg_block02_2 {
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 0rem 0 1.5rem 0;
    font-size: 2.2rem;
    font-weight: 600;
  }

  .esg_sub_block02 {
    margin-top: 6.25rem;
  }

  .esg_block02_3 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 1.5rem 0 1.5rem 0;
  }

  .esg_block02_4 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 0 0 1.5rem 0;
    line-height: 2;
  }

  .esg_block02_5 {
    letter-spacing: 0.1em;
    line-height: 2;
    padding: 0rem 0 1.5rem 0;
    margin-bottom: 2rem;
  }

  .esg_p_block {
    display: flex;
  }

  .esg_photo_t02 {
    margin-left: 3rem;
    width: 30%;
  }

  .esg_p_block .linkWrapper {
    margin: auto;
  }

  .esg_block02_b {
    margin-bottom: 6.25rem;
  }

  /*---------採用インタビュー---------*/
  .interview_plan1t p {
    font-size: 2rem;
    font-weight: 600;
    margin: 2rem 0 0.75rem 0;
  }

  .in_men_block span {
    display: block;
  }

  .in_men_block .in_men_block01 p {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
    padding: 0.3rem 2rem;
    background: #fff;
    font-weight: 600;
    display: inline-block;
    border-radius: 2rem;
  }

  .in_men_block02 {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
    padding: 0 0 1rem 0;
    font-weight: 600;
  }

  .in_men_block03 {
    font-size: 1.125rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
    padding: 0 0 1rem 0;
    font-weight: 600;
  }

  .ir_l_int_l {
    margin-bottom: 10.5rem;
  }

  /*---------受賞歴---------*/

  .award_con {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 4.5rem;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding: 4.5rem 0 0 0;
  }

  .award_con2 {
    margin-inline: 21.0625rem 20.5rem;
    margin-top: 4.5rem;
    margin-bottom: 11rem;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    padding: 4.5rem 0 0 0;
  }

  .award_con_sub h2 {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
  }

  .award_t01 {
    letter-spacing: 0.1rem;
    line-height: 2;
    margin-top: 0.625rem;
  }

  .award_t02 {
    letter-spacing: 0.1rem;
    line-height: 2;
    font-size: 0.875rem;
    font-weight: 600;
  }

  .award_con_sub {
    display: block;
  }

  .photo_y {
    display: flex;
    justify-content: space-between;
  }

  /*---------沿革---------*/

  .history_block dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-inline: 21.0625rem 20.5rem;
  }

  .history_block dl dt {
    text-align: left;
    width: 14rem;
    padding: 0.8rem 0 0 0;
    position: relative;
    font-weight: 600;
  }

  .history_block dl dt::after {
    content: "▪️";
    position: absolute;
    right: -0.8rem;
    top: 5px;
    font-size: 22px;
    color: #bd991e;
  }

  .history_block dl dd {
    width: calc(100% - 14rem);
    padding: 0.3rem 0 2rem 2rem;
    border-left: 2px solid #ccc;
  }

  .history_block dl dd h2 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 5px;
  }

  .history_block .history_t02 {
    letter-spacing: 0.1rem;
    padding-top: 2rem;
  }

  .history_block p {
    letter-spacing: 0.1rem;
    line-height: 2;
  }

  /*.history_p0 {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: -3rem;
  }*/

  .history_month {
    margin-right: 3rem;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    font-size: 0.8rem;
  }

  .history_st {
    margin-right: 3rem;
    font-size: 1rem;
    font-weight: 600;
    display: block;
    font-size: 1rem;
    color: #bd991e;
  }

  .dt_l_class {
    margin-bottom: 11rem;
  }

  /*---------社員一覧左寄せ---------*/
  .list.astro-B6YVSK6U::after {
    content: "";
    display: block;
    width: 22.5rem;
    height: 0;
  }

  /*---------東京・大阪・名古屋オフィス---------*/
  .starfield_text01 {
    margin-top: 3.125rem;
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.1rem;
  }

  .accece_block01 {
    margin-bottom: 11rem;
  }

  .accece_block02 {
    margin-right: 12rem;
  }

  /*---------経営成績---------*/
  .irbr_block01 {
    background: #fff;
    width: 100%;
  }

  /*---------コーポレート・ガバナンス---------*/
  .governance {
    background: #fff;
    padding: 5rem;
  }

  .governance p {
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }

  .governance h1 {
    font-size: 1.375rem;
    margin-bottom: 2rem;
    font-weight: 600;
  }

  .leadLg01 .ns_s {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2.5rem;
  }

  .leadLg01 .ns_sa {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 2.5rem;
  }

  /*---------会社概要---------*/
  .ir_about_list .sh_m2 {
    margin-right: 2rem;
    width: 20%;
  }

  .ir_about_list .ir_about_sublist {
    display: flex;
  }
}

@media screen and (max-width: 767.99px) {
  .graphic_btn_li {
    display: none;
  }

  /*///////// news /////////*/
  .mbpc-87 {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }

  .navs-page li a {
    padding: 11px 0.9375vw 12px 0.9895833333vw;
    border-radius: 50px;
    letter-spacing: 1.3px;
    color: #333;
    display: block;
    text-align: center;
    border: 1px solid #f4f9fd;
    padding: 0.625rem 1.25rem;
    border-radius: 1.0625rem;
    margin: 0 0 0 auto;
    font-size: 0.75rem;
  }

  .navs-page li {
    margin: 0 0.5rem 1rem 0;
  }

  .active_topics {
    background-color: #f4f9fd;
  }

  .astro-text_c {
    font-size: 0.75rem;
    line-height: 1.75;
  }

  .news_btn_c {
    margin: 1.0625rem 0 0 0;
  }

  .astro-news_c {
    padding: 0.4375rem 0.8125rem;
    border-radius: 1.25rem;
    margin-top: 0.3125rem;
    font-size: 0.75rem;
    background: #eee;
    border: 1px solid #f4f9fd;
    margin-bottom: 0.875rem;
  }

  .text:where(.astro-QIIKENHB p) {
    /*line-height: 3;*/
    padding: 0 1rem 0 0;
  }

  .news_con_photo {
    margin: 3.125rem 0 3.125rem 0;
    width: 100%;
  }

  .bxWrap2 {
    /*margin-inline: 1.875rem;*/
    margin-bottom: 5.625rem;
  }

  .news_con_b {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    letter-spacing: 0.05em;
    margin-top: 1.5625rem;
    margin-inline: 1.875rem;
  }

  .news_con_title h1 {
    letter-spacing: 0.025em;
    font-size: 1.4375rem;
    margin-top: 1.625rem;
    font-weight: 600;
    line-height: 1.5217391304;
  }

  .astro-news2_c {
    padding: 0.4375rem 0.8125rem;
    border-radius: 1.25rem;
    margin-top: 0.3125rem;
    font-size: 0.75rem;
    background: #eee;
    border: 1px solid #f4f9fd;
    margin-bottom: 0.875rem;
  }

  .news_con_title2 h1 {
    letter-spacing: 0.025em;
    font-size: 1.4375rem;
    margin-top: 1.625rem;
    font-weight: 600;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.625rem;
    line-height: 1.5217391304;
    padding-bottom: 1.625rem;
  }

  .news_con_bl3 {
    margin-bottom: 5.625rem;
  }

  .news_con_b p {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
    margin-bottom: 2rem;
  }

  /*download*/
  .down_1_block {
    margin-inline: 1.875rem;
    background: #f5f5f5;
  }

  .down_2_block {
    margin-inline: 1.875rem;
    margin-top: 3.125rem;
  }

  .d_t_c_01 {
    display: block;
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  .d_t_c_02 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
  }

  .notice_t_num {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    padding: 0 1rem 0 0;
  }

  .down_con_blo_01 {
    margin-top: 3.125rem;
  }

  .down_2_block h1 {
    padding: 1.25rem 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.5rem;
    display: flex;
  }

  .down_con_bl2 {
    margin-bottom: 5.625rem;
  }

  .down_2_block2 {
    margin-inline: 1.875rem;
    padding: 1.875rem 0 1.875rem 0;
  }

  .d_c_txt {
    padding: 1.875rem 0 1.875rem 0;
  }

  /*///////// privacy_policy /////////*/
  .notice {
    font-size: 0.75rem;
    margin-top: 2rem;
    line-height: 2.0833333333;
    margin-inline: 1.875rem;
  }

  .notice h1 {
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding-bottom: 0.875rem;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  }

  .noticeblock {
    margin-bottom: 5.625rem;
  }

  .notice p {
    margin-top: 2.5rem;
  }

  /*---------各種約款----------*/

  .summary-block {
    margin-inline: 1.875rem;
  }

  .company_b_m_n {
    margin-bottom: 5rem;
  }

  .tabledt {
    width: 100%;
    background: #f8f8f8;
    border: none;
    padding: 2vw 4.5vw;
    font-size: 1.4375rem;
    line-height: 1.5217391304;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  .tabledd {
    width: 100%;
    border: none;
    padding: 2vw 4.5vw;
    margin-bottom: 4.5vw;
    font-size: 0.75rem;
    margin-top: 2rem;
    line-height: 2.0833333333;
  }

  .tableDt {
    width: 100%;
    border: none;
  }

  /*---------サービス----------*/
  .web-title:where(.astro-OVC3SQSN) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    margin-top: 2.8125rem;
    line-height: 1.6071428571;
  }

  .head-text:where(.astro-OVC3SQSN) {
    margin-top: 1.5625rem;
    line-height: 2.0833333333;
  }

  .web-list:where(.astro-OVC3SQSN) {
    padding-top: 2.6875rem;
  }

  .web-item:where(.astro-OVC3SQSN) {
    padding-block: 1.375rem 2.4375rem;
    border-top: 1px solid #6a6666;
  }

  .web_inner_b {
    margin-inline: 1.875rem;
    padding-top: 3.8125rem;
  }

  .web-text.astro-OVC3SQSN {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }

  .web-title.astro-OVC3SQSN {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  .web_t_01 {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  /*.LAbout.astro-2CQARQMY {
	margin-inline: 1.875rem;
	}:*/

  .drone_t_b_01 {
    margin-inline: 1.875rem;
    margin-top: 6.5625rem;
  }

  .drone_t_b_01t {
    margin-top: 1.9375rem;
    line-height: 2;
  }

  .drone_plan1t {
    margin-top: 1.9375rem;
    line-height: 2;
  }

  .drone_movie_02 {
    margin-top: 3.5rem;
  }

  .drone_t_b_01tt {
    font-size: 0.875rem;
    margin-top: 0.0625rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    height: 1.1em;
    line-height: 2;
    padding-bottom: 4rem;
  }

  .drone_movie_01 p {
    font-size: 0.875rem;
    margin-top: 4rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    height: 1.1em;
    padding-bottom: 2rem;
  }

  .drone_movie_02 p {
    font-size: 0.875rem;
    margin-top: 0.0625rem;
    font-weight: 600;
    letter-spacing: 0.16em;
    height: 1.1em;
    padding-bottom: 2rem;
  }

  .drone_movie_b {
    margin-inline: 1.875rem;
  }

  .web-title:where(.astro-OVC3SQSN) {
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    margin-top: 2.8125rem;
    line-height: 1.6071428571;
  }

  .pro-list:where(.astro-OVC3SQSN) {
    padding-top: 2.6875rem;
  }

  .pro-item:where(.astro-OVC3SQSN) {
    padding-block: 1.375rem 2.4375rem;
  }

  .pro_inner_b {
    margin-inline: 1.875rem;
    padding-top: 3.8125rem;
  }

  .pro-text.astro-OVC3SQSN {
    font-size: 0.75rem;
    line-height: 2.0833333333;
    margin-top: 1.5625rem;
  }

  .pro-title.astro-OVC3SQSN {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    margin-top: 2rem;
  }

  .pro_t_01 {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
  }

  /*---------株主情報---------*/
  .ir_tabledd {
    width: 100%;
    border: none;
    margin-bottom: 4.5vw;
    font-size: 0.75rem;
    margin-top: 1rem;
    line-height: 2.0833333333;
  }

  .ir_tabledt {
    width: 100%;
    padding: 2vw 0;
    font-size: 1.3125rem;
    line-height: 1.5217391304;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-bottom: 0.1rem solid rgba(68, 64, 63, 0.2);
    letter-spacing: 0.1rem;
  }

  /*---------IRカレンダー---------*/
  .calendarWp .cldBx .cldBxsub {
    text-align: center;
    width: 29%;
    padding: 65px 0 75px 0;
    position: relative;
    background-color: #ffffff;
  }

  .calendarWp .cldBx .cldBxsubWp {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 10px;
    height: 85px;
  }

  .calendarWp .cldBx {
    width: 100%;
    padding-bottom: 50px;
  }

  .calendarWp .cldBx .num {
    font-size: 1.1875rem;
    font-weight: bold;
  }

  .calendarWp .cldBx .mon {
    font-size: 0.875rem;
  }

  .calendarWp .cldBx .cldLead {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 200px;
  }

  .calendarWp .cldBx .cldLead {
    font-size: 0.8125rem;
    line-height: 1.8;
    text-align: center;
  }

  .calendarWp .cldBx .cldLead:before {
    display: block;
    content: "";
    background-color: #ddd;
    position: absolute;
    width: 1px;
    height: 32px;
    top: -40px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .calendarWp .cldBx .cldLead:after {
    display: block;
    content: "";
    background-color: #bd991e;
    position: absolute;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    top: -40px;
    right: 0;
    left: 0;
    margin: auto;
  }

  .calendarWp .cldBx h2 {
    display: block;
    padding: 30px 20px 30px 20px;
    text-align: center;
    background-color: #f4f4f4;
    color: #595656;
    font-size: 1.125rem;
    font-weight: 600;
    margin-top: 6rem;
    line-height: 2;
    letter-spacing: 0;
  }

  .leadLg h2 {
    font-weight: bold;
    margin-bottom: 0px;
  }

  .sec-ir-c-page {
    margin-inline: 1.875rem;
  }

  /*---------コーポレートガバナンスー---------*/
  .ir_img_t img {
    width: 85%;
    text-align: center;
    margin: 3rem 0 0 0;
    margin-inline: 1.875rem;
  }

  /*---------決算短信ー---------*/
  #xj-select-year {
    width: 80%;
    height: 2rem;
    color: #7b7b7b;
    font-size: 1.125rem;
    border: 1px solid #e2e2e2;
    background: #fbfbfa;
    -webkit-appearance: menulist-button;
  }

  .ns_s h2 {
    font-size: 1rem;
    line-height: 2;
    margin: 20px 0;
  }

  .sec-fs-page {
    margin-inline: 1.875rem;
  }

  .leadLg01 li {
    list-style-type: none;
    padding: 15px 0px;
    border-bottom: 0.1px solid rgba(68, 64, 63, 0.2);
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 1.5px;
  }

  /*---------決算説明資料ー---------*/
  #xj-select-year {
    width: 80%;
    height: 2rem;
    color: #7b7b7b;
    font-size: 1.125rem;
    border: 1px solid #e2e2e2;
    background: #fbfbfa;
    -webkit-appearance: menulist-button;
  }

  .ns_s h2 {
    font-size: 1rem;
    line-height: 2;
    margin: 20px 0;
  }

  .sec-fd-page {
    margin-inline: 1.875rem;
  }

  .leadLg01 li {
    list-style-type: none;
    padding: 15px 0px;
    border-bottom: 0.1px solid rgba(68, 64, 63, 0.2);
    font-size: 1rem;
    line-height: 2;
    letter-spacing: 1.5px;
  }

  /*---------有価証券報告書等法定開示資料ー---------*/
  .sec-fr-page {
    margin-inline: 1.875rem;
  }

  .sec-fr-page .ns_sa h2 {
    margin: 2rem 0 0 0;
    font-size: 1rem;
  }

  /*---------株主総会関連資料ー---------*/
  .sec-mt-page {
    margin-inline: 1.875rem;
  }

  .sec-mt-page .ns_sa h2 {
    margin: 2rem 0 0 0;
    font-size: 1rem;
  }

  /*---------適時開示資料ー---------*/
  .sec-tdi-page {
    margin-inline: 1.875rem;
  }

  .sec-tdi-page.ns_sir_head_date h2 {
    margin: 2rem 0 0 0;
    font-size: 1rem;
  }

  /*---------IR動画ー---------*/
  .ir_movie_b {
    display: block;
	margin-inline: 1.875rem;
  }

  .ir_movie_plan1t p {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
    padding: 1rem 0 2rem 0;
    font-weight: 600;
  }

  .ir_movie_plan1t p {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-feature-settings: initial;
  }

  /*---------財政状態ー---------*/
  #financial_block {
    background-color: #fff;
    margin-inline: 1.875rem;
  }

  .xj_chart_value {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-right: 1px solid rgba(68, 64, 63, 0.2);
    text-align: right;
    padding: 10px 4px 10px 2px;
    white-space: nowrap;
  }

  .xj_chart_header {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-right: 1px solid rgba(68, 64, 63, 0.2);
    text-align: center;
    background-color: #eee;
    padding: 4px;
    white-space: nowrap;
  }

  .xj_chart_table {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    border-left: 1px solid rgba(68, 64, 63, 0.2);
    border-collapse: collapse;
    border-spacing: 0px;
    width: 90%;
    background-color: #fff;
    mix-blend-mode: multiply;
    margin: auto;
  }

  .lead p {
    font-weight: bold;
    line-height: 2;
    letter-spacing: 0;
    text-align: center;
    padding: 2rem 0 2rem 0;
    font-size: 1.125rem;
  }

  .txt-basic_ir_ea {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0;
    padding: 0 2rem 2rem 2rem;
  }

  /*---------キャッシュ・フローの状況ー---------*/
  #cashflow_block {
    background-color: #fff;
    margin-inline: 1.875rem;
  }

  /*---------IRライブラリ一覧ー---------*/

  #ir_all_contents {
    margin-inline: 1.875rem;
  }

  .ir_l_lbtn {
    display: flex;
    margin: 2rem 0 4rem 0;
  }

  #ir_all_contents .leadLg01.pdt0 h2 {
    font-size: 1.4375rem;
  }

  /*---------IRニュース一覧ー---------*/
  #ir_news_all_block {
    margin-inline: 1.875rem;
  }

  .colorboxnew .ir_icon5 {
  }
}

#xj-select-category .all {
}

.colorboxnew .ir_iconBx {
}

.leadLg00 li {
}

.tkgch {
}

#xj-select-category {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  color: #fff;
  margin-bottom: 2rem;
}

#xj-select-category a {
}

#xj-select-category li {
  margin: 0.5rem 0.5rem 0 0;
}

#xj-select-category li.current a {
  color: #333;
  background-color: #fff;
}

/*---------IR問い合わせー---------*/
.page-contactus_index {
  margin-inline: 1.875rem;
}

.contactus-txt {
  text-align: center;
  border: solid 1px;
  padding: 2rem;
  margin: 4.3125rem 0 4.3125rem 0;
  line-height: 2.0833333333;
}

.list-steps {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin: 4.3125rem auto;
  position: relative;
}

.list-steps .item {
  position: relative;
  z-index: 2;
}

.list-steps .item.active .circle {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
  background: #bd991e;
}

.list-steps .item .circle {
  color: #999;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1;
}

.list-steps .item .txt {
  color: #666;
  font-size: 1.1rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 2.6;
  font-size: 0.825rem;
}

.list-steps:after {
  background-color: rgba(68, 64, 63, 0.2);
  bottom: 2rem;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.list-steps .item span {
  display: block;
  text-align: center;
}

/*---------ESGの取り組みー---------*/

.esg_c_block {
  font-size: 0.75rem;
  margin-top: 2rem;
  line-height: 2.0833333333;
  margin-inline: 1.875rem;
}

.esg_sub_block {
  font-size: 0.75rem;
  margin-top: 2rem;
  line-height: 2.0833333333;
  margin-inline: 1.875rem;
}

.esg_block02 {
  font-size: 0.75rem;
  margin-top: 2rem;
  line-height: 2.0833333333;
  margin-inline: 1.875rem;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.esg_block01 .esg_t_b01 h1 {
  letter-spacing: 0.09em;
  margin-top: 2rem;
  font-size: 1.125rem;
  font-weight: 600;
  font-feature-settings: initial;
}

.esg_sub_block02 .esg_block02_1 {
  font-size: 1.125rem;
  margin-top: 0.375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.esg_sub_block h2 {
  font-size: 1.125rem;
  margin-top: 0.375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.esg_sub_block02 {
  margin-top: 2rem;
}

.esg_block02_2 {
  font-size: 1.4375rem;
  line-height: 1.5217391304;
  font-weight: 600;
}

.esg_c_block_t_t2 {
  padding: 2rem 0 0 0;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
  margin: 2.5rem 0 0 0;
}

.esg_c_block_t_t {
  font-size: 1.125rem;
  margin-top: 0.375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.esg_block02_5 {
  margin: 1rem 0 2rem 0;
}

.esg_block02_4 {
  font-size: 0.75rem;
  margin-top: 0.4375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.esg_photo_t {
  margin-bottom: 2.5rem;
}

.esg_block02_b h2 {
  font-size: 0.75rem;
  margin-top: 0.4375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.esgsub_t01 {
  font-size: 1.125rem;
  margin-top: 0.375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.esg_t_b01 {
  margin-top: 2rem;
}

.esg_c_block_t_t3 {
  font-size: 1.125rem;
  margin-top: 0.375rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/*---------採用インタビューー---------*/
/*.ir_movie_b {
  display: block;
  margin-inline: 1.875rem;
}*/

.interview_plan1t p {
  font-size: 1.3125rem;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin: 2rem 0 0 0;
}

.in_men_block .in_men_block03 {
  margin: 0.375rem 0 2rem 0;
  font-size: 0.75rem;
  letter-spacing: 0.03em;
}

.in_men_block .in_men_block01 p {
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.09em;
  font-feature-settings: initial;
  padding: 0.3rem 2rem;
  background: #fff;
  font-weight: 600;
  display: inline-block;
  border-radius: 2rem;
}

.in_men_block span {
  display: block;
}

.in_men_block02 {
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.09em;
  font-feature-settings: initial;
  padding: 1rem 0 0 0;
  font-weight: 600;
}

.in_men_block03 {
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.09em;
  font-feature-settings: initial;
  padding: 0 0 1rem 0;
  font-weight: 600;
}

/*---------受賞歴---------*/

.award_con {
  margin-inline: 1.875rem;
}

.award_con2 {
  margin-inline: 1.875rem;
  margin-bottom: 5.9375rem;
}

.award_con_sub h2 {
  font-size: 2.3125rem;
  margin-top: 2.375rem;
  padding-bottom: 1.25rem;
  font-weight: bold;
}

.award_con_sub .award_t02 {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0.5rem 0 1rem 0;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

/*---------沿革・受賞歴---------*/
.history_block {
  margin-inline: 1.875rem;
  margin-top: 7.75rem;
}

.history_block dl dt {
  font-size: 2.3125rem;
  /*margin-top: 2.375rem;*/
  padding-bottom: 1.25rem;
  font-weight: 600;
}

.award_con_sub .award_t02 {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0.5rem 0 1rem 0;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.history_month {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0.5rem 1rem 1rem 0;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.history_st {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  color: #bd991e;
}

.history_t02 {
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0.5rem 1rem 1rem 0;
  letter-spacing: 0.1rem;
  line-height: 1.5;
}

.history_block dl dd p {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  margin-bottom: 1rem;
}

.dt_l_class {
  margin-bottom: 5.9375rem;
}

/*---------東京・大阪・名古屋オフィス---------*/
.starfield_text01 {
  font-size: 0.75rem;
  margin-top: 2rem;
  line-height: 1rem;
  letter-spacing: 0.05em;
  line-height: 2.0833333333;
}

.accece_block01 {
  margin-bottom: 4.375rem;
}
.accece_block02 {
  /*margin-inline: 1.875rem;*/
  margin-bottom: 5.9375rem;
}

/*---------経営成績---------*/
.irbr_block01 {
  background: #fff;
}

/*---------コーポレート・ガバナンス---------*/
.governance {
  background: #fff;
  padding: 2rem;
}

.governance p {
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  line-height: 2;
}

.governance h1 {
  font-size: 0.875rem;
  margin-bottom: 2rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.16em;
}

.leadLg01 .ns_s {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 2.5rem;
}

.leadLg01 .ns_sa {
  font-size: 1rem;
  font-weight: 600;
  margin-top: 2.5rem;
}

/*---------会社概要---------*/
.ir_about_list .sh_m2 {
  margin-right: 2rem;
  width: 30%;
  font-size: 0.75rem;
}

.ir_about_list .ir_about_sublist {
  display: flex;
  font-size: 0.75rem;
}

/*---------faq---------*/
.list-faq .item-q {
  display: flex;
  align-items: center;
  /*background: #f5f5f5;*/
  cursor: pointer;
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.list-faq .ico-q {
  width: 50px;
  height: 50px;
  background: #969696;
  position: relative;
  display: inline-block;
  margin: 1rem 1rem 0 0;
  padding: 0 1rem;
  border-radius: 2rem;
}

.list-faq .item {
  margin-bottom: 1vw;
}

.list-faq .item-q.open .ico-q {
  background: #bd991e;
}

.list-faq .item-q.open .ico-q:after {
  background: #bd991e;
}

.list-faq .item-q.open {
  background: #fffde5;
}

.list-faq .ico-q:after {
  content: "";
  height: 1px;
  width: 19px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.list-faq .ico-q:before {
  content: "";
  width: 1px;
  height: 19px;
  background: #fff;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: 1;
}

.list-faq .item-a {
  margin: 0 0 0 0;
  /*padding: 4.5vw 0;*/
}

.mbpc-87 {
  /*margin-bottom: 87px !important;*/
  /* display: flex; */
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
  padding: 33px 0 34px;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
  /* border-top: 1px solid rgba(68, 64, 63, 0.2); */
  margin-bottom: 1.75rem;
}



.list-faq .item-a {
  margin-top: 30px;
  display: none;
  padding-bottom: 4rem;
  margin-top: 1.75rem;
  letter-spacing: 0.1em;
  line-height: 2;
}

.list-faq .item-a a {
  text-decoration: underline;
}

.btn-contact2 {
  text-align: center;
  color: #fff;
  height: auto;
  display: block;
  border: 0;
  outline: none;
  box-shadow: none;
  max-width: 35vw;
  width: 100%;
  margin: 40px auto 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 1.2rem;
  padding: 3rem 0;
  background-color: #44403f;
}

.error {
  display: inline-block;
  color: #d61418;
}

label.error{
	padding-top: 1.5vw;

}

#ckerror1-error {
  width: 100%;
  text-align: center;
}

.sec-thankyou {
  width: 100%;
  margin: auto;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 2;
}

.btnTp {
  margin: 3rem auto 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  height: 64px;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  line-height: 1;
  background: #333;
  color: #fff;
  border-radius: 50px;
  letter-spacing: 2px;
  padding-left: 5px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  /*download*/
  .down_t_num {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    font-size: 2rem;
    padding: 0 1rem 0 0;
  }

  .down_1_block {
    background: #f5f5f5;
    margin-inline: 21.0625rem 20.5rem;
  }

  .down_2_block {
    margin-inline: 21.0625rem 20.5rem;
  }

  .down_2_block h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 7.25rem 0 1.5rem 0;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.5rem;
    display: flex;
  }

  .down_2_block p {
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .down_2_block2 {
    margin-inline: 2.5625rem;
    padding: 2.5625rem 0;
  }

  .down_2_block2 h1 {
    font-size: 1.375rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    margin-bottom: 1.5rem;
    display: flex;
    padding: 0 0 1.5rem 0;
  }

  .down_2_block2 p {
    letter-spacing: 0.1em;
    line-height: 2;
  }

  .down_con_bl {
    display: flex;
  }

  .down_con_bl2 {
    display: flex;
    margin-bottom: 11rem;
  }

  .down_con_bl li {
    width: 33%;
  }

  .d_t_c_01 {
    display: block;
  }

  .d_t_c_02 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
  }

  .down_con_blo_01 {
    margin: 3.75rem 0 0 0;
  }

  .d_c_txt {
    letter-spacing: 0.1em;
    line-height: 2;
    padding-bottom: 1.5rem;
  }

  .down_2blo_com01 {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    display: flex;
  }

  .down_2blo_com02 {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    display: flex;
  }
  .down_2blo_com03 {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
    margin: 0 0 1.5rem 0;
    display: flex;
  }



	.CBlockTitle.section-title div:nth-child(2){
	border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    border-top: 1px solid rgba(68, 64, 63, 0.2);
	margin: 1.5rem 0 1.5rem 0;
    padding: 1.5rem 0 1.5rem 0;
	}

  .down_2blo_com01 .txt03 {
    letter-spacing: 0.1em;
    line-height: 2;
    margin-left: 8rem;
  }

  .down_2blo_com02 .txt03 {
    letter-spacing: 0.1em;
    line-height: 2;
    margin-left: 8rem;
  }

  .down_2blo_com01_t {
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    padding-right: 4.5rem;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
  }

  .down_2blo_com01_t2,.down_2blo_com01_t3{
    font-size: 1.5rem;
    letter-spacing: -0.04em;
    padding-right: 6.5rem;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
  }

  .page-download_page_index {
    margin-inline: 17.8125rem 9.5rem;
  }

  .d_title_f01 {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 11rem;
  }

  .d_title_f02 {
    font-size: 0.875rem;
    margin-top: 0.875rem;
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    padding: 0 0 1.5rem 0;
  }

  .form_s_txt01 {
    letter-spacing: 0.1em;
    line-height: 2;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding: 2rem 0 2rem 0;
    margin: 0 0 2rem 0;
  }

  .d_btn_con_txt {
    /*left: 31.6rem; */
    position: relative;
    top: 6.5rem;
    /* align-items: center; */
    color: #fff;
    z-index: 10;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
  }

  .dli-arrow-icon {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    position: relative;
    width: 1em;
    height: 0.1em;
    background: currentColor;
  }

  .dli-arrow-icon::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    transform: rotate(45deg);
    transform-origin: top right;
    position: absolute;
    top: 50%;
    right: -0.05em;
    box-sizing: border-box;
  }

  .submitbtn_icon {
    position: relative;
    /* text-align: center; */
    right: 23%;
    bottom: 14rem;
  }

  .cp_arrows {
    position: relative;
    left: 50rem;
    top: -12rem;
  }

  .cp_arrows span {
    position: relative;
    display: inline-block;
    /*width: 1.1em;
	height: 1.1em;
	margin-right: 0.5em;
	margin-left: 0.5em;*/
  }
  .cp_arrows span::after {
    position: absolute;
    top: -1.6em;
    left: -1.9rem;
    content: "";
    border-radius: 50%;
    display: inline-block;
    width: 5.1rem;
    height: 5.1rem;
    border: solid 1px rgba(233, 233, 233, 0.1);
  }

  .cp_arrows .cp_arrow_right {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .cp_arrows [class*="cp_arrow"] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #ffffff;
    z-index: 99;
  }
  .cp_arrows [class*="cp_arrow"]:after,
  .cp_arrows [class*="cp_arrow"]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
  }
  .cp_arrows [class*="cp_arrow"] {
    /*top: 0em;
	left: -0.3em;*/
    width: 10px;
    height: 12px;
    margin: 0.8em;
    border-width: 4px 4px 0 0;
    border-style: solid;
    /*border-radius: 0 2px 0 0;*/
  }
  .cp_arrows [class*="cp_arrow"]:before,
  .cp_arrows [class*="cp_arrow"]:after {
    position: absolute;
    /*border-radius: 2px;*/
  }
  .cp_arrows [class*="cp_arrow"]:before {
    top: -2px;
    right: 0;
    width: 17px;
    height: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-box-shadow: inset 0 0 0 32px;
    box-shadow: inset 0 0 0 24px;
  }
  .cp_arrows [class*="cp_arrow"]:after {
    top: -4px;
    left: -2px;
    width: 4px;
    height: 4px;
    -webkit-box-shadow: inset 0 0 0 32px, 16px 17px;
    box-shadow: inset 0 0 0 24px, 8px 9px;
  }

  /*/////////////資料ダウンロード////////////*/

  .contact-form__content dl dt {
    width: 27.5%;
    display: flex;
    letter-spacing: 1px;
    align-items: center;
    justify-content: space-between;
  }

  .contact-form__content dl dd {
    width: 72.5%;
    padding-left: 40px;
  }

  .contact-form__content dl dt span.required {
    background: #bd991e;
  }

  .contact-form__content dl dt span {
    width: 58px;
    height: 38px;
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: #fff;
  }

  .input,
  .textarea {
    box-shadow: none;
    outline: none;
    width: 100%;
    border-radius: 3px;
    border: 0;
    height: 38px;
    padding: 3px 22px 5px;
    color: #323333;
    /*background: #f3f3f3;*/
    max-width: 770px;
    font-size: 1rem;
    line-height: 2;
    border: solid 1px #ddd;
  }

  .contact-form__content dl {
    display: flex;
    align-items: flex-start;
    margin-bottom: 39px;
    padding-bottom: 39px;
    border-bottom: 1px solid #ddd;
    align-items: center;
  }

  .checkbox {
    display: block;
    text-align: center;
    padding-top: 25px;
    padding-left: 38px;
    letter-spacing: 1.3px;
  }

  .checkbox {
    display: block;
    text-align: center;
    padding-top: 25px;
    padding-left: 38px;
    letter-spacing: 1.3px;
  }

  .checkbox a {
    color: #1936e6;
    display: inline-block;
    padding-bottom: 6px;
  }

  .rc-anchor-error-msg-container {
    color: #f00;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 14px;
    margin: 2px;
    position: absolute;
    top: 0;
  }

  .checkbox input {
    display: inline-block;
    margin-right: 5px;
  }

  .contact-form__content input:disabled {
    background: #44403f;
  }

  .btn-contact:after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 63px;
    transform: translateY(-50%) rotate(45deg);
  }

  .btn-contact {
    text-align: center;
    color: #fff;
    height: 7vw;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    max-width: 35vw;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 0.875rem;
    padding: 2rem 5.5rem 0 0;
  }

  .g-recaptchaBox {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
  }

  .contact_btn_block {
    position: relative;
    right: 20vw;
    top: -6.7vw;
    color: #fff;
  }
}

/*VIS　佐々木v20230930*/
@media screen and (max-width: 767.99px) {







  /*https://designers-office.jp/download/page/*/
  .download_area .LPickUp:where(.astro-ADGKTTUY) {
    padding-block: 6.875rem 7.5rem;
    margin: 0;
  }

  .download_area .d_title_f01 {
    margin-top: 0;
  }

  .download_area .contact-form__content dl {
    display: block;
  }

  .download_area .contact-form__content dl dt {
    font-weight: bold;
    width: 100%;
    padding-bottom: 1rem;
  }
  .download_area .input,
  .download_area .textarea {
    background: #fff;
  }
  .download_area .contact-form__content dl dd {
    width: 100%;
    padding-left: 0;
    line-height: 2;
  }

  .download_area .CKv:where(.astro-Z76VXWRD).-l {
    height: auto;
  }
  .download_area .down_2blo_com01_t,
  .download_area .down_2blo_com01_t2,
  .download_area .down_2blo_com01_t3 {
    margin-bottom: 0.5rem;
  }
  .download_area .down_2blo_com01,
  .download_area .down_2blo_com02,
  .download_area .down_con_bl2,
  .download_area .down_2blo_com03 {
    display: block;
  }
  .download_area .down_2blo_com01 .txt03,
  .down_2blo_com02 .txt03,
  .down_2blo_com03 .txt04 {
    margin-left: 0;
    margin-top: 1rem;
  }
  .download_area .line:where(.astro-OWSOZEJN) {
    font-size: 3rem;
  }

  .download_area .down_con_bl li,
  .download_area f.thumb astro-QIIKENHB {
    width: 100%;
  }

  .download_area .down_1_block,
  .download_area .down_2_block {
    margin-inline: 1.875rem;
  }
  .download_area .photo:where(.astro-QIIKENHB) {
    object-fit: contain;
  }

  .download_area .down_con_bl {
    display: block;
  }
  .download_area .page-download_page_index {
    margin-inline: 1.875rem;
  }
  .download_area .contact-form__content dl {
    margin-bottom: 0;
    padding: 1.5rem 0;
  }
  .download_area .down_2_block h1 {
    padding: 5rem 0 1.5rem 0;
  }

  .download_area .down_con_bl2 {
    margin-bottom: 0;
  }
  .download_area .btn-contact2 {
    height: auto;
    padding: 4.5vw 0;
    margin: 4.5vw 0 0 0 !important;
    width: 100%;
    max-width: 100%;
    font-size: inherit;
  }
  .download_area .sec-download,
  .download_area .down_con_bl2 {
    padding-bottom: 5.75rem;
  }
  .download_area .contact-form__content dl dt span {
    background: #333;
  }
  .download_area .btn-contact03 {
    height: auto;
    padding: 4.5vw 0;
    margin: 4.5vw 0 0 0 !important;
    width: 100%;
    max-width: 100%;
    font-size: inherit;
    background-color: #dedede;
    color: #999;
  }
  .download_area .btn-contact02 {
    height: auto;
    padding: 4.5vw 0;
    margin: 4.5vw 0 0 0 !important;
    width: 100%;
    max-width: 100%;
    font-size: inherit;
    background-color: #44403f;
    color: #fff;
  }

  .download_area .btnTp {
    max-width: 80%;
  }

  .download_area .txt-center {
    margin-inline: 1.875rem;
  }
  .title-en:where(.astro-VLXHIUWL) {
    line-height: 1.4;
    padding-bottom: 3rem;
  }

  .member_area .img-EGKdpO {
    width: 100%;
    height: auto;
  }
  .member_area .LKvImage {
    width: 100%;
    padding-bottom: 4.8125rem;
    height: auto;
  }
  .projects_area .imageSrc.img-OGel4Y {
    height: 100vh;
  }
  .projects_area .company.astro-3HYCH4JN,
  .projects_area .title.astro-3HYCH4JN {
    line-height: 1.6;
  }
  .projects_area .info.astro-3HYCH4JN {
    padding-right: 1.875rem;
  }
  .projects_area .LAboutItem:where(.astro-BZPTXEXQ) {
    margin-left: 0;
  }
  .projects_area .links:where(.astro-U2MANDSG) {
    margin: 3.40625rem 0;
  }

  .projects_area .sp_onlys {
    display: block;
  }

  .projects_area .title-en.astro-VLXHIUWL {
    padding-bottom: 0rem;
  }
  .ir_item_year_2023 {
    display: block;
  }
  .colorboxnew {
    display: inline-block;
  }
  .tkgch00 {
    line-height: 1.6;
  }
  .colorboxnew .ir_iconBx {
    margin: 1rem 0;
  }

  .durations {
    margin-bottom: 3rem;
  }
  .tkgch {
    margin-right: 1rem;
  }
  .leadLg00 li {
    display: block;
  }
  .colorboxnew {
    width: auto;
    margin-right: 0;
  }
  .esg_photo_t {
    width: 100%;
  }
  .esg_block02,
  .esg_sub_block {
    margin-inline: 0;
  }

  .LProject:where(.astro-5CJMD5T2) {
    margin-bottom: 0;
  }
  .CSolutionMenu:where(.astro-ZAZYV473) {
    margin-inline: 0;
    margin-top: 0;
  }
  .CClientsLogo:where(.astro-FCOPQUWM) {
    padding-bottom: 6.875rem;
  }
  .link:where(.astro-CHTRNEKI) {
    margin-bottom: 2.3125rem;
  }
  .faq_area {
    margin-inline: 1.875rem;
  }
  .faq h1 {
    font-size: 1.3125rem;
    line-height: 1.1904761905;
    margin-bottom: 1.1875rem;
  }
  .faq ul {
    margin-bottom: 3rem;
  }
  input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
  }
  select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;

    box-shadow: none;
    outline: none;
    border-radius: 3px;
    border: 0;
    height: 38px;
    padding: 3px 22px 5px;
    color: #323333;
    background: #f3f3f3;
    width: 100%;
    font-size: 1rem;
    line-height: 2;
    border: solid 1px #ddd;
  }

  .contact_area_wp {
    padding: 6.875rem 0 5.75rem 0;
  }
  .linkList:where(.astro-ZYSJE3AG).-under {
    width: 100%;
  }
}

.sec-thankyou .CLink:where(.astro-INDUL3FU) {
  width: fit-content;
  text-align: left;
  padding-right: 20vw;
  padding-bottom: 5vw;
}

.txt-thanks {
    margin-inline: 21.0625rem 20.5rem;
}
.commonWp .centerText{
	text-align: center;

}

	.commonWp .right{
	float: right;
    width: 35%;
    margin-left: 20px;
    margin-bottom:4rem;
	}


@media screen and (max-width: 767.99px) {
  .btnTp {
    margin: 3rem auto 3rem !important;
  }
  .txt-thanks {
    font-size: 0.875rem !important;
  }
  .sec-thankyou .CLink:where(.astro-INDUL3FU) {
    padding-bottom: 3.0625rem;
    padding-right: 0px;
    margin: 0 auto;
  }
		.commonWp .right{
    width: 100%;
    margin-left: 0;
			margin-bottom: 2rem;
	}
}

/*VIS　小谷野v20231013*/
@media screen and (min-width: 768px) {
  .commonWp h2 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 1.5rem;
    font-weight: 600;
  }

  .commonWp h3 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
    margin-bottom: 2rem;
  }



  .company_mphoto_p {
  }
}

@media screen and (max-width: 767.99px) {
  .commonWp h2 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 1.4375rem;
    font-weight: 600;
  }

  .commonWp h3 {
    letter-spacing: 0.1em;
    line-height: 2;
    font-size: 0.875rem;
    margin-bottom: 2rem;
  }

  .company_mphoto_p {
    margin-bottom: 5rem;
  }
}

/*IR*/

.ir_tpli {
  width: 100%;
}
.ir_tpli2 {
  display: flex;
  justify-content: space-between;
  width: 100%;

  padding-block: 2.5rem;
}

.irWp a {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.ir_tpli a {
  display: flex;
  justify-content: space-between;
  width: 100%;

  padding-block: 2.5rem;
}

.ir_tpli a:hover {
  opacity: 0.5;
}
.tkgch {
  min-width: 140px;
}
.ir_tpli2 .date {
  min-width: 140px;
}

.page_title {
  width: 100%;
}

/*VIS　小谷野v20231016*/

@media screen and (min-width: 768px) {
  .faq_nav_list {
    margin-top: 0.75rem;
  }
}

@media screen and (max-width: 767.99px) {
  .faq_nav_list {
    margin-bottom: 2rem;
  }
}

/*VIS　小谷野v20231017*/
@media screen and (min-width: 768px) {
  .servicel_08n {
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    position: relative;
  }
}

@media screen and (max-width: 767.99px) {
  .servicel_08n {
    letter-spacing: -0.025em;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
    position: relative;
  }
}

/*VIS　kuroda20231017*/
.title-dw {
  letter-spacing: 0px;
}


/*20231019 SD*/

@media screen and (min-width: 768px) {
  .astro-2PVHITZ6 .child-list {
    margin-top: 2.375rem;

    padding-bottom: 1.25rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-2PVHITZ6 .child-list {
    margin-top: 1.875rem;

    padding-bottom: 1.3125rem;
  }
}

.astro-2PVHITZ6 .child-item:not(:last-child) {
  margin-bottom: 0.75rem;
}

.astro-2PVHITZ6 .child-link {
  font-weight: 600;

  letter-spacing: 0.05em;

  transition: color 0.2s cubic-bezier(0.33, 1, 0.68, 1);
}

.astro-2PVHITZ6 .child-link {
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  .astro-2PVHITZ6 .child-link {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-2PVHITZ6 .child-link {
    padding-left: 0.4375rem;
  }
}

.astro-2PVHITZ6 .child-link:before {
  content: "-";
}

@media screen and (min-width: 768px) {
  .astro-2PVHITZ6 .child-link:before {
    margin-right: 0.625rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-2PVHITZ6 .child-link:before {
    margin-right: 0.75rem;
  }
}

.astro-2PVHITZ6 .child-link:hover {
  color: #44403f66;
}

@media screen and (min-width: 768px) {
  .astro-ZYSJE3AG .item-child {
    margin-block: 1.25rem 1.5625rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-ZYSJE3AG .item-child {
    margin-block: 0.75rem 0.90625rem;
  }
}

.astro-ZYSJE3AG .item-childList {
  display: flex;

  align-items: center;
}

@media screen and (min-width: 768px) {
  .astro-ZYSJE3AG .item-childList {
    column-gap: 0.1875rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-ZYSJE3AG .item-childList {
    column-gap: 0.46875rem;
  }
}

.astro-ZYSJE3AG .item-childList:before {
  content: "";

  display: block;

  background: #fff;

  opacity: 0.5;
}

@media screen and (min-width: 768px) {
  .astro-ZYSJE3AG .item-childList:before {
    width: 0.25rem;

    height: 0.125rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-ZYSJE3AG .item-childList:before {
    width: 0.21875rem;

    height: 0.0625rem;
  }
}

@media screen and (min-width: 768px) {
  .astro-ZYSJE3AG .item-childList + .item-childList {
    margin-top: 1.0625rem;
  }
}

@media screen and (max-width: 767.99px) {
  .astro-ZYSJE3AG .item-childList + .item-childList {
    margin-top: 1.0625rem;
  }
}

.astro-ZYSJE3AG .item-childLink {
  opacity: 0.5;

  transition: 0.3s cubic-bezier(0.16, 1, 0.3, 1);

  transition-property: opacity;
}

@media screen and (min-width: 768px) {
  .astro-ZYSJE3AG .item-childLink {
    font-size: 0.875rem;
  }
}

.astro-ZYSJE3AG .item-childLink:hover {
  opacity: 0.25;
}

@media screen and (min-width: 768px) {
  .LRelatedLinks:where(.astro-UNFBTCFT) {
    margin-bottom: 11.25rem;
  }
}

@media screen and (max-width: 767.99px) {
  .LRelatedLinks:where(.astro-UNFBTCFT) {
    margin-bottom: 5.625rem;
  }
}

@media screen and (min-width: 768px) {
  .inner:where(.astro-UNFBTCFT) {
    margin-inline: 17.8125rem 9.5rem;
  }
}

@media screen and (max-width: 767.99px) {
  .inner:where(.astro-UNFBTCFT) {
    margin-inline: 1.875rem;
  }
}

.CLowerPageMenuItem:where(.astro-O6WQQVIM) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.link:where(.astro-O6WQQVIM) {
  display: flex;

  justify-content: space-between;

  align-items: center;
}

@media screen and (min-width: 768px) {
  .link:where(.astro-O6WQQVIM) {
    padding-block: 1.5rem;
  }
}

@media screen and (max-width: 767.99px) {
  .link:where(.astro-O6WQQVIM) {
    padding-block: 1rem;
  }
}

[data-whatintent="mouse"] .link:where(.astro-O6WQQVIM):hover .texts:where(.astro-O6WQQVIM) {
  opacity: 0.5;
}

.texts:where(.astro-O6WQQVIM) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.title:where(.astro-O6WQQVIM) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;

  font-weight: 700;

  letter-spacing: -0.025em;
}

@media screen and (min-width: 768px) {
  .title:where(.astro-O6WQQVIM) {
    margin-bottom: 0.875rem;

    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767.99px) {
  .title:where(.astro-O6WQQVIM) {
    margin-bottom: 0.625rem;

    font-size: 0.875rem;
  }
}

.text:where(.astro-O6WQQVIM) {
  letter-spacing: 0.05em;
}

@media screen and (max-width: 767.99px) {
  .text:where(.astro-O6WQQVIM) {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .CLowerPageMenu:where(.astro-MGHMDFJ7) {
    margin-top: 2.375rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CLowerPageMenu:where(.astro-MGHMDFJ7) {
    margin-top: 2.1875rem;
  }
}

.list:where(.astro-MGHMDFJ7) {
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}

@media screen and (min-width: 768px) {
  .cursorThumb:where(.astro-MGHMDFJ7) {
    position: fixed;

    left: 0rem;

    top: -5.25rem;

    z-index: 2000;

    width: 18.75rem;

    height: 10.5rem;

    background: no-repeat center/cover;

    pointer-events: none;

    transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);

    opacity: 0;
  }
}

@media screen and (min-width: 768px) {
  .cursorThumb:where(.astro-MGHMDFJ7).-show {
    opacity: 1;
  }
}

.CCircle:where(.astro-3YGW3T6S) {
  position: relative;

  border-radius: 50%;

  border: 1px solid rgba(68, 64, 63, 0.2);

  flex: none;

  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);

  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S) {
    display: flex;

    justify-content: center;

    align-items: center;

    width: 5rem;

    height: 5rem;

    grid-area: 1/2/3/3;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S) {
    width: 3.75rem;

    height: 3.75rem;
  }
}

.CCircle:where(.astro-3YGW3T6S).-white {
  border-color: #fff3;
}

.CCircle:where(.astro-3YGW3T6S).-white svg:where(.astro-3YGW3T6S) {
  fill: #fff;
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S).-small {
    width: 2.9375rem;

    height: 2.9375rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S).-small {
    width: 2.5rem;

    height: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S).-small svg:where(.astro-3YGW3T6S) {
    width: 0.625rem;

    height: 0.625rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S).-small svg:where(.astro-3YGW3T6S) {
    width: 0.625rem;

    height: 0.625rem;
  }
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S).-large {
    width: 10rem;

    height: 10rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S).-large {
    width: 5rem;

    height: 5rem;
  }
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S).-large svg:where(.astro-3YGW3T6S) {
    width: 1.5625rem;

    height: 1.5625rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S).-large svg:where(.astro-3YGW3T6S) {
    width: 0.78125rem;

    height: 0.78125rem;
  }
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S).-smallPc {
    width: 2.5rem;

    height: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .CCircle:where(.astro-3YGW3T6S).-smallPc svg:where(.astro-3YGW3T6S) {
    width: 0.625rem;

    height: 0.625rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S).-smallSp {
    width: 2.5rem;

    height: 2.5rem;
  }
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S).-smallSp svg:where(.astro-3YGW3T6S) {
    width: 0.625rem;

    height: 0.625rem;
  }
}

.CCircle:where(.astro-3YGW3T6S).-on {
  scale: 1.15;
}

.CCircle:where(.astro-3YGW3T6S).-on svg:where(.astro-3YGW3T6S).before,
.CCircle:where(.astro-3YGW3T6S).-on svg:where(.astro-3YGW3T6S).beforeSp {
  opacity: 1;

  translate: 0;
}

.CCircle:where(.astro-3YGW3T6S).-on svg:where(.astro-3YGW3T6S).after,
.CCircle:where(.astro-3YGW3T6S).-on svg:where(.astro-3YGW3T6S).afterSp {
  opacity: 0;

  translate: 125% 0;
}

.CCircle:where(.astro-3YGW3T6S).-rotate {
  rotate: -45deg;
}

.CCircle:where(.astro-3YGW3T6S) svg:where(.astro-3YGW3T6S) {
  position: absolute;

  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  transition-property: translate, opacity;
}

@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-3YGW3T6S) svg:where(.astro-3YGW3T6S) {
    top: 50%;

    left: 50%;

    translate: -50% -50%;
  }
}

.CCircle:where(.astro-3YGW3T6S) svg:where(.astro-3YGW3T6S).before {
  opacity: 0;

  translate: -125% 0;
}

.CCircle:where(.astro-3YGW3T6S) svg:where(.astro-3YGW3T6S).beforeSp {
  display: none;
}

.CCircle:where(.astro-3YGW3T6S).-bottom {
  transform: rotate(90deg);
}

.CCircle:where(.astro-3YGW3T6S).-top {
  transform: rotate(-90deg);
}

.CCircle:where(.astro-3YGW3T6S).-left {
  transform: rotate(180deg);
}

@media screen and (max-width: 767.99px) {
  .item:where(.astro-SFYJIROX):not(:last-child) {
    margin-bottom: 0.25rem;
  }
}

/*1023 佐々木*/
.news_con_b a {
  text-decoration: underline;
}
.news_con_b a:hover {
  color: #bd991e;
  text-decoration: none;
}

.ir_movie_wp{
	width: 100%;

}

.ir_movie_wp ul{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content:space-between;


}

.ir_movie_wp ul li{
	width: 48%;
	margin-bottom: 4vw;

}

.ir_movie_wp img{
	width: 100%;

}

.ir_movie_wp ul li a{
	display: block;

}

.ir_movie_wp ul li a:hover{
	opacity: .8;

}

.ir_movie_wp ul li p{
	margin-top: 1.5vw;

}

.ir_contact .contact_area_wp {
    padding: 0 0 5.75rem 0;

}

.ir_contact .d_title_f01{
	margin-top: 0;
}

.listBx{

	margin-top: 1.5vw;
}

.listBx ul{
	padding-bottom: 1.5vw;
	    border-bottom: 1px solid #ddd;
}

.listBx ul li{
	display: inline-block;
	margin-right: 1.5vw;
}

.download_area .down_2_block p {
    line-height: 1.6;
}
.tll{
	border-bottom: 1px solid rgba(68, 64, 63, 0.2);
	margin: 7.25rem 0 2.375rem 0;
	padding: 0 0 2.375rem 0;
}

@media screen and (max-width: 767.99px) {
	.ir_movie_wp ul li{
		width: 100%;
		margin-bottom: 4rem;

	}
	.ir_movie_wp ul li:last-child {
		margin-bottom: 0rem;

	}
	.ir_movie_wp ul li p{
		margin-top: 1.5rem;

		}
	.listBx ul {
		padding-bottom: 2rem;
	}
  .title-en:where(.astro-VLXHIUWL) {
    padding-bottom: 0;
  }
	.CBlockTitle:where(.astro-VLXHIUWL).-row .inner:where(.astro-VLXHIUWL) {
	  display: block;
	}
}



/*1025黒田*/
@media screen and (min-width: 768px) {

 #serviceBranding .head-content:where(.astro-EZJVWRRH) {
    margin-top:0px!important;
  }

  .news_page#serviceBranding .head:where(.astro-EZJVWRRH){
      height: 31.875rem;
  }

  .LRelatedLinks .CFaqMenu:where(.astro-XVDDMWMU){
        margin-inline: 0px;
        margin-top: 11.25rem;
        width: 100%;
}

.company__access .titleWrapper:where(.astro-VYBDEFAX){
    padding:0px;
}

.company__access .LAccess{
    padding-block:15rem 0rem!important;
}

.company__access .LVisualIdentitiyConts:where(.astro-3JX2SG2M){
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}


.company__access .inner:where(.astro-S6FWWIK5){
    position: inherit;
}

.company__access .inner:where(.astro-3JX2SG2M){
    margin-inline:0px;
}

.company__access .-white:where(.astro-TJXWHQYN) .inner:where(.astro-TJXWHQYN),
.company__access .text:where(.astro-3JX2SG2M){
    color:#44403f!important;
}


 .company__access .summary-block{
     margin-inline:0px;
     padding:0px;
 }

.company__access .ir_tabledd{
    width: 70%;
    border-top: none;
    padding: 0px;
    letter-spacing: 0.1rem;
}

.company__access .content:where(.astro-CORQZ566){
    margin-inline:0px;
}

.ir_contact.CFaqMenu:where(.astro-XVDDMWMU){
    margin-bottom:0px;
    margin-inline:0px;
}



.company__access .content:where(.astro-CORQZ566){
    border-top:0px;
    display:inherit;
}


.company__access .table:where(.astro-CORQZ566){
    display: inherit;
}

.company__access .table:where(.astro-CORQZ566){
width: inherit;
}

.company__access .ir_tabledt{
    border-top:0px;
     font-weight: 600;
}

.company__access .bor_top{
    border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.company__access .ir_tableDt{
    padding-top: 4.375rem;
}

.company__access .tour_btn{
    text-align: center;
    color: #fff;
    height: auto;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.2rem;
    padding: 3rem 3em;
    background-color: #44403f;
}

.company__access .tour_btn{
    text-align: left;
}

.company__access .tour_btn .en{
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    letter-spacing: -0.025em;
    line-height: 1;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
}

.company__access .tour_btn .ja{
    font-size: 0.875rem;
}

.company__access .ir_tableDt{
    border-bottom: 0px;
}


 .company__access .bor_btm{
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    width: 34em;
 }

  .company__access .ir_tableDtDt.list.astro-5YN3ALTJ{
    justify-content: space-between;
  }

.company__access .LAccess_access{
    padding-block:15em 11em!important;
    }


 .company__access .LAccess_access .bor_btm{
    width: 34em;
    border-bottom: 0px;
 }

 .company__access .LAccess_access .table:where(.astro-CORQZ566){
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
 }


  .company_access .office_ttl{
    font-size: 1.525rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding-block: 2rem;

  }


    .company_access .titleWrapper:where(.astro-VYBDEFAX){
    padding:15rem 0px 3.75rem 0px!important;
    }


    .company_access .access_jp{
     text-align: right;
 }

/*
    .acc_pd{
    margin-left: 6rem;
    }

*/
/*
    .company_access .index.astro-CORQZ566{
    width: 6.25rem;
}
*/


/*
     .company_access .detail.astro-CORQZ566{
    width: 20.5rem;
    }


*/
     .company_access .bor_top{
    border-top: 1px solid rgba(68, 64, 63, 0.2);
     }

    .company_access .bor_btm{
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
     }
    .company_access .accece_block01 .titleWrapper:where(.astro-VYBDEFAX){
    flex-direction: column-reverse;
    align-items:inherit;
    }



    }


@media screen and (max-width: 767.99px){
    .ir_contact.link:where(.astro-XVDDMWMU){
        padding-top: 11.25rem!important;
}
    .ir_contact.CFaqMenu:where(.astro-XVDDMWMU){
    margin-inline:0px!important;
    margin-top: 5.625rem!important;
}
 .company_access .inner:where(.astro-3JX2SG2M){
     height: auto;
}

 .company_access .access_jp{
     text-align: right;
 }

/*
 .comapny_access .accece_block01 .titleWrapper:where(.astro-VYBDEFAX){
padding: 6.875rem 0 0rem;

}
*/
}

    .company_access .inner .astro-TJXWHQYN,
    .company_access .astro-3JX2SG2M{
        color:#44403f!important;
    }

    .company_access .inner:where(.astro-3JX2SG2M){
    position: inherit;
     }

  .company_access .access_jp{
     text-align: right;
 }










@media screen and (max-width: 767.99px){

.history_p0 img {
    width: 100%;
	margin-bottom: 1rem;
  }

}











/*VIS　小谷野v20231030*/
@media screen and (min-width: 768px) {
  .rec_int_block_0 {
    display: flex;
    width: 100%;
	justify-content: space-between;
  }

	.inter_f_block1 {
	padding-top: 4.375rem;
  }

	.inter_f_block2 {
	padding-bottom: 10.875rem;
  }

	.rec_int_detail {
	width: 45%;
  }

  /*.rec_int_block_0 li {
	width: 47%;
  }*/
}

@media screen and (max-width: 767.99px) {
  .inter_f_block1 {
  padding-top: 6.8125rem;
  }

  .inter_f_block2 {
  padding-bottom: 5.75rem;
  }

  .rec_int_detail {
  margin-top: 3.125rem;
  }

}




/*20231101 佐々木*/
@media screen and (min-width: 768px) {

#serviceBranding .head:where(.astro-EZJVWRRH) {
    height: 41.875rem;
}



}
/*20231101 佐々木*/
@media screen and (max-width: 767.99px) {
	.commonWp img{
		width: 100%;
	}
	.head:where(.astro-EZJVWRRH) {
		height: auto;
		padding-top: 9.8125rem;
		margin-left: 2.625rem;
	}
	.ir_list li .irWp{
		display:block;
	}

	.ir_tpli a {
		display: block;
		justify-content: space-between;
		width: 100%;
		padding-block: 0 1.5rem;
	}
	.tkgch00 {
		display: block;
		padding-bottom: 1rem;
		line-height: 1.6;
	}
	.list.astro-ORBPU2IF{
		margin-top: 3.0625rem;
	}
	.content:where(.astro-RBUQ3UIZ) {
		margin-top: 0;
	}
	.tkgch {
		display: block;
		margin-top: 1.5rem;
	}

	.leadLg01 li {
		border-bottom: none;
	}
	.ir_tpli2 {
		display: block;
		justify-content: space-between;
		width: 100%;
		padding-block: 0.5rem 0;
	}
	#xj-select-year{
		font-size: .8rem;
	}
	.txt-thanks {
		margin-inline: 0 0;
	}
}





.LMovie:where(.astro-KAFD4K7P) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .LMovie:where(.astro-KAFD4K7P) {
    margin-top: 18.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LMovie:where(.astro-KAFD4K7P) {
    margin-top: 7.4375rem;
  }
}
.background:where(.astro-KAFD4K7P) {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .background:where(.astro-KAFD4K7P) {
    height: 56.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .background:where(.astro-KAFD4K7P) {
    height: 43.75rem;
  }
}
.movieWrap:where(.astro-KAFD4K7P) {
  position: absolute;
}
.title:where(.astro-KAFD4K7P) {
  display: flex;
  align-items: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .title:where(.astro-KAFD4K7P) {
    margin-bottom: 1.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-KAFD4K7P) {
    margin-bottom: 0.9375rem;
  }
}
.titleEn:where(.astro-KAFD4K7P) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
}
@media screen and (min-width: 768px) {
  .titleEn:where(.astro-KAFD4K7P) {
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleEn:where(.astro-KAFD4K7P) {
    font-size: 1.0625rem;
  }
}
.titleJa:where(.astro-KAFD4K7P) {
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .titleJa:where(.astro-KAFD4K7P) {
    margin-left: 1.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .titleJa:where(.astro-KAFD4K7P) {
    margin-left: 0.75rem;
    font-size: 0.75rem;
  }
}
.movie:where(.astro-KAFD4K7P) {
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .movie:where(.astro-KAFD4K7P) {
    width: 56rem;
    height: 31.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .movie:where(.astro-KAFD4K7P) {
    width: 22.125rem;
    height: 12.4375rem;
  }
}
.thumbWrap:where(.astro-KAFD4K7P) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 110%;
  cursor: pointer;
}
[data-whatintent="mouse"] .thumbWrap:where(.astro-KAFD4K7P):hover + .playCircle:where(.astro-KAFD4K7P) {
  scale: 0.95;
  opacity: 1;
  background: #454040;
}
.thumb:where(.astro-KAFD4K7P) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.playCircle:where(.astro-KAFD4K7P) {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.02em;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: scale, background, border-color, opacity;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .playCircle:where(.astro-KAFD4K7P) {
    width: 8.125rem;
    height: 8.125rem;
    opacity: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .playCircle:where(.astro-KAFD4K7P) {
    width: 5.9375rem;
    height: 5.9375rem;
    font-size: 0.6875rem;
    background: #454040;
  }
}
.thumbWrap:where(.astro-KAFD4K7P).-hide,
.playCircle:where(.astro-KAFD4K7P).-hide {
  opacity: 0 !important;
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.more:where(.astro-YYEBXH5G) {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
  margin-left: auto;
}
.bAndroid:where(.astro-YYEBXH5G) .more:where(.astro-YYEBXH5G) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .more:where(.astro-YYEBXH5G) {
    margin-top: auto;
  }
}
@media screen and (min-width: 768px) {
  .more-text:where(.astro-YYEBXH5G) {
    margin-right: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .more-text:where(.astro-YYEBXH5G) {
    margin-right: 0.4375rem;
  }
}
.CWhiteArrow:where(.astro-YYEBXH5G) {
  color: #44403f;
}

/*20231106 黒田*/

.news_page h3{
font-weight: bold;
font-size: 1.15rem;
}

@media screen and (min-width: 768px) {
.company_access .ir_tabledt{
    border-top: 0px;
    font-weight: 600;
}

.company_access .summary-block{
    margin-inline: 0px;
    padding: 0px;
    }

.company_access .table:where(.astro-CORQZ566) {
    width: inherit;
    }

.company_access .ir_tabledd {
    width: 70%;
    border-top: none;
    padding: 0px;
    letter-spacing: 0.1rem;
    }


.company__access .content:where(.astro-CORQZ566) {
    border-top: 0px;
    display: inherit;
}
.company_access .content:where(.astro-CORQZ566) {
    margin-inline: 0px;
}


.company_access .content:where(.astro-CORQZ566) {
    border-top: 0px;
    display: inherit;
}

.company_access .ir_tableDt {
    border-bottom: 0px;
}

.company_access .ir_tableDt {
    padding-top: 4.375rem;
}
.company_access .table:where(.astro-CORQZ566) {
    display: inherit;
}

.company_access .tour_btn {
    text-align: center;
    color: #fff;
    height: auto;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.2rem;
    padding: 5rem 4em;
    background-color: #44403f;
     text-align: left;
    display: flex;
    transition: .5s;
}


.company_access .tour_btn .en {
    grid-area: 1/1/2/2;
    padding-top: 0.5rem;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    letter-spacing: -0.025em;
    line-height: 1;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
}


.company__access .tour_btn{
    display: flex;
}

.tour_btn .link:where(.astro-YERLLDIE){
    margin-top: 0px;
}

.tour_btn .CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL){
    border: 1px solid rgb(255 255 255 / 20%);
}

.company_access .bor_btm {
    border-bottom: 1px solid rgba(68, 64, 63, 0.2);
    width: 34em;
}

.inner:where(.astro-CORQZ566) + .inner:where(.astro-CORQZ566) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.company_access .bor_top{ border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.company_access .tour_btn .ja {
    font-size: 0.875rem;
}

.company_access .accece_block01 .detail:where(.astro-CORQZ566){
    width: auto;
}

.company_access .accece_block01 .ir_tableDtDt{
    justify-content: space-between;
}

.company_access .accece_block02{
    margin-right: 0rem;
}

.company_access .inner:where(.astro-3JX2SG2M){
    height: auto;
}

.company_access .tour_btn:hover{
    opacity: .6;
    transition: .5s;
}

.company_access .title:where(.astro-QIIKENHB){
    font-size: 0.875rem;
}

.company_access .text:where(.astro-QIIKENHB){
    line-height: 2;
}


.company_access .index:where(.astro-CORQZ566){
    width: 15.25rem;
}

.company_access .border_btm{
    border-bottom: 1px solid rgba(68, 64, 63, 0.2)}

}
.company_access .link.astro-CORQZ566{
    text-decoration: underline;
    font-weight: 600;
}


.company_access .accece_block01 .inner:where(.astro-CORQZ566){
    border-top: 1px solid rgba(68, 64, 63, 0.2);
}






.company_access .link.astro-CORQZ566{
    text-decoration: underline;
    font-weight: 600;
}

@media screen and (max-width: 767.99px){
.company_access .link.astro-CORQZ566{
    text-decoration: underline;
    font-weight: 600;
}
.company_access .titleWrapper:where(.astro-VYBDEFAX){
    padding: 6.875rem 0 0 0;
}

.company_access .office_ttl {
    font-size: 1.525rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding-block: 2rem;
}

.company_access .content:where(.astro-CORQZ566){
    margin-inline:0px;
}

.company_access .summary-block{
    margin-inline:0px;
}

.company_access .ir_tabledt{
    border-bottom: 0px;
}


.company_access :where(.img-v5baGb){
    width: 100%;
    height: 100%;
}



.company_access .CPageTitle:where(.astro-DHGVWVOI) {
    margin-bottom: 1.6875rem;
}


.company_access .tour_btn{
    text-align: center;
    color: #fff;
    height: auto;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.2rem;
    padding:2.5rem;
    background-color: #44403f;
}

.company_access .tour_btn{
    text-align: left;
}

.company_access .ir_tabledt{
    font-size: 0.9375rem;
}
.company_access .tour_btn .en{
    grid-area: 1/1/2/2;
    margin-bottom: 0.75rem;
    font-size: 1.3125rem;
    letter-spacing: -0.025em;
    line-height: 1;
    font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    font-weight: 700;
}

.company_access .tour_btn .ja{
  font-size: 0.75rem;
}
.tour_btn .CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL){
    border: 1px solid rgb(255 255 255 / 20%);
}

.company_access .text:where(.astro-QIIKENHB p){
    font-size: 0.75rem;
    line-height: 2.0833333333;
    padding:0px;
    }

 .company_access .ir_tableDtDt.bor_top{
     padding-top: 2rem;
 }

.company_access .inner.astro-CORQZ566.bor_top{
    padding-top: 3.5rem;
}

.company_access .border_btm,
.company_access .bor_btm{
    border-bottom: 1px solid rgba(68, 64, 63, 0.2)}



.company_access .company_mphoto_p{
    margin-bottom:0px;
}

}

/*231109 黒田*/
.download_area .dw_mgTop{
    margin-bottom: 10.75rem;
}


/*231110 黒田*/

@media screen and (min-width: 768px) {
.company_info .address_ul.list:where(.astro-BZPTXEXQ){
padding-top:0px!important;
letter-spacing:0;
}
.company_info .address_ul li.list:where(.astro-BZPTXEXQ){
padding-top:0px!important;
}

.company_info .item:where(.astro-BZPTXEXQ).-three:not(:last-child):after{
right: -0.9975rem;
}

.company_info .item:where(.astro-BZPTXEXQ).-three:not(:last-child){
margin-right: 3.475rem;
}

.company_info .summary-block{
margin-inline:21.0625rem 9.5rem;
}

.company_info .ir_tabledt{
    font-weight: 600;
}

.company_info .inner:where(.astro-CORQZ566){
    padding-block: 0px;
}

}

@media screen and (max-width: 767.99px){
.company_info .address_ul li.list:where(.astro-BZPTXEXQ){
    padding-top: 1.375rem;
}

.company_info .item:where(.astro-BZPTXEXQ):not(:first-child) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
}

.company_info .ir_tabledt.bor_none{
    border-bottom:none!important;
    width: 50%;
}

}

/*20231113　佐々木*/

.titleLp{
font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: 0.05em;
    padding: 1.5rem 0 0 0;
    margin-bottom: 1.0rem;
	display: block;
}
.title-jp:where(.astro-OWSOZEJN){
	height: auto;
	line-height: 1.6;
}





/*231114 小谷野*/

@media screen and (min-width: 768px) {

	#placesolution a {
	font-size: 0.9375rem;
    font-weight: 200;
	text-decoration: underline;
	}
}



/*20231128　黒田*/
@media screen and (min-width: 768px){
.foot .linkList:where(.astro-ZYSJE3AG).-under .link:where(.astro-ZYSJE3AG){
font-family:Noto Sans JP, YuGothic, \6e38\30b4\30b7\30c3\30af, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo,
    sans-serif;
}
}

.faq_wrap .sort-title:where(.astro-C4YD5NPL){
margin-left: 1.625rem;
font-weight: 100;
font-family: 'Noto Sans JP';
}

.faq_wrap .pr_border_t{
    width: 300px!important;
}

.faq_wrap .sort:where(.astro-C4YD5NPL){
margin-inline:0px;
}

.faq_wrap .faq_inner{
padding: 1.5rem;
}

.faq_wrap .sort-title-area:where(.astro-C4YD5NPL){
padding-top:0px;
padding-bottom:0px;
font-size: 0.875rem;
}

/*
.faq_wrap .sort:where(.astro-C4YD5NPL){
margin-top: 1.75rem!important;
}
*/

.faq_wrap .link-txt{
font-weight: bold;
}


main .faq_wrap .title-jp{
padding: 0;
line-height: 1.5;
}
.faq_wrap .sort:where(.astro-C4YD5NPL){
border-top: 0px;
}

.faq_wrap .sort-title:where(.astro-C4YD5NPL){
margin-top: 0px;
}


.faq_wrap .sort:where(.astro-C4YD5NPL){
margin-top: 0px;
}


.faq_wrap .inner.astro-VLXHIUWL{
padding-top: 120px;
}

@media screen and (min-width: 768px){
.faq h1 {
    padding: 3rem 0 1.5rem 0;
    font-size: 1.125rem;
}
}

/*231129*/
.faq_wrap .sort-title.astro-C4YD5NPL{
font-size: 0.875rem;
}

.sort.astro-C4YD5NPL.border_top{
border-top: 1px solid rgba(68, 64, 63, 0.2);
}


@media screen and (max-width: 767.99px){
.faq_wrap .sort-title.astro-C4YD5NPL,
.faq_wrap .sort-category:where(.astro-C4YD5NPL){
    padding: 10px 0;
}

.faq_wrap .sort-title.astro-C4YD5NPL,
.faq_wrap .sort-category:where(.astro-C4YD5NPL){
    font-size: 0.75rem;
    letter-spacing: .07em;
    line-height: 2;
}

.faq_wrap .sort-category:where(.astro-C4YD5NPL) {
    padding-top: 1.40625rem;
    padding-left: 1.5625rem;
    padding-bottom: 0.9375rem;
    padding-right: 1.5625rem;
}
.faq_wrap .faq_inner {
    padding: 0rem;
}

.faq_wrap .sort-title:where(.astro-C4YD5NPL){
    margin-left: 0px;
}

.faq_wrap .inner.astro-VLXHIUWL {
    padding-top: 30px;
}


.faq h1 {
    margin-top: 1.1875rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
}

.faq_wrap .faq_a_ttl{
    font-size: .8rem;
    text-decoration: underline;
}
}

.faq h1 {
    line-height: 1.5;
}
.faq_wrap main p a{
text-decoration: underline;
transition: .2s;
}
.faq_wrap main p a:hover{
transition: .2s;
color: #bd991e;
}
.faq_wrap main .title-jp.astro-VLXHIUWL{
padding: 0;
}
.faq_wrap .faq_recruit{
padding: 4.25rem 0px 0px 0px!important;
}


/*231204 黒田*/

.company_info .ir_tableDt a,
.shareholder_memo .ir_tableDt a,
.projects_area.detail_area .content a{
text-decoration: underline;
transition: .2s;
}

.company_info .ir_tableDt a:hover,
.shareholder_memo .ir_tableDt a:hover,
.projects_area.detail_area .content .list-item.astro-U2MANDSG a:hover{
transition: .2s;
color: #bd991e;
}





/* 231212 追加 */

@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-6RTNF2IV) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb:where(.astro-6RTNF2IV) {
    margin-top: 1.75rem;
  }
}


.LOtherInterviewSlider:where(.astro-2PXT2UYG) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LOtherInterviewSlider:where(.astro-2PXT2UYG) {
    padding-left: 5.625rem;
    margin-block: 5rem 15rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .LOtherInterviewSlider:where(.astro-2PXT2UYG) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .LOtherInterviewSlider:where(.astro-2PXT2UYG) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LOtherInterviewSlider:where(.astro-2PXT2UYG) {
    padding-left: 1.875rem;
    margin-block: 3.0625rem 6.875rem;
  }
}
.list:where(.astro-2PXT2UYG) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-2PXT2UYG) {
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-2PXT2UYG) {
    margin-bottom: 2.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-2PXT2UYG) {
    width: 21.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-2PXT2UYG) {
    flex-shrink: 0;
    width: 22.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-2PXT2UYG):not(:last-child) {
    margin-right: 2.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-2PXT2UYG):not(:last-child) {
    margin-right: 1.25rem;
  }
}
.link:where(.astro-2PXT2UYG) {
  position: relative;
  display: block;
}
[data-whatintent="mouse"] .link:where(.astro-2PXT2UYG):hover .photo:where(.astro-2PXT2UYG) {
  scale: 1.05;
}
.image:where(.astro-2PXT2UYG) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.photo:where(.astro-2PXT2UYG) {
  display: block;
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.title:where(.astro-2PXT2UYG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .title:where(.astro-2PXT2UYG) {
    padding-block: 1.375rem 1.375rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-2PXT2UYG) {
    padding-block: 0.78125rem 0.90625rem;
    font-size: 1.0625rem;
    line-height: 1.4705882353;
    letter-spacing: 0.08em;
  }
}
.bottom:where(.astro-2PXT2UYG) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-2PXT2UYG) {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-2PXT2UYG) {
    padding-top: 0.875rem;
  }
}
.conts:where(.astro-2PXT2UYG) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-2PXT2UYG) {
    grid-row-gap: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-2PXT2UYG) {
    grid-row-gap: 0.5rem;
  }
}
.name:where(.astro-2PXT2UYG) {
  grid-area: 1/1/2/3;
  font-weight: 600;
}
.bAndroid:where(.astro-2PXT2UYG) .name:where(.astro-2PXT2UYG) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-2PXT2UYG) {
    font-size: 1.125rem;
  }
}
.position:where(.astro-2PXT2UYG) {
  position: relative;
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-2PXT2UYG) {
    padding-right: 0.625rem;
    margin-right: 0.625rem;
  }
}
.position:where(.astro-2PXT2UYG):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 1px;
  background: rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .position:where(.astro-2PXT2UYG):after {
    height: 0.625rem;
  }
}
.joined:where(.astro-2PXT2UYG) {
  grid-area: 2/2/3/3;
}
.foot:where(.astro-2PXT2UYG) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .foot:where(.astro-2PXT2UYG) {
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .foot:where(.astro-2PXT2UYG) {
    padding-bottom: 0.3125rem;
  }
}
.arrows:where(.astro-2PXT2UYG) {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .arrows:where(.astro-2PXT2UYG) {
    margin-right: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .arrows:where(.astro-2PXT2UYG) {
    margin-right: 1.5625rem;
  }
}
.arrow:where(.astro-2PXT2UYG) {
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.arrow:where(.astro-2PXT2UYG).-disable {
  opacity: 0.5;
}
.prev:where(.astro-2PXT2UYG) {
  scale: -1 1;
}
@media screen and (min-width: 768px) {
  .prev:where(.astro-2PXT2UYG) {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .prev:where(.astro-2PXT2UYG) {
    margin-right: 0.96875rem;
  }
}
.progress:where(.astro-2PXT2UYG) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-2PXT2UYG) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-2PXT2UYG) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-2PXT2UYG) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}



.LPeopleSlider:where(.astro-ZGKXBX6H) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .LPeopleSlider:where(.astro-ZGKXBX6H) {
    padding-left: 5.625rem;
    margin-block: 5rem 2.25rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .LPeopleSlider:where(.astro-ZGKXBX6H) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .LPeopleSlider:where(.astro-ZGKXBX6H) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LPeopleSlider:where(.astro-ZGKXBX6H) {
    padding-left: 1.875rem;
    margin-block: 3.0625rem 1.625rem;
  }
}
.list:where(.astro-ZGKXBX6H) {
  display: flex;
}
@media screen and (min-width: 768px) {
  .list:where(.astro-ZGKXBX6H) {
    margin-bottom: 6.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .list:where(.astro-ZGKXBX6H) {
    margin-bottom: 2.6875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-ZGKXBX6H) {
    width: 21.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-ZGKXBX6H) {
    flex-shrink: 0;
    width: 22.125rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-ZGKXBX6H):not(:last-child) {
    margin-right: 2.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-ZGKXBX6H):not(:last-child) {
    margin-right: 1.25rem;
  }
}
.link:where(.astro-ZGKXBX6H) {
  position: relative;
  display: block;
}
[data-whatintent="mouse"] .link:where(.astro-ZGKXBX6H):hover .photo:where(.astro-ZGKXBX6H) {
  scale: 1.05;
}
.image:where(.astro-ZGKXBX6H) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.photo:where(.astro-ZGKXBX6H) {
  display: block;
  transition: scale 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.title:where(.astro-ZGKXBX6H) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
  border-bottom: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .title:where(.astro-ZGKXBX6H) {
    padding-block: 1.375rem 1.375rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.99px) {
  .title:where(.astro-ZGKXBX6H) {
    padding-block: 0.78125rem 0.90625rem;
    font-size: 1.0625rem;
    line-height: 1.4705882353;
    letter-spacing: 0.08em;
  }
}
.bottom:where(.astro-ZGKXBX6H) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-ZGKXBX6H) {
    padding-top: 1.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-ZGKXBX6H) {
    padding-top: 0.875rem;
  }
}
.conts:where(.astro-ZGKXBX6H) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-ZGKXBX6H) {
    grid-row-gap: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-ZGKXBX6H) {
    grid-row-gap: 0.5rem;
  }
}
.name:where(.astro-ZGKXBX6H) {
  grid-area: 1/1/2/3;
  font-weight: 600;
}
.bAndroid:where(.astro-ZGKXBX6H) .name:where(.astro-ZGKXBX6H) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .name:where(.astro-ZGKXBX6H) {
    font-size: 1.125rem;
  }
}
.position:where(.astro-ZGKXBX6H) {
  position: relative;
  grid-area: 2/1/3/2;
}
@media screen and (min-width: 768px) {
  .position:where(.astro-ZGKXBX6H) {
    padding-right: 0.625rem;
    margin-right: 0.625rem;
  }
}
.position:where(.astro-ZGKXBX6H):after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 1px;
  background: rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .position:where(.astro-ZGKXBX6H):after {
    height: 0.625rem;
  }
}
.joined:where(.astro-ZGKXBX6H) {
  grid-area: 2/2/3/3;
}
.foot:where(.astro-ZGKXBX6H) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .foot:where(.astro-ZGKXBX6H) {
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .foot:where(.astro-ZGKXBX6H) {
    padding-bottom: 0.3125rem;
  }
}
.arrows:where(.astro-ZGKXBX6H) {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .arrows:where(.astro-ZGKXBX6H) {
    margin-right: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .arrows:where(.astro-ZGKXBX6H) {
    margin-right: 1.5625rem;
  }
}
.arrow:where(.astro-ZGKXBX6H) {
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.arrow:where(.astro-ZGKXBX6H).-disable {
  opacity: 0.5;
}
.prev:where(.astro-ZGKXBX6H) {
  scale: -1 1;
}
@media screen and (min-width: 768px) {
  .prev:where(.astro-ZGKXBX6H) {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .prev:where(.astro-ZGKXBX6H) {
    margin-right: 0.96875rem;
  }
}
.progress:where(.astro-ZGKXBX6H) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-ZGKXBX6H) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-ZGKXBX6H) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-ZGKXBX6H) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}

.CCircle:where(.astro-G5YOALGD) {
  position: relative;
  border-radius: 50%;
  border: 1px solid rgba(68, 64, 63, 0.2);
  flex: none;
  transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD) {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    grid-area: 1/2/3/3;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD) {
    width: 3.75rem;
    height: 3.75rem;
  }
}
.CCircle:where(.astro-G5YOALGD).-white {
  border-color: #fff3;
}
.CCircle:where(.astro-G5YOALGD).-white svg:where(.astro-G5YOALGD) {
  fill: #fff;
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD).-small {
    width: 2.9375rem;
    height: 2.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD).-small {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD).-small svg:where(.astro-G5YOALGD) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD).-small svg:where(.astro-G5YOALGD) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD).-large {
    width: 10rem;
    height: 10rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD).-large {
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD).-large svg:where(.astro-G5YOALGD) {
    width: 1.5625rem;
    height: 1.5625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD).-large svg:where(.astro-G5YOALGD) {
    width: 0.78125rem;
    height: 0.78125rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD).-smallPc {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .CCircle:where(.astro-G5YOALGD).-smallPc svg:where(.astro-G5YOALGD) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD).-smallSp {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD).-smallSp svg:where(.astro-G5YOALGD) {
    width: 0.625rem;
    height: 0.625rem;
  }
}
.CCircle:where(.astro-G5YOALGD).-on {
  scale: 1.15;
}
.CCircle:where(.astro-G5YOALGD).-on svg:where(.astro-G5YOALGD).before,
.CCircle:where(.astro-G5YOALGD).-on svg:where(.astro-G5YOALGD).beforeSp {
  opacity: 1;
  translate: 0;
}
.CCircle:where(.astro-G5YOALGD).-on svg:where(.astro-G5YOALGD).after,
.CCircle:where(.astro-G5YOALGD).-on svg:where(.astro-G5YOALGD).afterSp {
  opacity: 0;
  translate: 125% 0;
}
.CCircle:where(.astro-G5YOALGD).-rotate {
  rotate: -45deg;
}
.CCircle:where(.astro-G5YOALGD) svg:where(.astro-G5YOALGD) {
  position: absolute;
  transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  transition-property: translate, opacity;
}
@media screen and (max-width: 767.99px) {
  .CCircle:where(.astro-G5YOALGD) svg:where(.astro-G5YOALGD) {
    top: 50%;
    left: 50%;
    translate: -50% -50%;
  }
}
.CCircle:where(.astro-G5YOALGD) svg:where(.astro-G5YOALGD).before {
  opacity: 0;
  translate: -125% 0;
}
.CCircle:where(.astro-G5YOALGD) svg:where(.astro-G5YOALGD).beforeSp {
  display: none;
}
.CCircle:where(.astro-G5YOALGD).-bottom {
  transform: rotate(90deg);
}
.CCircle:where(.astro-G5YOALGD).-top {
  transform: rotate(-90deg);
}
.CCircle:where(.astro-G5YOALGD).-left {
  transform: rotate(180deg);
}




















.CSliderParallax:where(.astro-MTPWBMH3) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .CSliderParallax:where(.astro-MTPWBMH3) {
    width: 56.25rem;
    height: 37.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSliderParallax:where(.astro-MTPWBMH3) {
    width: 22.125rem;
    height: 27.625rem;
  }
}
.CSliderParallax:where(.astro-MTPWBMH3) img:where(.astro-MTPWBMH3) {
  position: relative;
  left: -5%;
  width: 110%;
  height: 110%;
  object-fit: cover;
}
.CSlider:where(.astro-MTPWBMH3) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .CSlider:where(.astro-MTPWBMH3) {
    padding-left: 5.625rem;
    margin-top: 4rem;
    margin-bottom: -0.625rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .CSlider:where(.astro-MTPWBMH3) {
    margin-inline: 12.25rem 5.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767.99px) {
  .CSlider:where(.astro-MTPWBMH3) {
    margin-inline: 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .CSlider:where(.astro-MTPWBMH3) {
    padding-left: 1.875rem;
    margin-top: 2.5rem;
    margin-bottom: -0.3125rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-MTPWBMH3) {
    margin-bottom: 5.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-MTPWBMH3) {
    margin-bottom: 3.125rem;
  }
}
.list:where(.astro-MTPWBMH3) {
  display: flex;
}
.item:where(.astro-MTPWBMH3) {
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-MTPWBMH3) {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-MTPWBMH3):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-MTPWBMH3):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.link:where(.astro-MTPWBMH3) {
  position: relative;
  display: block;
}
.image:where(.astro-MTPWBMH3) {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-MTPWBMH3) {
    width: 56.25rem;
    height: 37.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-MTPWBMH3) {
    width: 22.125rem;
    height: 27.625rem;
  }
}
.image:where(.astro-MTPWBMH3) img:where(.astro-MTPWBMH3) {
  position: relative;
  left: -5%;
  width: 110%;
  height: 110%;
  object-fit: cover;
}
.overlay:where(.astro-MTPWBMH3) {
  position: absolute;
  inset: 0;
  z-index: 3;
  opacity: 0.7;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.conts:where(.astro-MTPWBMH3) {
  position: absolute;
  z-index: 4;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-MTPWBMH3) {
    bottom: 2.5rem;
    left: 2.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-MTPWBMH3) {
    left: 1.5625rem;
    bottom: 1.5625rem;
    right: 1.5625rem;
  }
}
.nameEn:where(.astro-MTPWBMH3) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameEn:where(.astro-MTPWBMH3) {
    margin-bottom: 1rem;
    font-size: 4rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameEn:where(.astro-MTPWBMH3) {
    margin-bottom: 0.5rem;
    font-size: 1.875rem;
  }
}
.nameJa:where(.astro-MTPWBMH3) {
  font-weight: 600;
}
.bAndroid:where(.astro-MTPWBMH3) .nameJa:where(.astro-MTPWBMH3) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameJa:where(.astro-MTPWBMH3) {
    margin-bottom: 2.125rem;
    font-size: 1.125rem;
    font-feature-settings: "none";
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameJa:where(.astro-MTPWBMH3) {
    margin-bottom: 1.125rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
.tags:where(.astro-MTPWBMH3) {
  display: flex;
  flex-wrap: wrap;
}
.tag:where(.astro-MTPWBMH3) {
  color: #ffffff80;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-MTPWBMH3) {
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-MTPWBMH3) {
    padding: 0.375rem 0.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-MTPWBMH3):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-MTPWBMH3):not(:last-child) {
    margin-right: 0.25rem;
  }
}
.bottom:where(.astro-MTPWBMH3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-MTPWBMH3) {
    padding-bottom: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-MTPWBMH3) {
    padding-bottom: 0.3125rem;
  }
}





.bottom:where(.astro-MTPWBMH4) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-MTPWBMH4) {
    padding-bottom: 14.9375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-MTPWBMH4) {
    padding-bottom: 3.125rem;
  }
}








.arrows:where(.astro-MTPWBMH3) {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .arrows:where(.astro-MTPWBMH3) {
    margin-right: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .arrows:where(.astro-MTPWBMH3) {
    margin-right: 1.5625rem;
  }
}
.arrow:where(.astro-MTPWBMH3) {
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.arrow:where(.astro-MTPWBMH3).-disable {
  opacity: 0.5;
}
.prev:where(.astro-MTPWBMH3) {
  scale: -1 1;
}
@media screen and (min-width: 768px) {
  .prev:where(.astro-MTPWBMH3) {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .prev:where(.astro-MTPWBMH3) {
    margin-right: 0.96875rem;
  }
}
.progress:where(.astro-MTPWBMH3) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
@media screen and (min-width: 768px) {
  .progress:where(.astro-MTPWBMH3) {
    margin-right: 4.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .progress:where(.astro-MTPWBMH3) {
    margin-right: 1.875rem;
  }
}
.progress-bar:where(.astro-MTPWBMH3) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}









.CSliderMouseStalker:where(.astro-4ZIS3V6M) {
  position: fixed;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
  opacity: 0;
}
.arrows:where(.astro-4ZIS3V6M) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3rem;
  display: flex;
  justify-content: space-between;
}
.arrow:where(.astro-4ZIS3V6M) {
  fill: #fff;
}
.arrow:where(.astro-4ZIS3V6M).-inversion {
  transform: rotate(180deg);
}
.circle:where(.astro-4ZIS3V6M) {
  position: absolute;
  top: 0;
  left: 0;
}










.LProjectSlider:where(.astro-HDYOKY3Q) {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .LProjectSlider:where(.astro-HDYOKY3Q) {
    margin-bottom: 2.25rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LProjectSlider:where(.astro-HDYOKY3Q) {
    overflow: hidden;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .inner:where(.astro-HDYOKY3Q) {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767.99px) {
  .inner:where(.astro-HDYOKY3Q) {
    margin-bottom: 3.125rem;
  }
}
.list:where(.astro-HDYOKY3Q) {
  display: flex;
}
.item:where(.astro-HDYOKY3Q) {
  position: relative;
  color: #fff;
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-HDYOKY3Q) {
    flex-shrink: 0;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-HDYOKY3Q):not(:last-child) {
    margin-right: 0.625rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-HDYOKY3Q):not(:last-child) {
    margin-right: 0.625rem;
  }
}
.image:where(.astro-HDYOKY3Q) {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .image:where(.astro-HDYOKY3Q) {
    width: 100rem;
    height: 51.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .image:where(.astro-HDYOKY3Q) {
    width: 25.875rem;
    height: 43.75rem;
  }
}
.image:where(.astro-HDYOKY3Q) img:where(.astro-HDYOKY3Q) {
  width: 110%;
  height: 110%;
  object-fit: cover;
}
.image:where(.astro-HDYOKY3Q):after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.7;
  background-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
}
.conts:where(.astro-HDYOKY3Q) {
  position: absolute;
}
@media screen and (min-width: 768px) {
  .conts:where(.astro-HDYOKY3Q) {
    right: 5.125rem;
    bottom: 3.125rem;
    left: 17.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .conts:where(.astro-HDYOKY3Q) {
    right: 3.125rem;
    bottom: 1.1875rem;
    left: 1.8125rem;
  }
}
.nameEn:where(.astro-HDYOKY3Q) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameEn:where(.astro-HDYOKY3Q) {
    margin-bottom: 1.5rem;
    font-size: 5rem;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameEn:where(.astro-HDYOKY3Q) {
    margin-bottom: 0.5rem;
    font-size: 2.5rem;
    line-height: 0.925;
    letter-spacing: -0.015em;
  }
}
.nameJa:where(.astro-HDYOKY3Q) {
  font-weight: 600;
}
.bAndroid:where(.astro-HDYOKY3Q) .nameJa:where(.astro-HDYOKY3Q) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .nameJa:where(.astro-HDYOKY3Q) {
    margin-bottom: 3.375rem;
    font-size: 1.125rem;
    font-feature-settings: "none";
    letter-spacing: 0.09em;
  }
}
@media screen and (max-width: 767.99px) {
  .nameJa:where(.astro-HDYOKY3Q) {
    margin-bottom: 1.3125rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    line-height: 1.5833333333;
  }
}
.tags:where(.astro-HDYOKY3Q) {
  display: flex;
  flex-wrap: wrap;
}
.tag:where(.astro-HDYOKY3Q) {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-HDYOKY3Q) {
    padding: 0.625rem 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 1.25rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-HDYOKY3Q) {
    padding: 0.4375rem 0.75rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 0.625rem;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) {
  .tag:where(.astro-HDYOKY3Q):not(:last-child) {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .tag:where(.astro-HDYOKY3Q):not(:last-child) {
    margin-right: 0.25rem;
  }
}
.bottom:where(.astro-HDYOKY3Q) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .bottom:where(.astro-HDYOKY3Q) {
    margin-inline: 17.8125rem 9.5rem;
  }
}
@media screen and (max-width: 767.99px) {
  .bottom:where(.astro-HDYOKY3Q) {
    margin-inline: 1.875rem;
  }
}
.arrows:where(.astro-HDYOKY3Q) {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .arrows:where(.astro-HDYOKY3Q) {
    margin-right: 3.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .arrows:where(.astro-HDYOKY3Q) {
    margin-right: 1.5625rem;
  }
}
.arrow:where(.astro-HDYOKY3Q) {
  cursor: pointer;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.arrow:where(.astro-HDYOKY3Q).-disable {
  opacity: 0.5;
}
.prev:where(.astro-HDYOKY3Q) {
  scale: -1 1;
}
@media screen and (min-width: 768px) {
  .prev:where(.astro-HDYOKY3Q) {
    margin-right: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .prev:where(.astro-HDYOKY3Q) {
    margin-right: 0.96875rem;
  }
}
.progress:where(.astro-HDYOKY3Q) {
  font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
  font-weight: 400;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2px;
  background-color: #4540401a;
}
.progress-bar:where(.astro-HDYOKY3Q) {
  width: 100%;
  height: 2px;
  background-color: #454040;
}

/*231213 黒田*/
.seminar_know .checkbox.ckerror{
padding-top: 0px;
padding-left: 0px; 
letter-spacing: 1.3px;
text-align: left;
}

.seminar_ttl{
line-height:1.5;
}


/*231214 黒田*/
#top .page-download_page_index .d_title_f01{
    margin-top: 5rem;
}



@media screen and (min-width: 768px){
.download_area .page-download_page_index{
    margin-inline: 17.8125rem 9.5rem;
    }
.download_area .tl003 {
    width: 20%;}
    
.download_area .tl004 {
    width: 20%;
}


}


/*231226 黒田*/
.projects_area .projects_flex{
display: flex;
    justify-content: space-between;
    align-items:center;
}

@media screen and (max-width: 767.99px){
.projects_area .projects_flex{
    display: inherit;}
.pj_sp_none{
    display: none;
}
}

















/**
  231227 追加
*/
 
/* サブメニュー ホバーアニメーション追加 */
.sub-link:where(.astro-Y3RLRYJZ) {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
[data-whatintent="mouse"] .sub-link:where(.astro-Y3RLRYJZ):hover {
  opacity: 0.6;
}
 
/* 実績一覧 絞り込みの見出しに日本語追加 */
@media screen and (min-width: 768px) {
  .sort-title:where(.astro-C4YD5NPL) {
    margin-top: 0.1875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-title:where(.astro-C4YD5NPL) {
    font-size: 0.875rem;
  }
}
.sort-title-ja:where(.astro-C4YD5NPL) {
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .sort-title-ja:where(.astro-C4YD5NPL) {
    margin-top: 0.125rem;
    margin-left: 1.125rem;
  }
}
@media screen and (max-width: 767.99px) {
  .sort-title-ja:where(.astro-C4YD5NPL) {
    margin-left: 0.875rem;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
  }
}
.sort-title-area:where(.astro-C4YD5NPL) {
  align-items: center;
}
@media screen and (max-width: 767.99px) {
  .sort-title-area:where(.astro-C4YD5NPL) {
    padding-block: 1.5625rem;
  }
}



/*20240111 佐々木*/
.LAboutItem:where(.astro-SABAXEDO) {
  border-top: 1px solid rgba(68, 64, 63, 0.2);
}
@media screen and (min-width: 768px) {
  .LAboutItem:where(.astro-SABAXEDO) {
    margin-left: 6.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .LAboutItem:where(.astro-SABAXEDO) {
    margin-left: 4.0625rem;
  }
}
@media screen and (min-width: 768px) {
  .list:where(.astro-SABAXEDO) {
    display: flex;
    justify-content: space-between;
    padding-top: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO) {
    display: flex;
    flex: 1;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-SABAXEDO) {
    padding-block: 2.0625rem 1.875rem;
  }
}
@media screen and (max-width: 767.99px) {
  .item:where(.astro-SABAXEDO):not(:first-child) {
    border-top: 1px solid rgba(68, 64, 63, 0.2);
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-two,
  .item:where(.astro-SABAXEDO).-three {
    display: block;
    position: relative;
  }
}
.item:where(.astro-SABAXEDO).-two:not(:last-child):after,
.item:where(.astro-SABAXEDO).-three:not(:last-child):after {
  content: "";
  position: absolute;
  background-color: #44403f33;
  width: 1px;
  top: 0;
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-two:not(:last-child):after,
  .item:where(.astro-SABAXEDO).-three:not(:last-child):after {
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-two:not(:last-child) {
    margin-right: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-two:not(:last-child):after {
    right: -3.75rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-three:not(:last-child) {
    margin-right: 4.375rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-three:not(:last-child):after {
    right: -2.1875rem;
  }
}
@media screen and (min-width: 768px) {
  .item:where(.astro-SABAXEDO).-hasLink {
    padding-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .design:where(.astro-SABAXEDO) {
    width: 18rem;
    font-feature-settings: initial;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-SABAXEDO) .design:where(.astro-SABAXEDO),
  .-three:where(.astro-SABAXEDO) .design:where(.astro-SABAXEDO) {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .main:where(.astro-SABAXEDO) {
    width: 48rem;
  }
}
@media screen and (max-width: 767.99px) {
  .main:where(.astro-SABAXEDO) {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-SABAXEDO) .main:where(.astro-SABAXEDO),
  .-three:where(.astro-SABAXEDO) .main:where(.astro-SABAXEDO) {
    width: 100%;
  }
}
.copy:where(.astro-SABAXEDO) {
  font-weight: 600;
}
.bAndroid:where(.astro-SABAXEDO) .copy:where(.astro-SABAXEDO) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .copy:where(.astro-SABAXEDO) {
    font-size: 1.125rem;
    line-height: 1.6666666667;
  }
}
@media screen and (max-width: 767.99px) {
  .copy:where(.astro-SABAXEDO) {
    font-size: 0.9375rem;
    line-height: 1.5;
    margin-top: 1.5625rem;
  }
}
@media screen and (min-width: 768px) {
  .-two:where(.astro-SABAXEDO) .copy:where(.astro-SABAXEDO),
  .-three:where(.astro-SABAXEDO) .copy:where(.astro-SABAXEDO) {
    margin-top: 2.75rem;
  }
}
@media screen and (min-width: 768px) {
  .-three:where(.astro-SABAXEDO) .copy:where(.astro-SABAXEDO) {
    height: 6.25rem;
  }
}
@media screen and (min-width: 768px) {
  .desc:where(.astro-SABAXEDO) {
    margin-top: 0.625rem;
    line-height: 2;
  }
}
@media screen and (max-width: 767.99px) {
  .desc:where(.astro-SABAXEDO) {
    margin-top: 1.1875rem;
    line-height: 1.65;
  }
}
.more:where(.astro-SABAXEDO) {
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
.bAndroid:where(.astro-SABAXEDO) .more:where(.astro-SABAXEDO) {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .more:where(.astro-SABAXEDO) {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
@media screen and (max-width: 767.99px) {
  .more:where(.astro-SABAXEDO) {
    margin-top: 0.625rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .more-text:where(.astro-SABAXEDO) {
    margin-right: 0.375rem;
  }
}
@media screen and (max-width: 767.99px) {
  .more-text:where(.astro-SABAXEDO) {
    margin-right: 0.4375rem;
  }
}

.img-MoG4p2Wp{
	position: relative;
	
}

.img-MoG4p2Wp:after {
    content: " ";
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
}

/*240118 黒田*/
.astro-D7PVGOID_-mg{
    margin-top: 10.125rem;
}

#memberDetail .LLocation:where(.astro-KJA5SHPO){
padding-top:0px;
}


/*240222 黒田*/

.dl_page .head-content{
margin-top:0px;
}

.dl_page .head.astro-SYJZIGB5{
height: 31.875rem;
}

.dl_page .CSolutionMenu:where(.astro-ZAZYV473).-faqNone{
margin-bottom:0px;

}

.dl_page .CSolutionMenu:where(.astro-ZAZYV473){
padding-top:0px;
border-top:0px;
margin-block:0px;
margin-inline:21.0625rem 20.5rem;
}

.dl_page .sort:where(.astro-C4YD5NPL){
margin-top: 4.75rem;
margin-inline: 21.0625rem 20.5rem;
}




/*240226 黒田*/
@media screen and (max-width:767.99px) {
    .download_area .tll {
        margin: 0.25rem 0 2.375rem 0;
        padding: 0 0 2.375rem 0;
    }
    .download_area .head:where(.astro-SYJZIGB5) {
        height: 35.5rem!important;
        padding-block: 9.8125rem 2.1875rem;
        margin-left: 2.625rem;
    }

.link:where(.astro-QIIKENHB){
margin-bottom: 3.125rem;
}
.dl_nocont{
display:none;
}

.dl_page .sort-title-area:where(.astro-C4YD5NPL){
    align-items: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
padding-block: 1.5625rem;
}

}

/*DLページ　ソート*/
@media screen and (min-width: 768px){
.dl_page .banner-conts:where(.astro-ZAZYV473) {
    width: 28rem;
    height: 8.75rem;
    padding: 1.625rem 1.375rem 1.625rem 1.625rem;

}
}
@media screen and (max-width: 767.99px){
.dl_page .sort:where(.astro-C4YD5NPL) {
    margin-inline: 1.875rem
}
.dl_page .CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    padding-bottom: 0px;
}

.dl_page .CSolutionMenu:where(.astro-ZAZYV473) {
    padding-top: 0rem;
    padding-inline: 1.875rem;
    margin-inline: 0rem 0rem;
}

.dl_page .head.astro-SYJZIGB5{
height:0rem;
padding-top: 9.8125rem;
}

.dl_page .line astro-OWSOZEJN{
margin-bottom: 4.6875rem;
}

.dl_page .head:where(.astro-SYJZIGB5){
	display: inherit;
        height:100%!important;
        padding-block: 9.8125rem 0rem;
        margin-left: 2.625rem;
	
    }

.dl_page .sort:where(.astro-C4YD5NPL){
    margin-bottom: 4.75rem;
}


}

/*240228 黒田*/
.dl_page .tab_wrap .tab{
    display: flex;
    justify-content: space-around;
    padding:0;
 margin-inline:21.0625rem 20.5rem;
    align-items: center;
transition;0.3s;
}
                    
.dl_page .tab_wrap .tab_menu{
    width:calc(100%/3);
    color: #333;
    list-style: none;
    text-align: center;
    padding:1rem 0 1rem 1rem;
font-size: 1.125rem;
font-weight:bold;
    text-align: left;
    cursor: pointer;
    transition: .3s;
position: relative;
display: flex;
}

.dl_page .tab_wrap_com .tab_menu{
    transition: .3s;
}


.dl_page .tab_detail_wrap{
    display: none;
}

.dl_page .tab_wrap .tab_menu.active{
    display: block;
    cursor: pointer;
opacity: 0.5;
display: flex;

}

.dl_page .tab_wrap_com .tab_menu.active{
    display: block;
    cursor: pointer;
opacity: 0.5;
}


.dl_page .tab_detail_wrap.show{
    display: block;
 margin-inline: 17.8125rem 9.5rem;
}

.dl_page .tab_wrap .tab_wrap{
margin-top:7.25rem;
}

.dl_page .tab li:hover{
  opacity: 0.5;
transition;0.3s;
}

.dl_page .tab:first-child{

}
.dl_page .tab_wrap .tab2{
    border-top: 1px solid rgba(68, 64, 63, 0.2);
}
.dl_page .tab_wrap .tab_menu:not(:last-child):after{
content: "";
    position: absolute;
    background-color: #44403f33;
    width: 1px;
    height: 60%;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
}

.dl_page .dl_number{
    font-size: 1rem;
padding-right: 20px;
}	
}
.dl_page .item:where(.astro-2GSQCNED):not(:nth-child(3n)){
Margin-right:0px;
}



.dl_page .item:where(.astro-2GSQCNED):not(:nth-child(3n)) {
    margin-right: 3.125rem;
}

.dl_page .tab_wrap_com{
margin-inline: 17.8125rem 9.5rem;
}

.dl_page_com.dl_page .CSolutionMenu:where(.astro-ZAZYV473) {
    margin-inline: 17.8125rem 9.5rem;
}


.dl_page_com.dl_page .list:where(.astro-2GSQCNED) {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8.125rem;
    justify-content: space-between;
}
.dl_page_com.dl_page .tab_wrap_com {
    margin-inline: 17.8125rem 9.5rem;
}

.dl_page_com.dl_page .banner-conts:where(.astro-ZAZYV473) {
    width: 35rem;
    height:8.75rem;
    padding: 1.625rem 1.375rem 1.625rem
rem
 1.625rem;
}


.dl_page_com.dl_page .tab2.list:where(.astro-2GSQCNED) {
    margin-top: 5.125rem;
 }
.dl_page .tab_wrap .tab1{
margin-top: 2.875rem;
}

.dl_page .bannerList:where(.astro-ZAZYV473){
justify-content:space-between;
}

/*240307 黒田*/
.dl_page .tab_wrap .tab_menu a{
display: flex;
}
#recruit .pc_none{
    Display:none;
}

@media screen and (max-width: 767.99px){
#recruit .pc_none{
    display: inherit;
}

#recruit .title:where(.astro-KAFD4K7P){
    display: inherit;
}
#recruit .titleJa:where(.astro-KAFD4K7P) {
    margin: 0.5rem 0;
display: block;

}


}

/*240308 黒田*/
@media screen and (max-width: 767.99px){
.dl_page .tab_wrap .tab {
    display: inherit;
    padding: 0;
    margin-inline:0rem;
padding-inline: 1.875rem;
}

.dl_page .tab_wrap .tab_menu {
    width:100%;

}

.dl_page .tab_wrap .tab_menu:not(:last-child):after {
display:none;
}

.dl_page .tab_wrap .tab2{
border-top:0px;
}

.dl_page .tab_wrap .tab2 {
    Margin-bottom: 2.875rem;
}

.dl_page .link:where(.astro-QIIKENHB) {
    margin-bottom:0rem;
}

.download_area .down_1_block .tll{
Margin:0px;
}

.download_area .d_c_txt {
    padding: 1.875rem 0 1.875rem 0;
}
.dl_page .dl_sp_ttl{
font-weight: 600;
letter-spacing: 0.02em;
font-size: 1.0625rem;


}

.dl_page .dl_nocont_pc{
display:inherit!important;
padding-right: 20px;
}

.dl_page .CBlockTitle:where(.astro-VLXHIUWL).-row .title-jp:where(.astro-VLXHIUWL){
    display: flex;
}


}

.dl_page .dl-btn-mg{
    margin: 0px 0px 14.375rem 0px;
}

.dl_page .dl_nocont_pc{
display:none;
}


@media screen and (max-width: 767.99px){
  .dl_page.download_area .tll {
        padding: 0 0 1.375rem 0;
    }
}


/*240311 黒田*/
@media screen and (min-width: 768px) {
    .recruit_page .head-content:where(.astro-SYJZIGB5) {
        justify-content: end;
    }

    .recruit_page .MainText_recruit.text:where(.astro-4BW7D7T3) {
        font-size:1.15rem;
        Line-height:1.8;
        width: 34.5rem;
        padding-top: 0.625rem;
    font-weight: 600;
     
    }

.recruit_page .MainText_recruit{
    letter-spacing: 0.1em!important;
}

}

.recruit_page .text.astro-4BW7D7T3 strong{
    font-size: 2.6rem;
    padding-top: 10px;
    display: block;
    font-weight: bold;
}

.dw-btn {
    padding-top:40px;
}

@media screen and (min-width: 768px) {
    .recruit_page .list:where(.astro-SFYJIROX).-grid {
        width: fit-content;
    }
.recruit_page .CSectionHead.astro-4BW7D7T3.recruit_maintxt{
position:relative;
padding:5.875rem 0rem;
}
.recruit_page .CSectionHead.astro-4BW7D7T3.recruit_maintxt::after {
content: "VIS RECRUITMENT 2025";
position: absolute;
font-weight: 600;
transform: rotate(90deg);
right:-6rem;
Top:9vw;
font-size: 0.8rem;

    }

.recruit_page .LMessage:where(.astro-B3JUCUAS){
    margin-top: 0rem;
}

.a_dot::after{
content: "";
    border-bottom: 1px solid #44403f;
    position: absolute;
    Width:22vw;
    bottom: 10px;
}

.recruit_page .CSectionHead:where(.astro-4BW7D7T3) {
    display: flex;
    justify-content: space-between;
align-items: center;
}

.recruit_page  .CSectionHead:where(.astro-4BW7D7T3).-l .title_recruit_a .title:where(.astro-4BW7D7T3) {
    font-size: 3.875rem;
    line-height: 1.4347826087;
}


.recruit_page .title_recruit_a{
position:relative;
top: 20%;
padding-left:5rem;
}

.recruit_page .a_dot{
position: relative;
}

.dl_page .dw-btn {
    padding-top:40px;
}

}

.recruit_page .recruit_bg_wrap{
position: relative;
}


.recruit_page .recruit_bg_wrap::after{
content: "";
background-image: url(/assets/recruit_bg01.webp);
width:calc(100% - 12.3125rem);
display: block;
height:100%;
position: absolute;
top:0%;
right: 0;
z-index: -1;
}

@media screen and (max-width: 767.99px) {
.dl_page.download_area .down_2_block p,
.dl_page.download_area .astro-text_c {
        line-height: 1.6;
        text-align: center;
    }
.dl_page .CCard:where(.astro-QIIKENHB){
    margin-bottom: 3.125rem;
}

.dl_page .news_btn_c{
text-align: -webkit-right;
}

.dl_page .dw-btn {
    padding-top:0px;
}

.astro-text_c{
font-size: 0.8125rem;
}
}

/*240314 黒田*/
@media screen and (max-width: 767.99px) {
    .dl_page .CPageTitle:where(.astro-OWSOZEJN) {
        margin-bottom: 2.34375rem;
    }
}

.dl_page .ja.undefined.astro-INDUL3FU{
font-weight: bold;
}
/*240315 黒田*/
@media screen and (min-width:770px) and (max-width:1200px) {
.a_dot::after{
content: "";
border-bottom: 1px solid #44403f;
position: absolute;
bottom: 10px;
width:22vw;
}
}

.recruit_page .CAnchorLinks.-grid.astro-SYJZIGB5.astro-SFYJIROX {
    margin-inline: 17.8125rem 9.5rem;
    margin-bottom: 9rem;
}


/*採用ページスマホ*/
@media screen and (max-width: 767.99px){
.recruit_page .recruit_bg_wrap::after{
content: "";
    background-image: url(/assets/recruit_bg01.webp);
    width:calc(100% - 2.625rem);
    display: block;
    height: 100%;
    position: absolute;
    top:0%;
    right: 0;
    z-index: -1;
margin-inline:0px;
}

.recruit_page .LMessage:where(.astro-B3JUCUAS){
margin-top:0px;
}

.recruit_page .head:where(.astro-B3JUCUAS) {
    margin-inline: 5.875rem 1.875rem;

}
.recruit_page .text.astro-4BW7D7T3 strong {
    font-size: 1.6375rem;
    padding-top: 10px;
    display: block;
font-weight: bold;

}

.a_dot{
position: relative;
}

.a_dot::after {
    content: "";
    border-bottom: 1px solid #44403f;
    position: absolute;
    width:44vw;
    top:80%;
}

.recruit_page .CSectionHead.astro-4BW7D7T3.recruit_maintxt::after {
    content: "VIS RECRUITMENT 2025";
    position: absolute;
    font-weight: 600;
    transform: rotate(90deg);
    right: -1rem;
    top: 160px;
    font-size: 0.55rem;
}

.recruit_page .title_recruit_a{
position: relative;
left: -5px;
}

.recruit_page .CAnchorLinks.-grid.astro-SYJZIGB5.astro-SFYJIROX {
margin-bottom:4.375rem;
margin-inline:1.875rem;
}

.recruit_page .CSectionHead.-l.astro-B3JUCUAS.astro-4BW7D7T3.recruit_maintxt{
padding-block: 3.96875rem;
}
.title_recruit_a .title:where(.astro-4BW7D7T3){
font-size: 2.1875rem;
white-space: normal;
}

.recruit_page .head:where(.astro-SYJZIGB5){
height: 20.5rem;
}

.recruit_page .MainText_recruit.text:where(.astro-4BW7D7T3){
font-size: 0.785rem;
    line-height: 1.8;
    margin-top: 1.5625rem;
    font-weight: bold;
}

}
/*0321 黒田*/
/*enページ*/
@media screen and (min-width: 768px){
.en_comapnyinfo_sec.LAboutProjects:where(.astro-2H24JXQF){
margin-block:0px;}
}


/*projectsページ*/
.projects_area .LAbout.astro-U2MANDSG .headEn.astro-U2MANDSG{
font-size: 1.2rem;
}

.projects_area .LAbout.astro-U2MANDSG .headJa.astro-U2MANDSG {
padding-left: 30px;
}

.projects_area .LAbout.astro-U2MANDSG .head:where(.astro-U2MANDSG){
align-items: baseline;
}


/*0409 黒田*/
/*dlページ*/
#serviceBranding.dl_details .head:where(.astro-EZJVWRRH) {
    height: 28.875rem;
}
.dl_details .breadcrumb:where(.astro-D7PVGOID) {
    margin-top: 3.125rem;
}
.dl_details .down_2blo_com01 {
    padding: 2rem 0 2rem 0;
    border-top: 1px solid rgba(68, 64, 63, 0.2);
    align-items: center;
	Margin:0px;
}
.dl_details .dl_none{
    display: none;
}

.dl_details .CBlockTitle.section-title div:nth-child(2){
	Border-bottom:0px;
	Margin:0px;
}

.dl_details .down_2blo_com02{
	padding:2rem 0 2rem 0;
	Margin:0px;
}
.dl_details .title-jp:where(.astro-OWSOZEJN){
    font-size: 2.375rem;
}
.dl_details .form_s_txt01{
	border-top: 1px solid #ddd;
}

.dl_details.download_area .LPickUp:where(.astro-ADGKTTUY) {
	margin-bottom: 11rem;
}


@media screen and (max-width: 767.99px){
.dl_details .CPageTitle:where(.astro-OWSOZEJN) {
    margin-bottom: 2.6875rem;
}
.dl_details .title-jp:where(.astro-OWSOZEJN) {
    font-size: 1.5625rem;
}

#serviceBranding.dl_details .head:where(.astro-EZJVWRRH){
Height:auto;
}
.dl_details .dl_sp_none{
display: none;
}
.dl_details.download_area .LPickUp:where(.astro-ADGKTTUY) {
    padding-block: 4rem 1rem;

}

.dl_details.download_area .LPickUp:where(.astro-ADGKTTUY) {
    margin-bottom: 0rem;
}
.dl_details .form_s_txt01 {
 Border-top:0px; 
}
.dl_details .tl003{
    font-weight: bold;
}
.dl_details .breadcrumb:where(.astro-D7PVGOID){
margin-top:0px;
}
.dl_details .CPageTitle:where(.astro-OWSOZEJN){
margin-bottom:0px;
}

}



/*0412 黒田*/
/*クッキーページ*/
.cookie-hidden {
	display: none;
}

.cookie-close-btn {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 7px;
	right: 3px;
	z-index: 9;
	cursor: pointer;
}

/*0415 黒田*/
/*クッキ-*/
@media screen and (min-width: 768px) {
  .text:where(.astro-WM4XKLXR) {
    margin-bottom: .5rem;
    line-height: 1.5714285714;
  }
}
@media screen and (min-width: 768px) {
  .CCookieConsent:where(.astro-WM4XKLXR) {
    padding: .5rem .75rem .5rem;
  }
}

@media screen and (min-width: 768px) {
  .button:where(.astro-WM4XKLXR) {
    padding-block: 0rem;
  }
}
.Enbtn:hover{
transition: .3s;
opacity: .5;
}
.Enbtn{
transition: .3s;
}

 @media screen and (min-width: 768px){
.en_index .ja:where(.astro-TFKL6GEO){
margin-bottom: 0px; 
}
}
/*0502 黒田*/
@media screen and (min-width: 770px) and (max-width: 915px) {
    .inner:where(.astro-XKT5NR2L) {
        height: 70.5625rem !important;
    }
}
/*0507 黒田*/
.JPbtn{
 color: #44403f36;
}

.astro-GKSQKESB.slash{
 padding:0 5px;
}

.Enbtn-wp{
 padding-left: 20px;
 position: relative;
}

.Enbtn-wp::before{
 content: "";
 position: absolute;
 width: .5px;
 height:50%;
 background: #44403f36;
 top: 25%;
 transform: translateY(-25%);
 left: 0;
}

.Enbtn-wp .Enbtn-item{
 display: inline-block;
}

.en_jp_btn {
    font-weight: 700;
    font-size: 1rem;
}

/*0510 黒田*/
.projects_area .sort-category03-1{
padding-bottom: 7px;
}

/*0513 黒田*/
.projects_area .pj-txt-area.text.astro-ZYSJE3AG{
letter-spacing: 0.05em;
font-size: 0.75rem;
}

@media screen and (max-width: 767.99px){
.projects_area .pj-txt-area .text.astro-QIIKENHB{	
line-height:1.75!important;	
}
}

/*0516 黒田*/

@media screen and (min-width: 768px) {
    .text:where(.astro-WM4XKLXR) {
        margin-bottom: .15rem;
        line-height: 1.5714285714;
    }
}

.CCookieConsent .text.astro-WM4XKLXR {
    font-size: .74rem!important;
}

.CCookieConsent .bottom.astro-WM4XKLXR {
    font-size: .85rem!important;
}

@media screen and (min-width: 768px) {
    .CCookieConsent:where(.astro-WM4XKLXR) {
        padding: .3rem .75rem .3rem!important;
    }
}

@media screen and (max-width: 767.99px) {
    .CCookieConsent:where(.astro-WM4XKLXR) {
        padding: 1rem 1em 1rem!important;
    }
}

/*0517 黒田*/
@media screen and (max-width: 768px) {
    #content.textarea {
        height: 280px!important;
    }
}

/*0520 黒田*/
@media screen and (min-width: 768px) {
    .company_access .tour_btn {  
        margin: 15rem auto 0;
    }
}
@media screen and (max-width: 767.99px) {
    .company_access .top_tour_btn{
        margin: 6.875rem auto 0;
    }
}
			



/*0612 黒田*/
@media screen and (min-width: 768px) {
    .download_companyprofile .CBlockTitle.section-title div:nth-child(2) {
        border-top: 1px solid #ddd;
        padding: 1.5rem 0 1.5rem 0;
    }
}

.download_companyprofile.dl_details.download_area .LPickUp:where(.astro-ADGKTTUY) {
    margin-bottom: 0px;
}

@media screen and (min-width: 768px) {
    .download_companyprofile .form_s_txt01 {
        padding: 6rem 0 2rem 0;
    }
}
@media screen and (max-width: 767.99px) {
    #serviceBranding.dl_details .head:where(.astro-EZJVWRRH) {
        height: 16rem;
    }
}









/*0722-23 小谷野（新卒採用PC-TOP）*/
@media screen and (min-width: 768px) {
	.recruit-header-logo-text {
		margin-left: 1.25rem;
		color: #fff;
	}
	
    .ne-CContact:where(.astro-PZQCQSXJ) {
        width: 16.4375rem;
        height: 12.5rem;
        padding-top: 1.75rem;
        padding-left: 0.125rem;
    }
	
	.new-CContact:where(.astro-PZQCQSXJ) {
		pointer-events: none;
		position: fixed;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		z-index: 1700;
		transition: opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
	}
	
	.n-astro-PZQCQSXJ {
        bottom: 0;
        width: 16.4375rem;
        height: 10rem;
    }

	.n-astro-PZQCQSXJ {
		position: absolute;
		top: 0;
		right: 0;
		background-color: #bd991e;
		transform-origin: top left;
		transition: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
		transition-property: scale, width;
	}
	
	.newgraduate-entry-text {
        position: relative;
        /*padding: 5rem;*/
    }
	
	.newgraduate-entry-text {
		top: 50%;
		pointer-events: auto;
		z-index: 2;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
		font-weight: 400;
		transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1), translate 0.4s cubic-bezier(0.33, 1, 0.68, 1);
	}
	
	.newgraduate-main-text {
		font-size: 2.5rem;
        line-height: 1.65;
		font-weight: 600;
		text-decoration: underline;
		text-underline-offset: 1.25rem;
		text-decoration-thickness: 1px;
	}
	
	.newgraduate-sub-text {
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        padding-top: 3.8125rem;
	}
	
	.newgraduate-main-text-content {
        /*height: 41.875rem;
        padding-block: 25.125rem 3.75rem;
		background: yellow;
		height: 100%;*/
    	background-image: url(https://vis-produce.com/assets/recruit-main-v.jpg);
        height: 100vh;
        padding: 30.5rem 4.315rem 0 4.315rem;;
		margin:0 auto;
		display: flex;
		justify-content: space-between;
		color: #fff;
    }
	
	.recruit-movie-icon-box img {
		display: flex; 
		margin-left: auto; 
		margin-right: 0;
		width: 200px;
	}
	
	.recruit-news_section {
		padding: 0 4.315rem 0 4.315rem;
	}
	
	.newgraduate-recruit-contents {
		margin: 12.5rem 12.25rem 0 12.25rem;
		display: flex;
		align-items: center;
		border-bottom: 1px solid rgba(68, 64, 63, 0.2);
		border-width:1px;
		padding: 0 0 5rem 0;
	}
	
	.recruit-news-title-en {
		padding-top: 0.5rem;
        margin-bottom: 0.75rem;
        font-size: 1.5rem;
        letter-spacing: -0.025em;
		font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    	font-weight: 700;
	}
	
	.news_link_wrap {
		display: flex;
		align-items: center;
	}
	
	.recruit-news-title-block {
		margin-right: 5rem;
	}
	
	.news_genre {
		padding: 10px 20px;
        background-color: #fff;
        border-radius: 100vh;
        text-align: center;
		margin: 0 2rem;
	}
	
	.news_link_text {
		margin-right: 5rem;
		letter-spacing: 0.05rem;
	}
	
	.newgraduate-recruit-message {
		margin: 12.5rem 12.25rem 0 12.25rem;
	}
	
	.newgraduate-recruit-message h2 span {
		font-size: 7.5rem;
		font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
    	font-weight: 700;
		letter-spacing: -0.3rem;
	}
	
	.newgraduate-recruit-message h2 {
		height: 8.25rem;
	}
	
	.newgraduate-recruit-message p {
		font-size: 1.125rem;
		margin-top: 0.375rem;
		font-weight: 600;
		letter-spacing: 0.05em;
	}
	
	.newgraduate-recruit-message-block {
		display: flex;
        align-items: flex-end;
        justify-content: space-between;
		margin-bottom: 5rem;
	}
	
	.newgraduate-recruit-message-block .newgraduate-recruit-message-subtext {
		font-size: 0.875rem;
		letter-spacing: 0.1em;
		line-height: 2;
		margin-block: 5.75rem 0;
        width: 31.625rem;
	    font-weight: 500;
	}
	
	.newgraduate-recruit-message-title {
		text-align: right;
	}
	
	.newgraduate-president-message-block {
		display: flex;
		justify-content: space-between;
	}
	
	.recruit-president-photo {
		width: 620px;
    	height: auto;
		margin-left: calc(50% - 50vw);
	}
	
	.newgraduate-president-message-contents {
		margin: auto 0;
		padding-left: 5rem;
	}
	
	.newgraduate-president-message-contents a {
		margin-top: 9.5rem;
	}
	
	.newgraduate-president-message-contents .president-post {
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        /*margin-block: 5.75rem 0;*/
        width: 31.625rem;
        font-weight: 500;	
	}
	
	.newgraduate-president-message-contents .president-name {
		margin-top: 0.75rem;
	}
	
	.newgraduate-president-message-contents .link-message-ja-text {
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        /*margin-block: 5.75rem 0;*/
        font-weight: 500;	
	}
	
	.newgraduate-recruit-interview {
        margin: 12.5rem 12.25rem -14.25rem 12.25rem;
    }
	
	.newgraduate-recruit-interview h2 {
        height: 8.25rem;
    }
	
	.newgraduate-recruit-interview h2 span {
        font-size: 7.5rem;
        font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
        font-weight: 700;
        letter-spacing: -0.3rem;
    }
	
	.newgraduate-recruit-interview p {
        font-size: 1.125rem;
        margin-top: 0.375rem;
        font-weight: 600;
        letter-spacing: 0.05em;
    }
	
	.recruit-interview-photo {
		width: 100vw;
		height: 100vh;
		background-size: cover;
		background-position: center;
   		margin: 0 calc(50% - 50vw);
	}
	
	.newgraduate-interview-message-contents h2 {
		color: #fff;
	}
	
	.newgraduate-interview-message-contents p {
		color: #fff;
	}
	
	.newgraduate-recruit-interview-block {
		margin-bottom: 5rem;
	}
	
	.newgraduate-interview-message-contents {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0%, -40vw);
	}
	
	.newgraduate-interview-message-contents h2 {
        height: 10rem;
    }
	
	.newgraduate-interview-message-contents .interview-text {
		margin-top: 5rem;
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        margin-block: 5.75rem 0;
        width: 31.625rem;
        font-weight: 500;
    }
	
	.newgraduate-interview-message-contents .circle:where(.astro-INDUL3FU) {
		color: #fff;
		border-color: #fff;
	}
	
	.newgraduate-interview-message-contents .link-message-ja-text {
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        font-weight: 500;
	}
	
	
	.newgraduate-recruit-membertalk {
		margin: 0 12.25rem 0 12.25rem;	
	}
	
	.newgraduate-recruit-membertalk-title h2 {
		font-size: 7.5rem;
        font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
        font-weight: 700;
        letter-spacing: -0.3rem;
		height: 8.25rem;
	}
	
	.newgraduate-recruit-membertalk-title p {
		font-size: 1.125rem;
        margin-top: 0.375rem;
        font-weight: 600;
        letter-spacing: 0.05em;
	}
	
	.newgraduate-recruit-membertalk-block {
		margin-bottom: 5rem;
	}
	
	
	.newgraduate-membertalk-block {
		display: flex;
    	justify-content: space-between;
	}
	
	.recruit-membertalk-photo {
		width: 620px;
    	height: auto;
		margin-right: calc(50% - 50vw);
	}
	
	.newgraduate-membertalk-contents {
		margin: auto 0;
		padding-right: 5rem;
	}
	
	.newgraduate-membertalk-contents a {
		margin-top: 9.5rem;
	}
	
	.newgraduate-membertalk-contents .membertalk-text {
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        /*width: 31.625rem;*/
        font-weight: 500;	
		margin-top: 5rem;
	}
	
	.newgraduate-membertalk-contents h2 {
		margin-top: 0;
	}
	
	.newgraduate-membertalk-contents .president-name {
		margin-top: 0.75rem;
	}
	
	.newgraduate-president-message-contents .link-message-ja-text {
		font-size: 0.875rem;
        letter-spacing: 0.1em;
        line-height: 2;
        /*margin-block: 5.75rem 0;*/
        font-weight: 500;	
	}
	
	.newgraduate-recruit-aboutvis {
        margin: 12.25rem 12.25rem 0 12.25rem;
    }
	
	.newgraduate-recruit-aboutvis-title h2 {
		font-size: 7.5rem;
        font-family: Open Sans, Helvetica Neue, Arial, sans-serif;
        font-weight: 700;
        letter-spacing: -0.3rem;
        height: 8.25rem;
	}
	
	.newgraduate-recruit-aboutvis-title p {
        font-size: 1.125rem;
        margin-top: 0.375rem;
        font-weight: 600;
        letter-spacing: 0.05em;
    }
	
	.aboutvis-list-contents {
		margin-top: 5rem;
	}
	
	.career_welfare_contents {
		margin: 12.25rem 0 12.25rem 0;
	}
	
	.career_welfare_contents .banner:where(.astro-53F7ULTP):nth-child(1) .texts:where(.astro-53F7ULTP) {
        padding-left: 12.25rem;
        padding-right: 5rem;
    }
	
	 .career_welfare_contents .subTitle:where(.astro-53F7ULTP) {
        margin-bottom: 3.0625rem;
        font-size: 1rem;
		font-weight: normal;
    }
		
}

 /*240805kuroda*/
@media screen and (min-width: 768px) {
    #serviceBranding .head:where(.astro-EZJVWRRH) {
        height: 33.875rem;
    }
}

.btnTp {
    margin: 4rem auto 6rem;
}
 /*240826kuroda*/
.ir_movie_wp ul li p{
  line-height: 2;
}
 /*240918kuroda*/
#error_page .error_inner.text{
line-height: 2;
}


#error_page .btnTp{
margin: 5vw 0 auto!important;
}

#error_page .error_inner{
padding-bottom: 5.0625rem;
}

@media screen and (max-width: 767.99px){
#error_page .CPageTitle:where(.astro-DHGVWVOI){
        margin-bottom: .6875rem;
    }
#error_page .error_inner{
Padding-top:2rem;
}
}
#error_page .head:where(.astro-4TAXZWSX){
        height:auto;
}

/*241030kuroda*/

@media screen and (min-width: 768px) {
  .solution_client.head:where(.astro-CHA3JW5R) {
margin-bottom: 2.875rem!important;
  }
}

@media screen and (min-width: 768px) {
  .CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    margin-bottom: 8.25rem!important;
  }
}

@media screen and (min-width: 768px) {
  .solution.CFaqMenu:where(.astro-XVDDMWMU) {
    margin-top: 8.25rem!important;
  }
}
@media screen and (min-width: 768px) {
  .solution.CClients{
  margin-bottom: 10.875rem;
  }
}

/*1113kuroda*/
@media screen and (max-width: 767.99px) {
.CSolutionMenu:where(.astro-ZAZYV473).-faqNone {
    margin-bottom: 0px!important;
  }
}

/*
@media screen and (max-width: 767.99px) {
.CFaqMenu:where(.astro-XVDDMWMU) {
    margin-bottom: 0px!important;
  }
}
*/


@media screen and (max-width: 767.99px) {
    .thumb:where(.astro-QIIKENHB) {
        margin-bottom: 1.375rem;
        margin-inline: -1.875rem;
    }
}
/*1217kuroda*/
@media screen and (min-width:768px){
.privacypolicy .notice p{
letter-spacing: 0.1em;
line-height: 2;
padding: 6rem 0 1.5rem 0;
}
}

.privacypolicy .ir_tableDt{
Border-bottom:0px;
}
.privacypolicy .ir_tableDt:nth-of-type(12){
Border-bottom:1px solid rgba(68, 64, 63, 0.2);
}


/*1220kuroda*/
.jfe .form_s_txt02{
    font-weight: 500;
    font-size: .75rem;
    line-height: 1.7;
    display: block;
    padding-top: .8em;
}
.jfe .form_s_txt00{
font-size: 1.095rem;
line-height: 1.6;
}
.txt-thanks{
margin-bottom:5vw;
}

@media screen and (min-width: 768px) {
.sec-thankyou .CLink:where(.astro-INDUL3FU) .en:where(.astro-INDUL3FU) {
        grid-area: 1 / 1 / 2 / 2;
        padding-top: 0.5rem;
     	margin-bottom: 0rem!important; 
        font-size: 1.5rem;
        letter-spacing: -0.025em;
        line-height: 1.5;
    }
}
@media screen and (max-width: 768px) {
.jfe.form_s_txt01{
text-align: left;
}
.jfe .form_s_txt00{
font-weight:bold;
}
}
/*250108kuroda*/
@media screen and (min-width: 768px) {
  .ServiceBranding.menuName {
    margin-bottom: 1.75rem;
  }
}


/*250109kuroda*/

.product .DL_btn {
    text-align: center;
    color: #fff;
    height: auto;
    display: block;
    border: 0;
    outline: none;
    box-shadow: none;
    width: 100%;
    margin: 40px auto 0;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 1.2rem;
    padding: 5rem 4em;
    background-color: #44403f;
    text-align: left;
    display: flex;
    transition: 0.5s;
}

    .DL_btn .CLink:where(.astro-TNJTBDSL) .circle:where(.astro-TNJTBDSL) {
        border: 1px solid rgb(255 255 255 / 20%);
    }


@media screen and (min-width: 768px) {
    .product .DL_btn .ja {
        font-size: 0.875rem;
    }
   .product .DL_btn{
        margin: 15rem auto 0;
    }
  
}

@media screen and (min-width: 768px) {
    .product .LMessage:where(.astro-NOPXCLAI) {
        margin-block: 15.75rem 22.5rem;
    }
   .product .-proDlbtn.CLink.link:where(.astro-YERLLDIE) {
        margin-top: 0px;
    }
}

.product .DL_btn:hover{
  opacity: .8;
  transition: .5s;
}

@media screen and (max-width: 767.99px) {
    .product .DL_btn{
        margin: 6.875rem auto 0;
        text-align: left;
    }
}

@media screen and (max-width: 767.99px) {
        .product .DL_btn{
        height: auto;
        border: 0;
        outline: none;
        box-shadow: none;
        width: 100%;
        position: relative;
        cursor: pointer;
        transition: all 0.3s;
        font-size: 1.2rem;
        padding: 2.5rem;
        background-color: #44403f;
    }
}

@media screen and (min-width: 768px) {
    .product .LProject:where(.astro-5CJMD5T2) {
        margin-top: 13.875rem;
    }
}

#otherworks .bottom:where(.astro-A4DCRYYG) {
    display: flex;
    align-items: flex-start;
}

@media screen and (min-width: 768px) {
    #otherworks .icon:where(.astro-A4DCRYYG) {
        margin-left: 3.4375rem;
        margin-top: -1.5rem;
    }
    #otherworks .main:where(.astro-A4DCRYYG) {
        margin-top: 2.5rem;
    }

    #otherworks .text:where(.astro-A4DCRYYG) {
        margin-top: 1rem;
    }
}

/*250117 kuroda*/
@media screen and (min-width: 768px) {
  .product.explain:where(.astro-BNVHY6NC) {
    width: 22.75rem !important;
  }
  .prodlImg{
  margin-inline: 12.25rem 5.125rem;
  padding-left: 5.625rem;
}
  
  .product.LService{
    margin-bottom:0px;
  }
}

@media screen and (max-width: 767.99px){
  .prodlImg{
      padding-inline: 1.875rem;
  }
  .ProductDl{
  padding-bottom:5.625rem
  }
  
  .product .CSolutionMenu:where(.astro-ZAZYV473) {
  padding-top: 3.5rem;
  }
}
@media screen and (max-width: 767.99px) {
    .CClientsLogo:where(.astro-FCOPQUWM) {
        padding-bottom: 5.625rem;
    }
}


/*250121 kuroda*/
.product-ttl .head:where(.astro-BNVHY6NC){
margin-inline:0rem 0rem;
margin-bottom:0rem;
}
/*250213 SASAKI*/
.awardArea1{
	padding-top: 1rem;
	color: #bd991e;
}
.awardArea2{
	padding-bottom: 2rem;
	color: #bd991e;
}

/* 250228 sawai データソリューション事例一覧  */
#data-solution-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6.625rem;
  margin-bottom: 6.25rem;
}


/*250307 kuroda*/

.awardArea1 {
padding-top: 1rem;
color: #333!important;
border-top: .75px solid rgba(68, 64, 63, 0.2);
margin-top:1.25rem;
padding: 1rem;
line-height: 1.5;
font-weight: bold!important;
border-bottom: .75px solid rgba(68, 64, 63, 0.2);
}
.awardArea2 {
margin-bottom: 3rem;
padding:1.875rem;
color: #333;
font-weight: bold;
font-size: 1.2rem;
border-bottom: 1px solid rgba(68, 64, 63, 0.2);
display: inline-block;
border-top: 1px solid rgba(68, 64, 63, 0.2);
}


/*250319 kuroda*/
@media screen and (min-width: 768px) {
.product .message03.message:where(.astro-NOPXCLAI) .textArea:where(.astro-NOPXCLAI) {
  width:auto; 
  }
}

.product .message03.message:where(.astro-NOPXCLAI){
display: block;
}

@media screen and (min-width: 768px) {
.product .message03:where(.astro-NOPXCLAI) {
        margin-inline: 17.75rem 9.375rem;
    }
}
@media screen and (min-width: 768px) {
.product .LMovie:where(.astro-KAFD4K7P) {
        margin-top: 10.75rem;
    }
}

@media screen and (min-width: 768px) {
    .product .LMessage:where(.astro-NOPXCLAI) {
        margin-block: 10rem 22.5rem;
    }
}

/*250325 kuroda*/
@media screen and (min-width: 768px) {
    .product .background:where(.astro-KAFD4K7P) {
        height: 45.25rem;
    }
}

@media screen and (min-width: 768px) {
  .product .movie:where(.astro-KAFD4K7P) {
        width: 50rem;
        height: 30.5625rem;
  }}

@media screen and (min-width: 768px) {
    .product .LMovie:where(.astro-KAFD4K7P) {
        margin-top: 5.75rem;
    }
}

@media screen and (min-width: 768px) {
    .product .LMessage:where(.astro-NOPXCLAI) {
        margin-block: 15.75rem 13.5rem;
    }
}

.product .pro-item.astro-OVC3SQSN:nth-child(4),
.product .pro-item.astro-OVC3SQSN:nth-child(5),
.product .pro-item.astro-OVC3SQSN:nth-child(6){
    padding-block: 1.875rem 0rem;
}

@media screen and (max-width: 767.99px) {
   .product .workplaceDesign:where(.astro-E7UXEKJ3) .photo {
        width: 100%;
    }
}

@media screen and (max-width: 767.99px) {
.product .pro_inner_b .title:where(.astro-BNVHY6NC){
  margin-inline:0px;
  }}
@media screen and (max-width: 767.99px) {
    .pro-title.astro-OVC3SQSN {
        font-size: 1.3rem;
    }
}