@charset "UTF-8";

/*メインイメージ▼*/

.mainImg {
	background-image: url("../img/work/work_main.png");
	background-repeat: no-repeat;
	background-position: center;
	max-width: 100%;
	height: 300px;
	position: relative;
}

.mainImg-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	color: #F3F3F3;
	font-size: 1.8rem;
	padding-bottom: 5px;
}

.subtitle {
	display: block;
	color: #fff;
	font-size: 0.8rem;
	border-top: 1px solid #1131C4;
	text-align: center;
	margin-top: 5px;
	padding-top: 5px;
}

/*コンテンツ▼*/

#inner {
	max-width: 1030px;
	margin: 100px auto;
	width: 96%;
}

.gallery-section {
  text-align: center;
  margin-bottom: 40px;
}

.gallery-title {
  font-size: 1.5em;
  margin-bottom: 30px;
}

.gallery-grid{
display:grid;
grid-template-columns:repeat(2, 1fr);
gap:18px;
align-items:stretch;
}


figure.card{
margin:0;
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 6px 18px rgba(16,24,40,0.06);
display:flex;
flex-direction:column;
}


.gallery-item {
  position: relative;
  width: 100%;
  padding-top: 0;      /* アスペクト比固定を解除 */
  overflow: visible;   /* トリミングしない */
}

.gallery-item img {
  position: relative;  /* 絶対配置を解除 */
  width: 100%;
  height: auto;        /* 縦横比維持 */
  object-fit: unset;   /* coverを解除 */
  display: block;
}


figcaption{
padding:14px 16px;
border-top:1px solid #f0f3f7;
}
.title{font-weight:700;margin:0 0 6px;font-size:0.99rem}
.meta{font-size:0.88rem;color:#6b7280;margin:0}