@charset "utf-8";

.formArea {
	width: 100%;
}

.formTtl {
	font-size: 1.4vw;
	line-height: 130%;
	color: #015B9E;
	padding-bottom: 0.5em;
	font-weight: 500;
}

.long {
	font-size: 1.2vw !important;
	line-height: 130%;
	width: 82% !important;
	background-color: #FFF !important;
	border: 1px solid #666;
}

.longWide {
	font-size: 1.2vw !important;
	line-height: 130%;
	width: 82% !important;
	background-color: #FFF !important;
	height: 20vh !important;
	border: 1px solid #666;
}

.btnSize {
	font-size: 1.4vw;
	border-radius: 6px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 1px solid #999;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.btnSize:hover {
	cursor: pointer ;
	opacity:0.6 ;
}

.forSp {
	display: none;
}


@media screen and (max-width: 767.98px){ /*768-992*/

.formArea {
	width: 100%;
}

.formTtl {
	font-size: 3.6vw;
	line-height: 130%;
	color: #015B9E;
	padding-bottom: 0.5em;
	font-weight: 500;
}

.long {
	font-size: 4vw !important;
	line-height: 130%;
	width: 100% !important;
	padding: 0.3em !important;
	margin-bottom: 2vh !important;
}

.longWide {
	font-size: 4vw !important;
	line-height: 130%;
	width: 100% !important;
	background-color: #FFF !important;
	height: 20vh !important;
	margin-bottom: 3vh !important;
}

.checkTxt {
	width: 100% !important;
}

.btnSize {
	font-size: 1.4vw;
	border-radius: 6px;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	border: 1px solid #999;
}

.btnSize:hover {
	cursor: pointer ;
	opacity:0.6 ;
}

.forSp {
	display: block !important;
}

}