@charset "UTF-8";

section#section01{
    h2{
        color: var(--color04);
        font-family: var(--font02);
        font-weight: 500;
        font-size: var(--font32-50);
        text-align: center;
        width: 100%;
        margin: 0 auto 3%;
        padding: 3% 0 0;
    }
    h3{
        color: var(--color04);
        font-size: var(--font24-30);
        line-height: 1.6em;
        text-align: center;
        width: 100%;
        margin: 0 auto 5%;
        padding: 0 0 0;
    }
}
section#section02{
    max-width: var(--width04);
    width: 98%;
    margin: 0 auto;
    h2{
        border-bottom: 1px solid var(--color04);
        color: var(--color04);
        font-size: var(--font24-30);
        line-height: 1.6em;
        width: 100%;
        margin: 0 auto 3%;
        padding: 0 0 20px 60px;
        position: relative;

        &:before{
            content:"";
            background: url(/bunjyo/funabashi-nichidaimaejt5/images/common/icon_title.svg);
            background-size: 100%;
            background-repeat: no-repeat;
            width: 35px;
            height: 60px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translate(0,-50%);
        }
    }

    dl{
        border: 1px solid var(--color04);
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto 5%;
        padding: 20px 30px;

        dt{
            border-bottom: 1px solid var(--color04);
            text-align: center;
            width: 20%;
            padding: 10px 0 20px;
            margin: 0 0 10px;
        }
        dd{
            border-bottom: 1px solid var(--color10);
            width: 80%;
            padding: 10px 20px 20px;
            margin: 0 0 10px;
        }
        dt.half{
            width: 20%;
        }
        dd.half{
            width: 30%;
        }
    }
}

@media all and (max-width:768px){
section#section01{
    h2{
        margin: 0 auto 8%;
    }
    h3{
        margin: 0 auto 8%;
    }
}
section#section02{
    width: 90%;

    h2{
        padding: 20px 0 20px 60px;
    }
    dl{
        padding: 20px 10px;
        
        dt,dt.half{
            width: 30%;
        }
        dd,dd.half{
            width: 70%;
        }
    }
}
}