@charset "UTF-8";

@font-face {
	font-family:"footer-font";
	src: url("../fonts/hanazome.ttf") format("truetype");
}


footer .contact{
	background: linear-gradient(140deg, #fdfdfd, #f0f0f0);
	-webkit-box-shadow: 15px 15px 15px 0 #e7e7e7 inset, -10px -10px 10px 0 #fff inset;
	box-shadow: 15px 15px 15px 0 #e7e7e7 inset, -10px -10px 10px 0 #fff inset;
	border-radius: 10vh;
	width: 60%;
	margin:10% auto;
	padding: 3%;
}

.contact_content{
	display: flex;
	justify-content:center;
	position:relative;
}

.footer_logo{
	width: 25%;
	margin: 0 3%;
}

.footer_title{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/*
.footer_title h1{
	font-family: "footer-font";
	font-size: 5.5rem;
	color: #457cb6;
}
*/

.footer_title h5{
	font-size: 1.1rem;
}

.contact-btn{
	width: fit-content;
	margin:30px auto 0;
}

.contact-btn a{
	display: flex;
	justify-content: center;
	align-items: center;
	height:65px;
	width: 170px;
	border-radius: 100vh;
	background: linear-gradient(140deg, #fcfcfc, #eeeeee);
	box-shadow: -5px -5px 5px 0 #ffffff, 7px 7px 20px 0 #cacaca;
	font-size: 1.1rem;
}

.contact-btn a:hover{
	-webkit-transform: translateY(4px);
	transform: translateY(10px);
	box-shadow: none;
}

/*ここからSP版*/
@media screen and (max-width:870px){
	
	footer .contact{
		width:90%;
		border-radius: 5vh;
	}
	
	.contact_content{
		flex-direction: column;
	}
	
	.footer_logo{
		width: 45%;
		margin: 5% auto;
	}
	
	.footer_title h1 {
		font-size:3rem;
		text-align:center;
	}
	
	.footer_title h5 {
		font-size:0.7rem;
		text-align:center;
		margin: 20px auto 0;
	}
	
	.contact-btn{
		margin:20px auto;
	}
	
	.contact-btn a{
		height: 50px;
		width: 150px;
	}
}