.banner{
	width: 100%;
	position: relative;
	background-image: url('../img/p1_img01.webp');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right;
	background-color: #DDEFF8;
	padding:40px 0 40px;
}
.mob_banner{
	display: none;
}
.banner .desc{
	width: 60%;
}
.a_btn{
	width: 100%;
	max-width: 360px;
}
.a_btn span{
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
	padding:5px 0 10px;
}
.cent1{
	width:100%;
	max-width: 800px;
	margin:auto;
	padding:25px 0 15px;
}
.cent1 h1{
	text-align: center;
	padding:10px 0 15px;
}
.cent2_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.cent2_box .lt{
	width: 48%;
}
.cent2_box .rt{
	width: 48%;
}
.cent2_box h2{
	position: relative;
	padding-bottom: 10px;
}
.cent2_box h2::after{
	content: "";
	background-color: #2A65E4;
	width: 100px;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.cent3{
	max-width: 800px;
	width: 100%;
	margin:auto;
	padding:3rem 0 1rem;
}
.cent4{
	max-width: 1000px;
	width: 100%;
	margin:auto;
}
.cent4 .list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	margin-top: 15px;
	flex-wrap: wrap;
}
.cent4 .list .lt{
	width: 27%;
}
.cent4 .list .desc{
	width: 68%;
	margin-right: 2%;
}
.cent4 .list .title{
	display: flex;
	justify-content: space-between;
	padding:10px 0 10px;
}
@media (max-width: 1200px){
	
}

@media (max-width: 960px){
	
	.banner{

		background-position: 45% 80%;

	}
	.banner .desc{
		width: 50%;
	}
}

@media (max-width: 760px){
	
	.banner{
		background-image: none;
		padding:15px 0 15px;
	}

	.banner .desc{
		width: 100%;
	}
	.mob_banner{
		display: block;
	}
	.a_btn{
		margin:auto;
		text-align: center;
	}
	.cent2_box .lt{
		width: 100%;
		order: 2;
		padding:10px 0 15px;
	}
	.cent2_box .rt{
		width: 100%;
		order: 1;
	}
	.cent3{
		padding:1rem 0 1rem;
	}

}
@media (max-width: 650px){

	.cent4 .list .lt{
		width: 100%;
	}
	.cent4 .list .desc{
		width: 94%;
		padding:10px 3% 10px 3%;
	}
	
}

@media (max-width: 480px){
	.header{
		padding:0;
	}
	.header .tag{
		width: 100%;
		order:1;
		background-color: #000;
		padding:0.3rem;
		color: #fff;
		font-size: 14px;
		text-align: center;
	}
	.header .logo{
		order:2;
		border:none;
		padding:15px 0 15px 0;
	}
}