#page_img {
	width: 1022px;
	min-height: 1360px;
	margin: 20px auto 0;
	position: relative;
	background: url('../images/concept/img1.webp') no-repeat;
}

#photos1 {
	list-style: none;
	width: 380px;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	top: 660px;
	left: 35px;
}

#photos1 li {
	width: 170px;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	color: #55422b;
	text-align: center;
	font-size: 12px;
	margin: 0 20px 20px 0;
}

#photos1 li img {
	width: 100%;
	height: auto;
  display: block;
  border-radius:10px;
}
#photos1 li a{
display:block;
  width: 100%;
  position: relative;
  height: auto;
}
#photos2 {
	list-style: none;
	width: 444px;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	top: 805px;
	right: 0px;
}

#photos2 li {
	width: 202px;
	padding: 5px;
	box-sizing: border-box;
	background: #fff;
	color: #55422b;
	text-align: center;
	margin: 0 0 20px 20px;
}

#photos2 li img {
	width: 100%;
	height: auto;
	border-radius:10px;
}
#photos2 li a{
display:block;
  width: 100%;
  position: relative;
  height: auto;
}

#omachisiteorimasu{
	position: absolute;
	bottom: 110px;
	right: 0;
}
#fancybox-content{
display:block;
  position: relative;
  height: auto;
  -webkit-mask-image: 
    linear-gradient(to top, transparent 0%, black 20%, black 80%, transparent 100%),
    linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 100%);
  -webkit-mask-composite: intersect;
  mask-image: 
    linear-gradient(to top, transparent 0%, black 20%, black 80%, transparent 100%),
    linear-gradient(to left, transparent 0%, black 20%, black 80%, transparent 100%);
  mask-composite: intersect;
}
#fancybox-content img{
border-radius:10px;
}