@charset "utf-8";

img {
  max-width: 100%;
  height: auto;
}

.propertydtl-table{
  margin-top:5rem;
  border: solid 1px #5C5048;
}

.propertydtl-table iframe{
  width:100%;
}

.propertydtl-table .row{
  width:100%;
  margin:0 ;
}

.propertydtl-table .col-4{
  padding: 18px;
  border-bottom: solid 1px #5C5048;
  border-right: 1px solid #5C5048;
  background: #5C5048;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.propertydtl-table .col-8{
  padding: 18px;
  border-bottom: solid 1px #5C5048;
  background: #fff;
  font-size: 14px;
}

.propertydtl-table .row:last-child .col-4,
.propertydtl-table .row:last-child .col-8{
  border:none;
}

.property-dtl-txt{
  margin-top:5rem;
  display:flex;
  flex-wrap:wrap;
  justify-content: space-between;
}

.property-dtl-txt-1{
  flex: 1;
}

.HousingBxPrice{
  font-size: 1.5rem;
  order: 2;
  align-self: flex-end;
  position: relative;
  top: 3px;
}

.HousingBxPrice .col-8{
    flex: none;
    max-width: none;
}

.HousingBxAddress{
  width: 100%;
  order: 3;
  padding: 0 0 15px;
  border-bottom: 1px solid #5C5048;
  margin-bottom:1.5rem;
}

.HousingBxTxt{
  width:100%;
  order: 4;
}

p.HousingBxInCate {
  padding: 0px 1rem;
  /* max-width: 85px; */
  /* width: 100%; */
  color: #5C5048;
  border: 1px solid #5C5048;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 18px;
  text-align: center;
  margin: 0 auto 0 auto;
  display: inline-block;
}

h2.HousingBxInTxt{
  font-size:clamp(1.375rem, 1.148rem + 0.76vw, 2rem);
  margin: 8px 0 0;
}

.pdfLink {
  padding: 0.5rem 1rem;
  width: 140px;
  background-color: #FFF;
  box-shadow: 1px 1px 4px #5C5048;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #5C5048;
}

.gjs-dashed .carousel-item {
  display: block;
}

.gjs-dashed .carousel-indicators {
  position: static;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.gjs-dashed .carousel-indicator {
  width: 30.7%;
}

.carousel-indicators {
  margin: 30px 0 0 0;
  /* padding: 2.5px 0; */
  display: flex;
  position: static;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.carousel-indicator {
  margin: 0.5%;
  /* padding: 0 4.4px; */
  width: 19%;

  height: 100%;
  cursor: pointer;
  /* max-width: 163px; */padding: 0 0 14%;position: relative;
  border: 1px solid #CCC;
}

.carousel-indicator.active {
  opacity: .7;
}
.carousel-item {
  padding: 0px 0 67%;
}

.carousel-item>img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.carousel-inner {
  display: flex;
}
.carousel-indicator>img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
a.carousel-control-next {
  height: 50px;
  width: 50px;
  background: rgb(0 0 0 / 60%);
  top: 50%;
  border-radius: 100%;
}
a.carousel-control-prev {
  height: 50px;
  width: 50px;
  background: rgb(0 0 0 / 60%);
  top: 50%;
  border-radius: 100%;
}
/*-- 詳細--------------------------------------------------------------*/
.iRentDtlAr01 {
  max-width: 850px;
  width: 100%;
  margin: auto;
}

.iRentDtlAr02 {
  text-align: center;
  width: 100%;
  margin: 117px 0 0 0;
}
.baseTh {
  background: #333;
  color: #fff;
}
.iRentDtlTit {
  font-size: 24px;
  font-weight: 500;
}

.iRentTypeBx {
  /* display: flex; */
  /* align-items: center; */
  order: 1;
}

.iRentType {
  font-size: 14px;
  padding: 3px 5px 4px 5px;
  /* max-width: 85px; */
  /* width: 100%; */
  color: #D70115;
  border: 1px solid #D70115;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  margin: 0 auto 0 auto;
  display: inline-block;
}

.iRentTypeBd {
  margin: 0px 0 0 0;
  /* color: #BEBEBE; */
  font-size: 22px;
  letter-spacing: 0.1em;
  font-weight: 700;
}
.iRentDtlCate {
  padding: 10px 20px;
  background: #303030;
  display: inline-block;
  color: #fff;
}
.iRentMap>div {
}

.iRentMap>iframe {
  width: 100%;
  height: 350px;
}
.iRentInfoAr {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  flex-flow: column;
  padding: 0 0 15px;
  border-bottom: 1px solid #ccc;
}
.iRentType02 {
  order: 2;
}
p.iRentPrice {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: right;
  max-width: 300px;
  width: 100%;
  margin: 0 0 0 auto;
  order: 3;
}
.propertyDtlBtnAr {
  display: flex;
  flex-flow: column;
}
.iPropertyMap {
  width: 100%;
  height: 350px;
}

.iPropertyMap iframe {
  width: 100%;
  height: 100%;
}
/*-- 詳細トップ--------------------------------------------------------------*/
.topWr06 {
  padding: 40px 15px 50px 15px;
  /* background-image: url(https://ashellconsulting.com/system_panel/uploads/images/top_bg02.jpg); */
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}
.topWr06Ar {
  position: relative;
}
.topWr06ContactAr {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto 0 auto;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.topWr06Link01 {
  max-width: 500px;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 32px 12px 29px 12px;
  border: 1px solid #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}
.topWr06NumBx {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.topWr06NumTxt01 {
  letter-spacing: 0.2em;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}
.topWr06NumTxt02 {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.topWr06MailBx {
  display: flex;
  justify-content: center;
  align-items: center;
}
.topWr06MailIcon {
  max-width: 28px;
  width: 100%;
  margin: 0 8px 0 0;
}
.topWr06MailTxt {
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: #fff;
}
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

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

  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
  .iRentType {
    font-size: 18px;
  }

  .iRentTypeBd {
    /* margin: 0px 38px; */
  }
  .iRentDtlTit {
    font-size: 30px;
  }
  .propertyDtlBtnAr {
    flex-flow: row;
  }
  p.iRentPrice {
    text-align: right;
  }
  .iRentInfoAr {
    align-items: center;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .iRentTypeBd {
    font-size: 32px;
  }
  p.iRentPrice {
    font-size: 35px;
    order: 2;
    align-self: flex-end;
    position: relative;
    top: 3px;
  }
  .iRentTypeBx {
    flex: 1;
  }

  .iRentType02 {
    width: calc(100% - 300px);
    order: 3;
  }
  /*-- 詳細トップ--------------------------------------------------------------*/
  .topWr06 {
    padding: 64px 15px 76px 15px;
  }
  .topWr06ContactAr {
    flex-direction: row;
  }
  .topWr06Link01 {
    width: 49%;
    margin: 0 0 0 0;
    height: auto;
  }
  .topWr06NumTxt01 {
    font-size: 24px;
  }
  .topWr06NumTxt02 {
    font-size: 12px;
  }
  .topWr06MailIcon {
    max-width: 35px;
  }
  .topWr06MailTxt {
    font-size: 24px;
  }

  /* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


@media screen and (max-width:768px) {
  .lower-fv h1{
    font-size:3.8rem;
    padding: 0;
  }
  .lower-fv h1::first-letter{
    font-size:4.2rem;
  }
  .property-dtl-txt{
    flex-flow: column;
  }
  p.HousingBxInCate{
    font-size:12px;
  }
  .HousingBxPrice{
    order:3;
    border-bottom: 1px solid #5C5048;
    margin-bottom: 1.5rem;
    width: 100%;
    text-align: right;
    padding-bottom: 1rem;
  }
  .HousingBxAddress{
    order:2;
    padding:0;
    margin:0 0 8px;
    border:none;
  }
  .propertydtl-table .col-4,
  .propertydtl-table .col-8{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .propertydtl-table iframe {
    height: 300px;
  }
}