.screen.main-wrapper {
  width: 100%;
  min-width: 405px;
  min-height: 465px;
  display: flex;
  justify-content: center;
}

.screen .main {
  width: 303.75px;
  height: 465.19px;
  margin-left: 0.8px;
  position: relative;
  background-color: #f9ffe5;
}

.screen .text-wrapper {
  position: absolute;
  top: 137px;
  left: 132px;
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 700;
  color: #2e2e2e;
  font-size: 10.1px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .div {
  position: absolute;
  top: 247px;
  left: 132px;
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 700;
  color: #2e2e2e;
  font-size: 10.1px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .mainimage {
  position: absolute;
  top: 34px;
  left: calc(50.00% - 152px);
  width: 304px;
  height: 91px;
  aspect-ratio: 3.33;
  object-fit: cover;
}

.screen .group {
  position: absolute;
  top: 163px;
  left: 19px;
  width: 266px;
  height: 63px;
  display: flex;
  gap: 19.2px;
}

.screen .group-2 {
  width: 162.84px;
  height: 62.86px;
  position: relative;
}

.screen .view {
  width: 132.99px;
  height: 9.8px;
  top: -1px;
  left: 31px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-2 {
  margin-top: -1.05px;
  font-size: 3.4px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .div-wrapper {
  width: 34px;
  height: 10px;
  top: -1px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-3 {
  margin-top: -1.05px;
  font-size: 3px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-2 {
  width: 133px;
  height: 10px;
  top: 7px;
  left: 31px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-3 {
  width: 34px;
  height: 10px;
  top: 7px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-4 {
  width: 133px;
  height: 10px;
  top: 30px;
  left: 31px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-5 {
  width: 34px;
  height: 10px;
  top: 30px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-4 {
  position: relative;
  width: fit-content;
  margin-top: -1.05px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 3.4px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .view-6 {
  width: 133px;
  height: 10px;
  top: 38px;
  left: 31px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-7 {
  width: 34px;
  height: 10px;
  top: 38px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-8 {
  width: 133px;
  height: 10px;
  top: 46px;
  left: 31px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-5 {
  margin-top: -1.16px;
  font-size: 3.4px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-9 {
  width: 34px;
  height: 10px;
  top: 46px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-6 {
  position: relative;
  width: fit-content;
  margin-top: -1.16px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 3.4px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .view-10 {
  width: 133px;
  height: 10px;
  top: 54px;
  left: 31px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -0.95px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 3.4px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .text-wrapper-8 {
  margin-top: -1.16px;
  font-size: 3px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-9 {
  margin-top: -0.95px;
  font-size: 3.4px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-11 {
  width: 34px;
  height: 10px;
  top: 54px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-10 {
  margin-top: -0.95px;
  font-size: 3px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-12 {
  width: 133px;
  height: 10px;
  top: 15px;
  left: 31px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-13 {
  width: 34px;
  height: 10px;
  top: 15px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-14 {
  width: 133px;
  height: 10px;
  top: 22px;
  left: 31px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .view-15 {
  width: 34px;
  height: 10px;
  top: 22px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 2.11px;
  padding: 2.85px;
  position: absolute;
  border: 0.21px solid;
  border-color: #ffffff;
}

.screen .image {
  width: 84.38px;
  height: 63.28px;
  aspect-ratio: 1.33;
  object-fit: cover;
}

.screen .group-3 {
  position: absolute;
  top: 274px;
  left: 23px;
  width: 259px;
  height: 87px;
  display: flex;
  gap: 21.1px;
}

.screen .map-maker-osaka {
  width: 162.63px;
  height: 87.12px;
  object-fit: cover;
}

.screen .element {
  width: 73px;
  height: 15px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 5.1px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .span {
  font-weight: 500;
}

.screen .text-wrapper-11 {
  font-weight: 700;
  font-size: 6.8px;
}

.screen .group-4 {
  position: absolute;
  left: calc(50.00% - 152px);
  bottom: 0;
  width: 310px;
  height: 85px;
}

.screen .rectangle {
  position: absolute;
  left: calc(50.00% - 155px);
  bottom: 0;
  width: 304px;
  height: 85px;
  background-color: #567748;
}

.screen .p {
  position: absolute;
  top: 75px;
  left: calc(50.00% - 38px);
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 3.4px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .TOP {
  position: absolute;
  top: 6px;
  left: 33px;
  width: 75px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 5.1px;
  letter-spacing: 0;
  line-height: 10.3px;
}

.screen .text-wrapper-12 {
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 5.1px;
  letter-spacing: 0;
  line-height: 10.3px;
}

.screen .element-2 {
  position: absolute;
  top: 27px;
  left: 95px;
  width: 113px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 4.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 5.5px;
}

.screen .text-wrapper-13 {
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 4.2px;
  letter-spacing: 0;
  line-height: 5.5px;
}

.screen .text-wrapper-14 {
  font-weight: 700;
}

.screen .logow {
  position: absolute;
  top: 6px;
  left: 125px;
  width: 55px;
  height: 14px;
  aspect-ratio: 3.99;
  background-image: url(./img/logow-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.screen .banner {
  position: absolute;
  top: 61px;
  left: 160px;
  width: 63px;
  height: 9px;
  aspect-ratio: 6.67;
  object-fit: cover;
}

.screen .img {
  position: absolute;
  top: 61px;
  left: 81px;
  width: 63px;
  height: 9px;
  aspect-ratio: 6.67;
  object-fit: cover;
}

.screen .map-maker-osaka-2 {
  position: absolute;
  top: 6px;
  left: 209px;
  width: 56px;
  height: 50px;
  object-fit: cover;
}

.screen .navbar {
  position: absolute;
  top: 9px;
  left: 9px;
  width: 298px;
  height: 14px;
}

.screen .text-wrapper-15 {
  top: 1px;
  left: 180px;
  font-weight: 500;
  color: #74a250;
  font-size: 3.2px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-16 {
  top: 4px;
  left: 64px;
  font-weight: 700;
  color: #191919;
  font-size: 5.5px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-17 {
  top: 4px;
  left: 82px;
  font-weight: 700;
  color: #191919;
  font-size: 5.5px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-18 {
  top: 4px;
  left: 110px;
  font-weight: 700;
  color: #191919;
  font-size: 5.5px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-19 {
  top: 4px;
  left: 150px;
  font-weight: 700;
  color: #191919;
  font-size: 5.5px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 14px;
  aspect-ratio: 3.99;
  object-fit: cover;
}

.screen .text-wrapper-20 {
  top: 3px;
  left: 179px;
  font-weight: 900;
  color: #000000;
  font-size: 8.4px;
  white-space: nowrap;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .image-2 {
  position: absolute;
  top: 0;
  left: 244px;
  width: 42px;
  height: 12px;
  aspect-ratio: 3.59;
  object-fit: cover;
}

.screen.main-wrapper-2 {
  width: 100%;
  min-width: 1080px;
  min-height: 1240px;
  display: flex;
  justify-content: center;
}

.screen .main-2 {
  margin-top: 0;
  width: 810px;
  height: 1240.5px;
  position: relative;
  background-color: #f9ffe5;
}

.screen .text-wrapper-21 {
  position: absolute;
  top: 366px;
  left: 352px;
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 700;
  color: #2e2e2e;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-22 {
  position: absolute;
  top: 659px;
  left: 353px;
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 700;
  color: #2e2e2e;
  font-size: 27px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .mainimage-2 {
  position: absolute;
  top: 90px;
  left: calc(50.00% - 405px);
  width: 810px;
  height: 243px;
  aspect-ratio: 3.33;
  object-fit: cover;
}

.screen .group-5 {
  position: absolute;
  top: 435px;
  left: 50px;
  width: 710px;
  height: 169px;
  display: flex;
  gap: 51.2px;
}

.screen .group-6 {
  width: 434.25px;
  height: 167.62px;
  position: relative;
}

.screen .view-16 {
  width: 351.31px;
  height: 22.81px;
  top: -1px;
  left: 84px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-23 {
  margin-top: -2.97px;
  margin-bottom: -0.41px;
  font-size: 9px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-17 {
  width: 87px;
  height: 23px;
  top: -1px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-24 {
  margin-top: -1.97px;
  font-size: 7.9px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-18 {
  width: 351px;
  height: 23px;
  top: 20px;
  left: 84px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-19 {
  width: 87px;
  height: 23px;
  top: 20px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-20 {
  width: 351px;
  height: 23px;
  top: 83px;
  left: 84px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-21 {
  width: 87px;
  height: 23px;
  top: 83px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-25 {
  position: relative;
  width: fit-content;
  margin-top: -2.97px;
  margin-bottom: -0.41px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-22 {
  width: 351px;
  height: 23px;
  top: 104px;
  left: 84px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-23 {
  width: 87px;
  height: 23px;
  top: 104px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-24 {
  width: 351px;
  height: 22px;
  top: 125px;
  left: 84px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-26 {
  margin-top: -3.25px;
  margin-bottom: -0.69px;
  font-size: 9px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-25 {
  width: 87px;
  height: 22px;
  top: 125px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-27 {
  position: relative;
  width: fit-content;
  margin-top: -3.25px;
  margin-bottom: -0.69px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-26 {
  width: 351px;
  height: 23px;
  top: 145px;
  left: 84px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-28 {
  position: relative;
  width: fit-content;
  margin-top: -2.69px;
  margin-bottom: -0.12px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-29 {
  margin-top: -2.25px;
  font-size: 7.9px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-30 {
  margin-top: -2.69px;
  margin-bottom: -0.12px;
  font-size: 9px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-27 {
  width: 87px;
  height: 23px;
  top: 145px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-31 {
  margin-top: -1.69px;
  font-size: 7.9px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-28 {
  width: 351px;
  height: 22px;
  top: 41px;
  left: 84px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-29 {
  width: 87px;
  height: 22px;
  top: 41px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-30 {
  width: 351px;
  height: 23px;
  top: 61px;
  left: 84px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .view-31 {
  width: 87px;
  height: 23px;
  top: 61px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 5.62px;
  padding: 7.59px;
  position: absolute;
  border: 0.56px solid;
  border-color: #ffffff;
}

.screen .image-3 {
  width: 225px;
  height: 168.75px;
  aspect-ratio: 1.33;
  object-fit: cover;
}

.screen .group-7 {
  position: absolute;
  top: 730px;
  left: 62px;
  width: 687px;
  height: 232px;
  display: flex;
  gap: 56.2px;
}

.screen .map-maker-osaka-3 {
  width: 433.69px;
  height: 232.31px;
  object-fit: cover;
}

.screen .element-3 {
  margin-top: 0;
  width: 195px;
  height: 40px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-32 {
  font-weight: 700;
  font-size: 18px;
}

.screen .group-8 {
  position: absolute;
  left: calc(50.00% - 405px);
  bottom: -1px;
  width: 816px;
  height: 227px;
}

.screen .rectangle-2 {
  position: absolute;
  left: calc(50.00% - 408px);
  bottom: 0;
  width: 810px;
  height: 227px;
  background-color: #567748;
}

.screen .text-wrapper-33 {
  position: absolute;
  top: 201px;
  left: calc(50.00% - 95px);
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 9px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .TOP-2 {
  position: absolute;
  top: 17px;
  left: 88px;
  width: 200px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 27.6px;
}

.screen .text-wrapper-34 {
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 13.5px;
  letter-spacing: 0;
  line-height: 27.6px;
}

.screen .element-4 {
  position: absolute;
  top: 71px;
  left: 254px;
  width: 302px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 11.2px;
  text-align: center;
  letter-spacing: 0;
  line-height: 14.6px;
}

.screen .text-wrapper-35 {
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 11.2px;
  letter-spacing: 0;
  line-height: 14.6px;
}

.screen .logow-2 {
  position: absolute;
  top: 17px;
  left: 332px;
  width: 146px;
  height: 37px;
  aspect-ratio: 3.99;
  background-image: url(./img/logow-1-2.png);
  background-size: cover;
  background-position: 50% 50%;
}

.screen .banner-2 {
  position: absolute;
  top: 162px;
  left: 426px;
  width: 169px;
  height: 25px;
  aspect-ratio: 6.67;
  object-fit: cover;
}

.screen .banner-3 {
  position: absolute;
  top: 162px;
  left: 215px;
  width: 169px;
  height: 25px;
  aspect-ratio: 6.67;
  object-fit: cover;
}

.screen .map-maker-osaka-4 {
  position: absolute;
  top: 17px;
  left: 558px;
  width: 149px;
  height: 133px;
  object-fit: cover;
}

.screen .navbar-2 {
  position: absolute;
  top: 24px;
  left: 24px;
  width: 774px;
  height: 38px;
}

.screen .text-wrapper-36 {
  top: 1px;
  left: 479px;
  font-weight: 500;
  color: #74a250;
  font-size: 8.4px;
  white-space: nowrap;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-37 {
  position: absolute;
  top: 10px;
  left: 171px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #191919;
  font-size: 14.6px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-38 {
  top: 10px;
  left: 218px;
  font-weight: 700;
  color: #191919;
  font-size: 14.6px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-39 {
  top: 10px;
  left: 294px;
  font-weight: 700;
  color: #191919;
  font-size: 14.6px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-40 {
  top: 10px;
  left: 399px;
  font-weight: 700;
  color: #191919;
  font-size: 14.6px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .logo-2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 38px;
  aspect-ratio: 3.99;
  object-fit: cover;
}

.screen .text-wrapper-41 {
  position: absolute;
  top: 9px;
  left: 478px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 22.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .image-4 {
  position: absolute;
  top: 0;
  left: 650px;
  width: 112px;
  height: 31px;
  aspect-ratio: 3.59;
  object-fit: cover;
}

.screen.main-wrapper-3 {
  width: 100%;
  min-width: 1440px;
  min-height: 1653.75px;
  display: flex;
  justify-content: center;
}

.screen .main-3 {
  width: 1080px;
  height: 1654px;
  display: flex;
  flex-direction: column;
  background-color: #f9ffe5;
}

.screen .navbar-3 {
  margin-left: 32px;
  width: 1028px;
  height: 50.25px;
  position: relative;
  margin-top: 32px;
}

.screen .text-wrapper-42 {
  top: 1px;
  left: 639px;
  font-weight: 500;
  color: #74a250;
  font-size: 11.2px;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-43 {
  position: absolute;
  top: 13px;
  left: 228px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 700;
  color: #191919;
  font-size: 19.5px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .text-wrapper-44 {
  top: 13px;
  left: 290px;
  font-weight: 700;
  color: #191919;
  font-size: 19.5px;
  white-space: nowrap;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-45 {
  top: 13px;
  left: 392px;
  font-weight: 700;
  color: #191919;
  font-size: 19.5px;
  white-space: nowrap;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-46 {
  top: 13px;
  left: 532px;
  font-weight: 700;
  color: #191919;
  font-size: 19.5px;
  white-space: nowrap;
  position: absolute;
  font-family: "Noto Sans JP", Helvetica;
  letter-spacing: 0;
  line-height: normal;
}

.screen .logo-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 50px;
  aspect-ratio: 3.99;
  object-fit: cover;
}

.screen .text-wrapper-47 {
  position: absolute;
  top: 12px;
  left: 638px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 900;
  color: #000000;
  font-size: 30px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .image-5 {
  position: absolute;
  top: 0;
  left: 867px;
  width: 149px;
  height: 42px;
  aspect-ratio: 3.59;
  object-fit: cover;
}

.screen .mainimage-3 {
  height: 324px;
  width: 1080px;
  align-self: center;
  margin-top: 37.8px;
  aspect-ratio: 3.33;
  object-fit: cover;
}

.screen .text-wrapper-48 {
  margin-left: 470px;
  width: 144px;
  height: 47px;
  margin-top: 43.5px;
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 700;
  color: #2e2e2e;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .group-9 {
  margin-left: 66px;
  width: 947.25px;
  margin-top: 46px;
  display: flex;
  gap: 68.2px;
}

.screen .group-10 {
  width: 579px;
  height: 223.5px;
  position: relative;
}

.screen .view-32 {
  width: 467.75px;
  height: 29.75px;
  top: -1px;
  left: 112px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-49 {
  margin-top: -3.62px;
  margin-bottom: -0.88px;
  font-size: 12px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-33 {
  width: 115px;
  height: 30px;
  top: -1px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-50 {
  margin-top: -3.12px;
  margin-bottom: -0.38px;
  font-size: 10.5px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-34 {
  width: 468px;
  height: 30px;
  top: 27px;
  left: 112px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-35 {
  width: 115px;
  height: 30px;
  top: 27px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-36 {
  width: 468px;
  height: 30px;
  top: 111px;
  left: 112px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-37 {
  width: 115px;
  height: 30px;
  top: 111px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-51 {
  position: relative;
  width: fit-content;
  margin-top: -3.62px;
  margin-bottom: -0.88px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .view-38 {
  width: 468px;
  height: 30px;
  top: 138px;
  left: 112px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-39 {
  width: 115px;
  height: 30px;
  top: 138px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-40 {
  width: 468px;
  height: 29px;
  top: 167px;
  left: 112px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-52 {
  margin-top: -4.00px;
  margin-bottom: -1.25px;
  font-size: 12px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-41 {
  width: 115px;
  height: 29px;
  top: 167px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-53 {
  position: relative;
  width: fit-content;
  margin-top: -4.00px;
  margin-bottom: -1.25px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .view-42 {
  width: 468px;
  height: 30px;
  top: 194px;
  left: 112px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-54 {
  position: relative;
  width: fit-content;
  margin-top: -3.25px;
  margin-bottom: -0.50px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.screen .text-wrapper-55 {
  margin-top: -3.50px;
  margin-bottom: -0.75px;
  font-size: 10.5px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-56 {
  margin-top: -3.25px;
  margin-bottom: -0.50px;
  font-size: 12px;
  white-space: nowrap;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-43 {
  width: 115px;
  height: 30px;
  top: 194px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .text-wrapper-57 {
  margin-top: -2.75px;
  font-size: 10.5px;
  position: relative;
  width: fit-content;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0;
  line-height: normal;
}

.screen .view-44 {
  width: 468px;
  height: 29px;
  top: 55px;
  left: 112px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-45 {
  width: 115px;
  height: 29px;
  top: 55px;
  left: -1px;
  background-color: #f8fff5;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-46 {
  width: 468px;
  height: 30px;
  top: 82px;
  left: 112px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .view-47 {
  width: 115px;
  height: 30px;
  top: 82px;
  left: -1px;
  background-color: #f2f2f2;
  display: flex;
  align-items: center;
  gap: 7.5px;
  padding: 10.12px;
  position: absolute;
  border: 0.75px solid;
  border-color: #ffffff;
}

.screen .image-6 {
  width: 300px;
  height: 225px;
  aspect-ratio: 1.33;
  object-fit: cover;
}

.screen .text-wrapper-58 {
  margin-left: 471px;
  width: 143px;
  height: 47px;
  margin-top: 72.8px;
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 700;
  color: #2e2e2e;
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .group-11 {
  margin-left: 83px;
  width: 915.25px;
  margin-top: 48.2px;
  display: flex;
  gap: 75px;
}

.screen .map-maker-osaka-5 {
  width: 578.25px;
  height: 309.75px;
  object-fit: cover;
}

.screen .element-5 {
  width: 260px;
  height: 53px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .text-wrapper-59 {
  font-weight: 700;
  font-size: 24px;
}

.screen .group-12 {
  margin-left: 6px;
  height: 303px;
  width: 1086px;
  align-self: center;
  position: relative;
  margin-top: 67.8px;
}

.screen .rectangle-3 {
  position: absolute;
  top: 0;
  left: calc(50.00% - 543px);
  width: 1080px;
  height: 303px;
  background-color: #567748;
}

.screen .text-wrapper-60 {
  position: absolute;
  top: 268px;
  left: calc(50.00% - 126px);
  font-family: "IBM Plex Sans", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0;
  line-height: normal;
}

.screen .TOP-3 {
  position: absolute;
  top: 23px;
  left: 118px;
  width: 266px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 36.8px;
}

.screen .text-wrapper-61 {
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 36.8px;
}

.screen .element-6 {
  position: absolute;
  top: 96px;
  left: 339px;
  width: 402px;
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.5px;
}

.screen .text-wrapper-62 {
  font-family: "Noto Sans JP", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 19.5px;
}

.screen .logow-3 {
  position: absolute;
  top: 23px;
  left: 443px;
  width: 195px;
  height: 49px;
  aspect-ratio: 3.99;
  background-image: url(./img/logow-1-1.png);
  background-size: cover;
  background-position: 50% 50%;
}

.screen .banner-4 {
  position: absolute;
  top: 217px;
  left: 568px;
  width: 225px;
  height: 34px;
  aspect-ratio: 6.67;
  object-fit: cover;
}

.screen .banner-5 {
  position: absolute;
  top: 217px;
  left: 287px;
  width: 225px;
  height: 34px;
  aspect-ratio: 6.67;
  object-fit: cover;
}

.screen .map-maker-osaka-6 {
  position: absolute;
  top: 23px;
  left: 744px;
  width: 199px;
  height: 177px;
  object-fit: cover;
}

@media (max-width: 1079px) {
  .screen.main-wrapper-2 {
    display: none !important;
  }
  .screen.main-wrapper-3 {
    display: none !important;
  }
}

@media (min-width: 1080px) and (max-width: 1439px) {
  .screen.main-wrapper {
    display: none !important;
  }
  .screen.main-wrapper-3 {
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .screen.main-wrapper {
    display: none !important;
  }
  .screen.main-wrapper-2 {
    display: none !important;
  }
}