@charset "utf-8";
/*---------------------------------------*/
/* contact */
/*---------------------------------------*/
/*form*/
.form dl{
padding-top: 30px;
margin-bottom: 0;
}
@media screen and (max-width:767px){
.form dl{
padding-top:15px;
}
}
.form dl dt{
width:35%;
padding-left:30px;
box-sizing: border-box;
}
@media screen and (max-width:767px){
.form dl dt{
width:100%;
padding:0 5% 10px;
}
}
.form dl dt .icon{
padding: 2px 5px 3px;
margin-left: 7px;
top: -3px;
}
.form dl dd{
width:65%;
padding-right:30px;
box-sizing: border-box;
}
@media screen and (max-width:767px){
.form dl dd{
width:100%;
padding:0 5%;
}
}
.txt-l,
.txt-m,
.txt-s,
.txt-ss,
.txt-area,
#btnSubmit .wpcf7-submit{
height:60px;
-webkit-appearance: none;
border-radius:0;
border:1px solid #b1b1b1;
font-size:16px;
box-sizing: border-box;
padding:0 15px;
margin-bottom: 5px;
}
@media screen and (max-width:767px){
.txt-l,
.txt-m,
.txt-s,
.txt-ss,
.txt-area,
#btnSubmit .wpcf7-submit{
height: 45px;
}
}
.txt-l{
width:100%;
}
.txt-m{
width:60%;
}
@media screen and (max-width:767px){
.txt-m{
width:100%;
}
}
.txt-ss,
.txt-s{

width:18%;
}
@media screen and (max-width:767px){
.txt-s{
width:30%;
}
}
.txt-area{
width:100%;
height: 200px;
padding:10px 15px;
border:1px solid #b1b1b1;
}
@media screen and (max-width:767px){
.txt-area{
height: 100px;
}
}
/*selectStyle*/
.form .selectStyle{
color:#000;
    font-size: 16px;
border:1px solid #b1b1b1;
border-radius: 0;
padding: 0 60px 0 15px;
height: 60px;
width: 100%;
box-sizing:border-box;
-webkit-appearance: none;
cursor:pointer;
vertical-align:middle;
}
@media screen and (max-width:767px){
.form .selectStyle{
height: 45px;
}
}
.form .selectStyle--short{
width: 30%;
margin-bottom: 5px;
}
@media screen and (max-width:767px){
.form .selectStyle--short{
width: 60%;
}
}
.form .selectStyle{
background: url(../images/page/contact-select.gif) no-repeat right center #fff;
background-size: auto 60px;
}
@media screen and (max-width:767px){
.form .selectStyle{
background: url(../images/page/contact-select.gif) no-repeat right center #fff;
background-size: auto 45px;
}
}
/*radio*/
.wpcf7-list-item{
display: inline-block;
margin-right: 20px;
margin-bottom: 5px;
}
@media screen and (max-width:767px){
.wpcf7-list-item{
margin-right: 10px;
}
}
.form input[type=radio]{
display: none;
}
.form label{
position: relative;
}
.form input[type=radio] + .wpcf7-list-item-label{
cursor: pointer;
display: inline-block;
border: 2px solid rgba(180, 180, 180,0.2);
box-sizing: border-box;
padding:10px 15px 10px 35px;
line-height: 1.5;
transition: all 0.6s ease;
background: #fff;
font-size: 16px;
position: relative;
}
.form input[type=radio] + .wpcf7-list-item-label:hover{
background:#f6f6f6;
}
.form input[type=radio]:checked+.wpcf7-list-item-label{
border: 2px solid #808080;;
opacity: 1;
}
.form input[type=radio]:checked+.wpcf7-list-item-label:hover{
background: none;
}
.form input[type=radio] + .wpcf7-list-item-label:after{
content: "";
width: 20px;
height: 20px;
box-sizing: border-box;
border: 2px solid rgba(180, 180, 180,0.2);
background: #fff;
position: absolute;
top:12px;
left: 10px;
border-radius: 50%;
}
@media screen and (max-width:767px){
.form input[type=radio] + .wpcf7-list-item-label:after{
width: 18px;
height: 18px;
}
}
.form input[type=radio]:checked+.wpcf7-list-item-label:after{
box-sizing: border-box;
border: 1px solid #808080;
}
.form input[type=radio] + .wpcf7-list-item-label:before{
content: "";
width:14px;
height: 14px;
box-sizing: border-box;
background: #808080;
position: absolute;
top: 15px;
left: 13px;
border-radius: 50%;
z-index: 10;
opacity: 0;
}
@media screen and (max-width:767px){
.form input[type=radio] + .wpcf7-list-item-label:before{
width:12px;
height: 12px;
}
}
.form input[type=radio]:checked+.wpcf7-list-item-label:before{
opacity: 1;
}
.form .checkStyle input[type=checkbox]{
display: none;
}
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label{
padding-left:24px;
cursor: pointer;
position:relative;
font-size: 16px;
display: inline-block;
}
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:hover{
color: #808080;
}
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:before,
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:after {
content: "";
position: absolute;
transition: all 0.2s;
}
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:before{
content: "";
background:#fff;
position: absolute;
left: 0;
box-sizing: border-box;
border: 2px solid rgba(180, 180, 180,0.2);
transition: all 0.1s ease;
}
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:before{
top:8px;
left: 0;
z-index: 0;
width: 16px;
height: 16px;
box-sizing: border-box;
border: 2px solid rgba(180, 180, 180,0.2);
}
@media screen and (max-width:767px){
  .form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:before{
  top:6px;
}
}
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:after {
top:4px;
left:5px;
opacity: 0;
width:6px;
height:14px;
color: #fff;
border-bottom: 3px solid #808080;
border-right: 3px solid #808080;
transform: rotate(-180deg);
}
@media screen and (max-width:767px){
.form .checkStyle input[type=checkbox] + .wpcf7-list-item-label:after {
width:6px;
height:14px;
}
}

.form input[type="checkbox"]:checked + .wpcf7-list-item-label:before{
border: 2px solid #808080;
}

.form input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
transform: rotate(40deg);
opacity: 1;
}







.form input:focus,
.form textarea:focus,
.form select:focus
{
border: 1px solid #b1b1b1 !important;
}
div.wpcf7-validation-errors{
border:2px solid #b1b1b1 !important;
}
div.wpcf7-mail-sent-ok{
border:2px solid #b1b1b1 !important;
}
div.wpcf7-response-output{
margin-top:0 !important;
margin-left:30px !important;
margin-right:30px !important;
text-align:center;
}
.form .agree{
margin-top: 50px;
}
/*送信ボタン */
.btnSubmit .wpcf7-submit{
-webkit-appearance: none;
display:block;
text-align:center;
width:360px;
height:70px;
line-height:62px;
text-indent: 0;
border:2px solid #000;
background:#000;
color:#fff;
transition: all  0.6s ease;
font-size: 1.8rem;
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width:767px){
.btnSubmit .wpcf7-submit{
margin:30px auto;
width:90%;
}
}
.btnSubmit .wpcf7-submit:hover{
text-decoration: none;
background:#fff;
color:#000;
}
.btnSubmit.disabled input{
opacity:0.5;
}
.btnSubmit.disabled input:hover{
background:#000;
color:#fff;
}
.btnSubmitAlert.none{
display:none;
}
@media screen and (max-width:767px){
.btnSubmitAlert{
font-size:1.0rem;
}
}
/* ▼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;
}