/*------------------------------------------------small pc size-------------------------------------------------------------*/
@media screen and (max-width:1499px){

	/* header.php */
	header{padding-left: 0;padding-right: 0}
	header ul{width: 1270px;margin: 0 auto;padding-left: 15px;padding-right: 15px}

	/* index.php */
	.main-content01 img{width: 800px;}

}
@media screen and (min-width:992px) and (max-width:1299px){

	.main-content07 ul li{width: calc((100% - 48px) / 3);}
	.main-content07 ul li:nth-child(3n){margin-right: 0;}
	.main-content07 ul li:nth-child(4n){margin-right: 24px;}
	.main-content07 ul li:nth-child(12n){margin-right: 0;}
	.main-content07 ul li:nth-child(n+4){margin-top: 24px;}
	.main-content07 ul li .bg-wrap{height: 220px;}

}

@media screen and (max-width:1299px){	
	header ul,.container{width: 970px;}
	header ul li:first-child + li a{margin-right: 30px;font-size: 16px}
	h2{font-size: 38px}
	.sub-title{font-size: 28px}
	.main-content01{height: auto;}
	.main-content01 .text-wrap{padding-top: 100px;padding-bottom: 100px}
	.main-content01 img{width: 700px;}
	.main-content01 h2{padding-top: 0;font-size: 72px}
	.main-content02 ul li{padding: 30px}
	.main-content03 .circle li{width: 220px;height: 220px;}
	.main-content03 .circle li h3{font-size: 20px}
	.main-content03 .circle li p{padding-left: 55px;background-position: left+30px top+2px;}
	.main-content03 .process .text-box h3{font-size: 16px}
	.main-content03 .process .text-box p{height: 165px;}
	.main-content04 .col-md-12 > ul > li:last-child{padding-left: 50px}
	.main-content04 ul li ul li{height: 270px;padding: 20px}
	.main-content04 ul li ul li div{height: 72px;}
	.main-content04 ul li ul li h3{font-size: 22px}
	.main-content06 .col-md-12 > ul > li:first-child{width: 100%;padding-right: 0;margin-bottom: 50px}
	.main-content06 .col-md-12 > ul > li:first-child + li{width: 100%;}
	.main-content06 .col-md-12 > ul > li h3{margin-top: 10px}
	
}

@media screen and (max-width:1199px) {

	.main-content01 a + img{display: none;}

}

@media screen and (min-width:992px){

}

@media screen and (min-width:992px) and (max-width:1199px) {
		
}

@media screen and (max-width:991px) {
	header{height: 60px;}
	header ul,.container {width: 750px;}
	header ul li:first-child a{margin-top: 10px}
	header ul li svg{width: 110px;height: 40px;}
	header ul li:first-child + li{padding-top: 10px}
	header ul li:first-child + li a{display: none;}
	header ul li:first-child + li a:last-child{width: 40px;height: 40px;padding-left: 0;font-size: 0;background-position: center center;}
	.side-scroll{display: none;}
	.main-content01{overflow: hidden;}
	.main-content01 .text-wrap{padding-top: 0}
	.main-content01 img{position: relative;right: -120px}
	.main-content01{margin-top: 60px!important}
	.main-content01 .text-wrap{max-width: 750px;padding-left: 15px;padding-right: 15px}
	.main-content02 ul li{width: calc((100% - 30px) / 2);margin-right: 0;margin-left: -1px;margin-bottom: 30px}
	.main-content02 ul li:first-child{margin-right: 30px;}
	.main-content02 ul li:last-child{margin-bottom: 0;}
	.main-content03 .process li{width: 100%;}
	.main-content03 .process .text-box p{height: auto;padding-bottom: 30px}
	.main-content03 .process .text-box h3{font-size: 22px}
	.main-content03 .circle li{width: calc((100% - 30px) /2);height: 200px;margin-bottom: 30px;margin-right: 30px;margin-left: -1px!important;padding-top: 60px}
	.main-content03 .circle li:nth-child(even){margin-right: 0}
	.main-content03 .circle li:last-child{margin-bottom: 0;margin-right: 0}
	.main-content03 .circle li:after{border-radius: 0;}
	.main-content03 .circle li p br{display: none;}	
	.main-content04 .col-md-12 > ul > li:first-child{width: 200px;}
	.main-content04 .col-md-12 > ul > li:last-child{width: calc(100% - 200px);}
	.main-content04 ul li ul li{width: 100%;height: auto;margin-bottom: 15px;margin-right: 0;padding-top: 30px;padding-bottom: 30px}
	.main-content04 ul li ul li div{height: auto;}
	.main-content04 ul li ul li h3{position: relative}
	.main-content05 ul li:first-child{width: calc(100% - 200px);}
	.main-content05 ul li:first-child + li{width: 200px;font-size: 0;}
	.main-content07 ul li{width: calc((100% - 24px) / 2);}
	.main-content07 ul li:nth-child(2n){margin-right: 0;}		
	.main-content07 ul li:nth-child(n+3){margin-top: 24px;}
	.main-content07 ul li .bg-wrap{height: 250px;}
	.main-content07 ul li h4{font-size: 18px;}	


}

@media screen and (min-width:768px) and (max-width:991px) {

}


/*------------------------------------------------mobile size-------------------------------------------------------------*/
@media screen and (max-width:767px) {
	h2{font-size: 28px;}
	header ul, .container{width: 100%;}
	.main-content02,.main-content03,.main-content04,.main-content05,.main-content06{padding-top: 80px;padding-bottom: 80px}
	.main-content01 .text-wrap{padding-bottom: 50px}
	.main-content01 img{right: -31px}
	.main-content01 p{font-size: 18px}
	.main-content01 h2{font-size: 48px}
	.main-content02 ul li{width: 100%;margin-right: 0;padding: 15px}	
	.main-content02 ul li:first-child{margin-right: 0;}
	.main-content02 ul li h3{font-size: 22px;}
	.main-content03 .circle li{width: 100%;height: auto;margin-right: 0;margin-left: 0;padding: 30px 15px}
	.main-content03 .circle li h3{text-align: left;}
	.main-content03 .circle li p{padding-left: 25px;background-position: left top+2px;}
	.main-content03 .circle li:first-child + li + li + li + li{height:30vw;}
	.main-content04 .col-md-12 > ul > li:first-child{width: 100%;}
	.main-content04 .col-md-12 > ul > li:last-child{width: 100%;padding-left: 0;}
	.main-content05 ul li:first-child{width: 100%;}
	.main-content05 ul li:first-child + li{display: none;}
	.main-content04 .col-md-12 > ul > li:first-child img{margin: 0 auto 30px}
	.main-content04 ul li ul li div + p br{display: none;}
	.main-content06 .half{width: 100%;margin-right: 0}
	.main-content06 .half:first-child{margin-bottom: 30px}
	.main-content06 .col-md-12 > ul > li ul li{margin-bottom: 30px}
	.main-content07 ul li{width: 100%;margin-left: 0;margin-right: 0!important;}		
	.main-content07 ul li:nth-child(n+2){margin-top: 24px;}
	.main-content07 ul li .bg-wrap{height: auto}	
}


@media screen and (min-width:320px) and (max-width:767px) {

}

@media screen and (max-width:640px) {	
	.main-content06 .col-md-12 > ul > li .title + div br{display: block;}
	.main-content06 .col-md-12 > ul > li .title + div label{width: 120px;margin-right: 20px;margin-bottom: 10px}
	.xs-mb0{margin-bottom: 0!important}
	.main-content06 .btn-box > div,.main-content06 .btn-box > div + div{width: 100%;}
	.main-content06 .btn-box > div + div a{margin: 30px auto 0}
	.sample-modal{padding: 20px}
	.sample-modal .close-btn{top: 20px;right: 20px}
	.sample-modal h4{font-size: 20px;}
	footer ul li:first-child span{width: 105px;}
}

@media screen and (max-width:480px) {
	.main-content05 table thead th,.main-content05 table tbody td{font-size: 15px;text-align: center;}	
}

@media screen and (max-width:374px) {
	
}