/*------------------ contact_modal -----------------*/
.contact_modal_wrap {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 21000;
    overflow: hidden;
    width: 356px;
    padding: 32px 24px;
}
.contact_modal {
    position: relative;
    opacity: 0;
    transition: 1.2s cubic-bezier(.24, .73, .41, .99);
    margin-bottom: -100%;
    text-align: center;
}
.contact_modal.on {
    margin-bottom: 0;
    opacity: 1;
}
.contact_modal_inner {
    overflow: hidden;
    padding: 26px 24px;
}
.contact_modal .contact_modal_txt,.contact_modal .contact_modal_list {
    font-size: 10px;
    line-height: 1.6em;
}
.contact_modal .contact_modal_ttl {
    margin-bottom: 8px;
    font-weight: bold;
    /*font-size: 18px;*/
    font-size: 12px;
}
.contact_modal .contact_modal_txt {
    margin-bottom: 16px;
}
.contact_modal .contact_modal_txt.left {
	text-align: left;
}
.contact_modal .contact_modal_list {
    display: flex;
    text-align: left;
    line-height: 2;
}
.contact_modal .cotact_modal_note {
    margin-bottom: 16px;
    text-align: left;
    text-indent: 1.3em;
    font-size: 10px;
}
.contact_modal_close {
    position: absolute;
    top: 8px;
    right: 8px;
    transition: .2s;
    cursor: pointer;
}
.contact_modal_close:hover {
    opacity: 0.8;
}

@media screen and (max-width: 768px) {
    .contact_modal_wrap {
        width: 100%;
        padding: 24px 10px;
    }
    .contact_modal_inner {
        /*padding: 14px 12px 0;*/
        padding: 14px 12px 10px;
    }
    .contact_modal .contact_modal_list {
        line-height: 1.7;
    }
	.contact_modal .contact_modal_list .contact_modal_item {
		flex-basis: 86px;
		max-width: 86px;
	}
}

@media screen and (max-width: 350px) {
    .contact_modal_wrap {
        padding: 24px 12px;
    }
    .contact_modal_inner {
        padding: 14px 12px 0;
    }
}
.p-vacancy .span-sub{
    font-size: 0.5em;
}