@charset 'utf-8';


.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}
.pt80{padding-top:80px;}
.pt90{padding-top:90px;}
.pt100{padding-top:100px;}

.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}


/*お問い合わせ-------------------------------------------------------------------*/
.contact .lead {
  background: url(../../images/contact/icn-attention.png), url(../../images/license/bg-yellow.png);
  background-repeat: no-repeat, repeat;
  background-position: 10px center, left center;
  padding: 20px 0 20px 165px;
  border-radius: 15px;
  margin-bottom: 80px;
}
.tel_contact {
  color: #fff;
  text-align: center;
  padding: 1em 0;
  background: url(../../images/common/bg-slash.png) repeat left center;
  letter-spacing: 2px;
  margin-bottom: 80px;
}
.tel_contact div:nth-of-type(1) {
  margin: -33px 0 15px 0;
}
.tel_contact div:nth-of-type(2) a {
  font-size: 2.3rem;
  color: #fff;
  font-weight: 700;
  background: url(../../images/contact/icn-tel.png) no-repeat left 11px;
  padding: 0 0 0 55px;
  
}
.tel_contact div:nth-of-type(2) {
  margin-bottom: 10px;
}
.lead02 {
  text-align: center;
  margin-bottom: 60px;
}
#form_area .must {
  font-size: 11px;
  color: #de0000;
  border: 1px solid #de0000;
  padding: 3px 5px;
  line-height: 1;
  vertical-align: 2px;
  display: inline-block;
  margin-right: 5px;
}
#form_area dl {
  clear: both;
  display: table;
  width: 100%;
  border-bottom: 1px solid #9c9c9c;
}
#form_area dl:first-child {
  border-top: 1px solid #9c9c9c;
}
#form_area dt {
  background: url(../../images/common/icn-arrowRed01.png)no-repeat 49px center; 
  width: 28%;
  background-size: 5px;
  display: table-cell;
  vertical-align: middle;
  font-weight: 600;
  font-size:0.8em;
}
#form_area dd {
  display: table-cell;
  width: 75%;
  padding: 15px 0;
  position: relative;
}
#form_area dl .must {
  font-size: 11px;
  color: #de0000;
  border: 1px solid #de0000;
  padding: 3px 5px;
  line-height: 1;
  vertical-align: 2px;
  display: inline-block;
  margin-right: 5px;
}
#form_area dl .free {
  font-size: 11px;
  color: #787777;
  border: 1px solid #787777;
  padding: 3px 5px;
  line-height: 1;
  vertical-align: 2px;
  display: inline-block;
  margin-right: 5px;
}
#form_area .add_btn {
  display: inline-block;
}
#form_area input[type=text], #form_area input[type=email] {
  padding: 11px;
  border: 1px solid #a0a0a0;
  width: 350px;
  font-size: 1rem;
}
#form_area .mail_area input:first-child {
  margin-bottom: 15px;
}
#form_area #zip,#form_area #zip02 {
    width: 171px;
}
#form_area select {
  width: 170px;
  font-size: 1rem;
}
#form_area select#pref,#form_area select#pref02 {
  /*margin: 15px 0;*/
  border:1px solid #a0a0a0 ;
}
#form_area #address,#form_area #address02 {
    width: 80%;
}
#form_area .add_btn input {
  background: url(../../images/contact/btn-add.png) no-repeat;
  border: none;
  width: 171px;
  height: 50px;
  vertical-align: -18px;
  cursor: pointer;
  margin-left: 10px;
}
#form_area textarea {
    height: 180px;
    width: 80%;
    font-size: 1rem;
}
.privacy .ttl {
    font-size: 1.25rem;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 30px;
    border-bottom: 1px solid #9c9c9c;
}
.privacy .scrollContents p {
  line-height: 1.6;
}
.privacy .scrollContents {
  padding: 30px 10%;
  height: 280px;
  overflow-y: scroll;
}
.privacy_check {
  background-color: #f3f3f3;
  text-align: center;
  padding: 10px 0;
  width: 80%;
  margin: 40px auto;
  font-size:0.7em;
}
#form_area .btn_area button {
  color: #fff;
  cursor: pointer;
  border: none;
  background: none;
  background-size: 10px;
  text-align: center;
  max-width: 760px;
  width: 80%;
  margin: auto;
  font-size: 1.5625rem;
  padding: 10px 0;
  display: block;
  font-weight: 700;
  background-color: #59a6f3;
  border-radius: 35px;
  text-shadow:none !important;
}
#form_area .btn_area {
  margin-bottom: 120px;
  max-width: 760px;
  margin: 0 auto 120px auto;
}
#form_area .back button {
  width: 48%;
  color: #59a6f3;
  border:3px solid #59a6f3;
  background: url(../../images/common/icn-arrowRed02.png) no-repeat 35px center;
  background-size: 10px;
  display: inline-block;
}
#form_area .submit button {
  width: 48%;
  background-size: 10px;
  display: inline-block;
  background-position: 95% center;
  padding: 13px 0;
  margin-left: 15px;
}
.confirm #form_area .privacy {
  display: none;
}
.confirm #form_area dt,.confirm #form_area dd {
  min-height: 62px;
  line-height: 1.6;
}
.confirm #form_area .sub,.confirm #form_area #zip-btn,.confirm #form_area #zip-btn02 {
  display: none;
}
.confirm .lead {
  text-align: center;
  margin-bottom: 60px;
}
.thanks .lead {
  text-align: center;
  margin-bottom: 80px;
}
.thanks .lead .ttl {
  color: #dc2300;
  font-size: 1.875rem;
  font-weight: 700;
  margin-bottom: 1.2em;
}
.thanks .lead p:first-child {
  margin-left: -60px;
}
.mwform-checkbox-field {
  display: inline-block;
  width: 45%;
  margin: 0 0 10px 0 !important;
}
.open_area {
  display: none;
}
#form_area .birth input,#form_area dd .birth select {
  width: 20%;
}

#form_area .age input {
  width: 20%;
}
.mw_wp_form .error {
  margin: 10px 0 0 0;
}

/*お問い合わせのディスプレイのみ*/

#entry input[type="text"], #entry input[type="password"], #entry input[type="datetime"], #entry input[type="datetime-local"], #entry input[type="date"], #entry input[type="month"], #entry input[type="time"], #entry input[type="week"], #entry input[type="number"], #entry input[type="email"], #entry input[type="url"], #entry input[type="search"], #entry input[type="tel"], #entry input[type="color"], #entry select, #entry textarea, #entry .field {
  display:inline !important;
}


/*メディアクエリ*/
/*お問い合わせ-------------------------------------------------------------------*/
@media only screen and (max-width: 867px) {

  .contact .lead {
    background: url(../../images_sp/contact/icn.png), url(../../images/license/bg-yellow.png);
    background-repeat: no-repeat, repeat;
    background-position: center 20px, left center;
    padding: 130px 20px 20px 20px;
    border-radius: 15px;
    margin-bottom: 80px;
    background-size: calc(100% - 40px), auto;
  }
  .contact .lead02 {
    padding: 0 25px;
  }
  #form_area dt {
    width: 100%;
    display: block;
  }
  #form_area dl {
    display: block;
    padding:10px 0;
    margin: 10px 0;
  }
  #form_area dd {
    display: table-cell;
    width: 100%;
    padding: 15px 0 0 0;
    font-size: 0.85rem;
  }
  #form_area dd .sub {
    display: block;
    font-size: 0.8rem;
    margin: 10px 0 0 0;
  }
  #form_area textarea {
    width: 100%;
  }
  .privacy_check .mwform-checkbox-field {
    width: 100%;
  }
  .privacy_check {
    width: 100%;
  }
}