@charset "utf-8";
/*---------------------------------------*/
/* contact */
/*---------------------------------------*/
#form .inputSelect{
width: 100%;
max-width: 250px;
}
#form .selectStyle{
background: url(../images/page/contact-select.png) no-repeat right center;
background-size: 18px 36px;
height:36px;
line-height:36px;
padding:0;
box-sizing:border-box;
border-top:1px solid #fff;
border-bottom:none;
border-left:none;
border-right:none;
font-size:1.6rem;
width: 100%;
color: #fff;
-webkit-appearance: none;
}
.contactAreaIn .form .input .txt{
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #fff;
font-size: 16px;
height: 40px;
width: 100%;
padding: 0 2%;
box-sizing: border-box;
background: none;
color: #fff;
}
.contactAreaIn .form .input .txtarea{
-webkit-appearance: none;
border-radius: 0;
border: 1px solid #fff;
font-size: 16px;
height: 180px;
width: 100%;
padding:10px 2%;
box-sizing: border-box;
background: none;
color: #fff;
}
.form .wpcf7-list-item{
margin:0 1em 0 0;
}
/*agree*/
.form .agree{
margin-top: 30px;
}
/*formSubmit*/

.form #formSubmit{
background: rgba(0,0,0,0.5);
border: 1px solid #fff;
border-radius: 0;
letter-spacing: 2px;
text-align: center;
color: #fff;
width: 100px;
height: 35px;
font-family: 'Cormorant Garamond', serif;
transition: all 0.6s ease;
-webkit-appearance: none;
}
@media screen and (max-width:767px){
.form #formSubmit{
width: 100%;
}
}
.form .btnSubmit.disabled {
opacity: 0.5;
}
.form .btnSubmit.disabled #formSubmit:hover{
background:#333;
color:#fff;
}
.form #formSubmit:hover{
background:rgba(255,255,255,0.5);
color: #333;
text-decoration: none;
}
#btnSubmitAlert{
font-size:1.2rem;
color: #898989;
}
@media screen and (max-width:767px){
#btnSubmitAlert{
font-size:1.0rem;
}
}
#btnSubmitAlert.none{
	display:none;
}
/* ▼IE10・IE11用 */
:-ms-input-placeholder {
color: #d4d4d4;
}
/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
color: #d4d4d4;
}
/* ▼Firefox18以前用 */
:-moz-placeholder {
color: #d4d4d4;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
color: #d4d4d4;
opacity: 1;
}
/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
color: #d4d4d4;
}