@charset "utf-8";

#environmental {
    .wrap {        
        h3 {
            font-size:2.4rem;
            line-height:1.5;
            margin-bottom:1em;
            display:grid;
            grid-template-columns:1.5em 1fr;
            align-items:center;
            grid-column-gap:.5em;
        }
        dl {
            font-size:1.6rem;
            display:grid;
            grid-template-columns:8em 1fr;
            align-items:start;
            &:not(:last-child) {
                margin-bottom:50px;
            }
            dt,dd {
                line-height:1.5;
                height:100%;
                padding:2em 0;
                border-bottom:2px solid var(--color_main);
                p {
                     line-height:inherit;
                    &:not(:last-child) {
                        margin-bottom:1em;
                    }
                }
            }
            dt {
                color:var(--color_main);
                font-weight:600;
                padding:1em 0;
                span {
                    font-size:2em;
                    font-weght:inherit;
                }
            }
            dd {
                a {
                    text-decoration:underline;
                    color:var(--color_main);
                    word-wrap: break-word;
                    word-break: break-all;
                }
                img {
                    display:block;
                    width: 100%;
                    max-width: 200%;
                    &.w50 {
                        max-width: 50%;
                    }
                }
            }
        }
    }
}

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

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

@media screen and (max-width:768px){
    
    #environmental {
        .wrap {        
            h3 {
                font-size:2.0rem;
                margin-bottom:.33em;
            }
            dl {
                font-size:1.4rem;
                grid-template-columns:1fr;
                &:not(:last-child) {
                    margin-bottom:30px;
                }
                dt,dd {
                    padding:.33em 0 1.2em;
                }
                dt {
                    padding:1em 0 0;
                    border-bottom:none;
                    span {
                        font-size:2em;
                        font-weght:inherit;
                    }
                }
                dd {
                    a {
                        text-decoration:underline;
                        color:var(--color_main);
                        word-wrap: break-word;
                        word-break: break-all;
                    }
                    img {
                        &.w50 {
                            max-width: 100%;
                        }
                    }
                }
            }
        }
    }
    
}