@charset "UTF-8";
.diagnosis_img{
    margin-bottom: 40px;
}
@media screen and (max-width:768px) {
    .diagnosis_img{
        margin-bottom: 24px;
    }
}
.measure_block{
    padding: 34px 24% 36px;
    margin: 40px 0 60px;
    background-color: var(--color-gray-800);
    box-shadow: 0px 2px 8px 0px rgba(197, 197, 195, 0.3),0px 6px 30px 0px rgba(222, 222, 219, 0.2);
    h3{
        font-family: var(--font-family-round);
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        padding-bottom: 14px;
        margin-bottom: 25px;
        border-bottom: 1px solid var(--color-gray-100);
        letter-spacing: 0.05em;
    }
    .dl_block{
        display: flex;
        flex-direction: column;
        align-items: center;
        dl{
            display: flex;
            gap: 10px;
            align-items: flex-start;
            margin: 0 0 16px 0;
            font-family: var(--font-family-round);
            font-weight: 500;
            width: 100%;
            max-width: 380px;
            dt{
                min-width: 6em;
                margin: 0;
                position: relative;
                padding-left: 30px;
                &::before{
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    content: '';
                    display: inline-block;
                    width: 1.6em;
                    height: 1.6em;
                    background-color: currentColor;
                    -webkit-mask: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'>\<path d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/>\</svg>") no-repeat center / contain;
                    mask: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'>\<path d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/>\</svg>") no-repeat center / contain;
                }
            }
            dd{
                margin: 0;
            }
        }
    }
}
@media screen and (max-width:768px) {
    .measure_block{
        padding: 20px 4% 30px;
        margin: 30px 0;
        h3{
            padding-bottom: 12px;
            margin-bottom: 18px;
        }
        dl{
            margin: 0 0 6px 0;
            font-size: 15px;
            gap:8px;
            dt{
                min-width: 5.5em;
                margin: 0;
                position: relative;
                padding-left: 1.4em;
                &::before{
                    position: absolute;
                    left: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    content: '';
                    display: inline-block;
                    width: 1.4em;
                    height: 1.4em;
                    background-color: currentColor;
                    -webkit-mask: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'>\<path d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/>\</svg>") no-repeat center / contain;
                    mask: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'>\<path d='M382-240 154-468l57-57 171 171 367-367 57 57-424 424Z'/>\</svg>") no-repeat center / contain;
                }
            }
        }
    }
}
.diagnosis_result{
    display: flex;
    justify-content: space-between;
    gap: 9.5%;
}
@media screen and (max-width:768px) {
    .diagnosis_result{
        gap: 7.5%;
    }
}