.sec-project {
  padding: 4em 0; }
  .sec-project .project-item {
    padding: 1.5em 0;
    /*box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);*/ }
    .sec-project .project-item .project-summary {
      border-radius: 5px;
      overflow: hidden; }
      @media print, screen and (min-width: 768px) {
        .sec-project .project-item .project-summary {
          -js-display: flex;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .sec-project .project-item .project-summary .thumb {
        padding: 2em 0.5em;
        text-align: center;
        -js-display: flex;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center; }
        .sec-project .project-item .project-summary .thumb img {
          width: 30%; }
        @media print, screen and (min-width: 768px) {
          .sec-project .project-item .project-summary .thumb {
            width: 25%;
            padding: 2em 0.5em; }
            .sec-project .project-item .project-summary .thumb img {
              width: 50%; } }
      .sec-project .project-item .project-summary .text {
        padding: 2em; }
        .sec-project .project-item .project-summary .text dl {
          margin: 0; }
          .sec-project .project-item .project-summary .text dl dt {
            font-weight: bold;
            font-size: 18px;
            font-size: 1.8rem; }
          .sec-project .project-item .project-summary .text dl dd {
            padding-top: 0.5em;
            line-height: 1.5; }
        @media print, screen and (min-width: 768px) {
          .sec-project .project-item .project-summary .text {
            width: 75%;
            padding: 2em 3em; } }
    .sec-project .project-item.project01 .project-summary .thumb {
      background: #94E5D3; }
    .sec-project .project-item.project01 .project-summary .text {
      background: #E4FCF6; }
      .sec-project .project-item.project01 .project-summary .text dl dt {
        color: #44C6AB; }
    .sec-project .project-item.project02 .project-summary .thumb {
      background: #5973F0; }
    .sec-project .project-item.project02 .project-summary .text {
      background: #E8ECFF; }
      .sec-project .project-item.project02 .project-summary .text dl dt {
        color: #5973F0; }
    .sec-project .project-item.project03 .project-summary .thumb {
      background: #F0784F; }
    .sec-project .project-item.project03 .project-summary .text {
      background: #FDEBE5; }
      .sec-project .project-item.project03 .project-summary .text dl dt {
        color: #F0784F; }
    .sec-project .project-item.project04 .project-summary .thumb {
      background: #8B6FC9; }
    .sec-project .project-item.project04 .project-summary .text {
      background: #EDE7FC; }
      .sec-project .project-item.project04 .project-summary .text dl dt {
        color: #8B6FC9; }
    .sec-project .project-item.project05 .project-summary .thumb {
      background: #59D3F0; }
    .sec-project .project-item.project05 .project-summary .text {
      background: #D9F8FF; }
      .sec-project .project-item.project05 .project-summary .text dl dt {
        color: #59D3F0; }
    .sec-project .project-item.project06 .project-summary .thumb {
      background: #90E278; }
    .sec-project .project-item.project06 .project-summary .text {
      background: #EEFAEA; }
      .sec-project .project-item.project06 .project-summary .text dl dt {
        color: #90E278; }
    .sec-project .project-item.project07 .project-summary .thumb {
      background: #FFC155; }
    .sec-project .project-item.project07 .project-summary .text {
      background: #FFF2DD; }
      .sec-project .project-item.project07 .project-summary .text dl dt {
        color: #FFC155; }
    .sec-project .project-item.project08 .project-summary .thumb {
      background: #db79b7; }
    .sec-project .project-item.project08 .project-summary .text {
      background: #fee5f9; }
      .sec-project .project-item.project08 .project-summary .text dl dt {
        color: #db79b7; }
