@charset "utf-8";

/*--------------------------------------------------------------
  不動産登記css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
  トップ
--------------------------------------------------------------*/

#real-estate-top {
  width: 100vw;
  height: 50vh;
}

#real-estate-top.backimg-pos {
  background-position: bottom;
}

/*--------------------------------------------------------------
  不動産登記について
--------------------------------------------------------------*/

#real-estate-registration {
  width: 100%;
  margin: 0;
  padding: 3rem 10% 3rem 10%;
}

#real-estate-registration>h2 {
  margin: 3rem 0 3rem 0;
}

#real-estate-registration h3 {
  margin: 1rem 0 0 0;
  font-family: "Noto Serif JP", "Tinos", serif;
  font-weight: 200;
  text-align: center;
  letter-spacing: 0.1rem;
  opacity: 0.5;
}

#real-estate-registration h3::first-letter {
  font-size: 3em;
}

#real-estate-registration h5 {
  margin: 0 0 3rem 0;
  padding: 0;
  font-size: 1rem;
  text-align: center;
  opacity: 0.5;
}

@media (max-width: 767.98px) {

  /* sm 以下の画面サイズの場合のスタイル */
  #real-estate-registration {
    padding: 3rem 1rem 3rem 1rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  /* md の画面サイズの場合のスタイル */
  #real-estate-registration {
    padding: 3rem 1rem 3rem 1rem;
  }
}

@media (min-width: 992px) {
  /* lg 以上の画面サイズの場合のスタイル */
}

/*--------------------------------------------------------------
  不動産登記についてgrid
--------------------------------------------------------------*/
.real-estate-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 5rem;
  row-gap: 3rem;
}

.real-estate-grid>div h4 {
  margin: 0 0 0.5rem 0;
}

@media (max-width: 767.98px) {

  /* sm 以下の画面サイズの場合のスタイル */
  .real-estate-grid {
    grid-template-columns: 1fr;
  }

  .real-estate-grid>div:first-child {
    height: 100vh;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  /* md の画面サイズの場合のスタイル */
  .real-estate-grid {
    grid-template-columns: 1fr;
  }

  .real-estate-grid>div:first-child {
    height: 100vh;
  }
}

@media (min-width: 992px) {
  /* lg 以上の画面サイズの場合のスタイル */
}


/*--------------------------------------------------------------
  不動産登記について
--------------------------------------------------------------*/

#flow-of-real-estate {
  margin: 0;
  padding: 3rem 10% 3rem 10%;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#flow-of-real-estate>h2 {
  margin: 3rem 0 0.5rem 0;
}

#flow-of-real-estate h3 {
  margin: 1rem 0 0 0;
  font-family: "Noto Serif JP", "Tinos", serif;
  font-weight: 200;
  text-align: center;
  letter-spacing: 0.1rem;
  opacity: 0.5;
}

#flow-of-real-estate h3::first-letter {
  font-size: 3em;
}

#flow-of-real-estate h5 {
  margin: 0 0 3rem 0;
  padding: 0;
  font-size: 1rem;
  text-align: center;
  opacity: 0.5;
}

#flow-of-real-estate>img {
  width: 960px;
}

@media (max-width: 767.98px) {

  /* sm 以下の画面サイズの場合のスタイル */
  #flow-of-real-estate {
    padding: 3rem 1rem 3rem 1rem;
  }

  #flow-of-real-estate>img {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  /* md の画面サイズの場合のスタイル */
  #flow-of-real-estate {
    padding: 3rem 1rem 3rem 1rem;
  }
  #flow-of-real-estate>img {
    width: 100%;
  }
}

@media (min-width: 992px) {
  /* lg 以上の画面サイズの場合のスタイル */
}