@charset "utf-8"; 
 
@keyframes slide-up {
	from	{opacity:0; transform: translateY(80px);}
	to		{opacity:1.0; transform: translateY(0);}
}

/* VISUAL  ================================================================================== */
.main_container								{padding-top:130px ;}
.main_visual .bxslider						{visibility:hidden;}
.main_visual .mvideo_box				{position: relative;width: 100%; aspect-ratio:16/9; padding:0; margin:0;   }

.main_visual										{position:relative; top:0; left:0; overflow:hidden;  }  
.main_visual_item 							{ display:table; height:620px;  }
.main_visual .bg 								{ overflow:hidden; position:absolute; width:100%; height:100%; top:0; left:0; filter: brightness(0.75); animation:imgScale 3s both; } 
.visual_txt											{position:absolute; text-align:center; width:100%; top:14%;   z-index:100; color:#fff;animation: slide-up 1.3s cubic-bezier(.3,.2,0,1) forwards;} 
.visual_txt .txt01								{font-family: 'Paperlogy';font-weight:500; font-size:2.8em; line-height:1.2; text-shadow: 3px 0 10px rgba(0,0,0,0.35); transition:all 0.3s ease;}
.visual_txt .txt02								{font-family: 'Paperlogy';font-weight:700; font-size:3.2em;  line-height:1.3; text-shadow: 3px 0 10px rgba(0,0,0,0.35); transition:all 0.3s ease;}
.visual_txt .txt03								{position: relative; font-weight:600; font-size:1.2em; line-height:1.3;   padding-top:30px;  text-shadow: 3px 0 10px rgba(0,0,0,0.35); transition:all 0.3s ease;}
.visual_txt .txt03::before  				{position: absolute; content:''; top:10px; left:calc(50% - 50px); width:100px; height:3px; background:#fff;   }
 

@media screen and (max-width:1650px) {  
    .main_visual_item 							{ height:0 !important; padding-top:38%; } 
	.visual_txt .txt01						    	{  font-size:var(--55px); } 
	.visual_txt .txt02						    	{  font-size:var(--65px); } 
	.visual_txt .txt03						    	{  font-size:var(--26px);   } 
 }  
@media screen and (max-width:1024px) {
	.main_container							{padding-top:60px ;}    
	.visual_txt .txt01						    	{  font-size:var(--60px); } 
	.visual_txt .txt02						    	{  font-size:var(--70px); } 
	.visual_txt .txt03						    	{  font-size:var(--30px);   } 
    .visual_txt .txt03::before  				{  left:calc(50% - 40px); width:80px; height:2px;   }
 } 
@media screen and (max-width:768px) {
	.main_visual_item 						{ display:block; height:300px !important; padding-top:initial; } 
	.visual_txt .txt01						    	{  font-size:var(--70px); } 
	.visual_txt .txt02						    	{  font-size:var(--80px); } 
	.visual_txt .txt03						    	{  font-size:var(--36px);   } 
    .visual_txt .txt03::before  				{  left:calc(50% - 30px); width:60px;    }
}
@media screen and (max-width:600px) {
	.main_visual_item 						    {  height:260px !important;  }  
	.visual_txt .txt01						    	{  font-size:var(--95px); } 
	.visual_txt .txt02						    	{  font-size:var(--105px); } 
	.visual_txt .txt03						    	{  font-size:var(--50px);  padding-top:10px;  } 
    .visual_txt .txt03::before  				{  display:none;   }
}
 
   
/* MAIN_CONT  ================================================================================== */





/* main_news_wrap    ================================================================================== */ 
.main_news_wrap								        	{position:relative; padding:80px 0 0 0;  display: flex;  justify-content: space-between;gap:5%;   } 
.main_news_wrap .item01				        	{position:relative;width:55%;}
.main_news_wrap .main_bn			    		{position:relative;width:40%;  display: grid; grid-template-columns:repeat(3, 1fr); gap:16px; text-align:center;   } 
.main_news_wrap .main_bn li		        	{position:relative; background:#eef7fe; border-radius:15px; padding:22px 0; display: flex; flex-direction: column; justify-content:center; align-items:center;   } 
.main_news_wrap .main_bn figure			{position:relative;top:0; transition:all 0.3s ease;}  
.main_news_wrap .main_bn .txt				{position:relative;color:#000; font-family: 'Paperlogy'; font-weight:600; font-size:0.95em; padding-bottom:10px;  line-height:1.1;  }
 
 .main_news_wrap .main_bn li:hover figure        {top:-10px;  }

 

@media screen and (max-width:1400px) {  
	.main_news_wrap							        	{ padding:70px 20px 0 20px;  gap:4%;   } 
    .main_news_wrap .item01				    	{ width:53%;}
    .main_news_wrap .main_bn					{ width:43%; }
}
@media screen and (max-width:1250px) {   
    .main_news_wrap .item01				    	{ width:49%;}
    .main_news_wrap .main_bn					{ width:47%;  gap:10px; }
} 
@media screen and (max-width:1024px) {    
	.main_news_wrap							        	{ padding-top:50px; flex-flow:wrap; gap:40px;  }  
    .main_news_wrap .item01				    	{ width:100%;}
    .main_news_wrap .main_bn					{ width:100%; gap:16px;   } 
    .main_news_wrap .main_bn li		       	{padding:15px 0  ;   } 
    .main_news_wrap .main_bn figure img        {width:80px; }
}

@media screen and (max-width:768px) {    
	.main_news_wrap										{padding-top:40px; gap:30px;  }  
    .main_news_wrap .main_bn figure img        {width:70px; }
}
@media screen and (max-width:480px) {    
    .main_news_wrap .main_bn					{  grid-template-columns:repeat(2, 1fr);  gap:10px;   } 
    .main_news_wrap .main_bn li		       	{padding:10px 0  ;border-radius:10px;   } 
}
 

/* main_news_wrap    ================================================================================== */ 
 




  


 

/* main_program  ================================================================================== */ 
.main_program										{position:relative; padding:130px 0 80px 0;  background:url('../img/main/main_bgitem02.png') no-repeat right bottom ; transition:all 0.4s ease;}
.main_program::before						{position:absolute;content:''; left:0; top:0; width:100%; height:100%; background:url('../img/main/main_bgitem01.png') no-repeat 0 0 ; transition:all 0.4s ease;} 
.main_program .tit								{position:relative; text-align:center; font-size:1.1em;color:#000;  line-height:1.4; font-weight: 500; padding-bottom:40px;display: flex; flex-direction: column; justify-content:center; align-items:center;  } 
.main_program .tit p								{font-size:2em;color:var(--color2); font-family: 'Paperlogy';font-weight:600; padding:0 0 10px 0;}
 

.main_program .main_pro_list									{position:relative; overflow:hidden;height:380px; display: block;    } 
.main_program .main_pro_list .list								{position:relative;overflow:hidden;   background:#fff;  border-radius:0.7em; margin:15px;box-shadow: 2px 2px 13px 0 rgba(0,0,0,0.12);transition:all 0.3s ease;} 
 
.main_program .main_pro_list .list .tag							{position:absolute;left:0;top:0;min-width:70px;background:#8c8c8c; line-height:34px; padding:0 10px; color:#fff; font-size:0.9em; border-radius:0 0 10px 0;  text-align:center; z-index:1;}
.main_program .main_pro_list .list .tag.ing					{background:#ea3a78 !important;}
.main_program .main_pro_list .list .img  						{position:relative; aspect-ratio:32/22; overflow:hidden;transition:all 0.4s ease;}   
.main_program .main_pro_list .list .img img					{width:100%; height:100%; object-fit:cover;transition:all 0.4s ease;}   
.main_program .main_pro_list .list:hover .img img					{transform: scale(1.07);}
.main_program .main_pro_list .list .cont							{position:relative;padding:20px   ;  }
.main_program .main_pro_list .list .txt01						{position:relative; font-size:1.05em;font-weight:600;color:#000; line-height:1.3; overflow:hidden;  text-overflow: ellipsis;-o-text-overflow: ellipsis; display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; word-wrap: break-word; margin-bottom:10px; }
.main_program .main_pro_list .list .txt02						{position:relative;  font-size:0.925em;  color:#6a6a6a; padding:0 0 10px 13px ;font-weight:500; line-height:1.2;  }
.main_program .main_pro_list .list .txt02::before			{position:absolute; content:''; left:2px; top:6px; height:3px; width:3px; background:#6a6a6a; border-radius:5px; }
 
 
.main_program .arrow								{position:absolute; top:50%; width:100%; z-index:11; }
.main_program .arrow p							{position:absolute; width:60px; height:60px;background:#fff; border:1px solid #bdbdbd; border-radius:50px;cursor:pointer;  opacity:0.5; transition:all 0.3s ease; }
.main_program .arrow span					{display:inline-block; border:solid #555; padding:7px;}
.main_program .arrow .prev					{left:-70px;}
.main_program .arrow .prev span			{margin:21px 0 0 25px; border-width:0 2px 2px 0; transform:rotate(135deg);}
.main_program .arrow .next					{right:-70px;}
.main_program .arrow .next span			{margin:21px 0 0 17px;border-width:2px 2px 0 0; transform:rotate(45deg);} 
.main_program .arrow p:hover				{opacity:1; }

 
.program_list_dots								{z-index:1; margin:20px 0 0 0;text-align:center;}
.program_list_dots li							    {display:inline-block; cursor:pointer;}
.program_list_dots li span					{display:inline-block; content:''; width:10px; height:10px; border-radius:50%; margin:0 5px; background:#000; opacity:0.25;}
.program_list_dots li:hover span, .program_list_dots .slick-active span	{opacity:0.6;}

 
 
@media screen and (max-width:1580px) { 
    .main_program .arrow .prev					{left:-20px;}
    .main_program .arrow .next					{right:-20px;}
}
@media screen and (max-width:1500px) {
    .main_program::before						    {  background-size:170px auto; } 
    .main_program .arrow .prev					{left:0;}
    .main_program .arrow .next					{right:0;}
} 
@media screen and (max-width:1400px) {
    .main_program										{  padding:110px 10px 60px 10px;  background-size:260px auto; }    
    .main_program::before						{  background-size:150px auto; } 
    .main_program .tit p								{font-size:1.9em; }
} 
@media screen and (max-width:1024px) {
.main_program										{  padding:50px 10px; background:none; }   
.main_program::before						{display:none; }
.main_program .tit								{  font-size:1.05em;  padding-bottom:30px;}   
    
.main_program .tit .more                        {  top:10px; }
.main_program .tit .more a						{  padding-right:40px;  }
.main_program .tit .more span				{  width:29px; height:29px;  }   

.main_program .arrow p							{ width:50px; height:50px;  }
.main_program .arrow span					{  padding:6px;} 
.main_program .arrow .prev span			{margin:17px 0 0 20px;  } 
.main_program .arrow .next span			{margin:17px 0 0 15px; }  
}
 
@media screen and (max-width:768px) {
.main_program .tit  								{font-size:1em; } 
} 
@media screen and (max-width:580px) {
.main_program .tit  								{font-size:0.95em; } 
} 

/* main_program  ================================================================================== */ 


 

 
  

/* main_gallery  ================================================================================== */ 
.main_gallery										{position:relative; padding:70px 0;   background:#f4f5f7 ; }
.main_gallery .tit								{position:relative; text-align:center; font-size:1.1em;color:#000;  line-height:1.4; font-weight: 500; padding-bottom:40px; display: flex; flex-direction: column; justify-content:center; align-items:center;  } 
.main_gallery .tit p								{font-size:2em;color:var(--color2); font-family: 'Paperlogy';font-weight:600; padding:0 0 10px 0;}

 
@media screen and (max-width:1400px) {
	.main_gallery									{padding:70px 10px;}
    .main_gallery .tit p						{font-size:1.9em; }
} 
@media screen and (max-width:1024px) {
	.main_gallery									{padding:50px 10px;}
    .main_gallery .tit							{  font-size:1.05em;  padding-bottom:30px;}    
} 
@media screen and (max-width:768px) {
    .main_gallery .tit  								{font-size:1em; } 
} 
@media screen and (max-width:580px) {
    .main_gallery .tit  								{font-size:0.95em; } 
} 

/* main_gallery  ================================================================================== */ 

  






/* FAMSITE    ================================================================================== */
.famsite									{position:relative; padding:30px 0; border-top:1px solid #e5e5e5; background:#fff;}
.famsite ul								{width:calc(100% - 60px); margin:0 auto; text-align:center; }
.famsite ul li							{display:inline-block; line-height:90px; border:1px solid #e5e5e5; margin:1px 5px; text-align:center; }
.famsite .arrow p					{position:absolute; top:calc(50% - 15px); width:30px; height:30px; cursor:pointer;}
.famsite .arrow span				{display:inline-block; border:solid #aaa; border-width:0 2px 2px 0;  padding:5px; margin:10px 0 0 10px;}
.famsite .arrow span:hover	{border-color:#555;}
.famsite .prev							{left:7px; transform: rotate(135deg);}
.famsite .next							{right:7px; transform: rotate(-45deg);}
 
@media screen and (max-width:1024px) {   
	.famsite								{padding:25px 0;} 
}
@media screen and (max-width:768px) {   
	.famsite								{padding:20px 0;} 
}
/* FAMSITE    ================================================================================== */