@charset "utf-8";

@media (max-width: 1400px) {
	#main{max-width:100%; overflow: hidden;}

	.mcnt2 .flex > .lbx .tbx{padding: 20px;}
	
	.mcnt2 .flex > .lbx .tbx .p-box p br {display: none;}

}


@media (max-width: 1024px) {
/* main */
	.main-visual .mv_owl .m_txt h3{font-size: clamp(28px, 4.9vw, 54px); line-height: 1.5;}
	.main-visual .mv_owl .m_txt .box span{font-size: 16px; padding: 5px 10px;}

	.mcnt1 .wrap1{flex-direction: column; padding-top: 50px; }
	.mcnt1 .wrap1 .lbx{gap:10px}
	.mcnt1 .wrap1 .lbx h4{font-size: 26px; line-height: 1.5;}
	.mcnt1 .wrap1 .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.mcnt1 .wrap1 .lbx p br{display: none;}
	.mcnt1 .wrap1 .rbx > ul{flex-wrap:wrap;}
	.mcnt1 .wrap1 .rbx > ul > li:nth-child(odd){margin-top: 30px;}
	.mcnt1 .wrap1 .rbx > ul > li{flex:1 1 40%}
	.mcnt1 .wrap1 .rbx > ul > li figure img{width: 100%;}
	
	.mcnt2 {position: relative; margin-top: 50px; padding-top: 80px;}
	.mcnt2 big{display: none;}
	.mcnt2 .flex{width: 100%; flex-direction: column-reverse; box-sizing: border-box;}
	.mcnt2 .flex > *{width: 100%;}
	.mcnt2 .flex > .lbx {align-items: flex-start;justify-content: flex-start;}
	.mcnt2 .flex > .lbx .tbx{padding: 50px 20px; gap:20px;}
	.mcnt2 .flex > .lbx .tbx .p-box{gap:1em}
	.mcnt2 .flex > .lbx .tbx .p-box p{font-size: 16px; line-height: 1.5;}

	.mcnt2 .flex > .lbx .tbx .logo {font-size: 30px;}
	.mcnt2 .flex .more {bottom: 250px; transform: scale(.8); left: initial; right: 15px;}

}

@media (max-width: 640px) {

	

	.m-visual .visual .swiper-wrapper .swiper-slide .wrap1 h3 {font-size: 42px;}

	.mcnt1 .wrap1 .rbx > ul > li .tbx{padding: 20px 10px; margin-top: 0;} 	
	.mcnt1 .wrap1 .rbx > ul > li .tbx p{word-break: keep-all;	}
	.mcnt1 .wrap1 .rbx > ul > li .tbx p br{display: none;}

	.mcnt2 .flex .more {transform: scale(.6); right: 0; bottom: -70px;}

}

@media (max-width: 480px) {

	.m-visual .visual .swiper-wrapper .swiper-slide .wrap1 h3 {font-size: 30px;}
	
	.mcnt1 .wrap1 .rbx > ul > li .tbx b {font-size: 18px;}
	.mcnt1 .wrap1 .rbx > ul > li .tbx p {font-size: 14px;}
	
	.mcnt2 {padding-bottom: 150px;}
	.mcnt2 .flex > .lbx .tbx .logo {font-size: 24px;}
}