html {
	font-family: 'Noto Sans JP', sans-serif;
	/* font-family: 'Dancing Script', cursive; */
}
#wrapper {
	max-width: 1920px;
	margin: 0 auto;
}
.container {
	max-width: 1024px;
	margin: 0 auto;
}
.sec-title {
	color: #666;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 10px;
	text-align: center;
	margin: 80px 0 50px;
}
.link-btn {
	color: #fdfdfd;
	text-align: center;
	line-height: 40px;
	width: 250px;
	height: 40px;
	margin-top: 1rem;
	border-radius: 6px;
	background-color: orange;
}
/* header */
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1024px;
	margin: 30px auto;
	padding: 0 4%;
}
header h1 a {
	transition: all 0.3s;
}
header h1 a:hover {
	opacity: 0.3;
}
header h1 img {
	display: block;
	width: 60%;
	margin: 0 auto;
}
#nav {
	display: flex;
}
#nav li {
	font-family: 'Poppins', sans-serif;
}
#nav li:not(:first-child) {
	margin-left: 2rem;
}
#nav li a {
	transition: all 0.3s;
}
#nav li a:hover {
	opacity: 0.3;
}

/* ヘッダー画像 */
#header-img {
	width: 100%;
	height: 500px;
	background: url(../img/header-img.jpg) center center / cover;
}

/* 企業理念 #philosophy */
#philosophy dl {
	/* font-size: 130%; */
	/* font-size: 130%; */
	width: 820px;
	margin: 0 auto;
}
#philosophy dt {
	font-size: 160%;
	color: #666;
	padding-bottom: 6px;
}
#philosophy dd {
	font-size: 130%;
}
#philosophy dd:not(:last-child) {
	padding-bottom: 1.5rem;
}

/* 取扱商品 */
.items-title {
	color: #666;
	font-size: 1.6rem;
	text-align: center;
	margin: 60px 0 30px;
}
.items-box {
	display: flex;
	justify-content: space-between;
}
.items-box img,
.items-box .items-explanation {
	width: 49%;
}
.items-box img {
	border-radius: 6px;
}
.items-explanation dt {
	color: orange;
	font-size: 1.3rem;
	padding-bottom: 3px;
	border-bottom: 1px dotted #666;
}
.items-explanation dt:not(:first-child) {
	padding-top: 12px;
}
.items-explanation dd {
	line-height: 1.3;
}
.items-explanation dd p::before {
	content: "◆ ";
}
.item-detail {
	padding-bottom: 6px;
}
.link-btn {
	margin: 1rem auto 0;
}

/* 会社概要 */
#company dl {
	display: flex;
	flex-wrap: wrap;
}
#company dl {
	width: 50%;
	margin: 0 auto;
}
#company dl dt,
#company dl dd {
	padding: 20px 0;
}
#company dl dt {
	text-align: right;
	width: 30%;
	padding-right: 2%;
	border-bottom: 1px solid #fff;
	background-color: #ddd;
}
#company dl dd {
	width: 70%;
	padding-left: 2%;
	border-bottom: 1px solid #ddd;
}

/* footer */
footer {
	color: #fdfdfd;
	font-size: 0.8rem;
	text-align: center;
	line-height: 80px;
	height: 80px;
	margin-top: 100px;
	background-color: #3d3d3d;
}

/* レスポンシブ */
@media screen and (max-width: 768px) {
	/* ヘッダー画像 */
	#header-img {
		height: 300px;
	}
	header {
		flex-direction: column;
	}
	#nav {
		margin-top: 2rem;
	}
	#nav li:not(:first-child) {
		margin-left: 10px;
	}
	/* 企業理念 */
	#philosophy dl {
		width: 96%;
	}
	#philosophy dt,
	#philosophy dd {
		font-size: 100%;
	}
	/* 取扱商品 */
	.items-box {
		flex-direction: column;
	}
	.items-box img,
	.items-box .items-explanation {
		width: 100%;
	}
	.items-explanation dl {
		width: 96%;
		margin: 0 auto;
	}
	/* .items-explanation dd {
		font-size: 0.9rem;
	} */
	.items-order div {
		order: 2;
	}
	.items-order img {
		order: 1;
	}
	.items-box img {
		padding-bottom: 1rem;
	}
	.item-detail {
		width: 96%;
		margin: 0 auto 1rem;
	}
	/* 会社概要 */
	#company dl {
		flex-direction: column;
		width: 96%;
	}
	#company dl dt,
	#company dl dd {
		width: 100%;
		padding: 6px 0 20px;
		border: none;
	}
	#company dl dt {
		text-align: center;
	}
	#company dl dd {
		padding-left: 1rem;
	}
}