@charset "UTF-8";

header {
	background:#7D622E; 
	padding:20px 0; 
	text-align:center;
}
h1 img {
	width:100%;
}
main {
	text-align:center;
	background:#fff;
	width:100%;
	margin:0px auto;
	padding:80px 0 0px;
}
main img {
	max-width:100%;
	vertical-align:top;
}
/*main a.btn01{
	border:solid 1px #fff; 
	border-radius:10px; 
	padding:0.5em 1em; 
	text-decoration:none; 
	font-size:2.1rem; 
	font-weight:bold;
	display:inline-block; 
	margin:1.5em 0; 
	color:#FFF; 
	line-height:1.2;
}
main a.btn02{
	border:solid 1px #333; 
	border-radius:10px; 
	padding:0.5em 1em; 
	text-decoration:none; 
	font-size:2.1rem; 
	font-weight:bold;
	display:inline-block; 
	margin:1.5em 0; 
	background:#FFF; 
	line-height:1.2;
}*/
main h1 {
	font-size:4.0rem;
	color:#7D622E;
}
main h2 {
	font-size:3.6rem;
	margin-top:65px;
}
main p {
	font-size:1.6rem;
}
section {
	padding:1em 0 40vw;
}
section.sec01 {
	background:url(../img/bg01.png) no-repeat bottom center / 100%;
}
section.sec01 .youtube iframe {
  width: 800px;
  aspect-ratio: 16 / 9;
}
.wrap1100 {
	width:1100px;
	margin:0 auto;
}
span.font70 {
	font-size:70%;
}

@media screen and (max-width: 768px) { 
header img { width:70%;}
main {
}
main h1 {
	font-size:2.8rem;
	color:#7D622E;
}
main h2 {
	font-size:2.4rem;
	margin-top:65px;
}
section.sec01 .youtube iframe {
	width:90%;
}
.wrap1100 {
	width:100%;
}
}

footer {
	background:#7D622E; 
	padding:20px 0; 
	text-align:center;
	font-size:1.2rem;
}
footer ul.sns {
	display:flex; 
	justify-content:center; 
	gap:20px; 
	margin:30px 0;
}
footer p {
	color:#FFF; 
	font-style:normal; 
}