@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	
	.sp {
		display: inline-flex;
	}
	
	header {
		position: fixed;
		background: -webkit-linear-gradient(#FFF 60%, transparent);
		background: -o-linear-gradient(#FFF 60%, transparent);
		background: linear-gradient(#FFF 60%, transparent);
	}
	
	.header_wrap {
		align-items: center;
	}
	
	.header_menu {
		width: auto;
	}
	
	#contents {
		padding: 90px 0px 0px;
	}
	
	.logo {
		width: 80%;
	}
	
	.header_tel {
		max-width: 100%;
		width: 100%;
	}
	
	.header_tel a {
		max-width: 140px;
	}
	
	footer .inner_wrap {
		display: flex;
		justify-content: center;
	}
}


@media screen and (max-width: 600px) {
	.page_ttl_wrap {
		padding: 40px 0px 0px;
	}
	
	.page_ttl_wrap::after {
		height: 70px;
		bottom: -10px;
		background-size: 100% auto;
	}
	
	section {
		padding: 30px 0px;
	}
	
	section::before {
		height: 100px;
		top: 0px;
	}
	
	.footer_img {
		margin: 0px auto;
	}
	
	.white_box > dt {
		padding: 15px 10px;
	}
}