@charset "utf-8";

h3 {
    padding: 0.50rem !important;
    font-size: 1.25rem !important;
    font-weight: bold ;
    background: rgba(125 155 210 / 0.25);
}

h4 {
    padding: 0.50rem !important;
    font-size: 1.15rem !important;
    font-weight: bold ;
    background: rgba(240 240 240 / 0.25);
    border-bottom: 1px solid rgba(200 200 200/ 1.00);
    border-left: 10px solid rgba(200 200 200/ 1.00);
}

#area_tabs {
		
}

#area_tabs ul {
    display: flex;
    margin-bottom: 3rem !important;
}

#area_tabs ul li {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0.75rem !important;
    margin: 0 8px 20px 0 !important;
    background: rgba(125 155 210 / 0.50);
    border: 1px solid rgba(220 220 220 / 1.00);
    border-radius: 3px;
}

#area_tabs ul li:hover {
    color: rgba(255 255 255 / 1.00) !important;
    background: rgba(20 60 155 / 1.00);
}

#area_tabs ul li.active {
    color: rgba(255 255 255 / 1.00) !important;
    background: rgba(20 60 155 / 1.00);
}

#page2,
#page3 {
    display: none;
}


.block-black,
.block-red {
    display: inline-block;
    margin-bottom: 0.75rem;
    border-bottom: 1px dotted rgba(220 85 80/ 1.00);;
    font-weight: bold;
}

.block-black {
    color: rgba(51 51 51/ 1.00) !important;
}

.block-red {
    color: rgba(220 85 80/ 1.00) !important;
}

.h4_red {
    border-bottom-color: rgba(220 85 80/ 1.00) !important;
    border-left-color: rgba(220 85 80/ 1.00) !important;
}