/* Add css */
.navbar-toggler {
    padding: 0!important;
    border-color: rgba(0,0,0,0)!important;
}
.navbar-toggler:focus {
    box-shadow:none !important;
}

body {
    min-height: 75rem;
    padding-top: .5rem;
}
h1 {color: #1c2951!important;}
h1 > small, h3 > small { font-size: 1.3rem; }
footer img {
    height: 42px;
    width: auto;
}

.report h2 {
    font-weight: 700;
    color: #1c2951;
}
.report h2 + p {
    margin-top: 1em;
}
.report h3 {
    font-weight: 900;
    font-style: italic;
    border-bottom: 1px solid #b69817;
    color: #b69817;
}
.report h3 > strong {
    margin-left: .1em;
    font-size: 2em;
    vertical-align: middle
}
.report p + h4 {
    margin-top: 2em;
}
.report h4 {
    padding: .225em .75em .275em;
    font-weight: 700;
    background-color: #1c2951;
    color: white;
}
.report h4 + p {
    margin-top: 1em;
}
.report h5 {

}
.youtube > iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.col-sp{
    flex: 0 0 auto;
    width: 25%;
}
.col-cp{
    flex: 0 0 auto;
    width: 20%;
    padding: 0 1em;
}

/* Maybe you don't want it ? */
.pc {display: block;}
.mp {display: none;}

@media screen and (min-width:768px) and (max-width:1024px){
.col-cp{
    width: 20%;
    padding: 0 .5em;;
}
}

@media screen and (max-width:767px){
    h1 > small, h3 > small { font-size: 1rem; }
    .pc {display: none;}
    .mp {display: block;}
    .col-sp{ width: 55%; }
    .col-cp{ width: 50%; }
    footer img {
        height: 40px;
        width: auto;
    }
}