@charset "utf-8";

section {
    .wrap {
        .contents {
            p {
                &.body {
                    font-size: 2.1rem;
                    font-weight: 600;
                }
            }
            .contents_inner {
                display:grid;
                grid-template-columns:1fr 50%;
                align-items:center;
                grid-column-gap:4%;
                .detail {
                    .btn {
                        margin-top:2em;
                    }
                }
            }
        }
    }
    &:nth-child(even) {
        .wrap {
            .contents {
                .contents_inner {
                    grid-template-columns:50% 1fr;
                    .detail {
                        order:1;
                    }
                }
            }
        }
    }
}

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

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

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

    section {
        .wrap {
            .contents {
                p {
                    &.body {
                        font-size: 1.6rem;
                    }
                }
                .contents_inner {
                    grid-template-columns:1fr;
                    grid-row-gap:20px;
                    .detail {
                        order:1;
                        .btn {
                            margin-top:1em;
                        }
                    }
                }
            }
        }
        &:nth-child(even) {
            .wrap {
                .contents {
                    .contents_inner {
                        grid-template-columns: 1fr;
                    }
                }
            }
        }
    }
    
}