@charset "utf-8";
@media screen and (max-width: 767px){
  #smv{
    background: url(../img/smvbg_sp.png) no-repeat top center;
  }
.cbgTtl {text-align:center !important;}
.note{font-size:14px;}
.subnavi{margin:0 auto 30px;text-align:center;}
.subnavi .txt{margin:0 auto 20px;text-align:center;}
.orderBox{border: 2px solid #b20000;padding: 20px;line-height: 1.5;width: 98%;}
.orderBox a{text-decoration: none;}
.list li{padding-left:1em;text-indent:-1em;}
.contactText{margin: 20px 0 0;text-align: center;font-size: 14px;}
.contactText strong{font-size: 22px;font-weight: bold;color: #DC6177;display: block;}

}
@media print, screen and (min-width: 768px){
.cbgTtl {text-align:center !important;}
.note{font-size:15px;text-align:center;margin-top: -20px;}
.subnavi ul{display: flex;justify-content: space-evenly;margin: 0 auto 50px;width:70%;}
.subnavi .txt{margin:0 auto 20px;text-align:center;}
.orderBox{border: 2px solid #b20000;padding: 20px;line-height: 1.5;width: 98%;}
.orderBox a{text-decoration: none;}
.list .bule{color: #067ECC;}
.list li{padding-left:1em;text-indent:-1em;}
.contactText{margin: 20px;text-align: center;font-size: 14px;}
.contactText strong{font-size: 24px;font-weight: bold;color: #DC6177;}
.order_note{font-size:16px;}
}