@media screen and (max-width:767px){
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		background-color: #442429;
	}
	body:before {
		background-image:url(../img/common/kvsp.jpg) ;
		background-size:100% auto;
		background-position:center center;
	}
	header {
		height:60px;
	}
	p.head {
		font-size: 10px;
		font-size: 1.0rem;
		color:#ffffff;
		background:#7ff97f;
		line-height:100%;
		padding:0.2em 0;
		text-align:center;
	}
	main {
		margin-top:60px;
	}
	main#index {
		margin-top:0;
	}
	#kv {
		margin-top:60px;
		height:90px;
		overflow:hidden;
	}
	#kv.index {
		height:180px;
	}
	header .icon {
		display: -webkit-flex;
		display:flex;
		-webkit-flex-basis: 0;
		flex-basis: 0;
	}
	header .icon a {
		padding: 0.3em 0 0.3em 0.2em;
	}
	header h1 {
		line-height:100%;
		text-align:left;
		max-width:100%;
	}
	header h1 .over {
		font-size: 14px;
		font-size: 1.4rem;
		line-height:150%;
		letter-spacing:0em;
	}
	header h1 .under {
		font-size: 10px;
		font-size: 1.0rem;
		line-height:100%;
		letter-spacing:0em;
	}
	.hum {
		position: absolute;
		right: 0;
		top: 0;
	}
	p.head+article {
	}
	nav.header.menu {
		-webkit-flex-direction:column;
		flex-direction:column;
		position:fixed;
		left:0;
		top:60px;
		width:100%;
		background:rgba(255,255,255,0.9);
		z-index:99;
	}
	nav.header.menu {
		-webkit-transform:translate3d(100%, 0, 0) ;
				transform:translate3d(100%, 0, 0) ;
		/*-webkit-transform-origin:100% 0;
		-webkit-transform:scale3d(0, 1, 1) ;
				transform:scale3d(0, 1, 1) ;*/
	}
	nav.header.menu.active {
		-webkit-transform:scale3d(1 , 1, 1) ;
				transform:scale3d(1 , 1, 1) ;
	}

	header {
		position:fixed;
		background:rgba(255,255,255,1);
		z-index:99;
		width:100%;
	}
	nav.menu a{
		padding:1em 0;
		width:100%;
		border-bottom:1px solid #ebebeb;
		text-align:center;
	}
	nav.header.menu a span, header nav.menu a span, footer nav.menu a span {
		border-bottom:1px solid #383838;
	}
	nav.header.menu a.active,header nav.menu a.active,header nav.menu a.active, nav.header.menu a:hover,header nav.menu a:hover, footer nav.menu a.active,footer nav.menu a:hover {
		background:rgba(111, 75, 69, 0.8);
		color:#ffffff;
	}
	header nav.menu a.active span, header nav.menu a:hover span, footer nav.menu a.active span, footer nav.menu a:hover span {
		border-bottom:1px solid #be1f1f;
	}
	header nav.menu a.active, header nav.menu a:hover, footer nav.menu a.active, footer nav.menu a:hover{
		background:rgba(100,100,100,0.2);
	}
	header nav.menu .tel {
		display:none;
	}
	ul.access {
		margin-top:2em;
	}
	.karte {
		padding:1em;
	}
	ul.menu+div.box figure:last-child{
		bottom:0em;
		right:0em;
	}
	footer nav.menu {
		border-top:1px solid #bdbdbd;
	}
	footer p.copy {
		padding:1em 0;
/*		margin-top:3em;*/
	}

	footer h1 .over {
		font-size: 20px;
		font-size: 2.0rem;
		line-height:150%;
		letter-spacing:0em;
	}
	footer h1 .under {
		font-size: 12px;
		font-size: 1.2rem;
		line-height:100%;
	}
	h3 {
		font-size:20px;
		font-size:2.0rem;
	}
	#navigation {
		padding:0;
	}
	.slick-dots {
		display:-webkit-flex;
		display:flex;
		-webkit-justify-content: center;
		justify-content: center;
		bottom:-25px;
	}
	.slick-dots li button:before {
		width:7px;
		height:7px;
		left:5px;
	}
	.slick-dots li {
		width:15px;
		height:15px;
	}
	.btn.contact {
		font-size: 13px;
		font-size: 1.3rem;
	}
	p.message {
		text-align: left;
	}
}

@media screen and (min-width:768px){
	header {
		width:100%;
		background-image:url(../img/common/header.png);
		background-position:center top;
		background-repeat:no-repeat;
		background-size:1400px 207px;
		position:fixed;
		z-index:100;
	}
	header.index {
		min-height:120px;
		background:none;
		background-color:#ffffff;
	}
	header:after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:162px;
		z-index:-1;
		background-color:#ffffff;
	}
	.btn.header.cta {
		margin:0 auto;
		background:#b9a99a;
		color:#ffffff;
		border:none;
		padding:0.5em 1.5em;
		border-radius:2em;
		letter-spacing:0.2em;
		white-space:nowrap;
	}
	header.index:after {
		content:none;
	}
	nav.header.menu a{
		text-align:center;
		padding:0 2em;
	}
	nav.header.menu a:not(:last-child) {
		border-right:1px dashed #c9c9c9;
	}
	header nav.header.menu {
		padding:1.5em 0 0 0;
	}
	footer nav.menu a{
		text-align:center;
		padding:1em;
		color:#ffffff;
		border:none;
	}
	footer nav a.active,footer nav a:hover {
		color:#ffffff;
	}
	main {
	}
	#kv {
		padding-top:150px;
		width:100%;
		max-height:500px;
		overflow:hidden;
	}
	#kv.index {
		padding-top:120px;
		max-height:630px;
	}
	#kv img {
		width:100%;
	}
	h1 {
		font-size: 24px;
		font-size: 2.4rem;
	}
	h3 {
		font-size:25px;
		font-size:2.5rem;
	}
	p.head {
		font-size: 12px;
		font-size: 1.2rem;
		background:#7ff97f;
		color:#ffffff;
		line-height:150%;
		padding:0.3em 0;
		text-align:center;
	}
	p.head+article {
		max-width:1100px;
		width:100%;
		height:95px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	p.under {
		font-size: 14px;
		font-size: 1.4rem;
		letter-spacing:0.1em;
	}
	a.tel {
		font-size: 20px;
		font-size: 2.0rem;
		letter-spacing:0.1em;
		font-weight:bold;
	}
	header a.tel {
		padding-bottom:0.3em;
		white-space:nowrap;
	}
	ul.access {
		margin-top:5em;
	}
	.karte {
		padding:3em 5em;
	}
	ul.menu+div.box figure:last-child{
		bottom:-3em;
		right:2em;
	}
	table.menu {
		margin-left:3em;
	}
	.note.large {
		padding:1.5em 3em 3em 3em;
	}
	.note.faq {
		padding:3em 3em 3em 3em;
	}
	
	#post .list > a:not(:nth-child(3n)) {
		margin-right:1.3em;
	}
	#post .index > a:not(:nth-child(3n)) {
		margin-right:0;
	}
	#post .index > a:not(:nth-child(4n)) {
		margin-right:1.3em;
	}
		#post .list > a:only-child {
		margin-left: auto;
		margin-right: auto;
	}
	footer article.border {
		border-bottom:1px solid #ffffff;
	}
	footer .over {
		font-size:30px;
		font-size: 3.0rem;
		line-height:160%;
		letter-spacing:0em;
		font-family: "Times Roman", "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", serif;
	}
	footer  .under {
		font-size: 14px;
		font-size: 1.4rem;
		line-height:100%;
	}
	.slick-dots {
		display:-webkit-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-webkit-box-pack:end;
		-webkit-justify-content: flex-end;
		-ms-flex-align: flex-end;
		justify-content: flex-end;
		bottom:-5px;
	}
	#kv .s1 {
		background:url(../img/index/kv01.jpg) center center / cover no-repeat;
	}
	#kv .s2 {
		background:url(../img/index/kv02.jpg) center center / cover no-repeat;
	}
	#kv .s3 {
		background:url(../img/index/kv03.jpg) center center / cover no-repeat;
	}




}

@media screen and  (min-width:1051px) {

}