body {
    height: 100%;
    margin: 0;
    font-feature-settings: 'palt';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "Noto Sans JP", sans-serif !important;
}
a{
	text-decoration: none;
}

/*imac*/
@media screen and (min-width: 2560px) and (max-width: 5120px) {
	.sp-on{
		display: none !important;
	}
	
	.sit{
		position: relative;
		bottom: -15px;
		font-size: 19px;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.loading-logo {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		animation: fade-out 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
		animation-delay: 3s;
		background: #fff;
	}
	.loading-logo .logo{
		width: 80%;
		height: 80%;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loading-logo .logo .logo-img01{
		width: 25%;
		position: absolute;
		display: block;
		left: 0;
		bottom: 10%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img02{
		width: 40%;
		position: absolute;
		display: block;
		top: 0%;
		left: 15%;
		z-index: 2;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img03{
		width: 40%;
		position: absolute;
		display: block;
		right: 15%;
		bottom: 0%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img04{
		width: 25%;
		position: absolute;
		display: block;
		right: 0;
		top: 0%;
		margin: 0 auto;
		z-index: 2;
		overflow: hidden;
	}
	
	.load-ani01 {
		animation-name: load-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani01 {
		0% {
		  opacity: 0;
		  transform: scale(1.09);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	.load-ani02 {
		animation-name: load-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani02 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	
    /*header*/
	header{
		width: 100%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 0;
		overflow: hidden;
	}
	.mv-logo{
		width: 5%;
		position: absolute;
		left: 2%;
		top: 2%;
		z-index: 10;
	}
	.mv-sub-title{
		width: 40%;
		margin: 0 auto;
		position: absolute;
		top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
		left: 8%;
	}
	.mv-title{
		width: 90%;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		filter: drop-shadow(1px 1px 10px #484d47);
	}
	.scrolldown1{
        position:absolute;
        right: 2%;
        bottom: 0%;
        height:100px;
	}
	.scrolldown1 span{
	  width: 11px;
	  position: absolute;
	  right: 0;
	  left: -25px;
	  top: 50%;
      -webkit-transform: translateY(-50%); /* Safari用 */
      transform: translateY(-50%);
	  color: #fff;
	  font-size: 14px;
	  letter-spacing: 2px;
	}
	.scrolldown1::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 1px;
	  height: 100px;
	  background: #fff;
	  animation: pathmove 1.4s ease-in-out infinite;
	  opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:50px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:100px;
		opacity: 0;
	  }
	}
	
	/*svg-ani*/
	.cls-1{
		stroke: #fff;
		fill: #fff;
		stroke-width: 1px;
		stroke-dasharray: 100%;
		animation-name: mv-svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes mv-svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	.cls-2 {
		opacity : 0;
	}
	.cls-2.active{
		stroke: #9e8d71;
		fill: #9e8d71;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.cls-3 {
		opacity : 0;
	}
	.cls-3.active{
		stroke: #000;
		fill: #000;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1.5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	
	/*read*/
	.read{
		width: 100%;
		color: #484d47;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 auto 5% auto;
	}
	.read .title{
		font-size: 35px;
		letter-spacing: 3px;
		line-height: 1.5em;
		margin: 0 auto 1% auto;
		text-align: center;
	}
	.read .txt{
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 2em;
		margin: 0 auto 3% auto;
		text-align: center;
	}
	.top-nav{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top-nav li{
		width: 15%;
		margin: 0 0 3% 0;
	}
	.top-nav li a{
		width: 100%;
		display: block;
	}
	.top-nav li a .img{
		width: 70%;
		mix-blend-mode: multiply;
		margin: 0 auto 3% auto;
		transform: scale(1);
		opacity: 1;
		transition: .3s;
	}
	.top-nav li a:hover .img{
		transform: scale(1.1);
		opacity: .6;
		transition: .3s;
		animation: yurayura 1s linear infinite;
	}
	@keyframes yurayura {
	  0% , 100%{
		  transform: rotate(10deg);
	  }
	  50%{
		  transform: rotate(-10deg);
	  }
	}
	.top-nav li a .txt{
		width: 100%;
		z-index: 9;
		position: relative;
	}
	.top-nav li a .txt img{
		height: 20px;
		display: block;
		margin: 0 auto;
	}
	
	
	/*door*/
	.door{
		width: 100%;
		margin: 0 0 40px 0;
	}
	.door .num-box{
		width: 140px;
		margin: 0 0 5% 0;
	}
	.door .num-box li .num01{
		width: 30%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .num02{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .txt{
		width: 100%;
	}
	.door .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door .d-title-list{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
		position: relative;
	}
	.door .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door .d-title-list li:nth-child(2) .t01{
		width: max-content;
		position: relative;
		left: -54px;
	}
	.door .d-title-list li:nth-child(2) .t06{
		width: max-content;
		position: relative;
		left: -178px;
	}
	.door .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 19px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.door .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -3px;
		margin: 0 10px 0 0;
	}
	
	/*door02*/
	.door02{
		width: 100%;
		position: relative;
		margin: 0 0 40px 0;
		padding: 70px 0 0 0;
	}
	.door02 .num-box{
		width: 140px;
		position: absolute;
		top: 0;
		right: 15%;
	}
	.door02 .num-box li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num04{
		width: 55%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num07{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num09{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num11{
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .txt{
		width: 100%;
	}
	.door02 .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .num-box02{
		width: 140px;
		position: absolute;
		top: 0;
		left: 15%;
	}
	.door02 .num-box02 li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num03{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num08{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num10{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num12{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .txt{
		width: 100%;
	}
	.door02 .num-box02 li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .d-title-list{
		width: 100%;
		max-width: 600px;
		border-bottom: 1px solid #765145;
		margin: 0 auto 30px auto;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door02 .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title04{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title05{
		width: 30%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title07{
		width: 19%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title08{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title09{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title10{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title11{
		width: 50%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title12{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door02 .d-title-list li:nth-child(2) .t02{
		width: max-content;
		position: relative;
		left: -65px;
	}
	.door02 .d-title-list li:nth-child(2) .t03{
		width: max-content;
		position: relative;
		left: -125px;
	}
	.door02 .d-title-list li:nth-child(2) .t04{
		width: max-content;
		position: relative;
		left: -88px;
	}
	.door02 .d-title-list li:nth-child(2) .t05{
		width: max-content;
		position: relative;
		left: -138px;
	}
	.door02 .d-title-list li:nth-child(2) .t07{
		width: max-content;
		position: relative;
		left: -180px;
	}
	.door02 .d-title-list li:nth-child(2) .t08{
		width: max-content;
		position: relative;
		left: -40px;
	}
	.door02 .d-title-list li:nth-child(2) .t09{
		width: max-content;
		position: relative;
		left: -90px;
	}
	.door02 .d-title-list li:nth-child(2) .t10{
		width: max-content;
		position: relative;
		left: -105px;
	}
	.door02 .d-title-list li:nth-child(2) .t11{
		width: max-content;
		position: relative;
		left: -37px;
	}
	.door02 .d-title-list li:nth-child(2) .t12{
		width: max-content;
		position: relative;
		left: -50px;
	}
	.door02 .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 19px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.door02 .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -3px;
		margin: 0 10px 0 0;
	}
	
	
	/*item01*/
	.item01{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 15% auto;
		display: flex;
		justify-content: space-between;
	}
	.item01 .data-l{
		width: 50%;
	}
	.item01 .data-l .img{
		width: 100%;
		position: relative;
	}
	.item01 .data-l .img .bg{
		width: 100%;
		height: 100%;
		background: #e5dfda;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.item01 .data-r{
		width: 40%;
	}
	.item01 .data-r .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 10% 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -60%;
		/*text-shadow: 0px 0px 10px #b5b5b5;*/
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -60%;
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 10% 0;
	}
	.item01 .data-r .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02 .txt span{
		color: #765145;
	}
	.item01 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	
	/*item02*/
	.item02{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item02 .img-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: 0 0 3% 0;
	}
	.item02 .img-box li{
		width: 33%;
	}
	.item02 .data-box{
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.item02 .data-box .data-l{
		width: 500px;
	}
	.item02 .data-box .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		text-shadow: 2px 2px 0px #fff;
		margin: 0 0 5px 0;
		position: relative;
		left: -20%;
	}
	.item02 .data-box .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item02 .data-box .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
	}
	.item02 .data-box .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-r{
		width: 300px;
	}
	
	/*item03*/
	.item03{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item03 .bg{
		width: 80%;
		height: 66%;
		background: url("../img/03-03.jpg") no-repeat;
		background-size: cover;
		overflow: hidden;
		position: absolute;
		top: 17%;
		left: 0;
		z-index: -1;
	}
	.item03 .img{
		width: 100%;
		max-width: 550px;
		position: relative;
		margin: 0 auto 7% auto;
		padding: 2% 0 0 0;
	}
	.item03 .img .data-l{
		width: 60%;
		position: absolute;
		top: 60%;
		left: -60%;
	}
	.item03 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item03 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		right: -35%;
	}
	.item03 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item03 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item03 .data-r .link-box{
		width: 100%;
	}
	.item03 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item03 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item04*/
	.item04{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item04 .bg{
		width: 40%;
		overflow: hidden;
		position: absolute;
		bottom: 10%;
		left: 0;
		z-index: -1;
	}
	.item04 .img{
		width: 100%;
		max-width: 1200px;
		position: relative;
		margin: 0 auto 4% auto;
	}
	.item04 .img .data-l{
		width: 60%;
		position: absolute;
		bottom: 35%;
		left: 4%;
	}
	.item04 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item04 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item04 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item04 .data-r{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.item04 .data-r .link-box{
		width: 300px;
    	margin-left: calc(100% - 400px);
	}
	
	/*item05*/
	.item05{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item05 .img01{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .img01 .icon01{
		width: 30%;
		position: absolute;
		top: 5%;
		right: -40%;
	}
	.item05 .img01 .icon02{
		width: 20%;
		position: absolute;
		bottom: 5%;
		right: -30%;
	}
	.item05 .img01 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img01 .icon04{
		width: 30%;
		position: absolute;
		bottom: 5%;
		left: -30%;
	}
	.item05 .img01 .icon05{
		width: 35%;
		position: absolute;
		top: 50%;
		left: 0%;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item05 .img02{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 4% auto;
		position: relative;
	}
	.item05 .img02 .icon01{
		width: 30%;
		position: absolute;
		top: 15%;
		right: -40%;
	}
	.item05 .img02 .icon02{
		width: 20%;
		position: absolute;
		bottom: 15%;
		right: -30%;
	}
	.item05 .img02 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img02 .icon04{
		width: 45%;
		position: absolute;
		bottom: 5%;
		left: -30%;
		z-index: -1;
	}
	.item05 .data-l{
		width: max-content;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -20%;
		margin: 0 0 5px 0;
	}
	.item05 .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item05 .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item05 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item05 .data-r .link-box{
		width: 100%;
	}
	.item05 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item05 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item06*/
	.item06{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.item06 .bg{
		width: 40%;
		position: absolute;
		bottom: 15%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item06 .data-l{
		width: 50%;
	}
	.item06 .data-l .img{
		width: 80%;
		margin: 70% 0 0 0;
	}
	.item06 .data-r{
		width: 45%;
	}
	.item06 .data-r .img{
		width: 100%;
		margin: 0 0 15% 0;
		position: relative;
	}
	.item06 .data-r .img .data-box{
		width: max-content;
		margin: 0 auto 3% auto;
		position: absolute;
		bottom: 25%;
		left: -120%;
	}
	.item06 .data-r .img .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item06 .data-r .img .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 30%;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item06 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	.item06 .data-r .icon{
		width: 50%;
		margin: 0 0 0% 50%;
		mix-blend-mode: multiply;
	}
	
	/*item07*/
	.item07{
		width: 100%;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.item07 .data-l{
		width: 50%;
	}
	.item07 .data-l .img{
		width: 100%;
		margin: 0 0 12% 0;
	}
	.item07 .data-l .link-box{
		width: 300px;
	}
	.item07 .data-r{
		width: 45%;
	}
	.item07 .data-r .data-box{
		width: max-content;
		margin: 10% auto 20% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item07 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item07 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 60%;
	}
	.item07 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item07 .data-r .img01{
		width: 90%;
		margin: 0 0 15% 10%;
	}
	.item07 .data-r .img02{
		width: 100%;
		position: relative;
		left: -30%;
	}
	
	/*item08*/
	.item08{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item08 .img{
		width: 100%;
		max-width: 750px;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item08 .data-l{
		width: 50%;
	}
	.item08 .data-l .img{
		width: 100%;
		margin: 0 0 10% 0;
	}
	.item08 .data-l .link-box{
		width: 300px;
    	margin-left: calc(100% - 300px);
	}
	.item08 .data-r{
		width: 45%;
	}
	.item08 .data-r .data-box{
		width: max-content;
		margin: 20% auto 25% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item08 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item08 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item08 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item08 .data-r .img{
		width: 85%;
		margin: 0 0 5% 15%;
		position: relative;
	}
	
	/*item09*/
	.item09{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item09 .bg{
		width: 80%;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item09 .img{
		width: 100%;
		max-width: 600px;
		position: relative;
		margin: 0 auto 7% auto;
	}
	.item09 .img .data-l{
		width: max-content;
		position: absolute;
		bottom: 20%;
		left: -65%;
	}
	.item09 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item09 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 30%;
	}
	.item09 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 75%;
	}
	.item09 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
		padding: 5px 10px;
	}
	.item09 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item09 .data-l{
		width: 50%;
	}
	.item09 .data-l .img{
		width: 80%;
		margin: 0 0 5% 0;
		position: relative;
	}
	.item09 .data-l .img .img-bg{
		width: 80%;
		height: 50%;
		background: #8d5f65;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	.item09 .data-r{
		width: 45%;
	}
	.item09 .data-r .link-box{
		width: 350px;
		background: rgba(255,255,255,0.7);
		box-sizing: border-box;
		padding: 5% 5%;
	}
	
	/*item10*/
	.item10{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item10 .data-l{
		width: 55%;
	}
	.item10 .data-l .img{
		width: 100%;
		margin: 0 0 9% 0;
	}
	.item10 .data-r{
		width: 40%;
	}
	.item10 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item10 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item10 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item10 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item10 .data-r .img{
		width: 70%;
		margin: 20% 0 35% 10%;
		position: relative;
	}
	.item10 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item10 .data-c .link-box{
		width: 100%;
	}
	.item10 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item10 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item11*/
	.item11{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all02{
		width: 75%;
		max-width: 2200px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item11 .data-l{
		width: 26.4%;
	}
	.item11 .data-l .img{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-l .img a{
		width: 100%;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-r{
		width: 50%;
		position: relative;
	}
	.item11 .data-r .img{
		width: 100%;
	}
	.item11 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: absolute;
		left: -35%;
		bottom: 5%;
		z-index: 10;
	}
	.item11 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item11 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item11 .data-r .data-box .txt-box01 .txt span{
		color: #765145;
	}
	.item11 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 50%;
	}
	.item11 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item11 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item11 .data-c .link-box{
		width: 100%;
	}
	.item11 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item11 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item12*/
	.item12{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item12 .bg{
		width: 60%;
		height: 60%;
		background: #ececeb;
		position: absolute;
		top: 15%;
		left: 0;
		z-index: -1;
	}
	.item12 .img{
		width: 100%;
		max-width: 800px;
		position: relative;
		margin: 0 auto .5% auto;
	}
	.item12 .img .data-l{
		width: max-content;
		position: absolute;
		top: 35%;
		right: -15%;
	}
	.item12 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 5px 0;
	}
	.item12 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item12 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 15%;
	}
	.item12 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 85%;
	}
	.item12 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item12 .data-c .link-box{
		width: 100%;
	}
	.item12 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item12 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*link-box*/
	.link-box .title{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 20px 0;
	}
	.link-box .title img{
		height: 15px;
	}
	.link-btn{
		text-decoration: none;
		color: #484d47;
		display: flex;
		justify-content: flex-end;
		position: relative;
		margin: 0 0 10px 0;
	}
	.link-btn .name{
		position: absolute;
		left: 0;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 15px;
		letter-spacing: 1px;
	}
	.link-btn .price{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
	}
	.link-btn .price span{
		font-size: 12px;
		letter-spacing: 1px;
		margin: 0 0 0 5px;
	}
	.link-btn .buy{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding: 0 5px;
		border-bottom: 1px solid rgba(72,77,71,0.00);
		margin: 0 0 0 10px;
		transition: .3s;
		
	}
	.link-btn:hover .buy{
		border-bottom: 1px solid rgba(72,77,71,1.00);
		transition: .3s;
	}
	
	/*item-end*/
	.item-end{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 5% auto;
	}
	.item-end .txt {
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2.5em;
		text-align: center;
		color: #474545;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 7% 0;
		color: #a78330;
	}
	
	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*f-banner02*/
	.f-banner02{
		border-top: 1px solid #000;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 5% 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 40px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 55px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 20px;
		width: 45px;
		display: block;
		z-index: 99;
	}
	
	
	/*anime----------------------------------------------------*/
	/*fade01*/
	.fade01 {
		animation-name: fade-in01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade02 {
		animation-name: fade-in02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade03 {
		animation-name: fade-in02;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: 3s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	@keyframes fade-in02 {
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}
	

	.fadein-up {
		opacity : 0;
	}
	.fadein-up.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up02 {
		opacity : 0;
	}
	.fadein-up02.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up-d {
		opacity : 0;
	}
	.fadein-up-d.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fadein-up {
		0% {
		  opacity: 0;
		  transform: translateY(20px)
		}
		100% {
		  opacity: 1;
		  transform: translateY(0px)
		}
	}
	
	.bg-ani01 {
		opacity : 0;
	}
	.bg-ani01.active{
		opacity : 1;
		animation-name: bg-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani01 {
		0% {
		  opacity: 1;
		  left: 0;
		  top: 0;
		}
		100% {
		  opacity: 1;
		  left: -20%;
		  top: 15%;
		}
	}
	.bg-ani02 {
		opacity : 0;
	}
	.bg-ani02.active{
		opacity : 1;
		animation-name: bg-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani02 {
		0% {
		  opacity: 1;
		  right: 0;
		  bottom: 0;
		}
		100% {
		  opacity: 1;
		  right: -25%;
		  bottom: -10%;
		}
	}
	
	
	
	.gbc01{
		background: #fff;
	}
	.gbc02{
		background: #fff;
	}
	
	.gb01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb01.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb02 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb02.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img02;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img02 {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb03 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb03.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img03;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img03 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(100%);
		}
	}
	
	.gb04 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb04.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img04;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img04 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
	}
	
	
	.display {
		opacity : 1;
		transform : translateX(-100%);
		transition : all 2s;
	}
	.display.active{
		opacity : 1;
		transform : translateX(0%);
	}
	
}

/*pc*/
@media screen and (min-width: 1281px) and (max-width: 2559px) {
	.sp-on{
		display: none !important;
	}
	
	.sit{
		position: relative;
		bottom: -15px;
		font-size: 19px;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.loading-logo {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		animation: fade-out 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
		animation-delay: 3s;
		background: #fff;
	}
	.loading-logo .logo{
		width: 80%;
		height: 80%;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loading-logo .logo .logo-img01{
		width: 25%;
		position: absolute;
		display: block;
		left: 0;
		bottom: 10%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img02{
		width: 40%;
		position: absolute;
		display: block;
		top: 0%;
		left: 15%;
		z-index: 2;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img03{
		width: 40%;
		position: absolute;
		display: block;
		right: 15%;
		bottom: 0%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img04{
		width: 25%;
		position: absolute;
		display: block;
		right: 0;
		top: 0%;
		margin: 0 auto;
		z-index: 2;
		overflow: hidden;
	}
	
	.load-ani01 {
		animation-name: load-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani01 {
		0% {
		  opacity: 0;
		  transform: scale(1.09);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	.load-ani02 {
		animation-name: load-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani02 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	
    /*header*/
	header{
		width: 100%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 0;
		overflow: hidden;
	}
	.mv-logo{
		width: 5%;
		position: absolute;
		left: 2%;
		top: 2%;
		z-index: 10;
	}
	.mv-sub-title{
		width: 40%;
		margin: 0 auto;
		position: absolute;
		top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
		left: 8%;
	}
	.mv-title{
		width: 90%;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		filter: drop-shadow(1px 1px 10px #484d47);
	}
	.scrolldown1{
        position:absolute;
        right: 2%;
        bottom: 0%;
        height:100px;
	}
	.scrolldown1 span{
	  width: 11px;
	  position: absolute;
	  right: 0;
	  left: -25px;
	  top: 50%;
      -webkit-transform: translateY(-50%); /* Safari用 */
      transform: translateY(-50%);
	  color: #fff;
	  font-size: 14px;
	  letter-spacing: 2px;
	}
	.scrolldown1::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 1px;
	  height: 100px;
	  background: #fff;
	  animation: pathmove 1.4s ease-in-out infinite;
	  opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:50px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:100px;
		opacity: 0;
	  }
	}
	
	/*svg-ani*/
	.cls-1{
		stroke: #fff;
		fill: #fff;
		stroke-width: 1px;
		stroke-dasharray: 100%;
		animation-name: mv-svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes mv-svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	.cls-2 {
		opacity : 0;
	}
	.cls-2.active{
		stroke: #9e8d71;
		fill: #9e8d71;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.cls-3 {
		opacity : 0;
	}
	.cls-3.active{
		stroke: #000;
		fill: #000;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1.5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	
	/*read*/
	.read{
		width: 100%;
		color: #484d47;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 auto 5% auto;
	}
	.read .title{
		font-size: 35px;
		letter-spacing: 3px;
		line-height: 1.5em;
		margin: 0 auto 1% auto;
		text-align: center;
	}
	.read .txt{
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 2em;
		margin: 0 auto 3% auto;
		text-align: center;
	}
	.top-nav{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top-nav li{
		width: 15%;
		margin: 0 0 3% 0;
	}
	.top-nav li a{
		width: 100%;
		display: block;
	}
	.top-nav li a .img{
		width: 70%;
		mix-blend-mode: multiply;
		margin: 0 auto 3% auto;
		transform: scale(1);
		opacity: 1;
		transition: .3s;
	}
	.top-nav li a:hover .img{
		transform: scale(1.1);
		opacity: .6;
		transition: .3s;
		animation: yurayura 1s linear infinite;
	}
	@keyframes yurayura {
	  0% , 100%{
		  transform: rotate(10deg);
	  }
	  50%{
		  transform: rotate(-10deg);
	  }
	}
	.top-nav li a .txt{
		width: 100%;
		z-index: 9;
		position: relative;
	}
	.top-nav li a .txt img{
		height: 20px;
		display: block;
		margin: 0 auto;
	}
	
	
	/*door*/
	.door{
		width: 100%;
		margin: 0 0 40px 0;
	}
	.door .num-box{
		width: 140px;
		margin: 0 0 5% 0;
	}
	.door .num-box li .num01{
		width: 30%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .num02{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .txt{
		width: 100%;
	}
	.door .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door .d-title-list{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
		position: relative;
	}
	.door .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door .d-title-list li:nth-child(2) .t01{
		width: max-content;
		position: relative;
		left: -54px;
	}
	.door .d-title-list li:nth-child(2) .t06{
		width: max-content;
		position: relative;
		left: -178px;
	}
	.door .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 19px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.door .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -3px;
		margin: 0 10px 0 0;
	}
	
	/*door02*/
	.door02{
		width: 100%;
		position: relative;
		margin: 0 0 40px 0;
		padding: 70px 0 0 0;
	}
	.door02 .num-box{
		width: 140px;
		position: absolute;
		top: 0;
		right: 15%;
	}
	.door02 .num-box li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num04{
		width: 55%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num07{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num09{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num11{
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .txt{
		width: 100%;
	}
	.door02 .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .num-box02{
		width: 140px;
		position: absolute;
		top: 0;
		left: 15%;
	}
	.door02 .num-box02 li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num03{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num08{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num10{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num12{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .txt{
		width: 100%;
	}
	.door02 .num-box02 li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .d-title-list{
		width: 100%;
		max-width: 600px;
		border-bottom: 1px solid #765145;
		margin: 0 auto 30px auto;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door02 .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title04{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title05{
		width: 30%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title07{
		width: 19%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title08{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title09{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title10{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title11{
		width: 50%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title12{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door02 .d-title-list li:nth-child(2) .t02{
		width: max-content;
		position: relative;
		left: -65px;
	}
	.door02 .d-title-list li:nth-child(2) .t03{
		width: max-content;
		position: relative;
		left: -125px;
	}
	.door02 .d-title-list li:nth-child(2) .t04{
		width: max-content;
		position: relative;
		left: -88px;
	}
	.door02 .d-title-list li:nth-child(2) .t05{
		width: max-content;
		position: relative;
		left: -138px;
	}
	.door02 .d-title-list li:nth-child(2) .t07{
		width: max-content;
		position: relative;
		left: -180px;
	}
	.door02 .d-title-list li:nth-child(2) .t08{
		width: max-content;
		position: relative;
		left: -40px;
	}
	.door02 .d-title-list li:nth-child(2) .t09{
		width: max-content;
		position: relative;
		left: -90px;
	}
	.door02 .d-title-list li:nth-child(2) .t10{
		width: max-content;
		position: relative;
		left: -105px;
	}
	.door02 .d-title-list li:nth-child(2) .t11{
		width: max-content;
		position: relative;
		left: -37px;
	}
	.door02 .d-title-list li:nth-child(2) .t12{
		width: max-content;
		position: relative;
		left: -50px;
	}
	.door02 .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 19px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.door02 .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -3px;
		margin: 0 10px 0 0;
	}
	
	
	/*item01*/
	.item01{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 15% auto;
		display: flex;
		justify-content: space-between;
	}
	.item01 .data-l{
		width: 50%;
	}
	.item01 .data-l .img{
		width: 100%;
		position: relative;
	}
	.item01 .data-l .img .bg{
		width: 100%;
		height: 100%;
		background: #e5dfda;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.item01 .data-r{
		width: 40%;
	}
	.item01 .data-r .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 10% 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -60%;
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -60%;
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 10% 0;
	}
	.item01 .data-r .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02 .txt span{
		color: #765145;
	}
	.item01 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	
	/*item02*/
	.item02{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item02 .img-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: 0 0 3% 0;
	}
	.item02 .img-box li{
		width: 33%;
	}
	.item02 .data-box{
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.item02 .data-box .data-l{
		width: 500px;
	}
	.item02 .data-box .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		text-shadow: 2px 2px 0px #fff;
		margin: 0 0 5px 0;
		position: relative;
		left: -20%;
	}
	.item02 .data-box .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item02 .data-box .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
	}
	.item02 .data-box .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-r{
		width: 300px;
	}
	
	/*item03*/
	.item03{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item03 .bg{
		width: 80%;
		height: 66%;
		background: url("../img/03-03.jpg") no-repeat;
		background-size: cover;
		overflow: hidden;
		position: absolute;
		top: 17%;
		left: 0;
		z-index: -1;
	}
	.item03 .img{
		width: 100%;
		max-width: 550px;
		position: relative;
		margin: 0 auto 7% auto;
		padding: 2% 0 0 0;
	}
	.item03 .img .data-l{
		width: 60%;
		position: absolute;
		top: 60%;
		left: -60%;
	}
	.item03 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item03 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		right: -35%;
	}
	.item03 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item03 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item03 .data-r .link-box{
		width: 100%;
	}
	.item03 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item03 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item04*/
	.item04{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item04 .bg{
		width: 40%;
		overflow: hidden;
		position: absolute;
		bottom: 10%;
		left: 0;
		z-index: -1;
	}
	.item04 .img{
		width: 100%;
		max-width: 1200px;
		position: relative;
		margin: 0 auto 4% auto;
	}
	.item04 .img .data-l{
		width: 60%;
		position: absolute;
		bottom: 35%;
		left: 4%;
	}
	.item04 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item04 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item04 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item04 .data-r{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	.item04 .data-r .link-box{
		width: 300px;
    	margin-left: calc(100% - 400px);
	}
	
	/*item05*/
	.item05{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item05 .img01{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .img01 .icon01{
		width: 30%;
		position: absolute;
		top: 5%;
		right: -40%;
	}
	.item05 .img01 .icon02{
		width: 20%;
		position: absolute;
		bottom: 5%;
		right: -30%;
	}
	.item05 .img01 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img01 .icon04{
		width: 30%;
		position: absolute;
		bottom: 5%;
		left: -30%;
	}
	.item05 .img01 .icon05{
		width: 35%;
		position: absolute;
		top: 50%;
		left: 0%;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item05 .img02{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 4% auto;
		position: relative;
	}
	.item05 .img02 .icon01{
		width: 30%;
		position: absolute;
		top: 15%;
		right: -40%;
	}
	.item05 .img02 .icon02{
		width: 20%;
		position: absolute;
		bottom: 15%;
		right: -30%;
	}
	.item05 .img02 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img02 .icon04{
		width: 45%;
		position: absolute;
		bottom: 5%;
		left: -30%;
		z-index: -1;
	}
	.item05 .data-l{
		width: max-content;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -20%;
		margin: 0 0 5px 0;
	}
	.item05 .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item05 .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item05 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item05 .data-r .link-box{
		width: 100%;
	}
	.item05 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item05 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item06*/
	.item06{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.item06 .bg{
		width: 40%;
		position: absolute;
		bottom: 15%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item06 .data-l{
		width: 50%;
	}
	.item06 .data-l .img{
		width: 80%;
		margin: 70% 0 0 0;
	}
	.item06 .data-r{
		width: 45%;
	}
	.item06 .data-r .img{
		width: 100%;
		margin: 0 0 15% 0;
		position: relative;
	}
	.item06 .data-r .img .data-box{
		width: max-content;
		margin: 0 auto 3% auto;
		position: absolute;
		bottom: 25%;
		left: -120%;
	}
	.item06 .data-r .img .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item06 .data-r .img .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 30%;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item06 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	.item06 .data-r .icon{
		width: 50%;
		margin: 0 0 0% 50%;
		mix-blend-mode: multiply;
	}
	
	/*item07*/
	.item07{
		width: 100%;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.item07 .data-l{
		width: 50%;
	}
	.item07 .data-l .img{
		width: 100%;
		margin: 0 0 12% 0;
	}
	.item07 .data-l .link-box{
		width: 300px;
	}
	.item07 .data-r{
		width: 45%;
	}
	.item07 .data-r .data-box{
		width: max-content;
		margin: 10% auto 20% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item07 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item07 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 60%;
	}
	.item07 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item07 .data-r .img01{
		width: 90%;
		margin: 0 0 15% 10%;
	}
	.item07 .data-r .img02{
		width: 100%;
		position: relative;
		left: -30%;
	}
	
	/*item08*/
	.item08{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item08 .img{
		width: 100%;
		max-width: 750px;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item08 .data-l{
		width: 50%;
	}
	.item08 .data-l .img{
		width: 100%;
		margin: 0 0 10% 0;
	}
	.item08 .data-l .link-box{
		width: 300px;
    	margin-left: calc(100% - 300px);
	}
	.item08 .data-r{
		width: 45%;
	}
	.item08 .data-r .data-box{
		width: max-content;
		margin: 20% auto 25% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item08 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item08 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item08 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item08 .data-r .img{
		width: 85%;
		margin: 0 0 5% 15%;
		position: relative;
	}
	
	/*item09*/
	.item09{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item09 .bg{
		width: 80%;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item09 .img{
		width: 100%;
		max-width: 600px;
		position: relative;
		margin: 0 auto 7% auto;
	}
	.item09 .img .data-l{
		width: max-content;
		position: absolute;
		bottom: 20%;
		left: -65%;
	}
	.item09 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item09 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 30%;
	}
	.item09 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 75%;
	}
	.item09 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item09 .data-l{
		width: 50%;
	}
	.item09 .data-l .img{
		width: 80%;
		margin: 0 0 5% 0;
		position: relative;
	}
	.item09 .data-l .img .img-bg{
		width: 80%;
		height: 50%;
		background: #8d5f65;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	.item09 .data-r{
		width: 45%;
	}
	.item09 .data-r .link-box{
		width: 350px;
		background: rgba(255,255,255,0.7);
		box-sizing: border-box;
		padding: 5% 5%;
	}
	
	/*item10*/
	.item10{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item10 .data-l{
		width: 55%;
	}
	.item10 .data-l .img{
		width: 100%;
		margin: 0 0 9% 0;
	}
	.item10 .data-r{
		width: 40%;
	}
	.item10 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item10 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item10 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item10 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item10 .data-r .img{
		width: 70%;
		margin: 20% 0 35% 10%;
		position: relative;
	}
	.item10 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item10 .data-c .link-box{
		width: 100%;
	}
	.item10 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item10 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item11*/
	.item11{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all02{
		width: 75%;
		max-width: 2200px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item11 .data-l{
		width: 26.4%;
	}
	.item11 .data-l .img{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-l .img a{
		width: 100%;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-r{
		width: 50%;
		position: relative;
	}
	.item11 .data-r .img{
		width: 100%;
	}
	.item11 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: absolute;
		left: -35%;
		bottom: 5%;
		z-index: 10;
	}
	.item11 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item11 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item11 .data-r .data-box .txt-box01 .txt span{
		color: #765145;
	}
	.item11 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 50%;
	}
	.item11 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item11 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item11 .data-c .link-box{
		width: 100%;
	}
	.item11 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item11 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item12*/
	.item12{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item12 .bg{
		width: 60%;
		height: 60%;
		background: #ececeb;
		position: absolute;
		top: 15%;
		left: 0;
		z-index: -1;
	}
	.item12 .img{
		width: 100%;
		max-width: 800px;
		position: relative;
		margin: 0 auto .5% auto;
	}
	.item12 .img .data-l{
		width: max-content;
		position: absolute;
		top: 35%;
		right: -15%;
	}
	.item12 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 5px 0;
	}
	.item12 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item12 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 15%;
	}
	.item12 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 85%;
	}
	.item12 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item12 .data-c .link-box{
		width: 100%;
	}
	.item12 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item12 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*link-box*/
	.link-box .title{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 20px 0;
	}
	.link-box .title img{
		height: 15px;
	}
	.link-btn{
		text-decoration: none;
		color: #484d47;
		display: flex;
		justify-content: flex-end;
		position: relative;
		margin: 0 0 10px 0;
	}
	.link-btn .name{
		position: absolute;
		left: 0;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 15px;
		letter-spacing: 1px;
	}
	.link-btn .price{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
	}
	.link-btn .price span{
		font-size: 12px;
		letter-spacing: 1px;
		margin: 0 0 0 5px;
	}
	.link-btn .buy{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding: 0 5px;
		border-bottom: 1px solid rgba(72,77,71,0.00);
		margin: 0 0 0 10px;
		transition: .3s;
		
	}
	.link-btn:hover .buy{
		border-bottom: 1px solid rgba(72,77,71,1.00);
		transition: .3s;
	}
	
	/*item-end*/
	.item-end{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 5% auto;
	}
	.item-end .txt {
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2.5em;
		text-align: center;
		color: #474545;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 7% 0;
		color: #a78330;
	}
	
	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*f-banner02*/
	.f-banner02{
		border-top: 1px solid #000;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 5% 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 40px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 55px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 20px;
		width: 45px;
		display: block;
		z-index: 99;
	}
	
	
	/*anime----------------------------------------------------*/
	/*fade01*/
	.fade01 {
		animation-name: fade-in01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade02 {
		animation-name: fade-in02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade03 {
		animation-name: fade-in02;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: 3s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	@keyframes fade-in02 {
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}
	

	.fadein-up {
		opacity : 0;
	}
	.fadein-up.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up02 {
		opacity : 0;
	}
	.fadein-up02.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up-d {
		opacity : 0;
	}
	.fadein-up-d.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fadein-up {
		0% {
		  opacity: 0;
		  transform: translateY(20px)
		}
		100% {
		  opacity: 1;
		  transform: translateY(0px)
		}
	}
	
	.bg-ani01 {
		opacity : 0;
	}
	.bg-ani01.active{
		opacity : 1;
		animation-name: bg-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani01 {
		0% {
		  opacity: 1;
		  left: 0;
		  top: 0;
		}
		100% {
		  opacity: 1;
		  left: -20%;
		  top: 15%;
		}
	}
	.bg-ani02 {
		opacity : 0;
	}
	.bg-ani02.active{
		opacity : 1;
		animation-name: bg-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani02 {
		0% {
		  opacity: 1;
		  right: 0;
		  bottom: 0;
		}
		100% {
		  opacity: 1;
		  right: -25%;
		  bottom: -10%;
		}
	}
	
	
	
	.gbc01{
		background: #fff;
	}
	.gbc02{
		background: #fff;
	}
	
	.gb01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb01.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb02 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb02.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img02;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img02 {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb03 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb03.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img03;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img03 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(100%);
		}
	}
	
	.gb04 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb04.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img04;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img04 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
	}
	
	
	.display {
		opacity : 1;
		transform : translateX(-100%);
		transition : all 2s;
	}
	.display.active{
		opacity : 1;
		transform : translateX(0%);
	}
	
}

/*note pc*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .sp-on{
		display: none !important;
	}
	
	.sit{
		position: relative;
		bottom: -12px;
		font-size: 17px;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.loading-logo {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		animation: fade-out 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
		animation-delay: 3s;
		background: #fff;
	}
	.loading-logo .logo{
		width: 80%;
		height: 80%;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loading-logo .logo .logo-img01{
		width: 25%;
		position: absolute;
		display: block;
		left: 0;
		bottom: 10%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img02{
		width: 40%;
		position: absolute;
		display: block;
		top: 0%;
		left: 15%;
		z-index: 2;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img03{
		width: 40%;
		position: absolute;
		display: block;
		right: 15%;
		bottom: 0%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img04{
		width: 25%;
		position: absolute;
		display: block;
		right: 0;
		top: 0%;
		margin: 0 auto;
		z-index: 2;
		overflow: hidden;
	}
	
	.load-ani01 {
		animation-name: load-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani01 {
		0% {
		  opacity: 0;
		  transform: scale(1.09);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	.load-ani02 {
		animation-name: load-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani02 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	
    /*header*/
	header{
		width: 100%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 0;
		overflow: hidden;
	}
	.mv-logo{
		width: 5%;
		position: absolute;
		left: 2%;
		top: 2%;
		z-index: 10;
	}
	.mv-sub-title{
		width: 40%;
		margin: 0 auto;
		position: absolute;
		top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
		left: 8%;
	}
	.mv-title{
		width: 90%;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		filter: drop-shadow(1px 1px 10px #484d47);
	}
	.scrolldown1{
        position:absolute;
        right: 2%;
        bottom: 0%;
        height:100px;
	}
	.scrolldown1 span{
	  width: 11px;
	  position: absolute;
	  right: 0;
	  left: -25px;
	  top: 50%;
      -webkit-transform: translateY(-50%); /* Safari用 */
      transform: translateY(-50%);
	  color: #fff;
	  font-size: 14px;
	  letter-spacing: 2px;
	}
	.scrolldown1::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 1px;
	  height: 100px;
	  background: #fff;
	  animation: pathmove 1.4s ease-in-out infinite;
	  opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:50px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:100px;
		opacity: 0;
	  }
	}
	
	/*svg-ani*/
	.cls-1{
		stroke: #fff;
		fill: #fff;
		stroke-width: 1px;
		stroke-dasharray: 100%;
		animation-name: mv-svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes mv-svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	.cls-2 {
		opacity : 0;
	}
	.cls-2.active{
		stroke: #9e8d71;
		fill: #9e8d71;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.cls-3 {
		opacity : 0;
	}
	.cls-3.active{
		stroke: #000;
		fill: #000;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1.5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	
	/*read*/
	.read{
		width: 100%;
		color: #484d47;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 auto 5% auto;
	}
	.read .title{
		font-size: 35px;
		letter-spacing: 3px;
		line-height: 1.5em;
		margin: 0 auto 1% auto;
		text-align: center;
	}
	.read .txt{
		font-size: 18px;
		letter-spacing: 3px;
		line-height: 2em;
		margin: 0 auto 3% auto;
		text-align: center;
	}
	.top-nav{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top-nav li{
		width: 15%;
		margin: 0 0 3% 0;
	}
	.top-nav li a{
		width: 100%;
		display: block;
	}
	.top-nav li a .img{
		width: 60%;
		mix-blend-mode: multiply;
		margin: 0 auto 3% auto;
		transform: scale(1);
		opacity: 1;
		transition: .3s;
	}
	.top-nav li a:hover .img{
		transform: scale(1.1);
		opacity: .6;
		transition: .3s;
		animation: yurayura 2s linear infinite;
	}
	@keyframes yurayura {
	  0% , 100%{
		  transform: rotate(10deg);
	  }
	  50%{
		  transform: rotate(-10deg);
	  }
	}
	
	.top-nav li a .txt{
		width: 100%;
		z-index: 9;
		position: relative;
	}
	.top-nav li a .txt img{
		height: 20px;
		display: block;
		margin: 0 auto;
	}
	
	
	/*door*/
	.door{
		width: 100%;
		margin: 0 0 40px 0;
	}
	.door .num-box{
		width: 140px;
		margin: 0 0 5% 0;
	}
	.door .num-box li .num01{
		width: 30%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .num02{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .txt{
		width: 100%;
	}
	.door .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door .d-title-list{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
		position: relative;
	}
	.door .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door .d-title-list li:nth-child(2) .t01{
		width: max-content;
		position: relative;
		left: -24px;
	}
	.door .d-title-list li:nth-child(2) .t06{
		width: max-content;
		position: relative;
		left: -140px;
	}
	.door .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 17px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.door .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -2px;
		margin: 0 10px 0 0;
	}
	
	/*door02*/
	.door02{
		width: 100%;
		position: relative;
		margin: 0 0 40px 0;
		padding: 70px 0 0 0;
	}
	.door02 .num-box{
		width: 140px;
		position: absolute;
		top: 0;
		right: 15%;
	}
	.door02 .num-box li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num04{
		width: 55%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num07{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num09{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num11{
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .txt{
		width: 100%;
	}
	.door02 .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .num-box02{
		width: 140px;
		position: absolute;
		top: 0;
		left: 15%;
	}
	.door02 .num-box02 li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num03{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num08{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num10{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num12{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .txt{
		width: 100%;
	}
	.door02 .num-box02 li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .d-title-list{
		width: 100%;
		max-width: 600px;
		border-bottom: 1px solid #765145;
		margin: 0 auto 30px auto;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door02 .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title04{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title05{
		width: 30%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title07{
		width: 19%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title08{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title09{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title10{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title11{
		width: 50%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title12{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door02 .d-title-list li:nth-child(2) .t02{
		width: max-content;
		position: relative;
		left: -65px;
	}
	.door02 .d-title-list li:nth-child(2) .t03{
		width: max-content;
		position: relative;
		left: -125px;
	}
	.door02 .d-title-list li:nth-child(2) .t04{
		width: max-content;
		position: relative;
		left: -88px;
	}
	.door02 .d-title-list li:nth-child(2) .t05{
		width: max-content;
		position: relative;
		left: -138px;
	}
	.door02 .d-title-list li:nth-child(2) .t07{
		width: max-content;
		position: relative;
		left: -180px;
	}
	.door02 .d-title-list li:nth-child(2) .t08{
		width: max-content;
		position: relative;
		left: -40px;
	}
	.door02 .d-title-list li:nth-child(2) .t09{
		width: max-content;
		position: relative;
		left: -90px;
	}
	.door02 .d-title-list li:nth-child(2) .t10{
		width: max-content;
		position: relative;
		left: -105px;
	}
	.door02 .d-title-list li:nth-child(2) .t11{
		width: max-content;
		position: relative;
		left: -37px;
	}
	.door02 .d-title-list li:nth-child(2) .t12{
		width: max-content;
		position: relative;
		left: -50px;
	}
	.door02 .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 17px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.door02 .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -2px;
		margin: 0 10px 0 0;
	}
	
	
	/*item01*/
	.item01{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 15% auto;
		display: flex;
		justify-content: space-between;
	}
	.item01 .data-l{
		width: 50%;
	}
	.item01 .data-l .img{
		width: 100%;
		position: relative;
	}
	.item01 .data-l .img .bg{
		width: 100%;
		height: 100%;
		background: #e5dfda;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.item01 .data-r{
		width: 40%;
	}
	.item01 .data-r .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 20% 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -45%;
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 20% 0;
		left: 25%;
	}
	.item01 .data-r .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02 .txt span{
		color: #765145;
	}
	.item01 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	
	/*item02*/
	.item02{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item02 .img-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: 0 0 3% 0;
	}
	.item02 .img-box li{
		width: 33%;
	}
	.item02 .data-box{
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.item02 .data-box .data-l{
		width: 500px;
	}
	.item02 .data-box .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		text-shadow: 2px 2px 0px #fff;
		margin: 0 0 5px 0;
		position: relative;
		left: -20%;
	}
	.item02 .data-box .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item02 .data-box .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
	}
	.item02 .data-box .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-r{
		width: 300px;
	}
	
	/*item03*/
	.item03{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item03 .bg{
		width: 77%;
		height: 61%;
		background: url("../img/03-03.jpg") no-repeat;
		background-size: cover;
		overflow: hidden;
		position: absolute;
		top: 20%;
		left: 0;
		z-index: -1;
	}
	.item03 .img{
		width: 100%;
		max-width: 450px;
		position: relative;
		margin: 0 auto 10% auto;
		padding: 5% 0 0 0;
	}
	.item03 .img .data-l{
		width: 60%;
		position: absolute;
		top: 60%;
		left: -70%;
	}
	.item03 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item03 .img .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		right: -30%;
	}
	.item03 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item03 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item03 .data-r .link-box{
		width: 100%;
	}
	.item03 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item03 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item04*/
	.item04{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item04 .bg{
		width: 40%;
		overflow: hidden;
		position: absolute;
		bottom: 15%;
		left: 0;
		z-index: -1;
	}
	.item04 .img{
		width: 100%;
		max-width: 1000px;
		position: relative;
		margin: 0 auto 7% auto;
	}
	.item04 .img .data-l{
		width: 60%;
		position: absolute;
		bottom: 30%;
		left: 4%;
	}
	.item04 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item04 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item04 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item04 .data-r{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
	.item04 .data-r .link-box{
		width: 300px;
    	margin-left: calc(100% - 380px);
	}
	
	/*item05*/
	.item05{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item05 .img01{
		width: 100%;
		max-width: 500px;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .img01 .icon01{
		width: 30%;
		position: absolute;
		top: 5%;
		right: -40%;
	}
	.item05 .img01 .icon02{
		width: 20%;
		position: absolute;
		bottom: 5%;
		right: -30%;
	}
	.item05 .img01 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img01 .icon04{
		width: 30%;
		position: absolute;
		bottom: 5%;
		left: -30%;
	}
	.item05 .img01 .icon05{
		width: 35%;
		position: absolute;
		top: 50%;
		left: 0%;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item05 .img02{
		width: 100%;
		max-width: 500px;
		margin: 0 auto 4% auto;
		position: relative;
	}
	.item05 .img02 .icon01{
		width: 30%;
		position: absolute;
		top: 15%;
		right: -40%;
	}
	.item05 .img02 .icon02{
		width: 20%;
		position: absolute;
		bottom: 15%;
		right: -30%;
	}
	.item05 .img02 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img02 .icon04{
		width: 45%;
		position: absolute;
		bottom: 5%;
		left: -30%;
		z-index: -1;
	}
	.item05 .data-l{
		width: max-content;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -20%;
		margin: 0 0 5px 0;
	}
	.item05 .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item05 .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item05 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item05 .data-r .link-box{
		width: 100%;
	}
	.item05 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item05 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item06*/
	.item06{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.item06 .bg{
		width: 40%;
		position: absolute;
		bottom: 15%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item06 .data-l{
		width: 50%;
	}
	.item06 .data-l .img{
		width: 80%;
		margin: 70% 0 0 0;
	}
	.item06 .data-r{
		width: 45%;
	}
	.item06 .data-r .img{
		width: 100%;
		margin: 0 0 20% 0;
		position: relative;
	}
	.item06 .data-r .img .data-box{
		width: max-content;
		margin: 0 auto 3% auto;
		position: absolute;
		bottom: 20%;
		left: -120%;
	}
	.item06 .data-r .img .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item06 .data-r .img .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 30%;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item06 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	.item06 .data-r .icon{
		width: 50%;
		margin: 0 0 0% 50%;
		mix-blend-mode: multiply;
	}
	
	/*item07*/
	.item07{
		width: 100%;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.item07 .data-l{
		width: 50%;
	}
	.item07 .data-l .img{
		width: 100%;
		margin: 0 0 12% 0;
	}
	.item07 .data-l .link-box{
		width: 300px;
	}
	.item07 .data-r{
		width: 45%;
	}
	.item07 .data-r .data-box{
		width: max-content;
		margin: 20% auto 10% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item07 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item07 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 50%;
	}
	.item07 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item07 .data-r .img01{
		width: 90%;
		margin: 0 0 15% 10%;
	}
	.item07 .data-r .img02{
		width: 100%;
		position: relative;
		left: -30%;
	}
	
	/*item08*/
	.item08{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item08 .img{
		width: 100%;
		max-width: 700px;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item08 .data-l{
		width: 50%;
	}
	.item08 .data-l .img{
		width: 100%;
		margin: 0 0 10% 0;
	}
	.item08 .data-l .link-box{
		width: 300px;
    	margin-left: calc(100% - 300px);
	}
	.item08 .data-r{
		width: 45%;
	}
	.item08 .data-r .data-box{
		width: max-content;
		margin: 20% auto 25% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item08 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item08 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item08 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item08 .data-r .img{
		width: 85%;
		margin: 0 0 5% 15%;
		position: relative;
	}
	
	/*item09*/
	.item09{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item09 .bg{
		width: 80%;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item09 .img{
		width: 100%;
		max-width: 500px;
		position: relative;
		margin: 0 auto 7% auto;
	}
	.item09 .img .data-l{
		width: max-content;
		position: absolute;
		bottom: 20%;
		left: -70%;
	}
	.item09 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item09 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 20%;
	}
	.item09 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 60%;
	}
	.item09 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.data-all{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item09 .data-l{
		width: 50%;
	}
	.item09 .data-l .img{
		width: 80%;
		margin: 0 0 5% 0;
		position: relative;
	}
	.item09 .data-l .img .img-bg{
		width: 80%;
		height: 50%;
		background: #8d5f65;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	.item09 .data-r{
		width: 45%;
	}
	.item09 .data-r .link-box{
		width: 350px;
		background: rgba(255,255,255,0.7);
		box-sizing: border-box;
		padding: 5% 5%;
	}
	
	/*item10*/
	.item10{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all{
		width: 100%;
		max-width: 1000px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item10 .data-l{
		width: 55%;
	}
	.item10 .data-l .img{
		width: 100%;
		margin: 0 0 9% 0;
	}
	.item10 .data-r{
		width: 40%;
	}
	.item10 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item10 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item10 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item10 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item10 .data-r .img{
		width: 70%;
		margin: 20% 0 35% 10%;
		position: relative;
	}
	.item10 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item10 .data-c .link-box{
		width: 100%;
	}
	.item10 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item10 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item11*/
	.item11{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all02{
		width: 100%;
		max-width: 1000px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item11 .data-l{
		width: 26.4%;
	}
	.item11 .data-l .img{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-l .img a{
		width: 100%;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-r{
		width: 50%;
		position: relative;
	}
	.item11 .data-r .img{
		width: 100%;
	}
	.item11 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: absolute;
		left: -35%;
		bottom: 5%;
		z-index: 10;
	}
	.item11 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item11 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item11 .data-r .data-box .txt-box01 .txt span{
		color: #765145;
	}
	.item11 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 20%;
	}
	.item11 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item11 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item11 .data-c .link-box{
		width: 100%;
	}
	.item11 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item11 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item12*/
	.item12{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item12 .bg{
		width: 60%;
		height: 60%;
		background: #ececeb;
		position: absolute;
		top: 20%;
		left: 0;
		z-index: -1;
	}
	.item12 .img{
		width: 100%;
		max-width: 600px;
		position: relative;
		margin: 0 auto .5% auto;
	}
	.item12 .img .data-l{
		width: max-content;
		position: absolute;
		bottom: 30%;
		right: -37%;
	}
	.item12 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 5px 0;
	}
	.item12 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item12 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 10%;
	}
	.item12 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item12 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item12 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item12 .data-c .link-box{
		width: 100%;
	}
	.item12 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item12 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*link-box*/
	.link-box .title{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 20px 0;
	}
	.link-box .title img{
		height: 15px;
	}
	.link-btn{
		text-decoration: none;
		color: #484d47;
		display: flex;
		justify-content: flex-end;
		position: relative;
		margin: 0 0 10px 0;
	}
	.link-btn .name{
		position: absolute;
		left: 0;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 15px;
		letter-spacing: 1px;
	}
	.link-btn .price{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
	}
	.link-btn .price span{
		font-size: 12px;
		letter-spacing: 1px;
		margin: 0 0 0 5px;
	}
	.link-btn .buy{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding: 0 5px;
		border-bottom: 1px solid rgba(72,77,71,0.00);
		margin: 0 0 0 10px;
		transition: .3s;
		
	}
	.link-btn:hover .buy{
		border-bottom: 1px solid rgba(72,77,71,1.00);
		transition: .3s;
	}
	
	/*item-end*/
	.item-end{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 5% auto;
	}
	.item-end .txt {
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2.5em;
		text-align: center;
		color: #474545;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 7% 0;
		color: #a78330;
	}
	
	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*f-banner02*/
	.f-banner02{
		border-top: 1px solid #000;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 5% 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 40px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 55px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 20px;
		width: 45px;
		display: block;
		z-index: 99;
	}
	
	
	/*anime----------------------------------------------------*/
	/*fade01*/
	.fade01 {
		animation-name: fade-in01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade02 {
		animation-name: fade-in02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade03 {
		animation-name: fade-in02;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: 3s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	@keyframes fade-in02 {
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}
	

	.fadein-up {
		opacity : 0;
	}
	.fadein-up.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up02 {
		opacity : 0;
	}
	.fadein-up02.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up-d {
		opacity : 0;
	}
	.fadein-up-d.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fadein-up {
		0% {
		  opacity: 0;
		  transform: translateY(20px)
		}
		100% {
		  opacity: 1;
		  transform: translateY(0px)
		}
	}
	
	.bg-ani01 {
		opacity : 0;
	}
	.bg-ani01.active{
		opacity : 1;
		animation-name: bg-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani01 {
		0% {
		  opacity: 1;
		  left: 0;
		  top: 0;
		}
		100% {
		  opacity: 1;
		  left: -20%;
		  top: 15%;
		}
	}
	.bg-ani02 {
		opacity : 0;
	}
	.bg-ani02.active{
		opacity : 1;
		animation-name: bg-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani02 {
		0% {
		  opacity: 1;
		  right: 0;
		  bottom: 0;
		}
		100% {
		  opacity: 1;
		  right: -25%;
		  bottom: -10%;
		}
	}
	
	
	
	.gbc01{
		background: #fff;
	}
	.gbc02{
		background: #fff;
	}
	
	.gb01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb01.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb02 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb02.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img02;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img02 {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb03 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb03.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img03;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img03 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(100%);
		}
	}
	
	.gb04 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb04.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img04;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img04 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
	}
	
	
	.display {
		opacity : 1;
		transform : translateX(-100%);
		transition : all 2s;
	}
	.display.active{
		opacity : 1;
		transform : translateX(0%);
	}
    
}

/*pad*/
@media screen and (min-width: 767px) and (max-width: 1024px) {
	.sp-on{
		display: none !important;
	}
	
	.sit{
		position: relative;
		bottom: -13px;
		font-size: 19px;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.loading-logo {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		animation: fade-out 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
		animation-delay: 3s;
		background: #fff;
	}
	.loading-logo .logo{
		width: 80%;
		height: 80%;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loading-logo .logo .logo-img01{
		width: 25%;
		position: absolute;
		display: block;
		left: 0;
		bottom: 10%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img02{
		width: 40%;
		position: absolute;
		display: block;
		top: 0%;
		left: 15%;
		z-index: 2;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img03{
		width: 40%;
		position: absolute;
		display: block;
		right: 15%;
		bottom: 0%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img04{
		width: 25%;
		position: absolute;
		display: block;
		right: 0;
		top: 0%;
		margin: 0 auto;
		z-index: 2;
		overflow: hidden;
	}
	
	.load-ani01 {
		animation-name: load-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani01 {
		0% {
		  opacity: 0;
		  transform: scale(1.09);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	.load-ani02 {
		animation-name: load-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani02 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	
    /*header*/
	header{
		width: 100%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 0;
		overflow: hidden;
	}
	.mv-logo{
		width: 5%;
		position: absolute;
		left: 2%;
		top: 2%;
		z-index: 10;
	}
	.mv-sub-title{
		width: 40%;
		margin: 0 auto;
		position: absolute;
		top: 40%;
        -webkit-transform: translateY(-40%); /* Safari用 */
        transform: translateY(-40%);
		left: 8%;
	}
	.mv-title{
		width: 90%;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		filter: drop-shadow(1px 1px 10px #484d47);
	}
	.scrolldown1{
        position:absolute;
        right: 2%;
        bottom: 0%;
        height:100px;
	}
	.scrolldown1 span{
	  width: 11px;
	  position: absolute;
	  right: 0;
	  left: -25px;
	  top: 50%;
      -webkit-transform: translateY(-50%); /* Safari用 */
      transform: translateY(-50%);
	  color: #fff;
	  font-size: 14px;
	  letter-spacing: 2px;
	}
	.scrolldown1::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 1px;
	  height: 100px;
	  background: #fff;
	  animation: pathmove 1.4s ease-in-out infinite;
	  opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:50px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:100px;
		opacity: 0;
	  }
	}
	
	/*svg-ani*/
	.cls-1{
		stroke: #fff;
		fill: #fff;
		stroke-width: 1px;
		stroke-dasharray: 100%;
		animation-name: mv-svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes mv-svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	.cls-2 {
		opacity : 0;
	}
	.cls-2.active{
		stroke: #9e8d71;
		fill: #9e8d71;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.cls-3 {
		opacity : 0;
	}
	.cls-3.active{
		stroke: #000;
		fill: #000;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1.5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	
	/*read*/
	.read{
		width: 100%;
		color: #484d47;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 auto 5% auto;
	}
	.read .title{
		font-size: 35px;
		letter-spacing: 3px;
		line-height: 1.5em;
		margin: 0 auto 2% auto;
		text-align: center;
	}
	.read .txt{
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 2em;
		margin: 0 auto 3% auto;
		text-align: center;
	}
	.top-nav{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top-nav li{
		width: 15%;
		margin: 0 0 3% 0;
	}
	.top-nav li a{
		width: 100%;
		display: block;
	}
	.top-nav li a .img{
		width: 60%;
		mix-blend-mode: multiply;
		margin: 0 auto 3% auto;
		transform: scale(1);
		opacity: 1;
		transition: .3s;
	}
	.top-nav li a:hover .img{
		transform: scale(1.1);
		opacity: .6;
		transition: .3s;
	}
	.top-nav li a .txt{
		width: 100%;
		z-index: 9;
		position: relative;
	}
	.top-nav li a .txt img{
		height: 20px;
		display: block;
		margin: 0 auto;
	}
	
	
	/*door*/
	.door{
		width: 100%;
		margin: 0 0 40px 0;
	}
	.door .num-box{
		width: 140px;
		margin: 0 0 5% 0;
	}
	.door .num-box li .num01{
		width: 30%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .num02{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door .num-box li .txt{
		width: 100%;
	}
	.door .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door .d-title-list{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
		position: relative;
	}
	.door .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door .d-title-list li:nth-child(2) .t01{
		width: max-content;
		position: relative;
		left: -14px;
	}
	.door .d-title-list li:nth-child(2) .t06{
		width: max-content;
		position: relative;
		left: -128px;
	}
	.door .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 19px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.door .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -3px;
		margin: 0 10px 0 0;
	}
	
	/*door02*/
	.door02{
		width: 100%;
		position: relative;
		margin: 0 0 40px 0;
		padding: 70px 0 0 0;
	}
	.door02 .num-box{
		width: 100px;
		position: absolute;
		top: 0;
		right: 5%;
	}
	.door02 .num-box li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num04{
		width: 55%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num07{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num09{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .num11{
		width: 90%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box li .txt{
		width: 100%;
	}
	.door02 .num-box li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .num-box02{
		width: 100px;
		position: absolute;
		top: 0;
		left: 5%;
	}
	.door02 .num-box02 li .num02{
		width: 50%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num03{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num08{
		width: 45%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num10{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .num12{
		width: 100%;
		margin: 0 auto 20px auto;
	}
	.door02 .num-box02 li .txt{
		width: 100%;
	}
	.door02 .num-box02 li .txt img{
		height: 20px;
		margin: 0 auto;
		display: block;
	}
	.door02 .d-title-list{
		width: 100%;
		max-width: 600px;
		border-bottom: 1px solid #765145;
		margin: 0 auto 30px auto;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door02 .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title04{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title05{
		width: 30%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title07{
		width: 19%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title08{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title09{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title10{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title11{
		width: 50%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title12{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li:nth-child(2){
		width: max-content;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		position: absolute;
		right: 0;
		top: 48%;
		-webkit-transform: translateY(-48%); /* Safari用 */
        transform: translateY(-48%);
	}
	.door02 .d-title-list li:nth-child(2) .t02{
		width: max-content;
		position: relative;
		left: -65px;
	}
	.door02 .d-title-list li:nth-child(2) .t03{
		width: max-content;
		position: relative;
		left: -125px;
	}
	.door02 .d-title-list li:nth-child(2) .t04{
		width: max-content;
		position: relative;
		left: -88px;
	}
	.door02 .d-title-list li:nth-child(2) .t05{
		width: max-content;
		position: relative;
		left: -138px;
	}
	.door02 .d-title-list li:nth-child(2) .t07{
		width: max-content;
		position: relative;
		left: -180px;
	}
	.door02 .d-title-list li:nth-child(2) .t08{
		width: max-content;
		position: relative;
		left: -40px;
	}
	.door02 .d-title-list li:nth-child(2) .t09{
		width: max-content;
		position: relative;
		left: -90px;
	}
	.door02 .d-title-list li:nth-child(2) .t10{
		width: max-content;
		position: relative;
		left: -105px;
	}
	.door02 .d-title-list li:nth-child(2) .t11{
		width: max-content;
		position: relative;
		left: -37px;
	}
	.door02 .d-title-list li:nth-child(2) .t12{
		width: max-content;
		position: relative;
		left: -50px;
	}
	.door02 .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 19px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.door02 .d-txt .sub{
		color: #484d47;
		font-size: 14px;
		line-height: 1.8em;
		letter-spacing: 5px;
		position: relative;
		top: -3px;
		margin: 0 10px 0 0;
	}
	
	
	/*item01*/
	.item01{
		width: 90%;
		margin: 0 auto 15% auto;
		display: flex;
		justify-content: space-between;
	}
	.item01 .data-l{
		width: 50%;
	}
	.item01 .data-l .img{
		width: 100%;
		position: relative;
	}
	.item01 .data-l .img .bg{
		width: 100%;
		height: 100%;
		background: #e5dfda;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.item01 .data-r{
		width: 40%;
	}
	.item01 .data-r .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 20% 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -45%;
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 20% 0;
		left: 25%;
	}
	.item01 .data-r .txt-box02 .txt{
		color: #765145;
		
		font-size: 18px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02 .txt span{
		color: #765145;
	}
	.item01 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	
	/*item02*/
	.item02{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item02 .img-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: 0 0 3% 0;
	}
	.item02 .img-box li{
		width: 33%;
	}
	.item02 .data-box{
		width: 90%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
	}
	.item02 .data-box .data-l{
		width: 500px;
	}
	.item02 .data-box .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		text-shadow: 2px 2px 0px #fff;
		margin: 0 0 5px 0;
		position: relative;
		left: 0%;
	}
	.item02 .data-box .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item02 .data-box .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 20%;
	}
	.item02 .data-box .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-r{
		width: 300px;
	}
	
	/*item03*/
	.item03{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item03 .bg{
		width: 77%;
		height: 63%;
		background: url("../img/03-03.jpg") no-repeat;
		background-size: cover;
		overflow: hidden;
		position: absolute;
		top: 20%;
		left: 0;
		z-index: -1;
	}
	.item03 .img{
		width: 100%;
		max-width: 500px;
		position: relative;
		margin: 0 auto 7% auto;
		padding: 5% 0 0 0;
	}
	.item03 .img .data-l{
		width: 60%;
		position: absolute;
		bottom: 10%;
		left: -40%;
	}
	.item03 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item03 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		right: -50%;
	}
	.item03 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item03 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item03 .data-r .link-box{
		width: 100%;
	}
	.item03 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item03 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item04*/
	.item04{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item04 .bg{
		width: 40%;
		overflow: hidden;
		position: absolute;
		bottom: 15%;
		left: 0;
		z-index: -1;
	}
	.item04 .img{
		width: 80%;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.item04 .img .data-l{
		width: 60%;
		position: absolute;
		bottom: 15%;
		left: 4%;
	}
	.item04 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item04 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item04 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item04 .data-r{
		width: 100%;
		margin: 0 auto;
	}
	.item04 .data-r .link-box{
		width: 300px;
    	margin-left: calc(100% - 400px);
	}
	
	/*item05*/
	.item05{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item05 .img01{
		width: 50%;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .img01 .icon01{
		width: 30%;
		position: absolute;
		top: 5%;
		right: -40%;
	}
	.item05 .img01 .icon02{
		width: 20%;
		position: absolute;
		bottom: 5%;
		right: -30%;
	}
	.item05 .img01 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img01 .icon04{
		width: 30%;
		position: absolute;
		bottom: 5%;
		left: -30%;
	}
	.item05 .img01 .icon05{
		width: 35%;
		position: absolute;
		top: 50%;
		left: 0%;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item05 .img02{
		width: 50%;
		margin: 0 auto 4% auto;
		position: relative;
	}
	.item05 .img02 .icon01{
		width: 30%;
		position: absolute;
		top: 15%;
		right: -40%;
	}
	.item05 .img02 .icon02{
		width: 20%;
		position: absolute;
		bottom: 15%;
		right: -30%;
	}
	.item05 .img02 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img02 .icon04{
		width: 45%;
		position: absolute;
		bottom: 5%;
		left: -30%;
		z-index: -1;
	}
	.item05 .data-l{
		width: max-content;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: -20%;
		margin: 0 0 5px 0;
	}
	.item05 .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 40%;
	}
	.item05 .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item05 .data-r{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item05 .data-r .link-box{
		width: 100%;
	}
	.item05 .data-r .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item05 .data-r .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item06*/
	.item06{
		width: 90%;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.item06 .bg{
		width: 40%;
		position: absolute;
		bottom: 15%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item06 .data-l{
		width: 50%;
	}
	.item06 .data-l .img{
		width: 80%;
		margin: 70% 0 0 0;
	}
	.item06 .data-r{
		width: 45%;
	}
	.item06 .data-r .img{
		width: 100%;
		margin: 0 0 15% 0;
		position: relative;
	}
	.item06 .data-r .img .data-box{
		width: max-content;
		margin: 0 auto 3% auto;
		position: absolute;
		bottom: 25%;
		left: -120%;
	}
	.item06 .data-r .img .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item06 .data-r .img .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 30%;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item06 .data-r .link-box{
		width: 300px;
		margin: 0 auto;
	}
	.item06 .data-r .icon{
		width: 50%;
		margin: 0 0 0% 50%;
		mix-blend-mode: multiply;
	}
	
	/*item07*/
	.item07{
		width: 100%;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.item07 .data-l{
		width: 50%;
	}
	.item07 .data-l .img{
		width: 100%;
		margin: 0 0 12% 0;
	}
	.item07 .data-l .link-box{
		width: 300px;
	}
	.item07 .data-r{
		width: 45%;
	}
	.item07 .data-r .data-box{
		width: max-content;
		margin: 20% auto 10% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item07 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item07 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 60%;
	}
	.item07 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item07 .data-r .img01{
		width: 90%;
		margin: 0 0 15% 10%;
	}
	.item07 .data-r .img02{
		width: 100%;
		position: relative;
		left: -30%;
	}
	
	/*item08*/
	.item08{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item08 .img{
		width: 70%;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.data-all{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item08 .data-l{
		width: 50%;
	}
	.item08 .data-l .img{
		width: 100%;
		margin: 0 0 10% 0;
	}
	.item08 .data-l .link-box{
		width: 300px;
    	margin-left: calc(100% - 300px);
	}
	.item08 .data-r{
		width: 45%;
	}
	.item08 .data-r .data-box{
		width: max-content;
		margin: 20% auto 25% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item08 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item08 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item08 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item08 .data-r .img{
		width: 85%;
		margin: 0 0 5% 15%;
		position: relative;
	}
	
	/*item09*/
	.item09{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item09 .bg{
		width: 80%;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item09 .img{
		width: 100%;
		max-width: 500px;
		position: relative;
		margin: 0 auto 7% auto;
	}
	.item09 .img .data-l{
		width: max-content;
		position: absolute;
		bottom: 10%;
		left: -40%;
	}
	.item09 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item09 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
		position: relative;
		left: 20%;
	}
	.item09 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 2px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 75%;
	}
	.item09 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.data-all{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.item09 .data-l{
		width: 50%;
	}
	.item09 .data-l .img{
		width: 80%;
		margin: 0 0 5% 0;
		position: relative;
	}
	.item09 .data-l .img .img-bg{
		width: 80%;
		height: 50%;
		background: #8d5f65;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	.item09 .data-r{
		width: 45%;
	}
	.item09 .data-r .link-box{
		width: 350px;
		background: rgba(255,255,255,0.7);
		box-sizing: border-box;
		padding: 5% 5%;
	}
	
	/*item10*/
	.item10{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all{
		width: 90%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item10 .data-l{
		width: 55%;
	}
	.item10 .data-l .img{
		width: 100%;
		margin: 0 0 9% 0;
	}
	.item10 .data-r{
		width: 40%;
	}
	.item10 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: relative;
		left: -50%;
		z-index: 10;
	}
	.item10 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item10 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 70%;
	}
	.item10 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item10 .data-r .img{
		width: 70%;
		margin: 20% 0 35% 10%;
		position: relative;
	}
	.item10 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 0 auto;
	}
	.item10 .data-c .link-box{
		width: 100%;
	}
	.item10 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item10 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item11*/
	.item11{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.data-all02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto;
	}
	.item11 .data-l{
		width: 26.4%;
	}
	.item11 .data-l .img{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-l .img a{
		width: 100%;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-r{
		width: 50%;
		position: relative;
	}
	.item11 .data-r .img{
		width: 100%;
	}
	.item11 .data-r .data-box{
		width: max-content;
		margin: 10% auto 10% auto;
		position: absolute;
		left: -35%;
		bottom: 5%;
		z-index: 10;
	}
	.item11 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item11 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item11 .data-r .data-box .txt-box01 .txt span{
		color: #765145;
	}
	.item11 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 50%;
	}
	.item11 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item11 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item11 .data-c .link-box{
		width: 100%;
	}
	.item11 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item11 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*item12*/
	.item12{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item12 .bg{
		width: 60%;
		height: 60%;
		background: #ececeb;
		position: absolute;
		top: 20%;
		left: 0;
		z-index: -1;
	}
	.item12 .img{
		width: 100%;
		max-width: 600px;
		position: relative;
		margin: 0 auto .5% auto;
	}
	.item12 .img .data-l{
		width: max-content;
		position: absolute;
		bottom: 10%;
		right: -25%;
	}
	.item12 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 5px 0;
	}
	.item12 .img .data-l .txt-box01 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item12 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
	}
	.item12 .img .data-l .txt-box02 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 54%;
	}
	.item12 .img .data-l .txt-box03 .txt{
		color: #765145;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item12 .data-c{
		width: 100%;
		max-width: 650px;
		margin: 5% auto 0 auto;
	}
	.item12 .data-c .link-box{
		width: 100%;
	}
	.item12 .data-c .link-box .link-box02{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.item12 .data-c .link-box .link-box02 li{
		width: 45%;
	}
	
	/*link-box*/
	.link-box .title{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 30px 0;
		padding: 0 0 20px 0;
	}
	.link-box .title img{
		height: 15px;
	}
	.link-btn{
		text-decoration: none;
		color: #484d47;
		display: flex;
		justify-content: flex-end;
		position: relative;
		margin: 0 0 10px 0;
	}
	.link-btn .name{
		position: absolute;
		left: 0;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 15px;
		letter-spacing: 1px;
	}
	.link-btn .price{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
	}
	.link-btn .price span{
		font-size: 12px;
		letter-spacing: 1px;
		margin: 0 0 0 5px;
	}
	.link-btn .buy{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 16px;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding: 0 5px;
		border-bottom: 1px solid rgba(72,77,71,0.00);
		margin: 0 0 0 10px;
		transition: .3s;
		
	}
	.link-btn:hover .buy{
		border-bottom: 1px solid rgba(72,77,71,1.00);
		transition: .3s;
	}
	
	/*item-end*/
	.item-end{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 5% auto;
	}
	.item-end .txt {
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2.5em;
		text-align: center;
		color: #474545;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 7% 0;
		color: #a78330;
	}
	
	/*f-banner*/
	.f-banner{
		width: 100%;
		max-width: 600px;
		margin: 0 auto 5% auto;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*f-banner02*/
	.f-banner02{
		border-top: 1px solid #000;
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		padding: 5% 0 0 0;
	}
	.f-banner02-list{
		width: 100%;
		max-width: 600px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 2% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 40px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 55px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}
	#pagetop{
		position: fixed;
		right: 15px;
		bottom: 20px;
		width: 45px;
		display: block;
		z-index: 99;
	}
	
	
	/*anime----------------------------------------------------*/
	/*fade01*/
	.fade01 {
		animation-name: fade-in01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade02 {
		animation-name: fade-in02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade03 {
		animation-name: fade-in02;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: 3s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	@keyframes fade-in02 {
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}
	

	.fadein-up {
		opacity : 0;
	}
	.fadein-up.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up02 {
		opacity : 0;
	}
	.fadein-up02.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up-d {
		opacity : 0;
	}
	.fadein-up-d.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fadein-up {
		0% {
		  opacity: 0;
		  transform: translateY(20px)
		}
		100% {
		  opacity: 1;
		  transform: translateY(0px)
		}
	}
	
	.bg-ani01 {
		opacity : 0;
	}
	.bg-ani01.active{
		opacity : 1;
		animation-name: bg-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani01 {
		0% {
		  opacity: 1;
		  left: 0;
		  top: 0;
		}
		100% {
		  opacity: 1;
		  left: -20%;
		  top: 15%;
		}
	}
	.bg-ani02 {
		opacity : 0;
	}
	.bg-ani02.active{
		opacity : 1;
		animation-name: bg-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani02 {
		0% {
		  opacity: 1;
		  right: 0;
		  bottom: 0;
		}
		100% {
		  opacity: 1;
		  right: -25%;
		  bottom: -10%;
		}
	}
	
	
	
	.gbc01{
		background: #fff;
	}
	.gbc02{
		background: #fff;
	}
	
	.gb01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb01.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb02 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb02.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img02;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img02 {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb03 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb03.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img03;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img03 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(100%);
		}
	}
	
	.gb04 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb04.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img04;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img04 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
	}
	
	
	.display {
		opacity : 1;
		transform : translateX(-100%);
		transition : all 2s;
	}
	.display.active{
		opacity : 1;
		transform : translateX(0%);
	}
	
}

/*//////////////////////////////// for iphone ////////////////////////////*/
@media (min-width:0px) and ( max-width:766px) {
	.pc-on{
		display: none !important;
	}
	
	.sit{
		position: relative;
		bottom: -11px;
		font-size: 15px;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	.loading-logo {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
		animation: fade-out 2s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;
		animation-delay: 3s;
		background: #fff;
	}
	.loading-logo .logo{
		width: 90%;
		height: 80%;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loading-logo .logo .logo-img01{
		width: 45%;
		position: absolute;
		display: block;
		left: 0;
		top: 15%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img02{
		width: 65%;
		position: absolute;
		display: block;
		top: 0%;
		right: 0%;
		z-index: 2;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img03{
		width: 80%;
		position: absolute;
		display: block;
		left: 0%;
		bottom: 0%;
		margin: 0 auto;
		z-index: 1;
		overflow: hidden;
	}
	.loading-logo .logo .logo-img04{
		width: 35%;
		position: absolute;
		display: block;
		right: 0;
		top: 40%;
		margin: 0 auto;
		z-index: 2;
		overflow: hidden;
	}
	
	.load-ani01 {
		animation-name: load-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani01 {
		0% {
		  opacity: 0;
		  transform: scale(1.09);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	.load-ani02 {
		animation-name: load-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes load-ani02 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	
    /*header*/
	header{
		width: 100%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 0;
		overflow: hidden;
	}
	.mv-logo{
		width: 15%;
		position: absolute;
		left: 5%;
		top: 3%;
		z-index: 10;
	}
	.mv-sub-title{
		width: 90%;
		margin: 0 auto 0% auto;
	}
	.mv-title{
		width: 95%;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		filter: drop-shadow(1px 1px 10px #484d47);
	}
	.scrolldown1{
        position:absolute;
        right: 2%;
        bottom: 0%;
        height:100px;
	}
	.scrolldown1 span{
	  width: 11px;
	  position: absolute;
	  right: 0;
	  left: -25px;
	  top: 50%;
      -webkit-transform: translateY(-50%); /* Safari用 */
      transform: translateY(-50%);
	  color: #fff;
	  font-size: 14px;
	  letter-spacing: 2px;
	}
	.scrolldown1::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  width: 1px;
	  height: 100px;
	  background: #fff;
	  animation: pathmove 1.4s ease-in-out infinite;
	  opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:50px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:100px;
		opacity: 0;
	  }
	}
	
	/*svg-ani*/
	.cls-1{
		stroke: #fff;
		fill: #fff;
		stroke-width: 1px;
		stroke-dasharray: 100%;
		animation-name: mv-svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes mv-svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	.cls-2 {
		opacity : 0;
	}
	.cls-2.active{
		stroke: #9e8d71;
		fill: #9e8d71;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.cls-3 {
		opacity : 0;
	}
	.cls-3.active{
		stroke: #000;
		fill: #000;
		stroke-width: .5px;
		stroke-dasharray: 100%;
		animation-name: svg;
		animation-duration: 1.5s;
		animation-timing-function: ease-out;
		animation-delay: 1.5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes svg {
		0% {
			opacity: 0;
		}
		0.1% {
			opacity: 1;
			fill: transparent;
			stroke-dashoffset: 100%;
		}
		90% {
			opacity: 1;
			fill: transparent;
		}
		100%{
			opacity: 1;
			stroke-dashoffset: 0;
		}
	}
	
	/*read*/
	.read{
		width: 90%;
		color: #484d47;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 10% auto 10% auto;
	}
	.read .title{
		font-size: 20px;
		letter-spacing: 1px;
		line-height: 1.5em;
		margin: 0 auto 2% auto;
		text-align: center;
	}
	.read .txt{
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 2em;
		margin: 0 auto 5% auto;
		text-align: center;
	}
	.top-nav{
		width: 100%;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.top-nav li{
		width: 33%;
		margin: 0 0 3% 0;
	}
	.top-nav li a{
		width: 100%;
		display: block;
	}
	.top-nav li a .img{
		width: 70%;
		mix-blend-mode: multiply;
		margin: 0 auto 3% auto;
		transform: scale(1);
		opacity: 1;
		transition: .3s;
	}
	.top-nav li a:hover .img{
		transform: scale(1.1);
		opacity: .6;
		transition: .3s;
	}
	.top-nav li a .txt{
		width: 100%;
		z-index: 9;
		position: relative;
	}
	.top-nav li a .txt img{
		height: 17px;
		display: block;
		margin: 0 auto;
	}
	
	
	/*door*/
	.door{
		width: 95%;
		margin: 0 auto 5% auto;
	}
	.door .num-box{
		width: 70px;
		margin: 0 0 2% 0;
	}
	.door .num-box li .num01{
		width: 30%;
		margin: 0 auto 10px auto;
	}
	.door .num-box li .num02{
		width: 45%;
		margin: 0 auto 10px auto;
	}
	.door .num-box li .txt{
		width: 100%;
	}
	.door .num-box li .txt img{
		height: 10px;
		margin: 0 auto;
		display: block;
	}
	.door .d-title-list{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 3% 0;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
	}
	.door .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door .d-title-list li:nth-child(2){
		width: 100%;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		text-align: center;
	}
	.door .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 1.5em;
	}
	.door .d-txt .sub{
		display: block;
		color: #484d47;
		font-size: 13px;
		line-height: 1.8em;
		margin: 0 0 5px 0;
	}
	
	/*door02*/
	.door02{
		width: 95%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 15% 0 0 0;
	}
	.door02 .num-box{
		width: 60px;
		position: absolute;
		top: 0;
		right: 2%;
	}
	.door02 .num-box li .num02{
		width: 50%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box li .num04{
		width: 55%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box li .num07{
		width: 50%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box li .num09{
		width: 50%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box li .num11{
		width: 90%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box li .txt{
		width: 100%;
	}
	.door02 .num-box li .txt img{
		height: 10px;
		margin: 0 auto;
		display: block;
	}
	.door02 .num-box02{
		width: 60px;
		position: absolute;
		top: 0;
		left: 2%;
	}
	.door02 .num-box02 li .num02{
		width: 50%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box02 li .num03{
		width: 45%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box02 li .num08{
		width: 45%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box02 li .num10{
		width: 100%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box02 li .num12{
		width: 100%;
		margin: 0 auto 10px auto;
	}
	.door02 .num-box02 li .txt{
		width: 100%;
	}
	.door02 .num-box02 li .txt img{
		height: 10px;
		margin: 0 auto;
		display: block;
	}
	.door02 .d-title-list{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 3% 0;
		padding: 0 0 10px 0;
		position: relative;
	}
	.door02 .d-title-list li.d-title01{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title02{
		width: 20%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title04{
		width: 40%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title05{
		width: 30%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title07{
		width: 19%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title08{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title09{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title10{
		width: 35%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title11{
		width: 50%;
		margin: 0 auto;
	}
	.door02 .d-title-list li.d-title12{
		width: 45%;
		margin: 0 auto;
	}
	.door02 .d-title-list li:nth-child(2){
		width: 100%;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 2px;
		color: #000000;
		text-align: center;
	}
	.door02 .d-txt{
		width: 100%;
		text-align: center;
		color: #765145;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 15px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.door02 .d-txt .sub{
		display: block;
		color: #484d47;
		font-size: 13px;
		line-height: 1.8em;
		margin: 0 0 5px 0;
	}
	
	
	/*item01*/
	.item01{
		width: 100%;
		margin: 0 auto 15% auto;
	}
	.item01 .data-l{
		width: 100%;
	}
	.item01 .data-l .img{
		width: 100%;
		position: relative;
		margin: 0 0 5% 0;
	}
	.item01 .data-l .img .bg{
		width: 100%;
		height: 100%;
		background: #e5dfda;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
	.item01 .data-r{
		width: 100%;
	}
	.item01 .data-r .img{
		width: 100%;
		overflow: hidden;
		margin: 0 0 5% 0;
	}
	.item01 .data-r .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 5%;
		margin: 0 0 5px 0;
	}
	.item01 .data-r .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		margin: 0 0 5% 0;
		left: 50%;
	}
	.item01 .data-r .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item01 .data-r .txt-box02 .txt span{
		color: #765145;
	}
	.item01 .data-r .link-box{
		width: 75%;
		margin: 0 auto;
	}
	
	/*item02*/
	.item02{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.item02 .img-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin: 0 0 5% 0;
	}
	.item02 .img-box li{
		width: 33%;
	}
	.item02 .data-box{
		width: 100%;
		margin: 0 auto;
	}
	.item02 .data-box .data-l{
		width: 100%;
	}
	.item02 .data-box .data-l .txt-box{
		width: max-content;
		overflow: hidden;
		margin: 5% auto 5% auto;
		color: #765145;
		background: rgba(255,255,255,0.7);
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 2em;
	}
	.item02 .data-box .data-r{
		width: 75%;
		margin: 0 auto;
	}
	.item02 .data-box .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		text-shadow: 2px 2px 0px #fff;
		margin: 5% 0 5px 0;
		position: relative;
		left: 5%;
	}
	.item02 .data-box .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item02 .data-box .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 19%;
		margin: 0 0 5px 0;
	}
	.item02 .data-box .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item02 .data-box .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 29%;
		margin: 0 0 5% 0;
	}
	.item02 .data-box .data-l .txt-box03 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	
	/*item03*/
	.item03{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.item03 .bg{
		width: 100%;
		height: 48.5%;
		background: url("../img/03-03.jpg") no-repeat;
		background-size: cover;
		overflow: hidden;
		position: absolute;
		top: 21%;
		left: 0;
		z-index: -1;
	}
	.item03 .img{
		width: 90%;
		position: relative;
		margin: 0 auto 5% auto;
		padding: 6% 0 0 0;
	}
	.item03 .img .data-l{
		width: 100%;
		margin: 13% 0 0 0;
	}
	.item03 .data-r{
		width: 100%;
		margin: 0 auto;
	}
	.item03 .data-r .txt-box{
		width: max-content;
		overflow: hidden;
		margin: 0 auto 5% auto;
		color: #765145;
		background: rgba(255,255,255,0.7);
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 2em;
	}
	.item03 .data-r .link-box{
		width: 75%;
		margin: 0 auto;
	}
	.item03 .data-r .link-box .link-box02{
		width: 100%;
	}
	.item03 .data-r .link-box .link-box02 li{
		width: 100%;
	}
	.item03 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		margin: 0 0 5px 0;
	}
	.item03 .img .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		right: -19%;
	}
	.item03 .img .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item03 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	
	/*item04*/
	.item04{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.item04 .bg{
		width: 70%;
		overflow: hidden;
		position: absolute;
		bottom: 30%;
		left: 0;
		z-index: -1;
	}
	.item04 .img{
		width: 95%;
		position: relative;
		margin: 0 0 0 5%;
	}
	.item04 .img .data-l{
		width: 90%;
		margin: 10% auto 3% auto
	}
	.item04 .img .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item04 .img .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 45%;
	}
	.item04 .img .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item04 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item04 .data-r{
		width: 100%;
		margin: 0 auto;
	}
	.item04 .data-r .txt-box{
		width: max-content;
		overflow: hidden;
		margin: 0 auto 10% auto;
		color: #765145;
		background: rgba(255,255,255,0.7);
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 2em;
		padding: 0 10px;
	}
	.item04 .data-r .link-box{
		width: 80%;
		margin: 0 auto;
	}
	
	/*item05*/
	.item05{
		width: 100%;
		position: relative;
		margin: 0 auto 10% auto;
	}
	.item05 .img01{
		width: 100%;
		margin: 0 auto 5% auto;
		position: relative;
	}
	.item05 .img01 .icon01{
		width: 30%;
		position: absolute;
		bottom: -15%;
		right: 0;
		z-index: -1;
	}
	.item05 .img01 .icon02{
		width: 20%;
		position: absolute;
		bottom: -25%;
		left: 0;
		z-index: -1;
	}
	.item05 .img02{
		width: 50%;
		margin: 0 auto 2% auto;
		position: relative;
	}
	.item05 .img02 .icon01{
		width: 30%;
		position: absolute;
		top: 5%;
		right: -40%;
	}
	.item05 .img02 .icon02{
		width: 20%;
		position: absolute;
		bottom: 5%;
		right: -30%;
	}
	.item05 .img02 .icon03{
		width: 20%;
		position: absolute;
		top: 5%;
		left: -40%;
	}
	.item05 .img02 .icon04{
		width: 30%;
		position: absolute;
		bottom: 5%;
		left: -30%;
	}
	.item05 .data-l{
		width: 80%;
		margin: 0 auto 3% auto;
		position: relative;
	}
	.item05 .data-l .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item05 .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 37%;
	}
	.item05 .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item05 .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item05 .data-r{
		width: 100%;
		margin: 0 auto;
	}
	.item05 .data-r .link-box{
		width: 75%;
		margin: 0 auto;
	}
	.item05 .data-r .link-box .link-box02{
		width: 100%;
	}
	.item05 .data-r .link-box .link-box02 li{
		width: 100%;
	}
	
	/*item06*/
	.item06{
		width: 100%;
		margin: 0 auto 10% auto;
		position: relative;
	}
	.item06 .bg{
		width: 60%;
		position: absolute;
		bottom: 4%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item06 .data-l{
		width: 100%;
	}
	.item06 .data-l .img{
		width: 100%;
		margin: 0% 0 7% 0;
	}
	.item06 .data-r{
		width: 100%;
	}
	.item06 .data-r .img .data-box{
		width: 90%;
		margin: 5% auto 5% auto;
	}
	.item06 .data-r .img .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 8%;
		margin: 0 0 5px 0;
	}
	.item06 .data-r .img .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
		text-shadow: 0px 0px 10px #b5b5b5;
	}
	.item06 .data-r .img .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 30%;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
		text-shadow: 0px 0px 10px #b5b5b5;
	}
	.item06 .data-r .img .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item06 .data-r .img{
		width: 100%;
		margin: 0 0 5% 0;
		position: relative;
	}
	.item06 .data-r .link-box{
		width: 75%;
		background: rgba(255,255,255,0.5);
		margin: 0 auto;
	}
	
	/*item07*/
	.item07{
		width: 100%;
		margin: 0 auto 7% auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		position: relative;
	}
	.item07 .data-l{
		width: 100%;
	}
	.item07 .data-l .img{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.item07 .data-l .link-box{
		width: 80%;
		margin: 0 auto;
	}
	.item07 .data-r{
		width: 100%;
		margin: 0 auto;
	}
	.item07 .data-r .link-box{
		width: 75%;
		margin: 0 auto;
	}
	.item07 .data-r .data-box{
		width: 90%;
		margin: 5% auto 5% auto;
		position: relative;
		z-index: 10;
	}
	.item07 .data-r .data-box .txt-box01{
		width: 100%;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 2px 0;
	}
	.item07 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box01 .txt02{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
		margin: 0 0 0 9%;
	}
	.item07 .data-r .data-box .txt-box02{
		width: 100%;
		overflow: hidden;
		position: relative;
		text-align: right;
	}
	.item07 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item07 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item07 .data-r .img01{
		width: 100%;
		margin: 0 0 7% 0;
	}
	.item07 .data-r .img02{
		width: 70%;
		position: relative;
		left: -10%;
		margin: 0 0 5% 0;
	}
	
	/*item08*/
	.item08{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.item08 .img{
		width: 90%;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.item08 .img .txt-box{
		width: max-content;
		overflow: hidden;
		margin: 5% auto 5% auto;
		color: #765145;
		background: rgba(255,255,255,0.7);
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 2em;
	}
	.data-all{
		width: 100%;
		margin: 0 auto;
	}
	.item08 .data-l{
		width: 100%;
	}
	.item08 .data-l .img{
		width: 80%;
		margin: 0 0 5% 0;
	}
	.item08 .data-l .link-box{
		width: 75%;
		margin: 0 auto 0 auto;
	}
	.item08 .data-r{
		width: 100%;
	}
	.item08 .data-r .data-box{
		width: 90%;
		margin: 5% auto 5% auto;
		position: relative;
		z-index: 10;
	}
	.item08 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item08 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 55%;
	}
	.item08 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item08 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item08 .data-r .img{
		width: 100%;
		margin: 0 0 5% 0;
		position: relative;
	}
	
	/*item09*/
	.item09{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.item09 .bg{
		width: 100%;
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: -1;
	}
	.item09 .img{
		width: 100%;
		position: relative;
		margin: 0 auto 5% auto;
	}
	.item09 .img .data-l{
		width: 90%;
		margin: 5% auto 0 auto;
	}
	.item09 .img .data-l .txt-box01{
		width: 100%;
		overflow: hidden;
		margin: 0 0 5px 0;
		text-shadow: 0px 0px 10px #b5b5b5;
	}
	.item09 .img .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box01 .txt02{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
		margin: 0 0 0 20%;
	}
	.item09 .img .data-l .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 44%;
		text-shadow: 0px 0px 10px #b5b5b5;
	}
	.item09 .img .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box03{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 14%;
		text-shadow: 0px 0px 10px #b5b5b5;
		margin: 0 0 5px 0;
	}
	.item09 .img .data-l .txt-box03 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item09 .img .data-l .txt-box02 .txt span{
		color: #765145;
	}
	.item09 .data-l{
		width: 90%;
	}
	.item09 .data-l .img{
		width: 100%;
		margin: 0 0 5% 0;
		position: relative;
	}
	.item09 .data-l .img .img-bg{
		width: 80%;
		height: 50%;
		background: #8d5f65;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: -1;
	}
	.item09 .data-r{
		width: 100%;
	}
	.item09 .data-r .txt-box{
		width: max-content;
		overflow: hidden;
		margin: 10% auto 5% auto;
		color: #765145;
		background: rgba(255,255,255,0.7);
		font-size: 15px;
		letter-spacing: 2px;
		line-height: 2em;
		padding: 10px 10px;
	}
	.item09 .data-r .link-box{
		width: 75%;
		margin: 0% auto 0 auto;
		background: rgba(255,255,255,0.5);
	}
	
	/*item10*/
	.item10{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.data-all{
		width: 100%;
		margin: 0 auto;
	}
	.item10 .data-l{
		width: 100%;
	}
	.item10 .data-l .img{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.item10 .data-l .img02{
		width: 90%;
		margin: 0 auto 5% auto;
	}
	.item10 .data-r{
		width: 100%;
	}
	.item10 .data-r .data-box{
		width: 90%;
		margin: 5% auto 5% auto;
		z-index: 10;
	}
	.item10 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item10 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 56%;
	}
	.item10 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item10 .data-r .data-box .txt-box02 .txt span{
		color: #765145;
	}
	.item10 .data-r .img{
		width: 50%;
		margin: 0% 0 5% 5%;
		position: relative;
	}
	.item10 .data-c{
		width: 100%;
		margin: 0 auto;
	}
	.item10 .data-c .link-box{
		width: 75%;
		margin: 0 auto;
	}
	.item10 .data-c .link-box .link-box02{
		width: 100%;
	}
	.item10 .data-c .link-box .link-box02 li{
		width: 100%;
	}
	
	/*item11*/
	.item11{
		width: 100%;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.data-all02{
		width: 100%;
		margin: 0 auto;
	}
	.item11 .data-l{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		margin: 0 0 5% 0;
	}
	.item11 .data-l .img{
		width: 50%;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-l .img a{
		width: 100%;
		display: block;
		overflow: hidden;
		position: relative;
	}
	.item11 .data-r{
		width: 100%;
		position: relative;
		margin: 0 0 5% 0;
	}
	.item11 .data-r .data-box{
		width: 90%;
		margin: 5% auto 5% auto;
		z-index: 10;
	}
	.item11 .data-r .data-box .txt-box01{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 0%;
		margin: 0 0 5px 0;
	}
	.item11 .data-r .data-box .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item11 .data-r .data-box .txt-box01 .txt span{
		color: #765145;
	}
	.item11 .data-r .data-box .txt-box02{
		width: max-content;
		overflow: hidden;
		position: relative;
		left: 33%;
	}
	.item11 .data-r .data-box .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item11 .data-r .img{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.item11 .data-c{
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.item11 .data-c .link-box{
		width: 80%;
		margin: 0 auto;
	}
	.item11 .data-c .link-box .link-box02{
		width: 100%;
	}
	.item11 .data-c .link-box .link-box02 li{
		width: 100%;
	}
	
	/*item12*/
	.item12{
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 auto 15% auto;
	}
	.item12 .bg{
		width: 60%;
		height: 60%;
		background: #ececeb;
		position: absolute;
		top: 20%;
		left: 0;
		z-index: -1;
	}
	.item12 .img{
		width: 90%;
		position: relative;
		margin: 0 auto 2% auto;
	}
	.item12 .img .data-l{
		width: 100%;
		margin: 5% auto 5% auto;
	}
	.item12 .img .data-l .txt-box01{
		width: 100%;
		overflow: hidden;
		position: relative;
		margin: 0 0 5px 0;
	}
	.item12 .img .data-l .txt-box01 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box01 .txt span{
		color: #765145;
	}
	.item12 .img .data-l .txt-box02{
		width: max-content;
		position: relative;
		left: 11%;
		text-align: center;
		margin: 0 0 5px 0;
	}
	.item12 .img .data-l .txt-box02 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box02 .txt02{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
		position: relative;
		left: 10%;
	}
	.item12 .img .data-l .txt-box03{
		width: 100%;
		position: relative;
		left: 0;
		text-align: right;
	}
	.item12 .img .data-l .txt-box03 .txt{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
	}
	.item12 .img .data-l .txt-box03 .txt02{
		color: #765145;
		
		font-size: 14px;
		letter-spacing: 1px;
		line-height: 1.8em;
		position: relative;
		left: 10%;
	}
	
	.item12 .data-c{
		width: 100%;
		margin: 0 auto 0 auto;
	}
	.item12 .data-c .link-box{
		width: 75%;
		margin: 0 auto;
	}
	.item12 .data-c .link-box .link-box02{
		width: 100%;
	}
	.item12 .data-c .link-box .link-box02 li{
		width: 100%;
	}
	
	/*link-box*/
	.link-box .title{
		width: 100%;
		border-bottom: 1px solid #765145;
		margin: 0 0 5% 0;
		padding: 0 0 3% 0;
	}
	.link-box .title img{
		height: 10px;
	}
	.link-btn{
		text-decoration: none;
		color: #484d47;
		display: flex;
		justify-content: flex-end;
		position: relative;
		margin: 0 0 10px 0;
	}
	.link-btn .name{
		position: absolute;
		left: 0;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 1px;
	}
	.link-btn .price{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 1px;
	}
	.link-btn .price span{
		font-size: 10px;
		letter-spacing: 1px;
		margin: 0 0 0 5px;
	}
	.link-btn .buy{
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 14px;
		letter-spacing: 1px;
		box-sizing: border-box;
		padding: 0 5px;
		border-bottom: 1px solid rgba(72,77,71,0.00);
		margin: 0 0 0 10px;
		transition: .3s;
		
	}
	.link-btn:hover .buy{
		border-bottom: 1px solid rgba(72,77,71,1.00);
		transition: .3s;
	}
	
	/*item-end*/
	.item-end{
		width: 100%;
		max-width: 1100px;
		margin: 0 auto 5% auto;
	}
	.item-end .txt {
		width: 100%;
		font-size: 12px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: center;
		color: #474545;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 7% 0;
		color: #a78330;
	}
	
	/*f-banner*/
	.f-banner{
		width: 90%;
		margin: 0 auto 10% auto;
	}
	.f-banner-list{
		width: 100%;
		margin: 0 auto;
	}
	.f-banner-list li{
		width: 100%;
		margin: 0 0 3% 0;
	}
	.f-banner-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*f-banner02*/
	.f-banner02{
		border-top: 1px solid #000;
		width: 100%;
		margin: 0 auto 10% auto;
		padding: 10% 0 0 0;
	}
	.f-banner02-list{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
	}
	.f-banner02-list li{
		width: 47%;
	}
	.f-banner02-list li a{
		width: 100%;
		display: block;
		border: 1px solid #000;
		transition: .3s;
	}
	.f-banner02-list li a:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	
	/*footer*/
	.footer {
		color: #000;
		letter-spacing: 0.3em;
		padding: 0 0 5% 0;
		position: relative;
		text-align: center;
	}
	.footer .insta{
		display: block;
		width: 450px;
		border: 1px solid #eee;
		margin: 0 auto 3% auto;
		transition: .3s;
	}
	.footer .insta:hover{
		border: 1px solid #000;
		transition: .3s;
	}
	.footer_sns {
		margin: 26px 0 0;
	}
	.footer_snsNode {
		display: inline-block;
		margin: 0 10px;
		width: 30px;
	}
	.f-ow{
		width: 120px;
		margin: 40px auto 0 auto;
	}
	.footer_copyright {
		font-family: "Helvetica",serif;
		font-size: 10px;
		letter-spacing: 0.02em;
		margin: 34px 0 0;
	}
	.in-btn{
		width: 55px;
		margin: 0 auto 1% auto;
		display: block;
		opacity: 1;
	}
	#pagetop{
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 35px;
		display: block;
		z-index: 10;
	}
	
	/*anime----------------------------------------------------*/
	/*fade01*/
	.fade01 {
		animation-name: fade-in01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 4s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade02 {
		animation-name: fade-in02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fade03 {
		animation-name: fade-in02;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: 3s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 0;
		  transform: scale(1.05);
		}
		100% {
		  opacity: 1;
		  transform: scale(1);
		}
	}
	@keyframes fade-in02 {
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}
	

	.fadein-up {
		opacity : 0;
	}
	.fadein-up.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up02 {
		opacity : 0;
	}
	.fadein-up02.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	.fadein-up-d {
		opacity : 0;
	}
	.fadein-up-d.active{
		opacity : 1;
		animation-name: fadein-up;
		animation-duration: .5s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes fadein-up {
		0% {
		  opacity: 0;
		  transform: translateY(20px)
		}
		100% {
		  opacity: 1;
		  transform: translateY(0px)
		}
	}
	
	.bg-ani01 {
		opacity : 0;
	}
	.bg-ani01.active{
		opacity : 1;
		animation-name: bg-ani01;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani01 {
		0% {
		  opacity: 1;
		  left: 0;
		  top: 0;
		}
		100% {
		  opacity: 1;
		  left: -20%;
		  top: 15%;
		}
	}
	.bg-ani02 {
		opacity : 0;
	}
	.bg-ani02.active{
		opacity : 1;
		animation-name: bg-ani02;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: .5s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 0;
	}
	@keyframes bg-ani02 {
		0% {
		  opacity: 1;
		  right: 0;
		  bottom: 0;
		}
		100% {
		  opacity: 1;
		  right: -10%;
		  bottom: -5%;
		}
	}
	
	
	
	.gbc01{
		background: #fff;
	}
	.gbc02{
		background: #fff;
	}
	
	.gb01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb01.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb02 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb02.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img02;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img02 {
		0% {
		  opacity: 1;
		  transform : translateX(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateX(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateX(100%);
		}
	}
	
	.gb03 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb03.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img03;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img03 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(100%);
		}
	}
	
	.gb04 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity : 1;
		transform : translate(0, 0);
		transition : all 1s;
		z-index: 9999;
	}
	.gb04.active{
		position: absolute;
		top: 0;
		left: 0;
		animation-name: fade-in-img04;
		animation-duration: 2s;
		animation-timing-function: ease-out;
		animation-delay: 1s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		
	}
	@keyframes fade-in-img04 {
		0% {
		  opacity: 1;
		  transform : translateY(0%);
		}
		60% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
		100% {
		  opacity: 1;
		  transform : translateY(-100%);
		}
	}
	
	
	.display {
		opacity : 1;
		transform : translateX(-100%);
		transition : all 2s;
	}
	.display.active{
		opacity : 1;
		transform : translateX(0%);
	}
	
}