@charset "utf-8";

#inc01 {overflow:hidden}
#inc01 .inner{max-width:185rem;width:100%;margin:0 auto;padding:15rem 5rem}
	
#inc01 .tit_box{margin-bottom:5rem;text-align:center}
#inc01 .tit_box .motion{margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center}
#inc01 .motion .box{width:1rem;height:1rem;background:#222;justify-content:center;align-items:center}
#inc01 .motion .box01{background:var(--pt-color);animation:moveRotateLeft 2s infinite ease-in-out;}
#inc01 .motion .box02{ animation: moveRotateRight 2s infinite ease-in-out;}

@keyframes moveRotateLeft {0%{transform: translateX(0) rotate(0deg);}50%{transform: translateX(-10px) rotate(180deg);}100%{transform: translateX(0) rotate(360deg);}}
@keyframes moveRotateRight {0%{transform: translateX(0) rotate(0deg);}50%{transform: translateX(10px) rotate(180deg);}100%{transform: translateX(0) rotate(360deg);}}

#inc01 .tit_box .tit{margin-bottom:1rem;font-size:4.5rem;font-weight:700;color:#222;font-family:'Play'}
#inc01 .tit_box .txt{font-size:1.7rem;line-height:150%;color:#888}

#inc01 .inc01_cont_area{width:100%;padding-bottom:5rem;overflow:hidden}
#inc01 .cont_box{position:relative}
#inc01 .cont_box:before{content:'';width:70%;height:5rem;border-radius:50%;background:#000;position:absolute;bottom:-1rem;left:50%;z-index:-1;transform:translateX(-50%);filter: blur(20px);opacity:.2}

#inc01 .cont_box .cont_inner{padding:2rem;border-radius:2rem;background:#f7f7f7}
#inc01 .cont_box a{display:block;width:100%;border-radius:0 2rem 2rem 2rem;background:#fff;overflow:hidden}
#inc01 .cont_box .img_box{width:100%;border-radius:2rem;overflow:hidden;position:relative}
#inc01 .cont_box .img_box > img{width:100%}
#inc01 .cont_box .img_box .b_num{width:16rem;height:4.5rem;border-radius:0 0 2rem 0;background:#f7f7f7;font-size:1.5rem;font-weight:700;text-align:center;color:#222;position:absolute;top:0;left:0;z-index:2;display:flex;align-items:center;gap:.5rem;justify-content:center;font-family:'Play'}


#inc01 .img_box .more_btn{width:5rem;height:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .5s}
#inc01 .img_box .more_btn:before{content:'';width:100%;height:100%;border-radius:100%;background:rgba(248, 182, 43,.8);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .8s}
#inc01 .img_box .more_btn img{position:relative;z-index:10;transition:all .5s}


#inc01 .img_box:hover .more_btn{opacity:1}
#inc01 .img_box:hover .more_btn img{transform:rotate(180deg)}
#inc01 .img_box:hover .more_btn:before{transform:translate(-50%,-50%) scale(20)}

#inc01 .cont_box .txt_box{padding:3rem;border-radius:0 0 2rem 2rem;text-align:center}
#inc01 .cont_box .tit{font-size:3rem;font-weight:700;color:#222}
#inc01 .cont_box .s_tit{margin-bottom:.5rem;font-size:1.5rem;font-weight:700;color:var(--pt-color);font-family:'Play'}
#inc01 .cont_box .txt{font-size:1.7rem;line-height:150%;color:#888}

#inc01 .inc01-pagination{text-align:center}
#inc01 .swiper-pagination-bullet-active{background:var(--pt-color)}

@media(max-width:1280px){
	#inc01 .inner{padding:13rem 2rem}
	#inc01 .tit_box .tit{font-size:4.2rem}
	#inc01 .cont_box .txt_box{padding:2rem}
	#inc01 .cont_box .tit{font-size:2.7rem}
}
@media(max-width:1024px){
	#inc01 .inner{padding:10rem 0}
	#inc01 .tit_box {padding:0 2rem}
	#inc01 .tit_box .tit{font-size:3.9rem}
	#inc01 .inc01_cont_area{width:100%}
	#inc01 .cont_box{max-width:40rem;width:90%;margin:0 .5rem}
	#inc01 .cont_box .tit{font-size:2.4rem}
}
@media(max-width:767px){
	#inc01 .inner{padding:9rem 0}
	#inc01 .tit_box .tit{font-size:3.6rem}
	#inc01 .cont_box .img_box{height:25rem}
}
@media(max-width:480px){
	#inc01 .inner{padding:8rem 0}
	#inc01 .tit_box .tit{font-size:3.3rem}
	#inc01 .cont_box .cont_inner{padding:1rem}
}
@media(max-width:320px){
	#inc01 .inner{padding:7rem 0}
	#inc01 .tit_box .tit{font-size:3rem}
}