@charset 'UTF-8';

/*=====<=====<=====<=====<=====<=====<=====
  pc
=====>=====>=====>=====>=====>=====>=====*/
#info #sec01
{
    padding: 25px 0 60px;
}

#info #sec01 .info_list .info_item + .info_item
{
    border-top: 2px dotted #b3b3b3;
}

#info #sec01 .info_list .info_item:last-of-type
{
    border-bottom: 2px dotted #b3b3b3;
}

#info #sec01 .info_list .info_item a
{
    padding: 1em 0; 

    justify-content: flex-start;
}

#info #sec01 .info_list .info_item a p
{
    font-size: 16px;
    line-height: 1; 

    width: 190px;

    color: #717171;
}

html[c-data-font-size='normal'] #info #sec01 .info_list .info_item a p
{
    font-size: 18px;
}

html[c-data-font-size='large'] #info #sec01 .info_list .info_item a p
{
    font-size: 20px;
}

#info #sec01 .info_list .info_item a header h2
{
    font-size: 16px; 

    text-align: left;
}

html[c-data-font-size='normal'] #info #sec01 .info_list .info_item a header h2
{
    font-size: 18px;
}

html[c-data-font-size='large'] #info #sec01 .info_list .info_item a header h2
{
    font-size: 20px;
}

@media screen and (max-width: 1024px)
{
    /*=====<=====<=====<=====<=====<=====<=====
    sp
  =====>=====>=====>=====>=====>=====>=====*/
    #info #sec01
    {
        padding: 20px 0 60px;
    }
    #info #sec01 .inner
    {
        width: 100%;
    }
    #info #sec01 .info_list .info_item a p
    {
        width: 100%;
        padding-bottom: .5em;
    }
}