@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho+B1:wght@400;500;600&display=swap');
*{box-sizing:border-box!important;}
body{margin:0;padding:0;background:#F0E5DB;}

main .app {
	width:100%;
	max-width:750px;
	margin:0 auto;
	font-size:16px;
	letter-spacing:0.06em;
	line-height:1.25;
	padding-bottom:10em;
	font-family:'Noto Sans Japanese', sans-serif!important;
	font-weight:400;
	color:#535353;
}
main .app img{display:block; width:100%;margin:0;z-index:-1;}
main .app section div{padding-top:3em;margin-bottom:2em;}
main .app section div p,
main .app section div a{color:#534C46;}
main .app nav{margin-top:-7em;background:#fff;padding-bottom:2em;}
main .app nav ul{display:flex;justify-content:left;align-items:flex-start;flex-wrap:wrap;padding-left:4em;}
main .app nav ul li{list-style:none;margin-top:0.5em;margin-right:2%;}
main .app nav ul li:last-of-type{margin-right:0;}
main .app nav ul li a{display:inline-block;height:50px;}
main .app nav ul li a img{width:100%; height:100%; max-width:170px;}

@media screen and (max-width:750px){
main .app{padding-bottom:2em;}
main .app nav{padding-top:2em;margin-top:-3.5em;}
main .app nav ul{padding:0;justify-content:center;align-items:center;margin:0 auto;}
main .app nav ul li{margin-bottom:0.5em;}
main .app nav ul li:nth-of-type(1) a img{max-width:169px;}
}

@media screen and (max-width:425px){
main .app nav ul li a{height:40px;}
main .app nav ul li:nth-of-type(1) a img{max-width:135px;}
}