@charset "UTF-8";

.icodot {
    position: relative;
}

.icodot::before {
    content: url("images/ico_dot.png");
    margin-right: 20px;
    left: 0;
    width: 10px;
    height: 10px;
    top: 0;
}

.top_art01 {
    background: #ECF2F0;
}

.top_art01 .icodot::before,
.top_art06 .icodot::before {
    top: -0.1em;
}

.top_art07 .icodot::before {
    top: calc(50% - 0.4em);
}

.top_art06 {
    background: url("images/top_art07_img01.png") no-repeat center/ cover;
}


.footer-layout01 {
    background: url("images/footer_bg.png") no-repeat center /cover;
}

.bro {
    background: #B18F69 !important;
}

.t-h2-1 {
    line-height: 1.6;
    margin-top: 23px;
    position: relative;
}

.t-h2-1::before {
    content: "";
    display: block;
    background: url("images/top_art01_img01.png") 0 0 no-repeat;
    width: 132px;
    height: 17px;
    position: relative;
    top: -23px;
}

@media only screen and (max-width: 800px) {
    .t-h2-1 {
        margin-top: 50px;
    }

    .icodot::before {
        margin-right: 10px;
    }

    .t-h2-1::before {
        margin-inline: auto;
        top: -13px;
    }
}