.pc {
	display: block;
}
.sp {
	display: none;
}
/*---------------------------------------*/
.contact-area {
	margin: 0 auto;
	width: 80%;
}
.contact-top {
	display: flex;
    justify-content: center;
}
.contact-top p {
	padding: 15px 20px;
    width: 25%;
    text-align: center;
}
.contact-top p:nth-child(1) {
	color: #888888;
	background-color: #ffffff;
	border-radius: 5px 0 0 0;
}
.contact-top p:nth-child(2) {
	color: #888888;
	background-color: #ffffff;
	border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
}
.contact-top p:nth-child(3) {
	background-color: #11445E;
	border-radius: 0 5px 0 0;
}
/*---------------------------------------*/
.end-ttl,
.end-txt {
	margin: 0 auto;
	text-align: center;
	color: #11445E;
}
.end-ttl {
	font-size: 25px;
}
.end-txt {
	line-height: 24px;
}
/*---------------------------------------*/
@media screen and (max-width: 896px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.contact-area {
		width: 100%;
	}
	.contact-top p {
		width: auto;
	}
	.contact-top p:nth-child(3) {
		border-radius: 5px;
	}
	.contact-box p {
		margin:20px 0; 
	}
	.contact-box p label {
		display: block;
	}
	.contact-box label .select-box {
		width: 100%;
		margin-top: 20px;
	}
	.c-btn {
		gap: 0;
	}
	.end-ttl,
	.end-txt {
		width: 85%;
	}
	.end-ttl {
		line-height: 45px;
	}
	.end-txt {
		text-align: left;
		line-height: 25px;
	}
}