#earthSymbolWrap{
position: relative;
    width: 68%;
    margin: 2rem 16%;
    text-align: center;
}

#othPageTitle{
    font-family: "Roboto";
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 3rem;
    color: white;
    filter: drop-shadow(1px 1px 0.0rem #000) drop-shadow(-1px -1px 0.0rem #000) drop-shadow(0px 1px 0.0rem #000) drop-shadow(1px 0px 0.0rem #000);
}
#oth_meatEarth{ max-height: 33rem; padding-top: 4rem; }

main#othCommon #earthSymbolWrap{
    margin-top: auto;
    margin-bottom: 1rem;
}

#secBottomInfo,
main#othCommon #othTiltleWrap{
      background-color: var(--background-color);
}



#earthSymbolWrap{
    position: relative;
}
#earthSymbolWrap h2{
    margin-top: 3.5rem;
    position: absolute;
    top:60%;
}
#earthSymbolWrap h2 > small{
    font-size: 2rem;
    margin: 2rem auto auto auto;
    display: inline-block;
    letter-spacing: 0.25rem;
}

#othTiltleWrap{
    background: url(../img/common/bglogo@2x.png) center top 60% no-repeat;
    background-size: 96% 65%;
}

#othMainWrap{
    border-top: 64px solid var(--background-color);
    overflow: visible;
}

#othMainContainer {
    position: relative;
}
#char3,
#char4{    position: absolute; }

#char3{
left: -12rem;
    top: 15%;
    z-index: -1;
    width: 32%;
}
#char4{
    right: -12rem;
    top:35%;
    z-index: -1;
    width: 32%;

}

#othMainContainer > #othMainInner{
    background-color: white;
    border-radius: 2rem;
    border:1px solid #000;
    padding: 4rem 0;
    /*margin-top: -6rem;*/
    margin: -6rem 10% auto 10%;
}