@charset "UTF-8";

@font-face {
    font-family: 'Corporate Bold';
    src: url("../fonts/Corporate-Logo-Bold-ver2.ttf");
}

@media screen and (min-width: 769px), print {
    .pTop .cta {
        background: none;
        padding: 80px 0 20px;
    }

    .pTop .cta__main {
        border: 5px solid #234C9C;
        background: #FFDA2A url("../img/ctaBgNew.png") 0 0 repeat;
        padding: 0 0 12.5px;
        max-width: 1080px;
    }

    .pTop .cta__main h2 {
        position: inherit;
        top: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        background: #234C9C;
        font-size: 45px;
        line-height: 1;
        font-weight: 700;
        font-family: 'Corporate Bold';
        color: #fff;
        padding: 7px 0 13px;
        text-align: center;
    }

    .pTop .cta__main h2 span {
        color: #FFDA2A;
    }

    .pTop .cta__main h2::before {
        content: "";
        width: 47px;
        height: 40px;
        background: url("../img/ctaBee.png") 0 0 no-repeat;
        -moz-background-size: contain;
        background-size: contain;
        margin-right: 9px;
        display: inline-block;
        -webkit-transform: translateY(2.5px);
        -moz-transform: translateY(2.5px);
        -ms-transform: translateY(2.5px);
        transform: translateY(2.5px);
    }

    .pTop .cta__main--contact {
        padding: 12px 0 13.5px 19px;
    }

    .pTop .cta__main--contact .mascot {
        width: 301.32px;
        right: 23px;
        bottom: -81px;
    }

    .pTop .cta__main--contact .mascot__txt {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transform: rotate(7.94deg);
        -moz-transform: rotate(7.94deg);
        -ms-transform: rotate(7.94deg);
        transform: rotate(7.94deg);
        top: 32px;
        right: 0px;
    }

    .pTop .cta__main--contact .mascot__txt span {
        font-size: 18px;
        font-weight: 900;
    }

    .pTop .cta__main--contact .mascot__txt span+span {
        margin-top: 13.97px;
    }

    .pTop .cta__main--contact .right .tel {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .pTop .cta__main--contact .right .tel time {
        margin-top: 0;
    }

    .pTop .cta__main--contact .right .tel a {
        font-size: 69px;
        color: #D80000;
        padding-left: 62px;
    }

    .pTop .cta__main--contact .right .tel a::before {
        width: 51px;
        height: 51px;
        background: url("../img/ctaPhone.png") 0 0 no-repeat;
        -moz-background-size: contain;
        background-size: contain;
    }

    .pTop .cta__main--pay {
        max-width: 945px;
        width: 100%;
        margin: auto;
        border: 1px solid #234C9C;
    }

    .pTop .cta__main--pay>dl>dd>dl+dl {
        margin-left: 61px;
    }

    .pTop .cta__main--pay>dl>dd>dl+dl::before {
        left: -30.5px;
    }
}

@media screen and (max-width: 768px) {
    .pTop .cta {
        background: none;
        padding: 15.38462vw 3.84615vw 1.38462vw;
    }

    .pTop .cta__main {
        border: 1.28205vw solid #234C9C;
        background: #FFDA2A url("../img/ctaBgNew.png") 0 0 repeat;
        padding: 0;
    }

    .pTop .cta__main h2 {
        position: inherit;
        top: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        left: 0;
        background: #234C9C;
        font-size: 7.69231vw;
        line-height: 1;
        /*font-weight: 700;*/
        font-family: 'Corporate Bold';
        color: #fff;
        padding: 2.82051vw 0 3.33333vw;
        text-align: center;
        width: 100%;
    }

    .pTop .cta__main h2 span {
        color: #FFDA2A;
    }

    .pTop .cta__main h2 span:nth-of-type(2)::before {
        content: "";
        width: 10.51282vw;
        height: 8.97436vw;
        background: url("../img/ctaBee.png") 0 0 no-repeat;
        -moz-background-size: contain;
        background-size: contain;
        margin-right: 1.02564vw;
        display: inline-block;
        -webkit-transform: translateY(0.64103vw);
        -moz-transform: translateY(0.64103vw);
        -ms-transform: translateY(0.64103vw);
        transform: translateY(0.64103vw);
    }

    .pTop .cta__main--contact {
        padding: 2.05128vw 4.61538vw 6.66667vw 4.10256vw;
    }

    .pTop .cta__main--contact .mascot {
        width: 55.25641vw;
        margin-left: -2.5641vw;
    }

    .pTop .cta__main--contact .mascot figure {
        margin-top: 0;
    }

    .pTop .cta__main--contact .mascot figure::before {
        display: none;
    }

    .pTop .cta__main--contact .mascot__txt {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transform: rotate(-11.4deg);
        -moz-transform: rotate(-11.4deg);
        -ms-transform: rotate(-11.4deg);
        transform: rotate(-11.4deg);
        top: 1.28205vw;
        left: 16.92308vw;
        position: absolute;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
        writing-mode: vertical-lr;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        z-index: 3;
    }

    .pTop .cta__main--contact .mascot__txt span {
        font-size: 4.61538vw;
        font-weight: 900;
        text-shadow: 0px 2px 1px #FFF, 0px 1px 1px #FFF, 1px 1px 1px #FFF, 1px 0px 1px #FFF, 2px 0px 1px #FFF, 1px -1px 1px #FFF, 1px -2px 1px #FFF, 0px -2px 1px #FFF, -1px -2px 1px #FFF, -2px -2px 1px #FFF, -2px -1px 1px #FFF, -2px 0px 1px #FFF, -2px 1px 1px #FFF, -1px 1px 1px #FFF;
    }

    .pTop .cta__main--contact .mascot__txt span+span {
        margin-top: 3.58205vw;
    }

    .pTop .cta__main--contact .ribbon {
        display: block;
        width: 41.79487vw;
        height: 41.79487vw;
        position: absolute;
        top: 4.87179vw;
        right: 3.84615vw;
        margin-right: 0;
    }

    .pTop .cta__main--contact .ribbon::before {
        width: 19.64359vw;
        height: 10.37692vw;
    }

    .pTop .cta__main--contact .ribbon em {
        font-size: 13.0641vw;
        margin-top: -1.28205vw;
    }

    .pTop .cta__main--contact .ribbon em::after {
        font-size: 4.55641vw;
        line-height: 5.89487vw;
    }

    .pTop .cta__main--contact .ribbon span {
        font-size: 6.57436vw;
        line-height: 9.92051vw;
        margin-top: -1.28205vw;
    }

    .pTop .cta__main--contact .right {
        margin-top: -8.46154vw;
    }

    .pTop .cta__main--contact .right .tel {
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 3.84615vw;
        position: relative;
    }

    .pTop .cta__main--contact .right .tel::after {
        position: absolute;
        content: "";
        width: 15.89744vw;
        height: 17.4359vw;
        background: url("../img/pointer.png") 0 0 no-repeat;
        -moz-background-size: contain;
        background-size: contain;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 3.84615vw;
    }

    .pTop .cta__main--contact .right .tel a::before {
        display: none;
    }
}