@charset "UTF-8";

html{
	font-size:62.5%;
}

p{
	font-size:1.3rem;
	font-family: 'Noto Sans JP', sans-serif;
}

.mid-wrapper{
	width:800px;
	margin:30px auto;
}

.top-caption{
	box-sizing: border-box;
	padding:60px 0 50px;
}

.cap-wrapper{
	width:800px;
	margin:20px auto;
	box-sizing: border-box;
	padding-top:40px;
}

.logoimg{
	width:45%;
	margin:10px auto;
}

.brand-caption{
	box-sizing: border-box;
	padding:30px 0;
}

.brand-caption h1{
	font-size:2rem;
	text-align: center;
	margin-bottom:20px;
	font-family: 'Noto Sans JP', sans-serif;
}

.brand-caption p{
	padding:10px 0;
}

.concept{
	text-align: center;
	font-weight:500;
	margin-bottom:20px;
}

.big-wrapper{
	box-sizing: border-box;
	padding:40px 0 60px;
}

.beige{
	background-color: #fffaf0;
}

.style-box{
	width:900px;
	margin:30px auto;
}

.style-box h1, .point-caption h2{
	font-family: 'Yeseva One', cursive;
}

.style-box h1{
	text-align: center;
	font-size:4rem;
	color:#d2691e;
}

.style-img-tate{
	width:550px;
	margin:30px auto;
}

.point-caption{
	width:600px;
	margin:30px auto;
}

.point-caption h2{
	font-size:2.8rem;
	line-height:1.5;
	box-sizing: border-box;
	padding:20px 0;
	color:#a52a2a;
	text-align: center;
}

.point-caption p{
	padding:10px 0;
}

.new-item-list li, .sp-center a{
	font-family: 'Noto Sans JP', sans-serif;
}

.new-item-list li{
	text-align:center;
}

.style-img-flex{
	display:flex;
	height: auto;
	align-items:flex-start;
	justify-content: space-between;
	margin-top:40px;
}

.style-img-flex img{
	width:32.5%;
}

.jiko_soto{
	background-color: #fff1cf;
	margin-top:-5px;
}

.name h5{
	font-family: 'Yeseva One', cursive;
	color:#a0522d;
}

.jikoshoukai_img img{
	width:300px!important;
}

.jikoshoukai_img{
	text-align: inherit;
}

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

	.mid-wrapper, .cap-wrapper, .style-box{
		width:650px;
	}
	
	.concept{
		padding-bottom:30px;
	}
	
	.jikoshoukai_img{
		text-align: center;
	}

	.jiko_soto{
		padding-bottom:30px;
	}

}

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

	.mid-wrapper, .cap-wrapper, .style-box, .style-img-tate,.point-caption{
		width:320px;
	}
	
	.logoimg{
		width:80%;
	}
	
	.brand-caption h1{
		font-size:1.7rem;
	}
	
	.style-box h1{
		font-size:3.5rem;
	}

	.point-caption h2{
		font-size:1.8rem;
	}
	
	.jiko_soto{
		margin-top:-20px;
	}
	
	.style-img-flex{
		display: block;
		box-sizing: border-box;
		padding:0 20px;
	}

	.style-img-flex img{
		width:100%;
		margin-bottom:5px;
	}
	
	.style-img-flex img:last-of-type{
		margin-bottom:0;
	}



}
/* CSS Document */