@charset "utf-8";
/* ========================================== page style ========================================== */
.pdfWrap { padding: 1em 1em; margin: 15px auto !important; background-color: #F2F2F2; }
.regionMap { max-width: 700px; }
.pointImg { max-width: 486px; }

#regi_asia, #regi_noame, #regi_europe, #regi_same {
    position: relative;
    padding-left: 2em;
    padding-bottom: 0.3em;
    display: block;
}
#regi_asia:before, #regi_noame:before, #regi_europe:before, #regi_same:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.2em;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0.5em 0.8em 0.5em 0.8em;
    z-index: 100;
}

#regi_asia { color: #ed7467; font-weight: bold; }
.region #regi_asia:before { border-color: #ed7467 #ed7467 #ed7467 #ed7467; }

#regi_noame { color: #99c955; font-weight: bold; }
.region #regi_noame:before { border-color: #99c955 #99c955 #99c955 #99c955; }

#regi_europe { color: #94bbe4; font-weight: bold; }
.region #regi_europe:before { border-color: #94bbe4 #94bbe4 #94bbe4 #94bbe4; }

#regi_same { color: #f7b100; font-weight: bold; }
.region #regi_same:before { border-color: #f7b100 #f7b100 #f7b100 #f7b100; }

#aboutNav { margin-bottom: 30px; overflow: hidden; }
#aboutNav li {
    width: 98%;
    margin: 0 1% 0.5em;
    padding-bottom: 0.3em;
    border-bottom: dashed 1px #E6F7F5; 
}
@media screen and (min-width: 769px) {
    #aboutNav li { width: 48%; float: left; }
}

.aboutPoint { margin-top: 30px; }
.aboutPoint .pointTtlWrap {
    border: solid 3px #FF0000;
    border-radius: 55px 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.pointTtlWrap .pointTtl {
    font-size: 5.3333vw !important;
    color: #FFFFFF;
    line-height: 1.3em !important;
    font-weight: bold;
    margin: 0 auto 3vw;
    padding: 1em 1em;
    background-color: #ff0000;
    border-radius: 50px 0 50px 0;
    text-align: center;
}
@media screen and (min-width: 992px) {
    .pointTtlWrap .pointTtl {
        font-size: 30px !important;
        line-height: 1.5em !important;
        margin: 0 auto 20px;
    }
}

.pointTtlWrap .pointP {
    background-color: #FFFF00;
    padding: 0.2em 0.6em 0.2em;
    border-radius: 100px;
    color: #FF0000;
    margin-right: 0.5em;
}
.pointTtlWrap p { padding: 0 1.5em; text-align: center; }
.pointTtlWrap .pointTtl .ft14 { color: #FFFFFF; }
.pointTtlWrap .pointTtl span { font-weight: bold; }

