@charset "utf-8";

/* CSS Document */
.futureimagepage .contentheader{background-image: url(../images/futureimage-bg-01.jpg);}

.futureimage-catch{margin-bottom: 50px;}

.futureimage-list{padding-bottom: 150px;}
  .futureimage-item{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .futureimage-item:not(:last-of-type){margin-bottom: 50px;}
    .futureimage-summary{
      display: flex;
      flex-direction: column;
      width: 60%;
      }
      .futureimage-item:nth-of-type(even) .futureimage-summary{order: 1;}
      .futureimage-ttl{
        order: 1;
        margin-bottom: 10px;
        }
        .futureimage-ttl-txt{
          font-size: 20px;
          font-weight: 500;
          }
      .futureimage-num{
        order: 0;
        margin-bottom: 10px;
        
        }
        .futureimage-num-txt{
          display: inline-block;
          padding-right: 3px;
          padding-left: 3px;
          font-size: 18px;
          background:linear-gradient(transparent 60%, rgba(255,216,19,.5) 60%);
          }
      .futureimage-detail{order: 2;}
        .futureimage-detail-txt{line-height: 1.8;}

    .futureimage-fig{
      width: calc(40% - 40px);
      border: 1px solid rgba(200,200,200,1);
      /* box-shadow: 13px 13px 0px 0px rgba(255,216,19,.5); */
      }
      .futureimage-item:nth-of-type(even) .futureimage-fig{
        order: 0;
        margin-right: 40px;
        }
      .futureimage-item:nth-of-type(odd) .futureimage-fig{margin-left: 40px;}
    
@media screen and (max-width: 1199px) { }/* max-width: 1199px */

@media screen and (max-width: 991px) {

.futureimage-list{padding-bottom: 100px;}

.futureimage-ttl-txt{font-size: 18px;}
.futureimage-num-txt{font-size: 16px;}

}/* max-width: 991px */

@media screen and (max-width: 767px) {

.futureimage-list{padding-bottom: 80px;}

.futureimage-summary{width: 55%;}
.futureimage-fig{width: calc(45% - 30px);}
.futureimage-ttl-txt{font-size: 16px;}
.futureimage-num-txt{font-size: 14px;}

}/* max-width: 767px */

@media screen and (max-width: 575px) {

.futureimage-summary{
  width: 100%;
  margin-bottom: 20px;
  }
  .futureimage-item:nth-of-type(even) .futureimage-summary{order: 0;}
.futureimage-fig{
  width: 100%;
  margin: 0;
  }
  .futureimage-item:nth-of-type(even) .futureimage-fig{
    order: 1;
    margin-right: 0;
    }
  .futureimage-item:nth-of-type(odd) .futureimage-fig{margin-left: 0;}

}/* max-width: 575px */