#main-contents {
    max-width: 1200px;
    margin: 0 auto;
}

#main-contents section h3 {
    padding: 15px;
    margin-bottom: 25px;
    font-size: 26px;
    font-weight: bold;
    color: #523a00;
    border-bottom: 1px solid #523a00;
    border-top: 1px solid #523a00;
}

#main-contents section h3 span {
    color: #87d0ef;
}

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

    #main-contents section ~ section {
        margin-top: 40px;
    }
}


/*-- 共通 --*/

.commonInner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 3.12rem 3.8rem 3.12rem;
}

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

a {
    text-decoration: none;
}

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

    .commonInner {
        padding: 0 5%;
    }
    
}

/*-- 家具・家電レンタル --*/

.rentalBody {
    margin-top: -1.57rem;
}

.rentalContent {
    padding-top: 2.5rem;
}

.rentalContent p {
    font-size: 1.25rem;
}

.rentalList {
    margin: 2rem 0 1rem 0;
    list-style: none;
}

.rentalList li {
    color: #8e4001;
    font-size: 1.25rem;
}

.rentalCatch {
    padding: 1.5em 1em ;
    background-color: #f0eadd;
}

.rentalCatch p {
    font-size: 1.25rem;
}

/*-- おすすめ商品 --*/

.recommendItems {
    display: flex;
    flex-wrap: wrap;
}

.recommendItem {
    flex: 30%;
    border: 1px solid #7c7c7c7c;
}

.recommendItem + .recommendItem {
    margin-left: 2.8%;
}

.recommendItem__head {
    padding: 1rem;
    background-color: #f0eadd;
    font-weight: bold;

}

.recommendItem__title {
    font-size: 1.62rem;
    color: #740000;
    font-weight: bold;
}

.recommendItem__contract {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding-top: 1rem;
}

.recommendItem__contract dt span {
    font-size: 1.62rem;
}

.contract {
    text-align: center;
    font-size: 1.12rem;
}

.recommendItem__attention {
    padding-top: .5rem;
    font-weight: normal;
}

.recommendItem__body {
    padding-bottom: 1.87rem;
}

.recommendItem__content {
    padding: .5rem .32rem 0;
}

.detail {
    margin-top:  .18rem;
}

.detail__heading::before,
.detail__heading::after {
    display: inline-block;
}

.detail__heading::before {
    content: '<';
}

.detail__heading::after {
    content: '>';
    margin-left: .2em;
}

.detail__list li {
    margin-left: 20px;
}

.recommendAttention {
    margin-top: 1.8rem;
}

.recommendAttention__list {
    list-style: none;
}

/*-- sp --*/

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

    .recommendItems {
        flex-direction: column;
    }

    .recommendItem + .recommendItem {
        margin-top: 3%;
        margin-left: 0;
    }

    .recommendItem__body img {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    .recommendItem__title,
    .recommendItem__attention {
        text-align: center;
    }

    .recommendItem__contract {
        justify-content: center;
    }
} 

/*-- product --*/

.productItems {
    display: grid;
    grid-template-columns: 20% 20% 20% 20%;
    column-gap: 6.5%;
    row-gap: 26px;
    list-style: none;
}

.productItem {
    border: 1px solid #760000;
}

.productName {
    padding: .5rem 0;
    background-color: #523a00;
}

.productItem__wrap img {
    width: 100%;
}

.productName p {
    text-align: center;
    color: #fff;
}

.productButton {
    width: 20%;
    margin-top: 1.6rem;
    margin-left: auto;
    padding: 1.1em 0;
    display: block;
    text-align: center;
    background-color: #948b7c;
    color: #fff;
}

/*-- sp --*/

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

    .productItems {
        grid-template-columns: 30% 30% 30%;
        column-gap: 5%;
    }

    .productButton {
        width: 100%;
        margin: 1.6rem auto 0;
    }
}

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

    .productItems {
        grid-template-columns: 48% 48%;
        column-gap: 20px;
    }
}

/*-- rentalContact --*/

.rentalContact {
    padding-top: 2.5rem;
}

.rentalContact__text {
    display: flex;
    justify-content: center;
    font-size: 1.25rem;
}

.rentalContactButton {
    max-width: 440px;
    margin: .9em auto 0;
    padding: 1.2em .6em;
    display: block;
    background-color: #513404;
    border-radius: 10px;
    font-size: 1.25rem;
    text-align: center;
    color: #fff;
}

.rentalContactButton img {
    width: 4%;
}

.rentalContactButton__text {
    margin-left: .7em;
}

@media screen and (max-width: 768px) {
    
    .rentalContactButton {
        max-width: 100%;
    }
}