@charset "UTF-8";

.l-smartreceipt-elera {
    background-color: #F8F8F8;
}
.l-smartreceipt-elera_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}
.l-smartreceipt-elera_inner h2 {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: 'Noto Sans JP', sans-serif;
}
.l-smartreceipt-elera-items {
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
    display: flex;
    flex-wrap: wrap;
}
.l-smartreceipt-elera-items-col1 {
    max-width: calc(100% - 220px);
}
.l-smartreceipt-elera-items-col2 {
    max-width: 200px;
    margin-left: auto;
}
.l-smartreceipt-elera-items-col p {
    font-size: 1.4rem;
}

@media screen and (max-width:860px) {
    .l-smartreceipt-elera_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-elera-items {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .l-smartreceipt-elera_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-elera_inner h2 {
        font-size: 2.0rem;
    }
}

@media screen and (max-width:768px) {
    .l-smartreceipt-elera_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-elera_inner h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-elera-item+.l-smartreceipt-elera-item {
        margin-top: 35px;
    }
    .l-smartreceipt-elera-item-thumb img {
        width: 162px;
        height: auto;
    }
    .l-smartreceipt-elera-items {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        max-width: calc(100% + 20px);
    }
    .l-smartreceipt-elera-item {
        width: calc((100% - 20px*1)/1);
    }
}

@media screen and (max-width:560px) {
    .l-smartreceipt-elera-items-col1 {
        max-width: 100%;
    }
    .l-smartreceipt-elera-items-col2 {
        max-width: 100%;
        margin: 0 auto;
    }
}