/* ポップアップ用CSS */

.bl_popupForm {
    opacity        : 0;
    visibility     : hidden;
    position       : fixed;
    left           : 0;
    bottom         : 0;
    /* transform      : translateY(130vh); */
    transition     : all 0.5s ease;
    width          : 100%;
    height         : 100%;
    display        : flex;
    align-items    : center;
    justify-content: center;
    z-index        : 9999;
    padding        : 20px;
}

.bl_popupForm.is_show {
    opacity   : 1;
    visibility: visible;
    /* transform : translateY(0); */
}

.bl_popupForm_inner {
    background-color: #fff;
    padding         : 55px 0 25px;
    max-width       : 600px;
    position        : relative;
    width           : 90vw;
    overflow        : auto;
    max-height      : 92vh;
    border-radius   : 20px;
    height: 100%;
    position: relative;
    z-index: 10;
}
.is_after_submit .bl_popupForm_inner{
    max-height: 200px;
}
@media screen and (min-width: 1025px) {
    .bl_popupForm_inner {
        padding: 55px 25px 25px;
    }
}

.bl_popupForm_inner iframe{
    width: 100%;
    height: 100%;
}


.bl_popupForm_content {
    width        : 100%;
    height: 100%;
    margin-inline: auto;
}

body.is_show_form {
    overflow: hidden;
}

a.el_ctaButton {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
    color: var(--BTN_COLOR,#6b5bd5);
    border: 1px solid var(--BTN_COLOR,#6b5bd5);
    border-radius: 99px;
    padding-inline: 10px;
    padding-block: 2px;
}
.el_popup_overlay{
    background-color: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.el_popupForm_title {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
    font-weight: 700;
    width:100%;
    text-align: center;
}

@media screen and (max-width:767px) {
.el_popupForm_title{
	font-size:18px;
	top:49px;
	 left: 7%;
	 text-align:left;
    transform: translateX(0%);
}
}