main {
  background-image: url(../_img/common/bg.jpg);
  background-attachment: fixed;
  color: #fff;
}

.icon-line {
  display:flex;
  justify-content:space-between;
  margin:80px 0 0;
}
.icon-line li { width:calc(97% / 4); }
.icon-line li img {  }
.catch-img img {
  max-width:600px;
  width:100%;
  margin:0 auto 20px;
}
.lead-text { margin-top:0; margin-bottom:0; }
.project {
  display:flex;
  justify-content:space-between;
  margin-top:60px;
}
.project__cap { margin-top:5px; text-align:right; font-size:12px; }
.project-img { width:48.5%; }

.project-3rd { margin-top:120px; }
.project-3rd__title {  }
.project-3rd__title img { width:100%; }
.project-3rd h2 { margin:60px 0 30px; }

.project-3rd__title2 {
  max-width: 80%;
  width: 100%;
  position: relative;
  z-index: 1;
  margin:80px auto -5vw;
}
.project-3rd__bg { position:relative; }

.project-3rd__bg img {  
  mask-image: linear-gradient(to bottom,transparent 0%,black 20%, black 70%, transparent 100%),linear-gradient(to right,  transparent 0%, black 10%, black 90%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom,transparent 0%,black 20%, black 70%, transparent 100%),linear-gradient(to right,  transparent 0%, black 10%, black 90%, transparent 100%);
  mask-composite: intersect;
  -webkit-mask-composite: destination-in;
  mask-repeat: no-repeat;
}
.project-3rd__bg img.base { mix-blend-mode:multiply; }
.project-3rd__bg img.over {
  position:absolute;
  top:0;
  left:0;
}
.aerial {
  margin-top:-10rem;
  mask-image: linear-gradient(to top, black 70%, transparent 100%);
  position:relative;
}
.aerial p {
  font-size:1rem;
  background:rgb(0,0,0,.5);
  color:#fff;
  padding:5px 1em;
  position:absolute;
  bottom:0;
  right:0;
}

@media screen and (max-width:820px){
  .project-3rd__title img { height:80px; object-fit:cover; }
  .project-3rd__bg img { max-width:initial; width:100vw; margin: 0 calc(50% - 50vw); }
}
@media screen and (max-width:600px){
  .icon-line { flex-wrap:wrap; margin-top:60px; }
  .icon-line li { width:calc(50% - 5px); }
  .icon-line li:nth-of-type(n+3) { margin-top:10px; }
  .project { display:block; }
  .project__cap { font-size:10px; }
  .project-img { width:100%; }
  .project-img:last-child { margin-top:20px; }
  .project-3rd__title img { height:55px; }
  .project-3rd__title2 { max-width:100%; margin:60px auto -15vw; }
  .project-3rd__bg img {
    height:480px;
    object-fit: cover;
    mask-image: linear-gradient(to bottom,transparent 0%,black 20%, black 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom,transparent 0%,black 20%, black 70%, transparent 100%);
  }
  .aerial img { height:400px; object-fit: cover; object-position: 55% 50%; }
  .aerial p {
    position:initial;
    background: none;
  }
}