.work-1 {padding: 120px 0 140px 0; }
.work-1 ul { max-width: 1120px; padding: 0 20px; margin: 0 auto;}
.work-1 ul li { padding: 0;  margin-bottom: 120px; position: relative; display: flex; justify-content: flex-start;}
.work-1 ul li:nth-child(2n) { justify-content: flex-end;}
.work-1 ul li:after { content: ''; width: 70%; height: 8px; background-color: #f4f4f4; position: absolute; bottom: 55px; right: 0; z-index: -1; display: block;}
.work-1 ul li:nth-child(2n):after { right: inherit; left: 0;}
.work-1 ul li div.left,.work-1 ul li div.right {width: 50%;}
.work-1 ul li div.right h2,.work-1 ul li div.left h2.for-phone {margin-bottom: 30px; font-size: 2.8125rem; font-weight: 700; color: #005bac; text-align: left; text-transform: uppercase; line-height: 1.2;}
.work-1 ul li:nth-child(1) div.right h2 { margin-top: 45px;}
.work-1 ul li:nth-child(2) div.right h2 { margin-top: 65px;}
.work-1 ul li:nth-child(3) div.right h2 { margin-top: 80px;}
.work-1 ul li div.right { max-width: 370px;}
.work-1 ul li div.right div.link { margin-bottom: 55px; display: flex;}
.work-1 ul li div.right div.link a { width: 155px; height: 50px; display: flex; align-items: center; justify-content: center;}
.work-1 ul li div.right div.link a.dl {margin-right: 5px; background-color: #212121; color: #fff;}
.work-1 ul li div.right div.link a.md {margin-left: 5px; background-color: #ececec;}
.work-1 ul li div.left { position: relative;}
.work-1 ul li div.left img { position: relative; left: 120px; top: 0px;}
.work-1 ul li div.left h2.for-phone { display: none;}

@media (max-width:1023px) {
  .work-1 ul li { flex-direction: column; align-items: center;  }
  .work-1 ul li:after { width: 100%; bottom: 80px; }
  .work-1 ul li:last-child:after { display: none; }
  .work-1 ul li div.left, .work-1 ul li div.right {width: 100%; }
  .work-1 ul li div.left { display: flex; align-items: center; justify-content: center; flex-direction: column;}
  .work-1 ul li div.left img { left: 0; top: 0;}
  .work-1 ul li div.right { display: flex; justify-content: space-around;}
  .work-1 ul li div.left h2.for-phone { width: 80%; text-align: center; display: block;}
  .work-1 ul li:nth-child(2n) div.left { order: 0; }
  .work-1 ul li:nth-child(2n) div.right { order: 1; }
  .work-1 ul li div.right div.link { max-width: 100%;}	
}

@media (max-width:767px) {
  .work-1 { padding: 60px 0 80px 0;}
  .work-1 ul { padding: 0 10px;}
  .work-1 ul li { margin-bottom: 60px; }
  .work-1 ul li div.left h2.for-phone {width: 100%; font-size: 2rem;}
  .work-1 ul li div.left { padding-bottom: 50px; opacity: 1;}
  .work-1 ul li div.right { height: 50px; z-index: 3; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease;  -o-transition: all 1s ease;  -ms-transition: all 1s ease;}
  .work-1 ul li div.right h2{ display: none;  }
  .work-1 ul li div.right div.link a { width: 50vw; }
  .work-1 ul li div.right div.link a { transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; }
}