@charset 'UTF-8';

.txt-center {
    @media (min-width: 768px) {
        text-align: center!important;
    }
}

.m-gasTop__t {
  padding: 0 1.5em;  
}

.c-diagnosis__item {
    background: #f1f1f5;
    padding: 1.5em 20px;
    @media (max-width:767px) {
        padding: 1.2em 1.2em;        
    }
    dt {
        padding: 0 0 1em;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        gap: .5em;
        span {
            flex: 1;
        }
        &::before {
            content: 'Ｑ.';
        }
        @media (max-width:767px) {
            font-size: 15px;     
        }        
    }
    label {
        font-size: 16px;
        display: flex;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 1px 1px rgba(0,0,0,.2);
        padding: 1em 2em;
        position: relative;
        cursor: pointer;
        border: 1px solid #f5f5f5;
        @media (max-width:767px) {
            font-size: 15px;     
        }        

        input {
            position: absolute;
            z-index: -1;
        }
        span {
            display: flex;
            gap: .8em;
            align-items: center;
            &::before {
                content: '';
                display: flex;
                width: 20px;
                line-height: 0;
                justify-content: center;
                align-items: center;
                aspect-ratio: 1/1;
                border-radius: 50%;
                border: 1px solid #999;
            }
        }
        input:checked + span {
            color:#0086d1;
            &::before {
                content: '●';
                font-size: 13px;
                color: #fff;
                border-color: #0086d1;
                background: #0086d1;
                letter-spacing: -0.05em;
            }

        }
        &:has(input:checked) {
            box-shadow: 0 1px 1px rgba(0,0,0,0);
            border: 1px solid #0086d1;
        }
    }
    p+p {
        margin-top: 8px;
    }
    *+& {
        margin-top: 20px;
        @media (max-width:767px) {
            margin-top: .5em;       
        }
    }
}
.c-diagnosis__result {
    margin-top: 40px;
    &:not(.-other) {
        padding: 20px 20px;
        border-radius: 8px;
        background: rgba(255, 143, 28, .2);
        @media (max-width:767px) {
            padding: 1.2em 1.2em;        
        }   
    }
}