@charset "utf-8";


html 					{ overflow-x: hidden; }
body					{ font-family: 'Noto Serif JP', serif; font-weight: 500; line-height: 1; color: #808080; background-color: #fff; position: relative; letter-spacing: .1rem; }
main 					{ position: relative; z-index: 1; }
img 					{ vertical-align: bottom; max-width: 100%; height: auto; }
svg 					{ vertical-align: bottom; max-width: 100%; height: auto; }
h1,h2,h3,h4,h5,p,dl,dt,dd{ margin: 0; }
.cinzel 				{ font-family: 'Cinzel', serif; }
.montserrat 			{ font-family: 'Montserrat', sans-serif; }
p 						{ line-height: 1.5em; text-align: justify; }
hr 						{  }
figure 					{ margin: 0; }
.thumbImage 			{ height: auto; }

#main .fadein 			{ text-shadow: 0 0 20px rgba(255,255,255,0); color: transparent; }
#main .fadein.active 	{ text-shadow: 0 0 0 rgba(255,255,255,1); /*-webkit-transition-delay: .2s; transition-delay: .2s;*/ -webkit-transition: .5s; transition: .5s;  }


@media print, screen and (min-width: 751px) {
.sp 					{ display: none!important; }
body 					{ font-size: .85rem; border-top: 5px solid #00AECC; }
.master 				{ width: 90%; max-width: 900px; margin: 0 auto; }
a 						{ -webkit-transition: .2s; transition: .2s; }
a:hover 				{ opacity: .5; }

.mainImage 				{ height: 297px; margin-top: 131px; position: relative; }
.mainImage h1 			{ width: 90%; max-width: 892px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: .75rem; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }
.mainImage h1 span 		{ margin-right: 7px; font-size: 1.65rem; letter-spacing: .26rem; }

#header 				{ padding-bottom: 50px; background-color: #fff; }
#header .inner 			{ width: 90%; max-width: 1100px; margin: 0 auto; padding-top: 77px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 10px; z-index: 999; }
#header .logo 			{ margin-left: 10px; }
#header #nav 			{ margin-left: auto; /*margin-right: 25px;*/ }
#header #nav ul 		{ padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
#header #nav ul li 		{ margin-right: 65px; text-align: center; position: relative; }
#header #nav ul li:last-of-type{ margin-right: 0; }

#header #nav ul li a 	{ display: block; font-size: .93rem; color: #4C4948; position: relative; letter-spacing: .11rem;  }
#header #nav ul li a>span{ margin-top: 5px; display: block; font-size: .75rem; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0,0; transform-origin: 0,0; }
#header #nav ul li a:hover{ opacity: 1; }
#header #nav ul li a:before{ content: ''; width: 0; height: 1px; border-bottom: 1px solid #4C4948; display: block; position: absolute; bottom: -8px; left: 0; -webkit-transition: .3s; transition: .3s; }
#header #nav ul li a:hover:before,#header #nav ul li.current a:before{ width: 100%; }

body .contactBtn 		{ padding: 28px 14px; font-size: 1rem; letter-spacing: .15rem; background-color: #00AECC; border-radius: 10px 0 0 10px; color: #fff; position: fixed; bottom: 250px; right: 0; display: block; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; z-index: 2; }

#pagetop 				{ position: fixed; bottom: 30px; right: 30px; z-index: 3; display: none; }

#footer 				{ padding: 187px 0 67px; background-color: #00AECC; }
#footer .master 		{ max-width: 930px; }
#footer .logoArea 		{  }
#footer .logoArea div 	{ margin-bottom: 22px; }
#footer .logoArea p 	{ color: #fff; font-size: .8rem; line-height: 1.65; }
#footer .copyright 		{ margin: -15px -17px 0 0; text-align: right; color: #fff; font-size: .8rem; font-weight: 400; letter-spacing: .08rem }
}


@media screen and (max-width: 1150px) and (min-width: 751px) {

}


@media screen and (max-width: 1000px) and (min-width: 751px) {

}



@media screen and (max-width: 750px) {
.pc 					{ display: none!important; }
body 					{ font-weight: 500; font-size: .8rem; overflow-x: hidden; border-top: 5px solid #00AECC; }
.drawer-open body 		{ overflow: hidden!important; }
.master 				{ width: 90%; margin: 0 auto; }

.mainImage 				{ height: 150px; margin-top: 100px; position: relative; }
.mainImage h1 			{ width: 90%; max-width: 892px; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: .6rem; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; }
.mainImage h1 span 		{ margin-right: 7px; font-size: 1.3rem; letter-spacing: .2rem; }

#header 				{ width: 100%; height: 55px; position: fixed; top: 0; left: 0; background-color: transparent; z-index: 99; }
#header>.master 		{ max-width: 960px; position: relative; }
#header .logo 			{ width: 80px; margin: 20px 0 0 15px; position: absolute; z-index: 99999 }
#header #nav>ul 		{ opacity: 0; -webkit-transition: .5s; transition: .5s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transform: translateX(40px); transform: translateX(40px); }
.drawer-open #header #nav>ul{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{ background-color: #00AECC; }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ background-color: #fff; }
.drawer-hamburger-icon:before{ top: -8px; }
.drawer-hamburger-icon:after{ top: 8px; }
.drawer-hamburger 		{ width: 35px; height: 35px; padding: 5px; top: 15px; right: 10px; z-index: 10002; }
.drawer-hamburger-icon 	{  }
.drawer-open .drawer-overlay{ display: none; }
.drawer-nav 			{ top: 0; right: -100%; left: auto; background-color: transparent; z-index: 10001; }
.drawer-open .drawer-nav{ top: 0; right: 0; }
.drawer-menu li a 		{  }
.drawer-menu>li:first-of-type{ margin-top: 110px; }
.drawer-menu>li:last-of-type{ padding-bottom: 30px; }
#header .logo .drawer-menu-item{ width: 96px; margin: 10px; padding: 0; }
#header .drawer-menu-item{ width: 100%; margin: 10px 0; padding: 10px 0; color: #fff; text-align: left; font-weight: bold; display: inline-block; font-size: 1rem; font-weight: 400; text-align: center; letter-spacing: .1rem; }
#header .drawer-menu-item span{ margin-top: 5px; display: block; font-size: .7rem;  -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0,0; transform-origin: 0,0; }
#header .drawer-menu-item:hover{ /*opacity: .6;*/ text-decoration: none; }
.drawer-nav 			{ height: 100vh; background: rgb(0,174,204); -webkit-transition: .4s; transition: .4s; }
.drawer-nav>ul>li 		{ width: 80%; margin: 0 auto; }
.drawer-open .drawer-nav{ background: rgb(0,174,204); }
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before{ top: 0; }

#pagetop 				{ width: 45px; position: fixed; bottom: 15px; right: 10px; z-index: 3; display: none; }

#footer 				{ padding: 80px 0 70px; background-color: #00AECC; }
#footer .master 		{ max-width: 930px; }
#footer .logoArea 		{ text-align: center }
#footer .logoArea div 	{ margin-bottom: 22px; }
#footer .logoArea p 	{ color: #fff; font-size: .8rem; line-height: 1.65; text-align: center; }
#footer .copyright 		{ margin-top: 50px; color: #fff; font-size: .8rem; font-weight: 400; letter-spacing: .03rem; text-align: center; }
}