/* --------------------------------------------------- */
.contact {
	max-width: 1000px;
	width: 90%;
	margin: 0px auto;
}
.contact .mv {
	width: 100%;
	height: 350px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	background: url(../images/contact/mv.jpg) no-repeat center center;
	background-size: cover;
	margin-bottom: 50px;
}
/* --------------------------------------------------- */
.contact .box {
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	
	max-width: 800px;
	width: 100%;
	margin: 0px auto;
}
/* --------------------------------------------------- */
.contact .box dl {
	width: 70%;
	float: left;
	margin-right: 3%;
}
.contact .box dt {
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
	font-size: 140%;
	line-height: 170%;
	margin-bottom: 15px;
}
.contact .box dd {
	text-align: center;
	border: #FFA15C 2px dashed;
	padding: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.contact .box dd strong {
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
	font-size: 120%;
}
.contact .box dd p {
	text-align: center;
	font-family: kan48typos-std, sans-serif;
	font-weight: 400;
	font-size: 230%;
	line-height: 120%;
}
.contact .box dd p::before {
	font-family: "Font Awesome 5 Free";
	content: '\f095';
	font-weight: 900;
	margin-right: 10px;
}
.contact .box dd span {
	font-size: 90%;
}
.contact .box dd span br {
	display: none;
}
/* --------------------------------------------------- */
.contact .box .ill {
	width: 27%;
	margin-top: -70px;
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */



@media screen and (max-width: 900px) {
	/* --------------------------------------------------- */
	.contact .mv {
		height: 250px;
	}
	/* --------------------------------------------------- */
	.contact .box dl {
		width: 65%;
		float: left;
		margin-right: 1%;
	}
	.contact .box .ill {
		width: 34%;
		margin-top: -60px;
	}
	/* --------------------------------------------------- */
}
@media screen and (max-width: 680px) {
	/* --------------------------------------------------- */
	.contact .mv {
		height: 170px;
	}
	/* --------------------------------------------------- */
	.contact .box dl {
		width: 69%;
		float: left;
		margin-right: 1%;
	}
	.contact .box dt {
		font-size: 120%;
	}
	.contact .box dd {
		padding: 15px 0;
	}
	.contact .box dd strong {
		font-size: 110%;
	}
	.contact .box dd p {
		font-size: 180%;
		margin-bottom: 5px;
	}
	.contact .box dd span {
		display: block;
		line-height: 120%;
		text-align: center;
	}
	.contact .box dd span br {
		display: block;
	}
	.contact .box .ill {
		width: 30%;
		margin-top: 40px;
	}
	/* --------------------------------------------------- */
}