/* Scss Document */
/* Scss Document */
/*$c_base: #FFF33F;*/
/*$c_white: #FFF;*/
/*$c_main_30: rgba(0,169,95,.3);*/
#project .project_list {
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between; }
  #project .project_list li {
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin-top: 30px;
    width: 550px;
    background: #000; }
    #project .project_list li:nth-child(-n+2) {
      margin-top: 0; }
    #project .project_list li figure {
      width: 300px; }
    #project .project_list li .text {
      position: relative;
      width: 250px; }
      #project .project_list li .text .ttl {
        position: absolute;
        top: 80px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        color: #FFF;
        font-size: 2.0rem;
        font-weight: bold;
        letter-spacing: .2em;
        line-height: 1.6;
        text-align: center; }
      #project .project_list li .text .type {
        position: absolute;
        bottom: 70px;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        color: #E36652;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: .2em;
        line-height: 1.5;
        text-align: center; }

@media screen and (max-width: 640px) {
  #project .project_list {
    display: block; }
    #project .project_list li {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: flex;
      margin: 0 0 3.3333333333vw;
      width: 100%; }
      #project .project_list li figure {
        width: 46.6666666667vw; }
      #project .project_list li .text {
        width: 46.6666666667vw; }
        #project .project_list li .text .ttl {
          top: 11.6666666667vw;
          font-size: 4vw;
          letter-spacing: 0; }
        #project .project_list li .text .type {
          bottom: 8.3333333333vw;
          font-size: 3.3333333333vw;
          letter-spacing: 0;
          line-height: 1.2; } }