@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body {
  margin: 0;
  line-height: normal;
  -webkit-text-size-adjust: 100%;
}
.h1-icon {
  position: relative;
  width: 11.01rem;
  height: 5.63rem;
  flex-shrink: 0;
}
.vector-icon {
  position: absolute;
  height: 70.33%;
  width: 100%;
  top: 14.82%;
  right: 0;
  bottom: 14.84%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.youtube-negative {
  text-decoration: none;
  position: relative;
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
  overflow: hidden;
}
.vector-icon1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.instagram {
  text-decoration: none;
  position: relative;
  width: 1.56rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.youtube-negative-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 1.38rem;
}
.a,
.a1,
.a2 {
  text-decoration: none;
  position: relative;
  font-size: var(--font-size-3xl);
  line-height: 1.25rem;
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
  color: var(--color-seagreen-100);
  text-align: left;
  cursor: pointer;
}
.parent {
  height: 1.2rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-3xl);
}
.frame-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 2.44rem;
}
.header {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: var(--padding-xl) var(--padding-6xl);
  align-items: center;
  justify-content: space-between;
}
.icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 82.13rem;
  height: 39.88rem;
  object-fit: cover;
  min-width: 100%;
  max-width: 100%;
}
.p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.h2 {
  margin: 0;
  position: absolute;
  top: 5.63rem;
  left: 4.25rem;
  font-size: inherit;
  letter-spacing: 0.06em;
  line-height: 3.31rem;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  width: 41.25rem;
  opacity: 0;
}
.h2.animate {
  animation: 1s ease 0s 1 normal forwards fade-in;
}
.a4,
.cover {
  position: relative;
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
  color: var(--color-white);
  text-align: left;
}
.cover {
  align-self: stretch;
  height: 39.88rem;
  flex-shrink: 0;
  font-size: 2.13rem;
}
.a4 {
  text-decoration: none;
  font-size: var(--font-size-3xl);
  line-height: 1.25rem;
  cursor: pointer;
}
.group,
.nav {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.group {
  flex-direction: row;
  gap: var(--gap-3xl);
  flex-wrap: wrap;
}
.nav {
  background-color: var(--color-seagreen-100);
  flex-direction: column;
  padding: 1.31rem 0;
}
.span {
  display: block;
}
.babybox {
  margin: 0;
  position: relative;
  letter-spacing: 0.14em;
  line-height: 1.88rem;
  display: inline-block;
  width: 37.5rem;
}
.babybox-wrapper,
.message {
  align-self: stretch;
  display: flex;
  justify-content: center;
}
.babybox-wrapper {
  background-color: var(--color-white);
  flex-direction: column;
  padding: 4.25rem var(--padding-5xl) var(--padding-5xl);
  align-items: center;
}
.message {
  flex-direction: row;
  align-items: flex-start;
  background-image: url(./public/message@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.babybox-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  border-radius: var(--br-lg);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.baby-box,
.p2 {
  margin: 0;
  position: relative;
}
.baby-box {
  font-size: inherit;
  line-height: 1.88rem;
  font-weight: 400;
  font-family: inherit;
}
.p2 {
  font-size: var(--font-size-lg);
  line-height: 1.25rem;
  color: var(--color-cornflowerblue);
}
.baby-box-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-7xl);
  color: var(--color-midnightblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.span14 {
  font-size: var(--font-size-3xl);
}
.div {
  position: relative;
  line-height: 1.88rem;
}
.a-parent,
.wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wrapper {
  border-radius: var(--br-sm);
  background-color: var(--color-khaki);
  padding: var(--padding-7xs) var(--padding-2xs);
  justify-content: center;
}
.a-parent {
  justify-content: space-between;
}
.a-parent,
.box,
.frame-div {
  align-self: stretch;
}
.box {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 1.56rem;
  text-align: justify;
}
.frame-div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xs);
}
.div1 {
  position: absolute;
  top: 0;
  left: 0;
  letter-spacing: 0.05em;
  line-height: 1.25rem;
  display: inline-block;
  width: 14.56rem;
  height: 1.25rem;
}
.span15 {
  font-size: var(--font-size-sm);
}
.div2 {
  position: absolute;
  top: 1.5rem;
  left: 0;
  line-height: 1.88rem;
  color: var(--color-midnightblue);
  display: inline-block;
  width: 14.56rem;
  height: 1.88rem;
  font-size: var(--font-size-3xl);
}
.container {
  position: relative;
  width: 14.56rem;
  height: 3.38rem;
  flex-shrink: 0;
  font-size: var(--font-size-lg);
  color: var(--color-cornflowerblue);
}
.frame-container {
  flex: 1;
  border-radius: var(--br-md);
  background-color: var(--color-white);
  height: 14.63rem;
  display: flex;
  flex-direction: column;
  padding: var(--padding-sm);
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--color-midnightblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.span17 {
  font-size: var(--font-size-base);
}
.div5 {
  position: absolute;
  top: 1.5rem;
  left: 0;
  line-height: 1.88rem;
  font-family: var(--font-inter);
  color: var(--color-midnightblue);
  font-size: var(--font-size-3xl);
}
.frame-section,
.instance-parent {
  align-self: stretch;
  display: flex;
  align-items: flex-start;
}
.frame-section {
  flex: 1;
  border-radius: var(--br-md);
  background-color: var(--color-white);
  flex-direction: column;
  padding: var(--padding-sm);
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-5xl);
  color: var(--color-midnightblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.instance-parent {
  flex-direction: row;
  justify-content: flex-start;
  gap: var(--gap-sm);
}
.httpsformsgleqyy2n7wznbgg3 {
  text-decoration: underline;
}
.httpsformsgleqyy2n7wznbgg {
  position: relative;
  line-height: 1.88rem;
  display: inline-block;
  width: 27.44rem;
}
.div6 {
  position: relative;
}
.button {
  text-decoration: none;
  border-radius: var(--br-xs);
  background-color: var(--color-cornflowerblue);
  width: 17.69rem;
  height: 4.69rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  padding: var(--padding-sm) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-4xl);
  color: var(--color-white);
}
.httpsformsgleqyy2n7wznbgg-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: var(--padding-6xs) 0;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.babyboxhamamatsugmailcom {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xs);
  letter-spacing: 0.05em;
  line-height: 1.25rem;
}
.frame-group,
.section-order {
  align-self: stretch;
  display: flex;
}
.frame-group {
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.section-order {
  background-color: var(--color-aliceblue);
  flex-direction: row;
  padding: var(--padding-5xl);
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xl);
  text-align: left;
  font-size: var(--font-size-2xl);
  color: var(--font-inherit);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.header-child {
  align-self: stretch;
  background-color: var(--color-seagreen-100);
  height: 4.38rem;
  flex-shrink: 0;
}
.group-child {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.h21 {
  margin: 0;
  position: absolute;
  top: 1.44rem;
  left: 3.56rem;
  font-size: inherit;
  line-height: 3.75rem;
  font-weight: 400;
  font-family: inherit;
}
.vector-parent {
  position: relative;
  width: 35.63rem;
  height: 16.88rem;
  flex-shrink: 0;
}
.header1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: 3.19rem;
  color: var(--color-aliceblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.image-icon {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.image-icon,
.image-icon1,
.switch1 {
  align-self: stretch;
  flex: 1;
}
.image-icon1 {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  display: none;
}
.switch1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xs);
  min-width: 33%;
}
.description,
.h3,
.staff {
  margin: 0;
  position: relative;
}
.h3 {
  font-size: inherit;
  line-height: 1.75rem;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
}
.description,
.staff {
  align-self: stretch;
}
.description {
  font-size: var(--font-size-3xl);
  line-height: 2.38rem;
  color: var(--color-seagreen-200);
  display: inline-block;
  max-width: 100%;
}
.staff {
  font-size: var(--font-size-base);
  line-height: 1.25rem;
  color: var(--color-midnightblue);
}
.paragraph-container,
.rating {
  display: flex;
  justify-content: flex-start;
}
.paragraph-container {
  flex: 1;
  flex-direction: column;
  padding: var(--padding-3xl) 0 0;
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-xs);
  max-width: 100%;
}
.rating {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-end;
  gap: var(--gap-2xl);
  z-index: 0;
}
.illust-bib-1-icon,
.number {
  position: absolute;
  margin: 0 !important;
}
.number {
  top: 0.19rem;
  left: -2.12rem;
  font-size: var(--font-size-8xl);
  line-height: 6.25rem;
  color: var(--color-midnightblue);
  text-align: right;
  z-index: 1;
}
.illust-bib-1-icon {
  top: calc(50% - 193px);
  left: calc(50% + 500px);
  width: 7.94rem;
  height: 9.09rem;
  flex-shrink: 0;
  object-fit: cover;
  mix-blend-mode: multiply;
  z-index: 2;
}
.switch {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: var(--padding-4xl) var(--padding-5xl) 0 0;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-xl);
  z-index: 2;
}
.image-icon2 {
  position: relative;
  width: 25.25rem;
  height: 20.56rem;
  flex-shrink: 0;
  object-fit: cover;
}
.div7 {
  flex: 1;
  position: relative;
  line-height: 1.25rem;
}
.gallery,
.horizontal-container,
.photo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.horizontal-container {
  align-self: stretch;
  flex-direction: row;
  padding: var(--padding-4xs);
}
.gallery,
.photo {
  flex-direction: column;
  gap: var(--gap-4xs);
}
.gallery {
  align-self: stretch;
  overflow-x: auto;
  flex-direction: row;
  max-width: 100%;
  z-index: 1;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--color-midnightblue);
}
.link1 {
  position: relative;
  line-height: 1.25rem;
}
.horizontal-container4 {
  margin: 0;
  align-self: stretch;
  border-right: 1px solid var(--color-white);
  display: flex;
  flex-direction: row;
  padding: 0 var(--padding-xs) 0 0;
  align-items: center;
  justify-content: flex-start;
  font-size: inherit;
  font-family: inherit;
}
.httpswwwhamamatsuchusenco {
  color: inherit;
}
.httpswwwinstagramcomtaka {
  margin: 0;
  flex: 1;
  position: relative;
  font-size: var(--font-size-xs);
  line-height: 1.13rem;
  color: var(--font-inherit);
}
.link,
.link-wrapper,
.switch-container {
  align-self: stretch;
  display: flex;
  justify-content: flex-start;
}
.link {
  border-radius: var(--br-md);
  background-color: var(--color-khaki);
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-3xs) var(--padding-3xs)
    var(--padding-lg);
  box-sizing: border-box;
  align-items: center;
  gap: var(--gap-md);
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-3xl);
  color: var(--color-black);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.link-wrapper,
.switch-container {
  flex-direction: column;
  align-items: flex-start;
}
.link-wrapper {
  padding: 0 var(--padding-5xl) 0 0;
  z-index: 0;
}
.link-wrapper--half-size{
  padding-right: 0;
  margin-top: var(--gap-2xl);
}
.switch-container {
  padding: 0 0 0 var(--padding-5xl);
  box-sizing: border-box;
  gap: var(--gap-2xl);
  min-width: 100%;
  text-align: justify;
  font-size: var(--font-size-6xl);
  color: var(--color-seagreen-100);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.youtube,
.youtube-container {
  align-self: stretch;
  display: flex;
  justify-content: center;
}
.youtube {
  flex: 1;
  background-color: var(--color-lightsteelblue);
  flex-direction: column;
  align-items: center;
}
.youtube-container {
  height: 22.5rem;
  flex-shrink: 0;
  flex-direction: row;
  padding: 0 0 0 var(--padding-5xl);
  box-sizing: border-box;
  align-items: flex-start;
  gap: var(--gap-4xs);
}
.illust-bib-1-icon1 {
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 368px);
  left: calc(50% + 475px);
  width: 9.5rem;
  height: 12.13rem;
  flex-shrink: 0;
  object-fit: cover;
  mix-blend-mode: multiply;
  z-index: 2;
}
.photo7 {
  display: none;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xs);
}
.empty,
.image-icon12 {
  align-self: stretch;
  flex: 1;
}
.empty {
  cursor: pointer;
}
.image-icon12 {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-height: 25rem;
}
.illust-bib-1-icon2,
.illust-bib-1-icon3,
.illust-bib-1-icon4 {
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 274px);
  left: calc(50% + 488px);
  width: 8.69rem;
  height: 20.11rem;
  flex-shrink: 0;
  object-fit: cover;
  mix-blend-mode: multiply;
  z-index: 2;
}
.illust-bib-1-icon3,
.illust-bib-1-icon4 {
  top: calc(50% - 226px);
  left: calc(50% + 494px);
  width: 8.31rem;
  height: 11.64rem;
}
.illust-bib-1-icon4 {
  top: calc(50% - 206px);
  left: calc(50% + 498px);
  width: 8.06rem;
  height: 10.7rem;
}
.youtube4 {
  align-self: stretch;
  flex: 1;
  background-color: var(--color-lightsteelblue);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.illust-bib-1-icon5 {
  position: absolute;
  margin: 0 !important;
  top: calc(50% - 236.62px);
  left: calc(50% + 487.67px);
  width: 8.71rem;
  height: 10.37rem;
  flex-shrink: 0;
  object-fit: cover;
  mix-blend-mode: multiply;
  z-index: 2;
}
.div27 {
  flex: 1;
  position: relative;
  line-height: 1.25rem;
  display: none;
}
.horizontal-container28,
.section {
  align-self: stretch;
  justify-content: flex-start;
}
.horizontal-container28 {
  display: none;
  flex-direction: row;
  padding: var(--padding-4xs);
  align-items: flex-start;
}
.section {
  display: flex;
  flex-direction: column;
  padding: 0 0 var(--padding-7xl);
  align-items: center;
  gap: var(--gap-xl);
}
.cover-icon,
.image-icon36 {
  position: relative;
  flex-shrink: 0;
  object-fit: cover;
  max-width: 100%;
}
.cover-icon {
  align-self: stretch;
  overflow: hidden;
  height: 31.25rem;
}
.image-icon36 {
  width: 28.5rem;
  height: 24.5rem;
}
.h22,
.p6 {
  margin: 0;
  position: relative;
}
.h22 {
  font-size: inherit;
  line-height: 1.75rem;
  font-weight: 400;
  font-family: inherit;
}
.p6 {
  align-self: stretch;
  font-size: var(--font-size-xl);
  line-height: 1.88rem;
  color: var(--color-seagreen-200);
  text-align: justify;
}
.card1 {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 0 0 var(--padding-xl);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.card,
.p7 {
  align-self: stretch;
}
.p7 {
  margin: 0;
  position: relative;
  font-size: var(--font-size-base);
  line-height: 1.25rem;
  color: var(--color-midnightblue);
  text-align: justify;
}
.card {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-6xl);
  color: var(--color-seagreen-100);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.image-icon37 {
  position: relative;
  width: 28.5rem;
  height: 24.5rem;
  flex-shrink: 0;
  object-fit: cover;
  max-width: 100%;
}
.container1 {
  display: flex;
  flex-direction: row;
  padding: var(--padding-7xl) var(--padding-3xl);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
}
.logo-vertical-icon {
  position: relative;
  width: 7.5rem;
  height: 9.31rem;
  flex-shrink: 0;
}
.logo-vertical-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xl);
  align-items: center;
  justify-content: center;
}
.babybox-supporters-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  min-width: 18.75rem;
}
.baby-box-project {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 2.19rem;
  font-weight: 400;
  font-family: inherit;
}
.baby-box-project1 {
  margin: 0;
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 1.88rem;
  text-align: justify;
}
.baby-box-project-parent {
  display: flex;
  flex-direction: column;
  padding: 0 var(--padding-xl) var(--padding-xs);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
}
.baby-box-project__container{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.vector-icon__project{
  transform: translateY(-50%);
  top: 50%;
  height: 100%;
}
.baby-box-supporters,
.p11 {
  margin: 0;
  position: relative;
  margin-top: -0.19rem;
}
.baby-box-supporters {
  font-size: var(--font-size-3xl);
  line-height: 2.5rem;
  font-weight: 400;
  font-family: inherit;
  text-align: left;
}
.p11 {
  align-self: stretch;
  font-size: var(--font-size-xs);
  line-height: 1.25rem;
  text-align: justify;
}
.instagram-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 0 var(--padding-xl);
  align-items: flex-start;
  justify-content: flex-start;
  text-align: right;
  font-size: var(--font-size-base);
}
.about,
.frame-parent7 {
  display: flex;
  align-items: flex-end;
}
.frame-parent7 {
  width: 39.5rem;
  flex-shrink: 0;
  flex-direction: column;
  padding: 2rem 0;
  box-sizing: border-box;
  justify-content: flex-start;
  gap: var(--gap-lg);
  min-width: 33%;
  max-width: 44%;
}
.about {
  align-self: stretch;
  background-color: var(--color-midnightblue);
  flex-direction: row;
  justify-content: flex-end;
  gap: 3.13rem;
  text-align: left;
  font-size: var(--font-size-6xl);
  color: var(--color-lightsteelblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.baby-box-project2 {
  position: relative;
  font-size: var(--font-size-3xl);
  line-height: 1.88rem;
}
.httpsmutosenkocojp {
  margin: 0;
}
.product-development-htt-container {
  align-self: stretch;
  position: relative;
  line-height: 1.88rem;
  color: var(--font-inherit);
}
.baby-box-supporters1 {
  margin: 0;
  position: relative;
  font-size: inherit;
  line-height: 1.88rem;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  width: 10rem;
  flex-shrink: 0;
}
.staff-raw {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  text-align: right;
  font-size: var(--font-size-lg);
  color: var(--color-midnightblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.dd,
.dt {
  position: relative;
  line-height: 1.88rem;
}
.dt {
  margin: 0;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  width: 10rem;
  flex-shrink: 0;
}
.dd {
  text-align: left;
}
.endroll,
.staff-raw-parent,
.staff-raw2,
.staff6 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.staff-raw2 {
  flex-direction: row;
  gap: var(--gap-lg);
}
.endroll,
.staff-raw-parent,
.staff6 {
  flex-direction: column;
}
.endroll,
.staff6 {
  align-self: stretch;
  flex-direction: row;
  padding: 0 var(--padding-5xl);
  justify-content: space-between;
  text-align: right;
}
.endroll {
  flex-direction: column;
  padding: var(--padding-7xl) 0;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xl);
  text-align: center;
  color: var(--color-midnightblue);
}
.baby-box-container,
.frame-parent9 {
  display: flex;
  text-align: left;
  color: var(--color-midnightblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.baby-box-container {
  align-self: stretch;
  flex-direction: row;
  padding: 0 0 var(--padding-lg);
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-size-7xl);
}
.frame-parent9 {
  flex: 1;
  border-radius: var(--br-md);
  background-color: var(--color-white);
  flex-direction: column;
  padding: var(--padding-sm);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  font-size: var(--font-size-5xl);
}
.baby-box3 {
  margin: 0;
  font-size: inherit;
  line-height: 1.88rem;
  font-weight: 400;
  font-family: inherit;
  width: 12.5rem;
}
.baby-box3,
.div46,
.div48,
.h36 {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.h36 {
  margin: 0;
  font-size: inherit;
  letter-spacing: 0.1em;
  line-height: 1.38rem;
  font-weight: 400;
  font-family: inherit;
  width: 6.25rem;
}
.div46,
.div48 {
  line-height: 1.25rem;
}
.div46 {
  width: 2.38rem;
  height: 1.25rem;
}
.div48 {
  width: 35rem;
}
.parent5 {
  flex-direction: row;
}
.h3-parent,
.instance-parent1,
.parent5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.instance-parent1 {
  flex-direction: column;
  text-align: left;
  font-size: var(--font-size-xs);
}
.h3-parent {
  flex-direction: row;
  gap: var(--gap-lg);
}
.div57 {
  position: relative;
  line-height: 1.25rem;
  display: inline-block;
  width: 35rem;
  flex-shrink: 0;
}
.ul {
  margin: 0;
  padding-left: var(--padding-md);
}
.div60 {
  position: relative;
  font-size: var(--font-inherit);
  line-height: 1.25rem;
  font-family: var(--font-inherit);
  display: inline-block;
  width: 35rem;
  flex-shrink: 0;
}
.li {
  margin-bottom: false;
}
.frame-parent13,
.h3-parent3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.frame-parent13 {
  flex-direction: column;
  text-align: right;
  font-size: var(--font-size-base);
}
.baby-box-parent1,
.stats {
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xl);
  align-items: flex-start;
}
.baby-box-parent1 {
  border-radius: var(--br-lg);
  background-color: var(--color-white);
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.stats {
  align-self: stretch;
  justify-content: center;
  background-image: url(./public/stats@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  text-align: left;
  font-size: var(--font-size-3xl);
  color: var(--color-midnightblue);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.a16,
.a17 {
  text-decoration: none;
  position: relative;
  line-height: 1.25rem;
  color: inherit;
  cursor: pointer;
}
.a17 {
  line-height: 2rem;
}
.parent26 {
  flex-direction: column;
}
.frame-parent15,
.parent25,
.parent26,
.parent28 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-parent15 {
  flex-direction: row;
  gap: 2.88rem;
  font-size: var(--font-size-xl);
}
.parent25,
.parent28 {
  flex-direction: column;
  gap: 1.44rem;
}
.parent28 {
  gap: 1.75rem;
}
.youtube6 {
  text-decoration: none;
  position: relative;
  line-height: 1.25rem;
  color: inherit;
}
.frame-parent14,
.youtube-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.youtube-parent {
  flex-direction: column;
  gap: 1.13rem;
  font-size: var(--font-size-xl);
}
.frame-parent14 {
  flex-direction: row;
  gap: 4.94rem;
}
.a26 {
  text-decoration: none;
  position: relative;
  line-height: 1rem;
  color: inherit;
}
.nav1,
.parent29 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.parent29 {
  flex-direction: row;
  gap: var(--gap-xl);
  font-size: var(--font-size-xl);
}
.nav1 {
  flex-direction: column;
  gap: 2.38rem;
}
.p41 {
  margin: 0;
  position: relative;
  line-height: 1.25rem;
}
.copyright,
.inner {
  flex-direction: column;
  align-items: flex-start;
}
.copyright {
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-2xs);
  font-size: var(--font-size-xl);
}
.inner {
  gap: 6.19rem;
}
.footer,
.home,
.index1,
.inner {
  display: flex;
  justify-content: flex-start;
}
.footer {
  align-self: stretch;
  background-color: var(--color-seagreen-100);
  flex-direction: row;
  padding: var(--padding-6xl);
  align-items: flex-start;
  gap: 10.56rem;
  text-align: left;
  font-size: var(--font-size-3xl);
  color: var(--color-white);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.home,
.index1 {
  background-color: var(--color-white);
  overflow: hidden;
  flex-direction: column;
  align-items: center;
}
.home {
  align-self: stretch;
  text-align: justify;
  font-size: var(--font-size-lg);
  color: var(--color-black);
  font-family: var(--font-kinuta-marumarugothic-asr-stdn);
}
.index1 {
  position: relative;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 1200px) {
  .header {
    gap: var(--gap-xl);
  }
  .babybox-icon {
    align-self: stretch;
    height: auto;
  }
}
@media screen and (max-width: 960px) {
  .a {
    line-height: 1.25rem;
  }
  .a,
  .a1,
  .a2 {
    font-size: var(--font-size-xl);
  }
  .parent {
    height: auto;
    gap: var(--gap-lg);
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .group {
    gap: var(--gap-xl);
  }
  .nav {
    padding-top: var(--padding-2xl);
    padding-bottom: var(--padding-2xl);
    box-sizing: border-box;
  }
  .babybox-icon {
    height: 37.5rem;
  }
  .babybox-icon,
  .frame-group {
    flex: unset;
    align-self: stretch;
  }
  .section-order {
    flex-direction: column;
  }
  .image-icon,
  .image-icon1 {
    height: 25rem;
  }
  .switch1 {
    width: 100%;
    align-self: stretch;
    height: auto;
    flex-direction: row;
    min-width: 100%;
    flex: unset;
  }
  .description {
    align-self: stretch;
    width: auto;
  }
  .paragraph-container {
    flex: unset;
    align-self: stretch;
  }
  .rating {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-right: 0;
    box-sizing: border-box;
  }
  .illust-bib-1-icon {
    display: none;
  }
  .switch {
    width: 90%;
    max-width: 100%;
  }
  .gallery {
    width: 56.25rem;
  }
  .switch-container {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .illust-bib-1-icon1 {
    display: none;
  }
  .image-icon12 {
    height: 25rem;
  }
  .illust-bib-1-icon2,
  .illust-bib-1-icon3,
  .illust-bib-1-icon4,
  .illust-bib-1-icon5 {
    display: none;
  }
  .section {
    width: 100%;
  }
  .container1,
  .image-icon36 {
    align-self: stretch;
    width: auto;
  }
  .container1 {
    align-items: flex-start;
    justify-content: center;
  }
  .babybox-supporters-icon {
    max-width: 100%;
    flex: unset;
    align-self: stretch;
  }
  .frame-parent7 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 50%;
  }
  .about {
    align-items: flex-end;
    justify-content: flex-end;
  }
  .about,
  .baby-box-parent1,
  .footer {
    flex-direction: column;
  }
  .baby-box-project__container{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
  .baby-box-project__container .youtube-negative-parent{
    gap: 1.25rem;
  }
}
@media screen and (max-width: 420px) {
  .header {
    align-self: stretch;
    width: auto;
    flex-direction: column;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .h2 {
    left: 2rem;
    font-size: 1.38rem;
    line-height: 2.75rem;
    text-align: left;
    width: 18.75rem;
  }
  .group,
  .nav {
    box-sizing: border-box;
  }
  .group {
    flex-direction: row;
    gap: var(--gap-lg);
    padding: 0;
  }
  .nav {
    padding: var(--padding-2xl) var(--padding-sm);
  }
  .babybox {
    width: 17.5rem;
    max-width: 100%;
  }
  .babybox-wrapper {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .babybox-icon {
    height: 18.75rem;
  }
  .p2 {
    text-align: center;
  }
  .baby-box-parent {
    flex-direction: column;
    gap: var(--gap-2xs);
    padding-bottom: var(--padding-lg);
    box-sizing: border-box;
  }
  .frame-container,
  .frame-section {
    flex: unset;
    align-self: stretch;
  }
  .instance-parent {
    flex-direction: column;
  }
  .section-order {
    padding: var(--padding-xl) var(--padding-lg);
    box-sizing: border-box;
  }
  .header-child {
    height: 3.75rem;
  }
  .group-child {
    display: none;
    height: 270%;
  }
  .h21 {
    font-size: 2.06rem;
    line-height: 2.5rem;
  }
  .vector-parent {
    width: 18.75rem;
    height: 9rem;
    transform: rotate(0deg);
  }
  .header1 {
    background-color: var(--color-seagreen-100);
    border-radius: 60px;
  }
  .image-icon,
  .image-icon1 {
    min-height: 25rem;
  }
  .switch1 {
    width: 100%;
    flex-direction: column;
  }
  .staff {
    text-align: left;
  }
  .paragraph-container {
    display: flex;
    width: 100%;
  }
  .rating {
    padding-right: 0;
    box-sizing: border-box;
  }
  .number {
    text-align: left;
    align-self: stretch;
    width: auto;
  }
  .switch {
    width: 100%;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: 0;
    padding-top: 0;
    padding-right: var(--padding-lg);
    box-sizing: border-box;
  }
  .photo {
    width: 90%;
    height: auto;
  }
  .gallery {
    display: flex;
    width: 100%;
    padding-right: 0;
    box-sizing: border-box;
  }
  .horizontal-container4 {
    padding-bottom: var(--padding-5xs);
    box-sizing: border-box;
    border: 0;
    border-block-end: 1px solid #fff;
  }
  .httpswwwinstagramcomtaka {
    flex: unset;
    align-self: stretch;
  }
  .link,
  .link-wrapper {
    box-sizing: border-box;
  }
  .link {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: var(--gap-3xs);
    padding-bottom: var(--padding-xs);
  }
  .link-wrapper {
    padding-right: var(--padding-lg);
  }
  .link-wrapper--half-size{
    padding-right: 0;
    margin-top: var(--gap-lg);
  }
  .switch-container {
    width: 100%;
    height: auto;
    flex-direction: column;
    gap: var(--gap-lg);
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: var(--padding-lg);
    box-sizing: border-box;
  }
  .youtube {
    flex: unset;
    align-self: stretch;
  }
  .youtube-container {
    height: auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    padding-left: var(--padding-lg);
    box-sizing: border-box;
  }
  .photo7 {
    width: 90%;
    height: auto;
  }
  .empty {
    display: none;
    flex: unset;
    align-self: stretch;
  }
  .image-icon12 {
    min-height: 25rem;
  }
  .youtube4 {
    flex: unset;
    align-self: stretch;
  }
  .section {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .cover-icon {
    height: 18.75rem;
  }
  .card {
    flex: unset;
    align-self: stretch;
  }
  .container1 {
    flex-direction: column;
    padding-left: var(--padding-lg);
    padding-top: var(--padding-lg);
    padding-right: var(--padding-lg);
    box-sizing: border-box;
  }
  .babybox-supporters-icon {
    align-self: stretch;
    height: auto;
  }
  .frame-parent7 {
    max-width: 100%;
  }
  .baby-box-supporters1 {
    line-height: 1rem;
    width: auto;
  }
  .staff-raw {
    flex-direction: column;
    gap: var(--gap-2xs);
  }
  .dt {
    line-height: 0.63rem;
    text-align: left;
  }
  .staff-raw2 {
    flex-direction: column;
    gap: var(--gap-2xs);
  }
  .staff-raw-parent {
    gap: var(--gap-lg);
    align-items: flex-start;
    justify-content: flex-start;
  }
  .baby-box-container,
  .staff6 {
    flex-direction: column;
    box-sizing: border-box;
  }
  .staff6 {
    gap: var(--gap-2xl);
    padding-left: var(--padding-3xl);
    padding-right: var(--padding-3xl);
  }
  .baby-box-container {
    gap: var(--gap-2xs);
    padding-bottom: var(--padding-lg);
  }
  .frame-parent9 {
    flex: unset;
    align-self: stretch;
  }
  .h36 {
    text-align: left;
  }
  .h3-parent {
    flex-direction: column;
  }
  .div57,
  .div60 {
    width: 18.75rem;
  }
  .h3-parent3 {
    flex-direction: column;
  }
  .baby-box-parent1 {
    gap: var(--gap-lg);
    padding: var(--padding-3xl) var(--padding-lg);
    box-sizing: border-box;
    max-width: 100%;
  }
  .stats {
    padding-left: var(--padding-4xs);
    padding-right: var(--padding-4xs);
    box-sizing: border-box;
  }
  .frame-parent14,
  .parent29 {
    flex-direction: column;
  }
  .footer {
    padding-left: var(--padding-lg);
    padding-right: var(--padding-lg);
    padding-bottom: var(--padding-lg);
    box-sizing: border-box;
  }
  .home {
    width: 100%;
    align-items: center;
    justify-content: flex-start;
  }
}