@charset "UTF-8";
/*---------------------------------------------------- 共通 ----------------------------------------------------*/
section.cm-search-sec-search div.info-tab-wrap {
  width: 88.6%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.info-tab-wrap {
    width: 60%;
    max-width: 687px;
  }
}
section.cm-search-sec-search div.info-tab-wrap .info-tab {
  text-align: center;
  width: 47%;
  background: #c8c8c8;
  border: none;
  color: #fff;
  padding: 0.5em 0 0.4em;
  border-radius: 0.6em 0.6em 0 0;
  font-size: var(--spfont-size20);
  font-weight: 600;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.info-tab-wrap .info-tab {
    font-size: var(--pcfont-size26);
    border-radius: 1em 1em 0 0;
    padding: 0.8em 0 0.6em;
  }
}
section.cm-search-sec-search div.info-tab-wrap .info-tab.active {
  background: var(--blue01);
}
section.cm-search-sec-search div.area-box {
  padding: 8% 0 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(255, 255, 255)), to(rgb(235, 235, 235)));
  background: linear-gradient(0deg, rgb(255, 255, 255), rgb(235, 235, 235));
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box {
    padding: 50px 0 0;
  }
}
section.cm-search-sec-search div.area-box.info-cont {
  display: none;
}
section.cm-search-sec-search div.area-box.active {
  display: block;
}
section.cm-search-sec-search div.area-box h2,
section.cm-search-sec-search div.area-box h3 {
  text-align: center;
  font-size: var(--spfont-size16);
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box h2,
  section.cm-search-sec-search div.area-box h3 {
    font-size: var(--pcfont-size27);
  }
}
section.cm-search-sec-search div.area-box h2 span,
section.cm-search-sec-search div.area-box h3 span {
  display: inline-block;
  border-bottom: solid 1px #111;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box h2 span,
  section.cm-search-sec-search div.area-box h3 span {
    padding: 0 0.4em 0.4em 0.4em;
  }
}
section.cm-search-sec-search div.area-box h2.cm-page-title01 span::after,
section.cm-search-sec-search div.area-box h3.cm-page-title01 span::after {
  left: -1em;
}
section.cm-search-sec-search div.area-box ul.prefecture-ul {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 7% auto 0;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.prefecture-ul {
    margin: 30px auto 0;
    max-width: 890px;
  }
}
section.cm-search-sec-search div.area-box ul.prefecture-ul li {
  text-align: center;
  width: 31%;
  margin: 0 0 3%;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.prefecture-ul li {
    width: 15%;
    margin: 0;
    font-size: var(--pcfont-size17);
  }
}
section.cm-search-sec-search div.area-box ul.prefecture-ul li a {
  background: #fff;
  border: solid 1px #111;
  border-radius: 0.6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  padding: 0.4em 0;
}
section.cm-search-sec-search div.area-box ul.prefecture-ul li a.active {
  background: var(--blue02);
  border: solid 1px var(--blue02);
  color: #fff;
}
section.cm-search-sec-search div.area-box ul.city-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 90%;
  margin: 6% auto 0;
  gap: 4%;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.city-ul {
    max-width: 890px;
    margin: 40px auto 0;
    gap: 1.25%;
  }
}
section.cm-search-sec-search div.area-box ul.city-ul li {
  margin-bottom: 0.8em;
  width: 48%;
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.city-ul li {
    margin-bottom: 1%;
    width: 19%;
  }
}
section.cm-search-sec-search div.area-box ul.city-ul li a {
  display: block;
  padding: 0.4em 1em 0.4em 0.8em;
  border: solid 1px #8a8c85;
  border-radius: 0.6em;
  line-height: 1.4em;
  font-size: var(--spfont-size16);
  font-weight: 600;
  position: relative;
  background: #fff;
}
section.cm-search-sec-search div.area-box ul.city-ul li a::before, section.cm-search-sec-search div.area-box ul.city-ul li a::after {
  content: "";
  display: block;
  width: 0.5em;
  height: 0.14em;
  background: #030303;
  position: absolute;
  top: 50%;
  right: 0.4em;
  -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  -webkit-transform-origin: calc(100% - 0.1em) 50%;
      -ms-transform-origin: calc(100% - 0.1em) 50%;
          transform-origin: calc(100% - 0.1em) 50%;
  border-radius: 1em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
section.cm-search-sec-search div.area-box ul.city-ul li a::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.city-ul li a {
    padding: 0.5em 1em 0.6em 0.8em;
    font-size: var(--pcfont-size16);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}

.pickup-swiper {
  max-width: 1000px;
  margin-inline: auto;
}

section.sec-pickup .swiper-box.pickup {
  margin: 0px auto 0;
}
section.sec-pickup .swiper-box.pickup button.swiper-pause.pickup::after {
  background-image: url("../myimg/common/btn-stop.svg");
}
section.sec-pickup .swiper-box.pickup button.swiper-pause.pickup.paused::after {
  background-image: url("../myimg/common/btn-play.svg");
}

.cm-search-bukken-ul {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul {
    max-width: 1000px;
  }
}
.cm-search-bukken-ul.swiper-wrapper {
  max-width: none;
  width: 100%;
  margin: 0;
  list-style: none;
}
.cm-search-bukken-ul li.cm-search-bukken-li {
  border: solid 1px #111;
  margin: 0 0 10%;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li {
    margin: 0 0 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li:last-child {
  margin: 0;
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box {
  background: #efede7;
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner {
  width: 88%;
  margin: auto;
  padding: 5% 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner {
    width: 93%;
    padding: 20px 0 15px;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box {
  width: 80%;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box {
    width: calc(100% - 140px);
  }
}
@media screen and (min-width: 1000px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box {
    width: calc(100% - 170px);
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box h4 {
  display: inline-block;
  font-size: var(--spfont-size21);
  font-weight: 600;
  margin: 0 0 0.4em;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box h4 {
    font-size: var(--pcfont-size22);
    margin-right: 2em;
    margin-bottom: 5px;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box span.tag {
  padding: 0 0.8em 0.1em;
  display: inline-block;
  margin: 0;
  min-width: 5em;
  text-align: center;
  margin: 0 0.4em 0 0;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box span.tag {
    font-size: var(--pcfont-size16);
    vertical-align: 0.14em;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box span.tag.tag01 {
  background: #fff;
  color: #d84b30;
  border: solid 1px #d84b30;
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box span.tag.new {
  background: #d84b30;
  text-align: center;
  color: #fff;
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner div.txt-box span.tag.hiraya {
  background: #fff;
  color: #5e8eb2;
  border: solid 1px #5e8eb2;
  margin-right: 1em;
  margin-bottom: 0.4em;
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner button.cm-favorite-btn {
  top: 5vw;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-name-box div.bukken-name-box-inner button.cm-favorite-btn {
    top: 20px;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box {
  background: #fff;
  padding: 5% 0;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box {
    padding: 30px 0;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner {
  width: 88%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner {
    width: 93%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner a.bukken-img {
  display: block;
  margin: 0 0 5%;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner a.bukken-img {
    width: 28%;
    margin: 0;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner a.bukken-img img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 48vw;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner a.bukken-img img {
    height: 14vw;
  }
}
@media screen and (min-width: 1280px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner a.bukken-img img {
    height: 180px;
  }
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul {
    width: 43%;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li {
  margin: 0 0 5%;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li {
    margin: 0 0 10px;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li dl {
  font-size: var(--spfont-size14);
  line-height: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li dl {
    font-size: var(--pcfont-size14);
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li dl dt {
  width: 5em;
  border: solid 1px #ddddd3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li dl dt {
    min-height: 3em;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li dl dd {
  width: calc(100% - 6em);
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner ul li dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner div.link-box {
    width: 24%;
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner div.link-box a {
  margin: 0 0 3%;
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner div.link-box a.visitor-btn {
  background: #f5ac00;
  color: #fff;
  border: solid 1px #f5ac00;
}
@media screen and (min-width: 768px) {
  .cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner div.link-box a.visitor-btn:hover {
    border: solid 1px var(--blue01);
    background: var(--blue01);
  }
}
.cm-search-bukken-ul li.cm-search-bukken-li div.bukken-detail-box div.bukken-detail-box-inner div.link-box a.visitor-btn svg {
  fill: #fff;
}

div.cm-search-sec-list-wrap {
  margin: 0 0 30%;
}
@media screen and (min-width: 768px) {
  div.cm-search-sec-list-wrap {
    margin: 0 0 160px;
  }
}

section.cm-search-sec-list {
  padding: 15% 0 0;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-list {
    padding: 120px 0 0;
  }
}
section.cm-search-sec-list.event {
  background: #efede7;
  position: relative;
  padding: 20% 0;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-list.event {
    padding: 120px 0 165px;
  }
}
section.cm-search-sec-list.event::after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  position: absolute;
  background: #111;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-list.event::after {
    max-width: 1000px;
  }
}
section.cm-search-sec-list div.cm-search-sec-list-inner h2, section.cm-search-sec-list div.cm-search-sec-list-inner h3 {
  text-align: center;
  font-weight: 600;
  font-size: var(--spfont-size26);
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-list div.cm-search-sec-list-inner h2, section.cm-search-sec-list div.cm-search-sec-list-inner h3 {
    font-size: var(--pcfont-size27);
  }
}

/*---------------------------------------------------- 分譲リスト TOPページ ----------------------------------------------------*/
div.bunjo-top-slide {
  overflow: hidden;
}

section.cm-sec-project {
  position: relative;
  padding-bottom: 15%;
}
@media screen and (min-width: 768px) {
  section.cm-sec-project {
    padding-bottom: 140px;
  }
}
section.cm-sec-project::after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background: #9f9f9f;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.cm-sec-project::after {
    max-width: 1000px;
  }
}
@media screen and (min-width: 768px) {
  section.cm-sec-project h2.cm-title01 span.txt02 {
    font-size: var(--pcfont-size33);
  }
}

/*---------------------------------------------------- 分譲リスト -県- ページ ----------------------------------------------------*/
section.sec-pickup {
  background: #ebebeb;
  padding: 13% 0;
}
@media screen and (min-width: 768px) {
  section.sec-pickup {
    padding: 135px 0;
  }
}
section.sec-pickup h2, section.sec-pickup h3 {
  font-size: var(--spfont-size22);
  text-align: center;
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  section.sec-pickup h2, section.sec-pickup h3 {
    font-size: var(--pcfont-size27);
  }
}
section.sec-pickup h2 span, section.sec-pickup h3 span {
  display: inline-block;
  font-weight: 600;
  padding: 0.7em 2em;
  border-top: solid 1px #111;
  border-bottom: solid 1px #111;
}

/*---------------------------------------------------- 分譲リスト -市- ページ ----------------------------------------------------*/
section.sec-feature {
  width: 90%;
  margin: 10% auto;
  background: var(--blue02);
  padding: 7% 0 10%;
  border-radius: 2em;
}
@media screen and (min-width: 768px) {
  section.sec-feature {
    max-width: 1000px;
    padding: 50px 0;
    margin: 140px auto;
  }
}
section.sec-feature div.sec-feature-inner {
  width: 82%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-feature div.sec-feature-inner {
    width: 90%;
  }
}
section.sec-feature h3 {
  text-align: center;
  background: #fff;
  line-height: 1.4em;
  font-size: var(--spfont-size22);
  padding: 0.6em 0;
}
@media screen and (min-width: 768px) {
  section.sec-feature h3 {
    font-size: var(--pcfont-size27);
    padding: 0.4em 0;
  }
}
section.sec-feature p {
  color: #fff;
}
section.sec-feature p.feature-txt01 {
  text-align: center;
  font-size: var(--spfont-size20);
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-feature p.feature-txt01 {
    font-size: var(--pcfont-size20);
    margin: 30px 0 0;
  }
}
section.sec-feature p.feature-txt02 {
  font-size: var(--spfont-size16);
  text-align: justify;
  word-break: break-all;
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-feature p.feature-txt02 {
    font-size: var(--pcfont-size16);
    margin: 0;
  }
}
section.sec-feature div.flex-box {
  margin-top: 10%;
}
@media screen and (min-width: 768px) {
  section.sec-feature div.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  section.sec-feature div.flex-box div.feature-img {
    width: 54%;
  }
}
section.sec-feature div.flex-box div.feature-img img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 43vw;
}
@media screen and (min-width: 768px) {
  section.sec-feature div.flex-box div.feature-img img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 27vw;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-feature div.flex-box div.feature-img img {
    height: 280px;
  }
}

/*---------------------------------------------------- 分譲 詳細ページ ----------------------------------------------------*/
/*
main.bunjoland-single{
	padding: 51vw 0 0;
	@include mq(pc) {
		padding: 8vw 0 0;
	}
	@include mq(pc-middle) {
		padding: 80px 0 0;
	}
	@include mq(pc-large) {
		padding: 90px 0 0;
	}
}
main.bunjohousing-single{
	padding: 57vw 0 0;
	@include mq(pc) {
		padding: 8vw 0 0;
	}
	@include mq(pc-middle) {
		padding: 80px 0 0;
	}
	@include mq(pc-large) {
		padding: 90px 0 0;
	}
}
*/
main {
  position: relative;
}

div.near-fix-btn-wrap {
  position: fixed;
  bottom: 30vw;
  left: 50%;
  z-index: 5;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  width: 100%;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn-wrap {
    width: 90%;
    bottom: 50px;
    max-width: 1100px;
  }
}
div.near-fix-btn-wrap.none {
  opacity: 0;
  pointer-events: none;
}

div.near-fix-btn {
  width: 95%;
  background: #fff;
  margin: auto;
  border: solid 1px var(--blue02);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn {
    width: calc(100% - 12em);
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 1000px) {
  div.near-fix-btn {
    width: calc(100% - 19em);
  }
}
div.near-fix-btn button {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.6em;
  height: 2.6em;
  border: none;
  background: var(--blue02);
}
div.near-fix-btn button::after, div.near-fix-btn button::before {
  content: "";
  display: block;
  width: 1px;
  height: 1.6em;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
div.near-fix-btn button::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
div.near-fix-btn a {
  display: block;
  padding: 0.6em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
div.near-fix-btn a div.near-inner {
  position: relative;
  width: 89%;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
div.near-fix-btn a div.near-inner div.near-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 30%;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner div.near-img {
    width: 100px;
    position: relative;
  }
}
@media screen and (min-width: 1000px) {
  div.near-fix-btn a div.near-inner div.near-img {
    width: 132px;
  }
}
div.near-fix-btn a div.near-inner div.near-img img {
  height: 18vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner div.near-img img {
    height: 70px;
  }
}
@media screen and (min-width: 1000px) {
  div.near-fix-btn a div.near-inner div.near-img img {
    height: 92px;
  }
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner div.txt-box {
    width: calc(100% - 100px);
  }
}
@media screen and (min-width: 1000px) {
  div.near-fix-btn a div.near-inner div.txt-box {
    width: calc(100% - 132px);
  }
}
div.near-fix-btn a div.near-inner div.txt-box p {
  min-height: 18vw;
  width: 70%;
  margin: 0 0 0 auto;
  background: var(--blue02);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.4em;
  color: #fff;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner div.txt-box p {
    width: 100%;
    min-height: auto;
    padding: 0.6em 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: var(--pcfont-size18);
  }
}
div.near-fix-btn a div.near-inner div.txt-box p span {
  display: block;
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner div.txt-box p span {
    width: 100%;
  }
}
div.near-fix-btn a div.near-inner div.txt-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--spfont-size11);
  line-height: 1.2em;
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a div.near-inner div.txt-box dl {
    margin: 1em 0 0 1em;
    font-size: var(--pcfont-size14);
  }
}
div.near-fix-btn a div.near-inner div.txt-box dl dt {
  width: 5em;
  border: solid 1px #ddddd3;
  text-align: center;
  padding: 0.4em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.near-fix-btn a div.near-inner div.txt-box dl dd {
  width: calc(100% - 6em);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.near-fix-btn a p.near-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a p.near-txt {
    width: 25%;
    display: block;
  }
}
div.near-fix-btn a p.near-txt span {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a p.near-txt span {
    display: block;
  }
}
div.near-fix-btn a p.near-txt span.txt {
  text-align: center;
  color: var(--blue02);
  font-weight: 500;
  font-size: var(--spfont-size12);
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a p.near-txt span.txt {
    font-size: var(--pcfont-size16);
    line-height: 1.4em;
  }
}
div.near-fix-btn a p.near-txt span.arrow {
  width: 1em;
  margin: 0 0 0 0.4em;
}
@media screen and (min-width: 768px) {
  div.near-fix-btn a p.near-txt span.arrow {
    margin: auto;
  }
}
div.near-fix-btn a p.near-txt span.arrow svg {
  fill: var(--blue02);
}

div.single-wrap {
  position: relative;
}

div.sticky-area {
  padding: 0 0 20%;
  /*--------------------- 共通 ---------------------*/
  /*--------------------- 物件写真 ---------------------*/
  /*--------------------- 物件情報 ---------------------*/
  /*--------------------- 間取り ---------------------*/
  /*--------------------- 360°view ---------------------*/
  /*--------------------- 設備・仕様 ---------------------*/
  /*--------------------- 省エネ性能 ---------------------*/
  /*--------------------- 区画 ---------------------*/
  /*--------------------- 地図 ---------------------*/
  /*--------------------- 周辺環境 ---------------------*/
  /*--------------------- 物件概要 ---------------------*/
}
@media screen and (min-width: 768px) {
  div.sticky-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 90%;
    max-width: 1100px;
    margin: auto;
    padding: 0 0 160px;
  }
}
div.sticky-area nav.sticky-nav {
  /*position: fixed;
  top: 18vw;*/
  width: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  /*&.none {
  	opacity: 0;
  	pointer-events: none;
  }*/
  /*@include mq(pc-middle) {
  	padding: 80px 0 0;
  }
  @include mq(pc-large) {
  	padding: 90px 0 0;
  }*/
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav {
    background: none;
    z-index: 5;
    position: sticky;
    top: 0;
    width: 9em;
    padding: 90px 0 0;
  }
}
@media screen and (min-width: 1000px) {
  div.sticky-area nav.sticky-nav {
    width: 12em;
  }
}
div.sticky-area nav.sticky-nav div.page-nav-wrap {
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 98;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*&.none {
  	opacity: 0;
  	pointer-events: none;
  	@include mq(pc) {
  		opacity: 1;
  		pointer-events: auto;
  	}
  }*/
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.page-nav-wrap {
    position: relative;
    background: none;
  }
}
div.sticky-area nav.sticky-nav ul.page-nav {
  width: 95%;
  padding: 0.6em 0;
  margin: 0 auto 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5%;
  /*right: 0;
  left: 0;*/
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav ul.page-nav {
    width: 100%;
    display: block;
    margin: 0 auto 2em;
  }
}
div.sticky-area nav.sticky-nav ul.page-nav li {
  width: 33%;
  position: relative;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav ul.page-nav li {
    width: 100%;
    /*&:last-child{
    	a{
    		border: none;
    	}
    }*/
  }
}
div.sticky-area nav.sticky-nav ul.page-nav li a {
  padding: 0 0 0 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav ul.page-nav li a {
    padding: 0.8em 0 0.4em 2.6em;
    border-bottom: solid 1px #111;
    font-size: var(--pcfont-size16);
  }
}
div.sticky-area nav.sticky-nav ul.page-nav li a.active {
  color: var(--blue01);
}
div.sticky-area nav.sticky-nav ul.page-nav li a.ir01 {
  letter-spacing: -0.12em;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav ul.page-nav li a.ir01 {
    letter-spacing: 0;
  }
}
div.sticky-area nav.sticky-nav ul.page-nav li a span {
  display: block;
}
div.sticky-area nav.sticky-nav ul.page-nav li a span.arrow {
  width: 1em;
  height: 1em;
  position: absolute;
  top: 0.3em;
  left: 0;
  border-radius: 50em;
  border: solid 0.12em #111;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav ul.page-nav li a span.arrow {
    top: 1.1em;
    left: 0.8em;
  }
}
div.sticky-area nav.sticky-nav ul.page-nav li a span.arrow::before, div.sticky-area nav.sticky-nav ul.page-nav li a span.arrow::after {
  content: "";
  position: absolute;
  top: 0.26em;
  left: 0.46em;
  width: 0.12em;
  height: 0.44em;
  background-color: #000000;
  -webkit-transform-origin: 50% calc(100% - 0.06em);
      -ms-transform-origin: 50% calc(100% - 0.06em);
          transform-origin: 50% calc(100% - 0.06em);
}
div.sticky-area nav.sticky-nav ul.page-nav li a span.arrow::after {
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
}
div.sticky-area nav.sticky-nav ul.page-nav li a span.arrow::before {
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
div.sticky-area nav.sticky-nav div.link-box-wrap {
  background: #efede7;
  padding: 2.6% 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 97;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*&.none {
  	opacity: 0;
  	pointer-events: none;
  	@include mq(pc) {
  		opacity: 1;
  		pointer-events: auto;
  	}
  }*/
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap {
    position: relative;
    background: none;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 2%;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box button, div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box a {
  width: 100%;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box button, div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box a {
    width: 100%;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box button.favorite-btn-js {
  /*flex-wrap: wrap;
  align-items: inherit;*/
  display: block;
  letter-spacing: -0.06em;
  text-align: center;
  gap: 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box button.favorite-btn-js {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box button.favorite-btn-js svg {
  margin: auto;
  display: inline-block;
  margin-bottom: -0.4vw;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap.land div.link-box button.favorite-btn-js svg {
    margin: 0 0.4em 0 0;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box {
  width: 95%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box {
    width: 100%;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button, div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a {
  width: 48%;
  height: 12vw;
  display: block;
  border-radius: 0.6em;
  line-height: 1.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--spfont-size14);
  letter-spacing: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button, div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a {
    width: 100%;
    height: auto;
    padding: 0.8em 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: revert;
            flex-direction: revert;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.2em;
    margin: 0 0 0.4em;
    font-size: var(--pcfont-size17);
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button {
  background: #fff;
  border: solid 1px #111;
  color: #111;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button.active svg {
  fill: #ffc800;
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button svg {
  display: block;
  width: 1.2em;
  fill: #E1E0E0;
  margin-bottom: 0.1em;
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box button span {
  display: inline-block;
  margin-left: 0.2em;
  line-height: 1em;
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a {
  color: #fff;
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.orange {
  background: #f5ac00;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.orange {
    width: 130px;
    height: 130px;
    border-radius: 50em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    padding: 45px 0 0;
    position: fixed;
    right: 50px;
    bottom: 40px;
    z-index: 5;
    border: solid 1px #fff;
    font-size: 16px;
  }
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.orange::after {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 2em;
    height: 2em;
    top: 28px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    background-image: url("../myimg/common/icon13.svg");
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.orange.housing {
    bottom: 200px;
  }
}
@media screen and (min-width: 1500px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.orange.housing {
    bottom: 40px;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.blue {
  background: #0075c1;
}
div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.w100 {
  width: 100%;
  height: 9vw;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap div.link-box a.w100 {
    width: 130px;
    height: 130px;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap a.favorite-all-btn {
  display: inline-block;
  width: 100%;
  height: auto;
  color: #111;
  padding: 2.4vw 0 1vw;
  text-align: center;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap a.favorite-all-btn {
    padding: 10px 0;
    text-align: center;
    font-size: var(--pcfont-size17);
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap a.favorite-all-btn span.inner {
  display: inline-block;
  border-bottom: solid 1px #111;
  padding: 0 0 0.4em 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area nav.sticky-nav div.link-box-wrap a.favorite-all-btn span.inner {
    border: none;
  }
}
div.sticky-area nav.sticky-nav div.link-box-wrap a.favorite-all-btn span.inner span {
  margin-left: 0.4em;
}
@media screen and (min-width: 768px) {
  div.sticky-area div.sticky-area-inner {
    width: calc(100% - 12em);
  }
}
@media screen and (min-width: 1000px) {
  div.sticky-area div.sticky-area-inner {
    width: calc(100% - 19em);
  }
}
div.sticky-area section.sec-search-single {
  padding: 28% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-search-single {
    padding: 140px 0 0;
  }
}
div.sticky-area .bunjo-single-title03,
div.sticky-area .bunjo-single-title02 {
  font-size: var(--spfont-size22);
  text-align: center;
  margin: 0 0 2em;
}
@media screen and (min-width: 768px) {
  div.sticky-area .bunjo-single-title03,
  div.sticky-area .bunjo-single-title02 {
    font-size: var(--pcfont-size27);
  }
}
div.sticky-area .bunjo-single-title03 span,
div.sticky-area .bunjo-single-title02 span {
  display: inline-block;
  font-weight: 600;
  padding: 0.7em 2em;
  border-top: solid 1px #111;
  border-bottom: solid 1px #111;
}
div.sticky-area a.showroom-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 7% auto 0;
  background: #f5ac00;
  width: 70%;
  padding: 3% 0;
  gap: 5%;
  border-radius: 0.8em;
  font-size: var(--spfont-size16);
  letter-spacing: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  margin-top: 20%;
}
@media screen and (min-width: 768px) {
  div.sticky-area a.showroom-btn {
    width: 18em;
    font-size: var(--pcfont-size17);
    padding: 0.5em 0;
    margin: 100px auto 0;
  }
}
div.sticky-area a.showroom-btn span {
  display: block;
}
div.sticky-area a.showroom-btn span.icon {
  width: 1.4em;
}
@media screen and (min-width: 768px) {
  div.sticky-area a.showroom-btn span.icon {
    width: 1.6em;
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area div.swiper-box.bunjopicture {
    width: auto;
    max-width: 500px;
  }
  div.sticky-area div.swiper-box.bunjopicture div.swiper-pagination {
    max-width: 330px;
  }
  div.sticky-area div.swiper-box.bunjopicture button.swiper-pause {
    right: 12%;
  }
}
div.sticky-area section.sec-picture {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture {
    padding: 90px 0 0;
  }
}
div.sticky-area section.sec-picture.showroom {
  padding: 17% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture.showroom {
    padding: 90px 0 0;
  }
}
div.sticky-area section.sec-picture .gallery-slider p.slide-txt01 {
  text-align: left;
  margin: 1em 1em 0 1em;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture .gallery-slider p.slide-txt01 {
    text-align: center;
    margin: 0.6em 0 0;
    font-size: var(--pcfont-size16);
  }
}
div.sticky-area section.sec-picture .gallery-slider img {
  height: 60vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture .gallery-slider img {
    height: 39vw;
  }
}
@media screen and (min-width: 1280px) {
  div.sticky-area section.sec-picture .gallery-slider img {
    height: 480px;
  }
}
div.sticky-area section.sec-picture .gallery-thumbs {
  cursor: pointer;
  margin-top: 20px;
}
div.sticky-area section.sec-picture .gallery-thumbs div.swiper-slide-active::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: solid 6px var(--blue01);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture .gallery-thumbs img {
    -o-object-fit: cover;
       object-fit: cover;
    height: 10vw;
  }
}
@media screen and (min-width: 1280px) {
  div.sticky-area section.sec-picture .gallery-thumbs img {
    height: 116px;
  }
}
div.sticky-area section.sec-picture p.slide-txt02 {
  text-align: center;
  font-size: var(--spfont-size12);
  margin: 1em 0 0;
  line-height: 1.4em;
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture p.slide-txt02 {
    text-align: right;
    font-size: var(--pcfont-size12);
  }
}
div.sticky-area section.sec-picture ul.bunjo-box {
  margin: 15% 0 10%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture ul.bunjo-box {
    margin: 80px 0 50px;
  }
}
div.sticky-area section.sec-picture ul.bunjo-box li {
  font-size: var(--spfont-size18);
  color: var(--blue01);
  text-align: left;
  font-weight: 600;
  padding: 0.4em 1em;
  border-top: solid 1px var(--blue01);
  border-bottom: solid 1px var(--blue01);
  margin: 0 0 2%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture ul.bunjo-box li {
    text-align: center;
    font-size: var(--pcfont-size18);
  }
}
div.sticky-area section.sec-picture div.youtube-box {
  margin: 15% 0 10%;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.youtube-box {
    margin: 80px 0 50px;
  }
}
div.sticky-area section.sec-picture div.youtube-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.sticky-area section.sec-picture div.showroom-infobox {
  width: 90%;
  margin: 10% auto 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.showroom-infobox {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
div.sticky-area section.sec-picture div.showroom-infobox ul.detail-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.showroom-infobox ul.detail-box {
    width: 34%;
  }
}
div.sticky-area section.sec-picture div.showroom-infobox ul.detail-box li {
  text-align: center;
  width: 49%;
  background: #dddfe5;
  padding: 0.6em 0;
  line-height: 1.2em;
  margin: 0 0 0.4em;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.showroom-infobox ul.detail-box li {
    font-size: var(--pcfont-size15);
    padding: 0.32em 0;
  }
}
div.sticky-area section.sec-picture div.showroom-infobox ul.info-box {
  margin: 5% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.showroom-infobox ul.info-box {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin: 0;
    width: 60%;
  }
}
div.sticky-area section.sec-picture div.showroom-infobox ul.info-box li {
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.showroom-infobox ul.info-box li {
    margin: 0 0 13px;
  }
}
div.sticky-area section.sec-picture div.showroom-infobox ul.info-box li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-picture div.showroom-infobox ul.info-box li dl {
    font-size: var(--pcfont-size14);
  }
}
div.sticky-area section.sec-picture div.showroom-infobox ul.info-box li dl dt {
  width: 5.6em;
  text-align: center;
  border: solid 1px #ddddd3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.sticky-area section.sec-picture div.showroom-infobox ul.info-box li dl dd {
  width: calc(100% - 7em);
  line-height: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
div.sticky-area a.site-btn {
  display: block;
  width: 90%;
  margin: 5% auto 0;
  text-align: center;
  color: #fff;
  background: var(--blue01);
  padding: 1em 0;
  border-radius: 0.8em;
  font-size: var(--spfont-size16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: solid 1px var(--blue01);
}
@media screen and (min-width: 768px) {
  div.sticky-area a.site-btn {
    width: 18em;
    padding: 0.8em 0;
    margin: 30px auto 0;
    font-size: var(--pcfont-size17);
  }
}
div.sticky-area a.plan-btn {
  display: block;
  width: 90%;
  margin: 5% auto 0;
  text-align: center;
  padding: 1em 0;
  border-radius: 0.8em;
  font-size: var(--spfont-size16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: solid 1px #111;
  color: #111;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.sticky-area a.plan-btn {
    width: 18em;
    margin: 30px auto 0;
    padding: 0.8em 0;
    font-size: var(--pcfont-size17);
  }
}
div.sticky-area a.plan-btn span {
  display: block;
}
div.sticky-area a.plan-btn span.arrow {
  width: 0.8em;
  position: absolute;
  top: 50%;
  right: 1.6em;
  -webkit-transform: translate(0, -50%) rotate(90deg);
      -ms-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
}
div.sticky-area section.sec-info div.ul-wrap {
  background: #efede7;
  padding: 10% 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-info div.ul-wrap {
    padding: 50px 0;
  }
  div.sticky-area section.sec-info div.ul-wrap::after {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: -7.7%;
    background: #efede7;
    z-index: -1;
  }
}
@media screen and (min-width: 768px) and (min-width: 920px) {
  div.sticky-area section.sec-info div.ul-wrap::after {
    right: -7.18%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1000px) {
  div.sticky-area section.sec-info div.ul-wrap::after {
    right: -8.3%;
  }
}
@media screen and (min-width: 768px) and (min-width: 1230px) {
  div.sticky-area section.sec-info div.ul-wrap::after {
    right: auto;
    left: 30%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
div.sticky-area section.sec-info div.ul-wrap ul {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-info div.ul-wrap ul {
    width: 100%;
  }
}
div.sticky-area section.sec-info div.ul-wrap ul li {
  margin: 0 0 3%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-info div.ul-wrap ul li {
    margin: 0 0 13px;
  }
}
div.sticky-area section.sec-info div.ul-wrap ul li:last-child {
  margin: 0;
}
div.sticky-area section.sec-info div.ul-wrap ul li dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-info div.ul-wrap ul li dl {
    font-size: var(--pcfont-size14);
  }
}
div.sticky-area section.sec-info div.ul-wrap ul li dl dt {
  width: 25%;
  text-align: center;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.3em 0 0.3em;
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-info div.ul-wrap ul li dl dt {
    width: 10em;
  }
}
div.sticky-area section.sec-info div.ul-wrap ul li dl dd {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-info div.ul-wrap ul li dl dd {
    width: calc(100% - 12em);
  }
}
div.sticky-area section.sec-madori div.sec-madori-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-madori div.sec-madori-inner {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-madori div.madori-box-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10%;
  }
}
div.sticky-area section.sec-madori div.madori-box {
  margin-bottom: 7%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-madori div.madori-box {
    width: 45%;
    margin-bottom: 50px;
  }
}
div.sticky-area section.sec-madori p.madori-txt01 {
  text-align: center;
  font-size: var(--spfont-size12);
  line-height: 1.6em;
  margin-bottom: 1em;
}
div.sticky-area section.sec-madori p.madori-txt02 {
  text-align: center;
  background: #111;
  color: #fff;
  font-size: var(--spfont-size15);
  line-height: 1.2em;
  padding: 0.4em 1em 0.5em;
  /*span{
  	display: inline-block;
  	text-align: left;
  	text-indent: -1em;
  	padding-left: 1em;
  }*/
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-madori p.madori-txt02 {
    text-align: center;
    padding: 0.4em 1em 0.6em;
  }
}
div.sticky-area section.sec-madori div.madori-img {
  margin: 10% 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-madori div.madori-img {
    margin: 20px 0;
  }
}
div.sticky-area section.sec-madori div.madori-img img {
  height: 80vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-madori div.madori-img img {
    height: 30vw;
  }
}
@media screen and (min-width: 1280px) {
  div.sticky-area section.sec-madori div.madori-img img {
    height: 380px;
  }
}
div.sticky-area section.sec-view360 div.ricoh-theta-tour-image {
  height: 80vw !important;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-view360 div.ricoh-theta-tour-image {
    height: 416px !important;
  }
}
div.sticky-area section.sec-view360 iframe {
  height: 80vw !important;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-view360 iframe {
    height: 416px !important;
  }
}
div.sticky-area section.sec-equipment {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment {
    overflow: revert;
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  div.sticky-area section.sec-equipment div.equipment-slide div.swiper-wrapper div.swiper-slide {
    width: 31%;
    margin-bottom: 40px;
  }
}
div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner {
    width: 100%;
  }
}
div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner div.equipment-img img {
  height: 58vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner div.equipment-img img {
    height: 15vw;
  }
}
@media screen and (min-width: 1280px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner div.equipment-img img {
    height: 180px;
  }
}
div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner dl {
  padding: 5% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner dl {
    padding: 5% 0;
  }
}
div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner dl dt {
  font-size: var(--spfont-size16);
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner dl dt {
    font-size: var(--pcfont-size16);
  }
}
div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner dl dd {
  font-size: var(--spfont-size14);
  line-height: 1.4em;
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment div.equipment-slide div.slide-inner dl dd {
    font-size: var(--pcfont-size14);
  }
}
div.sticky-area section.sec-equipment button.bunjo-show-more {
  display: none;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-equipment button.bunjo-show-more {
    display: block;
    font-size: var(--pcfont-size25);
    margin: auto;
    background: none;
    border: none;
    position: relative;
    padding: 0 0 2em;
  }
  div.sticky-area section.sec-equipment button.bunjo-show-more::before, div.sticky-area section.sec-equipment button.bunjo-show-more::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 2px);
    width: 1px;
    height: 2em;
    background-color: #000000;
    -webkit-transform-origin: 50% calc(100% - 0px);
        -ms-transform-origin: 50% calc(100% - 0px);
            transform-origin: 50% calc(100% - 0px);
  }
  div.sticky-area section.sec-equipment button.bunjo-show-more::before {
    -webkit-transform: rotate(58deg);
        -ms-transform: rotate(58deg);
            transform: rotate(58deg);
  }
  div.sticky-area section.sec-equipment button.bunjo-show-more::after {
    -webkit-transform: rotate(-58deg);
        -ms-transform: rotate(-58deg);
            transform: rotate(-58deg);
  }
  div.sticky-area section.sec-equipment button.bunjo-show-more.active::before, div.sticky-area section.sec-equipment button.bunjo-show-more.active::after {
    bottom: 1.2em;
  }
  div.sticky-area section.sec-equipment button.bunjo-show-more.active::before {
    -webkit-transform: rotate(122deg);
        -ms-transform: rotate(122deg);
            transform: rotate(122deg);
  }
  div.sticky-area section.sec-equipment button.bunjo-show-more.active::after {
    -webkit-transform: rotate(-122deg);
        -ms-transform: rotate(-122deg);
            transform: rotate(-122deg);
  }
}
div.sticky-area section.sec-ene div.sec-ene-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-ene div.sec-ene-inner {
    width: 100%;
  }
}
div.sticky-area section.sec-ene div.ene-box {
  margin: 10% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-ene div.ene-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 70px 0 0;
  }
}
div.sticky-area section.sec-ene div.ene-box div.ene-img {
  margin-bottom: 10%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-ene div.ene-box div.ene-img {
    width: 39%;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-ene div.ene-box div.ene-txt {
    width: 55%;
  }
}
div.sticky-area section.sec-ene div.ene-box div.ene-txt ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.6em;
}
div.sticky-area section.sec-ene div.ene-box div.ene-txt ul li span {
  display: block;
  font-size: var(--spfont-size18);
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-ene div.ene-box div.ene-txt ul li span {
    font-size: var(--pcfont-size18);
  }
}
div.sticky-area section.sec-ene div.ene-box div.ene-txt ul li span.icon {
  width: 1em;
  height: 1em;
  background: var(--blue01);
  margin-top: 0.24em;
  border-radius: 50em;
}
div.sticky-area section.sec-ene div.ene-box div.ene-txt ul li span.txt {
  width: calc(100% - 1.6em);
}
div.sticky-area section.sec-ene div.ene-box div.ene-txt p {
  font-size: var(--spfont-size14);
  text-align: justify;
  word-break: break-all;
  line-height: 1.8em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-ene div.ene-box div.ene-txt p {
    font-size: var(--pcfont-size14);
  }
}
div.sticky-area section.sec-kukaku div.sec-kukaku-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-kukaku div.sec-kukaku-inner {
    width: 100%;
  }
}
div.sticky-area section.sec-kukaku div.kukaku-img img {
  height: 60vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-kukaku div.kukaku-img img {
    height: 45vw;
  }
}
@media screen and (min-width: 1000px) {
  div.sticky-area section.sec-kukaku div.kukaku-img img {
    height: 550px;
  }
}
div.sticky-area section.sec-kukaku div.table-wrap {
  /*overflow-x: scroll;
  @include mq(pc) {
  	overflow: revert;
  }*/
}
div.sticky-area section.sec-kukaku div.table-wrap table, div.sticky-area section.sec-kukaku div.table-wrap table th, div.sticky-area section.sec-kukaku div.table-wrap table td {
  border: 1px solid #111;
}
div.sticky-area section.sec-kukaku div.table-wrap th, div.sticky-area section.sec-kukaku div.table-wrap td {
  padding: 0.6em 1em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-kukaku div.table-wrap th, div.sticky-area section.sec-kukaku div.table-wrap td {
    padding: 0.8em 0.5em;
  }
}
div.sticky-area section.sec-kukaku div.table-wrap a.pdf-txt {
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.4em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-kukaku div.table-wrap a.pdf-txt {
    gap: 5px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
div.sticky-area section.sec-kukaku div.table-wrap a.pdf-txt span.txt {
  border-bottom: solid 1px #111;
}
div.sticky-area section.sec-kukaku div.table-wrap a.pdf-txt span.pdf-icon {
  display: inline-block;
  width: 1.6em;
}
div.sticky-area section.sec-kukaku div.table-wrap table {
  font-size: var(--spfont-size14);
  margin: 10% 0 0;
  width: 100%;
  font-weight: 400;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-kukaku div.table-wrap table {
    text-align: center;
    width: 100%;
    font-size: var(--pcfont-size14);
    margin: 65px 0 0;
  }
}
div.sticky-area section.sec-kukaku div.table-wrap table tr th {
  width: 40%;
  background: #efede7;
  text-align: left;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-kukaku div.table-wrap table tr th {
    width: auto;
    text-align: center;
  }
  div.sticky-area section.sec-kukaku div.table-wrap table tr th:nth-of-type(1) {
    width: 10%;
  }
}
div.sticky-area section.sec-map p.map-txt01 {
  text-align: center;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map p.map-txt01 {
    font-size: var(--pcfont-size14);
  }
}
div.sticky-area section.sec-map p.map-txt02 {
  margin: 1em 0 0;
  text-align: center;
  font-size: var(--spfont-size12);
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map p.map-txt02 {
    font-size: var(--pcfont-size12);
    margin: 20px 0 0;
  }
}
div.sticky-area section.sec-map div.mapcode-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5%;
  margin: 5% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.mapcode-wrap {
    gap: 2%;
    margin: 20px 0 0;
  }
}
div.sticky-area section.sec-map div.mapcode-wrap span {
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.mapcode-wrap span {
    font-size: var(--pcfont-size16);
  }
}
div.sticky-area section.sec-map div.mapcode-wrap span.mapcode-logo {
  display: block;
  width: 30%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.mapcode-wrap span.mapcode-logo {
    width: 8em;
  }
}
div.sticky-area section.sec-map div.mapcode-wrap span.mapcode-txt {
  display: inline-block;
  padding: 0.4em 0.6em;
  border: solid 1px #111;
  line-height: 1em;
}
div.sticky-area section.sec-map div.map-flexbox {
  margin: 10% 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2%;
    margin: 50px 0 0;
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox div.map-box {
    width: 100%;
  }
}
div.sticky-area section.sec-map div.map-flexbox div.map-wrap {
  position: relative;
  height: 65vw;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox div.map-wrap {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox div.map-wrap {
    height: 350px;
  }
}
div.sticky-area section.sec-map div.map-flexbox div.map-wrap iframe {
  width: 100%;
  /*height: 65vw;
  @include mq(pc) {
  	height: 350px;
  }*/
}
div.sticky-area section.sec-map div.map-flexbox a.map-btn {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 7% auto 0;
  background: #fff;
  border: solid 1px #808080;
  width: 60%;
  padding: 3% 0;
  gap: 5%;
  border-radius: 50em;
  font-size: var(--spfont-size16);
  letter-spacing: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox a.map-btn {
    width: 14em;
    font-size: var(--pcfont-size17);
    padding: 0.6em 0;
    margin: 25px auto 0;
  }
}
div.sticky-area section.sec-map div.map-flexbox a.map-btn span {
  display: block;
}
div.sticky-area section.sec-map div.map-flexbox a.map-btn span.icon {
  width: 1.2em;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox a.map-btn span.icon {
    width: 1em;
  }
}
div.sticky-area section.sec-map div.map-flexbox div.guidance-map {
  width: 80%;
  margin: 10% auto 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map div.map-flexbox div.guidance-map {
    width: 60%;
    margin: 0;
  }
}
div.sticky-area section.sec-map a.showroom-btn {
  margin-top: 10%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-map a.showroom-btn {
    margin-top: 30px;
  }
}
div.sticky-area section.sec-environment div.bunjo-environment-slide {
  width: 90%;
  margin: auto;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-environment div.bunjo-environment-slide {
    width: 100%;
  }
}
div.sticky-area section.sec-environment div.bunjo-environment-slide div.swiper-slide div.environment-img img {
  height: 55vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-environment div.bunjo-environment-slide div.swiper-slide div.environment-img img {
    height: 13vw;
  }
}
@media screen and (min-width: 1280px) {
  div.sticky-area section.sec-environment div.bunjo-environment-slide div.swiper-slide div.environment-img img {
    height: 180px;
  }
}
div.sticky-area section.sec-environment div.bunjo-environment-slide div.swiper-slide p {
  font-size: var(--spfont-size14);
  line-height: 1.6em;
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-environment div.bunjo-environment-slide div.swiper-slide p {
    font-size: var(--pcfont-size14);
    margin: 0.6em 0 0;
  }
}
div.sticky-area section.sec-environment div.link-box {
  width: 90%;
  margin: 25% auto 0;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-environment div.link-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5%;
    margin: 90px auto 0;
  }
}
div.sticky-area section.sec-environment div.link-box a {
  display: block;
  width: 100%;
  background: #efede7;
  padding: 1em 0;
  border-radius: 0.8em;
  margin: 0 0 5%;
  font-size: var(--spfont-size16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  color: #111;
  text-align: center;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-environment div.link-box a {
    font-size: var(--pcfont-size18);
    width: 15em;
    padding: 0.8em 0;
  }
}
@media screen and (min-width: 1000px) {
  div.sticky-area section.sec-environment div.link-box a {
    width: 17em;
  }
}
div.sticky-area section.sec-environment div.link-box a.link01 {
  background: #f5ac00;
  color: #fff;
}
div.sticky-area section.sec-environment div.link-box a.link02 {
  border: solid 1px #111;
}
div.sticky-area section.sec-overview div.sec-overview-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview div.sec-overview-inner {
    width: 100%;
  }
}
div.sticky-area section.sec-overview h4, div.sticky-area section.sec-overview h3 {
  font-weight: 500;
}
div.sticky-area section.sec-overview button.overview-btn {
  display: block;
  width: 100%;
  background: #efede7;
  padding: 1em 0;
  border-radius: 0.8em;
  margin: 0 0 5%;
  font-size: var(--spfont-size16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: solid 1px #111;
  color: #111;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview button.overview-btn {
    cursor: pointer;
    padding: 0.8em 0;
    font-size: var(--pcfont-size17);
    /*&:nth-of-type(2),&:nth-of-type(3){
    	position: absolute;
    	top: 0;
    }
    &:nth-of-type(2){
    	right: 0;
    	left: 0;
    	margin: auto;
    }
    &:nth-of-type(3){
    	right: 0;
    }*/
  }
}
div.sticky-area section.sec-overview button.overview-btn::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background-image: url("../myimg/common/arrow01.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 5%;
  -webkit-transform: translate(0, -50%) rotate(90deg);
      -ms-transform: translate(0, -50%) rotate(90deg);
          transform: translate(0, -50%) rotate(90deg);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview button.overview-btn::after {
    width: 0.8em;
    height: 0.8em;
    right: 30px;
  }
}
div.sticky-area section.sec-overview button.overview-btn.active {
  background: #fff;
}
div.sticky-area section.sec-overview button.overview-btn.active::after {
  -webkit-transform: translate(0, -50%) rotate(-90deg);
      -ms-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
}
div.sticky-area section.sec-overview .btn-print {
  width: 100%;
  background: #fff;
  padding: 1em 0;
  border-radius: 0.8em;
  margin: 0 0 5%;
  font-size: var(--spfont-size16);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  border: solid 1px #111;
  color: #111;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview .btn-print {
    cursor: pointer;
    width: 17em;
    margin: auto;
    padding: 0.8em 0;
    font-size: var(--pcfont-size17);
  }
}
div.sticky-area section.sec-overview .btn-print::after {
  content: "";
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  background-image: url("../myimg/common/icon07-black.svg");
  -webkit-transform: translate(0, -50%) rotate(0deg);
      -ms-transform: translate(0, -50%) rotate(0deg);
          transform: translate(0, -50%) rotate(0deg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 15%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview .btn-print::after {
    right: 10%;
  }
}
div.sticky-area section.sec-overview div.overview-area {
  position: relative;
}
div.sticky-area section.sec-overview div.overview-area.housing button.overview-btn {
  /*@include mq(pc) {
  	width: 24%;
  	&:nth-of-type(2){
  		right: auto;
  		left: 25.4%;
  		margin: auto;
  	}
  	&:nth-of-type(3){
  		right: 25.4%;
  	}
  	&:nth-of-type(4){
  		position: absolute;
  		top: 0;
  		right: 0;
  	}
  }*/
}
div.sticky-area section.sec-overview div.overview-area div.overview-box {
  padding: 0 0 15%;
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview div.overview-area div.overview-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 0 70px;
  }
}
div.sticky-area section.sec-overview div.overview-area div.overview-box h3,
div.sticky-area section.sec-overview div.overview-area div.overview-box h4 {
  width: 100%;
  margin: 5em 0 1em;
  text-align: center;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview div.overview-area div.overview-box h3,
  div.sticky-area section.sec-overview div.overview-area div.overview-box h4 {
    font-size: var(--pcfont-size17);
  }
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview div.overview-area div.overview-box ul {
    width: 47%;
  }
}
div.sticky-area section.sec-overview div.overview-area div.overview-box ul li {
  border-bottom: solid 1px #111;
  padding: 1em 0;
}
div.sticky-area section.sec-overview div.overview-area div.overview-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--spfont-size13);
}
@media screen and (min-width: 768px) {
  div.sticky-area section.sec-overview div.overview-area div.overview-box dl {
    font-size: var(--pcfont-size13);
    line-height: 1.4em;
  }
}
div.sticky-area section.sec-overview div.overview-area div.overview-box dl dt {
  width: 8em;
  font-weight: 600;
}
div.sticky-area section.sec-overview div.overview-area div.overview-box dl dd {
  width: calc(100% - 8em);
}

section.sec-name.event ul.detail-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2%;
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-name.event ul.detail-box {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.sec-name.event ul.detail-box li {
  text-align: center;
  width: 49%;
  background: #111;
  padding: 0.6em 0.4em;
  line-height: 1.2em;
  margin: 0 0 0.4em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: var(--spfont-size14);
}
@media screen and (min-width: 768px) {
  section.sec-name.event ul.detail-box li {
    font-size: var(--pcfont-size15);
    padding: 0.32em 1em 0.4em;
    display: inline-block;
    width: auto;
    min-width: 8em;
  }
}
section.sec-name.event div.event-img-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4%;
  margin: 7% 0 0;
}
section.sec-name.event div.event-img-wrap div.event-img {
  width: 100%;
  margin: 0 0 5%;
}
@media screen and (min-width: 768px) {
  section.sec-name.event div.event-img-wrap div.event-img {
    width: 48%;
    margin: 0 0 20px;
    /*img{
    	max-height: 600px;
    	object-fit: contain;
    }*/
  }
}
section.sec-name.event a.flyer-btn {
  display: block;
  text-align: center;
  border: solid 1px #111;
  border-radius: 0.6em;
  padding: 0.6em 0;
  margin: 3% 0 0;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  section.sec-name.event a.flyer-btn {
    width: 18em;
    margin: 60px auto 0;
    font-size: var(--pcfont-size17);
  }
}
section.sec-name.event a.flyer-btn span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 1.8em;
}
section.sec-name.event a.flyer-btn span::after {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background-image: url("../myimg/common/icon10-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
section.sec-name div.sec-name-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner {
    max-width: 1000px;
  }
}
section.sec-name div.sec-name-inner div.name-wrap {
  position: relative;
  padding: 1em 0;
  border-bottom: solid 1px #111;
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner div.name-wrap {
    padding: 80px 0 30px;
  }
}
section.sec-name div.sec-name-inner div.name-wrap h1.bunjo-single-title01,
section.sec-name div.sec-name-inner div.name-wrap h2.bunjo-single-title01 {
  font-size: var(--spfont-size24);
  font-weight: 600;
  line-height: 1.4em;
  width: 85%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner div.name-wrap h1.bunjo-single-title01,
  section.sec-name div.sec-name-inner div.name-wrap h2.bunjo-single-title01 {
    text-align: center;
    margin: auto;
    width: calc(100% - 300px);
    font-size: var(--pcfont-size33);
  }
}
@media screen and (min-width: 1000px) {
  section.sec-name div.sec-name-inner div.name-wrap h1.bunjo-single-title01,
  section.sec-name div.sec-name-inner div.name-wrap h2.bunjo-single-title01 {
    width: calc(100% - 340px);
  }
}
section.sec-name div.sec-name-inner div.name-wrap h1.bunjo-single-title01.event,
section.sec-name div.sec-name-inner div.name-wrap h2.bunjo-single-title01.event {
  width: 100%;
  margin: auto;
  text-align: center;
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner div.name-wrap h1.bunjo-single-title01.event,
  section.sec-name div.sec-name-inner div.name-wrap h2.bunjo-single-title01.event {
    width: calc(100% - 150px);
  }
}
section.sec-name div.sec-name-inner div.name-wrap button.cm-favorite-btn {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner div.name-wrap button.cm-favorite-btn {
    top: 95px;
  }
}
@media screen and (min-width: 1000px) {
  section.sec-name div.sec-name-inner div.name-wrap button.cm-favorite-btn {
    top: 100px;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-name div.sec-name-inner div.name-wrap button.cm-favorite-btn {
    top: 107px;
  }
}
section.sec-name div.sec-name-inner div.tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 5% 0;
  gap: 1em;
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner div.tag-wrap {
    margin: 20px 0;
  }
}
section.sec-name div.sec-name-inner div.tag-wrap span.tag {
  padding: 0 0.8em 0.1em;
  display: inline-block;
  margin: 0;
  min-width: 5em;
  text-align: center;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner div.tag-wrap span.tag {
    font-size: var(--pcfont-size16);
    vertical-align: 0.14em;
  }
}
section.sec-name div.sec-name-inner div.tag-wrap span.tag.tag01 {
  background: #fff;
  color: #d84b30;
  border: solid 1px #d84b30;
}
section.sec-name div.sec-name-inner div.tag-wrap span.tag.new {
  background: #d84b30;
  text-align: center;
  color: #fff;
}
section.sec-name div.sec-name-inner div.tag-wrap span.tag.hiraya {
  background: #fff;
  color: #5e8eb2;
  border: solid 1px #5e8eb2;
}
section.sec-name div.sec-name-inner p.name-txt01 {
  text-align: left;
  font-size: var(--spfont-size18);
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner p.name-txt01 {
    text-align: center;
    font-size: var(--pcfont-size18);
  }
}
section.sec-name div.sec-name-inner dl {
  text-align: center;
  margin: 1em 0 0;
  font-size: var(--spfont-size12);
}
@media screen and (min-width: 768px) {
  section.sec-name div.sec-name-inner dl {
    font-size: var(--pcfont-size12);
  }
}
section.sec-name div.sec-name-inner dl dt, section.sec-name div.sec-name-inner dl dd {
  display: inline-block;
}
section.sec-name div.sec-name-inner dl dd {
  padding: 0 1em 0 0;
}

/*---------------------------------------------------- 展示場 TOPページ ----------------------------------------------------*/
section.sec-merit {
  padding: 15% 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-merit {
    padding: 150px 0 0;
  }
}
section.sec-merit div.sec-merit-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-merit div.sec-merit-inner {
    max-width: 840px;
  }
}
section.sec-merit h3 {
  text-align: center;
  font-size: var(--spfont-size26);
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  section.sec-merit h3 {
    font-size: var(--pcfont-size26);
  }
}
@media screen and (min-width: 768px) {
  section.sec-merit ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 60px;
  }
}
section.sec-merit ul li {
  text-align: center;
  margin: 0 0 10%;
}
@media screen and (min-width: 768px) {
  section.sec-merit ul li {
    width: 30%;
    margin: 0;
  }
}
section.sec-merit ul li p {
  font-size: var(--spfont-size17);
  margin: 1em 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-merit ul li p {
    font-size: var(--pcfont-size17);
  }
}

section.sec-recommend {
  background: #dddfe5;
  padding: 10% 0;
}
@media screen and (min-width: 768px) {
  section.sec-recommend {
    padding: 40px 0;
  }
}
@media screen and (min-width: 768px) {
  section.sec-recommend {
    width: 90%;
    max-width: 895px;
    margin: auto;
    border-radius: 1em;
  }
}
section.sec-recommend div.sec-recommend-inner {
  width: 90%;
  margin: auto;
}
section.sec-recommend h3 {
  text-align: center;
  font-size: var(--spfont-size26);
  line-height: 1.2em;
  margin: 0 0 1em;
}
@media screen and (min-width: 768px) {
  section.sec-recommend h3 {
    font-size: var(--pcfont-size27);
  }
}
section.sec-recommend ul {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-recommend ul {
    max-width: 687px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
section.sec-recommend ul li {
  background: #fff;
  margin-bottom: 10%;
  padding: 7% 0;
  border-radius: 1em;
}
@media screen and (min-width: 768px) {
  section.sec-recommend ul li {
    width: 29%;
    padding: 20px 0;
    margin: 0;
  }
}
section.sec-recommend ul li div.recommend-img {
  width: 70%;
  margin: 0 auto 5%;
}
section.sec-recommend ul li p {
  text-align: center;
  font-size: var(--spfont-size20);
  line-height: 1.4em;
}
@media screen and (min-width: 768px) {
  section.sec-recommend ul li p {
    font-size: var(--pcfont-size17);
  }
}
section.sec-recommend ul li p span {
  color: #0075c1;
}

/*---------------------------------------------------- 展示場 リストページ ----------------------------------------------------*/
section.sec-showroom-list {
  margin: 0 0 30%;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list {
    margin: 0 0 160px;
  }
}
section.sec-showroom-list div.sec-showroom-list-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.sec-showroom-list-inner {
    width: 100%;
  }
}
section.sec-showroom-list div.info-tab-wrap {
  width: 90%;
  margin: 10% auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-tab-wrap {
    width: 50%;
    max-width: 450px;
    margin: 90px auto 0;
  }
}
section.sec-showroom-list div.info-tab-wrap button.info-tab {
  width: 48%;
  background: #fff;
  font-weight: 600;
  border: none;
  color: #111;
  padding: 0.6em 0 0.5em;
  border-radius: 0.6em;
  font-size: var(--spfont-size17);
  border: solid 1px #111;
  line-height: 1.2em;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-tab-wrap button.info-tab {
    font-size: var(--pcfont-size20);
    border-radius: 1em;
    padding: 1.1em 0 1.1em;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-showroom-list div.info-tab-wrap button.info-tab {
    padding: 0.8em 0;
  }
}
section.sec-showroom-list div.info-tab-wrap button.info-tab.active {
  background: var(--blue01);
  border: solid 1px var(--blue01);
  color: #fff;
}
section.sec-showroom-list div.info-cont {
  display: none;
}
section.sec-showroom-list div.info-cont.active {
  display: block;
}
section.sec-showroom-list div.info-cont.list {
  /*div.infobox-inner{
  	background: #f00;
  	display: flex;
  	flex-direction: column;
  	h4{
  		flex: 1;
  	}
  }*/
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-cont.list {
    width: 90%;
    margin: auto;
    max-width: 1000px;
  }
}
section.sec-showroom-list div.info-cont.list p.sec-showroom-area {
  background-color: #b2a55e;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-block: 7px;
  margin-bottom: 15px;
  font-size: var(--spfont-size15);
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-cont.list p.sec-showroom-area {
    margin-bottom: 25px;
    padding-block: 10px;
    font-size: var(--pcfont-size18);
  }
}
section.sec-showroom-list div.info-cont.list p.sec-showroom-area.fukuyama {
  background-color: #699972;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-cont.list ul.showroom-list-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5%;
  }
}
section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox {
  margin: 0 0 20%;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox {
    margin: 0 0 90px;
  }
}
section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox .digital-gift-text {
  background-color: #ac0014;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-block: 5px 4px;
  margin-top: 18px;
  margin-bottom: 15px;
  font-size: var(--pcfont-size14);
  border-radius: 30px;
  letter-spacing: 0.15em;
  position: relative;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox .digital-gift-text {
    font-size: 11px;
  }
}
section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox .digital-gift-text::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #ac0014;
  border-top: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox .digital-gift-text .digital-gift-text-price {
  font-size: var(--pcfont-size35);
  font-weight: 500;
  padding-inline: 2px;
  vertical-align: -1px;
}
@media screen and (min-width: 768px) {
  section.sec-showroom-list div.info-cont.list ul.showroom-list-ul li.cm-search-showroom-infobox .digital-gift-text .digital-gift-text-price {
    font-size: var(--pcfont-size21);
    vertical-align: -2px;
  }
}

/*---------------------------------------------------- 展示場 詳細ページ ----------------------------------------------------*/
/*main.showroom-single{
	padding: 47vw 0 0;
	@include mq(pc) {
		padding: 8vw 0 0;
	}
	@include mq(pc-middle) {
		padding: 80px 0 0;
	}
	@include mq(pc-large) {
		padding: 90px 0 0;
	}
}*/
/*--------------------- こだわりポイント ---------------------*/
section.sec-point div.sec-point-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-point div.sec-point-inner {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  section.sec-point ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 3.5%;
  }
}
section.sec-point ul li {
  margin: 0 0 15%;
}
@media screen and (min-width: 768px) {
  section.sec-point ul li {
    width: 31%;
    margin: 0 0 50px;
  }
}
section.sec-point ul li div.point-img img {
  height: 59vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  section.sec-point ul li div.point-img img {
    height: 15vw;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-point ul li div.point-img img {
    height: 180px;
  }
}
section.sec-point ul li dl dt {
  font-size: var(--spfont-size18);
  font-weight: 600;
  line-height: 1.4em;
  padding: 0.8em 0;
}
@media screen and (min-width: 768px) {
  section.sec-point ul li dl dt {
    font-size: var(--pcfont-size18);
  }
}
section.sec-point ul li dl dd {
  font-size: var(--spfont-size14);
  line-height: 1.8em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  section.sec-point ul li dl dd {
    font-size: var(--pcfont-size14);
  }
}

/*--------------------- 間取りプラン ---------------------*/
section.sec-madori-plan div.sec-madori-plan-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan div.sec-madori-plan-inner {
    width: 100%;
  }
}
section.sec-madori-plan dl {
  font-size: var(--spfont-size14);
  line-height: 1.4em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan dl {
    font-size: var(--pcfont-size14);
    margin-bottom: 13px;
    -ms-flex-wrap: revert;
        flex-wrap: revert;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 2em;
  }
}
section.sec-madori-plan dl dt {
  width: 6em;
  border: solid 1px #ddddd3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan dl dt {
    min-height: 3em;
    width: 11em;
  }
}
section.sec-madori-plan dl dd {
  width: calc(100% - 7em);
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: auto;
  }
}
section.sec-madori-plan div.info-tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5%;
  margin: 10% 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan div.info-tab-wrap {
    gap: 2%;
    margin: 45px 0 0;
  }
}
section.sec-madori-plan div.info-tab-wrap button.info-tab {
  display: block;
  background: #dddfe5;
  border: none;
  width: 100%;
  font-size: var(--spfont-size20);
  padding: 0.4em 0;
}
section.sec-madori-plan div.info-tab-wrap button.info-tab.active {
  background: var(--blue02);
  color: #fff;
}
section.sec-madori-plan div.info-cont {
  display: none;
  margin: 10% 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan div.info-cont {
    margin: 45px 0 0;
  }
}
section.sec-madori-plan div.info-cont.active {
  display: block;
}
section.sec-madori-plan div.info-cont img {
  height: 50vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 768px) {
  section.sec-madori-plan div.info-cont img {
    height: 30vw;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-madori-plan div.info-cont img {
    height: 370px;
  }
}

/*--------------------- 見どころ ---------------------*/
section.sec-highlights div.sec-highlights-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-highlights div.sec-highlights-inner {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul {
    width: 90%;
    max-width: 673px;
    margin: auto;
  }
}
section.sec-highlights ul li {
  margin: 0 0 15%;
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 0 0 100px;
  }
  section.sec-highlights ul li:nth-of-type(even) dl {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
section.sec-highlights ul li:last-child {
  margin: 0;
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul li div.highlights-img {
    width: 66%;
  }
}
section.sec-highlights ul li div.highlights-img img {
  height: 59vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul li div.highlights-img img {
    height: 23vw;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-highlights ul li div.highlights-img img {
    height: 300px;
  }
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul li dl {
    width: 28%;
  }
}
section.sec-highlights ul li dl dt {
  font-size: var(--spfont-size18);
  font-weight: 600;
  line-height: 1.4em;
  padding: 0.8em 0;
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul li dl dt {
    padding: 0 0 0.8em;
    font-size: var(--pcfont-size20);
  }
}
section.sec-highlights ul li dl dd {
  font-size: var(--spfont-size14);
  line-height: 1.8em;
  text-align: justify;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  section.sec-highlights ul li dl dd {
    font-size: var(--pcfont-size16);
  }
}

/*--------------------- スタッフの声 ---------------------*/
section.sec-staff div.sec-staff-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-staff div.sec-staff-inner {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10%;
  }
}
section.sec-staff div.flex-box div.staff-img {
  width: 60vw;
  margin: 0 auto 10%;
  overflow: hidden;
  isolation: isolate;
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box div.staff-img {
    width: 12vw;
    margin: 0;
  }
}
@media screen and (min-width: 1280px) {
  section.sec-staff div.flex-box div.staff-img {
    width: 200px;
  }
}
section.sec-staff div.flex-box div.staff-img img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 60vw;
  /*@include mq(pc-large) {
  	height: 200px;
  }*/
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box div.staff-img img {
    -o-object-fit: revert;
       object-fit: revert;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box div.staff-txtbox {
    width: 60%;
  }
}
section.sec-staff div.flex-box div.staff-txtbox p.staff-txt01 {
  text-align: justify;
  word-break: break-all;
  font-size: var(--spfont-size14);
  line-height: 1.8em;
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box div.staff-txtbox p.staff-txt01 {
    font-size: var(--pcfont-size14);
  }
}
section.sec-staff div.flex-box div.staff-txtbox p.staff-txt02 {
  margin-top: 2em;
}
section.sec-staff div.flex-box div.staff-txtbox p.staff-txt02 span {
  display: block;
}
section.sec-staff div.flex-box div.staff-txtbox p.staff-txt02 span.txt01 {
  font-size: var(--spfont-size17);
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box div.staff-txtbox p.staff-txt02 span.txt01 {
    font-size: var(--spfont-size16);
  }
}
section.sec-staff div.flex-box div.staff-txtbox p.staff-txt02 span.txt02 {
  font-size: var(--spfont-size20);
}
@media screen and (min-width: 768px) {
  section.sec-staff div.flex-box div.staff-txtbox p.staff-txt02 span.txt02 {
    font-size: var(--spfont-size20);
  }
}

/*---------------------------------------------------- イベント リストページ ----------------------------------------------------*/
section.sec-event-list div.sec-event-list-inner {
  padding: 15% 0 5%;
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-event-list div.sec-event-list-inner {
    padding: 90px 0 0;
  }
}
section.sec-event-list p.sec-event-area {
  background-color: #b2a55e;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-block: 7px;
  margin-bottom: 15px;
  font-size: var(--spfont-size15);
}
@media screen and (min-width: 768px) {
  section.sec-event-list p.sec-event-area {
    margin-bottom: 25px;
    padding-block: 10px;
    font-size: var(--pcfont-size18);
    width: 90%;
    margin: auto;
    max-width: 1000px;
  }
}
section.sec-event-list p.sec-event-area.fukuyama {
  background-color: #699972;
}
@media screen and (min-width: 768px) {
  section.sec-event-list ul.event-list-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5%;
    width: 90%;
    margin: auto;
    max-width: 1000px;
  }
}
section.sec-event-list ul.event-list-ul li.cm-search-event-infobox {
  margin-bottom: 15%;
}
@media screen and (min-width: 768px) {
  section.sec-event-list ul.event-list-ul li.cm-search-event-infobox {
    margin-bottom: 120px;
  }
}
section.sec-event-list ul.event-list-ul li.cm-search-event-infobox span.infobox-area {
  display: block;
  font-weight: bold;
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
  font-size: var(--spfont-size13);
}
@media screen and (min-width: 768px) {
  section.sec-event-list ul.event-list-ul li.cm-search-event-infobox span.infobox-area {
    font-size: var(--pcfont-size13);
  }
}
section.sec-event-list ul.event-list-ul li.cm-search-event-infobox span.infobox-area.hukuyama {
  background-color: #699972;
}
section.sec-event-list ul.event-list-ul li.cm-search-event-infobox span.infobox-area.hiroshima {
  background-color: #b2a55e;
}

/*---------------------------------------------------- イベント 詳細ページ ----------------------------------------------------*/
/*main.event-single{
	padding: 35vw 0 0;
	@include mq(pc) {
		padding: 8vw 0 0;
	}
	@include mq(pc-middle) {
		padding: 80px 0 0;
	}
	@include mq(pc-large) {
		padding: 90px 0 0;
	}
}
*/
section.sec-event-info {
  background: #efede7;
  padding: 10% 0 20%;
  margin: 10% 0 0;
}
@media screen and (min-width: 768px) {
  section.sec-event-info {
    padding: 100px 0;
    margin: 90px 0 0;
  }
}
section.sec-event-info div.sec-event-info-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-event-info div.sec-event-info-inner {
    max-width: 1000px;
  }
}
section.sec-event-info ul.event-info-ul li {
  margin: 0 0 5%;
}
@media screen and (min-width: 768px) {
  section.sec-event-info ul.event-info-ul li {
    margin: 0 0 15px;
  }
}
@media screen and (min-width: 768px) {
  section.sec-event-info ul.event-info-ul li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
section.sec-event-info ul.event-info-ul li dl dt {
  background: #fff;
  text-align: center;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  section.sec-event-info ul.event-info-ul li dl dt {
    width: 13em;
    font-size: var(--pcfont-size16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
section.sec-event-info ul.event-info-ul li dl dd {
  font-size: var(--spfont-size14);
  margin: 0.6em 0 0;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  section.sec-event-info ul.event-info-ul li dl dd {
    font-size: var(--pcfont-size16);
    width: calc(100% - 14em);
    margin: 0;
  }
}
section.sec-event-info div.event-info-txt {
  margin-top: 15%;
  font-size: var(--spfont-size14);
  border-top: solid 1px #111;
  border-bottom: solid 1px #111;
  padding: 10% 0;
}
@media screen and (min-width: 768px) {
  section.sec-event-info div.event-info-txt {
    margin-top: 2em;
    padding: 90px 0;
    font-size: var(--pcfont-size16);
  }
}

section.sec-event-map {
  background: #efede7;
  padding: 0 0 20%;
}
@media screen and (min-width: 768px) {
  section.sec-event-map {
    padding: 0 0 100px;
  }
}
@media screen and (min-width: 768px) {
  section.sec-event-map div.sec-event-map-inner {
    width: 90%;
    margin: auto;
    max-width: 1000px;
  }
}
section.sec-event-map h3 {
  text-align: center;
  font-size: var();
}
section.sec-event-map h3 span {
  display: block;
}
section.sec-event-map h3 span.txt01 {
  font-size: var(--spfont-size28);
}
section.sec-event-map h3 span.txt02 {
  font-size: var(--spfont-size15);
  margin-top: 0.6em;
}
section.sec-event-map div.map-wrap {
  margin: 10% 0 0;
  height: 65vw;
}
@media screen and (min-width: 768px) {
  section.sec-event-map div.map-wrap {
    margin: 50px 0 0;
  }
}
@media screen and (min-width: 768px) {
  section.sec-event-map div.map-wrap {
    height: 350px;
  }
}
section.sec-event-map div.map-wrap iframe {
  width: 100%;
  height: 65vw;
}
@media screen and (min-width: 768px) {
  section.sec-event-map div.map-wrap iframe {
    height: 350px;
  }
}
section.sec-event-map a.map-btn {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 7% auto 0;
  background: #fff;
  border: solid 1px #808080;
  width: 60%;
  padding: 3% 0;
  gap: 5%;
  border-radius: 50em;
  font-size: var(--spfont-size16);
  letter-spacing: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  section.sec-event-map a.map-btn {
    width: 14em;
    font-size: var(--pcfont-size17);
    padding: 0.6em 0;
    margin: 25px auto 0;
  }
}
section.sec-event-map a.map-btn span {
  display: block;
}
section.sec-event-map a.map-btn span.icon {
  width: 1.2em;
}
@media screen and (min-width: 768px) {
  section.sec-event-map a.map-btn span.icon {
    width: 1em;
  }
}
section.sec-event-map a.event-btn {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 7% auto 0;
  background: #f5ac00;
  width: 70%;
  padding: 3% 0;
  gap: 5%;
  border-radius: 0.8em;
  font-size: var(--spfont-size16);
  letter-spacing: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  section.sec-event-map a.event-btn {
    width: 18em;
    font-size: var(--pcfont-size17);
    padding: 0.5em 0;
    margin: 25px auto 0;
  }
}
section.sec-event-map a.event-btn span {
  display: block;
}
section.sec-event-map a.event-btn span.icon {
  width: 1.4em;
}
@media screen and (min-width: 768px) {
  section.sec-event-map a.event-btn span.icon {
    width: 1.6em;
  }
}

div.campaign-bnr {
  width: 90%;
  margin: 15% auto 0;
}
@media screen and (min-width: 768px) {
  div.campaign-bnr {
    max-width: 895px;
    margin: 80px auto 0;
  }
  div.campaign-bnr a:hover {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0.6;
    transition: all 0.4s;
  }
}

/*====== 2025.06.25 追加 ======*/
/*---------------------------------------------------- イベント ----------------------------------------------------*/
div.prefecture-back-btn-wrap {
  width: 90%;
  margin: 5% auto 0;
}
@media screen and (min-width: 768px) {
  div.prefecture-back-btn-wrap {
    max-width: 890px;
    margin: 35px auto 0;
  }
}
div.prefecture-back-btn-wrap a.prefecture-back-btn {
  display: block;
  width: 13em;
  margin: 0 0 0 auto;
  position: relative;
  font-size: var(--spfont-size16);
}
@media screen and (min-width: 768px) {
  div.prefecture-back-btn-wrap a.prefecture-back-btn {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: var(--pcfont-size16);
  }
}
div.prefecture-back-btn-wrap a.prefecture-back-btn::before, div.prefecture-back-btn-wrap a.prefecture-back-btn::after {
  content: "";
  display: block;
  width: 0.8em;
  height: 0.14em;
  background: #8a8c85;
  position: absolute;
  top: 50%;
  right: 0.4em;
  -webkit-transform: translate(0, -50%) rotate(30deg);
      -ms-transform: translate(0, -50%) rotate(30deg);
          transform: translate(0, -50%) rotate(30deg);
  -webkit-transform-origin: calc(100% - 0.1em) 50%;
      -ms-transform-origin: calc(100% - 0.1em) 50%;
          transform-origin: calc(100% - 0.1em) 50%;
  border-radius: 1em;
}
div.prefecture-back-btn-wrap a.prefecture-back-btn::after {
  -webkit-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
          transform: rotate(-30deg);
}

/*---------------------------------------------------- 分譲 ----------------------------------------------------*/
section.cm-search-sec-search div.area-box ul.prefecture-ul.event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 2.6%;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.prefecture-ul.event {
    gap: 1.5%;
  }
}
section.cm-search-sec-search div.area-box ul.prefecture-ul.event li {
  width: 23%;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box ul.prefecture-ul.event li {
    width: 13%;
  }
}

section.sec-eventpickup {
  padding: 10% 0;
}
@media screen and (min-width: 768px) {
  section.sec-eventpickup {
    width: 90%;
    max-width: 1000px;
    margin: auto;
    padding: 100px 0;
  }
}
section.sec-eventpickup div.sec-eventpickup-inner .eventpickup-title {
  text-align: center;
  font-size: var(--spfont-size16);
  font-weight: 600;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  section.sec-eventpickup div.sec-eventpickup-inner .eventpickup-title {
    font-size: var(--pcfont-size27);
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 768px) {
  section.sec-eventpickup div.sec-eventpickup-inner div.cm-search-slide.pc-noslide div.swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 5%;
  }
}
@media screen and (min-width: 768px) {
  section.sec-eventpickup div.sec-eventpickup-inner div.cm-search-slide div.swiper-slide {
    width: 30%;
    margin-bottom: 75px;
  }
}
section.sec-eventpickup div.sec-eventpickup-inner div.cm-search-slide div.swiper-slide div.infobox-inner {
  width: 90%;
  margin: auto;
}
@media screen and (min-width: 768px) {
  section.sec-eventpickup div.sec-eventpickup-inner div.cm-search-slide div.swiper-slide div.infobox-inner {
    width: 100%;
  }
}
section.sec-eventpickup div.sec-eventpickup-inner div.cm-search-slide div.swiper-slide div.infobox-inner .prefecture-txt01 {
  text-align: center;
  background: #dddfe5;
  border-radius: 0.4em;
  font-size: var(--spfont-size17);
  font-weight: 500;
  padding: 0.4em 0 0.5em;
  margin-bottom: 7%;
}
@media screen and (min-width: 768px) {
  section.sec-eventpickup div.sec-eventpickup-inner div.cm-search-slide div.swiper-slide div.infobox-inner .prefecture-txt01 {
    font-size: var(--pcfont-size17);
    padding: 0.4em 0 0.4em;
  }
}

/*---------------------------------------------------- 展示場 ----------------------------------------------------*/
section.cm-search-sec-search div.area-box.bottom {
  padding-top: 12%;
  padding-bottom: 10%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(235, 235, 235)));
  background: linear-gradient(180deg, rgb(255, 255, 255), rgb(235, 235, 235));
  display: block;
}
@media screen and (min-width: 768px) {
  section.cm-search-sec-search div.area-box.bottom {
    padding-bottom: 80px;
    padding-top: 120px;
  }
}/*# sourceMappingURL=search.css.map */