.formError .formErrorContent{z-index:991}.formError .formErrorArrow{z-index:996}.ui-dialog .formError{z-index:5000}.ui-dialog .formError .formErrorContent{z-index:5001}.ui-dialog .formError .formErrorArrow{z-index:5006}.inputContainer{position:relative;float:left}.formError{z-index:990;position:absolute;top:300px;left:300px;display:block;cursor:pointer;text-align:left}.formError.inline{position:relative;top:0;left:0;display:inline-block}.ajaxSubmit{padding:20px;background:#55ea55;border:1px solid #999;display:none}.formError .formErrorContent{width:90%;background:#ff5600;position:relative;color:#fff;min-width:120px;font-size:12px;border:2px solid #ddd;box-shadow:0 0 6px #000;-moz-box-shadow:0 0 6px #000;-webkit-box-shadow:0 0 6px #000;-o-box-shadow:0 0 6px #000;padding:4px 10px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-border-radius:6px}.formError.inline .formErrorContent{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:none;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0}.greenPopup .formErrorContent{background:#33be40}.blackPopup .formErrorContent{background:#393939;color:#fff}.formError .formErrorArrow{width:15px;margin:-2px 0 0 13px;position:relative}body.rtl .formError .formErrorArrow,body[dir=rtl] .formError .formErrorArrow{margin:-2px 13px 0 0}.formError .formErrorArrowBottom{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;margin:0 0 0 12px;top:2px}.formError .formErrorArrow div{border-left:2px solid #ddd;border-right:2px solid #ddd;box-shadow:0 2px 3px #444;-moz-box-shadow:0 2px 3px #444;-webkit-box-shadow:0 2px 3px #444;-o-box-shadow:0 2px 3px #444;height:1px;background:#ff5600;margin:0 auto;line-height:0;font-size:0;display:block}.formError .formErrorArrowBottom div{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none}.greenPopup .formErrorArrow div{background:#33be40}.blackPopup .formErrorArrow div{background:#393939;color:#fff}.formError .formErrorArrow .line10{width:13px;border:none}.formError .formErrorArrow .line9{width:11px;border:none}.formError .formErrorArrow .line8{width:11px}.formError .formErrorArrow .line7{width:9px}.formError .formErrorArrow .line6{width:7px}.formError .formErrorArrow .line5{width:5px}.formError .formErrorArrow .line4{width:3px}.formError .formErrorArrow .line3{width:1px;border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:0 solid #ddd}.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd}.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd}/**
 * [sp_apply_form] フォームスタイル
 * 旧テーマ New_SP の page.css / page_sp.css から申込フォーム関連ルールを移植し、
 * .sp-apply-form 配下にスコープしたもの。旧CSS（legacy/page.css）が同時に読み込まれても
 * 値が同一のため副作用はない。
 */

/* ---- 汎用（旧テーマのグローバルクラスをスコープ内で再定義） ---- */
.sp-apply-form .clear:after {
	content: "";
	display: block;
	clear: both;
}
.sp-apply-form .flex {
	display: flex;
}
.sp-apply-form .strong {
	color: #f00;
	font-weight: bold;
}
.sp-apply-form .red {
	color: red;
}
.sp-apply-form .comment {
	font-size: 14px;
}
.sp-apply-form img {
	max-width: 100%;
	height: auto;
}

/* ---- フォーム枠 ---- */
.sp-apply-form #form_k {
	border: solid 2px #006;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 30px;
}
.sp-apply-form #form_k input,
.sp-apply-form #form_k select,
.sp-apply-form #form_k textarea {
	padding: 5px;
}
.sp-apply-form #form_k li {
	margin-bottom: 30px;
	list-style: none;
}
.sp-apply-form #form_k ol {
	margin: 0;
	padding: 0;
}
.sp-apply-form #form_link h4 {
	margin-bottom: 10px;
}

/* ---- 見出し・項目 ---- */
.sp-apply-form #form_k .form_intro {
	border-bottom: solid 2px #006;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.sp-apply-form #form_k .form_tb {
	margin-bottom: 25px;
}
.sp-apply-form #form_k .form_tb td {
	padding: 5px 0;
	font-size: 16px;
}
.sp-apply-form #form_k .form_tb td span {
	color: red;
}

/* ---- 送信ボタン ---- */
.sp-apply-form #form_k .submit_btn {
	text-align: center;
}
.sp-apply-form #form_k .submit_btn input[type="submit"] {
	background-color: #fe8900;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
	border-radius: 5px;
	border: none;
	cursor: pointer;
}

/* ---- 教室ラジオボタン ---- */
.sp-apply-form #form_k .radioDiv input[type="radio"] {
	display: none;
}
.sp-apply-form .radioDiv {
	background-color: #F5F5F5;
	font-size: 1.3rem;
	font-weight: bold;
	color: black;
	float: left;
	margin: 6px;
	padding: 0 10px;
	cursor: pointer;
	border-radius: 4px;
	border-bottom: 4px solid #2222;
	border-right: 4px solid #2222;
	-webkit-transition: -webkit-transform .08s ease, -webkit-filter .08s ease;
	transition: transform .08s ease, filter .08s ease;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform, filter;
}
.sp-apply-form .radioDiv.pressed {
	-webkit-transform: translate3d(0, 3px, 0) scale(.98);
	transform: translate3d(0, 3px, 0) scale(.98);
	-webkit-filter: brightness(1.06);
	filter: brightness(1.06);
}
.sp-apply-form .checkedBG {
	background: #FFEB5F;
	border: none;
	transform: translateY(3px);
	margin-bottom: 10px;
}
.sp-apply-form .opacity050 {
	opacity: 0.5;
}
.sp-apply-form .opacity040 {
	opacity: 0.4;
}

/* ---- カレンダー（希望日時） ---- */
.sp-apply-form .form_calendar_div00 {
	margin: 15px;
	display: flex;
	flex-wrap: wrap;
}

/* ---- 時間割画像 ---- */
.sp-apply-form .timetable_online,
.sp-apply-form .timetable_tokyo {
	width: 400px;
}
.sp-apply-form .timetable_osaka,
.sp-apply-form .timetable_nagoya,
.sp-apply-form .timetable_kyoto {
	width: 300px;
}

/* ---- スマホ ---- */
@media screen and (max-width: 767px) {
	.sp-apply-form .form_calendar_div00 {
		display: block;
	}
	.sp-apply-form #form_link {
		padding: 10px 10px;
		font-size: 1.2rem;
	}
	.sp-apply-form #form_k .form_tb td,
	.sp-apply-form #form_k .form_tb tr {
		display: block;
		width: 100%;
	}
	.sp-apply-form #form_k input[type="text"],
	.sp-apply-form #form_k textarea {
		width: 100%;
		box-sizing: border-box;
	}
	.sp-apply-form .timetable_online,
	.sp-apply-form .timetable_tokyo,
	.sp-apply-form .timetable_osaka,
	.sp-apply-form .timetable_nagoya,
	.sp-apply-form .timetable_kyoto {
		width: 100%;
	}
}