.main {
  width: 100%;
  margin-top: 123px; }

.case {
  width: 100%;
  background: #f8f0ee;
  padding: 7% 0; }
  .case .new {
    width: calc(100% - 400px);
    margin: 0 auto;
    padding: 5% 0;
    border-top: 1px #938f90 solid; }
    .case .new img {
      float: left;
      border-radius: 0 50px 0 50px;
      margin-right: 5%;
      max-width: 100%;
      height: auto;
      width: 25%; }
    .case .new span {
      color: #43bbba;
      font-size: 30px;
      margin: 2% 0;
      display: block;
      font-weight: bold; }
    .case .new p {
      color: #120a08;
      line-height: 35px;
      font-size: 20px; }
    .case .new a {
      display: inline-block;
      background: #43bbba;
      width: 110px;
      height: 35px;
      text-decoration: none;
      color: #ffffff;
      border-radius: 5px;
      text-align: center;
      line-height: 35px;
      margin-top: 2%;
      font-size: 16px; }
    .case .new a:hover {
      background: #1e2e3b; }
  .case .page {
    background: #ffffff;
    margin: 2% auto;
    width: 450px;
    line-height: 50px;
    text-align: center;
    border-radius: 10px; }
    .case .page a {
      text-decoration: none;
      color: #8c8b89;
      margin: 0 20px; }
    .case .page a:hover,
    .case .page a:active {
      text-decoration: underline; }

@media screen and (min-width: 800px) and (max-width: 1270px) {
  .case .new {
    width: calc(100% - 200px); } }
@media screen and (min-width: 0px) and (max-width: 800px) {
  .case .new {
    width: calc(100% - 100px);
    font-size: 16px; } }
.page .page-numbers {
  display: flex;
  justify-content: center; }

/*# sourceMappingURL=case.css.map */