@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
.sp,
.pad,
.tv {
	display: none;
}

.pageInner {
	margin-bottom: 108px;
}

#main {
	width: auto;
}

#main .contact {
	margin: 0 auto 65px;
	width: 730px;
	text-align: center;
}

#main h3 {
	margin-bottom: 5px;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
}

#main .comTtl {
	margin-bottom: 30px;
	text-align: center;
}

#main p {
	margin-bottom: 48px;
	line-height: 2;
	text-align: center;
}

#main .contact .text span {
	display: block;
}

#main .contact .telArea {
	padding: 27px 0 38px;
	border: 1px solid #00184F;
}

#main .contact .telArea p {
	margin-bottom: 0;
	color: #203B5E;
	font-size: 18px;
	line-height: 1.5;
}

#main .contact .telArea .ttl {
	font-size: 26px;
}

#main .contact .telArea .tel {
	color: #00184F;
	font-size: 65px;
}

#main .contact .telArea .tel a {
	color: #000;
}

#main .contact .telArea .date {
	font-weight: bold;
}

#main .formBox {
	padding: 72px 0;
	background-color: #E7EDF4;
}

#main .formBox .inner {
	width: 730px;
	margin: 0 auto;
}

#main .formBox th span {
	color: #C20D23;
	font-size: 12px;
}

#main .formBox .mailForm {
	padding: 24px 19px 30px 44px;
	background-color: #fff;
	border: 1px solid #00184F;
}

#main .formBox .mailForm p {
	text-align: left;
}

#main .formBox .mailForm .comTable {
	margin-bottom: 40px;
	width: 100%;
	border-collapse: collapse;
}

#main .formBox .mailForm .comTable .back th,
#main .formBox .mailForm .comTable .back td {
	background: url(../images/request/line01.gif) repeat-x left top;
	padding: 0 !important;
	height: 1px;
}

#main .formBox .mailForm .comTable .trSpec th {
	padding: 10px;
}

#main .formBox .mailForm .comTable th,
#main .formBox .mailForm .comTable td {
	padding: 35px 10px 35px 40px;
	width: 21%;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

#main .formBox .mailForm .comTable td {
	padding: 23px 50px;
	width: 79%;
}

#main .formBox .mailForm .comTable .trSpec th span {
	color: #000;
	font-size: 12px;
}

#main .formBox .mailForm .comTable th p {
	margin-bottom: 35px;
	line-height: 1.8;
}

#main .formBox .mailForm .comTable th ul {
	margin-bottom: 30px;
}

#main .formBox .mailForm .comTable th li {
	margin-right: 30px;
	float: left;
}

#main .formBox .mailForm .comTable th li input {
	vertical-align: -1px;
}

#main .formBox .mailForm .wid {
	padding: 10px 0;
	width: 360px;
	height: 23px;
	background-color: #F6F7F7;
	border: 1px solid #00184F;
}

#main .formBox .mailForm .content {
	width: 360px;
	height: 215px;
	background-color: #F6F7F7;
	border: 1px solid #00184F;
}

#main .mailForm .submit {
	text-align: center;
}

#main .mailForm .submit li {
	display: inline;
	margin: 0 8px;
}

#main .mailForm .submit li input {
	vertical-align: top;
}

#main .mailForm .submit li input:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .errorMsg{
	color: #c20d23;
	font-size: 1.2em;
	margin-bottom: 5px;
}

#main .thanks a {
	color: #000;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	.sp {
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	#main {
		padding-top: 23px;
	}
	
	#main h3 {
		font-size: 28px;
		line-height: 1.5;
	}

	#main h3 span {
		display: block;
	}
	
	#main .comTtl {
		margin-bottom: 20px;
		font-size: 17px;
	}

	#main p {
		margin-bottom: 12px;
		font-size: 12px;
		line-height: 1.8;
		text-align: left;
	}
	
	#main .contact {
		margin: 0 20px 28px;
		width: auto;
	}
	
	#main .contact .text span {
		display: inline;
	}
	
	#main .contact .telArea {
		padding: 15px 0 18px;
	}

	#main .contact .telArea p {
		color: #203B5E;
		font-size: 12px;
		line-height: 1.7;
		text-align: center;
	}

	#main .contact .telArea .ttl {
		font-size: 13px;
	}

	#main .contact .telArea .tel {
		font-size: 32px;
	}
	
	#main .contact .telArea .tel span {
		font-size: 25px;
	}
	
	#main .contact .telArea .date span {
		display: block;
	}
	
	#main .contact .telArea .date .spNo {
		display: none;
	}

	#main .formBox {
		padding: 48px 18px 55px;
	}
	
	#main .formBox .inner {
		width: auto;
	}
	
	#main .formBox p {
		margin-bottom: 25px;
		font-size: 12px;
	}
	
	#main .formBox .mailForm .comTable th p {
		margin-bottom: 6px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.8;
	}

	#main .formBox .mailForm .comTable th p span {
		margin-top: 20px;
		display: block;
	}

	#main .formBox .mailForm {
		padding: 0 10px 35px 15px;
	}
	
	#main .formBox .mailForm .none {
		display: none;
	}

	#main .formBox .mailForm .comTable {
		margin-bottom: 20px;
	}

	#main .formBox .mailForm .comTable .trSpec th {
		padding: 5% 0;
	}

	#main .formBox .mailForm .comTable th,
	#main .formBox .mailForm .comTable td {
		padding: 8% 0 5%;
		width: 100% !important;
		float: left;
		box-sizing: border-box;
	}
	
	#main .formBox .mailForm .comTable td {
		padding: 0 0 8%;
	}

	#main .formBox .mailForm .comTable .trSpec th span {
		color: #000;
		font-size: 12px;
	}

	#main .formBox .mailForm .comTable th ul {
		margin-bottom: 0;
	}

	#main .formBox .mailForm .comTable th li {
		margin: 0 0 18px;
		float: none;
	}

	#main .formBox .mailForm .wid {
		width: 97%;
	}

	#main .formBox .mailForm .content {
		width: 97%;
		height: 215px;
	}
		
}

@media all and (min-width: 768px) and (max-width: 1279px) {
	.pc {
		display: none;
	}
	
	.sp {
		display: none;
	}
	
	.pad {
		display: block;
	}
		
	#main {
		padding: 0;
	}
	
	#main .formBox {
		padding: 72px 18px 68px;
	}
	
	#main .formBox .mailForm {
		padding: 24px 25px 30px;
	}

	#main .formBox .comTtl {
		margin-bottom: 20px;
	}
	
}

@media all and (min-width: 1920px) {
	.tv {
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	.pageInner {
		margin-bottom: 71px;
	}
	
	#main p {
		margin-bottom: 32px;
	}
	
	#main .contact {
		margin-bottom: 80px;
	}

}