@charset "utf-8";


@media (max-width: 1600px) {
/* 	s52 */
	.s52 .arti2 .box > figure{max-width:50%}
}


@media (max-width: 1024px) {
/* s51 */
	.s5 .arti1 figure{height: 250px;}	
	.s5 .arti1 .tbx p{font-size: 22px; line-height: 1.5; padding: 0 10px; word-break: keep-all;}
	.s5 .arti1 .tbx p br{display: none;}
	.s51 .arti2{flex-direction: column; gap:30px; margin-top: 50px;	}
	.s51 .arti2 .lbx p{font-size: 26px;}
	.s51 .arti2 .lbx p b{font-size: 32px;}
	.s51 .arti2 .rbx{padding-top: 0;}
	.s51 .arti2 .rbx b{font-size: 24px; line-height: 1.5; word-break: keep-all;}
	.s51 .arti2 .rbx b br{display: none;}
	.s51 .arti2 .rbx .p-box{gap:1em;}
	.s51 .arti2 .rbx .p-box p{font-size: 18px; word-break: keep-all;}
	.s51 .arti2 .rbx .p-box p br{display: none;}

/* s52 */	
	.s52 .arti2{gap:30px; margin-top: 50px;} 
	.s52 .arti2 .box{gap:50px; flex-direction: column !important;  padding-bottom: 30px;} 	
	.s52 .arti2 .box > figure{max-width:100%}
	.s52 .arti2 .box > figure img{width: 100%;}
	.s52 .arti2 .box > .tbx{padding-left: 0; padding-top: 0;}
	.s52 .arti2 .box > .tbx > span{font-size: 36px;}
	.s52 .arti2 .box > .tbx > .text{margin-top: 20px; gap:5px}
	.s52 .arti2 .box > .tbx > .text b{font-size: 26px;}
	.s52 .arti2 .box > .tbx > .text p{font-size: 18px; }
	
	.s5 .arti1 figure:before{width: 20vw; height: 20vw; background-size: contain; bottom: -10vw;}
}