@charset "UTF-8";
/*
 * contact.css
 *
 */

/* !お問い合わせ
---------------------------------------------------------- */
.contact1 {
	width:100%;
	padding:120px 50px 150px 50px;
}
	.contact1 div.inner {
		width:100%;
		max-width:1100px;
		margin:0 auto;
	}

.telBox {
	max-width:700px;
	background:#f3f4f5;
	padding:30px;
	margin:0 auto 70px auto;
}
	.telBox p {
		text-align:center;
		font-size:18px;
		vertical-align:middle;
	}
		.telBox p i {
			margin-left:1em;
			margin-right:0.5em;
			color: #21A6D8;
		}
		.telBox p span {
			font-family: "Roboto", sans-serif;
			font-size:30px;
			font-weight:500;
			color: #21A6D8;
		}
		.telBox p br {
			display:none;
		}
		.telBox p a {
			color:#21A6D8;
		}
		
ul.contactStep {
	width:100%;
	margin:0 auto 60px auto;
}
	ul.contactStep li {
		width:30%;
		float:left;
		margin-right:5%;
	}
		ul.contactStep li:last-child {
			margin-right:0;
		}
		ul.contactStep li.norm {
			display:block;
			height:60px;
			line-height:60px;
			background:#8FC5D6;
			text-align:center;
			font-size:20px;
			font-weight:700;
			color:#FFF;
			position:relative;
		}
			ul.contactStep li.norm:after {
				position:absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 30px 0 30px 30px;
				border-color: transparent transparent transparent #8FC5D6;
				top:0;
				right:-30px;
			}
				ul.contactStep li:last-child.norm:after {
					display:none;
				}
		ul.contactStep li.current {
			display:block;
			height:60px;
			line-height:60px;
			background:#5FA0D1;
			text-align:center;
			font-size:20px;
			font-weight:700;
			color:#FFF;
			position:relative;
		}
			ul.contactStep li.current:after {
				position:absolute;
				content:"";
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 30px 0 30px 30px;
				border-color: transparent transparent transparent #5FA0D1;
				top:0;
				right:-30px;
			}
				ul.contactStep li:last-child.current:after {
					display:none;
				}

a.indexBtn {
	display: block;
	width:100%;
	max-width:300px;
	height: 66px;
	font-weight: 700;
	line-height: 62px;
	color: #FFF;
	text-align: center;
	background-color: #21A6D8;
	border: 2px solid #21A6D8;
	border-radius: 35px;
	transition:.3s;
	margin: 0 auto;
}
	a.indexBtn i {
		margin-right: 0.6em;
	}
		a.indexBtn:hover {
			color:#21A6D8;
			background-color: #FFF;
			transform: scale(1.04);
		}

.privacy {
	width:100%;
	background-color: #f3f4f5;
	padding:30px 40px;
	margin-bottom: 30px;
}

@media screen and (max-width:1039px){
.contact1 {
	padding:100px 30px 120px 30px;
}
	
.telBox {
	max-width:600px;
	padding:25px 15px;
	margin:0 auto 60px auto;
}
	.telBox p {
		font-size:16px;
	}
		.telBox p span {
			font-size:24px;
		}
	
ul.contactStep {
	margin:0 auto 50px auto;
}
	ul.contactStep li.norm {
			height:56px;
			line-height:56px;
			font-size:18px;
		}
			ul.contactStep li.norm:after {
				border-width: 28px 0 28px 28px;
				right:-28px;
			}
		ul.contactStep li.current {
			height:56px;
			line-height:56px;
			font-size:18px;
		}
			ul.contactStep li.current:after {
				border-width: 28px 0 28px 28px;
				right:-28px;
			}
	
a.indexBtn {
	max-width:240px;
	height: 60px;
	font-weight: 700;
	line-height: 56px;
}
		a.indexBtn:hover {
			color:#FFF;
			background-color: #21A6D8;
			transform: none;
		}	
}

@media screen and (max-width:767px){
.contact1 {
	padding:80px 25px 100px 25px;
}
	
.telBox {
	padding:20px;
	margin:0 auto 50px auto;
}
	.telBox p {
		font-size:15px;
	}
		.telBox p span {
			font-size:22px;
			margin-left:0;
		}
		.telBox p br {
			display:block;
		}
		
ul.contactStep {
	margin:0 auto 40px auto;
}
	ul.contactStep li {
		width:28%;
		margin-right:8%;
	}
		ul.contactStep li.norm {
			height:46px;
			line-height:46px;
			font-size:100%;
		}
			ul.contactStep li.norm:after {
				border-width: 23px 0 23px 23px;
				right:-23px;
			}
		ul.contactStep li.current {
			height:46px;
			line-height:46px;
			font-size:100%;
		}
			ul.contactStep li.current:after {
				border-width: 23px 0 23px 23px;
				right:-23px;
			}
	
.privacy {
	padding:20px 15px;
	margin-bottom: 30px;
}
}