@charset "utf-8";
/* CSS Document */

/*===========================================
	howto  WF-1000XM5 pairing-pc css
=============================================*/
#contents .tabpanel ol.stepList{
    counter-reset: square 2;
}

#contents .accordion.type_3 ol.stepList{
    counter-reset: square 2;
}

#contents > .notice_gray{
    margin-left: 1em;
}

#contents .flex-center{
    display: flex;
    justify-content: center;
    margin: 2em auto;
}

#contents .flex-center p{
    width: 45%;
    margin-left: 0;
}

@media (min-width: 641px){
    #contents section{
        margin-left: 1em;
    }
}

@media (max-width: 640px){	
    #contents > .notice_gray,
    #contents > section > .notice_gray{
        margin-left: 5px;
    }
    
    #contents .flex-center{
        flex-direction: column;
    }
    
    #contents .flex-center p{
        width: auto;
        margin-bottom: 1em;
        margin-left: 0;
    }
    
    #contents .flex-center img{
        width: 100%;
        height: auto;
        max-width: 290px!important;
    }
}

@media (max-width: 380px){
    #contents .stepArea .openArea ol.stepList figure {
        max-width: 300px;
    }
}