@charset "UTF-8";


/* 不動産情報 */
.realestate-list { margin-top:40px; text-align:center}
.realestate-list li{ position:relative; display:inline-block; margin-bottom:60px;}
.realestate-list img{overflow: hidden; border-radius:8px;}
.realestate-list h3{ position:absolute;left: 0; margin-top:-20px; padding:10px 2px; background:#fff;border-top:1px solid #007843; color:#007843; font-size:2rem; font-weight:normal; font-family: 'Noto Serif JP', serif;
    white-space: nowrap;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;}
.realestate-list li{ max-width: 330px; padding:0 10px; box-sizing:border-box; text-align:left; vertical-align: top;}
.realestate-list .r-add{ margin:5px 0; font-size:1.8rem; font-weight:normal; color:#007843}
.realestate-list dl{ margin:0}
.realestate-list dl dt{ position:relative; display:inline-block; font-size: 1.4rem;font-weight:bold; }
.realestate-list dl dt:before{ content:""; padding: 2px 0 2px 25px;background:url(../../img/realestate/icon.png) left center no-repeat; background-size:20px 20px;}
.realestate-list dl dd{display:inline-block; margin-right:10px; font-size: 1.4rem;}
.realestate-list .more{ transition: 0.3s; margin-top: 10px; padding: 6px; color:#007843; font-size: 1.4rem; text-align: center; border: 1px solid #007843;}
.realestate-list a:hover .more{ opacity: 0.8;}

@media screen and (min-width: 961px) {
.realestate-list{ display:flex; flex-wrap: wrap; justify-content: space-between; margin-top: 60px;}
.realestate-list li{padding:0;}
.realestate-list .r-add{ margin:10px 0;}

}
@media all and (-ms-high-contrast:none){
.realestate-list h3{ position:absolute;left: auto; margin-top:20px; margin-right:-20px; padding:10px 2px;}

}