._wrapper_2ua3p_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  place-items: center;
  width: 100%;
  min-height: 100%;
}

._title_2ua3p_10 {
  display: flex;
  place-content: center;
  place-items: center;
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 600;
  color: #15a83d;
  text-align: center;
  letter-spacing: 0.1em;
  background-image: url("/assets/images/common/title_bg.svg");
  background-size: 100% 100%;
}
@media only screen and (min-width: 800px) {
  ._title_2ua3p_10 {
    margin-top: 160px;
    font-size: 48px;
    line-height: 56px;
    width: 640px;
    height: 120px;
  }
}
@media only screen and (max-width: 799px) {
  ._title_2ua3p_10 {
    margin-top: 20.5128205128vw;
    font-size: 8.2051282051vw;
    line-height: 10.2564102564vw;
    width: 93.8461538462vw;
    height: 20.5128205128vw;
  }
}
._title_2ua3p_10 ._blue_2ua3p_40 {
  color: #00b3f2;
}

._descContainer_2ua3p_44 {
  display: flex;
  flex-direction: column;
  place-items: center;
  background-color: white;
}
@media only screen and (min-width: 800px) {
  ._descContainer_2ua3p_44 {
    padding: 80px 80px 60px;
    border-radius: 8px;
    margin-top: 160px;
    gap: 20px;
  }
}
@media only screen and (max-width: 799px) {
  ._descContainer_2ua3p_44 {
    padding: 6.1538461538vw 4.1025641026vw;
    border-radius: 2.0512820513vw;
    margin-top: 16.4102564103vw;
    width: 95.8974358974vw;
    gap: 3.8461538462vw;
  }
}

._description_2ua3p_68 {
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 600;
  color: #00a53c;
  letter-spacing: 0.06em;
}
@media only screen and (min-width: 800px) {
  ._description_2ua3p_68 {
    width: 952px;
    font-size: 20px;
    line-height: 36px;
  }
}
@media only screen and (max-width: 799px) {
  ._description_2ua3p_68 {
    font-size: 3.8461538462vw;
    line-height: 6.6666666667vw;
  }
}

._searchContainer_2ua3p_88 {
  display: flex;
  flex-direction: column;
  place-items: center;
  background-color: white;
}
@media only screen and (min-width: 800px) {
  ._searchContainer_2ua3p_88 {
    padding: 64px 80px;
    border-radius: 8px;
    margin-top: 80px;
    width: 1112px;
  }
}
@media only screen and (max-width: 799px) {
  ._searchContainer_2ua3p_88 {
    padding: 10.2564102564vw 4.1025641026vw 8.7179487179vw;
    border-radius: 2.0512820513vw;
    margin-top: 16.4102564103vw;
    width: 95.8974358974vw;
  }
}

._fields_2ua3p_111 {
  display: flex;
  gap: 16px;
}
@media only screen and (min-width: 800px) {
  ._fields_2ua3p_111 {
    margin-top: 0;
  }
}
@media only screen and (max-width: 799px) {
  ._fields_2ua3p_111 {
    flex-direction: column;
    gap: 6.1538461538vw;
    margin-top: 0;
    width: 100%;
  }
}
._fields_2ua3p_111:nth-of-type(1) ._fieldName_2ua3p_128 {
  place-items: flex-start;
}
@media only screen and (min-width: 800px) {
  ._fields_2ua3p_111:nth-of-type(1) ._borderStyle_2ua3p_132 {
    height: 50px;
  }
}

._fieldName_2ua3p_128 {
  display: flex;
  place-items: center;
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 700;
  color: #15a83d;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 800px) {
  ._fieldName_2ua3p_128 {
    gap: 12px;
    font-size: 22px;
    line-height: 22px;
    width: 200px;
    height: 72px;
  }
}
@media only screen and (max-width: 799px) {
  ._fieldName_2ua3p_128 {
    gap: 2.0512820513vw;
    font-size: 4.6153846154vw;
    line-height: 5.1282051282vw;
    width: 100%;
  }
}

._borderStyle_2ua3p_132 {
  display: block;
  background-color: #15a83d;
}
@media only screen and (min-width: 800px) {
  ._borderStyle_2ua3p_132 {
    width: 4px;
    height: 24px;
  }
}
@media only screen and (max-width: 799px) {
  ._borderStyle_2ua3p_132 {
    width: 1.0256410256vw;
    height: 5.1282051282vw;
  }
}

@media only screen and (min-width: 800px) {
  ._fieldValue_2ua3p_181 {
    width: 712px;
  }
}
@media only screen and (max-width: 799px) {
  ._fieldValue_2ua3p_181 {
    width: 100%;
  }
}

._checkboxContainer_2ua3p_191 {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 800px) {
  ._checkboxContainer_2ua3p_191 {
    gap: 8px;
    width: 712px;
  }
}
@media only screen and (max-width: 799px) {
  ._checkboxContainer_2ua3p_191 {
    width: 100%;
  }
}

._checkbox_2ua3p_191 {
  display: flex;
  gap: 8px;
}

._checkboxButton_2ua3p_212 {
  box-sizing: content-box;
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 600;
  color: #888888;
  letter-spacing: 0.03em;
  border: 1px solid #888888;
}
@media only screen and (min-width: 800px) {
  ._checkboxButton_2ua3p_212 {
    font-size: 20px;
    line-height: 20px;
    padding: 14px 16px;
    border-radius: 4px;
  }
}
@media only screen and (max-width: 799px) {
  ._checkboxButton_2ua3p_212 {
    font-size: 4.1025641026vw;
    line-height: 4.1025641026vw;
    padding: 3.5897435897vw 4.1025641026vw;
    border-radius: 1.0256410256vw;
  }
}
@media only screen and (max-width: 799px) {
  ._checkboxButton_2ua3p_212[data-is-inactive-hide=true] {
    display: none;
  }
}
._checkboxButton_2ua3p_212[data-is-active=true] {
  color: #00b3f2;
}
@media only screen and (min-width: 800px) {
  ._checkboxButton_2ua3p_212[data-is-active=true] {
    padding: 13px 15px;
    border: 2px solid #00b3f2;
  }
}
@media only screen and (max-width: 799px) {
  ._checkboxButton_2ua3p_212[data-is-active=true] {
    display: block;
    padding: 3.0769230769vw 4.1025641026vw;
    border: 0.5128205128vw solid #00b3f2;
    margin: 1.0256410256vw;
  }
}

._searchButton_2ua3p_259 {
  font-family: "Noto Sans JP Variable", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 24px;
  color: #15a83d;
  text-align: center;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 800px) {
  ._searchButton_2ua3p_259 {
    font-size: 22px;
    line-height: 24px;
    width: 400px;
    height: 88px;
    border-radius: 44px;
    border: 2px solid #00a53c;
    margin-top: 64px;
  }
}
@media only screen and (max-width: 799px) {
  ._searchButton_2ua3p_259 {
    font-size: 4.6153846154vw;
    line-height: 6.1538461538vw;
    width: 75.3846153846vw;
    height: 16.4102564103vw;
    border-radius: 11.2820512821vw;
    border: 0.5128205128vw solid #00a53c;
    margin-top: 10.2564102564vw;
  }
}

._resetButton_2ua3p_291 {
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 700;
  color: #15a83d;
  text-align: center;
  letter-spacing: 4%;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media only screen and (min-width: 800px) {
  ._resetButton_2ua3p_291 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 52px;
  }
}
@media only screen and (max-width: 799px) {
  ._resetButton_2ua3p_291 {
    font-size: 4.6153846154vw;
    line-height: 6.1538461538vw;
    margin-top: 10.2564102564vw;
  }
}

._result_2ua3p_315 {
  font-family: "Noto Sans JP Variable", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  color: white;
  text-align: center;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 800px) {
  ._result_2ua3p_315 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 799px) {
  ._result_2ua3p_315 {
    font-size: 5.641025641vw;
    line-height: 5.641025641vw;
    margin-top: 10.2564102564vw;
  }
}

._sort_2ua3p_339 {
  position: relative;
  display: flex;
  place-items: center;
  background-color: white;
}
@media only screen and (min-width: 800px) {
  ._sort_2ua3p_339 {
    margin-top: 40px;
    line-height: 20px;
    font-size: 20px;
    width: 224px;
    height: 72px;
    border: 2px solid white;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 799px) {
  ._sort_2ua3p_339 {
    margin-top: 6.1538461538vw;
    line-height: 4.6153846154vw;
    font-size: 3.8461538462vw;
    width: 41.0256410256vw;
    height: 14.358974359vw;
    border: 0.5128205128vw solid white;
    border-radius: 2.0512820513vw;
  }
}
._sort_2ua3p_339 select {
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 400;
  color: #00a53c;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 800px) {
  ._sort_2ua3p_339 select {
    line-height: 20px;
    font-size: 20px;
    width: 100%;
    height: 100%;
    padding: 0px 24px;
  }
}
@media only screen and (max-width: 799px) {
  ._sort_2ua3p_339 select {
    line-height: 4.6153846154vw;
    font-size: 3.8461538462vw;
    width: 100%;
    height: 100%;
    padding: 0vw 3.0769230769vw;
  }
}
._sort_2ua3p_339::before {
  position: absolute;
  display: block;
  content: "";
  rotate: 45deg;
}
@media only screen and (min-width: 800px) {
  ._sort_2ua3p_339::before {
    right: 26px;
    width: 20px;
    height: 20px;
    translate: 0 -4px;
    border-right: 2px solid #00a53c;
    border-bottom: 2px solid #00a53c;
  }
}
@media only screen and (max-width: 799px) {
  ._sort_2ua3p_339::before {
    right: 4.6153846154vw;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
    translate: 0 -0.7692307692vw;
    border-right: 0.5128205128vw solid #00a53c;
    border-bottom: 0.5128205128vw solid #00a53c;
  }
}

._resultContainer_2ua3p_418 {
  display: flex;
  flex-direction: column;
  place-items: center;
}

._imageContainer_2ua3p_424 {
  display: flex;
  flex-wrap: wrap;
  place-content: center;
  place-items: center;
}
@media only screen and (min-width: 800px) {
  ._imageContainer_2ua3p_424 {
    gap: 16px;
    margin-top: 80px;
    width: 960px;
  }
}
@media only screen and (max-width: 799px) {
  ._imageContainer_2ua3p_424 {
    gap: 2.0512820513vw;
    margin-top: 10.2564102564vw;
    width: 100%;
  }
}

._link_2ua3p_445 {
  position: relative;
  display: flex;
  place-content: center;
  place-items: center;
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 700;
  color: #15a83d;
  text-align: center;
  letter-spacing: 0.1em;
  text-underline-position: from-font;
  background: white;
  background-size: 100% 100%;
  transition: scale 0.2s ease-in-out;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
@media only screen and (min-width: 800px) {
  ._link_2ua3p_445 {
    width: 400px;
    height: 88px;
    border-radius: 44px;
    font-size: 22px;
    line-height: 24px;
    margin-top: 80px;
  }
}
@media only screen and (max-width: 799px) {
  ._link_2ua3p_445 {
    width: 75.3846153846vw;
    height: 16.4102564103vw;
    border-radius: 11.2820512821vw;
    font-size: 4.6153846154vw;
    line-height: 6.1538461538vw;
    margin-top: 20.5128205128vw;
  }
}
._link_2ua3p_445:hover {
  scale: 1.03;
}

._arrow_2ua3p_485 {
  position: absolute;
  margin-left: auto;
  rotate: 180deg;
}
@media only screen and (min-width: 800px) {
  ._arrow_2ua3p_485 {
    left: 35px;
    width: 16px;
  }
}
@media only screen and (max-width: 799px) {
  ._arrow_2ua3p_485 {
    left: 7.1794871795vw;
    width: 2.0512820513vw;
  }
}

._modalButton_2ua3p_503 {
  position: relative;
  display: flex;
  place-content: center;
  place-items: center;
  place-self: center;
  font-family: "Noto Sans JP Variable", sans-serif;
  font-weight: 600;
  color: #888888;
  letter-spacing: 0.04em;
}
@media only screen and (max-width: 799px) {
  ._modalButton_2ua3p_503 {
    width: 67.6923076923vw;
    height: 14.358974359vw;
    font-size: 4.6153846154vw;
    line-height: 4.6153846154vw;
    border: 0.5128205128vw solid #888888;
    border-radius: 2.0512820513vw;
    margin-top: 5.1282051282vw;
  }
}
@media only screen and (min-width: 800px) {
  ._modalButton_2ua3p_503 {
    display: none;
  }
}
._modalButton_2ua3p_503::after {
  position: absolute;
  display: block;
  content: "";
  background-color: #888888;
}
@media only screen and (max-width: 799px) {
  ._modalButton_2ua3p_503::after {
    width: 0.5128205128vw;
    height: 2.5641025641vw;
    right: 5.3846153846vw;
    border-radius: 0.5128205128vw;
  }
}
._modalButton_2ua3p_503::before {
  position: absolute;
  display: block;
  content: "";
  background-color: #888888;
}
@media only screen and (max-width: 799px) {
  ._modalButton_2ua3p_503::before {
    width: 2.5641025641vw;
    height: 0.5128205128vw;
    right: 4.358974359vw;
    border-radius: 0.5128205128vw;
  }
}

._modalWrapper_2ua3p_559 {
  position: fixed;
  z-index: 1;
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 165, 60, 0.6);
}
._modalWrapper_2ua3p_559[data-is-open=false] {
  display: none;
}

._modalContainer_2ua3p_574 {
  display: flex;
  flex-direction: column;
  place-content: center;
  place-items: center;
  background-color: white;
}
@media only screen and (max-width: 799px) {
  ._modalContainer_2ua3p_574 {
    width: 91.7948717949vw;
    padding: 6.1538461538vw 4.1025641026vw;
    gap: 6.1538461538vw;
  }
}
._modalContainer_2ua3p_574 ._searchButton_2ua3p_259 {
  margin-top: 0;
}
@media only screen and (max-width: 799px) {
  ._modalContainer_2ua3p_574 ._checkboxButton_2ua3p_212 {
    display: block;
    margin: 1.0256410256vw;
  }
}

._image_2ua3p_424 {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 800px) {
  ._image_2ua3p_424 {
    width: 306px;
    height: 306px;
  }
}
@media only screen and (max-width: 799px) {
  ._image_2ua3p_424 {
    width: 46.9230769231vw;
    height: 46.9230769231vw;
  }
}