@charset "UTF-8";

#ttl-area::after {
	position: absolute;
	top: -10px;
	left: 50%;
	content: "";
	width: 368px;
	height: 393px;
	background: url("../images/gallery/g.svg") center no-repeat;
	background-size: contain;
	transform: translateX(-740px);
	z-index: 0;
}
@media screen and (max-width: 767px) {
	#ttl-area::after {
		width: 23%;
		height: 53%;
		left: 5%;
		transform: translateX(0);
	}
}

figcaption {
	font-size: 11px;
}

.poslink { position:absolute; left:0; top:0; height:100%; width: 100%; z-index: 11; }

/* sec01 */
.sec01{
	background: url("../images/gallery/bg_sec01.png") no-repeat center top / 100% auto;
	padding: 150px 0 100px;
}
.sec01 .inner {
	width: 1054px;
	margin: 0 auto;
}
.sec01 h2 {
	max-width: 1200px;
	width: 90%;
	margin: 0 auto 140px;
	text-align: center;
	position: relative;
}
.sec01 h2 img {
	max-width: 608px;
	width: 80%;
	position: relative;
	z-index: 1;
} 
.sec01 h2::after {
	content: "";
	width: 100%;
	height: 2px;
	background: #4C4945;
	z-index: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22%;
}
.sec01 h3 {
	font-size: 51px;
	line-height: 1.6;
	margin-bottom: 120px;
	text-align: center;
}
.sec01 figure + figure {
	margin-top: 100px;
}
/*.sec01 figure:nth-of-type(3)::after {
	content: "";
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 99%,rgba(0,0,0,0.55) 100%);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	z-index: 2;
}*/
.sec01 figure figcaption.outside {
	font-size: 17px;
}
@media screen and (max-width: 767px) {
	.sec01{
		padding: 40px 0;
	}
	.sec01 .inner {
		width: 90%;
		margin: 0 auto;
	}
	.sec01 h2 {
		width: 100%;
		margin: 0 auto 30px;
	}
	.sec01 h2 img {
		width: 70%;
	} 
	.sec01 h3 {
		font-size: 6vw;
		margin-bottom: 20px;
	}
	.sec01 figure + figure {
		margin-top: 40px;
	}
	.sec01 figure figcaption.outside {
		font-size: 12px;
	}
}

.sec02 {
	background: url("../images/gallery/bg_sec02.png") no-repeat center top / 100% auto;
	padding: 130px 0 100px;
}
.sec02 .inner {
	width: 1054px;
	margin: 0 auto;
}
.sec02 h3 {
	font-size: 51px;
	line-height: 1.6;
	margin-bottom: 90px;
	text-align: center;
}
.sec02 h3 small {
	display: block;
	font-size: 31px;
}
.sec02 figure + figure {
	margin-top: 100px;
}
.sec02 figure figcaption.outside {
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	.sec02 {
		padding: 40px 0;
	}
	.sec02 h3 {
		font-size: 6vw;
		margin-bottom: 20px;
	}
	.sec02 h3 small {
		font-size: 4vw;
	}
	.sec02 .inner {
		width: 90%;
	}
	.sec02 figure + figure {
		margin-top: 40px;
	}
	.sec02 figure figcaption.outside {
		font-size: 14px;
	}
}

.bnr_modelroom {
	width: 1054px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 767px) {
	.bnr_modelroom {
		width: 90%;
		margin: 0 auto 40px;
	}
}