/*  */
.df{display: flex;flex-wrap: wrap;}


/* section01 */
#section01{overflow: hidden;z-index: 1;position: relative;}
#section01 .firework{position: absolute;top:0;left:0;bottom:0;/* right:0; */width: 100%;height: 100%;}
#section01 .firecracker{font-size: 15px;width:1em;height:1em;background: rgba(255, 255, 255, 0.5);position: absolute;border-radius: 50%;box-shadow: 	0 0 0 0 #F38BA0,	0 0 0 0 #F7FFB0,	0 0 0 0 #E8E295,	0 0 0 0 #FFEFA3,	0 0 0 0 #C3E895,	0 0 0 0 #EDF6E5,	0 0 0 0 #FFBCBC,	0 0 0 0 #B6FFA3;transition-property: box-shadow;transition-duration: 2s;transition-timing-function: eaes-out;}
#section01 .firework > .firecracker.boom {background:rgba(0, 0, 0, 0);box-shadow: 5em 0 1em 0 #F38BA0,-5em 0 1em 0 #F7FFB0,0 5em 1em 0 #E8E295,0 -5em 1em 0 #FFEFA3,3.5em 3.5em 1em 0 #C3E895,3.5em -3.5em 1em 0 #EDF6E5,-3.5em 3.5em 1em 0 #FFBCBC,-3.5em -3.5em 1em 0 #B6FFA3;}

#section01 .main_bg_wr {width: 100%;transition: all 0.4s ease;position: relative;background: url(../img/2025/main_bg02.png) no-repeat center;background-size: cover;background-position: bottom;}
#section01 .main_visual {width: 100%;background-size: cover;flex-direction: column;align-items: center;justify-content: center;padding: 58px 0 0;gap: 24px;}

#section01 .main_bg_con {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;overflow: hidden;}
#section01 .main_bg_con .slick-slide {width: 100%;height: 100%;float: left;display: block;}
#section01 .main_bg_con .bg {width: 100%;height: 100%;min-height: 100vh;}
#section01 .main_bg_con .bg01 {background: url("../img/2025/main_bg01.png") no-repeat center;background-size: cover;}

#section01 .main_visual .top_con {padding: 0 60px;}
#section01 .main_visual .top_con img {}

#section01 .main_visual .mid_con {padding: 0 40px;}
#section01 .main_visual .mid_con p {background: #1a1a1a35;padding: clamp(12px,2vw,20px) clamp(14px,2vw,34px);border-radius: 36px;border: 3px solid #b83bff;color: #fff;font-family: Cafe240hsquare;letter-spacing: 0.5px;font-weight: 500;font-size: clamp(18px,2vw,22px);text-align: center;line-height: 1.4em;}
#section01 .main_visual .mid_con p span {color: #b83bff;text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff,-2px  2px 0 #fff, 2px  2px 0 #fff;}

#section01 .main_visual .btm_con.pc_only {display: grid;grid-template-columns: 11% 13% 10% 12% 9% 11% 10% 13% 11%;position: relative;align-items: end;height: clamp(360px,44vw,600px);}
#section01 .main_visual .btm_con.pc_only .nine {height: 100%;max-height: 600px;position: relative;margin-left: -14%;z-index: 1;}
#section01 .main_visual .btm_con.pc_only .nine .df {justify-content: center;align-content: flex-end;height: 100%;}
#section01 .main_visual .btm_con.pc_only .nine:hover .df .top_img {animation: bounce 1.2s infinite ease-in-out alternate;}

#section01 .main_visual .btm_con.pc_only .nine:nth-child(1) {z-index: 0;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(2) {z-index: 1;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(3) {z-index: 1;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(4) {z-index: 0;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(5) {z-index: 1;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(6) {z-index: 0;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(7) {z-index: 2;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(8) {z-index: 1;}
#section01 .main_visual .btm_con.pc_only .nine:nth-child(9) {z-index: 0;}

@keyframes bounce {
	0%   { transform: translateY(0); }
	50%  { transform: translateY(-5px); }
	100% { transform: translateY(0); }
}


#section01 .main_visual .btm_con.pc_only .nine .df .top_img img {position: relative;top: 52px;}
#section01 .main_visual .btm_con.pc_only .nine .df .btm_img {width: 100%;}
#section01 .main_visual .btm_con.pc_only .nine .df .btm_img img {width: 100%;height: 100%;}


#section01 .main_visual .btm_con.mo_only{display: none;}
#section01 .main_visual .btm_con.mo_only .three {
    width: calc(100% / 3 - 12px);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    height: 100%;
}

#section01 .main_visual .btm_con.mo_only .three a {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    color: #fff;
    font-family: 'Cafe240hsquare';
}
#section01 .main_visual .btm_con.mo_only .three a .img {
    width: 132px;
    height: 132px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #131b3864;
    border-radius: 100%;
}
#section01 .main_visual .btm_con.mo_only .three a .img img {
    max-width: 95px;
    max-height: 93px;
}


#section01 .main_visual .bg {position: absolute;bottom: 0;z-index: 2;width: 100%;}
#section01 .main_visual .bg img{width: 100%;}
@media screen and (max-width:768px) {
	#section01 .main_visual .btm_con.pc_only{display: none;}
	#section01 .main_visual .btm_con.mo_only{display: flex;padding: 0 28px 40px;align-items: center;justify-content: center;gap: 18px;}
}

@media screen and (max-width:520px) {
	#section01 .main_visual .btm_con.mo_only .three{flex: 0 1 calc(100% / 2 - 9px);}
	#section01 .main_visual .btm_con.mo_only .three a .img{width: clamp(132px, 38vw, 182px);height: clamp(132px, 38vw, 182px);}
}


#section02{background: url(../img/2025/section02_bg01.jpg) no-repeat center center;background-size: cover;width: 100%;height: 100%;padding:0 clamp(40px,10vw,400px);}
#section02 .top_con {}
#section02 .top_con .df {gap: 10px;padding: clamp(40px,4.8vw,104px) 0;}
#section02 .top_con .df .five {flex: 0 1 calc(100% / 5 - 8px);text-align: center;}
#section02 .top_con .df .five a {position: relative;}
#section02 .top_con .df .five a img {width: 100%;height: 100%;object-fit: contain;filter: drop-shadow(9px 7px 16px rgba(0, 0, 0, 0.4));}
#section02 .top_con .df .five a p {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;font-family: 'Cafe240hsquare';width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: #fff;font-size: clamp(18px,2vw,26px);}

#section02 .btm_con {}
#section02 .btm_con > .tit {text-align: center;font-family: 'Cafe240hsquare';color: #fff;font-size: clamp(24px,3.2vw,46px);padding: clamp(20px,2vw,26px) 0 clamp(40px,4.2vw,74px);}
#section02 .btm_con .df {gap: 24px;padding: 0 0 clamp(40px,4.8vw,104px);}
#section02 .btm_con .df .four {flex: 0 1 calc(100% / 4 - 18px);aspect-ratio: 4 / 5;}
#section02 .btm_con .df .four a {height: 100%;width: 100%;}
#section02 .btm_con .df .four a img {border-radius: 20px;height: 100%;width: 100%;object-fit: cover;}

@media screen and (max-width: 1600px) {
	#section02 {padding: 0 60px;}
}

@media screen and (max-width: 1024px) {
	#section02 {padding: 0 40px;}
}

@media screen and (max-width: 768px) {
	#section02 {padding: 0 20px;}

	#section02 .top_con .df .five{flex: 0 1 calc(100% / 2 - 8px);}
	#section02 .top_con .df .five:nth-child(3){display: none;}
	#section02 .top_con .df .five a p{font-size: clamp(20px,3.2vw,24px);}

	#section02 .btm_con .df .four{flex: 0 1 calc(100% / 2 - 18px);}
}

@media screen and (max-width:520px) {
	#section02 .btm_con .df .four:nth-child(3),
	#section02 .btm_con .df .four:nth-child(4){display: none;}
}