@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
  background: none repeat scroll 0 0;
  border: 0 none;
  margin: 0 ;
  outline: 0 none;
  padding: 0;
  vertical-align: baseline;
}

img{ -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;vertical-align:bottom;}

p{letter-spacing: 0.08rem;line-height:170%;}
body {overflow-x: hidden;
  background-color:#ffffff;
  margin:0!important;
  padding:150px 0 0 0!important;
  font-size: 18px;
color:#452B17;letter-spacing: 0.06rem;
  line-height: 1.5;
/**font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;**/
	font-family: 'Century Gothic', "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-text-size-adjust: none;
  overflow-x:hidden;		
	background:#FDF9E8;
}




* {
  -webkit-tap-highlight-color: transparent !important;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

header{display:block;position:fixed;width:100%;padding:0 15px;background-color:rgba(255,137,0,0.80);top:0;left:0;right:0;z-index:5;
 backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
header nav{max-width:900px;margin:0 auto;display:flex;justify-content: center;min-height:100px;}
header nav a{width:auto;padding:15px;font-size:20px;font-family: 'M PLUS Rounded 1c', sans-serif; transform: rotate(0.05deg);font-weight:700;text-decoration: none;color:#fff;display:flex;align-items: center;
transition:0.2s;padding:0 20px;justify-content: center}

header nav a:first-child{width:260px!important;border-right:1px solid #fff}
	header nav a:nth-child(2){width:calc(100% - 520px)}
	header nav a:last-child{width:260px!important;border-left:1px solid #fff}
	



header nav a br{display:none}
header nav a:hover{background-color:#fff;color:#F7931E}

.mp1{font-family:'M PLUS Rounded 1c'; transform: rotate(0.05deg);}

h1{font-size:1.3em;letter-spacing: 0.2rem;line-height: 1.8em;color:#F7931E}
h1 strong,h2{font-size:1.8em;display:block;color:#765c30}
h1 span{font-size:0.8em;display:block;color:#765c30}
section{padding:100px  0}
section{  
  scroll-snap-type: y;}
.mw{max-width:1200px;margin:0 auto;padding:0 15px}
.prof{margin:0 auto;display:flex;padding:0 60px}
.prof img.ph{transform: rotate(-3deg);width:100%;height:auto}
.prof img.stamp{position:absolute;left:-60px;top:-40px;width:100px;z-index:2}
.prof > div{position:relative}
.prof > div:last-child{padding:0 0 0 40px;width:60%}
.prof > div:first-child{width:40%}
.prof  table {margin:15px 0 0 0;font-size:1em;font-weight:bold}
.prof  table th{padding:0 15px 0 0}

.anc{padding-top:200px;margin-top:-200px}
h2{display:block;margin:0 0 15px 0}
.pblock p{margin-bottom:15px;display:block}
.about{padding:5%;background-color:#fff;border-radius: 50% 70% 50% 80%;}


section.event{background-color:#332303;text-align: center;color:#fff;margin-top:80px}
section.event h2{color:#fff}

.fadew{position:relative;width:100%;}



.fadein{
 transition:4s;
 position:absolute!important;
	right:-300px;
	width:300px;
	bottom:0;
}

.fadein2{ transition:5s;
 position:absolute!important;
	left:-300px;
	width:300px;
	bottom:0;}


.fadein.active{
  
transform: translate(calc(-100vw - 320px),100%);
}
.fadein2.active{
  
transform: translate(calc(100vw + 320px),100%);
}


@keyframes bound {
	from  { transform: translate(0,0); }
20% { transform: translate(0,15px); }

29% { transform: translate(0,17px) ; }	
30% { transform: translate(0,25px); }	
40% { transform: translate(0,5px); }	
60% { transform: translate(0,0px) ; }
	to { transform: translate(0,0); }
}

.fadein3{
position: relative;width:160px;

animation: 0.7s cubic-bezier(.662,.115,.88,.1) infinite; }

.fade{padding-top:100px}

.fadein3{animation-name:bound;}


.slideup {
visibility: hidden;
opacity: 0;
transform: translateY(50px);
transition:0.5s;}
.slideup.slideup-active {
visibility: visible;
opacity: 1;
transform: translateY(0)
}

footer{padding-top:10px;background-color:#332303;}
footer .copy{padding:10px 15px 10px 15px;text-align: center;color:#fff;font-size:0.8em;border-top:1px solid #574E2F}


@media screen and (max-width: 980px) {
	body {padding-top:80px!important;font-size:15px}
	section{padding:60px 0}
	header{padding:0}	
header nav{min-height:inherit;padding:0}
header nav a{width:auto;max-width:inherit;letter-spacing: 0em;
font-size:0.9em;line-height:1.2em;padding:15px;text-align: center;justify-content: center}	
	header nav a:first-child{width:150px!important;border-right:1px solid #fff}
	header nav a:nth-child(2){width:calc(100% - 300px)}
	header nav a:last-child{width:150px!important;border-left:1px solid #fff}
	
	.prof{display:block;padding:0}
	.prof img.stamp{width:25%;left:40px}
	.prof img.ph{}
.prof > div:last-child{padding:0;width:100%}
.prof > div:first-child{width:100%;margin:0 auto 15px auto;max-width:300px;padding:0 40px}
.anc{padding-top:100px;margin-top:-100px}

	
	
	
}
@media screen and (max-width: 600px) {
header nav a br{display:none}
	header{background-color:transparent}
	header nav a:nth-child(2),header nav a:first-child,header nav a:last-child{border:none;border-bottom:1px solid #fff;padding:8px 15px;text-align: left;justify-content: flex-start;border-radius:0 50px 50px 0;
	background-color:rgba(255,137,0,0.80);
 backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);}
	header nav a:first-child{width:85%!important}
	header nav a:nth-child(2){width:90%!important}
	header nav a:last-child{width:95%!important}
	header nav{display:block}
	header nav a:hover{color:rgba(255,137,0,0.80);background-color:#fff}
	
	
}




/* 印刷用スタイル */
/* ===============================
	print setting
 =============================== */
@media print {
	.printNl {
		page-break-before: always;
	}
	.mappin{display:none;}
		
	body { 
    width: 1028px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
		
		-webkit-print-color-adjust: exact;
top:0 !IMPORTANT;
left:0 !IMPORTANT;	
		
 }


	
@page {
  margin: 8px;}
}