.visual_sec{position:relative;display:flex;justify-content:center;align-items:center;
text-align:center;padding:200px 100px; height:100vh} 
		.visual_sec.-left{justify-content:flex-start;text-align:left}
		.visual_sec.-right{justify-content:flex-end;text-align:left}
		.visual_sec.-top{align-items:flex-start}
		.visual_sec.-bottom{align-items:flex-end}
		.visual_sec .slogan{position:relative;z-index:10;color:#fff}
		.visual_sec .slogan .tit{font-size:20px;font-family:'Noto Serif';overflow:hidden}
		.visual_sec .slogan .tit span{display:block;transform:translateY(100%);transition:1s }
		.visual_sec .slogan .stit{font-size:60px;font-family:'Noto Serif';margin:20px 0 50px;overflow:hidden}
		.visual_sec .slogan .stit span{display:block;transform:translateY(100%);transition:1s 0.5s}
		.visual_sec .swiper{position:absolute;inset:0}
		.visual_sec .swiper-slide img{width:100%;height:100%;object-fit:cover}
		.visual_sec .control{position:absolute;z-index:10;display:flex;gap:10px;align-items:center;justify-content:center; left:0%;width:100%;bottom:0;color:#fff;text-align:center;font-family:'Noto Serif';font-style:italic;}
		.visual_sec .control .scroll{position:absolute;top:0;transform:translateY(-100%);font-size:13px}
		.visual_sec .control .page{width:auto;display:flex;gap:15px;align-items:center;margin:20px 0}
		.visual_sec .control .page .bar{height:80px;border-left:1px solid #fff}
		.visual_sec .control .prev,
		.visual_sec .control .next{width:15px;height:15px;border:2px solid #fff;cursor:pointer}
		.visual_sec .control .prev{border-width:2px 0 0 2px;transform:rotate(-45deg)}
		.visual_sec .control .next{border-width:2px 2px 0 0;transform:rotate(45deg)}
		
		.visual_sec.on .slogan .tit span{transform:translateY(0)}
		.visual_sec.on .slogan .stit span{transform:translateY(0)}
		
		
/*pc*/
@media all and (min-width:1281px) {	 
	

}



/*mobile*/
@media all and (max-width:1280px) {
  .visual_sec{position:relative;display:flex;justify-content:center;align-items:center;
text-align:center;padding:20px 10px; height:100vh} 
  .visual_sec.-left{justify-content:center;align-items:center;}
  .visual_sec.-right{justify-content:center;align-items:center;}
  .visual_sec.-top{justify-content:center;align-items:center;}
  .visual_sec.-bottom{justify-content:center;align-items:center;}
  .visual_sec .slogan .tit{font-size:12px !important}
  .visual_sec .slogan .stit{font-size:34px !important}



}