.hpj-inquiry-order-details .content{margin:40px 0}
.hpj-inquiry-order-details h2.title{padding:.2em 1em;background:#0096d6;color:#fff;font-weight:bold;letter-spacing:1px}
.hpj-inquiry-order-details .num_box .text{padding:0 100px 0 20px;width:100%;height:48px;background:#fff;border:1px solid #ccc;color:#666;font-size:15px}
.hpj-inquiry-order-details .num_box form{display:flex;flex-wrap:wrap;align-items:flex-start}
.hpj-inquiry-order-details .num_box form .text01{width:100%}
.hpj-inquiry-order-details .num_box form .text02{width:100%;margin:20px 0 0 0}
.hpj-inquiry-order-details .num_box form label{color:#767676}
.hpj-inquiry-order-details .num_box form .btn{margin:20px auto 0;padding:1em 3em;background:#0096d6;border:0;border-radius:4px;color:#fff;font-size:1.6rem;line-height:1.2;transition:.2s}
.hpj-inquiry-order-details .num_box form .btn:hover{background:#007dba;cursor:pointer}
.hpj-inquiry-order-details .date{display:inline-block;margin:0 5px;color:#eb5f01;font-size:30px}
@media screen and (min-width:768px){.hpj-inquiry-order-details .num_box form .text01{width:50%}
.hpj-inquiry-order-details .num_box form .text02{margin:0 0 0 15px;width:26%}
.hpj-inquiry-order-details .num_box form label{color:#767676}
.hpj-inquiry-order-details .num_box form .btn{margin:20px 0 0 15px}
}
@media screen and (min-width:1024px){.hpj-inquiry-order-details .content{margin:60px 0}
}