/* ---
    LINE友だち登録でプレゼント（line）
------------------------------------ */

.column{
    max-width: 100%;
    .row{
        max-width: 1400px;
        width: 100%;
        margin: 0 auto;
        padding: 60px 30px;
        @media (min-width:1600px){
            padding-left: 198px;
            padding-right: 198px;
        }
        @media (max-width:1023px){
            max-width:calc(100% - 60px);
            padding: 30px 0;
        }
    }
}

.line{
    padding-top: 68px;
    @media (max-width:1023px){
        padding-top: 0;
    }
    .column{
        &.column01{
            background-color: var(--background-color);
        }
        .row{
            .line-gift_around{
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 40px;
                @media (max-width:1023px){
                    grid-template-columns: 1fr;
                }
                h2{
                    font-size: 36px;
                    text-align: center;
                    line-height: 1.3;
                    @media (max-width:1023px){
                        font-size: 30px;
                    }
                    span{
                        color: #31BA19;
                    }
                }

                .left_area,
                .right_area{
                    img{
                        display: block;
                        width: 100%;
                    }
                }
            }
        }
    }
}