@charset "utf-8";

.contWrap{
	position: relative;
	background-color: #fff;
	padding: 95px 0 0;
	}
h1{
	margin-bottom: 60px;
	font-family: "HelveticaNeueLTStd-Md";
	font-size: 28px;
	color: #1e1e1e;
	text-align: center;
	letter-spacing: 0.02em;
	line-height: 1;
	}
.txt{
	width: 595px;
	margin: 0 auto 40px;
	font-size: 16px;
	color: #1e1e1e;
	letter-spacing: 0.04em;
	line-height: 2;
	}
.menuBlk{
	width: 595px;
	margin: 0 auto 50px;
	}
.menuBlk dl{
	position: relative;
	font-size: 0;
	}
.menuBlk dt,
.menuBlk dd{
	width: 595px;
	font-size: 20px;
	color: #1e1e1e;
	letter-spacing: 0.06em;
	line-height: 2;
	vertical-align: top;
	}
.menuBlk dt{
	border-bottom: solid 1px #e1e1e1;
	margin-bottom: 5px;
	padding-bottom: 5px;
	}
.menuBlk dd{ margin-bottom: 30px; }
.btn{
	width: 595px;
	margin: 0 auto 50px;
	}
.btn a{
	display: block;
	background-color: #4b4b4b;
	width: 196px;
	margin: 0;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.04em;
	text-align: center;
	line-height: 50px;
	}
.cap{
	width: 595px;
	margin: 0 auto 110px;
	color: #1e1e1e;
	letter-spacing: 0.05em;
	line-height: 1.857;
	}

.photoBlk .fig{
	float: left;
	width: 24.890%;
	margin-left: .146%;
	margin-bottom: .146%;
	font-size: 0;
	cursor: pointer;
	}
.photoBlk .fig:nth-child(4n+1){ margin-left: 0; }
.photoBlk .fig a{ font-size: 0; }

.lnkInsta a{
	display: block;
	margin: auto;
	padding: 110px 0;
	font-family: "HelveticaNeueLTStd-Md";
	font-size: 16px;
	color: #1e1e1e;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.05em;
	line-height: 1;
	}
.lnkInsta a svg{
	width: 16px;
	height: 16px;
	margin-left: 10px;
	font-size: 0;
	vertical-align: middle;
	}

@media all and (max-width: 750px) {
	.contWrap{ padding-top: 40%; }
	h1{
		width: 74.667%;
		margin: 0 auto 4.333%;
		font-size: 6.933vw;
		text-align: left;
		}
	.txt{
		width: 74.667%;
		margin-bottom: 12.8%;
		font-size: 3.733vw;
		line-height: 1.857;
 		}
	.menuBlk{
		width: 74.667%;
		margin-bottom: 12%;
		}
	.menuBlk dt,
	.menuBlk dd{
		width: 100%;
		margin-bottom: 5.357%;
		font-size: 3.733vw;
		line-height: 1.857;
		letter-spacing: 0;
		white-space: nowrap;
		}
	.menuBlk dt{
		width: 100%;
		line-height: 1.6;
		}
	.menuBlk dd span{
		margin-top: 0;
		font-size: 2.667vw;
		}
	.menuBlk dl::before{
		bottom: auto;
		left: 42.857%;
		height: 95%;
		}
	.btn{
		width: 74.667%;
		margin-bottom: 12%;
		}
	.btn a{
		width: 67.857%;
		padding: 4.286% 0;
		font-size: 4.8vw;
		line-height: 1;
		}
	.cap{
		width: 74.667%;
		margin-bottom: 32%;
		font-size: 2.667vw;
		letter-spacing: -0.02em;;
		}

	.photoBlk .fig{
		width: 33.067%;
		margin-left: .3995%;
		margin-bottom: .3995%;
		font-size: 0;
		}
	.photoBlk .fig:nth-child(4n+1){ margin-left: .3995%; }
	.photoBlk .fig:nth-child(3n+1){ margin-left: 0; }

	.lnkInsta a{
		padding: 49.333% 0;
		font-size: 3.733vw;
		}
	.lnkInsta a svg{
		width: 2.8vw;
		height: 2.8vw;
		margin-left: 1%;
		}
}


.mdContents .photoList {
	top: 0;
	margin-top: 120px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	}
.mdContents .photoList .text {
	padding: 70px 0;
	margin: 0 auto;
	font-size: 20px;
	line-height: 1.8;
	text-align: center;
	}

@media all and (max-height: 750px) {
	.modal_close{ position: absolute; }
	.mdContents .photoList { margin-top: 100px; }
}

@media all and (max-width: 750px) {
	.mdContents .photoList .text {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: row;
		width: 70.667%;
		height: var(--mdHeight);
		min-height: 30vw;
		padding: 0 0;
		font-size: 3.733vw;
		line-height: 1.8;
		text-align: center;
		}
	.mdContents .photoNav {
		position: absolute;
		margin-top: var(--mdNavMg);
		height: var(--mdHeight);
		min-height: 32vw;
		padding-bottom: 0;
		}
	.slick-prev,
	.slick-next {
		top: 50%;
		margin-top: -4%;
		}
	
	.slick-prev {
		left: 3%;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20d%3D%22M60%2C60H0V0H60Z%22%20style%3D%22fill%3Anone%3Bfill-rule%3Aevenodd%3B%22%2F%3E%3Cpath%20d%3D%22M35%2C43%2C22%2C30%2C35%2C17%22%20style%3D%22fill%3Anone%3Bstroke%3A%231e1e1e%3B%22%2F%3E%3C%2Fsvg%3E');
		}
	.slick-next {
		right: 3%;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2060%2060%22%3E%3Cpath%20d%3D%22M60%2C60H0V0H60Z%22%20style%3D%22fill%3Anone%3Bfill-rule%3Aevenodd%3B%22%2F%3E%3Cpath%20d%3D%22M25%2C43%2C38%2C30%2C25%2C17%22%20style%3D%22fill%3Anone%3Bstroke%3A%231e1e1e%3B%22%2F%3E%3C%2Fsvg%3E');
		}
}

@media all and (max-height: 750px) and (max-width: 750px) {
	.mdContents .photoList { margin-top: 90px; }
}