:root {
  --black: #1c1c1c;
  --green-main: #149580;
  --green-deep: #0F7060;
  --green-pale: #F3FAF9;
  --blue-main: #0591AD;
  --blue-deep: #0559ad;
  --gray-main: #788785;
  --gray-pale: #E2E4E4;
  --emph-color: #e13e53;
  --yellow: #FFD62F;
  --yellow-green: #F4F7EE;
}

@font-face {
  font-family: "mamelon";
  src: url("../fonts/Mamelon-5-Hi-Regular.woff2") format("woff2");
  font-display: swap;
}
.top_fv {
  background-color: var(--green-main);
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  padding: 1.875rem 10px;
  overflow: hidden;
}
.top_fv .inner {
  display: flex;
  align-items: center;
  gap: 2%;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.top_fv .text_box {
  background-color: var(--green-pale);
  border: 3px solid var(--black);
  box-shadow: 4px 4px 0 var(--green-pale);
  border-radius: 6px;
  flex-basis: 80%;
  font-weight: 500;
  padding: 1.875rem;
}
@media screen and (max-width: 767px) {
  .top_fv .text_box {
    padding: 1.875rem 2.5rem 1.875rem 0.625rem;
  }
}
.top_fv .site_name {
  font-family: "Barlow Condensed", sans-serif;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}

.top_fv_img {
  flex-basis: 20%;
}
@media screen and (max-width: 767px) {
  .top_fv_img {
    max-width: 150px;
    position: absolute;
    right: -30px;
  }
}

.top_main_cont {
  margin: 5rem 0;
}/*# sourceMappingURL=page_style.css.map */