@charset "utf-8";

.mincho {
    font-family: YuMincho,
        'Yu Mincho',
        serif;
}

.hiragino {
    font-family: "ヒラギノ角ゴ ProN W3",
        "Hiragino Kaku Gothic ProN",
        "メイリオ",
        Meiryo,
        "ＭＳ Ｐゴシック",
        "MS PGothic",
        Robot,
        "Droid Sans",
        sans-serif;
}

.fc_b {
    color: #232d91;
}

.pa_tb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .pa_tb40 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}


/* header 
---------------------------------- */
#bread,
#topban,
#gnavi,
#header {
    display: none;
}

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

    #gnavi,
    #header {
        display: block;
    }

    .SP_company_title {
        display: none !important;
    }
}

/* sec1
---------------------------------- */
#COMPANY.ZEB #sec_1 {
    background: url(../img/zeb_building/bg_zeb01.jpg) center/cover no-repeat;
    width: 100%;
    color: #fff;
    line-height: 1;
    text-align: center;
}



#COMPANY.ZEB #sec_1 .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    min-height: 778px;
}

#COMPANY.ZEB #sec_1 .inner>div {
    transform: translateY(-10%);
}

#COMPANY.ZEB #sec_1 .zeb_teral_logo {
    padding-top: 30px;
    margin-bottom: 10px;
    text-align: left;
}

#COMPANY.ZEB #sec_1 .zeb_open_date {
    margin-bottom: 15px;
}

#COMPANY.ZEB #sec_1 .zeb_open_date img {
    margin: 0 auto;
}

#COMPANY.ZEB #sec_1 .zeb_page_title span {
    display: block;
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: normal;
}

#COMPANY.ZEB #sec_1 .zeb_page_title span+span {
    font-weight: bold;
    font-size: 80px;
    margin-bottom: 50px;
}

#COMPANY.ZEB #sec_1 .zeb_page_subtitle {
    display: inline-block;
    font-size: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #fff;
    margin-bottom: calc(10% + 150px);
}

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

    #COMPANY.ZEB #sec_1 {
        background: url(../img/zeb_building/bg_zeb01_sp.jpg) center/cover no-repeat;
    }

    #COMPANY.ZEB #sec_1 .inner {
        height: inherit;
        min-height: 375px;
        padding-bottom: 50px;
    }

    #COMPANY.ZEB #sec_1 .inner>div {
        transform: translateY(6%);
    }

    #COMPANY.ZEB #sec_1 .zeb_teral_logo {
        padding-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    #COMPANY.ZEB #sec_1 .zeb_teral_logo img {
        width: 19%;
    }

    #COMPANY.ZEB #sec_1 .zeb_open_date img {
        width: 26%;
    }

    #COMPANY.ZEB #sec_1 .zeb_page_title span {
        font-size: 20px;
        margin-bottom: 20px;
    }

    #COMPANY.ZEB #sec_1 .zeb_page_title span+span {
        font-size: 36px;
        margin-bottom: 40px;
    }

    #COMPANY.ZEB #sec_1 .zeb_page_subtitle {
        font-size: 14px;
        line-height: 1.75;
        padding-bottom: 5px;
        margin-bottom: calc(-3% + 40px);
    }
}

#COMPANY.ZEB .company_zeb_flex01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 740px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}


.link_circle {
    border-radius: 50%;
    color: #fff;
    font-size: 60px;
    width: 110px;
    height: 110px;
    line-height: 1;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: bottom;
    position: relative;
}

.link_circle span {
    padding-top: 20px;
}

.link_circle::after {
    content: '';
    display: block;
    background-image: url(../img/zeb_building/angle-down.png);
    position: absolute;
    bottom: 2px;
    width: 20px;
    height: 32px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}


.link_circle:hover::before {
    position: absolute;
    content: '';
    display: block;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border: 2px solid #fff;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}

.link_water {
    background: #008bd5 url(../img/zeb_building/link_water.png) center center no-repeat;
}

.link_heat {
    background: #f00000 url(../img/zeb_building/link_heat.png) center center no-repeat;
}

.link_light {
    background: #ff9600 url(../img/zeb_building/link_light.png) center center no-repeat;
}

.link_wind {
    background: #009600 url(../img/zeb_building/link_wind.png) center center no-repeat;
}

@media screen and (max-width: 767px) {
    #COMPANY.ZEB .company_zeb_flex01 {
        max-width: 310px;
    }

    .link_circle {
        font-size: 30px;
        width: 55px;
        height: 55px;
    }

    .link_circle span {
        padding-top: 10px;
    }

    .link_circle::after {
        background-size: contain;
        bottom: 2px;
        width: 10px;
        height: 16px;
    }

    .link_circle:hover::before {
        width: 75px;
        height: 75px;
    }

    .link_water,
    .link_heat {
        background-size: auto 30px;
    }

    .link_light,
    .link_wind {
        background-size: 30px auto;
    }
}

/* sec2
----------------------------------- */
#COMPANY.ZEB #sec_2 {
    background: #f6f6f6;
}

#COMPANY.ZEB #sec_2 {
    background: #f6f6f6;
}

#COMPANY.ZEB .sec2_title {
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 40px;
}

.company_zeb_flex02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.company_zeb_flex02_text {
    width: calc(100% - 139px);
    margin-bottom: 40px;
}

.company_zeb_flex02_img {
    width: 139px;
    margin-left: 40px;
}

.btn_sec2 {
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    padding: 15px;
    border: 2px solid #282d92;
    color: #282d92;
}

.btn_sec2:after {
    content: "\f2d2";
    font-family: "Font Awesome 5 Free";
    margin-left: 15px;
}

@media screen and (max-width: 767px) {
    #COMPANY.ZEB .sec2_title {
        font-size: 18px;
        margin-bottom: 30px;
        text-align: center;
    }

    .company_zeb_flex02 {
        display: inherit;
    }

    .company_zeb_flex02_text {
        width: 100%;
        margin-bottom: 30px;
        font-size: 15px;
    }

    .company_zeb_flex02_img {
        margin: 0 auto 30px;
    }

    .company_zeb_flex02_img img {
        width: 278px;
    }

    .btn_sec2 {
        width: 100%;
        position: relative;
    }

    .btn_sec2:after {
        position: absolute;
        right: 15px;
        margin-left: inherit;
    }
}

/* sec3
----------------------------------- */
.d_triangle::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -16px;
    left: calc(50% - 21px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 21px 0 21px;
}

/* sec3_title */
.sec3_title span {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}


.sec3_title span+span {
    margin-top: 30px;
    font-size: 34px;
}

/* zeb_officeimg */
.zeb_officeimg {
    text-align: center;
}


/* zeb3_text01 */
.zeb3_text01 {
    background: -webkit-gradient(linear, left top, right top, from(#00a0f0), to(#0075b2));
    background: linear-gradient(90deg, #00a0f0, #0075b2);
    line-height: 1.75;
    color: #fff;
    font-size: 16px;
}

.zeb3_text01 p+p {
    margin-top: 30px;
}

.fs_x09 {
    font-size: 0.9em;
}


/* zeb3_komidashi */
.zeb3_komidashi {
    position: relative;
    background-color: #232d91;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}

.zeb3_komidashi.d_triangle::after {
    border-color: #232d91 transparent transparent transparent;
}

/* zeb3_imgarea */
.zeb3_imgarea {
    position: relative;
    padding-top: 56px;
    padding-bottom: 40px;
    text-align: center;
}

.zeb3_imgarea.d_triangle::after {
    border-color: #ffffff transparent transparent transparent;
}

.btn_pdf {
    background-color: #282d92;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    padding: 1em;
    margin-top: 40px;
}

.btn_pdf img {
    margin-right: 0.5em;
    vertical-align: text-bottom;
}

@media screen and (max-width: 767px) {
    .sec3_title span {
        font-size: 14px;
    }

    .sec3_title span+span {
        margin-top: 15px;
        font-size: 20px;
    }

    .zeb_officeimg {
        padding-bottom: 20px;
    }

    .btn_pdf {
        width: 200px;
        margin-top: 20px;
        padding: 0.5em;
    }

    .btn_pdf img {
        margin-right: 0.7em;
    }

    .zeb3_text01 {
        font-size: 15px;
        line-height: 1.6;
    }

    .zeb3_text01 p+p {
        margin-top: 20px;
    }

    .zeb3_komidashi {
        font-size: 20px;
    }

    .zeb3_imgarea {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .sp_linkarea {
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        background: #232d91;
        padding-top: 30px;
        padding-bottom: 20px;
        text-align: center;
    }

    .sp_linkarea p {
        margin-bottom: 20px;
    }
}

/* energy */

#COMPANY.ZEB #sec_3 .energy_sec {
    padding-top: 80px;
    padding-bottom: 80px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-size: 14px;
}


/* 順序 */
.company_zeb_flex_l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.company_zeb_flex_r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/* .title_box */
#COMPANY.ZEB #sec_3 .title_box {
    color: #fff;
    text-align: center;
    width: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#COMPANY.ZEB #sec_3 .title_box img {
    height: 40px;
}


#COMPANY.ZEB #sec_3 .energy_title {
    font-size: 100px;
    line-height: 1;
    margin-bottom: 30px;
}

#COMPANY.ZEB #sec_3 .energy_title2 {
    font-size: 34px;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 20px;
}

#COMPANY.ZEB #sec_3 .energy_title3 {
    font-size: 24px;
    line-height: 1;
    margin-top: 20px;
    font-weight: bold;
}


/* .text_box */
#COMPANY.ZEB #sec_3 .text_box {
    width: calc(100% - 260px);
    padding: 40px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#COMPANY.ZEB #sec_3 .text_box>div {
    width: 100%;
}

#COMPANY.ZEB #sec_3 .text_box>div>div+div {
    margin-top: 40px;
}

.company_zeb_flex3_in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.company_zeb_flex3_in_img {
    width: 100px;
    margin-left: 20px;
}

.company_zeb_flex3_in_text {
    width: calc(100% - 120px);
}

/* .no_list */
#COMPANY.ZEB #sec_3 .no_list {
    font-size: 16px;
    font-weight: bold;
}

#COMPANY.ZEB #sec_3 .no_list span {
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin-right: 15px;
    margin-bottom: 15px;
    padding-top: 2px;
}

/* btn_modal */
.btn_modal {
    margin-top: 10px;
    color: #fff;
    background-color: #282d92;
    border-radius: 4px;
    font-size: 12px;
    padding-left: 0.7em;
    position: relative;
}

.btn_modal::after {
    content: "\f2d2";
    display: inline-block;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    right: 0.7em;
}

@media screen and (max-width: 767px) {
    #COMPANY.ZEB #sec_3 .energy_sec {
        padding-top: 0;
        padding-bottom: 0;
        background-position: top 0 center;
        background-size: contain;
    }

    .company_zeb_flex_l,
    .company_zeb_flex_r {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #COMPANY.ZEB #sec_3 .title_box {
        text-align: left;
        width: 100%;
        display: inherit;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        -webkit-box-pack: inherit;
        -ms-flex-pack: inherit;
        justify-content: inherit;
    }

    #COMPANY.ZEB #sec_3 .title_box img {
        height: auto;
    }

    #COMPANY.ZEB #sec_3 .title_box.pa_tb40 {
        padding: 25px 15px;
        margin-top: 24%;
    }

    #COMPANY.ZEB #sec_3 .title_box div {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #COMPANY.ZEB #sec_3 .energy_title {
        font-size: 50px;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #COMPANY.ZEB #sec_3 .energy_title2 {
        font-size: 18px;
        margin-bottom: 0;
        margin-right: 20px;
    }

    #COMPANY.ZEB #sec_3 .energy_title3 {
        font-size: 18px;
        margin-top: 0;
        text-align: center;
        margin-left: 20px;
    }

    #COMPANY.ZEB #sec_3 .text_box {
        width: 100%;
        padding: 20px 15px 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    #COMPANY.ZEB #sec_3 .text_box>div>div+div {
        margin-top: 30px;
    }

    .company_zeb_flex3_in {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .company_zeb_flex3_in_img {
        margin: 20px auto 0;
        text-align: center;
        width: 100%;
        max-width: 320px;
    }

    .company_zeb_flex3_in_img img {
        width: 150px;
    }

    .company_zeb_flex3_in_img a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 150px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .company_zeb_flex3_in_img a p {
        margin-left: 5%;
        width: 150px;
    }

    .company_zeb_flex3_in_text {
        width: 100%;
    }

    #COMPANY.ZEB #sec_3 .no_list span {
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .energy_sec .inner {
        padding: 0;
    }

    .btn_modal {
        margin-top: 0;
        font-size: 14px;
        padding: 0.5em 2.8em 0.5em 1.2em;
    }

    .btn_modal::after {
        right: 1em;
    }
}

@media screen and (max-width: 375px) {
    #COMPANY.ZEB #sec_3 .energy_title3 {
        width: 180px;
    }
}

@media screen and (max-width: 365px) {
    #COMPANY.ZEB #sec_3 .energy_title3 {
        width: inherit;
    }

    #COMPANY.ZEB #sec_3 .energy_title3 {
        font-size: 14px;
    }

    #COMPANY.ZEB #sec_3 .energy_title {
        font-size: 40px;
    }
}

/* #water */
#COMPANY.ZEB #water {
    background-image: url(../img/zeb_building/bg_zebwater.jpg);
}

#COMPANY.ZEB #water .title_box,
#COMPANY.ZEB #water .no_list span {
    background: #008bd5;
}

#COMPANY.ZEB #water .no_list {
    color: #008bd5;
}


/* #heat */
#COMPANY.ZEB #heat {
    background-image: url(../img/zeb_building/bg_zebheat.jpg);
}

#COMPANY.ZEB #heat .title_box,
#COMPANY.ZEB #heat .no_list span {
    background: #f00000;
}

#COMPANY.ZEB #heat .no_list {
    color: #f00000;
}

/* #light */
#COMPANY.ZEB #light {
    background-image: url(../img/zeb_building/bg_zeblight.jpg);
}

#COMPANY.ZEB #light .title_box,
#COMPANY.ZEB #light .no_list span {
    background: #ff9600;
}

#COMPANY.ZEB #light .no_list {
    color: #ff9600;
}

/* #wind */
#COMPANY.ZEB #wind {
    background-image: url(../img/zeb_building/bg_zebwind.jpg);
}

#COMPANY.ZEB #wind .title_box,
#COMPANY.ZEB #wind .no_list span {
    background: #009600;
}

#COMPANY.ZEB #wind .no_list {
    color: #009600;
}

#COMPANY.ZEB #wind .energy_title3 span {
    display: block;
    margin-top: 20px;
    line-height: 1.3;
}

.chusyaku_list {
    margin-top: 1em;
}

.chusyaku_list>li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.chusyaku_list li p {
    margin-left: 0.5em;
}

/* #bems */
#COMPANY.ZEB #bems {
    background-image: url(../img/zeb_building/bg_zebbems.jpg);
}

#COMPANY.ZEB #bems .title_box,
#COMPANY.ZEB #bems .no_list span {
    background: #7e308d;
}

#COMPANY.ZEB #bems .no_list {
    color: #7e308d;
}

@media screen and (max-width: 767px) {
    #COMPANY.ZEB #water {
        background-image: url(../img/zeb_building/bg_zebwater_sp.jpg);
        background-size: auto 400px;
    }

    #COMPANY.ZEB #water .title_box {
        background: rgba(0, 139, 213, 0.8);
    }

    #COMPANY.ZEB #water .title_box img {
        width: 15px;
    }

    #COMPANY.ZEB #heat {
        background-image: url(../img/zeb_building/bg_zebheat_sp.jpg);
    }

    #COMPANY.ZEB #heat .title_box {
        background: rgba(240, 0, 0, 0.8);
    }

    #COMPANY.ZEB #heat .title_box img {
        width: 20px;
    }

    /* #light */
    #COMPANY.ZEB #light {
        background-image: url(../img/zeb_building/bg_zeblight_sp.jpg);
    }

    #COMPANY.ZEB #light .title_box {
        background: rgba(255, 150, 0, 0.8);
    }

    #COMPANY.ZEB #light .title_box img {
        width: 35px;
    }

    #COMPANY.ZEB #wind {
        background-image: url(../img/zeb_building/bg_zebwind_sp.jpg);
    }

    #COMPANY.ZEB #wind .title_box.pa_tb40 {
        padding: 18px 15px;
    }

    #COMPANY.ZEB #wind .title_box {
        background: rgba(0, 150, 0, 0.8);
    }

    #COMPANY.ZEB #wind .title_box img {
        width: 20px;
    }

    #COMPANY.ZEB #wind .energy_title3 span {
        margin-top: 5px;
    }

    #COMPANY.ZEB #bems {
        background-image: url(../img/zeb_building/bg_zebbems_sp.jpg);
    }

    #COMPANY.ZEB #bems .title_box {
        background: rgba(126, 48, 141, 0.8);
    }

    #COMPANY.ZEB #bems .title_box img {
        width: 25px;
    }

}

/* sec4
--------------------------------- */
#COMPANY.ZEB #sec_4 .sec4_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}

#COMPANY.ZEB #sec_4 {
    background: #f4f4f4;
    margin-bottom: 80px;
}

#COMPANY.ZEB #sec_4 .company_zeb_flex04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    width: calc(100% - (100% - 980px)/2);
    width: -webkit-calc(100% - (100% - 980px)/2);
}

#COMPANY.ZEB #sec_4 .company_zeb_flex04 figure {
    background: url(../img/zeb_building/office_zeb.jpg) center center no-repeat;
    background-size: cover;
    width: 50%;
}

#COMPANY.ZEB #sec_4 .zeb4_text {
    padding-left: 40px;
    margin-left: auto;
    margin-right: 0;
    width: 50%;
}

#COMPANY.ZEB #sec_4 .zeb4_text p {
    line-height: 1.75;
}

@media screen and (max-width: 980px) {
    #COMPANY.ZEB #sec_4 .company_zeb_flex04 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #COMPANY.ZEB #sec_4 {
        margin-bottom: 0;
    }

    #COMPANY.ZEB #sec_4 .sec4_title {
        font-size: 18px;
    }

    #COMPANY.ZEB #sec_4 .company_zeb_flex04 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        text-align: center;
    }

    #COMPANY.ZEB #sec_4 .company_zeb_flex04 figure {
        background: inherit;
        width: 100%;
    }

    #COMPANY.ZEB #sec_4 .zeb4_text {
        padding-left: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #COMPANY.ZEB #sec_4 .zeb4_text p {
        line-height: 1.6;
        font-size: 15px;
    }
}






/* --------------------------
モーダルウィンドウ(classification.cssと一緒)
---------------------------- */

#grayLayer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #083052;
    opacity: 0.5;
}

#overLayer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#overLayer .white_back::before {
    position: relative;
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #dcdddd;
}

#overLayer .white_back .btn_close {
    position: absolute;
    cursor: pointer;
    border-radius: 4px;
    top: 15px;
    right: 15px;
    height: 30px;
    width: 30px;
    z-index: 10;
    background-color: #232d91;
}

#overLayer .white_back .btn_close i {
    position: absolute;
    right: 8.5px;
    top: 7px;
    font-family: "Font Awesome 5 Free";
    font-size: 16px;
    z-index: 20;
    color: #fff;
}

#overLayer .white_back img {
    padding: 50px;
    max-height: 80vh;
    max-width: inherit;
}

@media screen and (max-width: 767px) {
    #overLayer .white_back img {
        padding: 10px;
        max-height: inherit;
        max-width: 90vw;
    }
}