@import url(../../../common/css/style.css);

.bc_lightgray {
    background-color: #f4f8fe;
    border-radius: 10px;
    width: 90%;
    margin: auto;
    padding-top: 3em;
    padding-bottom: 3em;
}
.guide_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: min(800px,90%);
    gap: 1.5em 1em;
}
.guide_item {
    display: flex;
    align-items: center;
    width: calc(calc(100% - 1em) / 2);
    height: 4em;
    color: #333333 !important;
    font-weight: bold;
    padding-left: 1em;
    background-color: #fff !important;
    border: 1px solid #ddd;
    position: relative;
    text-decoration: none;
    cursor: pointer;
}
.guide_item::after {
    content: "▶";
    font-size: 0.5em;
    position: absolute;
    right: 1rem;
}
.guide_item:hover {
    background-color: #eee;
}
    @media (max-width:800px) {
        .guide_container {
            flex-direction: column;
            align-items: center;
        }
        .guide_item {
            width: 100%;
        }
}