/*modal_sp---------------------------------------*/
@media screen and (min-width: 0px)  and (max-width: 766px) {

    /*modal-------------------------*/
    .modal_wrap{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;

    }
    .modal_wrap .modal_wrap_bg{
        top:0;
        left: 0;
        background-color: rgba(00,00,00,0.8);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }
    .modal_wrap .modal_content{
        width: 90vw;
        border-radius: 5vw;
        overflow: visible;
        min-height: 100px;
        background-color: #fff;
        color: #333;
        z-index: 4;
        position: relative;
    }
    .modal_wrap .modal_inner {
        margin: 20px 25px 0 25px;
        padding-bottom: 20px;

        position: relative;
    }
    .modal_wrap img[src*="btn_datamori_modal_close"]{
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: -22px;
    }
    .modal_wrap .modal_ttl{
        background-color: #DAF6F6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* height: 105px; */
        text-align: center;
        font-weight: bold;
        border-radius: 5vw 5vw 0 0;
        padding: 3vw;
    }
    .modal_ttl span{
        font-size: 34px;
    }
    .modal_heading{
        font-size: 18px;
        margin: 10px 0;
        font-weight: bold;
    }
    .modal_wrap .modal_close_btn{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 70px;
        width: 100%;
        font-size: 20px;
        cursor: pointer;
    }
    .modal_wrap img[src*="btn_modal_close"]{
        /* position: absolute; */
        /* right:10px; */
        /* top:10px; */
        /* z-index: 3; */
    }
    .modal_wrap .link_detail_wrap{
        width: 100%;
        text-align: right;
        margin-top: 1em;
        font-weight: bold;
    }
    .modal_wrap .link_detail_wrap a.link_detail{
        color: #406FAF;
        display: inline-block;
        position: relative;
        right: 2em;
    }
    .modal_wrap .link_detail_wrap a.link_detail::after{
        content: "";
        position: absolute;
        right: -2em;
        top: 0.2em;
        background-image: url(../images/icon/btn_link_bg_blue.svg);
        background-size: contain;
        height: 1.2em;
        width: 1.2em;
    }
    .modal_wrap img[src*="btn_modal_close"] {
        position: absolute;
        right: 5vw;
        top: 5vw;
        width: 6vw;
        height: 6vw;
        z-index: 3;
        pointer-events: none;
    }

    /*modal_contact-------------------------*/
    .modal_contact_wrap{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;

    }
    .modal_contact_wrap .modal_contact_wrap_bg{
        top:0;
        left: 0;
        background-color: rgba(00,00,00,0.8);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }
    .modal_contact_wrap .modal_contact_content_wrap{
        width: 90%;
        border-radius: 30px;
        overflow: hidden;
        /* min-height: 100px; */
        color: #333;
        z-index: 4;
        position: relative;
        overflow: visible;
    }

    .modal_contact_wrap .modal_contact_content{
        width: 100%;
        border-radius: 30px;
        overflow: hidden;
        min-height: 100px;
        background-color: #fff;
        color: #333;
        position: relative;
    }
    .modal_contact_wrap .modal_contact_inner {
        padding: 3vw 3vw 0 3vw;
        padding-bottom: 10vw;
        border-bottom: 1px solid #A5A5A5;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
    }
    .modal_contact_wrap .modal_contact_inner .btn_wrap {
        width: 48%;
    }

    .modal_contact_wrap .modal_contact_ttl {
        font-size: 5vw;
        text-align: center;
        color: #fff;
        margin: 0;
        padding: 3vw 3vw;
        border-radius: 4vw 4vw 0 0;
        background-color: #e83817;
        font-weight: bold;
    }

    .modal_contact_wrap .modal_contact_ttl span {
        font-size: 34px;
    }

    .modal_contact_wrap .modal_contact_heading {
        font-size: 18px;
        margin: 10px 0;
        font-weight: bold;
    }
    .modal_contact_wrap .btn_web_inquiry, .btn_tel_inquiry{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        min-width: auto;
        width: 100%;
        height: 108px;
        padding: 16px;
        padding-left: 9vw;
        border-radius: 4vw;
        border: solid #E93817 2px;
        background-color: #FDECEE;
        box-sizing: border-box;
        color: #333!important;
        text-align: center;
        font-weight: bold;
        font-size: 3vw;
    }
    .modal_contact_wrap .btn_web_inquiry{
        background-image: url(../images/icon/icn_mail.png);
        background-position: 2vw center;
        background-repeat: no-repeat;
        background-size: 6vw;
    }
    .modal_contact_wrap .btn_tel_inquiry{
        background-image: url(../images/icon/icn_tel.png);
        background-position: 2vw center;
        background-repeat: no-repeat;
        background-size: 6vw;
    }
    .modal_contact_wrap .modal_contact_inner .remarks{
        font-size: 4vw;
        text-align: center;
        margin-top: 2vw;
        width: 100%;
    }

    .modal_contact_wrap img[src*="popup_close"] {
        position: absolute;
        right: 0px;
        left: 0px;
        margin: auto;
        bottom: -7vw;
        z-index: 3;
        cursor: pointer;
    }

    /*modal_inquiry_user_-------------------------*/
    .modal_inquiry_user_wrap{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;

    }
    .modal_inquiry_user_wrap .modal_inquiry_user_wrap_bg{
        top:0;
        left: 0;
        background-color: rgba(00,00,00,0.8);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }
    .modal_inquiry_user_wrap .modal_inquiry_user_content{
        color: #333;
        z-index: 4;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        margin: auto;
        width: 90%;
        border-radius: 32px;
        height: 160vw;
        /* max-height: 131vw; */
        box-sizing: border-box;
    }
    .modal_inquiry_user_inner {
        overflow-y: auto;
        background: #F2F2F2;
        max-height: 100vw;
        padding: 10vw 0vw;
        font-size: 4.5vw;
        font-weight: bold;
        text-align: center;
        letter-spacing: 0.01em;
    }
    .modal_inquiry_user_ttl{
        font-weight: bold;
        position: relative;
        padding: 24px;
        padding-bottom: 16px;
        padding-right: 48px;
        border-bottom: 1px solid #E2E2E2;
        font-size: 24px;
        font-weight: bold;
        position: relative;

    }
    .modal_inquiry_user_ttl::after{
        content: "";
        position: absolute;
        bottom: -12px;
        left: 0;
        right: 0;
        display: inline-block;
        margin: auto;
        width: 23px;
        height: 12px;
        background: url(../images/icon/modal-header-bg.svg) no-repeat center center/contain;
    }
    .modal_inquiry_user_ttl span{
        font-size: 34px;
    }
    .modal_inquiry_user_heading{
        font-size: 18px;
        margin: 10px 0;
        font-weight: bold;
    }
    .modal_inquiry_user_wrap .modal_inquiry_user_footer{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30vw;
        width: 100%;
        font-size: 4.5vw;
        cursor: pointer;
        font-weight: bold;
        /* padding: 3vw 0; */
    }
    .modal_inquiry_user_wrap .modal_inquiry_user_close_btn{
        background: #fff;
        border: 3px solid #E2E2E2;
        border-radius: 50vw;
        text-align: center;
        width: 40vw;
        font-size: 4.5vw;
        height: 15vw;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .modal_inquiry_user_ttl{
        font-weight: bold;
        position: relative;
        padding: 5vw;
        padding-bottom: 3vw;
        padding-right: 3vw;
        border-bottom: 1px solid #E2E2E2;
        height: 30vw;
    }
    .modal_inquiry_user_ttl img[src*="btn_modal_close_b"]{
        position: absolute;
        right: 5vw;
        top: 5vw;
        width: 5vw;
        height: 5vw;
        cursor: pointer;
    }

    .modal_inquiry_user_wrap a.btn_item{
        position: relative;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
        background: #fff;
        width: 90%;
        height: 17vw;
        min-height: 13vw;
        padding: 3vw 0;
        border: 3px solid #939393;
        border-radius: 100px;
        line-height: 1.3;
        text-decoration: none !important;
        font-size: 5vw;
        font-weight: bold;
        color: #333 !important;
        text-align: center;
        margin-top: 3vw;
        background-image: url(../images/icon/icn-link-blank-black.svg);
        background-position: right 6vw center;
        background-repeat: no-repeat;
    }
    img[src*="btn_modal_inquiry_user_close"]{
        position: absolute;
        right:10px;
        top:10px;
        z-index: 3;
    }
    .modal_inquiry_user_wrap .segment{
        height: 1px;
        width: 90%;
        background-color: #E2E2E2;
        margin: 5vw auto;
    }

    /*modal_inquiry_new_-------------------------*/
    .modal_inquiry_new_wrap{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 100;

    }
    .modal_inquiry_new_wrap .modal_inquiry_new_wrap_bg{
        top:0;
        left: 0;
        background-color: rgba(00,00,00,0.8);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 3;
        cursor: pointer;
    }
    .modal_inquiry_new_wrap .modal_inquiry_new_content{
        color: #333;
        z-index: 4;
        position: relative;
        overflow: hidden;
        background-color: #fff;
        margin: auto;
        width: 90%;
        border-radius: 6vw;
        box-sizing: border-box;
        letter-spacing: 0.01em;
    }
    .modal_inquiry_new_inner {
        overflow-y: auto;
        background: #F2F2F2;
        max-height: calc(100vh - 250px);
        padding: 11vw 0 11vw 0;
        font-size: 3.5vw;
        font-weight: bold;
        text-align: center;
        letter-spacing: 0.01em;
    }
    .modal_inquiry_new_ttl{
        font-weight: bold;
        position: relative;
        padding: 24px;
        padding-bottom: 16px;
        padding-right: 48px;
        border-bottom: 1px solid #E2E2E2;
        font-size: 24px;
        font-weight: bold;
        position: relative;

    }
    .modal_inquiry_new_ttl::after{
        content: "";
        position: absolute;
        bottom: -12px;
        left: 0;
        right: 0;
        display: inline-block;
        margin: auto;
        width: 23px;
        height: 12px;
        background: url(../images/icon/modal-header-bg.svg) no-repeat center center/contain;
    }
    .modal_inquiry_new_ttl span{
        font-size: 34px;
    }
    .modal_inquiry_new_heading{
        font-size: 18px;
        margin: 10px 0;
        font-weight: bold;
    }
    .modal_inquiry_new_wrap .modal_inquiry_new_footer{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        font-size: 3.5vw;
        cursor: pointer;
        FONT-VARIANT: JIS83;
        /* padding: 4.5vw 0; */
        font-weight: bold;
        height: 30vw;
    }
    .modal_inquiry_new_wrap .modal_inquiry_new_close_btn{
        background: #fff;
        border:3px solid #E2E2E2;
        border-radius: 50vw;
        text-align: center;
        width: 40vw;
        font-size: 4.5vw;
        height: 15vw;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .modal_inquiry_new_ttl{
        font-weight: bold;
        position: relative;
        padding: 5vw;
        padding-bottom: 4vw;
        /* padding-right: 48px; */
        border-bottom: 1px solid #E2E2E2;
    }
    .modal_inquiry_new_ttl img[src*="btn_modal_close_b"]{
        position: absolute;
        right: 20px;
        top: 20px;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

    .modal_inquiry_new_wrap a.btn_item{
        position: relative;
        display: inline-block;
        cursor: pointer;
        box-sizing: border-box;
        background: #fff;
        width: 90%;
        /* min-width: 352px; */
        min-height: 13vw;
        /* padding: 14px 40px; */
        border: 3px solid #939393;
        border-radius: 100px;
        line-height: 1.3;
        text-decoration: none !important;
        font-size: 5vw;
        font-weight: bold;
        color: #333 !important;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 16vw;
    }
    .modal_inquiry_new_wrap a.btn_item.icon_mail{
        background-image: url(../include/images/icn_mail.png);
        background-repeat: no-repeat;
        background-position: left 3vw center;
        background-size: 8vw;
    }
    .modal_inquiry_new_wrap a.btn_item.icon_tel{
        background-image: url(../include/images/icn_tel.png);
        background-repeat: no-repeat;
        background-position: left 3vw center;
        background-size: 8vw;
    }


    .modal_inquiry_new_wrap .btn_ttl{
        margin-top: 5vw;
    }
    img[src*="btn_modal_inquiry_new_close"]{
        position: absolute;
        right:10px;
        top:10px;
        z-index: 3;
    }
    .modal_inquiry_new_wrap .remarks{
        font-size: 2.5vw;
        margin-top: 2vw;
    }


}

/*modal_sp---------------------------*/