@charset "UTF-8";

/* バリデーション（項目チェック）エラー時の エラーメッセージ */
.validation_message {
	font-size: 80%;
	color: #ff3333;
}

/* バリデーション（項目チェック）エラー時の エラー表示BOX */
.validation_area {
	display: none;
	border: #c5bebe solid 1px;
	text-align: center;
}
.vm_text {
	display: inline-block;
	font-size: 90%;
	text-align: left;
}
.vm_title {
	font-weight: bold;
	text-align: center;
	color: #ff3333;
	font-size: 90%;
}

/* バリデーション（項目チェック）エラー時の input border */
.border_color_error {
	border: #ff3333 solid 1px !important;
}

/* FORMの一部スタイル変更 */
.w25_percent {
	width: 25% !important;
}
.w33_percent {
	width: 33% !important;
}

.block {
	display: block;
}
#contents_contact input::placeholder {
	color: rgb(0, 0, 0, 0.5);
}
#contents_contact label p {
	color: #888;
}

.agreement_area {
	text-align: center;
	margin-bottom: 30px;
}

/* バリデーション（項目チェック）文字数オーバー時の注意喚起BOX  */
#alert_box {
	display: none;
	position: absolute;
}
.alert_view_on {
	display: block !important;
	position: relative;
	width: fit-content;
	font-size: 80%;
	padding:1px 5px;
	border-radius: 5px;
	background: #ffdd55;
	z-index: 10;
}
.alert_view_on::before {
	content: "";
	position: absolute;
	top: 90%;
	left: 20%;
	z-index: -1;
	width: 16px;
	height: 8px;
	transform: translateX(-50%);
	box-sizing: border-box;
	background-color: #ffdd55;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
  }

/* Exception */
.exception {
	margin: 0 0 2em 0;
	text-align:center;
}