*{
	padding:0;
 	margin:0;
}
h1,h2,h3{
	font-size:100%;
}

img{
	vertical-align: bottom;
}

body{
 	font-family: "M PLUS Rounded 1c", sans-serif;
 	font-weight: 400;
	font-style: normal;
 	font-size: clamp(14px, 1.03vw, 18px);
 	line-height: 1.8;
}

#wrap{
	width:100%;
	position:relative;
}

/*fade-in*/
.fade-in{
	opacity:0;
	transition:opacity 2s ease-in-out;
}

.fade-in.show{
	opacity:1;
}
/**/


/*pc-menu*/
#menu{
	background-color:#339933;
	display:flex;
	justify-content: space-between;
 	align-items: center;
	padding:0.5rem 2rem;
}

#logo-pc img{
	width:260px;
	padding:10px 0;
}

#logo-smp{
	display:none;
}

#menu-nav ul{
	display:flex;
	column-gap:5rem;
}

#menu-nav li{
	list-style-type:none;
 	font-size: clamp(12px, 1.0vw, 18px);
}

#menu-nav li a:link{
	text-decoration:none;
	color:#ffc;
}

#menu-nav li a:hover{
	text-decoration:underline;
}

#menu-nav li a:visited{
	color:#ffc;
}

#pc-instagram::after{
	content: "";
	display: inline-block;
	width: 20px;  
	height: 20px;
	background-image: url("../image/instagram.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 0.5vw;
	margin-top:-2%;
	vertical-align: middle;
}

/*pc-display:none*/
#smaph-instagram{
	display:none;
}

.smp-instagram{
	display:none;
}

.drawer-toggle{
	display:none;
}

.drawer-nav{
	display:none;
}

.drawer-menu{
	display:none;
}
/**/
/**/

h1{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background-image:url("../image/top-img-pc.jpg");
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	aspect-ratio: 1920 / 1170;
	margin-bottom:20px;
}

#contents{
	background-color:#ffc;
	padding:6vw 0;
	text-align:center;
	font-size:clamp(16px, 1.15vw, 26px);
}

#contents h2{
	color:#669933;
	font-size:clamp(25px, 2.0vw, 40px);
}

#main{
	text-align:center;
	margin:8vw 6vw;
	font-size:clamp(16px, 1.15vw, 26px);
}

#main h3 img{
	width:25vw;
}

.omoi{
	display:flex;
	gap:1rem;
}

.omoi img{
	width:21vw;
	padding:3rem 0;
}

#side{
	background-color:#a9c0e4;
	padding:7rem 0;
}

#side h3{
	font-size:clamp(25px, 2.0vw, 40px);
	color:#1e3a8e;
	text-align:center;
}

#side-flex{
	display:flex;
	justify-content:center;
	align-items: center;
}

#side-flex img{
	width:8vw;
}

#banner{
	display: flex;
    justify-content: center;
	margin:5rem 0;
}

#banner a:hover{
	opacity:0.5;	
}

#banner-pc img{
	width:50vw;
}

#banner-smp{
	display:none;
}

#news{
	background-color:#e0fccf;
	color:#5f4121;
	display:flex;
	justify-content:center;
	padding:5rem 0;
}

#news h3{
	font-size:clamp(25px, 2.0vw, 40px);
	text-align:center;
	padding-bottom:2rem;
}

/*現在のお知らせ欄*/
.news-contents{
	width:60vw;
	display:flex;
	justify-content:space-between;
	margin-bottom:4rem;
}

.news-sentence{
	width:42vw;
}

.news-sentence address{
	font-style:normal;
	white-space:nowrap;
}

.news-sentence address a:link{
	color:#006400;
}

.news-sentence address a:hover{
	opacity:0.5;
}

.news-sentence address a:visited{
	color:#006400;
}
/**/

/*//////////////////////////お知らせ仮設/////////////////////////////
#news th{
	width:18vw;
	white-space:nowrap;
}

#news td{
	width:20vw;
	text-decoration:underline;
	font-weight:bold;
	white-space:nowrap;
}

#news td a:link{
	color:#5f4121;
}

#new td a:hover{
	opacity:0.5;
}

#new td a:visitd{
	color:#5f4121;
}
/////////////////////////////////////////////////////////////////*/

#section-map{
	background-color:#ffc;
	padding:6rem 0;
}

#section-map h3{
	text-align:center;
	font-size:clamp(25px, 2.0vw, 40px);
	font-weight:normal;
	color:#693;
}

.venue{
	width:70%;
	margin:5vw auto;
}

.venue h2{
	margin-bottom:1vw;
}

table{
	text-align:left;
}

th{
	width:8vw;
}

td{
	width:28vw;
}

.small{
	font-size: clamp(12px, 1.2vw, 18px);
}

iframe{
	margin:2vw 0;
}

#contact{
	text-align:center;
	margin:5vw 0;
	border-bottom:1px dotted #ccc;
}

#contact h2{
    font-size: clamp(20px, 1.6vw, 30px);
	color:#693;
	padding-bottom:2vw;
}

#contact address{
    font-size: clamp(18px, 1.4vw, 28px);
	display:inline-block;
	text-align:left;
	margin-bottom:5vw;
}

#contact address a{
	font-style:normal;
	color:#000;	
}

#contact address a:hover{
	color:#693;	
}

footer{
	display:flex;
	flex-wrap:wrap;
}

#komorebi {
	text-align: center;
}

#komorebi a {
	display: inline-block;
	text-align: left;
	color:#000;
	text-decoration:none;
}

#komorebi img {
	vertical-align: middle;
}

.campany{
	flex-basis: calc(100% / 3);
	text-align:center;
	margin:auto 0;
}

#copyright{
	display:block;
	width:100%;
	text-align:center;
	background-color:#693;
	color:#fff;
	padding:0.5vw 0;
	margin-top:5vw;
}

/*tablet*/
@media screen and (max-width: 960px){
	/*tablet,smaph-display:block*/
	.smp-instagram{
		display:block;
	}

	.drawer-toggle{
		display:block;
	}

	.drawer-nav{
		display:block;
	}

	.drawer-menu{
		display:block;
	}
	
	footer{
		display:block;
	}

	/**/
	/*tablet,smaph-display:none*/
	#menu-nav{
		display:none;
	}
	/**/	
	/*tablet,smaph-menu*/
	.drawer-nav{
		position:fixed;
		z-index:2;
		top:0;
		overflow:hidden;
		width:16.25rem;
		height:100%;
		color:#693;
		background-color:#ffc;
	}
	
	.drawer-brand{
		font-size:1.5rem;
		font-weight:700;
		line-height:3.75rem;
		display:block;
		padding-right:.75rem;
		padding-left:.75rem;
		text-decoration:none;
		color:#693;
	}
	
	.drawer-menu{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.drawer-menu-item{
		font-size:1rem;
		display:block;
		padding:.75rem;
		text-decoration:underline;
		color:#693;
	}
	
	.drawer-menu-item:hover{
		text-decoration:underline;
		opacity:0.5;
		background-color:transparent;
	}
	
	.drawer-overlay{
		position:absolute;
		z-index:1;
		top:0;
		left:0;
		display:none;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,.2);
	}
	
	.drawer-open .drawer-overlay{
		display:block;
	}
	
	.drawer--top .drawer-nav{
		top:-100%;
		left:0;
		width:100%;
		height:auto;
		max-height:100%;
		-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
		transition:top .6s cubic-bezier(.19,1,.22,1);
	}
	
	.drawer--top.drawer-open .drawer-nav{
		top:0;
	}
	
	.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{
		right:0;
	}
	
	.drawer--left .drawer-nav{
		left:-16.25rem;
		-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
		transition:left .6s cubic-bezier(.19,1,.22,1);
	}
	
	.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{
		left:0;
	}
	
	.drawer--left.drawer-open .drawer-hamburger{
		left:16.25rem;
	}
	
	.drawer--right .drawer-nav{
		right:-16.25rem;
		-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
		transition:right .6s cubic-bezier(.19,1,.22,1);
	}
	
	.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{
		right:0;
	}
	
	.drawer--right.drawer-open .drawer-hamburger{
		right:16.25rem;
	}
	
	.drawer-hamburger{
		position:fixed;
		z-index:4;
		top:0;
		display:block;
		box-sizing:content-box;
		width:2rem;
		padding:0;
		padding:18px .75rem 30px;
		-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);
		-webkit-transform:translateZ(0);
		transform:translateZ(0);
		border:0;
		outline:0;
		background-color:transparent;
	}
	
	.drawer-hamburger:hover{
		cursor:pointer;
		background-color:transparent;
	}
	
	.drawer-hamburger-icon{
		position:relative;
		display:block;
		margin-top:10px;
	}
	
	.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
		width:100%;
		height:2px;
		-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);
		background-color:#ffc;
	}
	
	.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
		position:absolute;
		top:-10px;
		left:0;
		content:' ';
	}
	
	.drawer-hamburger-icon:after{
		top:10px;
	}
	
	.drawer-open .drawer-hamburger-icon{
		background-color:transparent;
	}
	
	.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{
		top:0;
	}
	
	.drawer-open .drawer-hamburger-icon:before{
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	.drawer-open .drawer-hamburger-icon:after{
		-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	.sr-only{
		position:absolute;
		overflow:hidden;
		clip:rect(0,0,0,0);
		width:1px;
		height:1px;
		margin:-1px;
		padding:0;
		border:0;
	}
	
	.sr-only-focusable:active,.sr-only-focusable:focus{
		position:static;
		overflow:visible;
		clip:auto;
		width:auto;
		height:auto;
		margin:0;
	}
	
	.drawer--sidebar,.drawer--sidebar .drawer-contents{
		background-color:#ffc;
	}
	
	@media (min-width:64em){
		.drawer--sidebar .drawer-hamburger{
			display:none;
			visibility:hidden;
		}
		
		.drawer--sidebar .drawer-nav{
			display:block;
			-webkit-transform:none;
			-ms-transform:none;
			transform:none;
			position:fixed;
			width:12.5rem;
			height:100%;
		}
		
		.drawer--sidebar.drawer--left .drawer-nav{
			left:0;
			border-right:1px solid #693;
		}
		
		.drawer--sidebar.drawer--left .drawer-contents{
			margin-left:12.5rem;
		}
		
		.drawer--sidebar.drawer--right .drawer-nav{
			right:0;
			border-left:1px solid #693;
		}
		
		.drawer--sidebar.drawer--right .drawer-contents{
			margin-right:12.5rem;
		}
		
		.drawer--sidebar .drawer-container{
			max-width:48rem;
		}
	}
	
	@media (min-width:75em){
		.drawer--sidebar .drawer-nav{
			width:16.25rem;
		}
		.drawer--sidebar.drawer--left .drawer-contents{
			margin-left:16.25rem;
		}
		.drawer--sidebar.drawer--right .drawer-contents{
			margin-right:16.25rem;
		}
		.drawer--sidebar .drawer-container{
			max-width:60rem;
		}
	}

	.drawer--navbarTopGutter{
		padding-top:3.75rem;
	}
	
	.drawer-navbar .drawer-navbar-header{
		border-bottom:1px solid #693;
		background-color:#ffc;
	}
	
	.drawer-navbar{
		z-index:3;
		top:0;
		width:100%;
	}
	
	.drawer-navbar--absolute{
		position:absolute;
	}
	
	.drawer-navbar-header{
		position:relative;
		z-index:3;
		box-sizing:border-box;
		width:100%;
		height:3.75rem;
		padding:0 .75rem;
		text-align:center;
	}
	
	.drawer-navbar .drawer-brand{
		line-height:3.75rem;
		display:inline-block;
		padding-top:0;
		padding-bottom:0;
		text-decoration:none;
	}
		
	.drawer-navbar .drawer-brand:hover{
		background-color:transparent;
	}
	
	.drawer-navbar .drawer-nav{
		padding-top:3.75rem;
	}
	
	.drawer-navbar .drawer-menu{
		padding-bottom:7.5rem;
	}
	
	@media (min-width:64em){
		.drawer-navbar{
			height:3.75rem;
			border-bottom:1px solid #ddd;
			background-color:#ffc;
		}
		
		.drawer-navbar .drawer-navbar-header{
			position:relative;
			display:block;
			float:left;
			width:auto;
			padding:0;
			border:0;
		}
		
		.drawer-navbar .drawer-menu--right{
			float:right;
		}
		
		.drawer-navbar .drawer-menu li{
			float:left;
		}
		
		.drawer-navbar .drawer-menu-item{
			line-height:3.75rem;
			padding-top:0;
			padding-bottom:0;
		}
		
		.drawer-navbar .drawer-hamburger{
			display:none;
		}
		
		.drawer-navbar .drawer-nav{
			position:relative;
			left:0;
			overflow:visible;
			width:auto;
			height:3.75rem;
			padding-top:0;
			-webkit-transform:translateZ(0);transform:translateZ(0);
		}
		
		.drawer-navbar .drawer-menu{
			padding:0;
		}
		
		.drawer-navbar .drawer-dropdown-menu{
			position:fixed;
			width:16.25rem;
			border:1px solid #693;
		}
		
		.drawer-navbar .drawer-dropdown-menu-item{
			padding-left:.75rem;
		}
	}
	
	.drawer-dropdown-menu{
		display:none;
		box-sizing:border-box;
		width:100%;
		margin:0;
		padding:0;
		background-color:#ffc;
	}
	
	.drawer-dropdown-menu>li{
		width:100%;
		list-style:none;
	}
	
	.drawer-dropdown-menu-item{
		line-height:3.75rem;
		display:block;
		padding:0;
		padding-right:.75rem;
		padding-left:1.5rem;
		text-decoration:underline;
		color:#693;
	}
	
	.drawer-dropdown-menu-item:hover{
		text-decoration:underline;
		opacity:0.7;
		background-color:transparent;
	}
	
	.drawer-dropdown.open>.drawer-dropdown-menu{
		display:block;
	}
	
	.drawer-dropdown .drawer-caret{
		display:inline-block;
		width:0;
		height:0;
		margin-left:4px;
		-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);transform:rotate(0deg);
		vertical-align:middle;
		border-top:4px solid;
		border-right:4px solid transparent;
		border-left:4px solid transparent;
	}
	
	.drawer-dropdown.open .drawer-caret{
		-webkit-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	
	.drawer-container{
		margin-right:auto;
		margin-left:auto;
	}
	
	@media (min-width:64em){
		.drawer-container{
			max-width:60rem;
		}
	}
	
	@media (min-width:75em){
		.drawer-container{
			max-width:70rem;
		}
	}
		
	.drawer-menu li a:link{
		color:#693;	
		text-decoration:underline;
	}
	
	.drawer-menu li a:hover{
		opacity:0.7;
	}

	.drawer-menu li a:visited{
		color:#693;
		text-decoration:underline;
	}	
	/**/
	.smaph960-br{
		display:block;
	}
	
	h1{
		background-image:url("../image/top-img-smp.jpg");
		aspect-ratio: 768 / 1301;
	}
		
	.smp-instagram{
		position:absolute;
		top:2px;
		right:50px;
	}
	
	.smp-instagram img{
		margin:1vw;
		width:40px;
	}
	
	.smaph-br{
		display:block;
	}
	
	#contents{
		font-size:clamp(14px, 1.05vw, 22px);
		padding:6vw 0;
	}
	
	#contents h2{
		font-size:clamp(18px, 1.2vw, 26px);
	}
	
	#main{
		font-size:clamp(12px, 1.02vw, 22px);
	}
	
	#main h3 img{
		width:230px;
	}
	
	.omoi{
		display:block;
	}

	.omoi img{
		width:90%;
		padding:1rem 0;
		margin:0 auto;
	}
	
	#side-flex{
		display:block;
		text-align:center;
	}
	
	#side-flex img{
		width:100px;
	}
	
	#banner{
		margin:2rem 0;
	}

	/*現在のお知らせ欄*/
	.news-contents{
		width:100%;
		display:block;
	}
	
	.news-date{
		padding-bottom:1rem;
	}
	
	.news-sentence{
		width:55vw;
	}
	/**/
	
	.small{
		font-size: clamp(14px, 1.4vw, 20px);
	}
	
	.campany{
		flex-basis:auto;
		margin:4vw 0;
	}
}
/**/

@media screen and (max-width: 740px){	
	#news h3{
	font-size:clamp(20px, 1.4vw, 26px);
	}
	
	#section-map{
	font-size:clamp(16px, 1.2vw, 24px);
	}
	
	#section-map h3{
	font-size:clamp(20px, 1.4vw, 26px);
	}
	
	#banner-pc{
		display:none;
	}
	
	#banner-smp{
		display:block;
	}
	
	#banner-smp img{
		width:60vw;
	}
	
	/*現在のお知らせ欄*/
	.news-sentence{
		width:60vw;
	}
	/**/
	
	/*//////////////////////////お知らせ仮設/////////////////////////////*/
	#news th{
		width:auto;
		padding-bottom:0.3rem;
	}

	#news td{
		width:auto;
	}
	/*/////////////////////////////////////////////////////////////////*/

	th,
	td{
		display:block;
		width:100%;
	}
		
	.smaph740-br{
		display:block;
	}
}

/*smaph*/
@media screen and (max-width: 480px){		
	.smaph480-br{
		display:block;
	}
	
	#menu{
		padding:0.5rem 0.8rem;
	}
	
	#logo-pc{
		display:none;
	}
	
	#logo-smp{
		display:block;
	}
	
	#logo-smp img{
		width:100px;
		padding: 0;
	}
	
	#contents{
		font-size:clamp(12px, 0.9vw, 22px);
		padding:8px 30px 16px;
	}

	#contents h2{
		font-size:clamp(18px, 1.4vw, 32px);
		margin:1rem 0;
	}
	
	#contents p{
		text-align:left;
	}
	
	#contents p br, p >.smaph-br{
		display:none;
	}
	
	#main{
		font-size:clamp(12px, 0.9vw, 22px);
	}
	
	.main-p{
		text-align:left;
	}
	
	.main-p br, .main-p >.smaph-br{
		display:none;
	}

	.news-sentence{
		width:70vw;
		font-size: clamp(12px, 0.8vw, 18px);
	}
	
	#contact h2{
		font-size: clamp(16px, 1.0vw, 24px);
	}

	#contact address{
		font-size: clamp(14px, 0.95vw, 20px);
	}

	#komorebi a{
		text-align:center;
		font-size: clamp(12px, 0.8vw, 18px);
	}

	.campany img{
		margin:2vw 0;
		width:30%;
	}
}
/**/