body#toppage .visual{position:relative}body#toppage .visual .slider{display:none}body#toppage .visual .slider.slick-initialized{display:block}body#toppage .visual .slider .slick-slide img{width:100%}body#toppage .section{padding:5rem 0}@media(max-width: 640px){body#toppage .section{padding:8.3333333333vw 0}}body#toppage .activity .subject{display:flex;justify-content:space-between;padding:.625rem;background-color:var(--orange)}@media(max-width: 640px){body#toppage .activity .subject{padding:2.0833333333vw}}body#toppage .activity .subject h2{display:flex;align-items:flex-end;gap:.625rem;color:var(--wh);font-size:2.5rem;font-weight:700;line-height:1}@media(max-width: 640px){body#toppage .activity .subject h2{gap:2.0833333333vw;font-size:6.25vw}}body#toppage .activity .subject h2::after{content:"Activity";color:var(--wh50);font-size:1.5rem}@media(max-width: 640px){body#toppage .activity .subject h2::after{font-size:3.75vw}}body#toppage .activity .subject nav{height:100%}body#toppage .activity .subject nav a{display:flex;justify-content:center;align-items:center;gap:.625rem;height:100%;padding:.625rem 3.75rem;border:1px solid var(--key);color:var(--wh);text-decoration:none;background-color:var(--key)}@media(max-width: 640px){body#toppage .activity .subject nav a{gap:0;padding:1.0416666667vw}}body#toppage .activity .subject nav a::before{content:"";width:1.25rem;aspect-ratio:1/1;background-color:var(--wh);-webkit-mask:url("../images/icon_list.svg") no-repeat;mask:url("../images/icon_list.svg") no-repeat;-webkit-mask-size:contain;mask-size:contain;transition:background-color .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 640px){body#toppage .activity .subject nav a::before{width:4.1666666667vw}}body#toppage .activity .subject nav a span{font-size:1rem}@media(max-width: 640px){body#toppage .activity .subject nav a span{display:none}}@media(any-hover: hover){body#toppage .activity .subject nav a:hover{color:var(--key);background-color:var(--wh)}body#toppage .activity .subject nav a:hover::before{background-color:var(--key)}}body#toppage .activity .contents .entries li a{position:relative;display:flex;gap:3.125rem;padding:1.875rem 5rem 1.875rem 1.875rem;border-bottom:1px solid var(--bk20);font-size:1rem;text-decoration:none;line-height:1.75}@media(max-width: 640px){body#toppage .activity .contents .entries li a{flex-direction:column;gap:1.0416666667vw;padding:4.1666666667vw 12.5vw 4.1666666667vw 4.1666666667vw;font-size:3.3333333333vw}}body#toppage .activity .contents .entries li a::before,body#toppage .activity .contents .entries li a::after{content:"";position:absolute}body#toppage .activity .contents .entries li a::before{top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--key10);transform:scale(0);transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body#toppage .activity .contents .entries li a::after{top:50%;right:1.25rem;width:1.875rem;aspect-ratio:1/1;background-color:var(--blue);-webkit-mask:url("../images/icon_arrow.svg") no-repeat;mask:url("../images/icon_arrow.svg") no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:translateY(-50%);transition:right .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(max-width: 640px){body#toppage .activity .contents .entries li a::after{right:4.1666666667vw;width:4.1666666667vw}}@media(any-hover: hover){body#toppage .activity .contents .entries li a:hover::before{transform:scale(1)}body#toppage .activity .contents .entries li a:hover::after{right:.625rem}}body#toppage .activity .contents .entries li a .date{color:var(--key);font-weight:700}body#toppage .activity .contents .entries li a .title{color:var(--bk)}body#toppage .bnrs{background-color:#d4352f}body#toppage .bnrs ul{display:flex;justify-content:center;gap:2.5rem}@media(max-width: 640px){body#toppage .bnrs ul{flex-wrap:wrap;gap:4.1666666667vw}}body#toppage .bnrs ul li{width:calc((100% - 5rem)/3)}body#toppage .bnrs ul li:nth-child(1){transition-delay:.1s}body#toppage .bnrs ul li:nth-child(2){transition-delay:.2s}body#toppage .bnrs ul li:nth-child(3){transition-delay:.3s}@media(max-width: 640px){body#toppage .bnrs ul li{width:calc((100% - 4.1666666667vw)/2)}body#toppage .bnrs ul li:nth-child(1),body#toppage .bnrs ul li:nth-child(3){transition-delay:.1s}body#toppage .bnrs ul li:nth-child(2){transition-delay:.2s}}body#toppage .bnrs ul li a{display:flex;flex-direction:column;align-items:center;gap:.625rem;aspect-ratio:1/1;padding:1.25rem 1.25rem .625rem;text-decoration:none;background-color:#f5d447}@media(max-width: 640px){body#toppage .bnrs ul li a{gap:2.0833333333vw;padding:4.1666666667vw 4.1666666667vw 2.0833333333vw}}body#toppage .bnrs ul li a picture{width:100%;aspect-ratio:9/7;overflow:hidden}body#toppage .bnrs ul li a picture img{transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body#toppage .bnrs ul li a p{position:relative;z-index:1;flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%;color:var(--bk);font-size:1.125rem;font-weight:700;text-align:center}@media(max-width: 640px){body#toppage .bnrs ul li a p{font-size:3.75vw}}body#toppage .bnrs ul li a p::before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:var(--bk10);-webkit-mask:url("../images/toppage/bnr_bg.svg") no-repeat 50% 50%;mask:url("../images/toppage/bnr_bg.svg") no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}@media(any-hover: hover){body#toppage .bnrs ul li a:hover picture img{transform:scale(1.2)}}body#toppage .instagram .contents{display:flex;flex-direction:column;align-items:center;gap:2.5rem}@media(max-width: 640px){body#toppage .instagram .contents{gap:6.25vw}}body#toppage .instagram .contents .embed{position:relative;width:100%}body#toppage .instagram .contents .embed a{position:absolute;top:0;left:0;display:block;width:100%;height:100%}body#toppage .instagram .contents .nav a{display:flex;justify-content:center;align-items:center;gap:1.25rem;padding:.9375rem 2.5rem;color:var(--wh);font-size:1.125rem;font-weight:700;text-decoration:none;background-color:var(--key);transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}@media(any-hover: hover){body#toppage .instagram .contents .nav a:hover{transform:scale(1.1)}}@media(max-width: 640px){body#toppage .instagram .contents .nav a{gap:2.0833333333vw;padding:3.125vw 6.25vw;font-size:3.75vw}}body#toppage .instagram .contents .nav a::before{content:"";width:1.875rem;aspect-ratio:1/1;background-color:var(--wh);-webkit-mask:url("../images/icon_instagram.svg") no-repeat;mask:url("../images/icon_instagram.svg") no-repeat;-webkit-mask-size:contain;mask-size:contain}@media(max-width: 640px){body#toppage .instagram .contents .nav a::before{width:6.25vw}}