@charset "utf-8";

@media (max-width: 1840px) {
	.sub-visual{height: 380px;}
	.sub-visual > img{width: 45vw; align-self: self-start; padding-top: 50px;}
	.sub-visual{padding-left: 20px;}
	
/* s41 */	
	.s41 .arti1 .gray-box{padding: 70px 3vw;}
	.s41 .arti1 .gray-box .flex{gap:5vw}
	.s41 .arti1 .gray-box .flex .box{flex:1;}
	.s41 .arti1 .gray-box .flex .box .tbx p{font-size: 18px;}
	.s41 .arti2 .gray-box{padding: 70px 3vw;}
	
	
}
@media (max-width: 1460px) {
	/* s11 */
	.s11 .arti1:before{right: 20px; bottom: 20px;}	
	.s11 .arti1 .tbx{padding: 40px; padding-right: 300px;}
	.s11 .arti1 .tbx h3{margin-bottom: 20px;}
	.s11 .arti1 .tbx > .p-box p{word-break: keep-all; }
	.s11 .arti1 .tbx > .p-box p br{display: none;}


}
@media (max-width: 1024px) {
	.sub-visual{height: calc(300px + 10vw);}
	.sub-visual .tbx{ width: 100%;}
	.sub-visual .tbx h4{font-size: 36px;}
	.sub-visual .tbx h4.sub-tit-4{font-size: 36px;}
	.sub-visual .tbx p{font-size: 16px; line-height: 1.5;}
	.sub-visual > img{position: absolute; right: 0; top: 0;	}
	.lnb{margin-top: -50px; margin-bottom: 40px;}
	.lnb ul > li > a{height: 40px; }
	.lnb ul > li > a b{font-size: 16px;}
	
/* s11 */	
	.s11{margin-bottom: 120px;}
	.s11 .arti1{height: auto;}
	.s11 .arti1 .tbx{padding: 40px; padding-bottom: 180px;}
	.s11 .arti1:before{z-index: -1; opacity: 0.5; width: 200px; background-size: 100%;}
	.s11 .arti1 .tbx h3{font-size: 28px;}
	.s11 .arti1 .tbx > b{font-size: 18px; margin-bottom: 10px; line-height: 1.5; word-break: keep-all;}
	.s11 .arti1 .tbx > b br{display: none;}
	.s11 .arti1 .tbx > b strong{font-size: 32px;}
	.s11 .arti1 .tbx > .p-box p{font-size: 16px; line-height: 1.5;}
	.s11 .arti1 .tbx > .p-box{gap:1.5em}
	.s11 .arti2 {margin-top: 80px; scroll-margin-top: 100px;}
	.s11 .arti2 h3{font-size: 28px; gap:10px}
	.s11 .arti2 h3 b{font-size: 33px;}
	.s11 .arti2 figure{margin-top: 40px;}
	
/* s41 */	
	.s41{margin-top: -50px; margin-bottom: 150px;}
	.s41 .arti1 .gray-box{padding: 30px 20px;}
	.s41 .arti1 .gray-box .flex{flex-direction: column;}
	.s41 .arti1 .gray-box .flex .box figure{height: auto;}
	.s41 .arti1 .gray-box .flex .box .tbx p{flex-direction: column; line-height: 1.5; gap:0px}
	.s41 article h4{font-size: 22px; margin-bottom: 30px; line-height: 1.5;}
	.s41 .arti1 .gray-box .bottom-box{margin-top: 30px; padding-top: 30px;}
	.s41 .arti1 .gray-box .bottom-box p{font-size: 18px; line-height: 1.5;}
	.s41 .arti1 .gray-box .bottom-box ul > li{font-size: 16px; line-height: 1.5;}
	.s41 .arti2{margin-top: 50px;}
	.s41 .arti2 .gray-box{padding: 30px 20px;}
	.s41 .arti2 .gray-box p{font-size: 18px; line-height: 1.5;}
	.s41 .arti2 .gray-box ul > li{width: 100%; font-size: 16px; line-height: 1.5;}
	
	
/* footer */
	#sub .footer-wrap{height: auto; padding: 40px 0px; background-size: cover; align-items: flex-start; }
	#sub #footer{flex-direction: column; align-items: flex-start; gap:20px;}
	#sub #footer .bottom-box ul{flex-direction: row; gap:10px;}
	#sub #footer .bottom-box ul > li:not(.last) > a{height: 38px; width: 110px; font-size: 12px;}
	#sub #footer .bottom-box ul > li.last b{font-size: 12px; width: 110px; gap:10px}
	#footer .bottom-box ul > li.last b i img{width: 10px;}
	
}

@media (max-width: 640px) {
	.sub-visual .tbx h4.sub-tit-4{font-size: 28px;}
	.sub-visual > img{width: 55vw; }
/* s11 */
	.s11 .arti1 .tbx{padding: 40px 20px 180px;}
}

@media (max-width: 480px) {
	.sub-visual{margin-bottom: 60px;}
	.sub-visual > img{position: absolute; right: 0; top: 0;	width: 65vw;}


/* s11 */	
	.s11 .arti1 .tbx > b strong{font-size: 28px; }
	.s11 .arti1 .tbx h3 b{display: block;}
	
	
/* footer */	
	#sub #footer .top-box .ft-logo{margin-bottom: 20px; }
	#sub #footer .top-box .ft-logo img{width: 200px;}
	#sub #footer .top-box ul > li{line-height: 1.5;}
	#sub #footer .top-box ul > li span{display: block;}
	#sub #footer .top-box ul > li span:not(:last-child):after{display: none;}
	
}