@charset 'UTF-8';
/***********************************************************************
 * #Contents .leadSect
 ********************************************************************* */
@media print, screen and (min-width: 768px)
{
    #Contents .leadSect .leadTxt
    {
        margin-bottom: 30px;
    }
	
	#Contents .departmentSect .leadTxt {
		margin-bottom: 30px;
	}
}
@media only screen and (max-width: 767px)
{
    #Contents .leadSect .leadTxt
    {
        margin-bottom: 15px;
    }
	
	#Contents .departmentSect .leadTxt {
        margin-bottom: 15px;
    }
}

/***********************************************************************
 * #Contents .percentBlock
 ********************************************************************* */
#Contents .percentBlock .blockMain .percentList li .tit .smallTxt
{
    font-size: 75%;
}
@media print, screen and (min-width: 768px)
{
    #Contents .percentBlock
    {
        margin-bottom: 90px;
    }
    #Contents .percentBlock .blockMain
    {
    }
    #Contents .percentBlock .blockMain .percentList
    {
        display: table;
        width: 100%;
        border-left: 1px solid #DAE3E9;
    }
    #Contents .percentBlock .blockMain .percentList li
    {
        line-height: 1.2;

        display: table-cell;

        box-sizing: border-box;
        width: 33.33333%;
        padding: 20px 5px 10px;

        text-align: center;
        vertical-align: top;

        border-right: 1px solid #DAE3E9;
    }
    #Contents .percentBlock .blockMain .percentList li .tit
    {
        font-size: 21px;
    }
    #Contents .percentBlock .blockMain .percentList li .num
    {
        font-size: 78px;

        color: #222D5D;
    }
    #Contents .percentBlock .blockMain .percentList li .num .unit
    {
        font-size: 50%;
    }
}
@media only screen and (max-width: 767px)
{
    #Contents .percentBlock
    {
        margin-bottom: 25px;
    }
    #Contents .percentBlock .blockMain .percentList
    {
        border-top: 1px solid #DAE3E9;
    }
    #Contents .percentBlock .blockMain .percentList li
    {
        line-height: 1.2;

        display: table;

        width: 100%;
        padding: 10px 10px;

        border-bottom: 1px solid #DAE3E9;
    }
    #Contents .percentBlock .blockMain .percentList li .tit
    {
        font-size: 13px;

        display: table-cell;

        text-align: left;
        vertical-align: middle;
    }
    #Contents .percentBlock .blockMain .percentList li .num
    {
        font-size: 26px;

        display: table-cell;

        width: 30%;

        text-align: center;
        vertical-align: middle;

        color: #222D5D;
    }
    #Contents .percentBlock .blockMain .percentList li .num .unit
    {
        font-size: 50%;
    }
}



/***********************************************************************
 * #Contents #Contents .departmentSect
 ********************************************************************* */
#Contents .departmentSect
{
}

#Contents .departmentSect .sectMain
{
}

#Contents .departmentSect .sectMain .graphImg
{
    text-align: center;

    color: #b02025;
}
#Contents .departmentSect .sectMain .graphImg span
{
    display: inline-block;;
}

#Contents .departmentSect .sectMain .graphImg img
{
    margin-top: 20px;
}

#Contents .departmentSect .sectMain .txtBlock
{
}

#Contents .departmentSect .sectMain .txtBlock table
{
    border-top: 1px solid #d9d9d9;
}

#Contents .departmentSect .sectMain .txtBlock table th,
#Contents .departmentSect .sectMain .txtBlock table td
{
    padding: 8px 15px;

    border: solid #d9d9d9;
    border-width: 0 0 1px;
}
#Contents .departmentSect .sectMain .txtBlock table td
{
    border-left: 1px solid #d9d9d9;
}
#Contents .departmentSect .sectMain .txtBlock table thead
{
}

#Contents .departmentSect .sectMain .txtBlock table thead th,
#Contents .departmentSect .sectMain .txtBlock table thead td,
#Contents .departmentSect .sectMain .txtBlock table tbody .total th,
#Contents .departmentSect .sectMain .txtBlock table tbody .total td
{
    text-align: center;

    background: #f7f7f7;
}
#Contents .departmentSect .sectMain .txtBlock table tbody
{
}

#Contents .departmentSect .sectMain .txtBlock table tbody th
{
}

#Contents .departmentSect .sectMain .txtBlock table tbody td
{
    text-align: right;
}
#Contents .departmentSect .sectMain .txtBlock table tbody .total td
{
    text-align: right;
}

@media print, screen and (min-width: 768px)
{
    #Contents .departmentSect
    {
        margin-bottom: 70px;
    }
    #Contents .departmentSect .sectTit
    {
        margin-bottom: 30px;
    }
    #Contents .departmentSect .sectMain
    {
        padding-top: 20px;
    }

    #Contents .departmentSect .sectMain .graphImg
    {
        font-size: 20px;
        float: right;
        width: 51%;
    }

    #Contents .departmentSect .sectMain .txtBlock
    {
        float: left;

        width: 45%;
    }

    #Contents .departmentSect .sectMain .txtBlock table th,
    #Contents .departmentSect .sectMain .txtBlock table td
    {
        padding: 8px 15px;
    }

    #Contents .departmentSect .sectMain .txtBlock table tbody td
    {
        width: 70px;
    }
}
@media only screen and (max-width: 767px)
{
    #Contents .departmentSect
    {
        margin-bottom: 40px;
    }

    #Contents .departmentSect .sectMain
    {
    }

    #Contents .departmentSect .sectMain .graphImg
    {
        font-size: 16px;

        margin-bottom: 30px;
    }

    #Contents .departmentSect .sectMain .txtBlock table th,
    #Contents .departmentSect .sectMain .txtBlock table td
    {
        font-size: 12px;

        padding: 6px 4px;
    }
    #Contents .departmentSect .sectMain .txtBlock table tbody td
    {
        width: 50px;
    }

}

/* 20230401×·¼Ó */
@media print, screen and (min-width: 768px) {
.modHeading01 .sub {
	font-size: 1rem;
	display: inline-block;
	padding-left: 1em;
}
}
@media only screen and (max-width: 767px) {
.modHeading01 .sub {
	font-size: 1.2rem;
	display: block;
}
}