@charset "utf-8";


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

/*  for PC / INQUIRY.css*/

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


img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}


/*inq
---------------------------*/

.inqtel {
	margin: 100px auto 50px;
	padding:0px 0px 50px 0px;
	width: 300px;
	border-bottom: 3px dotted #eeeeee; 
	}


.inqtel h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:112%;
	font-family: ゴシックMB101 R;
	text-align:center;
	}
	
.inqtel p.tel {
	color:#E93571;
	font-size:24px;
	text-align:center;
	letter-spacing: 0.1em;
	}

/**/

.inq {
	margin: 50px 0px 50px;
	padding:0px 20px 0px 20px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.inq h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:112%;
	font-family: ゴシックMB101 R;
	text-align:center;
	}

	
.inq p.tx {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	}
	
.inq p.tel {
	color:#E93571;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	}

.inq p.tx span {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#ea608e;
	font-weight:bold;
	}
	

/*section.form
---------------------------*/

section.formArea{}

/**/

section.formArea .formInner{
	margin: 0px auto 0px;
	padding:0px 20px 0px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

section.formArea .formInner dl{
	margin: 0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
	overflow:hidden;
	}
section.formArea .formInner dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	
section.formArea .formInner dl dt{
	margin: 0px 0px 0px 0px;
	padding:10px 20px 0px 0px;
	width:25%;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
section.formArea .formInner dl dt img{float:right;}
	
section.formArea .formInner dl dd{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:75%;
	float:right;
	}
	

/* input */
input[type=text],
input[type=password],
textarea,
select{
  background: #f1f1f1;
  margin-right:px;
  padding: 18px;
  font-size:16px;
  border:1px solid #eeeeee;
  transition:border-color .1s linear;
  -webkit-transition:border-color .1s linear;
  -moz-transition:border-color .1s linear;
  -ms-transition:border-color .1s linear;
  outline: none;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus{
  background: #fff!important;
  border:solid 2px #ea608e!important;
  padding: 17px!important;
}

input[type=text].ss-size{width:20px;}
input[type=text].s-size{width:60px;}
input[type=text].m-size{width:120px;}
input[type=text].l-size{width:364px;}
input[type=text].ll-size{width:780px;}
input[type=text].fit-size{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
label{margin-right: 10px;}
input[type=text],
input[type=password],
input[type=submit],
input[type=button],
textarea,
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance:none;
  border-radius: 0;
}

select{width: 100%;}
textarea{width:100%; height: 350px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}

:-moz-any(select):before {
  background-color: #fff; /* this is necessary for overcome the caret default browser */
  pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
  z-index: 1; /* this is necessary for overcome the pseudo element */
	}

select{
  padding: 18px 20px 18px 18px;
  background:#f1f1f1 url(../inquiry/img/icon-arw.png) no-repeat 99% center;
  background:none\9;
  text-indent: .01px; /*Firefox*/
  text-overflow: ""; /*Firefox*/
	}
select::-ms-expand{
  display:none;
	}
select:focus{
  padding: 18px 20px 18px 18px;
  background:#fff url(../inquiry/img/icon-arw.png) no-repeat 99% center;
  background:none\9;
  text-indent: .01px; /*Firefox*/
  text-overflow: ""; /*Firefox*/
	}
.complete{
  background:#ededed!important;
  border:solid 1px #d1d1d1!important;
	}
.form-title{
  /*margin-bottom:15px;*/
  padding-left:10px;
  font-size:16px;
  color: #777;
  min-width: 174px;
  display: inline-block;
	}

.btnbox{margin:0 0 0 0;}

input[type=submit]{
	outline: none;
	}

input[type=submit].btn,
input[type=button].btn {
	display: block;
	margin: 0 auto;
	width: 260px;
	padding: 20px;
	color:#ffffff;
	background: #ea608e;
	border: none;
	text-align: center;
	text-decoration: none;
	font-size: 112%;
	line-height: 2;
	overflow: hidden;
	will-change: transition;
	transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
	-ms-transition: 0.3s all cubic-bezier(0.215, 0.61, 0.355, 1);
	border-radius: 5px;
	}

input[type=submit].btn:hover,
input[type=button].btn:hover {
	background: #e80953;
	color: white;
	}
	

/*inq
---------------------------*/

.pp {
	margin: 100px auto 50px;
	padding:0px 20px 0px 20px;
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


.pp h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size:112%;
	font-family: ゴシックMB101 R;
	text-align:center;
	}

	
.pp p.tx {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:center;
	}





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

/*  for tablet     画面の横幅が600px-958pxまで */

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


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

section.formArea{width:100%;}	
section.formArea .formInner dl dt{margin: 0px 0px 10px 0px;width:100%;float:none;}
section.formArea .formInner dl dd{width:100%;float:none;}

}
/*===============================================*/



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

/*  for SP   画面の横幅が600px以下 */

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

@media screen and (max-width: 599px){
	
	
	}
/*===============================================*/