@charset "UTF-8";
:root {
	--primary-color: #90C421;
	--secondary-color: #FFF000;
	--secondary-color-2: #ffe400;
	--ukasuka-color: #FC420F;
}
/* ::selection{background:var(--primary-text-color);color:var(--primary-color);} */
html{font-size:14px;line-height:1.4em;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; width:100%;}

body{color:var(--primary-text-color);background-color:#FFF;;
	text-rendering: optimizeLegibility;
	font-feature-settings: 'palt';
	font-weight: normal;
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* font */
.is--jaro{font-family: "Jaro", sans-serif;font-optical-sizing:none;letter-spacing:-0.07em;}
.is--jaro span{position:relative;display:inline-block;width:.25em;height:100%;}
.wf-loading{opacity:0;}​
.wf-active{opacity:1;}​
@media screen and (max-width:767px){
	.is--jaro{font-optical-sizing:none!important;}
	}

/*　--------------------------------------------------

COMMON
-basic

-------------------------------------------------- */
.c-imageWrap{line-height:0;}
.c-imageContainer{position:relative;width:100%;height:auto;}
img{vertical-align:bottom;}
a{text-decoration:none;}
svg{position:relative;width:100%;height:auto;display:inline-block;overflow:unset;transform: translateZ(0);}
svg path{
  transform-origin:50% 50%;
  /*+++++++++++++++++++++++++++*/
  /* if I remove this rule the pen won't work properly on Chrome for Mac, FF, Safari
  Will still work properly on Chrome for PC & Opera*/
  transform-box: fill-box;
  /*Alternatively  I can use transform-origin:15px 15px;*/
  /*+++++++++++++++++++++++++++*/
  animation: rotateBox 3s linear infinite;
}


/* br */
br.is--sp{display:none;}
br.is--pc{display:inline-block;}
@media screen and (max-width:767px){
	br.is--sp{display:inline-block;}
	br.is--pc{display:none;}
	}
	
/*　--------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
------------------------------------------------------
--------------------------------------------------- */

/*　--------------------------------------------------

Loading

-------------------------------------------------- */
.c-pageloadingWrap{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#FFF;text-align:center;display:flex;justify-content:center;align-items:center;z-index:-1;}
.c-pageloadingContainer{}	
.ball-clip-rotate > div{border: 1px solid #999;border-top:1px solid #dadada;border-right:1px solid #FFF;border-bottom-color: transparent;}

.is--loaded.c-pageloadingWrap{animation: loadedlogo 1s ease-out 0s forwards;}

@keyframes loadedlogo {
  0% {
	  opacity:1;
  }
  99% {
	  width:100vw;height:100vh;height:100dvh;
  }
  100% {
	  opacity:0; width:0;height:0;z-index:-1;
  }
}


/* BUTTON */
.c-button{position:relative;max-width:450px; background-color:var(--secondary-color-2);padding:30px 40px;border-radius:30px;display:flex;align-items:center;justify-content:center; transition:all .4s ease-out;}
.c-button span{position:relative;margin-right:.2em; color:#111;font-size:50px;}
.c-button p{color:#111;font-size:min(6vw,30px);font-weight:900;letter-spacing:-0.07em;display:inline-block;}

@media screen and (min-width:768px){
	.c-button:hover{background-color:var(--ukasuka-color);}
	.c-button:hover span,
	.c-button:hover p{color:#FFF;}
	}
@media screen and (max-width:767px){
	.c-button{padding:13px 30px;}
	}


/* HEADER */
header{position:fixed;display:inline-block;z-index:9999;}
header .p-h1{font-size:20px;color:#FFF;opacity:0;}
header .c-button{position:fixed;top:30px;right:10px;border:6px solid #FFF;}

@media screen and (max-width:767px){
	header{left:20px;}
	header .c-button{right:inherit;top:inherit;bottom:4vh; left:50%;transform:translateX(-50%);width:97%;}
	}
	

/* VIDEO */
.c-video{position:fixed;top:0;width:100%;padding-bottom:56.25%;overflow:hidden;opacity:0;transition:opacity 0.2s ease-out;pointer-events:none; z-index:-1;transform:translateY(0); background-color:var(--primary-color);}
.c-video iframe,.c-video #player{position:absolute;top:-7%;left:-7%;width:114%;height:114%;}
.c-video svg{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);width:70vw;height:auto;display:inline-block;
	transform:translateX(-50%) scale(calc(1 + min(var(--parallax-offsetY,0)/8000,1)));
	opacity:calc(1 - min(var(--parallax-offsetY,0)/500,1));
	transition:all 0.2s linear;}

.c-video{position:absolute;transform:translateY(calc(var(--parallax-offset,0)*0.8));}

@media screen and (max-width:767px){
	.c-video{width:100vw;height:100vh;padding-bottom:0;}
	.c-video iframe,.c-video #player{top:-10%;left:-70%;width:350%;height:calc(100vh + 20%);}
	.c-video svg{bottom:inherit;top:40%;transform:translate(-50%,-50%);width:90%;}
	}
	

/* MAIN */
main{position:relative;top:calc(5vh + (9 * 100vw) / 16);height:auto;opacity:0; transition:all .2s ease-out; }
main.is--loaded{opacity:1;}
@media screen and (max-width:767px){
	main{top:105vh;}
	}


/* PHILOSOPHY */
.c-philosophy{}
.c-philosophy .c-header{position:relative;margin:5vh 0 5vh 40px;width:80vw;}
.c-philosophy .c-header .p-title{position:relative;color:var(--primary-color);font-size:25vw;font-weight:normal;overflow-wrap:break-word;line-height:.7;}
.c-philosophy .c-header .p-jp{position:absolute;left:2.5vw;bottom:1vw;font-size:1.6vw;font-weight:bold;color:#FFF;transform-origin:bottom left;transform:rotate(-90deg) translateY(100%);}

.c-philosophy .c-lead{position:relative;padding-bottom:8vh; background-color:#FFF;}
.c-philosophy .c-lead .p-title{color:#111;font-weight:900;line-height:1.1;font-size:6vw;text-align:center;padding:5vh 40px 5vh;}
.c-philosophy .c-lead .c-lists{position:relative;display:flex;justify-content:center;}
.c-philosophy .c-lead .c-item{position:relative;background-color:var(--primary-color);margin:0 10px;padding:3vh 40px;display:flex;align-items:center;}
.c-philosophy .c-lead .c-item > span{position:relative;color:var(--secondary-color);font-size:120px;margin-right:30px;font-weight:400;}
.c-philosophy .c-lead .c-item .p-text{color:#FFF;font-size:27px;line-height:1.3;font-weight:bold;text-align:justify;}

@media screen and (max-width:980px){
	.c-philosophy .c-lead .c-lists{flex-direction:column;}
	.c-philosophy .c-lead .c-item{margin:0 20px 10px;}
	}
@media screen and (max-width:767px){
	.c-philosophy .c-header{margin:5vh 0 5vh 10px;width:calc(100vw - 10px);}
	.c-philosophy .c-header .p-title{font-size:31.8vw}
	.c-philosophy .c-header .p-jp{font-size:3vw;}
	.c-philosophy .c-lead .p-title{font-size:5.5vw;}
	.c-philosophy .c-lead .c-item{margin:0 10px 5px;padding:3vh 25px;}
	.c-philosophy .c-lead .c-item > span{font-size:100px;}
	.c-philosophy .c-lead .c-item .p-text{font-size:20px;}
	}
	

/* ABOUT MFP */
.c-about-mfp{position:relative;margin-top:30vh;padding-bottom:10vh;background-color:var(--primary-color);}
.c-about-mfp .c-header{position:relative;padding:10vh 0; display:flex;flex-direction:column;align-items:center;}
.c-about-mfp .c-header svg{position:relative;width:70vw;height:auto;display:inline-block;}
.c-about-mfp .c-header .p-jp{position:relative;color:var(--secondary-color);font-size:26px;font-weight:bold;margin-top:.6em;}

.c-about-mfp .swiper-container{position:relative;overflow:hidden;width:100%;height:350px;z-index:1;}
.c-about-mfp .swiper-container .swiper-wrapper{transition-timing-function:linear;width:100%;height:100%;}
.c-about-mfp .swiper-container .swiper-wrapper .swiper-slide{width:auto;height:100%;}
.c-about-mfp .swiper-container .swiper-wrapper .swiper-slide img{object-fit:contain;width:auto;height:100%;}

.c-about-mfp .c-park,
.c-about-mfp .c-event{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:12vh;}
.c-about-mfp .c-event .swiper-container{height:300px;}

.c-about-mfp .p-swiper-title{color:#FFF;font-size:46px;line-height:1.25;font-weight:bold; padding-bottom:1em;}
.c-about-mfp .p-swiper-title small{font-size:60%;}
.c-about-mfp .p-floating-title{position:absolute;bottom:-.6em;left:20px; color:#FFF;font-size:81px;z-index:99;}

@media screen and (max-width:767px){
	.c-about-mfp{padding-bottom:1vh;margin-top:4vh;}
	.c-about-mfp .c-header svg{width:100vw;padding:0 10px;}
	.c-about-mfp .c-header .p-jp{font-size:5.5vw;}
	
	.c-about-mfp .c-park .swiper-container{height:200px;}
	.c-about-mfp .c-event .swiper-container{height:160px;}
	
	.c-about-mfp .p-swiper-title{font-size:6.5vw;}
	.c-about-mfp .p-floating-title{bottom:-.5em;left:10px;font-size:12vw;}
	}


/* STAFF */
.c-staff{text-align:center;}
.c-staff .c-header{position:relative;margin:5vh 0 10vh;width:100%;}
.c-staff .c-header .p-title{position:relative;color:var(--primary-color);font-size:25vw;font-weight:normal;overflow-wrap:break-word;line-height:.7;}
.c-staff .c-header .p-title small{font-size:calc(100% * 190 / 322);letter-spacing:-0.07em;}
.c-staff .c-header .p-jp{position:absolute;width:100%;padding-left:.9em;bottom:5.7vw;font-size:1.6vw;font-weight:bold;color:#FFF; text-align:center;}

.c-staff .c-spirits{position:relative;padding:4vh 4vw;margin:0 auto 15vh;border-radius:40px; background-color:var(--secondary-color);display:inline-block;}
.c-staff .c-spirits .p-title{color:#111;letter-spacing:-0.04em; font-size:120px;line-height:.75em;text-align:center;padding:5vh 0 4vh;}
.c-staff .c-spirits .c-lists{position:relative;display:flex;flex-direction:column;}
.c-staff .c-spirits .c-item{position:relative;margin:0 0 40px;text-align:center;}
.c-staff .c-spirits .c-item .p-text{color:#111;font-size:27px;line-height:1.3;font-weight:bold;text-align:center;text-decoration:underline;text-underline-offset:.5em;text-decoration-thickness:4px;}

.c-staff .c-mission{position:relative;padding:4vh 0 0;margin:0 auto 0; display:inline-block;}
.c-staff .c-mission .p-title{color:#111;letter-spacing:-0.04em; font-size:120px;line-height:.75em;text-align:center;padding:5vh 0 4vh;}

.c-staff .c-mission .c-missionWrap{position:relative;}
.c-staff .c-mission .p-mission-title{position:relative;width:100%;color:#111;letter-spacing:-0.04em; font-size:40px;text-align:center;padding:5vh 0 6vh;display:flex;align-items:center;justify-content:center;}
.c-staff .c-mission .p-mission-title > span{position:relative;color:var(--primary-color);font-size:120px;margin-right:.35em;font-weight:400;line-height:0;display:inline-block;}

.c-staff .c-mission .c-lists{position:relative;display:flex;}
.c-staff .c-mission .c-lists:nth-child(2n-1){margin-bottom:8vh;}
.c-staff .c-mission .c-item{position:relative;width:50%;height:auto;}
.c-staff .c-mission .c-item-copy{background-color:var(--secondary-color);display:flex;align-items:center;justify-content:center;}
.c-staff .c-mission .c-item .p-text{color:#111;font-size:min(4.5vw,27px);line-height:1.3;font-weight:bold;text-align:center;}
.c-staff .c-mission .c-lists-2 .c-item{width:40%;}
.c-staff .c-mission .c-lists-2 .c-item-copy{width:60%;}
.c-staff .c-mission .c-lists-3 .c-item-copy{width:100%;padding:5vh 0;}

.c-staff .c-message{position:relative;display:flex;flex-direction:column;align-items:center; padding:5vh 0 10vh;background-color:var(--primary-color);}
.c-staff .c-message .p-message{position:relative; color:#FFF;font-size:min(5vw,70px);font-weight:900;line-height:1.4; margin-bottom:3vh;}

@media screen and (max-width:767px){
	.c-staff .c-header{}
	.c-staff .c-header .p-title{font-size:31.8vw;}
	.c-staff .c-header .p-title small{font-size:52%;}
	.c-staff .c-header .p-jp{font-size:3vw;bottom:7.2vw;padding-left:.7em;}
	
	.c-staff .c-spirits{position:relative;padding:4vh 8vw;margin:0 10px;}
	.c-staff .c-spirits .p-title{font-size:20vw;padding:5vh 0 5vh;}
	.c-staff .c-spirits .c-item{margin-bottom:4vh;}
	.c-staff .c-spirits .c-item .p-text{color:#111;font-size:6vw;line-height:1.4;text-align:center;text-decoration:none;}

	.c-staff .c-mission .p-title{font-size:20vw;padding:5vh 0 5vh;}
	.c-staff .c-mission .p-mission-title{font-size:5vw;padding:5vh 0 6vh;}
	.c-staff .c-mission .p-mission-title > span{font-size:15vw;margin-right:.4em;}
	.c-staff .c-mission .c-lists{flex-direction:column;}
	.c-staff .c-mission .c-lists:nth-child(2n-1){margin-bottom:8vh; flex-direction:column;}
	.c-staff .c-mission .c-lists-2{flex-direction:column-reverse!important;}
	.c-staff .c-mission .c-lists-3{flex-direction:column;}
	.c-staff .c-mission .c-lists .c-item{width:100%;background-color:var(--secondary-color);padding-bottom:10px;}
	.c-staff .c-mission .c-lists .c-item-copy{padding:5vh 0;}
	.c-staff .c-mission .c-lists .c-item img{width:90%;}
	.c-staff .c-mission .c-item .p-text{line-height:1.6;}
	
	.c-staff .c-message{padding:7vh 0 8vh;}
	}


/* WE WANTED */
.c-wanted{text-align:center;background-color:#f8f8f8;}
.c-wanted .c-header{position:relative;padding:15vh 0 5vh;width:100%;}
.c-wanted .c-header .p-title{position:relative;color:#111;font-size:min(50vw,300px);font-weight:normal;overflow-wrap:break-word;line-height:.5;margin-bottom:.15em;}
.c-wanted .c-header .p-title small{font-size:60%;letter-spacing:-0.07em;}
.c-wanted .c-header .p-jp{width:100%;font-size:min(8vw,60px);font-weight:900;color:1;text-align:center;margin-bottom:.5em;}
.c-wanted .c-header svg{width:150px;height:auto;}
.c-wanted .p-text{position:relative; color:#111;font-size:min(6vw,42px);font-weight:900;line-height:1.4; margin-bottom:3vh;}
.c-wanted img{padding:5vh 40px;}

@media screen and (max-width:767px){
	.c-wanted{padding:0;}
	.c-wanted img{padding:3vh 10px;}
	}
	
	
/* SOCIAL */
.c-social{position:relative;display:flex;align-items:flex-start;padding:15vh 40px;}
.c-social .c-header{position:sticky;top:15vh;width:30%;}
.c-social .c-header .p-title{position:relative;color:#111;font-size:min(2vw,36px);font-weight:900;line-height:1.5;margin-bottom:.4em;}
.c-social .c-header svg{width:150px;height:auto;}

.c-social .c-socialWrap{position:relative;width:70%;}
.c-social .c-socialWrap .c-title{position:relative;background-color:var(--primary-color);padding:3vh 40px;display:flex;align-items:center;justify-content:center;}
.c-social .c-socialWrap .c-title > span{position:relative;color:var(--secondary-color);font-size:min(16vw,120px);margin-right:30px;font-weight:400;}
.c-social .c-socialWrap .c-title > h3{color:#FFF;font-size:min(8vw,47px);line-height:1.1;font-weight:900;display:inline-block;}

.c-social .c-socialWrap .c-imageWrap{position:relative;display:flex;flex-wrap:wrap;margin:5vh 0 15vh;}
.c-social .c-socialWrap .c-imageWrap div{position:relative;width:calc((100% - 20px) / 3);height:auto;margin-right:10px;margin-bottom:10px;}
.c-social .c-socialWrap .c-imageWrap div:nth-child(3n){margin-right:0;}
.c-social .c-socialWrap .w-100{width:100%;margin-top:5vh;margin-bottom:calc(10px - 5vh);}
.c-social .c-imageContainer{width:100%;height:auto;}

.c-social .c-socialWrap .p-text{position:relative;margin:2vh 0 0;font-size:18px;line-height:1.618;}
.c-social .c-socialWrap .p-link{position:relative;margin-top:1.2em;color:#111;font-size:20px;line-height:1.6;font-weight:900;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:4px;display:block;}

@media screen and (min-width:768px){
	.c-social .c-socialWrap .p-link:hover{color:var(--ukasuka-color);}
	}
@media screen and (max-width:767px){
/*
	.c-social{padding:5vh 10px;}
	.c-social .c-header{width:10%;display:flex;flex-direction:column-reverse;top:5vh;}
	.c-social .c-header .p-title{font-size:5vw;margin-bottom:0;line-height:1; transform-origin:bottom right;transform:rotate(-90deg) translate(-860%, -88%);white-space:nowrap;}
	.c-social .c-header .p-title br{display:none;}
	.c-social .c-header svg{transform-origin:top left;transform:rotate(-90deg);width:100px;margin-top:12.5vh;}
*/
	.c-social{padding:5vh 10px;flex-direction:column;}
	.c-social .c-header{position:relative;top:0; width:100%;text-align:center;}
	.c-social .c-header .p-title{font-size:5vw;margin-bottom:0;line-height:1.4;}
	.c-social .c-header svg{margin:2vh 0 4vh;}

	.c-social .c-socialWrap{width:100%;}
	.c-social .c-socialWrap .c-title{padding:3vh 20px;}
	.c-social .c-socialWrap .c-title > span{margin-right:20px;}
	.c-social .c-socialWrap .c-title > h3{}
	
	.c-social .c-socialWrap .c-imageWrap{margin:5vh 0 8vh;}
	.c-social .c-socialWrap .c-imageWrap div{width:calc((100% - 10px) / 2);}
	.c-social .c-socialWrap .c-imageWrap div:nth-child(3n){margin-right:10px;}
	.c-social .c-socialWrap .c-imageWrap div:nth-child(2n){margin-right:0;}

	}
	
	
/* MFP */
.c-mfp{position:relative;display:flex;flex-direction:column;align-items:center;padding:15vh 40px;background-color:var(--primary-color);}
.c-mfp .c-header{position:relative;padding:0 0 5vh;width:100%;}
.c-mfp .c-header .p-title{position:relative;color:#FFF;font-size:min(10vw,72px);font-weight:normal;margin-bottom:.15em;text-align:center;}

.c-mfp .c-lists{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.c-mfp .c-item{position:relative;margin:40px;}
.c-mfp .c-item svg{position:relative;max-height:150px;width:auto;height:10vh;}
.c-mfp a .st0{transition:all .2s ease-out;}

@media screen and (min-width:768px){
	.c-mfp a:hover .st0{fill:var(--ukasuka-color);}
	}
@media screen and (max-width:767px){
	.c-mfp{padding:8vh 10px;}
	.c-mfp .c-item{margin:20px;}
	.c-mfp .c-item svg{max-height:auto;width:30vw;height:auto;}
	}
	

/* INFO */
.c-information{position:relative;display:flex;flex-direction:column;align-items:center;padding:15vh 40px;background-color:var(--secondary-color);}
.c-information .c-header{position:relative;padding:0 0 5vh;width:100%;}
.c-information .c-header .p-title{position:relative;color:#111;font-size:min(10vw,72px);font-weight:normal;margin-bottom:.35em;text-align:center;}
.c-information .c-header .p-text{position:relative;color:#111;font-size:min(6vw,42px);font-weight:900;line-height:1.4; margin-bottom:.15em;text-align:center;}
	
.c-information .c-yt{position:relative;width:100%;padding-top:56.25%}
.c-information .c-yt iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

@media screen and (max-width:767px){
	.c-information{padding:8vh 10px;}
	}
	

/* ABOUT */
.c-about{position:relative;display:flex;flex-direction:column;align-items:center;padding:5vh 40px;background-color:#000;}
.c-about .c-header{position:relative;padding:0;width:100%;}
.c-about .c-header .p-title{position:relative;color:#FFF;font-size:min(10vw,72px);font-weight:normal;text-align:center;}
	
.c-about a{position:relative;display:inline-block;}
.c-about img{width:50vw;}

@media screen and (min-width:768px){
	.c-about a:hover{opacity:.75;}
	}
@media screen and (max-width:767px){
	.c-about{padding:5vh 10px;}
	.c-about img{width:80vw;}
	}
	

/* MEMBER */
.c-member{position:relative;display:flex;flex-direction:column;align-items:center;padding:15vh 40px;background-color:var(--ukasuka-color);}
.c-member .c-header{position:relative;padding:0;width:100%;}
.c-member .c-header .p-title{position:relative;color:#FFF;font-size:min(10vw,72px);font-weight:normal;text-align:center;}

.c-member .c-memberWrap{position:relative;margin:10vh 0 0; display:flex;flex-direction:column;align-items:center;}
.c-member .c-memberWrap h3{position:relative;color:#FFF;font-size:min(6vw,46px);font-weight:900;text-align:center;}
.c-member .c-memberWrap .p-text{position:relative;color:#FFF;font-size:18px;line-height:2;letter-spacing:0.02em; margin:2em 0;text-align:center;}
.c-member .c-memberWrap .p-text a{color:#FFF;font-weight:900; text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;}
.c-member .c-memberWrap img{margin-bottom:10px;}
.c-member .c-memberWrap svg{position:relative;width:70vw;max-width:600px;}
	
.c-member a{position:relative;display:inline-block;}
.c-member img{width:50vw;}

@media screen and (min-width:768px){
	.c-member a:hover{opacity:.75;}
	}
@media screen and (max-width:767px){
	.c-member{padding:8vh 10px 18vh;}
	.c-member img{width:90vw;}
	.c-member .c-memberWrap .p-text{font-size:3.5vw;}
	}

/*　--------------------------------------------------
------------------------------------------------------

-footer


-------------------------------------------------- */
.c-footer{position:relative;width:100%; background-color:var(--primary-color); text-align:center;}
.c-footer .c-cp{position:absolute;bottom:10px;left:50%;transform:translateX(-50%) scale(.75);transform-origin:center; font-size:10px; color:#FFF;letter-spacing:.03em; display:inline-block;}