@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
:root {
/* 共通設定 */
	--color--black: #000000;
	--color--white: #ffffff;
	--color--gray: #F2F2F0;
	--color--darkgray: #C6C6C6;
	--color--darkblue: #2A5474;
	--color--blue: #2BA3C7;
	--color--lightblue: #DBF0EE;
	--color--beige: #F2F2F0;
	--color--green: #C0FF15;
	--color--blown: #C75D2E;
	--color--navy : #0D0D55;
	--color--lightnavy : #6290C2;
}

@import url(https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap);@charset "utf-8":root{--color--black:#000;--color--white:#fff;--color--gray:#F2F2F0;--color--darkgray:#C6C6C6;--color--blue:#2BA3C7;--color--lightblue:#DBF0EE;--color--beige:#F2F2F0;--color--green:#C0FF15;--color--blown:#C75D2E}body{min-height:100vh;margin:0;padding:0;background-color:#fff;scroll-behavior:smooth;text-rendering:optimizeSpeed;color:#000;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:400;font-style:normal;line-height:1.8;letter-spacing:.07em}body.scroll-stop{overflow:hidden}header{width:100%;height:0;position:fixed;top:0;left:0;z-index:100}.header__inner{width:93.7%;height:0;margin:0 auto;position:relative}.header__logo{width:117px;height:auto;position:absolute;top:34px;left:0;z-index:1;opacity:0;pointer-events:none;transition:.3s}.scrolled .header__logo{opacity:1;pointer-events:auto}.hamburger{display:none}.global_nav{width:auto;height:auto;position:absolute;top:37px;right:0;z-index:1}.global_nav__contents{display:flex;justify-content:flex-end;align-items:center;width:auto;height:auto}.global_nav__menu_list{display:flex;justify-content:flex-end;align-items:center;column-gap:28px;width:auto;height:auto;margin-right:37px}.global_nav__menu_list__item{width:auto;height:auto;font-size:14px;font-weight:700;line-height:1.4285;position:relative}.global_nav__menu_list__item::after{content:'';display:block;width:0;height:2px;background-color:var(--color--white);position:absolute;bottom:-8px;left:50%;transform:translate(-50%,0%);opacity:0;pointer-events:none}@media (any-hover:hover){.global_nav__menu_list__item::after{transition:.3s}.global_nav__menu_list__item:hover::after{width:50px;opacity:1}}.global_nav__menu_list__item a{color:var(--color--white)}.global_nav__reservation_btn__wrap{width:137px;height:auto}.global_nav__reservation_btn{display:flex;justify-content:center;align-items:center;width:100%;height:33px;padding-right:10px;border-radius:9999px;background-color:var(--color--blue);font-size:14px;font-weight:700;line-height:1;color:var(--color--white);position:relative}.global_nav__reservation_btn img{width:17px;height:auto;position:absolute;top:50%;right:18px;transform:translate(0%,-50%);z-index:1}footer{width:100%;height:auto}.footer__inner{width:100%;height:auto}.footer__logo__wrap{display:flex;justify-content:center;align-items:center;width:100%;height:242px;background-color:var(--color--white)}.footer__logo{width:117px;height:auto}.footer__copyright__wrap{display:flex;justify-content:space-between;align-items:center;width:100%;height:32px;background-color:var(--color--black)}.footer__copyright{width:100%;height:auto;font-size:10px;font-weight:900;line-height:1;letter-spacing:.07em;text-align:center;color:var(--color--white)}@media all and (min-width:769px){.tablet,.sp{display:none}.pc{display:inline-block}.view_sp{display:none}.view_tablet{display:none}.view_pc{display:block}}@media all and (max-width:768px){.pc,.sp{display:none}.tablet{display:inline-block}.view_pc{display:none}.view_sp{display:none}.view_tablet{display:block}.header__inner{width:100%}.header__logo{width:77px;top:19px;left:32px;z-index:2}.active .header__logo{opacity:1;pointer-events:auto;transition:.4s}.hamburger{display:block;width:52px;height:52px;position:absolute;top:12px;right:19px;z-index:2}.hamburger__btn{display:flex;justify-content:center;align-items:center;width:100%;height:100%;outline:none;border:none;background:none}.hamburger__btn__line{width:30px;height:2px;background-color:var(--color--white);position:relative}.hamburger__btn__line::before,.hamburger__btn__line::after{content:'';display:block;width:100%;height:100%;background-color:inherit;position:absolute;left:0}.hamburger__btn__line::before{top:-10px}.hamburger__btn__line::after{bottom:-10px}.open .hamburger__btn__line{animation:hbg_btn-line-open .4s cubic-bezier(.65,0,.35,1) 1 forwards}@keyframes hbg_btn-line-open{0%{background-color:rgba(255,255,255,1)}60%{background-color:rgba(255,255,255,1)}61%{background-color:rgba(255,255,255,0)}100%{background-color:rgba(255,255,255,0)}}.open .hamburger__btn__line::before{animation:hbg_btn-line_before-open .4s cubic-bezier(.65,0,.35,1) 1 forwards}.open .hamburger__btn__line::after{animation:hbg_btn-line_after-open .4s cubic-bezier(.65,0,.35,1) 1 forwards}@keyframes hbg_btn-line_before-open{0%{top:-10px;transform:translate(0%,0%);background-color:var(--color--white)}60%{top:0;transform:translate(0%,0%) rotate(0deg);background-color:var(--color--white)}61%{top:0;background-color:var(--color--black)}100%{top:0;transform:translate(0%,0%) rotate(45deg);background-color:var(--color--black)}}@keyframes hbg_btn-line_after-open{0%{bottom:-10px;transform:translate(0%,0%);background-color:var(--color--white)}60%{bottom:0;transform:translate(0%,0%) rotate(0deg);background-color:var(--color--white)}61%{bottom:0;background-color:var(--color--black)}100%{bottom:0;transform:translate(0%,0%) rotate(-45deg);background-color:var(--color--black)}}.close .hamburger__btn__line{animation:hbg_btn-line-close .4s cubic-bezier(.65,0,.35,1) 1 forwards}@keyframes hbg_btn-line-close{0%{background-color:rgba(255,255,255,0)}60%{background-color:rgba(255,255,255,0)}61%{background-color:rgba(255,255,255,1)}100%{background-color:rgba(255,255,255,1)}}.close .hamburger__btn__line::before{animation:hbg_btn-line_before-close .4s cubic-bezier(.65,0,.35,1) 1 forwards}.close .hamburger__btn__line::after{animation:hbg_btn-line_after-close .4s cubic-bezier(.65,0,.35,1) 1 forwards}@keyframes hbg_btn-line_before-close{0%{top:0;transform:translate(0%,0%) rotate(45deg);background-color:var(--color--black)}60%{top:0;background-color:var(--color--black)}61%{top:0;transform:translate(0%,0%) rotate(0deg);background-color:var(--color--white)}100%{top:-10px;transform:translate(0%,0%);background-color:var(--color--white)}}@keyframes hbg_btn-line_after-close{0%{bottom:0;transform:translate(0%,0%) rotate(-45deg);background-color:var(--color--black)}60%{bottom:0;background-color:var(--color--black)}61%{bottom:0;transform:translate(0%,0%) rotate(0deg);background-color:var(--color--white)}100%{bottom:-10px;transform:translate(0%,0%);background-color:var(--color--white)}}.global_nav{display:none;width:100%;height:100dvh;background-color:var(--color--lightblue);position:fixed;top:0;z-index:1}.global_nav__contents{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.global_nav__menu_list{flex-direction:column;row-gap:30px;width:100%;height:auto;margin-right:initial;margin-bottom:75px}.global_nav__menu_list__item{width:100%;font-size:20px;font-weight:500;line-height:1.45;text-align:center}.global_nav__menu_list__item a{color:var(--color--black)}.global_nav__reservation_btn__wrap{width:280px}.global_nav__reservation_btn{height:60px;padding-right:0;font-size:20px}.global_nav__reservation_btn img{width:26px;right:23px}.footer__logo__wrap{height:initial;padding:45px 0}.footer__logo{width:116px}}@media all and (max-width:575px){.pc,.tablet{display:none}.sp{display:inline-block}.view_pc{display:none}.view_tablet{display:none}.view_sp{display:block}}
body {
	min-height: 100vh;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: #000000;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: 0.07em;
}
body.scroll-stop {
	overflow: hidden;
}

header {
	width: 100%;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
	.header__inner {
		width: 93.7%;
		height: 0;
		margin: 0 auto;
		position: relative;
	}
		.header__logo {
			width: 117px;
			height: auto;
			position: absolute;
			top: 34px;
			left: 0;
			z-index: 1;
			opacity: 0;
			pointer-events: none;
			transition: .3s;
		}
		.scrolled .header__logo {
			opacity: 1;
			pointer-events: auto;
		}
		.hamburger {
			display: none;
		}
		.global_nav {
			width: auto;
			height: auto;
			position: absolute;
			top: 37px;
			right: 0;
			z-index: 1;
		}
			.global_nav__contents {
				display: flex;
				justify-content: flex-end;
				align-items: center;
				width: auto;
				height: auto;
			}
				.global_nav__menu_list {
					display: flex;
					justify-content: flex-end;
					align-items: center;
					column-gap: 28px;
					width: auto;
					height: auto;
					margin-right: 20px;
				}
					.global_nav__menu_list__item {
						width: auto;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						line-height: 1.4285;
						position: relative;
					}
						.global_nav__menu_list__item::after {
							content: '';
							display: block;
							width: 0px;
							height: 2px;
							background-color: var(--color--white);
							position: absolute;
							bottom: -8px;
							left: 50%;
							transform: translate(-50%,0%);
							opacity: 0;
							pointer-events: none;
						}
					@media (any-hover: hover) {
						.global_nav__menu_list__item::after {
							transition: .3s;
						}
						.global_nav__menu_list__item:hover::after {
							width: 50px;
							opacity: 1;
						}
					}
						.global_nav__menu_list__item a {
							color: var(--color--white);
						}
				.global_nav__reservation_btn__wrap {
					width: 137px;
					height: auto;
				}
					.global_nav__reservation_btn {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 33px;
						padding-right: 10px;
						border-radius: 9999px;
						background-color: var(--color--blue);
						font-size: 14px;
						font-weight: 700;
						line-height: 1;
						color: var(--color--white);
						position: relative;
					}
						.global_nav__reservation_btn img {
							width: 17px;
							height: auto;
							position: absolute;
							top: 50%;
							right: 18px;
							transform: translate(0%,-50%);
							z-index: 1;
						}
				.global_nav__social{
					display: flex;
					align-items: center;
					gap: 20px;
					margin-right: 20px;
				}
					.global_nav__social_btn{
						width: 32px;
					}

footer {
	width: 100%;
	height: auto;
}
	.footer__inner {
		width: 100%;
		height: auto;
	}
		.footer__logo__wrap {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 242px;
			/* background-color: var(--color--white); */
			background-color: var(--color--black);
		}
			.footer__logo {
				width: 117px;
				height: auto;
			}
		.footer__copyright__wrap {
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: 100%;
			height: 32px;
			/* background-color: var(--color--black); */
			background-color: var(--color--white);
		}
			.footer__copyright {
				width: 100%;
				height: auto;
				font-size: 10px;
				font-weight: 900;
				line-height: 1;
				letter-spacing: 0.07em;
				text-align: center;
				/* color: var(--color--white); */
				color: var(--color--black);
			}

/* PC ================================================== */
@media all and (min-width: 769px){
.tablet,.sp {display: none;}
.pc {display: inline-block;}
.view_sp {display: none;}
.view_tablet {display: none;}
.view_pc {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}

/* Tablet ================================================== */
@media (min-width: 768px) and (max-width: 1023px) {
	.global_nav__menu_list {
    column-gap: 24px;
	}
  .global_nav__menu_list__item {
		font-size: 13px;
	}
}

/* SP ================================================== */
@media all and (max-width: 768px){
.pc,.sp {display: none;}
.tablet {display: inline-block;}
.view_pc {display: none;}
.view_sp {display: none;}
.view_tablet {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

/* header */
	.header__inner {
		width: 100%;
	}
		.header__logo {
			width: 77px;
			top: 19px;
			left: 32px;
			z-index: 2;
		}
		.active .header__logo {
			opacity: 1;
			pointer-events: auto;
			transition: .4s;
		}
		.hamburger {
			display: block;
			width: 52px;
			height: 52px;
			position: absolute;
			top: 12px;
			right: 19px;
			z-index: 2;
		}
			.hamburger__btn {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
				outline: none;
				border: none;
				background: none;
			}
				.hamburger__btn__line {
					width: 30px;
					height: 2px;
					background-color: var(--color--white);
					position: relative;
				}
					.hamburger__btn__line::before,
					.hamburger__btn__line::after {
						content: '';
						display: block;
						width: 100%;
						height: 100%;
						background-color: inherit;
						position: absolute;
						left: 0;
					}
					.hamburger__btn__line::before {
						top: -10px;
					}
					.hamburger__btn__line::after {
						bottom: -10px;
					}
				/* 開く時の処理 */
				.open .hamburger__btn__line {
					animation: hbg_btn-line-open .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
				}
					@keyframes hbg_btn-line-open {
						0% {
							background-color: rgba(255, 255, 255, 1);
						}
						60% {
							background-color: rgba(255, 255, 255, 1);
						}
						61% {
							background-color: rgba(255, 255, 255, 0);
						}
						100% {
							background-color: rgba(255, 255, 255, 0);
						}
					}
					.open .hamburger__btn__line::before {
						animation: hbg_btn-line_before-open .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
					}
					.open .hamburger__btn__line::after {
						animation: hbg_btn-line_after-open .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
					}
						@keyframes hbg_btn-line_before-open {
							0% {
								top: -10px;
								transform: translate(0%,0%);
								background-color: var(--color--white);
							}
							60% {
								top: 0px;
								transform: translate(0%,0%) rotate(0deg);
								background-color: var(--color--white);
							}
							61% {
								top: 0px;
								background-color: var(--color--black);
							}
							100% {
								top: 0px;
								transform: translate(0%,0%) rotate(45deg);
								background-color: var(--color--black);
							}
						}
						@keyframes hbg_btn-line_after-open {
							0% {
								bottom: -10px;
								transform: translate(0%,0%);
								background-color: var(--color--white);
							}
							60% {
								bottom: 0px;
								transform: translate(0%,0%) rotate(0deg);
								background-color: var(--color--white);
							}
							61% {
								bottom: 0px;
								background-color: var(--color--black);
							}
							100% {
								bottom: 0px;
								transform: translate(0%,0%) rotate(-45deg);
								background-color: var(--color--black);
							}
						}
				/* 閉じる時の処理 */
				.close .hamburger__btn__line {
					animation: hbg_btn-line-close .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
				}
					@keyframes hbg_btn-line-close {
						0% {
							background-color: rgba(255, 255, 255, 0);
						}
						60% {
							background-color: rgba(255, 255, 255, 0);
						}
						61% {
							background-color: rgba(255, 255, 255, 1);
						}
						100% {
							background-color: rgba(255, 255, 255, 1);
						}
					}
					.close .hamburger__btn__line::before {
						animation: hbg_btn-line_before-close .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
					}
					.close .hamburger__btn__line::after {
						animation: hbg_btn-line_after-close .4s cubic-bezier(0.65, 0, 0.35, 1) 1 forwards;
					}
						@keyframes hbg_btn-line_before-close {
							0% {
								top: 0px;
								transform: translate(0%,0%) rotate(45deg);
								background-color: var(--color--black);
							}
							60% {
								top: 0px;
								background-color: var(--color--black);
							}
							61% {
								top: 0px;
								transform: translate(0%,0%) rotate(0deg);
								background-color: var(--color--white);
							}
							100% {
								top: -10px;
								transform: translate(0%,0%);
								background-color: var(--color--white);
							}
						}
						@keyframes hbg_btn-line_after-close {
							0% {
								bottom: 0px;
								transform: translate(0%,0%) rotate(-45deg);
								background-color: var(--color--black);
							}
							60% {
								bottom: 0px;
								background-color: var(--color--black);
							}
							61% {
								bottom: 0px;
								transform: translate(0%,0%) rotate(0deg);
								background-color: var(--color--white);
							}
							100% {
								bottom: -10px;
								transform: translate(0%,0%);
								background-color: var(--color--white);
							}
						}
		.global_nav {
			display: none;
			width: 100%;
			height: 100dvh;
			background-color: var(--color--lightblue);
			position: fixed;
			top: 0;
			z-index: 1;
		}
			.global_nav__contents {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
			}
				.global_nav__menu_list {
					flex-direction: column;
					row-gap: 30px;
					width: 100%;
					height: auto;
					margin-right: initial;
					margin-bottom: 40px;
				}
					.global_nav__menu_list__item {
						width: 100%;
						font-size: 20px;
						font-weight: 500;
						line-height: 1.45;
						text-align: center;
					}
						.global_nav__menu_list__item a {
							color: var(--color--black);
						}
				.global_nav__reservation_btn__wrap {
					width: 280px;
				}
					.global_nav__reservation_btn {
						height: 60px;
						padding-right: 0;
						font-size: 20px;
					}
						.global_nav__reservation_btn img {
							width: 26px;
							right: 23px;
						}
				.global_nav__social_btn{
					width: 42px;
					margin-bottom: 40px;
				}

/* footer */
		.footer__logo__wrap {
			height: initial;
			padding: 45px 0;
		}
			.footer__logo {
				width: 116px;
			}
}

/* SP ================================================== */
@media all and (max-width: 575px){
.pc,.tablet {display: none;}
.sp {display: inline-block;}
.view_pc {display: none;}
.view_tablet {display: none;}
.view_sp {display: block;}
body {}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
}