@charset "utf-8";

@media (max-width: 1400px) {
/* s51 */
	.s51 .arti2{gap:5vw}
	.s51 .arti2 .rbx{flex:1;}
}

@media (max-width: 1200px) {


}

@media (max-width: 1024px) {
/* sub-common */
	.sub-visual{height: 300px;}
	.sub-visual p{font-size: 28px;}
	.sub-top .speed-ul{margin-bottom: 30px;}
	.sub-top .sub-tit{font-size: 24px;}
	.sub-wrap{margin-bottom: 100px;}
	.lnb{margin-top: -50px; }
	.lnb > ul > li > a{height: 50px; font-size: 16px;}
	
	.lnb {position: relative; z-index: 10; width: 100%; max-width:10000px; padding: 0;} 
	.lnb b{position: relative; display: block; padding: 0px 20px; font-size: 18px; color: #fff; font-weight: 500; background: #35B2E8; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: 10px; top: 0; transition:.3s;}
	.lnb b.on:after{rotate:-180deg;}
	.lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #fff; z-index: 10; display: none;}
	.lnb > ul > li:after{display: none;}
	.lnb > ul > li:not(:last-child):before{display: none;}
	.lnb > ul > li > a{font-size: 16px; line-height: 40px; text-align: left; height: auto; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #ddd;} 
	
	.gray-box{padding: 30px; margin-bottom: 50px;}
	.gray-box > p{font-size: 16px; line-height: 1.5;}
	.gray-box ul > li.no-dot{flex-direction: column; align-items: flex-start; gap:0px;}
	.gray-box ul > li:not(.no-dot).sibv{flex-wrap:wrap;}
	.gray-box ul > li:not(.no-dot).sibv span{margin-left: 0; width: 100%; line-height: 1.5; text-indent: -8px; padding-left: 12px;}
	.gray-box ul > li.no-dot b{line-height: 1.5;}
	.gray-box ul > li:not(.no-dot){line-height: 1.5; display: inline; -ms-word-break: break-all;
	word-break: break-all;}
	.gray-box ul > li:not(.no-dot) i{line-height: 1.5;}
	.gray-box ul > li:not(.no-dot) p{flex:1; line-height: 1.5; display: inline; line-height: 1.5;}
	.gray-box ul > li:not(.no-dot) span{display: inline; line-height: 1.5;}
	.gray-box ul > li:not(.no-dot) i{display: inline-block; width: 10px;}
	.gray-box ul > li:not(.no-dot) p{flex:1; }
	.gray-box ul > li:not(.no-dot).sibv span{display: block; margin: 0 2px !Important;}
	
	.gray-box ul > li:not(.no-dot){display: block;}
/* s11 */	
	.s11 .arti1{margin-top: 30px; padding-top: 30px;}
	.s11 .arti1 .tit{font-size: 22px; line-height: 1.5; gap:0px; padding-bottom: 20px; margin-bottom: 40px;}
	.s11 .arti1 .tbx .flex-box .lbx .p-box{gap:1em}
	.s11 .arti1 .tbx .flex-box .lbx .p-box p{font-size: 16px; line-height: 1.5;}
	.s11 .arti1 .tbx .flex-box .lbx .p-box p br{display: none;}
	.s11 .arti1 .tbx .flex-box .lbx strong{font-size: 20px; line-height: 1.5; margin-top: 1em;}
	.s11 .arti1 .tbx .flex-box .rbx{margin-left: auto;}
	.s11 .arti1 .tbx .flex-box .rbx figure img{right: 0;}
	.s11 .arti1 .tbx b{font-size: 20px; line-height: 1.5; margin-bottom: 30px;}

/* s2 */
	.s2 .arti1{margin-top: 40px;}
	.s2 .arti1 figure{height: 220px;}
	.s2 .arti1 .p-box{margin-top: 30px; gap:1em;}
	.s2 .arti1 .p-box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s2 .arti1 .p-box p br{display: none;}
	
/* s32 */	
	.s3 .arti1 .table-wrap{margin-top: 40px;}
	.s3 .arti1 .table-wrap table tr th{font-size: 16px;	padding: 0 20px;}

/* s51 */	
	.s51 .arti1{padding-top: 40px; margin-top: 40px; font-size: 22px; line-height: 1.5; gap:0px; }
	.s51 .arti2{margin-top: 50px;    flex-direction: column;}
	.s51 .arti2 .lbx ul{flex-direction: column; flex-wrap:wrap; gap:10px;}
	.s51 .arti2 .lbx ul > li{flex:1 1 40%; gap:20px; padding: 20px;}
	.s51 .arti2 .rbx p{margin-top: 20px; line-height:1.5;}
	.s51 .arti2 .lbx ul > li i{width: 40px;}
	.s51 .arti2 .lbx ul > li p{font-size: 16px; line-height: 1.5;}
	
} 

@media (max-width: 640px) {
/* s11 */
	.s11 .arti1 .tbx{width: calc(100% - 20px); margin-left: 10px; padding: 30px 20px;}
	
/* s32 */	
	.s3 .arti1 .table-wrap{width: 100%; overflow-x: auto;}
	.s3 .arti1 .table-wrap table{width: 650px; overflow-x: auto;}
}

@media (max-width: 480px) {
/* sub-common */
	.sub-visual{height: 220px;}
}