.gcnt{
	box-sizing;border-box;
}

.section{
	background-position:center center;
	background-repeat:no-repeat;
	
}
.section3{
	background-color:#f9f9f9;
	background-image:url("../images/gallery/gallery_3.jpg");
	background-position:right top;
	background-size:contain;
}

.section4{
	background-color:#674b44;
}
.section8{
	background-image:url("../images/gallery/gallery_8.jpg");
	overflow:hidden;
}

.section9{
	background-image:url("../images/gallery/gallery_9.jpg");
}

.section10{
	background-image:url("../images/gallery/gallery_10.jpg");
}

.section11{
	background-image:url("../images/gallery/gallery_11.jpg");
	background-position:center bottom;
}
.bgcontain{
	background-size:contain;
}

.bgcover{
	background-size:cover;
}

.photoframe{
	background:#fff;
	padding:15px;
	width:100%;
	box-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);
	box-sizing:border-box;
}

.photocircleframe{
	padding:10px;
	width:100%;
}

.photocircleframe img{
	border:10px solid #fff;
	-moz-border-radius: 50% / 50%;
	-webkit-border-radius: 50% / 50%;
	border-radius: 50% / 50%;
	transform: rotate(10deg);
	box-shadow:-30px 30px 0 rgba(0, 0, 0, 0.6);
}

.photoframe img, .photocircleframe img{
	width:100%;
	height:auto;
}

.photocaption{
	color:#fff;
	font-size:24px;
	font-weight:400;
	text-align:center;
}

.section ul{
	margin:0 auto;
	padding:0;
	list-style-type:none;
	text-align:center;
	width:60%;
}

@media screen and (max-height: 700px) {
	.section ul{
		width:40%;
	}
}

.section ul li{
	display:block;
	width:100%;
}

.w50p{
	width:100%;
}

.w15p{
	width:100%;
}

.spbr{
	display:none;
}

#sec4photo{
	position:relative;
}

.sec3cap{
	position:relative;
	width:100%;
	height:100%;
	font-size:21px;
	font-weight:400;
	line-height:2em;
	background: -moz-linear-gradient(left, rgba(249,249,249,1) 50%, rgba(249,249,249,0) 75%);
	background: -webkit-linear-gradient(left, rgba(249,249,249,1) 50%, rgba(249,249,249,0) 75%);
	background: linear-gradient(to right, rgba(249,249,249,1) 50%, rgba(249,249,249,0) 75%);
}

.sec3cap div{
	position:relative;
	top:50%;
	bottom:auto;
	padding-left:300px;
	width:380px;
	height:auto;
	box-sizing:content-box;
}

.sec5cap{
	position:relative;
	width:100%;
	height:100%;
}
.sec5cap div{
	position:relative;
	top:70%;
	bottom:auto;
	width:100%;
	height:auto;
	text-align:center;
	font-size:36px;
	font-weight:600;
	line-height:2em;
	color:#fff;
	box-sizing:content-box;
}

.circle8{
	position:relative;
	left:calc(100% - 380px);
	top:calc(100% - 380px);
	bottom:auto;
	width:400px;
	height:400px;
	background:rgba(255,255,255,0.8);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.circle8 div{
	display:flex;
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	justify-content: center;
	align-items: center;
	font-size:24px;
	font-weight:400;
	box-sizing:border-box;

}

.circle9_outer{
	position:relative;
	left:calc(100% - 300px);
	top:20px;
	width:250px;
	height:250px;
	padding:5px;
	border:5px solid #fff;;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.circle9{
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.8);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.circle9 div{
	display:flex;
	width:100%;
	height:100%;
	padding:20px;
	text-align:center;
	justify-content: center;
	align-items: center;
	font-size:21px;
	font-weight:400;
	box-sizing:border-box;

}

.square10{
	position:relative;
	top:calc(100% - 200px);
	width:95%;
	height:auto;
	padding:3px;
	margin:0 auto;
	border:2px solid rgba(51,51,51,0.8);
	box-sizing:border-box;
}

.square10 div{
	text-align:center;
	width:100%;
	height:100%;
	color:#fff;
	padding:15px 15px 25px 15px;
	font-size:28px;
	font-weight:400px;
	background:rgba(51,51,51,0.8);
	box-sizing:border-box;
}

.square10 div span{
	display:inline;
	text-decoration:underline;
	text-underline-offset: 10px;
}

.square11{
	position:relative;
	top:calc(100% - 200px);
	width:100%;
	height:auto;
	padding:3px;
	margin:0 auto;
	border-top:2px solid rgba(255,255,255,0.8);
	border-bottom:2px solid rgba(255,255,255,0.8);
	box-sizing:border-box;
}

.square11 div{
	text-align:center;
	width:100%;
	height:100%;
	color:#000;
	padding:15px 15px 15px 15px;
	font-size:28px;
	font-weight:400px;
	background:rgba(255,255,255,0.8);
	box-sizing:border-box;
}

@media screen and (max-width:1280px) {

	.square10 div,.square11 div{
		padding-left:200px;
	}
}

@media screen and (max-width:1024px) {

	.section3{
		background-size:cover;
	}

	.sec3cap{
		background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 30%);
		background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 30%);
		background: linear-gradient(to top, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 30%);
	}

	.sec3cap div{
		position:absolute;
		top:auto;
		bottom:40px;
		width:100%;
		padding-left:200px;
		box-sizing:border-box;
	}

}

@media screen and (max-height: 700px) {
	.square10,.square11{top:calc(100% - 120px);}
}

@media screen and (max-width:768px) {

	.section3{
		background-position:center top 100px;
		background-size:cover;
	}

	.sec3cap{
		font-size:18px;
		font-weight:400;
		line-height:1.5em;
	}


	.sec3cap div{
		padding-left:20px;
	}
	.spbr{display:inline;}

	.circle8{
		left:calc(50% - 125px);
		top::calc(100% - 300px);
		width:250px;
		height:250px;

	}

	.circle9_outer{
		left:calc(50% - 125px);
		top:calc(100% - 300px);
	}

	.square10,.square11{top:calc(100% - 150px);}
	.square10{width:90%;}
	.square11{width:100%;}
	.square10 div,.square11 div{font-size:16px;padding-left:15px;}
	.square10 div span,.square11 div span{text-underline-offset:2px;}
	.section ul{width:80%;}

	.w50p{width:100%;}
	.w15p{width:100%;}

	.photoframe,.photocircleframe{
		width:100%;
		margin-left:0;
		box-sizing:border-box;
	}

	.photocaption{margin-left:0;}

}

/* ADD 20230510 */
.section202305_1{
	background:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_1.jpg");
	background-size:contain;
}

.section202305_2{
	background:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_2.jpg");
	background-size:contain;
}


.section202305_3{
	background:#000;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_3.jpg");
	background-size:contain;
}


.section202305_4{
	padding:30px;
	background-repeat:repeat;
	background-image:url("../images/gallery/item202305_4-bk.jpg");
	background-size: auto;
}
.section202305_4 div{
	width:100%;
	height:100vh;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_4.png");
	background-size: contain;
	background-positon: center center;
}

.section202305_5{
	background:#faf7f2;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_5.jpg");
	background-size:contain;
}

.section202305_6{
	background:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_6-bk.png");
	background-size:cover;
	padding:4%;
}
.section202305_6 div{
	width:100%;
	height:100vh;
	background-positon: center center;
	background-repeat:no-repeat;
	background-size: contain;
	background-image:url("../images/gallery/item202305_6.png");

}

.section202305_7{
	background:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_7.jpg");
	background-size:contain;
}

.section202305_8{
	background:#3f3f3f;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_8.jpg");
	background-size:contain;
}

.section202305_9{
	background:#131f36;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_9.jpg");
	background-size:contain;
}

.section202305_10{
	background:#203864;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_10.jpg");
	background-size:contain;
}

.section202305_11{
	background:#000;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_11.jpg");
	background-size:contain;
}

.section202305_12{
	background:#3f3f3f;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url("../images/gallery/item202305_12.jpg");
	background-size:contain;
}

@media screen and (max-width:768px) {
	.section202305_1{
		background-image:url("../images/gallery/item202305_1-768.jpg");
	}
	.section202305_2{
		background-image:url("../images/gallery/item202305_2-768.jpg");
	}
	.section202305_3{
		background:#1b222a;
		background-position:center center;
		background-repeat:no-repeat;
		background-image:url("../images/gallery/item202305_3-768.jpg");
		background-size:contain;
	}
	.section202305_4{
		padding-top:100px;
	}
	.section202305_4 div{
		background-image:url("../images/gallery/item202305_4-768.png");
	}
	.section202305_5{
		background-image:url("../images/gallery/item202305_5-768.jpg");
	}
	.section202305_6{
		padding-top:100px;
	}
	.section202305_6 div{
		background-image:url("../images/gallery/item202305_6-768.png");
	}
	.section202305_7{
		background-image:url("../images/gallery/item202305_7-768.jpg");
	}
	.section202305_8{
		background-image:url("../images/gallery/item202305_8-768.jpg");
	}
	.section202305_9{
		background-image:url("../images/gallery/item202305_9-768.jpg");
	}
	.section202305_10{
		background-image:url("../images/gallery/item202305_10-768.jpg");
	}
	.section202305_11{
		background-image:url("../images/gallery/item202305_11-768.jpg");
	}
	.section202305_12{
		background-image:url("../images/gallery/item202305_12-768.jpg");
	}
}