@charset "utf-8";
/* CSS Document */


#bukken{
	width:90%;
	max-width:1000px;
	margin:80px auto;
}


#bukken h2{
	font-size:40px;
	border-bottom:1px solid #000;
	padding-bottom:20px;
	font-weight:bold;
}

h3{
	background:#ececec;
	padding:80px 0;
	font-size:40px;
}


#bukken ul#navibtn{
	width:90%;
	max-width:500px;
	margin:0 auto 35px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}

#bukken ul#navibtn li{
	width:45%;
	background:#666;
}

#bukken ul#navibtn li a{
	display:block;
	padding:15px 0;
	color:#fff;
}


#bukken p{
	line-height:1.8;
}


#bukken table{
	margin-top:80px;
}


#bukken table th{
	width:25%;
	background:#ececec;
	border:1px solid #999;
}

#bukken table td{
	text-align:left;
	padding:30px 20px 30px 5%;
	border:1px solid #999;
}

#bukken table td li{
	margin-bottom:10px;
}

#bukken table td li:before{
	content:"・";
	margin-right:5px;
}

#bukken table td a{
	color:#FF6666;
	text-decoration:underline;
}

#bukken table td a:hover{
	text-decoration:none;
}



#bukken #btn{
	width:90%;
	max-width:300px;
	margin:100px auto 0;
	background:#666;
}



#bukken #btn a{
	display:block;
	padding:25px 0;
	color:#fff;
}

#bukken #btn a:hover{
	background:#9E9E9E;
}








/*
フォーム
-------------------------------------------------------------------------------------------*/
#bukken #att{
	border:1px solid #000;
	padding:5%;
	text-align:left;
	margin-top:30px;
}

#bukken #att li{
	margin-bottom:10px;
	padding-left:20px;
	text-indent:-15px;
}

	
#form_wrap{
	width:90%;
	margin:80px auto 100px;
	font-size:14px;
	text-align:left;
}

#form li{
	margin-bottom:4%;
	display:flex;
	flex-wrap:wrap;
	/* justify-content:space-between; */
	align-items:center;
}

#form li label{
	width:23%;
}

#form li label span{
	color:#D00702;
	margin-left:5px;
}

#form li input,
#form li select{
	width:70%;
	padding:5px 0 5px 5px;
	border:1px solid #ccc;
	box-sizing: border-box;
	vertical-align:middle;
}

#form li .tel{
	width:34%;
}

#form li .tel:nth-of-type(1){
	margin-right:2%;
}

#form li textarea{
	width:70%;
	padding:5px 0 5px 5px;
	border:1px solid #ccc;
	height:120px;
	box-sizing: border-box;
}

#form li #check{
	width:5%;
	max-width:15px;
	margin-right:2%;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }


#form li p{
	font-weight:bold;
	font-size:20px;
	margin:10px auto 0;
}





#form p{
	text-align:center;
	margin:10% 0 15px;
	font-size:13px;
	font-weight:normal;
}


#form button{
	background:#3e3d34;
	border:none;
	width:90%;
	max-width:350px;
	margin:0 auto;
	color:#fff;
	padding:20px 0;
	font-size:18px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:3px;
	display:block;
	cursor:pointer;
}

#form button:hover{
	background:#54534A
}



@media only screen and (max-width: 1024px) { 
#form{
	font-size:13px;
}


#form li dl.day{
	width:90%;
	margin: auto;
	display: block;
}

#form li dl.day input{
	display:inline-block;
}


#form li label{
	width:90%;
	display:block;
	margin:auto;
}

#form li input{
	width:90%;
	display:block;
	padding:10px 2%;
	margin:auto;
}

#form li dl.radiobox{
	width:90%;
	margin:auto;
	display:block;
}

#form li dl.radiobox input{
	display:inline-block;
}

#form li select{
	width:90%;
	margin:5px auto;
	display:block;
}



#form li textarea{
	width:86%;
	margin:5px auto;
	display:block;
	padding:2%;
}
}






/*
サンクスページ
-------------------------------------------------------------------------------------------*/

#thanks{
	width:90%;
	max-width:900px;
	text-align:left;
	margin:80px auto;
}

#thanks p.before{
	font-size:14px;
	color:#666;
	border:1px solid #ececec;
	padding:30px;
	text-align:left !important;
	margin:0 auto;
}

#thanks .tel{
	font-size:30px;
	font-family: 'Josefin Sans', sans-serif;
	padding:20px 0 0 0;
}

#thanks .btn{
	margin-top:80px;
}

#thanks .btn a{
	padding:30px 120px;
	color:#fff !important;
	background-color:#333333;
	margin-top:150px !important;
	border-radius:10px;

}

#thanks .txt30{
	font-size:30px;
	margin-bottom:30px;
}

@media only screen and (max-width: 1080px) { 
#thanks{
	width:94%;
	margin:0 auto;
	text-align:left;
	margin-bottom:50px;
}



#thanks p.before{
	max-width:auto;
	text-align:left !important;
	margin:0 auto;
}


#thanks .tel{
	font-size:30px;
	font-family: 'Josefin Sans', sans-serif;
	padding:20px 0 0 0;
}

#thanks .btn{
	width:94% !important;
	margin-top:0px;
}


#thanks .btn a{
	width:100% !important;
	padding:20px 0;
	display:block;
	text-align:center;
	margin:0 3%;
	margin-top:50px !important;
}

#thanks .txt30{
	font-size:18px;
	font-weight:bold;
}

}

	
	


































