@charset "utf-8";

.yatin-ico {
        position: absolute;
        bottom: 0;
        right: 10%;
        width: 10%;
}

.yatin-heyasagashi-ico {
        width: 100%;
}

#search-yachin .btn-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 3rem auto;
}

#search-yachin .btn-area {
        width: calc(100% / 3 - 5px);
        margin-bottom: 5px;
}

#search-yachin .btn {
        position: relative;
        display: inline-block;
        width: 100%;
        font-weight: bold;
        font-size: 2.5rem;
        text-decoration: none;
}

.rent-img {
        filter: brightness(90%);
        width: 100%;
        vertical-align: top;
}

.rent {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        padding: 1rem;
        transform: translate(-50%, -50%);
        color: #ffffff;
        font-family: 'Kiwi Maru', serif;
        background-color: rgba(156, 202, 84, 0.4);
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9);
}

#search-yachin .btn02 {
        background-color: #c93a40;
        border-color: #c93a40;
}

#search-yachin .btn03 {
        background-color: #65ace4;
        border-color: #65ace4;
}

#search-yachin .btn04 {
        background-color: #cc528b;
        border-color: #cc528b;
}

#search-yachin .btn05 {
        background-color: #d16b16;
        border-color: #d16b16;
}

#search-yachin .btn06 {
        background-color: #0074bf;
        border-color: #0074bf;
}

#search-yachin .btn:hover .rent-img {
        opacity: 0.5;
        transition: .3s;
}

#search-yachin .btn:hover .rent {
        color: #111111;
        text-shadow: none;
        transition: .3s;
}

/* 四国大学の学生向けお部屋探しコンテンツ */
#search-yachin .btn-box {
        width: 30%;
        border: 1px solid #dcdcdc;
}

.link-button01 {
        width: 100%;
        height: 0;
        padding-top: 50%;
        overflow: hidden;
        background: url(../images/search_map.png)center center no-repeat;
        background-size: 100%;
}

.link-button02 {
        width: 100%;
        height: 0;
        padding-top: 50%;
        overflow: hidden;
        background: url(../images/shiryo.png)center center no-repeat;
        background-size: 100%;
}

.link-button03 {
        width: 100%;
        height: 0;
        padding-top: 50%;
        overflow: hidden;
        background: url(../images/raiten_yoyaku.png)center center no-repeat;
        background-size: 100%;
}

.search-contents-title {
        padding: 1rem;
        margin-bottom: 2rem;
        font-family: 'Kiwi Maru', serif;
        font-weight: normal;
        color: #ffffff;
        background-color: #9cca54;
}

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

        #search-yachin .btn-area {
                width: 49.5%;
                margin-bottom: 1%;
        }

        #search-yachin .btn {
                font-size: 1.6rem;
        }

        #search-yachin .btn-box {
                width: 48%;
        }

        .fa-angle-right:before {
                vertical-align: middle;
        }

}