@charset "UTF-8";

.social {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social:before {
    content: "ソーシャルインパクト";
    font-size: 1.2em;
    font-weight: bold;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 0.2em 0.5em;
    background: linear-gradient(90deg, #076ad9 0%, #f5f5f5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* .social:after {
    content: "";
    display: inline-block;
    border-top: 1px solid;
    width: 7em; 
} */

#tagsPopupMain >  div {
    padding-top: 2em !important;
    padding-bottom: 2rem !important;
}

.popup_description {
    padding-bottom: 0 !important;
}

#mapImgArea img {
    position: relative;
    top: 0;
    left: 0;
}

.map-img-area {
    position: absolute;
    top: 4em;
    left: 50%;
}


/* .social1-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social1-left {
    display: flex;
    align-items: center;
}

.social1-center:before, .social1-left:before {
    content: "ーーソーシャルインパクトーー";
    font-size: 1.2em;
    font-weight: bold;
}

.social2-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social2-left {
    display: flex;
    align-items: center;
}

.social2-center:before, .social2-left:before {
    content: "◆ ソーシャルインパクト ◆";
    font-size: 1.2em;
    font-weight: bold;
}

.social3-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social3-left {
    display: flex;
    align-items: center;
    margin-botom: 1em;
}

.social3-center:before, .social3-left:before {
    content: "ソーシャルインパクト";
    font-size: 1.2em;
    font-weight: bold;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    padding: 0.2em;
}

.text-color:before {
    background: linear-gradient(90deg, #076ad9 0%, #f5f5f5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
} */

.text-s {
    font-size: 0.6em;
}