@charset "utf-8";

/*========================================
Reset
========================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, font, img, ins, kbd, q, s, samp,strong,u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;font-weight:normal;-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{line-height: 1;-webkit-text-size-adjust:100%;}
ol, ul{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
th{font-weight:normal;text-align:left;}
body{
	color:#222;
	line-height:180%;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table{
	font-size:inherit;
	font:100%;
	border-collapse:collapse;
}
div{-webkit-tap-highlight-color: rgba(0,0,0,0);}
a,a:link,a:visited{text-decoration:none;color:#F60;}
a:hover{text-decoration:underline;color:#F60;}
*{box-sizing: border-box;}
label{max-width: 100%;}

/*========================================*/


body{
background:#EEE;
}

#header{
	background:#FFF;
	margin-bottom:30px;
}

.main_title{
	font-size:28px;
	font-weight:bold;
	text-align:center;
	padding:20px;
	border-bottom:solid 1px #CCC;
	width:90%;
	margin:0 auto 30px auto;
}

.container_und{
	margin-bottom:20px;
}

.table{
	max-width:1200px;
	margin-bottom:50px;
}

.table th, .table td{
	padding:15px !important;
}

.table th{
	background:#CCC;
	width:250px;
}

.table td{
	background:#FFF;
}

.require{
	display:block;
	float:right;
}

.require_l{
	display:block;
	float:left;
	margin-right:10px;
}

.form_note{
	margin-top:10px;
	color:#AAA;
}

.form_notelp{
	margin-top:10px;
	color:#FF0000;
	font-size:16px;
}

.form_float{
	display:flex;
}

.form_float input:first-child{
	margin-right:5px;
}

.error_message{
	color:#F00;
	margin-top:5px;
}

.kiyaku_title{
	font-size:20px;
	font-weight:bold;
}

.kiyaku_text{
	margin-bottom:10px;
}

.kiyaku_box textarea{
	background:#FFF !important;
}

.kiyaku_area{
	border:solid 1px #CCC;
	background:#FFF;
	padding:10px;
	height:300px;
	overflow-y:scroll;
	white-space:pre-wrap;
}


.btn_area{
	padding:20px 20px 50px 20px;
	text-align:center;
}

.form_or_note{
	color:#F00;
	text-align:left;
	font-weight:bold;
}


@media (max-width: 1000px) {
.form_float{
	flex-wrap:wrap;
}

.form_float input:first-child{
	margin-right:0;
	margin-bottom:5px;
}


}


@media (max-width: 768px) {

.table th, .table td{
	width:100%;
	display:block;
}


}