@charset "utf-8";

/* ---------------------------------------------------------
    index
   ---------------------------------------------------------*/

#contact .mainTitle h1 {
	background:url(../../contact/images/contact_tit_01.png) 0 center no-repeat;
}

/* エラー */
.error01{
	display:none;
	margin: 5px 0px 0px 5px;
}


/*-- 16/01/15 add --*/

select{
	height:25px;
	padding-left:5px;
	border:1px solid #aaa;
}

input[type=text],
input[type=tel],
input[type=email]{
	height: 25px;
	padding-left: 5px;
	border:1px solid #aaa;
}


/*-- contactForm --*/

#contactForm{
	width:880px;
/*	width:750px; */
	margin:0 auto 50px auto;
	line-height:140%;
	border:1px solid #CCCCCC;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding:30px 40px;
	box-sizing:border-box;
/*	padding:30px 60px; */
}

/* 必須 */
#contactForm .hissu{
	background:url(../../contact/images/contact_hissu.gif) 0 10px no-repeat;
}

#contactForm dl{
	clear:both;
	zoom: 100%;
	border-bottom:1px dotted #CCC;
	padding:2px 15px 0 15px;
}

#contactForm dl.noBorder{
	border:none;
}

#contactForm dl:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#contactForm dt{
	width:173px;
/*	width:180px;*/
	padding:10px 5px 10px 40px;
	float:left;
}

#contactForm dt.dt01{
	width:58px;
}

#contactForm dt.dt02,
#contactForm dt.dt04{
	width:70px;
/*	width:88px;*/
}

#contactForm dt.dt03{
	width:100%;
	padding-bottom:0;
	float:none;
}

#contactForm dt p.fosoku{
	padding-top:2px;
}

#contactForm dd p.attention{
	padding:2px 0 0 5px;
}

#contactForm dd{
	float:left;
}

#contactForm dd.last{
	float:none;
}

/* inputArea */
#contactForm dd.inputArea01,
#contactForm dd.inputArea02,
#contactForm dd.inputArea03,
#contactForm dd.inputArea04{
/*	padding:8px 5px 8px 5px;*/
	padding:8px 5px 8px 0;
	box-sizing:border-box;
}

#contactForm dd.inputArea01{width:280px;}
#contactForm dd.inputArea03{width:160px;}

#contactForm dd.inputArea02{
	/* width:660px; */
	width:97%;
	margin:0 auto;
}

#contactForm dd.inputArea04{
	width:140px;
	padding-top:10px;
}

#contactForm dd.inputArea05{
	width:145px;
	box-sizing:border-box;
}

#contactForm dd.inputArea01 input,
#contactForm dd.inputArea01 select{
	margin:0 5px 0 5px;
	box-sizing:border-box;
}

/* inputWidth */
.inputWidth01{width:300px;}
.inputWidth02{width:85px;}
.inputWidth03{width:430px;}
.inputWidth04{ /* width:650px; */ width:100%;}
.inputWidth06{width:60px;}
.inputWidth07{width:145px;}

.inputWidth05,
.inputWidth05right{
	width:65px;
	margin:0 5px;
	box-sizing:border-box;
}

.inputWidth01,
.inputWidth02,
.inputWidth03,
.inputWidth04,
.inputWidth06,
.inputWidth07{
	box-sizing:border-box;
}


/*-- contactBtn --*/

.contactBtn{
	width:230px;
	margin:15px auto 0 auto;
	clear:both;
}

.contactBtn .submit,
.wpcf7-submit,
.wpcf7-confirm {
	width:110px;
	background:#e6001b;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:8px 10px;
	font-size:120%;
	border:1px solid #e6001b;
	margin-right:5px;
	float:left;
	box-sizing: border-box!important;
}

.contactBtn .reset,
.contactBtn .wpcf7-back {
	width:110px;
	background:#EBEBEB;
	color:#333;
	font-weight:bold;
	text-align:center;
	padding:8px 10px;
	font-size:120%;
	border:1px solid #DBDBDB;
	float:right;
	box-sizing: border-box!important;
}

/* exampleArea */
#contactForm dd.exampleArea{padding:10px 0 10px 50px;}
#contactForm dd.exampleArea02{padding:10px 0 10px 25px;}




/* ---------------------------------------------------------
    confirm
   ---------------------------------------------------------*/

.confirmInfoText01{
	text-align:center;
	padding-top:20px;
	margin-bottom:25px;
}

.confirmText {
	margin-bottom: 15px;
	padding: 0 15px;
}

.wpcf7c-elm-step2 .ajax-loader {
	display: none;
}

#contactForm dt.confirm01{
	width:180px;
}

#contactForm dt.confirm02{
	width:77px;
}

#contactForm dt.confirm03{
	width:180px;
	float:left;
	padding-bottom:10px;
}

#contactForm dd.confirm04{
	width:480px;
	float:left;
}




/* ---------------------------------------------------------
    thanks
   ---------------------------------------------------------*/

/*-- thanksBox01 --*/

.thanksBox01{
	width:860px;
	margin:0 auto 60px auto;
	border:1px solid #CCCCCC;
  	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	padding-top:60px;
	box-sizing:border-box;
	text-align:center;
}

/* h4 */
.thanksBox01 h4{
	font-size: 1.2em;
	font-weight:bold;
	text-align: center;
	margin-bottom: 30px;
}

.thanksBox01 p{
	margin-bottom:40px;
}




/* ---------------------------------------------------------
    14/03/03 J.T
   ---------------------------------------------------------*/

.wpcf7 .wpcf7-not-valid {
    background: #fffafa;
    border: 1px solid #f00;
}

.wpcf7 .birthday .wpcf7-not-valid-tip,
.wpcf7 .your-age .wpcf7-not-valid-tip {
    display: none;
}

.media .wpcf7-list-item { /* entry_general checkbox */
	display: block;
}

#contactForm dl {
	position: relative;
}

.inputCaution {
	/*margin: -180px 0 10px 45px;*/
	/*margin: -2em 0 0 45px;*/
	position: absolute;
	top: 2.5em;
	left: 45px;
}

textarea {
	height: 150px;
	white-space: pre-wrap;
  padding: 5px 5px 5px 5px;
}
