body {
    height: 100%;
    margin: 0;
	padding: 0;
    font-feature-settings: 'palt';
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	cursor: none !important;
}
a {
	cursor: none !important;
}


.one {
	width: 100%;
	height: auto !important;
}
.bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	transition: all 1s ease 0s;
	z-index: -1;
}
.show .bg {
	opacity: 1;
}
.bg._02 {
	background: rgb(0, 53, 84);
}
.bg._03 {
	background: #fff;
}



/*///////////////////////////////////////////////////////////////////////////////////////////////*/
/*imac///////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 2560px) and (max-width: 5120px) {
    .sp-on{
		display: none!important;
	}
    .pad-on{
        display: none!important;
    }
    
	.side-menu-btn{
		display: none;
	}
	.side-menu{
		display: none;
	}
	
	/*new-banner*/
	.new-banner{
		width: 100%;
		max-width: 900px;
		margin: 5% auto 0 auto;
	}
	.new-banner a{
		width: 100%;
		display: block;
		position: relative;
	}
	.new-banner a .new-banner-in{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #7a3b10;
		box-sizing: border-box;
		padding: 5% 5%;
		color: #7a3b10;
		position: relative;
	}
	.new-banner a .new-banner-in .img{
		width: 45%;
	}
	.new-banner a .new-banner-in .data{
		width: 50%;
		box-sizing: border-box;
		padding: 0 0 0 5%;
	}
	.new-banner a .new-banner-in .data .logo{
		width: 70%;
		margin: 0 0 7% 0;
	}
	.new-banner a .new-banner-in .data .txt{
		width: 100%;
		font-size: 16px;
		letter-spacing: 3px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		line-height: 2.5em;
	}
	.new-banner a .new-banner-in .icon{
		width: 35px;
		position: absolute;
		left: 2%;
		bottom: 5%;
	}
	.new-banner a .on{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		transition: .3s;
	}
	.new-banner a:hover .on{
		width: 100%;
		height: 100%;
		background: rgba(122,59,16,0.9);
		backdrop-filter: blur(10px);
		-ms-backdrop-filter: blur(10px);
		position: absolute;
		left: 0;
		top: 0;
		transition: .3s;
	}
	.new-banner a:hover .on .on-logo{
		width: 30%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	
	/* cursor */
	#cursor{
		position: fixed;
		background: #000;
		border-radius:3px;
		width: 6px;
		height: 6px;
		margin: -3px 0 0 -3px;
		z-index: 99;
		pointer-events: none;
		opacity: 0;
		transition: transform 0.1s;
	}
	#stalker{
		position: fixed;
		background: rgba(0,139,52,1.00);
		width: 40px;
		height: 40px;
		border-radius:30px;
		margin: -20px 0 0 -20px;
		z-index: 98;
		pointer-events: none;
		opacity: 0;
		transition: transform 0.5s;
	}
	#stalker.active{
		transform: scale(1.8);
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
	}
	.loading-logo {
		width: 80px;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loding-bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}
	.loading-logo .logo01 {
		width: 80px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	
	.fadeout01 {
		width: 100%;
		animation-name: fade-out;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 1;
	}
	@keyframes fade-out {
		0% {
		  opacity: 1;
		}
		100% {
		  opacity: 0;
		}
	}
	
	
	
	/*anime*/
	.fadein-up {
		opacity : 0;
		transform : translate(0, 0);
		transition : all 1s;
	}
	.fadein-up.active{
		animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
		animation-delay: 1s;
	}
	@keyframes fadeIn {
	  0% {
		opacity: 0;
		transform: translate(0, 30px);
	  }
	  100% {
		opacity: 1;
		transform: translate(0, 0);
	  }
	}
	.smooth {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition: .6s cubic-bezier(0.37, 0, 0.63, 1);
	  transition-property: clip-path;
	}
	.smooth.active {
	  clip-path: inset(0);
	}
	
	.smooth-mv {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition-property: clip-path;
	  animation: 1s mvlogo 4s 1 forwards;
	}
	@keyframes mvlogo {
	  0% {
		clip-path: inset(100% 0 0 0);
	  }
	  100% {
		clip-path: inset(0);
	  }
	}
	
	
	/*header*/
	header{
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		position: relative;
	}
	header .mv-img{
		width: 100%;
		height: 96vh;
		overflow: hidden;
		position: relative;
		top: -4vh;
	}
	header .mv-logo{
		width: 90%;
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.scrolldown1{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		height:80px;
		z-index: 3;
		right: 2%;
	}
	.scrolldown1 span{
		position: absolute;
		left: -2px;
		top: -70px;
		width: 7px;
	}
	.scrolldown1::after{
		content: "";
		position: absolute;
		top: 0;
		width: 1px;
		height: 80px;
		background: #fff;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:40px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:80px;
		opacity: 0;
	  }
	}
	
	/*common*/
	.main-logo{
		box-sizing: border-box;
		position: fixed;
		z-index: 99;
		left: 30px;
		top: 3%;
		width: 15%;
	}
	.wrap{
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		top: 0;
		left: 0;
	}
	
	/*side-nav*/
	.side-nav {
		width: 15%;
		height: 0px;
		position: -webkit-sticky;
		position: sticky;
		top: 40px;
		box-sizing: border-box;
		padding: 5% 0% 0 4.4%;
		margin: 0% 0 0 0;
		z-index: 90;
	}
	.side-nav-list{
		width: 100px;
	}
	.side-nav-list li{
		width: 100%;
		margin: 0 0 35% 0;
	}
	.side-nav-list li a{
		width: 100%;
		display: block;
		padding: 0 0 10px 0;
		transition: .3s;
		position: relative;
		line-height: 0;
	}
	.side-nav-list li a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #008b34;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	.side-nav-list li a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	.side-nav-list li:last-child a{
		width: 100%;
		opacity: 1;
		border-bottom: none;
		transition: .3s;
	}
	.side-nav-list li:last-child a:hover{
		border-bottom: none;
		opacity: .5;
		transition: .3s;
	}
	.side-nav-list li:last-child a::after {
		display: none;
	}
	.side-nav-list li:last-child{
		width: 15%;
		margin: 0 0 0 0;
	}
	.side-nav .rese{
		width: 300px;
		height: 140px;
		background: url("../img/side-nav06.svg") #fff;
		background-repeat: no-repeat;
		box-sizing: border-box;
		border: 1px solid;
		border-color: rgba(0,139,52,1.00);
		display: block;
		margin: 20% 0 0 0;
		transition: .3s;
	}
	.side-nav .rese:hover{
		transition: .3s;
		background: url("../img/side-nav06-on.svg") #008b34;
	}

	.side-nav .in-new{
		width: 300px;
		display: block;
		transition: .3s;
	}
	
	.side-nav .icon{
		width: 70px;
		display: block;
		margin: 20% 0 0 0;
		opacity: 1;
		transition: .3s;
	}
	.side-nav .icon:hover{
		opacity: .5;
		transition: .3s;
	}
	
	/*footer*/
	.footer-wrap{
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }
    .footer-studio{
        width: 100%;
        padding: 5% 0 0 0;
        margin: 0 0 5% 0;
    }
    .footer-studio-list{
        width: 80%;
        display: flex;
        justify-content: flex-start;
        margin: 0 auto;
		position: relative;
		left: 3%;
    }
    .footer-studio-list li{
        width: 50%;
        box-sizing: border-box;
        padding: 0 0%;
    }
    .footer-studio-list li a{
        width: 100%;
        display: block;
        text-decoration: none;
        position: relative;
        color: #000;
    }
    .footer-studio-list li a .img{
        width: 80%;
        position: relative;
        overflow: hidden;
        margin: 0 auto 5% auto;
		border-radius: 15px;
		transition: .3s;
    }
	.footer-studio-list li a:hover .img{
		border-radius: 30px;
		transition: .3s;
    }
    .footer-studio-list li a .icon{
        width: 55%;
        overflow: hidden;
        margin: 0 auto 5% auto;
    }
    .footer-studio-list li a .txt{
		font-size: 14px;
		letter-spacing: 2px;
        line-height: 2em;
		text-align: center;
		white-space: nowrap;
    }
	.footer-studio-list li a .txt span{
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 21px;
		letter-spacing: 2px;
        line-height: 2em;
    }
    .footer-studio-list li a:hover .txt{
		color: #000;
		opacity: 1 !important;
    }
    .footer-studio-list li a .post{
		font-size: 13px;
		letter-spacing: 1px;
        line-height: 2em;
		text-align: center;
    }

    .footer{
        width: 100%;
        padding: 0 0 3% 0;
    }
    .footer .logo{
        width: 10%;
        margin: 0 auto 2% auto;
    }
    .footer .txt{
		font-size: 14px;
		letter-spacing: 1px;
		text-align: center;
        margin: 0 auto 2% auto;
    }
    .gnavi li{
        width: max-content;
        margin: 0 auto 2% auto;
        display: block;
    }
    .gnavi li a{
        position: relative;
        font-size: 13px;
		letter-spacing: 2px;
		text-align: center;
        color: #000;
        display: inline-block;
        text-decoration: none;
    }
    .gnavi li.current a,
    .gnavi li a:hover{
        color:#000;
    }
    .gnavi li a::after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0%;
        width: 100%;
        height: 1px;
        background:#000;
        transition: all .3s;
        transform: scale(0, 1);
        transform-origin: center top;
    }
    .gnavi li.current a::after,
    .gnavi li a:hover::after {
        transform: scale(1, 1);
    }
    .footer .copy{
        width: 9%;
        margin: 0 auto;
    }
	
	/*content*/
	.content{
		width: 100%;
		margin: 0 auto;
	}
	
	/*index*/
	.index-01{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		display: flex;
		justify-content: space-between;
	}
	.index-01 .img{
		width: 40%;
	}
	.index-01 .data{
		width: 55%;
	}
	.index-01 .data .title{
		font-size: 25px;
		line-height: 2em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 5% 0;
	}
	.index-01 .data .title span{
		display: block;
	}
	.index-01 .data .txt{
		font-size: 16px;
		line-height: 2.5em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	
	.index-02{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 120px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.index-02 .img-box{
		width: 47%;
	}
	.index-02 .img-box02{
		width: 45%;
		margin: 120px auto 0 auto;
	}
	.index-02 .img-box03{
		width: 50%;
		margin: 120px 0 0 10%;
	}
	.index-02 .img-box04{
		width: 50%;
		margin: 0 0 120px 50%;
	}
	.index-02 .img-box05{
		width: 60%;
		margin: 120px auto 0 auto;
	}
	.index-02 .img-box .title{
		width: 100%;
		height: 50px;
		position: relative;
		margin: 10% 0 10% 0;
	}
	.index-02 .img-box .title .title-r{
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		right: 0;
	}
	.index-02 .img-box .title-r img{
		height: 50px;
	}
	.index-02 .img-box .title .title-l{
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		left: 0;
	}
	.index-02 .img-box .title-l img{
		height: 50px;
	}
	
	.index-02 .img-box .img01{
		width: 70%;
		margin: 0 0 15% 30%;
	}
	.index-02 .img-box .img02{
		width: 70%;
		margin: 0 0 0 10%;
	}
	.index-02 .img-box .img03{
		width: 80%;
		margin: 0 0 15% 0;
	}
	.index-02 .img-box .img04{
		width: 80%;
		margin: 0 0 20% 20%;
	}
	.index-02 .img-box .img05{
		width: 80%;
		margin: 0 0 0% 20%;
	}
	.index-02 .img-box .img06{
		width: 80%;
		margin: 0 0 0% 20%;
	}
	.index-02 .img-box .img07{
		width: 60%;
		margin: 20% 0 0% 0;
	}
	
	.index-03{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 120px 0;
	}
	
	.news{
		width: 100%;
		max-width: 1200px;
		margin: 7% auto 0 auto;
	}
	
	.in-new-f{
		width: 70%;
		border: .5px solid #009843;
		margin: 0 auto;
	}
	.in-new-f a{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		box-sizing: border-box;
		padding: 3% 3% 3% 5%;
	}
	.in-new-f a .data{
		width: 50%;
	}
	.in-new-f a .img{
		width: 50%;
		position: relative;
		transition: .3s;
	}
	.in-new-f a .img .on{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background: rgba(0, 152, 67, .7);
		mix-blend-mode: multiply;
		opacity: 0;
		transition: .3s;
	}
	.in-new-f a:hover .img .on{
		opacity: 1;
		transition: .3s;
	}
	.in-new-f a:hover .img img{
		filter:grayscale(100%);
		transition: .3s;
	}
	
	
	/*floor_map----------------------------------------------------------------------------------*/
	.un-top{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.un-top .floor-box{
		width: 55%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.floor-nav{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.floor-nav li:nth-child(1){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 40%;
		left: 25%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(2){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 40%;
		left: 50%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(3){
		position: absolute;
		top: 65%;
		left: 40%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(4){
		position: absolute;
		top: 74%;
		left: 9.5%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(5){
		position: absolute;
		top: 31%;
		left: 90%;
		z-index: 99;
		height: 20px;
	}
	
	.floor-nav li{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.floor-nav li a{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #fff;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a:hover{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #008b34;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a img{
		height: 20px;
	}
	.floor-nav li:last-child a img{
		height: 30px;
	}
	
	/*floor-box*/
	.floor-box{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.floor-box .data{
		width: 40%;
	}
	.floor-box .img{
		width: 50%;
	}
	.floor-box .data .title{
		width: 100%;
		margin: 0 0 20% 0;
	}
	.floor-box .data .title img{
		width: auto;
		height: 40px;
	}
	.floor-box .data .txt{
		font-size: 16px;
		line-height: 2.5em;
		letter-spacing: 2px;
		text-align: justify;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	
	
	/*access----------------------------------------------------------------------------------*/
	.top-title{
		width: 100%;
		margin: 5% auto 5% auto;
	}
	.top-title img{
		height: 30px;
	}
	.map{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.gmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		margin: 0 0 5% 0;
    }
    .gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
    }
	.map .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 0 5% 0;
	}
	.map .map-list{
		width: 100%;
	}
	.map .map-list li{
		width: 98%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -2%;
		padding-left: 2%;
	}
	.map .map-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.map .map-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	
	/*about----------------------------------------------------------------------------------*/
	.about-top{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.about-top .title{
		font-size: 18px;
		line-height: 2em;
		letter-spacing: 4px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.about-top .title span{
		text-align: center;
		margin: 0 auto 2% auto;
		display: block;
	}
	.about-top .icon{
		width: 60px;
		margin: 7% auto 0 auto;
	}
	.about-floor{
		width: 100%;
		max-width: 900px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto 5% auto;
	}
	.about-floor .img{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	.about-floor .data01{
		width: 25%;
		box-sizing: border-box;
		border-right: 1px solid #000;
		position: relative;
	}
	.about-floor .data01 .title{
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	.about-floor .data01 .title img{
		width: auto;
		height: 25px;
	}
	.about-floor .data02{
		width: 65%;
	}
	.about-floor .data02 .txt{
		font-size: 14px;
		line-height: 3em;
		letter-spacing: 2px;
	}
	.about-floor .data02 .txt span{
		font-size: 10px;
		line-height: 1.5em;
		letter-spacing: 2px;
		display: block;
	}
	
	/*price----------------------------------------------------------------------------------*/
	.price{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.price-data-list{
		width: 100%;
		border: 1px solid #008b34;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 3em;
		letter-spacing: 2px;
		margin: 0 0 5% 0;
	}
	.price-data-list li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.price-data-list li .price-name{
		width: 30%;
		box-sizing: border-box;
		padding: 5% 5% 5% 10%;
	}
	.price-data-list li .price-data{
		width: 70%;
		box-sizing: border-box;
		border-left: 1px solid #008b34;
		padding: 5% 5%;
	}
	.price-data-list li:nth-child(2){
		width: 100%;
		border-top: 1px solid #008b34;
		border-bottom: 1px solid #008b34;
		box-sizing: border-box;
	}
	
	.price .price-list{
		width: 100%;
	}
	.price .price-list li{
		width: 98%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -2%;
		padding-left: 2%;
	}
	.price .price-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	.TEL-box{
		width: 100%;
		max-width: 1000px;
		border: 1px solid #008b34;
		box-sizing: border-box;
		padding: 3% 5%;
		margin: 0 auto 5% auto;
	}
	.TEL-box .title{
		font-size: 18px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 auto 5% auto;
	}
	.TEL-box .TEL-txt{
		font-size: 21px;
		text-decoration: none;
		display: block;
		line-height: 2em;
		letter-spacing: 2px;
		color: #008b34;
		text-align: center;
		margin: 0 auto 5% auto;
	}
	.TEL-box .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
	}
	
	.how{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.how .how-list{
		width: 100%;
	}
	.how .how-list li{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.how .how-list li .title{
		border-bottom: 1px solid #008b34;
		margin: 0 0 2% 0;
		padding: 0 3% 1% 3%;
		font-size: 16px;
		line-height: 2em;
		letter-spacing: 2px;
	}
	.how .how-list li .title span{
		color: #008b34;
		margin: 0 50px 0 0;
	}
	.how .how-list li .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		padding: 0 3% 0 3%;
	}
	
	.reservation-form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin: 0 auto 5% auto;
		border: 1px solid #008b34;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.reservation-form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}
	
	/*leagal----------------------------------------------------------------------------------*/
	.top-title02{
		width: 100%;
		max-width: 1000px;
		margin: 5% auto 5% auto;
	}
	.top-title02 img{
		height: 30px;
	}
	.top-title02 span{
		width: 100%;
		display: block;
		padding: 2% 0 0 0;
		margin: 2% 0 0 0;
		text-align: center;
		font-size: 16px;
		letter-spacing: 3px;
		border-top: 1px solid #008b34;
	}
	
	.leagal-box{
		width: 100%;
		max-width: 1000px;
		margin: 5% auto 5% auto;
	}
	.leagal-box .leagal-list{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.leagal-box .leagal-list li{
		width: 98.8%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -1.2%;
		padding-left: 1.2%;
	}
	.leagal-box .leagal-list li .icon{
		width: 2px;
		height: 2px;
		border-radius: 1px;
		background: #000;
		display: inline-block;
		position: relative;
		top: -4px;
		margin: 0 10px 0 0;
	}
	.leagal-box .leagal-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	/*reservation*/
	.top-title03{
		width: 100%;
		max-width: 1000px;
		border-bottom: 1px solid #008b34;
		margin: 5% auto 3% auto;
		padding: 0 0 2% 0;
	}
	.top-title03 img{
		height: 30px;
	}
	.reservation-txt{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
	}
	.reservation-txt span{
		width: 90%;
		border: 1px solid #008b34;
		color: #008b34;
		display: block;
		box-sizing: border-box;
		padding: 2% 5%;
		margin: 3% auto 0 auto;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 1px;
		text-align: justify;
	}
	
	/*form-box*/
	.form-box{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 0% auto;
	}
	.form-box form{
		width: 90%;
		margin: 0 auto;
	}
	.form{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.075);
		margin-bottom:25px;
		color:#727272 !important;
		font-size:13px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		border-radius: 5px;
	}

	.form:hover{
		border:1px solid #8BC3A3;
	}

	.form:focus{
		color: white;
		outline: none;
		border:1px solid #8BC3A3;
	}
	.textarea{
		height: 200px;
		max-height: 200px;
		max-width: 100%;
	}
	form .days-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	form .days-list div{
		width: 32%;
	}
	form .txt{
		width: 100%;
		margin: 0 0 2% 0;
		font-size: 13px;
		letter-spacing: 2px;
	}
	form .txt span{
		width: 100%;
		border: 1px solid #008b34;
		color: #008b34;
		margin: 0 15px 0 0;
		padding: 5px 10px;
		font-size: 10px;
	}

	/* Send Button Styles */
	.leagal-btn{
		width:180px;
		display: block;
		height: auto;
		padding:10px;
		text-align: center;
		font-size: 12px;
		letter-spacing: 2px;
		color:#000;
		text-align: center;
		background:#fff;
		border:none;
		border-radius:3px;
		box-sizing: border-box;
		margin: 0 auto 3% auto;
		text-decoration: none;
		border: 1px solid #000;
		transition: .3s;
	}
	.leagal-btn:hover{
		background:#000;
		color: #fff;
		border:none;
		border: 1px solid #000;
		transition: .3s;
	}
	
	.form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin:auto;
		border: 1px solid #008b34;
	}

	.form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}

	.form-btn:active{
		opacity: 0.9;
	}

	.check{
		width: 100%;
		text-align: center;
		margin: 0 0 5% 0;
		font-size: 12px;
		letter-spacing: 2px;
	}
	.cou{
		width: 100%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		margin: 0 0 3% 0;
	}
	.cou span{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 5px 0 0;
	}
	
	.cou02{
		width: 100%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		margin: 0 0 3% 0;
	}
	
	/*new*/
	.block {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.sp-block {
		width: 100%;
		height: 20px;
		margin: 0 auto;
		position: relative;
	}
	.n-img-wrap{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	
	.block .txt-box{
		width: 35px;
		height: 100%;
		position: absolute;
		top: 20px;
		right: 1%;
		z-index: 60;
	}
	.block .txt-box .txt{
		width: 35px;
		position: sticky;
		top: 5%;
	}
	
	.n-img-box01{
		width: 45%;
    	margin: 0 auto 120px auto;
		padding: 7% 0 0 0;
	}
	.n-img-box02{
		width: 100%;
    	margin: 50% auto 0 auto;
	}
	.n-img-box03{
		width: 100%;
    	margin: 0 auto 100px auto;
	}
	.n-img-box04{
		width: 70%;
    	margin: 0 auto 0% auto;
	}
	.n-img-box05{
		width: 70%;
    	margin: 0 auto 120px auto;
	}
	.n-img-box07{
		width: 100%;
		margin: 45% 0 0 0;
	}
	.n-img-box08{
		width: 60%;
		margin: 0 0 120px 30%;
	}
	.n-img-box09{
		width: 30%;
		margin: 0 0 120px 10%;
	}
	.n-img-box10{
		width: 100%;
		margin: 0 0 120px 0;
	}
	.n-img-box11{
		width: 70%;
    	margin: 0 auto 120px auto;
	}
	.n-img-box14{
		width: 60%;
    	margin: 0 0 120px 0;
	}
	.n-img-box15{
		width: 50%;
    	margin: 0 0 120px 40%;
	}
	.n-img-box16{
		width: 50%;
    	margin: 0 0 0 5%;
		padding: 0 0 120px 0;
	}
	
	.n-box01{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 9% auto;
	}
	.n-box01 .n-box-l{
		width: 40%;
	}
	.n-box01 .n-box-r{
		width: 55%;
	}
	
	.n-box02{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 120px auto;
	}
	.n-box02 .n-box-l{
		width: 55%;
	}
	.n-box02 .n-box-r{
		width: 40%;
	}
	
	.n-box03{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 120px auto;
	}
	.n-box03 .n-box-l{
		width: 35%;
	}
	.n-box03 .n-box-r{
		width: 45%;
	}
	
	.block .txt-box .dotto01{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 0.5s;
		opacity: 0;
	}
	.block .txt-box .dotto02{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1s;
		opacity: 0;
	}
	.block .txt-box .dotto03{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1.5s;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 1;
		  transform: scale(1);
		}
		100% {
		  opacity: 0;
		  transform: scale(1.7);
		}
	}
    
}

/*///////////////////////////////////////////////////////////////////////////////////////////////*/
/*pc/////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 1025px) and (max-width: 2559px) {
    .sp-on{
		display: none!important;
	}
    .pad-on{
        display: none!important;
    }
	
	.side-menu-btn{
		display: none;
	}
	.side-menu{
		display: none;
	}
	
	
	/*new-banner*/
	.new-banner{
		width: 100%;
		max-width: 900px;
		margin: 5% auto 0 auto;
	}
	.new-banner a{
		width: 100%;
		display: block;
		position: relative;
	}
	.new-banner a .new-banner-in{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #7a3b10;
		box-sizing: border-box;
		padding: 5% 5%;
		color: #7a3b10;
		position: relative;
	}
	.new-banner a .new-banner-in .img{
		width: 45%;
	}
	.new-banner a .new-banner-in .data{
		width: 50%;
		box-sizing: border-box;
		padding: 0 0 0 5%;
	}
	.new-banner a .new-banner-in .data .logo{
		width: 70%;
		margin: 0 0 7% 0;
	}
	.new-banner a .new-banner-in .data .txt{
		width: 100%;
		font-size: 16px;
		letter-spacing: 3px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		line-height: 2.5em;
	}
	.new-banner a .new-banner-in .icon{
		width: 35px;
		position: absolute;
		left: 2%;
		bottom: 5%;
	}
	.new-banner a .on{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		transition: .3s;
	}
	.new-banner a:hover .on{
		width: 100%;
		height: 100%;
		background: rgba(122,59,16,0.9);
		backdrop-filter: blur(10px);
		-ms-backdrop-filter: blur(10px);
		position: absolute;
		left: 0;
		top: 0;
		transition: .3s;
	}
	.new-banner a:hover .on .on-logo{
		width: 30%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	
	
	/* cursor */
	#cursor{
		position: fixed;
		background: #000;
		border-radius:3px;
		width: 6px;
		height: 6px;
		margin: -3px 0 0 -3px;
		z-index: 99;
		pointer-events: none;
		opacity: 0;
		transition: transform 0.1s;
	}
	#stalker{
		position: fixed;
		background: rgba(0,139,52,1.00);
		width: 40px;
		height: 40px;
		border-radius:30px;
		margin: -20px 0 0 -20px;
		z-index: 98;
		pointer-events: none;
		opacity: 0;
		transition: transform 0.5s;
	}
	#stalker.active{
		transform: scale(1.8);
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
	}
	.loading-logo {
		width: 80px;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loding-bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}
	.loading-logo .logo01 {
		width: 80px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	
	.fadeout01 {
		width: 100%;
		animation-name: fade-out;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 1;
	}
	@keyframes fade-out {
		0% {
		  opacity: 1;
		}
		100% {
		  opacity: 0;
		}
	}
	
	
	
	/*anime*/
	.fadein-up {
		opacity : 0;
		transform : translate(0, 0);
		transition : all 1s;
	}
	.fadein-up.active{
		animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
		animation-delay: 1s;
	}
	@keyframes fadeIn {
	  0% {
		opacity: 0;
		transform: translate(0, 30px);
	  }
	  100% {
		opacity: 1;
		transform: translate(0, 0);
	  }
	}
	.smooth {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition: .6s cubic-bezier(0.37, 0, 0.63, 1);
	  transition-property: clip-path;
	}
	.smooth.active {
	  clip-path: inset(0);
	}
	
	.smooth-mv {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition-property: clip-path;
	  animation: 1s mvlogo 4s 1 forwards;
	}
	@keyframes mvlogo {
	  0% {
		clip-path: inset(100% 0 0 0);
	  }
	  100% {
		clip-path: inset(0);
	  }
	}
	
	
	/*header*/
	header{
		width: 100%;
		height: 100vh;
		margin: 0 auto;
		position: relative;
	}
	header .mv-img{
		width: 100%;
		height: 96vh;
		overflow: hidden;
		position: relative;
		top: -4vh;
	}
	header .mv-logo{
		width: 90%;
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.scrolldown1{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		height:80px;
		z-index: 3;
		right: 2%;
	}
	.scrolldown1 span{
		position: absolute;
		left: -2px;
		top: -70px;
		width: 7px;
	}
	.scrolldown1::after{
		content: "";
		position: absolute;
		top: 0;
		width: 1px;
		height: 80px;
		background: #fff;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:40px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:80px;
		opacity: 0;
	  }
	}
	
	/*common*/
	.main-logo{
		box-sizing: border-box;
		position: fixed;
		z-index: 99;
		left: 30px;
		top: 3%;
		width: 15%;
	}
	.wrap{
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		top: 0;
		left: 0;
	}
	
	/*side-nav*/
	.side-nav {
		width: 15%;
		height: 0px;
		position: -webkit-sticky;
		position: sticky;
		top: 40px;
		box-sizing: border-box;
		padding: 5% 0% 0 4.4%;
		margin: 0% 0 0 0;
		z-index: 90;
	}
	.side-nav-list{
		width: 110px;
	}
	.side-nav-list li{
		width: 100%;
		margin: 0 0 50% 0;
	}
	.side-nav-list li a{
		width: 100%;
		display: block;
		padding: 0 0 10px 0;
		transition: .3s;
		position: relative;
		line-height: 0;
	}
	.side-nav-list li a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #008b34;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	.side-nav-list li a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	.side-nav-list li:last-child a{
		width: 100%;
		opacity: 1;
		border-bottom: none;
		transition: .3s;
	}
	.side-nav-list li:last-child a:hover{
		border-bottom: none;
		opacity: .5;
		transition: .3s;
	}
	.side-nav-list li:last-child a::after {
		display: none;
	}
	.side-nav-list li:last-child{
		width: 15%;
		margin: 0 0 0 0;
	}
	.side-nav .rese{
		width: 110px;
		height: 55px;
		background: url("../img/side-nav06.svg") #fff;
		background-repeat: no-repeat;
		box-sizing: border-box;
		border: 1px solid;
		border-color: rgba(0,139,52,1.00);
		display: block;
		margin: 20% 0 20% 0;
		transition: .3s;
	}
	.side-nav .rese:hover{
		transition: .3s;
		background: url("../img/side-nav06-on.svg") #008b34;
	}

	.side-nav .in-new{
		width: 110px;
		display: block;
		transition: .3s;
	}
	
	.side-nav .icon{
		width: 70px;
		display: block;
		margin: 20% 0 0 0;
		opacity: 1;
		transition: .3s;
	}
	.side-nav .icon:hover{
		opacity: .5;
		transition: .3s;
	}
	
	
	/*footer*/
	.footer-wrap{
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }
    .footer-studio{
        width: 100%;
        padding: 5% 0 0 0;
        margin: 0 0 5% 0;
    }
    .footer-studio-list{
        width: 80%;
        display: flex;
        justify-content: flex-start;
        margin: 0 auto;
		position: relative;
		left: 3%;
    }
    .footer-studio-list li{
        width: 50%;
        box-sizing: border-box;
        padding: 0 0%;
    }
    .footer-studio-list li a{
        width: 100%;
        display: block;
        text-decoration: none;
        position: relative;
        color: #000;
    }
    .footer-studio-list li a .img{
        width: 80%;
        position: relative;
        overflow: hidden;
        margin: 0 auto 5% auto;
		border-radius: 15px;
		transition: .3s;
    }
	.footer-studio-list li a:hover .img{
		border-radius: 30px;
		transition: .3s;
    }
    .footer-studio-list li a .icon{
        width: 55%;
        overflow: hidden;
        margin: 0 auto 5% auto;
    }
    .footer-studio-list li a .txt{
		font-size: 14px;
		letter-spacing: 2px;
        line-height: 2em;
		text-align: center;
		white-space: nowrap;
    }
	.footer-studio-list li a .txt span{
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 21px;
		letter-spacing: 2px;
        line-height: 2em;
    }
    .footer-studio-list li a:hover .txt{
		color: #000;
		opacity: 1 !important;
    }
    .footer-studio-list li a .post{
		font-size: 13px;
		letter-spacing: 1px;
        line-height: 2em;
		text-align: center;
    }

    .footer{
        width: 100%;
        padding: 0 0 3% 0;
    }
    .footer .logo{
        width: 10%;
        margin: 0 auto 2% auto;
    }
    .footer .txt{
		font-size: 14px;
		letter-spacing: 1px;
		text-align: center;
        margin: 0 auto 2% auto;
    }
    .gnavi li{
        width: max-content;
        margin: 0 auto 2% auto;
        display: block;
    }
    .gnavi li a{
        position: relative;
        font-size: 13px;
		letter-spacing: 2px;
		text-align: center;
        color: #000;
        display: inline-block;
        text-decoration: none;
    }
    .gnavi li.current a,
    .gnavi li a:hover{
        color:#000;
    }
    .gnavi li a::after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0%;
        width: 100%;
        height: 1px;
        background:#000;
        transition: all .3s;
        transform: scale(0, 1);
        transform-origin: center top;
    }
    .gnavi li.current a::after,
    .gnavi li a:hover::after {
        transform: scale(1, 1);
    }
    .footer .copy{
        width: 9%;
        margin: 0 auto;
    }
	
	/*content*/
	.content{
		width: 100%;
		margin: 0 auto;
	}
	
	/*index*/
	.index-01{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 5% auto;
		display: flex;
		justify-content: space-between;
	}
	.index-01 .img{
		width: 40%;
	}
	.index-01 .data{
		width: 55%;
	}
	.index-01 .data .title{
		font-size: 25px;
		line-height: 2em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 5% 0;
	}
	.index-01 .data .title span{
		display: block;
	}
	.index-01 .data .txt{
		font-size: 16px;
		line-height: 2.5em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: 500;
	}
	
	.index-02{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 120px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.index-02 .img-box{
		width: 47%;
	}
	.index-02 .img-box02{
		width: 45%;
		margin: 120px auto 0 auto;
	}
	.index-02 .img-box03{
		width: 50%;
		margin: 120px 0 0 10%;
	}
	.index-02 .img-box04{
		width: 50%;
		margin: 0 0 120px 50%;
	}
	.index-02 .img-box05{
		width: 60%;
		margin: 120px auto 0 auto;
	}
	.index-02 .img-box .title{
		width: 100%;
		height: 50px;
		position: relative;
		margin: 10% 0 10% 0;
	}
	.index-02 .img-box .title .title-r{
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		right: 0;
	}
	.index-02 .img-box .title-r img{
		height: 50px;
	}
	.index-02 .img-box .title .title-l{
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		left: 0;
	}
	.index-02 .img-box .title-l img{
		height: 50px;
	}
	
	.index-02 .img-box .img01{
		width: 70%;
		margin: 0 0 15% 30%;
	}
	.index-02 .img-box .img02{
		width: 70%;
		margin: 0 0 0 10%;
	}
	.index-02 .img-box .img03{
		width: 80%;
		margin: 0 0 15% 0;
	}
	.index-02 .img-box .img04{
		width: 80%;
		margin: 0 0 20% 20%;
	}
	.index-02 .img-box .img05{
		width: 80%;
		margin: 0 0 0% 20%;
	}
	.index-02 .img-box .img06{
		width: 80%;
		margin: 0 0 0% 20%;
	}
	.index-02 .img-box .img07{
		width: 60%;
		margin: 20% 0 0% 0;
	}
	
	.index-03{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 120px 0;
	}
	
	.news{
		width: 100%;
		max-width: 1200px;
		margin: 7% auto 3% auto;
	}
	.in-new-f{
		width: 60%;
		border: .5px solid #009843;
		margin: 0 auto;
	}
	.in-new-f a{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		box-sizing: border-box;
		padding: 3% 3% 3% 5%;
	}
	.in-new-f a .data{
		width: 50%;
	}
	.in-new-f a .img{
		width: 50%;
		position: relative;
		transition: .3s;
	}
	.in-new-f a .img .on{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background: rgba(0, 152, 67, .7);
		mix-blend-mode: multiply;
		opacity: 0;
		transition: .3s;
	}
	.in-new-f a:hover .img .on{
		opacity: 1;
		transition: .3s;
	}
	.in-new-f a:hover .img img{
		filter:grayscale(100%);
		transition: .3s;
	}
	
	
	/*floor_map----------------------------------------------------------------------------------*/
	.un-top{
		width: 100%;
		height: 100vh;
		position: relative;
	}
	.un-top .floor-box{
		width: 55%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.floor-nav{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.floor-nav li:nth-child(1){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 40%;
		left: 25%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(2){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 40%;
		left: 50%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(3){
		position: absolute;
		top: 65%;
		left: 40%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(4){
		position: absolute;
		top: 74%;
		left: 9.5%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(5){
		position: absolute;
		top: 31%;
		left: 90%;
		z-index: 99;
		height: 20px;
	}
	
	.floor-nav li{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.floor-nav li a{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #fff;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a:hover{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #008b34;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a img{
		height: 20px;
	}
	.floor-nav li:last-child a img{
		height: 30px;
	}
	
	/*floor-box*/
	.floor-box{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.floor-box .data{
		width: 40%;
	}
	.floor-box .img{
		width: 50%;
	}
	.floor-box .data .title{
		width: 100%;
		margin: 0 0 20% 0;
	}
	.floor-box .data .title img{
		width: auto;
		height: 40px;
	}
	.floor-box .data .txt{
		font-size: 16px;
		line-height: 2.5em;
		letter-spacing: 2px;
		text-align: justify;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	
	
	/*access----------------------------------------------------------------------------------*/
	.top-title{
		width: 100%;
		margin: 5% auto 5% auto;
	}
	.top-title img{
		height: 30px;
	}
	.map{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.gmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		margin: 0 0 5% 0;
    }
    .gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
    }
	.map .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 0 5% 0;
	}
	.map .map-list{
		width: 100%;
	}
	.map .map-list li{
		width: 98%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -2%;
		padding-left: 2%;
	}
	.map .map-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.map .map-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	
	/*about----------------------------------------------------------------------------------*/
	.about-top{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.about-top .title{
		font-size: 18px;
		line-height: 2em;
		letter-spacing: 4px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.about-top .title span{
		text-align: center;
		margin: 0 auto 2% auto;
		display: block;
	}
	.about-top .icon{
		width: 60px;
		margin: 7% auto 0 auto;
	}
	.about-floor{
		width: 100%;
		max-width: 900px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto 5% auto;
	}
	.about-floor .img{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	.about-floor .data01{
		width: 25%;
		box-sizing: border-box;
		border-right: 1px solid #000;
		position: relative;
	}
	.about-floor .data01 .title{
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	.about-floor .data01 .title img{
		width: auto;
		height: 25px;
	}
	.about-floor .data02{
		width: 65%;
	}
	.about-floor .data02 .txt{
		font-size: 14px;
		line-height: 3em;
		letter-spacing: 2px;
	}
	.about-floor .data02 .txt span{
		font-size: 10px;
		line-height: 1.5em;
		letter-spacing: 2px;
		display: block;
	}
	
	/*price----------------------------------------------------------------------------------*/
	.price{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.price-data-list{
		width: 100%;
		border: 1px solid #008b34;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 3em;
		letter-spacing: 2px;
		margin: 0 0 5% 0;
	}
	.price-data-list li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.price-data-list li .price-name{
		width: 30%;
		box-sizing: border-box;
		padding: 5% 5% 5% 10%;
	}
	.price-data-list li .price-data{
		width: 70%;
		box-sizing: border-box;
		border-left: 1px solid #008b34;
		padding: 5% 5%;
	}
	.price-data-list li:nth-child(2){
		width: 100%;
		border-top: 1px solid #008b34;
		border-bottom: 1px solid #008b34;
		box-sizing: border-box;
	}
	
	.price .price-list{
		width: 100%;
	}
	.price .price-list li{
		width: 98%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -2%;
		padding-left: 2%;
	}
	.price .price-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	.TEL-box{
		width: 100%;
		max-width: 1000px;
		border: 1px solid #008b34;
		box-sizing: border-box;
		padding: 3% 5%;
		margin: 0 auto 5% auto;
	}
	.TEL-box .title{
		font-size: 18px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 auto 5% auto;
	}
	.TEL-box .TEL-txt{
		font-size: 21px;
		text-decoration: none;
		display: block;
		line-height: 2em;
		letter-spacing: 2px;
		color: #008b34;
		text-align: center;
		margin: 0 auto 5% auto;
	}
	.TEL-box .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
	}
	
	.how{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
	}
	.how .how-list{
		width: 100%;
	}
	.how .how-list li{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.how .how-list li .title{
		border-bottom: 1px solid #008b34;
		margin: 0 0 2% 0;
		padding: 0 3% 1% 3%;
		font-size: 16px;
		line-height: 2em;
		letter-spacing: 2px;
	}
	.how .how-list li .title span{
		color: #008b34;
		margin: 0 50px 0 0;
	}
	.how .how-list li .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		padding: 0 3% 0 3%;
	}
	
	.reservation-form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin: 0 auto 5% auto;
		border: 1px solid #008b34;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.reservation-form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}
	
	/*leagal----------------------------------------------------------------------------------*/
	.top-title02{
		width: 100%;
		max-width: 1000px;
		margin: 5% auto 5% auto;
	}
	.top-title02 img{
		height: 30px;
	}
	.top-title02 span{
		width: 100%;
		display: block;
		padding: 2% 0 0 0;
		margin: 2% 0 0 0;
		text-align: center;
		font-size: 16px;
		letter-spacing: 3px;
		border-top: 1px solid #008b34;
	}
	
	.leagal-box{
		width: 100%;
		max-width: 1000px;
		margin: 5% auto 5% auto;
	}
	.leagal-box .leagal-list{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.leagal-box .leagal-list li{
		width: 98.8%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -1.2%;
		padding-left: 1.2%;
	}
	.leagal-box .leagal-list li .icon{
		width: 2px;
		height: 2px;
		border-radius: 1px;
		background: #000;
		display: inline-block;
		position: relative;
		top: -4px;
		margin: 0 10px 0 0;
	}
	.leagal-box .leagal-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	/*reservation*/
	.top-title03{
		width: 100%;
		max-width: 1000px;
		border-bottom: 1px solid #008b34;
		margin: 5% auto 3% auto;
		padding: 0 0 2% 0;
	}
	.top-title03 img{
		height: 30px;
	}
	.reservation-txt{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 5% auto;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
	}
	.reservation-txt span{
		width: 90%;
		border: 1px solid #008b34;
		color: #008b34;
		display: block;
		box-sizing: border-box;
		padding: 2% 5%;
		margin: 3% auto 0 auto;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 1px;
		text-align: justify;
	}
	
	/*form-box*/
	.form-box{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 0% auto;
	}
	.form-box form{
		width: 90%;
		margin: 0 auto;
	}
	.form{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.075);
		margin-bottom:25px;
		color:#727272 !important;
		font-size:13px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		border-radius: 5px;
	}

	.form:hover{
		border:1px solid #8BC3A3;
	}

	.form:focus{
		color: white;
		outline: none;
		border:1px solid #8BC3A3;
	}
	.textarea{
		height: 200px;
		max-height: 200px;
		max-width: 100%;
	}
	form .days-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	form .days-list div{
		width: 32%;
	}
	form .txt{
		width: 100%;
		margin: 0 0 2% 0;
		font-size: 13px;
		letter-spacing: 2px;
	}
	form .txt span{
		width: 100%;
		border: 1px solid #008b34;
		color: #008b34;
		margin: 0 15px 0 0;
		padding: 5px 10px;
		font-size: 10px;
	}

	/* Send Button Styles */
	.leagal-btn{
		width:180px;
		display: block;
		height: auto;
		padding:10px;
		text-align: center;
		font-size: 12px;
		letter-spacing: 2px;
		color:#000;
		text-align: center;
		background:#fff;
		border:none;
		border-radius:3px;
		box-sizing: border-box;
		margin: 0 auto 3% auto;
		text-decoration: none;
		border: 1px solid #000;
		transition: .3s;
	}
	.leagal-btn:hover{
		background:#000;
		color: #fff;
		border:none;
		border: 1px solid #000;
		transition: .3s;
	}
	
	.form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin:auto;
		border: 1px solid #008b34;
	}

	.form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}

	.form-btn:active{
		opacity: 0.9;
	}

	.check{
		width: 100%;
		text-align: center;
		margin: 0 0 5% 0;
		font-size: 12px;
		letter-spacing: 2px;
	}
	.cou{
		width: 100%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		margin: 0 0 3% 0;
	}
	.cou span{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 5px 0 0;
	}
	
	.cou02{
		width: 100%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		margin: 0 0 3% 0;
	}
	
	/*new*/
	.block {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.sp-block {
		width: 100%;
		height: 20px;
		margin: 0 auto;
		position: relative;
	}
	.n-img-wrap{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	
	
	.block .txt-box{
		width: 35px;
		height: 100%;
		position: absolute;
		top: 20px;
		right: 1%;
		z-index: 60;
	}
	.block .txt-box .txt{
		width: 35px;
		position: sticky;
		top: 5%;
	}
	
	.n-img-box01{
		width: 45%;
    	margin: 0 auto 120px auto;
		padding: 7% 0 0 0;
	}
	.n-img-box02{
		width: 100%;
    	margin: 50% auto 0 auto;
	}
	.n-img-box03{
		width: 100%;
    	margin: 0 auto 100px auto;
	}
	.n-img-box04{
		width: 70%;
    	margin: 0 auto 0% auto;
	}
	.n-img-box05{
		width: 70%;
    	margin: 0 auto 120px auto;
	}
	.n-img-box07{
		width: 100%;
		margin: 45% 0 0 0;
	}
	.n-img-box08{
		width: 60%;
		margin: 0 0 120px 30%;
	}
	.n-img-box09{
		width: 30%;
		margin: 0 0 120px 10%;
	}
	.n-img-box10{
		width: 100%;
		margin: 0 0 120px 0;
	}
	.n-img-box11{
		width: 70%;
    	margin: 0 auto 120px auto;
	}
	.n-img-box14{
		width: 60%;
    	margin: 0 0 120px 0;
	}
	.n-img-box15{
		width: 50%;
    	margin: 0 0 120px 40%;
	}
	.n-img-box16{
		width: 50%;
    	margin: 0 0 0 5%;
		padding: 0 0 120px 0;
	}
	
	.n-box01{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 9% auto;
	}
	.n-box01 .n-box-l{
		width: 40%;
	}
	.n-box01 .n-box-r{
		width: 55%;
	}
	
	.n-box02{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 120px auto;
	}
	.n-box02 .n-box-l{
		width: 55%;
	}
	.n-box02 .n-box-r{
		width: 40%;
	}
	
	.n-box03{
		width: 100%;
		max-width: 1200px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 120px auto;
	}
	.n-box03 .n-box-l{
		width: 35%;
	}
	.n-box03 .n-box-r{
		width: 45%;
	}
	
	.block .txt-box .dotto01{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 0.5s;
		opacity: 0;
	}
	.block .txt-box .dotto02{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1s;
		opacity: 0;
	}
	.block .txt-box .dotto03{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1.5s;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 1;
		  transform: scale(1);
		}
		100% {
		  opacity: 0;
		  transform: scale(1.7);
		}
	}
	
	
}

/*///////////////////////////////////////////////////////////////////////////////////////////////*/
/*pad////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 765px) and (max-width: 1024px) {
    .sp-on{
		display: none !important;
	}
	
	/*new-banner*/
	.new-banner{
		width: 80%;
		margin: 5% auto 0 auto;
	}
	.new-banner a{
		width: 100%;
		display: block;
		position: relative;
	}
	.new-banner a .new-banner-in{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #7a3b10;
		box-sizing: border-box;
		padding: 5% 5%;
		color: #7a3b10;
		position: relative;
	}
	.new-banner a .new-banner-in .img{
		width: 45%;
	}
	.new-banner a .new-banner-in .data{
		width: 50%;
		box-sizing: border-box;
	}
	.new-banner a .new-banner-in .data .logo{
		width: 70%;
		margin: 0 0 7% 0;
	}
	.new-banner a .new-banner-in .data .txt{
		width: 100%;
		font-size: 16px;
		letter-spacing: 3px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		line-height: 2.5em;
	}
	.new-banner a .new-banner-in .icon{
		width: 35px;
		position: absolute;
		left: 2%;
		bottom: 5%;
	}
	.new-banner a .on{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		transition: .3s;
	}
	.new-banner a:hover .on{
		width: 100%;
		height: 100%;
		background: rgba(122,59,16,0.9);
		backdrop-filter: blur(10px);
		-ms-backdrop-filter: blur(10px);
		position: absolute;
		left: 0;
		top: 0;
		transition: .3s;
	}
	.new-banner a:hover .on .on-logo{
		width: 30%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	
	.wrapper {
		background: #fff;
		position: relative;
		width: 100%;
		text-align: left;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		overflow: hidden;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
	}
	.loading-logo {
		width: 80px;
		position: absolute;
		display: block;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loding-bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}
	.loading-logo .logo01 {
		width: 80px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	
	.fadeout01 {
		width: 100%;
		animation-name: fade-out;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 1;
	}
	@keyframes fade-out {
		0% {
		  opacity: 1;
		}
		100% {
		  opacity: 0;
		}
	}
	
	
	
	/*anime*/
	.fadein-up {
		opacity : 0;
		transform : translate(0, 0);
		transition : all 1s;
	}
	.fadein-up.active{
		animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
		animation-delay: 1s;
	}
	@keyframes fadeIn {
	  0% {
		opacity: 0;
		transform: translate(0, 30px);
	  }
	  100% {
		opacity: 1;
		transform: translate(0, 0);
	  }
	}
	.smooth {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition: .6s cubic-bezier(0.37, 0, 0.63, 1);
	  transition-property: clip-path;
	}
	.smooth.active {
	  clip-path: inset(0);
	}
	
	.smooth-mv {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition-property: clip-path;
	  animation: 1s mvlogo 4s 1 forwards;
	}
	@keyframes mvlogo {
	  0% {
		clip-path: inset(100% 0 0 0);
	  }
	  100% {
		clip-path: inset(0);
	  }
	}
	
	
	/*header*/
	header{
		width: 100%;
		height: 45vh;
		margin: 0 auto 5% auto;
		position: relative;
	}
	header .mv-img{
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	header .mv-logo{
		width: 95%;
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.scrolldown1{
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		height:80px;
		z-index: 3;
		right: 2%;
	}
	.scrolldown1 span{
		position: absolute;
		left: -2px;
		top: -70px;
		width: 7px;
	}
	.scrolldown1::after{
		content: "";
		position: absolute;
		top: 0;
		width: 1px;
		height: 80px;
		background: #fff;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:40px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:80px;
		opacity: 0;
	  }
	}
	
	/*common*/
	.main-logo{
		box-sizing: border-box;
		position: fixed;
		z-index: 99;
		left: 30px;
		top: 2%;
		width: 30%;
	}
	.wrap{
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		top: 0;
		left: 0;
	}
	
	/*side-nav*/
	.side-nav {
		display: none;
	}
	.side-nav-list{
		width: 50%;
	}
	.side-nav-list li{
		width: 100%;
		margin: 0 0 35% 0;
	}
	.side-nav-list li a{
		width: 100%;
		display: block;
		padding: 0 0 10px 0;
		transition: .3s;
		position: relative;
		line-height: 0;
	}
	.side-nav-list li a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #008b34;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	.side-nav-list li a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	.side-nav-list li:last-child a{
		width: 100%;
		opacity: 1;
		border-bottom: none;
		transition: .3s;
	}
	.side-nav-list li:last-child a:hover{
		border-bottom: none;
		opacity: .5;
		transition: .3s;
	}
	.side-nav-list li:last-child a::after {
		display: none;
	}
	.side-nav-list li:last-child{
		width: 15%;
		margin: 0 0 0 0;
	}
	.side-nav .rese{
		width: 70%;
		height: 66px;
		background: url("../img/side-nav06.svg") #fff;
		background-repeat: no-repeat;
		box-sizing: border-box;
		border: 1px solid;
		border-color: rgba(0,139,52,1.00);
		display: block;
		margin: 20% 0 0 0;
		transition: .3s;
	}
	.side-nav .rese:hover{
		transition: .3s;
		background: url("../img/side-nav06-on.svg") #008b34;
	}

	.side-nav .in-new{
		width: 70%;
		display: block;
		transition: .3s;
	}
	
	.side-nav .icon{
		width: 70px;
		display: block;
		margin: 20% 0 0 0;
		opacity: 1;
		transition: .3s;
	}
	.side-nav .icon:hover{
		opacity: .5;
		transition: .3s;
	}
	
	/*footer*/
	.footer-wrap{
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }
    .footer-studio{
        width: 100%;
        padding: 3% 0 0 0;
        margin: 0 0 3% 0;
    }
    .footer-studio-list{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        margin: 0 auto;
    }
    .footer-studio-list li{
        width: 50%;
        box-sizing: border-box;
        padding: 0 0%;
    }
    .footer-studio-list li a{
        width: 100%;
        display: block;
        text-decoration: none;
        position: relative;
        color: #000;
    }
    .footer-studio-list li a .img{
        width: 80%;
        position: relative;
        overflow: hidden;
        margin: 0 auto 5% auto;
		border-radius: 15px;
		transition: .3s;
    }
	.footer-studio-list li a:hover .img{
		border-radius: 30px;
		transition: .3s;
    }
    .footer-studio-list li a .icon{
        width: 70%;
        overflow: hidden;
        margin: 0 auto 5% auto;
    }
    .footer-studio-list li a .txt{
		font-size: 13px;
		letter-spacing: 2px;
        line-height: 2em;
		text-align: center;
		white-space: nowrap;
    }
	.footer-studio-list li a .txt span{
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 18px;
		letter-spacing: 2px;
        line-height: 2em;
    }
    .footer-studio-list li a:hover .txt{
		color: #000;
		opacity: 1 !important;
    }
    .footer-studio-list li a .post{
		font-size: 13px;
		letter-spacing: 1px;
        line-height: 2em;
		text-align: center;
    }

    .footer{
        width: 100%;
        padding: 0 0 3% 0;
    }
    .footer .logo{
        width: 10%;
        margin: 0 auto 2% auto;
    }
    .footer .txt{
		font-size: 14px;
		letter-spacing: 1px;
		text-align: center;
        margin: 0 auto 2% auto;
    }
    .gnavi li{
        width: max-content;
        margin: 0 auto 2% auto;
        display: block;
    }
    .gnavi li a{
        position: relative;
        font-size: 13px;
		letter-spacing: 2px;
		text-align: center;
        color: #000;
        display: inline-block;
        text-decoration: none;
    }
    .gnavi li.current a,
    .gnavi li a:hover{
        color:#000;
    }
    .gnavi li a::after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0%;
        width: 100%;
        height: 1px;
        background:#000;
        transition: all .3s;
        transform: scale(0, 1);
        transform-origin: center top;
    }
    .gnavi li.current a::after,
    .gnavi li a:hover::after {
        transform: scale(1, 1);
    }
    .footer .copy{
        width: 14%;
        margin: 0 auto;
    }
	
	/*content*/
	.content{
		width: 100%;
		margin: 0 auto;
	}
	
	/*index*/
	.index-01{
		width: 95%;
		margin: 0 auto 5% auto;
		display: flex;
		justify-content: space-between;
	}
	.index-01 .img{
		width: 40%;
	}
	.index-01 .data{
		width: 55%;
	}
	.index-01 .data .title{
		font-size: 22px;
		line-height: 2em;
		letter-spacing: 1px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		margin: 0 0 5% 0;
		text-align: justify;
	}
	.index-01 .data .title span{
		display: block;
	}
	.index-01 .data .txt{
		font-size: 16px;
		line-height: 2.5em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		text-align: justify;
	}
	.index-01 .data .txt br{
		display: none;
	}
	
	.index-02{
		width: 95%;
		margin: 0 auto 100px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.index-02 .img-box{
		width: 47%;
	}
	.index-02 .img-box02{
		width: 45%;
		margin: 100px auto 0 auto;
	}
	.index-02 .img-box03{
		width: 50%;
		margin: 100px 0 0 10%;
	}
	.index-02 .img-box04{
		width: 50%;
		margin: 0 0 100px 50%;
	}
	.index-02 .img-box05{
		width: 60%;
		margin: 100px auto 0 auto;
	}
	.index-02 .img-box .title{
		width: 100%;
		height: 50px;
		position: relative;
		margin: 10% 0 10% 0;
	}
	.index-02 .img-box .title .title-r{
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		right: 0;
	}
	.index-02 .img-box .title-r img{
		height: 40px;
	}
	.index-02 .img-box .title .title-l{
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		left: 0;
	}
	.index-02 .img-box .title-l img{
		height: 40px;
	}
	
	.index-02 .img-box .img01{
		width: 70%;
		margin: 0 0 15% 30%;
	}
	.index-02 .img-box .img02{
		width: 70%;
		margin: 0 0 0 10%;
	}
	.index-02 .img-box .img03{
		width: 80%;
		margin: 0 0 15% 0;
	}
	.index-02 .img-box .img04{
		width: 80%;
		margin: 0 0 20% 20%;
	}
	.index-02 .img-box .img05{
		width: 80%;
		margin: 0 0 0% 20%;
	}
	.index-02 .img-box .img06{
		width: 80%;
		margin: 0 0 0% 20%;
	}
	.index-02 .img-box .img07{
		width: 60%;
		margin: 20% 0 0% 0;
	}
	
	.index-03{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 100px 0;
	}
	
	.news{
		width: 95%;
		margin: 7% auto 5% auto;
	}
	
	.in-new-f{
		width: 60%;
		border: .5px solid #009843;
		margin: 0 auto;
	}
	.in-new-f a{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		box-sizing: border-box;
		padding: 3% 3% 3% 5%;
	}
	.in-new-f a .data{
		width: 50%;
	}
	.in-new-f a .img{
		width: 50%;
		position: relative;
		transition: .3s;
	}
	.in-new-f a .img .on{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background: rgba(0, 152, 67, .7);
		mix-blend-mode: multiply;
		opacity: 0;
		transition: .3s;
	}
	.in-new-f a:hover .img .on{
		opacity: 1;
		transition: .3s;
	}
	.in-new-f a:hover .img img{
		filter:grayscale(100%);
		transition: .3s;
	}
	
	
	/*floor_map----------------------------------------------------------------------------------*/
	.un-top{
		width: 100%;
		height: 70vh;
		position: relative;
	}
	.un-top .floor-box{
		width: 80%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.floor-nav{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.floor-nav li:nth-child(1){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 40%;
		left: 25%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(2){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 40%;
		left: 50%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(3){
		position: absolute;
		top: 65%;
		left: 40%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(4){
		position: absolute;
		top: 74%;
		left: 9.5%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(5){
		position: absolute;
		top: 31%;
		left: 89%;
		z-index: 99;
		height: 20px;
	}
	
	.floor-nav li{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.floor-nav li a{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #fff;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a:hover{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #008b34;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a img{
		height: 15px;
	}
	.floor-nav li:last-child a img{
		height: 25px;
	}
	
	/*floor-box*/
	.floor-box{
		width: 90%;
		margin: 0 auto 10% auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.floor-box .data{
		width: 45%;
	}
	.floor-box .img{
		width: 50%;
	}
	.floor-box .data .title{
		width: 100%;
		margin: 0 0 20% 0;
	}
	.floor-box .data .title img{
		width: auto;
		height: 30px;
	}
	.floor-box .data .txt{
		font-size: 14px;
		line-height: 2.5em;
		letter-spacing: 2px;
		text-align: justify;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.floor-box .data .txt br{
		display: none;
	}
	
	
	/*access----------------------------------------------------------------------------------*/
	.top-title{
		width: 100%;
		margin: 0% auto 5% auto;
		padding: 15% 0 0 0;
	}
	.top-title img{
		height: 20px;
	}
	.map{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	.gmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		margin: 0 0 5% 0;
    }
    .gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
    }
	.map .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 0 5% 0;
	}
	.map .map-list{
		width: 90%;
		margin: 0 auto;
	}
	.map .map-list li{
		width: 98%;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -3%;
		padding-left: 2%;
	}
	.map .map-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.map .map-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	
	/*about----------------------------------------------------------------------------------*/
	.about-top{
		width: 90%;
		margin: 0 auto 10% auto;
	}
	.about-top .title{
		font-size: 16px;
		line-height: 2em;
		letter-spacing: 4px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.about-top .title span{
		text-align: center;
		margin: 0 auto 2% auto;
		display: block;
	}
	.about-top .icon{
		width: 40px;
		margin: 7% auto 0 auto;
	}
	.about-floor{
		width: 80%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto 5% auto;
	}
	.about-floor .img{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	.about-floor .data01{
		width: 25%;
		box-sizing: border-box;
		border-right: 1px solid #000;
		position: relative;
	}
	.about-floor .data01 .title{
		width: 100%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	.about-floor .data01 .title img{
		width: auto;
		height: 25px;
	}
	.about-floor .data02{
		width: 65%;
		padding: 3% 0;
	}
	.about-floor .data02 .txt{
		font-size: 12px;
		line-height: 2.5em;
		letter-spacing: 2px;
	}
	.about-floor .data02 .txt span{
		font-size: 10px;
		line-height: 1.5em;
		letter-spacing: 2px;
		display: block;
	}
	
	/*price----------------------------------------------------------------------------------*/
	.price{
		width: 90%;
		margin: 0 auto 5% auto;
	}
	.price-data-list{
		width: 100%;
		border: 1px solid #008b34;
		box-sizing: border-box;
		font-size: 13px;
		line-height: 3em;
		letter-spacing: 2px;
		margin: 0 0 5% 0;
	}
	.price-data-list li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.price-data-list li .price-name{
		width: 30%;
		box-sizing: border-box;
		padding: 5% 5% 5% 10%;
	}
	.price-data-list li .price-data{
		width: 70%;
		box-sizing: border-box;
		border-left: 1px solid #008b34;
		padding: 5% 5%;
	}
	.price-data-list li:nth-child(2){
		width: 100%;
		border-top: 1px solid #008b34;
		border-bottom: 1px solid #008b34;
		box-sizing: border-box;
	}
	
	.price .price-list{
		width: 100%;
	}
	.price .price-list li{
		width: 98%;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -3%;
		padding-left: 2%;
	}
	.price .price-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	.TEL-box{
		width: 90%;
		border: 1px solid #008b34;
		box-sizing: border-box;
		padding: 5% 5%;
		margin: 0 auto 5% auto;
	}
	.TEL-box .title{
		font-size: 16px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 auto 3% auto;
	}
	.TEL-box .TEL-txt{
		font-size: 21px;
		text-decoration: none;
		display: block;
		line-height: 2em;
		letter-spacing: 2px;
		color: #008b34;
		text-align: center;
		margin: 0 auto 3% auto;
	}
	.TEL-box .txt{
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
	}
	
	.how{
		width: 90%;
		margin: 0 auto 5% auto;
	}
	.how .how-list{
		width: 100%;
	}
	.how .how-list li{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.how .how-list li .title{
		border-bottom: 1px solid #008b34;
		margin: 0 0 2% 0;
		padding: 0 3% 1% 3%;
		font-size: 16px;
		line-height: 2em;
		letter-spacing: 2px;
	}
	.how .how-list li .title span{
		color: #008b34;
		margin: 0 30px 0 0;
	}
	.how .how-list li .txt{
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		padding: 0 3% 0 3%;
	}
	
	.reservation-form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin: 0 auto 5% auto;
		border: 1px solid #008b34;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.reservation-form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}
	
	/*leagal----------------------------------------------------------------------------------*/
	.top-title02{
		width: 90%;
		margin: 0% auto 5% auto;
		padding: 15% 0 0 0;
	}
	.top-title02 img{
		height: 20px;
	}
	.top-title02 span{
		width: 100%;
		display: block;
		padding: 2% 0 0 0;
		margin: 2% 0 0 0;
		text-align: center;
		font-size: 13px;
		letter-spacing: 3px;
		border-top: 1px solid #008b34;
	}
	
	.leagal-box{
		width: 90%;
		margin: 5% auto 5% auto;
	}
	.leagal-box .leagal-list{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.leagal-box .leagal-list li{
		width: 98.8%;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -1.8%;
		padding-left: 1.2%;
	}
	.leagal-box .leagal-list li .icon{
		width: 2px;
		height: 2px;
		border-radius: 1px;
		background: #000;
		display: inline-block;
		position: relative;
		top: -4px;
		margin: 0 10px 0 0;
	}
	.leagal-box .leagal-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	/*reservation*/
	.top-title03{
		width: 90%;
		border-bottom: 1px solid #008b34;
		margin: 15% auto 3% auto;
		padding: 0 0 2% 0;
	}
	.top-title03 img{
		height: 20px;
	}
	.reservation-txt{
		width: 90%;
		margin: 0 auto 5% auto;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
	}
	.reservation-txt span{
		width: 100%;
		border: 1px solid #008b34;
		color: #008b34;
		display: block;
		box-sizing: border-box;
		padding: 2% 5%;
		margin: 3% auto 0 auto;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 1px;
		text-align: justify;
	}
	
	/*form-box*/
	.form-box{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 0% auto;
	}
	.form-box form{
		width: 90%;
		margin: 0 auto;
	}
	.form{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.075);
		margin-bottom:25px;
		color:#727272 !important;
		font-size:13px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		border-radius: 5px;
	}

	.form:hover{
		border:1px solid #8BC3A3;
	}

	.form:focus{
		color: white;
		outline: none;
		border:1px solid #8BC3A3;
	}
	.textarea{
		height: 200px;
		max-height: 200px;
		max-width: 100%;
	}
	form .days-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	form .days-list div{
		width: 32%;
	}
	form .txt{
		width: 100%;
		margin: 0 0 2% 0;
		font-size: 13px;
		letter-spacing: 2px;
	}
	form .txt span{
		width: 100%;
		border: 1px solid #008b34;
		color: #008b34;
		margin: 0 15px 0 0;
		padding: 5px 10px;
		font-size: 10px;
	}

	/* Send Button Styles */
	.leagal-btn{
		width:180px;
		display: block;
		height: auto;
		padding:10px;
		text-align: center;
		font-size: 12px;
		letter-spacing: 2px;
		color:#000;
		text-align: center;
		background:#fff;
		border:none;
		border-radius:3px;
		box-sizing: border-box;
		margin: 0 auto 3% auto;
		text-decoration: none;
		border: 1px solid #000;
		transition: .3s;
	}
	.leagal-btn:hover{
		background:#000;
		color: #fff;
		border:none;
		border: 1px solid #000;
		transition: .3s;
	}
	
	.form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin:auto;
		border: 1px solid #008b34;
	}

	.form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}

	.form-btn:active{
		opacity: 0.9;
	}

	.check{
		width: 100%;
		text-align: center;
		margin: 0 0 5% 0;
		font-size: 12px;
		letter-spacing: 2px;
	}
	.cou{
		width: 100%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		margin: 0 0 3% 0;
	}
	.cou span{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 5px 0 0;
	}
	
	.cou02{
		width: 100%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		margin: 0 0 3% 0;
	}
    
	/*new*/
	.block {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.sp-block {
		width: 100%;
		height: 20px;
		margin: 0 auto;
		position: relative;
	}
	.n-img-wrap{
		width: 90%;
		margin: 0 auto;
	}
	
	
	.block .txt-box{
		width: 35px;
		height: 100%;
		position: absolute;
		top: 20px;
		right: 1%;
		z-index: 60;
	}
	.block .txt-box .txt{
		width: 35px;
		position: sticky;
		top: 5%;
	}
	
	.n-img-box01{
		width: 45%;
    	margin: 0 auto 100px auto;
		padding: 7% 0 0 0;
	}
	.n-img-box02{
		width: 100%;
    	margin: 50% auto 0 auto;
	}
	.n-img-box03{
		width: 100%;
    	margin: 0 auto 100px auto;
	}
	.n-img-box04{
		width: 70%;
    	margin: 0 auto 0% auto;
	}
	.n-img-box05{
		width: 70%;
    	margin: 0 auto 100px auto;
	}
	.n-img-box07{
		width: 100%;
		margin: 45% 0 0 0;
	}
	.n-img-box08{
		width: 60%;
		margin: 0 0 100px 30%;
	}
	.n-img-box09{
		width: 30%;
		margin: 0 0 100px 10%;
	}
	.n-img-box10{
		width: 100%;
		margin: 0 0 100px 0;
	}
	.n-img-box11{
		width: 70%;
    	margin: 0 auto 100px auto;
	}
	.n-img-box14{
		width: 60%;
    	margin: 0 0 100px 0;
	}
	.n-img-box15{
		width: 50%;
    	margin: 0 0 100px 40%;
	}
	.n-img-box16{
		width: 50%;
    	margin: 0 0 0 5%;
		padding: 0 0 10% 0;
	}
	
	.n-box01{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 100px auto;
	}
	.n-box01 .n-box-l{
		width: 40%;
	}
	.n-box01 .n-box-r{
		width: 55%;
	}
	
	.n-box02{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 100px auto;
	}
	.n-box02 .n-box-l{
		width: 55%;
	}
	.n-box02 .n-box-r{
		width: 40%;
	}
	
	.n-box03{
		width: 90%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 100px auto;
	}
	.n-box03 .n-box-l{
		width: 35%;
	}
	.n-box03 .n-box-r{
		width: 45%;
	}
	
	.block .txt-box .dotto01{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 0.5s;
		opacity: 0;
	}
	.block .txt-box .dotto02{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1s;
		opacity: 0;
	}
	.block .txt-box .dotto03{
		width: 3px;
		height: 3px;
		background: #fff;
		margin: 20px 0 0 13px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1.5s;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 1;
		  transform: scale(1);
		}
		100% {
		  opacity: 0;
		  transform: scale(1.7);
		}
	}
	
	/* --------------------------------------------------- ellipsis btn */
	.side-menu-btn {
		position: fixed;
		top: 0px;
		right: 5px;
		width: 40px;
		height: 30px;
		padding: 10px 10px;
		cursor: pointer;
		z-index: 99;
	}

	.ellipsis-v {
		position: relative;
		display: block;
		cursor: pointer;
		width: 40px;
		height: 8px;
		top: 10px;
	}

	.ellipsis-v .point {
		position: absolute;
		left: 0;
		right: 0;
		display: block;
		width: 40px;
		height: 1px;
		margin: auto;
		background: #008b34;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.ellipsis-v .point.top {
		top: 0;
	}

	.ellipsis-v .point.mid {
		top: 0;
		bottom: 0;
	}

	.ellipsis-v .point.bot {
		bottom: 0;
	}

	.side-menu-btn:hover .top {
		-webkit-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	.side-menu-btn:hover .bot {
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		transform: translateY(2px);
	}

	.side-open .side-menu-btn:hover .top,
	.side-open .top {
		width: 39px;
		height: 1px;
		background: #008b34;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 2px!important;
		top: -8px!important;
	}

	.side-open .mid {
		opacity: 0;
	}

	.side-open .side-menu-btn:hover .bot,
	.side-open .bot {
		width: 39px;
		height: 1px;
		background: #008b34;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 2px!important;
		top: 30px!important;
	}

	.side-open .side-menu-btn:hover .bot,
	.side-open .side-menu-btn:hover .top {
		background: #008b34;
	}
	
}

/*///////////////////////////////////////////////////////////////////////////////////////////////*/
/*iphone/////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/
@media (min-width:0px) and ( max-width:766px) {
	.pc-on{
		display: none !important;
	}
	
	/*new-banner*/
	.new-banner{
		width: 80%;
		margin: 15% auto 15% auto;
	}
	.new-banner a{
		width: 100%;
		display: block;
		position: relative;
	}
	.new-banner a .new-banner-in{
		width: 100%;
		border: 1px solid #7a3b10;
		box-sizing: border-box;
		padding: 15% 5% 5% 5%;
		color: #7a3b10;
		position: relative;
	}
	.new-banner a .new-banner-in .img{
		width: 100%;
	}
	.new-banner a .new-banner-in .data{
		width: 100%;
		box-sizing: border-box;
		margin: 0 0 10% 0;
	}
	.new-banner a .new-banner-in .data .logo{
		width: 70%;
		margin: 0 auto 10% auto;
	}
	.new-banner a .new-banner-in .data .txt{
		width: 100%;
		font-size: 14px;
		letter-spacing: 1px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		line-height: 2.5em;
		text-align: center;
	}
	.new-banner a .new-banner-in .icon{
		width: 25px;
		position: absolute;
		right: 5%;
		top: 43%;
	}
	.new-banner a .on{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		transition: .3s;
	}
	.new-banner a:hover .on{
		width: 100%;
		height: 100%;
		background: rgba(122,59,16,0.9);
		backdrop-filter: blur(10px);
		-ms-backdrop-filter: blur(10px);
		position: absolute;
		left: 0;
		top: 0;
		transition: .3s;
	}
	.new-banner a:hover .on .on-logo{
		width: 70%;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		transition: .3s;
	}
	
	.wrapper {
		background: #fff;
		position: relative;
		width: 100%;
		text-align: left;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		overflow: hidden;
	}

	.wrapper {
		background: #fff;
		position: relative;
		width: 100%;
		text-align: left;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
		z-index: 2;
		overflow: hidden;
	}
	
	/* Loading Block */
	#loading {
		width: 100vw;
		height: 100vh;
		transition: all 1s;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
	}
	.loading-logo {
		width: 60px;
		position: absolute;
		display: block;
		top: 40%;
		-webkit-transform: translateY(-40%); /* Safari用 */
		transform: translateY(-40%);
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 99;
	}
	.loding-bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background: #fff;
	}
	.loading-logo .logo01 {
		width: 60px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
	}
	
	.fadeout01 {
		width: 100%;
		animation-name: fade-out;
		animation-duration: 1s;
		animation-timing-function: ease-out;
		animation-delay: 2s;
		animation-iteration-count: 1;
		animation-direction: normal;
		animation-fill-mode: forwards;
		opacity: 1;
	}
	@keyframes fade-out {
		0% {
		  opacity: 1;
		}
		100% {
		  opacity: 0;
		}
	}
	
	
	
	/*anime*/
	.fadein-up {
		opacity : 0;
		transform : translate(0, 0);
		transition : all 1s;
	}
	.fadein-up.active{
		animation: fadeIn 0.7s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
		animation-delay: 1s;
	}
	@keyframes fadeIn {
	  0% {
		opacity: 0;
		transform: translate(0, 30px);
	  }
	  100% {
		opacity: 1;
		transform: translate(0, 0);
	  }
	}
	.smooth {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition: .6s cubic-bezier(0.37, 0, 0.63, 1);
	  transition-property: clip-path;
	}
	.smooth.active {
	  clip-path: inset(0);
	}
	
	.smooth-mv {
	  clip-path: inset(100% 0 0 0);
	  display: inline-block;
	  transition-property: clip-path;
	  animation: 1s mvlogo 4s 1 forwards;
	}
	@keyframes mvlogo {
	  0% {
		clip-path: inset(100% 0 0 0);
	  }
	  100% {
		clip-path: inset(0);
	  }
	}
	
	
	/*header*/
	header{
		width: 100%;
		height: 84vh;
		margin: 0 auto 5% auto;
		overflow: hidden;
		position: relative;
	}
	header .mv-img{
		width: 250%;
		overflow: hidden;
		position: relative;
		left: -100%;
	}
	header .mv-logo{
		width: 85%;
		display: block;
		margin: 0 auto;
		position: absolute;
		bottom: 1%;
		left: 0;
		right: 0;
		z-index: 10;
	}
	.scrolldown1{
		position: absolute;
		top: 70%;
		-webkit-transform: translateY(-70%); /* Safari用 */
		transform: translateY(-70%);
		height:80px;
		z-index: 3;
		right: 5%;
	}
	.scrolldown1 span{
		position: absolute;
		left: -2px;
		top: -70px;
		width: 7px;
	}
	.scrolldown1::after{
		content: "";
		position: absolute;
		top: 0;
		width: 1px;
		height: 80px;
		background: #fff;
		animation: pathmove 1.4s ease-in-out infinite;
		opacity:0;
	}
	@keyframes pathmove{
	  0%{
		height:0;
		top:0;
		opacity: 0;
	  }
	  30%{
		height:40px;
		opacity: 1;
	  }
	  100%{
		height:0;
		top:80px;
		opacity: 0;
	  }
	}
	
	/*common*/
	.main-logo{
		box-sizing: border-box;
		position: fixed;
		z-index: 99;
		left: 10px;
		top: 10px;
		width: 50%;
	}
	.wrap{
		width: 100%;
		height: 100%;
		margin: 0 auto;
		position: relative;
		top: 0;
		left: 0;
	}
	
	/*side-nav*/
	.side-nav {
		display: none;
	}
	.side-nav-list{
		width: 50%;
	}
	.side-nav-list li{
		width: 100%;
		margin: 0 0 35% 0;
	}
	.side-nav-list li a{
		width: 100%;
		display: block;
		padding: 0 0 10px 0;
		transition: .3s;
		position: relative;
		line-height: 0;
	}
	.side-nav-list li a::after {
		position: absolute;
		bottom: -4px;
		left: 0;
		content: '';
		width: 100%;
		height: 1px;
		background: #008b34;
		transform: scale(0, 1);
		transform-origin: right top;
		transition: transform .3s;
	}
	.side-nav-list li a:hover::after {
		transform-origin: left top;
		transform: scale(1, 1);
	}
	.side-nav-list li:last-child a{
		width: 100%;
		opacity: 1;
		border-bottom: none;
		transition: .3s;
	}
	.side-nav-list li:last-child a:hover{
		border-bottom: none;
		opacity: .5;
		transition: .3s;
	}
	.side-nav-list li:last-child a::after {
		display: none;
	}
	.side-nav-list li:last-child{
		width: 15%;
		margin: 0 0 0 0;
	}
	.side-nav .rese{
		width: 70%;
		height: 66px;
		background: url("../img/side-nav06.svg") #fff;
		background-repeat: no-repeat;
		box-sizing: border-box;
		border: 1px solid;
		border-color: rgba(0,139,52,1.00);
		display: block;
		margin: 20% 0 0 0;
		transition: .3s;
	}
	.side-nav .rese:hover{
		transition: .3s;
		background: url("../img/side-nav06-on.svg") #008b34;
	}

	.side-nav .in-new{
		width: 70%;
		display: block;
		transition: .3s;
	}
	
	.side-nav .icon{
		width: 70px;
		display: block;
		margin: 20% 0 0 0;
		opacity: 1;
		transition: .3s;
	}
	.side-nav .icon:hover{
		opacity: .5;
		transition: .3s;
	}
	
	/*footer*/
	.footer-wrap{
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }
    .footer-studio{
        width: 100%;
        padding: 15% 0 0 0;
        margin: 0 0 15% 0;
    }
    .footer-studio-list{
        width: 90%;
        margin: 0 auto;
    }
    .footer-studio-list li{
        width: 100%;
    }
    .footer-studio-list li:nth-child(2){
        width: 100%;
		margin: 15% 0;
    }
    .footer-studio-list li a{
        width: 100%;
        display: block;
        text-decoration: none;
        position: relative;
        color: #000;
    }
    .footer-studio-list li a .img{
        width: 80%;
        position: relative;
        overflow: hidden;
        margin: 0 auto 6% auto;
		border-radius: 15px;
		transition: .3s;
    }
	.footer-studio-list li a:hover .img{
		border-radius: 30px;
		transition: .3s;
    }
    .footer-studio-list li a .icon{
        width: 70%;
        overflow: hidden;
        margin: 0 auto 5% auto;
    }
    .footer-studio-list li a .txt{
		font-size: 12px;
		letter-spacing: 2px;
        line-height: 2em;
		text-align: center;
		white-space: nowrap;
    }
	.footer-studio-list li a .txt span{
        font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
		font-size: 18px;
		letter-spacing: 2px;
        line-height: 2em;
    }
    .footer-studio-list li a:hover .txt{
		color: #000;
		opacity: 1 !important;
    }
    .footer-studio-list li a .post{
		font-size: 12px;
		letter-spacing: 1px;
        line-height: 2em;
		text-align: center;
        margin: 0 0 10% 0;
    }

    .footer{
        width: 100%;
        padding: 5% 0 20% 0;
    }
    .footer .logo{
        width: 40%;
        margin: 0 auto 5% auto;
    }
    .footer .txt{
		font-size: 12px;
		letter-spacing: 2px;
        line-height: 2em;
		text-align: center;
        margin: 0 auto 5% auto;
    }
    .gnavi li{
        width: max-content;
        margin: 0 auto 5% auto;
        display: block;
    }
    .gnavi li a{
        position: relative;
        font-size: 12px;
		letter-spacing: 2px;
		text-align: center;
        color: #000;
        display: inline-block;
        text-decoration: none;
    }
    .gnavi li.current a,
    .gnavi li a:hover{
        color:#000;
    }
    .gnavi li a::after {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 0%;
        width: 100%;
        height: 1px;
        background:#000;
        transition: all .3s;
        transform: scale(0, 1);
        transform-origin: center top;
    }
    .gnavi li.current a::after,
    .gnavi li a:hover::after {
        transform: scale(1, 1);
    }
    .footer .copy{
        width: 40%;
        margin: 0 auto;
    }
	
	/*content*/
	.content{
		width: 100%;
		margin: 0 auto;
	}
	
	/*index*/
	.index-01{
		width: 90%;
		margin: 0 auto 10% auto;
	}
	.index-01 .img{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.index-01 .data{
		width: 100%;
	}
	.index-01 .data .title{
		font-size: 17px;
		line-height: 2em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-weight: 300;
		margin: 0 0 3% 0;
	}
	.index-01 .data .title span{
		display: block;
	}
	.index-01 .data .txt{
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		text-align: justify;
	}
	.index-01 .data .txt br{
		display: none;
	}
	
	.index-02{
		width: 95%;
		margin: 0 auto 60px auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.index-02 .img-box{
		width: 47%;
	}
	.index-02 .img-box02{
		width: 70%;
		margin: 60px auto 0 auto;
	}
	.index-02 .img-box03{
		width: 70%;
		margin: 60px 0 0 5%;
	}
	.index-02 .img-box04{
		width: 70%;
		margin: 0 0 7% 25%;
	}
	.index-02 .img-box05{
		width: 80%;
		margin: 60px auto 0 auto;
	}
	.index-02 .img-box .title{
		width: 100%;
		height: 50px;
		position: relative;
		margin: 10% 0 10% 0;
	}
	.index-02 .img-box .title .title-r{
		
	}
	.index-02 .img-box .title-r img{
		height: 20px;
	}
	.index-02 .img-box .title .title-l{
		
	}
	.index-02 .img-box .title-l img{
		height: 20px;
	}
	
	.index-02 .img-box .img01{
		width: 100%;
		margin: 0 0 15% 0%;
	}
	.index-02 .img-box .img02{
		width: 100%;
		margin: 0 0 0 0%;
	}
	.index-02 .img-box .img03{
		width: 90%;
		margin: 0 0 15% 0;
	}
	.index-02 .img-box .img04{
		width: 100%;
		margin: 0 0 20% 0%;
	}
	.index-02 .img-box .img05{
		width: 100%;
		margin: 0 0 0% 0%;
	}
	.index-02 .img-box .img06{
		width: 100%;
		margin: 0 0 0% 0%;
	}
	.index-02 .img-box .img07{
		width: 90%;
		margin: 20% 0 0% 0;
	}
	
	.index-03{
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 60px 0;
	}
	
	.news{
		width: 90%;
		margin: 0 auto 0 auto;
		padding: 10% 0 0 0;
	}
	
	
	.in-new-f{
		width: 100%;
		border: 1px solid #009843;
		margin: 0 auto;
	}
	.in-new-f a{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		
	}
	.in-new-f a .data{
		width: 45%;
		padding: 7% 0 0 0;
	}
	.in-new-f a .img{
		width: 55%;
		position: relative;
		padding: 0;
		transition: .3s;
	}
	.in-new-f a .img .on{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background: rgba(0, 152, 67, .7);
		mix-blend-mode: multiply;
		opacity: 0;
		transition: .3s;
	}
	.in-new-f a:hover .img .on{
		opacity: 1;
		transition: .3s;
	}
	.in-new-f a:hover .img img{
		filter:grayscale(100%);
		transition: .3s;
	}
	
	
	/*floor_map----------------------------------------------------------------------------------*/
	.un-top{
		width: 100%;
	}
	.un-top .floor-box{
		width: 80%;
		margin: 0 auto;
		padding: 20% 0 10% 0;
		position: relative;
	}
	.floor-nav{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.floor-nav li:nth-child(1){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 43%;
		left: 45%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(2){
		width: max-content;
		width: -webkit-max-content;
		position: absolute;
		top: 64%;
    	left: 49%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(3){
		position: absolute;
		top: 52%;
    	left: 30%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(4){
		position: absolute;
		top: 33%;
		left: 20%;
		z-index: 99;
		height: 20px;
	}
	.floor-nav li:nth-child(5){
		position: absolute;
		top: 85%;
		left: 52%;
		z-index: 99;
		height: 20px;
	}
	
	.floor-nav li{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.floor-nav li a{
		width: max-content;
		width: -webkit-max-content;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a:hover{
		width: max-content;
		width: -webkit-max-content;
		border-bottom: 1px solid #008b34;
		padding: 0 0 10px 0;
		transition: .3s;
	}
	.floor-nav li a img{
		height: 12px;
	}
	.floor-nav li:last-child a img{
		height: 20px;
	}
	
	/*floor-box*/
	.floor-box{
		width: 90%;
		margin: 0 auto 15% auto;
	}
	.floor-box .data{
		width: 100%;
	}
	.floor-box .data .img{
		width: 100%;
		margin: 0 0 15% 0;
	}
	.floor-box .data .title{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.floor-box .data .title img{
		height: 25px;
	}
	.floor-box .data .txt{
		font-size: 14px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	}
	.floor-box .data .txt br{
		display: none;
	}
	
	
	/*access----------------------------------------------------------------------------------*/
	.top-title{
		width: 100%;
		margin: 0% auto 10% auto;
		padding: 20% 0 0 0;
	}
	.top-title img{
		height: 17px;
	}
	.map{
		width: 100%;
		margin: 0 auto 5% auto;
	}
	.gmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
		margin: 0 0 5% 0;
    }
    .gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
    }
	.map .txt{
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 0 5% 0;
	}
	.map .map-list{
		width: 85%;
		margin: 0 auto;
	}
	.map .map-list li{
		width: 96%;
		font-size: 11px;
		line-height: 2em;
		letter-spacing: 1px;
		text-align: justify;
		text-indent: -6%;
		padding-left: 4%;
	}
	.map .map-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	.map .map-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	
	/*about----------------------------------------------------------------------------------*/
	.about-top{
		width: 90%;
		margin: 0 auto 10% auto;
	}
	.about-top .title{
		font-size: 14px;
		line-height: 2.5em;
		letter-spacing: 2px;
		font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		text-align: justify;
	}
	.about-top .title span{
		margin: 0 auto 2% auto;
	}
	.about-top .icon{
		width: 40px;
		margin: 7% auto 0 auto;
	}
	.about-floor{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 0 auto 5% auto;
	}
	.about-floor .img{
		width: 90%;
		margin: 0 auto 10% auto;
	}
	.about-floor .data01{
		width: 90%;
		box-sizing: border-box;
		border-bottom: 1px solid #000;
		position: relative;
		margin: 0 auto;
	}
	.about-floor .data01 .title{
		width: 100%;
		margin: 0 auto;
	}
	.about-floor .data01 .title img{
		height: 25px;
		margin: 0 0 10px 0;
	}
	.about-floor .data02{
		width: 100%;
		padding: 3% 0;
	}
	.about-floor .data02 .txt{
		width: 80%;
		margin: 0 auto;
		font-size: 12px;
		line-height: 2.5em;
		letter-spacing: 2px;
	}
	.about-floor .data02 .txt span{
		font-size: 10px;
		line-height: 1.5em;
		letter-spacing: 2px;
		display: block;
	}
	
	/*price----------------------------------------------------------------------------------*/
	.price{
		width: 90%;
		margin: 0 auto 10% auto;
	}
	.price-data-list{
		width: 100%;
		border: 1px solid #008b34;
		box-sizing: border-box;
		font-size: 12px;
		line-height: 2.5em;
		letter-spacing: 2px;
		margin: 0 0 5% 0;
	}
	.price-data-list li{
		width: 100%;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.price-data-list li .price-name{
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid #008b34;
		padding: 2% 5% 2% 5%;
		text-align: center;
	}
	.price-data-list li .price-data{
		width: 100%;
		box-sizing: border-box;
		padding: 5% 5%;
		text-align: center;
	}
	.price-data-list li:nth-child(2){
		width: 100%;
		border-top: 1px solid #008b34;
		border-bottom: 1px solid #008b34;
		box-sizing: border-box;
	}
	
	.price .price-list{
		width: 95%;
		margin: 0 auto;
	}
	.price .price-list li{
		width: 96%;
		font-size: 11px;
		line-height: 2em;
		letter-spacing: 1px;
		text-align: justify;
		text-indent: -6%;
		padding-left: 4%;
	}
	.price .price-list li .icon{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	.TEL-box{
		width: 90%;
		border: 1px solid #008b34;
		box-sizing: border-box;
		padding: 5% 5%;
		margin: 0 auto 10% auto;
	}
	.TEL-box .title{
		font-size: 14px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: center;
		margin: 0 auto 3% auto;
	}
	.TEL-box .TEL-txt{
		font-size: 18px;
		text-decoration: none;
		display: block;
		line-height: 2em;
		letter-spacing: 2px;
		color: #008b34;
		text-align: center;
		margin: 0 auto 3% auto;
	}
	.TEL-box .txt{
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
	}
	
	.how{
		width: 90%;
		margin: 0 auto 5% auto;
	}
	.how .how-list{
		width: 100%;
	}
	.how .how-list li{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.how .how-list li .title{
		border-bottom: 1px solid #008b34;
		margin: 0 0 5% 0;
		padding: 0 3% 3% 3%;
		font-size: 13px;
		line-height: 2em;
		letter-spacing: 2px;
	}
	.how .how-list li .title span{
		color: #008b34;
		font-size: 16px;
		margin: 0 20px 0 0;
	}
	.how .how-list li .txt{
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		padding: 0 3% 0 3%;
	}
	
	.reservation-form-btn{
		width: 80%;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin: 0 auto 10% auto;
		border: 1px solid #008b34;
		text-decoration: none;
		text-align: center;
		font-size: 14px;
		letter-spacing: 2px;
	}

	.reservation-form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}
	
	/*leagal----------------------------------------------------------------------------------*/
	.top-title02{
		width: 90%;
		margin: 0% auto 5% auto;
		padding: 20% 0 0 0;
	}
	.top-title02 img{
		height: 17px;
	}
	.top-title02 span{
		width: 100%;
		display: block;
		padding: 3% 0 0 0;
		margin: 5% 0 0 0;
		text-align: center;
		font-size: 13px;
		letter-spacing: 3px;
		border-top: 1px solid #008b34;
	}
	
	.leagal-box{
		width: 90%;
		margin: 5% auto 5% auto;
	}
	.leagal-box .leagal-list{
		width: 100%;
		margin: 0 0 5% 0;
	}
	.leagal-box .leagal-list li{
		width: 98.8%;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
		text-indent: -1.8%;
		padding-left: 1.2%;
	}
	.leagal-box .leagal-list li .icon{
		width: 2px;
		height: 2px;
		border-radius: 1px;
		background: #000;
		display: inline-block;
		position: relative;
		top: -4px;
		margin: 0 10px 0 0;
	}
	.leagal-box .leagal-list li a{
		text-decoration: none;
		color: #000;
		border-bottom: 1px solid #008b34;
	}
	
	/*reservation*/
	.top-title03{
		width: 90%;
		border-bottom: 1px solid #008b34;
		margin: 0 auto 5% auto;
		padding: 20% 0 3% 0;
	}
	.top-title03 img{
		height: 15px;
	}
	.reservation-txt{
		width: 90%;
		margin: 0 auto 10% auto;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 2px;
		text-align: justify;
	}
	.reservation-txt span{
		width: 100%;
		border: 1px solid #008b34;
		color: #008b34;
		display: block;
		box-sizing: border-box;
		padding: 5% 5%;
		margin: 3% auto 0 auto;
		font-size: 12px;
		line-height: 2em;
		letter-spacing: 1px;
		text-align: justify;
	}
	
	/*form-box*/
	.form-box{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto 0% auto;
	}
	.form-box form{
		width: 90%;
		margin: 0 auto;
	}
	.form{
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
		background:#f8f8f8;
		border:1px solid rgba(0, 0, 0, 0.075);
		margin-bottom:25px;
		color:#727272 !important;
		font-size:13px;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
		border-radius: 5px;
	}

	.form:hover{
		border:1px solid #8BC3A3;
	}

	.form:focus{
		color: white;
		outline: none;
		border:1px solid #8BC3A3;
	}
	.textarea{
		height: 200px;
		max-height: 200px;
		max-width: 100%;
	}
	form .days-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	form .days-list div{
		width: 32%;
	}
	form .txt{
		width: 100%;
		margin: 0 0 4% 0;
		font-size: 12px;
		letter-spacing: 2px;
	}
	form .txt span{
		width: 100%;
		border: 1px solid #008b34;
		color: #008b34;
		margin: 0 15px 0 0;
		padding: 5px 10px;
		font-size: 10px;
	}

	/* Send Button Styles */
	.leagal-btn{
		width:180px;
		display: block;
		height: auto;
		padding:10px;
		text-align: center;
		font-size: 12px;
		letter-spacing: 2px;
		color:#000;
		text-align: center;
		background:#fff;
		border:none;
		border-radius:3px;
		box-sizing: border-box;
		margin: 0 auto 3% auto;
		text-decoration: none;
		border: 1px solid #000;
		transition: .3s;
	}
	.leagal-btn:hover{
		background:#000;
		color: #fff;
		border:none;
		border: 1px solid #000;
		transition: .3s;
	}
	
	.form-btn{
		width:300px;
		display: block;
		height: auto;
		padding:15px;
		color:#fff;
		background:#008b34;
		border:none;
		border-radius:3px;
		outline: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
		margin:auto;
		border: 1px solid #008b34;
	}

	.form-btn:hover{
		background:#fff;
		color: #008b34;
		border:none;
		border: 1px solid #008b34;
	}

	.form-btn:active{
		opacity: 0.9;
	}

	.check{
		width: 100%;
		text-align: center;
		margin: 0 0 5% 0;
		font-size: 12px;
		letter-spacing: 2px;
	}
	.cou{
		width: 95%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		text-align: justify;
		text-indent: -4.5%;
    	padding-left: 4%;
		margin: 0 0 5% 0;
	}
	.cou span{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #008b34;
		display: inline-block;
		margin: 0 5px 0 0;
	}
	
	.cou02{
		width: 95%;
		font-size: 13px;
		letter-spacing: 2px;
		line-height: 2em;
		text-indent: -4.5%;
   		padding-left: 4%;
		margin: 0 0 25px 0;
	}
	
	/*new*/
	.block {
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.sp-block {
		width: 100%;
		height: 20px;
		margin: 0 auto;
		position: relative;
	}
	.n-img-wrap{
		width: 90%;
		margin: 0 auto;
	}
	
	
	.block .txt-box{
		width: 20px;
		height: 100%;
		position: absolute;
		top: 80px;
		right: 1%;
		z-index: 60;
	}
	.block .txt-box .txt{
		width: 20px;
		position: sticky;
		top: 5%;
	}
	
	.n-img-box01{
		width: 70%;
    	margin: 0 auto 60px auto;
		padding: 0 0 0 0;
	}
	.n-img-box02{
		width: 100%;
    	margin: 50% auto 0 auto;
	}
	.n-img-box03{
		width: 100%;
    	margin: 0 auto 60px auto;
	}
	.n-img-box04{
		width: 70%;
    	margin: 0 auto 0% auto;
	}
	.n-img-box05{
		width: 90%;
    	margin: 0 auto 60px auto;
	}
	.n-img-box07{
		width: 100%;
		margin: 45% 0 0 0;
	}
	.n-img-box08{
		width: 80%;
		margin: 0 0 60px 20%;
	}
	.n-img-box09{
		width: 60%;
		margin: 0 0 60px 0%;
	}
	.n-img-box10{
		width: 100%;
		margin: 0 0 60px 0;
	}
	.n-img-box11{
		width: 80%;
    	margin: 0 auto 60px auto;
	}
	.n-img-box14{
		width: 80%;
    	margin: 0 0 60px 0;
	}
	.n-img-box15{
		width: 70%;
    	margin: 0 0 60px 30%;
	}
	.n-img-box16{
		width: 70%;
    	margin: 0 0 0 5%;
		padding: 0 0 60px 0;
	}
	
	.n-box01{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 60px auto;
	}
	.n-box01 .n-box-l{
		width: 40%;
	}
	.n-box01 .n-box-r{
		width: 55%;
	}
	
	.n-box02{
		width: 90%;
		display: flex;
		justify-content: space-between;
		margin: 0 auto 60px auto;
	}
	.n-box02 .n-box-l{
		width: 55%;
	}
	.n-box02 .n-box-r{
		width: 40%;
	}
	
	.n-box03{
		width: 90%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 auto 60px auto;
	}
	.n-box03 .n-box-l{
		width: 50%;
	}
	.n-box03 .n-box-r{
		width: 45%;
	}
	
	.block .txt-box .dotto01{
		width: 2px;
		height: 2px;
		background: #fff;
		margin: 20px 0 0 5px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 0.5s;
		opacity: 0;
	}
	.block .txt-box .dotto02{
		width: 2px;
		height: 2px;
		background: #fff;
		margin: 20px 0 0 5px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1s;
		opacity: 0;
	}
	.block .txt-box .dotto03{
		width: 2px;
		height: 2px;
		background: #fff;
		margin: 20px 0 0 5px;
		border-radius: 10px 10px;
		display: block;
		animation: fade-in01 3s linear infinite;
		animation-delay: 1.5s;
		opacity: 0;
	}
	@keyframes fade-in01 {
		0% {
		  opacity: 1;
		  transform: scale(1);
		}
		100% {
		  opacity: 0;
		  transform: scale(1.7);
		}
	}
	
	
	/* --------------------------------------------------- ellipsis btn */
	.side-menu-btn {
		position: fixed;
		top: 0px;
		right: 5px;
		width: 40px;
		height: 30px;
		padding: 10px 10px;
		cursor: pointer;
		z-index: 99;
	}

	.ellipsis-v {
		position: relative;
		display: block;
		cursor: pointer;
		width: 40px;
		height: 8px;
		top: 10px;
	}

	.ellipsis-v .point {
		position: absolute;
		left: 0;
		right: 0;
		display: block;
		width: 40px;
		height: 1px;
		margin: auto;
		background: #008b34;
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.ellipsis-v .point.top {
		top: 0;
	}

	.ellipsis-v .point.mid {
		top: 0;
		bottom: 0;
	}

	.ellipsis-v .point.bot {
		bottom: 0;
	}

	.side-menu-btn:hover .top {
		-webkit-transform: translateY(-2px);
		-ms-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	.side-menu-btn:hover .bot {
		-webkit-transform: translateY(2px);
		-ms-transform: translateY(2px);
		transform: translateY(2px);
	}

	.side-open .side-menu-btn:hover .top,
	.side-open .top {
		width: 52px;
		height: 1px;
		background: #008b34;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		left: 2px!important;
		top: -10px!important;
	}

	.side-open .mid {
		opacity: 0;
	}

	.side-open .side-menu-btn:hover .bot,
	.side-open .bot {
		width: 52px;
		height: 1px;
		background: #008b34;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
		left: 2px!important;
		top: 45px!important;
	}

	.side-open .side-menu-btn:hover .bot,
	.side-open .side-menu-btn:hover .top {
		background: #008b34;
	}

	.foot_fix_btn {
		position: fixed;
		z-index: 99;
		bottom: 0;
		left: 0;
		width: 100%;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.foot_fix_btn.js_hide {
		transform: translateY(100%);
	}
	.foot_fix_btn a{
		display: block;
		width: 100%;
	}

	
	
}