@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');

body {
	font-size: 62.5%;
	font-weight: 400;
	line-height: 1.5;
	color: #343434;
	font-family: 'Noto Serif JP', serif;
	font-feature-settings: "palt";
}

a {
	color: #343434;
	text-decoration: none;
}

a.on,
a:hover {
	text-decoration: none;
}

img {
	vertical-align: bottom;
}

/* ------------------------------------- */
header {
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 1000px;
	background: #fff;
}

header .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	padding: 20px 0;
	width: 1000px;
	text-align: center;
}

#logo {
	display: inline-block;
	padding: 0;
	vertical-align: middle;
}

#navi {
	display: inline-block;
	width: 85%;
	vertical-align: middle;
}

#navi ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#navi li {
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.07em;
}

#navi li a {
	display: block;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#navi li a:hover {
	opacity: 0.5;
}

/* ------------------------------------- */
main {
	padding: 111px 0 0;
}

main section > .inner {
	margin: 0 auto;
	width: 1000px;
}

#top {
	background: url("../img/top_img.jpg") center center no-repeat;
	background-size: cover;
}

#top .inner {
	padding: 150px 0;
}

#about {
	background: #eddc44 url("../img/bg_about.png") center center no-repeat;
	background-size: cover;
}

#about .inner {
	padding: 150px 0;
	text-align: center;
}

#about h2 {
	display: inline-block;
	margin: 0 0 100px;
	padding: 10px 15px;
	background: #fff;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
}

#about p {
	font-size: 22px;
	line-height: 2.45;
	font-weight: 600;
	letter-spacing: 0.1em;
}

#flow {
}

#flow .inner {
	padding: 150px 0 50px;
	text-align: center;
}

#flow h2 {
	display: inline-block;
	margin: 0 0 50px;
	padding: 10px 15px;
	background: #eddc44;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
}

#flow ol {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1000px;
}

#flow li {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	text-align: center;
}

#flow li dt {
	padding: 50px 0 0;
}

#flow li dd {
	padding: 10px 10px 0;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.1em;
	text-align: justify;
}

#flow li:nth-child(1){
	width: 306px;
}

#flow li:nth-child(2) {
	width: 424px;
}

#flow li:nth-child(3){
	width: 262px;
}

#flow li:last-child dd {
	text-align: center;
}

#artist {
}

#artist .inner {
	padding: 150px 0 50px;
	text-align: center;
}

#artist h2 {
	display: inline-block;
	padding: 10px 15px;
	background: #eddc44;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
}

#artist dl {
	clear: both;
	margin: 100px auto 0;
	width: 800px;
}

#artist dt {
	float: right;
	width: 600px;
	text-align: left;
	vertical-align: top;
}

#artist dd {
	float: right;
	padding: 20px 0 0;
	width: 600px;
	font-size: 16px;
	line-height: 2;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: left;
	vertical-align: top;
}

#artist dd.img {
	float: left;
	padding: 0;
	width: 200px;
	vertical-align: top;
}

#products {
	clear: both;
}

#products .inner {
	padding: 150px 0 50px;
	text-align: center;
}

#products h2 {
	display: inline-block;
	margin: 0 0 50px;
	padding: 10px 15px;
	background: #eddc44;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
}

#products ul {
	letter-spacing: -0.4em;
}

#products li {
	display: inline-block;
	padding: 50px 0 0;
	width: 33.33%;
	letter-spacing: normal;
}

#company {
	text-align: center;
}

#company .inner {
	padding: 150px 0 150px;
	text-align: center;
}

#company h2 {
	display: inline-block;
	margin: 0 0 40px;
	padding: 10px 15px;
	background: #eddc44;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
}

#company table {
	margin: 0 auto;
	width: 80%;
}

#company table th {
	padding: 10px 0 0;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 600;
	text-align: left;
	white-space: nowrap;
}

#company table td {
	padding: 10px 0 0 30px;
	font-size: 18px;
	line-height: 1.7;
	text-align: left;
}

#company table td ul li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

#enquiry {
	background: #eddc44;
}

#enquiry .inner {
	padding: 150px 0 150px;
	text-align: center;
}

#enquiry h2 {
	display: inline-block;
	margin: 0 0 50px;
	padding: 10px 15px;
	background: #fff;
	font-size: 36px;
	line-height: 1;
	font-weight: 600;
}

#enquiry p {
	vertical-align: middle;
}

#enquiry p a {
	display: inline-block;
	padding: 0 0 0 20px;
	
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#enquiry p a:hover {
	opacity: 0.5;
}

#sns {
	
}

#sns .inner {
	padding: 100px 0 100px;
	text-align: center;
}



/* ------------------------------------- */
footer {
	padding: 0 0 30px;
	text-align: center;
}

footer .inner {
}

footer p {
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	text-align: center;
}