@charset 'UTF-8';

/*=====<=====<=====<=====<=====<=====<=====
  pc
=====>=====>=====>=====>=====>=====>=====*/
#law #sec01
{
    padding: 30px 25px;
}

#law #sec01 header
{
    padding-bottom: 20px; 

    border-bottom: 1px solid #8c8c8c;
}

#law #sec01 header h2
{
    font-size: 24px;

    text-align: left;
}

html[c-data-font-size='normal'] #law #sec01 header h2
{
    font-size: 26px;
}

html[c-data-font-size='large'] #law #sec01 header h2
{
    font-size: 28px;
}

#law #sec01 .law_table
{
    padding: 15px 0;
}

#law #sec01 .law_table dl
{
    padding-bottom: 5px; 

    align-items: flex-start;
}

#law #sec01 .law_table dl + dl
{
    padding-top: 15px;

    border-top: 2px dotted #b3b3b3;
}

#law #sec01 .law_table dl dt,
#law #sec01 .law_table dl dd
{
    font-size: 16px;
}

html[c-data-font-size='normal'] #law #sec01 .law_table dl dt,
html[c-data-font-size='normal'] #law #sec01 .law_table dl dd
{
    font-size: 18px;
}

html[c-data-font-size='large'] #law #sec01 .law_table dl dt,
html[c-data-font-size='large'] #law #sec01 .law_table dl dd
{
    font-size: 20px;
}

#law #sec01 .law_table dl dt
{
    width: 200px;
}

#law #sec01 .law_table dl dd
{
    width: 640px;
}

@media screen and (max-width: 1024px)
{
    /*=====<=====<=====<=====<=====<=====<=====
    sp
  =====>=====>=====>=====>=====>=====>=====*/
    #law #sec01
    {
        padding: 30px 25px;
    }
    #law #sec01 header
    {
        padding-bottom: 20px; 

        border-bottom: 1px solid #8c8c8c;
    }
    #law #sec01 header h2
    {
        font-size: 24px;

        text-align: left;
    }
    html[c-data-font-size='normal'] #law #sec01 header h2
    {
        font-size: 26px;
    }
    html[c-data-font-size='large'] #law #sec01 header h2
    {
        font-size: 28px;
    }
    #law #sec01 .law_table
    {
        padding: 15px 0;
    }
    #law #sec01 .law_table dl
    {
        padding-bottom: 5px; 

        align-items: flex-start;
    }
    #law #sec01 .law_table dl + dl
    {
        padding-top: 15px;

        border-top: 2px dotted #b3b3b3;
    }
    #law #sec01 .law_table dl dt,
    #law #sec01 .law_table dl dd
    {
        font-size: 16px;
    }
    html[c-data-font-size='normal'] #law #sec01 .law_table dl dt,
    html[c-data-font-size='normal'] #law #sec01 .law_table dl dd
    {
        font-size: 18px;
    }
    html[c-data-font-size='large'] #law #sec01 .law_table dl dt,
    html[c-data-font-size='large'] #law #sec01 .law_table dl dd
    {
        font-size: 20px;
    }
    #law #sec01 .law_table dl dt
    {
        width: 200px;
    }
    #law #sec01 .law_table dl dd
    {
        width: 640px;
    }
}