@charset "utf-8";

header {
 display: block;
 width: 100%;
 margin-inline: auto;
 /* aspect-ratio: 1440 / 600; */
 min-height: 600px;
 max-height: 600px;
 position: relative;

}

header a.crumb {
 transition: 0.1s;
 font-weight: 600;
 font-family: var(--sanserif-ff-ja);
}

header a.crumb:hover {
 opacity: 0.6;
}

header .head-wrap {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100px;
 background-color: transparent;
 z-index: 5;
 display: flex;
 align-items: center;
 padding-inline: 40px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

header .head-wrap a {
 width: 140px;
 height: 53px;
}

header .cover-wrap {
 position: absolute;
 inset: 0;
 overflow: hidden;
 /* background: url(../../realestate/images/cover.png) center 0 no-repeat;
 background-size: cover; */
}

header .cover-wrap img.mainImg {
 object-fit: cover;
 width: 100%;
 height: 100%;
}

header .cover-wrap h1 {
 z-index: 10;
 width: 100%;
 position: absolute;
 top: 52%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-weight: 400;
 font-size: 48px;
 line-height: 1.3;
 text-align: center;
 color: #fff;
 font-family: var(--sanserif-ff-ja);
}

.realestate_top header .cover-wrap h1 {
 font-family: var(--sanserif-ff);
 font-weight: 500;
}

.realestate_top header .cover-wrap h1 span {
 font-family: var(--sanserif-ff-ja);
 font-weight: 600;
 letter-spacing: 0.06em;
}

header .cover-wrap h1 span {
 font-size: 18px;
 display: block;
 margin-bottom: 1em;
 font-weight: 600;
 letter-spacing: 0.06em;
}

header .crumb {
 position: absolute;
 top: 154px;
 left: 60px;
 display: flex;
 align-items: center;
 font-size: 15px;
 color: #fff;
 font-weight: 600;
}

header .crumb img {
 margin-right: 10px;
 rotate: 180deg;
}

.contentsWrapper {
 /* min-width: 1440px; */
 /* max-width: 1440px; */
 margin-inline: auto;
}

.contentsWrapper .property-wrap {
 width: 100%;
 display: grid;
 grid-template-columns: 1fr min(50%, 720px);
 grid-template-rows: auto 1fr;
 grid-template-areas: "map exp"
  "map navi";
 border-bottom: 1px solid var(--gray);
}

.property-map {
 grid-area: map;
}

.property-exp {
 grid-area: exp;
}

.property-navi {
 grid-area: navi;
}

.property-map {
 border-right: 1px solid var(--gray);
}

.property-wrap .property-exp {
 padding-top: 100px;
 width: min(100% - var(--list-padding), 580px);
 margin-inline: auto;
}

.property-wrap .property-exp h2 {
 font-weight: 600;
 font-size: 25px;
 margin-bottom: 1.5em;
 letter-spacing: 2.5px;

}

.property-wrap .property-exp p {
 font-size: 16px;
 margin-bottom: 3em;
 line-height: 2;
 letter-spacing: 0.64px;
 font-family: var(--sanserif-ff-ja);
}

.property-wrap .property-navi ul li:first-child {
 border-top: 1px solid var(--gray);
}

.property-wrap .property-navi ul li {
 padding-block: 30px;
 border-bottom: 1px solid var(--gray);
 transition: 0.3s;
}

.property-wrap .property-navi ul li:hover {
 background-color: rgba(225, 225, 225, 0.2);
}

.property-wrap .property-navi ul li:last-child {
 border-bottom: none;
}

.property-exp-wrap {
 width: 230px;
 position: relative;
}

.property-wrap .property-navi aside a {
 /* padding-inline: 70px; */
 margin-inline: auto;
 width: min(100% - var(--list-padding), 580px);
 display: flex;
 gap: 30px;
}

.property-exp-wrap img {
 width: 230px;
 height: 150px;
 border-radius: 8px;
}

.jokyou {
 width: fit-content;
 padding: 5px 10px;
 position: absolute;
 border-radius: 5px 0px;

 color: #FFF;
 text-align: center;
 font-size: 12px;
 font-weight: 600;
 letter-spacing: 0.06em;
}

.introducing {
 background: var(--orange, #FF7557);
}

.intro-end {
 background: var(--black, #646464);
}



.exp-wrap {
 flex: 1;
}

.exp-wrap .ttl {
 display: flex;
 align-items: start;
 color: var(--green, #0C9);
 font-size: 22px;
 font-style: normal;
 font-weight: 600;
 line-height: 30px;
 letter-spacing: 0.88px;
 margin-bottom: 0.8em;
 margin-top: 0.2em;
}

.exp-wrap .ttl img {
 margin-top: -0.1em;
 width: 23px;
 margin-right: 5px;
}

.exp-wrap dl {
 display: flex;
 /* align-items: center; */
 margin-bottom: 0.6em;
 gap: 1em;
}

.exp-wrap dl dt {
 display: flex;
 width: 58px;
 height: 23px;
 padding: 0;
 justify-content: center;
 align-items: center;
 border-radius: 5px;
 background: var(--gray, #E6ECEF);
 color: #646464;
 font-size: 11px;
 font-weight: 600;
 line-height: 23px;
 letter-spacing: 0.44px;
}

.exp-wrap dl dd {
 color: var(--black, #646464);
 font-size: 15px;
 font-style: normal;
 font-weight: 400;
 line-height: 23px;
 letter-spacing: 0.6px;
 flex: 1;
}

.about-wrap {
 width: 100%;
 padding-block: 80px;
}

.about-wrap h2 {
 color: var(--black, #646464);
 text-align: center;
 font-size: 16px;
 font-style: normal;
 font-weight: 600;
 line-height: 23px;
 letter-spacing: 0.64px;
 margin-bottom: 1em;
}

.about-wrap p {
 color: #000;
 text-align: center;
 font-size: 12px;
 font-style: normal;
 font-weight: 400;
 line-height: 23px;
 letter-spacing: 0.48px;
}

.about-wrap .inquiry_top {
 color: #00cc99;
 text-decoration: underline;
 font-weight: 600;
 transition: 0.3s;
}

.about-wrap .inquiry_top:hover {
 opacity: 0.6;
}

footer {
 width: 100%;
 height: 300px;
 background: url(/common/images/fotter-umi.jpg) center center no-repeat;
 background-size: cover;
 display: flex;
 flex-direction: column;
}

footer .footer-nav-wrap {
 width: 100%;
 height: 250px;
 margin-inline: auto;
 display: flex;

}

footer .footer-nav-wrap a {
 width: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 font-weight: 500;
 font-size: 30px;
 text-align: center;
 color: #fff;
 font-family: var(--sanserif-ff);
}

footer .footer-nav-wrap a span:first-child {
 font-size: 12px;
 display: block;
 margin-bottom: 1em;
 letter-spacing: 0.72px;
 font-weight: 400;
 font-family: var(--sanserif-ff-ja);
}

footer .footer-nav-wrap a:first-child {
 border-right: 1px solid rgba(255, 255, 255, 0.3);
}

footer .footer-nav-wrap a:last-child span:last-child {
 display: flex;
 justify-content: center;
 align-items: center;
}

footer .footer-nav-wrap a:last-child span:nth-child(2)::after {
 content: "";
 width: 20px;
 height: 20px;
 background: url(../images/ico_link_blank.svg) 0 0 no-repeat;
 background-size: contain;
 margin-left: 0.1em;
}

footer .footer-copy-wrap {
 width: 100%;
 height: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-top: 1px solid rgba(255, 255, 255, 0.3);
}

footer p.copy {
 color: #FFF;
 text-align: center;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
}

@media (max-width:767px) {
 header {
  aspect-ratio: 375 / 442;
  min-height: 445px;
  position: relative;
  overflow: hidden;
 }

 header .cover-wrap img.mainImg {
  object-fit: cover;
  object-position: center bottom;
  width: 100%;
  aspect-ratio: 375 / 442;
 }

 header .head-wrap {
  height: 70px;
  padding-inline: 25px;
 }

 header .head-wrap a {
  width: 92px;
  height: 35px;
 }

 header .cover-wrap img.mainImg {
  min-height: 445px;
  object-position: 53% bottom;
 }

 header .cover-wrap h1 {
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 600;
  font-size: 32px;
 }

 header .cover-wrap h1 span {
  font-size: 12px;
 }

 header .crumb {
  position: absolute;
  top: 105px;
  left: 35px;
 }

 .contentsWrapper {
  width: 100%;
  margin-inline: auto;
  min-width: initial;
 }

 .contentsWrapper .property-wrap {
  width: 100%;
  display: grid;
  grid-template-columns: 100vw;
  grid-template-areas: "exp"
   "map"
   "navi";
  padding-bottom: 113px;
 }

 .property-wrap .property-exp {
  width: 100%;
  padding-top: 50px;
  padding-inline: 25px;
 }

 .property-wrap .property-exp h2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 1.5em;
  letter-spacing: 2.5px;
 }

 .property-wrap .property-exp p {
  font-size: 14px;
  margin-bottom: 3em;
  line-height: 2;
  letter-spacing: 0.64px;
 }

 .property-navi {
  margin-top: 50px;
 }

 .property-wrap .property-navi ul {
  border-top: none;
 }

 .property-wrap .property-navi aside a {
  padding-inline: 25px;
  display: flex;
  gap: 20px;
 }

 .jokyou {
  width: fit-content;
  padding: 5px 5px;
  border-radius: 5px 0px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
 }

 .exp-wrap .ttl {
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
  letter-spacing: 0.64px;
 }

 .property-wrap .property-navi ul li {
  padding-block: 24px;
  border-bottom: 1px solid var(--gray);
 }

 .exp-wrap dl dt {
  display: flex;
  width: 44px;
  height: 16px;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--gray, #E6ECEF);
  color: #646464;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.44px;
  white-space: nowrap;
 }

 .exp-wrap dl dd {
  color: var(--black, #646464);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
 }

 .property-exp-wrap {
  width: calc(125 / 375 * 100vw);
  position: relative;
 }

 .property-exp-wrap img {
  width: calc(125 / 375 * 100vw);
  aspect-ratio: 125 / 110;
  height: auto;
  border-radius: 4px;
 }

 .contentsWrapper .property-wrap {
  padding-bottom: 26px;
 }

 .about-wrap {
  background: rgba(230, 236, 239, 0.30);
  padding-top: 40px;
  padding-bottom: 40px;
 }

 .about-wrap h2 {
  color: var(--black, #646464);
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.64px;
 }

 .about-wrap p {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0.48px;
 }

 footer {
  width: 100%;
  height: 210px;
  background: url(/common/images/fotter-umi.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
 }

 footer .footer-nav-wrap {
  width: 100%;
  height: 170px;
  margin-inline: auto;
  display: flex;
 }

 footer .footer-copy-wrap {
  height: 40px;
 }

 footer .footer-nav-wrap a {
  color: #FFF;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: normal;
 }

 footer .footer-nav-wrap a span {
  color: #FFF;
  font-size: 9px;
  letter-spacing: 0.54px;
 }

 footer p.copy {
  font-size: 10px;
 }
}

/* 物件ページ */
.property_p header {
 display: block;
 width: 100%;
 margin-inline: auto;
 aspect-ratio: initial;
 min-height: 100vh;
 position: relative;
 overflow: hidden;
}

.property_p header .cover-wrap h1 {
 font-size: 38px;
 font-weight: 600;
}

.property_p header .cover-wrap h1 span {
 font-weight: 400;
}

.property_p header .cover-wrap h1 span {
 font-size: 22px;
 margin-top: 15px;
}

.property_p header .cover-wrap img.mainImg {
 object-fit: cover;
 min-height: 768px;
 width: 100%;
 height: 100%;
}

.pageDown {
 width: 30px;
 height: 30px;
 position: absolute;
 bottom: 52px;
 left: calc(50% - 15px);
 z-index: 5;
 animation: up-down 1s ease-in-out 1.2s infinite both;
}

.pageDown img {
 transition: 0.1s;
}

.pageDown:hover img {
 opacity: 0.6;
}

@keyframes up-down {
 0% {
  transform: translateY(0)
 }

 8% {
  transform: translateY(5px)
 }

 55% {
  transform: translateY(0)
 }
}

.property_p .contentsWrapper {
 width: 100%;
 /* max-width: 960px; */
 min-width: initial;
 width: min(100% - 15px, 960px);
 margin-inline: auto;
 padding-top: 121px;
 margin-bottom: 240px;

}

.property_p section:not(:last-child) {
 margin-bottom: 80px;
}

section.lead-wrap {
 width: 100%;
 position: relative;
}

section.lead-wrap .inner {
 width: 600px;
 position: relative;
}

.lead-wrap h2 {
 color: var(--black, #646464);
 font-size: 28px;
 font-style: normal;
 font-weight: 600;
 line-height: normal;
 letter-spacing: 2.8px;
 margin-bottom: 35px;
 display: flex;
 align-items: center;
}

.lead-wrap p {
 color: var(--black, #646464);
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
 line-height: 36px;
 /* 225% */
 letter-spacing: 0.64px;
 max-width: 600px;
}

.lead-wrap h2 span {
 display: flex;
 justify-content: center;
 align-items: center;
 width: fit-content;
 height: 30px;
 padding: 4.143px 13.257px;
 color: #FFF;
 text-align: center;
 font-size: 13px;
 font-weight: 600;
 letter-spacing: 0.52px;
 white-space: nowrap;
 margin-left: 16px;
}

.lead-wrap a.inquiry {
 display: flex;
 width: fit-content;
 height: 50px;
 padding: 7px 22px;
 justify-content: center;
 align-items: center;
 border-radius: 5px;
 border: 2px solid var(--green, #0C9);
 color: var(--green, #0C9);
 text-align: center;
 font-size: 20px;
 font-weight: 600;
 letter-spacing: 0.8px;
 white-space: nowrap;
 position: absolute;
 right: 0;
 top: 0;
 transition: 0.3s;
}

.lead-wrap a.inquiry:hover {
 color: #fff;
 background-color: var(--green);
}

span.introducing {
 border-radius: 5px;
 background: var(--orange, #FF7557);
}

span.intro-end {
 border-radius: 4px;
 background: var(--black, #646464);
}

section.information {
 display: flex;
 justify-content: space-between;
 gap: 60px;
}

section.information>div {
 width: 50%;
}

.property_p h3 {
 color: var(--black, #646464);
 font-size: 22px;
 font-weight: 500;
 margin-bottom: 35px;
 font-family: var(--sanserif-ff);
}

section.information .info-wrap {
 border-right: 1px solid var(--gray);
}

section.information .info-wrap .detail_info {
 padding-right: 60px;
}

section.information .info-wrap .detail_info dl {
 width: 100%;
 display: flex;
 padding-block: 12px;
 border-bottom: 1px solid var(--gray);
}

section.information .info-wrap .detail_info dl:first-child {
 border-top: 1px solid var(--gray);
}

section.information .info-wrap .detail_info dl dt {
 display: flex;
 width: 58px;
 height: 23px;
 padding: 0px 10px;
 justify-content: center;
 align-items: center;
 border-radius: 5px;
 background: var(--gray, #E6ECEF);
 white-space: nowrap;
 color: var(--black, #646464);
 text-align: center;
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 0.44px;
 margin-right: 12px;
}

section.information .info-wrap .detail_info dl dd {
 flex: 1;
 color: var(--black, #646464);
 font-size: 15px;
 font-weight: 400;
 line-height: 23px;
 letter-spacing: 0.6px;
}

.googlemap-wrap {
 display: block;
 overflow: hidden;
 width: 100%;
 aspect-ratio: 480 / 400;
 margin-bottom: 60px;
 position: relative;
}

.googlemap-wrap .maplink {
 width: 200px;
 height: 50px;
 background-color: transparent;
 display: block;
 position: absolute;
 left: 0px;
 bottom: 0px;
 z-index: 10;
}

.googlemap-wrap iframe {
 width: 100%;
 aspect-ratio: 480 / 400;
}

.googlemap-wrap iframe {
 width: calc(100% + 380px);
 margin-left: -380px;
 aspect-ratio: 480 / 400;
 height: calc(100% + 150px);
 margin-top: -150px;
}

@media (max-width:767px) {
 .property_p header {
  height: 100svh;
  min-height: 100svh;
  overflow: hidden;
 }

 .property_p header .cover-wrap img.mainImg {
  object-fit: cover;
  object-position: center bottom;
  width: 100%;
  height: 100svh;
 }

 .property_p header .cover-wrap h1 {
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* font-weight: 400; */
  font-size: 26px;
 }

 .property_p header .cover-wrap h1 span {
  font-size: 14px;
  margin-top: 6px;
  font-weight: 600;
  letter-spacing: 0.84px;
 }

 .property_p header .crumb {
  display: block;
  position: absolute;
  top: 105px;
  left: 25px;
 }

 .pageDown {
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 16px;
  left: 43%;
  padding: 20px;
 }

 .property_p .contentsWrapper {
  width: 100%;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 50px;
  margin-bottom: 80px;
  padding-inline: 25px;
 }

 .property_p section:not(:last-child) {
  margin-bottom: 40px;
 }


 section .lead-wrap {
  width: 100%;
  /* margin-bottom: 60px !important; */
 }

 section.lead-wrap .inner {
  width: 100%;
  position: relative;
 }

 section .info-wrap {
  margin-bottom: 40px;
  overflow: hidden;
 }

 .lead-wrap h2 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
 }

 .lead-wrap h2 span {
  display: flex;
  width: fit-content;
  height: 20.292px;
  padding: 4.143px 13.257px;
  justify-content: center;
  align-items: center;
  gap: 23.2px;
  font-size: 10.771px;
  font-weight: 600;
  letter-spacing: 0.431px;
  white-space: nowrap;
  margin-left: 16px;
 }

 .lead-wrap a.inquiry {
  height: initial;
  /* width: 150px; */
  padding: 7px 18px;
  border-radius: 3.6px;
  border: 1.44px solid var(--green, #0C9);
  text-align: center;
  font-size: 14.4px;
  font-weight: 600;
  letter-spacing: 0.06em;
  white-space: nowrap;
  position: relative;
  right: initial;
  top: initial;
  margin-top: 2em;
  transition: 0.3s;
 }

 section.information {
  display: block;
 }

 section.information>div {
  width: 100%;
 }

 section.information .info-wrap {
  border-right: none;
 }

 .property_p h3 {
  font-size: 16px;
  margin-bottom: 20px;
 }



 section.information .info-wrap .detail_info {
  padding-right: 0;
 }

 section.information .info-wrap .detail_info dl {
  padding-block: 10px;
 }

 section.information .info-wrap .detail_info dl dt {
  display: flex;
  width: 45px;
  height: initial;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 600;
  margin-right: 12px;
 }

 section.information .info-wrap .detail_info dl dd {
  font-size: 12px;
  line-height: 16px;
 }

 /* .googlemap-wrap {
 margin-bottom: 40px;
} */

 .googlemap-wrap {
  width: 100%;
  aspect-ratio: 325 / 325;
 }


 .googlemap-wrap iframe {
  width: 100%;
  aspect-ratio: 325 / 325;
 }

 .googlemap-wrap iframe {
  width: calc(100% + 250px);
  margin-left: -250px;
  aspect-ratio: 480 / 400;
  height: calc(100% + 150px);
  margin-top: -150px;
 }

 .map-wrap img {
  width: 100%;
 }

 .property_p .gallery,
 .property_p .movie {
  width: calc(100% + 50px);
  margin: 0 -25px;
 }

 .property_p .gallery h3,
 .property_p .movie h3 {
  margin-left: 25px;
 }

 .lead-wrap p {
  width: 100%;
  max-width: 100%;
 }
}

.property-map {
 position: relative;
 cursor: grab;
}

.maplinksWrapper {
 position: sticky;
 width: 100%;
 aspect-ratio: 768 / 720;
 top: 0;
}

.maplink-wrap {
 overflow: scroll;
 width: 100%;
 aspect-ratio: 768 / 720;
 position: relative;
}



.maplink-wrap .maplink {
 width: 300%;
}

.maplink-wrap {
 overflow: hidden;
 -ms-overflow-style: none;
 /* IE, Edge 対応 */
 scrollbar-width: none;
 /* Firefox 対応 */

}

.maplink-wrap::-webkit-scrollbar {
 /* Chrome, Safari 対応 */
 display: none;
}


.compass {
 position: absolute;
 bottom: 30px;
 right: 30px;
 z-index: 1;
}

.maplink {
 position: relative;
}

.mark {
 position: absolute;
 width: 44px;
 transform: translate(50%, -95%);
 z-index: 0;
}

.mark::after {
 content: attr(data-ttl);
 position: absolute;
 bottom: 90%;
 left: 50%;
 transform: translateX(-50%);
 margin: 1.5em 0;
 padding: 10px;
 width: fit-content;
 min-width: 160px;
 max-width: 100%;
 color: #fff;
 font-size: 16px;
 font-weight: 600;
 background: #00cc99;
 border: 2px solid #00B084;
 text-align: center;
 border-radius: 8px;
 filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3));
 transition: 0.06s ease-in;
 opacity: 0;
 z-index: 1;
}

.mark:before {
 content: "";
 position: absolute;
 bottom: 100%;
 left: 50%;
 transform: translate(-50%);
 content: "";
 width: 20px;
 height: 20px;
 background: url(../../realestate/images/popup.svg)center 0 no-repeat;
 background-size: contain;
 opacity: 0;
 transition: 0.06s ease-in;
}

.map1 #map1,
.map2 #map2,
.map3 #map3,
.map4 #map4,
.map5 #map5,
.map6 #map6,
.map7 #map7 {
 z-index: 100;
}

.map1 #map1::after,
.map2 #map2::after,
.map3 #map3::after,
.map4 #map4::after,
.map5 #map5::after,
.map6 #map6::after,
.map7 #map7::after,
.mark:hover::after {
 bottom: 115%;
 opacity: 1;
 z-index: 100 !important;
}

.map1 #map1::before,
.map2 #map2::before,
.map3 #map3::before,
.map4 #map4::before,
.map5 #map5::before,
.map6 #map6::before,
.map7 #map7::before,
.mark:hover:before {
 bottom: 125%;
 opacity: 1;
 z-index: 120;
}


.mark1 {
 top: calc(560 / 2365 * 100%);
 right: calc(240 / 2365 * 100%);
}

.mark2 {
 top: calc(760 / 2365 * 100%);
 right: calc(580 / 2365 * 100%);
}

.mark3 {
 top: calc(480 / 2365 * 100%);
 right: calc(470 / 2365 * 100%);
}

.mark4 {
 top: calc(555 / 2365 * 100%);
 right: calc(195 / 2365 * 100%);
}

.mark5 {
 top: calc(455 / 2365 * 100%);
 right: calc(320 / 2365 * 100%);
}

.mark6 {
 top: calc(235 / 2365 * 100%);
 right: calc(180 / 2365 * 100%);
}

.mark7 {
 top: calc(475 / 2365 * 100%);
 right: calc(445 / 2365 * 100%);
}

.mark img {
 transform-origin: center bottom;
 transition: 0.06s ease-in;
}


.mark:hover {
 z-index: 10;
}

.map1 #map1 img,
.map2 #map2 img,
.map3 #map3 img,
.map4 #map4 img,
.map5 #map5 img,
.map6 #map6 img,
.map7 #map7 img,
.mark:hover img {
 transform: scale(1.3);
 z-index: 10;
}

@media (max-width:767px) {
 .maplinksWrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 375 / 450;
  top: 0;
 }

 .maplink-wrap {
  overflow: scroll;
  width: 100%;
  aspect-ratio: 375 / 450;
  position: relative;
 }

 .maplink-wrap .maplink {
  width: 300%;
 }

 .mark {
  position: absolute;
  width: 28px;
  transform: translate(-50%, -100%);
  z-index: 0;
 }

 .compass {
  width: 45px;
 }

 .mark::after {
  display: none;
 }

 .mark:before {
  display: none;
 }
}


/* マップの表示エリア */
.mapAreaWrapper {
 position: absolute;
 top: 30px;
 left: 28px;
 z-index: 1;
 width: 165px;
 cursor: not-allowed;
 transition: 0.5s;
}

.mapAreaWrapper p {
 font-size: 15px;
 font-weight: 600;
 text-align: center;
 margin-top: 0.5em;
}

.mappadding {
 padding: 10px;
 overflow: hidden;
 background-color: #fff;
 border-radius: 10px;
 filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.2));
 transform: translateZ(0);
}

.mapAreaBase {
 position: relative;
}

.map-area {
 display: block;
 position: absolute;
 z-index: 2;
 width: calc(719 / 2157 * 100%);
 aspect-ratio: 719 / 675;
 border: 2px solid #FF7557;
 border-radius: 5px;
 /* right: 0; */
}

@media (max-width:767px) {
 .mapAreaWrapper {
  top: 10px;
  left: 10px;
  width: 96px;
 }

 .mapAreaWrapper p {
  font-size: 9px;
 }

 .mappadding {
  padding: 5px;
  border-radius: 3px;
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.1));
 }

 .map-area {
  width: calc(719 / 2157 * 100%);
  aspect-ratio: 375 / 450;
  border: 1px solid red;
  border-radius: 2px;

 }
}

/* YouTube */
.video-wrap {
 width: 100%;
 font-size: 0;
}

.video-wrap iframe {
 margin: 2em 0;
 width: 100%;
 height: auto;
 aspect-ratio: 16 / 9;
}

/* 767px */
@media (min-width:768px) and (max-width:1000px) {
 .pconly {
  display: none;
 }

 .property-wrap .property-exp {
  padding-top: 50px;
 }

 .property-wrap .property-navi ul li {
  padding-block: 24px;
  border-bottom: 1px solid var(--gray);
 }

 .property-wrap .property-navi aside a {
  display: flex;
  gap: 20px;
 }

 .property-exp-wrap {
  width: 40%;
  position: relative;
 }

 .exp-wrap {
  flex: 1;
 }

 .jokyou {
  width: fit-content;
  padding: 5px 5px;
  border-radius: 5px 0px;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.06em;
 }

 .exp-wrap .ttl {
  align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.64px;
 }

 .exp-wrap dl {
  display: flex;
  /* align-items: center; */
  margin-bottom: 0.6em;
  gap: 1em;
 }

 .exp-wrap dl dt {
  display: flex;
  width: 44px;
  height: 16px;
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--gray, #E6ECEF);
  color: #646464;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.44px;
  white-space: nowrap;
 }

 .exp-wrap dl dd {
  color: var(--black, #646464);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.48px;
 }

 .property-exp-wrap img {
  width: calc(125 / 375 * 100vw);
  aspect-ratio: 125 / 110;
  height: auto;
  border-radius: 4px;
 }

 .maplink-wrap {
  overflow: scroll;
  width: 100%;
  aspect-ratio: 768 / 900;
  position: relative;
 }

 /* 物件ページ */
 .property_p .contentsWrapper {
  width: 100%;
  min-width: initial;
  margin-inline: auto;
  padding-top: 80px;
  margin-bottom: 120px;
  width: min(100% - 25px, 960px);
 }

 .slide-container,
 .video-wrap {
  margin: 0 calc(-50vw + 50%);
  width: 100vw !important;
 }

}

@media (min-width:768px) and (max-width:960px) {
 section.information {
  display: flex;
  justify-content: space-between;
  gap: 0;
 }

 .property_p .map-wrap {
  width: calc(450 / 960 * 100vw);
 }

 section.information .info-wrap .detail_info {
  padding-right: 0;
  width: calc(450 / 960 * 100vw);
 }

 .lead-wrap a.inquiry {
  position: relative;
  right: initial;
  top: initial;
  margin-top: 1em;
  transition: 0.3s;
 }

 .mapAreaWrapper {
  width: 110px;
 }
}

header .cover-wrap ul li {
 position: absolute;
 left: 0;
 top: 0;
 opacity: 0;
 z-index: 0;
}


.slide-wrapper .slide-top {
 object-fit: cover;
 width: 100%;
 height: 100%;
}

.slide-wrapper .slide-top img {
 max-width: 100%;
 width: 100%;
 height: 100%;
 position: absolute;
 object-fit: cover;
}


.slide-image {
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 opacity: 0;
 animation: slider-1 18s linear infinite;
 z-index: -1;
}

.slide-image:nth-child(1) {
 animation-delay: -2s;
}

.slide-image:nth-child(2) {
 animation-delay: 4s;
}

.slide-image:nth-child(3) {
 animation-delay: 10s;
}

@keyframes slider-1 {
 0% {
  opacity: 0;
  transform: scale(1);
 }

 4.16% {
  opacity: 1;
 }

 33.33% {
  opacity: 1;
 }

 41.66% {
  opacity: 0;
  transform: scale(1.1);
 }

 100% {
  opacity: 0;
 }
}