@charset "utf-8";
html{
	width:100%;
	font-family:'Noto Sans JP',"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

body{
	width:100%;
	color:#222;
}
em{
	font-style:normal;
	font-weight:bold;
}
.sp{display:block;}
.pc{display:none;}
a:link,
a:visited{
	color:#222;
	text-decoration:underline;
	}
a:active,
a:hover{
	color:#222;
	text-decoration:underline;
	}
img {
	border:0;
	vertical-align:top;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.img100{
	width:100%;
}
.w1200{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}
.w1000{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.w90{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.w96{
	width:96%;
	margin-left:auto;
	margin-right:auto;
}
.medium{
	font-weight: 500;
}
.bold{
	font-weight:700;
}
.fMin{
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

@media (min-width:768px) {
	.sp{display:none;}
	.pc{display:block;}
	a{
		transition-duration:0.3s;
		}
	a:hover{
		opacity: 0.7;
		}
}





/*header
----------------------------------------------------------- */
header{
	width:100%;
	height:65px;
	background-color: #fff;
	margin: 0 auto;
	padding:0 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:fixed;
	top:0;
	left:0;
	z-index:100;
  box-shadow: 0px -5px 10px 5px rgba(0, 0, 0, 0.35);
}
header .hLogoWrap{
	display:flex;
	justify-content: flex-start;
	align-items:flex-start;
	flex-direction: column;
}
header .hLogo{
	display:block;
	width:200px;
	margin-bottom:6px;
	padding:0;
}
header .hLogo img{
	display:block;
	width:100%;
	margin:0;
	padding:;
}
header .hCopy{
	font-size: 1.2rem;
	line-height:1;
	text-align:left;
	margin:0;
	padding:0;
	font-weight: 400;
}

header .hConWrap{
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: stretch;
	position:fixed;
	bottom:0;
	left:0;
	height:60px;
	z-index:100;
}
main{
	margin-top:65px;
	margin-bottom: 100px;
}

header .hConWrap a{
	display: block;
	width: 50%;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
	height:60px;
	line-height:60px;
	text-decoration: none;
}
header .hConWrap .reserve{
  background-color:#85B3F4;
}
header .hConWrap .request{
  background-color:#2CC6BB;
}

@media (min-width:768px) {
	header{
		height:120px;
		padding:0 40px;
	}
	header .hLogoWrap{
		display:flex;
		justify-content: flex-start;
		align-items: flex-end;
		flex-direction: row;
	}
	header .hLogo{
		width:50%;
		max-width:400px;
		margin-bottom:0;
	}
	header .hCopy{
		font-size: 2.2rem;
		font-size: clamp(1.2rem,2.2vw,2.2rem);
		margin-left:1em;
		margin-bottom:0.2em;
	}
	header .hLogoWrap{
		width:70%;
	}
	header .hConWrap{
		width:30%;
		max-width:400px;
		position:static;
	}
	main{
		margin-top:120px;
		margin-bottom: 0px;
	}
}





/*text responsive
----------------------------------------------------------- */
.txt14r{font-size:1.4rem;font-size:clamp(1.2rem, 1.4vw, 1.4rem);}
.txt16r{font-size:1.6rem;font-size:clamp(1.4rem, 1.6vw, 1.6rem);}
.txt18r{font-size:1.8rem;font-size:clamp(1.6rem, 1.8vw, 1.8rem);}
.txt20r{font-size:2.0rem;font-size:clamp(1.8rem, 2.0vw, 2.0rem);}
.txt24r{font-size:2.4rem;font-size:clamp(2.0rem, 2.4vw, 2.4rem);}
.txt30r{font-size:3rem;font-size:clamp(2.2rem, 3vw, 3rem);}
.txt36r{font-size:3.6rem;font-size:clamp(2.2rem, 3.6vw, 3.6rem);}


/**/
.cBg01{
	background-color:#EAFFFA;
}
.cBg02{
	background-color:#F8F8F8;	
}
/**/