.l-container {
  margin: auto;
  width: 800px;
  padding: 30px;
  text-align: left;
}
.l-container .c-dev-title1 {
  margin: 30px 0 20px;
  padding: 5px 0;
  border-bottom: 1px solid #999;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .l-container {
    width: auto;
  }
}
.p-lightbox1 a {
  display: block;
}

.p-lightbox2 {
  width: 100%;
  display: flex;
}
.p-lightbox2 a {
  width: 33.3%;
  display: block;
  margin: 4px;
}
.p-lightbox2 a img {
  width: 100%;
}

.p-lightbox3 {
  width: 100%;
  display: flex;
}
.p-lightbox3 a {
  width: 33.3%;
  display: block;
  margin: 4px;
}
.p-lightbox3 a img {
  width: 100%;
}

.p-lightbox4 {
  width: 100%;
  display: flex;
}
.p-lightbox4 a {
  width: 33.3%;
  display: block;
  margin: 4px;
}
.p-lightbox4 a img {
  width: 100%;
}





.p-lightbox5 {
  width: 100%;
  display: flex;
}
.p-lightbox5 a {
  width: 33.3%;
  display: block;
  margin: 4px;
}
.p-lightbox5 a img {
  width: 100%;
}





#dialog {
  margin: auto;
  padding: 20px;
  width: 500px;
  background: #fff;
}
#dialog h1 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #666;
}
#dialog p {
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .p-lightbox1 a img {
    width: 100%;
  }

  .p-lightbox2 {
    display: block;
  }
  .p-lightbox2 a {
    margin-bottom: 10px;
    width: 100%;
  }
  
    .p-lightbox3 {
    display: block;
  }
  .p-lightbox3 a {
    margin-bottom: 10px;
    width: 100%;
  }
  
      .p-lightbox4 {
    display: block;
  }
  .p-lightbox4 a {
    margin-bottom: 10px;
    width: 100%;
  }











      .p-lightbox5 {
    display: block;
  }
  .p-lightbox5 a {
    margin-bottom: 10px;
    width: 100%;
  }
}




/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: scale(1);
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  transform: scale(0.8);
  opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  transition: all 0.2s ease-out;
  transform: translateY(-20px) perspective(600px) rotateX(10deg);
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;
  transition: opacity 0.3s ease-out;
}

/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}