/* ??? ??? */
.coming_wrap { position: relative; border: 1px solid #c9ccd6; border-radius: 1.5rem; height: 23.5rem; padding:0 1rem 0 26rem; display: flex; align-items: center;}
.coming_wrap::before { content: ''; display: block; width: 19.4rem; height: 16.15rem; background: url(/images/web/cls/sub/img_coming.png) no-repeat center / contain; position: absolute; left: 9%; top: calc(50% - 8.075rem);}
.coming_wrap p { font-size: 1.9rem; color: #10226e; font-weight: 600;}
.coming_wrap p em { color: #017fff;}
.coming_wrap span { display: block; margin-top: 0.6rem; font-size: 0.9rem; color: #363a5b; line-height: 1.5rem;}

@media all and (max-width:1024px) {
    .coming_wrap { height: auto; padding:20rem 1rem 3rem ; display: flex; align-items: center;justify-content: center }
    .coming_wrap::before { position: absolute; left: 50%; top: 2rem; transform: translateX(-50%);}
    .coming_wrap .txt { text-align: center;}
}

@media all and (max-width:768px) {
    .coming_wrap { padding:15rem 1rem 2rem ; }
    .coming_wrap::before { background-size: 14rem; top: 0;}
    .coming_wrap .txt { text-align: center;}
    .coming_wrap p { font-size: 1.5rem; } 
    .coming_wrap span { margin-top: 0.4rem; font-size: 0.8rem; line-height: 1.2rem;}
}

@media all and (max-width:380px) {
    .coming_wrap {padding: 11.5rem 1rem 1rem;}
    .coming_wrap::before {background-size: 10rem;top: -2rem;} 
    .coming_wrap p {font-size: 1.2rem;} 
    .coming_wrap span {margin-top: 0.4rem;font-size: 0.7rem;line-height: 1rem;}
}