@charset "utf-8";

#request {
    .wrap {
        .contents {
            .contents_inner {
                margin-bottom:60px;
                display:grid;
                grid-template-columns:200px 1fr;
                grid-column-gap:5%;
                border-bottom:2px dotted #cccccc;
                padding-bottom:60px;
                .detail {
                    h3 {
                        font-size:2.2rem;
                        line-height:1.5;
                        margin-bottom:1em;
                        border-bottom:5px solid #EFEFEF;
                        padding: .25em .66em;
                        border-left:5px solid var(--color_sub);
                    }
                    .btn {
                        margin-top:1em;
                    }
                }
            }
        }
    }
}

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

}

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

}

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

    #request {
        .wrap {
            .contents {
                .contents_inner {
                    margin-bottom:30px;
                    grid-template-columns:80px 1fr;
                    grid-column-gap:3%;
                    padding-bottom:30px;
                    .detail {
                        h3 {
                            font-size:1.6rem;
                        }
                        .btn {
                            margin-top:1em;
                        }
                    }
                }
            }
        }
    }

}