@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');


*{margin: 0; padding: 0; list-style: none; box-sizing: border-box;}
a{color: #111; cursor: pointer; border: none; text-decoration: none; display: block;}
img{display: block; font-size: 0; vertical-align: bottom; line-height: normal; width: 100%; height: auto;}
main, article, section, header, footer{display: block; width: 100%;}
body{
	font-size: 20px;
	line-height: 2;
	font-weight: 400;
	font-feature-settings: "palt" 1;
	letter-spacing: 0.03em;
	font-kerning: normal;
	font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #111;
	background: #f4e5bb;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6,p,div,li,dt,dd,a {font-size:100%;}
h1,h2,h3,h4,h5,h6{line-height: normal; font-weight: 700;}
strong{font-weight: 700;}
#base{position: relative;}

body{
	display: flex;
	justify-content: center;
	width: 100%;
}
#base{
	max-width: 750px;
	background: #fff;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.05);
}

.cv{
	margin-top: -60px;
	padding-bottom: 60px;
}
.cv p{
	margin-top: 0.3em;
	margin-bottom: 1em;
}
.plr30{
	padding-left: 30px;
	padding-right: 30px;
}
.mlr30{
	margin-left: 30px;
	margin-right: 30px;
}
.pt20{
	padding-top: 20px;
}
.mt20{
	margin-top: 20px;
}
.pb0{
	padding-bottom: 0 !important;
}
.mb0{
	margin-bottom: 0 !important;
}

header{
	display: flex;
	justify-content: space-between;
}
footer{
	background: #c6a440;
	text-align: center;
	padding: 120px 0 240px;
	color: #fff;
}
footer a{
	color: #fff;
	margin-bottom: 2em;
	text-decoration: underline;
}
footer p{
	margin-top: 4em;
}

section{
	margin-bottom: 60px;
}
#sec03 #sec03Youtube{
	background: #5ec2ce;
	padding-bottom: 120px;
}
#sec03 > div iframe{
	width: 690px;
	height: 355px;
}
#sec04 .cv{
	margin-top: 30px;
}
#sec04 #slickBox{
	overflow: hidden;
	width: 750px;
}
#sec04 #imgList01 li,
#sec04 #imgList02 li{
	width: 300px;
	height: auto;
}
#sec05 #sec05last{
	padding-bottom: 60px;
	background: #f4e5bb;
}
#sec06 .cv{
	margin-top: 0;
}

@media screen and (max-width: 750px) {/* TB */

	body{
		font-size: calc(100vw * 23 / 768);
	}

	#base{
		max-width: inherit;
		box-shadow: none;
	}

	.cv{
		margin-top: -8vw;
		padding-bottom: 8vw;
	}
	.plr30{
		padding-left: 4vw;
		padding-right: 4vw;
	}
	.mlr30{
		margin-left: 4vw;
		margin-right: 4vw;
	}
	.pt20{
		padding-top: 2.6666vw;
	}
	.mt20{
		margin-top: 2.6666vw;
	}

	header h1,
	header h1 img,
	header p,
	header p img{
		width: auto;
		height: 16vw;
	}
	footer{
		padding: 16vw 0 32vw;
	}

	section{
		margin-bottom: 8vw;
	}
	#sec03 #sec03Youtube{
		padding-bottom: 16vw;
	}
	#sec03 > div iframe{
		width: 92vw;
		height: 47.3333vw;
	}
	#sec04 .cv{
		margin-top: 4vw;
	}
	#sec04 #slickBox{
		width: 100vw;
	}
	#sec04 #imgList01 li,
	#sec04 #imgList02 li{
		width: 40vw;
		height: auto;
	}
	#sec05 #sec05last{
		padding-bottom: 8vw;
	}


}