.layer {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.layer .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1008px;
  height: 8373.95px;
  position: relative;
}

.layer .overlap {
  position: absolute;
  width: 1008px;
  height: 275px;
  top: 8099px;
  left: 0;
  background-image: url(./img/rectangle-2.png);
  background-size: 100% 100%;
}

.layer .text-wrapper {
  position: absolute;
  width: 294px;
  top: 65px;
  left: 358px;
  font-family: "A-OTF Jun Pro-101", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 24.3px;
  text-align: center;
  letter-spacing: 0;
  line-height: 40.4px;
  white-space: nowrap;
}

.layer .rectangle {
  position: absolute;
  width: 170px;
  height: 97px;
  top: 7935px;
  left: 420px;
  object-fit: cover;
}

.layer .overlap-group {
  position: absolute;
  width: 1010px;
  height: 2801px;
  top: 0;
  left: 0;
}

.layer .element {
  position: absolute;
  width: 1008px;
  height: 2016px;
  top: 785px;
  left: 0;
  object-fit: cover;
}

.layer .img {
  width: 1008px;
  height: 1237px;
  top: 0;
  left: 0;
  object-fit: cover;
  position: absolute;
}

.layer .overlap-wrapper {
  width: 764px;
  height: 1374px;
  top: 1106px;
  left: 128px;
  position: absolute;
}

.layer .overlap-2 {
  position: relative;
  width: 883px;
  height: 1493px;
  top: -35px;
  left: -43px;
}

.layer .rectangle-2 {
  position: absolute;
  width: 683px;
  height: 1015px;
  top: 0;
  left: 200px;
  object-fit: cover;
}

.layer .rectangle-3 {
  position: absolute;
  width: 636px;
  height: 1015px;
  top: 478px;
  left: 0;
  object-fit: cover;
}

.layer .banner {
  position: absolute;
  width: 459px;
  height: 180px;
  top: 857px;
  left: 70px;
}

.layer .flexcontainer {
  gap: 26.95px;
  position: relative;
  width: 457px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.layer .text {
  position: relative;
  align-self: stretch;
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 40.4px;
  letter-spacing: 8.89px;
  line-height: normal;
}

.layer .span {
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 40.4px;
  letter-spacing: 8.89px;
}

.layer .group {
  width: 1010px;
  height: 166px;
  left: 0;
  position: absolute;
  top: 0;
}

.layer .image-wrapper {
  position: relative;
  width: 1008px;
  height: 209px;
  background-image: url(./img/rectangle-2-1.png);
  background-size: 100% 100%;
}

.layer .image {
  position: absolute;
  width: 434px;
  height: 61px;
  top: 69px;
  left: 305px;
}

.layer .image-2 {
  position: absolute;
  width: 125px;
  height: 24px;
  top: 41px;
  left: 439px;
}

.layer .banira {
  position: absolute;
  width: 1686px;
  height: 2146px;
  top: 3155px;
  left: 70px;
}

.layer .overlap-3 {
  position: relative;
  width: 938px;
  height: 2146px;
}

.layer .overlap-group-wrapper {
  width: 861px;
  height: 1074px;
  left: 4px;
  position: absolute;
  top: 0;
}

.layer .overlap-group-2 {
  position: relative;
  height: 1074px;
}

.layer .rectangle-4 {
  position: absolute;
  width: 499px;
  height: 723px;
  top: 351px;
  left: 0;
}

.layer .rectangle-5 {
  position: absolute;
  width: 430px;
  height: 615px;
  top: 0;
  left: 430px;
}

.layer .img-2 {
  position: absolute;
  width: 577px;
  height: 1320px;
  top: 826px;
  left: 360px;
}

.layer .flexcontainer-2 {
  gap: 2.7px;
  position: absolute;
  width: 333px;
  height: 201px;
  top: 28px;
  left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.layer .span-wrapper {
  position: relative;
  align-self: stretch;
  font-family: "A-OTF Jun Pro-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 29.6px;
  letter-spacing: 2.96px;
  line-height: 40.4px;
}

.layer .text-wrapper-2 {
  font-family: "A-OTF Jun Pro-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 29.6px;
  letter-spacing: 2.96px;
  line-height: 40.4px;
}

.layer .text-wrapper-3 {
  position: absolute;
  width: 694px;
  top: 1834px;
  left: 0;
  font-family: "SoukouMincho-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 53.9px;
  letter-spacing: 5.39px;
  line-height: normal;
  white-space: nowrap;
}

.layer .element-2 {
  position: absolute;
  width: 542px;
  top: 1927px;
  left: 0;
  font-family: "A-OTF Jun Pro-101", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 32.3px;
  letter-spacing: 1.29px;
  line-height: 45.8px;
}

.layer .line {
  position: absolute;
  width: 208px;
  height: 709px;
  top: 936px;
  left: 176px;
}

.layer .line-2 {
  position: absolute;
  width: 626px;
  height: 77px;
  top: 750px;
  left: 312px;
}

.layer .ellipse {
  position: absolute;
  width: 253px;
  height: 253px;
  top: 742px;
  left: 155px;
  border-radius: 126.71px;
  border: 10.78px solid;
  border-color: #28448d;
}

.layer .image-3 {
  position: absolute;
  width: 692px;
  height: 63px;
  top: 3061px;
  left: 79px;
}

.layer .tabegoro {
  position: absolute;
  width: 1016px;
  height: 1756px;
  top: 5719px;
  left: 30px;
}

.layer .overlap-4 {
  position: absolute;
  width: 1000px;
  height: 1585px;
  top: 171px;
  left: 0;
}

.layer .div-wrapper {
  width: 917px;
  height: 1585px;
  left: 0;
  position: absolute;
  top: 0;
}

.layer .overlap-5 {
  position: relative;
  height: 1585px;
}

.layer .overlap-group-3 {
  position: relative;
  width: 992px;
  height: 1660px;
  top: -16px;
  left: -19px;
}

.layer .rectangle-6 {
  position: absolute;
  width: 619px;
  height: 643px;
  top: 0;
  left: 40px;
}

.layer .rectangle-7 {
  position: absolute;
  width: 619px;
  height: 664px;
  top: 414px;
  left: 373px;
}

.layer .rectangle-8 {
  position: absolute;
  width: 651px;
  height: 783px;
  top: 878px;
  left: 0;
}

.layer .ellipse-2 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 415px;
  left: 389px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-3 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 441px;
  left: 407px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-4 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 468px;
  left: 426px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-5 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 491px;
  left: 444px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-6 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 864px;
  left: 457px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-7 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 888px;
  left: 441px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-8 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 909px;
  left: 426px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .ellipse-9 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 930px;
  left: 410px;
  background-color: #28448d;
  border-radius: 7.92px;
}

.layer .flexcontainer-3 {
  gap: 16.17px;
  position: absolute;
  width: 291px;
  height: 261px;
  top: 77px;
  left: 644px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.layer .p {
  position: relative;
  align-self: stretch;
  font-family: "A-OTF Jun Pro-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 27px;
  letter-spacing: 1.08px;
  line-height: 29.6px;
}

.layer .text-wrapper-4 {
  font-family: "A-OTF Jun Pro-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 27px;
  letter-spacing: 1.08px;
  line-height: 29.6px;
}

.layer .text-wrapper-5 {
  position: absolute;
  width: 119px;
  top: 161px;
  left: 644px;
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 59.3px;
  letter-spacing: 2.37px;
  line-height: normal;
  white-space: nowrap;
}

.layer .flexcontainer-4 {
  gap: 16.17px;
  position: absolute;
  width: 291px;
  height: 261px;
  top: 603px;
  left: 75px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.layer .text-wrapper-6 {
  position: absolute;
  width: 119px;
  top: 686px;
  left: 75px;
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 59.3px;
  letter-spacing: 2.37px;
  line-height: normal;
  white-space: nowrap;
}

.layer .flexcontainer-5 {
  gap: 16.17px;
  position: absolute;
  width: 291px;
  height: 261px;
  top: 1144px;
  left: 612px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.layer .text-wrapper-7 {
  position: absolute;
  width: 119px;
  top: 1228px;
  left: 612px;
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 59.3px;
  letter-spacing: 2.37px;
  line-height: normal;
  white-space: nowrap;
}

.layer .text-wrapper-8 {
  position: absolute;
  width: 243px;
  top: 1100px;
  left: 750px;
  transform: rotate(11.48deg);
  font-family: "04KanjyukuGothic-Regular", Helvetica;
  font-weight: 400;
  color: #e24646;
  font-size: 43.1px;
  letter-spacing: 1.72px;
  line-height: 56.6px;
}

.layer .flexcontainer-6 {
  gap: 26.95px;
  position: absolute;
  width: 665px;
  height: 169px;
  top: 0;
  left: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.layer .text-2 {
  position: relative;
  align-self: stretch;
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 53.9px;
  letter-spacing: 2.16px;
  line-height: normal;
}

.layer .text-wrapper-9 {
  font-family: "07YasashisaAntique-Regular", Helvetica;
  font-weight: 400;
  color: #28448d;
  font-size: 53.9px;
  letter-spacing: 2.16px;
}