@charset "utf-8";

/* ---------------------------------------------------------
    共通
   ---------------------------------------------------------*/
input[type="button"],
input[type="reset"]{
	-webkit-appearance: none;
	border-radius: 0;
}

/* ---------------------------------------------------------
    input
   ---------------------------------------------------------*/
.mainTitle02 {
	margin-bottom: 50px;
}

input[type="button"]:hover,
input[type="reset"]:hover{
	cursor:pointer;
	opacity:0.8;
}

.contactInner{
	width:900px;
	margin:0 auto;
}

.telText{
	margin: 40px 0 25px 0;
	text-align:center;
}

/*-- telBox --*/
.telBox{
	border: 5px solid #EAEAFA;
	width: 500px;
	margin: 0 auto 100px auto;
	padding: 15px 0;
	text-align:center;
}

.telBox img{
	display: inline-block;
}

.telBox dl{
	margin-left: 15px;
	display: inline-block;
	text-align: left;
}

.telBox dt{
	font-size: 2.8em;
	font-weight: bold;
}

.telBox dd{
	font-size: 1.5em;
}

/*-- contactBox01 --*/

.contactBox01{
	width:100%;
	background:#F8F8F8;
	margin-bottom:40px;
}

.contactBox01 .contactBox01Inner{
	padding:40px 30px 40px 30px;
}


.contactBox01 input[type="radio"]{
	width: 20px;
	height: 20px;
	vertical-align: -5px;
	margin-right: 10px;
}

.contactBox01 input[type="text"],
.contactBox01 textarea{
	border: 1px solid #ccc;
	font-size: 16px;
	padding: 8px 0 8px 8px;
	width: 100%;
	max-width: 400px;
	box-sizing: border-box;
}

.contactBox01 input[name="TEL"]{
	width: 150px;
}

.contactBox01 textarea{
	max-width: 100%;
	font-family:initial;
}

.rdoBox01{
	display:flex;
}

.rdoBox01 li:nth-child(-n+2){
	margin-right:30px;
}

.contactBox01 table{
	width: 100%;
}

.contactBox01 tr{
	height: 45px;
}

.contactBox01 th{
	text-align: left;
	font-weight: bold;
	width: 220px;
}

.contactBox01 th span{
	background: #3333CB;
	color: #fff;
	padding: 1px 5px;
	font-size: 12px;
	margin-right: 10px;
}

.contactBox01 th span.none{
	visibility:hidden;	
}

.txtareaTh{
	vertical-align:top;
	padding-top: 5px;
}

.contactBox01 td{

}

.btnBox{
	text-align: center;
}

.btnBox .submit{
	background: #3333CB;
	border: none;
	color: #fff;
	width: 120px;
	height: 45px;
	font-size: 16px;
	margin-right: 10px;
}

.btnBox .reset{
	background: #ccc;
	border: none;
	width: 120px;
	height: 45px;
	font-size: 16px;
}

.spTEL{
	display:none;
}

/*-- err box --*/
.modal{
	display:none;
	position:relative;
}
.mdErr .modalBody {
	position: fixed;
	left: 50%;
	top: 30%;
	z-index: 1000;
	opacity: 0.9;
	background: #FFF;
	width: 360px;
	padding: 30px;
	color: #E50019;
}

.closeBtn {
	cursor: pointer;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	background: #000;
	color: #fff;
	font-size: 30px;
	line-height: 1.4;
}

.mdErr .modalTitle {
	text-align: center;
	padding-bottom: 10px;
	font-size: 1.3em;
}

.modalBK {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	height: 100%;
	width: 100%;
	padding: 10px;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* ---------------------------------------------------------
    thanks
   ---------------------------------------------------------*/
.thanksBox{
	text-align:center;
}

.thanks01{
	font-weight: bold;
	font-size: 2.0em;
	margin: 30px 0;
}

.thanks02{
	margin-bottom: 30px;
	line-height: 2;
}

.thanksBox01{
	font-size: 2.8em;
}

.thanksBox01 img{
	width: 25px;
	display: inline-block;
	vertical-align: -3px;
}

.thanks03{
	font-size: 1.2em;
}

.thanksBox a{
	margin: 35px auto 25px auto;
	/* display: block; */
	text-decoration:underline;
	/* width: 100px; */
}

@media screen and (max-width:959px) {

	.rdoBox01{
		display: block;
	}
	.rdoBox01 li{
		margin-top: 5px;
	}
	.rdoBox01 li:last-child{
		margin-bottom: 15px;
	}
}

@media screen and (max-width:940px) {

	.contactInner{
		width:100%;
		margin:0;
	}
	

}

@media screen and (max-width:600px) {

	.telBox{
		width: 95%;
		margin: 0 auto 30px auto;
	}

	.contactBox01 .contactBox01Inner{
		padding: 0 15px 30px;
		border:1px solid #ccc;
		background:#fff;
	}

	.contactBox01 th,
	.contactBox01 td{
		width:100%;
		display: block;
	}

	.contactBox01 th{
		margin-bottom: 10px;
		background: #f2f2f2;
		border-bottom: 1px dotted #ccc;
		height: 40px;
		line-height: 40px;
		padding-left: 10px;
		border-top: 1px dotted #ccc;
		box-sizing: border-box;
	}

	.contactBox01 th.th1st{
		border-top:none;
	}

	.contactBox01 td{
		padding:0 10px 10px 10px;
		box-sizing: border-box;
	}

	.contactBox01 input[type="text"],
	.contactBox01 textarea{
		max-width:100%;
	}

	.contactBox01 th span.none{
		display:none;
	}

	.pcTEL{
		display:none;
	}

	.spTEL{
		display:block;
	}


}

@media screen and (max-width:500px) {

	.telBox img{
		/* display:block; */
		display: none;
		margin: 0 auto;
	}

	.telBox dl{
		margin-left: 0;
		/* display: block; */
		text-align: center;
	}

	.telBox dt{
		font-size:1.2em;
	}
	.xpcTEL::before{
		content: "";
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: -3px 3px 0 0;
		background: url("../images/img_tel.gif") no-repeat;
		background-size: contain;
		vertical-align: middle;
	}
	.spTEL a{
		font-size: 0.7em;
	}
	.telBox dd{
		font-size: 1.1em;
	}

	.mdErr .modalBody{
		width:80%;
		left:12.5%;
	}

	.thanks01{
		font-size: 1.4em;
	}

	.thanksBox01{
		font-size: 2.0em;
	}

	.thanksBox01 img{
		vertical-align:-7px;
	}

	.thanksBox .tel a{
		margin:0;
		display:inline-block;
		width:auto;
		text-decoration:none;
	}

}







}