@charset "UTF-8";

.globalpop {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    margin: 30px 0 !important;
}

    .globalpop span.gp-title {
        position: relative !important;
        display: inline-block !important;
        float: left !important;
        width: 100% !important;
        font-size: 26px !important;
        font-weight: bold !important;
        color: #000 !important;
        line-height: 150% !important;
        margin-top: 0 !important;
    }

    .globalpop span.gp-title.bottom-space {
        margin-bottom: 15px !important;
    }

.globalpop span.color-red{
    color: #d0214a !important;
}

.globalpop .gp-link{
    display: inline-block !important;
    width: 100% !important;
    padding: 30px 0 20px 0 !important;
    text-align: center !important;
}

    .globalpop .gp-link a.gp-btn {
        position: relative !important;
        display: inline-block !important;
        border: 2px solid #000 !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
        background: #d0214a !important;
        font-size: 26px !important;
        color: #fff !important;
        font-weight: bold !important;
        padding: 10px 45px 10px 10px !important;
        width: 200px !important;
        text-align: center !important;
        text-decoration: none !important;
        line-height: 100% !important;
    }

        .globalpop .gp-link a.gp-btn:before {
            position: absolute !important;
            content: "" !important;
            top: 50% !important;
            right: 20px !important;
            width: 30px !important;
            height: 30px !important;
            transform: translateY(-50%) !important;
            background: url("/images/global_popup_btn_go.jpeg") !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }

    .globalpop a.gp-btn:hover {
        background: #27edff !important;
        color: #000 !important;
    }

    .globalpop span.gp-memo {
        display: inline-block !important;
        width: 100% !important;
        line-height: 200% !important;
        font-size: 13px !important;
        color: #000 !important;
    }

    .globalpop .gt-bondman {
        position: absolute !important;
        width: 30% !important;
        top: 10px !important;
        right: 10px !important;
        text-align: center !important;
    }

.globalpop .gt-bondman img{
    width: 100% !important;
}

@media screen and (max-width: 800px) {

    .globalpop span.gp-title {
        font-size: 22px !important;
        line-height: 150% !important;
    }

    .globalpop .gp-link a.gp-btn {
        font-size: 22px !important;
    }

        .globalpop .gp-link a.gp-btn:before {
            right: 20px !important;
            width: 30px !important;
            height: 30px !important;
            transform: translateY(-50%) !important;
            background: url("/images/global_popup_btn_go.jpeg");
            background-position: center !important;
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
}

@media screen and (max-width: 680px) {
    .globalpop {
        margin: 15px 0 !important;
    }

        .globalpop span.gp-title {
            font-size: 18px !important;
            line-height: 100% !important;
            padding-bottom: 5px !important;
        }

            .globalpop span.gp-title.bottom-space {
                margin-bottom: 10px !important;
            }

        .globalpop .gp-link {
            padding: 15px 0 10px 0 !important;
        }

            .globalpop .gp-link a.gp-btn {
                font-size: 20px !important;
                width: 180px !important;
                padding: 10px 50px 10px 15px !important;
            }

                .globalpop .gp-link a.gp-btn:before {
                    right: 15px !important;
                    width: 20px !important;
                    height: 20px !important;
                    transform: translateY(-50%) !important;
                    background: url("/images/global_popup_btn_go.jpeg") !important;
                    background-position: center !important;
                    background-repeat: no-repeat !important;
                    background-size: cover !important;
                }

        .globalpop span.gp-memo {
            line-height: 130% !important;
            letter-spacing: 0 !important;
            font-size: 13px !important;
            padding-top: 10px !important;
        }

        .globalpop .gt-bondman {
            position: relative !important;
            width: 100% !important;
            padding-bottom: 20px !important;
            top: auto !important;
            right: auto !important;
        }

    .globalpop .gt-bondman img{
        width: 100% !important;
        max-width: 140px !important;
        margin: 0 auto !important;
    }
}