@charset "utf-8";
/* CSS Document */

.footer .logo img {
	height: auto;
	width: 270px;
}

.footer .f_corp {
	text-align: right;
}

.footer .footer-inner .footer-left {
	width: 270px;
}


.workwrap{
  display:flex;
  flex-wrap:wrap;
  gap:16px;              /* 余白 */
  align-items:flex-start;
}

.worklist{
  width:300px;
  border:1px solid #eee;
  padding:12px;
  box-sizing:border-box;
  background:#fff;
}

.worklist .ph{
  width:100%;
  height:180px;          /* ここで表示高さ固定 */
  overflow:hidden;
  border-radius:6px;
}

.worklist .ph img{
  width:100%;
  height:100%;
  object-fit:cover;      /* 縦横混在でも良い感じにトリミング */
  display:block;
}

.worklist .noimg{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
  color:#888;
  font-size:12px;
}

.worklist .title{
  margin-top:10px;
  font-weight:700;
  line-height:1.4;
}

.worklist .title a{
  color:inherit;
  text-decoration:none;
}

.worklist .title a:hover{
  text-decoration:underline;
}

.worklist .cat{
  margin-top:6px;
  font-size:13px;
  color:#666;
}



.workwrapcontent{
  max-width: 1100px;
  margin: 0 auto;
}

.workwrapcontent .cat{
  margin: 0 0 14px;
  font-size: 14px;
  color:#666;
}

/* 上段（ph01, ph02） */
.phf{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom: 16px;
}

.phf .ph01,
.phf .ph02{
  width: calc(50% - 7px); /* gapの半分相当 */
}

.phf img{
  width:100%;
  height: 340px;         /* 大きめ表示 */
  object-fit: cover;
  display:block;
  border-radius:8px;
}

/* 下段（ph03〜ph06） */
.phlist{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:flex-start;
}

.phlist .ph{
  width: calc(25% - 10.5px); /* 4列想定。gapに合わせて微調整 */
}

.phlist .ph img{
  width:100%;
  height: 180px;
  object-fit: cover;
  display:block;
  border-radius:8px;
}

/* テキスト */
.phlist .txt{
  width:100%;
  margin-top: 10px;
  line-height: 1.9;
  color:#333;
}

/* クリック可能感 */
.work-zoom{
  display:block;
}

.work-zoom img{
  transition: transform .2s ease;
}

.work-zoom:hover img{
  transform: scale(1.02);
}

/* SP調整 */
@media (max-width: 820px){
  .phf .ph01,
  .phf .ph02{
    width:100%;
  }
  .phf img{
    height: 260px;
  }
  .phlist .ph{
    width: calc(50% - 7px);
  }
}







/* 自前Lightbox */
.myLightboxOverlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  padding: 24px;
}
.myLightboxOverlay.is-open{ display:flex; }

.myLightboxOverlay img{
  max-width: 96vw;
  max-height: 92vh;
  width: auto;
  height: auto;
  display:block;
}

.myLightboxClose{
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.myLightboxNav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 44px;
  color: #fff;
  cursor: pointer;
  user-select: none;
  padding: 8px 12px;
}
.myLightboxPrev{ left: 10px; }
.myLightboxNext{ right: 10px; }