@charset "UTF-8";
/******* setting.scss *******/
@import url("https://fonts.googleapis.com/css?family=Oswald");
@media screen and (min-width: 769px) {
  .mtpc-1 {
    margin-top: 1px !important;
  }
  .mlpc-1 {
    margin-left: 1px !important;
  }
  .mrpc-1 {
    margin-right: 1px !important;
  }
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
  .ptpc-1 {
    padding-top: 1px !important;
  }
  .plpc-1 {
    padding-left: 1px !important;
  }
  .prpc-1 {
    padding-right: 1px !important;
  }
  .pbpc-1 {
    padding-bottom: 1px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-1 {
    margin-top: 1px !important;
  }
  .mlsp-1 {
    margin-left: 1px !important;
  }
  .mrsp-1 {
    margin-right: 1px !important;
  }
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
  .ptsp-1 {
    padding-top: 1px !important;
  }
  .plsp-1 {
    padding-left: 1px !important;
  }
  .prsp-1 {
    padding-right: 1px !important;
  }
  .pbsp-1 {
    padding-bottom: 1px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-2 {
    margin-top: 2px !important;
  }
  .mlpc-2 {
    margin-left: 2px !important;
  }
  .mrpc-2 {
    margin-right: 2px !important;
  }
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
  .ptpc-2 {
    padding-top: 2px !important;
  }
  .plpc-2 {
    padding-left: 2px !important;
  }
  .prpc-2 {
    padding-right: 2px !important;
  }
  .pbpc-2 {
    padding-bottom: 2px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-2 {
    margin-top: 2px !important;
  }
  .mlsp-2 {
    margin-left: 2px !important;
  }
  .mrsp-2 {
    margin-right: 2px !important;
  }
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
  .ptsp-2 {
    padding-top: 2px !important;
  }
  .plsp-2 {
    padding-left: 2px !important;
  }
  .prsp-2 {
    padding-right: 2px !important;
  }
  .pbsp-2 {
    padding-bottom: 2px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-3 {
    margin-top: 3px !important;
  }
  .mlpc-3 {
    margin-left: 3px !important;
  }
  .mrpc-3 {
    margin-right: 3px !important;
  }
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
  .ptpc-3 {
    padding-top: 3px !important;
  }
  .plpc-3 {
    padding-left: 3px !important;
  }
  .prpc-3 {
    padding-right: 3px !important;
  }
  .pbpc-3 {
    padding-bottom: 3px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-3 {
    margin-top: 3px !important;
  }
  .mlsp-3 {
    margin-left: 3px !important;
  }
  .mrsp-3 {
    margin-right: 3px !important;
  }
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
  .ptsp-3 {
    padding-top: 3px !important;
  }
  .plsp-3 {
    padding-left: 3px !important;
  }
  .prsp-3 {
    padding-right: 3px !important;
  }
  .pbsp-3 {
    padding-bottom: 3px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-4 {
    margin-top: 4px !important;
  }
  .mlpc-4 {
    margin-left: 4px !important;
  }
  .mrpc-4 {
    margin-right: 4px !important;
  }
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
  .ptpc-4 {
    padding-top: 4px !important;
  }
  .plpc-4 {
    padding-left: 4px !important;
  }
  .prpc-4 {
    padding-right: 4px !important;
  }
  .pbpc-4 {
    padding-bottom: 4px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-4 {
    margin-top: 4px !important;
  }
  .mlsp-4 {
    margin-left: 4px !important;
  }
  .mrsp-4 {
    margin-right: 4px !important;
  }
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
  .ptsp-4 {
    padding-top: 4px !important;
  }
  .plsp-4 {
    padding-left: 4px !important;
  }
  .prsp-4 {
    padding-right: 4px !important;
  }
  .pbsp-4 {
    padding-bottom: 4px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-5 {
    margin-top: 5px !important;
  }
  .mlpc-5 {
    margin-left: 5px !important;
  }
  .mrpc-5 {
    margin-right: 5px !important;
  }
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
  .ptpc-5 {
    padding-top: 5px !important;
  }
  .plpc-5 {
    padding-left: 5px !important;
  }
  .prpc-5 {
    padding-right: 5px !important;
  }
  .pbpc-5 {
    padding-bottom: 5px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-5 {
    margin-top: 5px !important;
  }
  .mlsp-5 {
    margin-left: 5px !important;
  }
  .mrsp-5 {
    margin-right: 5px !important;
  }
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
  .ptsp-5 {
    padding-top: 5px !important;
  }
  .plsp-5 {
    padding-left: 5px !important;
  }
  .prsp-5 {
    padding-right: 5px !important;
  }
  .pbsp-5 {
    padding-bottom: 5px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-6 {
    margin-top: 6px !important;
  }
  .mlpc-6 {
    margin-left: 6px !important;
  }
  .mrpc-6 {
    margin-right: 6px !important;
  }
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
  .ptpc-6 {
    padding-top: 6px !important;
  }
  .plpc-6 {
    padding-left: 6px !important;
  }
  .prpc-6 {
    padding-right: 6px !important;
  }
  .pbpc-6 {
    padding-bottom: 6px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-6 {
    margin-top: 6px !important;
  }
  .mlsp-6 {
    margin-left: 6px !important;
  }
  .mrsp-6 {
    margin-right: 6px !important;
  }
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
  .ptsp-6 {
    padding-top: 6px !important;
  }
  .plsp-6 {
    padding-left: 6px !important;
  }
  .prsp-6 {
    padding-right: 6px !important;
  }
  .pbsp-6 {
    padding-bottom: 6px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-7 {
    margin-top: 7px !important;
  }
  .mlpc-7 {
    margin-left: 7px !important;
  }
  .mrpc-7 {
    margin-right: 7px !important;
  }
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
  .ptpc-7 {
    padding-top: 7px !important;
  }
  .plpc-7 {
    padding-left: 7px !important;
  }
  .prpc-7 {
    padding-right: 7px !important;
  }
  .pbpc-7 {
    padding-bottom: 7px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-7 {
    margin-top: 7px !important;
  }
  .mlsp-7 {
    margin-left: 7px !important;
  }
  .mrsp-7 {
    margin-right: 7px !important;
  }
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
  .ptsp-7 {
    padding-top: 7px !important;
  }
  .plsp-7 {
    padding-left: 7px !important;
  }
  .prsp-7 {
    padding-right: 7px !important;
  }
  .pbsp-7 {
    padding-bottom: 7px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-8 {
    margin-top: 8px !important;
  }
  .mlpc-8 {
    margin-left: 8px !important;
  }
  .mrpc-8 {
    margin-right: 8px !important;
  }
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
  .ptpc-8 {
    padding-top: 8px !important;
  }
  .plpc-8 {
    padding-left: 8px !important;
  }
  .prpc-8 {
    padding-right: 8px !important;
  }
  .pbpc-8 {
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-8 {
    margin-top: 8px !important;
  }
  .mlsp-8 {
    margin-left: 8px !important;
  }
  .mrsp-8 {
    margin-right: 8px !important;
  }
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
  .ptsp-8 {
    padding-top: 8px !important;
  }
  .plsp-8 {
    padding-left: 8px !important;
  }
  .prsp-8 {
    padding-right: 8px !important;
  }
  .pbsp-8 {
    padding-bottom: 8px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-9 {
    margin-top: 9px !important;
  }
  .mlpc-9 {
    margin-left: 9px !important;
  }
  .mrpc-9 {
    margin-right: 9px !important;
  }
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
  .ptpc-9 {
    padding-top: 9px !important;
  }
  .plpc-9 {
    padding-left: 9px !important;
  }
  .prpc-9 {
    padding-right: 9px !important;
  }
  .pbpc-9 {
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-9 {
    margin-top: 9px !important;
  }
  .mlsp-9 {
    margin-left: 9px !important;
  }
  .mrsp-9 {
    margin-right: 9px !important;
  }
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
  .ptsp-9 {
    padding-top: 9px !important;
  }
  .plsp-9 {
    padding-left: 9px !important;
  }
  .prsp-9 {
    padding-right: 9px !important;
  }
  .pbsp-9 {
    padding-bottom: 9px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-10 {
    margin-top: 10px !important;
  }
  .mlpc-10 {
    margin-left: 10px !important;
  }
  .mrpc-10 {
    margin-right: 10px !important;
  }
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
  .ptpc-10 {
    padding-top: 10px !important;
  }
  .plpc-10 {
    padding-left: 10px !important;
  }
  .prpc-10 {
    padding-right: 10px !important;
  }
  .pbpc-10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-10 {
    margin-top: 10px !important;
  }
  .mlsp-10 {
    margin-left: 10px !important;
  }
  .mrsp-10 {
    margin-right: 10px !important;
  }
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
  .ptsp-10 {
    padding-top: 10px !important;
  }
  .plsp-10 {
    padding-left: 10px !important;
  }
  .prsp-10 {
    padding-right: 10px !important;
  }
  .pbsp-10 {
    padding-bottom: 10px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-11 {
    margin-top: 11px !important;
  }
  .mlpc-11 {
    margin-left: 11px !important;
  }
  .mrpc-11 {
    margin-right: 11px !important;
  }
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
  .ptpc-11 {
    padding-top: 11px !important;
  }
  .plpc-11 {
    padding-left: 11px !important;
  }
  .prpc-11 {
    padding-right: 11px !important;
  }
  .pbpc-11 {
    padding-bottom: 11px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-11 {
    margin-top: 11px !important;
  }
  .mlsp-11 {
    margin-left: 11px !important;
  }
  .mrsp-11 {
    margin-right: 11px !important;
  }
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
  .ptsp-11 {
    padding-top: 11px !important;
  }
  .plsp-11 {
    padding-left: 11px !important;
  }
  .prsp-11 {
    padding-right: 11px !important;
  }
  .pbsp-11 {
    padding-bottom: 11px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-12 {
    margin-top: 12px !important;
  }
  .mlpc-12 {
    margin-left: 12px !important;
  }
  .mrpc-12 {
    margin-right: 12px !important;
  }
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
  .ptpc-12 {
    padding-top: 12px !important;
  }
  .plpc-12 {
    padding-left: 12px !important;
  }
  .prpc-12 {
    padding-right: 12px !important;
  }
  .pbpc-12 {
    padding-bottom: 12px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-12 {
    margin-top: 12px !important;
  }
  .mlsp-12 {
    margin-left: 12px !important;
  }
  .mrsp-12 {
    margin-right: 12px !important;
  }
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
  .ptsp-12 {
    padding-top: 12px !important;
  }
  .plsp-12 {
    padding-left: 12px !important;
  }
  .prsp-12 {
    padding-right: 12px !important;
  }
  .pbsp-12 {
    padding-bottom: 12px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-13 {
    margin-top: 13px !important;
  }
  .mlpc-13 {
    margin-left: 13px !important;
  }
  .mrpc-13 {
    margin-right: 13px !important;
  }
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
  .ptpc-13 {
    padding-top: 13px !important;
  }
  .plpc-13 {
    padding-left: 13px !important;
  }
  .prpc-13 {
    padding-right: 13px !important;
  }
  .pbpc-13 {
    padding-bottom: 13px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-13 {
    margin-top: 13px !important;
  }
  .mlsp-13 {
    margin-left: 13px !important;
  }
  .mrsp-13 {
    margin-right: 13px !important;
  }
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
  .ptsp-13 {
    padding-top: 13px !important;
  }
  .plsp-13 {
    padding-left: 13px !important;
  }
  .prsp-13 {
    padding-right: 13px !important;
  }
  .pbsp-13 {
    padding-bottom: 13px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-14 {
    margin-top: 14px !important;
  }
  .mlpc-14 {
    margin-left: 14px !important;
  }
  .mrpc-14 {
    margin-right: 14px !important;
  }
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
  .ptpc-14 {
    padding-top: 14px !important;
  }
  .plpc-14 {
    padding-left: 14px !important;
  }
  .prpc-14 {
    padding-right: 14px !important;
  }
  .pbpc-14 {
    padding-bottom: 14px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-14 {
    margin-top: 14px !important;
  }
  .mlsp-14 {
    margin-left: 14px !important;
  }
  .mrsp-14 {
    margin-right: 14px !important;
  }
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
  .ptsp-14 {
    padding-top: 14px !important;
  }
  .plsp-14 {
    padding-left: 14px !important;
  }
  .prsp-14 {
    padding-right: 14px !important;
  }
  .pbsp-14 {
    padding-bottom: 14px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-15 {
    margin-top: 15px !important;
  }
  .mlpc-15 {
    margin-left: 15px !important;
  }
  .mrpc-15 {
    margin-right: 15px !important;
  }
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
  .ptpc-15 {
    padding-top: 15px !important;
  }
  .plpc-15 {
    padding-left: 15px !important;
  }
  .prpc-15 {
    padding-right: 15px !important;
  }
  .pbpc-15 {
    padding-bottom: 15px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-15 {
    margin-top: 15px !important;
  }
  .mlsp-15 {
    margin-left: 15px !important;
  }
  .mrsp-15 {
    margin-right: 15px !important;
  }
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
  .ptsp-15 {
    padding-top: 15px !important;
  }
  .plsp-15 {
    padding-left: 15px !important;
  }
  .prsp-15 {
    padding-right: 15px !important;
  }
  .pbsp-15 {
    padding-bottom: 15px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-16 {
    margin-top: 16px !important;
  }
  .mlpc-16 {
    margin-left: 16px !important;
  }
  .mrpc-16 {
    margin-right: 16px !important;
  }
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
  .ptpc-16 {
    padding-top: 16px !important;
  }
  .plpc-16 {
    padding-left: 16px !important;
  }
  .prpc-16 {
    padding-right: 16px !important;
  }
  .pbpc-16 {
    padding-bottom: 16px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-16 {
    margin-top: 16px !important;
  }
  .mlsp-16 {
    margin-left: 16px !important;
  }
  .mrsp-16 {
    margin-right: 16px !important;
  }
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
  .ptsp-16 {
    padding-top: 16px !important;
  }
  .plsp-16 {
    padding-left: 16px !important;
  }
  .prsp-16 {
    padding-right: 16px !important;
  }
  .pbsp-16 {
    padding-bottom: 16px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-17 {
    margin-top: 17px !important;
  }
  .mlpc-17 {
    margin-left: 17px !important;
  }
  .mrpc-17 {
    margin-right: 17px !important;
  }
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
  .ptpc-17 {
    padding-top: 17px !important;
  }
  .plpc-17 {
    padding-left: 17px !important;
  }
  .prpc-17 {
    padding-right: 17px !important;
  }
  .pbpc-17 {
    padding-bottom: 17px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-17 {
    margin-top: 17px !important;
  }
  .mlsp-17 {
    margin-left: 17px !important;
  }
  .mrsp-17 {
    margin-right: 17px !important;
  }
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
  .ptsp-17 {
    padding-top: 17px !important;
  }
  .plsp-17 {
    padding-left: 17px !important;
  }
  .prsp-17 {
    padding-right: 17px !important;
  }
  .pbsp-17 {
    padding-bottom: 17px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-18 {
    margin-top: 18px !important;
  }
  .mlpc-18 {
    margin-left: 18px !important;
  }
  .mrpc-18 {
    margin-right: 18px !important;
  }
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
  .ptpc-18 {
    padding-top: 18px !important;
  }
  .plpc-18 {
    padding-left: 18px !important;
  }
  .prpc-18 {
    padding-right: 18px !important;
  }
  .pbpc-18 {
    padding-bottom: 18px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-18 {
    margin-top: 18px !important;
  }
  .mlsp-18 {
    margin-left: 18px !important;
  }
  .mrsp-18 {
    margin-right: 18px !important;
  }
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
  .ptsp-18 {
    padding-top: 18px !important;
  }
  .plsp-18 {
    padding-left: 18px !important;
  }
  .prsp-18 {
    padding-right: 18px !important;
  }
  .pbsp-18 {
    padding-bottom: 18px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-19 {
    margin-top: 19px !important;
  }
  .mlpc-19 {
    margin-left: 19px !important;
  }
  .mrpc-19 {
    margin-right: 19px !important;
  }
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
  .ptpc-19 {
    padding-top: 19px !important;
  }
  .plpc-19 {
    padding-left: 19px !important;
  }
  .prpc-19 {
    padding-right: 19px !important;
  }
  .pbpc-19 {
    padding-bottom: 19px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-19 {
    margin-top: 19px !important;
  }
  .mlsp-19 {
    margin-left: 19px !important;
  }
  .mrsp-19 {
    margin-right: 19px !important;
  }
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
  .ptsp-19 {
    padding-top: 19px !important;
  }
  .plsp-19 {
    padding-left: 19px !important;
  }
  .prsp-19 {
    padding-right: 19px !important;
  }
  .pbsp-19 {
    padding-bottom: 19px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-20 {
    margin-top: 20px !important;
  }
  .mlpc-20 {
    margin-left: 20px !important;
  }
  .mrpc-20 {
    margin-right: 20px !important;
  }
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
  .ptpc-20 {
    padding-top: 20px !important;
  }
  .plpc-20 {
    padding-left: 20px !important;
  }
  .prpc-20 {
    padding-right: 20px !important;
  }
  .pbpc-20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-20 {
    margin-top: 20px !important;
  }
  .mlsp-20 {
    margin-left: 20px !important;
  }
  .mrsp-20 {
    margin-right: 20px !important;
  }
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
  .ptsp-20 {
    padding-top: 20px !important;
  }
  .plsp-20 {
    padding-left: 20px !important;
  }
  .prsp-20 {
    padding-right: 20px !important;
  }
  .pbsp-20 {
    padding-bottom: 20px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-21 {
    margin-top: 21px !important;
  }
  .mlpc-21 {
    margin-left: 21px !important;
  }
  .mrpc-21 {
    margin-right: 21px !important;
  }
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
  .ptpc-21 {
    padding-top: 21px !important;
  }
  .plpc-21 {
    padding-left: 21px !important;
  }
  .prpc-21 {
    padding-right: 21px !important;
  }
  .pbpc-21 {
    padding-bottom: 21px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-21 {
    margin-top: 21px !important;
  }
  .mlsp-21 {
    margin-left: 21px !important;
  }
  .mrsp-21 {
    margin-right: 21px !important;
  }
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
  .ptsp-21 {
    padding-top: 21px !important;
  }
  .plsp-21 {
    padding-left: 21px !important;
  }
  .prsp-21 {
    padding-right: 21px !important;
  }
  .pbsp-21 {
    padding-bottom: 21px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-22 {
    margin-top: 22px !important;
  }
  .mlpc-22 {
    margin-left: 22px !important;
  }
  .mrpc-22 {
    margin-right: 22px !important;
  }
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
  .ptpc-22 {
    padding-top: 22px !important;
  }
  .plpc-22 {
    padding-left: 22px !important;
  }
  .prpc-22 {
    padding-right: 22px !important;
  }
  .pbpc-22 {
    padding-bottom: 22px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-22 {
    margin-top: 22px !important;
  }
  .mlsp-22 {
    margin-left: 22px !important;
  }
  .mrsp-22 {
    margin-right: 22px !important;
  }
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
  .ptsp-22 {
    padding-top: 22px !important;
  }
  .plsp-22 {
    padding-left: 22px !important;
  }
  .prsp-22 {
    padding-right: 22px !important;
  }
  .pbsp-22 {
    padding-bottom: 22px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-23 {
    margin-top: 23px !important;
  }
  .mlpc-23 {
    margin-left: 23px !important;
  }
  .mrpc-23 {
    margin-right: 23px !important;
  }
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
  .ptpc-23 {
    padding-top: 23px !important;
  }
  .plpc-23 {
    padding-left: 23px !important;
  }
  .prpc-23 {
    padding-right: 23px !important;
  }
  .pbpc-23 {
    padding-bottom: 23px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-23 {
    margin-top: 23px !important;
  }
  .mlsp-23 {
    margin-left: 23px !important;
  }
  .mrsp-23 {
    margin-right: 23px !important;
  }
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
  .ptsp-23 {
    padding-top: 23px !important;
  }
  .plsp-23 {
    padding-left: 23px !important;
  }
  .prsp-23 {
    padding-right: 23px !important;
  }
  .pbsp-23 {
    padding-bottom: 23px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-24 {
    margin-top: 24px !important;
  }
  .mlpc-24 {
    margin-left: 24px !important;
  }
  .mrpc-24 {
    margin-right: 24px !important;
  }
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
  .ptpc-24 {
    padding-top: 24px !important;
  }
  .plpc-24 {
    padding-left: 24px !important;
  }
  .prpc-24 {
    padding-right: 24px !important;
  }
  .pbpc-24 {
    padding-bottom: 24px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-24 {
    margin-top: 24px !important;
  }
  .mlsp-24 {
    margin-left: 24px !important;
  }
  .mrsp-24 {
    margin-right: 24px !important;
  }
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
  .ptsp-24 {
    padding-top: 24px !important;
  }
  .plsp-24 {
    padding-left: 24px !important;
  }
  .prsp-24 {
    padding-right: 24px !important;
  }
  .pbsp-24 {
    padding-bottom: 24px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-25 {
    margin-top: 25px !important;
  }
  .mlpc-25 {
    margin-left: 25px !important;
  }
  .mrpc-25 {
    margin-right: 25px !important;
  }
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
  .ptpc-25 {
    padding-top: 25px !important;
  }
  .plpc-25 {
    padding-left: 25px !important;
  }
  .prpc-25 {
    padding-right: 25px !important;
  }
  .pbpc-25 {
    padding-bottom: 25px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-25 {
    margin-top: 25px !important;
  }
  .mlsp-25 {
    margin-left: 25px !important;
  }
  .mrsp-25 {
    margin-right: 25px !important;
  }
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
  .ptsp-25 {
    padding-top: 25px !important;
  }
  .plsp-25 {
    padding-left: 25px !important;
  }
  .prsp-25 {
    padding-right: 25px !important;
  }
  .pbsp-25 {
    padding-bottom: 25px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-26 {
    margin-top: 26px !important;
  }
  .mlpc-26 {
    margin-left: 26px !important;
  }
  .mrpc-26 {
    margin-right: 26px !important;
  }
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
  .ptpc-26 {
    padding-top: 26px !important;
  }
  .plpc-26 {
    padding-left: 26px !important;
  }
  .prpc-26 {
    padding-right: 26px !important;
  }
  .pbpc-26 {
    padding-bottom: 26px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-26 {
    margin-top: 26px !important;
  }
  .mlsp-26 {
    margin-left: 26px !important;
  }
  .mrsp-26 {
    margin-right: 26px !important;
  }
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
  .ptsp-26 {
    padding-top: 26px !important;
  }
  .plsp-26 {
    padding-left: 26px !important;
  }
  .prsp-26 {
    padding-right: 26px !important;
  }
  .pbsp-26 {
    padding-bottom: 26px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-27 {
    margin-top: 27px !important;
  }
  .mlpc-27 {
    margin-left: 27px !important;
  }
  .mrpc-27 {
    margin-right: 27px !important;
  }
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
  .ptpc-27 {
    padding-top: 27px !important;
  }
  .plpc-27 {
    padding-left: 27px !important;
  }
  .prpc-27 {
    padding-right: 27px !important;
  }
  .pbpc-27 {
    padding-bottom: 27px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-27 {
    margin-top: 27px !important;
  }
  .mlsp-27 {
    margin-left: 27px !important;
  }
  .mrsp-27 {
    margin-right: 27px !important;
  }
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
  .ptsp-27 {
    padding-top: 27px !important;
  }
  .plsp-27 {
    padding-left: 27px !important;
  }
  .prsp-27 {
    padding-right: 27px !important;
  }
  .pbsp-27 {
    padding-bottom: 27px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-28 {
    margin-top: 28px !important;
  }
  .mlpc-28 {
    margin-left: 28px !important;
  }
  .mrpc-28 {
    margin-right: 28px !important;
  }
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
  .ptpc-28 {
    padding-top: 28px !important;
  }
  .plpc-28 {
    padding-left: 28px !important;
  }
  .prpc-28 {
    padding-right: 28px !important;
  }
  .pbpc-28 {
    padding-bottom: 28px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-28 {
    margin-top: 28px !important;
  }
  .mlsp-28 {
    margin-left: 28px !important;
  }
  .mrsp-28 {
    margin-right: 28px !important;
  }
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
  .ptsp-28 {
    padding-top: 28px !important;
  }
  .plsp-28 {
    padding-left: 28px !important;
  }
  .prsp-28 {
    padding-right: 28px !important;
  }
  .pbsp-28 {
    padding-bottom: 28px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-29 {
    margin-top: 29px !important;
  }
  .mlpc-29 {
    margin-left: 29px !important;
  }
  .mrpc-29 {
    margin-right: 29px !important;
  }
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
  .ptpc-29 {
    padding-top: 29px !important;
  }
  .plpc-29 {
    padding-left: 29px !important;
  }
  .prpc-29 {
    padding-right: 29px !important;
  }
  .pbpc-29 {
    padding-bottom: 29px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-29 {
    margin-top: 29px !important;
  }
  .mlsp-29 {
    margin-left: 29px !important;
  }
  .mrsp-29 {
    margin-right: 29px !important;
  }
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
  .ptsp-29 {
    padding-top: 29px !important;
  }
  .plsp-29 {
    padding-left: 29px !important;
  }
  .prsp-29 {
    padding-right: 29px !important;
  }
  .pbsp-29 {
    padding-bottom: 29px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-30 {
    margin-top: 30px !important;
  }
  .mlpc-30 {
    margin-left: 30px !important;
  }
  .mrpc-30 {
    margin-right: 30px !important;
  }
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
  .ptpc-30 {
    padding-top: 30px !important;
  }
  .plpc-30 {
    padding-left: 30px !important;
  }
  .prpc-30 {
    padding-right: 30px !important;
  }
  .pbpc-30 {
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-30 {
    margin-top: 30px !important;
  }
  .mlsp-30 {
    margin-left: 30px !important;
  }
  .mrsp-30 {
    margin-right: 30px !important;
  }
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
  .ptsp-30 {
    padding-top: 30px !important;
  }
  .plsp-30 {
    padding-left: 30px !important;
  }
  .prsp-30 {
    padding-right: 30px !important;
  }
  .pbsp-30 {
    padding-bottom: 30px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-31 {
    margin-top: 31px !important;
  }
  .mlpc-31 {
    margin-left: 31px !important;
  }
  .mrpc-31 {
    margin-right: 31px !important;
  }
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
  .ptpc-31 {
    padding-top: 31px !important;
  }
  .plpc-31 {
    padding-left: 31px !important;
  }
  .prpc-31 {
    padding-right: 31px !important;
  }
  .pbpc-31 {
    padding-bottom: 31px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-31 {
    margin-top: 31px !important;
  }
  .mlsp-31 {
    margin-left: 31px !important;
  }
  .mrsp-31 {
    margin-right: 31px !important;
  }
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
  .ptsp-31 {
    padding-top: 31px !important;
  }
  .plsp-31 {
    padding-left: 31px !important;
  }
  .prsp-31 {
    padding-right: 31px !important;
  }
  .pbsp-31 {
    padding-bottom: 31px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-32 {
    margin-top: 32px !important;
  }
  .mlpc-32 {
    margin-left: 32px !important;
  }
  .mrpc-32 {
    margin-right: 32px !important;
  }
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
  .ptpc-32 {
    padding-top: 32px !important;
  }
  .plpc-32 {
    padding-left: 32px !important;
  }
  .prpc-32 {
    padding-right: 32px !important;
  }
  .pbpc-32 {
    padding-bottom: 32px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-32 {
    margin-top: 32px !important;
  }
  .mlsp-32 {
    margin-left: 32px !important;
  }
  .mrsp-32 {
    margin-right: 32px !important;
  }
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
  .ptsp-32 {
    padding-top: 32px !important;
  }
  .plsp-32 {
    padding-left: 32px !important;
  }
  .prsp-32 {
    padding-right: 32px !important;
  }
  .pbsp-32 {
    padding-bottom: 32px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-33 {
    margin-top: 33px !important;
  }
  .mlpc-33 {
    margin-left: 33px !important;
  }
  .mrpc-33 {
    margin-right: 33px !important;
  }
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
  .ptpc-33 {
    padding-top: 33px !important;
  }
  .plpc-33 {
    padding-left: 33px !important;
  }
  .prpc-33 {
    padding-right: 33px !important;
  }
  .pbpc-33 {
    padding-bottom: 33px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-33 {
    margin-top: 33px !important;
  }
  .mlsp-33 {
    margin-left: 33px !important;
  }
  .mrsp-33 {
    margin-right: 33px !important;
  }
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
  .ptsp-33 {
    padding-top: 33px !important;
  }
  .plsp-33 {
    padding-left: 33px !important;
  }
  .prsp-33 {
    padding-right: 33px !important;
  }
  .pbsp-33 {
    padding-bottom: 33px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-34 {
    margin-top: 34px !important;
  }
  .mlpc-34 {
    margin-left: 34px !important;
  }
  .mrpc-34 {
    margin-right: 34px !important;
  }
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
  .ptpc-34 {
    padding-top: 34px !important;
  }
  .plpc-34 {
    padding-left: 34px !important;
  }
  .prpc-34 {
    padding-right: 34px !important;
  }
  .pbpc-34 {
    padding-bottom: 34px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-34 {
    margin-top: 34px !important;
  }
  .mlsp-34 {
    margin-left: 34px !important;
  }
  .mrsp-34 {
    margin-right: 34px !important;
  }
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
  .ptsp-34 {
    padding-top: 34px !important;
  }
  .plsp-34 {
    padding-left: 34px !important;
  }
  .prsp-34 {
    padding-right: 34px !important;
  }
  .pbsp-34 {
    padding-bottom: 34px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-35 {
    margin-top: 35px !important;
  }
  .mlpc-35 {
    margin-left: 35px !important;
  }
  .mrpc-35 {
    margin-right: 35px !important;
  }
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
  .ptpc-35 {
    padding-top: 35px !important;
  }
  .plpc-35 {
    padding-left: 35px !important;
  }
  .prpc-35 {
    padding-right: 35px !important;
  }
  .pbpc-35 {
    padding-bottom: 35px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-35 {
    margin-top: 35px !important;
  }
  .mlsp-35 {
    margin-left: 35px !important;
  }
  .mrsp-35 {
    margin-right: 35px !important;
  }
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
  .ptsp-35 {
    padding-top: 35px !important;
  }
  .plsp-35 {
    padding-left: 35px !important;
  }
  .prsp-35 {
    padding-right: 35px !important;
  }
  .pbsp-35 {
    padding-bottom: 35px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-36 {
    margin-top: 36px !important;
  }
  .mlpc-36 {
    margin-left: 36px !important;
  }
  .mrpc-36 {
    margin-right: 36px !important;
  }
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
  .ptpc-36 {
    padding-top: 36px !important;
  }
  .plpc-36 {
    padding-left: 36px !important;
  }
  .prpc-36 {
    padding-right: 36px !important;
  }
  .pbpc-36 {
    padding-bottom: 36px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-36 {
    margin-top: 36px !important;
  }
  .mlsp-36 {
    margin-left: 36px !important;
  }
  .mrsp-36 {
    margin-right: 36px !important;
  }
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
  .ptsp-36 {
    padding-top: 36px !important;
  }
  .plsp-36 {
    padding-left: 36px !important;
  }
  .prsp-36 {
    padding-right: 36px !important;
  }
  .pbsp-36 {
    padding-bottom: 36px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-37 {
    margin-top: 37px !important;
  }
  .mlpc-37 {
    margin-left: 37px !important;
  }
  .mrpc-37 {
    margin-right: 37px !important;
  }
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
  .ptpc-37 {
    padding-top: 37px !important;
  }
  .plpc-37 {
    padding-left: 37px !important;
  }
  .prpc-37 {
    padding-right: 37px !important;
  }
  .pbpc-37 {
    padding-bottom: 37px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-37 {
    margin-top: 37px !important;
  }
  .mlsp-37 {
    margin-left: 37px !important;
  }
  .mrsp-37 {
    margin-right: 37px !important;
  }
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
  .ptsp-37 {
    padding-top: 37px !important;
  }
  .plsp-37 {
    padding-left: 37px !important;
  }
  .prsp-37 {
    padding-right: 37px !important;
  }
  .pbsp-37 {
    padding-bottom: 37px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-38 {
    margin-top: 38px !important;
  }
  .mlpc-38 {
    margin-left: 38px !important;
  }
  .mrpc-38 {
    margin-right: 38px !important;
  }
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
  .ptpc-38 {
    padding-top: 38px !important;
  }
  .plpc-38 {
    padding-left: 38px !important;
  }
  .prpc-38 {
    padding-right: 38px !important;
  }
  .pbpc-38 {
    padding-bottom: 38px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-38 {
    margin-top: 38px !important;
  }
  .mlsp-38 {
    margin-left: 38px !important;
  }
  .mrsp-38 {
    margin-right: 38px !important;
  }
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
  .ptsp-38 {
    padding-top: 38px !important;
  }
  .plsp-38 {
    padding-left: 38px !important;
  }
  .prsp-38 {
    padding-right: 38px !important;
  }
  .pbsp-38 {
    padding-bottom: 38px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-39 {
    margin-top: 39px !important;
  }
  .mlpc-39 {
    margin-left: 39px !important;
  }
  .mrpc-39 {
    margin-right: 39px !important;
  }
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
  .ptpc-39 {
    padding-top: 39px !important;
  }
  .plpc-39 {
    padding-left: 39px !important;
  }
  .prpc-39 {
    padding-right: 39px !important;
  }
  .pbpc-39 {
    padding-bottom: 39px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-39 {
    margin-top: 39px !important;
  }
  .mlsp-39 {
    margin-left: 39px !important;
  }
  .mrsp-39 {
    margin-right: 39px !important;
  }
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
  .ptsp-39 {
    padding-top: 39px !important;
  }
  .plsp-39 {
    padding-left: 39px !important;
  }
  .prsp-39 {
    padding-right: 39px !important;
  }
  .pbsp-39 {
    padding-bottom: 39px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-40 {
    margin-top: 40px !important;
  }
  .mlpc-40 {
    margin-left: 40px !important;
  }
  .mrpc-40 {
    margin-right: 40px !important;
  }
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
  .ptpc-40 {
    padding-top: 40px !important;
  }
  .plpc-40 {
    padding-left: 40px !important;
  }
  .prpc-40 {
    padding-right: 40px !important;
  }
  .pbpc-40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-40 {
    margin-top: 40px !important;
  }
  .mlsp-40 {
    margin-left: 40px !important;
  }
  .mrsp-40 {
    margin-right: 40px !important;
  }
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
  .ptsp-40 {
    padding-top: 40px !important;
  }
  .plsp-40 {
    padding-left: 40px !important;
  }
  .prsp-40 {
    padding-right: 40px !important;
  }
  .pbsp-40 {
    padding-bottom: 40px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-41 {
    margin-top: 41px !important;
  }
  .mlpc-41 {
    margin-left: 41px !important;
  }
  .mrpc-41 {
    margin-right: 41px !important;
  }
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
  .ptpc-41 {
    padding-top: 41px !important;
  }
  .plpc-41 {
    padding-left: 41px !important;
  }
  .prpc-41 {
    padding-right: 41px !important;
  }
  .pbpc-41 {
    padding-bottom: 41px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-41 {
    margin-top: 41px !important;
  }
  .mlsp-41 {
    margin-left: 41px !important;
  }
  .mrsp-41 {
    margin-right: 41px !important;
  }
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
  .ptsp-41 {
    padding-top: 41px !important;
  }
  .plsp-41 {
    padding-left: 41px !important;
  }
  .prsp-41 {
    padding-right: 41px !important;
  }
  .pbsp-41 {
    padding-bottom: 41px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-42 {
    margin-top: 42px !important;
  }
  .mlpc-42 {
    margin-left: 42px !important;
  }
  .mrpc-42 {
    margin-right: 42px !important;
  }
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
  .ptpc-42 {
    padding-top: 42px !important;
  }
  .plpc-42 {
    padding-left: 42px !important;
  }
  .prpc-42 {
    padding-right: 42px !important;
  }
  .pbpc-42 {
    padding-bottom: 42px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-42 {
    margin-top: 42px !important;
  }
  .mlsp-42 {
    margin-left: 42px !important;
  }
  .mrsp-42 {
    margin-right: 42px !important;
  }
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
  .ptsp-42 {
    padding-top: 42px !important;
  }
  .plsp-42 {
    padding-left: 42px !important;
  }
  .prsp-42 {
    padding-right: 42px !important;
  }
  .pbsp-42 {
    padding-bottom: 42px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-43 {
    margin-top: 43px !important;
  }
  .mlpc-43 {
    margin-left: 43px !important;
  }
  .mrpc-43 {
    margin-right: 43px !important;
  }
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
  .ptpc-43 {
    padding-top: 43px !important;
  }
  .plpc-43 {
    padding-left: 43px !important;
  }
  .prpc-43 {
    padding-right: 43px !important;
  }
  .pbpc-43 {
    padding-bottom: 43px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-43 {
    margin-top: 43px !important;
  }
  .mlsp-43 {
    margin-left: 43px !important;
  }
  .mrsp-43 {
    margin-right: 43px !important;
  }
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
  .ptsp-43 {
    padding-top: 43px !important;
  }
  .plsp-43 {
    padding-left: 43px !important;
  }
  .prsp-43 {
    padding-right: 43px !important;
  }
  .pbsp-43 {
    padding-bottom: 43px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-44 {
    margin-top: 44px !important;
  }
  .mlpc-44 {
    margin-left: 44px !important;
  }
  .mrpc-44 {
    margin-right: 44px !important;
  }
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
  .ptpc-44 {
    padding-top: 44px !important;
  }
  .plpc-44 {
    padding-left: 44px !important;
  }
  .prpc-44 {
    padding-right: 44px !important;
  }
  .pbpc-44 {
    padding-bottom: 44px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-44 {
    margin-top: 44px !important;
  }
  .mlsp-44 {
    margin-left: 44px !important;
  }
  .mrsp-44 {
    margin-right: 44px !important;
  }
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
  .ptsp-44 {
    padding-top: 44px !important;
  }
  .plsp-44 {
    padding-left: 44px !important;
  }
  .prsp-44 {
    padding-right: 44px !important;
  }
  .pbsp-44 {
    padding-bottom: 44px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-45 {
    margin-top: 45px !important;
  }
  .mlpc-45 {
    margin-left: 45px !important;
  }
  .mrpc-45 {
    margin-right: 45px !important;
  }
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
  .ptpc-45 {
    padding-top: 45px !important;
  }
  .plpc-45 {
    padding-left: 45px !important;
  }
  .prpc-45 {
    padding-right: 45px !important;
  }
  .pbpc-45 {
    padding-bottom: 45px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-45 {
    margin-top: 45px !important;
  }
  .mlsp-45 {
    margin-left: 45px !important;
  }
  .mrsp-45 {
    margin-right: 45px !important;
  }
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
  .ptsp-45 {
    padding-top: 45px !important;
  }
  .plsp-45 {
    padding-left: 45px !important;
  }
  .prsp-45 {
    padding-right: 45px !important;
  }
  .pbsp-45 {
    padding-bottom: 45px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-46 {
    margin-top: 46px !important;
  }
  .mlpc-46 {
    margin-left: 46px !important;
  }
  .mrpc-46 {
    margin-right: 46px !important;
  }
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
  .ptpc-46 {
    padding-top: 46px !important;
  }
  .plpc-46 {
    padding-left: 46px !important;
  }
  .prpc-46 {
    padding-right: 46px !important;
  }
  .pbpc-46 {
    padding-bottom: 46px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-46 {
    margin-top: 46px !important;
  }
  .mlsp-46 {
    margin-left: 46px !important;
  }
  .mrsp-46 {
    margin-right: 46px !important;
  }
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
  .ptsp-46 {
    padding-top: 46px !important;
  }
  .plsp-46 {
    padding-left: 46px !important;
  }
  .prsp-46 {
    padding-right: 46px !important;
  }
  .pbsp-46 {
    padding-bottom: 46px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-47 {
    margin-top: 47px !important;
  }
  .mlpc-47 {
    margin-left: 47px !important;
  }
  .mrpc-47 {
    margin-right: 47px !important;
  }
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
  .ptpc-47 {
    padding-top: 47px !important;
  }
  .plpc-47 {
    padding-left: 47px !important;
  }
  .prpc-47 {
    padding-right: 47px !important;
  }
  .pbpc-47 {
    padding-bottom: 47px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-47 {
    margin-top: 47px !important;
  }
  .mlsp-47 {
    margin-left: 47px !important;
  }
  .mrsp-47 {
    margin-right: 47px !important;
  }
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
  .ptsp-47 {
    padding-top: 47px !important;
  }
  .plsp-47 {
    padding-left: 47px !important;
  }
  .prsp-47 {
    padding-right: 47px !important;
  }
  .pbsp-47 {
    padding-bottom: 47px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-48 {
    margin-top: 48px !important;
  }
  .mlpc-48 {
    margin-left: 48px !important;
  }
  .mrpc-48 {
    margin-right: 48px !important;
  }
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
  .ptpc-48 {
    padding-top: 48px !important;
  }
  .plpc-48 {
    padding-left: 48px !important;
  }
  .prpc-48 {
    padding-right: 48px !important;
  }
  .pbpc-48 {
    padding-bottom: 48px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-48 {
    margin-top: 48px !important;
  }
  .mlsp-48 {
    margin-left: 48px !important;
  }
  .mrsp-48 {
    margin-right: 48px !important;
  }
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
  .ptsp-48 {
    padding-top: 48px !important;
  }
  .plsp-48 {
    padding-left: 48px !important;
  }
  .prsp-48 {
    padding-right: 48px !important;
  }
  .pbsp-48 {
    padding-bottom: 48px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-49 {
    margin-top: 49px !important;
  }
  .mlpc-49 {
    margin-left: 49px !important;
  }
  .mrpc-49 {
    margin-right: 49px !important;
  }
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
  .ptpc-49 {
    padding-top: 49px !important;
  }
  .plpc-49 {
    padding-left: 49px !important;
  }
  .prpc-49 {
    padding-right: 49px !important;
  }
  .pbpc-49 {
    padding-bottom: 49px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-49 {
    margin-top: 49px !important;
  }
  .mlsp-49 {
    margin-left: 49px !important;
  }
  .mrsp-49 {
    margin-right: 49px !important;
  }
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
  .ptsp-49 {
    padding-top: 49px !important;
  }
  .plsp-49 {
    padding-left: 49px !important;
  }
  .prsp-49 {
    padding-right: 49px !important;
  }
  .pbsp-49 {
    padding-bottom: 49px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-50 {
    margin-top: 50px !important;
  }
  .mlpc-50 {
    margin-left: 50px !important;
  }
  .mrpc-50 {
    margin-right: 50px !important;
  }
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
  .ptpc-50 {
    padding-top: 50px !important;
  }
  .plpc-50 {
    padding-left: 50px !important;
  }
  .prpc-50 {
    padding-right: 50px !important;
  }
  .pbpc-50 {
    padding-bottom: 50px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-50 {
    margin-top: 50px !important;
  }
  .mlsp-50 {
    margin-left: 50px !important;
  }
  .mrsp-50 {
    margin-right: 50px !important;
  }
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
  .ptsp-50 {
    padding-top: 50px !important;
  }
  .plsp-50 {
    padding-left: 50px !important;
  }
  .prsp-50 {
    padding-right: 50px !important;
  }
  .pbsp-50 {
    padding-bottom: 50px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-51 {
    margin-top: 51px !important;
  }
  .mlpc-51 {
    margin-left: 51px !important;
  }
  .mrpc-51 {
    margin-right: 51px !important;
  }
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
  .ptpc-51 {
    padding-top: 51px !important;
  }
  .plpc-51 {
    padding-left: 51px !important;
  }
  .prpc-51 {
    padding-right: 51px !important;
  }
  .pbpc-51 {
    padding-bottom: 51px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-51 {
    margin-top: 51px !important;
  }
  .mlsp-51 {
    margin-left: 51px !important;
  }
  .mrsp-51 {
    margin-right: 51px !important;
  }
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
  .ptsp-51 {
    padding-top: 51px !important;
  }
  .plsp-51 {
    padding-left: 51px !important;
  }
  .prsp-51 {
    padding-right: 51px !important;
  }
  .pbsp-51 {
    padding-bottom: 51px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-52 {
    margin-top: 52px !important;
  }
  .mlpc-52 {
    margin-left: 52px !important;
  }
  .mrpc-52 {
    margin-right: 52px !important;
  }
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
  .ptpc-52 {
    padding-top: 52px !important;
  }
  .plpc-52 {
    padding-left: 52px !important;
  }
  .prpc-52 {
    padding-right: 52px !important;
  }
  .pbpc-52 {
    padding-bottom: 52px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-52 {
    margin-top: 52px !important;
  }
  .mlsp-52 {
    margin-left: 52px !important;
  }
  .mrsp-52 {
    margin-right: 52px !important;
  }
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
  .ptsp-52 {
    padding-top: 52px !important;
  }
  .plsp-52 {
    padding-left: 52px !important;
  }
  .prsp-52 {
    padding-right: 52px !important;
  }
  .pbsp-52 {
    padding-bottom: 52px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-53 {
    margin-top: 53px !important;
  }
  .mlpc-53 {
    margin-left: 53px !important;
  }
  .mrpc-53 {
    margin-right: 53px !important;
  }
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
  .ptpc-53 {
    padding-top: 53px !important;
  }
  .plpc-53 {
    padding-left: 53px !important;
  }
  .prpc-53 {
    padding-right: 53px !important;
  }
  .pbpc-53 {
    padding-bottom: 53px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-53 {
    margin-top: 53px !important;
  }
  .mlsp-53 {
    margin-left: 53px !important;
  }
  .mrsp-53 {
    margin-right: 53px !important;
  }
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
  .ptsp-53 {
    padding-top: 53px !important;
  }
  .plsp-53 {
    padding-left: 53px !important;
  }
  .prsp-53 {
    padding-right: 53px !important;
  }
  .pbsp-53 {
    padding-bottom: 53px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-54 {
    margin-top: 54px !important;
  }
  .mlpc-54 {
    margin-left: 54px !important;
  }
  .mrpc-54 {
    margin-right: 54px !important;
  }
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
  .ptpc-54 {
    padding-top: 54px !important;
  }
  .plpc-54 {
    padding-left: 54px !important;
  }
  .prpc-54 {
    padding-right: 54px !important;
  }
  .pbpc-54 {
    padding-bottom: 54px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-54 {
    margin-top: 54px !important;
  }
  .mlsp-54 {
    margin-left: 54px !important;
  }
  .mrsp-54 {
    margin-right: 54px !important;
  }
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
  .ptsp-54 {
    padding-top: 54px !important;
  }
  .plsp-54 {
    padding-left: 54px !important;
  }
  .prsp-54 {
    padding-right: 54px !important;
  }
  .pbsp-54 {
    padding-bottom: 54px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-55 {
    margin-top: 55px !important;
  }
  .mlpc-55 {
    margin-left: 55px !important;
  }
  .mrpc-55 {
    margin-right: 55px !important;
  }
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
  .ptpc-55 {
    padding-top: 55px !important;
  }
  .plpc-55 {
    padding-left: 55px !important;
  }
  .prpc-55 {
    padding-right: 55px !important;
  }
  .pbpc-55 {
    padding-bottom: 55px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-55 {
    margin-top: 55px !important;
  }
  .mlsp-55 {
    margin-left: 55px !important;
  }
  .mrsp-55 {
    margin-right: 55px !important;
  }
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
  .ptsp-55 {
    padding-top: 55px !important;
  }
  .plsp-55 {
    padding-left: 55px !important;
  }
  .prsp-55 {
    padding-right: 55px !important;
  }
  .pbsp-55 {
    padding-bottom: 55px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-56 {
    margin-top: 56px !important;
  }
  .mlpc-56 {
    margin-left: 56px !important;
  }
  .mrpc-56 {
    margin-right: 56px !important;
  }
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
  .ptpc-56 {
    padding-top: 56px !important;
  }
  .plpc-56 {
    padding-left: 56px !important;
  }
  .prpc-56 {
    padding-right: 56px !important;
  }
  .pbpc-56 {
    padding-bottom: 56px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-56 {
    margin-top: 56px !important;
  }
  .mlsp-56 {
    margin-left: 56px !important;
  }
  .mrsp-56 {
    margin-right: 56px !important;
  }
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
  .ptsp-56 {
    padding-top: 56px !important;
  }
  .plsp-56 {
    padding-left: 56px !important;
  }
  .prsp-56 {
    padding-right: 56px !important;
  }
  .pbsp-56 {
    padding-bottom: 56px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-57 {
    margin-top: 57px !important;
  }
  .mlpc-57 {
    margin-left: 57px !important;
  }
  .mrpc-57 {
    margin-right: 57px !important;
  }
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
  .ptpc-57 {
    padding-top: 57px !important;
  }
  .plpc-57 {
    padding-left: 57px !important;
  }
  .prpc-57 {
    padding-right: 57px !important;
  }
  .pbpc-57 {
    padding-bottom: 57px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-57 {
    margin-top: 57px !important;
  }
  .mlsp-57 {
    margin-left: 57px !important;
  }
  .mrsp-57 {
    margin-right: 57px !important;
  }
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
  .ptsp-57 {
    padding-top: 57px !important;
  }
  .plsp-57 {
    padding-left: 57px !important;
  }
  .prsp-57 {
    padding-right: 57px !important;
  }
  .pbsp-57 {
    padding-bottom: 57px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-58 {
    margin-top: 58px !important;
  }
  .mlpc-58 {
    margin-left: 58px !important;
  }
  .mrpc-58 {
    margin-right: 58px !important;
  }
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
  .ptpc-58 {
    padding-top: 58px !important;
  }
  .plpc-58 {
    padding-left: 58px !important;
  }
  .prpc-58 {
    padding-right: 58px !important;
  }
  .pbpc-58 {
    padding-bottom: 58px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-58 {
    margin-top: 58px !important;
  }
  .mlsp-58 {
    margin-left: 58px !important;
  }
  .mrsp-58 {
    margin-right: 58px !important;
  }
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
  .ptsp-58 {
    padding-top: 58px !important;
  }
  .plsp-58 {
    padding-left: 58px !important;
  }
  .prsp-58 {
    padding-right: 58px !important;
  }
  .pbsp-58 {
    padding-bottom: 58px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-59 {
    margin-top: 59px !important;
  }
  .mlpc-59 {
    margin-left: 59px !important;
  }
  .mrpc-59 {
    margin-right: 59px !important;
  }
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
  .ptpc-59 {
    padding-top: 59px !important;
  }
  .plpc-59 {
    padding-left: 59px !important;
  }
  .prpc-59 {
    padding-right: 59px !important;
  }
  .pbpc-59 {
    padding-bottom: 59px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-59 {
    margin-top: 59px !important;
  }
  .mlsp-59 {
    margin-left: 59px !important;
  }
  .mrsp-59 {
    margin-right: 59px !important;
  }
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
  .ptsp-59 {
    padding-top: 59px !important;
  }
  .plsp-59 {
    padding-left: 59px !important;
  }
  .prsp-59 {
    padding-right: 59px !important;
  }
  .pbsp-59 {
    padding-bottom: 59px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-60 {
    margin-top: 60px !important;
  }
  .mlpc-60 {
    margin-left: 60px !important;
  }
  .mrpc-60 {
    margin-right: 60px !important;
  }
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
  .ptpc-60 {
    padding-top: 60px !important;
  }
  .plpc-60 {
    padding-left: 60px !important;
  }
  .prpc-60 {
    padding-right: 60px !important;
  }
  .pbpc-60 {
    padding-bottom: 60px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-60 {
    margin-top: 60px !important;
  }
  .mlsp-60 {
    margin-left: 60px !important;
  }
  .mrsp-60 {
    margin-right: 60px !important;
  }
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
  .ptsp-60 {
    padding-top: 60px !important;
  }
  .plsp-60 {
    padding-left: 60px !important;
  }
  .prsp-60 {
    padding-right: 60px !important;
  }
  .pbsp-60 {
    padding-bottom: 60px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-61 {
    margin-top: 61px !important;
  }
  .mlpc-61 {
    margin-left: 61px !important;
  }
  .mrpc-61 {
    margin-right: 61px !important;
  }
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
  .ptpc-61 {
    padding-top: 61px !important;
  }
  .plpc-61 {
    padding-left: 61px !important;
  }
  .prpc-61 {
    padding-right: 61px !important;
  }
  .pbpc-61 {
    padding-bottom: 61px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-61 {
    margin-top: 61px !important;
  }
  .mlsp-61 {
    margin-left: 61px !important;
  }
  .mrsp-61 {
    margin-right: 61px !important;
  }
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
  .ptsp-61 {
    padding-top: 61px !important;
  }
  .plsp-61 {
    padding-left: 61px !important;
  }
  .prsp-61 {
    padding-right: 61px !important;
  }
  .pbsp-61 {
    padding-bottom: 61px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-62 {
    margin-top: 62px !important;
  }
  .mlpc-62 {
    margin-left: 62px !important;
  }
  .mrpc-62 {
    margin-right: 62px !important;
  }
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
  .ptpc-62 {
    padding-top: 62px !important;
  }
  .plpc-62 {
    padding-left: 62px !important;
  }
  .prpc-62 {
    padding-right: 62px !important;
  }
  .pbpc-62 {
    padding-bottom: 62px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-62 {
    margin-top: 62px !important;
  }
  .mlsp-62 {
    margin-left: 62px !important;
  }
  .mrsp-62 {
    margin-right: 62px !important;
  }
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
  .ptsp-62 {
    padding-top: 62px !important;
  }
  .plsp-62 {
    padding-left: 62px !important;
  }
  .prsp-62 {
    padding-right: 62px !important;
  }
  .pbsp-62 {
    padding-bottom: 62px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-63 {
    margin-top: 63px !important;
  }
  .mlpc-63 {
    margin-left: 63px !important;
  }
  .mrpc-63 {
    margin-right: 63px !important;
  }
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
  .ptpc-63 {
    padding-top: 63px !important;
  }
  .plpc-63 {
    padding-left: 63px !important;
  }
  .prpc-63 {
    padding-right: 63px !important;
  }
  .pbpc-63 {
    padding-bottom: 63px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-63 {
    margin-top: 63px !important;
  }
  .mlsp-63 {
    margin-left: 63px !important;
  }
  .mrsp-63 {
    margin-right: 63px !important;
  }
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
  .ptsp-63 {
    padding-top: 63px !important;
  }
  .plsp-63 {
    padding-left: 63px !important;
  }
  .prsp-63 {
    padding-right: 63px !important;
  }
  .pbsp-63 {
    padding-bottom: 63px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-64 {
    margin-top: 64px !important;
  }
  .mlpc-64 {
    margin-left: 64px !important;
  }
  .mrpc-64 {
    margin-right: 64px !important;
  }
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
  .ptpc-64 {
    padding-top: 64px !important;
  }
  .plpc-64 {
    padding-left: 64px !important;
  }
  .prpc-64 {
    padding-right: 64px !important;
  }
  .pbpc-64 {
    padding-bottom: 64px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-64 {
    margin-top: 64px !important;
  }
  .mlsp-64 {
    margin-left: 64px !important;
  }
  .mrsp-64 {
    margin-right: 64px !important;
  }
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
  .ptsp-64 {
    padding-top: 64px !important;
  }
  .plsp-64 {
    padding-left: 64px !important;
  }
  .prsp-64 {
    padding-right: 64px !important;
  }
  .pbsp-64 {
    padding-bottom: 64px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-65 {
    margin-top: 65px !important;
  }
  .mlpc-65 {
    margin-left: 65px !important;
  }
  .mrpc-65 {
    margin-right: 65px !important;
  }
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
  .ptpc-65 {
    padding-top: 65px !important;
  }
  .plpc-65 {
    padding-left: 65px !important;
  }
  .prpc-65 {
    padding-right: 65px !important;
  }
  .pbpc-65 {
    padding-bottom: 65px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-65 {
    margin-top: 65px !important;
  }
  .mlsp-65 {
    margin-left: 65px !important;
  }
  .mrsp-65 {
    margin-right: 65px !important;
  }
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
  .ptsp-65 {
    padding-top: 65px !important;
  }
  .plsp-65 {
    padding-left: 65px !important;
  }
  .prsp-65 {
    padding-right: 65px !important;
  }
  .pbsp-65 {
    padding-bottom: 65px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-66 {
    margin-top: 66px !important;
  }
  .mlpc-66 {
    margin-left: 66px !important;
  }
  .mrpc-66 {
    margin-right: 66px !important;
  }
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
  .ptpc-66 {
    padding-top: 66px !important;
  }
  .plpc-66 {
    padding-left: 66px !important;
  }
  .prpc-66 {
    padding-right: 66px !important;
  }
  .pbpc-66 {
    padding-bottom: 66px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-66 {
    margin-top: 66px !important;
  }
  .mlsp-66 {
    margin-left: 66px !important;
  }
  .mrsp-66 {
    margin-right: 66px !important;
  }
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
  .ptsp-66 {
    padding-top: 66px !important;
  }
  .plsp-66 {
    padding-left: 66px !important;
  }
  .prsp-66 {
    padding-right: 66px !important;
  }
  .pbsp-66 {
    padding-bottom: 66px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-67 {
    margin-top: 67px !important;
  }
  .mlpc-67 {
    margin-left: 67px !important;
  }
  .mrpc-67 {
    margin-right: 67px !important;
  }
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
  .ptpc-67 {
    padding-top: 67px !important;
  }
  .plpc-67 {
    padding-left: 67px !important;
  }
  .prpc-67 {
    padding-right: 67px !important;
  }
  .pbpc-67 {
    padding-bottom: 67px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-67 {
    margin-top: 67px !important;
  }
  .mlsp-67 {
    margin-left: 67px !important;
  }
  .mrsp-67 {
    margin-right: 67px !important;
  }
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
  .ptsp-67 {
    padding-top: 67px !important;
  }
  .plsp-67 {
    padding-left: 67px !important;
  }
  .prsp-67 {
    padding-right: 67px !important;
  }
  .pbsp-67 {
    padding-bottom: 67px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-68 {
    margin-top: 68px !important;
  }
  .mlpc-68 {
    margin-left: 68px !important;
  }
  .mrpc-68 {
    margin-right: 68px !important;
  }
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
  .ptpc-68 {
    padding-top: 68px !important;
  }
  .plpc-68 {
    padding-left: 68px !important;
  }
  .prpc-68 {
    padding-right: 68px !important;
  }
  .pbpc-68 {
    padding-bottom: 68px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-68 {
    margin-top: 68px !important;
  }
  .mlsp-68 {
    margin-left: 68px !important;
  }
  .mrsp-68 {
    margin-right: 68px !important;
  }
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
  .ptsp-68 {
    padding-top: 68px !important;
  }
  .plsp-68 {
    padding-left: 68px !important;
  }
  .prsp-68 {
    padding-right: 68px !important;
  }
  .pbsp-68 {
    padding-bottom: 68px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-69 {
    margin-top: 69px !important;
  }
  .mlpc-69 {
    margin-left: 69px !important;
  }
  .mrpc-69 {
    margin-right: 69px !important;
  }
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
  .ptpc-69 {
    padding-top: 69px !important;
  }
  .plpc-69 {
    padding-left: 69px !important;
  }
  .prpc-69 {
    padding-right: 69px !important;
  }
  .pbpc-69 {
    padding-bottom: 69px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-69 {
    margin-top: 69px !important;
  }
  .mlsp-69 {
    margin-left: 69px !important;
  }
  .mrsp-69 {
    margin-right: 69px !important;
  }
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
  .ptsp-69 {
    padding-top: 69px !important;
  }
  .plsp-69 {
    padding-left: 69px !important;
  }
  .prsp-69 {
    padding-right: 69px !important;
  }
  .pbsp-69 {
    padding-bottom: 69px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-70 {
    margin-top: 70px !important;
  }
  .mlpc-70 {
    margin-left: 70px !important;
  }
  .mrpc-70 {
    margin-right: 70px !important;
  }
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
  .ptpc-70 {
    padding-top: 70px !important;
  }
  .plpc-70 {
    padding-left: 70px !important;
  }
  .prpc-70 {
    padding-right: 70px !important;
  }
  .pbpc-70 {
    padding-bottom: 70px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-70 {
    margin-top: 70px !important;
  }
  .mlsp-70 {
    margin-left: 70px !important;
  }
  .mrsp-70 {
    margin-right: 70px !important;
  }
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
  .ptsp-70 {
    padding-top: 70px !important;
  }
  .plsp-70 {
    padding-left: 70px !important;
  }
  .prsp-70 {
    padding-right: 70px !important;
  }
  .pbsp-70 {
    padding-bottom: 70px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-71 {
    margin-top: 71px !important;
  }
  .mlpc-71 {
    margin-left: 71px !important;
  }
  .mrpc-71 {
    margin-right: 71px !important;
  }
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
  .ptpc-71 {
    padding-top: 71px !important;
  }
  .plpc-71 {
    padding-left: 71px !important;
  }
  .prpc-71 {
    padding-right: 71px !important;
  }
  .pbpc-71 {
    padding-bottom: 71px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-71 {
    margin-top: 71px !important;
  }
  .mlsp-71 {
    margin-left: 71px !important;
  }
  .mrsp-71 {
    margin-right: 71px !important;
  }
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
  .ptsp-71 {
    padding-top: 71px !important;
  }
  .plsp-71 {
    padding-left: 71px !important;
  }
  .prsp-71 {
    padding-right: 71px !important;
  }
  .pbsp-71 {
    padding-bottom: 71px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-72 {
    margin-top: 72px !important;
  }
  .mlpc-72 {
    margin-left: 72px !important;
  }
  .mrpc-72 {
    margin-right: 72px !important;
  }
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
  .ptpc-72 {
    padding-top: 72px !important;
  }
  .plpc-72 {
    padding-left: 72px !important;
  }
  .prpc-72 {
    padding-right: 72px !important;
  }
  .pbpc-72 {
    padding-bottom: 72px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-72 {
    margin-top: 72px !important;
  }
  .mlsp-72 {
    margin-left: 72px !important;
  }
  .mrsp-72 {
    margin-right: 72px !important;
  }
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
  .ptsp-72 {
    padding-top: 72px !important;
  }
  .plsp-72 {
    padding-left: 72px !important;
  }
  .prsp-72 {
    padding-right: 72px !important;
  }
  .pbsp-72 {
    padding-bottom: 72px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-73 {
    margin-top: 73px !important;
  }
  .mlpc-73 {
    margin-left: 73px !important;
  }
  .mrpc-73 {
    margin-right: 73px !important;
  }
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
  .ptpc-73 {
    padding-top: 73px !important;
  }
  .plpc-73 {
    padding-left: 73px !important;
  }
  .prpc-73 {
    padding-right: 73px !important;
  }
  .pbpc-73 {
    padding-bottom: 73px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-73 {
    margin-top: 73px !important;
  }
  .mlsp-73 {
    margin-left: 73px !important;
  }
  .mrsp-73 {
    margin-right: 73px !important;
  }
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
  .ptsp-73 {
    padding-top: 73px !important;
  }
  .plsp-73 {
    padding-left: 73px !important;
  }
  .prsp-73 {
    padding-right: 73px !important;
  }
  .pbsp-73 {
    padding-bottom: 73px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-74 {
    margin-top: 74px !important;
  }
  .mlpc-74 {
    margin-left: 74px !important;
  }
  .mrpc-74 {
    margin-right: 74px !important;
  }
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
  .ptpc-74 {
    padding-top: 74px !important;
  }
  .plpc-74 {
    padding-left: 74px !important;
  }
  .prpc-74 {
    padding-right: 74px !important;
  }
  .pbpc-74 {
    padding-bottom: 74px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-74 {
    margin-top: 74px !important;
  }
  .mlsp-74 {
    margin-left: 74px !important;
  }
  .mrsp-74 {
    margin-right: 74px !important;
  }
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
  .ptsp-74 {
    padding-top: 74px !important;
  }
  .plsp-74 {
    padding-left: 74px !important;
  }
  .prsp-74 {
    padding-right: 74px !important;
  }
  .pbsp-74 {
    padding-bottom: 74px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-75 {
    margin-top: 75px !important;
  }
  .mlpc-75 {
    margin-left: 75px !important;
  }
  .mrpc-75 {
    margin-right: 75px !important;
  }
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
  .ptpc-75 {
    padding-top: 75px !important;
  }
  .plpc-75 {
    padding-left: 75px !important;
  }
  .prpc-75 {
    padding-right: 75px !important;
  }
  .pbpc-75 {
    padding-bottom: 75px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-75 {
    margin-top: 75px !important;
  }
  .mlsp-75 {
    margin-left: 75px !important;
  }
  .mrsp-75 {
    margin-right: 75px !important;
  }
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
  .ptsp-75 {
    padding-top: 75px !important;
  }
  .plsp-75 {
    padding-left: 75px !important;
  }
  .prsp-75 {
    padding-right: 75px !important;
  }
  .pbsp-75 {
    padding-bottom: 75px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-76 {
    margin-top: 76px !important;
  }
  .mlpc-76 {
    margin-left: 76px !important;
  }
  .mrpc-76 {
    margin-right: 76px !important;
  }
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
  .ptpc-76 {
    padding-top: 76px !important;
  }
  .plpc-76 {
    padding-left: 76px !important;
  }
  .prpc-76 {
    padding-right: 76px !important;
  }
  .pbpc-76 {
    padding-bottom: 76px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-76 {
    margin-top: 76px !important;
  }
  .mlsp-76 {
    margin-left: 76px !important;
  }
  .mrsp-76 {
    margin-right: 76px !important;
  }
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
  .ptsp-76 {
    padding-top: 76px !important;
  }
  .plsp-76 {
    padding-left: 76px !important;
  }
  .prsp-76 {
    padding-right: 76px !important;
  }
  .pbsp-76 {
    padding-bottom: 76px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-77 {
    margin-top: 77px !important;
  }
  .mlpc-77 {
    margin-left: 77px !important;
  }
  .mrpc-77 {
    margin-right: 77px !important;
  }
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
  .ptpc-77 {
    padding-top: 77px !important;
  }
  .plpc-77 {
    padding-left: 77px !important;
  }
  .prpc-77 {
    padding-right: 77px !important;
  }
  .pbpc-77 {
    padding-bottom: 77px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-77 {
    margin-top: 77px !important;
  }
  .mlsp-77 {
    margin-left: 77px !important;
  }
  .mrsp-77 {
    margin-right: 77px !important;
  }
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
  .ptsp-77 {
    padding-top: 77px !important;
  }
  .plsp-77 {
    padding-left: 77px !important;
  }
  .prsp-77 {
    padding-right: 77px !important;
  }
  .pbsp-77 {
    padding-bottom: 77px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-78 {
    margin-top: 78px !important;
  }
  .mlpc-78 {
    margin-left: 78px !important;
  }
  .mrpc-78 {
    margin-right: 78px !important;
  }
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
  .ptpc-78 {
    padding-top: 78px !important;
  }
  .plpc-78 {
    padding-left: 78px !important;
  }
  .prpc-78 {
    padding-right: 78px !important;
  }
  .pbpc-78 {
    padding-bottom: 78px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-78 {
    margin-top: 78px !important;
  }
  .mlsp-78 {
    margin-left: 78px !important;
  }
  .mrsp-78 {
    margin-right: 78px !important;
  }
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
  .ptsp-78 {
    padding-top: 78px !important;
  }
  .plsp-78 {
    padding-left: 78px !important;
  }
  .prsp-78 {
    padding-right: 78px !important;
  }
  .pbsp-78 {
    padding-bottom: 78px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-79 {
    margin-top: 79px !important;
  }
  .mlpc-79 {
    margin-left: 79px !important;
  }
  .mrpc-79 {
    margin-right: 79px !important;
  }
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
  .ptpc-79 {
    padding-top: 79px !important;
  }
  .plpc-79 {
    padding-left: 79px !important;
  }
  .prpc-79 {
    padding-right: 79px !important;
  }
  .pbpc-79 {
    padding-bottom: 79px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-79 {
    margin-top: 79px !important;
  }
  .mlsp-79 {
    margin-left: 79px !important;
  }
  .mrsp-79 {
    margin-right: 79px !important;
  }
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
  .ptsp-79 {
    padding-top: 79px !important;
  }
  .plsp-79 {
    padding-left: 79px !important;
  }
  .prsp-79 {
    padding-right: 79px !important;
  }
  .pbsp-79 {
    padding-bottom: 79px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-80 {
    margin-top: 80px !important;
  }
  .mlpc-80 {
    margin-left: 80px !important;
  }
  .mrpc-80 {
    margin-right: 80px !important;
  }
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
  .ptpc-80 {
    padding-top: 80px !important;
  }
  .plpc-80 {
    padding-left: 80px !important;
  }
  .prpc-80 {
    padding-right: 80px !important;
  }
  .pbpc-80 {
    padding-bottom: 80px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-80 {
    margin-top: 80px !important;
  }
  .mlsp-80 {
    margin-left: 80px !important;
  }
  .mrsp-80 {
    margin-right: 80px !important;
  }
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
  .ptsp-80 {
    padding-top: 80px !important;
  }
  .plsp-80 {
    padding-left: 80px !important;
  }
  .prsp-80 {
    padding-right: 80px !important;
  }
  .pbsp-80 {
    padding-bottom: 80px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-81 {
    margin-top: 81px !important;
  }
  .mlpc-81 {
    margin-left: 81px !important;
  }
  .mrpc-81 {
    margin-right: 81px !important;
  }
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
  .ptpc-81 {
    padding-top: 81px !important;
  }
  .plpc-81 {
    padding-left: 81px !important;
  }
  .prpc-81 {
    padding-right: 81px !important;
  }
  .pbpc-81 {
    padding-bottom: 81px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-81 {
    margin-top: 81px !important;
  }
  .mlsp-81 {
    margin-left: 81px !important;
  }
  .mrsp-81 {
    margin-right: 81px !important;
  }
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
  .ptsp-81 {
    padding-top: 81px !important;
  }
  .plsp-81 {
    padding-left: 81px !important;
  }
  .prsp-81 {
    padding-right: 81px !important;
  }
  .pbsp-81 {
    padding-bottom: 81px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-82 {
    margin-top: 82px !important;
  }
  .mlpc-82 {
    margin-left: 82px !important;
  }
  .mrpc-82 {
    margin-right: 82px !important;
  }
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
  .ptpc-82 {
    padding-top: 82px !important;
  }
  .plpc-82 {
    padding-left: 82px !important;
  }
  .prpc-82 {
    padding-right: 82px !important;
  }
  .pbpc-82 {
    padding-bottom: 82px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-82 {
    margin-top: 82px !important;
  }
  .mlsp-82 {
    margin-left: 82px !important;
  }
  .mrsp-82 {
    margin-right: 82px !important;
  }
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
  .ptsp-82 {
    padding-top: 82px !important;
  }
  .plsp-82 {
    padding-left: 82px !important;
  }
  .prsp-82 {
    padding-right: 82px !important;
  }
  .pbsp-82 {
    padding-bottom: 82px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-83 {
    margin-top: 83px !important;
  }
  .mlpc-83 {
    margin-left: 83px !important;
  }
  .mrpc-83 {
    margin-right: 83px !important;
  }
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
  .ptpc-83 {
    padding-top: 83px !important;
  }
  .plpc-83 {
    padding-left: 83px !important;
  }
  .prpc-83 {
    padding-right: 83px !important;
  }
  .pbpc-83 {
    padding-bottom: 83px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-83 {
    margin-top: 83px !important;
  }
  .mlsp-83 {
    margin-left: 83px !important;
  }
  .mrsp-83 {
    margin-right: 83px !important;
  }
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
  .ptsp-83 {
    padding-top: 83px !important;
  }
  .plsp-83 {
    padding-left: 83px !important;
  }
  .prsp-83 {
    padding-right: 83px !important;
  }
  .pbsp-83 {
    padding-bottom: 83px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-84 {
    margin-top: 84px !important;
  }
  .mlpc-84 {
    margin-left: 84px !important;
  }
  .mrpc-84 {
    margin-right: 84px !important;
  }
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
  .ptpc-84 {
    padding-top: 84px !important;
  }
  .plpc-84 {
    padding-left: 84px !important;
  }
  .prpc-84 {
    padding-right: 84px !important;
  }
  .pbpc-84 {
    padding-bottom: 84px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-84 {
    margin-top: 84px !important;
  }
  .mlsp-84 {
    margin-left: 84px !important;
  }
  .mrsp-84 {
    margin-right: 84px !important;
  }
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
  .ptsp-84 {
    padding-top: 84px !important;
  }
  .plsp-84 {
    padding-left: 84px !important;
  }
  .prsp-84 {
    padding-right: 84px !important;
  }
  .pbsp-84 {
    padding-bottom: 84px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-85 {
    margin-top: 85px !important;
  }
  .mlpc-85 {
    margin-left: 85px !important;
  }
  .mrpc-85 {
    margin-right: 85px !important;
  }
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
  .ptpc-85 {
    padding-top: 85px !important;
  }
  .plpc-85 {
    padding-left: 85px !important;
  }
  .prpc-85 {
    padding-right: 85px !important;
  }
  .pbpc-85 {
    padding-bottom: 85px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-85 {
    margin-top: 85px !important;
  }
  .mlsp-85 {
    margin-left: 85px !important;
  }
  .mrsp-85 {
    margin-right: 85px !important;
  }
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
  .ptsp-85 {
    padding-top: 85px !important;
  }
  .plsp-85 {
    padding-left: 85px !important;
  }
  .prsp-85 {
    padding-right: 85px !important;
  }
  .pbsp-85 {
    padding-bottom: 85px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-86 {
    margin-top: 86px !important;
  }
  .mlpc-86 {
    margin-left: 86px !important;
  }
  .mrpc-86 {
    margin-right: 86px !important;
  }
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
  .ptpc-86 {
    padding-top: 86px !important;
  }
  .plpc-86 {
    padding-left: 86px !important;
  }
  .prpc-86 {
    padding-right: 86px !important;
  }
  .pbpc-86 {
    padding-bottom: 86px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-86 {
    margin-top: 86px !important;
  }
  .mlsp-86 {
    margin-left: 86px !important;
  }
  .mrsp-86 {
    margin-right: 86px !important;
  }
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
  .ptsp-86 {
    padding-top: 86px !important;
  }
  .plsp-86 {
    padding-left: 86px !important;
  }
  .prsp-86 {
    padding-right: 86px !important;
  }
  .pbsp-86 {
    padding-bottom: 86px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-87 {
    margin-top: 87px !important;
  }
  .mlpc-87 {
    margin-left: 87px !important;
  }
  .mrpc-87 {
    margin-right: 87px !important;
  }
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
  .ptpc-87 {
    padding-top: 87px !important;
  }
  .plpc-87 {
    padding-left: 87px !important;
  }
  .prpc-87 {
    padding-right: 87px !important;
  }
  .pbpc-87 {
    padding-bottom: 87px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-87 {
    margin-top: 87px !important;
  }
  .mlsp-87 {
    margin-left: 87px !important;
  }
  .mrsp-87 {
    margin-right: 87px !important;
  }
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
  .ptsp-87 {
    padding-top: 87px !important;
  }
  .plsp-87 {
    padding-left: 87px !important;
  }
  .prsp-87 {
    padding-right: 87px !important;
  }
  .pbsp-87 {
    padding-bottom: 87px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-88 {
    margin-top: 88px !important;
  }
  .mlpc-88 {
    margin-left: 88px !important;
  }
  .mrpc-88 {
    margin-right: 88px !important;
  }
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
  .ptpc-88 {
    padding-top: 88px !important;
  }
  .plpc-88 {
    padding-left: 88px !important;
  }
  .prpc-88 {
    padding-right: 88px !important;
  }
  .pbpc-88 {
    padding-bottom: 88px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-88 {
    margin-top: 88px !important;
  }
  .mlsp-88 {
    margin-left: 88px !important;
  }
  .mrsp-88 {
    margin-right: 88px !important;
  }
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
  .ptsp-88 {
    padding-top: 88px !important;
  }
  .plsp-88 {
    padding-left: 88px !important;
  }
  .prsp-88 {
    padding-right: 88px !important;
  }
  .pbsp-88 {
    padding-bottom: 88px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-89 {
    margin-top: 89px !important;
  }
  .mlpc-89 {
    margin-left: 89px !important;
  }
  .mrpc-89 {
    margin-right: 89px !important;
  }
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
  .ptpc-89 {
    padding-top: 89px !important;
  }
  .plpc-89 {
    padding-left: 89px !important;
  }
  .prpc-89 {
    padding-right: 89px !important;
  }
  .pbpc-89 {
    padding-bottom: 89px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-89 {
    margin-top: 89px !important;
  }
  .mlsp-89 {
    margin-left: 89px !important;
  }
  .mrsp-89 {
    margin-right: 89px !important;
  }
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
  .ptsp-89 {
    padding-top: 89px !important;
  }
  .plsp-89 {
    padding-left: 89px !important;
  }
  .prsp-89 {
    padding-right: 89px !important;
  }
  .pbsp-89 {
    padding-bottom: 89px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-90 {
    margin-top: 90px !important;
  }
  .mlpc-90 {
    margin-left: 90px !important;
  }
  .mrpc-90 {
    margin-right: 90px !important;
  }
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
  .ptpc-90 {
    padding-top: 90px !important;
  }
  .plpc-90 {
    padding-left: 90px !important;
  }
  .prpc-90 {
    padding-right: 90px !important;
  }
  .pbpc-90 {
    padding-bottom: 90px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-90 {
    margin-top: 90px !important;
  }
  .mlsp-90 {
    margin-left: 90px !important;
  }
  .mrsp-90 {
    margin-right: 90px !important;
  }
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
  .ptsp-90 {
    padding-top: 90px !important;
  }
  .plsp-90 {
    padding-left: 90px !important;
  }
  .prsp-90 {
    padding-right: 90px !important;
  }
  .pbsp-90 {
    padding-bottom: 90px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-91 {
    margin-top: 91px !important;
  }
  .mlpc-91 {
    margin-left: 91px !important;
  }
  .mrpc-91 {
    margin-right: 91px !important;
  }
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
  .ptpc-91 {
    padding-top: 91px !important;
  }
  .plpc-91 {
    padding-left: 91px !important;
  }
  .prpc-91 {
    padding-right: 91px !important;
  }
  .pbpc-91 {
    padding-bottom: 91px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-91 {
    margin-top: 91px !important;
  }
  .mlsp-91 {
    margin-left: 91px !important;
  }
  .mrsp-91 {
    margin-right: 91px !important;
  }
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
  .ptsp-91 {
    padding-top: 91px !important;
  }
  .plsp-91 {
    padding-left: 91px !important;
  }
  .prsp-91 {
    padding-right: 91px !important;
  }
  .pbsp-91 {
    padding-bottom: 91px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-92 {
    margin-top: 92px !important;
  }
  .mlpc-92 {
    margin-left: 92px !important;
  }
  .mrpc-92 {
    margin-right: 92px !important;
  }
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
  .ptpc-92 {
    padding-top: 92px !important;
  }
  .plpc-92 {
    padding-left: 92px !important;
  }
  .prpc-92 {
    padding-right: 92px !important;
  }
  .pbpc-92 {
    padding-bottom: 92px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-92 {
    margin-top: 92px !important;
  }
  .mlsp-92 {
    margin-left: 92px !important;
  }
  .mrsp-92 {
    margin-right: 92px !important;
  }
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
  .ptsp-92 {
    padding-top: 92px !important;
  }
  .plsp-92 {
    padding-left: 92px !important;
  }
  .prsp-92 {
    padding-right: 92px !important;
  }
  .pbsp-92 {
    padding-bottom: 92px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-93 {
    margin-top: 93px !important;
  }
  .mlpc-93 {
    margin-left: 93px !important;
  }
  .mrpc-93 {
    margin-right: 93px !important;
  }
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
  .ptpc-93 {
    padding-top: 93px !important;
  }
  .plpc-93 {
    padding-left: 93px !important;
  }
  .prpc-93 {
    padding-right: 93px !important;
  }
  .pbpc-93 {
    padding-bottom: 93px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-93 {
    margin-top: 93px !important;
  }
  .mlsp-93 {
    margin-left: 93px !important;
  }
  .mrsp-93 {
    margin-right: 93px !important;
  }
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
  .ptsp-93 {
    padding-top: 93px !important;
  }
  .plsp-93 {
    padding-left: 93px !important;
  }
  .prsp-93 {
    padding-right: 93px !important;
  }
  .pbsp-93 {
    padding-bottom: 93px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-94 {
    margin-top: 94px !important;
  }
  .mlpc-94 {
    margin-left: 94px !important;
  }
  .mrpc-94 {
    margin-right: 94px !important;
  }
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
  .ptpc-94 {
    padding-top: 94px !important;
  }
  .plpc-94 {
    padding-left: 94px !important;
  }
  .prpc-94 {
    padding-right: 94px !important;
  }
  .pbpc-94 {
    padding-bottom: 94px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-94 {
    margin-top: 94px !important;
  }
  .mlsp-94 {
    margin-left: 94px !important;
  }
  .mrsp-94 {
    margin-right: 94px !important;
  }
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
  .ptsp-94 {
    padding-top: 94px !important;
  }
  .plsp-94 {
    padding-left: 94px !important;
  }
  .prsp-94 {
    padding-right: 94px !important;
  }
  .pbsp-94 {
    padding-bottom: 94px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-95 {
    margin-top: 95px !important;
  }
  .mlpc-95 {
    margin-left: 95px !important;
  }
  .mrpc-95 {
    margin-right: 95px !important;
  }
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
  .ptpc-95 {
    padding-top: 95px !important;
  }
  .plpc-95 {
    padding-left: 95px !important;
  }
  .prpc-95 {
    padding-right: 95px !important;
  }
  .pbpc-95 {
    padding-bottom: 95px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-95 {
    margin-top: 95px !important;
  }
  .mlsp-95 {
    margin-left: 95px !important;
  }
  .mrsp-95 {
    margin-right: 95px !important;
  }
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
  .ptsp-95 {
    padding-top: 95px !important;
  }
  .plsp-95 {
    padding-left: 95px !important;
  }
  .prsp-95 {
    padding-right: 95px !important;
  }
  .pbsp-95 {
    padding-bottom: 95px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-96 {
    margin-top: 96px !important;
  }
  .mlpc-96 {
    margin-left: 96px !important;
  }
  .mrpc-96 {
    margin-right: 96px !important;
  }
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
  .ptpc-96 {
    padding-top: 96px !important;
  }
  .plpc-96 {
    padding-left: 96px !important;
  }
  .prpc-96 {
    padding-right: 96px !important;
  }
  .pbpc-96 {
    padding-bottom: 96px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-96 {
    margin-top: 96px !important;
  }
  .mlsp-96 {
    margin-left: 96px !important;
  }
  .mrsp-96 {
    margin-right: 96px !important;
  }
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
  .ptsp-96 {
    padding-top: 96px !important;
  }
  .plsp-96 {
    padding-left: 96px !important;
  }
  .prsp-96 {
    padding-right: 96px !important;
  }
  .pbsp-96 {
    padding-bottom: 96px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-97 {
    margin-top: 97px !important;
  }
  .mlpc-97 {
    margin-left: 97px !important;
  }
  .mrpc-97 {
    margin-right: 97px !important;
  }
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
  .ptpc-97 {
    padding-top: 97px !important;
  }
  .plpc-97 {
    padding-left: 97px !important;
  }
  .prpc-97 {
    padding-right: 97px !important;
  }
  .pbpc-97 {
    padding-bottom: 97px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-97 {
    margin-top: 97px !important;
  }
  .mlsp-97 {
    margin-left: 97px !important;
  }
  .mrsp-97 {
    margin-right: 97px !important;
  }
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
  .ptsp-97 {
    padding-top: 97px !important;
  }
  .plsp-97 {
    padding-left: 97px !important;
  }
  .prsp-97 {
    padding-right: 97px !important;
  }
  .pbsp-97 {
    padding-bottom: 97px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-98 {
    margin-top: 98px !important;
  }
  .mlpc-98 {
    margin-left: 98px !important;
  }
  .mrpc-98 {
    margin-right: 98px !important;
  }
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
  .ptpc-98 {
    padding-top: 98px !important;
  }
  .plpc-98 {
    padding-left: 98px !important;
  }
  .prpc-98 {
    padding-right: 98px !important;
  }
  .pbpc-98 {
    padding-bottom: 98px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-98 {
    margin-top: 98px !important;
  }
  .mlsp-98 {
    margin-left: 98px !important;
  }
  .mrsp-98 {
    margin-right: 98px !important;
  }
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
  .ptsp-98 {
    padding-top: 98px !important;
  }
  .plsp-98 {
    padding-left: 98px !important;
  }
  .prsp-98 {
    padding-right: 98px !important;
  }
  .pbsp-98 {
    padding-bottom: 98px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-99 {
    margin-top: 99px !important;
  }
  .mlpc-99 {
    margin-left: 99px !important;
  }
  .mrpc-99 {
    margin-right: 99px !important;
  }
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
  .ptpc-99 {
    padding-top: 99px !important;
  }
  .plpc-99 {
    padding-left: 99px !important;
  }
  .prpc-99 {
    padding-right: 99px !important;
  }
  .pbpc-99 {
    padding-bottom: 99px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-99 {
    margin-top: 99px !important;
  }
  .mlsp-99 {
    margin-left: 99px !important;
  }
  .mrsp-99 {
    margin-right: 99px !important;
  }
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
  .ptsp-99 {
    padding-top: 99px !important;
  }
  .plsp-99 {
    padding-left: 99px !important;
  }
  .prsp-99 {
    padding-right: 99px !important;
  }
  .pbsp-99 {
    padding-bottom: 99px !important;
  }
}

@media screen and (min-width: 769px) {
  .mtpc-100 {
    margin-top: 100px !important;
  }
  .mlpc-100 {
    margin-left: 100px !important;
  }
  .mrpc-100 {
    margin-right: 100px !important;
  }
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
  .ptpc-100 {
    padding-top: 100px !important;
  }
  .plpc-100 {
    padding-left: 100px !important;
  }
  .prpc-100 {
    padding-right: 100px !important;
  }
  .pbpc-100 {
    padding-bottom: 100px !important;
  }
}

@media screen and (max-width: 768px) {
  .mtsp-100 {
    margin-top: 100px !important;
  }
  .mlsp-100 {
    margin-left: 100px !important;
  }
  .mrsp-100 {
    margin-right: 100px !important;
  }
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
  .ptsp-100 {
    padding-top: 100px !important;
  }
  .plsp-100 {
    padding-left: 100px !important;
  }
  .prsp-100 {
    padding-right: 100px !important;
  }
  .pbsp-100 {
    padding-bottom: 100px !important;
  }
}

/******* mixin.scss *******/
header .headLogoArea .siteTitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

header .headLogoArea .siteTitle span, header .headInq li.tel a span, .secTitleArea h1 span, .commonArea .commonContactArea .contactCont .contactTitle h2, .commonArea .commonContactArea .contactCont ul li a.tel dl dd span {
  font-family: "Oswald", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/******* reset.scss *******/
html {
  font-size: 62.5%;
}

html, body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  margin: 0;
  max-width: 100%;
  min-height: 100%;
  padding: 0;
  text-align: center;
  position: relative;
  -webkit-text-size-adjust: 100%;
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fildset, input, textarea, p, blockquote, table, th, td, address, textarea, input {
  font-weight: 500;
  color: #053E61;
  font-size: 14px;
  font-size: 1.4rem;
  font-style: normal;
  line-height: 180%;
  margin: 0;
  padding: 0;
  word-wrap: break-word;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

caption, th {
  text-align: left;
}

td, th {
  vertical-align: top;
}

fieldset, img, abbr {
  border: none;
}

li {
  list-style-type: none;
}

strong {
  font-weight: bold;
}

a {
  color: #00A0E9;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  display: table;
  content: "";
}

.clearfix:after {
  display: table;
  content: "";
  clear: both;
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.txt-left {
  text-align: left;
}

.w100 {
  width: 100%;
}

.container-box {
  display: block;
  max-width: 1290px;
  padding: 0 15px;
  margin: 0 auto;
}

.main-visual {
  position: relative;
  margin-bottom: 110px;
}

.main-visual .slider img {
  width: 100%;
}

.main-visual .slider-for .slick-arrow {
  z-index: 9;
  width: 80px;
  height: 24px;
}

.main-visual .slider-for .slick-arrow:before {
  display: none;
}

.main-visual .slider-for .slick-arrow.slick-next {
  background: url("../img/common/next-main-visual2.png") no-repeat;
  background-position: right;
}

.main-visual .slider-for .slick-arrow.slick-prev {
  background: url("../img/common/prev-main-visual2.png") no-repeat;
}

.main-visual .slider-nav {
  max-width: 260px;
  position: absolute;
  left: 35px;
  bottom: 30px;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .main-visual .slider-nav {
    left: 0;
    right: 0;
    bottom: auto;
    top: calc(100% + 20px);
    margin: 0 auto;
    width: 180px;
  }
}

.main-visual .slider-nav .item {
  padding: 5px;
  outline: none !important;
  cursor: pointer;
  position: relative;
}

.main-visual .slider-nav .item img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.main-visual .slider-nav .item:after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px;
  border: 1px solid #ccc;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
}

@media screen and (max-width: 768px) {
  .main-visual .slider-nav .item:after {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
  }
}

.main-visual .slider-nav .item.slick-current:after {
  opacity: 1;
  visibility: visible;
}

.main-visual .list-page {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .main-visual .list-page {
    display: none;
  }
}

.scroll-page {
  cursor: pointer;
  z-index: 9;
}

.heading-item {
  color: #053e61;
  font-size: 21px !important;
  font-size: 2.1rem !important;
  margin-bottom: 60px !important;
  font-weight: bold !important;
  letter-spacing: 9px !important;
}

@media screen and (max-width: 768px) {
  .heading-item {
    line-height: 1.6 !important;
    margin-bottom: 20px;
    font-size: 17px !important;
    font-size: 1.7rem !important;
    letter-spacing: 7px !important;
  }
}

.heading-item span {
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 2px;
  font-family: 'Oswald', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

@media screen and (max-width: 768px) {
  .heading-item span {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
}

.tab-menu li {
  float: left;
  width: 20%;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  color: #053e61;
  cursor: pointer;
  padding: 32px 0;
  background: white;
  position: relative;
}

.tab-menu li:before {
  content: "";
  width: 1px;
  height: 25px;
  background: #ccc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tab-menu li span {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #00a0e9;
  font-family: 'Oswald', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  letter-spacing: 1.5px;
}

.tab-menu li.active {
  background: none;
  color: #00a0e9;
  font-weight: bold;
}

.tab-menu li.active:after {
  content: "";
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #00a0e9;
}

.tab-menu li.active:before {
  background: #00a0e9;
}

.show-tab {
  background: #ecf9ff url("../img/top/category_shutter_bg.jpg") no-repeat;
  background-size: cover;
  padding-bottom: 50px;
}

.show-tab.tab_active_0 {
  background: #ecf9ff url("../img/top/category_shutter_bg.jpg") no-repeat;
  background-size: cover;
}

.show-tab.tab_active_1 {
  background: #ecf9ff url("../img/top/category_door_bg.jpg") no-repeat;
  background-size: cover;
}

.show-tab.tab_active_2 {
  background: #ecf9ff url("../img/top/category_partition_bg.jpg") no-repeat;
  background-size: cover;
}

.show-tab.tab_active_3 {
  background: #ecf9ff url("../img/top/category_exterior_bg.jpg") no-repeat;
  background-size: cover;
}

.show-tab.tab_active_4 {
  background: #ecf9ff url("../img/top/category_other_bg.jpg") no-repeat;
  background-size: cover;
}

.show-tab .accordion dl {
  border-bottom: 1px solid #dce5e9;
}

.show-tab .accordion dl dt {
  color: #053e61;
  padding: 20px 18px;
  font-size: 14px;
  font-size: 1.4rem;
  background: white;
  position: relative;
  font-weight: bold;
}

.show-tab .accordion dl dt:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../img/common/icon-dow.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.show-tab .accordion dl dt.active:after {
  background: url(../img/common/icon-up.png) no-repeat;
}

.show-tab .accordion dl dt.active + dd {
  display: block !important;
}

.show-tab .accordion dl dt span {
  display: inline-block;
  margin-left: 12px;
  color: #00a0e9;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: 'Oswald', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.show-tab .accordion dl dd {
  display: none;
  padding: 20px 18px;
}

.show-tab .accordion dl dd .btn {
  padding: 8px 49px;
  font-size: 12px;
  font-size: 1.2rem;
}

.tab-content {
  display: none;
  padding: 70px 5.5%;
}

@media screen and (max-width: 960px) {
  .tab-content {
    padding: 70px 0;
  }
}

.tab-content .btn-container {
  width: 100%;
  float: left;
}

.tab-content.active {
  display: block;
}

.tab-content .list-new-item {
  width: 65.2%;
  float: right;
}

@media screen and (max-width: 960px) {
  .tab-content .list-new-item {
    width: 70%;
  }
}

.tab-content .slider-content-item {
  float: left;
  width: 27.2%;
}

.slider-content-item img {
  width: 100%;
}

.slider-content-item .item {
  outline: none !important;
  position: relative;
}

.slider-content-item .item span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  color: white;
  background: #00a0e9;
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .slider-content-item .item span {
    width: 61px;
    font-size: 8px;
    font-size: 0.8rem;
  }
}

.slider-content-item .slick-arrow {
  width: 40px;
  height: 40px;
  position: absolute;
  top: auto;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  border-top: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .slider-content-item .slick-arrow {
    border: none !important;
    width: 30px;
    height: 30px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.slider-content-item .slick-arrow:before {
  display: none;
}

.slider-content-item .slick-arrow.slick-next {
  right: 0;
  background: white url("../img/common/next.png") no-repeat center center;
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .slider-content-item .slick-arrow.slick-next {
    background: #063e61 url(../img/common/next2.png) no-repeat center center;
    right: -15px;
  }
}

.slider-content-item .slick-arrow.slick-prev {
  left: 0;
  background: white url("../img/common/prev.png") no-repeat center center;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .slider-content-item .slick-arrow.slick-prev {
    background: #063e61 url(../img/common/prev2.png) no-repeat center center;
    left: -15px;
  }
}

.list-new-item .item {
  float: left;
  width: 48.8%;
  margin-bottom: 15px;
  border-bottom: 1px solid #000;
}

.list-new-item .item:nth-child(2n) {
  float: right;
}

@media screen and (max-width: 768px) {
  .list-new-item .item {
    width: 100%;
  }
}

.list-new-item .item a {
  display: block;
  text-decoration: none;
  color: #053e61;
  overflow: hidden;
  -o-transition: ease 0.3s;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}

.list-new-item .item a:hover {
  background: #053e61;
}

.list-new-item .item a:hover .txt {
  color: white;
}

.list-new-item .item .img {
  float: left;
  width: 88px;
}

@media screen and (max-width: 768px) {
  .list-new-item .item .img {
    width: 45px;
  }
}

.list-new-item .item .img img {
  width: 100%;
}

.list-new-item .item .txt {
  float: left;
  width: calc(100% - 88px);
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 6%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 768px) {
  .list-new-item .item .txt {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: calc(100% - 55px);
    float: right;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.list-new-item .item .txt:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url("../img/common/icon-links.png") no-repeat;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .list-new-item .item .txt:after {
    width: 10px;
    height: 10px;
    right: 7px;
  }
}

.section-news {
  background: #ecf9ff;
  margin-bottom: 80px;
  position: relative;
}
.top-banner {
  margin-bottom: 80px;
}
.top-banner .container-box {
  max-width: 100%!important;
}
.top-banner img {
  max-width: 100%;
  height: auto;
}
.flex-items {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .section-news, .top-banner {
    margin-bottom: 30px;
  }
  .flex-items {
    flex-direction: column;
}
}

.section-news:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  height: 55px;
}

@media screen and (max-width: 768px) {
  .section-news:after {
    height: 33px;
  }
}

.section-news .container-box {
  position: relative;
  z-index: 1;
}

.list-news {
  margin: 0 -4px;
  display: block;
}

@media screen and (max-width: 768px) {
  .list-news {
    margin: 0 -2px;
  }
}

.list-news .item {
  float: left;
  padding: 0 4px;
  width: 25%;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .list-news .item {
    width: 33.333%;
  }
}

@media screen and (max-width: 768px) {
  .list-news .item {
    width: 50%;
    padding: 0 2px;
    margin-bottom: 4px;
  }
}

.list-news .item a {
  display: block;
  position: relative;
  text-decoration: underline;
}

.list-news .item a:after {
  content: "";
  width: 1px;
  height: 40px;
  background: white;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .list-news .item a:after {
    height: 20px;
  }
}

.list-news .item img {
  width: 100%;
}

.list-news .item img.img-item {
  width: auto;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  z-index: 1;
  max-width: 28%;
}

@media screen and (max-width: 360px) {
  .list-news .item img.img-item {
    max-width: 24%;
  }
}

.list-news .item .fint-txt {
  position: absolute;
  top: 25px;
  right: 25px;
  bottom: 25px;
  left: 25px;
  background: rgba(28, 109, 146, 0.37);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  -o-transition: ease 0.3s;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}

@media screen and (max-width: 768px) {
  .list-news .item .fint-txt {
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 29%;
    top: 12px;
    right: 12px;
    bottom: 12px;
    left: 12px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media screen and (max-width: 360px) {
  .list-news .item .fint-txt {
    padding-left: 20%;
  }
}

@media screen and (min-width: 769px) {
  .list-news .item:hover .fint-txt {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.list-news-parten {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .list-news-parten {
    margin-bottom: 0;
  }
}

.list-news-parten .item {
  float: left;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
  border-bottom: 1px solid #dce5e9;
  border-left: 1px solid #dce5e9;
}

@media screen and (max-width: 768px) {
  .list-news-parten .item {
    width: 100%;
  }
}

.list-news-parten .item:hover {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.34);
  position: relative;
}

.list-news-parten .item:hover .img img {
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

.list-news-parten .item:nth-child(1) {
  border-right: none;
}

.list-news-parten .item a {
  display: block;
  text-decoration: none;
  background: white;
  padding-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .list-news-parten .item a {
    padding-bottom: 0;
    overflow: hidden;
  }
}

.list-news-parten .item a .img {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .list-news-parten .item a .img {
    float: left;
    width: 130px;
  }
}

.list-news-parten .item a .img img {
  width: 100%;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.list-news-parten .item a .txt {
  height: 120px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #053e61;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 768px) {
  .list-news-parten .item a .txt {
    width: calc(100% - 145px);
    float: right;
    height: 87px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: left;
  }
}

@media screen and (max-width: 350px) {
  .list-news-parten .item a .txt {
    width: calc(100% - 135px);
  }
}

.list-news-parten .item a .txt:after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/common/icon-links.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .list-news-parten .item a .txt:after {
    top: 50%;
    right: 15px;
    left: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}

.information {
  overflow: hidden;
}

.information .contents {
  margin-bottom: 160px;
}

@media screen and (max-width: 768px) {
  .information .contents {
    margin-bottom: 80px;
  }
}

.information .information-sub {
  float: left;
  background: #053e61;
  width: 31.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 23px 0;
}

.information .information-sub .fl {
  margin-right: 15px;
  max-width: 212px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .information .information-sub {
    width: 100%;
  }
  .information .information-sub .fl {
    margin-right: 0;
    position: relative;
    z-index: 1;
  }
}

.information .information-sub:before {
  content: "";
  width: 400%;
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  background: #053e61;
}

@media screen and (max-width: 768px) {
  .information .information-sub:before {
    left: -50%;
  }
}

.information .information-sub .heading-item {
  color: white;
  width: 100%;
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .information .information-sub .heading-item {
    margin-bottom: 25px;
  }
}

.information .information-sub .heading-item span {
  font-weight: 400;
}

.information .information-list {
  float: right;
  width: 63%;
}

@media screen and (max-width: 768px) {
  .information .information-list {
    width: 100%;
  }
}

.information-list dl {
  padding: 17px 30px;
  border-top: 1px solid #dce5e9;
}

@media screen and (max-width: 768px) {
  .information-list dl {
    padding: 12px 0;
  }
}

.information-list dl:last-child {
  border-bottom: 1px solid #dce5e9;
}

.information-list dl dt {
  float: left;
  width: 100px;
  color: #053e61;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  font-family: 'Oswald', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 768px) {
  .information-list dl dt {
    width: 100%;
  }
}

.information-list dl dd {
  float: left;
  width: calc(100% - 100px);
  line-height: 1.8;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .information-list dl dd {
    width: 100%;
  }
}

.information-list dl dd a {
  color: #00a0e9;
  font-size: 13px;
  font-size: 1.3rem;
  text-decoration: none;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .information-list dl dd a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.contact-item {
  position: absolute;
  top: -75px;
  left: 0;
  right: 0;
  width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 1121px) {
  .contact-item {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .contact-item {
    top: -35px;
  }
  .contact-item .slick-arrow {
    width: 23px;
    height: 23px;
    z-index: 9;
  }
  .contact-item .slick-arrow:before {
    display: none;
  }
  .contact-item .slick-arrow.slick-next {
    background: #063e61 url(../img/common/next2.png) no-repeat center center;
  }
  .contact-item .slick-arrow.slick-prev {
    background: #063e61 url(../img/common/prev2.png) no-repeat center center;
  }
}

.contact-item .item {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contact-item .item .fl {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.23);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.23);
  background: white;
  position: relative;
  width: 100%;
  min-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 768px) {
  .contact-item .item .fl {
    min-height: 75px;
  }
}

.contact-item .item a {
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  color: #053e61;
  padding: 10px;
  font-weight: bold;
  outline: none !important;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .contact-item .item a {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 2px;
  }
}

.contact-item .item a:before {
  content: "";
  border: 1px solid #ccc;
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
}

.contact-item .item a span.en {
  font-weight: 400;
  font-size: 11px;
  font-size: 1.1rem;
  color: #00a0e9;
  font-family: 'Oswald', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

@media screen and (max-width: 768px) {
  .contact-item .item a span.en {
    letter-spacing: 0px;
  }
}

.featureProducts > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.featureProducts > ul li {
  width: 49%;
  position: relative;
}

@media screen and (max-width: 960px) {
  .featureProducts > ul li {
    width: 100%;
    margin-bottom: 4%;
  }
  .featureProducts > ul li:last-child {
    margin-bottom: 0;
  }
}

.featureProducts > ul li img {
  width: 100%;
}

.featureProducts > ul li span {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  color: white;
  background: #00a0e9;
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  text-align: center;
}

.arena-top {
  position: relative;
}

.productList > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.productList > ul li {
  border: 1px solid #dce5e9;
  margin-bottom: -1px;
  margin-right: -1px;
  width: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 960px) {
  .productList > ul li {
    width: 50%;
  }
}

.productList > ul li a {
  display: block;
  padding: 28px 28px 110px;
  text-decoration: none;
}

.productList > ul li a:hover {
  opacity: .7;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
}

.productList > ul li:before {
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  background: url("../img/common/small-rounded-arrow.png") no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  bottom: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.productList > ul li figure {
  margin: 0;
}

.productList > ul li figure img {
  width: 100%;
}

.productList > ul li figure figcaption {
  text-align: center;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  color: #053e61;
  margin-top: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.btn {
  display: inline-block;
  font-family: YuGothic, sans-serif;
  color: #053e61;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  border: 4px double #053e61;
  padding: 15px;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.btn:after {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #053e61;
  border-right: 2px solid #053e61;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.btn.btn-white {
  display: block;
  width: 100%;
  color: white;
  border: 1px solid white;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  padding: 4px 0;
  -o-transition: ease 0.3s;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
}

@media screen and (max-width: 768px) {
  .btn.btn-white {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.btn.btn-white:after {
  border-bottom: 1px solid #00a0e9;
  border-right: 1px solid #00a0e9;
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.btn.btn-white:hover {
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

.btn-container {
  text-align: center;
  margin-top: 70px;
}

@media screen and (max-width: 960px) {
  .btn-container {
    margin-top: 30px;
  }
}

.page-products_index .secTitleArea h1 {
  padding: 24px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 330px;
}

@media screen and (max-width: 768px) {
  .pc-new {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .sp-new {
    display: none !important;
  }
}

.contents section h4 {
  color: #053e61;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  padding-left: 15px;
  margin-bottom: 30px;
  border-left: 2px solid #00a0e9;
}

#magazine .contents {
  margin: 0 auto 77px;
}

#magazine .contents .txt-maga {
  color: #053E61;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
}

#magazine .contents .ttl-maga {
  letter-spacing: 9px;
  padding: 19px 0 18px;
  margin-bottom: 47px;
  border-top: 3px solid #053E61;
  border-bottom: 1px dotted #053E61;
  font-size: 140%;
  text-align: center;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  #magazine .contents .ttl-maga {
    letter-spacing: 2px;
    margin-bottom: 35px;
  }
}

#magazine .contents .colArea .colCont .pict {
  position: relative;
  margin: 0 auto 10px;
}

#magazine .contents .colArea .colCont .pict .number {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 55px;
  background-image: -o-linear-gradient(left top, #053F63, #095582, #0B6CA2, #0985C4, #009EE6);
  background-image: -webkit-gradient(linear, left top, right bottom, from(#053F63), color-stop(#095582), color-stop(#0B6CA2), color-stop(#0985C4), to(#009EE6));
  background-image: linear-gradient(to right bottom, #053F63, #095582, #0B6CA2, #0985C4, #009EE6);
  font-size: 16px;
  color: #FFFFFF;
}

#magazine .contents .colArea .colCont .pict .txt {
  position: absolute;
  bottom: 10px;
  left: 75px;
  font-size: 20px;
  color: #FFFFFF;
}

#magazine .contents .colArea .colCont .txt-content {
  font-size: 14px;
  color: #053E61;
}

.contents .link-module {
  margin-top: 27px !important;
}

.contents .link-module .register-mail {
  text-align: center;
}

.contents .link-module .register-mail .link-mail {
  border-style: double;
  border-color: #DE587B;
  color: #DE587B;
  font-size: 20px;
  text-align: center;
  min-width: 488px;
  display: inline-block;
  padding: 15px 32px;
  text-decoration: none;
  margin-bottom: 15px;
  font-weight: bold;
}

.contents .link-module .register-mail .link-mail span {
  font-size: 14px;
}

.contents .link-module .register-mail .link-mail:after {
  right: 32px;
}

@media only screen and (max-width: 768px) {
  .contents .link-module .register-mail .link-mail {
    min-width: 80%;
    padding: 15px;
  }
}

.contents .link-module .register-mail .desc {
  font-size: 12px;
  color: #053E61;
  margin-bottom: 42px;
}

.contents .link-module .register-mail .to-the-top {
  border-style: double;
  border-color: #053E61;
  min-width: 232px;
  font-size: 14px;
  color: #053E61;
  text-decoration: none;
  display: inline-block;
  padding: 16px 21px;
}

.contents .link-module .register-mail .to-the-top:after {
  right: 21px;
}

.contents .link-module .register-mail .after-icon {
  position: relative;
}

.contents .link-module .register-mail .after-icon:after {
  content: "\f105";
  position: absolute;
  top: 50%;
  font-family: "FontAwesome";
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  .contents .link-module .register-mail .after-icon:after {
    right: 15px;
  }
}

.contents #textIntro {
  text-align: center;
  margin: -8px 0 0;
}

.contents #textIntro p {
  line-height: 215%;
}

.contents .gridCom00:after {
  content: "";
  display: block;
  clear: both;
}

.contents #tabCertificate section {
  margin-top: 40px;
}

.contents #tabCertificate section:nth-child(2) {
  margin-top: 50px;
}

.contents #tabCertificate section h3 {
  padding: 18px 0 16px;
  margin-bottom: 40px;
}

.gridCol {
  float: left;
  width: 49%;
  margin-bottom: 2%;
}

.gridCol:nth-of-type(2n-1) {
  margin-right: 2%;
}

@media screen and (max-width: 768px) {
  .gridCol {
    float: none;
    width: 100%;
  }
  .gridCol:not(:last-of-type) {
    margin-bottom: 15px;
  }
}

.gridCol a.linkCom00 {
  display: block;
  border: 1px solid #DCE5E9;
  padding: 25px 10px;
  padding-right: calc(100% - 85%);
  text-align: center;
  color: inherit;
  text-decoration: none;
  position: relative;
  font-size: 15px;
  line-height: 28px;
  background: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .gridCol a.linkCom00 {
    font-size: 100%;
    line-height: 1.2;
    padding: 22px 35px 22px 10px;
    padding-right: 20px;
  }
}

.gridCol a.linkCom00:after {
  content: "";
  position: absolute;
  height: 20px;
  width: 20px;
  right: 18px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../img/product/certificate-index/arrow-right.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .gridCol a.linkCom00:after {
    height: 15px;
    width: 15px;
    right: 0;
  }
}

.gridCol a.linkCom00:hover {
  opacity: .7;
}

.tabCertifate00 {
  background: #ECF9FF;
  padding: 50px 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.tabCertifate00 .gridCom00 {
  margin: 0 auto;
  max-width: 1120px;
}

.backTop {
  padding: 48px 0;
  margin: auto;
  text-align: center;
}

.backTop .backTop-inner {
  display: inline-block;
  padding: 1px 2px;
  border: 1px solid #053E61;
}

.backTop .backTop-inner a {
  padding: 17px 115px;
  border: 1px solid #053E61;
  display: inline-block;
  text-decoration: none;
  color: #053E61;
  position: relative;
  font-weight: bold;
}

.backTop .backTop-inner a:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 5px;
  right: 18px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url(../img/product/certificate-index/backTopArrow.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .backTop .backTop-inner a:after {
    right: 0;
  }
}

/*#product .secTitleArea{
  background-image: url(../img/product/certificate-index/titlePict2.png)!important;
}*/
.container {
  max-width: 1120px;
  margin: 0 auto;
}

.container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.row {
  margin-left: -14px;
  margin-right: -14px;
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

.col-3 {
  padding: 0 14px;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .col-3 {
    width: calc(100 / 3 * 1%);
    float: left;
    margin-bottom: 0;
  }
}

.btn {
  font-size: 14px;
  color: #053E61;
  padding: 15px 108px;
  border: 1px solid #053E61;
  text-decoration: none;
  outline: 1px solid #053E61;
  outline-offset: 2px;
  position: relative;
}

.btn:hover {
  color: #FFFFFF;
  background-color: #053E61;
  border: 1px solid #FFFF;
}

.btn:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0;
  background-image: url("../img/exhibition/right.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 22px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn.btn--style2 {
  padding: 15px 114px;
}

.btn.btn--style3 {
  padding: 3px 30px 3px 20px;
  outline: none;
  border: 1px solid #DCE5E9;
  border-radius: 20px;
}

.btn.btn--style3:after {
  background-image: url("../img/catalog/up.png");
  right: 8px;
}

.btn.btn--style4 {
  background-color: #FFFFFF;
  text-align: center;
  width: 100%;
  line-height: 1.3;
  padding: 22px 35px 22px 10px;
  outline: none;
  border: 1px solid #DCE5E9;
}

@media (min-width: 769px) {
  .btn.btn--style4 {
    padding: 30px 10px;
  }
}

.btn.btn--style4:hover {
  color: #FFFFFF;
  background-color: #053E61;
}

.btn.btn--style4:after {
  background-image: url("../img/catalog/right02.png");
  width: 14px;
  height: 14px;
  background-size: cover;
  right: 10px;
}

@media (min-width: 769px) {
  .btn.btn--style4:after {
    width: 20px;
    height: 20px;
    right: 22px;
  }
}

.btn.btn--style5 {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  width: 276px;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .btn.btn--style5 {
    margin: 0 20px;
  }
}

/* double border button */
.border-btn {
  display: inline-block;
  margin: 0 auto;
  padding: 2px;
  width: 100%;
  max-width: 286px;
  font-size: 14px;
  font-weight: bold;
  color: #053E61;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #053E61;
  text-decoration: none;
}

.border-btn span {
  display: block;
  position: relative;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #053E61;
  color: #053E61;
}

.border-btn span:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0;
  background-image: url("../img/exhibition/right.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 22px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.border-btn:hover {
  color: #FFFFFF;
}

.border-btn:hover span {
  background: #053E61;
  border: 1px solid #FFFF;
  color: #fff;
}
.btn-box .border-btn:nth-child(1):hover span {
  background: #de587b;
  color: #fff;
}

.border-btn:hover span:after {
  background-image: url("../img/exhibition/right-hover.png");
}

.btn-light {
  border-color: #fff;
  color: #fff;
  background-color: transparent;
}

.btn-light span {
  border-color: #fff;
  color: #fff;
}

.btn-light span:after {
  background-image: url(../img/cad/btn-right.png);
}

.btn-light:hover span:after {
  background-image: url(../img/cad/btn-right.png);
}

.wrap-accordion {
  margin-bottom: 80px;
}

.wrap-accordion > h2 {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .wrap-accordion > h2 {
    margin-bottom: 48px;
  }
}

.wrap-accordion > .accordion {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .wrap-accordion > .accordion {
    margin-bottom: 48px;
  }
}

.accordion__item {
  margin-bottom: 21px;
}

.accordion__item.active .accordion-header:after {
  background-image: url("../img/exhibition/minus.jpg");
}

.accordion-header {
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  padding: 0 23px;
  border: 1px solid #DCE5E9;
  position: relative;
  font-size: 18px;
  letter-spacing: 4px;
  color: #053E61;
}

@media (min-width: 768px) {
  .accordion-header {
    height: 80px;
    line-height: 80px;
  }
}

@media (min-width: 768px) {
  .accordion-header {
    font-size: 21px;
  }
}

.accordion-header:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 2px;
  height: 100%;
  background-color: #00A0E9;
}

.accordion-header:after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("../img/exhibition/plus.jpg");
  position: absolute;
  top: 50%;
  right: 30px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media (min-width: 678px) {
  .accordion-header:after {
    width: 22px;
    height: 22px;
  }
}

.accordion-body {
  background-color: #ECF9FF;
  padding: 42px 40px;
  display: none;
}

.box__header {
  background-color: #FFFFFF;
  width: 100%;
  padding: 57px 20px;
  text-align: center;
  margin-bottom: 10px;
  border: 1px solid #DCE5E9;
}

.box__image {
  max-width: 100%;
}

.box__body {
  color: #053E61;
}

.catalog .pdf_thum {
  margin: 5px 10px 5px 5px;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.catalog .pdf_thum img {
  max-width: 100%;
  max-height: 100%;
}

.catalog .contents {
  margin-bottom: 50px;
}

.catalog .secTitle {
  margin-bottom: 0 !important;
}

.catalog .pdf-title .wrap-tab .tabNav {
  overflow: hidden;
  margin-bottom: 40px;
}

.catalog .pdf-title .wrap-tab .tabNav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: calc(100 / 3 * 1%);
  width: 33.33%;
  height: 60px;
  float: left;
  border-top: 1px solid #DCE5E9;
  border-bottom: 1px solid #DCE5E9;
  border-right: 1px solid #DCE5E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

.catalog .pdf-title .wrap-tab .tabNav li:nth-child(3) {
  border-right: 0;
}

@media (min-width: 768px) {
  .catalog .pdf-title .wrap-tab .tabNav li:nth-child(3) {
    border-right: 1px solid #DCE5E9;
  }
}

.catalog .pdf-title .wrap-tab .tabNav li:nth-child(n+4) {
  border-top: 0;
}

@media (min-width: 768px) {
  .catalog .pdf-title .wrap-tab .tabNav li {
    width: calc(100 / 6 * 1%);
    width: 16.6%;
  }
  .catalog .pdf-title .wrap-tab .tabNav li:nth-child(n+3) {
    border-top: 1px solid #DCE5E9;
  }
}

.catalog .pdf-title .wrap-tab .tabNav li:last-child {
  border-right: 0;
}

.catalog .pdf-title .wrap-tab .tabNav li:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0;
  background-image: url("../img/catalog/right.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 10%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.catalog .pdf-title .wrap-tab .tabNav li.c, .catalog .pdf-title .wrap-tab .tabNav li:hover {
  background-color: #053E61;
  color: #FFFFFF;
}

.catalog .pdf-title .wrap-tab .tabNav li.c a, .catalog .pdf-title .wrap-tab .tabNav li:hover a {
  color: #FFFFFF;
}

.catalog .pdf-title .wrap-tab .tabNav li a {
  color: #053E61;
  text-decoration: none;
  cursor: pointer;
  display: block;
  width: 100%;
  font-weight: bold;
  padding: 0 20% 0 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.3;
}

.catalog .pdf-title .wrap-tab .wrap-table {
  overflow-Y: hidden;
  overflow-X: auto;
}

.catalog .pdf-title .wrap-tab .table {
  min-width: 1120px;
}

.catalog .pdf-title .wrap-tab .table td, .catalog .pdf-title .wrap-tab .table th {
  border: 1px solid #DCE5E9;
  padding: 15px 17px;
  vertical-align: middle;
}

.catalog .pdf-title .wrap-tab .table th {
  color: #FFFFFF;
  background-color: #053E61;
  text-align: center;
}

.catalog .pdf-title .wrap-tab .table tr td:last-child {
  color: #00A0E9;
  width: 12.5%;
}

.catalog .pdf-title .wrap-tab .table tr td:last-child span {
  background-color: #00A0E9;
  color: #FFFFFF;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 10px;
  font-size: 10px;
  width: 32px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}

.catalog .pdf-title .wrap-tab .table tr td:nth-child(2) {
  width: 50% !important;
}

.catalog .pdf-title .wrap-tab .table tr td:nth-child(3) {
  width: 15% !important;
}

.catalog .pdf-title .wrap-tab .table tr td:first-child {
  width: 30% !important;
}

.catalog .mbsp-32 {
  margin-bottom: 32px;
}

@media (min-width: 768px) {
  .catalog .mbpc-65 {
    margin-bottom: 65px;
  }
}

.catalog .box {
  background-color: #ECF9FF;
}

.catalog .box .wrap {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 960px) {
  .catalog .box .wrap {
    max-width: 90%;
    margin: 0 auto 12vw;
    padding: 0;
  }
}

@media screen and (max-width: 1160px) {
  .catalog .box .wrap {
    padding: 0 20px;
  }
}

.catalog .box .text {
  padding: 20px;
  font-size: 12px;
}

@media (min-width: 768px) {
  .catalog .box .text {
    margin-left: 180px;
    padding: 43px 15px;
  }
}

.catalog .box .image {
  margin-left: 20px;
  margin-top: 20px;
}

@media (min-width: 768px) {
  .catalog .box .image {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 20px;
    width: 160px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.catalog .buttonCatalog {
  text-align: center;
  padding: 50px 20px;
}

.movieArea {
  font-size: 14px;
  font-size: 1.4rem;
}

.movieArea img {
  max-width: 100%;
}

.movieArea > p {
  text-align: center;
  line-height: 32px;
  margin: 0 0 20px;
  letter-spacing: 2px;
}

@media screen and (max-width: 768px) {
  .movieArea > p {
    line-height: 180%;
  }
}

.movieArea .navPage.col--4 {
  margin: 48px 0 0;
}

.movieArea .navPage.col--5 {
  margin: 48px 0 0;
}

.movieArea .listMovie01 {
  margin: 48px 0 -6px;
}

@media screen and (max-width: 768px) {
  .movieArea .listMovie01 {
    margin: 30px 0 0;
  }
}

.movieArea .listMovie01:after {
  content: "";
  display: block;
  clear: both;
}

.movieArea .listMovie01 li {
  float: left;
  width: calc(100% / 4);
  border: 1px solid #DCE5E9;
  border-right: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 22px 20px;
}

@media screen and (max-width: 768px) {
  .movieArea .listMovie01 li {
    width: 50%;
    padding: 10px 5px;
  }
  .movieArea .listMovie01 li:nth-child(2) {
    border-right: 1px solid #DCE5E9;
    border-bottom: 0;
  }
  .movieArea .listMovie01 li:nth-child(1) {
    border-bottom: 0;
  }
}

.movieArea .listMovie01 li:last-child {
  border-right: 1px solid #DCE5E9;
}

.movie-title {
  margin: 75px 0 -10px;
}

@media screen and (max-width: 768px) {
  .movie-title {
    margin: 20px 0;
  }
}

.page-products_movie_index .tabCont #sec-02,
.page-products_movie_index .tabCont #sec-03,
.page-products_movie_index .tabCont #sec-04 {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .page-products_movie_index .tabCont #sec-02,
  .page-products_movie_index .tabCont #sec-03,
  .page-products_movie_index .tabCont #sec-04 {
    margin-top: 50px;
  }
}

.page-products_movie_index .tabCont #sec-01-01.movie-title.secTitle,
.page-products_movie_index .tabCont #sec-02-01.movie-title.secTitle,
.page-products_movie_index .tabCont #sec-03-01.movie-title.secTitle,
.page-products_movie_index .tabCont #sec-04 + .movie-title.secTitle {
  margin-top: 50px;
}

.page-products_movie_index .tabCont section.ss01 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .page-products_movie_index .tabCont section.ss01 {
    margin-top: 30px;
  }
}

.listMovie li {
  position: relative;
}

.listMovie a {
  color: #053E61;
  text-decoration: none;
  position: relative;
  display: block;
}

.listMovie a:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 5px;
  background: url("../img/product/movie/arrow-down.png");
  background-repeat: no-repeat;
  background-position: center right;
  top: 41%;
  right: 4px;
}

.listMovie02 {
  padding: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 47px 0 48px;
}

@media screen and (max-width: 768px) {
  .listMovie02 {
    padding: 0;
  }
}

.listMovie02 li {
  padding: 0 32px 0 13px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #DCE5E9;
}

.listMovie02 li:last-child {
  border-right: none;
}

@media screen and (max-width: 768px) {
  .listMovie02 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
    line-height: 1.4;
  }
  .listMovie02 li:nth-child(even) {
    border-right: none;
  }
}

.listMovie02 li a {
  display: block;
  width: 100%;
}

.listMovie02 li a:after {
  right: -15px;
  top: 45%;
}

.listMovie03 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.listMovie03 li a {
  padding: 0 32px 0 13px;
}

.ytb-inner {
  margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
  .ytb-inner {
    margin-bottom: 50px;
  }
}

.ytb-inner img {
  width: 480px;
  height: 360px;
}

.ytb-inner:after {
  content: "";
  display: block;
  clear: both;
}

.ytb-inner .ytb-inner-left {
  float: left;
  width: 49%;/* byki width: 480px; */
  overflow: hidden;/* byki*/
}

.ytb-inner .ytb-inner-left .ytb-wrapper {
  background-size: cover;
  background-position: center;
}

@media screen and (max-width: 768px) {
  .ytb-inner .ytb-inner-left {
    float: inherit;
    width: 100%;
  }
}

.ytb-inner .ytb-inner-right {
  float: right;
  width: 51%;/* byki width: 52%; */
  overflow: hidden;/* byki*/
  padding-left: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .ytb-inner .ytb-inner-right {
    float: inherit;
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
  }
}

.ytb-inner .ytb-inner-right .shutter {
  border: 1px solid #DCE5E9;
  border-radius: 4px;
  display: inline-block;
  padding: 1px 10px;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 0;
}

.ytb-inner .ytb-inner-right .inner-right-title {
  font-size: 20px;
  font-size: 2rem;
  border-left: 2px solid #00A0E9;
  padding: 0 14px;
  margin: 22px 0 8px;
  font-weight: bold;
}

.ytb-inner .ytb-inner-right p {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .ytb-inner .ytb-inner-right p {
    margin-bottom: 15px;
  }
}

.ytb-inner .ytb-inner-right .linkytb {
  color: #053E61;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border: 1px solid #DCE5E9;
  border-radius: 20px;
  padding: 3px 32px 3px 16px;
}

.ytb-inner .ytb-inner-right .linkytb:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 8px;
  background: url(../img/product/movie/arrow-right.png);
  background-repeat: no-repeat;
  background-position: center right;
  top: 48%;
  right: 10px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ytb-show {
  display: none;
}

body.modal-active {
  position: relative;
}

body.modal-active:after {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

body.modal-active .ytb-show {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  width: 57%;
  height: 57%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 99999;
}

@media screen and (max-width: 768px) {
  body.modal-active .ytb-show {
    width: 90%;
    height: 50%;
  }
}

body.modal-active .ytb-show img {
  position: absolute;
  top: -70px;
  right: 0;
}

.association .textIntro {
  font-size: 12px;
  text-align: center;
  margin-bottom: 32px;
}

.association .textIntro.txt-left {
  text-align: left !important;
}

.association .button {
  text-align: center;
  margin-bottom: 7px;
}

.association .navPage.col--2 {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .association .navPage.col--2 {
    margin-bottom: 40px;
  }
}

.association .secTitle {
  margin-bottom: 0 !important;
}

.association .navPage.col--3 {
  margin: 50px 0;
}

@media screen and (max-width: 768px) {
  .association .navPage.col--3 {
    margin: 40px 0;
  }
}

.association .wrap-table {
  overflow-Y: hidden;
  overflow-X: auto;
  margin-bottom: 26px;
}

.association .table {
  min-width: 1120px;
}

.association .table td, .association .table th {
  border: 1px solid #DCE5E9;
  padding: 15px 17px;
  vertical-align: middle;
}

.association .table th {
  color: #FFFFFF;
  background-color: #053E61;
  text-align: center;
}

.association .table tr td:last-child {
  color: #00A0E9;
  width: 20%;
}

.association .table tr td:last-child span {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url("../img/catalog/up.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.association .table tr td:nth-child(2) {
  width: 50%;
}

.association .table tr td:first-child {
  width: 30%;
}

.association .item1 {
  margin-bottom: 40px;
}

.association .item2 {
  margin-bottom: 20px;
}

.association .box {
  background-color: #ECF9FF;
  padding: 50px 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.association .box .wrap {
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 960px) {
  .association .box .wrap {
    max-width: 90%;
    margin: 0 auto 12vw;
    padding: 0;
  }
  .association .box .wrap.mb0 {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1160px) {
  .association .box .wrap {
    padding: 0 20px;
  }
}

.association .box-02 {
  text-align: center;
  padding: 50px 5%;
}

.association .box-02 a {
  margin-right: 40px;
}

.association .box-02 a:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .association .box-02 a {
    display: block;
    margin: 0 auto 15px;
  }
  .association .box-02 a:last-child {
    margin-bottom: 0;
    margin-right: auto;
  }
}

.association .box-02.box-pt {
  padding: 5px 0 25px;
}

.association .contents {
  margin-bottom: 40px;
}

.btn-center {
  text-align: center;
  margin: 19px 0 35px;
}

@media screen and (max-width: 768px) {
  .btn-center {
    margin: 10px 0 18px;
  }
}

.table-shutter tr:first-child, .table-shutter td:first-child {
  width: 30% !important;
}

.table-shutter tr:nth-child(2), .table-shutter td:nth-child(2) {
  width: 55% !important;
}

.table-shutter tr:nth-child(3), .table-shutter td:nth-child(3) {
  width: 15% !important;
}

.table-shutter tr span, .table-shutter td span {
  margin-left: 4px;
  margin-top: -5px;
}

.txt-shutter {
  margin-top: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

.nav-shitter2 li a {
  width: 33.33333% !important;
  margin-left: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 20px !important;
}

@media screen and (max-width: 768px) {
  .nav-shitter2 li a {
    width: 100% !important;
    margin-left: 0;
    margin-top: -1px;
  }
}

.nav-shitter2 li:first-child a {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .nav-shitter2 li:first-child a {
    margin-top: 0;
  }
}

.table-shutter02 {
  margin-bottom: 48px !important;
}

.table-shutter02 .table th {
  text-align: center;
  padding: 3px 17px;
}

.table-shutter02 .table tr, .table-shutter02 .table td {
  color: #053E61 !important;
}

.table-shutter02 .table tr:first-child, .table-shutter02 .table td:first-child {
  width: 30% !important;
}

.table-shutter02 .table tr:nth-child(2), .table-shutter02 .table td:nth-child(2) {
  width: 30% !important;
}

.table-shutter02 .table tr:nth-child(3), .table-shutter02 .table td:nth-child(3) {
  width: 20% !important;
}

.table-shutter02 .table tr:nth-child(4), .table-shutter02 .table td:nth-child(4) {
  width: 20% !important;
}

.table-txt-center {
  margin-bottom: 11px !important;
}

.table-txt-center th {
  text-align: center;
  padding: 3px 17px !important;
}

.table-txt-center tr, .table-txt-center td {
  color: #053E61 !important;
}

.wrapTab .tabNav {
  overflow: hidden;
}

.wrapTab .tabNav li {
  width: calc(100 / 4 * 1%);
  float: left;
  position: relative;
}

@media (max-width: 767px) {
  .wrapTab .tabNav li {
    width: 50%;
  }
}

.wrapTab .tabNav li.c {
  background-color: #053E61;
}

.wrapTab .tabNav li.c a {
  color: #fff;
}

.wrapTab .tabNav li:hover {
  background-color: #053E61;
}

.wrapTab .tabNav li:hover a {
  color: #fff;
}

.wrapTab .tabNav li a {
  color: #053E61;
  padding: 18px 21px;
  text-decoration: none;
  cursor: pointer;
  display: block;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .wrapTab .tabNav li a {
    padding: 18px 5px;
  }
}

.wrapTab .tabNav li a:after {
  background: none;
}

.wrapTab .tabNav li:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0;
  background-image: url(../img/catalog/right.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 10%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wrapTab .tabNav li:after {
  right: 18px;
}

@media screen and (max-width: 767px) {
  .wrapTab .tabNav li:after {
    right: 10px;
  }
}

.infoPulldown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.infoPulldown select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.infoPulldown p {
  padding-right: 15px;
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .infoPulldown p {
    padding-right: 8px;
    padding-top: 13px;
  }
}

.infoPulldown .formSelect {
  margin-bottom: 25px;
}

.infoPulldown .formSelect select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  height: 50px;
  width: 240px;
  background: url("../img/information/pull-down.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  border-radius: 4px;
  position: relative;
  border-color: #dce5e9;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .infoPulldown .formSelect select {
    width: 120px;
  }
}

.infoPulldown .formSelect select:focus {
  outline: none;
}

.informationTab-content {
  padding: 0px 0px;
}

.informationTab-content .infomationDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0px 0px 0px;
  border-bottom: 1px solid #dce5e9;
  padding: 20px 0px 14px 35px;
}

@media screen and (max-width: 767px) {
  .informationTab-content .infomationDate {
    padding: 10px 0px 7px 17px;
    display: block;
  }
}

.informationTab-content .infomationDate .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.informationTab-content .infomationDate .date p {
  font-size: 12px;
  font-size: 1.2rem;
}

.informationTab-content .infomationDate .date p.notifi {
  padding: 2px 0;
  background: #00a0e9;
  color: #ffffff;
  margin: 0px 15px;
  position: relative;
  top: -3px;
  min-width: 85px;
  text-align: center;
}

@media screen and (max-width: 992px) {
  .informationTab-content .infomationDate .date p.notifi {
    display: inline-table;
  }
}

.informationTab-content .infomationDate .date p:first-child {
  font-weight: 700;
}

.informationTab-content .infomationDate .date-content {
  font-size: 13px;
  font-size: 1.3rem;
  color: #00a0e9;
}

.pagigation {
  text-align: center;
  margin-top: 45px;
}

@media screen and (max-width: 767px) {
  .pagigation {
    margin-top: 22px;
  }
}

.pagigation .pagigationInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #00a0e9;
}

.pagigation .pagigationInner li {
  display: inline-block;
  padding: 0px 7px;
}

@media screen and (max-width: 767px) {
  .pagigation .pagigationInner li {
    padding: 0px 3px;
  }
}

.pagigation .pagigationInner li.prev, .pagigation .pagigationInner li.next {
  position: relative;
  top: -2px;
}

@media screen and (max-width: 767px) {
  .pagigation .pagigationInner li.prev, .pagigation .pagigationInner li.next {
    top: 0;
  }
}

.pagigation .pagigationInner li.active a {
  color: #000000;
  text-decoration: underline;
}

.pagigation .pagigationInner li.prev {
  position: relative;
  left: -15px;
}

@media screen and (max-width: 767px) {
  .pagigation .pagigationInner li.prev {
    left: -7px;
  }
}

.pagigation .pagigationInner li.next {
  position: relative;
  right: -15px;
}

@media screen and (max-width: 767px) {
  .pagigation .pagigationInner li.next {
    right: -7px;
  }
}

.pagigation .pagigationInner li a {
  text-decoration: none;
}

.detailCad .contents {
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .detailCad .contents {
    margin-bottom: 60px;
  }
}

.detailCad .contents h3 {
  background-color: transparent !important;
  font-size: 140% !important;
  padding: 0px 15px !important;
  line-height: 1.4 !important;
  color: #053e61 !important;
  margin-bottom: 20px !important;
  font-weight: bold !important;
  border-left: 2px solid #00a0e9 !important;
  position: relative;
  letter-spacing: 4px !important;
}

.detailCad .contents .btnRightCad a {
  position: relative;
  display: inline-block;
  padding: 3px 30px 3px 20px;
  color: #053E61;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #DCE5E9;
  border-radius: 20px;
  text-decoration: none;
}

.detailCad .contents .btnRightCad a:after {
  content: '';
  display: block;
  position: absolute;
  top: 48%;
  right: 10px;
}

.detailCad .contents .btnRightCad li:first-child a:after {
  background: url(../img/product/movie/arrow-right.png);
  width: 5px;
  height: 8px;
}

.detailCad .contents .btnRightCad li:last-child a:after {
  background-image: url(../img/catalog/up.png);
  width: 10px;
  height: 10px;
}

.detailCad .contents .buttonCad {
  text-align: center;
}

.detailCad .contents .buttonCad a {
  margin: 0 20px;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  width: 276px;
  padding: 0;
  text-align: center;
  font-size: 14px;
  color: #053E61;
  border: 1px solid #053E61;
  text-decoration: none;
  outline: 1px solid #053E61;
  outline-offset: 2px;
  position: relative;
  font-family: YuGothic, sans-serif;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (max-width: 767px) {
  .detailCad .contents .buttonCad a {
    margin: 20px 10px;
  }
}

.detailCad .contents .buttonCad a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0;
  background-image: url(../img/exhibition/right.png);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 22px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.detailCad .contents .infoDetailWrap .infoDate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 38px;
}

.detailCad .contents .infoDetailWrap .infoDate div {
  font-size: 12px;
  font-size: 1.2rem;
}

.detailCad .contents .infoDetailWrap .infoDate div:nth-child(2) {
  padding: 2px 0;
  background: #00a0e9;
  color: #ffffff;
  margin: 0px 15px;
  position: relative;
  top: -3px;
  min-width: 85px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .detailCad .contents .infoDetailWrap .infoDate div:nth-child(2) {
    display: inline-table;
  }
}

.detailCad .contents .infoDetailWrap .infoBox02 ul {
  overflow: hidden;
}

@media (min-width: 768px) {
  .detailCad .contents .infoDetailWrap .infoBox02 ul {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.detailCad .contents .infoDetailWrap .infoBox02 ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) {
  .detailCad .contents .infoDetailWrap .infoBox02 ul li {
    padding: 0 10px;
    float: left;
    width: 50%;
  }
}

.detailCad .contents .infoDetailWrap .infoBox02 ul li img {
  max-width: 100%;
}

.detailCad .contents .infoDetailWrap .infoBox03 ul {
  overflow: hidden;
}

@media (min-width: 768px) {
  .detailCad .contents .infoDetailWrap .infoBox03 ul {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.detailCad .contents .infoDetailWrap .infoBox03 ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media (min-width: 768px) {
  .detailCad .contents .infoDetailWrap .infoBox03 ul li {
    padding: 0 10px;
    float: left;
    width: calc(100 / 3 * 1%);
  }
}

.detailCad .contents .infoDetailWrap .infoBox03 ul li img {
  max-width: 100%;
}

.detailCad .contents .infoDetailWrap .infoBox04 {
  border: 1px solid #dce5e9;
  padding: 40px;
  margin-bottom: 24px;
}

@media (max-width: 767px) {
  .detailCad .contents .infoDetailWrap .infoBox04 {
    padding: 15px;
  }
}

.otherProductWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 65px;
}

@media screen and (max-width: 960px) {
  .otherProductWrap {
    margin-bottom: 35px;
  }
}

.otherProductWrap:last-child {
  margin-bottom: 0;
}

.otherProductWrap .otherProductTtl {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 33px;
}

.otherProductWrap .otherProductTtl span {
  display: inline-block;
  border: 1px solid #00a0e9;
  border-right: none;
  border-left: none;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #053e61;
  font-family: YuGothic, sans-serif;
  padding: 17px 40px;
}

.otherProductWrap .otherProduct {
  max-width: 540px;
  position: relative;
  width: 49%;
  margin-bottom: 40px;
}

.otherProductWrap .otherProduct:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.otherProductWrap .otherProduct h4 {
  background-color: #f2f5f6;
  border-left: 3px solid #00A0E9;
  font-size: 150%;
  font-weight: 500;
  padding: 20px 25px;
}

.otherProductWrap .otherProduct.style02 h4 {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.otherProductWrap .otherProduct.style02 h4 .icon {
  margin-right: 5px;
}

.otherProductWrap .otherProduct .productType {
  position: absolute;
  top: 15px;
  right: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.otherProductWrap .otherProduct .productType li {
  margin-right: 10px;
  line-height: 140%;
  width: 34px;
}

.otherProductWrap .otherProduct .productType li:last-child {
  margin: 0;
}

.otherProductWrap .otherProduct .productType li img {
  width: 100%;
}

.otherProductWrap .otherProduct .productType li span {
  display: block;
  font-size: 75%;
  text-align: center;
}

.otherProductWrap .otherProduct .otherCont {
  border: 1px solid #DCE5E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 25px;
  position: relative;
}

.otherProductWrap .otherProduct .otherCont .pict {
  max-width: 168px;
  width: 35%;
}

.otherProductWrap .otherProduct .otherCont .pict img {
  width: 100%;
}

.otherProductWrap .otherProduct .otherCont p {
  max-width: 300px;
  font-size: 90%;
  margin: 0;
  width: 62%;
}

.otherProductWrap .otherProduct .otherCont ul {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 25px 0 40%;
  width: 100%;
  position: absolute;
  bottom: 25px;
  right: 0;
}

.otherProductWrap .otherProduct .otherCont ul li {
  border-bottom: 1px solid #DCE5E9;
}

.otherProductWrap .otherProduct .otherCont ul li a {
  background: url(../img/common/icon01.png) no-repeat 97% 50%;
  background-size: 5px;
  display: block;
  color: #053E61;
  font-weight: 700;
  padding: 5px 0;
  text-decoration: none;
}

.otherProductWrap .otherProduct .otherCont ul li a:hover {
  color: #00A0E9;
}

.otherProductWrap .otherProduct .otherCont ul li a .icon {
  margin-right: 5px;
  position: relative;
  top: -1px;
}

.intro-tab .tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.intro-tab .tab-menu li {
  width: 25%;
  border: 1px solid #dce5e9;
  border-right: none;
  color: #053e61;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  text-align: center;
  padding: 15px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-menu li {
    width: 100%;
    border: 1px solid #dce5e9 !important;
  }
}

.intro-tab .tab-menu li:first-child {
  border-left: none;
}

.intro-tab .tab-menu li:last-child {
  border-right: 1px solid #dce5e9;
}

.intro-tab .tab-menu li:hover {
  cursor: pointer;
}

.intro-tab .tab-menu li.active {
  background-color: #ecf9ff;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.intro-tab .tab-content {
  background-color: #f2f5f6;
}

.intro-tab .tab-content .desc, .intro-tab .tab-content .img {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-content .desc, .intro-tab .tab-content .img {
    width: 100%;
    float: none;
  }
}

.intro-tab .tab-content .img img {
  width: 100%;
}

.intro-tab .tab-content .desc {
  padding: 60px;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-content .desc {
    padding: 30px;
  }
}

.intro-tab .tab-content .desc .heading {
  border-bottom: 1px solid #dce5e9;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-content .desc .heading {
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
}

.intro-tab .tab-content .desc .heading span {
  font-family: YuGothic, sans-serif;
  font-weight: bold;
  color: #053e61;
}

.intro-tab .tab-content .desc .heading span.top {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-content .desc .heading span.top {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.intro-tab .tab-content .desc .heading span.bottom {
  line-height: 1.4;
  font-size: 28px;
  font-size: 2.8rem;
}

@media screen and (max-width: 960px) {
  .intro-tab .tab-content .desc .heading span.bottom {
    font-size: 20px;
    font-size: 2rem;
  }
}

.intro-tab .tab-content .desc p {
  color: #053e61;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: YuGothic, sans-serif;
  font-weight: 500;
}
.pdfDownloadIntro .clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.pdfDownloadIntro .clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.pdfDownloadIntro .clearfix {
  display: block;
}
.pdfDownloadIntro .fL {
  float: left;
  width: 45%;
  margin-left: 5%;
}
.pdfDownloadIntro .fR {
  float: right;
  width: 45%;
  margin-left: 5%;
}

.pdfDownloadIntro .heading {
  text-align: center;
  color: #053e61;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  line-height: 2;
  margin-bottom: 15px;
}
.pdfDownloadIntro .headingL {
  text-align: left;
  color: #053e61;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  line-height: 2;
  margin-bottom: 15px;
}
.pdfDownloadIntro .headingR {
  text-align: left;
  color: #053e61;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  line-height: 2;
  margin-bottom: 15px;
}

.pdfDownloadIntro .exerpt {
  text-align: center;
  line-height: 2;
  color: #053e61;
  font-family: YuGothic, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 25px;
}
.pdfDownloadIntro .exerptR {
  text-align: left;
  line-height: 2;
  color: #053e61;
  font-family: YuGothic, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 25px;
}
.pdfDownloadIntro .exerptL {
  text-align: left;
  line-height: 2;
  color: #053e61;
  font-family: YuGothic, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 25px;
}
.pdfDownloadIntro .exerptL img,
.pdfDownloadIntro .exerptR img {
  width: 99%!important;
  margin-bottom: 15px;
}
.pdfDownloadIntro .btn-container {
  margin-top: 10px;
}

.pdfDownloadIntro .button {
  color: #053e61;
  font-family: YuGothic, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  border: 1px solid #dce5e9;
  padding: 10px 45px 10px 20px;
  position: relative;
  border-radius: 80px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  line-height: 1;
}

.pdfDownloadIntro .button .icon {
  margin-right: 5px;
}

.pdfDownloadIntro .button:after {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  border: 2px solid #00a0e9;
  border-left: none;
  border-top: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
      -ms-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  right: 15px;
}

.icon {
  display: inline-block;
}

.icon.pdf-txt {
  color: white;
  font-style: normal;
  background-color: #00a0e9;
  font-size: 10px;
  font-size: 1rem;
  font-family: YuGothic, sans-serif;
  font-weight: 500;
  line-height: 1;
  border-radius: 20px;
  padding: 3px 8px;
}

.btn-container.flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 960px) {
  .btn-container.flex-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.btn-container.flex-row .btn {
  width: 280px;
  margin: 0 20px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 960px) {
  .btn-container.flex-row .btn {
    width: 100%;
    margin: 0 0 20px;
  }
}

.categories-tabs * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.categories-tabs .tab-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
}

.categories-tabs .tab-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 12.5%;
  text-decoration: none;
  border: 1px solid #dce5e9;
  border-left: none;
  padding: 30px 15px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) and (min-width: 376px) {
  .categories-tabs .tab-menu a {
    width: 25%;
    margin-bottom: -1px;
  }
  .categories-tabs .tab-menu a:nth-child(5n) {
    border-left: 1px solid #dce5e9;
  }
}

@media screen and (max-width: 375px) {
  .categories-tabs .tab-menu a {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: -1px;
  }
  .categories-tabs .tab-menu a:nth-child(2n+3) {
    border-left: 1px solid #dce5e9;
  }
}

.categories-tabs .tab-menu a:first-child {
  border-left: 1px solid #dce5e9;
}

.categories-tabs .tab-menu a span {
  display: block;
  line-height: 1.2;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  color: #053e61;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.categories-tabs .tab-menu a:hover {
  cursor: pointer;
}

.categories-tabs .tab-menu a.active {
  background-color: #053e61;
}

.categories-tabs .tab-menu a.active span {
  color: white;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.categories-tabs .tab-menu-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 50px;
}

.categories-tabs .tab-menu-product a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 12.5%;
  text-decoration: none;
  border: 1px solid #dce5e9;
  border-left: none;
  padding: 30px 15px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) and (min-width: 376px) {
  .categories-tabs .tab-menu-product a {
    width: 25%;
    margin-bottom: -1px;
  }
  .categories-tabs .tab-menu-product a:nth-child(5n) {
    border-left: 1px solid #dce5e9;
  }
}

@media screen and (max-width: 375px) {
  .categories-tabs .tab-menu-product a {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: -1px;
  }
  .categories-tabs .tab-menu-product a:nth-child(2n+3) {
    border-left: 1px solid #dce5e9;
  }
}

.categories-tabs .tab-menu-product a:first-child {
  border-left: 1px solid #dce5e9;
}

.categories-tabs .tab-menu-product a span {
  display: block;
  line-height: 1.2;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  color: #053e61;
  font-size: 13px;
  font-size: 1.3rem;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.categories-tabs .tab-menu-product a:hover {
  cursor: pointer;
}

.categories-tabs .tab-menu-product a.active {
  background-color: #053e61;
}

.categories-tabs .tab-menu-product a.active span {
  color: white;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.jumper-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 45px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.jumper-link li {
  border-right: 1px solid #dce5e9;
  margin-right: 16px;
}

@media screen and (max-width: 960px) {
  .jumper-link li {
    width: 100%;
    border-right: none;
    margin-right: 0;
    text-align: center;
  }
}

.jumper-link li:last-child {
  border-right: none;
  margin-right: 0;
}

.jumper-link li a {
  display: inline-block;
  color: #053e61;
  font-size: 14px;
  font-size: 1.4rem;
  text-decoration: none;
  font-family: YuGothic, sans-serif;
  font-weight: 500;
  padding-right: 30px;
  position: relative;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.jumper-link li a:hover {
  color: #00a0e9;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.jumper-link li a:after {
  display: block;
  content: '';
  width: 3px;
  height: 3px;
  background-color: #fff;
  border: 1px solid #00a0e9;
  border-top: none;
  border-left: none;
  position: absolute;
  top: 45%;
  right: 10px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
      -ms-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

#product .colArea .colCont .pict {
  text-align: center;
}

#product .colArea .colCont .pict img {
  width: auto;
  max-width: 100%;
}

.contents section h2 {
  color: #00a0e9;
  font-size: 28px;
  font-size: 2.8rem;
  font-family: YuGothic, sans-serif;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .contents section h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}

.contents section h5 {
  color: #053e61;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: YuGothic, sans-serif;
  margin-bottom: 15px;
}

.methodList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}

@media screen and (max-width: 960px) {
  .methodList {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.methodList .item {
  width: 18.57%;
}

@media (max-width: 767px) {
  .methodList .item {
    width: 48%;
  }
}

.methodList .item .img {
  padding: 23px 46px;
  margin-bottom: 10px;
  border: 1px solid #dce5e9;
}

.methodList .item .img img {
  width: 100%;
}

.methodList .item p {
  font-weight: 500;
  color: #053e61;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: YuGothic, sans-serif;
}

@media (min-width: 768px) {
  .introBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 60px;
  }
}

.introBlock .img {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .introBlock .img {
    width: 265px;
    margin-bottom: 0;
  }
}

.introBlock .img img {
  width: 100%;
}

@media (min-width: 767px) {
  .introBlock .desc {
    width: calc(100% - 280px);
  }
  .introBlock .desc p {
    margin-bottom: 15px;
  }
}

.accordion-pc * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.accordion-pc .accordion-item {
  margin-bottom: 25px;
}

.accordion-pc .accordion-item .accordion-label {
  display: block;
  position: relative;
  width: 100%;
  color: #053e61;
  font-size: 20px;
  font-size: 2rem;
  text-decoration: none;
  background-color: #fff;
  padding: 26px 30px;
  border: 1px solid #dce5e9;
  border-left: 3px solid #00a0e9;
}

@media screen and (max-width: 960px) {
  .accordion-pc .accordion-item .accordion-label {
    padding: 16px 17% 16px 16px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.accordion-pc .accordion-item .accordion-label.disabled {
  background-color: #f2f5f6;
  cursor: default;
  margin-bottom: 50px;
  margin-top: 80px;
}

@media screen and (max-width: 960px) {
  .accordion-pc .accordion-item .accordion-label.disabled {
    margin-bottom: 25px;
    margin-top: 40px;
  }
}

.accordion-pc .accordion-item .accordion-label:not(.disabled):before {
  display: block;
  content: '';
  width: 20px;
  height: 2px;
  background-color: #053e61;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) {
  .accordion-pc .accordion-item .accordion-label:not(.disabled):before {
    width: 15px;
    height: 2px;
  }
}

.accordion-pc .accordion-item .accordion-label:not(.disabled):after {
  display: block;
  content: '';
  width: 20px;
  height: 2px;
  background-color: #053e61;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

@media screen and (max-width: 960px) {
  .accordion-pc .accordion-item .accordion-label:not(.disabled):after {
    width: 15px;
    height: 2px;
  }
}

.accordion-pc .accordion-item .accordion-label.is-clicked:not(.disabled):before {
  -webkit-transform: translateY(-50%) rotate(0);
      -ms-transform: translateY(-50%) rotate(0);
          transform: translateY(-50%) rotate(0);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.accordion-pc .accordion-item .accordion-label.is-clicked:not(.disabled):after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
      -ms-transform: translateY(-50%) rotate(-90deg);
          transform: translateY(-50%) rotate(-90deg);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-backface-visibility: hidden;
}

.accordion-pc .accordion-item .accordion-content {
  display: none;
  width: 100%;
}

.accordion-pc .accordion-item .accordion-content .blue-box-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  background-color: #ecf9ff;
  padding: 30px;
}

.accordion-pc .accordion-item .accordion-content .blue-box-intro .img, .accordion-pc .accordion-item .accordion-content .blue-box-intro .desc {
  width: 49%;
}

@media screen and (max-width: 960px) {
  .accordion-pc .accordion-item .accordion-content .blue-box-intro .img, .accordion-pc .accordion-item .accordion-content .blue-box-intro .desc {
    width: 100%;
    margin-bottom: 20px;
  }
}

.accordion-pc .accordion-item .accordion-content .blue-box-intro .btn-container {
  margin-top: 25px;
}

@media screen and (max-width: 960px) {
  .accordion-pc .accordion-item .accordion-content .blue-box-intro .desc {
    margin-bottom: 0;
  }
}

.accordion-pc .accordion-item .accordion-content .blue-box-intro .img img {
  width: 100%;
}

.text-box {
  padding: 35px;
  border: 1px solid #dce5e9;
  background-color: #fff;
}

.text-box p:last-child {
  margin-bottom: 0;
}

.page-product_porpose .tab-menu li.active:after {
  background: none;
}

.page-product_porpose .tab-menu li:before {
  display: none;
}

.link-refer {
  position: relative;
  padding-left: 17px;
  text-decoration: none;
  color: #00a0e9;
  font-weight: bold;
}

.link-refer:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 10px;
  left: 0;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(../img/catalog/up.png);
}

.reference-ct {
  padding: 36px 40px 34px;
  border: 1px solid #dce5e9;
}

.reference-ct .txt-refer {
  color: #053e61;
  font-weight: 600;
  font-size: 14px;
  font-size: 1.4rem;
}

.reference-ct .txt-refer.br-bt {
  padding-top: 10px;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #dce5e9;
}

.reference-ct .refer-content .font-wb {
  font-weight: 600;
}

.reference-ct .refer-content p {
  padding-bottom: 8px;
}

@media (max-width: 767px) {
  .reference-ct {
    padding: 20px;
  }
}

.content-topic {
  padding: 60px 0 30px;
}

@media (max-width: 767px) {
  .content-topic {
    padding: 30px 0 15px;
  }
}

.content-topic .txt {
  width: 48%;
  float: left;
}

@media (max-width: 767px) {
  .content-topic .txt {
    width: 100%;
    float: none;
  }
}

.content-topic .txt span {
  font-weight: 600;
}

.content-topic .img {
  width: 49%;
  float: right;
  text-align: right;
}

@media (max-width: 767px) {
  .content-topic .img {
    width: 100%;
    float: none;
  }
}

.content-topic .img img {
  max-width: 100%;
}

.ttl-list {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 30px 0px 0px;
}

.sitemap-page .pageInner:first-child .listProduct {
  padding: 30px 0px 20px;
}

.sitemap-page .listProduct {
  padding: 20px 0px 15px;
  border-bottom: 1px solid #dce5e9;
}

.sitemap-page .listProduct .col00 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .sitemap-page .listProduct .col00 {
    display: block;
  }
}

.sitemap-page .listProduct .col00 > a {
  width: 25%;
  font-weight: bold;
  color: #00a0e9;
}

.sitemap-page .listProduct .col00 > a:after {
  top: 12px;
}

@media screen and (max-width: 768px) {
  .sitemap-page .listProduct .col00 > a {
    width: 100%;
  }
  .sitemap-page .listProduct .col00 > a:after {
    top: 7px;
  }
}

.sitemap-page .listProduct .col00 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.sitemap-page .listProduct .col00 ul li {
  width: 33.33%;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .sitemap-page .listProduct .col00 ul {
    display: block;
  }
  .sitemap-page .listProduct .col00 ul li {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sitemap-page .listProduct .col00 {
    width: 100%;
  }
}

.sitemap-page .listProduct .col00 a.bgArrowTop:after, .sitemap-page .listProduct .col00 span.bgArrowTop:after {
  background: url("../img/sitemap/img-01.png");
  height: 10px;
  width: 10px;
}

.sitemap-page .listProduct .col00 a:after, .sitemap-page .listProduct .col00 span:after {
  background: url("../img/sitemap/arrow-right.png");
  height: 8px;
  width: 5px;
}

.sitemap-page .listProduct .col01 {
  margin-bottom: 10px;
}

.sitemap-page .listProduct .col01 ul li {
  width: 25%;
}

.sitemap-page .listProduct .col01 ul li a {
  font-weight: bold;
  color: #00a0e9;
}

@media screen and (max-width: 768px) {
  .sitemap-page .listProduct .col01 ul {
    display: block;
  }
  .sitemap-page .listProduct .col01 ul li {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .sitemap-page .listProduct .col01 {
    margin-bottom: 0 !important;
  }
}

.sitemap-page .listProduct .col01 p a {
  font-weight: bold !important;
  color: #00a0e9 !important;
}

.sitemap-page .listProduct:last-child {
  border-bottom: none;
}

.listProduct {
  padding: 20px 0px 20px;
  border-bottom: 1px solid #dce5e9;
}

.listProduct.listProduct01 a, .listProduct.listProduct01 span {
  color: #00a0e9 !important;
  font-weight: bold;
}

.listProduct.listProduct02 {
  padding-left: 5px;
}

.listProduct.listProduct02:last-child {
  border-bottom: none;
}

.listProduct.listProduct02 .col00 a:after, .listProduct.listProduct02 .col00 span:after {
  background: url("../img/sitemap/img-01.png");
  height: 10px;
  width: 10px;
}

.listProduct:after {
  content: '';
  display: block;
  clear: both;
}

.listProduct .col00 {
  float: left;
  width: calc(100% / 4);
}

@media screen and (max-width: 767px) {
  .listProduct .col00 {
    width: 100%;
  }
}

.listProduct .col00 p, .listProduct .col00 li {
  padding-bottom: 5px;
}

.listProduct .col00.col01 a, .listProduct .col00.col01 span {
  color: #00a0e9;
  font-weight: bold;
}

.listProduct .col00 a, .listProduct .col00 span {
  position: relative;
  padding-left: 10px;
  color: inherit;
  text-decoration: none;
}

.listProduct .col00 a:after, .listProduct .col00 span:after {
  content: '';
  background: url("../img/sitemap/arrow-right.png");
  width: 5px;
  height: 8px;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 7px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.ttlListAcc {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 30px 0px 0px;
}

.btnPtTop {
  margin: 55px 0 80px !important;
}

@media screen and (max-width: 767px) {
  .btnPtTop {
    margin: 11px 0 40px !important;
  }
}

.secTitle.icn-ttl.icn-arrow.icn-arrowTop:before {
  background-image: url(../img/sitemap/img-02.png);
}

#cad .secTitleArea {
  background-image: url(../img/cad/titlePict2.png) !important;
}

@media screen and (max-width: 768px) {
  #cad .catalog .pdf-title .wrap-tab .tabNav li:nth-child(n+3) {
    border-top: 1px solid #DCE5E9;
    border-right: 1px solid #DCE5E9;
    border-left: 1px solid #DCE5E9;
  }
}

#cad .contents section {
  margin-top: 0;
}

#cad .btn-container {
  margin-top: 50px;
}

.cadIndexTop {
  margin-bottom: 65px;
}

.cadIndexTop img {
  vertical-align: middle;
  margin-right: 5px;
}

.cadIndexTop .btn-box .border-btn:nth-child(1) {
  border: 1px solid #de587b;
  color: #de587b;
}

.cadIndexTop .btn-box .border-btn:nth-child(1) span {
  border: 1px solid #de587b;
  color: #de587b;
}
.cadIndexTop .btn-box .border-btn:nth-child(1):hover span {
    color: #fff;
}

.cadIndexTop .btn-box .border-btn:nth-child(1) span:after {
  background-image: url(../img/exhibition/right-red.png);
}

@media screen and (max-width: 768px) {
  .cadIndexTop {
    margin-bottom: 30px;
  }
}

.cadIndexTop p {
  line-height: 2;
  margin-bottom: 28px;
}

.listProduct {
  padding: 20px 0px 52px;
  border: none;
}

.listProduct .col00 {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .listProduct .col00 {
    width: 100%;
  }
}

.listProduct .col00 a, .listProduct .col00 span {
  cursor: pointer;
}

.listProduct .col00 a:after, .listProduct .col00 span:after {
  background: url(../img/cad/squar.png);
  width: 4px;
  height: 4px;
}

.listProduct .col00.col01 a, .listProduct .col00.col01 span {
  color: inherit;
  font-weight: normal;
}

.cadIndex .listProduct li a {
  cursor: pointer;
  pointer-events: auto;
}

.cadAccept {
  margin-bottom: 0 !important;
}

.cadAccept h4 {
  margin-bottom: 10px;
}

.cadAccept .listProduct {
  padding: 0px 0px 0px;
}

.cadAccept .listProduct .col00 {
  width: 100%;
}

.cadAcceptRegist .listProduct {
  padding: 30px 0px 30px;
}

.cadAcceptRegist .listProduct .col00 {
  width: 100%;
}

.cadEditRegist select {
  color: #053E61 !important;
}

@media screen and (max-width: 470px) {
  .cadEditRegist select {
    font-size: 3.4vw !important;
  }
}

@media screen and (max-width: 470px) {
  select {
    font-size: 3.4vw !important;
  }
}

.cadRegistForm {
  border-top: 1px solid #dce5e9;
  border-bottom: 1px solid #dce5e9;
  padding: 24px 0px;
  margin-top: -1px;
}

@media screen and (max-width: 768px) {
  .cadRegistForm {
    padding: 12px 0px;
  }
}

.cadRegistForm:after {
  content: '';
  display: block;
  clear: both;
}

.cadRegistForm .mailDelivery {
  display: inline-block;
  margin-right: 30px;
  padding-top: 10px;
}

.cadRegistForm .mailDelivery input {
  display: inline-block;
  height: auto;
  width: auto;
  margin-right: 10px;
}

.cadRegistForm input, .cadRegistForm select {
  padding-left: 10px;
  width: 100%;
  height: 50px;
  border: 1px solid #dce5e9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 4px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .cadRegistForm input, .cadRegistForm select {
    padding-left: 5px;
    height: 40px;
  }
}

.cadRegistForm input.regisPulldown, .cadRegistForm select.regisPulldown {
  background-image: url("../img/cad/inputDown.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 50px 50px;
}

@media screen and (max-width: 768px) {
  .cadRegistForm input.regisPulldown, .cadRegistForm select.regisPulldown {
    background-size: 40px 40px;
  }
}

.cadRegistForm input.inputAddress00, .cadRegistForm select.inputAddress00 {
  margin-bottom: 10px;
}

.cadRegistForm input.inputAddress00:last-child, .cadRegistForm select.inputAddress00:last-child {
  margin-bottom: 0px;
}

.cadRegistForm input.inputAddress00.inputAddress01, .cadRegistForm select.inputAddress00.inputAddress01 {
  width: 40%;
}

.cadRegistForm select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #a0a0a0;
  font-weight: normal;
  background: #FFFFFF;
  font-size: 1.4rem;
}

.cadRegistForm ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm :-ms-input-placeholder {
  /* IE 10+ */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm :-moz-placeholder {
  /* Firefox 18- */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm .findAddress {
  background: #00a0e9;
  color: #FFFFFF;
  padding: 6px 7px;
  position: relative;
  border-radius: 15px;
  left: 10px;
}

.cadRegistForm .registFormLeft {
  float: left;
  width: 25%;
  padding-top: 15px;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}

.cadRegistForm .registFormLeft:after {
  content: '';
  display: block;
  clear: both;
}

.cadRegistForm .registFormLeft .left01 {
  float: left;
  width: 50%;
  font-weight: bold;
  color: #053e61;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft .left01 {
    float: left;
    width: 34%;
  }
}

.cadRegistForm .registFormLeft .left02 {
  float: right;
  width: 50%;
  padding-left: 21%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft .left02 {
    float: left;
    width: auto;
    padding-left: 0;
  }
}

.cadRegistForm .registFormLeft .left02 span {
  background: #fc6666;
  color: #FFFFFF;
  display: inline-block;
  padding: 0px 7px;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}

@media screen and (max-width: 470px) {
  .cadRegistForm .registFormLeft .left02 span {
    font-size: 3.4vw !important;
  }
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft .left02 span {
    font-size: 1.4rem;
  }
}

.cadRegistForm .registFormRight {
  float: right;
  width: 75%;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormRight {
    width: 100%;
  }
}

.cadRegistForm .registFormRight .right00.right01 {
  width: 100%;
}

.cadRegistForm .registFormRight:after {
  content: '';
  display: block;
  clear: both;
}

.cadRegistForm .registFormRight .right01 {
  float: left;
  width: 48.5%;
}

.cadRegistForm .registFormRight .right01-1 {
  width: 100%;
}

.cadRegistForm .registFormRight .right02 {
  float: right;
  width: 49%;
  position: relative;
}

.cadRegistForm .registFormRight .right02 > span {
  display: inline-block;
  margin-left: -10px;
  top: 25px;
  left: 10px;
  position: absolute;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  color: #053e61;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 470px) {
  .cadRegistForm .registFormRight .right02 > span {
    font-size: 0.8rem !important;
  }
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormRight .right02 > span {
    line-height: 1.6;
    top: 14px;
    font-size: 1.1rem;
  }
}

@media (max-width: 575px) {
  .cadFromRemi form input {
    width: 55% !important;
  }
}

.cadLogin {
  max-width: 630px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.cadLogin form {
  padding: 20px;
  background-color: #053e61;
  color: #fff;
}

@media (min-width: 768px) {
  .cadLogin form {
    padding: 40px;
  }
}

.cadLogin form input {
  height: 50px;
  line-height: 50px;
  width: 70%;
  border-radius: 6px;
  border: 0;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cadLogin form .itemInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}

.cadLogin form label {
  color: #fff;
}

#cad .secTitleArea {
  background-image: url(../img/cad/titlePict2.png) !important;
}

@media screen and (max-width: 768px) {
  #cad .catalog .pdf-title .wrap-tab .tabNav li:nth-child(n+3) {
    border-top: 1px solid #DCE5E9;
    border-right: 1px solid #DCE5E9;
    border-left: 1px solid #DCE5E9;
  }
}

#cad .contents section {
  margin-top: 0;
}

#cad .btn-container {
  margin-top: 50px;
}

.cadIndexTop {
  margin-bottom: 65px;
}

.cadIndexTop img {
  vertical-align: middle;
  margin-right: 5px;
}

.cadIndexTop .btn-box .border-btn:nth-child(1) {
  border: 1px solid #de587b;
  color: #de587b;
}

.cadIndexTop .btn-box .border-btn:nth-child(1) span {
  border: 1px solid #de587b;
}

.cadIndexTop .btn-box .border-btn:nth-child(1) span:after {
  background-image: url(../img/exhibition/right-red.png);
}

@media screen and (max-width: 768px) {
  .cadIndexTop {
    margin-bottom: 30px;
  }
}

.cadIndexTop p {
  line-height: 2;
  margin-bottom: 28px;
}

.listProduct {
  padding: 20px 0px 52px;
  border: none;
}

.listProduct .col00 {
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .listProduct .col00 {
    width: 100%;
  }
}

.listProduct .col00 a, .listProduct .col00 span {
  cursor: pointer;
}

.listProduct .col00 a:after, .listProduct .col00 span:after {
  background: url(../img/cad/squar.png);
  width: 4px;
  height: 4px;
}

.listProduct .col00.col01 a, .listProduct .col00.col01 span {
  color: inherit;
  font-weight: normal;
}

.cadAccept {
  margin-bottom: 0 !important;
}

.cadAccept h4 {
  margin-bottom: 10px;
}

.cadAccept .listProduct {
  padding: 0px 0px 0px;
}

.cadAccept .listProduct .col00 {
  width: 100%;
}

.cadAcceptRegist .listProduct {
  padding: 30px 0px 30px;
}

.cadAcceptRegist .listProduct .col00 {
  width: 100%;
}

.cadRegistForm {
  border-top: 1px solid #dce5e9;
  border-bottom: 1px solid #dce5e9;
  padding: 24px 0px;
  margin-top: -1px;
}

@media screen and (max-width: 768px) {
  .cadRegistForm {
    padding: 12px 0px;
  }
}

.cadRegistForm:after {
  content: '';
  display: block;
  clear: both;
}

.cadRegistForm .mailDelivery {
  display: inline-block;
  margin-right: 30px;
  padding-top: 15px;
}

.cadRegistForm .mailDelivery input {
  display: inline-block;
  height: auto;
  width: auto;
  margin-right: 10px;
}

.cadRegistForm input, .cadRegistForm select {
  padding-left: 10px;
  width: 100%;
  height: 50px;
  border: 1px solid #dce5e9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border-radius: 4px;
  font-weight: normal;
}

@media screen and (max-width: 768px) {
  .cadRegistForm input, .cadRegistForm select {
    padding-left: 5px;
    height: 40px;
  }
}

.cadRegistForm input.regisPulldown, .cadRegistForm select.regisPulldown {
  background-image: url("../img/cad/inputDown.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 50px 50px;
}

@media screen and (max-width: 768px) {
  .cadRegistForm input.regisPulldown, .cadRegistForm select.regisPulldown {
    background-size: 40px 40px;
  }
}

.cadRegistForm input.inputAddress00, .cadRegistForm select.inputAddress00 {
  margin-bottom: 10px;
}

.cadRegistForm input.inputAddress00:last-child, .cadRegistForm select.inputAddress00:last-child {
  margin-bottom: 0px;
}

.cadRegistForm input.inputAddress00.inputAddress01, .cadRegistForm select.inputAddress00.inputAddress01 {
  width: 40%;
}

.cadRegistForm ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm ::-moz-placeholder {
  /* Firefox 19+ */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm :-ms-input-placeholder {
  /* IE 10+ */
  color: #a0a0a0;
  font-weight: normal;
}

.cadRegistForm :-moz-placeholder {
  /* Firefox 18- */
  color: #a0a0a0;
  font-weight: normal;
}

.findAddress {
    display: none;
}
.cadRegistForm .findAddress {
  background: #00a0e9;
  color: #FFFFFF;
  padding: 6px 7px;
  position: relative;
  border-radius: 15px;
  left: 10px;
}

.cadRegistForm .registFormLeft {
  float: left;
  width: 25%;
  padding-top: 15px;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 0px;
  }
}

.cadRegistForm .registFormLeft:after {
  content: '';
  display: block;
  clear: both;
}

.cadRegistForm .registFormLeft .left01 {
  float: left;
  width: 50%;
  font-weight: bold;
  color: #053e61;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft .left01 {
    float: left;
    width: 34%;
  }
}

.cadRegistForm .registFormLeft .left02 {
  float: right;
  width: 50%;
  padding-left: 21%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft .left02 {
    float: left;
    width: auto;
    padding-left: 0;
  }
}

.cadRegistForm .registFormLeft .left02 span {
  background: #fc6666;
  color: #FFFFFF;
  display: inline-block;
  padding: 0px 7px;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
}

@media screen and (max-width: 470px) {
  .cadRegistForm .registFormLeft .left02 span {
    font-size: 3.4vw !important;
  }
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormLeft .left02 span {
    font-size: 1.4rem;
  }
}

.cadRegistForm .registFormRight {
  float: right;
  width: 75%;
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormRight {
    width: 100%;
  }
}

.cadRegistForm .registFormRight .right00.right01 {
  width: 100%;
}

.cadRegistForm .registFormRight:after {
  content: '';
  display: block;
  clear: both;
}

.cadRegistForm .registFormRight .right01 {
  float: left;
  width: 48.5%;
}

.cadRegistForm .registFormRight .right01-1 {
  width: 100%;
}

.cadRegistForm .registFormRight .right02 {
  float: right;
  width: 49%;
  position: relative;
}

.cadRegistForm .registFormRight .right02 > span {
  display: inline-block;
  margin-left: -10px;
  top: 25px;
  left: 10px;
  position: absolute;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  color: #053e61;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 470px) {
  .cadRegistForm .registFormRight .right02 > span {
    font-size: 0.8rem !important;
  }
}

@media screen and (max-width: 768px) {
  .cadRegistForm .registFormRight .right02 > span {
    line-height: 1.6;
    top: 14px;
    font-size: 1.1rem;
  }
}

/* The container */
.container {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #FFFFFF;
  border-radius: 50%;
  border: 1px solid #2196F3;
}

/* On mouse-over, add a grey background color */
/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.cadLogin {
  max-width: 630px;
  margin: 0 auto;
  margin-bottom: 15px;
}

.cadLogin form {
  padding: 20px;
  background-color: #053e61;
  color: #fff;
}

@media (min-width: 768px) {
  .cadLogin form {
    padding: 40px;
  }
}

.cadLogin form input {
  height: 50px;
  line-height: 50px;
  width: 70%;
  border-radius: 6px;
  border: 0;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cadLogin form .itemInput {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px;
}

.cadLogin form label {
  color: #fff;
}

.listCad ul li {
  padding-left: 20px;
  position: relative;
}

.listCad ul li:after {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background: url(../img/cad/squar.png);
  position: absolute;
  top: 10px;
  left: 0;
}

.page-cad_reminder_02 .secTitleArea {
  background-image: url(../img/cad/titlePict2.png) !important;
}

.page-cad_reminder_03 .secTitleArea {
  background-image: url(../img/cad/titlePict2.png) !important;
}

.page-cad_reminder_04 .secTitleArea {
  background-image: url(../img/cad/titlePict2.png) !important;
}

.txtLeft {
  text-align: left !important;
}

.bg-white {
  background: #fff;
  cursor: pointer;
}

.ctReminder {
  margin-bottom: 64px !important;
}

.ctReminder .btn-container {
  margin-top: 36px !important;
}

.reminder-form {
  margin-top: 32px;
}

.reminder-form .ip-remi {
  padding: 25px 0;
  border-bottom: 1px solid #dce5e9;
}

.reminder-form .ip-remi:nth-child(1) {
  border-top: 1px solid #dce5e9;
}

.reminder-form .ip-remi label {
  width: 24.68%;
  display: inline-block;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .reminder-form .ip-remi label {
    width: 100%;
    margin-bottom: 8px;
  }
}

.reminder-form .ip-remi .form-control {
  width: 388px;
  border: 1px solid #dce5e9;
  border-radius: 3px;
  padding: 11px;
}

@media screen and (max-width: 767px) {
  .reminder-form .ip-remi .form-control {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.confirmList {
  margin-bottom: 48px;
  color: #053e61;
}

.confirmList .items {
  padding: 39px 0 38px;
  border-bottom: 1px solid #dce5e9;
}

@media (max-width: 767px) {
  .confirmList .items {
    padding: 19px 0;
  }
}

.confirmList .items:first-child {
  border-top: 1px solid #dce5e9;
}

.confirmList .items .ttlConfirm {
  width: 23.26%;
  float: left;
  font-weight: 600;
}

@media (max-width: 767px) {
  .confirmList .items .ttlConfirm {
    width: 32%;
  }
}

.confirmList .items .txtConfirm {
  padding-left: 2%;
  width: 74.74%;
  float: left;
}

@media (max-width: 767px) {
  .confirmList .items .txtConfirm {
    width: 66%;
  }
}

.contentData {
  margin-bottom: 64px !important;
}

.contentData .secTitle {
  margin-bottom: 0px !important;
}

.contentData .wrapTable {
  overflow-Y: hidden;
  overflow-X: auto;
}

.contentData .wrapTable .table {
  min-width: 1120px;
}

.contentData .wrapTable .table td, .contentData .wrapTable .table th {
  border: 1px solid #DCE5E9;
  padding: 15px 17px;
  vertical-align: middle;
}

.contentData .wrapTable .table th {
  color: #FFFFFF;
  background-color: #053E61;
  text-align: center;
  width: 16.666% !important;
}

.contentData .wrapTable .table .bg-blue {
  background-color: #053E61;
  color: #FFFFFF;
  width: 16.666%;
}

.contentData .wrapTable .table tr td {
  width: 16.666% !important;
}

.contentData .wrapTable .table tr td .linkFdf {
  text-align: center;
}

.contentData .wrapTable .table tr td .linkFdf a {
  text-decoration: none;
}

.contentData .wrapTable .table tr td .linkFdf a:last-child {
  padding-left: 9px;
}

.contentData .txtTop {
  vertical-align: top !important;
}

.page-product2 {
  padding-bottom: 70px;
}

.page-product2 .products2-naviPage {
  max-width: 1120px;
  margin: 0 auto 80px;
}

.wrapper {
  margin: 0 auto;
  text-align: left;
  position: relative;
}

/******header******/
header {
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100px;
  padding-top: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-transition: padding-top 0.3s;
  -o-transition: padding-top 0.3s;
  transition: padding-top 0.3s;
  z-index: 100;
}

header.scroll {
  padding-top: 0;
}

header.scroll .megaMenu {
  top: 153px;
}

header .headCont {
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.08);
}

header .headLogoArea {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100px;
  padding-top: 30px;
  text-align: center;
  position: relative;
}

header .headLogoArea .headLogo {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 205px;
}

header .headLogoArea .headLogo img {
  width: 100%;
}

header .headLogoArea .siteTitle {
  font-size: 155%;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.3em;
}

header .headLogoArea .siteTitle span {
  display: block;
  font-size: 50%;
  font-weight: 400;
  letter-spacing: 0.15em;
}

header .headInq {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .headInq li a {
  display: block;
}

header .headInq li.tel a {
  color: #053E61;
  font-size: 85%;
  padding: 26px 25px 0 0;
  pointer-events: none;
  text-align: right;
  text-decoration: none;
}

header .headInq li.tel a span {
  font-size: 135%;
  display: block;
}

header .headInq li.tel a span:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  background-image: url(../img/common/telIcon01.png);
  display: inline-block;
  margin-right: 8px;
  vertical-align: 0.1em;
}

header .headInq li.mail a {
  background-color: #de587b;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 90%;
  height: 100px;
  padding-top: 27px;
  text-align: center;
  width: 160px;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
  text-decoration: none;
}

header .headInq li.mail a:hover {
  opacity: 0.8;
}

header .headInq li.mail a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 22px;
  width: 33px;
  background-image: url(../img/common/mail.png);
  display: block;
  margin: 0 auto 5px;
}

header .headNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .headNav > li {
  background-color: rgba(255, 255, 255, 0.8);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20%;
}

header .headNav > li:first-child {
  border: none;
}

header .headNav > li > a {
  color: #053E61;
  font-size: 90%;
  display: block;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}

header .headNav > li > a:hover, header .headNav > li > a.active {
  background-color: #053E61;
  color: #fff;
}

header .headNav > li .subMenuTop {
  display: none;
}

header .headNav > li.open > a {
  background-color: #053E61;
  color: #fff;
}

header .headNav > li.open .megaMenu {
  max-height: 550px;
}

header .megaMenu {
  background-color: #053E61;
  max-height: 0;
  overflow: hidden;
  margin: 0 auto;
  max-width: 1360px;
  position: fixed;
  top: 173px;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-transition: max-height ease-out 0.3s;
  -o-transition: max-height ease-out 0.3s;
  transition: max-height ease-out 0.3s;
}

header .megaMenu > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

header .megaMenu > dl:last-of-type > dt {
  border-top: 1px solid #11547E;
}

header .megaMenu > dl > dt {
  max-width: 226px;
  width: 16.6%;
}

header .megaMenu > dl > dt a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 125%;
  font-weight: 500;
  padding: 0 35px;
  text-decoration: none;
}

header .megaMenu > dl > dt a:hover {
  text-decoration: underline;
}

header .megaMenu > dl > dt a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 16px;
  width: 10px;
  background-image: url(../img/common/icon01.png);
  margin-right: 12px;
}

header .megaMenu > dl > dd {
  max-width: 1134px;
  width: 83.4%;
}

header .megaMenu > dl > dd.subMenuTop {
  display: none;
}

header .megaMenu > dl .menuCate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .megaMenu > dl .menuCate dl {
  background: url(../img/common/headMenuBg01.jpg) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 20px;
  width: 25%;
}

header .megaMenu > dl .menuCate dl:nth-of-type(2) {
  background-image: url(../img/common/headMenuBg02.jpg);
}

header .megaMenu > dl .menuCate dl:nth-of-type(3) {
  background-image: url(../img/common/headMenuBg03.jpg);
}

header .megaMenu > dl .menuCate dl:nth-of-type(4) {
  background-image: url(../img/common/headMenuBg04.jpg);
}
header .megaMenu > dl .menuCate dl:nth-of-type(5) {
  background-image: url(../img/common/headMenuBg05.jpg);
}


header .megaMenu > dl .menuCate dl dt {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 20px;
}

header .megaMenu > dl .menuCate dl dt a {
  color: #fff;
  font-size: 105%;
  font-weight: 700;
  display: block;
  padding: 15px 25px;
  text-align: left;
  text-decoration: none;
}

header .megaMenu > dl .menuCate dl dt a:hover {
  text-decoration: underline;
}

header .megaMenu > dl .menuCate dl dt a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 8px;
  width: 5px;
  background-image: url(../img/common/icon01.png);
  display: inline-block;
  margin-right: 8px;
  vertical-align: 0.05em;
}

header .megaMenu > dl .menuCate dl dd {
  padding: 0 25px;
}

header .megaMenu > dl .menuCate dl dd.subMenuTop {
  display: none;
}

header .megaMenu > dl .menuCate dl dd a {
  color: #fff;
  font-size: 90%;
  display: inline-block;
  padding-left: 12px;
  position: relative;
  text-decoration: none;
}

header .megaMenu > dl .menuCate dl dd a:hover {
  text-decoration: underline;
}

header .megaMenu > dl .menuCate dl dd a:before {
  background-color: #00A0E9;
  content: "";
  height: 4px;
  display: block;
  position: absolute;
  top: 11px;
  left: 0px;
  width: 4px;
}

header .megaMenu > dl .menuPur ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .megaMenu > dl .menuPur ul li {
  background: url(../img/common/headMenuBg06.jpg) no-repeat 50% 0;
  background-size: cover;
  border: none;
  height: 128px;
  width: 12.5%;
}

header .megaMenu > dl .menuPur ul li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 90%;
  font-weight: 700;
  line-height: 140%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 0 0;
  text-decoration: none;
  text-align: center;
}

header .megaMenu > dl .menuPur ul li a:hover {
  background-color: #053E61;
}

header .megaMenu > dl .menuPur ul li a:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 42px;
  width: 42px;
  background-image: url(../img/common/headMenuIcon01.png);
  margin: 0 auto 2px;
}

header .megaMenu > dl .menuPur ul li a span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 40px;
}

header .megaMenu > dl .menuPur ul li:nth-child(2) {
  background-image: url(../img/common/headMenuBg07.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(2) a:before {
  background-image: url(../img/common/headMenuIcon02.png);
}

header .megaMenu > dl .menuPur ul li:nth-child(3) {
  background-image: url(../img/common/headMenuBg08.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(3) a:before {
  background-image: url(../img/common/headMenuIcon03.png);
}

header .megaMenu > dl .menuPur ul li:nth-child(4) {
  background-image: url(../img/common/headMenuBg09.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(4) a:before {
  background-image: url(../img/common/headMenuIcon04.png);
}

header .megaMenu > dl .menuPur ul li:nth-child(5) {
  background-image: url(../img/common/headMenuBg10.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(5) a:before {
  background-image: url(../img/common/headMenuIcon05.png);
}

header .megaMenu > dl .menuPur ul li:nth-child(6) {
  background-image: url(../img/common/headMenuBg11.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(6) a:before {
  background-image: url(../img/common/headMenuIcon06.png);
}

header .megaMenu > dl .menuPur ul li:nth-child(7) {
  background-image: url(../img/common/headMenuBg12.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(7) a:before {
  background-image: url(../img/common/headMenuIcon07.png);
}

header .megaMenu > dl .menuPur ul li:nth-child(8) {
  background-image: url(../img/common/headMenuBg13.jpg);
}

header .megaMenu > dl .menuPur ul li:nth-child(8) a:before {
  background-image: url(../img/common/headMenuIcon08.png);
}

/******footer******/
footer {
  background-color: #ecf9ff;
  padding-bottom: 60px;
  text-align: center;
}

footer .footBanner {
  background-color: #fff;
  border-bottom: 1px solid #DCE5E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
}

footer .footBanner li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 1px solid #DCE5E9;
  width: 25%;
}

footer .footBanner li:first-child {
  border-left: none;
}

footer .footBanner li a {
  display: block;
  padding: 20px 0;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
  text-decoration: none;
}

footer .footBanner li a:hover {
  opacity: 0.8;
}

footer .footBanner li a span {
  color: #7a7f82;
  font-size: 85%;
  display: block;
  margin-bottom: 15px;
}

@media screen and (max-width: 1400px) {
  footer .footBanner li a img {
    height: 3.4vw;
  }
}

footer .footLink {
  background-color: #fff;
  border-bottom: 1px solid #DCE5E9;
  border-top: 1px solid #DCE5E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 50px;
  padding: 28px 0;
}

footer .footLink li:before {
  background-color: #DCE5E9;
  content: "";
  display: inline-block;
  margin: 0 20px;
  height: 10px;
  width: 1px;
}

footer .footLink li:first-child:before {
  display: none;
}

footer .footLink li a {
  color: #053E61;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 500;
  -webkit-transition: color 0.6s;
  -o-transition: color 0.6s;
  transition: color 0.6s;
  text-decoration: none;
}

footer .footLink li a:hover {
  color: #00A0E9;
}

footer .footLogo {
  margin: 0 auto 25px;
  width: 205px;
}

footer .footLogo img {
  width: 100%;
}

footer .footCopy {
  color: #7a7f82;
  font-size: 78%;
}

footer .pageTop {
  background-color: #00A0E9;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
  width: 72px;
  position: fixed;
  bottom: 0;
  right: 0;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
  text-decoration: none;
}

footer .pageTop:hover {
  opacity: 0.8;
}

/******contents******/
.secTitleArea {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #DCE5E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 565px;
  margin-bottom: 75px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.secTitleArea:after {
  background-color: #fff;
  content: '';
  height: 35px;
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.secTitleArea h1 {
  background-color: #053E61;
  color: #fff;
  font-size: 150%;
  font-weight: 700;
  letter-spacing: 0.3em;
  line-height: 140%;
  margin-top: 125px;
  padding: 24px 60px;
  text-align: center;
}

.secTitleArea h1 span {
  display: block;
  font-size: 70%;
  font-weight: 500;
  letter-spacing: 1px;
}

.secTitleArea .topicPath {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 auto;
  padding-bottom: 5px;
  max-width: 1120px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.secTitleArea .topicPath li {
  font-size: 85%;
  font-weight: 700;
  margin-left: 5px;
  padding: 0 0 0 13px;
  position: relative;
}

.secTitleArea .topicPath li:before {
  border-bottom: 1px dotted #053E61;
  content: "";
  height: 1px;
  display: block;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 9px;
}

.secTitleArea .topicPath li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.secTitleArea .topicPath li:first-child:before {
  display: none;
}

.secTitleArea02 {
  padding-top: 290px;
}
.secTitleArea02 h1 {
  margin-bottom: 55px;
  font-size: 200%;
  font-weight: bold;
  color: #00a0e9;
  text-align: center;
}

@media screen and (max-width:768px) {
  .secTitleArea02 {
    padding-top: 80px;
  }
}

.contents {
  max-width: 1120px;
  margin: 0 auto 120px;
}

.contents section {
  margin-top: 60px;
}

.contents section h3 {
  border-top: 3px solid #053E61;
  border-bottom: 1px dotted #053E61;
  font-size: 140%;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 21px 0 20px;
  text-align: center;
  letter-spacing: 5px;
}

.contents section p {
  margin-bottom: 35px;
}

.commonArea {
  margin-bottom: 35px;
}

.commonArea .commonBanner {
  border-top: 1px solid #DCE5E9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.commonArea .commonBanner li {
  border-left: 1px solid #DCE5E9;
  width: 33.33%;
}

.commonArea .commonBanner li a {
  background: url(../img/common/banner01.jpg) no-repeat 100% 0;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 195px;
  color: #053E61;
  font-size: 130%;
  font-weight: 700;
  padding: 0 45px;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
  text-decoration: none;
}

.commonArea .commonBanner li a:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1400px) {
  .commonArea .commonBanner li a {
    background-size: cover;
  }
}

.commonArea .commonBanner li:nth-child(1) {
  border-left: none;
}

.commonArea .commonBanner li:nth-child(2) a {
  background-image: url(../img/common/banner02.jpg);
}

.commonArea .commonBanner li:nth-child(3) a {
  background-image: url(../img/common/banner03.jpg);
}

.commonArea .commonContactArea {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0)), color-stop(80%, #fff), to(#fff)), url(../img/common/contactBg.jpg) no-repeat 50% 0;
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff 100%), url(../img/common/contactBg.jpg) no-repeat 50% 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 80%, #fff 80%, #fff 100%), url(../img/common/contactBg.jpg) no-repeat 50% 0;
  background-size: cover;
  padding: 350px 0 0;
}

.commonArea .commonContactArea .contactCont {
  background-color: #fff;
  max-width: 1120px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.commonArea .commonContactArea .contactCont .contactTitle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 35px 40px;
  width: 25%;
}

.commonArea .commonContactArea .contactCont .contactTitle h2 {
  font-size: 240%;
  line-height: 140%;
}

.commonArea .commonContactArea .contactCont .contactTitle p {
  padding-right: 45px;
}

.commonArea .commonContactArea .contactCont ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 75%;
}

.commonArea .commonContactArea .contactCont ul li {
  height: 280px;
  width: 33.333333%;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(1) {
    background-color: #053E61;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) {
    background-color: #00A0E9;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) dt {
    color: #fff;
    font-weight: 700;
    margin-bottom: 20px;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) dt:after {
    background-color: #fff;
    content: "";
    height: 2px;
    display: block;
    margin: 18px auto 0;
    width: 16px;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) dl dd {
    color: #fff;
    font-size: 85%;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) dl dd a {
    pointer-events: none;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) dl dd span {
    font-size: 145%;
    display: block;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
    color: #fff;
    font-weight: bold;
    font-family: "Oswald", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.commonArea .commonContactArea .contactCont ul li:nth-child(2) dl dd span:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    text-indent: 180%;
    white-space: nowrap;
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background-image: url(../img/common/telIcon02.png);
    display: inline-block;
    margin-right: 5px;
    vertical-align: -0.1em;
}

.commonArea .commonContactArea .contactCont ul li a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}

.commonArea .commonContactArea .contactCont ul li a.tel {
  background-color: #053E61;
  pointer-events: none;
}

.commonArea .commonContactArea .contactCont ul li a.tel dl {
  text-align: center;
}

.commonArea .commonContactArea .contactCont ul li a.tel dl dt {
  color: #fff;
  font-weight: 700;
  margin-bottom: 20px;
}

.commonArea .commonContactArea .contactCont ul li a.tel dl dt:after {
  background-color: #fff;
  content: "";
  height: 2px;
  display: block;
  margin: 18px auto 0;
  width: 16px;
}

.commonArea .commonContactArea .contactCont ul li a.tel dl dd {
  color: #fff;
  font-size: 85%;
}

.commonArea .commonContactArea .contactCont ul li a.tel dl dd span {
  font-size: 145%;
  display: block;
  margin-bottom: 10px;
  letter-spacing: 0.15em;
}

.commonArea .commonContactArea .contactCont ul li a.tel dl dd span:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  background-image: url(../img/common/telIcon02.png);
  display: inline-block;
  margin-right: 5px;
  vertical-align: -0.1em;
}

.commonArea .commonContactArea .contactCont ul li a.mail {
  background-color: #de587b;
  color: #fff;
  font-size: 140%;
  font-weight: 700;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-transition: opacity .6s;
  -o-transition: opacity .6s;
  transition: opacity .6s;
  text-decoration: none;
}

.commonArea .commonContactArea .contactCont ul li a.mail:hover {
  opacity: 0.8;
}

.commonArea .commonContactArea .contactCont ul li a.mail:before {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  overflow: hidden;
  text-indent: 180%;
  white-space: nowrap;
  content: "";
  display: block;
  height: 32px;
  width: 49px;
  background-image: url(../img/common/mail.png);
  display: block;
  margin: 0 0 28px;
}

.commonArea .commonContactArea .contactCont ul li:nth-child(2) .tel {
  background-color: #00A0E9;
}

br.sp {
  display: none;
}

/*---module---*/
.bold {
  font-weight: bold;
}

.titleSec {
  color: #053e61;
  padding-left: 15px;
  margin-bottom: 30px;
  border-left: 2px solid #00a0e9;
  background-color: #F2F5F6;
  padding: 16px 18px;
  position: relative;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 4px;
}

@media (min-width: 769px) {
  .titleSec {
    font-size: 21px;
    font-size: 2.1rem;
    padding: 24px 23px;
  }
}

.titleSec:before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #00A0E9;
}

.leadTxt {
  text-align: center;
  margin-bottom: 32px;
  font-size: 12px;
  line-height: 2.2 !important;
  letter-spacing: 1px;
}

@media (min-width: 769px) {
  .leadTxt {
    font-size: 14px !important;
    letter-spacing: 2px;
    line-height: 2 !important;
  }
}

.txtNote {
  font-size: 13px;
}

.topicTitle {
  margin-bottom: 40px !important;
  padding: 21px 0 20px !important;
  font-size: 140% !important;
  font-weight: 700 !important;
  text-align: center !important;
  letter-spacing: 5px !important;
  border-top: 3px solid #053E61 !important;
  border-bottom: 1px dotted #053E61 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  color: #053e61 !important;
}

@media screen and (max-width: 960px) {
  .topicTitle {
    margin-bottom: 30px !important;
    padding: 2vw 0 !important;
    letter-spacing: 3px !important;
  }
  .commonArea .commonContactArea .contactCont ul li:nth-child(2) dl dd a {
        pointer-events: all;
    }
}

.secTitle {
  position: relative;
  padding: 24px 23px !important;
  margin-bottom: 30px !important;
  width: 100% !important;
  height: auto !important;
  color: #053e61 !important;
  font-size: 20px !important;
  font-size: 2rem !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
  letter-spacing: 4px !important;
  text-align: left !important;
  background-color: #F2F5F6 !important;
  border-left: 3px solid #00a0e9 !important;
  -webkit-box-sizing: border-box !important;
          box-sizing: border-box !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  .secTitle {
    padding: 18px 15px !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
  }
}

.secTitle.icn-ttl {
  padding-left: 56px !important;
}

@media screen and (max-width: 768px) {
  .secTitle.icn-ttl {
    padding-left: 35px !important;
  }
}

.secTitle.icn-ttl:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 37px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (max-width: 768px) {
  .secTitle.icn-ttl:before {
    width: 15px;
    height: 15px;
    left: 20px;
  }
}

.secTitle.icn-ttl.icn-arrow:before {
  background-image: url(../img/sitemap/arrow-r.png);
}

.secTitle.titleSmall {
  background-color: transparent !important;
  font-size: 21px !important;
  padding: 0px 15px !important;
  line-height: 1.4 !important;
  color: #053e61 !important;
  margin-bottom: 20px !important;
  font-weight: bold !important;
  border-left: 2px solid #00a0e9 !important;
}

.boxTitle {
  margin-bottom: 22px;
  color: #053e61;
  font-size: 20px !important;
  font-size: 2rem !important;
  border-left: 2px solid #00A0E9;
  padding: 0 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .boxTitle {
    font-size: 17px !important;
    font-size: 1.7rem !important;
  }
}

.btn-radius {
  position: relative;
  display: inline-block;
  padding: 3px 30px 3px 20px;
  color: #053E61;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #DCE5E9;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
}

.btn-radius:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-radius:hover {
  color: #FFFFFF;
  background-color: #053E61;
}

.btn-radius.link-blank:after {
  width: 10px;
  height: 10px;
  border: 0;
  background-image: url(../img/catalog/up.png);
  right: 10px;
}

.btn-radius.link-arrow:after {
  width: 5px;
  height: 8px;
  background: url(../img/product/movie/arrow-right.png);
  top: 48%;
  right: 10px;
}

.btn-box a {
  margin: 0 20px;
}

@media screen and (max-width: 768px) {
  .btn-box a {
    margin: 0 auto 15px;
  }
}

.navPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.navPage li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #DCE5E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.navPage li:first-child {
  border-right: 0;
}

@media screen and (max-width: 768px) {
  .navPage li:first-child {
    border-right: 1px solid #DCE5E9;
    border-bottom: 0;
  }
}

.navPage li a {
  position: relative;
  display: block;
  width: 100%;
  padding: 26px 20px;
  color: #053E61;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 768px) {
  .navPage li a {
    padding: 18px 5px;
  }
}

.navPage li a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background-image: url("../img/catalog/down.png");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 50%;
  right: 20px;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .navPage li a:after {
    right: 10px;
  }
}

.navPage li a:hover {
  opacity: .7;
}

.navPage.col--2 li {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .navPage.col--2 li {
    width: 100%;
  }
}

.navPage.col--3 li {
  width: 33.33%;
}

.navPage.col--3 li:nth-child(2) {
  border-right: 0;
}

@media screen and (max-width: 768px) {
  .navPage.col--3 li {
    width: 100%;
  }
  .navPage.col--3 li:nth-child(2) {
    border-right: 1px solid #DCE5E9;
    border-bottom: 0;
  }
}

.navPage.col--4 li {
  width: 25%;
}

.navPage.col--4 li:nth-child(2), .navPage.col--4 li:nth-child(3) {
  border-right: 0;
}

@media screen and (max-width: 768px) {
  .navPage.col--4 li {
    width: 50%;
  }
  .navPage.col--4 li:nth-child(1) {
    border-right: 0;
  }
  .navPage.col--4 li:nth-child(1), .navPage.col--4 li:nth-child(2) {
    border-bottom: 0;
  }
  .navPage.col--4 li:nth-child(2) {
    border-right: 1px solid #DCE5E9;
  }
}

.navPage.col--5 li {
  width: 20%;
}

.navPage.col--5 li:nth-child(2), .navPage.col--5 li:nth-child(3) {
  border-right: 0;
}

@media screen and (max-width: 768px) {
  .navPage.col--5 li {
    width: 50%;
  }
  .navPage.col--5 li:nth-child(1) {
    border-right: 0;
  }
  .navPage.col--5 li:nth-child(1), .navPage.col--5 li:nth-child(2) {
    border-bottom: 0;
  }
  .navPage.col--5 li:nth-child(2) {
    border-right: 1px solid #DCE5E9;
  }
}
.featureProducts02 {
  margin-right: -2%;
  margin-bottom: -2%;
}
.featureProducts02::after {
  content: '';
  clear: both;
  display: block;
}
.featureProducts02 li {
  float: left;
  width: 18%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.featureProducts02 li img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .featureProducts02 li {
    width: 48%;
  }
}

.certificate-faq-table {
  overflow-Y: hidden;
  overflow-X: auto;
}

.certificate-faq-table .table {
  min-width: 1120px;
}

.certificate-faq-table .table caption {
    font-size: 114%;
    font-weight: bold;
}

.certificate-faq-table .table td,.certificate-faq-table .table th {
  border: 1px solid #DCE5E9;
  padding: 15px 17px;
  vertical-align: middle;
}

.certificate-faq-table .table th {
  color: #FFFFFF;
  background-color: #053E61;
  text-align: center;
}

.certificate-faq-table .table th.w8 {
    width: 8%;
}
.certificate-faq-table .table th.w42 {
    width: 42%;
}
.certificate-faq-table .table th.w50 {
    width: 50%;
}

@media screen and (max-width: 768px) {
  .certificate-faq-table .table {
    min-width: auto;
  }
}
/*---//module---*/

/*# sourceMappingURL=maps/common.css.map */

/*add 20210623*/

  .sp-only{
    display: none;
  }
  @media(max-width: 768px){
    .sp-only{
      display: block;
    }
    .pc-only{
      display: none;
    }
  }
  .container--add{
    max-width: 1120px;
    margin: 40px auto 40px;
    padding: 0 20px 100px;
    position: relative;
    overflow: hidden;
  }
  
  @media screen and (max-width: 768px){
    .container--add{
      margin-top: 10px;
    }
  }

  
  .bg_beau{
    position: relative;
  }
  .bg_beau:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url('/wp-content/themes/bunka_shutter/common/img/green2021/bg.png') no-repeat;
    top: 0;
    left: 0;
    background-size: cover;
    padding-bottom: 90px;
  }
  .add_mv-pc img{
    width: 100%;
  }
  .addRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    flex-wrap: wrap;
  }
  .addCol-6{
    width: 50%;
    box-sizing: border-box;
  }
  @media screen and (max-width: 768px){
    .addCol-6{
      width: 100%;
    }
  }
  .addCol-3{
    width: 25%;
    box-sizing: border-box;
  }
  @media screen and (max-width: 768px){
    .addCol-3{
      width: 100%;
    }
  }
  .elmit .addCol-6{
    padding: 0 40px;
  }
  .box_elmit .addRow{
    margin: 0 -10px;
  }
  .box_elmit .addCol-3{
    padding: 0 10px;
  }
  .addRow.elmit{
    margin: 0 -40px;
  }
  .addRow.elmit{
    margin-bottom: 140px;
  }
  .target{
    font-size: 14px;
    color: #1B8B6A;
    position: relative;
    font-weight: bold;
    text-decoration: inherit;
    padding-right: 50px;
  }
  .target:before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: url('/wp-content/themes/bunka_shutter/common/img/green2021/arrow.png') no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
  }
  .elmit h2{
    font-weight: bold;
    font-size: 35px;
    color: #092F24;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 768px){
    .elmit h2{
      font-size: 25px;
      text-align: left;
      line-height: 1.3;
    }
  }
  .elmit p{
    font-size: 15px;
    color: #092F24;
  }
  @media screen  and (max-width: 768px){
    .elmit p{
      font-size: 13px;
      line-height: 1.8;
    }
  }
  .elmit-item .target{
    margin-top: 30px;
    display: inline-block;
    transition: 0.3s all;
  }
  @media(min-width: 769px){
    .elmit-item .target:hover{
      opacity: 0.6;
    }
  }
  .red{
    display: block;
    color: #DE587B;
    font-weight: bold;
  }
  .box_elmit.elmit h2{
    margin-bottom: 17px;
    text-align: center;
  }
  .box_elmit.elmit > p{
    font-size: 18px;
    text-align: center;
  }
  .box_elmit .addRow{
    margin-top: 35px;
  }
  .box_elmit-item{
    background-color: #053E61;
    position: relative;
    padding-bottom: 80px;
  }
  .box_elmit-item img{
    width: 100%;
    margin-bottom: 17px;
  }
  .box_elmit-item-info h3, .box_elmit-item-info h4{
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4;
  }
  .box_elmit-item-info h3{
    margin-bottom: 1px;
  }
  .box_elmit-item-info h4{
    font-size: 15px;
  }
  .box_elmit-item-info p{
    color: #fff;
    font-size: 12px;
    padding: 0 11px;
    margin-top: 20px;
  }
  .btn_target {
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      background: #fff;
      max-width: 90%;
      border-radius: 35px;
      bottom: -30px;
      text-align: center;
      transition: 0.3s all;
  }
  .btn_target .target{
    padding: 15px 0; 
    display: block;
  }
  @media(min-width: 769px){
    .btn_target:hover {
      opacity: 0.8;
    }
  }
  .contact--form{
    margin-top: 150px;
    height: 140px;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgb(27, 139, 106, 0.2);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .contact--form:before {
     position: absolute;
      content: "";
      width: 98.5%;
      height: 88.5%;
      border: 1px solid #CAEADE;
  }
  .btn--contat{
    background-color: #DE587B;
      text-decoration: inherit;
      text-align: center;
      color: #fff;
      font-weight: bold;
      font-size: 15px;
      display: inline-block;
      max-width: 345px;
      width: 100%;
      padding: 25px 0;
      border-radius: 35px;
      position: relative;
      position: absolute;
      top: -38px;
      left: 0;
      right: 0;
      margin: auto;
      transition: 0.3s all;
  }
  @media(min-width: 769px){
    .btn--contat:hover{
      opacity: 0.8;
    }
  }
  .btn--contat:before{
    position: absolute;
    content: "";
    width: 9px;
    height: 15px;
    background: url('/wp-content/themes/bunka_shutter/common/img/green2021/arrow-right.svg') no-repeat;
    background-size: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 30px;
  }
  .btn--contat-box{
    text-align: center;

  }
  .btn--contat-box ul{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    position: relative;
    z-index: 11;
  }
  .btn--contat-box li.tel a{
    display: flex;
    color: #092F24;
    text-decoration: inherit;
  }
  .btn--contat-box li{
    font-weight: bold;
    color: #092F24;
    margin: 0 15px;
  }
  .btn--contat-box li:first-child{
    font-size: 15px;
  }
  .btn--contat-box li:last-child p{
    font-size: 12px;
  }
  .btn--contat-box li.tel{
    font-size: 26px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .btn--contat-box li.tel img{
    margin-right: 17px;
  }
  @media screen  and (max-width: 768px){
    .elmit-item{
      margin-bottom: 70px;
    }
    .addRow.elmit{
      margin-bottom: 100px;
    }
    .container--add img{
      width: 100%;
    }
    .elmit-item img{
      max-width: 90%;
      margin: auto;
      display: block;
      text-align: center;
    }
    .addRow.elmit:nth-child(2) {
        flex-direction: column-reverse;
        margin-bottom: 50px;
    }
    .box_elmit.elmit > p{
      font-size: 15px;
    }
    .contact--form{
      height: 190px;
    }
    .btn--contat-box ul{
      display: block;
    }
    .btn--contat-box li.tel img{
      max-width: 20px;
    }
    .contact--form:before{
      width: 96.5%;
         height: 92.5%;
    }
    .elmit .slick-next:before{
      display: none;
    }
    .box_elmit .addCol-3{
      padding-bottom: 60px;
    }
    .box_elmit .slick-list{
      padding: 0 35px !important;
    }
    .box_elmit-item{
      height: 330px;
    }
    .elmit .slick-dots li.slick-active button{
      background-color: #fff;
      opacity: 1;
    }
    .elmit .slick-dots li button{
      background-color: #fff;
      opacity: 0.5;
      border: 0;
      width: 15px;
      height: 15px;
    }
    .elmit .addCol-6{
      padding: 0;
    }
    .addRow.elmit{
      margin: 0;
    }
    .btn--contat{
      font-size: 14px;
      padding: 20px 0;
    }
    @media(min-width: 768px) and (max-width: 1023px){
      .box_elmit-item{
        height: 70vw;
      }
    }
  }

  @media screen  and (max-width: 320px){
    .box_elmit-item-info h3{
      font-size: 15px
    }
    .box_elmit-item-info h4{
      font-size: 13px;
    }
    .box_elmit-item{
      height: 260px;
    }
    .target{
      font-size: 12px;
      padding-right: 20px;
    }
    .btn--contat{
      font-size: 13px;
      padding: 15px 0;
    }
    .btn--contat:before{
      width: 7px;
      height: 11px;
    }
  }

  @media(min-width: 769px) and (max-width: 940px){
    .box_elmit-item{
      height: 310px;
    }
    .btn_target{
      padding: 10px 0;
      bottom: -22px;
    }
    .btn_target .target{
      font-size: 12px;
    }
    .btn--contat{
      padding: 15px 0;
      top: -20px;
    }
  }
  footer .footLink{
    position: relative;
    z-index: 1;
  }

  /*fade in up*/
  @-webkit-keyframes fadeup {
    0% {
      transform: translateY(30px);
      opacity: 0;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  @keyframes fadeup {
    0% {
      transform: translateY(30px);
      opacity: 0;
    }
    80% {
      opacity: 1;
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .js-scroll-item{
    opacity: 0;
  }
  .is-shown {
        animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
  }
  .topicPath a {
      color: #00A0E9 !important;
  }
  .pd_banner {
      text-align: center;
      margin-top: 2em;
  }
  .pd_banner img {
      max-width: 100%;
      height: auto;
  }
  .sp_class {
      display: none !important;
  }

  @media screen and (max-width:767px) {
      .pc_class {
          display: none !important;
      }
      .sp_class {
          display: block !important;
      }
  }