@charset "UTF-8";

.houseplan-list {
    margin-top: 12rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
}

.houseplan-layout {
    width: 77%;
    max-width: 770px;
    margin: 0 auto;
}

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

.page-houseplan-detail .page-header-a {
    height: max(550px, 61.8rem);
}

.houseplan-main-image {
    margin-top: -27.6rem;
}

.houseplan-detail-title {
    padding-top: 8rem;
}

.houseplan-detail-layout {
    /* max-width: 64rem; */
    width: 100%;
    margin-inline: auto;
}

.section-title__en {
    text-transform: uppercase;
}

.houseplan-other {
    justify-content: center;
    display: flex;
    gap: 4rem;
}

.houseplan-other a {
    font-size: 18px;
    /* width: 10%; */
    padding: 0.1rem 1rem;
    border-bottom: 1px solid #000;
}


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

.floor-list {
    margin-top: 5rem;
}

.floor-list__item {
    margin-top: 4rem;
    text-align: center;
}

.floor-list__title {
    font-size: max(16px, 2.8rem);
    margin-top: 1.2rem;
}

.floor-list__text {
    font-size: max(14px, 1.5rem);
    margin-top: 1.2rem;
}

.floor-list__image {
    margin: 1.2rem auto 0;
    width: 60rem;
    /* display: grid;
    grid-template-columns: repeat(2, 1fr); */
}