@charset "UTF-8";
/* CSS Document */

/* お問い合わせ注意事項 */
#contact-form {
}



#contact-form dt {
   width: 250px !important;
   margin: 0 0 20px 0;
   line-height: 1.5;
   padding-top: 23px;
}
.mw_wp_form_confirm dl {
   margin-bottom: clamp(50px,13vw,100px);
}

#contact-form .mw_wp_form_confirm dt {
   padding-top: 0; 
}
#contact-form dd {
   width: calc(100% - 250px) !important;
   margin: 0 0 20px 0;
}

#contact-form dd.check_pt {
   padding-top: 20px;
}


.mw_wp_form_confirm {}

.mw_wp_form_confirm dt,.mw_wp_form_confirm dd {
   border-bottom: solid 1px #d3d3d3;
   padding-bottom: 20px;
}

@media screen and (max-width: 743px) {
 .mw_wp_form_confirm dt  {
   border-bottom: none;
   padding-bottom: 0;
}
}

.mw_wp_form_confirm span {display: none;}
.mw_wp_form_confirm .sp-inline {display: none !important}

@media screen and (max-width: 743px) {
#contact-form dt {
   width: 100% !important;
   margin-bottom: 10px
}
#contact-form dd {
   width: 100% !important;
   margin-bottom: 30px;
} 
}

input[type="text"],textarea {
   width: 100%;
   font-size: 1.6rem;
   background-color: #f6f6f6;
   border-radius: 5px;
   padding: 20px 25px;
}

input[type="text"].w3_4 {width: 75%;}
input[type="text"].half {width: 34.5%;}
input[type="text"].w1_4 {width: 25%;}


@media screen and (max-width: 743px) {
 input[type="text"],textarea {width: 100%; padding: 15px 20px} 
input[type="text"].w3_4 {width: 100%;}
input[type="text"].w1_4 {width: 50%;}
}

.imp_small {
  width: 50% !important;
   background-color: #f6f6f6 !important;
   border-radius: 5px !important;
   padding: 10px 20px !important;
}

input[type="submit"] {
   margin: 0 20px;
		padding: 10px 80px;
}


.contact input[type="button"], input[type="submit"] {
  font-size: 1.8rem;
		padding: 30px 80px;
  color: #fff;
  letter-spacing: 0.1rem;
   line-height: 1;
   text-align: center;
   width: 320px;
   border-radius: 6px;
   background-color: #eeeeee;
}

@media screen and (max-width: 743px) {
	.contact input[type="button"], input[type="submit"] {
		padding: 15px 0;
      width: 80%;
      font-size: 1.4rem;
	}
}

input[type="submit"] {
   background-repeat: no-repeat;
   background-size: 7px 14px;
   display: inline-block;
   font-size: clamp(1.2rem, 1.8vw, 1.4rem);
   font-weight: 700;
   min-width: 300px;
   border: solid 3px #000;
   border-top-right-radius: 50px;
   border-top-left-radius: 50px;
   border-bottom-right-radius: 50px;
   border-bottom-left-radius: 50px;
   line-height: 1.5;
   color: #333;
   background-color: #fff;
   opacity: 0.3; 
}

.mw_wp_form_confirm input[type="submit"]{
   opacity: 1;   
}

input[type="submit"].send {
   background-image: url("../img/common/icon-arrow02_r.png");
   background-position: right 20px center;
   padding: 20px 60px 20px 30px;
}

input[type="submit"].back {
   background-image: url("../img/common/icon-arrow02_l.png");
   background-position: left 20px center;
   padding: 20px 30px 20px 60px;
}
.mw_wp_form_confirm .com_hide {display: none;}

@media screen and (max-width: 743px) {
input[type="submit"].send {
   min-width: 75%;
   width: 75%;
   font-size: 1.5rem;
		padding: 10px 30px !important;
   margin: 0 auto;
}
   
.mw_wp_form_confirm input[type="submit"].back {
   min-width: auto;
    width: 40%;
      margin: 0 10px;
		padding: 10px 30px !important;
   font-size: 1.5rem;
}
   .mw_wp_form_confirm input[type="submit"].send {
   min-width: auto;
    width: 40%;
      margin: 0 10px;
		padding: 10px 30px !important;
   font-size: 1.5rem;
}
}

.mwform-checkbox-field {
   display: inline-block;
   font-size: 1.4rem;
   width: 33%;
   letter-spacing: 0.02em;
   margin-left: 0!important;
}

@media screen and (max-width: 743px) {
.mwform-checkbox-field {width: 100%;}
}




.mwform-radio-field {
   display: inline;
}
@media screen and (max-width: 743px) {
 .mwform-radio-field {
   display: block !important;
    margin: 0 !important;
    padding: 0 !important;
} 
}

input[type=checkbox] {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.mwform-checkbox-field { margin-bottom: 15px;}

@media screen and (max-width: 743px) {
.mwform-checkbox-field { margin-bottom: 5px;}
}