@charset "UTF-8";
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBoldItalic.eot");
  src: local("../fonts/raleway/Raleway SemiBold Italic"), local("../fonts/raleway/Raleway-SemiBoldItalic"), url("../fonts/raleway/Raleway-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLightItalic.eot");
  src: local("../fonts/raleway/Raleway ExtraLight Italic"), local("../fonts/raleway/Raleway-ExtraLightItalic"), url("../fonts/raleway/Raleway-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLightItalic.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-MediumItalic.eot");
  src: local("../fonts/raleway/Raleway Medium Italic"), local("../fonts/raleway/Raleway-MediumItalic"), url("../fonts/raleway/Raleway-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-MediumItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-MediumItalic.woff") format("woff"), url("../fonts/raleway/Raleway-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBoldItalic.eot");
  src: local("../fonts/raleway/Raleway ExtraBold Italic"), local("../fonts/raleway/Raleway-ExtraBoldItalic"), url("../fonts/raleway/Raleway-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBoldItalic.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Regular.eot");
  src: local("../fonts/raleway/Raleway"), local("../fonts/raleway/Raleway-Regular"), url("../fonts/raleway/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Regular.woff2") format("woff2"), url("../fonts/raleway/Raleway-Regular.woff") format("woff"), url("../fonts/raleway/Raleway-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraBold.eot");
  src: local("../fonts/raleway/Raleway ExtraBold"), local("../fonts/raleway/Raleway-ExtraBold"), url("../fonts/raleway/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraBold.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-BlackItalic.eot");
  src: local("../fonts/raleway/Raleway Black Italic"), local("../fonts/raleway/Raleway-BlackItalic"), url("../fonts/raleway/Raleway-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-BlackItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-BlackItalic.woff") format("woff"), url("../fonts/raleway/Raleway-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Light.eot");
  src: local("../fonts/raleway/Raleway Light"), local("../fonts/raleway/Raleway-Light"), url("../fonts/raleway/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Light.woff2") format("woff2"), url("../fonts/raleway/Raleway-Light.woff") format("woff"), url("../fonts/raleway/Raleway-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Black.eot");
  src: local("../fonts/raleway/Raleway Black"), local("../fonts/raleway/Raleway-Black"), url("../fonts/raleway/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Black.woff2") format("woff2"), url("../fonts/raleway/Raleway-Black.woff") format("woff"), url("../fonts/raleway/Raleway-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Medium.eot");
  src: local("../fonts/raleway/Raleway Medium"), local("../fonts/raleway/Raleway-Medium"), url("../fonts/raleway/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Medium.woff2") format("woff2"), url("../fonts/raleway/Raleway-Medium.woff") format("woff"), url("../fonts/raleway/Raleway-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-ExtraLight.eot");
  src: local("../fonts/raleway/Raleway ExtraLight"), local("../fonts/raleway/Raleway-ExtraLight"), url("../fonts/raleway/Raleway-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-ExtraLight.woff2") format("woff2"), url("../fonts/raleway/Raleway-ExtraLight.woff") format("woff"), url("../fonts/raleway/Raleway-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Italic.eot");
  src: local("../fonts/raleway/Raleway Italic"), local("../fonts/raleway/Raleway-Italic"), url("../fonts/raleway/Raleway-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Italic.woff2") format("woff2"), url("../fonts/raleway/Raleway-Italic.woff") format("woff"), url("../fonts/raleway/Raleway-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Thin.eot");
  src: local("../fonts/raleway/Raleway Thin"), local("../fonts/raleway/Raleway-Thin"), url("../fonts/raleway/Raleway-Thin.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Thin.woff2") format("woff2"), url("../fonts/raleway/Raleway-Thin.woff") format("woff"), url("../fonts/raleway/Raleway-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-SemiBold.eot");
  src: local("../fonts/raleway/Raleway SemiBold"), local("../fonts/raleway/Raleway-SemiBold"), url("../fonts/raleway/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-SemiBold.woff2") format("woff2"), url("../fonts/raleway/Raleway-SemiBold.woff") format("woff"), url("../fonts/raleway/Raleway-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-LightItalic.eot");
  src: local("../fonts/raleway/Raleway Light Italic"), local("../fonts/raleway/Raleway-LightItalic"), url("../fonts/raleway/Raleway-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-LightItalic.woff2") format("woff2"), url("../fonts/raleway/Raleway-LightItalic.woff") format("woff"), url("../fonts/raleway/Raleway-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Raleway";
  src: url("../fonts/raleway/Raleway-Bold.eot");
  src: local("../fonts/raleway/Raleway Bold"), local("../fonts/raleway/Raleway-Bold"), url("../fonts/raleway/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/raleway/Raleway-Bold.woff2") format("woff2"), url("../fonts/raleway/Raleway-Bold.woff") format("woff"), url("../fonts/raleway/Raleway-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/* ------------------------------
- yubin
------------------------------ */
.yubin {
  background: #f9fcfe;
}
@media screen and (min-width: 750px) {
  .yubin {
    padding: 8rem 0;
  }
}
@media screen and (max-width: 749px) {
  .yubin {
    padding: 4rem 0;
  }
}

.yubin__box {
  background: #fff;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 750px) {
  .yubin__box {
    border-radius: 2.4rem;
    padding: 6.4rem 5.5652173913% 6.4rem 8.6956521739%;
  }
}
@media screen and (max-width: 749px) {
  .yubin__box {
    border-radius: 1.6rem;
    padding: 4rem 2rem;
  }
}

@media screen and (min-width: 750px) {
  .yubin__search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6.490872211%;
  }
}

.yubin__intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 750px) {
  .yubin__intro {
    gap: 1.6rem;
    width: 41.5821501014%;
  }
}
@media screen and (max-width: 749px) {
  .yubin__intro {
    gap: 0 1rem;
  }
}

@media screen and (min-width: 750px) {
  .yubin__icon {
    width: 21.4634146341%;
  }
}
@media screen and (max-width: 749px) {
  .yubin__icon {
    width: 5.4rem;
  }
}

.yubin__titles {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.yubin__title {
  font-family: "Aoto Gothic DemiBold", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (min-width: 750px) {
  .yubin__title {
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 749px) {
  .yubin__title {
    font-size: 2rem;
  }
}

.yubin__en {
  color: #AAB4B4;
  font-family: "Raleway", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
}
@media screen and (max-width: 749px) {
  .yubin__en {
    margin-top: 0.2rem;
  }
}

@media screen and (min-width: 750px) {
  .yubin__main {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 749px) {
  .yubin__main {
    margin-top: 2.4rem;
  }
}

.yubin__lead {
  color: #545555;
  font-family: "Aoto Gothic Medium", "ヒラギノ角ゴ ProN", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
}
@media screen and (min-width: 750px) {
  .yubin__lead {
    line-height: 2;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 749px) {
  .yubin__lead {
    line-height: 1.8;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 750px) {
  .yubin__formarea {
    margin-top: 6.4rem;
  }
}
@media screen and (max-width: 749px) {
  .yubin__formarea {
    margin-top: 3rem;
  }
}

.yubin__inputarea {
  position: relative;
}

.yubin__input {
  border-radius: 999px;
  border: 1px solid #AAB4B4;
  width: 100%;
  color: #333;
  font-size: 1.6rem;
  background: #fff;
}
@media screen and (min-width: 750px) {
  .yubin__input {
    padding: 1.5rem 5.6rem 1.5rem 2.4rem;
    min-height: 6.4rem;
  }
}
@media screen and (max-width: 749px) {
  .yubin__input {
    padding: 1.5rem 5.2rem 1.5rem 2.4rem;
    min-height: 5.6rem;
  }
}
.yubin__input::-webkit-input-placeholder {
  color: #AAB4B4;
}
.yubin__input::-moz-placeholder {
  color: #AAB4B4;
}
.yubin__input:-ms-input-placeholder {
  color: #AAB4B4;
}
.yubin__input::-ms-input-placeholder {
  color: #AAB4B4;
}
.yubin__input::placeholder {
  color: #AAB4B4;
}

.yubin__submit {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid #E75297;
  aspect-ratio: 1;
  background: #E75297;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  cursor: pointer;
}
@media (hover: hover) {
  .yubin__submit:hover {
    background: #fff;
  }
  .yubin__submit:hover::before {
    color: #E75297;
  }
}
@media screen and (min-width: 750px) {
  .yubin__submit {
    width: 4rem;
  }
}
@media screen and (max-width: 749px) {
  .yubin__submit {
    width: 3rem;
  }
}
.yubin__submit::before {
  content: "\e901";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  color: #fff;
  font-family: "icomoon" !important;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media screen and (min-width: 750px) {
  .yubin__submit::before {
    font-size: 1.1em;
  }
}
@media screen and (max-width: 749px) {
  .yubin__submit::before {
    font-size: 1.2rem;
  }
}

@media screen and (min-width: 750px) {
  .searchBlock__location {
    padding-top: 3.2rem;
  }
}
@media screen and (max-width: 749px) {
  .searchBlock__location {
    padding-top: 2.4rem;
  }
}