/* index.html */
#wrap {width: 100%;min-height: 100vh;display: flex;justify-content: center;align-items: center;background: #c19d87;flex-direction: column;background: #c19d87 url('../img/index_bg.png') no-repeat center 20% / cover;}
#wrap .index_img_wrap {width: 80%;margin-bottom: 5rem;}
#wrap .index_img_wrap img {display: block;width: 100%;}
#wrap .index_a {display: block;background: #fff;color: #c19d87;font-size: 1.2rem; font-weight: bold;padding: .9rem 1.5rem;width: 80%;text-align: center;border-radius: .4rem;z-index: 1;}


#wrap.on .popup {display: block}
.popup {display:none;position: fixed; min-height: 100vh;width: 100%; left: 0; right: 0; top: 0;z-index: 100;background: transparent;}
.popup .popup_bg {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.3);}
.popup_con {background: #e7e2df;max-width:400px;width: 85%;  top: 50%;left: 50%;position: absolute;transform: translate(-50%,-50%);display: flex;flex-direction: column;border-radius: .3rem;box-shadow: 0 0 .5rem rgba(0,0,0,.3);z-index: 101;}
.popup_con h3 {padding: 1rem;color: #c29e89;font-weight: bold; text-align: center;position:relative; margin-right: 0;display: block;}
.popup_con h3 span {display: block;width: 1rem;position: absolute;top: 50%;right: 1rem;transform: translateY(-50%);}
.popup_con h3 span img{width:100%}
.popup_con .pop_box {position: relative;background: #fff;margin: 0 1rem;padding: 2rem 0;padding-bottom: 5rem;margin-bottom: 1rem;}
.popup_con .pop_box p {font-size: 1.2rem;text-align: center;}
.popup_con .pop_box > div {padding: 0 1rem;padding-top:0;position: absolute;bottom:1rem;width: 100%;display: flex;align-items: center;justify-content: center;gap: 1rem;}
.popup_con .pop_box button {font-size: 1rem;color: #fff;background: #302e2c;width: 100%;padding: .7rem;font-weight: bold;}
.popup_con .pop_box a {color: indianred;}


@media (min-width:540px){
    #wrap {gap:7rem;}
    #wrap .index_img_wrap {width: 60%;}
    #wrap .index_a {
        font-size: 1.5rem;
        padding: 1.3rem 1.5rem;
        border-radius: 1rem;
    }
}
