@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi07 a {
	border-bottom: 2px solid #fff;
}

.pageTitle {
	background: url(../img/contact/page_title_bg.jpg) no-repeat center center;
	background-size: cover;
}

#main .contentBox {
	padding-top: 32px;
	width: 900px;
}

#main .tabBox {
	margin: 0 auto 20px;
	width: 730px;
}

#main table {
	width: 100%;
	border-collapse: collapse;
}

#main th,
#main td {
	padding: 10px 0;
	color: #333;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

#main th {
	padding: 17px 0px 17px 78px;
	width: 32%;
}

#main td {
	padding: 10px 5px 10px 3px;
}

#main .confirmTab th {
	width: 45%;
}

#main .confirmTab td {
	padding-top: 17px;
}

#main th span {
	color: #ed232b;
}

#main td input[type="text"] {
	padding: 5px 10px;
	width: 398px;
	height: 37px;
	line-height: 1.8;
	font-size: 14px;
	box-sizing: border-box;
	border: none;
	background-color: #fff;
	border-radius: 3px;
}

span.customSelect {
	font-size: 14px;
	background-color: #fff;
	color: #333;
	padding: 6px 14px 5px 12px;
	height: 35px;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #fff;
}

.customSelectInner {
	width: 160px !important;
	background: url(../img/contact/icon01.png) no-repeat right 7px;
	background-size: 12px auto;
}

#main td .wid01 {
	width: 186px !important;
}

#main td .wid02 {
	width: 71px !important;
}

#main td .wid03 {
	width: 360px !important;
}

#main td .wid04 {
	padding: 5px 17px !important;
	width: 482px !important;
}

#main td .wid05 {
	width: 82px !important;
}

#main td .input01 {
	margin-right: 21px;
}

#main td textarea {
	padding: 5px 17px;
	width: 482px;
	height: 127px;
	line-height: 1.8;
	font-size: 14px;
	box-sizing: border-box;
	border: none;
	background-color: #fff;
	border-radius: 3px;
}

#main td dt {
	padding-top: 7px;
	color: #000;
	font-weight: bold;
	float: left;
}

#main td dd {
	padding: 0 0 20px 76px;
}

#main .confirmTab td dt {
	padding: 0;
}

#main .confirmTab td {
	color: #000;
}

#main td dd .customSelectInner {
	width: 145px !important;
}

#main td .ddStyle {
	padding-left: 122px;
}

#main .trStyle th,
#main .trStyle td {
	padding-top: 26px;
}

#main .text01 {
	margin-bottom: 12px;
	font-size: 12px;
	text-align: center;
}

#main .text02 {
	margin-bottom: 17px;
	color: #444;
	font-size: 14px;
}

#main .h3Ttl {
	margin: 0 0 32px 0px;
	font-size: 14px;
}

#main .h3Ttl:before {
	bottom: -12px;
}

#main .privacyBox {
	margin-bottom: 17px;
	padding: 15px 20px;
	background-color: #fff;
}

#main .privacyBox .infoPrivacy {
	height: 215px;
	overflow-y: scroll;
}

#main .privacyBox p {
	margin-bottom: 21px;
	color: #444;
	font-size: 14px;
}

#main .textP {
	margin-bottom: 19px;
	text-align: center;
	font-size: 14px;
}

#main .textP a {
	color: #444;
	text-decoration: underline;
}

#main .textP a:hover {
	text-decoration: none;
}

#main .submit {
	margin-bottom: 61px;
	text-align: center;
}

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

#main .submit li input {
	padding: 7px 49px 9px;
	color: #fff;
	cursor: pointer;
	font-size: 22px;
	border: none;
	letter-spacing: 3px;
	border-radius: 30px;
	background-color: #999;
	-webkit-appearance: none; 
}

#main .submit li input:hover {
	opacity: 0.7;
}

.ex1 {
	color: #000;
}

.ex1.off {
	color: #999;
}

#main .textP input[type="radio"] {
	display: none;
	padding: 0;
	height: 24px;
	width: 24px;
	vertical-align: middle;
	-webkit-appearance: none; 
}
	
#main .textP input[type="radio"] + label {
	background: url(../img/contact/icon02.png) no-repeat left center;
	background-size: 24px auto;
	line-height: 20px;
	padding: 12px 0 12px 42px;
}
	
#main .textP input[type="radio"]:checked + label {
	padding: 12px 0 12px 42px;
	background: url(../img/contact/icon02_check.png) no-repeat left center;
	background-size: 24px auto;
}

.thanks {
	margin-bottom: 30px;
}

.errorMsg {
	margin: 0 0 20px 164px;
	color: #ff0000;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.pageTitle {
		background: url(../img/contact/sp_page_title_bg.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .contentBox {
		padding: 15px 22px 0;
		width: auto;
	}
	
	#main .tabBox {
		margin-bottom: 5px;
		width: auto;
	}
	
	#main th,
	#main td {
		float: left;
		width: 100%;
		font-size: 12px;
		box-sizing: border-box;
	}
	
	#main th {
		padding: 0 0 9px;
	}
	
	#main td {
		padding: 0 0 9px;
	}
	
	#main .confirmTab td {
		padding: 0 0 9px;
	}
	
	#main td input[type="text"] {
		width: 100%;
		height: 32px;
		font-size: 12px;
		padding: 5px;
		border-radius: 2px;
		box-sizing: border-box;
	}
	
	#main td textarea {
		padding: 5px;
		font-size: 12px;
		width: 100%;
		height: 122px;
	}
	
	span.customSelect {
		padding: 7px 5px;
		width: 100%;
		height: 32px;
		font-size: 12px;
		border-radius: 2px;
		box-sizing: border-box;
	}
	
	.customSelectInner {
		width: 100% !important;
		background: url(../img/contact/icon01.png) no-repeat right 8px top 5px;
		background-size: 9px auto;
	}
	
	#main td .wid01 {
		width: 47% !important;
	}
	
	#main td .wid02 {
		margin-right: 7px;
		width: 32% !important;
	}
	
	#main td .wid03 {
		width: 100% !important;
	}
	
	#main td .wid04 {
		padding: 5px !important;
		width: 100% !important;
	}
		
	#main td .wid05 {
		margin-left: 7px;
		width: 32% !important;
	}
	
	#main td .input01 {
		margin-right: 14px;
	}
	
	#main .trStyle td {
		padding: 0 0 10px;
	}

	#main .trStyle th {
		padding: 0 0 9px;
	}
	
	#main td dd {
		padding: 0 0 16px 62px;
	}
	
	#main td .ddStyle {
		padding-left: 105px;
	}
	
	#main td dd span.customSelect {
		padding: 6px 8px;
		font-size: 12px;
	}
	
	#main td dd .customSelectInner {
		width: 100% !important;
	}
	
	#main .text01 {
		margin-bottom: 14px;
		font-size: 11px;
		line-height: 1.45;
	}
	
	#main .text02 {
		margin-bottom: 17px;
	}
	
	#main .h3Ttl {
		margin-bottom: 18px;
	}
	
	#main .h3Ttl:before {
		bottom: -8px;
	}
	
	#main .privacyBox {
		margin: 0 2px 17px;
		padding: 6px 6px 8px 10px;
	}
	
	#main .privacyBox .infoPrivacy {
		padding-right: 6px;
		height: 110px;
	}
	
	#main .privacyBox p {
		font-size: 11px;
		line-height: 1.4;
	}
	
	#main .textP {
		margin-bottom: 26px;
	}
	
	#main .submit {
		margin: 0 5px 30px;
	}
	
	#main .submit li{
		margin: 0;
	}
	
	#main .submit li input {
		padding: 10px 20px 11px;
		width: 100%;
		font-size: 16px;
	}
	
	#main .submit li input:hover {
		opacity: 1;
	}
		
	#main .submit01 li input {
		width: 120px;
	}
		
	#main .textP input[type="radio"] + label {
		padding: 12px 0 12px 42px;
		background: url(../img/contact/sp_icon.png) no-repeat left center;
		background-size: 32px 32px;
	}
		
	#main .textP input[type="radio"]:checked + label {
		padding: 12px 0 12px 42px;
		background: url(../img/contact/sp_icon_check.png) no-repeat left center;
		background-size: 32px 32px;
	}
	
	.errorMsg {
		margin: 0 0 20px;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
	#main td .input01 {
		margin-right: 10px;
	}
}