@media (max-width: 550px) { 
    
    
    .part1--ul, .part2--ul, .part3--ul {
    margin: 30px 0;
}

.part2--ul input[type="checkbox"] {
    transform: scale(1.5);
    margin-top: -3px;
}

.listening_checkbox {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.listening_checkbox input[type="checkbox"] {
    transform: scale(1.5);
    margin-top: -3px;
}
.question input[type="checkbox"] {
    transform: scale(1.5);
    margin-top: -3px;
}

.question {
    display: flex;
}

.upper--content-wrapper {
    margin: 0 3%;
    display: flex;
    background-color: lightgray;
    
}




.vocabulary--part1-step2 {
    margin: 0 3%;
}

.questions-vocab-li {
    margin: 60px auto;
    border-bottom: 1px solid orange;
    padding-bottom: 40px;
}

.words-vocabulary-li {
    padding: 5px 0;
   
}

.audio-speed-control {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20;
    flex-direction: column;
    
}
        
.audio-speed-control .audiolabel {
            text-align: left;
            padding: 2px 10px;
            display: block;
        }
        
        
.audio-speed-control .show-speed-val {
           color: #C7EBF8;
           font-weight: bold;
       }
       

.play-words-examples-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0;
    gap: 10px;
}

.horizontal-answers {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 5px;
    margin-top: 10px;
}

.words-examples-items-second-tier li {
    display: flex;
    flex-direction: column;
}


.questions-voc-container-words {
    display: flex;
    line-height: 1.5;
    margin: 0 0 0 7%;
    
}


.upper--content-wrapper {
    margin: 0 auto;
    display: flex;
    background-color: lightgray;
    
}

.upper--start-small {
color: white;
width: 100%;
display: flex;
align-items: baseline;
padding: 20px 5px;
justify-content: flex-start;
border-bottom: 1px solid lightgray;

}

.upper--start-small span {
    margin-left: 5%;
}

.header-jp, .dividerred, .part1-title, .part2-title, .part3-title, .eiken-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dividerred {
    border-radius: 0;
}
.eiken-test-type2-title {
    
    margin: 10px 3% 10px 3%;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: center;
}

.eiken-test-type2-items {
    
    
    margin: 10px 0;
    
    
}

.listening-btns {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px;
    margin: 20px 3%;
}



.listening-btns input[type="checkbox"]  {
    margin-left: 2px;
}
#listening--Step2-part3 li {
    border-bottom: 1px solid lightgray;
    padding-top: 30px;
    padding-bottom: 50px;
    
}

.audio-play-icon {
    color: orange;
}

.part2-sub-title {
    margin: 0 3%;
}

.answers-reading-title {
    display: flex;
    align-items: center;
}

.part2--data {
    margin: 0 5%;
}

.part3--ul-show {
    margin: 0 3%;
}

.listening--jp-en {
    margin: 0 3% 0 12%;
}

.vocm--play-audio-buttons {
            padding: 0 15px;
            border: none;
            cursor: pointer;
            transition: background-color 0.3s, color 0.3s;
            background: linear-gradient(to right, #F7931F, #ffc482);
            border-radius: 20px;
            font-size: 14px;
            color: black;
            
    
}

.vocm--play-audio-buttons:hover {
    
            background: linear-gradient(to right, #F7931F, #F7931F);
    
}



.notification {
            color: #C00000;
            font-weight: bold;
            margin: 20px 3%;
        }

}