@charset "utf-8";

.guest_wrap{
	widht:100%;
}
.guest_wrap .container{
	width:1024px;
	margin: 0 auto;
	padding:0 30px;
	box-sizing: border-box;
}
.guest_wrap .container .head{
	width:100%;	
	display: flex;
	flex-direction: column;
}
.guest_wrap .container .head .head_top{	
	display: flex;
	width:100%;
	height:70px;
	justify-content: flex-end;
	align-items: center;
	border-bottom:1px solid #444;
}
.guest_wrap .container .head .head_bt{
	margin-top:10px;
	text-align: right;
	font-size:14px;
	color:#666;
}
.guest_wrap .container .head .head_top a img{
	width:26px;
}
.guest_wrap .container .head h1{	
	position: absolute;
	top:20px;
	left:50%;	
	margin-left: -128px;	
	font-size:24px;
	font-weight: bold;
}
.guest_wrap .container .head .head_bt span{
	margin-left: 10px;
}
.guest_wrap .container main{
	display: flex;
	flex-direction: column;
	margin-bottom:30px;
}
.guest_wrap .container main h2{
	font-size:28px;
	text-align: center;
	margin:50px 0 20px 0;
}
/*form*/
.compulsory{
	color:#f9422b; 
	margin-left:3px;
	line-height: 20px; 
	font-weight: 700;
}

.form_field{
	display: flex; 
	justify-content: space-between; 
	width:100%; 
	font-size:14px; 
	margin:0 auto; 
	padding:20px 0; border-top: 1px solid #e3e3e3;	
}
.form_field:last-child{
	border-bottom: 1px solid #e3e3e3;
}
.title{
	font-size:18px; 
	font-weight: bold;
	line-height:30px; 	 
	margin-top: 40px;
}
.form_field .form_h1{
	width:17%;  
	line-height: 20px; 
	color:#1b1b1b; 
	margin-top:8px; 
	font-weight:600; 
	box-sizing: border-box;
}
.form_field .form_input{ 
	width:83%;
	line-height: 32px;
}

.form_field .form_input > input{
	width:60%;
}
.form_field .form_input > ul { 
	width:60%;
	display: flex; 
	margin:2px 0;
}
.form_field .form_input > ul > li{
	flex:1; 
	margin-right: 3px; 
}
.form_field .form_input > ul > li > input{
	width:100%;
}
.form_field .form_input > ul span{
	margin-right: 4px;
}

.form_field .form_input .privacy li:nth-child(2){
	flex:0;
	width:100px;
}

.form_input textarea{
	width:60%; 
	height:96px;
	padding:8px 14px; 
	border:1px solid #e3e3e3; 
}
.cont_top{
	width:100%;
	margin:50px 0 10px 0;
}
.cont_top > ul{
	display: flex;
}
.cont_top > ul > li{
	padding-right: 3px;
	box-sizing: border-box;
}

.cont_top > ul li.dash{
	padding-right: 3px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}
.btn_black{
	font-size: 0.75rem;
	color: #fff;	
	letter-spacing: 0.1em;
	background: #000;
	border:1px solid transparent;
	padding: 5px 5px;
	line-height:20px;
	min-width:100px;
}
.btn_black:hover{
	color: #000;
	background: #fff;
	border:1px solid #000;
}
.btn_area{
	width:100%;
	padding:20px 0;
}
.btn_c{
	display: flex;
	justify-content: center;
}
.btn_r{
	display: flex;
	justify-content: flex-end;
}
#datepicker{position: relative; width: 140px; }
#datepicker > span{position: absolute; top:5px; right:10px;}
#datepicker > span:hover{cursor:pointer;}

.table01{display: flex; height:608px; flex-direction: column; justify-content: space-between; }
.table01 table{width:100%; text-align: center; }
.table01 thead th{vertical-align: middle; background: #3a3a3a; color:#fff;border-right:1px solid #fff;padding:10px 0; box-sizing: border-box;}
.table01 tbody td{padding:20px 0; }
.table01 tbody th,.table01 tbody td{border-bottom:1px solid #ddd;font-size:12px; line-height: 16px;box-sizing: border-box;}

.pagination {position:absolute; left:50%;transform:translateX(-50%); margin:30px 0; display: flex; justify-content: center; align-items: center; width:400px;  }
.pagination a{display:inline-block; width:36px; height:36px; font-size:14px; line-height:36px; color:#c5c5c5;font-weight:600; text-align: center;}
.pagination a:hover{color:#1b1b1b;}
.pagination a.on{color:#1b1b1b;}


@media screen and (max-width:1024px){ 
	.guest_wrap .container{
		width:100%;
	}
}