@charset "UTF-8";
/* Form */

form table.inquiry { width: 100%;}
form table.inquiry th { padding: 8px 16px 8px 0; vertical-align: top;}
form table.inquiry td { padding: 8px 0;}

@media screen and (max-width:480px) {
 form table.inquiry {}
 form table.inquiry td { padding: 2px 2px 12px 2px; display: block;}
 form table.inquiry th.top { padding: 2px 2px; vertical-align: top;}
}

.form_pagenation{ display: flex; align-items: center; padding: 10px 0;}
.form_pagenation .earch_page { padding: 8px 16px; border-radius: 8px; background: #f0f0f0; display: inline-block; color:#999;}
.form_pagenation .earch_page.selected {background: #808f9b; color: #fff;}
.form_pagenation .triangle {
	background: #ccc;
	height: calc(tan(60deg) * 20px / 2);
	width: 10px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	display: inline-block;
	margin: 0 10px;
}

/* input
---------------------------------------------- */
form input[type="text"], form input[type="email"], form input[type="url"] {
	font-size:100%;
	width: 100%;
	background:#f0f0f0;
	border:1px solid #c8c8c8;
	padding:12px;
	border-radius:4px;
	box-sizing: border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-sizing: border-box;
}

form textarea {
	font-size:100%;
	width: 100%;
	height:200px;
	background:#f0f0f0;
	border:1px solid #c8c8c8;
	padding:12px;
	border-radius:4px;
	box-sizing: border-box;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-box-sizing: border-box;
}


/* button
---------------------------------------------- */
form .btn_form {
	width: 140px;
	font-size:100%;
	padding: 6px;
	background:#000;
	color: #FFF;
	border-radius:4px;
	cursor:pointer;
	margin:20px 10px 0 0;
}
form .btn_form:hover { opacity: 0.8; }

form .btn_form_cancel {
	width: 140px;
	font-size:100%;
	padding: 6px;
 background: #ccc;
 color: #FFF;
	border-radius:4px;
	cursor:pointer;
 margin:20px 10px 0 0;
}
form .btn_form_cancel:hover { opacity: 0.8;}