@charset "UTF-8";
.sectionTitleWrap .sectionTitle {
  font-size: 4.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 550px) {
  .sectionTitleWrap .sectionTitle {
    font-size: 3.6rem;
  }
}

#kvWrap {
  position: relative;
  padding: 21rem 0 17rem;
  background-image: url(../../images/add/property-info/kv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#kvWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.4);
}
#kvWrap .inner {
  z-index: 2;
  position: relative;
}
#kvWrap .kvTitleWrap .title {
  font-size: 5.6rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.4em;
}
@media only screen and (max-width: 550px) {
  #kvWrap .kvTitleWrap .title {
    font-size: 4.2rem;
    letter-spacing: 0.2em;
  }
}
#kvWrap .textWrap {
  margin-top: 2rem;
}
#kvWrap .textWrap .text {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.7;
}
#kvWrap .btnWrap {
  margin-top: 2rem;
}
@media only screen and (max-width: 550px) {
  #kvWrap .btnWrap.flex {
    display: block;
  }
}
#kvWrap .btnWrap .btn {
  margin-left: 2rem;
  padding: 2.5rem 9rem 2.5rem 5rem;
  font-size: 2.4rem;
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #kvWrap .btnWrap .btn {
    padding: 2.5rem 7rem 2.5rem 3rem;
  }
}
@media only screen and (max-width: 550px) {
  #kvWrap .btnWrap .btn {
    margin: 1rem 0 0;
  }
}
#kvWrap .btnWrap .btn::before {
  width: 1rem;
  height: 1rem;
}
#kvWrap .btnWrap .btn:first-of-type {
  margin-left: 0;
}
#kvWrap .btnWrap .btn.btn-radius {
  border-radius: 4.5rem;
}

#news {
  padding: 1.5rem 0;
  background-color: #257664;
}
#news .inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
#news .contentWrap {
  width: 100%;
}
#news .newsListWrap .news {
  display: flex !important;
  justify-content: center;
}
#news .newsListWrap .news a {
  display: block;
  border-bottom: 1px solid transparent;
  transition: 0.5s ease 0s;
}
@media only screen and (min-width: 1080px) {
  #news .newsListWrap .news a:hover {
    border-color: #fff;
  }
}
#news .newsListWrap .news .titleWrap .title {
  font-size: 1.2rem;
  line-height: 1.5;
  color: #fff;
}

#toOwner {
  margin-top: 12rem;
}
#toOwner .flexWrap {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1079px) {
  #toOwner .flexWrap {
    display: block;
  }
}
#toOwner .leftFlexImageContent,
#toOwner .rightFlexContent {
  width: 50%;
}
@media only screen and (max-width: 1079px) {
  #toOwner .leftFlexImageContent,
  #toOwner .rightFlexContent {
    width: 100%;
  }
}
#toOwner .leftFlexImageContent {
  flex: none;
  max-width: 66rem;
}
@media only screen and (max-width: 1079px) {
  #toOwner .leftFlexImageContent {
    width: 95%;
  }
}
#toOwner .leftFlexImageContent .imageWrap .image img {
  width: 100%;
}
#toOwner .rightFlexContent {
  padding: 0 3%;
  box-sizing: border-box;
}
@media only screen and (min-width: 1480px) {
  #toOwner .rightFlexContent {
    padding: 0 6%;
  }
}
@media only screen and (max-width: 1079px) {
  #toOwner .rightFlexContent {
    margin-top: 5rem;
  }
}
#toOwner .sectionContentWrap {
  margin-top: 3.5rem;
}
#toOwner .sectionContentWrap .textWrap.text-greenWrap {
  margin-top: 3rem;
}
#toOwner .sectionContentWrap .textWrap.text-greenWrap .title,
#toOwner .sectionContentWrap .textWrap.text-greenWrap .text {
  font-size: 1.8rem;
}
#toOwner .sectionContentWrap .textWrap.text-greenWrap .title {
  font-weight: bold;
}
#toOwner .sectionContentWrap .textWrap.text-greenWrap .text {
  margin-top: 0.5rem;
}
#toOwner .sectionContentWrap .bannerWrap {
  margin-top: 4rem;
}
#toOwner .sectionContentWrap .linkWrap {
  margin-top: 4rem;
}
@media only screen and (max-width: 1079px) {
  #toOwner .sectionContentWrap .linkWrap {
    margin-top: 2rem;
  }
}
#toOwner .sectionContentWrap .linkWrap .borderBottomLinkWrap {
  margin-top: 3rem;
}
#toOwner .sectionContentWrap .linkWrap .borderBottomLinkWrap.flex {
  justify-content: space-between;
}
#toOwner .sectionContentWrap .linkWrap .borderBottomLinkWrap .borderBottomLink {
  margin: 0;
  width: 45%;
}
#toOwner .sectionContentWrap .linkWrap .borderBottomLinkWrap .borderBottomLink a {
  display: block;
  padding-right: 0;
  width: 100%;
}

#worries {
  position: relative;
  margin-top: 18rem;
  height: 28.38vw;
  background-color: #e1e8e1;
}
@media only screen and (max-width: 1079px) {
  #worries {
    margin-top: 13rem;
  }
}
@media only screen and (max-width: 550px) {
  #worries {
    padding-bottom: 30rem;
    height: 100%;
  }
}
#worries .bgImage {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media only screen and (max-width: 550px) {
  #worries .bgImage {
    top: auto;
    bottom: 0;
    height: auto;
  }
}
#worries .bgImage .image {
  height: 100%;
}
#worries .bgImage .image img {
  width: auto;
  height: 100%;
}
@media only screen and (max-width: 550px) {
  #worries .bgImage .image img {
    width: 100%;
    height: auto;
  }
}
#worries .sectionContentWrap {
  z-index: 2;
  position: relative;
  padding-top: 5rem;
}
@media only screen and (min-width: 1280px) {
  #worries .sectionContentWrap {
    padding-top: 17rem;
  }
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #worries .sectionContentWrap {
    padding-top: 12rem;
  }
}
@media only screen and (max-width: 550px) {
  #worries .sectionContentWrap {
    padding-top: 4rem;
  }
}
#worries .sectionContentWrap .whiteBox {
  padding: 6rem;
  width: 55%;
  background-color: #fff;
  border-radius: 3rem;
  box-shadow: 0 0 0.7rem rgba(11, 3, 6, 0.1);
  box-sizing: border-box;
}
@media only screen and (max-width: 1079px) {
  #worries .sectionContentWrap .whiteBox {
    padding: 4rem 5%;
  }
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #worries .sectionContentWrap .whiteBox {
    width: 85%;
  }
}
@media only screen and (max-width: 550px) {
  #worries .sectionContentWrap .whiteBox {
    width: 100%;
  }
}
#worries .sectionContentWrap .whiteBox .titleWrap .title {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.3;
}
#worries .sectionContentWrap .whiteBox .textWrap {
  margin-top: 3rem;
}
#worries .sectionContentWrap .whiteBox .borderBottomLinkWrap {
  margin-top: 4rem;
}
@media only screen and (max-width: 550px) {
  #worries .sectionContentWrap .whiteBox .borderBottomLinkWrap {
    margin-top: 2rem;
  }
}

#thoseLookingFor {
  margin-top: 22.5rem;
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #thoseLookingFor {
    margin-top: 35rem;
  }
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor {
    margin-top: 13rem;
  }
}
#thoseLookingFor .sectionContentWrap {
  margin-top: 3rem;
}
#thoseLookingFor .bg-darkGreen {
  margin: 6rem calc(50% - 50vw) 0;
  width: 100vw;
  box-sizing: border-box;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .bg-darkGreen {
    margin-top: 4rem;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex {
  padding: 2rem;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex {
    display: block;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list {
  width: 50%;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list {
    width: 100%;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list.landForSale {
  background-image: url("../../images/add/property-info/bg_thoseLookingFor_landForSale.jpg");
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list.landForSale {
    margin-top: 2rem;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list .titleWrap .text,
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list .titleWrap .title,
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list .titleWrap .enTitle {
  color: #3d7e36;
}
@media only screen and (min-width: 1080px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list a:hover .arrow {
    background-color: #3d7e36;
  }
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list a:hover .arrow::before {
    border-color: #fff;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list .arrow {
  border-color: #3d7e36;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList.flex .list .arrow::before {
  border-color: #3d7e36;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list {
  position: relative;
  display: flex;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list {
    height: auto;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list a {
  position: relative;
  display: block;
  padding: 11rem 3rem 8rem;
  width: 100%;
}
@media only screen and (min-width: 1080px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list a:hover .arrow {
    background-color: #fff;
  }
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list a:hover .arrow::before {
    border-color: #3d7e36;
  }
}
@media only screen and (max-width: 1079px) {
  #thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list a {
    padding: 5rem 5%;
  }
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .iconWrap {
  margin-bottom: 3.5rem;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .iconWrap .icon {
  margin: 0 auto;
  width: 4.8rem;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .iconWrap .icon img {
  width: 100%;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .titleWrap .text,
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .titleWrap .title,
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .titleWrap .enTitle {
  color: #fff;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .titleWrap .text {
  margin-bottom: 1.5rem;
  font-size: 2rem;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .titleWrap .title {
  font-size: 4.2rem;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .titleWrap .enTitle {
  margin-top: 4rem;
  font-size: 1.8rem;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .arrow {
  position: relative;
  margin: 3.5rem auto 0;
  width: 4rem;
  height: 4rem;
  border: 2px solid #fff;
  border-radius: 50%;
  transition: all 0.5s ease 0s;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list .arrow::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 33%;
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg) translateX(-50%) translateY(-50%);
  transition: all 0.5s ease 0s;
}
#thoseLookingFor .bg-darkGreen .imageLinkListWrap .imageLinkList .list.builtHouse {
  background-image: url("../../images/add/property-info/bg_thoseLookingFor_builtHouse.jpg");
}
#thoseLookingFor .linkTwoColumnWrap {
  margin-top: 6rem;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .linkTwoColumnWrap {
    margin-top: 4rem;
  }
}
#thoseLookingFor .linkTwoColumnWrap .linkList {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .linkTwoColumnWrap .linkList {
    display: block;
  }
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list {
  position: relative;
  margin-top: 3rem;
  margin-left: 3rem;
  width: calc(50% - 2rem);
  border: 1px solid #e8e8e8;
}
@media only screen and (min-width: 1080px) {
  #thoseLookingFor .linkTwoColumnWrap .linkList .list:hover::before {
    right: 3.5rem;
  }
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .linkTwoColumnWrap .linkList .list {
    margin: 1.5rem 0 0;
    width: 100%;
  }
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 3rem;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #3d7e36;
  border-right: 1px solid #3d7e36;
  transform: rotate(45deg) translateY(-50%);
  transition: 0.5s ease 0s;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list:nth-of-type(-n + 2) {
  margin-top: 0;
}
@media only screen and (max-width: 550px) {
  #thoseLookingFor .linkTwoColumnWrap .linkList .list:nth-of-type(2) {
    margin-top: 1.5rem;
  }
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list:nth-of-type(odd) {
  margin-left: 0;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list a {
  display: block;
  padding: 1rem 3rem 1rem 1rem;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list .flexWrap {
  display: flex;
  align-items: center;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list .imageWrap {
  flex: none;
  margin-right: 2rem;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list .imageWrap .image {
  width: 8rem;
  height: 8rem;
  overflow: hidden;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list .imageWrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#thoseLookingFor .linkTwoColumnWrap .linkList .list .titleWrap .title {
  font-size: 2.4rem;
  font-weight: bold;
  color: #3d7e36;
}
#thoseLookingFor .borderBottomLinkWrap {
  margin-top: 4rem;
}

#newEstate {
  margin-top: 11rem;
  /*選択されているタブのコンテンツのみを表示*/
}
@media only screen and (max-width: 550px) {
  #newEstate {
    margin-top: 13rem;
  }
}
#newEstate .borderBottomAndEnTitleWrap {
  position: relative;
  padding-bottom: 2.5rem;
}
#newEstate .borderBottomAndEnTitleWrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 5rem;
  height: 0.1rem;
  background-color: #3d7e36;
  transform: translateX(-50%);
}
#newEstate .borderBottomAndEnTitleWrap .jaTitle {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
#newEstate .borderBottomAndEnTitleWrap .sectionTitle {
  font-size: 4.6rem;
  font-weight: 300;
  color: #3d7e36;
}
#newEstate .sectionContentWrap {
  margin-top: 6.5rem;
}
#newEstate .estateTabWrap .tabItem {
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 8rem;
  font-size: 2.1rem;
  text-align: center;
  font-weight: bold;
  color: #3d7e36;
  background-color: #e9f6e8;
  transition: all 0.5s ease 0s;
}
@media only screen and (min-width: 1080px) {
  #newEstate .estateTabWrap .tabItem:hover {
    opacity: 0.75;
  }
}
@media only screen and (max-width: 1079px) {
  #newEstate .estateTabWrap .tabItem {
    height: 6rem;
  }
}
#newEstate .estateTabWrap .tabItem .icon {
  margin-right: 1rem;
  width: 3rem;
  height: 3rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s ease 0s;
}
#newEstate .estateTabWrap .tabItem[for=newEstate_land] .icon {
  background-image: url("../../images/add/property-info/icon_land_gn.svg");
}
#newEstate .estateTabWrap .tabItem[for=newEstate_used] .icon {
  background-image: url("../../images/add/property-info/icon_usedHouse_gn.svg");
}
#newEstate .estateTabWrap input[name=tabItem] {
  display: none;
}
#newEstate .estateTabWrap input#newEstate_land:checked + .tabItem .icon {
  background-image: url("../../images/add/property-info/icon_land_wh.svg");
}
#newEstate .estateTabWrap input#newEstate_used:checked + .tabItem .icon {
  background-image: url("../../images/add/property-info/icon_usedHouse_wh.svg");
}
#newEstate .estateTabWrap input:checked + .tabItem {
  background-color: #3d7e36;
  color: #fff;
}
#newEstate .estateTabWrap .tabContent {
  display: none;
  padding-top: 4rem;
  clear: both;
  overflow: hidden;
}
@media only screen and (max-width: 550px) {
  #newEstate .estateTabWrap .tabContent {
    padding-top: 3rem;
  }
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList {
  display: flex;
  flex-wrap: wrap;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li {
  margin-top: 7.2%;
  margin-left: 2.6%;
  width: 23%;
  overflow: hidden;
}
@media only screen and (max-width: 1079px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li {
    width: 48.7%;
  }
}
@media only screen and (min-width: 1080px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li:nth-of-type(-n + 4) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1079px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li:nth-of-type(-n + 2) {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1080px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li:nth-of-type(4n + 1) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1079px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li:nth-of-type(odd) {
    margin-left: 0;
  }
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li > a {
  display: block;
  width: 100%;
  height: 100%;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li > a:hover .thumbnailWrap .image {
  opacity: 0.8;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li > a:hover .btnWrap .btn.btn-borderDarkGreen {
  color: #fff;
  background-color: #3d7e36;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li > a:hover .btnWrap .btn.btn-borderDarkGreen.btn-arrow::before {
  right: 3.5rem;
  border-color: #fff;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap {
  position: relative;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .image {
  width: 100%;
  height: 21.6rem;
  overflow: hidden;
  transition: 0.5s ease 0s;
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .image {
    height: 25rem;
  }
}
@media only screen and (max-width: 550px) {
  #newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .image {
    height: 15.5rem;
  }
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .areaCategoryWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #14bc02;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .areaCategoryWrap .category {
  font-size: 1.6rem;
  color: #fff;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .newPost {
  position: absolute;
  top: -3.5rem;
  right: -5.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem;
  width: 10rem;
  height: 6rem;
  background-color: #c6000e;
  transform: rotate(45deg);
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .thumbnailWrap .newPost span {
  font-size: 1.4rem;
  color: #fff;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap {
  margin-top: 3rem;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .titleAndTextWrap {
  display: flex;
  flex-direction: column;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .titleAndTextWrap .titleWrap .title {
  font-size: 1.8rem;
  line-height: 1.5;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .titleAndTextWrap .textWrap {
  margin-top: auto;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .titleAndTextWrap .textWrap .text {
  margin-top: 0.5rem;
  font-size: 1.8rem;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .titleAndTextWrap .textWrap .text:first-of-type {
  margin-top: 0;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .titleAndTextWrap .textWrap .text span {
  font-size: 3.4rem;
  color: #b9002c;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .btnWrap {
  margin-top: 1rem;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .arhivePostList li .contentWrap .btnWrap .btn {
  width: 100%;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .areaCatListWrap {
  margin-top: 6rem;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .areaCatListWrap .areaCatList.flex {
  flex-wrap: wrap;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .areaCatListWrap .areaCatList li {
  margin: 0.25rem;
}
#newEstate .estateTabWrap .tabContent .arhivePostListWrap .areaCatListWrap .areaCatList li .btn {
  padding: 1.6rem 3rem;
  font-size: 1.8rem;
}
#newEstate .estateTabWrap .tabContent .tabDescription > .btnWrap {
  margin-top: 5rem;
}
#newEstate .estateTabWrap .tabContent .tabDescription > .btnWrap .btn {
  width: 100%;
  text-align: center;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1080px) {
  #newEstate .estateTabWrap .tabContent .tabDescription > .btnWrap .btn:hover::before {
    right: 45.5rem;
  }
}
#newEstate .estateTabWrap .tabContent .tabDescription > .btnWrap .btn::before {
  top: 47%;
  right: 45rem;
}
#newEstate .estateTabWrap .tabContent:nth-of-type(2) .tabDescription > .btnWrap {
  margin-top: 5rem;
}
#newEstate .estateTabWrap .tabContent:nth-of-type(2) .tabDescription > .btnWrap .btn {
  width: 100%;
  text-align: center;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 1080px) {
  #newEstate .estateTabWrap .tabContent:nth-of-type(2) .tabDescription > .btnWrap .btn:hover::before {
    right: 43.5rem;
  }
}
#newEstate .estateTabWrap .tabContent:nth-of-type(2) .tabDescription > .btnWrap .btn::before {
  top: 47%;
  right: 43rem;
}
#newEstate #newEstate_land:checked ~ #newEstate_land_content,
#newEstate #newEstate_used:checked ~ #newEstate_used_content {
  display: block;
}

#housingDiagnosis {
  margin-top: 10rem;
}
@media only screen and (max-width: 550px) {
  #housingDiagnosis {
    margin-top: 13rem;
  }
}
#housingDiagnosis .housingDiagnosisWrap a {
  display: block;
  padding: 1.5rem;
  border: 1rem solid #e1e8e1;
  background-color: #fff;
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 5rem;
  border: 1px solid #000;
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner {
    padding: 3rem 4.5rem;
  }
}
@media only screen and (max-width: 550px) {
  #housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner {
    display: block;
    padding: 5rem 3.5rem 4rem;
  }
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner::before, #housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner::after {
  content: "";
  position: absolute;
  background-color: #fff;
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner::before {
  top: -1%;
  left: 3rem;
  width: calc(100% - 6rem);
  height: 102%;
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner::after {
  top: 3rem;
  left: -1%;
  width: 102%;
  height: calc(100% - 6rem);
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner > * {
  z-index: 2;
  position: relative;
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner .titleWrap {
  flex: none;
  margin-right: 8rem;
}
@media only screen and (min-width: 550px) and (max-width: 1079px) {
  #housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner .titleWrap {
    margin-right: 4rem;
  }
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner .titleWrap .title {
  font-size: 3.6rem;
  font-weight: bold;
  color: #257664;
}
@media only screen and (max-width: 550px) {
  #housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner .textWrap {
    margin-top: 2rem;
  }
}
#housingDiagnosis .housingDiagnosisWrap .housingDiagnosisInner .textWrap .text {
  font-size: 1.8rem;
  line-height: 2;
}

.contactWrap {
  margin-top: 9rem;
}
@media only screen and (max-width: 550px) {
  .contactWrap {
    margin-top: 13rem;
  }
}

.pageKvWrap {
  background-color: #fbbd01;
}
@media only screen and (max-width: 550px) {
  .pageKvWrap {
    background-color: #fbbd01;
  }
}
.pageKvWrap .imgWrap .img {
  background-image: url("../../images/add/property-info/kv.jpg");
  background-repeat: no-repeat;
  display: block;
  background-position: bottom;
  width: 65vh;
  max-width: 550px;
  height: 100vh;
  position: relative;
  /* z-index: 8; */
  background-size: 100% auto;
  display: grid;
  /* place-content: center; */
  /* place-items: center; */
}
@media only screen and (min-height: 1000px) and (min-width: 1080px) {
  .pageKvWrap .imgWrap .img {
    background-position: center;
  }
}
@media only screen and (max-width: 550px) {
  .pageKvWrap .imgWrap .img {
    display: block;
    background-image: url("../../images/add/property-info/kv_heigh.jpg");
    width: 100vw;
  }
}
.pageKvWrap .imgWrap img {
  display: none;
}

@media (max-height: 800px) {
  .pageKvWrap {
    background-color: #fbbd01;
  }
  .pageKvWrap .imgWrap .img {
    display: block;
    background-position: bottom;
    background-image: url("../../images/add/property-info/kv.jpg");
    height: 100vh;
    width: 550px;
  }
}
@media only screen and (max-height: 800px) and (min-width: 1080px) {
  .pageKvWrap .imgWrap .img {
    width: 68vh;
  }
}
@media only screen and (max-height: 800px) and (min-width: 550px) and (max-width: 1079px) {
  .pageKvWrap .imgWrap .img {
    width: 63vh;
  }
}
@media only screen and (max-height: 800px) and (max-width: 550px) {
  .pageKvWrap .imgWrap .img {
    background-position: bottom;
    width: 62vh;
  }
}
@media (max-height: 800px) {
  .pageKvWrap .imgWrap img {
    display: none;
  }
}
@media (max-height: 670px) {
  .pageKvWrap {
    background-color: #fbbd01;
  }
}
@media only screen and (max-height: 670px) and (max-width: 550px) {
  .pageKvWrap .imgWrap {
    place-content: flex-end;
  }
}
@media (max-height: 670px) {
  .pageKvWrap .imgWrap .img {
    display: none;
  }
  .pageKvWrap .imgWrap img {
    display: block;
    width: 68vh;
  }
}
@media only screen and (max-height: 670px) and (min-width: 550px) and (max-width: 1079px) {
  .pageKvWrap .imgWrap img {
    width: 55vh;
  }
}
@media only screen and (max-height: 670px) and (max-width: 550px) {
  .pageKvWrap .imgWrap img {
    width: 100%;
  }
}