/*+基本設定：年度締め・月締めCSS*/
/*//設定リセット*/
h4{
    font-size: unset;
    font-weight: normal;
    color: black;
    margin-bottom: 0.5em;
}

ul{
    color: black;
    margin-bottom: 0;
}

ul li{
    list-style: disc;
}

/*.header_botttomに点がつくの防ぐ*/
header nav ul li{
    list-style: none;
}

/*h4左丸*/
h4::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

/*+年度締め fy_closing*/
img[data-original="../../8-settings/8-1-001/bs_3_img/fy_closing_1.png"]{
    margin-bottom: 2.5em;
}

/**反映される場所 d_1*/
.fy_closing .d_1{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.fy_closing .d_1 div{
    width: 50%;
}

/*年*/
.fy_closing .d_1 div h4 span{
    display: inline-block;
    width: 2em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    background-color: #AC4343;
    border: 2px solid black;
    margin-left: 0.3em;
}

.fy_closing .d_1 div p:first-of-type{
    margin-bottom: 1em;
}

img[data-original="../../8-settings/8-1-001/bs_3_img/fy_closing_2.png"]{
    width: 47%;
    height: fit-content;
}

.fy_closing .d_2{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.fy_closing .d_2 div{
    width: 44%;
    margin-right: 5%;
}

.fy_closing .d_2 img{
    width: 47%;
    height: fit-content;
}

/*+月締め month_end*/
img[data-original="../../8-settings/8-1-001/bs_3_img/month_end_1.png"]{
    margin-bottom: 2.5em;
}

/**反映する場所1 d_1*/
.month_end .d_1{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

/*月*/
.month_end .d_1 h4 span{
    display: inline-block;
    width: 2em;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
    background-color:#BAA23E;
    border: 2px solid black;
    margin-left: 0.3em;
}

.month_end .d_1 div{
    width: 46%;
}

.month_end .d_1 div p:first-of-type,
.month_end .d_1 div ul:first-of-type{
    margin-bottom: 1em;
}

.month_end .d_1 img{
    width: 47%;
    height: fit-content;
    margin-left: 5%;
}

/**反映する場所2 d_2*/
/**反映する場所3 d_3*/
.month_end .div_flex{
    width: 95%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.month_end .d_2,
.month_end .d_3{
    width: 50%;
}

.month_end .d_2 p,
.month_end .d_3 p{
    width: 84%;
}

.month_end .d_2 img,
.month_end .d_3 img{
    width: 90%;
    height: fit-content;
    margin-top: 0.5em;
}

/**反映する場所4 d_4*/
.month_end .d_4{
    width: 50%;
    margin-left: 2.5%;
}

.month_end .d_4 img{
    width: 90%;
    height: fit-content;
    margin-top: 0.5em;
}