/*文字サイズのCSS変数定義*/
html {
	--fontS-font-size: clamp(0.8rem, calc(0.8rem + 0.625vw), 1.2rem);
	--fontM-font-size: clamp(1.1rem, calc(1rem + 0.625vw), 1.5rem);
	--fontL-font-size: clamp(1.5rem, calc(1.2rem + 0.625vw), 1.8rem);
	--fontLL-font-size: clamp(1.8rem, calc(1.5rem + 0.625vw), 2rem);
}
.fontS {
	font-size: var(--fontS-font-size) !important;
}
.fontM {
	font-size: var(--fontM-font-size) !important;
}
body {
	-webkit-appearance: none;
	font-family: 'ヒラギノ角ゴシック' , 'sans serif';
	margin: auto;
	-moz-appearance: none;
	appearance: none;
	background-image: url("../img/back.png");
	background-size:100%;
	max-width: 100%;
	background-repeat: no-repeat;
	color: #684f48;
}
#imgHead {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.mainArea {
	background:rgba(255, 255, 255, 1);
	margin: auto;
	width: 90%;
	margin-bottom: 20vw;
	padding-top: 5vw;
	padding-bottom: 15vw;
	text-align: center;
	border-radius: 25px;
}
.line {
	border-top: solid 0.5vw #eeeeee;
	margin-top: 3vw;
	padding-top: 3vw;
}
.sbm {
	-webkit-appearance: none;
	color: white;
	font-size: var(--fontL-font-size) !important;
	border: none;
	border-radius: 6vw;
	background-color: #d14347;
	margin: auto;
	margin-top: 5vw;
	padding: 1.5vw 0;
	width: 50vw;
}
.scBox {
	display: inline-block;
	text-align: left;
	width: 40vw;
	font-size: var(--fontM-font-size) !important;
	border: solid 0.5vw #aaaaaa;
	border-radius: 1vw;
	margin-left: 3vw;
	margin-bottom: 4vw;
	padding: 0 5vw;
	background-color: #ffffff;
}
input::-webkit-input-placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
input::-moz-placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
input::-ms-input-placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
input::placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
textarea::-webkit-input-placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
textarea:-moz-placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
textarea:-ms-input-placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
textarea::placeholder {
	color: #aaaaaa;
	opacity: 100%;
}
@media screen and (min-width: 820px) {
	/* 960px以上に適用されるCSS（PC用） */
	#head {
		width: 400px;
		heigth: 400px;
	}
}