.div {
  height: 30px;
  flex: 1;
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.logo-kumamoto-womensday-1-icon {
  height: 62.4px;
  width: 228px;
  position: relative;
  object-fit: cover;
}
.parent,
.top-inner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
}
.parent {
  width: 639px;
  align-items: center;
  gap: 70px;
}
.top-inner {
  width: 1090px;
  align-items: flex-start;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  min-height: 100px;
  text-align: left;
  font-size: var(--font-size-xl);
  color: #4e4e4e;
  font-family: var(--font-inter);
}
.home-catch-1-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.frame-child {
  position: absolute;
  top: 279px;
  left: 0;
  width: 1050px;
  height: 733px;
  z-index: 1;
}
.lbl-home-catch-1-icon {
  position: absolute;
  top: 660px;
  left: 363px;
  width: 664px;
  height: 352px;
  object-fit: cover;
  z-index: 2;
}
.home-catch-1-parent {
  height: 1012px;
  width: 1050px;
  position: relative;
  max-width: 100%;
}
.main-visual,
.main-visual-wrapper {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.main-visual {
  flex: 1;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.main-visual-wrapper {
  align-self: stretch;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 35px;
  box-sizing: border-box;
}
.h1,
.p,
.p1,
.p2,
.p3 {
  margin: 0;
}
.h1 {
  height: 346px;
  flex: 1;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: inline-block;
  max-width: 100%;
}
.img-kumamoto-womensday-1-icon {
  width: 175px;
  position: absolute;
  margin: 0 !important;
  top: 18px;
  right: 296px;
  height: 180.3px;
  object-fit: cover;
  z-index: 1;
}
.div1,
.group {
  position: relative;
  max-width: 100%;
}
.group {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.div1 {
  height: 368px;
  flex: 1;
  font-weight: 300;
  display: inline-block;
}
.wrapper {
  width: 878px;
  flex-direction: row;
  justify-content: flex-start;
  padding: 0 59px;
  box-sizing: border-box;
  font-size: var(--font-size-xl);
}
.frame-parent,
.top-child,
.wrapper {
  display: flex;
  align-items: flex-start;
  max-width: 100%;
}
.frame-parent {
  width: 1080px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-4xl);
}
.top-child {
  width: 1322px;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  min-height: 770px;
  text-align: left;
  font-size: 40px;
  color: var(--color-black);
  font-family: var(--font-noto-sans-symbols);
}
.fig-1-2-icon {
  align-self: stretch;
  width: 41.7px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  min-height: 60px;
}
.fig-2-2-icon,
.lbl-hdg-news-1-icon {
  height: 40px;
  width: 243.4px;
  position: relative;
  object-fit: cover;
}
.fig-2-2-icon {
  height: 60px;
  width: 57.1px;
}
.fig-1-2-parent,
.frame-wrapper,
.lbl-hdg-news-1-parent {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-width: 100%;
}
.lbl-hdg-news-1-parent {
  align-items: flex-end;
  gap: var(--gap-15xl);
}
.fig-1-2-parent,
.frame-wrapper {
  align-items: flex-start;
}
.fig-1-2-parent {
  gap: 58px;
}
.frame-wrapper {
  padding: 0 11px 0 0;
  box-sizing: border-box;
}
.frame-item {
  border: 0;
  background-color: var(--color-gainsboro);
  height: 225px;
  width: auto;
  outline: 0;
  align-self: stretch;
  border-radius: var(--br-16xl);
}
.div2,
.div3,
.frame-item {
  position: relative;
}
.div2 {
  width: 182px;
  font-weight: 300;
  display: inline-block;
  z-index: 2;
}
.div3 {
  align-self: stretch;
  font-size: var(--font-size-5xl);
  z-index: 1;
}
.container {
  width: 266px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.div4 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.frame-container,
.rectangle-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-container {
  width: 292px;
  gap: var(--gap-6xl);
}
.rectangle-parent {
  flex: 1;
  gap: var(--gap-16xl);
  min-width: 232px;
}
.frame-inner {
  border: 0;
  background-color: var(--color-gainsboro);
  height: 225px;
  width: auto;
  outline: 0;
  align-self: stretch;
  border-radius: var(--br-16xl);
}
.div5,
.div6,
.frame-inner {
  position: relative;
}
.div5 {
  width: 182px;
  font-weight: 300;
  display: inline-block;
  z-index: 2;
}
.div6 {
  align-self: stretch;
  font-size: var(--font-size-5xl);
  z-index: 1;
}
.parent1 {
  width: 266px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.div7 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.frame-div,
.rectangle-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-div {
  width: 292px;
  gap: var(--gap-6xl);
}
.rectangle-group {
  flex: 1;
  gap: var(--gap-16xl);
  min-width: 232px;
}
.rectangle-textarea {
  border: 0;
  background-color: var(--color-gainsboro);
  height: 225px;
  width: auto;
  outline: 0;
  align-self: stretch;
  position: relative;
  border-radius: var(--br-16xl);
}
.div8,
.div9 {
  position: relative;
}
.div8 {
  width: 182px;
  font-weight: 300;
  display: inline-block;
  z-index: 2;
}
.div9 {
  align-self: stretch;
  font-size: var(--font-size-5xl);
  z-index: 1;
}
.parent2 {
  width: 266px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.div10 {
  align-self: stretch;
  position: relative;
  font-weight: 300;
}
.frame-parent1,
.rectangle-container {
  flex-direction: column;
  align-items: flex-start;
}
.frame-parent1 {
  width: 292px;
  display: flex;
  justify-content: flex-start;
  gap: var(--gap-6xl);
}
.rectangle-container {
  flex: 1;
  gap: var(--gap-16xl);
  min-width: 232px;
}
.frame-group,
.rectangle-container,
.test-container {
  display: flex;
  justify-content: flex-start;
}
.test-container {
  align-self: stretch;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
}
.frame-group {
  width: 1027px;
  flex-direction: column;
  align-items: center;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: 56px;
  min-height: 510px;
  max-width: 100%;
  text-align: left;
  font-size: var(--font-size-xl);
  color: var(--color-black);
  font-family: var(--font-noto-sans-symbols);
}
.event-child {
  width: 1434px;
  height: 568px;
  position: relative;
  background-color: var(--color-lightcyan);
  display: none;
  max-width: 100%;
}
.fig-1-3-icon {
  width: 42px;
  flex: 1;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  z-index: 1;
}
.supporter-area {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 8px 0 0;
}
.fig-2-3-icon,
.lbl-hdg-event-1-icon {
  height: 40px;
  width: 100px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.fig-2-3-icon {
  height: 60px;
  width: 57.1px;
  min-height: 60px;
}
.event-container,
.image-event {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.image-event {
  align-self: stretch;
  align-items: flex-end;
  gap: var(--gap-3xl);
}
.event-container {
  height: 60px;
  align-items: flex-start;
  padding: 0 0 0 7px;
  box-sizing: border-box;
}
.img-event-1-icon {
  width: 719.7px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
  z-index: 1;
}
.event {
  align-self: stretch;
  background-color: var(--color-lightcyan);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-36xl) var(--padding-36xl) 105px;
  box-sizing: border-box;
  gap: 46px;
  max-width: 100%;
}
.fig-1-4-icon {
  align-self: stretch;
  width: 42px;
  position: relative;
  max-height: 100%;
  object-fit: cover;
  min-height: 60px;
}
.fig-2-4-icon,
.lbl-hdg-supporter-1-icon {
  height: 40px;
  width: 165px;
  position: relative;
  object-fit: cover;
}
.fig-2-4-icon {
  height: 60px;
  width: 57.1px;
  min-height: 60px;
}
.fig-1-4-parent,
.frame-wrapper1 {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.fig-1-4-parent {
  flex: 1;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--gap-xl);
}
.frame-wrapper1 {
  width: 355px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0 0 13px;
  box-sizing: border-box;
}
.img-campaign-1-icon {
  align-self: stretch;
  height: 200px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.frame-parent2 {
  width: 719px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 59px;
  max-width: 100%;
}
.frame-child1,
.frame-child2,
.rectangle-input {
  border: 0;
  outline: 0;
  background-color: var(--color-gainsboro);
  height: 110px;
  flex: 1;
  position: relative;
  min-width: 195px;
}
.footer-logo,
.rectangle-parent1,
.suppoter {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.rectangle-parent1 {
  width: 848px;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--gap-15xl);
}
.footer-logo,
.suppoter {
  box-sizing: border-box;
}
.suppoter {
  flex: 1;
  overflow: hidden;
  flex-direction: column;
  align-items: center;
  padding: var(--padding-37xl) var(--padding-37xl) 65px;
  gap: 107px;
}
.footer-logo {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 19px;
}
.fig-contact-1-1-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.div11 {
  width: 161px;
  height: 49px;
  position: relative;
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
}
.fig-contact-1-1-parent {
  align-self: stretch;
  height: 120px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
}
.div12 {
  width: 555px;
  height: 49px;
  position: relative;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
}
.frame-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 0 0 0 1px;
  box-sizing: border-box;
  gap: var(--gap-lgi);
  max-width: 100%;
}
.aaaaaakumanichicojp,
.div13 {
  position: relative;
  font-weight: 300;
}
.aaaaaakumanichicojp {
  height: 16px;
  display: inline-block;
  flex-shrink: 0;
  white-space: nowrap;
}
.event-area-inner,
.parent3 {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.parent3 {
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.event-area-inner {
  flex-direction: row;
  align-items: flex-start;
  padding: 0 0 0 37px;
  box-sizing: border-box;
  min-height: 56px;
  font-size: var(--font-size-base);
}
.fig-contact-2-1-icon {
  align-self: stretch;
  height: 17.4px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
}
.event-area {
  width: 641px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0 var(--padding-xl);
  box-sizing: border-box;
  gap: var(--gap-10xl);
  min-height: 336px;
  max-width: 100%;
}
.lbl-kumamoto-womensday-1-icon,
.logo-kumamoto-womensday-2-icon {
  width: 104.3px;
  height: 60px;
  position: relative;
  object-fit: cover;
}
.logo-kumamoto-womensday-2-icon {
  width: 190px;
  height: 52px;
}
.logo {
  align-self: stretch;
  height: 296px;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: var(--padding-53xl) var(--padding-2xl) var(--padding-53xl) 23px;
  box-sizing: border-box;
  gap: var(--gap-lgi);
}
.footer-child {
  height: 141px;
  width: 1439px;
  position: relative;
  background-color: var(--color-gold);
  display: none;
  max-width: 100%;
}
.logo-kumanichi-1-icon {
  height: 25px;
  width: 154.7px;
  position: relative;
  object-fit: cover;
  z-index: 1;
}
.kumamotonichinichi-shimbun-all {
  height: 33px;
  position: relative;
  font-weight: 300;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}
.footer,
.top {
  overflow: hidden;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  text-align: left;
  color: var(--color-black);
  font-family: var(--font-noto-sans-symbols);
}
.footer {
  align-self: stretch;
  background-color: var(--color-gold);
  flex-direction: row;
  justify-content: space-between;
  padding: 49px 214px 57px 222px;
  gap: var(--gap-xl);
  max-width: 100%;
  font-size: var(--font-size-base);
}
.top {
  width: 100%;
  position: relative;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-2xl) 0 0;
  gap: 3px;
  letter-spacing: normal;
  font-size: var(--font-size-5xl);
}
@media screen and (max-width: 1100px) {
  .home-catch-1-parent {
    width: calc(100% - 40px);
  }
  .footer {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1000px) {
  .h1 {
    font-size: 32px;
  }
  .event,
  .suppoter,
  .wrapper {
    padding-left: var(--padding-10xl);
    padding-right: var(--padding-10xl);
    box-sizing: border-box;
  }
  .event,
  .suppoter {
    padding-left: var(--padding-8xl);
    padding-right: var(--padding-8xl);
  }
  .suppoter {
    gap: 53px;
    padding-left: var(--padding-9xl);
    padding-right: var(--padding-9xl);
  }
}
@media screen and (max-width: 750px) {
  .parent {
    gap: var(--gap-16xl);
  }
  .frame-group {
    gap: 28px;
  }
  .event {
    padding-top: var(--padding-17xl);
    padding-bottom: 68px;
    box-sizing: border-box;
  }
  .frame-parent2 {
    gap: var(--gap-10xl);
  }
  .footer,
  .suppoter {
    box-sizing: border-box;
  }
  .suppoter {
    gap: 27px;
    padding-top: var(--padding-17xl);
    padding-bottom: 42px;
  }
  .footer {
    padding-left: 111px;
    padding-right: 107px;
  }
}
@media screen and (max-width: 450px) {
  .parent {
    gap: var(--gap-mid);
  }
  .h1 {
    font-size: var(--font-size-5xl);
  }
  .div1 {
    font-size: var(--font-size-base);
  }
  .lbl-hdg-news-1-parent {
    flex-wrap: wrap;
    gap: var(--gap-mid);
  }
  .fig-1-2-parent {
    flex-wrap: wrap;
    gap: var(--gap-10xl);
  }
  .div2 {
    font-size: var(--font-size-base);
  }
  .div3 {
    font-size: var(--font-size-lgi);
  }
  .div4 {
    font-size: var(--font-size-base);
  }
  .rectangle-parent {
    gap: var(--gap-mid);
  }
  .div5 {
    font-size: var(--font-size-base);
  }
  .div6 {
    font-size: var(--font-size-lgi);
  }
  .div7 {
    font-size: var(--font-size-base);
  }
  .rectangle-group {
    gap: var(--gap-mid);
  }
  .div8 {
    font-size: var(--font-size-base);
  }
  .div9 {
    font-size: var(--font-size-lgi);
  }
  .div10 {
    font-size: var(--font-size-base);
  }
  .rectangle-container {
    gap: var(--gap-mid);
  }
  .event {
    gap: var(--gap-4xl);
  }
  .fig-1-4-parent {
    flex-wrap: wrap;
    justify-content: center;
  }
  .rectangle-parent1 {
    gap: var(--gap-mid);
  }
  .div11 {
    font-size: var(--font-size-lgi);
  }
  .footer {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}