@charset "UTF-8";

html{
	font-size:62.5%;
}

p, a, ul li{
	font-family: 'Noto Sans JP', sans-serif;
}

p{
	font-size:1.3rem;
	color:#000;
}

h1, h2, h5, .brand-caption a{
	color:#006934;
}

.mid-wrapper{
	padding:40px 0;
}

.top-caption{
	width:600px;
	margin:40px auto;
}

.first-wrapper{
	width:100%;
	box-sizing: border-box;
	padding:30px 0 50px;
}

.container{
	width:850px;
	margin:40px auto;
}

.brand-caption h1, .bold, .brand-caption a, .name{
	font-family: 'Roboto', sans-serif;
	font-weight:700;
}

.brand-caption h1{
	color:#000;
	font-size:2rem;
	letter-spacing:2px;
	line-height:2;
	text-align: center;
}

.brand-image{
	width:600px;
	margin:30px auto;
}

.middle{
	font-size:1.3rem;
	display: block;
}

.bold{
	display: block;
	font-size:1.5rem;
	letter-spacing:2px;
	line-height:2;
}

.fa-arrow-right{
	margin:0 3px;
}

.brand-caption p{
	margin:20px 0;
}

.logo{
	width:300px;
	margin:30px auto 50px;
}

.brand-caption a{
	font-size:1.5rem;
	padding:30px 0;
}

.second-wrapper{
	width:100%;
	box-sizing: border-box;
	background-color:#dddcd6;
	padding:50px 0;
}

.second-wrapper h1, .item-container h2{
	font-family: 'Lora', serif;
	letter-spacing:2px;
}

.item-container h2{
	font-size:3rem;
}

.small{
	font-size:1.2rem;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing:3px;
	display:block;
}

.second-wrapper h1, .style-container h2{
	font-size:4rem!important;
}

.item-container{
	margin:40px 0 50px;
	box-sizing: border-box;
	padding:30px 20px;
}

.slide-container{
	margin:10px 0;
}

.item-caption{
	padding:30px 0;
}

.style-container{
	margin-top:20px;
}

.style-container h2, .new-item-list li{
	text-align: center;
}

.style-img{
	width:500px;
	margin:15px auto;
}

.jikoshoukai{
	padding:30px 30px 10px;
}

/*タブレット*/
@media screen and (max-width: 768px){

	.container{
		width:600px;
	}
	
	.jikoshoukai{
		padding:40px 0 20px;
	}

}

/*スマホ*/
@media screen and (max-width:640px){

	.top-caption{
		width:300px;
		margin:40px auto;
		box-sizing: border-box;
		padding:0 15px;
	}
	
	.second-wrapper h1, .style-container h2{
		font-size:2.5rem;
	}
	
	.item-container h2{
		font-size:2rem;
	}
	
	.logo{
		width:200px;
		margin:30px auto 50px;
	}
	
	.second-wrapper{
		padding:50px 0 30px;
	}

	.container, .style-img{
		width:300px;
		margin:20px auto;
	}
	
	.brand-image{
		width:300px;
	}
	
	.item-container{
		margin:20px 0 40px;
		padding:20px 10px 30px;
	}

}

/* CSS Document */