@charset "utf-8";

#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
========================================================================== */
#contact_area1 {
	background-color: #F7F7F7;
	border-top:1px solid #E5E5E5;
	border-bottom:1px solid #E5E5E5;
	padding:50px 0 30px;
}

	#contact_area1 .areatitle {
		margin:0 0 50px;
	}

	#contact_area1 .block1 {
		padding:0 25px;
	}

	.telbox_block {
		margin:0 0 50px;
	}

	.telbox {
		margin:0 0 30px;
		padding:0 0 30px;
		text-align: center;
		position: relative;
	}

	.telbox:last-child {
		margin:0;
	}

	.telbox::after {
		position: absolute;
		left:50%;
		bottom:0;
		content: '';
		margin:0 0 0 -15px;
		width: 30px;
		height: 2px;
		background-color: #000;
	}

	.telbox h3 {
		padding:0 0 5px 2px;
		line-height:1.4;
		font-size:2.0rem;
		font-weight: normal;
		letter-spacing: 2px;
	}

	.telbox .tel {
		margin:0 0 15px;
		padding:0 0 0 1px;
		line-height:1.4;
		font-size:2.0rem;
		letter-spacing: 1px;
	}

	.telbox .tel b {
		font-size:2.4rem;
		font-weight: normal;
		letter-spacing: 3px;
	}

	.telbox .info {
		padding:0 0 0 1px;
		letter-spacing: 1px;
	}

	.main {
		text-align: center;
	}

	.main h3 {
		padding:0 0 5px 2px;
		font-size:2.0rem;
		font-weight: normal;
		letter-spacing: 2px;
	}

	.main .tel {
		margin:0 0 10px;
		padding:0 0 0 1px;
		font-size:2.0rem;
		letter-spacing: 1px;
	}

	.main .tel b {
		font-size:2.4rem;
		font-weight: normal;
		letter-spacing: 3px;
	}

	.main .info {
		padding:0 0 0 1px;
		letter-spacing: 1px;
	}

#contact_area2 {
	padding:50px 0 70px;
}

	#contact_area2 .areatitle {
		margin:0 0 50px;
	}

	#contact_area2 .block1 {
		padding:0 25px;
	}

	#contact_area2 table {
		margin:0 0 30px;
		width:100%;
		letter-spacing: 1px;
	}

	#contact_area2 th {
		padding:20px 0;
		width:100px;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		border-bottom:1px solid #BFBFBF;
	}

	#contact_area2 td {
		padding:20px 0;
		border-bottom:1px solid #BFBFBF;
	}

	#contact_area2 td.input {
		padding:15px 0;
	}

	#contact_area2 tr:last-child th,
	#contact_area2 tr:last-child td {
		border-bottom:none;
	}

	#contact_area2 td li {
		display: inline-block;
		margin:0 20px 0 0;
		line-height: 1.0;
	}

	#contact_area2 td li label {
		margin:0 0 0 10px;
	}

	.input200,
	.input300 {
		padding:0 10px;
		width:100%;
		line-height:30px;
		border:1px solid #CCC;
		letter-spacing: 2px;
		-webkit-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		-moz-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.area51 {
		padding:10px;
		width:100%;
		height:150px;
		line-height:1.4;
		border:1px solid #CCC;
		letter-spacing: 2px;
		-webkit-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		-moz-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	.error {
		padding:5px 0 0;
		font-weight: bold;
		color:#C00;
		letter-spacing: 1px;
	}

	.back {
		margin:0 0 15px;
	}

	.btn a {
		display: block;
		padding:0 0 0 25px;
		line-height:30px;
		text-align: center;
		background-color: #F7F7F7;
		border:1px solid #E5E5E5;
		letter-spacing: 25px;
	}

	.btn.submit a {
		padding:0 0 0 5px;
		letter-spacing: 5px;
	}
	
	.thanks {
		padding:80px 0 50px;
		text-align: center;
		font-size:1.8rem;
	}
	
	.thanks p {
		padding:0 0 0 2px;
		letter-spacing: 2px;
	}

@media screen and (min-width: 768px) {

	/*
	========================================================================== */
	#contact_area1 {
		padding:120px 0 140px;
		min-width:1200px;
	}

	#contact_area1 .areatitle {
		margin:0 0 110px;
	}

	#contact_area1 .block1 {
		padding:0 200px;
	}

	.telbox_block {
		margin:0 0 150px;
	}

	.telbox {
		margin:0 0 50px;
		padding:0 0 50px;
		text-align: center;
		position: relative;
	}

	.telbox:last-child {
		margin:0;
	}

	.telbox::after {
		position: absolute;
		left:50%;
		bottom:0;
		content: '';
		margin:0 0 0 -25px;
		width: 50px;
		height: 2px;
		background-color: #000;
	}

	.telbox h3 {
		padding:0 0 0 3px;
		line-height:1.2;
		font-size:2.4rem;
		font-weight: normal;
		letter-spacing: 3px;
	}

	.telbox .tel {
		margin:0 0 20px;
		padding:0 0 0 2px;
		line-height:1.4;
		font-size:2.4rem;
		letter-spacing: 2px;
	}

	.telbox .tel b {
		font-size:3.0rem;
		font-weight: normal;
		letter-spacing: 3px;
	}

	.telbox .info {
		padding:0 0 0 1px;
		letter-spacing: 1px;
	}

	.main {
		text-align: center;
	}

	.main h3 {
		padding:0 0 5px 3px;
		font-size:2.4rem;
		font-weight: normal;
		letter-spacing: 3px;
	}

	.main .tel {
		margin:0 0 10px;
		padding:0 0 0 2px;
		font-size:2.4rem;
		letter-spacing: 2px;
	}

	.main .tel b {
		font-size:3.0rem;
		font-weight: normal;
		letter-spacing: 3px;
	}

	.main .info {
		padding:0 0 0 1px;
		letter-spacing: 1px;
	}

	#contact_area2 {
		padding:110px 0 165px;
		min-width:1200px;
	}

	#contact_area2 .areatitle {
		margin:0 0 110px;
	}

	#contact_area2 .block1 {
		padding:0 140px;
	}

	#contact_area2 table {
		margin:0 0 60px;
		width:100%;
		letter-spacing: 1px;
	}

	#contact_area2 th {
		padding:20px 0;
		width:190px;
		font-weight: normal;
		text-align: left;
		vertical-align: top;
		border-bottom:1px solid #BFBFBF;
	}

	#contact_area2 td {
		padding:20px 0;
		border-bottom:1px solid #BFBFBF;
	}

	#contact_area2 td.input {
		padding:15px 0;
	}

	#contact_area2 tr:last-child th,
	#contact_area2 tr:last-child td {
		border-bottom:none;
	}

	#contact_area2 td li {
		display: inline-block;
		margin:0 20px 0 0;
		line-height: 1.0;
	}

	#contact_area2 td li label {
		margin:0 0 0 10px;
	}

	.input200,
	.input300 {
		padding:0 10px;
		width:215px;
		line-height:30px;
		border:1px solid #CCC;
		letter-spacing: 2px;
		-webkit-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		-moz-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}

	.input300 {
		width:380px;
	}

	.area51 {
		padding:10px;
		width:510px;
		height:250px;
		line-height:1.4;
		border:1px solid #CCC;
		letter-spacing: 2px;
		-webkit-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		-moz-box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		box-shadow: inset 5px 5px 5px 0px rgba(204,204,204,.3);
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	.error {
		padding:5px 0 0;
		font-weight: bold;
		color:#C00;
		letter-spacing: 1px;
	}

	.back {
		margin:0 0 15px;
	}

	.btn a {
		display: block;
		padding:0 0 0 25px;
		line-height:65px;
		text-align: center;
		background-color: #F7F7F7;
		border:1px solid #E5E5E5;
		letter-spacing: 25px;
	}

	.btn.submit a {
		padding:0 0 0 5px;
		letter-spacing: 5px;
	}
	
	.thanks {
		padding:80px 0 50px;
		text-align: center;
		font-size:2.0rem;
	}
	
	.thanks p {
		padding:0 0 0 2px;
		letter-spacing: 2px;
	}
}

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