@charset "UTF-8";
.comi {
    text-align: center;
    margin: calc(50vh - 585px) auto;
}
.fv {
	background: url("../property/img/fv_pp.jpg?set0001") no-repeat top;
	background-size: cover;
}
.fv .inner {
    height: 36.73vw;
    max-height: 360px;
}
.fv h2 {
    top: 45%;
}
.txt p {
    font-size: 0.875em;
    text-align: justify; /* 基本 */
    text-justify: inter-ideograph; /* IEで必要 */
    text-justify: inter-character; /* Firefoxで必要 */
    line-height: 1.5em;
    margin-top: 0.6em;
}
.con h3.title {
    margin-bottom: 2.25em;
}
.triangle + .con {
	height: auto;
}
.triangle + .con .inner {
    padding: 10em 0;
    overflow: hidden;
    display: table;
    margin: 0 auto;
    max-width: 840px;
    width: 87.7%;
}
.con > .inner {
    padding: 6em 0;
}
.con h3.title {
    font-size: 2.66em;
}
.property .item {
    max-width: 260px;
    width: 26.53vw;
    box-sizing: border-box;
    border: 1px solid #cdcbc8;
    word-break: break-all;
    text-align: left;
    display: block;
    margin: 30px 0;
    position: relative;
    float: left;
}
.property .item:hover,.property .item:hover dl .txt:before, .property .item:hover dl .txt:after {
    background-color: #f8f5e6;
}
.property .item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: transparent;
    max-width: 100%;
    margin: 0;
}
.man a.border::before, .man a.border::after {
    background: #1e4e66;
}
.apa a.border::before, .apa a.border::after {
    background: #b83a21;
}
.hou a.border::before, .hou a.border::after {
    background: #B8860B;
}
.buy a.border::before, .buy a.border::after {
    background: #3a6f5f;
}
a.border::before, a.border::after {
    height: 2px;
}
a.border span.br::before, a.border span.br::after {
    width: 2px;
}
.man a.border span.br::before,.man a.border span.br::after {
    background: #1e4e66;
}
.apa a.border span.br::before,.apa a.border span.br::after {
    background: #b83a21;
}
.hou a.border span.br::before,.hou a.border span.br::after {
    background: #B8860B;
}
.buy a.border span.br::before,.buy a.border span.br::after {
    background: #3a6f5f;
}
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
  .property .item:nth-child(3n+2) {
    margin: 24px;
}
}
.property .item .category {
    font-size: 1.25em;
    color: #fff;
    padding: 0.4em;
}
.property .item.man .category {
    background-color: #1e4e66;
}
.property .item.apa .category {
    background-color: #b83a21;
}
.property .item.hou .category {
    background-color: #B8860B;
}
.property .item.buy .category {
    background-color: #3a6f5f;
}
.property .thumbnail {
    width: 100%;
    max-height:  150px;
    height: 57.7%;
    overflow: hidden;
}
.property .item img {
    width: 100%;
    transition: 0.75s ease;/*滑らかに表示*/
}
.property .item:hover img {
    transform: scale(1.2);
}
.property dl {
    margin: 15px;
}

.property dl .title {
    font-size: 1.125em;
    margin-bottom: 0.7em;
}
.property dl .title .sub .sm {
    font-size: 0.7em;
}
.property dl .title .sub .c_red {
    font-size: 1em;
}
.property dl .title .sub {
    font-size: 0.85em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.property dl .title h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-bottom: 0.5em;
}
.property dl .txt {
    padding-top: 0.4em;
    border-top: 1px solid;
    position: relative;
    height: 128px;
    overflow: hidden;
}
.property dl .txt:before, .property dl .txt:after {
    position: absolute;
    background: #fff;
}
.property dl .txt:before {
    content: "･･･";
    bottom: 1%;
    right: 1px;
    font-size: 0.875em;
}

.property dl .txt:after {
    content: "";
    width: 100%;
    height: 100%;
}
.remodal div {
    background: #fff;
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
    box-sizing: border-box;
}
.remodal div img {
    width: 100%;
}



@media (max-width: 750px){
.fv {
	background: url("../property/img/fv_pp_sp.jpg?set0001") no-repeat top;
	background-size: cover;
}
.fv .inner {
    height: 48.66vw;
    max-height: 365px;
}
.triangle + .con .inner {
    padding: 15vw 0;
    max-width: 660px;
    width: 88%;
}
.property .item {
    max-width: 310px;
    width: calc(100%/2 - 3%);
    margin: 3vw 0;
}
.property .item:nth-child(odd) {
    margin-right: 3%;
}
.property .item:nth-child(even) {
    margin-left: 3%;
}
.property .item .category {
    font-size: 3.2vw;
}
.property .thumbnail {
    max-height: 180px;
}
.property dl {
    margin: 2.66vw;
}
.property dl .title {
    font-size: 2.93vw;
}
.property dl .txt {
    height: 19vw;
    max-height: 143px;
}
.txt p {
    font-size: 2.133vw;
}
.property dl .txt:before {
    content: "･･･";
    bottom: 1%;
    right: 1px;
    font-size: 2.135vw;
}
.comi {
    text-align: center;
    margin: 3.9vh auto;
}
.comi img {
   width: 57.121vw;
}
	
	
	
	
	
	
}
@media (min-width: 751px){
.property .item:nth-child(3n+2) {
    margin: 30px;
}

}@media (min-width: 980px){
.promise3 li:before {
	border-width: 120px 270px 0 0;
}
}
@media (min-width: 751px) and (max-height: 1000px) {
   /* 横幅751px以上で、高さ1000px以下の場合 */
   .comi {
    text-align: center;
    margin: -80px auto;
}
}