/* CSS Document */
/* Scss Document */
.top-ttl {
  background-image: url("../imgs/order/order-intro.png");
  background-repeat: no-repeat;
  background-position: center; }

.tel-fax-add {
  display: flex; }
  .tel-fax-add .tel-area {
    margin-right: 8%; }
  .tel-fax-add .tel-area,
  .tel-fax-add .fax-area {
    display: flex;
    align-items: center; }
    .tel-fax-add .tel-area .img,
    .tel-fax-add .fax-area .img {
      margin-right: 15px; }
      .tel-fax-add .tel-area .img img,
      .tel-fax-add .fax-area .img img {
        max-width: 100%; }

.pcNone-580 {
  display: none; }

@media screen and (max-width: 1020px) and (min-width: 769px) {
  .tel-fax-add .tel-area .fz40,
  .tel-fax-add .fax-area .fz40 {
    font-size: clamp(24px, 3vw, 34px); } }
@media screen and (max-width: 768px) {
  .tel-fax-add .tel-area .fz40,
  .tel-fax-add .fax-area .fz40 {
    font-size: 24px; }

  #Law table.mw100 tr {
    display: block; }
    #Law table.mw100 tr th {
      display: block;
      text-align: left; } }
@media screen and (max-width: 600px) and (min-width: 481px) {
  .tel-fax-add .tel-area .fz40,
  .tel-fax-add .fax-area .fz40 {
    font-size: clamp(19px, 3vw, 24px); } }
@media screen and (max-width: 580px) {
  .spNone-580 {
    display: none; }

  .pcNone-580 {
    display: block; }

  .flex-cnt .img {
    margin-bottom: 20px; } }
@media screen and (max-width: 480px) {
  .tel-fax-add {
    flex-direction: column; }
    .tel-fax-add .tel-area {
      margin-bottom: 15px; }
      .tel-fax-add .tel-area .img {
        margin-right: 25px; } }