@charset "utf-8";

#ctt .top img{
	width:100%;
}
#ctt .conbox {
	padding:0 10rem;
	margin-top:13rem;
}
#ctt .conbox > li{
	display:grid;
	grid-template-columns:545px 1fr;
	gap:10rem;
	border-bottom:1px solid #ddd;
	padding-bottom:10rem;
	margin-bottom:10rem;
}
#ctt .conbox > li:last-child {
	border:0;
	margin:0;
	padding:0;
}
#ctt .conbox > li img {
	width:100%;
}
#ctt .con {
	display:grid;
	align-content: center;
}
#ctt .con h3 {
	font-size:5rem;
	margin-bottom:5rem;
}
#ctt .con h3 span{
	font-size:3.2rem;
	font-weight:500;
}
#ctt .con h4{
	font-size:2.5rem;
	color:#09b1ec;
	font-weight:600;
	margin-bottom:3rem;
}
#ctt .con ul li {
	position:relative;
	padding-left:2rem;
	margin-bottom:2rem;
}
#ctt .con ul li:after {
	content:'';
	position:absolute;
	top:50%;
	left:0;
	translate:0 -50%;
	width:5px;
	height:5px;
	border-radius:50%;
	background-color:#ddd;
}

@media all and (max-width:1400px){
	#ctt .conbox {
		padding:0 5rem;
	}
	#ctt .conbox > li {
		grid-template-columns: 1fr;
	}
	#ctt .conbox > li img{
		max-width:540px;
	}
}
@media all and (max-width:640px){
	#ctt .conbox {
		padding:0;
	}
}