@import url("https://fonts.googleapis.com/css?family=Questrial");
html {
  min-height: 100%;
}
body {
  background: #fff;
  width:100vw;
  height:100vh;
	display: inline-block;
	padding-bottom:30px;
}
#hr {
    border-bottom:1px solid #000;
    margin:0;
    font-size: 12px;
	padding:0;
	display: inline-block;
}
h1{
	font-family: "Acme Gothic Wide","しっぽり明朝 Regular", "しっぽり明朝 Bold", "平成明朝 StdN W3", "平成明朝 Std W5", "筑紫A丸ゴシック レギュラー", "筑紫A丸ゴシック ボールド", "砧 丸明Kiso StdN R", "砧 丸明Fuji StdN R";
    font-size:2.6rem;
    letter-spacing:0.05rem;
	font-weight: 300;
}
h3{
    font-size:2.2rem;
    letter-spacing:0.1rem;
	font-weight: 300;
	margin:0;
	padding:0;
}
p{
	font-size:1.4rem;
	padding-top:2px;
}

.client{
	margin:5% auto;
	text-align: center;
	width:40%;
	height:auto;
}
.client_hr{
	width:100%;
}
.client_contents{
	margin:3% 0;
	display: inline-block;
}
.client_contents img{
	padding:0;
	width:60%;
	height:auto;
}
.production{
	margin:5% auto;
	text-align: center;
	width:40%;
	height:auto;
}
.production_hr{
	width:100%;
}
.production_contents{
	margin:2% 5%;
	width:80%;
	height:auto;
	display: inline-block;
}
.production_contents h4{
	font-size:2.2rem;
    font-weight: 200;
	margin:8% auto;
	line-height:2rem;
}
.production_contents p{
	font-size:1.2rem;
	line-height:1.4rem;
	padding:0;
	margin-bottom:5%;
}
.production_sample{
	width:70%;
	height:auto;
	text-align:center;
	display: inline-block;
}
.production_sample img{
	width:100%;
	height:auto;
	object-fit: cover;
}
.comment{
	margin:5% auto;
	text-align: center;
	width:40%;
	height:auto;
}
.comment_hr{
	width:100%;
}
.comment_contents{
	margin:2% 5%;
	width:80%;
	height:auto;
	text-align: center;
	display: inline-block;
}
.comment_contents p{
	padding-top:5%;
}


@media(max-width:900px){
	body{
		height:auto
	}
}

@media(max-width:760px){
	h1{
    font-size:2rem;
	}
	p{
	font-size:1rem;
	padding-top:0;
	}
	#hr {
	display: none;
}
	h3{
		display: none;
	}
	.client{
	width:100%;
}
	.production{
		width:100%;
		margin:5% auto;
	}
	.comment{
		width:100%;
	}
	.production_contents{
		margin:0;
	}
	.production h4{
		font-size:2rem;
	}
	.production p{
		padding:0 10px;
		font-size: 1rem;
	}
	.comment p{
		padding:0 10px;
	}
}