body {
	padding:0;
	margin:0;
}



.hero__scrollDown--line{position:relative;width:3px;height:120px}
.hero__scrollDown--line span{position:absolute;top:0;right:0;width:3px;height:100%}
@keyframes scroll-line{0%{transform-origin:top;transform:scaleY(0)}39%{transform-origin:top;transform:scaleY(1)}40%{transform-origin:bottom;transform:scaleY(1)}100%{transform-origin:bottom;transform:scaleY(0)}}.hero__scrollDown--line span:first-of-type{background-color:rgba(207,204,195,.4)}.hero__scrollDown--line span:last-of-type{background-color:#f2f1ee;animation:scroll-line 3s infinite both}.about{position:relative;box-sizing:border-box;overflow-y:hidden}.about__textWrapper{display:grid;grid-template-columns:minmax(0, 1fr);position:relative}
@media screen and (min-width: 768px){.about__textWrapper{margin-left:auto;margin-right:auto;width:61.1979166667%}}

.st_wrap {
	clear: both;
	width:100%;
	max-width: 600px;
	padding: 0 0;
	margin:0 auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;	
	font-size:14px;
}

.st_wrap p {
	padding:0;
	margin:0;
}

.pc {
	display:block;
}
.sp {
	display:none;
}
.clear {
	clear:both;
}

	
@keyframes infinity-scroll-left {
  from {s
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes infinity-scroll-right {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.c-notion{
text-align: center;
padding-bottom: 5px;
}

.c-padding{
padding-top: 20px;
}

_:-ms-lang(x)::-ms-backdrop,
.d-demo {
display: -ms-grid;
  overflow: hidden;
}

.d-demo__wrap {
  display: flex;
  overflow: hidden;
}


.d-demo__list {
  display: flex;
  list-style: none;

}
.d-demo__list--vertical  {
flex-direction: column;

}

.d-demo__list--left{
animation :infinity-scroll-left 35s infinite linear 0.5s both;
	padding-bottom: -5%;
	margin-left: 0;
}
.d-demo__list--right{
animation :infinity-scroll-right 35s infinite linear 0.5s both;
}

.d-demo__item {
  width: calc(110vw / 2.2);
	margin: 0%;

}
.d-demo__list--vertical .d-demo__item {
min-height: 0%;
}
.d-demo__item > img{
   width: 100%;
}

.d-demo__wrap--hover:hover .d-demo__list--left{
animation-play-state: paused;
}
	
@media only screen and (max-width: 900px) {
	
.d-demo__list--left{
animation :infinity-scroll-left 35s infinite linear 0.5s both;
}
.d-demo__list--right{
animation :infinity-scroll-right 35s infinite linear 0.5s both;
}
	
.d-demo__item {
  width: calc(110vw / 0.85);
}
	
}

	.credit_box {
		position: relative;
		z-index: 200;
		color: #000;
		padding: 0;
		overflow: hidden;
		line-height: 1.8;
		font-family:"dnp-shuei-mincho-pr6",sans-serif;
		font-weight:200;
	}

	.credit_box p,
	.credit_box li,
	.credit_box li a,
	.credit_box a {
		font-size: 15px;
		color: #000;
	}

	.credit_box ul {
		position: relative;
	}
	.credit_box ul li {
		display: flex;
		margin-left: 0;
	}
	.credit_box ul li .p-name {
		width: 6em;
		margin-left: 0;
	}
	.credit_box ul li .price {
		width: 7em;
	}
	.credit_box ul li a {
		margin-left: 1em;
		text-decoration: underline;
		font-family: "gotham",sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 2;
	}
	.credit_box ul li a:hover {
		opacity: 0.5;
	}

.btn_opacity a:hover {
	display: block;
opacity: 0.6;}


@keyframes zoomIn {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.05);
  }
}

#slideshow1 {
   position: relative;
   width: 100%;
   height:auto;
   padding-top: 140%;
   overflow: hidden;
}

#slideshow1 img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

#slideshow1 img.active {
   z-index: 10;
   opacity: 1.0;
	animation: zoomIn 3.9s forwards;
}
#slideshow1 img.last-active {
   z-index: 9;
	animation: zoomIn 3.9s forwards;
}

#slideshow2 {
   position: relative;
   width: 100%;
   height:auto;
   padding-top: 130%;
   overflow: hidden;
}

#slideshow2 img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

#slideshow2 img.active {
   z-index: 10;
   opacity: 1.0;
	animation: zoomIn 3s forwards;
}
#slideshow2 img.last-active {
   z-index: 9;
	animation: zoomIn 3s forwards;
}

#slideshow3 {
   position: relative;
   width: 100%;
   height:auto;
   padding-top: 140%;
   overflow: hidden;
}

#slideshow3 img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

#slideshow3 img.active {
   z-index: 10;
   opacity: 1.0;
	animation: zoomIn 3s forwards;
}
#slideshow3 img.last-active {
   z-index: 9;
	animation: zoomIn 3s forwards;
}

#slideshow4 {
   position: relative;
   width: 100%;
   height:auto;
   padding-top: 130%;
   overflow: hidden;
}

#slideshow4 img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

#slideshow4 img.active {
   z-index: 10;
   opacity: 1.0;
	animation: zoomIn 3s forwards;
}
#slideshow4 img.last-active {
   z-index: 9;
	animation: zoomIn 3s forwards;
}

#slideshow5 {
   position: relative;
   width: 100%;
   height:auto;
   padding-top: 130%;
   overflow: hidden;
	border-radius: 0 0 30px 30px;
}

#slideshow5 img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}

#slideshow5 img.active {
   z-index: 10;
   opacity: 1.0;
	animation: zoomIn 3s forwards;
}
#slideshow5 img.last-active {
   z-index: 9;
	animation: zoomIn 3s forwards;
}

.item_area {
	overflow: hidden;
	width: 100%;
	padding: 0 0 10%;
}

.img_box1 {
	color: #000;
	line-height: 1.6;
	font-size: 12px;
	position: relative;
	overflow: hidden;
}

.img_box1 a {
	color: #000;
	text-decoration: none;
	font-size: 12px;
	line-height: 2.0;
}

.img_box1 a:hover {
	color: #000;
	text-decoration: underline;
	font-size: 12px;
	line-height: 2.0;
}

.img_box1 img {
	width: 100%;
}


@media only screen and (max-width: 900px) {
	
.st_wrap {
	clear: both;
	width:100%;
	max-width: 900px;
	margin:0 auto 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #000000;	
	font-size:12px;
}
	
.pc {
	display:none;
}
.sp {
	display:block;
}
	
.item_area {
	overflow: hidden;
	width: 100%;
	padding: 0 0 10%;
}

	
.img_box1 {
	font-size: 9px;
}
	
.img_box1 a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}

.img_box1 a:hover {
	color: #fff;
	text-decoration: underline;
	font-size: 11px;
}
	
	.credit_box p,
	.credit_box li,
	.credit_box li a,
	.credit_box a {
		font-size: 12px;
		color: #000;
	}
	
	.credit_box ul li .p-name {
		width: 6em;
		margin-left: 0;
	}
	.credit_box ul li .price {
		width: 7em;
	}
	
	.credit_box ul li a {
		font-size: 11.5px;
		line-height: 1.9;
	}

}