@charset "UTF-8";
:root {
  --bg:#6EB92B;
  --red: #FF1E00;
  --gr-title:#57AF09;
  --imo:#B92067;
}

::selection{background:#FFF;color:var(--bg);}
html{font-size:14px;line-height:1.4em;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; width:100%;}

body{width:100%;height:100%;color:var(--b);background-color:#FFF;
	text-rendering: optimizeLegibility;
	font-feature-settings: 'palt';
	font-weight: 300;
	letter-spacing:.025em;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body.is--loaded{background-color:var(--bg);transition:all .4s ease-out;}

/* fonts en candal */
.is-candal{font-family: 'Candal', "fot-tsukuardgothic-std", sans-serif;}
.wf-loading{opacity:0;}
.wf-active{opacity:1;}

@media screen and (max-width:767px){
	html,body{overscroll-behavior-y:contain;}
	}


/*　--------------------------------------------------
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%;transform-box:fill-box;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;}
	}
	
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.material-symbols-outlined{font-variation-settings:'FILL'0,'wght'100,'GRAD'0,'opsz'40;}

/*　--------------------------------------------------
LOAD
-------------------------------------------------- */
#loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .4s ease-out;z-index:9999;}
#loader img{width:75vw;height:auto;}
.fade-out{opacity:0}

main{transition:opacity .4s ease-out;opacity:0;}

/*　--------------------------------------------------
MAIN VISUAL
-------------------------------------------------- */
.mainvisual{position:relative;width:100%;height:auto;}
.mainvisual .c-imageContainer{width:100%;height:auto;}

/*　--------------------------------------------------
INTRO
-------------------------------------------------- */
.intro{position:relative;width:100%;height:auto;}
.intro__container{position:relative;width:100%;height:auto;}
.intro__11th-logo{position:relative; display:flex;justify-content:center;margin-bottom:8vw;margin-left:-5vw;;}
.intro__11th-logo--L{position:relative;width:calc(1.5 * (274 * 100vw) / 1440);height:auto;margin-right:calc(1.5 * (-39 * 100vw) / 1440);z-index:2;}
.intro__11th-logo--C{position:relative;width:calc(1.5 * (164 * 100vw) / 1440);height:auto;z-index:1;}
.intro__11th-logo--R{position:relative;width:calc(1.5 * (274 * 100vw) / 1440);height:auto;margin-left:calc(1.5 * (-92 * 100vw) / 1440);z-index:3;}
.intro__message{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;}
.intro__message-bg{position:absolute;top:-10vw;left:50%;transform:translate(-50%,0%);mix-blend-mode:multiply;display:flex;flex-direction:column;align-items:center;gap:5vw;}
.intro__message-bg img:nth-child(1){width:calc((1300 * 100vw) / 1440);height:auto;}
.intro__message-bg img:nth-child(2){width:calc((980 * 100vw) / 1440);height:auto;}
.intro__message-title{position:relative;display:inline-block; font-size:calc((110 * 100vw) / 1440);font-weight:bold;letter-spacing:0em;color:#FFF;text-align:center;}
.intro__message-text{position:relative;display:inline-block; font-size:calc((70 * 100vw) / 1440);line-height:1.618em;font-weight:bold;letter-spacing:0;color:#FFF;text-align:center;margin:4vw 0;}
.intro__message-title span{position:relative;display:inline-block;height:10vw;}
.intro__message-title span img{position:relative;top:-1vw;width:calc((200 * 100vw) / 1440);height:auto;}
.intro__message-text span{position:relative;display:inline-block;}
.intro__message-text span img{position:relative;top:2vw;width:calc((100 * 100vw) / 1440);height:auto;}
.intro__message-title em,
.intro__message-text em{position:relative;display:inline-block;font-style:normal;margin-right:.1em;}

@media screen and (min-width:768px){	
	.intro__message-title{font-size:70px;}
	.intro__message-text{font-size:30px;margin:20px 0;}
	.intro__message-title span{height:184px;}
	.intro__message-title span img{top:0px;width:calc(200px * .85);}
	.intro__message-text span img{top:10px;width:calc(100px * .85);}
	}
	
/*　--------------------------------------------------
IMAGE DIVIDER
-------------------------------------------------- */
.image-divider{position:relative;width:100%;height:auto;margin:5vh 0;display:flex;justify-content:center;}
.image-divider img{width:75%;height:auto;}

@media screen and (min-width:768px){
	.image-divider img{width:400px;}
	}


/*　--------------------------------------------------
EVENT CONTENTS
-------------------------------------------------- */
.event-contents{position:relative;width:100%;height:auto;}
.event-contents__item{position:relative;width:100%;height:auto;padding:50vw 0; display:flex;flex-direction:column;align-items:center;overflow:hidden;}

.event-contents__item-title{position:absolute;margin-top:10vw;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;}
.event-contents__item-title .p-title{position:relative;display:inline-block; font-size:calc((126 * 100vw) / 1440);font-weight:bold;letter-spacing:0em;color:var(--red);text-align:center;line-height:1em;}
.event-contents__item-title .p-text{position:relative;display:inline-block; font-size:calc((70 * 100vw) / 1440);line-height:1.2em;font-weight:bold;letter-spacing:0;color:var(--gr-title);text-align:center;margin:2vw 0 0vw;}

.event-contents__item-icon{position:relative;}
.event-contents__item-icon img{position:relative;}
.event-contents__item-icon img:nth-child(1){position:relative;}
.event-contents__item-icon img:nth-child(2){position:absolute;bottom:0;right:-2vw;}

.event-contents__item:nth-child(1) .event-contents__item-icon img:nth-child(1){width:calc((932 / 3.5 * 100vw) / 1440);height:auto;}
.event-contents__item:nth-child(1) .event-contents__item-icon img:nth-child(2){width:calc((318 / 3.5 * 100vw) / 1440);;height:auto;}

.event-contents__item:nth-child(2) .event-contents__item-icon img:nth-child(1){width:calc((848 / 3.5 * 100vw) / 1440);height:auto;}
.event-contents__item:nth-child(2) .event-contents__item-icon img:nth-child(2){width:calc((395 / 3.5 * 100vw) / 1440);;height:auto;}

.event-contents__item:nth-child(3) .event-contents__item-icon img:nth-child(1){width:calc((954 / 3.5 * 100vw) / 1440);height:auto;}
.event-contents__item:nth-child(3) .event-contents__item-icon img:nth-child(2){width:calc((258 / 3.5 * 100vw) / 1440);;height:auto;}

.event-contents__item:nth-child(4) .event-contents__item-icon img:nth-child(1){width:calc((1028 / 3.5 * 100vw) / 1440);height:auto;}
.event-contents__item:nth-child(4) .event-contents__item-icon img:nth-child(2){width:calc((581 / 3.5 * 100vw) / 1440);;height:auto;}

.event-contents__item:nth-child(2) .event-contents__item-icon img:nth-child(2){left:inherit;right:0;transform:translate(40%,30%) rotate(45deg);}


.event-contents__item-blobs-mask{position:relative;width:100vw;height:100vw;display:flex;justify-content:center;z-index:-1;}
.event-contents__item-blobs-mask-img-wrap{position:absolute;bottom:10vw;width:75%;height:auto;background-color:#000;border-radius:10px;overflow:hidden;}
.event-contents__item-blobs-mask-img-wrap.is--comingsoon::after{content:'Coming Soon';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;z-index:11; color:#FFF;font-size:5vw;font-weight:bold;font-style:italic;font-family:'Candal';white-space:nowrap;}
.event-contents__item-blobs-mask-img-wrap.is--comingsoon img{opacity:0.7;}
.event-contents__item-blobs-mask-wa{position:absolute;top:calc(50% + 2vw);left:50%;transform:translate(-50%,-50%);width:200%;height:auto;}
.event-contents__item-blobs-mask-wa img{width:100%;height:auto;}

.event-contents__item-blobs{position:absolute;width:100vw;height:100vw;}
.event-contents__item-blob{position:absolute;width:100%;height:100%;background:#FFF;border-radius:50%;animation:blobAnim1 2s ease-in-out infinite;}
.blob--2{animation:blobAnim2 2.2s ease-in-out infinite;}
.blob--3{animation:blobAnim3 4s ease-in-out infinite;}
.blob--4{animation:blobAnim4 2.6s ease-in-out infinite;}
.blob--5{animation:blobAnim5 6s ease-in-out infinite;}

@media screen and (min-width:768px){
	.event-contents__item{padding:430px 0;}
	.event-contents__item-title{margin-top:100px}
	.event-contents__item-title .p-title{font-size:70px;}
	.event-contents__item-title .p-text{font-size:30px;margin:2vw 0 0;}
	.event-contents__item-icon img:nth-child(2){right:-15px;}

	.event-contents__item:nth-child(1) .event-contents__item-icon img:nth-child(1){width:calc(932px / 6);}
	.event-contents__item:nth-child(1) .event-contents__item-icon img:nth-child(2){width:calc(318px / 6);}
	
	.event-contents__item:nth-child(2) .event-contents__item-icon img:nth-child(1){width:calc(848px / 6);}
	.event-contents__item:nth-child(2) .event-contents__item-icon img:nth-child(2){width:calc(395px / 6);}
	
	.event-contents__item:nth-child(3) .event-contents__item-icon img:nth-child(1){width:calc(954px / 6);}
	.event-contents__item:nth-child(3) .event-contents__item-icon img:nth-child(2){width:calc(258px / 6);}
	
	.event-contents__item:nth-child(4) .event-contents__item-icon img:nth-child(1){width:calc(1028px / 6);}
	.event-contents__item:nth-child(4) .event-contents__item-icon img:nth-child(2){width:calc(581px / 6);}
	
	.event-contents__item-blobs-mask{width:768px;height:768px;}
	.event-contents__item-blobs-mask-img-wrap{position:absolute;bottom:90px;width:75%;}
	.event-contents__item-blobs-mask-img-wrap.is--comingsoon::after{font-size:40px;}
	.event-contents__item-blobs-mask-wa{top:calc(50% + 20px);}
	
	.event-contents__item-blobs{width:768px;height:768px;}
	}


@keyframes blobAnim1 {
  0%   {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
  25%  {border-radius:60% 40% 70% 30%;transform:translate(10px,-10px) rotate(20deg)}
  50%  {border-radius:40% 60% 30% 70%;transform:translate(-10px,10px) rotate(-15deg)}
  75%  {border-radius:65% 35% 45% 55%;transform:translate(5px,5px) rotate(10deg)}
  100% {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
}
@keyframes blobAnim2 {
	0%   {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
	20%  {border-radius:55% 45% 65% 35%;transform:translate(12px,-15px) rotate(15deg)}
	40%  {border-radius:40% 70% 35% 60%;transform:translate(-8px,12px) rotate(-10deg)}
	70%  {border-radius:70% 30% 50% 50%;transform:translate(15px,5px) rotate(20deg)}
	100% {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
  }
 @keyframes blobAnim3 {
	0%   {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
	25%  {border-radius:65% 35% 50% 50%;transform:translate(8px,-12px) rotate(30deg)}
	50%  {border-radius:45% 55% 35% 65%;transform:translate(-12px,8px) rotate(-20deg)}
	75%  {border-radius:60% 40% 55% 45%;transform:translate(10px,12px) rotate(25deg)}
	100% {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
  }
  @keyframes blobAnim4 {
	0%   {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
	25%  {border-radius:70% 30% 60% 40%;transform:translate(15px,-8px) rotate(15deg)}
	50%  {border-radius:35% 65% 55% 45%;transform:translate(-15px,10px) rotate(-25deg)}
	75%  {border-radius:60% 50% 70% 30%;transform:translate(10px,8px) rotate(10deg)}
	100% {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
  }
  @keyframes blobAnim5 {
	0%   {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
	15%  {border-radius:60% 40% 65% 35%;transform:translate(8px,-6px) rotate(10deg)}
	40%  {border-radius:45% 55% 40% 60%;transform:translate(-6px,8px) rotate(-15deg)}
	65%  {border-radius:55% 45% 70% 30%;transform:translate(6px,10px) rotate(20deg)}
	100% {border-radius:50% 50% 50% 50%;transform:translate(0,0) rotate(0deg)}
  }
	
/* youtube */
  .youtube-responsive-wrap{position:relative;width:100%;height:auto;margin-top:10vh;padding:5vw 4vw;display:flex;flex-direction:column;align-items:center;}
  .youtube-responsive-wrap img{position:relative;max-width:200px;width:30%;height:auto;}
  .youtube-responsive-wrap .p-title{position:relative;display:inline-block; font-size:7vw;font-weight:bold;letter-spacing:0em;color:#fff;text-align:center;line-height:1.4em;margin:.6em 0 1em;}
  .youtube-responsive{position:relative;width:100%;padding-top:56.25%;display:flex;flex-direction:column;align-items:center;}
  .youtube-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
  
/* instagram-wrap */
  .instagram-wrap{position:relative;width:100%;height:auto;margin-top:10vh;padding:15vw 4vw;display:flex;flex-direction:column;align-items:center;background-color:#FFF;overflow:hidden;cursor:pointer;}
  .instagram-wrap img{position:relative;max-width:400px;width:30%;height:auto; transition:all .4s ease-out;}
  .instagram-wrap .p-title{position:relative; display:inline-block; font-size:12vw;font-weight:bold;letter-spacing:-0.05em;color:var(--red);text-align:center;font-style:italic;line-height:1em;margin:.5em 0 .1em; transition:all .4s ease-out;}
  .instagram-wrap p{position:relative;display:inline-block; font-size:6vw;font-weight:bold;letter-spacing:0em;color:var(--red);text-align:center;line-height:1.4em;margin:1em 0 1em; transition:all .4s ease-out;}
  .instagram-wrap p img{position:absolute;bottom:0;right:0px;width:calc((1028 / 4 * 100vw) / 1440);height:auto;transform:translate(70%,30%) rotate(15deg);}
  
@media screen and (min-width:768px){
	.instagram-wrap img{max-width:200px;}
	.instagram-wrap .p-title{margin:.5em 0 0em;}
	}
  
@media screen and (min-width:768px){
	.youtube-responsive-wrap{padding:40px 40px;}
	.youtube-responsive{width:800px;padding-top:calc(800px * 0.5625);}
	.youtube-responsive-wrap .p-title{font-size:42px;}
	
	.instagram-wrap{padding:10vh 40px;}
	.instagram-wrap .p-title{font-size:120px;}
	.instagram-wrap p{font-size:50px;}
	.instagram-wrap p img{width:calc(1028px / 6 );transform:translate(80%,28%) rotate(15deg);}
	.instagram-wrap:hover > img,
	.instagram-wrap:hover h2,
	.instagram-wrap:hover p{opacity:.5;}
	}

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

FOOTER
-------------------------------------------------- */
footer{position:relative;bottom:0;width:100%;margin:0 auto;background:var(--gr-title);text-align:center;z-index:200;clear:both;}
footer .cp{padding:10px 10px 10px;font-size:10px;line-height:1.8em;color:#FFF;display:block;}