.header-bg {
  height: 130px;
  width: 1280px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.symbol-icon,
.type-icon {
  width: 31.9px;
  height: 32px;
  position: relative;
  z-index: 1;
}

.type-icon {
  width: 32px;
  height: 16px;
}

.brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-7xs) 0 0;
  gap: var(--gap-base);
}

.news {
  position: relative;
  letter-spacing: 0.35px;
  line-height: 14px;
  display: inline-block;
  z-index: 1;
}

.archive,
.archive2,
.news {
  text-decoration: none;
  font-weight: 700;
  color: inherit;
  min-width: 47px;
  cursor: pointer;
}

.app {
  text-decoration: none;
  font-weight: 700;
  color: inherit;
  min-width: 47px;
  cursor: pointer;
}

.app-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi);
}

.member,
.work {
  text-decoration: none;
  position: relative;
  letter-spacing: 0.35px;
  line-height: 14px;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  min-width: 50px;
  cursor: pointer;
  z-index: 1;
}

.member {
  min-width: 69px;
}

.work-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi);
}

.archive {
  text-decoration: none;
  position: relative;
  letter-spacing: 0.35px;
  line-height: 14px;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  min-width: 70px;
  z-index: 1;
}

.navigation {
  width: 209px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
}

.header,
.header-content {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.header-content {
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: row;
  padding: var(--padding-13xl) var(--padding-73xl) var(--padding-10xl);
  gap: var(--gap-70xl);
}

.header {
  flex-direction: column;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
}

.textbox {
  height: 512px;
  width: 525px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border-top: 2px solid var(--color-royalblue);
  border-right: 2px solid var(--color-royalblue);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
  z-index: 2;
}

.numa-project,
.p {
  margin: 0;
}

.title {
  position: relative;
  letter-spacing: 0.35px;
  z-index: 1;
}

.hero-title {
  width: 525px;
  background-color: var(--color-ghostwhite);
  border-top: 2px solid var(--color-royalblue);
  border-right: 2px solid var(--color-royalblue);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-185xl) var(--padding-xl) var(--padding-185xl) var(--padding-2xl);
  min-width: 525px;
  max-width: 100%;
}

.cover-bg-icon {
  height: 508px;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  min-width: 491px;
}

.credentials {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;

  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
  overflow: hidden;

}

.bg,
.title1 {
  position: relative;
}

.bg {
  width: 1280px;
  height: 640px;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.title1 {
  letter-spacing: 0.35px;
  z-index: 1;
}

.b {
  font-family: var(--font-noto-sans-jp);
}

.div {
  position: relative;
  letter-spacing: 0.35px;
  display: inline-block;
  min-width: 68px;
  z-index: 1;
}

.announcement-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 7px;
  font-size: var(--font-size-sm);
}

.news-header {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 var(--padding-xl) 0 0;
  gap: var(--gap-base);
  font-size: var(--font-size-21xl);
}

.card-bg,
.img-6575-1-icon {
  align-self: stretch;
  position: relative;
}

.card-bg {
  height: 256px;
  background-color: var(--color-ghostwhite);
  display: none;
  z-index: 0;
}

.img-6575-1-icon {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.div1,
.yymmdd {
  position: relative;
  letter-spacing: 0.35px;
  font-weight: 500;
  z-index: 1;
}

.yymmdd {
  font-size: var(--font-size-3xs);
  font-family: var(--font-montserrat);
  display: inline-block;
  min-width: 59px;
}

.card-content,
.parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.card-content {
  flex-direction: row;
  padding: 0 var(--padding-lg);
}

.card-line,
.card01 {
  box-sizing: border-box;
}

.card-line {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--color-royalblue);
  z-index: 2;
}

.card01 {
  width: 256px;
  background-color: var(--color-ghostwhite);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-19xl);
  gap: var(--gap-xs);
}

.card-bg1,
.card01,
.img-6575-1-icon1 {
  align-self: stretch;
  position: relative;
}

.card-bg1 {
  height: 256px;
  background-color: var(--color-ghostwhite);
  display: none;
  z-index: 0;
}

.img-6575-1-icon1 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.div2,
.yymmdd1 {
  position: relative;
  letter-spacing: 0.35px;
  font-weight: 500;
  z-index: 1;
}

.yymmdd1 {
  font-size: var(--font-size-3xs);
  font-family: var(--font-montserrat);
  display: inline-block;
  min-width: 59px;
}

.card02-inner,
.group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.card02-inner {
  flex-direction: row;
  padding: 0 var(--padding-lg);
}

.card-line1,
.card02 {
  box-sizing: border-box;
}

.card-line1 {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--color-royalblue);
  z-index: 2;
}

.card02 {
  width: 256px;
  background-color: var(--color-ghostwhite);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-19xl);
  gap: var(--gap-xs);
}

.card-bg2,
.card02,
.img-6575-1-icon2 {
  align-self: stretch;
  position: relative;
}

.card-bg2 {
  height: 256px;
  background-color: var(--color-ghostwhite);
  display: none;
  z-index: 0;
}

.img-6575-1-icon2 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.div3,
.yymmdd2 {
  position: relative;
  letter-spacing: 0.35px;
  font-weight: 500;
  z-index: 1;
}

.yymmdd2 {
  font-size: var(--font-size-3xs);
  font-family: var(--font-montserrat);
  display: inline-block;
  min-width: 59px;
}

.card03-inner,
.container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.card03-inner {
  flex-direction: row;
  padding: 0 var(--padding-lg);
}

.card-line2,
.card03 {
  box-sizing: border-box;
}

.card-line2 {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--color-royalblue);
  z-index: 2;
}

.card03 {
  width: 256px;
  background-color: var(--color-ghostwhite);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-19xl);
  gap: var(--gap-xs);
}

.card-bg3,
.card03,
.img-6575-1-icon3 {
  align-self: stretch;
  position: relative;
}

.card-bg3 {
  height: 256px;
  background-color: var(--color-ghostwhite);
  display: none;
  z-index: 0;
}

.img-6575-1-icon3 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.div4,
.yymmdd3 {
  position: relative;
  letter-spacing: 0.35px;
  font-weight: 500;
  z-index: 1;
}

.yymmdd3 {
  font-size: var(--font-size-3xs);
  font-family: var(--font-montserrat);
  display: inline-block;
  min-width: 59px;
}

.card04-inner,
.frame-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.card04-inner {
  flex-direction: row;
  padding: 0 var(--padding-lg);
}

.card-line3,
.card04 {
  box-sizing: border-box;
}

.card-line3 {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--color-royalblue);
  z-index: 2;
}

.card04 {
  width: 256px;
  background-color: var(--color-ghostwhite);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 var(--padding-19xl);
  gap: var(--gap-xs);
}

.card-bg4,
.card04,
.img-6575-1-icon4 {
  align-self: stretch;
  position: relative;
}

.card-bg4 {
  height: 256px;
  background-color: var(--color-ghostwhite);
  display: none;
  z-index: 0;
}

.img-6575-1-icon4 {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}

.div5,
.yymmdd4 {
  position: relative;
  letter-spacing: 0.35px;
  font-weight: 500;
  z-index: 1;
}

.yymmdd4 {
  font-size: var(--font-size-3xs);
  font-family: var(--font-montserrat);
}

.card04-child,
.parent1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.card04-child {
  flex-direction: row;
  padding: 0 var(--padding-lg);
}

.card-line4 {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  z-index: 2;
}

.card041,
.cards {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.card041 {
  align-self: stretch;
  width: 256px;
  background-color: var(--color-ghostwhite);
  flex-shrink: 0;
  flex-direction: column;
  padding: 0 0 var(--padding-19xl);
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-xs);
}

.cards {
  width: 100%;
  margin: 0 2%;
  /* 例として左右に2%のマージンを設定 */
  flex: 1 1 auto;
  overflow-x: auto;
  flex-direction: row;
  gap: var(--gap-13xl);
  max-width: 100%;
  z-index: 1;
  color: var(--color-darkslategray);
  font-family: var(--font-noto-sans-jp);
}

.news-button-child {
  height: 64px;
  width: 256px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
}

.b1,
.vector-icon {
  position: relative;
  z-index: 1;
}

.b1 {
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  min-width: 66px;
}

.vector-icon {
  width: 16px;
  height: 16px;
}

.vector-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}

.news-button,
.news-content,
.news1,
.vector-wrapper {
  display: flex;
  align-items: flex-start;
}

.app-button,
.archive-button,
.news-button {
  width: 256px;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-16xl) var(--padding-smi) var(--padding-12xl);
  gap: var(--gap-xl);
  cursor: pointer;
  z-index: 1;
  font-family: var(--font-abeezee);
}

.news-content,
.news1 {
  justify-content: flex-start;
}

.news-content {
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: column;
  padding: var(--padding-49xl) 0 74px var(--padding-73xl);
  gap: 64.5px;
  padding-left: 15%;
  width: 100%;

}

.news1 {
  justify-content: flex-start;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
  overflow: hidden;
  min-width: 0;
  /* これを追加 */
}


.bg1,
.title2 {
  position: relative;
}

.bg1 {
  height: 640px;
  width: 1280px;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.title2 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.35px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}

.b2 {
  font-family: var(--font-noto-sans-jp);
}

.div6 {
  position: relative;
  letter-spacing: 0.35px;
  display: inline-block;
  min-width: 68px;
  z-index: 1;
}

.content-row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-7xs);
  font-size: var(--font-size-sm);
}

.feature-icons {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-mid);
}

.p1 {
  margin: 0;
}

.span {
  font-weight: 600;
  font-family: var(--font-noto-sans-jp);
}

.p2,
.p3 {
  margin: 0;
}

.description {
  height: 96px;
  position: relative;
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  z-index: 1;
}

.description-wrapper,
.feature-titles {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.description-wrapper {
  flex-direction: row;
  padding: 0 0 0 var(--padding-10xs);
  font-size: var(--font-size-base);
  color: var(--color-darkslategray);
  font-family: var(--font-noto-sans-jp);
}

.feature-titles {
  flex-direction: column;
  gap: 43px;
}

.work-button-child {
  height: 64px;
  width: 256px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
}

.b3,
.button-icon {
  position: relative;
  z-index: 1;
}

.b3 {
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  min-width: 66px;
}

.button-icon {
  width: 16px;
  height: 16px;
}

.button-icon-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}

.app-features,
.button-icon-wrapper,
.work-button {
  display: flex;
  align-items: flex-start;
}

.work-button {
  width: 256px;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-16xl) var(--padding-smi) var(--padding-12xl);
  gap: var(--gap-xl);
  cursor: pointer;
  z-index: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-abeezee);
}

.app-features {
  width: 427px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 237px;
  min-width: 427px;
  max-width: 100%;
}

.empty-icon,
.icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 477.6px;
  object-fit: contain;
}

.empty-icon {
  top: 168px;
  left: 276px;
  width: auto;
  height: 256.2px;
  z-index: 1;
}

.image-block {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.work-img {
  align-self: stretch;
  height: 424.2px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
}

.team,
.work1 {
  box-sizing: border-box;
  display: flex;
  max-width: 100%;
}

.team {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 17.8px;
  min-width: 396px;
}

.work1 {
  display: flex;
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-49xl) var(--padding-73xl) var(--padding-61xl);
  gap: 60px;
  padding-left: 15%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
  align-items: flex-start;
}

.bg2,
.title3 {
  position: relative;
}

.bg2 {
  height: 640px;
  width: 1280px;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.title3 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.35px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 90px;
  z-index: 1;
}

.b4 {
  font-family: var(--font-noto-sans-jp);
}

.div7 {
  position: relative;
  letter-spacing: 0.35px;
  display: inline-block;
  min-width: 54px;
  z-index: 1;
}

.wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-7xs);
  font-size: var(--font-size-sm);
}

.title-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 9px;
}

.llmunity,
.p4,
.p5 {
  margin: 0;
}

.b5,
.span1 {
  font-family: var(--font-noto-sans-jp);
}

.p6 {
  margin: 0;
}

.text {
  position: relative;
  letter-spacing: 0.35px;
  line-height: 32px;
  z-index: 1;
}

.frame-group,
.text-wrapper {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.text-wrapper {
  flex-direction: row;
  padding: 0 0 0 var(--padding-10xs);
  font-size: var(--font-size-base);
  color: var(--color-darkslategray);
  font-family: var(--font-noto-sans-jp);
}

.frame-group {
  flex-direction: column;
  gap: var(--gap-25xl);
}

.app-button-child {
  height: 64px;
  width: 256px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
}

.b6,
.vector-icon1 {
  position: relative;
  z-index: 1;
}

.b6 {
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  min-width: 50px;
}

.vector-icon1 {
  width: 16px;
  height: 16px;

}

.vector-container {
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;

}

.app-button,
.frame-parent,
.vector-container {
  display: flex;
  align-items: flex-start;
}

.app-button {
  width: 256px;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-16xl) var(--padding-smi) var(--padding-12xl);
  gap: var(--gap-xl);
  z-index: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-abeezee);
}

.frame-parent {
  width: 427px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 172px;
  min-width: 427px;
  max-width: 100%;
}

.iphone1-icon,
.iphone2-icon {
  position: absolute;
  top: 55px;
  left: 239px;
  width: 100%;
  height: 429px;
  object-fit: contain;
  z-index: 1;
}

.iphone1-icon {
  top: 0;
  left: 0;
  width: 100%;
  height: 477.6px;
  z-index: 2;
}

.member-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 477.6px;
  object-fit: contain;
}

.iphone2-parent {
  height: 484px;
  flex: 1;
  position: relative;
  min-width: 434px;
  max-width: 100%;
}

.app1 {
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-49xl) 51px var(--padding-49xl) var(--padding-73xl);
  gap: 42px;
  padding-left: 15%;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
}

.bg3,
.title4 {
  position: relative;
}

.bg3 {
  height: 640px;
  width: 1280px;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.title4 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.35px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}

.b7 {
  font-family: var(--font-noto-sans-jp);
}

.div8 {
  position: relative;
  letter-spacing: 0.35px;
  display: inline-block;
  min-width: 68px;
  z-index: 1;
}

.frame {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-7xs);
  font-size: var(--font-size-sm);
}

.title-group {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 14px;
}

.text1 {
  flex: 1;
  position: relative;
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}

.frame-parent1,
.text-container {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
}

.text-container {
  flex-direction: row;
  padding: 0 0 0 var(--padding-10xs);
  box-sizing: border-box;
  font-size: var(--font-size-base);
  color: var(--color-darkslategray);
  font-family: var(--font-noto-sans-jp);
}

.frame-parent1 {
  flex-direction: column;
  gap: var(--gap-39xl);
}

.member-button-child {
  height: 64px;
  width: 256px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
}

.b8,
.vector-icon2 {
  position: relative;
  z-index: 1;
}

.b8 {
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  min-width: 66px;
}

.vector-icon2 {
  width: 16px;
  height: 16px;
}

.vector-frame {
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}

.frame-container,
.member-button,
.vector-frame {
  display: flex;
  align-items: flex-start;
}

.member-button {
  width: 256px;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-16xl) var(--padding-smi) var(--padding-12xl);
  gap: var(--gap-xl);
  cursor: pointer;
  z-index: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-abeezee);
}

.frame-container {
  width: 415px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 270px;
  min-width: 415px;
  max-width: 100%;
}

.irie-icon,
.sakaino-icon,
.takasugi-icon,
.udo-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 348.9px;
  height: 201.4px;
  object-fit: contain;
  z-index: 1;
}

.irie-icon,
.takasugi-icon,
.udo-icon {
  top: 161.5px;
  width: 349.1px;
  height: 201.5px;
  z-index: 2;
}

.irie-icon,
.takasugi-icon {
  top: 6px;
  left: 268.5px;
  z-index: 3;
}

.irie-icon {
  top: 167px;
  left: 269px;
  z-index: 4;
}

.sakaino-parent {
  align-self: stretch;
  height: 368.5px;
  position: relative;
}

.member-inner,
.member1 {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}

.member-inner {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 58px;
  min-width: 402px;
  min-height: 427px;
}

.member1 {
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  flex-direction: row;
  align-items: flex-end;
  padding: var(--padding-49xl) 63px var(--padding-61xl) var(--padding-73xl);
  gap: 91px;
  padding-left: 15%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
}

.bg4,
.title5 {
  position: relative;
}

.bg4 {
  height: 640px;
  width: 1280px;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.title5 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.35px;
  font-weight: 700;
  font-family: inherit;
  z-index: 1;
}

.b9 {
  font-family: var(--font-noto-sans-jp);
}

.div9 {
  position: relative;
  letter-spacing: 0.35px;
  display: inline-block;
  min-width: 68px;
  z-index: 1;
}

.wrapper1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-7xs);
  font-size: var(--font-size-sm);
}

.title-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 13px;
}

.text2 {
  position: relative;
  letter-spacing: 0.35px;
  line-height: 32px;
  z-index: 1;
}

.frame-parent3,
.text-frame {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.text-frame {
  flex-direction: row;
  padding: 0 0 0 var(--padding-10xs);
  font-size: var(--font-size-base);
  color: var(--color-darkslategray);
  font-family: var(--font-noto-sans-jp);
}

.frame-parent3 {
  flex-direction: column;
  gap: var(--gap-39xl);
}

.archive-button-child {
  height: 64px;
  width: 256px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
}

.b10,
.vector-icon3 {
  position: relative;
  z-index: 1;
}

.b10 {
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  min-width: 66px;
}

.vector-icon3 {
  width: 16px;
  height: 16px;
}

.vector-wrapper1 {
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}

.archive-button,
.frame-parent2,
.vector-wrapper1 {
  display: flex;
  align-items: flex-start;
}

.archive-button {
  width: 256px;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-16xl) var(--padding-smi) var(--padding-12xl);
  gap: var(--gap-xl);
  z-index: 1;
  font-size: var(--font-size-base);
  font-family: var(--font-abeezee);
}

.frame-parent2 {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-267xl);
  min-width: 316px;
}

.frame-child {
  height: 440px;
  width: 566px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
  max-width: 100%;
}

.title6 {
  margin: 0;
  position: relative;
  font-size: inherit;
  letter-spacing: 0.35px;
  font-weight: 700;
  font-family: inherit;
  display: inline-block;
  min-width: 104px;
  z-index: 2;
}

.rectangle-parent {
  align-self: stretch;
  flex: 1;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  flex-direction: row;
  justify-content: flex-start;

  z-index: 1;
}

.archive-inner,
.archive1,
.rectangle-parent {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 100%;
  background-color: ghostwhite;
}

.archive-inner {
  height: 489px;
  width: 566px;
  flex-direction: column;
  justify-content: flex-start;

  min-width: 566px;
  font-size: var(--font-size-5xl);
  overflow: auto;
}

.archive1 {
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  border-bottom: 2px solid var(--color-royalblue);
  flex-direction: row;
  padding: var(--padding-49xl) 86px var(--padding-49xl) var(--padding-73xl);
  gap: 15%;
  padding-left: 15%;
  text-align: left;
  font-size: var(--font-size-21xl);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
}

.tumblr-post {
  width: 100%;
  height: 600px;
}

.tumblr-post iframe {
  background-color: ghostwhite;
  width: 100%;
}

.bg5,
.vert-icon {
  position: relative;
}

.bg5 {
  width: 1280px;
  height: 360px;
  background-color: var(--color-ghostwhite);
  display: none;
  max-width: 100%;
}

.vert-icon {
  width: 43px;
  height: 43.1px;
  z-index: 1;
}

.divider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 var(--padding-sm) var(--padding-11xs-9) 0;
}

.app2,
.news2 {
  position: relative;
  letter-spacing: 0.35px;
  line-height: 14px;
  display: inline-block;
  z-index: 1;
}

.news2 {
  min-width: 47px;
  cursor: pointer;
}

.app2 {
  min-width: 33px;
  cursor: pointer;
}

.news-parent {
  flex: 0.7121;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-lgi) 0 0;
  box-sizing: border-box;
  gap: var(--gap-lgi);
  min-width: 45px;
}

.member2,
.work2 {
  position: relative;
  letter-spacing: 0.35px;
  line-height: 14px;
  display: inline-block;
  min-width: 50px;
  cursor: pointer;
  z-index: 1;
}

.member2 {
  min-width: 69px;
}

.work-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi);
  min-width: 45px;
}

.archive2 {
  position: relative;
  letter-spacing: 0.35px;
  line-height: 14px;
  display: inline-block;
  min-width: 70px;
  z-index: 1;
}

.archive-link {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 0 0 var(--padding-16xl);
  box-sizing: border-box;
  min-width: 45px;
}

.primary-links {
  width: 472px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-51xl);
  max-width: 100%;
}

.top-button-child {
  height: 64px;
  width: 196px;
  position: relative;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  box-sizing: border-box;
  display: none;
}

.pagetop,
.vector-icon4 {
  position: relative;
  z-index: 1;
}

.pagetop {
  letter-spacing: 0.35px;
  line-height: 32px;
  display: inline-block;
  min-width: 84px;
}

.vector-icon4 {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.vector-wrapper2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-5xs) 0 0;
}

.top-button {
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  border: 2px solid var(--color-royalblue);
  flex-direction: row;
  justify-content: space-between;
  padding: var(--padding-smi) var(--padding-16xl) var(--padding-smi) var(--padding-13xl);
  gap: var(--gap-xl);
  cursor: pointer;
  z-index: 1;
}

.footer-links,
.page-top,
.top-button {
  display: flex;
  align-items: flex-start;
}

.page-top {
  width: 196px;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-11xs) 0 0;
  box-sizing: border-box;
  font-size: var(--font-size-base);
}

.footer-links {
  align-self: stretch;
  flex-direction: row;
  justify-content: space-between;
  max-width: 100%;
  gap: var(--gap-xl);
}

.instagram-icon {
  overflow: hidden;
  flex-shrink: 0;
}

.instagram-icon,
.tumblr-icon {
  height: 20px;
  width: 20px;
  position: relative;
  min-height: 20px;
  z-index: 1;
}

.footer-content,
.social {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}

.footer-content {
  align-self: stretch;
  flex-direction: column;
  gap: var(--gap-39xl);
  max-width: 100%;
}

.numaproject20241 {
  font-weight: 600;
}

.numaproject2024 {
  position: relative;
  font-size: var(--font-size-3xs);
  letter-spacing: 0.35px;
  line-height: 14px;
  display: inline-block;
  min-width: 123px;
  z-index: 1;
}

.footer,
.index {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.footer {
  align-self: stretch;
  background-color: var(--color-ghostwhite);
  padding: var(--padding-50xl) var(--padding-72xl) var(--padding-51xl) var(--padding-73xl);
  box-sizing: border-box;
  gap: var(--gap-44xl);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-royalblue);
  font-family: var(--font-montserrat);
}

.index {
  width: 100%;
  position: relative;
  background-color: var(--color-black);
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
}

@media screen and (max-width: 1050px) {
  .hero-title {
    flex: 1;
  }

  .credentials {
    flex-wrap: wrap;
  }

  .app-features {
    flex: 1;
  }

  .work1 {
    flex-wrap: wrap;
  }

  .frame-parent {
    flex: 1;
  }

  .app1 {
    flex-wrap: wrap;
  }

  .frame-container {
    flex: 1;
  }

  .member1 {
    flex-wrap: wrap;
  }

  .archive-inner,
  .frame-parent2 {
    flex: 1;
  }

  .archive1 {
    flex-wrap: wrap;
  }
}

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

  .title,
  .title1,
  .title2,
  .title3,
  .title4,
  .title5 {
    font-size: var(--font-size-13xl);
  }

  .archive-inner {
    min-width: 100%;
  }

  .footer-links {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 725px) {
  .header-content {
    gap: var(--gap-25xl);
    padding-left: var(--padding-27xl);
    padding-right: var(--padding-27xl);
    box-sizing: border-box;
  }

  .hero-title {
    padding-top: var(--padding-114xl);
    padding-bottom: var(--padding-114xl);
    box-sizing: border-box;
  }

  .cover-bg-icon,
  .hero-title {
    min-width: 100%;
  }

  .cards {
    gap: var(--gap-base);
  }

  .news-content {
    gap: var(--gap-13xl);
    padding-left: var(--padding-27xl);
    padding-top: var(--padding-25xl);
    padding-bottom: 48px;
    box-sizing: border-box;
  }

  .app-features,
  .team {
    min-width: 100%;
  }

  .work1 {
    gap: var(--gap-11xl);
    padding: var(--padding-25xl) var(--padding-27xl) var(--padding-33xl);
    box-sizing: border-box;
  }

  .frame-parent,
  .iphone2-parent {
    min-width: 100%;
  }

  .app1 {
    gap: var(--gap-2xl);
    padding: var(--padding-25xl) var(--padding-6xl) var(--padding-25xl) var(--padding-27xl);
    box-sizing: border-box;
  }

  .frame-container,
  .member-inner {
    min-width: 100%;
  }

  .member1 {
    gap: 45px;
    padding: var(--padding-25xl) var(--padding-12xl) var(--padding-33xl) var(--padding-27xl);
    box-sizing: border-box;
  }

  .archive-inner {
    padding-top: var(--padding-13xl);
    box-sizing: border-box;
  }

  .archive1 {
    padding: var(--padding-25xl) 43px var(--padding-25xl) var(--padding-27xl);
    box-sizing: border-box;
  }

  .primary-links {
    flex-wrap: wrap;
    gap: var(--gap-16xl);
  }

  .footer-content {
    gap: var(--gap-10xl);
  }

  .footer {
    gap: var(--gap-12xl);
    padding-left: var(--padding-27xl);
    padding-right: var(--padding-26xl);
    box-sizing: border-box;
  }
}

@media screen and (max-width: 450px) {
  .header-content {
    gap: var(--gap-3xl);
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .title,
  .title1 {
    font-size: var(--font-size-5xl);
  }

  .news-content {
    gap: var(--gap-base);
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }

  .title2 {
    font-size: var(--font-size-5xl);
  }

  .feature-titles {
    gap: var(--gap-2xl);
  }

  .app-features {
    gap: 118px;
  }

  .work1 {
    gap: 15px;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .title3 {
    font-size: var(--font-size-5xl);
  }

  .frame-group {
    gap: var(--gap-3xl);
  }

  .frame-parent {
    gap: 86px;
  }

  .app1 {
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }

  .title4 {
    font-size: var(--font-size-5xl);
  }

  .frame-parent1 {
    gap: var(--gap-10xl);
  }

  .frame-container {
    gap: var(--gap-124xl);
  }

  .member-inner {
    padding-bottom: var(--padding-19xl);
    box-sizing: border-box;
  }

  .member1 {
    gap: 23px;
    padding-left: var(--padding-xl);
    box-sizing: border-box;
  }

  .title5 {
    font-size: var(--font-size-5xl);
  }

  .frame-parent3 {
    gap: var(--gap-10xl);
  }

  .frame-parent2 {
    gap: var(--gap-124xl);
  }

  .title6 {
    font-size: var(--font-size-lgi);
  }

  .archive1 {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }

  .news-parent {
    flex: 1;
  }

  .footer {
    gap: var(--gap-base);
    padding: var(--padding-26xl) var(--padding-xl);
    box-sizing: border-box;
  }
}