.ccm-page .modal-basic{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
}
.modal__bg-basic{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.ccm-page .modal__content-basic{
    background: #fff;
    left: 50%;
    padding: 16px 32px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
    border:2px solid #aaa;
	overflow-y: scroll;
	max-height:64%;
	-webkit-overflow-scrolling: touch;
}
.ccm-page .js-modal-open-basic:hover {
    cursor:pointer;
}
.ccm-page .js-modal-close-basic {
	float:right;
	margin:32px 0 0;
}
.ccm-page .js-modal-close-basic:hover {
    cursor:pointer;
}
.ccm-page .modal__content-basic h4{
	margin: 16px auto;
}
.ccm-page .modal__content-basic ol{
	margin: 16px auto;
}
.ccm-page .modal__content-basic ol li{
	counter-increment:section;
	margin: 0 auto 8px;
	padding-left: 1em;
}
.ccm-page .modal__content-basic ol li::before {
	content: counter(section)".";
	padding-right: 2px;
    white-space: nowrap;
	margin-left: -1em;
}
.ccm-page .modal-basic img{
    max-width: 100%;
    height: auto;
}