@charset "utf-8";

/* pagetitle
------------------------------------------------ */
#pagetitle {
	padding: 5px 0 5px 5px;
	border-bottom: solid #ccc 1px;
	font-size: 180%;
	font-weight: normal;
	line-height: 1.4;
}

#contents  {
    padding-top: 60px !important;
}

/* contact
------------------------------------------------ */
#contact {
	position: relative;
	margin: 0 auto;
	width: 800px;
}

	#contact .ssl {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		text-align: right;
	}

	#contact .step {
		padding: 40px 0;
		height: 20px;
		border-bottom: solid #ccc 1px;
		text-align: center;
	}

	#contact .attention {
		padding: 40px 104px;
		border-bottom: solid #ccc 1px;
	}

/* form_area */
#contact .form_area {
	padding: 50px 30px 0;
}

	#contact .form_area .lead {
		margin-bottom: 60px;
		text-align: center;
		font-size: 110%;
	}

	#contact .form_area .confirm_txt {
		margin-bottom: 60px;
		font-size: 110%;
	}

	#contact .form_area table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}

		#contact .form_area table th,
		#contact .form_area table td {
			padding: 20px 0;
			font-weight: normal;
			text-align: left;
			vertical-align: top;
			font-size: 110%;
		}
		#contact .form_area table th { width: 210px; }
			#contact .form_area table td span { margin-left: 1em; }
			#contact .form_area table td .error { color: #f30; }
			#contact .form_area table td .wm,
			#contact .form_area table td .wl,
			#contact .form_area table td textarea { padding: 4px 2px; border: solid #ccc 1px; }
			#contact .form_area table td .wm { width: 270px; }
			#contact .form_area table td .wl { width: 370px; }
			#contact .form_area table td textarea { width: 370px; height: 230px; }

			#contact .form_area table td .select_box { position: relative; }
				#contact .form_area table td .select_box span { position: absolute; top: 0; left: 0; margin-left: 0; padding: 2px 12px 0; width: 100px; height: 21px; background: url(../../img/contact/select_box.gif) no-repeat right top #E4E4E4; font-size: 90%; z-index: 1; }
				#contact .form_area table td .select_box select { position: relative; padding: 0 12px; opacity: 0; filter: alpha(opacity=0); z-index: 2; }

	#contact .form_area .policy {
		margin-top: 60px;
		text-align: center;
		font-size: 110%;
	}
		#contact .form_area .policy a { color: #333; }

/* thanks */
#contact .thanks {
	padding: 50px 30px 0;
	font-size: 110%;
}

/* btn_group */
#contact .btn_group {
	margin-top: 80px;
	text-align: center;
}

	#contact .btn_group li {
		display: inline;
		padding: 0 8px;
	}
/* module */

.is-blue { color: #39c !important; text-decoration:underline solid #39c !important; }
.asterisk::before { content: "※"; margin-left: -0.72rem; }