html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
    box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
    font-family: "Zen Maru Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
	font-size: 120%;
	font-feature-settings: "palt";
	background: #fcf8ee;
	color: #1d1b1b;
}

img{
    width: 100%;
}

a{
	text-decoration: none;
	color: #1d1b1b;
}

div.wrap{
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

div.header{
	padding: 80px 0;
}

h1.logo{
	width: 70%;
	margin: auto;
}

div.info{
	text-align: center;
	padding: 20px;
}

h2{
	font-weight: 500;
	font-size: 120%;
	margin: 0 0 20px;
}

div.info p{
	margin: 0 0 50px 0;
}

div.slider{
	margin: 0 0 100px 0;
}

div.profile{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 20px;
}

div.a_profile{
	width: 45%;
	text-align: center;
	margin: 0 0 100px 0;
}

div.a_profile img{
	width: 90%;
	margin: 0 0 40px 0;
}

div.a_profile h3{
	font-weight: 500;
	margin: 0 0 20px 0;
}

div.a_profile p{
	font-size: 80%;
}

div.shop p{
	font-weight: 500;
	text-align: center;
	margin: 0 0 10px 0;
}

div.footer{
	text-align: center;
}

div.footer img{
	padding: 40px 0;
	width: 100px;
}

span.k{
	display: inline-block;
}

@media screen and (max-width:1000px) {
	body{
		font-size: 90%;
	}

	div.header{
		padding: 40px 0;
	}

	div.slider{
		margin: 0 0 20px 0;
	}

	div.a_profile{
		width: 45%;
		margin: 0 0 40px 0;
	}

	div.a_profile img{
		width: 70%;
		margin: 0 0 20px 0;
	}

	div.a_profile h3{
		font-size: 110%;
	}
	
	div.a_profile p{
		font-size: 100%;
	}
	
	div.shop{
		width: 90%;
		margin: auto;
	}
}


@media screen and (max-width:500px) {
	body{
		font-size: 80%;
	}

	div.info{
		padding: 10px;
	}

	div.header{
		padding: 40px 0;
	}

	div.slider{
		margin: 0 0 20px 0;
	}

	div.a_profile{
		width: 90%;
		margin: 0 0 40px 0;
	}

	div.a_profile img{
		width: 70%;
		margin: 0 0 20px 0;
	}

	div.a_profile h3{
		font-size: 120%;
	}
	
	div.a_profile p{
		font-size: 110%;
	}
	
	div.shop{
		width: 90%;
		margin: auto;
	}
}