@media screen and (max-width: 950px) {
  .page-title h1 {
    font-size: 36px; }

  .section-title {
    font-size: 24px;
    margin-bottom: 30px; }

  .proportion .container {
    width: auto; }

  .case-study ul > * + * {
    margin-top: 20px; }
  .case-study ul li {
    height: auto;
    flex-direction: column; }
    .case-study ul li:nth-of-type(odd) {
      flex-direction: column-reverse; }
    .case-study ul li .text-box, .case-study ul li .img-box {
      width: 100%; }
    .case-study ul li .text-box .wrapper {
      padding: 20px 0; }

  .other-case-study .wrapper {
    grid-template-columns: 1fr; }
    .other-case-study .wrapper > * + * {
      margin-top: 20px; }
    .other-case-study .wrapper .center-line {
      display: none; } }
@media screen and (max-width: 550px) {
  .page-title {
    margin-bottom: 50px; }
    .page-title h1 {
      font-size: 24px; }

  .main-area > * + * {
    padding-bottom: 60px; }

  .section-title {
    font-size: 20px; }
    .section-title.small {
      font-size: 18px; }

  .proportion.inner {
    width: 100%; }

  .case-study ul li .text-box .wrapper .title {
    font-size: 18px; }
  .case-study ul li .text-box .wrapper .text {
    font-size: 14px; }

  .other-case-study .wrapper ul .title {
    font-size: 16px; }
  .other-case-study .wrapper ul .text {
    font-size: 14px; } }