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


/* ページ全体がフェードイン */
body {
	animation: loading 1s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}


/* ヘッダー */
.im-title {
	white-space: nowrap;
	font-size: 30px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 5px;
	color: #000000;
	padding-left: 30px;
	position: absolute;
	text-align: left;
	margin-top: -15px;
	font-weight: normal;
}


/* 画像グリッド */
.gallery {
	max-width: 100%;
	width: auto;
	padding-top: 85px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 40px;
	margin-inline: auto;
	/* 以下gridレイアウト用 */
	display: grid;
	gap: 20px;/* 画像間の余白 */
	grid-auto-flow: dense; /* 隙間を埋めながら配置 */
	grid-template-columns: repeat(2, 1fr); /* カラム数を設定 */
	grid-template-rows: auto;
}
img:first-child {
	grid-column: 1 / 3;
	grid-row: 1 / 3;
}
img:nth-child(2) {
	grid-column: 1;
	grid-row: 3;
}
img:nth-child(3) {
	grid-column: 2;
	grid-row: 3;
}
p:nth-child(4) {
	grid-column: 1;
	grid-row: 4;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
p:nth-child(5) {
	grid-column: 2;
	grid-row: 4;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
img:nth-child(6) {
	grid-column: 1;
	grid-row: 5;
}
img:nth-child(7) {
	grid-column: 2;
	grid-row: 5;
}
p:nth-child(8) {
	grid-column: 1;
	grid-row: 6;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
p:nth-child(9) {
	grid-column: 2;
	grid-row: 6;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
img:nth-child(10) {
	grid-column: 1;
	grid-row: 7;
}
img:nth-child(11) {
	grid-column: 2;
	grid-row: 7;
}
p:nth-child(12) {
	grid-column: 1;
	grid-row: 8;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
p:nth-child(13) {
	grid-column: 2;
	grid-row: 8;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
img:nth-child(14) {
　　 grid-column: 1;
	grid-row: 9;
}
img:nth-child(15) {
　　 grid-column: 2;
	grid-row: 9;
}
p:nth-child(16) {
	grid-column: 1;
	grid-row: 10;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
p:nth-child(17) {
	grid-column: 2;
	grid-row: 10;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
img:nth-child(18) {
　　 grid-column: 1;
	grid-row: 11;
}
img:nth-child(19) {
　　 grid-column: 2;
	grid-row: 11;
}
p:nth-child(20) {
	grid-column: 1;
	grid-row: 12;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}
p:nth-child(21) {
	grid-column: 2;
	grid-row: 12;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 32px;
	text-align: justify;
}

/* アスペクト比設定 */
img {
    display: block;
    aspect-ratio: 300/200;
    width: 100%;
    height: 100%;
    object-fit: cover;	
}


/* フッター */
.im-title-fot {
	/* [disabled]white-space: nowrap; */
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 3px;
	color: #000000;
	padding-left: 30px;
	position: absolute;
	text-align: left;
	font-weight: normal;
	margin-bottom: 0px;
}
.tel-fot {
	/* [disabled]white-space: nowrap; */
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 3px;
	color: #000000;
	position: static;
	text-align: right;
	font-weight: normal;
	margin-bottom: 0px;
	margin-right: 30px;
}
.mail-fot {
	/* [disabled]white-space: nowrap; */
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 3px;
	color: #000000;
	position: static;
	text-align: right;
	font-weight: normal;
	margin-bottom: 35px;
	margin-right: 30px;
}
.mail-fot a {
	text-decoration:none;
	color: #000000;
	transition: color 1s;
}
.mail-fot :hover {
	color: #C5C5C5;
	transition: color 1s;
}


/* レスポンシブ700 */
@media (max-width: 700px) {
	
.gallery {
padding-top: 77px;
padding-right: 7px;
padding-left: 7px;
gap: 14px;
grid-template-columns: repeat(1, 1fr);
}
	
img:first-child {
	grid-column: 1;
	grid-row: 1 / 3;
}
img:nth-child(2) {
	grid-column: 1;
	grid-row: 3;
}
img:nth-child(3) {
	grid-column: 1;
	grid-row: 4;
}
p:nth-child(4) {
	grid-column: 1;
	grid-row: 5;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
p:nth-child(5) {
	grid-column: 1;
	grid-row: 6;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
img:nth-child(6) {
	grid-column: 1;
	grid-row: 7;
}
img:nth-child(7) {
	grid-column: 1;
	grid-row: 8;
}
p:nth-child(8) {
	grid-column: 1;
	grid-row: 9;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
p:nth-child(9) {
	grid-column: 1;
	grid-row: 10;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
img:nth-child(10) {
	grid-column: 1;
	grid-row: 11;
}
img:nth-child(11) {
	grid-column: 1;
	grid-row: 12;
}
p:nth-child(12) {
	grid-column: 1;
	grid-row: 13;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
p:nth-child(13) {
	grid-column: 1;
	grid-row: 14;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
img:nth-child(14) {
　　 grid-column: 1;
	grid-row: 15;
}
img:nth-child(15) {
　　 grid-column: 1;
	grid-row: 16;
}
p:nth-child(16) {
	grid-column: 1;
	grid-row: 17;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
p:nth-child(17) {
	grid-column: 1;
	grid-row: 18;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
img:nth-child(18) {
　　 grid-column: 1;
	grid-row: 19;
}
img:nth-child(19) {
　　 grid-column: 1;
	grid-row: 20;
}
p:nth-child(20) {
	grid-column: 1;
	grid-row: 21;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}
p:nth-child(21) {
	grid-column: 1;
	grid-row: 22;
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	font-weight: normal;
	line-height: 28px;
	text-align: justify;
}

/* アスペクト比設定 */
img {
    display: block;
    aspect-ratio: 300/200;
    width: 100%;
    height: 100%;
    object-fit: cover;	
}
img:first-child {
  aspect-ratio: 200/280;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

	
/* ヘッダー */
.im-title {
	white-space: nowrap;
	font-size: 22px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 3px;
	color: #000000;
	padding-left: 30px;
	position: absolute;
	text-align: left;
	margin-top: -15px;
	font-weight: normal;
}

	
/* フッター */
.im-title-fot {
	/* [disabled]white-space: nowrap; */
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	padding-left: 30px;
	position: static;
	text-align: left;
	font-weight: normal;
	margin-bottom: 25px;
}
.tel-fot {
	/* [disabled]white-space: nowrap; */
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	position: static;
	text-align: left;
	font-weight: normal;
	margin-bottom: 25px;
	margin-left: 30px;
}
.mail-fot {
	/* [disabled]white-space: nowrap; */
	font-size: 14px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	letter-spacing: 2px;
	color: #000000;
	position: static;
	text-align: left;
	font-weight: normal;
	margin-bottom: 35px;
	margin-left: 30px;
}	
	
		
}