@charset "utf-8";

.section { margin-bottom: 64px;}
	.txt01{margin-top:-2px 0 -3px;}
	.txt02{
		margin: 0 3px -4px;
    	padding: 7px 0 0;
	}
	.section > p { 
		font-size: 14px;
		line-height:30px;
	}
		.section p a { text-decoration: underline;}
			.section p a:hover { text-decoration: none;}
		.section ul { 
			margin: 10px 0 41px;
			padding: 0 3px;
		}
			.section ul li {
				font-size: 16px;
				position: relative;
				padding-left: 19px;
				line-height: 26px;
			}
				.section ul li:before {
					position: absolute;
					content: '';
					top: 7px;
					left: 0;
					width: 10px;
					height: 10px;
					background-color: #502700;
				}
	.section form { margin-bottom: 6px;}
		.section form table {
			margin-bottom: 30px;
			width: 100%;
		}
			.section form table tr {
				font-size: 14px;
				border-top: 1px solid #f5f5f5;
				border-bottom: 1px solid #f5f5f5;
			}
				.section form table tr th {
					vertical-align: top;
					width: 190px;
					padding: 35px 27px;
				}
				.section form table tr td {
					padding: 29px 0;
				}
					.section form table tr td input[type=text] {
						border: 1px solid #ccc;
						width: 385px;
						height: 33px;
					}
					.section form table tr td textarea {
						width: 386px;
						height: 180px;
						margin-bottom: -3px;
						border: 1px solid #ccc;
						resize: none;
					}
/*
		.section form p { text-align: center;}
			.section form p input[type=submit] {
				cursor: pointer;
				width: 295px;
				height: 41px;
				border: none;
				text-indent: -9999px;
			}
			.section form p input[type=submit]#BtnMessageBack {
				background: url(/joyfull/contact/img/btn_contact03_pc.gif) left center no-repeat;
			}
			.section form p input[type=submit]#BtnMessageSubmit {
				background: url(/joyfull/contact/img/btn_contact02.jpg) left center no-repeat;
			}
			.section form p input[type=submit]:hover { opacity: 0.7;}
*/
#formConfirm{
	margin-bottom:40px;
	text-align:center;
}
#formConfirm input[type=image],
#formConfirm .btn img{
	width:295px;
	margin:0 auto;
}
#formConfirm ul{
	overflow:hidden;
	padding:20px 0 0;
}
#formConfirm ul li {
	margin: 0;
	padding: 0;
}
#formConfirm ul li:before {
	position: static;
	content: none;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: none;
}
#formConfirm li.first{float:left;}
#formConfirm li.last{float:right;}


.section .contactBox {padding: 0 12px;}
		.section .contactBox em {
			font-weight: bold;
			font-size: 17px;
		}
			.section .contactBox .tel {
				margin: 8px 0 4px;
				font-weight: bold;
				font-size: 24px;
			}
				.section .contactBox .tel a {
					color: #502700;
					text-decoration: none;
				}
			.section .contactBox .txt03 { 
				font-size: 14px;
				letter-spacing: 0.08em;
			}
			
@media screen and (max-width:767px) {
.section { margin-bottom: 20px;}
	.section > p { 
		font-size: 10px;
		line-height:19px;
	}
		.txt01{margin:0;}
		.txt02{
			margin: 0;
			padding: 0;
		}
		.section ul { margin:0 0 15px -5px;}
			.section ul li {
				margin-bottom: 0;
				font-size: 9px;
				padding-left: 0;
				text-indent: 11px;
				line-height:17px;
				letter-spacing: -0.05em;
			}
				.section ul li:before {
					top: 3px;
					left: 0;
					width: 7px;
					height: 7px;
				}
	.section form { overflow: hidden;}
		.section form table {
			margin-bottom: 25px;
		}
			.section form table tr {
				width: 100%;
				display: table;
				font-size: 11px;
				border-bottom: none;
			}
			.section form table tr:last-child { border-bottom: 1px solid #f5f5f5;}
				.section form table tr th {
					display: table-cell;
					width: 77px;
					padding: 30px 3px;
				}
				.section form table tr td {
					display: table-cell;
					padding: 25px 0;
				}
					.section form table tr td input[type=text] {
						width: 100%;
						height: 23px;
					}
					.section form table tr td textarea {
						width: 100%;
						height: 110px;
						border: 1px solid #ccc;
						resize: none;
					}
		.section form p { display: block;}
			.section form p input[type=submit] {
				height: 35px;
				background: url(/joyfull/contact/img/btn_contact01_sp.jpg) left center no-repeat;
				background-size: 290px;
				border-radius: 0;
			}
	.section .contactBox {padding:2px 8px;}
		.section .contactBox em { font-size: 12px;}
			.section .contactBox .tel { 
			    margin: 3px 0 4px;
				font-size: 8px;
			}
			.section .contactBox .tel a{ 
				margin-left:5px;
				font-size: 15px;
			}
			.section .contactBox .txt03 { 
				font-size: 11px;
				letter-spacing: -0.06em;
			}
}