@charset "utf-8";

.c-postContentRow {
    display: flex;
    justify-content: center;
    padding: 0;
    letter-spacing: 0.08em;
}

.c-postContentRow.bgtypeNavy {
  background-color: #040732;
}

.c-postContentRow .bgtypeBeige {
  background-color: #f0ece8 !important;
}

.c-postContentRow .postContentRow_inner {
    min-width: 1160px;
    width: 1160px;
    padding: 60px 16px;
    box-sizing: border-box;
}

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

@media screen and (max-width:750px) {

    .c-postContentRow .postContentRow_inner {
        min-width: inherit;
        width: 100%;
        padding: 40px 16px 40px 16px;
    }

}


/* ----------------------------------------

- text-align

---------------------------------------- */

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

.tal {
    text-align: left !important;
}

.taj {
    text-align: justify !important;
}

@media screen and (max-width: 767px) {
    .tac-sp, .taC-sp {
        text-align: center !important;
    }

    .tar-sp {
        text-align: right !important;
    }

    .tal-sp {
        text-align: left !important;
    }

    .taj-sp {
        text-align: justify !important;
    }
}

/* ----------------------------------------

 flexBox

---------------------------------------- */
.gap24 {
    column-gap: 24px !important;
}

.gap50 {
    column-gap: 50px !important;
}

.c-flexBox {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
}

.c-flexBox.nowrap {
    flex-wrap: nowrap;
}

.c-flexBox.c-flexBox-c2>div {
    width: calc(100%/2 - 12px);
    box-sizing: border-box;
}

.c-flexBox.c-flexBox-c2.gap50>div {
    width: calc(100%/2 - 25px);
    box-sizing: border-box;
}

.c-flexBox.c-flexBox-c3>div {
    width: calc(100%/3 - 16px);
    box-sizing: border-box;
}

.c-flexBox.c-flexBox-c3.gap50>div {
    width: calc(100%/3 - 34px);
    box-sizing: border-box;
}

.c-flexBox.c-flexBox-c4>div {
    width: calc(100%/4 - 20px);
    box-sizing: border-box;
}

.c-flexBox.reverse {
    flex-direction: row-reverse;
}

.c-flexBox .flexItemMain {
    width: calc(60% - 12px) !important;
}

.c-flexBox.gap50 .flexItemMain {
    width: calc(60% - 25px) !important;
}

.c-flexBox .flexItemMain2 {
    width: calc(70% - 12px) !important;
}

.c-flexBox.gap50 .flexItemMain2 {
    width: calc(70% - 25px) !important;
}

.c-flexBox .flexItemSub {
    width: calc(40% - 12px) !important;
}

.c-flexBox.gap50 .flexItemSub {
    width: calc(40% - 25px) !important;
}

.c-flexBox .flexItemSub2 {
    width: calc(30% - 12px) !important;
}

.c-flexBox.gap50 .flexItemSub2 {
    width: calc(30% - 25px) !important;
}

@media screen and (max-width:750px) {

    .c-flexBox {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .c-flexBox.c-flexBox-c2>div {
        width: 100%;
    }

    .c-flexBox.c-flexBox-c2.gap50>div {
        width: 100%;
    }

    .c-flexBox.c-flexBox-c3>div {
        width: 100%;
    }

    .c-flexBox.c-flexBox-c3.gap50>div {
        width: 100%;
    }

    .c-flexBox.c-flexBox-c4>div {
        width: 100%;
    }

    .c-flexBox.reverse {
        flex-direction: column;
    }

    .c-flexBox.reverse-sp {
        flex-direction: column-reverse;
    }

    .c-flexBox .flexItemMain {
        width: 100% !important;
    }

    .c-flexBox.gap50 .flexItemMain {
        width: 100% !important;
    }

    .c-flexBox .flexItemMain2 {
        width: 100% !important;
    }

    .c-flexBox.gap50 .flexItemMain2 {
        width: 100% !important;
    }

    .c-flexBox .flexItemSub {
        width: 100% !important;
    }

    .c-flexBox.gap50 .flexItemSub {
        width: 100% !important;
    }

    .c-flexBox .flexItemSub2 {
        width: 100% !important;
    }

    .c-flexBox.gap50 .flexItemSub2 {
        width: 100% !important;
    }

}

.c-justifyCenter {
    justify-content: center;
}

.c-justifyRight {
    justify-content: right;
}

.c-justifySpaceBetween {
    justify-content: space-between;
}

.c-alignItemCenter {
    align-items: center;
}

.c-alignItemStart {
    align-items: start;
}

.c-alignItemEnd {
    align-items: end;
}

.c-alignSelf-c {
    align-self: center;
}


@media only screen and (max-width: 750px) {

    .c-alignItemStart-sp {
        align-items: start;
    }

    .c-alignItemEnd-sp {
        align-items: end;
    }

    .c-alignSelfEnd-sp {
        align-self: flex-end;
    }

    .c-alignItemCenter-sp {
        align-items: center;
    }

}

/* colBlock
---------------------------------------- */
.c-colBlock {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
}

.c-colBlock.c-colBlock-2 {
    grid-template-columns: 1fr 1fr;
}

.c-colBlock.c-colBlock-2b {
    grid-template-columns: 2fr 1fr;
}

.c-colBlock.c-colBlock-2c {
    grid-template-columns: 2fr 3fr;
}

.c-colBlock.c-colBlock-2d {
    grid-template-columns: 1fr 3fr;
}

.c-colBlock.c-colBlock-2e {
    grid-template-columns: 1fr 2fr;
}

.c-colBlock.c-colBlock-2f {
    grid-template-columns: 1fr 5fr;
}

.c-colBlock.c-colBlock-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.c-colBlock.c-colBlock-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.c-colBlock.c-colBlock-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.c-colBlock.c-colBlock-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}


@media screen and (max-width:750px) {

    .c-colBlock {
        gap: 16px;
    }

    .c-colBlock.gap50 {
        gap: 24px;
    }

    .c-colBlock.c-colBlock-1-sp {
        grid-template-columns: 1fr;
    }

    .c-colBlock.c-colBlock-2-sp {
        grid-template-columns: 1fr 1fr;
    }

    .c-colBlock.c-colBlock-3-sp {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .c-colBlock.c-colBlock-4-sp {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .c-colBlock.c-colBlock-5-sp {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

}



/* ----------------------------------------

- map

---------------------------------------- */
.c-mapWrap #map_wrapper {
  width:100%;
  padding-top:60%;
  position: relative;
  margin:auto;
}

.c-mapWrap #map {
  height: 800px;
  position: absolute;
  width: 100%;
  top: 0px;
}

.c-mapWrap .property_info {
  font-size: 12px;
  line-height: 1.5;
}

.c-mapWrap .property_info a {
  color: #030336 !important;
}

.c-mapWrap .property_info_img {
  margin-top: 6px;
}

@media screen and (max-width: 750px) {
  .c-mapWrap #map_wrapper {
    padding-top:95%;
  }

  .c-mapWrap #map {
    height: 60vh;
  }

}

/* ----------------------------------------

  .button

---------------------------------------- */
.c-postContentRow .pullDown__summary {
  background: rgba(4,7,50, 0.9);
}

.c-postContentRow .c-js-details.is-opened .pullDown__circle::after,
.c-postContentRow .pullDown__circle.is-active::after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
}