@charset "utf-8";

/* header */
header {
	background-color: #ecdec6;
	width: 100%;
	padding: 10px 0;
	box-sizing: border-box;
	position: fixed;
	z-index: 110;
	top: 0;
}

.header_inner {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	align-items: center;
	padding-left: 20px;
	position: relative;
}

@media screen and (min-width: 737px) {
	.sp {
		display: none;
	}

	.logo img {
		padding-top: 5px;
	}
}

@media screen and (max-width: 736px) {
	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	header {
		background: #ecdec6;
		height: 60px;
	}

	h1.logo {
		z-index: 1003;
	}

	.logo img {
		width: 100%;
		max-width: 160px;
	}
}