@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://use.typekit.net/bkr7uez.css");


/* Micro clearfix */

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* 必要要素の初期設定 */

body {
-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 width: 100%;
 margin: 0;
 padding: 0;
 color:#000000;
 font-size: 12px;
 font-family:"Helvetica Neue","Helvetica Neue Bold", Helvetica,"游ゴシック体", "Yu Gothic", YuGothic,ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro,"メイリオ", sans-serif;
  background: #ffffff;
 
 
}
a {
 text-decoration:none;
 outline:none;
}

/*
a img:hover{
	opacity:0.7;	
}
*/

img{
	vertical-align:bottom;
	position:relative;
	display:block;	
}
a:focus{
	outline: none;
}

ul {
 margin: 0;
 padding: 0;

}


/* ベースレイアウト */

#wrapper {
 width: 100%;
 position:relative;
 margin: 0;
 padding:0;
 
	
 overflow:hidden;
 
 opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */	
	
	
	background-image:url("../images/bgwall.png");
	background-size:contain;
	background-position: top;
	background-repeat: repeat;/*画像が繰り返すのを防ぐ*/

}

#header{
	display:block;
	position:fixed;
	width:100%;
	height:90px;
	/*background-color: rgba(255,255,255,0.8); */
z-index:12000;
}

#header .inner{
	position:relative;
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;	
	overflow:auto;
	
}




.logobox{
	position:relative;
	display:block;
	margin:40px 0 0 40px;
	padding:0;
}
.logo{
	padding:0 0 0 0;
	margin:0;
	display:inline-block;
	z-index: 11000;
	
}




.menubtn{
	display:block;
		position: fixed;
	right: 25px;
	top:30px;
	z-index: 13000;
	width: 54px;
	cursor: pointer;
}
.menubtn img{
	width: 100%;
	height: auto;
}

.spmenu{
	overflow: auto;
	position:fixed;
	top:0;
	right: 0;
	clear:both;
	width:100%;
	padding:0 0 0 0;
	z-index:10015;
	display:none;
	background-color: rgba(255,255,255,0.9); 
}

.spmenu ul{
	display: block;
	margin: 180px 0 0 4%;
}

.spmenu ul li{
	list-style: none;
	width:90%;
	text-align: left;
	line-height:2em;
	font-size:16px;
	margin: 0 0 60px 20px;
	font-weight:400;
	font-family: termina, sans-serif;
}
.spmenu ul li a{
	color:#0B7030;	
}

.spmenu ul li .spt{
	display: block;
	margin: 8px 0 0 0;
	font-size:54px;
	font-weight: 500;
}


.spmenu ul li:first-Child{
		
}

.online{
	clear: both;
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
}

.online p{
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}

.coming{
	font-weight: 500;
	color: #aaaaaa;
	font-size: 12px;
}

.sns{
	
	clear: both;
	display:block;
	overflow:auto;
	margin:40px 0 0 5%;
	padding:0;	
}

.sns a{
	color: #000000;
	display:block;
	margin: 0 0 10px 0;
}
.sns img{
	display: inline-block;
	vertical-align: bottom;
}

.instatxt{
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}

.instatxt2{
	font-weight: 500;
	display: inline-block;
	margin: 0 0 0 8px;
	font-size: 14px;
	padding: 0;
}

.menuvisual{
	position: absolute;
	display: block;
	top:120px;
	right: 15%;
}


.contents{
	clear:both;
	position:relative;
	display:block;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	
	
}

.contents .inner{
	
	position:relative;
	display: block;
	margin:0;
	width:100%;
	padding:0;	
}

.topcopy{
	width:60%;
	margin:0 0 0 0;
	padding:0;
	display:block;
	position:fixed;
	bottom: 40px;
	right: 2%;
}

.copy{
	padding:0;
	margin:0;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
	text-align: right;
	color: #2E683A;
	
}


#loopSlide{
	width:100%;
	margin:150px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	
}


#loopSlide2{
	width:100%;
	margin:80px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	
}




.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.simply-scroll-list li {
	list-style: none;
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0 140px 0 0;
	width: 220px;
	mix-blend-mode: multiply;
	
}

.simply-scroll-list li:nth-child(3n){
	margin: 60px 140px 0 0;
}


.simply-scroll-list li img {
	display: block;
	width: 100%;
	height: auto;
}



#footer{
	padding:0;
	margin:0;
	position:relative;
	
	display:block;
	clear:both;
	
}

#footer .inner{
	position:relative;
	overflow:auto;
	width:100%;
	margin:0;
	padding:0;	
}

.ftxtbox{
	clear:both;
	position:relative;
	
	
}
.ftxt{
	font-family: termina, sans-serif;
	display:inline-block;
	text-align:left;
	font-size:14px;
	line-height:1.6em;
	margin:60px 0 40px 2%;
	padding:0;
	color: #257B48;
	font-weight: 600;
	
	
	
}




/*contactページ*/



.mail{
	font-family: termina, sans-serif;
	padding:0;
	margin:0 0 60px 0;
	font-size:32px;
	font-weight:500;
	line-height:1.55em;
	color: #257B48;
}

.mail a{
	color: #257B48;
	font-weight: 400;
}

/*concept*/

.cltxt{
	font-family: termina, sans-serif;
	position: relative;
	text-align: left;
	display: block;
	font-size: 54px;
	font-weight: 500;
	color: #2E683A;
	margin: 120px auto 60px auto;;
}

.cltxt .num{
	font-weight: 500;
	font-size: 16px;
	display: block;
	margin: 0 0 0px 0;
}

.conceptimg01{
	width: 880px;
	position: relative;
	margin: 160px auto 120px auto;;
	display: block;
	overflow: auto;
}

.conceptimg01 .conL{
	display: block;
	float: left;
	width: 200px;
	margin: 80px 0 0 0;
}

.conceptimg01 .conR{
	display: block;
	float: right;
	width: 314px;
	margin: 0 0 0 0;
}

.conceptimg02{
	width: 880px;
	position: relative;
	margin: 160px auto 120px auto;;
	display: block;
	overflow: auto;
}

.conceptimg02 .conL{
	display: block;
	float: left;
	width: 200px;
	margin: 0 0 0 0;
}

.conceptimg02 .conR{
	display: block;
	float: right;
	width: 314px;
	margin: 120px 0 0 0;
}


.concept{
	width: 860px;
	position: relative;
	margin: 0 auto 60px auto;;
	display: block;
}


.concept .inner{
	display: block;
	overflow: auto;
}

.concepttxt{
	width: 566px;
	float: left;
	padding: 0;
	margin: 0 77px 0 0;
	font-size: 16px;
	line-height: 1.8em;
	color: #2E683A;
	
}

.sakai{
	display: block;
	float: left;
	width: 200px;
	margin: 0px auto 20px auto;
	color: #2E683A;
}

.sakai img{
	width: 100%;
	height: auto;
}

.sakaitxt{
	text-align: center;
	font-size: 18px;
}

.detxt{
	font-size: 14px;
	padding: 0 0 6px 0;
	display: inline-block;
	
}


/*artpage*/
.cltxt2{
	font-family: termina, sans-serif;
	position: relative;
	text-align: center;
	display: block;
	font-size: 54px;
	font-weight: 500;
	width: 480px;
	
	color: #2E683A;
	margin: 120px auto 60px auto;;
}

.cltxt2 .num{
	font-weight: 500;
	font-size: 16px;
	display: block;
	text-align: left;
	margin: 0 0 0px 0;
}

/* Media Queries による切り替え */


@media only screen and (min-width: 1200px) {
	
	
}


@media only screen and (max-width: 768px) {
	
	
	
	#wrapper {
 width: 100%;
 position:relative;
 margin: 0;
 padding:0;
 
	
 overflow:auto;
 
 opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
	-khtml-opacity: .0; /* Safari 1.x */
	-moz-opacity: .0; /* FF lt 1.5, Netscape */	
	
	
	background-image:url("../images/bgwall_sp.png");
	background-size:contain;
	background-position: top;
	background-repeat:repeat;/*画像が繰り返すのを防ぐ*/

}
	
	
	.brsp{
		display: block;
	}
#header{
	display:block;
	position:fixed;
	width:100%;
	height:70px;
	/*background-color: rgba(255,255,255,0.8); */
z-index:12000;
}

#header .inner{
	position:relative;
	display:block;
	width:100%;
	margin:0 auto;
	padding:0;	
	overflow:auto;
	
}




.logobox{
	position:relative;
	display:block;
	margin:30px 0 0 5%;
	padding:0;
}
.logo{
	width: 40%;
	padding:0 0 0 0;
	margin:0;
	display:inline-block;
	z-index: 11000;
	
}
	.logo img{
		display: block;
		width: 100%;
		height: auto;
	}



.menubtn{
	display:block;
		position: fixed;
	right: 25px;
	top:30px;
	z-index: 13000;
	width: 54px;
	cursor: pointer;
}
.menubtn img{
	width: 100%;
	height: auto;
}

.spmenu{
	position:fixed;
	top:0;
	right: 0;
	clear:both;
	width:100%;
	padding:0 0 0 0;
	z-index:10015;
	display:none;
	background-color: rgba(255,255,255,0.9); 
	overflow: hidden;
}

.spmenu ul{
	display: block;
	margin: 100px 0 0 4%;
}

.spmenu ul li{
	list-style: none;
	width:100%;
	text-align: left;
	line-height:2em;
	font-size:12px;
	margin: 0 0 20px 20px;
	font-weight:400;
	font-family: termina, sans-serif;
}
.spmenu ul li a{
	color:#0B7030;	
}

.spmenu ul li .spt{
	display: block;
	margin: 8px 0 0 0;
	font-size:32px;
	font-weight: 500;
}


.spmenu ul li:first-Child{
		
}

.online{
	clear: both;
	display: block;
	margin: 0 0 0 20px;
	padding: 0;
}

.online p{
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}

.coming{
	font-weight: 500;
	color: #aaaaaa;
	font-size: 12px;
}

.sns{
	
	clear: both;
	display:block;
	overflow:auto;
	margin:40px 0 0 10%;
	padding:0;	
}

.sns a{
	color: #000000;
	display:block;
	margin: 0 0 10px 0;
}
.sns img{
	display: inline-block;
	vertical-align: bottom;
}

.instatxt{
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0;
}

.instatxt2{
	font-weight: 500;
	display: inline-block;
	margin: 0 0 0 8px;
	font-size: 14px;
	padding: 0;
}

.menuvisual{
	position: relative;
	display: block;
	top:0;
	width: 45%;
	margin: 20px auto 0 10%;
	right: 0;
}
	.menuvisual img{
		width: 100%;
		height: auto;
	}

.contents{
	clear:both;
	position:relative;
	display:block;
	width:100%;
	margin:0 0 0 0;
	padding:0;
	
	
}

.contents .inner{
	
	position:relative;
	display: block;
	margin:0;
	width:100%;
	padding:0;	
}

.topcopy{
	width:80%;
	margin:0 0 0 0;
	padding:0;
	display:block;
	position:fixed;
	bottom: 150px;
	right: 4%;
}

.copy{
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	text-align: right;
	color: #2E683A;
	
}


#loopSlide{
	width:100%;
	margin:120px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	
}


#loopSlide2{
	width:100%;
	margin:80px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	
}




.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.simply-scroll-list li {
	list-style: none;
	float: left; /* Horizontal scroll only */
	padding: 0;
	margin: 0 140px 0 0;
	width: 220px;
	mix-blend-mode: multiply;
	
}

.simply-scroll-list li:nth-child(3n){
	margin: 60px 140px 0 0;
}


.simply-scroll-list li img {
	display: block;
	width: 100%;
	height: auto;
}



#footer{
	padding:0;
	margin:0;
	position:relative;
	
	display:block;
	clear:both;
	
}

#footer .inner{
	position:relative;
	overflow:auto;
	width:100%;
	margin:0;
	padding:0;	
}

.ftxtbox{
	clear:both;
	position:relative;
	
	
}
.ftxt{
	font-family: termina, sans-serif;
	display:inline-block;
	text-align:left;
	font-size:14px;
	line-height:1.6em;
	margin:60px 0 20px 5%;
	padding:0;
	color: #257B48;
	font-weight: 600;
	
	
	
}




/*contactページ*/



.mail{
	font-family: termina, sans-serif;
	padding:0;
	margin:0 0 60px 0;
	font-size:24px;
	font-weight:500;
	line-height:1.55em;
	color: #257B48;
}

.mail a{
	color: #257B48;
	font-weight: 400;
}
	
	#contact{
		min-height: 620px;
	}

/*concept*/

.cltxt{
	font-family: termina, sans-serif;
	position: relative;
	text-align: left;
	display: block;
	font-size: 32px;
	font-weight: 500;
	color: #2E683A;
	margin: 120px auto 60px auto;;
}

.cltxt .num{
	font-weight: 500;
	font-size: 16px;
	display: block;
	margin: 0 0 0px 0;
}

.conceptimg01{
	width: 90%;
	position: relative;
	margin: 120px auto 120px auto;;
	display: block;
	overflow: auto;
}

.conceptimg01 .conL{
	display: block;
	float: none;
	width: 60%;
	margin: 80px 0 40px 0;
}
	
	.conceptimg01 .conL img{
		width: 100%;
		height: auto;
	}

.conceptimg01 .conR{
	display: block;
	float: none;
	width: 40%;
	margin: 0 0 0 60%;
}
	
	.conceptimg01 .conR img{
		width: 100%;
		height: auto;
	}

.conceptimg02{
	width: 90%;
	position: relative;
	margin: 120px auto 120px auto;;
	display: block;
	overflow: auto;
}

.conceptimg02 .conL{
	display: block;
	float: none;
	width: 60%;
	margin: 0 0 0 40%;
}
	
		.conceptimg02 .conL img{
		width: 100%;
		height: auto;
	}


.conceptimg02 .conR{
	display: block;
	float: none;
	width: 50%;
	margin: 120px 0 0 0;
}

.conceptimg02 .conR img{
		width: 100%;
		height: auto;
	}

.concept{
	width: 90%;
	position: relative;
	margin: 0 auto 60px auto;;
	display: block;
}


.concept .inner{
	display: block;
	overflow: auto;
}

.concepttxt{
	width: 100%;
	float: none;
	padding: 0;
	margin: 0 0 40px 0;
	font-size: 16px;
	line-height: 1.8em;
	color: #2E683A;
	
}

.sakai{
	display: block;
	float: none;
	width: 200px;
	margin: 0px auto 20px auto;
	color: #2E683A;
}

.sakai img{
	width: 100%;
	height: auto;
}

.sakaitxt{
	text-align: center;
	font-size: 18px;
}

.detxt{
	font-size: 14px;
	padding: 0 0 6px 0;
	display: inline-block;
	
}


/*artpage*/
.cltxt2{
	font-family: termina, sans-serif;
	position: relative;
	text-align: center;
	display: block;
	font-size: 32px;
	font-weight: 500;
	width: 280px;
	
	color: #2E683A;
	margin: 120px auto 20px auto;;
}

.cltxt2 .num{
	font-weight: 500;
	font-size: 16px;
	display: block;
	text-align: left;
	margin: 0 0 0px 0;
}
	
	#artcont{
		display: block;
		margin-top: 0px;
	}
	
	#artcont .conceptimg01{
	width: 90%;
	position: relative;
	margin: 120px auto 120px auto;;
	display: block;
	overflow: auto;
}

#artcont .conceptimg01 .conL{
	display: block;
	float: none;
	width: 60%;
	margin: 80px 0 40px 0;
}
	
	#artcont .conceptimg01 .conL img{
		width: 100%;
		height: auto;
	}

#artcont .conceptimg01 .conR{
	display: block;
	float: none;
	width: 70%;
	margin: 0 0 0 30%;
}
	
	#artcont .conceptimg01 .conR img{
		width: 100%;
		height: auto;
	}

#artcont .conceptimg02{
	width: 90%;
	position: relative;
	margin: 120px auto 120px auto;;
	display: block;
	overflow: auto;
}

#artcont .conceptimg02 .conL{
	display: block;
	float: none;
	width: 60%;
	margin: 0 40% 40px 0;
}
	
		#artcont .conceptimg02 .conL img{
		width: 100%;
		height: auto;
	}


#artcont .conceptimg02 .conR{
	display: block;
	float: none;
	width: 70%;
	margin: 120px 0 0 30%;
}

.conceptimg02 .conR img{
		width: 100%;
		height: auto;
	}
	

}

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


}

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


}