@charset "UTF-8";
@import url("../css/setting.css");
/* header ヘッダー
////////////////////////////////////////////////////////////////////////////////////////////////// */
#header {
  position: relative;
  width: 100%;
  z-index: 5;
  top: 0;
  left: 0;
  background: #fff;
  /* --------------------------------- */
  /* --------------------------------- */
}
#header .header--wrap {
  width: 100%;
  height: 100px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #header .header--wrap {
    height: 70px;
  }
}
#header .header--left {
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  #header .header--left {
    width: 100%;
    padding-left: 0;
    margin-left: 0;
  }
}
#header .item-logo {
  display: block;
  width: fit-content;
}
#header .item-logo a {
  width: fit-content;
  display: block;
  transition: ease 0.2s;
}
#header .item-logo a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #header .item-logo {
    margin: 0 auto;
    max-width: 55dvw;
    max-height: 55px;
  }
  #header .item-logo img {
    height: auto;
    max-width: 55dvw;
    max-height: 55px;
  }
}
#header .header--right {
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  #header .header--right {
    display: none;
  }
}
#header .cont-info {
  width: fit-content;
  margin-bottom: var(--margin-10);
}
#header .com--tel {
  margin-right: var(--margin-20);
}
#header .unit-times {
  width: fit-content;
  margin-right: var(--margin-20);
  gap: 5px;
}
#header .unit-times .tel-attention {
  height: var(--font-size-14);
}

body {
  position: relative;
}

/* nav グローバルナビゲーション
////////////////////////////////////////////////////////////////////////////////////////////////// */
#nav .list-nav {
  width: fit-content;
  gap: 3vw;
}
#nav .list-nav-item {
  width: fit-content;
}
#nav .list-nav-item a {
  transition: ease 0.17s;
}
@media screen and (max-width: 767px) {
  #nav {
    display: none;
  }
}

/* mv メインビジュアル
////////////////////////////////////////////////////////////////////////////////////////////////// */
#mv {
  position: relative;
  width: 100%;
  height: 120vw;
  background: url(../img/mv/mv__img.jpg) center center/cover no-repeat;
}
@media screen and (max-width: 767px) {
  #mv {
    height: 110vw;
  }
}
#mv .mv-catch {
  position: absolute;
  width: 85%;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

body.fixed_img {
  position: relative;
}
body.fixed_img::before {
  content: "";
  position: fixed;
  background: url(../img/common/fixed_img.png) center center/cover no-repeat;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

/* sv サブビジュアル
////////////////////////////////////////////////////////////////////////////////////////////////// */
#sv {
  position: relative;
  width: 100%;
  height: 450px;
}
@media screen and (max-width: 767px) {
  #sv {
    height: 50vw;
  }
}
#sv .sv-catch {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../img/sv/sv__catch.png) center center/contain no-repeat;
  width: 74vw;
  height: 25vw;
  color: #fff;
  font-weight: 700;
  font-size: 6.2vw;
}

.sv-sale {
  background: url(../img/sv/sv__sale.jpg) center center/cover no-repeat;
}

.sv-buy {
  background: url(../img/sv/sv__buy.jpg) center center/cover no-repeat;
}

.sv-solution {
  background: url(../img/sv/sv__solution.jpg) center center/cover no-repeat;
}

.sv-rent {
  background: url(../img/sv/sv__rent.jpg) center center/cover no-repeat;
}

.sv-notfound {
  background: url(../img/sv/sv__notfound.jpg) center center/cover no-repeat;
}

.sv-contact {
  background: url(../img/sv/sv__contact.jpg) center center/cover no-repeat;
}

.sv-complete {
  background: url(../img/sv/sv__complete.jpg) center center/cover no-repeat;
}

.sv-news {
  background: url(../img/sv/sv__news.jpg) center center/cover no-repeat;
}

.sv-site {
  background: url(../img/sv/sv__site.jpg) center center/cover no-repeat;
}

.sv-privacy {
  background: url(../img/sv/sv__privacy.jpg) center center/cover no-repeat;
}

/* main コンテンツ
////////////////////////////////////////////////////////////////////////////////////////////////// */
/* TOP
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wrap--section-allover {
  overflow: hidden;
  position: relative;
}

.com--ttl03-01 {
  width: fit-content;
}
.com--ttl03-01 .en {
  display: block;
  width: fit-content;
  font-family: var(--fot--Oswald);
  font-size: 15vw;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: var(--margin-20);
  color: var(--col--main-02);
}
.com--ttl03-01 .ja {
  display: block;
  width: fit-content;
  font-size: 6vw;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--col--main-03);
}

/* greeting
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#top--greeting {
  z-index: 0;
  position: relative;
}
#top--greeting::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: #ededed;
  width: 30%;
  height: 100%;
  left: 0;
  top: 0;
}
#top--greeting::after {
  z-index: -1;
  content: "";
  position: absolute;
  background: #ededed;
  width: 100%;
  height: calc(100% - 80vw);
  bottom: 0;
  left: 0;
}
#top--greeting .inbox {
  padding: 15vw 0;
}
#top--greeting .cont-intro {
  position: relative;
}
#top--greeting .cont-intro .ttl03 {
  margin-right: auto;
  margin-bottom: 4.5vw;
}
#top--greeting .cont-intro .ttl03 .en {
  margin-right: auto;
  font-size: 17vw;
  padding-bottom: 1vw;
}
#top--greeting .cont-intro .ttl03 .ja {
  margin-right: auto;
}
#top--greeting .cont-intro .item-text {
  width: 100%;
  margin-left: auto;
}
#top--greeting .cont-intro .item-text br {
  display: none;
}
#top--greeting .cont-intro .item-img {
  position: relative;
  margin-bottom: 6vw;
}

/* sale
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#top--sale {
  z-index: 0;
  position: relative;
}
#top--sale::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: #ededed;
  width: 55%;
  height: 100%;
  right: 0;
  top: 0;
}
#top--sale::after {
  z-index: -1;
  content: "";
  position: absolute;
  background: #ededed;
  width: 100%;
  height: calc(100% - 110vw);
  bottom: 0;
  left: 0;
}
#top--sale .inbox {
  padding: 15vw 0 7vw;
}
#top--sale .cont-sale {
  position: relative;
}
#top--sale .cont-sale .ttl03 {
  margin-left: auto;
  margin-bottom: 6vw;
}
#top--sale .cont-sale .ttl03 .en {
  margin-left: auto;
  padding-bottom: 1vw;
  font-size: 17vw;
}
#top--sale .cont-sale .ttl03 .ja {
  margin-left: auto;
}
#top--sale .cont-sale .item-text {
  width: 100%;
  margin-bottom: var(--margin-50);
}
#top--sale .cont-sale .item-text br {
  display: none;
}
#top--sale .cont-sale .item-img {
  position: relative;
  margin-bottom: 6vw;
}
#top--sale .cont-sale .com--btn-01 {
  margin-right: auto;
}

/* case
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#top--case {
  z-index: 0;
  overflow: hidden;
  position: relative;
  background: #f3f3f3;
}
#top--case::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  left: 0;
  background: #ededed;
}
#top--case .inbox {
  padding: 15vw 0;
}
#top--case .cont-case {
  position: relative;
  z-index: 0;
  width: 120%;
  height: 56vw;
  margin: 0 auto;
  margin-bottom: var(--margin-20);
  margin-left: -10%;
}
#top--case .cont-case a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
#top--case .cont-case a::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(../img/top/top__case__img_01.jpg) center center/cover no-repeat;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
#top--case .cont-case .ttl03 {
  position: absolute;
  padding: 5vw;
  padding-bottom: 5vw;
  background: rgba(39, 39, 39, 0.8);
  width: 80%;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
#top--case .cont-case .ttl03::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon__arrow__a_01.png) center center/contain no-repeat;
  width: 7vw;
  height: 5vw;
  right: 4vw;
  bottom: 2vw;
}
#top--case .cont-case .ttl03 .ja {
  margin: 0 auto;
  color: #fff;
  font-size: 5vw;
  margin-bottom: 2vw;
}
#top--case .cont-case .ttl03 .en {
  color: #fff;
  margin: 0 auto;
  font-size: 11vw;
  margin-bottom: 2vw;
}

/* subpages
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#top--subpages {
  position: relative;
  background: #ededed;
}
#top--subpages .inbox {
  padding: 3vw 0 20vw;
}
#top--subpages .cont-subpages {
  gap: 10vw;
  flex-direction: column;
}
#top--subpages .cont-subpages .unit-subpage {
  position: relative;
  width: 100%;
  height: 37vw;
}
#top--subpages .cont-subpages .unit-subpage a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
#top--subpages .cont-subpages .unit-subpage .ttl03 {
  position: absolute;
  left: 50%;
  top: 45%;
  translate: -50% -50%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 3vw;
}
#top--subpages .cont-subpages .unit-subpage .ttl03 .en {
  font-size: 13vw;
  color: #fff;
  opacity: 0.55;
  margin: 0 auto;
}
#top--subpages .cont-subpages .unit-subpage .ttl03 .ja {
  font-size: 5vw;
  color: #fff;
  margin: 0 auto;
}
#top--subpages .cont-subpages .unit-subpage .com--btn-01 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  translate: -50% 0;
}
#top--subpages .cont-subpages .unit-buy {
  background: url(../img/top/top__subpages__img_01.jpg) center center/cover no-repeat rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
}
#top--subpages .cont-subpages .unit-buy:hover {
  background: url(../img/top/top__subpages__img_01.jpg) center center/cover no-repeat rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
}
#top--subpages .cont-subpages .unit-rent {
  background: url(../img/top/top__subpages__img_02.jpg) center center/cover no-repeat rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
}
#top--subpages .cont-subpages .unit-rent:hover {
  background: url(../img/top/top__subpages__img_02.jpg) center center/cover no-repeat rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
}
#top--subpages .cont-subpages .unit-solution {
  background: url(../img/top/top__subpages__img_03.jpg) center center/cover no-repeat rgba(0, 0, 0, 0.5);
  background-blend-mode: multiply;
}
#top--subpages .cont-subpages .unit-solution:hover {
  background: url(../img/top/top__subpages__img_03.jpg) center center/cover no-repeat rgba(0, 0, 0, 0.2);
  background-blend-mode: multiply;
}

/* subpages
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.separate_01 {
  height: 40vw;
}

.com--table-01 {
  width: 100%;
}
.com--table-01 tr {
  width: 100%;
}
.com--table-01 tr th,
.com--table-01 tr td {
  padding: 4vw 2vw;
  border-bottom: 1px solid var(--col--main-02);
  line-height: 1.7;
  font-size: 3.8vw;
}
.com--table-01 tr th {
  width: 30%;
}
.com--table-01 tr td {
  width: 70%;
}

.white.com--table-01 tr th,
.white.com--table-01 tr td {
  color: #fff;
  border-bottom: 1px solid #fff;
}
/* info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#top--info {
  z-index: 0;
  position: relative;
  background: #f3f3f3;
}
#top--info::before {
  z-index: -1;
  content: "";
  position: absolute;
  height: 330px;
  width: 100%;
  left: 0;
  bottom: 0;
  background: #fff;
}
#top--info .inbox {
  padding: 20vw 0 5vw;
}
#top--info .ttl03 {
  margin: 0 auto;
  margin-bottom: var(--margin-70);
}
#top--info .ttl03 .en {
  margin: 0 auto;
  margin-bottom: var(--margin-20);
}
#top--info .ttl03 .ja {
  margin: 0 auto;
}
#top--info .cont-info {
  padding: 5vw 5vw;
  background: var(--col--main-02);
  margin-bottom: 13vw;
  .item-table{
    tr{
      th,td{
        border-bottom: 1px solid #808080;
      }
    }
    tr:last-of-type{
      th,td{
        border-bottom: unset;
      }
    }
  }
}
#top--info .cont-access {
  width: 100%;
  gap: 10vw;
  flex-direction: column-reverse;
}
#top--info .cont-access > div {
  width: 100%;
  margin-bottom: 3vw;
}
#top--info .cont-access .item-map {
  height: 60vw;
}
#top--info .cont-access .item-map iframe {
  width: 100%;
  height: 100%;
}

/* news
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.unit-latest {
  padding-bottom: var(--margin-30);
  border-bottom: 1px solid #808080;
  margin-bottom: var(--margin-30);
}
.unit-latest:last-child {
  border-bottom: unset;
  margin-bottom: 0;
  padding-bottom: 0;
}
.unit-latest a {
  width: 100%;
  height: 100%;
}
.unit-latest .unit-latest-text {
  width: 100%;
}
.unit-latest .unit-latest-text.on_thumb {
  width: 85%;
}
@media screen and (max-width: 767px) {
  .unit-latest .unit-latest-text.on_thumb {
    width: 70%;
  }
}
.unit-latest .item-ttl {
  order: 3;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 3.5vw;
  text-overflow: ellipsis;
}
.unit-latest .item-time {
  position: relative;
  order: 2;
  width: fit-content;
  margin-bottom: var(--margin-10);
  color: var(--col--main-03);
  font-size: 3.5vw;
}
.unit-latest .tag_list {
  order: 1;
  width: 80%;
  margin-bottom: var(--margin-10);
  gap: 3vw;
}
.unit-latest .tag_list-item {
  width: fit-content;
  height: fit-content;
  background: #808080;
  color: #fff;
  font-size: 3.5vw;
  padding: 0.4vw 2vw;
  font-size: var(--font-size-14);
}
.unit-latest .unit-latest-img {
  height: 130px;
  width: 130px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .unit-latest .unit-latest-img {
    height: 20vw;
    width: 20vw;
    margin-right: 2vw;
  }
}
.unit-latest .item-thumb {
  height: 130px;
  width: 130px;
}
@media screen and (max-width: 767px) {
  .unit-latest .item-thumb {
    height: 20vw;
    width: 20vw;
    margin-right: 2vw;
  }
}
.unit-latest:hover {
  color: var(--col--acc-01);
  right: -5px;
}

.s-post-taglist {
  gap: 10px;
}
.s-post-taglist .tag-name {
  width: fit-content;
  height: fit-content;
  background: #808080;
  color: #fff;
  font-size: 3.5vw;
  padding: 0.4vw 2vw;
  font-size: var(--font-size-14);
}

#top--news {
  position: relative;
  z-index: 0;
}
#top--news::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: #fff;
  width: 100%;
  top: 0;
  left: 0;
  height: 60%;
}
#top--news .inbox {
  position: relative;
  padding: 10vw 0 15vw;
}
#top--news .ttl03 {
  margin: 0 auto;
  margin-bottom: 6vw;
}
#top--news .ttl03 .en {
  margin: 0 auto;
  padding-bottom: 3vw;
}
#top--news .ttl03 .ja {
  margin: 0 auto;
}
#top--news .cont-latest {
  background: #ededed;
  margin-left: auto;
  padding: 5vw;
  width: 100%;
  margin-bottom: 9vw;
}
#top--news .unit-latest {
  padding-bottom: var(--margin-30);
  border-bottom: 1px solid #808080;
  margin-bottom: var(--margin-30);
}
#top--news .unit-latest:last-child {
  border-bottom: unset;
  margin-bottom: 0;
  padding-bottom: 0;
}
#top--news .unit-latest a {
  width: 100%;
  height: 100%;
}
#top--news .unit-latest .unit-latest-text {
  width: 100%;
}
#top--news .unit-latest .unit-latest-text.on_thumb {
  width: 85%;
}
@media screen and (max-width: 767px) {
  #top--news .unit-latest .unit-latest-text.on_thumb {
    width: 70%;
  }
}
#top--news .unit-latest .item-ttl {
  order: 3;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 3.5vw;
  text-overflow: ellipsis;
}
#top--news .unit-latest .item-time {
  position: relative;
  order: 2;
  width: fit-content;
  margin-bottom: var(--margin-10);
  color: var(--col--main-03);
  font-size: 3.5vw;
}
#top--news .unit-latest .tag_list {
  order: 1;
  width: 80%;
  margin-bottom: var(--margin-10);
  gap: 3vw;
}
#top--news .unit-latest .tag_list-item {
  width: fit-content;
  height: fit-content;
  background: #808080;
  color: #fff;
  font-size: 3.5vw;
  padding: 0.4vw 2vw;
  font-size: var(--font-size-14);
}
#top--news .unit-latest .unit-latest-img {
  height: 130px;
  width: 130px;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  #top--news .unit-latest .unit-latest-img {
    height: 20vw;
    width: 20vw;
    margin-right: 2vw;
  }
}
#top--news .unit-latest .item-thumb {
  height: 130px;
  width: 130px;
}
@media screen and (max-width: 767px) {
  #top--news .unit-latest .item-thumb {
    height: 20vw;
    width: 20vw;
    margin-right: 2vw;
  }
}
#top--news .unit-latest:hover {
  color: var(--col--acc-01);
  right: -5px;
}
#top--news .com--btn-01 {
  position: relative;
}

/* footer フッター
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer {
  position: relative;
  width: 100%;
  background: #bcbcbc;
  /* --------------------------------- */
  /* --------------------------------- */
  /* --------------------------------- */
}
#footer .inbox {
  padding: 10vw 0;
}
#footer .item-logo {
  width: fit-content;
  display: block;
  transition: ease 0.2s;
  margin: 0 auto;
  margin-bottom: var(--margin-40);
}
#footer .item-logo img {
  width: 47vw;
}
#footer .item-logo:hover {
  opacity: 0.6;
}
#footer .unit-info {
  margin-bottom: 4vw;
}
#footer .unit-info .item-address {
  line-height: 1.6;
  margin-bottom: 5px;
  text-align: center;
  font-size: 3.6vw;
  margin-bottom: 6vw;
}
#footer .unit-info .com--times {
  margin: 0 auto;
  gap: 2vw;
}
#footer .unit-info .com--times-item {
  gap: 2vw 3.5vw;
  font-size: 3.6vw;
}
#footer .footer--wrap {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #footer .footer--wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#footer .footer--left {
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  #footer .footer--left {
    width: 100%;
  }
}
#footer .footer--right {
  position: relative;
  width: fit-content;
}
@media screen and (max-width: 767px) {
  #footer .footer--right {
    width: 100%;
  }
}
#footer .unit-contact {
  margin-top: 6vw;
  width: 100%;
  padding: 5vw;
  background: #fff;
}
#footer .unit-contact .title {
  padding: 2vw 0;
  font-family: var(--fot--Oswald);
  font-size: 7vw;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--col--main-02);
  border-top: 1px solid var(--col--main-02);
  border-bottom: 1px solid var(--col--main-02);
  margin-bottom: 5vw;
  width: 100%;
  text-align: center;
}
#footer .com--tel {
  margin-bottom: var(--margin-25);
}
#footer .unit-btn {
  gap: 3vw;
}
#footer .unit-btn .com--btn-02 span {
  padding-left: 8vw;
}
#footer .unit-btn .btn-contact {
  margin-bottom: 2.5vw;
}
#footer .list-nav {
  gap: 10px;
}
#footer .list-nav-item {
  width: fit-content;
}
#footer .list-nav-item a {
  position: relative;
  transition: ease 0.2s;
  font-size: var(--font-size-16);
  font-weight: 500;
  color: var(--col--main-02);
  padding-left: 10px;
}
#footer .list-nav-item a::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
#footer .list-nav-item a:hover {
  color: var(--col--main-01);
}
@media screen and (max-width: 767px) {
  #footer .list-nav {
    display: none;
  }
}
#footer #copyright {
  font-size: 3vw;
  text-align: center;
  color: var(--col--main-03);
  padding-bottom: 5vw;
}
#footer #copyright a {
  margin: 0 2px;
  padding: 0 5px;
  transition: ease 0.12s;
}
#footer #copyright a:hover {
  color: var(--col--main-02);
}
@media screen and (max-width: 767px) {
  #footer #copyright a {
    margin: unset;
    padding: unset;
  }
  #footer #copyright a:hover {
    color: inherit;
    background: inherit;
  }
}

/* 共通タイトル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contents-u .ttl01,
#contact .ttl01 {
  flex-direction: column-reverse;
  position: relative;
  margin: 0 auto;
  width: fit-content;
  margin-bottom: 85px;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: var(--margin-70);
}
#contents-u .ttl01 .en,
#contact .ttl01 .en {
  display: block;
  margin: 0 auto;
  width: fit-content;
  font-family: var(--fot--Oswald);
  font-size: 10vw;
  font-weight: 500;
  letter-spacing: 0;
  margin-bottom: var(--margin-20);
  color: var(--col--main-02);
}
#contents-u .ttl01 .ja,
#contact .ttl01 .ja {
  display: block;
  margin: 0 auto;
  width: fit-content;
  font-size: 5vw;
  font-weight: 700;
  letter-spacing: 0;
  color: var(--col--main-03);
}

/* subpage 下層ページ
////////////////////////////////////////////////////////////////////////////////////////////////// */
/* common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* about
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.common--about {
  z-index: 1;
  position: relative;
}
.common--about::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  left: 0;
}
.common--about .inbox {
  padding: 15vw 0 7vw;
}
.common--about .cont-intro {
  position: relative;
}
.common--about .cont-intro .ttl03 {
  width: 100%;
  margin-bottom: var(--margin-60);
}
.common--about .cont-intro .ttl03 .en {
  font-size: 20vw;
  margin-bottom: 4vw;
}
.common--about .cont-intro .item-img {
  position: relative;
  margin-bottom: 6vw;
  width: 100%;
}
.common--about .cont-intro .item-img img {
  width: 100%;
}
.common--about .cont-intro .item-text {
  width: 100%;
}
.common--about .cont-intro .item-text br {
  display: none;
}

/* worries
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.common--worries {
  z-index: 0;
  position: relative;
}
.common--worries::before {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #f3f3f3;
  left: 0;
}
.common--worries::after {
  z-index: -1;
  content: "";
  position: absolute;
  height: 215px;
  width: 100%;
  background: #f3f3f3;
  left: 0;
  bottom: 0;
}
.common--worries .inbox {
  padding: 7vw 0 15vw;
}
.common--worries .ttl03 {
  margin: 0 auto;
  margin-bottom: var(--margin-70);
}
.common--worries .ttl03 .en {
  margin: 0 auto;
  margin-bottom: var(--margin-25);
}
.common--worries .ttl03 .ja {
  font-size: 5vw;
  margin: 0 auto;
}
.common--worries .cont-feature {
  position: relative;
  padding: 5vw;
  background: #525252;
}
.common--worries .cont-feature::before {
  pointer-events: none;
  opacity: 0.1;
  content: "";
  position: absolute;
  background: url(../img/common/illust__human__a_01.png) center center/contain no-repeat;
  width: 51vw;
  height: 49vw;
  right: 0;
  bottom: 0;
}
.common--worries .cont-feature .list-feature {
  position: relative;
}
.common--worries .cont-feature .list-feature-item {
  position: relative;
  width: 100%;
  margin-left: auto;
  padding-left: 6vw;
  margin-bottom: var(--margin-20);
  line-height: 1.9;
}
.common--worries .cont-feature .list-feature-item:last-child {
  margin-bottom: 0;
}
.common--worries .cont-feature .list-feature-item::before {
  content: "";
  position: absolute;
  background: url(../img/common/icon__check__a_01.png) center center/contain no-repeat;
  width: 4vw;
  height: 4vw;
  left: 0;
  top: 2vw;
}
.common--worries .cont-feature .list-feature-item .text {
  color: #fff;
}

/* sale
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* estate
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sale--estate {
  background: #ededed;
}
#sale--estate .inbox {
  padding: 15vw 0 15vw;
}
#sale--estate .ttl03 {
  margin: 0 auto;
  text-align: center;
  margin-bottom: var(--margin-70);
}
#sale--estate .ttl03 .ja {
  margin: 0 auto;
}
#sale--estate .ttl03 .en {
  margin: 0 auto;
  margin-bottom: 3vw;
}
#sale--estate .cont-example .list-example {
  gap: 7vw 5vw;
  justify-content: center;
}
#sale--estate .cont-example .list-example-item {
  position: relative;
  width: calc((100% - 5vw) / 2);
}
#sale--estate .cont-example .list-example-item .ttl04 {
  position: absolute;
  width: 90%;
  bottom: -2vw;
  left: 50%;
  translate: -50% 0;
  padding: 2vw 3vw;
  background: #272727;
  text-align: center;
}
#sale--estate .cont-example .list-example-item .ttl04 .ja {
  color: #fff;
  font-size: 4.2vw;
  font-weight: 700;
}

/* renovation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sale--renovation .ttl03 {
  margin: 0 auto;
  text-align: center;
  margin-bottom: var(--margin-70);
}
#sale--renovation .ttl03 .ja {
  margin: 0 auto;
}
#sale--renovation .ttl03 .en {
  margin: 0 auto;
  margin-bottom: var(--margin-15);
}
#sale--renovation .cont-post .unit-post {
  position: relative;
  background: #525252;
  padding: 5vw;
  margin-bottom: var(--margin-40);
}
#sale--renovation .cont-post .unit-post:last-child {
  margin-bottom: 0;
}
#sale--renovation .cont-post .unit-post .ttl04 {
  padding-bottom: var(--margin-15);
  border-bottom: 1px solid #808080;
  margin-bottom: var(--margin-15);
  margin-left: auto;
}
#sale--renovation .cont-post .unit-post .ttl04 .num {
  display: block;
  width: fit-content;
  color: #fff;
  padding: 1vw 3vw;
  background: #272727;
  font-weight: 700;
  font-size: var(--font-size-18);
  margin-bottom: var(--margin-10);
}
#sale--renovation .cont-post .unit-post .ttl04 .num small {
  color: #fff;
  margin-right: 5px;
}
#sale--renovation .cont-post .unit-post .ttl04 .ja {
  font-size: var(--font-size-26);
  color: #fff;
  line-height: 1.6;
  font-weight: 500;
}
#sale--renovation .cont-post .unit-post .item-text {
  margin-left: var(--margin-20);
  margin-bottom: var(--margin-40);
  margin-left: auto;
}
#sale--renovation .cont-post .unit-post .item-text p {
  color: #fff;
  font-weight: 500;
  font-size: var(--font-size-15);
}
#sale--renovation .cont-post .unit-post .item-img{
  position: relative;
  width: 100%;
}
#sale--renovation .cont-post .unit-post{
  .ttl04{
    width: 100%;
  }
  .item-text{
    width: 100%;
  }
  .item-img{
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
  }
}

/* renovation
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sale--reason {
  background: #f3f3f3;
}
#sale--reason .ttl03 {
  margin: 0 auto;
  text-align: center;
  margin-bottom: var(--margin-70);
}
#sale--reason .ttl03 .ja {
  margin: 0 auto;
}
#sale--reason .ttl03 .en {
  margin: 0 auto;
  margin-bottom: var(--margin-15);
}
#sale--reason .cont-faq {
  position: relative;
  overflow: hidden;
}
#sale--reason .cont-faq .unit-faq {
  position: relative;
  margin-bottom: 10vw;
}
#sale--reason .cont-faq .unit-faq:last-child {
  margin-bottom: 0;
}
#sale--reason .cont-faq .unit-faq .ttl04 {
  position: relative;
  width: 68%;
  margin-left: auto;
  padding-bottom: 3vw;
  margin-left: 31vw;
  padding-top: 8vw;
  margin-bottom: 14vw;
}
#sale--reason .cont-faq .unit-faq .ttl04::before {
  content: "";
  position: absolute;
  width: 240px;
  border-bottom: 1px solid var(--col--main-01);
  bottom: 0;
  left: -40px;
}
#sale--reason .cont-faq .unit-faq .ttl04 .num {
  font-family: var(--fot--Oswald);
  font-size: 5vw;
  font-weight: 500;
  margin-right: 1vw;
  color: var(--col--main-02);
}
#sale--reason .cont-faq .unit-faq .ttl04 .ja {
  font-weight: 700;
  font-size: 5vw;
  color: var(--col--main-01);
}
#sale--reason .cont-faq .unit-faq .item-img {
  position: absolute;
  left: 0vw;
  top: 0vw;
}
#sale--reason .cont-faq .unit-faq .item-img img {
  width: 27vw;
  aspect-ratio: 1;
}
#sale--reason .cont-faq .unit-faq .item-text {
  width: 100%;
  margin-left: auto;
}
#sale--reason .cont-faq .unit-faq .item-text br {
  display: none;
}

/* buy
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#buy--info {
  background: #ededed;
}
#buy--info .inbox {
  position: relative;
}
#buy--info .ttl03 {
  margin-bottom: var(--margin-70);
}
#buy--info .cont-post .unit-post {
  background: #525252;
  padding: 5vw;
  margin-bottom: var(--margin-40);
}
#buy--info .cont-post .unit-post:last-child {
  margin-bottom: 0;
}
#buy--info .cont-post .unit-post .unit-image {
  margin-bottom: var(--margin-40);
  overflow-x: scroll;
  padding: 3vw 0;
}
#buy--info .cont-post .unit-post .unit-image .list-image {
  gap: 3vw;
}
#buy--info .cont-post .unit-post .unit-image .list-image-item {
  height: 50vw;
  flex: 0 0 50vw;
  aspect-ratio: 1;
}
#buy--info .cont-post .unit-post .item-price {
  margin-bottom: var(--margin-20);
}
#buy--info .cont-post .unit-post .item-price dt {
  background: var(--col--main-01);
  color: #fff;
  padding: 2vw 3vw;
  font-size: 4vw;
  font-weight: 700;
  margin-right: 1vw;
  text-align: center;
}
#buy--info .cont-post .unit-post .item-price dd {
  padding: 2vw 3vw;
  font-size: 4vw;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
}
#buy--info .cont-post .unit-post .item-table {
  width: 100%;
}
#buy--info .cont-post .unit-post .item-table tr {
  width: 100%;
}
#buy--info .cont-post .unit-post .item-table tr th,
#buy--info .cont-post .unit-post .item-table tr td {
  color: #fff;
  padding: 4vw 2vw;
  border-bottom: 1px solid #808080;
  line-height: 1.4;
  font-size: 3.6vw;
}
#buy--info .cont-post .unit-post .item-table tr th {
  width: 30%;
}
#buy--info .cont-post .unit-post .item-table tr td {
  width: 70%;
}
#buy--info .cont-post .unit-post .item-table tr:first-of-type th,
#buy--info .cont-post .unit-post .item-table tr:first-of-type td {
  border-top: 1px solid #808080;
}
#buy--info .tag-select-box {
  max-width: unset;
  position: relative;
  margin-left: auto;
  width: fit-content;
  margin-bottom: 8vw;
}
#buy--info .tag-select-box #tag-select {
  width: fit-content;
  background: var(--col--main-01);
  color: #fff;
  border: 0;
  border-radius: 0;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: 3.6vw;
  padding: 4vw 12vw;
}
#buy--info .tag-select-box #tag-select option {
  color: #fff;
  font-size: 3.6vw;
}

/* rent
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#rent--info .inbox {
  position: relative;
}
#rent--info .ttl03 {
  margin-bottom: var(--margin-70);
}
#rent--info .cont-post .unit-post {
  background: #525252;
  padding: 5vw 5vw;
  margin-bottom: var(--margin-40);
}
#rent--info .cont-post .unit-post:last-child {
  margin-bottom: 0;
}
#rent--info .cont-post .unit-post .unit-image {
  margin-bottom: var(--margin-40);
  overflow-x: scroll;
  padding: 3vw 0;
}
#rent--info .cont-post .unit-post .unit-image .list-image {
  gap: 3vw;
}
#rent--info .cont-post .unit-post .unit-image .list-image-item {
  height: 50vw;
  flex: 0 0 50vw;
  aspect-ratio: 1;
}
#rent--info .cont-post .unit-post .item-deposit, #rent--info .cont-post .unit-post .item-gratuity {
  margin-bottom: var(--margin-20);
}
#rent--info .cont-post .unit-post .item-deposit dt, #rent--info .cont-post .unit-post .item-gratuity dt {
  background: var(--col--main-01);
  color: #fff;
  padding: 2vw 3vw;
  font-size: 4vw;
  font-weight: 700;
  margin-right: 1vw;
  text-align: center;
  white-space: nowrap;
}
#rent--info .cont-post .unit-post .item-deposit dd, #rent--info .cont-post .unit-post .item-gratuity dd {
  padding: 2vw 3vw;
  font-size: 4vw;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.3;
}
#rent--info .cont-post .unit-post .item-table {
  width: 100%;
}
#rent--info .cont-post .unit-post .item-table tr {
  width: 100%;
}
#rent--info .cont-post .unit-post .item-table tr th,
#rent--info .cont-post .unit-post .item-table tr td {
  color: #fff;
  padding: 4vw 2vw;
  border-bottom: 1px solid #808080;
  line-height: 1.4;
  font-size: 3.6vw;
}
#rent--info .cont-post .unit-post .item-table tr th {
  width: 30%;
}
#rent--info .cont-post .unit-post .item-table tr td {
  width: 70%;
}
#rent--info .cont-post .unit-post .item-table tr:first-of-type th,
#rent--info .cont-post .unit-post .item-table tr:first-of-type td {
  border-top: 1px solid #808080;
}
#rent--info .tag-select-box {
  position: relative;
  margin-left: auto;
  width: 100%;
  margin-bottom: 8vw;
}
#rent--info .tag-select-box #tag-select {
  width: fit-content;
  background: var(--col--main-01);
  color: #fff;
  border: 0;
  border-radius: 0;
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: 3.6vw;
  padding: 4vw 12vw;
}
#rent--info .tag-select-box #tag-select option {
  color: #fff;
  font-size: 3.6vw;
}



/* solution
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* solution
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#solution .ttl03 {
  margin: 0 auto;
  margin-bottom: var(--margin-70);
}
#solution .ttl03 .ja {
  margin: 0 auto;
}
#solution .ttl03 .en {
  margin: 0 auto;
  margin-bottom: var(--margin-10);
}
#solution .unit-btn {
  margin-bottom: var(--margin-70);
  gap: 3vw;
  flex-direction: column;
}
#solution .cont-faq {
  margin-bottom: var(--margin-80);
}
#solution .cont-faq:last-child {
  margin-bottom: 0;
}
#solution .cont-faq .ttl04 {
  padding: 3.5vw 0;
  background: var(--col--main-02);
  text-align: center;
  margin-bottom: var(--margin-35);
}
#solution .cont-faq .ttl04 .ja {
  font-weight: 700;
  font-size: 5.5vw;
  color: #fff;
}
#solution .cont-faq .unit-post {
  width: 100%;
  margin: 0 auto;
  margin-bottom: var(--margin-40);
}
#solution .cont-faq .unit-post:last-child {
  margin-bottom: 0;
}
#solution .cont-faq .unit-post dt {
  position: relative;
  font-weight: 700;
  font-size: 4.6vw;
  padding-left: 4vw;
  padding-bottom: var(--margin-20);
  border-bottom: 1px solid var(--col--main-03);
  margin-bottom: var(--margin-20);
  line-height: 1.4;
}
#solution .cont-faq .unit-post dt::before {
  content: "Q.";
  position: absolute;
  font-family: var(--fot--Oswald);
  font-size: 5.2vw;
  font-weight: 500;
  color: var(--col--main-02);
  top: -1vw;
  left: -2vw;
}
#solution .cont-faq .unit-post dd {
  font-weight: 500;
  font-size: 3.8vw;
  line-height: 1.8;
}/*# sourceMappingURL=style_sp.css.map */